Hugging Face's logo

Spaces:
GenAISecurityProject
/
OWASP-AIBOM-Generator
Running

App Files
e2hln commited on
Commit
8f7223e
·
verified ·
1 Parent(s): a32544b

Update templates/error.html

Browse files
Files changed (1) hide show
  1. templates/error.html +41 -81
templates/error.html CHANGED
@@ -3,8 +3,9 @@
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Error Generating AI SBOM</title>
7
- <script type="text/javascript" src="https://gc.kis.v2.scr.kaspersky-labs.com/FD126C42-EBFA-4E12-B309-BB3FDD723AC1/main.js?attr=o69l1hsrtw08ET9dIC7sKffMV1Iaj4FexR0o2jjJRP9jKF-V1JtcU8uoA_ppv4cylzMtMYwiTxOkzqOCLBhDodVDnhuE2Ff289DM8oeYIxTKTinDsIVHuoNFBgYo6-bMkDpYMZyjExsq4-EkwivOjGsNGmMnfiSiLJ3cUB5r3MkprrAmu_vEubvvxJN1Dr7F9LQUpmpRaOCe0LuHleJFjPMlObSgGN3AfzamFoQNc7aRyXAAmq5g7kFIHXN20EbM8A3nMnwwE9Tcn1zmYT4sKdNyiQJ-gWapEhCsX7xyeD9JplPxuPcbfbUkRHcYg4fLp9f098_c2I0wdqsn8acX_1nOjr1VjPHVSPGGVpHzAvKpJOgiOFHSo4P0IuTibXWmYBd8CHhac0EBr9ABphSBOJMjwlncBQPgQkAoV8e8blcB-E99aK64bHCvi4o-a4l-NgiUnW17rGxLlhwTwOACVE9FeENwEXxuaa45xsC5J23ptGXubJqhQPFMP5vJbqXq2T4PhpXm2xrxHEqvRgHSthWtBjAyOR_nO1m0k6lADqqFw54vmdgv3tvXdi0Lwr2AEErrVD9rPnLLUcfzfFnU3sGAKw8jGewkrLEU15iZngNCbZdojNzlF579HEFQPZQ3kbVaV_duOQmeMhHWc7QLzPEEufmhg8OakQAWQCAVR-CIax06nzCyhV8vsZVOs_HJRLJvPtr_YGLnxahUZjKw70JI_4RbdUXMcYgp3Uf4h-wCuQnlsTQM1_4wqx_qmTHDSQsxis8HhqiPU-2z3rAoCqwanrJlsMilYo5bKTNEnEbRG_uaKjSn8MPfgWUZqdlvmCDEmV0kNJ1GW1Im68ECXTSgVdLcZ1LIPWVobPf8EzaxD-TYu4dSbxDybt7asElrCM64Hzm2yZ88kznLMA16sRQjqV5fLorL5MJwoC3t-aJpWKIDoT6s4tSQn3AkEtnzt0PSBrMwwM8C4uS9U-EDcp571aRnhakL8RTeZDlPUFhLPh8RSwoL9bvmRTD5jMQ6P5if5MfLHlu9SN4IvWJevXeaO8pg4-3r-DBbUmd4crWKverBeOMlDLz37Izos_GEAQek8pg9UHeHmd5AdvTZwtm5tYL0T8KvFsyn4Jdl2Osr4-0VBs18RgoXjFINKeEoqczzHCg5iU7xXqGr_SqMQIZJuZCsIySJxRoIMdWgeIiuYVHQwzO_0BC_WrRXA9emGQQAWg1iCFk4J6VGzGepp-I0thTN-NeQ1Gm9Q62-PHwD9p7UR547gAPTtC66pmuzmX3e5ppyMdFm8EqJ25MI5q22ait7b0OQQOvbGSDkRUhpNS4zxQGYbWj_fdm8wj9dlvutB_A3bQeuDK5BOUJ6kx-ZA5Q409atleP_JInb8m1B1uDIZfqcMtMbYjeGKUPIRO1VKr9AoK61_FwHG_XYLSTUBb3SfeHO26-rSKRT3B78ikkkjVHAEwbqPOg-4v8Cl1PLCft2E8xCIaZFUQU0vXbRn9jwq2jwn0MPVWXzYA_FFbW78BfRx_yzzlXY9nfbrQJLXamlbybkkCDIHNCzfuIPFNvMTLPS83_Vn96Nn1rFF6BZp32SsriO2tOo_yVaGk43zWQ09FaxTJfH4dmaDwcLQDIpZXvqIOIUAccs0TamsUBtdarRCWg3OAwx8zI9p5NIwuEICug3TAjKDKDBTmYwAW-L0OSiDJ0c0sQBfQeXQCobnG6_pzNpqn0GCWiv" nonce="cd913194d6100f8d165f6115cf5ef81d" charset="UTF-8"></script><link rel="stylesheet" crossorigin="anonymous" href="https://gc.kis.v2.scr.kaspersky-labs.com/E3E8934C-235A-4B0E-825A-35A08381A191/abn/main.css?attr=aHR0cHM6Ly9tYWlsLWF0dGFjaG1lbnQuZ29vZ2xldXNlcmNvbnRlbnQuY29tL2F0dGFjaG1lbnQvdS8wLz91aT0yJmlrPTI5MzQwOTYwNGImYXR0aWQ9MC4xJnBlcm1tc2dpZD1tc2ctZjoxODM1MTAyNDUyNzcxMTM4MDU0JnRoPTE5Nzc5N2Y1M2ZkZjJhMDYmdmlldz1hdHQmZGlzcD1zYWZlJnJlYWxhdHRpZD1mX21iemFlNzdwMCZ6dyZzYWRkYmF0PUFOR2pkSjlSb29WXzJ2cWhFc2lyQ1BfSlFUTkk1eXVoX09vd3JXUUVCcS1aaWRDbjlqMDF3T3JNaGpTcnNoREVvd1RIZ010YVhselBwcGtJVFV6Qm5sNGhTMFlndjBPUm0xdE8td083N3BjZG5PTjc3M0hfNmlyY0hLbmZzZEhMdFB3OUw0Sk1VaVBCWVQzRk4wRzJFZERPbjFoSHNvY1lQWWVlbUJZRzVMZEJqaS0yQnNJNTFhVV9HYUdlN200SEw5ODVSN01rX3FVS2o5STdUSkNhaHd3WmVnUEhib0hXemlHZFlFMHZqUUVHQVZCNkFmV1JxSTltNnpPM0NpRFFkQ0FJY0M5OXBEcGh3VTBoUG4zdGhiS29tRENYeFczcHVzVGVwVEJEMk9pX1FHTWVLaGpXVDY3RGExMEdNdThOeWozNW05dEM3Yk50U3ZMOWc5T0RJcWFMQmJ3TkVHQ0w3cDB5NG10c0plVEk4SHFkRjFBLWhubVVRaG5VM0dTMFRjanZqOTc3VlhmVXBxR3pZeVplcU1yQ1J1OGJOLTBfTTQwVDNybkxYQTRuQ1huQ3RMUWdfM1VUNkF5WWZDVjZiR3ZjVC0ta0JlTW9xTkhFRTdtZWdQRlFFSUFwXzdrLXJEYkg3OXJMcU1PWHRlMHREdmlHZW5BYXBvSlg4MVVaa2Z0RTBrVTB3RkxsREYtRld5dFg1bHFMWnB2Z2tWT1RTV2NFR2s2MzNhMVRpTEQ0Z3lKQ1FYVjY5QzVIb1R6VWhsVEdIQ0VQNnlkbTVnZ2VUaGhXWklPSWdJT21HSXkzbjByaUtnelVnNWJnLXNlai1CMUFSQ0FvSjl2OTRweVprNXNPUENCTlRZV19tUW83c0pNZGxXNzFNYlI4bjk1ZFJBZ25WazJPRndvUDV2c2tNcHlZcGhUUndOMElVcjVBSkVkN2VMZG1UUVBxUW1FZGR3c1E1VXp2RXJRbFZPY2Joby1hbDEteWtvalE5YjBfWXlVLWFMWlVGLVE1M2NSVnNVRXNvYlBPdEN1ZTNjUjlvYXN5VlVKV095T3BoQXpfWDVBX3VmMTkzeHV4aFhEM0t4eGpwNHRhYlF3Mko2SmhqYjBteURVcE5KU2xsRjBpVTFZcFZzdHJ3S2JDUWZ5OWNPZEp6cExRM05xUm90UzJnWkJIN3o3RFlpWFpZRzIyRmctenFqQjBlcGtGTkctemJfUng2ellvZjVON253d0ZFb0F6VF9JaUdzdWJPOVdFQ29LYVY0blgtaGljUUVOWlZmN1VrdXhDQUxvV08zX3VhTlBSUU9qTHJsTm0xeHhLdnhIQVREalZBbGpPRm15ZjFSYVlfTnMyZlZuZno5UkhBZ2RvSHpOLUs1aUFSQVlmY3FfeEljeFJRVHZkTm9QWjdpUmtaMElKblE"/><style>
 
