add direct translation hint

src/lib/DatasetViewer.svelte

@@ -10,8 +10,38 @@
   ];
 
   // Hardcoded configuration
-  const dataset = 'tbrugger/structured-answers';
-  const scoresDataset = 'tbrugger/equivalency-scores';
+  const dataset = import.meta.env.VITE_PUBLIC_HUGGINGFACE_ORG + '/structured-answers';
+  const scoresDataset = import.meta.env.VITE_PUBLIC_HUGGINGFACE_ORG + '/equivalency-scores';
+  
+  // Direct translations dictionary (English -> Swedish)
+  const directTranslations: Record<string, string> = {
+    "proximate cause": "adekvat kausalitet",
+    "articles of association": "bolagsordning",
+    "bylaws": "bolagsordning",
+    "condominium": "bostadrätt",
+    "cooperative apartment": "bostadrätt",
+    "company name": "firma",
+    "company": "firma",
+    "dispose of": "förfoga över",
+    "rights of first refusal": "hembud",
+    "implied consent": "konkludent handlande",
+    "aiding and abetting": "medverkande",
+    "trading prohibition": "näringsförbud",
+    "affiliated company": "närstående bolag",
+    "molestation": "ofredande",
+    "dismiss on the merits": "ogilla",
+    "the rule of contra proferentem": "oklarhetsregeln",
+    "joinder of parties": "processgemenskap",
+    "ultimate facts": "rättsfakta",
+    "apparent authority": "ställningsfullmakt",
+  };
+
+  // Create bidirectional lookup map (both English->Swedish and Swedish->English)
+  const translationMap = new Map<string, string>();
+  Object.entries(directTranslations).forEach(([en, sv]) => {
+    translationMap.set(en.toLowerCase(), sv.toLowerCase());
+    translationMap.set(sv.toLowerCase(), en.toLowerCase());
+  });
   
   // Form inputs
   let jurisdiction1 = $state('en-us');
@@ -111,6 +141,23 @@
     return term.replace(/_/g, ' ').replace(/\s+/g, ' ').trim().toLowerCase();
   }
 
+  // Get direct translation equivalent for a term
+  function getDirectTranslation(term: string): string | null {
+    const normalized = normalizeTermForComparison(term);
+    return translationMap.get(normalized) || null;
+  }
+
+  // Check if a term should be highlighted based on the selected term in the other jurisdiction
+  function shouldHighlightTerm(term: string, selectedInOtherJurisdiction: string | null): boolean {
+    if (!selectedInOtherJurisdiction) return false;
+    
+    const equivalentOfSelected = getDirectTranslation(selectedInOtherJurisdiction);
+    if (!equivalentOfSelected) return false;
+    
+    const normalizedTerm = normalizeTermForComparison(term);
+    return normalizedTerm === equivalentOfSelected;
+  }
+
   function getSimilarityScore(): EquivalencyScore | null {
     if (!selectedTerm1 || !selectedTerm2 || equivalencyScores.length === 0) {
       return null;
@@ -181,9 +228,12 @@
           <label for="term1">Select Term:</label>
           <select id="term1" bind:value={selectedTerm1}>
             {#each data1 as item}
-              <option value={item.term}>{item.term}</option>
+              <option value={item.term}>
+                {shouldHighlightTerm(item.term, selectedTerm2) ? '★ ' : ''}{item.term}
+              </option>
             {/each}
           </select>
+          <small class="translation-hint">★ = Direct translation equivalent</small>
         </div>
         {#if selectedTerm1}
           <div class="definition-box">
@@ -205,9 +255,12 @@
           <label for="term2">Select Term:</label>
           <select id="term2" bind:value={selectedTerm2}>
             {#each data2 as item}
-              <option value={item.term}>{item.term}</option>
+              <option value={item.term}>
+                {shouldHighlightTerm(item.term, selectedTerm1) ? '★ ' : ''}{item.term}
+              </option>
             {/each}
           </select>
+          <small class="translation-hint">★ = Direct translation equivalent</small>
         </div>
         {#if selectedTerm2}
           <div class="definition-box">
@@ -515,4 +568,18 @@
       grid-template-columns: 1fr;
     }
   }
+
+  /* Highlighting for direct translation equivalents */
+  option.highlighted {
+    background-color: #ffd700;
+    font-weight: 600;
+    color: #000;
+  }
+
+  .translation-hint {
+    display: block;
+    margin-top: 0.25rem;
+    color: #666;
+    font-style: italic;
+  }
 </style>