Hugging Face's logo

Spaces:
JEFFERSON1995
/
robodeautomacao
Running

App Files Community
JEFFERSON1995 commited on
Commit
7737fd6
·
verified ·
1 Parent(s): 9bcc220

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +979 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Robodeautomacao
3
- emoji: 😻
4
- colorFrom: yellow
5
- colorTo: red
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: robodeautomacao
3
+ emoji: 🐳
4
+ colorFrom: purple
5
+ colorTo: blue
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,979 @@
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="pt-BR">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Automação Jurídica - RPA Protocolos</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
+ <script>
10
+ tailwind.config = {
11
+ theme: {
12
+ extend: {
13
+ colors: {
14
+ primary: {
15
+ 50: '#f0f9ff',
16
+ 100: '#e0f2fe',
17
+ 200: '#bae6fd',
18
+ 300: '#7dd3fc',
19
+ 400: '#38bdf8',
20
+ 500: '#0ea5e9',
21
+ 600: '#0284c7',
22
+ 700: '#0369a1',
23
+ 800: '#075985',
24
+ 900: '#0c4a6e',
25
+ },
26
+ juri: {
27
+ blue: '#1a365d',
28
+ light: '#f8fafc',
29
+ green: '#065f46',
30
+ red: '#b91c1c'
31
+ }
32
+ }
33
+ }
34
+ }
35
+ }
36
+ </script>
37
+ <style>
38
+ .sidebar-item.active {
39
+ background-color: rgba(255, 255, 255, 0.1);
40
+ border-left: 4px solid #38bdf8;
41
+ }
42
+ .sidebar-item:hover:not(.active) {
43
+ background-color: rgba(255, 255, 255, 0.05);
44
+ }
45
+ .status-indicator {
46
+ width: 10px;
47
+ height: 10px;
48
+ border-radius: 50%;
49
+ display: inline-block;
50
+ margin-right: 6px;
51
+ }
52
+ .status-online {
53
+ background-color: #10b981;
54
+ box-shadow: 0 0 6px #10b981;
55
+ }
56
+ .status-offline {
57
+ background-color: #ef4444;
58
+ box-shadow: 0 0 6px #ef4444;
59
+ }
60
+ .file-upload {
61
+ border: 2px dashed #cbd5e1;
62
+ transition: all 0.3s ease;
63
+ }
64
+ .file-upload:hover {
65
+ border-color: #7dd3fc;
66
+ background-color: #f0f9ff;
67
+ }
68
+ .log-entry:hover {
69
+ background-color: #f8fafc;
70
+ }
71
+ .nav-tabs .active {
72
+ border-bottom: 2px solid #0284c7;
73
+ color: #0284c7;
74
+ }
75
+ </style>
76
+ </head>
77
+ <body class="bg-gray-50 font-sans text-gray-800">
78
+ <div class="flex h-screen overflow-hidden">
79
+ <!-- Sidebar -->
80
+ <div class="hidden md:flex md:flex-shrink-0">
81
+ <div class="flex flex-col w-64 bg-juri-blue text-white">
82
+ <div class="flex items-center justify-center h-16 px-4 border-b border-blue-800">
83
+ <div class="flex items-center">
84
+ <i class="fas fa-robot text-2xl text-blue-300 mr-3"></i>
85
+ <span class="text-xl font-semibold">JurisRPA</span>
86
+ </div>
87
+ </div>
88
+ <div class="flex flex-col flex-grow px-4 py-4 overflow-y-auto">
89
+ <div class="space-y-1">
90
+ <a href="#" class="sidebar-item active flex items-center px-2 py-3 text-sm font-medium rounded-md text-white group">
91
+ <i class="fas fa-tachometer-alt mr-3 text-blue-300"></i>
92
+ Dashboard
93
+ </a>
94
+ <a href="#" class="sidebar-item flex items-center px-2 py-3 text-sm font-medium rounded-md text-gray-300 hover:text-white group">
95
+ <i class="fas fa-calendar-plus mr-3"></i>
96
+ Agendar Protocolo
97
+ </a>
98
+ <a href="#" class="sidebar-item flex items-center px-2 py-3 text-sm font-medium rounded-md text-gray-300 hover:text-white group">
99
+ <i class="fas fa-cog mr-3"></i>
100
+ Configurações
101
+ </a>
102
+ <a href="#" class="sidebar-item flex items-center px-2 py-3 text-sm font-medium rounded-md text-gray-300 hover:text-white group">
103
+ <i class="fas fa-history mr-3"></i>
104
+ Histórico
105
+ </a>
106
+ <a href="#" class="sidebar-item flex items-center px-2 py-3 text-sm font-medium rounded-md text-gray-300 hover:text-white group">
107
+ <i class="fas fa-chart-bar mr-3"></i>
108
+ Relatórios
109
+ </a>
110
+ <a href="#" class="sidebar-item flex items-center px-2 py-3 text-sm font-medium rounded-md text-gray-300 hover:text-white group">
111
+ <i class="fas fa-plug mr-3"></i>
112
+ Integrações
113
+ </a>
114
+ </div>
115
+ <div class="mt-auto pt-10">
116
+ <div class="p-4 bg-blue-900 bg-opacity-30 rounded-lg">
117
+ <div class="flex items-center">
118
+ <div class="status-indicator status-online"></div>
119
+ <span class="text-sm font-medium">Sistema Online</span>
120
+ </div>
121
+ <div class="mt-2 text-xs text-gray-300">
122
+ <p>Versão 2.1.4</p>
123
+ <p>Última atualização: 15/06/2023</p>
124
+ </div>
125
+ </div>
126
+ </div>
127
+ </div>
128
+ </div>
129
+ </div>
130
+
131
+ <!-- Main content -->
132
+ <div class="flex flex-col flex-1 overflow-hidden">
133
+ <!-- Top navigation -->
134
+ <div class="flex items-center justify-between h-16 px-6 bg-white border-b border-gray-200">
135
+ <div class="flex items-center md:hidden">
136
+ <button class="text-gray-500 focus:outline-none">
137
+ <i class="fas fa-bars"></i>
138
+ </button>
139
+ </div>
140
+ <div class="flex items-center">
141
+ <h1 class="text-lg font-semibold text-juri-blue">Dashboard</h1>
142
+ </div>
143
+ <div class="flex items-center">
144
+ <div class="relative">
145
+ <button class="flex items-center focus:outline-none">
146
+ <img class="w-8 h-8 rounded-full" src="https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80" alt="User photo">
147
+ <span class="ml-2 text-sm font-medium hidden md:block">Dr. Silva</span>
148
+ <i class="fas fa-chevron-down ml-1 text-xs hidden md:block"></i>
149
+ </button>
150
+ </div>
151
+ </div>
152
+ </div>
153
+
154
+ <!-- Page content -->
155
+ <div class="flex-1 overflow-auto p-6">
156
+ <!-- Dashboard Page -->
157
+ <div id="dashboard-page">
158
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-6">
159
+ <!-- Status Card -->
160
+ <div class="bg-white rounded-lg shadow p-6">
161
+ <div class="flex items-center justify-between">
162
+ <h3 class="text-lg font-medium text-gray-700">Status do Sistema</h3>
163
+ <span class="px-2 py-1 text-xs font-semibold rounded-full bg-green-100 text-green-800">
164
+ Online
165
+ </span>
166
+ </div>
167
+ <div class="mt-4">
168
+ <div class="flex items-center justify-between text-sm text-gray-500 mb-2">
169
+ <span>Última execução</span>
170
+ <span>15/06/2023 14:32</span>
171
+ </div>
172
+ <div class="flex items-center justify-between text-sm text-gray-500 mb-2">
173
+ <span>Protocolos hoje</span>
174
+ <span class="font-medium">12</span>
175
+ </div>
176
+ <div class="flex items-center justify-between text-sm text-gray-500">
177
+ <span>Tempo médio</span>
178
+ <span class="font-medium">2m 15s</span>
179
+ </div>
180
+ </div>
181
+ </div>
182
+
183
+ <!-- Queue Cards -->
184
+ <div class="bg-white rounded-lg shadow p-6">
185
+ <h3 class="text-lg font-medium text-gray-700 mb-4">Filas de Protocolo</h3>
186
+ <div class="space-y-3">
187
+ <div>
188
+ <div class="flex items-center justify-between text-sm mb-1">
189
+ <span class="text-gray-600">Agendados</span>
190
+ <span class="font-medium">5</span>
191
+ </div>
192
+ <div class="w-full bg-gray-200 rounded-full h-2">
193
+ <div class="bg-blue-500 h-2 rounded-full" style="width: 25%"></div>
194
+ </div>
195
+ </div>
196
+ <div>
197
+ <div class="flex items-center justify-between text-sm mb-1">
198
+ <span class="text-gray-600">Em execução</span>
199
+ <span class="font-medium">2</span>
200
+ </div>
201
+ <div class="w-full bg-gray-200 rounded-full h-2">
202
+ <div class="bg-yellow-500 h-2 rounded-full" style="width: 10%"></div>
203
+ </div>
204
+ </div>
205
+ <div>
206
+ <div class="flex items-center justify-between text-sm mb-1">
207
+ <span class="text-gray-600">Concluídos</span>
208
+ <span class="font-medium">12</span>
209
+ </div>
210
+ <div class="w-full bg-gray-200 rounded-full h-2">
211
+ <div class="bg-green-500 h-2 rounded-full" style="width: 60%"></div>
212
+ </div>
213
+ </div>
214
+ <div>
215
+ <div class="flex items-center justify-between text-sm mb-1">
216
+ <span class="text-gray-600">Falhos</span>
217
+ <span class="font-medium">1</span>
218
+ </div>
219
+ <div class="w-full bg-gray-200 rounded-full h-2">
220
+ <div class="bg-red-500 h-2 rounded-full" style="width: 5%"></div>
221
+ </div>
222
+ </div>
223
+ </div>
224
+ </div>
225
+
226
+ <!-- Quick Actions -->
227
+ <div class="bg-white rounded-lg shadow p-6">
228
+ <h3 class="text-lg font-medium text-gray-700 mb-4">Ações Rápidas</h3>
229
+ <div class="space-y-3">
230
+ <button class="w-full flex items-center justify-between px-4 py-3 bg-blue-50 text-blue-700 rounded-lg hover:bg-blue-100 transition">
231
+ <span>Agendar novo protocolo</span>
232
+ <i class="fas fa-plus"></i>
233
+ </button>
234
+ <button class="w-full flex items-center justify-between px-4 py-3 bg-gray-50 text-gray-700 rounded-lg hover:bg-gray-100 transition">
235
+ <span>Ver histórico completo</span>
236
+ <i class="fas fa-history"></i>
237
+ </button>
238
+ <button class="w-full flex items-center justify-between px-4 py-3 bg-gray-50 text-gray-700 rounded-lg hover:bg-gray-100 transition">
239
+ <span>Configurar rotinas</span>
240
+ <i class="fas fa-clock"></i>
241
+ </button>
242
+ </div>
243
+ </div>
244
+
245
+ <!-- System Health -->
246
+ <div class="bg-white rounded-lg shadow p-6">
247
+ <h3 class="text-lg font-medium text-gray-700 mb-4">Saúde do Sistema</h3>
248
+ <div class="space-y-4">
249
+ <div>
250
+ <div class="flex items-center justify-between text-sm mb-1">
251
+ <span class="text-gray-600">Uso de CPU</span>
252
+ <span class="font-medium">32%</span>
253
+ </div>
254
+ <div class="w-full bg-gray-200 rounded-full h-2">
255
+ <div class="bg-blue-500 h-2 rounded-full" style="width: 32%"></div>
256
+ </div>
257
+ </div>
258
+ <div>
259
+ <div class="flex items-center justify-between text-sm mb-1">
260
+ <span class="text-gray-600">Uso de memória</span>
261
+ <span class="font-medium">45%</span>
262
+ </div>
263
+ <div class="w-full bg-gray-200 rounded-full h-2">
264
+ <div class="bg-blue-500 h-2 rounded-full" style="width: 45%"></div>
265
+ </div>
266
+ </div>
267
+ <div>
268
+ <div class="flex items-center justify-between text-sm mb-1">
269
+ <span class="text-gray-600">Armazenamento</span>
270
+ <span class="font-medium">28%</span>
271
+ </div>
272
+ <div class="w-full bg-gray-200 rounded-full h-2">
273
+ <div class="bg-blue-500 h-2 rounded-full" style="width: 28%"></div>
274
+ </div>
275
+ </div>
276
+ </div>
277
+ </div>
278
+ </div>
279
+
280
+ <!-- Recent Activity -->
281
+ <div class="bg-white rounded-lg shadow overflow-hidden mb-6">
282
+ <div class="px-6 py-4 border-b border-gray-200">
283
+ <h3 class="text-lg font-medium text-gray-700">Atividade Recente</h3>
284
+ </div>
285
+ <div class="divide-y divide-gray-200">
286
+ <!-- Log Entry -->
287
+ <div class="log-entry px-6 py-4 hover:bg-gray-50 transition cursor-pointer">
288
+ <div class="flex items-center">
289
+ <div class="flex-shrink-0 bg-green-100 rounded-full p-2 text-green-600">
290
+ <i class="fas fa-check-circle"></i>
291
+ </div>
292
+ <div class="ml-3">
293
+ <p class="text-sm font-medium text-gray-900">Protocolo concluído com sucesso</p>
294
+ <p class="text-sm text-gray-500">Processo 0001234-56.2023.8.19.0001 no TJRJ via PJe</p>
295
+ </div>
296
+ <div class="ml-auto text-sm text-gray-500">
297
+ 14:32
298
+ </div>
299
+ </div>
300
+ </div>
301
+ <!-- Log Entry -->
302
+ <div class="log-entry px-6 py-4 hover:bg-gray-50 transition cursor-pointer">
303
+ <div class="flex items-center">
304
+ <div class="flex-shrink-0 bg-yellow-100 rounded-full p-2 text-yellow-600">
305
+ <i class="fas fa-spinner fa-pulse"></i>
306
+ </div>
307
+ <div class="ml-3">
308
+ <p class="text-sm font-medium text-gray-900">Protocolo em execução</p>
309
+ <p class="text-sm text-gray-500">Processo 0005678-90.2023.4.01.0000 no TRF1 via e-SAJ</p>
310
+ </div>
311
+ <div class="ml-auto text-sm text-gray-500">
312
+ 14:15
313
+ </div>
314
+ </div>
315
+ </div>
316
+ <!-- Log Entry -->
317
+ <div class="log-entry px-6 py-4 hover:bg-gray-50 transition cursor-pointer">
318
+ <div class="flex items-center">
319
+ <div class="flex-shrink-0 bg-red-100 rounded-full p-2 text-red-600">
320
+ <i class="fas fa-exclamation-circle"></i>
321
+ </div>
322
+ <div class="ml-3">
323
+ <p class="text-sm font-medium text-gray-900">Falha no protocolo</p>
324
+ <p class="text-sm text-gray-500">Processo 0009012-34.2023.5.02.0001 no TRT2 via PROJUDI - Sistema indisponível</p>
325
+ </div>
326
+ <div class="ml-auto text-sm text-gray-500">
327
+ 13:48
328
+ </div>
329
+ </div>
330
+ </div>
331
+ <!-- Log Entry -->
332
+ <div class="log-entry px-6 py-4 hover:bg-gray-50 transition cursor-pointer">
333
+ <div class="flex items-center">
334
+ <div class="flex-shrink-0 bg-green-100 rounded-full p-2 text-green-600">
335
+ <i class="fas fa-check-circle"></i>
336
+ </div>
337
+ <div class="ml-3">
338
+ <p class="text-sm font-medium text-gray-900">Protocolo concluído com sucesso</p>
339
+ <p class="text-sm text-gray-500">Processo 0003456-78.2023.8.26.0001 no TJSP via Eproc</p>
340
+ </div>
341
+ <div class="ml-auto text-sm text-gray-500">
342
+ 12:22
343
+ </div>
344
+ </div>
345
+ </div>
346
+ </div>
347
+ <div class="px-6 py-3 bg-gray-50 text-center">
348
+ <button class="text-sm font-medium text-blue-600 hover:text-blue-800">
349
+ Ver todos os logs
350
+ </button>
351
+ </div>
352
+ </div>
353
+
354
+ <!-- Statistics -->
355
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
356
+ <div class="bg-white rounded-lg shadow p-6">
357
+ <h3 class="text-lg font-medium text-gray-700 mb-4">Protocolos por Tribunal</h3>
358
+ <div class="h-64">
359
+ <!-- Placeholder for chart -->
360
+ <div class="flex items-center justify-center h-full bg-gray-50 rounded">
361
+ <p class="text-gray-500">Gráfico de protocolos por tribunal</p>
362
+ </div>
363
+ </div>
364
+ </div>
365
+ <div class="bg-white rounded-lg shadow p-6">
366
+ <h3 class="text-lg font-medium text-gray-700 mb-4">Protocolos por Tipo</h3>
367
+ <div class="h-64">
368
+ <!-- Placeholder for chart -->
369
+ <div class="flex items-center justify-center h-full bg-gray-50 rounded">
370
+ <p class="text-gray-500">Gráfico de protocolos por tipo</p>
371
+ </div>
372
+ </div>
373
+ </div>
374
+ </div>
375
+ </div>
376
+
377
+ <!-- Schedule New Protocol Page (hidden by default) -->
378
+ <div id="schedule-page" class="hidden">
379
+ <div class="bg-white rounded-lg shadow overflow-hidden mb-6">
380
+ <div class="px-6 py-4 border-b border-gray-200">
381
+ <h3 class="text-lg font-medium text-gray-700">Agendar Novo Protocolo</h3>
382
+ </div>
383
+ <div class="p-6">
384
+ <form>
385
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
386
+ <!-- Tribunal -->
387
+ <div>
388
+ <label for="tribunal" class="block text-sm font-medium text-gray-700 mb-1">Tribunal</label>
389
+ <select id="tribunal" name="tribunal" class="mt-1 block w-full pl-3 pr-10 py-2 text-base border border-gray-300 focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm rounded-md">
390
+ <option value="">Selecione o tribunal</option>
391
+ <option value="TJ">Tribunal de Justiça (TJ)</option>
392
+ <option value="TRF">Tribunal Regional Federal (TRF)</option>
393
+ <option value="TRT">Tribunal Regional do Trabalho (TRT)</option>
394
+ <option value="TRE">Tribunal Regional Eleitoral (TRE)</option>
395
+ <option value="STM">Superior Tribunal Militar (STM)</option>
396
+ <option value="STJ">Superior Tribunal de Justiça (STJ)</option>
397
+ <option value="STF">Supremo Tribunal Federal (STF)</option>
398
+ </select>
399
+ </div>
400
+
401
+ <!-- Sistema -->
402
+ <div>
403
+ <label for="sistema" class="block text-sm font-medium text-gray-700 mb-1">Sistema Judicial</label>
404
+ <select id="sistema" name="sistema" class="mt-1 block w-full pl-3 pr-10 py-2 text-base border border-gray-300 focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm rounded-md">
405
+ <option value="">Selecione o sistema</option>
406
+ <option value="PJe">PJe</option>
407
+ <option value="e-SAJ">e-SAJ</option>
408
+ <option value="PROJUDI">PROJUDI</option>
409
+ <option value="Eproc">Eproc</option>
410
+ <option value="SAJ">SAJ</option>
411
+ <option value="Outro">Outro</option>
412
+ </select>
413
+ </div>
414
+
415
+ <!-- Processo -->
416
+ <div class="md:col-span-2">
417
+ <label for="processo" class="block text-sm font-medium text-gray-700 mb-1">Número do Processo (CNJ)</label>
418
+ <input type="text" id="processo" name="processo" placeholder="0000000-00.0000.0.00.0000" class="mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm">
419
+ </div>
420
+
421
+ <!-- Tipo de Documento -->
422
+ <div class="md:col-span-2">
423
+ <label for="documento" class="block text-sm font-medium text-gray-700 mb-1">Tipo de Documento</label>
424
+ <select id="documento" name="documento" class="mt-1 block w-full pl-3 pr-10 py-2 text-base border border-gray-300 focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm rounded-md">
425
+ <option value="">Selecione o tipo de documento</option>
426
+ <option value="peticao">Petição Inicial</option>
427
+ <option value="contestacao">Contestação</option>
428
+ <option value="recurso">Recurso</option>
429
+ <option value="impugnacao">Impugnação</option>
430
+ <option value="manifestacao">Manifestação</option>
431
+ <option value="informacao">Informação</option>
432
+ <option value="outros">Outros</option>
433
+ </select>
434
+ </div>
435
+
436
+ <!-- Upload -->
437
+ <div class="md:col-span-2">
438
+ <label class="block text-sm font-medium text-gray-700 mb-1">Documento PDF/A</label>
439
+ <div class="mt-1 file-upload flex justify-center px-6 pt-5 pb-6 border-2 rounded-md">
440
+ <div class="space-y-1 text-center">
441
+ <div class="flex text-sm text-gray-600 justify-center">
442
+ <label for="file-upload" class="relative cursor-pointer bg-white rounded-md font-medium text-blue-600 hover:text-blue-500 focus-within:outline-none">
443
+ <span>Selecione um arquivo</span>
444
+ <input id="file-upload" name="file-upload" type="file" class="sr-only" accept=".pdf,.pdfa">
445
+ </label>
446
+ </div>
447
+ <p class="text-xs text-gray-500">PDF ou PDF/A até 10MB</p>
448
+ </div>
449
+ </div>
450
+ </div>
451
+
452
+ <!-- Dados Complementares -->
453
+ <div class="md:col-span-2">
454
+ <label for="complementares" class="block text-sm font-medium text-gray-700 mb-1">Dados Complementares</label>
455
+ <textarea id="complementares" name="complementares" rows="3" class="mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm" placeholder="Parte, advogado, assunto, observações..."></textarea>
456
+ </div>
457
+
458
+ <!-- Agendamento -->
459
+ <div class="md:col-span-2">
460
+ <fieldset class="space-y-4">
461
+ <legend class="text-sm font-medium text-gray-700">Agendamento</legend>
462
+ <div class="flex items-center">
463
+ <input id="imediato" name="agendamento" type="radio" checked class="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300">
464
+ <label for="imediato" class="ml-3 block text-sm font-medium text-gray-700">
465
+ Imediato
466
+ </label>
467
+ </div>
468
+ <div class="flex items-center">
469
+ <input id="programado" name="agendamento" type="radio" class="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300">
470
+ <label for="programado" class="ml-3 block text-sm font-medium text-gray-700">
471
+ Programado
472
+ </label>
473
+ </div>
474
+ <div id="programado-fields" class="hidden ml-7 space-y-4">
475
+ <div class="flex items-center space-x-4">
476
+ <div>
477
+ <label for="data" class="block text-sm font-medium text-gray-700 mb-1">Data</label>
478
+ <input type="date" id="data" name="data" class="mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm">
479
+ </div>
480
+ <div>
481
+ <label for="hora" class="block text-sm font-medium text-gray-700 mb-1">Hora</label>
482
+ <input type="time" id="hora" name="hora" class="mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm">
483
+ </div>
484
+ </div>
485
+ <div class="flex items-center">
486
+ <input id="repetir" name="repetir" type="checkbox" class="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded">
487
+ <label for="repetir" class="ml-3 block text-sm font-medium text-gray-700">
488
+ Repetir semanalmente
489
+ </label>
490
+ </div>
491
+ </div>
492
+ </fieldset>
493
+ </div>
494
+ </div>
495
+
496
+ <div class="mt-8 flex justify-end space-x-3">
497
+ <button type="button" class="px-4 py-2 border border-gray-300 rounded-md shadow-sm text-sm font-medium text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500">
498
+ Cancelar
499
+ </button>
500
+ <button type="submit" class="px-4 py-2 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500">
501
+ Agendar Protocolo
502
+ </button>
503
+ </div>
504
+ </form>
505
+ </div>
506
+ </div>
507
+
508
+ <!-- Templates Section -->
509
+ <div class="bg-white rounded-lg shadow overflow-hidden mb-6">
510
+ <div class="px-6 py-4 border-b border-gray-200 flex justify-between items-center">
511
+ <h3 class="text-lg font-medium text-gray-700">Meus Templates</h3>
512
+ <button class="text-sm font-medium text-blue-600 hover:text-blue-800">
513
+ <i class="fas fa-plus mr-1"></i> Novo Template
514
+ </button>
515
+ </div>
516
+ <div class="p-6">
517
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
518
+ <!-- Template Card -->
519
+ <div class="border border-gray-200 rounded-lg p-4 hover:border-blue-300 transition cursor-pointer">
520
+ <div class="flex items-start">
521
+ <div class="flex-shrink-0 bg-blue-100 rounded-md p-2 text-blue-600">
522
+ <i class="fas fa-file-alt"></i>
523
+ </div>
524
+ <div class="ml-3">
525
+ <h4 class="text-sm font-medium text-gray-900">Petição Inicial - Ação Civil</h4>
526
+ <p class="text-xs text-gray-500">TJSP via Eproc</p>
527
+ </div>
528
+ </div>
529
+ </div>
530
+ <!-- Template Card -->
531
+ <div class="border border-gray-200 rounded-lg p-4 hover:border-blue-300 transition cursor-pointer">
532
+ <div class="flex items-start">
533
+ <div class="flex-shrink-0 bg-green-100 rounded-md p-2 text-green-600">
534
+ <i class="fas fa-file-contract"></i>
535
+ </div>
536
+ <div class="ml-3">
537
+ <h4 class="text-sm font-medium text-gray-900">Contestação - Trabalhista</h4>
538
+ <p class="text-xs text-gray-500">TRT2 via PJe</p>
539
+ </div>
540
+ </div>
541
+ </div>
542
+ <!-- Template Card -->
543
+ <div class="border border-gray-200 rounded-lg p-4 hover:border-blue-300 transition cursor-pointer">
544
+ <div class="flex items-start">
545
+ <div class="flex-shrink-0 bg-purple-100 rounded-md p-2 text-purple-600">
546
+ <i class="fas fa-file-import"></i>
547
+ </div>
548
+ <div class="ml-3">
549
+ <h4 class="text-sm font-medium text-gray-900">Recurso Ordinário</h4>
550
+ <p class="text-xs text-gray-500">TJRJ via e-SAJ</p>
551
+ </div>
552
+ </div>
553
+ </div>
554
+ </div>
555
+ </div>
556
+ </div>
557
+ </div>
558
+
559
+ <!-- Settings Page (hidden by default) -->
560
+ <div id="settings-page" class="hidden">
561
+ <div class="bg-white rounded-lg shadow overflow-hidden mb-6">
562
+ <div class="px-6 py-4 border-b border-gray-200">
563
+ <h3 class="text-lg font-medium text-gray-700">Configurações do Robô</h3>
564
+ </div>
565
+ <div class="p-6">
566
+ <div class="mb-8">
567
+ <h4 class="text-md font-medium text-gray-700 mb-4">Credenciais dos Sistemas</h4>
568
+ <div class="space-y-6">
569
+ <!-- Credential Item -->
570
+ <div class="flex items-start">
571
+ <div class="flex-shrink-0 bg-blue-100 rounded-md p-2 text-blue-600">
572
+ <i class="fas fa-lock"></i>
573
+ </div>
574
+ <div class="ml-3 flex-1">
575
+ <div class="flex items-center justify-between">
576
+ <label class="block text-sm font-medium text-gray-700">PJe - TJSP</label>
577
+ <span class="text-xs text-green-600 bg-green-50 px-2 py-1 rounded">Configurado</span>
578
+ </div>
579
+ <p class="text-xs text-gray-500 mt-1">Usuário: *********</p>
580
+ <button class="mt-2 text-xs font-medium text-blue-600 hover:text-blue-800">
581
+ Alterar credenciais
582
+ </button>
583
+ </div>
584
+ </div>
585
+ <!-- Credential Item -->
586
+ <div class="flex items-start">
587
+ <div class="flex-shrink-0 bg-blue-100 rounded-md p-2 text-blue-600">
588
+ <i class="fas fa-lock"></i>
589
+ </div>
590
+ <div class="ml-3 flex-1">
591
+ <div class="flex items-center justify-between">
592
+ <label class="block text-sm font-medium text-gray-700">e-SAJ - TRF3</label>
593
+ <span class="text-xs text-yellow-600 bg-yellow-50 px-2 py-1 rounded">Pendente</span>
594
+ </div>
595
+ <p class="text-xs text-gray-500 mt-1">Nenhuma credencial cadastrada</p>
596
+ <button class="mt-2 text-xs font-medium text-blue-600 hover:text-blue-800">
597
+ Adicionar credenciais
598
+ </button>
599
+ </div>
600
+ </div>
601
+ <!-- Add New Button -->
602
+ <button class="ml-11 text-sm font-medium text-blue-600 hover:text-blue-800 flex items-center">
603
+ <i class="fas fa-plus mr-1"></i> Adicionar novo sistema
604
+ </button>
605
+ </div>
606
+ </div>
607
+
608
+ <div class="mb-8">
609
+ <h4 class="text-md font-medium text-gray-700 mb-4">Configurações Gerais</h4>
610
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
611
+ <!-- Browser -->
612
+ <div>
613
+ <label for="browser" class="block text-sm font-medium text-gray-700 mb-1">Navegador</label>
614
+ <select id="browser" name="browser" class="mt-1 block w-full pl-3 pr-10 py-2 text-base border border-gray-300 focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm rounded-md">
615
+ <option value="chrome">Chrome Headless</option>
616
+ <option value="firefox">Firefox</option>
617
+ </select>
618
+ </div>
619
+
620
+ <!-- Directory -->
621
+ <div>
622
+ <label for="directory" class="block text-sm font-medium text-gray-700 mb-1">Diretório de Comprovantes</label>
623
+ <div class="mt-1 flex rounded-md shadow-sm">
624
+ <input type="text" id="directory" name="directory" value="C:\JurisRPA\Comprovantes" class="flex-1 min-w-0 block w-full px-3 py-2 rounded-none rounded-l-md border border-gray-300 focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm">
625
+ <button class="inline-flex items-center px-3 py-2 border border-l-0 border-gray-300 rounded-r-md bg-gray-50 text-gray-500 hover:bg-gray-100">
626
+ <i class="fas fa-folder-open"></i>
627
+ </button>
628
+ </div>
629
+ </div>
630
+
631
+ <!-- Notifications -->
632
+ <div class="md:col-span-2">
633
+ <label class="block text-sm font-medium text-gray-700 mb-2">Notificações</label>
634
+ <div class="space-y-3">
635
+ <div class="flex items-start">
636
+ <div class="flex items-center h-5">
637
+ <input id="email-notification" name="email-notification" type="checkbox" checked class="focus:ring-blue-500 h-4 w-4 text-blue-600 border-gray-300 rounded">
638
+ </div>
639
+ <div class="ml-3 text-sm">
640
+ <label for="email-notification" class="font-medium text-gray-700">E-mail</label>
641
+ <div class="mt-1">
642
+ <input type="email" value="dr.silva@escritorio.com.br" class="block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm">
643
+ </div>
644
+ </div>
645
+ </div>
646
+ <div class="flex items-start">
647
+ <div class="flex items-center h-5">
648
+ <input id="whatsapp-notification" name="whatsapp-notification" type="checkbox" class="focus:ring-blue-500 h-4 w-4 text-blue-600 border-gray-300 rounded">
649
+ </div>
650
+ <div class="ml-3 text-sm">
651
+ <label for="whatsapp-notification" class="font-medium text-gray-700">WhatsApp</label>
652
+ <div class="mt-1">
653
+ <input type="tel" placeholder="(00) 00000-0000" class="block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm">
654
+ </div>
655
+ </div>
656
+ </div>
657
+ </div>
658
+ </div>
659
+ </div>
660
+ </div>
661
+
662
+ <div>
663
+ <h4 class="text-md font-medium text-gray-700 mb-4">Rotinas Automatizadas</h4>
664
+ <div class="bg-gray-50 rounded-lg p-4">
665
+ <div class="flex items-center justify-between mb-3">
666
+ <div>
667
+ <h5 class="text-sm font-medium text-gray-700">Protocolo Diário</h5>
668
+ <p class="text-xs text-gray-500">Todos os dias às 15:00</p>
669
+ </div>
670
+ <div class="flex items-center space-x-2">
671
+ <span class="px-2 py-1 text-xs font-medium rounded-full bg-green-100 text-green-800">
672
+ Ativo
673
+ </span>
674
+ <button class="text-gray-400 hover:text-gray-500">
675
+ <i class="fas fa-ellipsis-v"></i>
676
+ </button>
677
+ </div>
678
+ </div>
679
+ <div class="flex items-center justify-between">
680
+ <div>
681
+ <h5 class="text-sm font-medium text-gray-700">Backup Semanal</h5>
682
+ <p class="text-xs text-gray-500">Toda segunda-feira às 20:00</p>
683
+ </div>
684
+ <div class="flex items-center space-x-2">
685
+ <span class="px-2 py-1 text-xs font-medium rounded-full bg-gray-100 text-gray-800">
686
+ Inativo
687
+ </span>
688
+ <button class="text-gray-400 hover:text-gray-500">
689
+ <i class="fas fa-ellipsis-v"></i>
690
+ </button>
691
+ </div>
692
+ </div>
693
+ </div>
694
+ <button class="mt-4 text-sm font-medium text-blue-600 hover:text-blue-800 flex items-center">
695
+ <i class="fas fa-plus mr-1"></i> Adicionar nova rotina
696
+ </button>
697
+ </div>
698
+
699
+ <div class="mt-8 pt-5 border-t border-gray-200 flex justify-end">
700
+ <button type="button" class="px-4 py-2 border border-gray-300 rounded-md shadow-sm text-sm font-medium text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500">
701
+ Cancelar
702
+ </button>
703
+ <button type="submit" class="ml-3 px-4 py-2 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500">
704
+ Salvar Configurações
705
+ </button>
706
+ </div>
707
+ </div>
708
+ </div>
709
+ </div>
710
+
711
+ <!-- History Page (hidden by default) -->
712
+ <div id="history-page" class="hidden">
713
+ <div class="bg-white rounded-lg shadow overflow-hidden mb-6">
714
+ <div class="px-6 py-4 border-b border-gray-200 flex justify-between items-center">
715
+ <h3 class="text-lg font-medium text-gray-700">Histórico de Protocolos</h3>
716
+ <div class="flex space-x-3">
717
+ <div class="relative">
718
+ <input type="text" placeholder="Buscar processo..." class="pl-8 pr-4 py-2 border border-gray-300 rounded-md text-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500">
719
+ <div class="absolute left-3 top-2.5 text-gray-400">
720
+ <i class="fas fa-search"></i>
721
+ </div>
722
+ </div>
723
+ <button class="px-3 py-2 border border-gray-300 rounded-md shadow-sm text-sm font-medium text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500">
724
+ <i class="fas fa-filter"></i>
725
+ </button>
726
+ </div>
727
+ </div>
728
+ <div class="overflow-x-auto">
729
+ <table class="min-w-full divide-y divide-gray-200">
730
+ <thead class="bg-gray-50">
731
+ <tr>
732
+ <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
733
+ Data/Hora
734
+ </th>
735
+ <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
736
+ Tribunal/Sistema
737
+ </th>
738
+ <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
739
+ Processo
740
+ </th>
741
+ <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
742
+ Tipo
743
+ </th>
744
+ <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
745
+ Resultado
746
+ </th>
747
+ <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
748
+ Comprovante
749
+ </th>
750
+ <th scope="col" class="px-6 py-3 text-right text-xs font-medium text-gray-500 uppercase tracking-wider">
751
+ Ações
752
+ </th>
753
+ </tr>
754
+ </thead>
755
+ <tbody class="bg-white divide-y divide-gray-200">
756
+ <!-- Row -->
757
+ <tr class="hover:bg-gray-50">
758
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
759
+ 15/06/2023 14:32
760
+ </td>
761
+ <td class="px-6 py-4 whitespace-nowrap">
762
+ <div class="text-sm font-medium text-gray-900">TJRJ</div>
763
+ <div class="text-sm text-gray-500">PJe</div>
764
+ </td>
765
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-900">
766
+ 0001234-56.2023.8.19.0001
767
+ </td>
768
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
769
+ Petição Inicial
770
+ </td>
771
+ <td class="px-6 py-4 whitespace-nowrap">
772
+ <span class="px-2 py-1 text-xs font-semibold rounded-full bg-green-100 text-green-800">
773
+ Sucesso
774
+ </span>
775
+ </td>
776
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-blue-600 hover:text-blue-800">
777
+ <a href="#" class="flex items-center">
778
+ <i class="fas fa-file-pdf mr-1"></i> Ver
779
+ </a>
780
+ </td>
781
+ <td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
782
+ <button class="text-blue-600 hover:text-blue-900 mr-3">
783
+ <i class="fas fa-redo"></i>
784
+ </button>
785
+ <button class="text-gray-600 hover:text-gray-900">
786
+ <i class="fas fa-ellipsis-v"></i>
787
+ </button>
788
+ </td>
789
+ </tr>
790
+ <!-- Row -->
791
+ <tr class="hover:bg-gray-50">
792
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
793
+ 15/06/2023 14:15
794
+ </td>
795
+ <td class="px-6 py-4 whitespace-nowrap">
796
+ <div class="text-sm font-medium text-gray-900">TRF1</div>
797
+ <div class="text-sm text-gray-500">e-SAJ</div>
798
+ </td>
799
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-900">
800
+ 0005678-90.2023.4.01.0000
801
+ </td>
802
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
803
+ Contestação
804
+ </td>
805
+ <td class="px-6 py-4 whitespace-nowrap">
806
+ <span class="px-2 py-1 text-xs font-semibold rounded-full bg-yellow-100 text-yellow-800">
807
+ Em andamento
808
+ </span>
809
+ </td>
810
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
811
+ -
812
+ </td>
813
+ <td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
814
+ <button class="text-blue-600 hover:text-blue-900 mr-3">
815
+ <i class="fas fa-redo"></i>
816
+ </button>
817
+ <button class="text-gray-600 hover:text-gray-900">
818
+ <i class="fas fa-ellipsis-v"></i>
819
+ </button>
820
+ </td>
821
+ </tr>
822
+ <!-- Row -->
823
+ <tr class="hover:bg-gray-50">
824
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
825
+ 15/06/2023 13:48
826
+ </td>
827
+ <td class="px-6 py-4 whitespace-nowrap">
828
+ <div class="text-sm font-medium text-gray-900">TRT2</div>
829
+ <div class="text-sm text-gray-500">PROJUDI</div>
830
+ </td>
831
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-900">
832
+ 0009012-34.2023.5.02.0001
833
+ </td>
834
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
835
+ Recurso
836
+ </td>
837
+ <td class="px-6 py-4 whitespace-nowrap">
838
+ <span class="px-2 py-1 text-xs font-semibold rounded-full bg-red-100 text-red-800">
839
+ Falha
840
+ </span>
841
+ </td>
842
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
843
+ -
844
+ </td>
845
+ <td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
846
+ <button class="text-blue-600 hover:text-blue-900 mr-3">
847
+ <i class="fas fa-redo"></i>
848
+ </button>
849
+ <button class="text-gray-600 hover:text-gray-900">
850
+ <i class="fas fa-ellipsis-v"></i>
851
+ </button>
852
+ </td>
853
+ </tr>
854
+ <!-- Row -->
855
+ <tr class="hover:bg-gray-50">
856
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
857
+ 15/06/2023 12:22
858
+ </td>
859
+ <td class="px-6 py-4 whitespace-nowrap">
860
+ <div class="text-sm font-medium text-gray-900">TJSP</div>
861
+ <div class="text-sm text-gray-500">Eproc</div>
862
+ </td>
863
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-900">
864
+ 0003456-78.2023.8.26.0001
865
+ </td>
866
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
867
+ Petição Intermediária
868
+ </td>
869
+ <td class="px-6 py-4 whitespace-nowrap">
870
+ <span class="px-2 py-1 text-xs font-semibold rounded-full bg-green-100 text-green-800">
871
+ Sucesso
872
+ </span>
873
+ </td>
874
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-blue-600 hover:text-blue-800">
875
+ <a href="#" class="flex items-center">
876
+ <i class="fas fa-file-pdf mr-1"></i> Ver
877
+ </a>
878
+ </td>
879
+ <td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
880
+ <button class="text-blue-600 hover:text-blue-900 mr-3">
881
+ <i class="fas fa-redo"></i>
882
+ </button>
883
+ <button class="text-gray-600 hover:text-gray-900">
884
+ <i class="fas fa-ellipsis-v"></i>
885
+ </button>
886
+ </td>
887
+ </tr>
888
+ </tbody>
889
+ </table>
890
+ </div>
891
+ <div class="px-6 py-3 bg-gray-50 border-t border-gray-200 flex items-center justify-between">
892
+ <div class="text-sm text-gray-500">
893
+ Mostrando <span class="font-medium">1</span> a <span class="font-medium">4</span> de <span class="font-medium">24</span> resultados
894
+ </div>
895
+ <div class="flex space-x-1">
896
+ <button class="px-3 py-1 border border-gray-300 rounded text-sm font-medium text-gray-700 bg-white hover:bg-gray-50">
897
+ Anterior
898
+ </button>
899
+ <button class="px-3 py-1 border border-gray-300 rounded text-sm font-medium text-white bg-blue-600 hover:bg-blue-700">
900
+ 1
901
+ </button>
902
+ <button class="px-3 py-1 border border-gray-300 rounded text-sm font-medium text-gray-700 bg-white hover:bg-gray-50">
903
+ 2
904
+ </button>
905
+ <button class="px-3 py-1 border border-gray-300 rounded text-sm font-medium text-gray-700 bg-white hover:bg-gray-50">
906
+ 3
907
+ </button>
908
+ <button class="px-3 py-1 border border-gray-300 rounded text-sm font-medium text-gray-700 bg-white hover:bg-gray-50">
909
+ Próximo
910
+ </button>
911
+ </div>
912
+ </div>
913
+ </div>
914
+ </div>
915
+ </div>
916
+ </div>
917
+ </div>
918
+
919
+ <script>
920
+ // Simple page navigation
921
+ document.addEventListener('DOMContentLoaded', function() {
922
+ // Show dashboard by default
923
+ document.getElementById('dashboard-page').classList.remove('hidden');
924
+
925
+ // Sidebar navigation
926
+ const sidebarItems = document.querySelectorAll('.sidebar-item');
927
+ sidebarItems.forEach(item => {
928
+ item.addEventListener('click', function(e) {
929
+ e.preventDefault();
930
+
931
+ // Remove active class from all items
932
+ sidebarItems.forEach(i => i.classList.remove('active'));
933
+
934
+ // Add active class to clicked item
935
+ this.classList.add('active');
936
+
937
+ // Hide all pages
938
+ document.getElementById('dashboard-page').classList.add('hidden');
939
+ document.getElementById('schedule-page').classList.add('hidden');
940
+ document.getElementById('settings-page').classList.add('hidden');
941
+ document.getElementById('history-page').classList.add('hidden');
942
+
943
+ // Show the selected page
944
+ if (this.textContent.includes('Dashboard')) {
945
+ document.getElementById('dashboard-page').classList.remove('hidden');
946
+ document.querySelector('.flex.items-center h1').textContent = 'Dashboard';
947
+ } else if (this.textContent.includes('Agendar')) {
948
+ document.getElementById('schedule-page').classList.remove('hidden');
949
+ document.querySelector('.flex.items-center h1').textContent = 'Agendar Protocolo';
950
+ } else if (this.textContent.includes('Configurações')) {
951
+ document.getElementById('settings-page').classList.remove('hidden');
952
+ document.querySelector('.flex.items-center h1').textContent = 'Configurações';
953
+ } else if (this.textContent.includes('Histórico')) {
954
+ document.getElementById('history-page').classList.remove('hidden');
955
+ document.querySelector('.flex.items-center h1').textContent = 'Histórico';
956
+ }
957
+ });
958
+ });
959
+
960
+ // Schedule form radio buttons
961
+ const radioImediato = document.getElementById('imediato');
962
+ const radioProgramado = document.getElementById('programado');
963
+ const programadoFields = document.getElementById('programado-fields');
964
+
965
+ radioImediato.addEventListener('change', function() {
966
+ if (this.checked) {
967
+ programadoFields.classList.add('hidden');
968
+ }
969
+ });
970
+
971
+ radioProgramado.addEventListener('change', function() {
972
+ if (this.checked) {
973
+ programadoFields.classList.remove('hidden');
974
+ }
975
+ });
976
+ });
977
+ </script>
978
+ <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=JEFFERSON1995/robodeautomacao" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
979
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ Prompt para criação de sistema na IA: Crie a interface de um robô de automação jurídica (RPA) para protocolos automáticos de petições e documentos em tribunais brasileiros, com visual limpo, profissional e centrado na usabilidade jurídica. O sistema deve funcionar como uma ferramenta autônoma de apoio a escritórios de advocacia e departamentos jurídicos, que acessa sistemas judiciais (como PJe, e-SAJ, PROJUDI, Eproc) e realiza protocolos com base em regras e templates configuráveis. 🟦 PÁGINA 1 – DASHBOARD DO ROBÔ Componentes principais: Status do sistema (online/offline) Filas de protocolo: agendados, em execução, concluídos, falhos Logs de atividade recentes Botão: ➕ Agendar novo protocolo 🟦 PÁGINA 2 – AGENDAR NOVO PROTOCOLO Campos do formulário: Tribunal (dropdown com TJ, TRF, TRT, etc.) Sistema (PJe, e-SAJ, Eproc, etc.) Número do processo (formato CNJ) Tipo de documento (petição intermediária, contestação, recurso, etc.) Upload do arquivo PDF/A Dados complementares (parte, advogado, assunto, etc.) Botão para definir agendamento imediato ou horário programado 🟦 PÁGINA 3 – CONFIGURAÇÕES DO ROBÔ Componentes: Login e senha do sistema do tribunal (criptografado) Escolha de navegador (Chrome Headless, Firefox) Diretório de salvamento de comprovantes Notificação por e-mail/WhatsApp em caso de falha Opção para configurar rotinas automatizadas (ex: protocolar todo dia às 15h) 🟦 PÁGINA 4 – HISTÓRICO DE PROTOCOLOS Tabela com os campos: Data/Hora Tribunal e Sistema Processo Tipo de petição Resultado (Sucesso/Falha) Link para comprovante (PDF) Botão: ➕ Repetir protocolo 🟦 EXTRAS SUGERIDOS Área de integrações com softwares jurídicos externos (via API REST) Painel de monitoramento com gráficos de protocolos por tribunal ou setor Módulo de OCR para leitura automática de capa de petição Detecção automática de versão do sistema judicial e alertas em caso de erro de compatibilidade 🎨 Design: Estilo visual limpo e tech-jurídico, com cores como azul escuro, branco, verde para sucesso e vermelho para erro. Ícones discretos, botões claros e navegação lateral fixa.