add comparison to interface

src/lib/DatasetViewer.svelte

@@ -10,8 +10,8 @@
   ];
 
   // Hardcoded configuration
-  const dataset = import.meta.env.VITE_PUBLIC_HUGGINGFACE_ORG + '/structured-answers';
-  const scoresDataset = import.meta.env.VITE_PUBLIC_HUGGINGFACE_ORG + '/equivalency-scores';
+  const dataset = import.meta.env.VITE_HUGGINGFACE_ORG + '/structured-answers';
+  const scoresDataset = import.meta.env.VITE_HUGGINGFACE_ORG + '/equivalency-scores';
   
   // Direct translations dictionary (English -> Swedish)
   const directTranslations: Record<string, string> = {
@@ -293,6 +293,34 @@
               </div>
             </div>
           {/if}
+          
+          {#if score.comparisons && score.comparisons.length > 0}
+            <div class="comparisons-section">
+              <h4>Detailed Comparisons</h4>
+              <div class="comparisons-list">
+                {#each score.comparisons as comparison}
+                  <div class="comparison-item">
+                    <div class="comparison-header">
+                      <span class="comparison-category">{comparison.category}</span>
+                      {#if comparison.subcategory}
+                        <span class="comparison-subcategory"> › {comparison.subcategory}</span>
+                      {/if}
+                      <span class="comparison-score">{comparison.similarity_score.toFixed(2)}</span>
+                    </div>
+                    <div class="comparison-meta">
+                      <span class="comparison-weight">Weight: {comparison.weight.toFixed(2)}</span>
+                      <span class="comparison-weighted-score">Weighted Score: {comparison.weighted_similarity_score.toFixed(2)}</span>
+                    </div>
+                    {#if comparison.reasoning}
+                      <div class="comparison-reasoning">
+                        <strong>Reasoning:</strong> {comparison.reasoning}
+                      </div>
+                    {/if}
+                  </div>
+                {/each}
+              </div>
+            </div>
+          {/if}
         </div>
       {:else}
         <div class="similarity-score no-score">
@@ -582,4 +610,95 @@
     color: #666;
     font-style: italic;
   }
+
+  /* Comparisons section styling */
+  .comparisons-section {
+    margin-top: 1.5rem;
+    padding-top: 1.5rem;
+    border-top: 1px solid #e0e0e0;
+  }
+
+  .comparisons-section h4 {
+    margin: 0 0 1rem 0;
+    color: #555;
+    font-size: 1rem;
+    font-weight: 600;
+  }
+
+  .comparisons-list {
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+  }
+
+  .comparison-item {
+    background: #f9f9f9;
+    border: 1px solid #e0e0e0;
+    border-radius: 6px;
+    padding: 1rem;
+    transition: box-shadow 0.2s;
+  }
+
+  .comparison-item:hover {
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+  }
+
+  .comparison-header {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    margin-bottom: 0.5rem;
+    flex-wrap: wrap;
+  }
+
+  .comparison-category {
+    font-weight: 600;
+    color: #646cff;
+    font-size: 0.95rem;
+  }
+
+  .comparison-subcategory {
+    color: #666;
+    font-size: 0.9rem;
+  }
+
+  .comparison-score {
+    margin-left: auto;
+    background: #646cff;
+    color: white;
+    padding: 0.25rem 0.75rem;
+    border-radius: 12px;
+    font-weight: 600;
+    font-size: 0.9rem;
+  }
+
+  .comparison-meta {
+    display: flex;
+    gap: 1rem;
+    margin-bottom: 0.5rem;
+    font-size: 0.85rem;
+    color: #666;
+  }
+
+  .comparison-weight,
+  .comparison-weighted-score {
+    background: #f0f0f0;
+    padding: 0.25rem 0.5rem;
+    border-radius: 4px;
+  }
+
+  .comparison-reasoning {
+    margin-top: 0.5rem;
+    padding: 0.75rem;
+    background: white;
+    border-left: 3px solid #646cff;
+    border-radius: 4px;
+    font-size: 0.9rem;
+    line-height: 1.5;
+    color: #444;
+  }
+
+  .comparison-reasoning strong {
+    color: #333;
+  }
 </style>

src/lib/types.ts

@@ -79,9 +79,21 @@ export interface ComparisonState {
   selectedTerm2: string | null;
 }
 
+export interface Comparison {
+  term_j1: string;
+  term_j2: string;
+  category: string;
+  subcategory: string;
+  similarity_score: number;
+  reasoning: string;
+  weight: number;
+  weighted_similarity_score: number;
+}
+
 export interface EquivalencyScore {
   term_j1: string;
   term_j2: string;
   aggregated_similarity_score: number;
   comparative_law_note: string;
+  comparisons?: Comparison[];
 }