Hugging Face's logo

Spaces:
LukasBe
/
complyvision
Running

App Files Community
LukasBe commited on
Commit
660596b
·
verified ·
1 Parent(s): 29c5957

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +780 -19
  3. prompts.txt +2 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Complyvision
3
- emoji: 🏃
4
- colorFrom: pink
5
- colorTo: indigo
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: complyvision
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,780 @@
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>ComplyVision | Compliance Intelligence Platform</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
+ :root {
11
+ --primary: #4f46e5;
12
+ --primary-light: #6366f1;
13
+ --primary-dark: #4338ca;
14
+ --secondary: #10b981;
15
+ --danger: #ef4444;
16
+ --warning: #f59e0b;
17
+ --info: #3b82f6;
18
+ }
19
+
20
+ @font-face {
21
+ font-family: 'Inter';
22
+ src: url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
23
+ }
24
+
25
+ body {
26
+ font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
27
+ background-color: #f9fafb;
28
+ color: #111827;
29
+ }
30
+
31
+ .sidebar-item.active {
32
+ background-color: rgba(79, 70, 229, 0.1);
33
+ color: var(--primary);
34
+ font-weight: 500;
35
+ }
36
+
37
+ .sidebar-item.active:hover {
38
+ background-color: rgba(79, 70, 229, 0.15);
39
+ }
40
+
41
+ .sidebar-item:hover:not(.active) {
42
+ background-color: rgba(0, 0, 0, 0.03);
43
+ }
44
+
45
+ .dashboard-card {
46
+ transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
47
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
48
+ }
49
+
50
+ .dashboard-card:hover {
51
+ transform: translateY(-2px);
52
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
53
+ }
54
+
55
+ .progress-bar {
56
+ transition: width 0.6s cubic-bezier(0.4, 0, 0.2, 1);
57
+ }
58
+
59
+ .notification-badge {
60
+ position: absolute;
61
+ top: -6px;
62
+ right: -6px;
63
+ font-size: 0.65rem;
64
+ min-width: 1.25rem;
65
+ height: 1.25rem;
66
+ }
67
+
68
+ .chart-container {
69
+ height: 280px;
70
+ }
71
+
72
+ .glow-shadow {
73
+ box-shadow: 0 0 0 1px rgba(79, 70, 229, 0.1), 0 4px 20px rgba(79, 70, 229, 0.15);
74
+ }
75
+
76
+ .nav-search {
77
+ background-color: rgba(255, 255, 255, 0.7);
78
+ backdrop-filter: blur(8px);
79
+ }
80
+
81
+ .nav-search:focus {
82
+ background-color: white;
83
+ }
84
+
85
+ .smooth-transition {
86
+ transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
87
+ }
88
+
89
+ .gradient-text {
90
+ background: linear-gradient(90deg, #4f46e5 0%, #8b5cf6 100%);
91
+ -webkit-background-clip: text;
92
+ background-clip: text;
93
+ color: transparent;
94
+ }
95
+
96
+ .border-gradient {
97
+ position: relative;
98
+ }
99
+
100
+ .border-gradient::before {
101
+ content: "";
102
+ position: absolute;
103
+ inset: 0;
104
+ border-radius: 0.5rem;
105
+ padding: 1px;
106
+ background: linear-gradient(135deg, rgba(79, 70, 229, 0.4), rgba(139, 92, 246, 0.4));
107
+ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
108
+ -webkit-mask-composite: xor;
109
+ mask-composite: exclude;
110
+ pointer-events: none;
111
+ }
112
+ </style>
113
+ </head>
114
+ <body class="antialiased">
115
+ <div class="flex h-screen overflow-hidden">
116
+ <!-- Sidebar -->
117
+ <div class="hidden md:flex md:flex-shrink-0">
118
+ <div class="flex flex-col w-64 border-r border-gray-200 bg-white">
119
+ <div class="flex items-center justify-center h-20 px-6">
120
+ <div class="flex items-center">
121
+ <div class="w-8 h-8 rounded-md bg-gradient-to-br from-indigo-600 to-purple-600 flex items-center justify-center">
122
+ <i class="fas fa-shield-alt text-white text-sm"></i>
123
+ </div>
124
+ <span class="text-xl font-bold ml-3 gradient-text">ComplyVision</span>
125
+ </div>
126
+ </div>
127
+
128
+ <div class="px-4 pt-2 pb-4">
129
+ <div class="relative nav-search">
130
+ <input type="text" placeholder="Search..." class="w-full pl-9 pr-4 py-2.5 rounded-lg border border-gray-200 focus:outline-none focus:ring-1 focus:ring-indigo-500 focus:border-indigo-500 text-sm">
131
+ <i class="fas fa-search absolute left-3 top-3 text-gray-400 text-sm"></i>
132
+ </div>
133
+ </div>
134
+
135
+ <div class="flex flex-col flex-grow px-3 overflow-y-auto">
136
+ <nav class="space-y-1">
137
+ <a href="#" class="sidebar-item active flex items-center px-3 py-2.5 text-sm font-medium rounded-lg smooth-transition">
138
+ <i class="fas fa-chart-pie text-lg w-6 text-center mr-3 text-indigo-600"></i>
139
+ Dashboard
140
+ </a>
141
+ <a href="#" class="sidebar-item flex items-center px-3 py-2.5 text-sm font-medium rounded-lg smooth-transition">
142
+ <i class="fas fa-file-contract text-lg w-6 text-center mr-3 text-gray-500"></i>
143
+ Document Hub
144
+ <span class="notification-badge bg-red-500 text-white font-semibold rounded-full flex items-center justify-center ml-auto">3</span>
145
+ </a>
146
+ <a href="#" class="sidebar-item flex items-center px-3 py-2.5 text-sm font-medium rounded-lg smooth-transition">
147
+ <i class="fas fa-bell text-lg w-6 text-center mr-3 text-gray-500"></i>
148
+ Regulatory Alerts
149
+ <span class="notification-badge bg-indigo-500 text-white font-semibold rounded-full flex items-center justify-center ml-auto">5</span>
150
+ </a>
151
+ <a href="#" class="sidebar-item flex items-center px-3 py-2.5 text-sm font-medium rounded-lg smooth-transition">
152
+ <i class="fas fa-user-check text-lg w-6 text-center mr-3 text-gray-500"></i>
153
+ Suitability Engine
154
+ </a>
155
+ <a href="#" class="sidebar-item flex items-center px-3 py-2.5 text-sm font-medium rounded-lg smooth-transition">
156
+ <i class="fas fa-exchange-alt text-lg w-6 text-center mr-3 text-gray-500"></i>
157
+ Transaction Reporting
158
+ </a>
159
+ <a href="#" class="sidebar-item flex items-center px-3 py-2.5 text-sm font-medium rounded-lg smooth-transition">
160
+ <i class="fas fa-search-dollar text-lg w-6 text-center mr-3 text-gray-500"></i>
161
+ Trade Surveillance
162
+ </a>
163
+ <a href="#" class="sidebar-item flex items-center px-3 py-2.5 text-sm font-medium rounded-lg smooth-transition">
164
+ <i class="fas fa-tasks text-lg w-6 text-center mr-3 text-gray-500"></i>
165
+ Case Management
166
+ </a>
167
+ <a href="#" class="sidebar-item flex items-center px-3 py-2.5 text-sm font-medium rounded-lg smooth-transition">
168
+ <i class="fas fa-chart-bar text-lg w-6 text-center mr-3 text-gray-500"></i>
169
+ Analytics
170
+ </a>
171
+ </nav>
172
+
173
+ <div class="mt-auto mb-6 px-3">
174
+ <div class="bg-indigo-50 rounded-xl p-4 border-gradient">
175
+ <div class="flex items-start">
176
+ <div class="flex-shrink-0 mt-1">
177
+ <i class="fas fa-question-circle text-indigo-600"></i>
178
+ </div>
179
+ <div class="ml-3">
180
+ <p class="text-sm font-semibold text-indigo-900">Need assistance?</p>
181
+ <p class="text-xs text-indigo-700 mt-1">Our support team is available 24/7</p>
182
+ <button class="mt-2 text-xs font-medium text-indigo-600 hover:text-indigo-700 smooth-transition">
183
+ Contact Support <i class="fas fa-arrow-right ml-1 text-xs"></i>
184
+ </button>
185
+ </div>
186
+ </div>
187
+ </div>
188
+ </div>
189
+ </div>
190
+ </div>
191
+ </div>
192
+
193
+ <!-- Main content -->
194
+ <div class="flex flex-col flex-1 overflow-hidden">
195
+ <!-- Top navigation -->
196
+ <div class="flex items-center justify-between h-16 px-6 border-b border-gray-200 bg-white">
197
+ <div class="flex items-center">
198
+ <button class="md:hidden text-gray-500 hover:text-gray-600 focus:outline-none smooth-transition">
199
+ <i class="fas fa-bars text-lg"></i>
200
+ </button>
201
+ <h1 class="ml-4 text-lg font-semibold text-gray-900">Compliance Dashboard</h1>
202
+ </div>
203
+ <div class="flex items-center space-x-4">
204
+ <button class="text-gray-500 hover:text-gray-600 relative focus:outline-none smooth-transition">
205
+ <i class="fas fa-bell text-lg"></i>
206
+ <span class="notification-badge bg-red-500 text-white font-semibold rounded-full flex items-center justify-center">5</span>
207
+ </button>
208
+ <button class="text-gray-500 hover:text-gray-600 relative focus:outline-none smooth-transition">
209
+ <i class="fas fa-envelope text-lg"></i>
210
+ <span class="notification-badge bg-indigo-500 text-white font-semibold rounded-full flex items-center justify-center">2</span>
211
+ </button>
212
+ <div class="relative">
213
+ <button class="flex items-center focus:outline-none group">
214
+ <img class="h-8 w-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="">
215
+ <span class="ml-2 text-sm font-medium text-gray-700 group-hover:text-gray-900 smooth-transition">John Doe</span>
216
+ <i class="fas fa-chevron-down ml-1 text-gray-500 text-xs group-hover:text-gray-700 smooth-transition"></i>
217
+ </button>
218
+ </div>
219
+ </div>
220
+ </div>
221
+
222
+ <!-- Main content area -->
223
+ <div class="flex-1 overflow-auto p-6 bg-gray-50">
224
+ <!-- Dashboard header -->
225
+ <div class="mb-8">
226
+ <div class="flex flex-col md:flex-row md:items-center md:justify-between">
227
+ <div>
228
+ <h2 class="text-2xl font-bold text-gray-900">Compliance Overview</h2>
229
+ <p class="text-gray-600 mt-1">Welcome back, John. Here's your compliance status at a glance.</p>
230
+ </div>
231
+ <div class="mt-4 md:mt-0">
232
+ <button class="bg-gradient-to-br from-indigo-600 to-indigo-500 hover:from-indigo-700 hover:to-indigo-600 text-white px-5 py-2.5 rounded-lg flex items-center shadow-md hover:shadow-lg smooth-transition">
233
+ <i class="fas fa-plus mr-2"></i>
234
+ New Task
235
+ </button>
236
+ </div>
237
+ </div>
238
+ </div>
239
+
240
+ <!-- Stats cards -->
241
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-5 mb-8">
242
+ <div class="dashboard-card bg-white p-5 rounded-xl border border-gray-200 hover:border-gray-300 smooth-transition">
243
+ <div class="flex items-center">
244
+ <div class="p-3 rounded-xl bg-indigo-50 text-indigo-600">
245
+ <i class="fas fa-file-alt text-xl"></i>
246
+ </div>
247
+ <div class="ml-4">
248
+ <p class="text-sm font-medium text-gray-500">Pending Documents</p>
249
+ <p class="text-2xl font-semibold text-gray-900 mt-1">12</p>
250
+ </div>
251
+ </div>
252
+ <div class="mt-5">
253
+ <div class="flex items-center justify-between text-sm">
254
+ <span class="text-gray-500">3 overdue</span>
255
+ <a href="#" class="font-medium text-indigo-600 hover:text-indigo-700 smooth-transition">View all</a>
256
+ </div>
257
+ </div>
258
+ </div>
259
+
260
+ <div class="dashboard-card bg-white p-5 rounded-xl border border-gray-200 hover:border-gray-300 smooth-transition">
261
+ <div class="flex items-center">
262
+ <div class="p-3 rounded-xl bg-green-50 text-green-600">
263
+ <i class="fas fa-check-circle text-xl"></i>
264
+ </div>
265
+ <div class="ml-4">
266
+ <p class="text-sm font-medium text-gray-500">Completed Tasks</p>
267
+ <p class="text-2xl font-semibold text-gray-900 mt-1">24</p>
268
+ </div>
269
+ </div>
270
+ <div class="mt-5">
271
+ <div class="flex items-center justify-between text-sm">
272
+ <span class="text-gray-500">This week</span>
273
+ <a href="#" class="font-medium text-green-600 hover:text-green-700 smooth-transition">View all</a>
274
+ </div>
275
+ </div>
276
+ </div>
277
+
278
+ <div class="dashboard-card bg-white p-5 rounded-xl border border-gray-200 hover:border-gray-300 smooth-transition">
279
+ <div class="flex items-center">
280
+ <div class="p-3 rounded-xl bg-yellow-50 text-yellow-600">
281
+ <i class="fas fa-exclamation-triangle text-xl"></i>
282
+ </div>
283
+ <div class="ml-4">
284
+ <p class="text-sm font-medium text-gray-500">Alerts</p>
285
+ <p class="text-2xl font-semibold text-gray-900 mt-1">5</p>
286
+ </div>
287
+ </div>
288
+ <div class="mt-5">
289
+ <div class="flex items-center justify-between text-sm">
290
+ <span class="text-gray-500">2 critical</span>
291
+ <a href="#" class="font-medium text-yellow-600 hover:text-yellow-700 smooth-transition">View all</a>
292
+ </div>
293
+ </div>
294
+ </div>
295
+
296
+ <div class="dashboard-card bg-white p-5 rounded-xl border border-gray-200 hover:border-gray-300 smooth-transition">
297
+ <div class="flex items-center">
298
+ <div class="p-3 rounded-xl bg-purple-50 text-purple-600">
299
+ <i class="fas fa-chart-line text-xl"></i>
300
+ </div>
301
+ <div class="ml-4">
302
+ <p class="text-sm font-medium text-gray-500">SLA Compliance</p>
303
+ <p class="text-2xl font-semibold text-gray-900 mt-1">98%</p>
304
+ </div>
305
+ </div>
306
+ <div class="mt-5">
307
+ <div class="w-full bg-gray-200 rounded-full h-2">
308
+ <div class="progress-bar bg-gradient-to-r from-purple-500 to-purple-400 h-2 rounded-full" style="width: 98%"></div>
309
+ </div>
310
+ <div class="flex items-center justify-between text-xs mt-2 text-gray-500">
311
+ <span>Last month: 96%</span>
312
+ <span>+2%</span>
313
+ </div>
314
+ </div>
315
+ </div>
316
+ </div>
317
+
318
+ <!-- Main content grid -->
319
+ <div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
320
+ <!-- Left column -->
321
+ <div class="lg:col-span-2 space-y-6">
322
+ <!-- Regulatory Alerts -->
323
+ <div class="bg-white rounded-xl shadow-sm border border-gray-200 overflow-hidden">
324
+ <div class="px-5 py-4 border-b border-gray-200 bg-white">
325
+ <div class="flex items-center justify-between">
326
+ <h3 class="text-lg font-semibold text-gray-900">Regulatory Alerts</h3>
327
+ <a href="#" class="text-sm font-medium text-indigo-600 hover:text-indigo-700 smooth-transition">View All</a>
328
+ </div>
329
+ </div>
330
+ <div class="divide-y divide-gray-200">
331
+ <div class="p-5 hover:bg-gray-50 smooth-transition">
332
+ <div class="flex items-start">
333
+ <div class="flex-shrink-0 pt-1">
334
+ <div class="h-10 w-10 rounded-full bg-red-100 flex items-center justify-center">
335
+ <i class="fas fa-exclamation text-red-600"></i>
336
+ </div>
337
+ </div>
338
+ <div class="ml-4 flex-1">
339
+ <div class="flex items-center justify-between">
340
+ <p class="text-sm font-semibold text-gray-900">ESMA Consultation Paper</p>
341
+ <span class="text-xs text-gray-500">2h ago</span>
342
+ </div>
343
+ <p class="text-sm text-gray-500 mt-1">New guidelines on product governance requirements under MiFID II</p>
344
+ <div class="mt-3 flex items-center space-x-2">
345
+ <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-blue-100 text-blue-800">MiFID II</span>
346
+ <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-red-100 text-red-800">Priority</span>
347
+ </div>
348
+ </div>
349
+ </div>
350
+ </div>
351
+ <div class="p-5 hover:bg-gray-50 smooth-transition">
352
+ <div class="flex items-start">
353
+ <div class="flex-shrink-0 pt-1">
354
+ <div class="h-10 w-10 rounded-full bg-yellow-100 flex items-center justify-center">
355
+ <i class="fas fa-file-import text-yellow-600"></i>
356
+ </div>
357
+ </div>
358
+ <div class="ml-4 flex-1">
359
+ <div class="flex items-center justify-between">
360
+ <p class="text-sm font-semibold text-gray-900">ČNB Circular Update</p>
361
+ <span class="text-xs text-gray-500">5h ago</span>
362
+ </div>
363
+ <p class="text-sm text-gray-500 mt-1">Changes to reporting requirements for investment firms</p>
364
+ <div class="mt-3 flex items-center space-x-2">
365
+ <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-purple-100 text-purple-800">Reporting</span>
366
+ </div>
367
+ </div>
368
+ </div>
369
+ </div>
370
+ <div class="p-5 hover:bg-gray-50 smooth-transition">
371
+ <div class="flex items-start">
372
+ <div class="flex-shrink-0 pt-1">
373
+ <div class="h-10 w-10 rounded-full bg-blue-100 flex items-center justify-center">
374
+ <i class="fas fa-info-circle text-blue-600"></i>
375
+ </div>
376
+ </div>
377
+ <div class="ml-4 flex-1">
378
+ <div class="flex items-center justify-between">
379
+ <p class="text-sm font-semibold text-gray-900">EU Directive Update</p>
380
+ <span class="text-xs text-gray-500">1d ago</span>
381
+ </div>
382
+ <p class="text-sm text-gray-500 mt-1">New amendments to the Prospectus Regulation</p>
383
+ <div class="mt-3 flex items-center space-x-2">
384
+ <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-red-100 text-red-800">Urgent</span>
385
+ </div>
386
+ </div>
387
+ </div>
388
+ </div>
389
+ </div>
390
+ </div>
391
+
392
+ <!-- Recent Documents -->
393
+ <div class="bg-white rounded-xl shadow-sm border border-gray-200 overflow-hidden">
394
+ <div class="px-5 py-4 border-b border-gray-200 bg-white">
395
+ <div class="flex items-center justify-between">
396
+ <h3 class="text-lg font-semibold text-gray-900">Recent Documents</h3>
397
+ <a href="#" class="text-sm font-medium text-indigo-600 hover:text-indigo-700 smooth-transition">View All</a>
398
+ </div>
399
+ </div>
400
+ <div class="divide-y divide-gray-200">
401
+ <div class="p-5 hover:bg-gray-50 smooth-transition">
402
+ <div class="flex items-center">
403
+ <div class="flex-shrink-0">
404
+ <div class="h-10 w-10 rounded-md bg-blue-100 flex items-center justify-center">
405
+ <i class="fas fa-file-pdf text-blue-600"></i>
406
+ </div>
407
+ </div>
408
+ <div class="ml-4 flex-1 min-w-0">
409
+ <p class="text-sm font-semibold text-gray-900 truncate">Investment Policy v3.2</p>
410
+ <p class="text-sm text-gray-500 truncate">Last updated by Sarah Johnson</p>
411
+ </div>
412
+ <div class="ml-4 flex-shrink-0">
413
+ <div class="flex space-x-3">
414
+ <button class="text-gray-400 hover:text-gray-500 smooth-transition">
415
+ <i class="fas fa-eye"></i>
416
+ </button>
417
+ <button class="text-gray-400 hover:text-gray-500 smooth-transition">
418
+ <i class="fas fa-download"></i>
419
+ </button>
420
+ <button class="text-gray-400 hover:text-gray-500 smooth-transition">
421
+ <i class="fas fa-ellipsis-v"></i>
422
+ </button>
423
+ </div>
424
+ </div>
425
+ </div>
426
+ </div>
427
+ <div class="p-5 hover:bg-gray-50 smooth-transition">
428
+ <div class="flex items-center">
429
+ <div class="flex-shrink-0">
430
+ <div class="h-10 w-10 rounded-md bg-green-100 flex items-center justify-center">
431
+ <i class="fas fa-file-word text-green-600"></i>
432
+ </div>
433
+ </div>
434
+ <div class="ml-4 flex-1 min-w-0">
435
+ <p class="text-sm font-semibold text-gray-900 truncate">Compliance Manual 2023</p>
436
+ <p class="text-sm text-gray-500 truncate">Pending review by Michael Brown</p>
437
+ </div>
438
+ <div class="ml-4 flex-shrink-0">
439
+ <div class="flex space-x-3">
440
+ <button class="text-gray-400 hover:text-gray-500 smooth-transition">
441
+ <i class="fas fa-eye"></i>
442
+ </button>
443
+ <button class="text-gray-400 hover:text-gray-500 smooth-transition">
444
+ <i class="fas fa-download"></i>
445
+ </button>
446
+ <button class="text-gray-400 hover:text-gray-500 smooth-transition">
447
+ <i class="fas fa-ellipsis-v"></i>
448
+ </button>
449
+ </div>
450
+ </div>
451
+ </div>
452
+ </div>
453
+ <div class="p-5 hover:bg-gray-50 smooth-transition">
454
+ <div class="flex items-center">
455
+ <div class="flex-shrink-0">
456
+ <div class="h-10 w-10 rounded-md bg-red-100 flex items-center justify-center">
457
+ <i class="fas fa-file-excel text-red-600"></i>
458
+ </div>
459
+ </div>
460
+ <div class="ml-4 flex-1 min-w-0">
461
+ <p class="text-sm font-semibold text-gray-900 truncate">Q3 Transaction Report</p>
462
+ <p class="text-sm text-gray-500 truncate">Submitted to ČNB on 15/10/2023</p>
463
+ </div>
464
+ <div class="ml-4 flex-shrink-0">
465
+ <div class="flex space-x-3">
466
+ <button class="text-gray-400 hover:text-gray-500 smooth-transition">
467
+ <i class="fas fa-eye"></i>
468
+ </button>
469
+ <button class="text-gray-400 hover:text-gray-500 smooth-transition">
470
+ <i class="fas fa-download"></i>
471
+ </button>
472
+ <button class="text-gray-400 hover:text-gray-500 smooth-transition">
473
+ <i class="fas fa-ellipsis-v"></i>
474
+ </button>
475
+ </div>
476
+ </div>
477
+ </div>
478
+ </div>
479
+ </div>
480
+ </div>
481
+ </div>
482
+
483
+ <!-- Right column -->
484
+ <div class="space-y-6">
485
+ <!-- Tasks -->
486
+ <div class="bg-white rounded-xl shadow-sm border border-gray-200 overflow-hidden">
487
+ <div class="px-5 py-4 border-b border-gray-200 bg-white">
488
+ <div class="flex items-center justify-between">
489
+ <h3 class="text-lg font-semibold text-gray-900">My Tasks</h3>
490
+ <a href="#" class="text-sm font-medium text-indigo-600 hover:text-indigo-700 smooth-transition">View All</a>
491
+ </div>
492
+ </div>
493
+ <div class="divide-y divide-gray-200">
494
+ <div class="p-5 hover:bg-gray-50 smooth-transition">
495
+ <div class="flex items-start">
496
+ <div class="flex-shrink-0 pt-0.5">
497
+ <input type="checkbox" class="h-4 w-4 text-indigo-600 focus:ring-indigo-500 border-gray-300 rounded">
498
+ </div>
499
+ <div class="ml-3 flex-1">
500
+ <div class="flex items-center justify-between">
501
+ <p class="text-sm font-semibold text-gray-900">Review new ESMA guidelines</p>
502
+ <span class="text-xs text-gray-500">Due today</span>
503
+ </div>
504
+ <p class="text-sm text-gray-500 mt-1">Analyze impact on suitability requirements</p>
505
+ <div class="mt-3 flex items-center space-x-2">
506
+ <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">Regulatory</span>
507
+ </div>
508
+ </div>
509
+ </div>
510
+ </div>
511
+ <div class="p-5 hover:bg-gray-50 smooth-transition">
512
+ <div class="flex items-start">
513
+ <div class="flex-shrink-0 pt-0.5">
514
+ <input type="checkbox" class="h-4 w-4 text-indigo-600 focus:ring-indigo-500 border-gray-300 rounded">
515
+ </div>
516
+ <div class="ml-3 flex-1">
517
+ <div class="flex items-center justify-between">
518
+ <p class="text-sm font-semibold text-gray-900">Approve Compliance Manual</p>
519
+ <span class="text-xs text-gray-500">Due in 2 days</span>
520
+ </div>
521
+ <p class="text-sm text-gray-500 mt-1">Review changes in sections 4.2 and 5.1</p>
522
+ <div class="mt-3 flex items-center space-x-2">
523
+ <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-green-100 text-green-800">Document</span>
524
+ </div>
525
+ </div>
526
+ </div>
527
+ </div>
528
+ <div class="p-5 hover:bg-gray-50 smooth-transition">
529
+ <div class="flex items-start">
530
+ <div class="flex-shrink-0 pt-0.5">
531
+ <input type="checkbox" class="h-4 w-4 text-indigo-600 focus:ring-indigo-500 border-gray-300 rounded">
532
+ </div>
533
+ <div class="ml-3 flex-1">
534
+ <div class="flex items-center justify-between">
535
+ <p class="text-sm font-semibold text-gray-900">Investigate trade alert</p>
536
+ <span class="text-xs text-gray-500">Due in 3 days</span>
537
+ </div>
538
+ <p class="text-sm text-gray-500 mt-1">Unusual trading pattern detected for client #45892</p>
539
+ <div class="mt-3 flex items-center space-x-2">
540
+ <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-yellow-100 text-yellow-800">Surveillance</span>
541
+ </div>
542
+ </div>
543
+ </div>
544
+ </div>
545
+ </div>
546
+ </div>
547
+
548
+ <!-- Compliance Calendar -->
549
+ <div class="bg-white rounded-xl shadow-sm border border-gray-200 overflow-hidden">
550
+ <div class="px-5 py-4 border-b border-gray-200 bg-white">
551
+ <div class="flex items-center justify-between">
552
+ <h3 class="text-lg font-semibold text-gray-900">Compliance Calendar</h3>
553
+ <a href="#" class="text-sm font-medium text-indigo-600 hover:text-indigo-700 smooth-transition">View All</a>
554
+ </div>
555
+ </div>
556
+ <div class="p-5">
557
+ <div class="space-y-5">
558
+ <div class="flex items-start">
559
+ <div class="flex-shrink-0">
560
+ <div class="flex items-center justify-center h-12 w-12 rounded-xl bg-purple-100 text-purple-600">
561
+ <i class="fas fa-calendar-day text-lg"></i>
562
+ </div>
563
+ </div>
564
+ <div class="ml-4">
565
+ <p class="text-sm font-semibold text-gray-900">MiFIR Reporting Deadline</p>
566
+ <p class="text-sm text-gray-500">15 Nov 2023</p>
567
+ <p class="text-xs text-gray-400 mt-1">Quarterly transaction reporting to ESMA</p>
568
+ </div>
569
+ </div>
570
+ <div class="flex items-start">
571
+ <div class="flex-shrink-0">
572
+ <div class="flex items-center justify-center h-12 w-12 rounded-xl bg-red-100 text-red-600">
573
+ <i class="fas fa-exclamation text-lg"></i>
574
+ </div>
575
+ </div>
576
+ <div class="ml-4">
577
+ <p class="text-sm font-semibold text-gray-900">Annual Compliance Review</p>
578
+ <p class="text-sm text-gray-500">30 Dec 2023</p>
579
+ <p class="text-xs text-gray-400 mt-1">Submit to Board of Directors</p>
580
+ </div>
581
+ </div>
582
+ <div class="flex items-start">
583
+ <div class="flex-shrink-0">
584
+ <div class="flex items-center justify-center h-12 w-12 rounded-xl bg-blue-100 text-blue-600">
585
+ <i class="fas fa-user-check text-lg"></i>
586
+ </div>
587
+ </div>
588
+ <div class="ml-4">
589
+ <p class="text-sm font-semibold text-gray-900">Suitability Rules Update</p>
590
+ <p class="text-sm text-gray-500">5 Jan 2024</p>
591
+ <p class="text-xs text-gray-400 mt-1">Implement new ESMA guidelines</p>
592
+ </div>
593
+ </div>
594
+ </div>
595
+ </div>
596
+ </div>
597
+ </div>
598
+ </div>
599
+
600
+ <!-- Charts section -->
601
+ <div class="mt-8 grid grid-cols-1 lg:grid-cols-2 gap-6">
602
+ <!-- Case Status -->
603
+ <div class="bg-white rounded-xl shadow-sm border border-gray-200 p-5">
604
+ <div class="flex items-center justify-between mb-5">
605
+ <h3 class="text-lg font-semibold text-gray-900">Case Status</h3>
606
+ <div class="flex space-x-2">
607
+ <button class="text-gray-400 hover:text-gray-500 smooth-transition">
608
+ <i class="fas fa-ellipsis-v"></i>
609
+ </button>
610
+ </div>
611
+ </div>
612
+ <div class="chart-container">
613
+ <canvas id="caseStatusChart"></canvas>
614
+ </div>
615
+ </div>
616
+
617
+ <!-- SLA Compliance -->
618
+ <div class="bg-white rounded-xl shadow-sm border border-gray-200 p-5">
619
+ <div class="flex items-center justify-between mb-5">
620
+ <h3 class="text-lg font-semibold text-gray-900">SLA Compliance</h3>
621
+ <div class="flex space-x-2">
622
+ <button class="text-gray-400 hover:text-gray-500 smooth-transition">
623
+ <i class="fas fa-ellipsis-v"></i>
624
+ </button>
625
+ </div>
626
+ </div>
627
+ <div class="chart-container">
628
+ <canvas id="slaChart"></canvas>
629
+ </div>
630
+ </div>
631
+ </div>
632
+ </div>
633
+ </div>
634
+ </div>
635
+
636
+ <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
637
+ <script>
638
+ // Sidebar active state
639
+ document.querySelectorAll('.sidebar-item').forEach(item => {
640
+ item.addEventListener('click', function() {
641
+ document.querySelectorAll('.sidebar-item').forEach(i => i.classList.remove('active'));
642
+ this.classList.add('active');
643
+ });
644
+ });
645
+
646
+ // Case Status Chart
647
+ const caseStatusCtx = document.getElementById('caseStatusChart').getContext('2d');
648
+ const caseStatusChart = new Chart(caseStatusCtx, {
649
+ type: 'doughnut',
650
+ data: {
651
+ labels: ['Open', 'In Progress', 'Pending Review', 'Closed'],
652
+ datasets: [{
653
+ data: [12, 8, 5, 24],
654
+ backgroundColor: [
655
+ '#4f46e5',
656
+ '#f59e0b',
657
+ '#10b981',
658
+ '#8b5cf6'
659
+ ],
660
+ borderWidth: 0,
661
+ hoverOffset: 10
662
+ }]
663
+ },
664
+ options: {
665
+ responsive: true,
666
+ maintainAspectRatio: false,
667
+ plugins: {
668
+ legend: {
669
+ position: 'bottom',
670
+ labels: {
671
+ usePointStyle: true,
672
+ padding: 20,
673
+ font: {
674
+ family: 'Inter'
675
+ }
676
+ }
677
+ },
678
+ tooltip: {
679
+ backgroundColor: '#1f2937',
680
+ titleFont: {
681
+ family: 'Inter',
682
+ size: 14
683
+ },
684
+ bodyFont: {
685
+ family: 'Inter',
686
+ size: 12
687
+ },
688
+ padding: 12,
689
+ cornerRadius: 8
690
+ }
691
+ },
692
+ cutout: '75%',
693
+ animation: {
694
+ animateScale: true,
695
+ animateRotate: true
696
+ }
697
+ }
698
+ });
699
+
700
+ // SLA Compliance Chart
701
+ const slaCtx = document.getElementById('slaChart').getContext('2d');
702
+ const slaChart = new Chart(slaCtx, {
703
+ type: 'bar',
704
+ data: {
705
+ labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct'],
706
+ datasets: [{
707
+ label: 'SLA Compliance %',
708
+ data: [92, 95, 97, 96, 98, 97, 99, 98, 97, 98],
709
+ backgroundColor: '#4f46e5',
710
+ borderRadius: 6,
711
+ hoverBackgroundColor: '#6366f1'
712
+ }]
713
+ },
714
+ options: {
715
+ responsive: true,
716
+ maintainAspectRatio: false,
717
+ plugins: {
718
+ legend: {
719
+ display: false
720
+ },
721
+ tooltip: {
722
+ backgroundColor: '#1f2937',
723
+ titleFont: {
724
+ family: 'Inter',
725
+ size: 14
726
+ },
727
+ bodyFont: {
728
+ family: 'Inter',
729
+ size: 12
730
+ },
731
+ padding: 12,
732
+ cornerRadius: 8,
733
+ callbacks: {
734
+ label: function(context) {
735
+ return context.parsed.y + '%';
736
+ }
737
+ }
738
+ }
739
+ },
740
+ scales: {
741
+ y: {
742
+ beginAtZero: false,
743
+ min: 90,
744
+ max: 100,
745
+ grid: {
746
+ drawBorder: false
747
+ },
748
+ ticks: {
749
+ callback: function(value) {
750
+ return value + '%';
751
+ },
752
+ font: {
753
+ family: 'Inter'
754
+ }
755
+ }
756
+ },
757
+ x: {
758
+ grid: {
759
+ display: false,
760
+ drawBorder: false
761
+ },
762
+ ticks: {
763
+ font: {
764
+ family: 'Inter'
765
+ }
766
+ }
767
+ }
768
+ }
769
+ }
770
+ });
771
+
772
+ // Simulate loading
773
+ setTimeout(() => {
774
+ document.querySelectorAll('.progress-bar').forEach(bar => {
775
+ bar.style.width = bar.parentElement.getAttribute('data-percent');
776
+ });
777
+ }, 300);
778
+ </script>
779
+ <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=LukasBe/complyvision" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
780
+ </html>
prompts.txt ADDED
@@ -0,0 +1,2 @@
 
 
 
1
+ Epic 1: Legislativní monitoring & alerting Popis: Automatizovaný sběr, zpracování a notifikace nových regulatorních změn. US-1.1 Jako MiFID compliance specialista chci automaticky ingestovat nové právní dokumenty (ESMA, EU, ČNB) z RSS/API abych měl vždy aktuální přehled bez manuálního hledání US-1.2 Jako compliance tým chceme definovat klíčová slova (např. “suitability”, “best execution”) abychom dostávali upozornění jen na relevantní změny US-1.3 Jako vedoucí compliance chci dostávat denní/týdenní e-mailové nebo Teams notifikace s přehledem novinek abych mohl rychle eskalovat urgentní změny Epic 2: Policy & dokument management Popis: Plně verziovaný repository interních směrnic s workflow schválení. US-2.1 Jako compliance specialist chci vytvářet a nahrávat nové verze politik přímo v systému abych měl vždy jedno centrální místo pro všechny směrnice US-2.2 Jako reviewer chci dostávat notifikaci, když je dokument připraven k posouzení abych mohl včas schválit nebo vrátit k úpravám US-2.3 Jako auditor chci vidět kompletní audit log každé změny dokumentu abych mohl doložit, kdo kdy co upravil Epic 3: Suitability & appropriateness engine Popis: Interaktivní otázkovník a scoringové pravidlo pro hodnocení klientovy vhodnosti investic. US-3.1 Jako privátní bankéř chci spustit dotazník s klientem přímo v aplikaci abych mohl okamžitě vyhodnotit jeho investiční profil US-3.2 Jako compliance specialist chci snadno upravovat scoring rules (váhy, thresholdy) abych reflektoval nové regulatorní guideline US-3.3 Jako klient chci obdržet PDF s výsledkem suitability testu abych měl jasný doklad o doporučení Epic 4: Transaction & MiFIR reporting Popis: Generování, validace a odeslání reportů dle šablon ČNB/ESMA. US-4.1 Jako compliance specialist chci spouštět ETL proces, který vytáhne veškeré transakce z core-bankingu abych mohl bez manuálního zásahu připravit data US-4.2 Jako compliance specialist chci zobrazit validační chyby (chybějící povinná pole, špatné formáty) abych opravil data před odesláním US-4.3 Jako Head of Compliance chci mít v aplikaci historii všech odeslaných reportů s potvrzením ČNB/ESMA abych mohl doložit včasné odeslání Epic 5: Trade Surveillance & Alerting Popis: Definice pravidel a realtime alerty na podezřelé transakce. US-5.1 Jako compliance specialist chci vytvořit nové pravidlo (např. objem X v čase Y) bez podpory IT abych mohl rychle reagovat na nové typy rizik US-5.2 Jako compliance specialist chci dostávat okamžité upozornění do dashboardu či e-mailu abych mohl ihned zahájit interní šetření US-5.3 Jako auditor chci zobrazit historii všech alertů včetně kroků jejich uzavření abych dokázal auditní trail vyšetřování Epic 6: Case & Incident Management Popis: Kompletní workflow pro vyřizování compliance eventů a interních hlášení. US-6.1 Jako compliance specialist chci založit nový incident z alertu stiskem tlačítka abych začal proces šetření okamžitě US-6.2 Jako compliance manager chci přiřazovat úkoly jednotlivým členům týmu a sledovat SLA abych nezmeškal žádný termín US-6.3 Jako člen týmu chci dostávat připomínky, když se blíží deadline mého úkolu abych stihl včas uzavřít case Epic 7: Reporting & Dashboarding Popis: Vizualizace klíčových KPI a stavů procesů pro vedení compliance. US-7.1 Jako Head of Compliance chci vidět metriky best execution, počet otevřených případů a průměrnou dobu řešení abych sledoval výkon týmu US-7.2 Jako compliance analyst chci mít možnost ad-hoc filtrovat data podle business unit, timeframe či typu incidentu abych mohl připravit detailní report na míru US-7.3 Jako auditor chci exportovat dashboard do PDF či XLSX abych mohl přímo dodat materiály externím auditorům Epic 8: Integrace & API layer Popis: Jednotný konektor k interním systémům (core banking, CRM, DMS). US-8.1 Jako developer low-code aplikace chci využít konfigurovatelné REST/OData konektory abych snadno napojil core banking bez vlastní vrstvy kódu US-8.2 Jako compliance specialist chci vidět v jednom okně profil klienta i poslední transakce z CRM abych nemusel přesouvat data mezi více aplikacemi Epic 9: Notifikace & Eskalace Popis: Pravidla pro připomínky a automatické eskalace zpožděných úkolů. US-9.1 Jako compliance specialist chci definovat prahové časy pro jednotlivé kroky workflow abych měl jistotu, že nikde nedojde k prodlení US-9.2 Jako vedoucí compliance chci dostávat eskalační notifikace, když se blíží nebo překročí SLA abych mohl okamžitě zasáhnout Epic 10: Security & Audit Trail Popis: Role-based access, detailní logy změn a přístupů pro plnou trasovatelnost. US-10.1 Jako systémový administrátor chci spravovat přístupy podle rolí (Advisor, Reviewer, Auditor, Admin) abych zajistil minimální oprávnění uživatelů US-10.2 Jako auditor chci získat auditní report, kdo kdy co vytvořil, upravil či schválil abych mohl doložit kompletní historií změn
2
+ Act as silicon valley top UI/UX designer and polisht the look and feel to top standards of global unicorns.