8
  body {
9
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
10
  margin: 0;
@@ -46,7 +47,7 @@
46
  margin: 0;
47
  font-size: 28px;
48
  color: #2c3e50;
49
- font-weight: 600;
50
  margin-bottom: 5px;
51
  }
52
  .header-right {
@@ -55,7 +56,7 @@
55
  }
56
  .generate-another-btn {
57
  padding: 12px 20px;
58
- background-color: #3498db;
59
  color: white;
60
  text-decoration: none;
61
  border-radius: 6px;
@@ -64,7 +65,7 @@
64
  transition: background-color 0.3s;
65
  }
66
  .generate-another-btn:hover {
67
- background-color: #2980b9;
68
  text-decoration: none;
69
  color: white;
70
  }
@@ -85,7 +86,7 @@
85
  font-weight: 500;
86
  }
87
 
88
- /* Content styling */
89
  .content-section {
90
  background-color: #ffffff;
91
  border-radius: 8px;
@@ -103,21 +104,13 @@
103
  padding-bottom: 10px;
104
  }
105
 
106
- .content-section h3 {
107
- color: #2c3e50;
108
- margin-top: 0;
109
- margin-bottom: 15px;
110
- font-size: 18px;
111
- }
112
-
113
  .content-section p {
114
  margin-bottom: 20px;
115
  font-size: 16px;
116
  line-height: 1.7;
117
  color: #555;
118
  }
