Hugging Face's logo

Spaces:
zai-org
/
GLM-4.5V-Demo-App
Running

App Files Community
1
zRzRzRzRzRzRzR commited on
Commit
0274490
·
1 Parent(s): 7774634

update

Browse files
Files changed (2) hide show
  1. README.md +3 -1
  2. app.py +113 -0
README.md CHANGED
@@ -10,4 +10,6 @@ pinned: false
10
  short_description: Demo App of dmg file
11
  ---
12
 
13
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
 
 
10
  short_description: Demo App of dmg file
11
  ---
12
 
13
+ # GLM 4.5V Demo App
14
+
15
+ check app.py
app.py ADDED
@@ -0,0 +1,113 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ import gradio as gr
2
+
3
+
4
+ def get_readme_content():
5
+ readme_html = """
6
+ <div style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; line-height: 1.6; max-width: 800px; margin: 0 auto; padding: 20px;">
7
+ <h1 style="color: #2c3e50; border-bottom: 3px solid #3498db; padding-bottom: 10px;">📱 VLM Chat Helper - Download</h1>
8
+
9
+ <p style="font-size: 16px; color: #34495e; background-color: #ecf0f1; padding: 15px; border-radius: 8px; border-left: 4px solid #3498db;">
10
+ A desktop assistant designed for the GLM series multimodal models (GLM-4.5V, compatible with GLM-4.1V), supporting interactive conversations with text, images, videos, PDFs, PPTs, and more. It connects to the GLM multimodal API to enable intelligent services across various scenarios.
11
+ </p>
12
+
13
+ <h2 style="color: #e74c3c; margin-top: 30px;">⚠️ Special Notes</h2>
14
+ <div style="background-color: #fff3cd; border: 1px solid #ffeaa7; border-radius: 8px; padding: 15px; margin: 15px 0;">
15
+ <p style="margin: 0; color: #856404;">
16
+ <strong>The current version only supports macOS Apple Silicon (M-series chips: M1/M2/M3, etc.)</strong><br>
17
+ Versions for Intel Macs, Windows, and Linux are not currently available.
18
+ </p>
19
+ </div>
20
+
21
+ <h2 style="color: #27ae60; margin-top: 30px;">✨ Main Features</h2>
22
+ <div style="background-color: #f8f9fa; border: 1px solid #dee2e6; border-radius: 10px; padding: 20px; margin: 20px 0; box-shadow: 0 2px 10px rgba(0,0,0,0.08);">
23
+ <div style="display: flex; align-items: center; padding: 12px 0; border-bottom: 1px solid #e9ecef;">
24
+ <span style="font-size: 20px; margin-right: 15px;">🤖</span>
25
+ <div>
26
+ <strong style="color: #495057;">Multimodal Chat:</strong>
27
+ <span style="color: #6c757d;">Supports intelligent conversations with text, images, videos, PDFs, and PPT files</span>
28
+ </div>
29
+ </div>
30
+ <div style="display: flex; align-items: center; padding: 12px 0; border-bottom: 1px solid #e9ecef;">
31
+ <span style="font-size: 20px; margin-right: 15px;">📸</span>
32
+ <div>
33
+ <strong style="color: #495057;">Screenshot:</strong>
34
+ <span style="color: #6c757d;">Quick full/region screenshots with a global hotkey</span>
35
+ </div>
36
+ </div>
37
+ <div style="display: flex; align-items: center; padding: 12px 0; border-bottom: 1px solid #e9ecef;">
38
+ <span style="font-size: 20px; margin-right: 15px;">🎥</span>
39
+ <div>
40
+ <strong style="color: #495057;">Screen Recording:</strong>
41
+ <span style="color: #6c757d;">Full-screen and region recording with automatic video compression</span>
42
+ </div>
43
+ </div>
44
+ <div style="display: flex; align-items: center; padding: 12px 0; border-bottom: 1px solid #e9ecef;">
45
+ <span style="font-size: 20px; margin-right: 15px;">🪟</span>
46
+ <div>
47
+ <strong style="color: #495057;">Floating Window Mode:</strong>
48
+ <span style="color: #6c757d;">Compact floating chat window for use anytime, anywhere</span>
49
+ </div>
50
+ </div>
51
+ <div style="display: flex; align-items: center; padding: 12px 0; border-bottom: 1px solid #e9ecef;">
52
+ <span style="font-size: 20px; margin-right: 15px;">🎨</span>
53
+ <div>
54
+ <strong style="color: #495057;">Themes:</strong>
55
+ <span style="color: #6c757d;">Multiple built-in code highlighting themes</span>
56
+ </div>
57
+ </div>
58
+ <div style="display: flex; align-items: center; padding: 12px 0; border-bottom: 1px solid #e9ecef;">
59
+ <span style="font-size: 20px; margin-right: 15px;">📱</span>
60
+ <div>
61
+ <strong style="color: #495057;">Drag-and-Drop Upload:</strong>
62
+ <span style="color: #6c757d;">Drag files directly into the chat interface</span>
63
+ </div>
64
+ </div>
65
+ <div style="display: flex; align-items: center; padding: 12px 0; border-bottom: 1px solid #e9ecef;">
66
+ <span style="font-size: 20px; margin-right: 15px;">⌨️</span>
67
+ <div>
68
+ <strong style="color: #495057;">Hotkeys:</strong>
69
+ <span style="color: #6c757d;">Rich set of global hotkeys</span>
70
+ </div>
71
+ </div>
72
+ <div style="display: flex; align-items: center; padding: 12px 0;">
73
+ <span style="font-size: 20px; margin-right: 15px;">💾</span>
74
+ <div>
75
+ <strong style="color: #495057;">Local Storage:</strong>
76
+ <span style="color: #6c757d;">Chat history stored in a local database</span>
77
+ </div>
78
+ </div>
79
+ </div>
80
+
81
+ <div style="background-color: #d4edda; border: 2px solid #28a745; border-radius: 12px; padding: 20px; margin: 30px 0; text-align: center;">
82
+ <p style="font-size: 18px; color: #155724; margin: 0;">
83
+ 📥 Download: Find <strong>vlm-helper-1.0.6.dmg</strong> in this repository.
84
+ </p>
85
+ </div>
86
+ </div>
87
+ """
88
+ return readme_html
89
+
90
+
91
+ def create_interface():
92
+ """Create the Gradio interface"""
93
+ with gr.Blocks(
94
+ title="VLM Chat Helper - README",
95
+ theme=gr.themes.Soft(),
96
+ css="""
97
+ .container {
98
+ max-width: 900px !important;
99
+ margin: 0 auto !important;
100
+ }
101
+ .gradio-container {
102
+ min-height: 100vh;
103
+ }
104
+ """
105
+ ) as demo:
106
+ gr.HTML(get_readme_content())
107
+
108
+ return demo
109
+
110
+
111
+ if __name__ == "__main__":
112
+ demo = create_interface()
113
+ demo.launch()