@glossarist/concept-browser 0.7.12 → 0.7.14

package/README.md

@@ -264,6 +264,30 @@ datasetGroups:
 
 Datasets not assigned to any group appear at the bottom of the dataset list. If `datasetGroups` is omitted, all datasets are displayed as a flat list (the default behavior).
 
+### Internationalization
+
+All localized text uses language maps — a `translations` field keyed by ISO 639-2 language codes. The top-level `title` and `description` fields hold the default-language text. The `translations` map provides overrides for additional languages:
+
+```yaml
+datasets:
+  - id: viml-2022
+    title: "OIML V 1:2022"
+    description: "Current edition with 135 terms..."
+    translations:
+      fra:
+        title: "OIML V 1:2022"
+        description: "Édition actuelle comprenant 135 termes..."
+
+datasetGroups:
+  - id: viml
+    label: "International Vocabulary of Legal Metrology"
+    translations:
+      fra:
+        label: "Vocabulaire international de métrologie légale"
+```
+
+This pattern applies everywhere localized text appears: site-level translations, dataset translations, group translations, and page translations. Do not use language suffixes like `_fra` — use nested language maps instead.
+
 ### Cross-reference mapping
 
 ```yaml

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@glossarist/concept-browser",
-  "version": "0.7.12",
+  "version": "0.7.14",
   "description": "Vue SPA for browsing Glossarist terminology datasets with cross-reference resolution, graph visualization, and multi-language support",
   "type": "module",
   "bin": {

package/src/components/AppSidebar.vue

@@ -536,12 +536,11 @@ function navTitle(page: { route: string }): string {
           <button
             v-if="group.label"
             @click="toggleGroup(group.id)"
-            class="w-full flex items-center gap-1.5 px-2 py-1.5 rounded-lg text-xs uppercase tracking-wide font-medium transition-colors hover:bg-ink-50"
+            class="w-full flex items-start gap-1.5 px-2 py-1.5 rounded-lg text-xs font-semibold transition-colors hover:bg-ink-50"
             :style="group.color ? { color: group.color } : {}"
           >
-            <span class="w-3 text-[10px]">{{ isGroupExpanded(group.id) ? '▾' : '▸' }}</span>
-            <span class="flex-1 text-left truncate">{{ group.label }}</span>
-            <span class="text-[10px] font-normal opacity-50">{{ group.entries.length }}</span>
+            <span class="w-3 text-[10px] mt-0.5 flex-shrink-0">{{ isGroupExpanded(group.id) ? '▾' : '▸' }}</span>
+            <span class="flex-1 text-left leading-snug">{{ group.label }}</span>
           </button>
 
           <!-- Group entries -->