119
-
120
- /* Error styling */
121
  .error-section {
122
  background-color: #ffffff;
123
  border-radius: 8px;
@@ -145,12 +138,11 @@
145
  line-height: 1.7;
146
  color: #555;
147
  }
148
-
149
- /* Button styling */
150
  .button {
151
  display: inline-block;
152
  padding: 12px 20px;
153
- background-color: #3498db;
154
  color: white;
155
  border: none;
156
  border-radius: 6px;
@@ -163,15 +155,12 @@
163
  }
164
 
165
  .button:hover {
166
- background-color: #2980b9;
167
- text-decoration: none;
168
- color: white;
169
  }
170
-
171
  .github-button {
172
  display: inline-block;
173
  padding: 12px 20px;
174
- background-color: #3498db;
175
  color: white;
176
  text-decoration: none;
177
  border-radius: 6px;
@@ -179,23 +168,9 @@
179
  transition: background-color 0.3s;
180
  }
181
  .github-button:hover {
182
- background-color: #2980b9;
183
- text-decoration: none;
184
- color: white;
185
- }
186
-
187
- a {
188
- color: #3498db;
189
- text-decoration: none;
190
- transition: color 0.3s;
191
- }
192
-
193
- a:hover {
194
- color: #2980b9;
195
- text-decoration: underline;
196
  }
197
-
198
- /* Footer styling */
199
  .footer {
200
  text-align: center;
201
  padding: 20px;
@@ -203,28 +178,23 @@
203
  font-size: 14px;
204
  margin-top: 30px;
205
  }
206
-
207
  /* Mobile responsiveness */
