@glossarist/concept-browser 0.7.0 → 0.7.4

package/cli/index.mjs

@@ -81,6 +81,9 @@ Environment:
   const { config } = loadSiteConfig(named.site ? [named.site] : []);
 
   if (cmd === 'build' || cmd === 'site') {
+    if (!process.env.BASE_PATH && config?.basePath) {
+      process.env.BASE_PATH = config.basePath;
+    }
     for (const step of ['fetch', 'generate', 'edges']) {
       console.log(`\n=== ${step.toUpperCase()} ===\n`);
       await commands[step]();

package/package.json

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

package/scripts/generate-data.mjs

@@ -667,6 +667,7 @@ function processDataset(dir, register, opts) {
 
   const summary = concepts.map(c => ({
     id: c.id,
+    designations: c.designations,
     eng: c.designations.eng || Object.values(c.designations)[0] || '',
     status: c.status,
   }));
@@ -770,6 +771,7 @@ function processDataset(dir, register, opts) {
     hasImages: opts.hasImages,
   };
   if (opts.languageOrder) manifest.languageOrder = opts.languageOrder;
+  if (opts.ref) manifest.ref = opts.ref;
   writeJson(path.join(DATA, register, 'manifest.json'), manifest);
 
   // Copy bibliography.yaml → bibliography.json
@@ -834,6 +836,7 @@ for (let i = 0; i < config.datasets.length; i++) {
     languages: dsLanguages,
     sourceRepo: ds.sourceRepo,
     languageOrder: ds.languageOrder,
+    ref: ds.ref,
     tags: ds.tags,
     color: ds.color || DS_PALETTE[i % DS_PALETTE.length],
     datasetUri: ds.uri,
@@ -885,6 +888,14 @@ async function processLogo(logoConfig, filename) {
 await processLogo(config.branding?.logo, `${config.id}-logo.svg`);
 await processLogo(config.branding?.footerLogo, `${config.id}-footer-logo.svg`);
 
+// Process light/dark logo variants
+if (config.branding?.logo?.localLight) {
+  await processLogo({ localPath: config.branding.logo.localLight }, `${config.id}-logo-light.svg`);
+}
+if (config.branding?.logo?.localDark) {
+  await processLogo({ localPath: config.branding.logo.localDark }, `${config.id}-logo-dark.svg`);
+}
+
 // === Page processors ===
 
 function processNewsPage(config, page) {
@@ -1107,9 +1118,14 @@ const basePathPrefix = process.env.BASE_PATH?.replace(/\/+$/, '') || '';
 for (const key of ['logo', 'footerLogo']) {
   const suffix = key === 'logo' ? 'logo.svg' : 'footer-logo.svg';
   if (siteBranding[key]) {
-    siteBranding[key] = { ...siteBranding[key], path: `${basePathPrefix}/logos/${config.id}-${suffix}` };
-    delete siteBranding[key].localPath;
-    delete siteBranding[key].remoteUrl;
+    const updated = { ...siteBranding[key], path: `${basePathPrefix}/logos/${config.id}-${suffix}` };
+    if (siteBranding[key].localLight) updated.light = `${basePathPrefix}/logos/${config.id}-${suffix.replace('.svg', '-light.svg')}`;
+    if (siteBranding[key].localDark) updated.dark = `${basePathPrefix}/logos/${config.id}-${suffix.replace('.svg', '-dark.svg')}`;
+    delete updated.localPath;
+    delete updated.remoteUrl;
+    delete updated.localLight;
+    delete updated.localDark;
+    siteBranding[key] = updated;
   }
 }
 

package/src/__tests__/app-footer.test.ts

@@ -33,6 +33,6 @@ describe('AppFooter', () => {
     const wrapper = mountFooter();
     const link = wrapper.findAll('a').find(a => a.text().includes('Glossarist Concept Browser'));
     expect(link).toBeDefined();
-    expect(link!.attributes('href')).toContain('github.com');
+    expect(link!.attributes('href')).toContain('glossarist.org');
   });
 });

package/src/__tests__/app-sidebar.test.ts

@@ -151,9 +151,4 @@ describe('AppSidebar', () => {
     expect(wrapper.text()).toContain('Test test');
   });
 
-  it('shows powered by link', async () => {
-    seedStore();
-    const wrapper = await mountSidebar();
-    expect(wrapper.text()).toContain('Glossarist Concept Browser');
-  });
 });

package/src/adapters/types.ts

@@ -57,6 +57,7 @@ export interface Manifest {
   color?: string;
   shortname?: string;
   languageOrder?: string[];
+  ref?: string;
   languageStats?: Record<string, { terms: number; definitions: number }>;
   availableFormats?: string[];
   bulkFormats?: { file: string; format: string; size: number }[];

package/src/assets/glossarist-logo.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg id="uuid-e2e4f56e-6766-4eaf-8ba1-80c056213369" xmlns="http://www.w3.org/2000/svg" width="183.1" height="172.48" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 183.1 172.48"><defs><linearGradient id="uuid-526bfbac-cffb-4a71-b92d-c02fefae5080" x1="51.31" y1="161.8" x2="102.32" y2="73.02" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#3fb6b0"/><stop offset=".07" stop-color="#5cc5be"/><stop offset=".15" stop-color="#78d3cc"/><stop offset=".24" stop-color="#8fe0d8"/><stop offset=".34" stop-color="#a1e9e1"/><stop offset=".47" stop-color="#aef0e7"/><stop offset=".63" stop-color="#b5f3ea"/><stop offset="1" stop-color="#b8f5ec"/></linearGradient><linearGradient id="uuid-1b1e62d8-3f5c-498e-8428-628e5706abf6" x1="0" y1="59.58" x2="183.1" y2="59.58" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#2d4164"/><stop offset=".47" stop-color="#2d4164" stop-opacity=".94"/><stop offset="1" stop-color="#2d4164" stop-opacity=".8"/></linearGradient><linearGradient id="uuid-b44d9113-c74c-48d0-8db3-7071ba63ee91" x1="71.68" y1="31.06" x2="111.41" y2="31.06" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#2d4164"/><stop offset=".28" stop-color="#2c4365"/><stop offset="1" stop-color="#588ac1"/></linearGradient><linearGradient id="uuid-ef83f354-a6ba-455c-a262-42ad1af8aab0" x1="76.66" y1="69.37" x2="183.1" y2="69.37" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#34798a" stop-opacity=".7"/><stop offset="1" stop-color="#62c4dd"/></linearGradient><linearGradient id="uuid-9c4f3d11-41f0-40bc-8383-a054e148eefb" x1="81.4" y1="129.46" x2="127.22" y2="50.28" gradientUnits="userSpaceOnUse"><stop offset=".2" stop-color="#456399"/><stop offset="1" stop-color="#3a5c80" stop-opacity=".7"/></linearGradient><linearGradient id="uuid-75c138e5-3eb7-4084-88c8-ea7b28bec669" x1="88.72" y1="146.48" x2="54.34" y2="146.48" xlink:href="#uuid-b44d9113-c74c-48d0-8db3-7071ba63ee91"/><linearGradient id="uuid-648153de-b6a2-4cdb-bf68-e5b0950e981e" x1="86.16" y1="99.24" x2="47.06" y2="25.85" gradientUnits="userSpaceOnUse"><stop offset=".2" stop-color="#456399"/><stop offset="1" stop-color="#3a5c80" stop-opacity=".7"/></linearGradient><linearGradient id="uuid-e1874ccf-ad77-48dc-8e9c-b19bc34aaaf5" x1="89.58" y1="107.94" x2="63.88" y2="57.26" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#456399" stop-opacity=".5"/><stop offset="1" stop-color="#97a4b7" stop-opacity=".8"/></linearGradient></defs><path d="m87.41,59.48l-61.18,106.11c-1.63,2.85.6,6.85,3.98,6.88h37.88l63.56-112.75-44.23-.25Z" style="fill:url(#uuid-526bfbac-cffb-4a71-b92d-c02fefae5080); stroke-width:0px;"/><path d="m40.39,141.03c.29.28,1.01,2.7,1.61,4.91.67,2.49,2.77,4.38,5.33,4.68,21.2,2.5,21.4,20.71,21.4,20.71l22.5-39.92c-23.71,14.02-41.88,6.43-40.64-8.09-2.71,4.71-7.5,12.99-10.21,17.7Z" style="fill:#3a5c80; stroke-width:0px;"/><path d="m75.5,80.4s-14.96,25.41-18.41,31.59c8.71-8.42,17.69,2.79,24.11-8.66,8.13-14.5-5.7-22.93-5.7-22.93Z" style="fill:#60abbc; stroke-width:0px;"/><path d="m113.82,172.48h38.28c4.52-.01,6.66-3.57,4.43-7.48-6.55-11.51-59.96-105.41-59.96-105.41l-43.04-.37,60.29,113.27Z" style="fill:#b8f5ec; stroke-width:0px;"/><path d="m106.47,91.98c-9.24,2.3-34.69,12.42-21.32,20.21,12.57,7.31,28.11.2,32.05-11.73,1.79-4.66-2.29-10.67-10.74-8.47Z" style="fill:#3fb6b0; stroke-width:0px;"/><path d="m137.32,131.2l-13.09-23.07c.37,24.63-35.5,17.21-35.5,17.21l24.95,46.87c-1-25.77,10.54-35.8,23.65-41Z" style="fill:#7ee0d4; stroke-width:0px;"/><path d="m57.35,132.11s0-.01.01-.02c0,0,0,0,0,0" style="fill:#3a5c80; stroke-width:0px;"/><path d="m183.1,52.52c-.1-3.25-2.07-5.56-6-5.59-13.09-.07-163.15,0-163.15,0L0,72.26h183.1v-19.75Z" style="fill:url(#uuid-1b1e62d8-3f5c-498e-8428-628e5706abf6); stroke-width:0px;"/><path d="m71.68,47s19.67-31.93,27.9-31.9c10.36,0,15.93,31.9,8.24,31.83l-36.15.07Z" style="fill:url(#uuid-b44d9113-c74c-48d0-8db3-7071ba63ee91); stroke-width:0px;"/><path d="m183.1,59.91l-.13,10.94c.07,6.28-2.04,8.39-8.33,8.31h-97.99l10.97-19.59,95.47.33Z" style="fill:url(#uuid-ef83f354-a6ba-455c-a262-42ad1af8aab0); opacity:.78; stroke-width:0px;"/><polygon points="7.1 59.58 0 72.26 80.52 72.26 87.63 59.58 7.1 59.58" style="fill:#3a5c80; opacity:.8; stroke-width:0px;"/><path d="m117.54,47s-65.24,112.78-69.85,120.82c-1.1,1.92.38,4.63,2.65,4.65.71,0,17.74,0,17.74,0l70.73-125.47h-21.27Z" style="fill:url(#uuid-9c4f3d11-41f0-40bc-8383-a054e148eefb); opacity:.8; stroke-width:0px;"/><path d="m84.52,142.79c.55-.64.79-1.48,1.27-2.18,10.98-16.02-12.03-16.74-17.61-8.28l-12.79,23.17c-.14.24-.26.48-.38.72-3.39,7.29,6.71,13.38,11.92,7.26l17.59-20.69Z" style="fill:url(#uuid-75c138e5-3eb7-4084-88c8-ea7b28bec669); opacity:.8; stroke-width:0px;"/><path d="m124.71,126.57s0-.01-.01-.02c0,0,0,0,0,0,0,0,0,.02,0,.02Z" style="fill:#2e4365; stroke-width:0px;"/><polygon points="136.69 172.48 113.82 172.48 53.53 59.58 73.24 59.58 136.69 172.48" style="fill:url(#uuid-648153de-b6a2-4cdb-bf68-e5b0950e981e); opacity:.75; stroke-width:0px;"/><path d="m73.39,59.58l33.44,59.63c2.82,7.65-7.17,26.67-12.28,17.06L53.53,59.58h19.86Z" style="fill:url(#uuid-e1874ccf-ad77-48dc-8e9c-b19bc34aaaf5); stroke-width:0px;"/><path d="m115.87,135.34l18.22,32.5s-36.61-14.66-18.22-32.5Z" style="fill:#4977a4; stroke-width:0px;"/></svg>

package/src/components/AppFooter.vue

@@ -2,13 +2,14 @@
 import { computed } from 'vue';
 import { useSiteConfig } from '../config/use-site-config';
 import { useI18n } from '../i18n';
+import glossaristLogo from '../assets/glossarist-logo.svg';
 
 const { config } = useSiteConfig();
 const { t } = useI18n();
 
 const poweredBy = computed(() => {
   const pb = config.value?.features?.poweredBy as { message?: string; url?: string } | undefined;
-  return { message: pb?.message || t('footer.builtWith'), url: pb?.url || 'https://github.com/glossarist/concept-browser' };
+  return { message: pb?.message || t('footer.builtWith'), url: pb?.url || 'https://glossarist.org' };
 });
 
 const socialLinks = computed(() => {
@@ -56,7 +57,8 @@ const ownerUrl = computed(() => config.value?.branding?.ownerUrl || '/');
             class="hover:text-ink-700 transition-colors"
           >{{ link.label }}</a>
           <span class="text-ink-200">|</span>
-          <span class="text-xs">
+          <span class="text-xs inline-flex items-center gap-1.5">
+            <img :src="glossaristLogo" alt="" class="w-4 h-4 opacity-80" />
             <a :href="poweredBy.url" target="_blank" rel="noopener" class="concept-link">{{ poweredBy.message }}</a>
           </span>
         </div>

package/src/components/AppHeader.vue

@@ -64,6 +64,13 @@ onBeforeUnmount(() => document.removeEventListener('click', closeLangOnOutside))
       <button @click="goHome" class="flex items-center gap-2 hover:opacity-80 transition flex-shrink-0 group">
         <div v-if="siteConfig?.branding?.logo" class="h-8 flex items-center">
           <img
+            v-if="siteConfig.branding.logo.light && siteConfig.branding.logo.dark"
+            :src="ui.isDark ? siteConfig.branding.logo.dark : siteConfig.branding.logo.light"
+            :alt="siteConfig.branding.logo.alt"
+            class="h-8 max-w-[48px] object-contain rounded"
+          />
+          <img
+            v-else
             :src="siteConfig.branding.logo.path"
             :alt="siteConfig.branding.logo.alt"
             class="h-8 max-w-[48px] object-contain rounded"

package/src/components/AppSidebar.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed } from 'vue';
+import { computed, ref } from 'vue';
 import { useVocabularyStore } from '../stores/vocabulary';
 import { useUiStore } from '../stores/ui';
 import { useRoute, useRouter } from 'vue-router';
@@ -86,6 +86,22 @@ const datasetEntries = computed(() => {
 const currentManifest = computed(() => store.manifests.get(currentDataset.value));
 const showDatasetNav = computed(() => !!currentManifest.value || !!siteConfig.value?.defaultDataset);
 
+const provenance = computed(() => {
+  const manifest = currentManifest.value;
+  return {
+    owner: manifest?.owner || (siteConfig.value as any)?.branding?.ownerName,
+    ownerUrl: (siteConfig.value as any)?.branding?.ownerUrl,
+    ref: manifest?.ref,
+    status: manifest?.status,
+    lastUpdated: manifest?.lastUpdated,
+    conceptCount: manifest?.conceptCount,
+    languageCount: manifest?.languages?.length,
+    sourceRepo: manifest?.sourceRepo,
+  };
+});
+
+const ontologyExpanded = ref(true);
+
 function closeMobile() { ui.sidebarOpen = false; }
 
 function goToDataset(id: string) {
@@ -107,7 +123,10 @@ function isActive(page: { route: string; datasetScoped?: boolean }): boolean {
     if (page.datasetScoped) return route.name === 'dataset' || route.name === 'concept';
     return route.name === 'home';
   }
-  return route.name === page.route;
+  const target = pageRoute(page);
+  if (route.path === target) return true;
+  if (page.datasetScoped) return route.name === page.route;
+  return route.name === page.route || route.name === `${page.route}-global`;
 }
 
 function selectClass(id: string) {
@@ -162,7 +181,14 @@ function navTitle(page: { route: string }): string {
           </router-link>
 
           <!-- Ontology entity sections nested under Ontology nav item -->
-          <div v-if="page.route === 'ontology' && isOntologyRoute" class="ml-3 mt-1 mb-2 space-y-0.5">
+          <div v-if="page.route === 'ontology' && isOntologyRoute" class="ml-3 mt-1 mb-2">
+            <button @click="ontologyExpanded = !ontologyExpanded"
+              class="w-full flex items-center gap-1.5 px-2 py-1 rounded-lg text-[10px] uppercase tracking-wide text-ink-400 hover:text-ink-600 hover:bg-ink-50 transition-colors mb-1"
+            >
+              <span class="w-3 text-[10px]">{{ ontologyExpanded ? '▾' : '▸' }}</span>
+              <span class="flex-1 text-left">{{ t('nav.ontology') }}</span>
+            </button>
+            <div v-if="ontologyExpanded" class="space-y-0.5">
             <!-- Search input -->
             <div class="relative mb-1.5">
               <input
@@ -425,6 +451,7 @@ function navTitle(page: { route: string }): string {
                 </div>
               </div>
             </template>
+            </div>
           </div>
         </template>
       </nav>
@@ -469,15 +496,42 @@ function navTitle(page: { route: string }): string {
         </button>
       </nav>
 
-      <!-- Powered by -->
-      <div class="mt-6 pt-4 border-t border-ink-100/60">
-        <div class="text-[11px] text-ink-300">
-          <a
-            :href="(siteConfig?.features?.poweredBy as any)?.url || 'https://github.com/glossarist/concept-browser'"
-            target="_blank"
-            rel="noopener"
-            class="concept-link"
-          >{{ (siteConfig?.features?.poweredBy as any)?.message || 'Built with the Glossarist Concept Browser' }}</a>
+      <!-- Dataset provenance -->
+      <div v-if="provenance.owner" class="mt-6 pt-4 border-t border-ink-100/60">
+        <div class="text-[11px] text-ink-300 space-y-1.5">
+          <div class="font-medium text-ink-400">{{ t('sidebar.provenance') }}</div>
+
+          <div v-if="provenance.ref" class="text-xs font-semibold text-ink-700">
+            {{ provenance.ref }}
+          </div>
+
+          <div class="flex items-center gap-1">
+            <span class="text-ink-400">{{ t('sidebar.publishedBy') }}</span>
+            <a v-if="provenance.ownerUrl" :href="provenance.ownerUrl" target="_blank" rel="noopener" class="concept-link font-medium">{{ provenance.owner }}</a>
+            <span v-else class="text-ink-600 font-medium">{{ provenance.owner }}</span>
+          </div>
+
+          <div v-if="provenance.status" class="flex items-center gap-1.5">
+            <span class="inline-block w-1.5 h-1.5 rounded-full" :class="provenance.status === 'valid' ? 'bg-emerald-500' : 'bg-amber-400'"></span>
+            <span class="text-[10px] uppercase tracking-wide font-medium" :class="provenance.status === 'valid' ? 'text-emerald-600' : 'text-amber-600'">
+              {{ provenance.status }}
+            </span>
+          </div>
+
+          <div v-if="provenance.lastUpdated" class="text-ink-300">
+            {{ t('sidebar.updated') }} {{ provenance.lastUpdated }}
+          </div>
+
+          <div v-if="provenance.conceptCount" class="text-ink-400">
+            {{ provenance.conceptCount.toLocaleString() }} {{ t('sidebar.concepts').toLowerCase() }}
+            <template v-if="provenance.languageCount">
+              · {{ provenance.languageCount }} {{ t('sidebar.languages').toLowerCase() }}
+            </template>
+          </div>
+
+          <div v-if="provenance.sourceRepo">
+            <a :href="provenance.sourceRepo" target="_blank" rel="noopener" class="concept-link">{{ t('sidebar.viewSource') }}</a>
+          </div>
         </div>
       </div>
     </div>

package/src/components/ConceptCard.vue

@@ -15,7 +15,7 @@ const props = defineProps<{
 const router = useRouter();
 const { getColor } = useDsStyle();
 const store = useVocabularyStore();
-const { locale } = useI18n();
+const { locale, t } = useI18n();
 
 function viewConcept() {
   router.push({
@@ -69,7 +69,7 @@ const langCount = computed(() => {
     </div>
     <!-- Language coverage -->
     <div class="flex items-center gap-1.5 mt-2.5">
-      <span class="text-[11px] text-ink-300">{{ langCount }} lang</span>
+      <span class="text-[11px] text-ink-300">{{ langCount }} {{ t('concept.lang') }}</span>
       <div class="flex gap-0.5">
         <span
           v-for="lang in manifestLanguages"

package/src/components/ConceptDetail.vue

@@ -23,7 +23,7 @@ import NonVerbalRepDisplay from './NonVerbalRepDisplay.vue';
 import CitationDisplay from './CitationDisplay.vue';
 import { useI18n } from '../i18n';
 
-const { t } = useI18n();
+const { t, locale } = useI18n();
 
 const props = defineProps<{
   concept: Concept;
@@ -36,7 +36,7 @@ const props = defineProps<{
 const router = useRouter();
 const store = useVocabularyStore();
 const { getColor } = useDsStyle();
-const { config: siteConfig } = useSiteConfig();
+const { config: siteConfig, localizedDatasetField } = useSiteConfig();
 const factory = getFactory();
 
 const activeTab = ref<'rdf' | 'definition' | 'history'>('definition');
@@ -62,7 +62,15 @@ function copyUri() {
 }
 
 const languages = computed(() => {
-  return sortLanguages(props.concept.languages, props.manifest.languageOrder);
+  const sorted = sortLanguages(props.concept.languages, props.manifest.languageOrder);
+  // Put current UI locale first
+  const current = locale.value;
+  const idx = sorted.indexOf(current);
+  if (idx > 0) {
+    sorted.splice(idx, 1);
+    sorted.unshift(current);
+  }
+  return sorted;
 });
 
 // Collapsible language sections — expand all with content, collapse those without
@@ -369,11 +377,11 @@ const nonVerbalReps = computed(() => {
           <router-link :to="{ name: 'home' }" class="hover:text-ink-700 transition-colors whitespace-nowrap">{{ t('nav.home') }}</router-link>
           <span class="text-ink-200">/</span>
           <router-link :to="{ name: 'dataset', params: { registerId: manifest.id }}" class="hover:text-ink-700 transition-colors truncate max-w-[180px]">
-            {{ manifest.title }}
+            {{ localizedDatasetField(manifest.id, 'title', manifest.title) }}
           </router-link>
           <span class="text-ink-200">/</span>
           <span class="text-ink-600 font-mono text-xs">{{ conceptId }}</span>
-          <span v-if="conceptPosition" class="text-[10px] text-ink-300 tabular-nums ml-1 whitespace-nowrap">({{ conceptPosition.index }} of {{ conceptPosition.total.toLocaleString() }})</span>
+          <span v-if="conceptPosition" class="text-[10px] text-ink-300 tabular-nums ml-1 whitespace-nowrap">({{ conceptPosition.index }} {{ t('concept.of') }} {{ conceptPosition.total.toLocaleString() }})</span>
         </nav>
         <!-- Prev/Next navigation -->
         <div v-if="adjacent.prev || adjacent.next" class="flex items-center gap-1 flex-shrink-0">
@@ -381,7 +389,7 @@ const nonVerbalReps = computed(() => {
             v-if="adjacent.prev"
             @click="goAdjacent(adjacent.prev)"
             class="p-2.5 rounded-lg text-ink-300 hover:text-ink-600 hover:bg-ink-50 transition-colors min-w-[44px] min-h-[44px] flex items-center justify-center"
-            title="Previous concept (←)"
+            :title="t('concept.previous') + ' (←)'"
           >
             <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"/></svg>
           </button>
@@ -389,7 +397,7 @@ const nonVerbalReps = computed(() => {
             v-if="adjacent.next"
             @click="goAdjacent(adjacent.next)"
             class="p-2.5 rounded-lg text-ink-300 hover:text-ink-600 hover:bg-ink-50 transition-colors min-w-[44px] min-h-[44px] flex items-center justify-center"
-            title="Next concept (→)"
+            :title="t('concept.next') + ' (→)'"
           >
             <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/></svg>
           </button>
@@ -410,7 +418,7 @@ const nonVerbalReps = computed(() => {
           {{ entryStatusLabel(engConcept.entryStatus) }}
         </span>
         <span class="badge badge-gray" v-if="manifest.owner">{{ manifest.owner }}</span>
-        <span class="badge badge-purple">{{ languages.length }} languages</span>
+        <span class="badge badge-purple">{{ languages.length }} {{ t('concept.languages') }}</span>
       </div>
     </div>
 
@@ -426,7 +434,7 @@ const nonVerbalReps = computed(() => {
           ? 'bg-blue-600 text-white shadow-sm md:bg-transparent md:text-blue-600 md:border-blue-500 md:shadow-none'
           : 'text-ink-500 hover:text-ink-700 md:text-ink-400 md:border-transparent md:hover:text-ink-600'"
       >
-        Definition
+        {{ t('concept.definition') }}
       </button>
       <button
         role="tab"
@@ -437,7 +445,7 @@ const nonVerbalReps = computed(() => {
           ? 'bg-blue-600 text-white shadow-sm md:bg-transparent md:text-blue-600 md:border-blue-500 md:shadow-none'
           : 'text-ink-500 hover:text-ink-700 md:text-ink-400 md:border-transparent md:hover:text-ink-600'"
       >
-        RDF
+        {{ t('concept.rdf') }}
       </button>
       <button
         role="tab"
@@ -448,7 +456,7 @@ const nonVerbalReps = computed(() => {
           ? 'bg-blue-600 text-white shadow-sm md:bg-transparent md:text-blue-600 md:border-blue-500 md:shadow-none'
           : 'text-ink-500 hover:text-ink-700 md:text-ink-400 md:border-transparent md:hover:text-ink-600'"
       >
-        History
+        {{ t('concept.history') }}
       </button>
     </div>
 
@@ -456,9 +464,9 @@ const nonVerbalReps = computed(() => {
     <div v-if="activeTab === 'definition'" role="tabpanel">
       <!-- Expand/Collapse all toggle -->
       <div v-if="allLangContent.length > 1" class="flex items-center justify-between mb-3">
-        <span class="text-xs text-ink-400">{{ languages.length }} languages</span>
+        <span class="text-xs text-ink-400">{{ languages.length }} {{ t('concept.languages') }}</span>
         <button @click="toggleAll" class="text-xs text-ink-400 hover:text-ink-600 transition-colors px-3 py-2">
-          {{ allCollapsed ? 'Expand all' : 'Collapse all' }}
+          {{ allCollapsed ? t('concept.expandAll') : t('concept.collapseAll') }}
         </button>
       </div>
       <div class="lg:flex lg:gap-8">
@@ -487,7 +495,7 @@ const nonVerbalReps = computed(() => {
             <div v-else class="w-full flex items-center gap-2.5 px-3 sm:px-4 py-3">
               <span class="text-xs font-semibold text-ink-500 bg-ink-50 px-1.5 py-0.5 rounded">{{ langName(lc.lang) }}</span>
               <span class="font-medium text-ink-800 text-sm" v-html="renderMath(getTermForLang(lc.lang))"></span>
-              <span class="text-xs text-ink-200 ml-2 italic">designation only</span>
+              <span class="text-xs text-ink-200 ml-2 italic">{{ t('concept.designationOnly') }}</span>
               <span v-if="lc.entryStatus" class="badge text-[10px] ml-auto" :class="entryStatusColor(lc.entryStatus)" :title="entryStatusDefinition(lc.entryStatus) ?? ''">{{ entryStatusLabel(lc.entryStatus) }}</span>
             </div>
             <!-- Collapsed preview -->
@@ -599,30 +607,30 @@ const nonVerbalReps = computed(() => {
 
               <!-- Ontological metadata -->
               <div v-if="lc.classification || lc.reviewType || lc.release || lc.lineageSourceSimilarity != null || lc.lcScript || lc.lcSystem" class="border-t border-ink-100/60 pt-2 mt-2">
-                <div class="text-[10px] uppercase tracking-wide text-ink-300 font-medium mb-1.5">Ontological metadata</div>
+                <div class="text-[10px] uppercase tracking-wide text-ink-300 font-medium mb-1.5">{{ t('concept.ontologicalMetadata') }}</div>
                 <dl class="grid grid-cols-[auto_1fr] gap-x-3 gap-y-1 text-xs">
                   <template v-if="lc.classification">
-                    <dt class="text-ink-300">Classification</dt>
+                    <dt class="text-ink-300">{{ t('concept.classificationLabel') }}</dt>
                     <dd class="text-ink-700">{{ lc.classification }}</dd>
                   </template>
                   <template v-if="lc.reviewType">
-                    <dt class="text-ink-300">Review type</dt>
+                    <dt class="text-ink-300">{{ t('concept.reviewType') }}</dt>
                     <dd class="text-ink-700">{{ lc.reviewType }}</dd>
                   </template>
                   <template v-if="lc.release">
-                    <dt class="text-ink-300">Release</dt>
+                    <dt class="text-ink-300">{{ t('concept.release') }}</dt>
                     <dd class="text-ink-700">{{ lc.release }}</dd>
                   </template>
                   <template v-if="lc.lineageSourceSimilarity != null">
-                    <dt class="text-ink-300">Lineage similarity</dt>
+                    <dt class="text-ink-300">{{ t('concept.lineageSimilarity') }}</dt>
                     <dd class="text-ink-700">{{ lc.lineageSourceSimilarity }}%</dd>
                   </template>
                   <template v-if="lc.lcScript">
-                    <dt class="text-ink-300">Script</dt>
+                    <dt class="text-ink-300">{{ t('concept.script') }}</dt>
                     <dd class="text-ink-700 font-mono">{{ lc.lcScript }}</dd>
                   </template>
                   <template v-if="lc.lcSystem">
-                    <dt class="text-ink-300">Conversion system</dt>
+                    <dt class="text-ink-300">{{ t('concept.conversionSystem') }}</dt>
                     <dd class="text-ink-700 font-mono">{{ lc.lcSystem }}</dd>
                   </template>
                 </dl>
@@ -727,7 +735,7 @@ const nonVerbalReps = computed(() => {
 
           <!-- Language quick-jump -->
           <div class="card p-5">
-            <div class="section-label">Languages ({{ languages.length }})</div>
+            <div class="section-label">{{ t('concept.languagesSidebar', { count: languages.length }) }}</div>
             <div class="space-y-1 mt-3 max-h-80 overflow-y-auto">
               <button
                 v-for="lang in languages"
@@ -740,7 +748,7 @@ const nonVerbalReps = computed(() => {
                   <span
                     class="w-1.5 h-1.5 rounded-full flex-shrink-0"
                     :class="hasDefinition(lang) ? 'bg-emerald-400' : 'bg-ink-200'"
-                    :title="hasDefinition(lang) ? 'Has definition' : 'Designation only'"
+                    :title="hasDefinition(lang) ? t('concept.hasDefinition') : t('concept.designationOnlyTitle')"
                   ></span>
                   <span class="text-sm font-medium text-ink-800 group-hover:text-ink-900 transition-colors" v-html="renderMath(getTermForLang(lang))"></span>
                 </div>
@@ -763,24 +771,24 @@ const nonVerbalReps = computed(() => {
             <div class="section-label">{{ t('concept.metadata') }}</div>
             <dl class="space-y-2 text-xs mt-3">
               <div v-if="managedStatus">
-                <dt class="text-ink-300">Status</dt>
+                <dt class="text-ink-300">{{ t('concept.status') }}</dt>
                 <dd class="mt-0.5">
                   <span class="badge text-[10px]" :class="conceptStatusColor(managedStatus)" :title="conceptStatusDefinition(managedStatus) ?? ''">{{ conceptStatusLabel(managedStatus) }}</span>
                 </dd>
               </div>
               <div v-if="engConcept?.reviewDate">
-                <dt class="text-ink-300">Review Date</dt>
+                <dt class="text-ink-300">{{ t('concept.reviewDate') }}</dt>
                 <dd class="text-ink-700 mt-0.5">{{ engConcept.reviewDate.slice(0, 10) }}</dd>
               </div>
               <div v-if="engConcept?.reviewDecisionEvent">
-                <dt class="text-ink-300">Decision</dt>
+                <dt class="text-ink-300">{{ t('concept.decision') }}</dt>
                 <dd class="text-ink-700 mt-0.5">{{ engConcept.reviewDecisionEvent }}</dd>
               </div>
               <div>
-                <dt class="text-ink-300">URI</dt>
+                <dt class="text-ink-300">{{ t('concept.uri') }}</dt>
                 <dd class="font-mono text-ink-600 break-all mt-0.5 text-[11px] flex items-start gap-1.5">
                   <span class="break-all">{{ conceptUriValue }}</span>
-                  <button @click="copyUri" class="flex-shrink-0 p-0.5 rounded text-ink-300 hover:text-ink-600 hover:bg-ink-50 transition-colors" :title="uriCopied ? 'Copied!' : 'Copy URI'" :aria-label="uriCopied ? 'URI copied' : 'Copy URI to clipboard'">
+                  <button @click="copyUri" class="flex-shrink-0 p-0.5 rounded text-ink-300 hover:text-ink-600 hover:bg-ink-50 transition-colors" :title="uriCopied ? t('concept.uriCopied') : t('concept.copyUri')" :aria-label="uriCopied ? t('concept.uriCopied') : t('concept.copyUri')">
                     <svg v-if="!uriCopied" class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 0 002 2h2a2 2 0 002-2M8 5a2 2 0 012-2h2a2 2 0 012 2m0 0h2a2 2 0 012 2v3m2 4H10a2 2 0 01-2-2v-1m6 4v-3a2 2 0 00-2-2H8"/></svg>
                     <svg v-else class="w-3.5 h-3.5 text-emerald-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>
                   </button>

package/src/components/FormatDownloads.vue

@@ -1,6 +1,9 @@
 <script setup lang="ts">
 import { computed } from 'vue';
 import { FORMAT_REGISTRY } from '../utils/concept-formats';
+import { useI18n } from '../i18n';
+
+const { t } = useI18n();
 
 const props = defineProps<{
   registerId: string;
@@ -27,7 +30,7 @@ const links = computed<FormatLink[]>(() =>
 
 <template>
   <div v-if="links.length" class="space-y-2">
-    <div class="section-label">Downloads</div>
+    <div class="section-label">{{ t('concept.downloads') }}</div>
     <div class="flex flex-wrap gap-2">
       <a
         v-for="link in links"

package/src/config/types.ts

@@ -12,6 +12,10 @@ export interface LogoConfig {
   alt: string;
   url?: string;
   remoteUrl?: string;
+  light?: string;
+  dark?: string;
+  localLight?: string;
+  localDark?: string;
 }
 
 export interface SiteBranding {
@@ -90,6 +94,7 @@ export interface DatasetConfig {
   color?: string;
   tags?: string[];
   languageOrder?: string[];
+  ref?: string;
   downloads?: string[];
   translations?: Record<string, { title?: string; description?: string }>;
 }

package/src/config/use-site-config.ts

@@ -21,8 +21,8 @@ export interface RuntimeSiteConfig {
       header?: { family: string; source: string; weights?: number[]; url?: string };
       body?: { family: string; source: string; weights?: number[]; url?: string };
     };
-    logo?: { path: string; alt: string; url?: string };
-    footerLogo?: { path: string; alt: string; url?: string };
+    logo?: { path: string; alt: string; url?: string; light?: string; dark?: string };
+    footerLogo?: { path: string; alt: string; url?: string; light?: string; dark?: string };
     ownerName?: string;
     ownerUrl?: string;
   };

package/src/i18n/locales/eng.yml

@@ -64,6 +64,37 @@ concept.lifecycleDates: Lifecycle dates
 concept.conceptSources: Concept sources
 concept.incoming: Incoming
 concept.outgoing: Outgoing
+concept.lang: lang
+concept.rdf: RDF
+concept.history: History
+concept.languages: languages
+concept.collapseAll: Collapse all
+concept.expandAll: Expand all
+concept.designationOnly: designation only
+concept.previous: Previous concept
+concept.next: Next concept
+concept.of: of
+concept.hasDefinition: Has definition
+concept.designationOnlyTitle: Designation only
+concept.languagesSidebar: "Languages ({count})"
+concept.ontologicalMetadata: Ontological metadata
+concept.classificationLabel: Classification
+concept.reviewType: Review type
+concept.release: Release
+concept.lineageSimilarity: Lineage similarity
+concept.script: Script
+concept.conversionSystem: Conversion system
+concept.status: Status
+concept.reviewDate: Review Date
+concept.decision: Decision
+concept.uri: URI
+concept.copyUri: Copy URI to clipboard
+concept.uriCopied: URI copied
+concept.downloads: Downloads
+concept.failedToLoad: Failed to load concept
+concept.notFound: Concept not found
+concept.notFoundMsg: "The concept \"{id}\" does not exist in this dataset."
+concept.backToDataset: Back to dataset
 
 # Sidebar
 sidebar.overview: Overview
@@ -126,3 +157,11 @@ graph.stubStatus: stub
 graph.collapseControls: Collapse controls
 graph.expandControls: Expand controls
 graph.loading: Loading graph data...
+
+# Sidebar provenance
+sidebar.provenance: Provenance
+sidebar.publishedBy: published by
+sidebar.updated: Updated
+sidebar.concepts: concepts
+sidebar.languages: languages
+sidebar.viewSource: View source

package/src/i18n/locales/fra.yml

@@ -64,6 +64,37 @@ concept.lifecycleDates: Dates du cycle de vie
 concept.conceptSources: Sources du concept
 concept.incoming: Entrantes
 concept.outgoing: Sortantes
+concept.lang: lang.
+concept.rdf: RDF
+concept.history: Historique
+concept.languages: langues
+concept.collapseAll: Tout réduire
+concept.expandAll: Tout développer
+concept.designationOnly: désignation uniquement
+concept.previous: Concept précédent
+concept.next: Concept suivant
+concept.of: de
+concept.hasDefinition: A une définition
+concept.designationOnlyTitle: Désignation uniquement
+concept.languagesSidebar: "Langues ({count})"
+concept.ontologicalMetadata: Métadonnées ontologiques
+concept.classificationLabel: Classification
+concept.reviewType: Type de révision
+concept.release: Version
+concept.lineageSimilarity: Similarité de lignée
+concept.script: Écriture
+concept.conversionSystem: Système de conversion
+concept.status: Statut
+concept.reviewDate: Date de révision
+concept.decision: Décision
+concept.uri: URI
+concept.copyUri: Copier l'URI dans le presse-papiers
+concept.uriCopied: URI copiée
+concept.downloads: Téléchargements
+concept.failedToLoad: Échec du chargement du concept
+concept.notFound: Concept non trouvé
+concept.notFoundMsg: "Le concept « {id} » n'existe pas dans ce jeu de données."
+concept.backToDataset: Retour au jeu de données
 
 # Sidebar
 sidebar.overview: Vue d'ensemble
@@ -126,3 +157,11 @@ graph.stubStatus: non chargé
 graph.collapseControls: Réduire les contrôles
 graph.expandControls: Développer les contrôles
 graph.loading: Chargement des données du graphe...
+
+# Sidebar provenance
+sidebar.provenance: Provenance
+sidebar.publishedBy: publié par
+sidebar.updated: Mis à jour
+sidebar.concepts: concepts
+sidebar.languages: langues
+sidebar.viewSource: Voir la source

package/src/style.css

@@ -398,6 +398,12 @@
 .dark .placeholder\:text-ink-300::placeholder { color: #484a6e !important; }
 
 /* ── Semantic colors (badges, accent text) ── */
+.dark .concept-link {
+  filter: brightness(1.5);
+}
+.dark .concept-link:hover {
+  filter: brightness(1.3) underline;
+}
 .dark .bg-blue-50 { background-color: rgba(59, 130, 246, 0.15) !important; }
 .dark .text-blue-600 { color: #93bbfd !important; }
 .dark .text-blue-700 { color: #7aa8fb !important; }

package/src/utils/lang.ts

@@ -1,28 +1,30 @@
-const LANG_NAMES: Record<string, string> = {
-  eng: 'English',
-  ara: 'Arabic',
-  deu: 'German',
-  fra: 'French',
-  spa: 'Spanish',
-  ita: 'Italian',
-  jpn: 'Japanese',
-  kor: 'Korean',
-  pol: 'Polish',
-  por: 'Portuguese',
-  srp: 'Serbian',
-  swe: 'Swedish',
-  zho: 'Chinese',
-  rus: 'Russian',
-  fin: 'Finnish',
-  dan: 'Danish',
-  nld: 'Dutch',
-  msa: 'Malay',
-  nob: 'Norwegian Bokmål',
-  nno: 'Norwegian Nynorsk',
+import { locale } from '../i18n';
+
+const LANG_NAMES: Record<string, Record<string, string>> = {
+  eng: { eng: 'English', fra: 'Anglais' },
+  ara: { eng: 'Arabic', fra: 'Arabe' },
+  deu: { eng: 'German', fra: 'Allemand' },
+  fra: { eng: 'French', fra: 'Français' },
+  spa: { eng: 'Spanish', fra: 'Espagnol' },
+  ita: { eng: 'Italian', fra: 'Italien' },
+  jpn: { eng: 'Japanese', fra: 'Japonais' },
+  kor: { eng: 'Korean', fra: 'Coréen' },
+  pol: { eng: 'Polish', fra: 'Polonais' },
+  por: { eng: 'Portuguese', fra: 'Portugais' },
+  srp: { eng: 'Serbian', fra: 'Serbe' },
+  swe: { eng: 'Swedish', fra: 'Suédois' },
+  zho: { eng: 'Chinese', fra: 'Chinois' },
+  rus: { eng: 'Russian', fra: 'Russe' },
+  fin: { eng: 'Finnish', fra: 'Finnois' },
+  dan: { eng: 'Danish', fra: 'Danois' },
+  nld: { eng: 'Dutch', fra: 'Néerlandais' },
+  msa: { eng: 'Malay', fra: 'Malais' },
+  nob: { eng: 'Norwegian Bokmål', fra: 'Norvégien Bokmål' },
+  nno: { eng: 'Norwegian Nynorsk', fra: 'Norvégien Nynorsk' },
 };
 
 export function langName(code: string): string {
-  return LANG_NAMES[code] ?? code;
+  return LANG_NAMES[code]?.[locale.value] ?? LANG_NAMES[code]?.eng ?? code;
 }
 
 export function langLabel(code: string): string {

package/src/views/ConceptView.vue

@@ -3,6 +3,9 @@ import { computed, watch, ref, onMounted, onUnmounted } from 'vue';
 import { useRouter } from 'vue-router';
 import { useVocabularyStore } from '../stores/vocabulary';
 import ConceptDetail from '../components/ConceptDetail.vue';
+import { useI18n } from '../i18n';
+
+const { t } = useI18n();
 
 const props = defineProps<{
   registerId: string;
@@ -108,12 +111,12 @@ onUnmounted(() => window.removeEventListener('keydown', onKeydown));
     </div>
     <div v-else-if="localError" class="max-w-xl mx-auto text-center py-20">
       <div class="card p-8 border-red-200 bg-red-50/50">
-        <p class="text-red-700 font-medium mb-1">Failed to load concept</p>
+        <p class="text-red-700 font-medium mb-1">{{ t('concept.failedToLoad') }}</p>
         <p class="text-sm text-red-600/80 mb-4">{{ localError }}</p>
         <div class="flex gap-2 justify-center">
-          <button @click="loadConcept(registerId, conceptId)" class="btn-primary">Retry</button>
+          <button @click="loadConcept(registerId, conceptId)" class="btn-primary">{{ t('dataset.retry') }}</button>
           <router-link :to="{ name: 'dataset', params: { registerId } }" class="btn-secondary">
-            Back to dataset
+            {{ t('concept.backToDataset') }}
           </router-link>
         </div>
       </div>
@@ -121,10 +124,10 @@ onUnmounted(() => window.removeEventListener('keydown', onKeydown));
     <div v-else-if="!concept" class="max-w-xl mx-auto text-center py-20">
       <div class="card p-8">
         <div class="text-ink-200 text-5xl mb-3 font-serif">?</div>
-        <h3 class="text-lg font-medium text-ink-700 mb-2">Concept not found</h3>
-        <p class="text-sm text-ink-400 mb-4">The concept "{{ conceptId }}" does not exist in this dataset.</p>
+        <h3 class="text-lg font-medium text-ink-700 mb-2">{{ t('concept.notFound') }}</h3>
+        <p class="text-sm text-ink-400 mb-4">{{ t('concept.notFoundMsg', { id: conceptId }) }}</p>
         <router-link :to="{ name: 'dataset', params: { registerId } }" class="btn-primary">
-          Back to dataset
+          {{ t('concept.backToDataset') }}
         </router-link>
       </div>
     </div>

package/src/views/DatasetView.vue

@@ -7,15 +7,19 @@ import { FORMAT_LABELS } from '../config/types';
 import { langName, langLabel, sortLanguages } from '../utils/lang';
 import ConceptCard from '../components/ConceptCard.vue';
 import { useI18n } from '../i18n';
+import { useSiteConfig } from '../config/use-site-config';
 
 const props = defineProps<{ registerId: string }>();
 
 const store = useVocabularyStore();
 const { getStyle } = useDsStyle();
-const { loading, localError, ensureLoaded } = useDatasetLoader(() => props.registerId);
+const { ensureLoaded, loading, localError } = useDatasetLoader(() => props.registerId);
 const { t } = useI18n();
+const { localizedDatasetField } = useSiteConfig();
 
 const manifest = computed(() => store.manifests.get(props.registerId));
+const localizedTitle = computed(() => localizedDatasetField(props.registerId, 'title', manifest.value?.title));
+const localizedDescription = computed(() => localizedDatasetField(props.registerId, 'description', manifest.value?.description));
 const adapter = computed(() => store.datasets.get(props.registerId));
 const chunkLoading = ref(false);
 
@@ -184,13 +188,13 @@ function goToPage(p: number) {
     <nav aria-label="Breadcrumb" class="flex items-center gap-1.5 text-sm text-ink-400 mb-6">
       <router-link :to="{ name: 'home' }" class="hover:text-ink-700 transition-colors">{{ t('nav.home') }}</router-link>
       <span class="text-ink-200">/</span>
-      <span class="text-ink-700">{{ manifest?.title || registerId }}</span>
+      <span class="text-ink-700">{{ localizedTitle }}</span>
     </nav>
 
     <!-- Header -->
     <div v-if="manifest" class="mb-8">
-      <h1 class="font-serif text-3xl text-ink-800 mb-2">{{ manifest.title }}</h1>
-      <p class="text-ink-400 leading-relaxed max-w-2xl">{{ manifest.description }}</p>
+      <h1 class="font-serif text-3xl text-ink-800 mb-2">{{ localizedTitle }}</h1>
+      <p class="text-ink-400 leading-relaxed max-w-2xl">{{ localizedDescription }}</p>
       <div class="flex flex-wrap gap-2 mt-4">
         <span class="badge" :style="{ backgroundColor: getStyle(registerId).light, color: getStyle(registerId).dark }">{{ manifest.conceptCount.toLocaleString() }} {{ t('dataset.concepts') }}</span>
         <span class="badge badge-gray">{{ manifest.languages.length }} {{ t('dataset.languages') }}</span>