Hugging Face's logo

Spaces:
aetheris-ai
/
aibom-generator
Running

App Files
a1c00l commited on
Commit
25493c7
·
verified ·
1 Parent(s): 91699da

Update templates/result.html

Browse files
Files changed (1) hide show
  1. templates/result.html +35 -8
templates/result.html CHANGED
@@ -323,6 +323,11 @@
323
  .profile-advanced {
324
  background-color: #4caf50;
325
  }
 
 
 
 
 
326
  .field-tier {
327
  display: inline-block;
328
  width: 12px;
@@ -349,6 +354,19 @@
349
  align-items: center;
350
  margin-right: 20px;
351
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
352
  </style>
353
  </head>
354
  <body>
@@ -363,9 +381,9 @@
363
  <div class="improvement">
364
  <h3>AI Enhancement Results</h3>
365
  <p>This AI SBOM was enhanced using <strong>{{ enhancement_report.ai_model }}</strong></p>
366
- <p>Original Score: {{ enhancement_report.original_score.total_score }}/100</p>
367
- <p>Enhanced Score: {{ enhancement_report.final_score.total_score }}/100</p>
368
- <p>Improvement: <span class="improvement-value">+{{ enhancement_report.improvement }} points</span></p>
369
  </div>
370
  {% endif %}
371
 
@@ -620,7 +638,7 @@
620
 
621
  <!-- Total Score with Progress Bar -->
622
  <div class="total-score-container">
623
- <div class="total-score">{{ completeness_score.total_score }}/100</div>
624
  <div class="total-progress">
625
  <div class="progress-container">
626
  {% set score_percent = (completeness_score.total_score / 100) * 100 %}
@@ -649,6 +667,15 @@
649
  {% endif %}
650
  </div>
651
 
 
 
 
 
 
 
 
 
 
652
  <!-- Section Scores with Progress Bars and Tooltips -->
653
  <table class="score-table">
654
  <thead>
@@ -683,7 +710,7 @@
683
  <span class="tooltiptext">{{ tooltips[section] }}</span>
684
  </span>
685
  </td>
686
- <td>{{ score }}/{{ completeness_score.max_scores[section] }}</td>
687
  <td>{{ weights[section] }}%</td>
688
  <td style="width: 50%;">
689
  <div class="progress-container">
@@ -755,7 +782,7 @@
755
  {% if completeness_score.section_scores.component_model_card < completeness_score.max_scores.component_model_card %}
756
  {% set has_recommendations = true %}
757
  <li>
758
- <strong>Enhance Model Card</strong> (+{{ (completeness_score.max_scores.component_model_card - completeness_score.section_scores.component_model_card) * 0.3|round(1) }} points):
759
  <ul>
760
  {% if "modelCard.modelParameters" in completeness_score.field_checklist and completeness_score.field_checklist["modelCard.modelParameters"] != "✔" %}
761
  <li>Add model parameters including architecture, size, and training details</li>
@@ -773,7 +800,7 @@
773
  {% if completeness_score.section_scores.component_basic < completeness_score.max_scores.component_basic %}
774
  {% set has_recommendations = true %}
775
  <li>
776
- <strong>Complete Basic Component Information</strong> (+{{ (completeness_score.max_scores.component_basic - completeness_score.section_scores.component_basic) * 0.2|round(1) }} points):
777
  <ul>
778
  {% if "component.description" in completeness_score.field_checklist and completeness_score.field_checklist["component.description"] != "✔" %}
779
  <li>Add a detailed description of the model (at least 20 characters)</li>
@@ -791,7 +818,7 @@
791
  {% if completeness_score.section_scores.external_references < completeness_score.max_scores.external_references %}
792
  {% set has_recommendations = true %}
793
  <li>
794
- <strong>Add External References</strong> (+{{ (completeness_score.max_scores.external_references - completeness_score.section_scores.external_references) * 0.1|round(1) }} points):
795
  <ul>
796
  <li>Add links to model card documentation</li>
797
  <li>Add links to the model repository (e.g., Hugging Face, GitHub)</li>
 
323
  .profile-advanced {
324
  background-color: #4caf50;
325
  }
326
+ /* Fix for contrast issue with profile status */
327
+ .profile-incomplete {
328
+ background-color: #f44336;
329
+ color: white; /* Ensure text is visible on red background */
330
+ }
331
  .field-tier {
332
  display: inline-block;
333
  width: 12px;
 
354
  align-items: center;
355
  margin-right: 20px;
356
  }
357
+ /* New style for validation penalty explanation */
358
+ .validation-penalty-info {
359
+ background-color: #fff3e0;
360
+ border-left: 4px solid #ff9800;
361
+ padding: 10px;
362
+ margin: 10px 0;
363
+ border-radius: 4px;
364
+ font-size: 0.9em;
365
+ }
366
+ .validation-penalty-info h4 {
367
+ margin-top: 0;
368
+ color: #e65100;
369
+ }
370
  </style>
371
  </head>
372
  <body>
 
381
  <div class="improvement">
382
  <h3>AI Enhancement Results</h3>
383
  <p>This AI SBOM was enhanced using <strong>{{ enhancement_report.ai_model }}</strong></p>
384
+ <p>Original Score: {{ enhancement_report.original_score.total_score|round(1) }}/100</p>
385
+ <p>Enhanced Score: {{ enhancement_report.final_score.total_score|round(1) }}/100</p>
386
+ <p>Improvement: <span class="improvement-value">+{{ enhancement_report.improvement|round(1) }} points</span></p>
387
  </div>
388
  {% endif %}
389
 
 
638
 
639
  <!-- Total Score with Progress Bar -->
640
  <div class="total-score-container">
641
+ <div class="total-score">{{ completeness_score.total_score|round(1) }}/100</div>
642
  <div class="total-progress">
643
  <div class="progress-container">
644
  {% set score_percent = (completeness_score.total_score / 100) * 100 %}
 
667
  {% endif %}
668
  </div>
669
 
670
+ <!-- Validation Penalty Explanation -->
671
+ {% if completeness_score.validation_penalty %}
672
+ <div class="validation-penalty-info">
673
+ <h4>About the Validation Penalty</h4>
674
+ <p>Your score includes a penalty because the AIBOM has schema validation issues. These are structural problems that don't comply with the CycloneDX specification requirements.</p>
675
+ <p><strong>How to fix this:</strong> Look at the "Fix Validation Issues" section in the recommendations below. Fixing these issues will remove the penalty and improve your overall score.</p>
676
+ </div>
677
+ {% endif %}
678
+
679
  <!-- Section Scores with Progress Bars and Tooltips -->
680
  <table class="score-table">
681
  <thead>
 
710
  <span class="tooltiptext">{{ tooltips[section] }}</span>
711
  </span>
712
  </td>
713
+ <td>{{ score|round(1) }}/{{ completeness_score.max_scores[section] }}</td>
714
  <td>{{ weights[section] }}%</td>
715
  <td style="width: 50%;">
716
  <div class="progress-container">
 
782
  {% if completeness_score.section_scores.component_model_card < completeness_score.max_scores.component_model_card %}
783
  {% set has_recommendations = true %}
784
  <li>
785
+ <strong>Enhance Model Card</strong> (+{{ ((completeness_score.max_scores.component_model_card - completeness_score.section_scores.component_model_card) * 0.3)|round(1) }} points):
786
  <ul>
787
  {% if "modelCard.modelParameters" in completeness_score.field_checklist and completeness_score.field_checklist["modelCard.modelParameters"] != "✔" %}
788
  <li>Add model parameters including architecture, size, and training details</li>
 
800
  {% if completeness_score.section_scores.component_basic < completeness_score.max_scores.component_basic %}
801
  {% set has_recommendations = true %}
802
  <li>
803
+ <strong>Complete Basic Component Information</strong> (+{{ ((completeness_score.max_scores.component_basic - completeness_score.section_scores.component_basic) * 0.2)|round(1) }} points):
804
  <ul>
805
  {% if "component.description" in completeness_score.field_checklist and completeness_score.field_checklist["component.description"] != "✔" %}
806
  <li>Add a detailed description of the model (at least 20 characters)</li>
 
818
  {% if completeness_score.section_scores.external_references < completeness_score.max_scores.external_references %}
819
  {% set has_recommendations = true %}
820
  <li>
821
+ <strong>Add External References</strong> (+{{ ((completeness_score.max_scores.external_references - completeness_score.section_scores.external_references) * 0.1)|round(1) }} points):
822
  <ul>
823
  <li>Add links to model card documentation</li>
824
  <li>Add links to the model repository (e.g., Hugging Face, GitHub)</li>