208
  @media (max-width: 768px) {
209
  .container {
210
  padding: 0 15px;
211
  }
212
-
213
  .header {
214
  flex-direction: column;
215
  text-align: center;
216
  padding: 15px;
217
  }
218
-
219
  .header-left {
220
  margin-bottom: 15px;
221
  }
222
-
223
  .header img {
224
  margin-bottom: 10px;
225
  margin-right: 0;
226
  }
227
-
228
  .button, .generate-another-btn {
229
  width: 100%;
230
  text-align: center;
@@ -233,26 +203,29 @@
233
  }
234
  </style>
235
  </head>
 
236
  <body>
237
  <div class="container">
238
- <!-- Header with logo, title, and generate another button -->
 
239
  <div class="header">
240
  <div class="header-left">
241
- <a href="https://aetheris.ai/" target="_blank">
242
- <img src="https://huggingface.co/spaces/aetheris-ai/aibom-generator/resolve/main/templates/images/AetherisAI-logo.png" alt="Aetheris AI Logo">
 
243
  </a>
244
  <div class="header-content">
245
- <h1>AI SBOM Generator</h1>
246
  </div>
247
  </div>
248
  <div class="header-right">
249
- <a href="/" class="generate-another-btn">🚀 Generate Another AI SBOM</a>
250
  </div>
251
  </div>
252
 
253
- <!-- Error Message -->
254
  <div class="error-message">
255
- <h2>❌ Error Generating AI SBOM</h2>
256
  </div>
257
 
258
  <!-- Try Again Button -->
@@ -260,57 +233,44 @@
260
  <a href="/" class="button">🔄 Try Again</a>
261
  </div>
262
 
263
- <!-- Error Section -->
264
  <div class="error-section">
265
  <h2>What Happened?</h2>
266
  <div class="error-details">
267
  <p>{{ error }}</p>
268
  </div>
269
  </div>
270
-
 
 
 
 
 
 
 
 
271
  <!-- Support Section -->
272
  <div class="content-section">
273
  <h2>🛠️ Need Help?</h2>
274
- <p>If this error persists or you believe it's a bug, please help us improve the tool by reporting it:</p>
275
- <a href="https://github.com/aetheris-ai/aibom-generator/issues" target="_blank" rel="noopener noreferrer" class="github-button">
276
  📋 Report Issue on GitHub
277
  </a>
278
  <p style="margin-top: 15px; font-size: 14px; color: #666;">
279
- <strong>When reporting:</strong> Please include the error message above and the model ID you were trying to process.
280
  </p>
281
  </div>
282
 
283
- <!-- Help Section -->
284
- <div class="content-section">
285
- <h2>💡 Common Solutions</h2>
286
- <p><strong>Model not found:</strong> Verify the model ID format is correct (e.g., <code>owner/model-name</code>) and that the model exists on Hugging Face.</p>
287
- <p><strong>Access issues:</strong> Some models may be private or require authentication. Try with a public model first.</p>
288
- <p><strong>Temporary issues:</strong> If you're experiencing connectivity problems, please try again in a few moments.</p>
289
- </div>
290
-
291
- <!-- Social Section -->
292
  <div class="content-section" style="text-align: center;">
293
- <h3>🗣️ Help Us Spread the Word</h3>
294
- <p>If you find this tool useful, share it with your network! <a href="https://sbom.aetheris.ai" target="_blank" rel="noopener noreferrer">https://sbom.aetheris.ai</a></p>
295
- <a href="https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fsbom.aetheris.ai" target="_blank" rel="noopener noreferrer" style="text-decoration: none;">
296
- <button style="background-color: #0077b5; color: white; border: none; border-radius: 6px; padding: 12px 20px; font-size: 15px; font-weight: 500; cursor: pointer; transition: background-color 0.3s;">🔗 Share on LinkedIn</button>
297
- </a>
298
- <p style="margin-top: 10px; font-size: 14px;">
299
- Follow us for updates:
300
- <a href="https://www.linkedin.com/company/aetheris-ai" target="_blank" rel="noopener noreferrer">@Aetheris AI</a>
301
- </p>
302
  </div>
303
 
304
- <!-- Info Section -->
305
- <div class="content-section" style="text-align: center;">
306
- <!-- Display the SBOM count -->
307
- <div class="sbom-count">🚀 Generated AI SBOMs using this tool: <strong>{{ sbom_count if sbom_count else 'N/A' }}</strong></div>
308
- </div>
309
-
310
  <!-- Footer -->
311
  <div class="footer">
312
- <p>© 2025 AI SBOM Generator | Powered by Aetheris AI</p>
313
  </div>
 
314
  </div>
315
  </body>
316
  </html>
 
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Error Generating AIBOM</title>
7
+
8
+ <style>
9
  body {
10
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
11
  margin: 0;
 
47
  margin: 0;
48
  font-size: 28px;
49
  color: #2c3e50;
50
+ font-weight: 650;
51
  margin-bottom: 5px;
52
  }
53
  .header-right {
 
56
  }
57
  .generate-another-btn {
58
  padding: 12px 20px;
59
+ background-color: #005ba1; /* OWASP blue */
60
  color: white;
61
  text-decoration: none;
62
  border-radius: 6px;
 
65
  transition: background-color 0.3s;
66
  }
67
  .generate-another-btn:hover {
68
+ background-color: #004478;
69
  text-decoration: none;
70
  color: white;
71
  }
 
86
  font-weight: 500;
87
  }
88
 
89
+ /* Content sections */
90
  .content-section {
91
  background-color: #ffffff;
92
  border-radius: 8px;
 
104
  padding-bottom: 10px;
105
  }
106
 
 
 
 
 
 
 
 
107
  .content-section p {
108
  margin-bottom: 20px;
109
  font-size: 16px;
110
  line-height: 1.7;
111
  color: #555;
112
  }
113
+ /* Error details block */
 
114
  .error-section {
115
  background-color: #ffffff;
116
  border-radius: 8px;
 
138
  line-height: 1.7;
139
  color: #555;
140
  }
