Hugging Face's logo

Spaces:
jjmandog
/
v
Running

App Files Community
jjmandog commited on
Commit
cb363e1
·
verified ·
1 Parent(s): a110f7a

undefined - Initial Deployment

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +452 -19
  3. prompts.txt +0 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: V
3
- emoji: 📚
4
- colorFrom: blue
5
- colorTo: yellow
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: v
3
+ emoji: 🐳
4
+ colorFrom: pink
5
+ colorTo: green
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,452 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Jay's Mobile Wash AI Call Center</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
+ <style>
10
+ /* Custom styles that extend Tailwind */
11
+ :root {
12
+ --primary: #1e88e5;
13
+ --secondary: #43a047;
14
+ --background: #f5f5f5;
15
+ --text: #333333;
16
+ --card-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
17
+ }
18
+
19
+ body.dark {
20
+ --primary: #64b5f6;
21
+ --secondary: #81c784;
22
+ --background: #1a1a1a;
23
+ --text: #e0e0e0;
24
+ --card-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
25
+ background-color: #121212;
26
+ color: #e0e0e0;
27
+ }
28
+
29
+ .message-user {
30
+ background-color: #e3f2fd;
31
+ margin-right: 20%;
32
+ }
33
+
34
+ .message-bot {
35
+ background-color: #f1f8e9;
36
+ margin-left: 20%;
37
+ }
38
+
39
+ .status-indicator {
40
+ display: inline-block;
41
+ width: 10px;
42
+ height: 10px;
43
+ border-radius: 50%;
44
+ margin-right: 5px;
45
+ }
46
+
47
+ .status-healthy {
48
+ background-color: #4caf50;
49
+ }
50
+
51
+ .status-warning {
52
+ background-color: #ff9800;
53
+ }
54
+
55
+ .status-error {
56
+ background-color: #f44336;
57
+ }
58
+
59
+ .tab-content {
60
+ display: none;
61
+ }
62
+
63
+ .tab-content.active {
64
+ display: block;
65
+ animation: fadeIn 0.3s ease-in-out;
66
+ }
67
+
68
+ .pulse-animation {
69
+ animation: pulse 2s infinite;
70
+ }
71
+
72
+ @keyframes fadeIn {
73
+ from { opacity: 0; transform: translateY(10px); }
74
+ to { opacity: 1; transform: translateY(0); }
75
+ }
76
+
77
+ @keyframes pulse {
78
+ 0% { opacity: 1; }
79
+ 50% { opacity: 0.5; }
80
+ 100% { opacity: 1; }
81
+ }
82
+
83
+ /* Smoother transitions */
84
+ * {
85
+ transition: background-color 0.2s ease, color 0.2s ease;
86
+ }
87
+
88
+ /* Scrollbar styling */
89
+ ::-webkit-scrollbar {
90
+ width: 8px;
91
+ }
92
+
93
+ ::-webkit-scrollbar-track {
94
+ background: #f1f1f1;
95
+ }
96
+
97
+ ::-webkit-scrollbar-thumb {
98
+ background: #888;
99
+ border-radius: 4px;
100
+ }
101
+
102
+ ::-webkit-scrollbar-thumb:hover {
103
+ background: #555;
104
+ }
105
+
106
+ body.dark ::-webkit-scrollbar-track {
107
+ background: #333;
108
+ }
109
+
110
+ body.dark ::-webkit-scrollbar-thumb {
111
+ background: #666;
112
+ }
113
+
114
+ body.dark ::-webkit-scrollbar-thumb:hover {
115
+ background: #888;
116
+ }
117
+ </style>
118
+ </head>
119
+ <body class="bg-gray-100 dark:bg-gray-900 text-gray-900 dark:text-gray-100 min-h-screen">
120
+ <!-- Header -->
121
+ <header class="bg-blue-600 dark:bg-blue-900 text-white shadow-lg">
122
+ <div class="container mx-auto px-4 py-6">
123
+ <div class="flex justify-between items-center">
124
+ <div>
125
+ <h1 class="text-3xl md:text-4xl font-bold"><i class="fas fa-car mr-2"></i>Jay's Mobile Wash</h1>
126
+ <p class="mt-1 text-blue-100 dark:text-blue-200">AI Call Center - Daylight Reveals Perfection</p>
127
+ </div>
128
+ <div>
129
+ <button id="darkModeToggle" class="bg-gray-700 dark:bg-gray-300 text-white dark:text-gray-900 rounded-full w-10 h-10 flex items-center justify-center focus:outline-none hover:bg-gray-600 dark:hover:bg-gray-400">
130
+ <i class="fas fa-moon dark:hidden"></i>
131
+ <i class="fas fa-sun hidden dark:block"></i>
132
+ </button>
133
+ </div>
134
+ </div>
135
+ </div>
136
+ </header>
137
+
138
+ <!-- Main Container -->
139
+ <div class="container mx-auto px-4 py-6">
140
+ <!-- Tab Navigation -->
141
+ <div class="flex overflow-x-auto mb-6 border-b border-gray-300 dark:border-gray-700">
142
+ <button onclick="openTab(event, 'chatTab')" class="tab-button px-4 py-3 font-medium border-b-2 border-transparent hover:border-blue-500 dark:hover:border-blue-400 text-gray-700 dark:text-gray-300 hover:text-blue-600 dark:hover:text-blue-400 whitespace-nowrap active">
143
+ <i class="fas fa-comments mr-2"></i>Chat
144
+ </button>
145
+ <button onclick="openTab(event, 'voiceTab')" class="tab-button px-4 py-3 font-medium border-b-2 border-transparent hover:border-blue-500 dark:hover:border-blue-400 text-gray-700 dark:text-gray-300 hover:text-blue-600 dark:hover:text-blue-400 whitespace-nowrap">
146
+ <i class="fas fa-microphone mr-2"></i>Voice
147
+ </button>
148
+ <button onclick="openTab(event, 'smsTab')" class="tab-button px-4 py-3 font-medium border-b-2 border-transparent hover:border-blue-500 dark:hover:border-blue-400 text-gray-700 dark:text-gray-300 hover:text-blue-600 dark:hover:text-blue-400 whitespace-nowrap">
149
+ <i class="fas fa-sms mr-2"></i>SMS Response
150
+ </button>
151
+ <button onclick="openTab(event, 'dashboardTab')" class="tab-button px-4 py-3 font-medium border-b-2 border-transparent hover:border-blue-500 dark:hover:border-blue-400 text-gray-700 dark:text-gray-300 hover:text-blue-600 dark:hover:text-blue-400 whitespace-nowrap">
152
+ <i class="fas fa-tachometer-alt mr-2"></i>Dashboard
153
+ </button>
154
+ <button onclick="openTab(event, 'setupTab')" class="tab-button px-4 py-3 font-medium border-b-2 border-transparent hover:border-blue-500 dark:hover:border-blue-400 text-gray-700 dark:text-gray-300 hover:text-blue-600 dark:hover:text-blue-400 whitespace-nowrap">
155
+ <i class="fas fa-cog mr-2"></i>Setup Wizard
156
+ </button>
157
+ </div>
158
+
159
+ <!-- Tab Content -->
160
+ <div class="space-y-6">
161
+ <!-- Chat Tab -->
162
+ <div id="chatTab" class="tab-content active">
163
+ <div class="bg-white dark:bg-gray-800 rounded-lg shadow-lg p-6">
164
+ <h2 class="text-2xl font-semibold mb-4 flex items-center">
165
+ <i class="fas fa-robot mr-2 text-green-500"></i>Chat Assistant
166
+ </h2>
167
+ <div id="chatHistory" class="h-96 overflow-y-auto mb-4 p-4 border border-gray-200 dark:border-gray-700 rounded-lg bg-gray-50 dark:bg-gray-700">
168
+ <!-- Messages will appear here dynamically -->
169
+ <div class="mb-4 p-3 rounded-lg">
170
+ <p class="text-gray-600 dark:text-gray-300 text-center">Welcome to Jay's Mobile Wash AI Call Center! How can I assist you today?</p>
171
+ </div>
172
+ </div>
173
+ <div class="flex">
174
+ <input type="text" id="chatInput" class="flex-1 p-3 border border-gray-300 dark:border-gray-600 rounded-l-lg focus:outline-none focus:ring-2 focus:ring-blue-500 dark:bg-gray-700" placeholder="Type your message here...">
175
+ <button onclick="sendMessage()" class="bg-blue-600 dark:bg-blue-700 hover:bg-blue-700 dark:hover:bg-blue-800 text-white px-6 rounded-r-lg font-medium">
176
+ <i class="fas fa-paper-plane mr-2"></i>Send
177
+ </button>
178
+ </div>
179
+ </div>
180
+ </div>
181
+
182
+ <!-- Voice Tab -->
183
+ <div id="voiceTab" class="tab-content">
184
+ <div class="bg-white dark:bg-gray-800 rounded-lg shadow-lg p-6">
185
+ <h2 class="text-2xl font-semibold mb-4 flex items-center">
186
+ <i class="fas fa-microphone-alt mr-2 text-purple-500"></i>Voice Generator
187
+ </h2>
188
+ <div class="mb-4">
189
+ <label class="block mb-2 font-medium">Enter text to generate voice:</label>
190
+ <textarea id="voiceTextInput" class="w-full p-3 border border-gray-300 dark:border-gray-600 rounded-lg h-32 focus:outline-none focus:ring-2 focus:ring-blue-500 dark:bg-gray-700" placeholder="Type the text you want to hear..."></textarea>
191
+ </div>
192
+ <button onclick="generateVoice()" class="bg-purple-600 dark:bg-purple-700 hover:bg-purple-700 dark:hover:bg-purple-800 text-white px-6 py-3 rounded-lg font-medium">
193
+ <i class="fas fa-volume-up mr-2"></i>Generate Voice
194
+ </button>
195
+
196
+ <div class="mt-6 bg-gray-100 dark:bg-gray-700 p-4 rounded-lg">
197
+ <p id="voiceStatus" class="mb-2">Ready to generate audio.</p>
198
+ <audio id="audioPlayer" controls class="w-full"></audio>
199
+ </div>
200
+ </div>
201
+ </div>
202
+
203
+ <!-- SMS Response Tab -->
204
+ <div id="smsTab" class="tab-content">
205
+ <div class="bg-white dark:bg-gray-800 rounded-lg shadow-lg p-6 mb-6">
206
+ <h2 class="text-2xl font-semibold mb-4 flex items-center">
207
+ <i class="fas fa-inbox mr-2 text-orange-500"></i>Pending SMS Messages
208
+ </h2>
209
+ <div class="mb-4 flex justify-between items-center">
210
+ <p id="smsStatus" class="text-gray-600 dark:text-gray-300">Loading pending messages...</p>
211
+ <button onclick="loadPendingSMS()" class="bg-gray-200 dark:bg-gray-700 hover:bg-gray-300 dark:hover:bg-gray-600 text-gray-800 dark:text-gray-200 px-4 py-2 rounded-lg font-medium text-sm flex items-center">
212
+ <i class="fas fa-sync-alt mr-2"></i>Refresh
213
+ </button>
214
+ </div>
215
+ <div class="overflow-x-auto">
216
+ <table id="pendingSMSTable" class="min-w-full bg-white dark:bg-gray-800 rounded-lg overflow-hidden">
217
+ <thead class="bg-gray-100 dark:bg-gray-700">
218
+ <tr>
219
+ <th class="py-3 px-4 text-left text-sm font-medium text-gray-700 dark:text-gray-300">From</th>
220
+ <th class="py-3 px-4 text-left text-sm font-medium text-gray-700 dark:text-gray-300">Message</th>
221
+ <th class="py-3 px-4 text-left text-sm font-medium text-gray-700 dark:text-gray-300">Time</th>
222
+ <th class="py-3 px-4 text-left text-sm font-medium text-gray-700 dark:text-gray-300">Action</th>
223
+ </tr>
224
+ </thead>
225
+ <tbody class="divide-y divide-gray-200 dark:divide-gray-700">
226
+ <!-- SMS messages will appear here dynamically -->
227
+ <tr>
228
+ <td colspan="4" class="py-4 px-4 text-center text-gray-500 dark:text-gray-400">No pending messages</td>
229
+ </tr>
230
+ </tbody>
231
+ </table>
232
+ </div>
233
+ </div>
234
+
235
+ <div class="bg-white dark:bg-gray-800 rounded-lg shadow-lg p-6">
236
+ <h2 class="text-2xl font-semibold mb-4 flex items-center">
237
+ <i class="fas fa-reply mr-2 text-green-500"></i>Respond to Message
238
+ </h2>
239
+ <form onsubmit="event.preventDefault(); sendSMSResponse();">
240
+ <input type="hidden" id="smsId">
241
+ <div class="mb-4">
242
+ <label class="block mb-2 font-medium">To:</label>
243
+ <p id="smsTo" class="bg-gray-100 dark:bg-gray-700 p-3 rounded-lg">Select a message above</p>
244
+ </div>
245
+ <div class="mb-4">
246
+ <label class="block mb-2 font-medium">Response:</label>
247
+ <textarea id="smsText" class="w-full p-3 border border-gray-300 dark:border-gray-600 rounded-lg h-32 focus:outline-none focus:ring-2 focus:ring-blue-500 dark:bg-gray-700" placeholder="Type your response here..."></textarea>
248
+ </div>
249
+ <button type="submit" class="bg-green-600 dark:bg-green-700 hover:bg-green-700 dark:hover:bg-green-800 text-white px-6 py-3 rounded-lg font-medium">
250
+ <i class="fas fa-paper-plane mr-2"></i>Send Response
251
+ </button>
252
+ </form>
253
+ <p id="smsResponseStatus" class="mt-4"></p>
254
+ </div>
255
+ </div>
256
+
257
+ <!-- Dashboard Tab -->
258
+ <div id="dashboardTab" class="tab-content">
259
+ <div class="bg-white dark:bg-gray-800 rounded-lg shadow-lg p-6">
260
+ <h2 class="text-2xl font-semibold mb-6 flex items-center">
261
+ <i class="fas fa-chart-line mr-2 text-blue-500"></i>System Dashboard
262
+ </h2>
263
+
264
+ <!-- System Status Card -->
265
+ <div class="mb-6">
266
+ <div class="flex items-center justify-between mb-4">
267
+ <h3 class="text-xl font-semibold">System Status</h3>
268
+ <button onclick="loadSystemHealth()" class="bg-gray-200 dark:bg-gray-700 hover:bg-gray-300 dark:hover:bg-gray-600 text-gray-800 dark:text-gray-200 px-4 py-2 rounded-lg font-medium text-sm flex items-center">
269
+ <i class="fas fa-sync-alt mr-2"></i>Refresh
270
+ </button>
271
+ </div>
272
+ <div class="bg-gray-100 dark:bg-gray-700 rounded-lg p-4">
273
+ <div class="flex items-center mb-4">
274
+ <span id="systemStatus" class="status-indicator status-warning"></span>
275
+ <span id="systemStatusText" class="ml-2 font-medium">Loading system status...</span>
276
+ </div>
277
+
278
+ <h4 class="font-medium mb-2">Components</h4>
279
+ <table id="componentsTable" class="w-full">
280
+ <tbody class="divide-y divide-gray-200 dark:divide-gray-600">
281
+ <tr>
282
+ <td colspan="2" class="py-2 text-center text-gray-500 dark:text-gray-400">Loading component status...</td>
283
+ </tr>
284
+ </tbody>
285
+ </table>
286
+ </div>
287
+ </div>
288
+
289
+ <!-- Metrics -->
290
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-6">
291
+ <div class="bg-blue-100 dark:bg-blue-900 rounded-lg p-6 shadow">
292
+ <div class="flex items-center">
293
+ <div class="p-3 rounded-full bg-blue-200 dark:bg-blue-800 mr-4">
294
+ <i class="fas fa-sms text-blue-600 dark:text-blue-400 text-xl"></i>
295
+ </div>
296
+ <div>
297
+ <p class="text-sm text-gray-600 dark:text-gray-300">Pending SMS</p>
298
+ <p id="pendingSMSCount" class="text-2xl font-semibold">0</p>
299
+ </div>
300
+ </div>
301
+ </div>
302
+
303
+ <div class="bg-green-100 dark:bg-green-900 rounded-lg p-6 shadow">
304
+ <div class="flex items-center">
305
+ <div class="p-3 rounded-full bg-green-200 dark:bg-green-800 mr-4">
306
+ <i class="fas fa-phone-alt text-green-600 dark:text-green-400 text-xl"></i>
307
+ </div>
308
+ <div>
309
+ <p class="text-sm text-gray-600 dark:text-gray-300">Active Calls</p>
310
+ <p id="activeCallsCount" class="text-2xl font-semibold">0</p>
311
+ </div>
312
+ </div>
313
+ </div>
314
+ </div>
315
+
316
+ <!-- Recent Activity -->
317
+ <div>
318
+ <h3 class="text-xl font-semibold mb-4">Recent Activity</h3>
319
+ <div class="bg-gray-100 dark:bg-gray-700 rounded-lg p-4">
320
+ <p class="text-gray-500 dark:text-gray-400">Activity log coming soon...</p>
321
+ </div>
322
+ </div>
323
+ </div>
324
+ </div>
325
+
326
+ <!-- Setup Wizard Tab -->
327
+ <div id="setupTab" class="tab-content">
328
+ <div class="bg-white dark:bg-gray-800 rounded-lg shadow-lg p-6">
329
+ <h2 class="text-2xl font-semibold mb-6 flex items-center">
330
+ <i class="fas fa-wizard-magic mr-2 text-purple-500"></i>Setup Wizard
331
+ </h2>
332
+
333
+ <form onsubmit="event.preventDefault(); saveConfiguration();" class="space-y-6">
334
+ <!-- Twilio Configuration -->
335
+ <div class="border-b border-gray-200 dark:border-gray-700 pb-6">
336
+ <h3 class="text-xl font-semibold mb-4">Twilio Configuration</h3>
337
+ <div class="space-y-4">
338
+ <div>
339
+ <label class="block mb-1 font-medium">Account SID</label>
340
+ <input type="text" id="twilioSid" class="w-full p-3 border border-gray-300 dark:border-gray-600 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 dark:bg-gray-700" placeholder="ACxxxxxxxxxxxxxxxx">
341
+ </div>
342
+ <div>
343
+ <label class="block mb-1 font-medium">Auth Token</label>
344
+ <input type="password" id="twilioToken" class="w-full p-3 border border-gray-300 dark:border-gray-600 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 dark:bg-gray-700" placeholder="xxxxxxxxxxxxxx">
345
+ </div>
346
+ <div>
347
+ <label class="block mb-1 font-medium">Twilio Phone Number</label>
348
+ <input type="text" id="twilioPhone" class="w-full p-3 border border-gray-300 dark:border-gray-600 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 dark:bg-gray-700" placeholder="+15622289429">
349
+ </div>
350
+ </div>
351
+ </div>
352
+
353
+ <!-- Personal Phone Integration -->
354
+ <div class="border-b border-gray-200 dark:border-gray-700 pb-6">
355
+ <h3 class="text-xl font-semibold mb-4">Personal Phone Integration</h3>
356
+ <div class="space-y-4">
357
+ <div class="flex items-center">
358
+ <input type="checkbox" id="usePersonalNumber" class="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 dark:border-gray-600 rounded dark:bg-gray-700">
359
+ <label for="usePersonalNumber" class="ml-2 block font-medium">Use Personal Phone for Outgoing Messages</label>
360
+ </div>
361
+ <div>
362
+ <label class="block mb-1 font-medium">Your Verizon Phone Number</label>
363
+ <input type="text" id="personalPhone" class="w-full p-3 border border-gray-300 dark:border-gray-600 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 dark:bg-gray-700" placeholder="+15551234567">
364
+ </div>
365
+ <div class="bg-blue-50 dark:bg-blue-900/30 p-4 rounded-lg">
366
+ <h4 class="font-semibold mb-2">Important</h4>
367
+ <p class="text-sm text-blue-700 dark:text-blue-300">
368
+ <span class="font-semibold">Verizon Call Forwarding:</span><br>
369
+ • Dial *71 followed by your Twilio number to forward when busy<br>
370
+ • Dial *72 followed by your Twilio number to forward when unanswered
371
+ </p>
372
+ </div>
373
+ </div>
374
+ </div>
375
+
376
+ <!-- Model Configuration -->
377
+ <div class="border-b border-gray-200 dark:border-gray-700 pb-6">
378
+ <h3 class="text-xl font-semibold mb-4">Model & Platform</h3>
379
+ <div class="space-y-4">
380
+ <div class="flex items-center">
381
+ <input type="checkbox" id="useGpu" class="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 dark:border-gray-600 rounded dark:bg-gray-700">
382
+ <label for="useGpu" class="ml-2 block font-medium">Use GPU Acceleration (A100)</label>
383
+ </div>
384
+ <div class="flex items-center">
385
+ <input type="checkbox" id="useCpu" class="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 dark:border-gray-600 rounded dark:bg-gray-700" checked>
386
+ <label for="useCpu" class="ml-2 block font-medium">Optimize for CPU (Zero GPU deployment)</label>
387
+ </div>
388
+ <div>
389
+ <label class="block mb-1 font-medium">Hugging Face API Token</label>
390
+ <input type="password" id="hfToken" class="w-full p-3 border border-gray-300 dark:border-gray-600 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 dark:bg-gray-700" placeholder="hf_xxxxxxxxxxxxxxxx">
391
+ </div>
392
+ <div>
393
+ <label class="block mb-1 font-medium">Application Domain</label>
394
+ <input type="text" id="domain" class="w-full p-3 border border-gray-300 dark:border-gray-600 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 dark:bg-gray-700" placeholder="yourusername-vocal-chat-bot.hf.space">
395
+ </div>
396
+ </div>
397
+ </div>
398
+
399
+ <!-- Timing Settings -->
400
+ <div>
401
+ <h3 class="text-xl font-semibold mb-4">Timing Settings</h3>
402
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
403
+ <div>
404
+ <label class="block mb-1 font-medium">SMS Response Timeout (seconds)</label>
405
+ <input type="number" id="smsTimeout" class="w-full p-3 border border-gray-300 dark:border-gray-600 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 dark:bg-gray-700" value="60" min="10" max="300">
406
+ </div>
407
+ <div>
408
+ <label class="block mb-1 font-medium">Call Answer Delay (seconds)</label>
409
+ <input type="number" id="callDelay" class="w-full p-3 border border-gray-300 dark:border-gray-600 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 dark:bg-gray-700" value="15" min="0" max="60">
410
+ </div>
411
+ </div>
412
+ </div>
413
+
414
+ <button type="submit" class="w-full bg-blue-600 dark:bg-blue-700 hover:bg-blue-700 dark:hover:bg-blue-800 text-white py-3 rounded-lg font-medium">
415
+ <i class="fas fa-save mr-2"></i>Save Configuration
416
+ </button>
417
+ <p id="setupStatus" class="mt-3"></p>
418
+ </form>
419
+ </div>
420
+ </div>
421
+ </div>
422
+ </div>
423
+
424
+ <!-- Footer -->
425
+ <footer class="bg-gray-800 text-white mt-12">
426
+ <div class="container mx-auto px-4 py-6">
427
+ <div class="flex flex-col md:flex-row justify-between items-center">
428
+ <div class="mb-4 md:mb-0">
429
+ <h2 class="text-2xl font-bold">Jay's Mobile Wash</h2>
430
+ <p class="text-gray-400">AI Call Center Solution</p>
431
+ </div>
432
+ <div class="flex space-x-4">
433
+ <p class="text-gray-400">Current Version: 1.0.0</p>
434
+ <p class="text-gray-400">Deployed on Hugging Face Spaces</p>
435
+ </div>
436
+ </div>
437
+ <div class="mt-6 border-t border-gray-700 pt-6 text-center text-gray-400 text-sm">
438
+ <p>&copy; 2025 Jay's Mobile Wash. All rights reserved.</p>
439
+ </div>
440
+ </div>
441
+ </footer>
442
+
443
+ <script>
444
+ // Dark mode functionality
445
+ const darkModeToggle = document.getElementById('darkModeToggle');
446
+ const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
447
+ const storedDarkMode = localStorage.getItem('darkMode');
448
+
449
+ // Set initial dark mode state
450
+ if (storedDarkMode === 'enabled' || (storedDark
451
+ <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=jjmandog/v" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
452
+ </html>
prompts.txt ADDED
File without changes