Hugging Face's logo

Spaces:
Finish-him
/
sei-documiner
Running

App Files Community
Finish-him commited on
Commit
28c6c44
·
verified ·
1 Parent(s): 157be1b

queria utilizar os pdf do processo do SEI para fazer um grande repositório RAG

Browse files
Files changed (2) hide show
  1. README.md +7 -4
  2. index.html +267 -18
README.md CHANGED
@@ -1,10 +1,13 @@
1
  ---
2
- title: Sei Documiner
3
- emoji: 🏃
4
- colorFrom: indigo
5
  colorTo: gray
 
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: SEI DocuMiner 🚀
3
+ colorFrom: green
 
4
  colorTo: gray
5
+ emoji: 🐳
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite-v3
10
  ---
11
 
12
+ # Welcome to your new DeepSite project!
13
+ This project was created with [DeepSite](https://deepsite.hf.co).
index.html CHANGED
@@ -1,19 +1,268 @@
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>SEI DocuMiner - Repositório RAG</title>
7
+ <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
8
+ <script src="https://cdn.tailwindcss.com"></script>
9
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
10
+ <script src="https://unpkg.com/feather-icons"></script>
11
+ <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.net.min.js"></script>
12
+ <style>
13
+ .file-upload {
14
+ border: 2px dashed #3b82f6;
15
+ transition: all 0.3s ease;
16
+ }
17
+ .file-upload:hover {
18
+ background-color: rgba(59, 130, 246, 0.1);
19
+ }
20
+ .doc-card:hover {
21
+ transform: translateY(-5px);
22
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
23
+ }
24
+ </style>
25
+ </head>
26
+ <body class="bg-gray-50 min-h-screen">
27
+ <div id="vanta-bg" class="fixed inset-0 -z-10"></div>
28
+
29
+ <header class="bg-white/80 backdrop-blur-md shadow-sm sticky top-0 z-50">
30
+ <div class="container mx-auto px-4 py-4 flex justify-between items-center">
31
+ <div class="flex items-center space-x-2">
32
+ <i data-feather="archive" class="text-blue-600 w-8 h-8"></i>
33
+ <h1 class="text-2xl font-bold text-gray-800">SEI DocuMiner</h1>
34
+ </div>
35
+ <nav class="hidden md:flex space-x-6">
36
+ <a href="#" class="text-blue-600 font-medium">Início</a>
37
+ <a href="#" class="text-gray-600 hover:text-blue-600">Documentos</a>
38
+ <a href="#" class="text-gray-600 hover:text-blue-600">Busca RAG</a>
39
+ <a href="#" class="text-gray-600 hover:text-blue-600">Estatísticas</a>
40
+ </nav>
41
+ <button class="md:hidden">
42
+ <i data-feather="menu" class="w-6 h-6 text-gray-600"></i>
43
+ </button>
44
+ </div>
45
+ </header>
46
+
47
+ <main class="container mx-auto px-4 py-12">
48
+ <section class="text-center mb-16">
49
+ <h2 class="text-4xl font-bold text-gray-900 mb-4">Transforme processos SEI em conhecimento</h2>
50
+ <p class="text-xl text-gray-600 max-w-3xl mx-auto">
51
+ Carregue, organize e extraia insights dos documentos do SEI com nosso sistema RAG avançado.
52
+ </p>
53
+ </section>
54
+
55
+ <section class="mb-16">
56
+ <div class="bg-white rounded-xl shadow-lg overflow-hidden">
57
+ <div class="p-8">
58
+ <div class="file-upload rounded-lg p-12 text-center cursor-pointer">
59
+ <div class="flex flex-col items-center justify-center space-y-4">
60
+ <i data-feather="upload" class="w-12 h-12 text-blue-500"></i>
61
+ <h3 class="text-xl font-semibold text-gray-800">Arraste e solte PDFs SEI aqui</h3>
62
+ <p class="text-gray-500">ou clique para selecionar arquivos</p>
63
+ <button class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-2 rounded-lg font-medium transition">
64
+ Selecionar Arquivos
65
+ </button>
66
+ </div>
67
+ </div>
68
+ </div>
69
+ <div class="bg-gray-50 px-8 py-4 border-t border-gray-200">
70
+ <div class="flex items-center justify-between">
71
+ <span class="text-sm text-gray-500">Formatos suportados: PDF, DOCX</span>
72
+ <span class="text-sm text-gray-500">Tamanho máximo: 50MB</span>
73
+ </div>
74
+ </div>
75
+ </div>
76
+ </section>
77
+
78
+ <section class="mb-16">
79
+ <div class="flex justify-between items-center mb-6">
80
+ <h3 class="text-2xl font-bold text-gray-900">Seus Documentos Recentes</h3>
81
+ <a href="#" class="text-blue-600 hover:underline flex items-center">
82
+ Ver todos <i data-feather="chevron-right" class="w-4 h-4 ml-1"></i>
83
+ </a>
84
+ </div>
85
+
86
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
87
+ <!-- Document Card 1 -->
88
+ <div class="doc-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300">
89
+ <div class="p-6">
90
+ <div class="flex items-center mb-4">
91
+ <div class="bg-blue-100 p-3 rounded-full mr-4">
92
+ <i data-feather="file-text" class="text-blue-600 w-5 h-5"></i>
93
+ </div>
94
+ <div>
95
+ <h4 class="font-semibold text-gray-800">Processo SEI 12345</h4>
96
+ <p class="text-sm text-gray-500">12/05/2023</p>
97
+ </div>
98
+ </div>
99
+ <p class="text-gray-600 text-sm mb-4 line-clamp-2">
100
+ Contrato de prestação de serviços técnicos especializados para desenvolvimento de software.
101
+ </p>
102
+ <div class="flex justify-between items-center">
103
+ <span class="text-xs bg-gray-100 text-gray-600 px-2 py-1 rounded">Contrato</span>
104
+ <button class="text-blue-600 hover:text-blue-800 text-sm font-medium">
105
+ Analisar <i data-feather="arrow-right" class="w-3 h-3 ml-1 inline"></i>
106
+ </button>
107
+ </div>
108
+ </div>
109
+ </div>
110
+
111
+ <!-- Document Card 2 -->
112
+ <div class="doc-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300">
113
+ <div class="p-6">
114
+ <div class="flex items-center mb-4">
115
+ <div class="bg-green-100 p-3 rounded-full mr-4">
116
+ <i data-feather="file-text" class="text-green-600 w-5 h-5"></i>
117
+ </div>
118
+ <div>
119
+ <h4 class="font-semibold text-gray-800">Processo SEI 67890</h4>
120
+ <p class="text-sm text-gray-500">05/06/2023</p>
121
+ </div>
122
+ </div>
123
+ <p class="text-gray-600 text-sm mb-4 line-clamp-2">
124
+ Relatório técnico conclusivo sobre análise de viabilidade de projeto de infraestrutura.
125
+ </p>
126
+ <div class="flex justify-between items-center">
127
+ <span class="text-xs bg-gray-100 text-gray-600 px-2 py-1 rounded">Relatório</span>
128
+ <button class="text-blue-600 hover:text-blue-800 text-sm font-medium">
129
+ Analisar <i data-feather="arrow-right" class="w-3 h-3 ml-1 inline"></i>
130
+ </button>
131
+ </div>
132
+ </div>
133
+ </div>
134
+
135
+ <!-- Document Card 3 -->
136
+ <div class="doc-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300">
137
+ <div class="p-6">
138
+ <div class="flex items-center mb-4">
139
+ <div class="bg-purple-100 p-3 rounded-full mr-4">
140
+ <i data-feather="file-text" class="text-purple-600 w-5 h-5"></i>
141
+ </div>
142
+ <div>
143
+ <h4 class="font-semibold text-gray-800">Processo SEI 54321</h4>
144
+ <p class="text-sm text-gray-500">22/07/2023</p>
145
+ </div>
146
+ </div>
147
+ <p class="text-gray-600 text-sm mb-4 line-clamp-2">
148
+ Termo de referência para licitação de serviços de manutenção predial.
149
+ </p>
150
+ <div class="flex justify-between items-center">
151
+ <span class="text-xs bg-gray-100 text-gray-600 px-2 py-1 rounded">Licitação</span>
152
+ <button class="text-blue-600 hover:text-blue-800 text-sm font-medium">
153
+ Analisar <i data-feather="arrow-right" class="w-3 h-3 ml-1 inline"></i>
154
+ </button>
155
+ </div>
156
+ </div>
157
+ </div>
158
+ </div>
159
+ </section>
160
+
161
+ <section class="bg-white rounded-xl shadow-lg p-8 mb-16">
162
+ <div class="flex flex-col md:flex-row items-center">
163
+ <div class="md:w-1/2 mb-8 md:mb-0 md:pr-8">
164
+ <h3 class="text-2xl font-bold text-gray-900 mb-4">Busca Inteligente com RAG</h3>
165
+ <p class="text-gray-600 mb-6">
166
+ Nossa tecnologia RAG (Retrieval-Augmented Generation) permite que você encontre respostas precisas em seus documentos SEI, combinando busca de informações com geração de respostas contextualizadas.
167
+ </p>
168
+ <div class="space-y-4">
169
+ <div class="flex items-start">
170
+ <i data-feather="check-circle" class="text-green-500 w-5 h-5 mt-1 mr-3"></i>
171
+ <p class="text-gray-700">Extraia cláusulas específicas de contratos</p>
172
+ </div>
173
+ <div class="flex items-start">
174
+ <i data-feather="check-circle" class="text-green-500 w-5 h-5 mt-1 mr-3"></i>
175
+ <p class="text-gray-700">Identifique padrões em processos licitatórios</p>
176
+ </div>
177
+ <div class="flex items-start">
178
+ <i data-feather="check-circle" class="text-green-500 w-5 h-5 mt-1 mr-3"></i>
179
+ <p class="text-gray-700">Resuma automaticamente documentos complexos</p>
180
+ </div>
181
+ </div>
182
+ </div>
183
+ <div class="md:w-1/2">
184
+ <div class="bg-gray-50 rounded-lg p-6 border border-gray-200">
185
+ <div class="mb-4">
186
+ <label class="block text-sm font-medium text-gray-700 mb-1">Pergunte sobre seus documentos</label>
187
+ <div class="relative">
188
+ <input type="text" class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-blue-500 focus:border-blue-500" placeholder="Ex: Qual é o prazo para contestação neste processo?">
189
+ <button class="absolute right-2 top-2 bg-blue-600 text-white p-2 rounded-lg">
190
+ <i data-feather="search" class="w-4 h-4"></i>
191
+ </button>
192
+ </div>
193
+ </div>
194
+ <div class="bg-white rounded-lg p-4 border border-gray-200 min-h-32">
195
+ <p class="text-sm text-gray-500 italic">Sua resposta aparecerá aqui...</p>
196
+ </div>
197
+ </div>
198
+ </div>
199
+ </div>
200
+ </section>
201
+ </main>
202
+
203
+ <footer class="bg-gray-900 text-white py-12">
204
+ <div class="container mx-auto px-4">
205
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
206
+ <div>
207
+ <h4 class="text-lg font-semibold mb-4">SEI DocuMiner</h4>
208
+ <p class="text-gray-400 text-sm">
209
+ Transformando processos burocráticos em conhecimento acionável através de IA.
210
+ </p>
211
+ </div>
212
+ <div>
213
+ <h4 class="text-lg font-semibold mb-4">Recursos</h4>
214
+ <ul class="space-y-2">
215
+ <li><a href="#" class="text-gray-400 hover:text-white text-sm">Upload de Documentos</a></li>
216
+ <li><a href="#" class="text-gray-400 hover:text-white text-sm">Busca RAG</a></li>
217
+ <li><a href="#" class="text-gray-400 hover:text-white text-sm">Análise de Documentos</a></li>
218
+ <li><a href="#" class="text-gray-400 hover:text-white text-sm">Relatórios Automáticos</a></li>
219
+ </ul>
220
+ </div>
221
+ <div>
222
+ <h4 class="text-lg font-semibold mb-4">Legal</h4>
223
+ <ul class="space-y-2">
224
+ <li><a href="#" class="text-gray-400 hover:text-white text-sm">Termos de Uso</a></li>
225
+ <li><a href="#" class="text-gray-400 hover:text-white text-sm">Política de Privacidade</a></li>
226
+ <li><a href="#" class="text-gray-400 hover:text-white text-sm">Segurança</a></li>
227
+ </ul>
228
+ </div>
229
+ <div>
230
+ <h4 class="text-lg font-semibold mb-4">Contato</h4>
231
+ <ul class="space-y-2">
232
+ <li class="flex items-center text-gray-400 text-sm"><i data-feather="mail" class="w-4 h-4 mr-2"></i> contato@documiner.com</li>
233
+ <li class="flex items-center text-gray-400 text-sm"><i data-feather="phone" class="w-4 h-4 mr-2"></i> (11) 1234-5678</li>
234
+ <li class="flex items-center text-gray-400 text-sm"><i data-feather="map-pin" class="w-4 h-4 mr-2"></i> São Paulo, Brasil</li>
235
+ </ul>
236
+ </div>
237
+ </div>
238
+ <div class="border-t border-gray-800 mt-8 pt-8 text-center text-gray-400 text-sm">
239
+ <p>© 2023 SEI DocuMiner. Todos os direitos reservados.</p>
240
+ </div>
241
+ </div>
242
+ </footer>
243
+
244
+ <script>
245
+ // Initialize Vanta.js background
246
+ VANTA.NET({
247
+ el: "#vanta-bg",
248
+ mouseControls: true,
249
+ touchControls: true,
250
+ gyroControls: false,
251
+ minHeight: 200.00,
252
+ minWidth: 200.00,
253
+ scale: 1.00,
254
+ scaleMobile: 1.00,
255
+ color: 0x3b82f6,
256
+ backgroundColor: 0xf8fafc,
257
+ points: 10.00,
258
+ maxDistance: 22.00,
259
+ spacing: 18.00
260
+ });
261
+
262
+ // Initialize Feather Icons
263
+ document.addEventListener('DOMContentLoaded', function() {
264
+ feather.replace();
265
+ });
266
+ </script>
267
+ </body>
268
  </html>