141
+ /* Buttons */
 
142
  .button {
143
  display: inline-block;
144
  padding: 12px 20px;
145
+ background-color: #005ba1;
146
  color: white;
147
  border: none;
148
  border-radius: 6px;
 
155
  }
156
 
157
  .button:hover {
158
+ background-color: #004478;
 
 
159
  }
 
160
  .github-button {
161
  display: inline-block;
162
  padding: 12px 20px;
163
+ background-color: #005ba1;
164
  color: white;
165
  text-decoration: none;
166
  border-radius: 6px;
 
168
  transition: background-color 0.3s;
169
  }
170
  .github-button:hover {
171
+ background-color: #004478;
 
 
 
 
 
 
 
 
 
 
 
 
 
172
  }
173
+ /* Footer */
 
174
  .footer {
175
  text-align: center;
176
  padding: 20px;
 
178
  font-size: 14px;
179
  margin-top: 30px;
180
  }
 
181
  /* Mobile responsiveness */
182
  @media (max-width: 768px) {
183
  .container {
184
  padding: 0 15px;
185
  }
 
186
  .header {
187
  flex-direction: column;
188
  text-align: center;
189
  padding: 15px;
190
  }
 
191
  .header-left {
192
  margin-bottom: 15px;
193
  }
 
194
  .header img {
195
  margin-bottom: 10px;
196
  margin-right: 0;
197
  }
 
198
  .button, .generate-another-btn {
199
  width: 100%;
200
  text-align: center;
 
203
  }
204
  </style>
205
  </head>
206
+
207
  <body>
208
  <div class="container">
209
+
210
+ <!-- Header -->
211
  <div class="header">
212
  <div class="header-left">
213
+ <!-- Replace with actual OWASP GenAI Security Project logo URL when ready -->
214
+ <a href="https://genai.owasp.org" target="_blank">
215
+ <img src="https://owasp.org/assets/images/logo.png" alt="OWASP Logo">
216
  </a>
217
  <div class="header-content">
218
+ <h1>OWASP AIBOM Generator</h1>
219
  </div>
220
  </div>
221
  <div class="header-right">
222
+ <a href="/" class="generate-another-btn">🚀 Generate Another AIBOM</a>
223
  </div>
224
  </div>
225
 
226
+ <!-- Error message -->
227
  <div class="error-message">
228
+ <h2>❌ Error Generating AIBOM</h2>
229
  </div>
230
 
231
  <!-- Try Again Button -->
 
233
  <a href="/" class="button">🔄 Try Again</a>
234
  </div>
235
 
236
+ <!-- Error Details -->
237
  <div class="error-section">
238
  <h2>What Happened?</h2>
239
  <div class="error-details">
240
  <p>{{ error }}</p>
241
  </div>
242
  </div>
243
+
244
+ <!-- Common Solutions -->
245
+ <div class="content-section">
246
+ <h2>💡 Common Solutions</h2>
247
+ <p><strong>Model not found:</strong> Check that the model ID follows <code>owner/model-name</code> format and exists on Hugging Face.</p>
248
+ <p><strong>Access issues:</strong> Some models require an access token or may be private.</p>
249
+ <p><strong>Temporary issues:</strong> Try again if there were connectivity or Hugging Face API hiccups.</p>
250
+ </div>
251
+
252
  <!-- Support Section -->
253
  <div class="content-section">
254
  <h2>🛠️ Need Help?</h2>
255
+ <p>If this error persists or you believe it's a bug, please let us know:</p>
256
+ <a href="https://github.com/aetheris-ai/aibom-generator/issues" target="_blank" class="github-button">
257
  📋 Report Issue on GitHub
258
  </a>
259
  <p style="margin-top: 15px; font-size: 14px; color: #666;">
260
+ <strong>Tip:</strong> Please include the error message above and the model ID you were trying to process.
261
  </p>
262
  </div>
263
 
264
+ <!-- SBOM Count -->
 
 
 
 
 
 
 
 
265
  <div class="content-section" style="text-align: center;">
266
+ <div class="sbom-count">🚀 Generated AIBOMs with this tool: <strong>{{ sbom_count if sbom_count else 'N/A' }}</strong></div>
 
 
 
 
 
 
 
 
267
  </div>
268
 
 
 
 
 
 
 
269
  <!-- Footer -->
270
  <div class="footer">
271
+ <p>© 2025 OWASP GenAI Security Project | OWASP AIBOM Generator</p>
272
  </div>
273
+
274
  </div>
275
  </body>
276
  </html>