npm - @glossarist/concept-browser - Versions diffs - 0.1.8 → 0.1.9 - Mend

@glossarist/concept-browser 0.1.8 → 0.1.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (19) hide show

package/package.json +1 -1
package/scripts/generate-data.mjs +106 -1
package/src/App.vue +3 -1
package/src/adapters/DatasetAdapter.ts +10 -2
package/src/adapters/types.ts +1 -1
package/src/components/AppFooter.vue +60 -0
package/src/components/AppSidebar.vue +10 -5
package/src/components/ConceptCard.vue +13 -9
package/src/components/ConceptDetail.vue +35 -8
package/src/components/SearchBar.vue +2 -0
package/src/style.css +3 -0
package/src/utils/concept-formats.ts +1 -0
package/src/utils/math.ts +19 -2
package/src/views/ContributorsView.vue +5 -0
package/src/views/DatasetView.vue +9 -4
package/src/views/GraphView.vue +3 -3
package/src/views/HomeView.vue +7 -3
package/src/views/NewsView.vue +5 -0
package/src/views/ResolveView.vue +1 -1

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@glossarist/concept-browser",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "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 CHANGED Viewed

@@ -257,6 +257,105 @@ function conceptJsonToSkosJsonLd(concept) {
   return JSON.stringify(doc, null, 2);
 }
+function escapeXml(s) {
+  return s.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
+}
+function conceptJsonToTbx(concept) {
+  const id = concept['gl:identifier'] || '';
+  const uri = concept['@id'] || '';
+  const localized = concept['gl:localizedConcept'] || {};
+  const langSections = [];
+  for (const [lang, lc] of Object.entries(localized)) {
+    const descs = lc['gl:designation'] || [];
+    const definitions = (lc['gl:definition'] || []).filter(d => d['gl:content']);
+    const notes = (lc['gl:notes'] || []).filter(d => d['gl:content']);
+    const examples = (lc['gl:examples'] || []).filter(d => d['gl:content']);
+    const sources = lc['gl:source'] || [];
+    const entryStatus = lc['gl:entryStatus'] || '';
+    if (!descs.length && !definitions.length) continue;
+    const termEntries = [];
+    for (const d of descs) {
+      const term = d['gl:term'];
+      if (!term) continue;
+      const status = d['gl:normativeStatus'] || '';
+      const type = d['@type'] || '';
+      let gramGrp = '';
+      if (d['gl:gender']) gramGrp = `\n            <grammaticalGender>${escapeXml(d['gl:gender'])}</grammaticalGender>`;
+      let partOfSpeech = '';
+      if (type.includes('Abbreviation')) partOfSpeech = '\n            <partOfSpeech>abbreviation</partOfSpeech>';
+      if (type.includes('Symbol')) partOfSpeech = '\n            <partOfSpeech>symbol</partOfSpeech>';
+      termEntries.push(`          <termEntry>
+            <langSet xml:lang="${lang}">
+              <tig>
+                <term>${escapeXml(term)}</term>${gramGrp}${partOfSpeech}
+              </tig>
+            </langSet>
+          </termEntry>`);
+    }
+    let defBlock = '';
+    if (definitions.length) {
+      const defParts = definitions.map(d => `            <p>${escapeXml(d['gl:content'])}</p>`).join('\n');
+      defBlock = `\n          <descrip type="definition">\n${defParts}\n          </descrip>`;
+    }
+    let noteBlock = '';
+    for (let i = 0; i < notes.length; i++) {
+      noteBlock += `\n          <note type="note">${escapeXml(notes[i]['gl:content'])}</note>`;
+    }
+    for (let i = 0; i < examples.length; i++) {
+      noteBlock += `\n          <note type="example">${escapeXml(examples[i]['gl:content'])}</note>`;
+    }
+    let sourceBlock = '';
+    for (const src of sources) {
+      const origin = src['gl:origin'] || {};
+      const parts = [];
+      if (origin['gl:ref']) parts.push(origin['gl:ref']);
+      if (origin['gl:clause']) parts.push(origin['gl:clause']);
+      if (parts.length) {
+        sourceBlock += `\n          <ref>${escapeXml(parts.join(', '))}</ref>`;
+      }
+    }
+    let statusBlock = '';
+    if (entryStatus) {
+      statusBlock += `\n          <descrip type="entryStatus">${escapeXml(entryStatus)}</descrip>`;
+    }
+    const termEntriesBlock = termEntries.length ? '\n' + termEntries.join('\n') : '';
+    langSections.push({ lang, termEntries, blocks: [defBlock, noteBlock, sourceBlock, statusBlock].filter(b => b).join('') });
+  }
+  if (!langSections.length) return '';
+  const bodyEntries = langSections.map(ls => {
+    return `      <languageSection xml:lang="${ls.lang}">${ls.blocks}\n      </languageSection>`;
+  }).join('\n');
+  return `<?xml version="1.0" encoding="UTF-8"?>
+<tbx style="dca" type="TBX-Basic" xml:lang="en" xmlns="urn:iso:std:iso:30042:ed-2">
+  <tbxHeader>
+    <fileDesc>
+      <source>${escapeXml(uri)}</source>
+    </fileDesc>
+  </tbxHeader>
+  <text>
+    <body>
+      <conceptEntry id="${escapeXml(id)}">
+${bodyEntries}
+      </conceptEntry>
+    </body>
+  </text>
+</tbx>
+`;
+}
 function processDataset(dir, register, opts) {
   const files = fs.readdirSync(dir).filter(f => f.endsWith('.yaml')).sort((a, b) => naturalSort(a.replace('.yaml', ''), b.replace('.yaml', '')));
@@ -266,7 +365,7 @@ function processDataset(dir, register, opts) {
   const concepts = [];
   const langTermCounts = {};
   const langDefCounts = {};
-  const availableFormats = ['ttl', 'jsonld', 'yaml'];
+  const availableFormats = ['ttl', 'jsonld', 'yaml', 'tbx'];
   for (let i = 0; i < files.length; i++) {
     const file = files[i];
@@ -286,6 +385,12 @@ function processDataset(dir, register, opts) {
       const skosJsonLd = conceptJsonToSkosJsonLd(jsonld);
       fs.writeFileSync(path.join(conceptsDir, `${termid}.jsonld`), skosJsonLd);
+      // Generate TBX-XML format
+      const tbxContent = conceptJsonToTbx(jsonld);
+      if (tbxContent) {
+        fs.writeFileSync(path.join(conceptsDir, `${termid}.tbx`), tbxContent);
+      }
       // Copy source YAML
       fs.copyFileSync(path.join(dir, file), path.join(conceptsDir, `${termid}.yaml`));

package/src/App.vue CHANGED Viewed

@@ -6,6 +6,7 @@ import { buildPageRoutes } from './router/page-routes';
 import router from './router';
 import AppHeader from './components/AppHeader.vue';
 import AppSidebar from './components/AppSidebar.vue';
+import AppFooter from './components/AppFooter.vue';
 const store = useVocabularyStore();
 const { loadConfig, config, globalPages, datasetPages } = useSiteConfig();
@@ -48,7 +49,7 @@ onUnmounted(() => {
     <AppHeader />
     <div class="flex flex-1 overflow-hidden">
       <AppSidebar />
-      <main class="flex-1 overflow-y-auto bg-surface">
+      <main class="flex-1 overflow-y-auto bg-surface flex flex-col">
         <div v-if="!appReady" class="flex items-center justify-center h-[70vh]">
           <div class="w-full max-w-md px-6 space-y-6">
             <!-- Title skeleton -->
@@ -85,6 +86,7 @@ onUnmounted(() => {
             </transition>
           </router-view>
         </template>
+        <AppFooter />
       </main>
     </div>
     <!-- Scroll-to-top -->

package/src/adapters/DatasetAdapter.ts CHANGED Viewed

@@ -214,13 +214,21 @@ export class DatasetAdapter {
     for (const entry of arr) {
       if (!entry) continue;
       const term = entry.eng || '';
-      if (term.toLowerCase().includes(q) || entry.id.toLowerCase().includes(q)) {
+      const termMatch = term.toLowerCase().includes(q);
+      const idMatch = entry.id.toLowerCase().includes(q);
+      if (termMatch || idMatch) {
+        const matchField = termMatch ? 'designation' as const : 'id' as const;
+        let snippet: string | undefined;
+        if (!termMatch && idMatch) {
+          snippet = `ID: ${entry.id}`;
+        }
         hits.push({
           conceptId: entry.id,
           registerId: this.registerId,
           designation: term,
           language: lang,
-          matchField: 'designation',
+          matchField,
+          snippet,
         });
       }
     }

package/src/adapters/types.ts CHANGED Viewed

@@ -143,7 +143,7 @@ export interface SearchHit {
   registerId: string;
   designation: string;
   language: string;
-  matchField: 'designation' | 'definition';
+  matchField: 'designation' | 'id';
   snippet?: string;
 }

package/src/components/AppFooter.vue ADDED Viewed

@@ -0,0 +1,60 @@
+<script setup lang="ts">
+import { computed } from 'vue';
+import { useSiteConfig } from '../config/use-site-config';
+const { config } = useSiteConfig();
+const poweredBy = computed(() => {
+  const pb = config.value?.features?.poweredBy as { title?: string; url?: string } | undefined;
+  return { title: pb?.title || 'Glossarist', url: pb?.url || 'https://glossarist.org' };
+});
+const socialLinks = computed(() => {
+  const s = config.value?.social;
+  if (!s) return [];
+  const links: { key: string; label: string; url: string }[] = [];
+  if (s.github) links.push({ key: 'github', label: 'GitHub', url: s.github });
+  if (s.twitter) links.push({ key: 'twitter', label: 'Twitter', url: s.twitter });
+  return links;
+});
+const footerNav = computed(() => config.value?.footerNav ?? []);
+const ownerName = computed(() => config.value?.branding?.ownerName || config.value?.title || '');
+const ownerUrl = computed(() => config.value?.branding?.ownerUrl || '/');
+</script>
+<template>
+  <footer class="border-t border-ink-100/60 bg-surface-raised mt-auto">
+    <div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 py-6">
+      <div class="flex flex-col sm:flex-row items-center justify-between gap-4 text-sm text-ink-400">
+        <div class="flex items-center gap-3">
+          <span v-if="ownerName">
+            &copy; {{ new Date().getFullYear() }}
+            <a v-if="ownerUrl" :href="ownerUrl" target="_blank" rel="noopener" class="concept-link">{{ ownerName }}</a>
+            <span v-else>{{ ownerName }}</span>
+          </span>
+        </div>
+        <div class="flex items-center gap-4">
+          <router-link
+            v-for="item in footerNav"
+            :key="item.route"
+            :to="item.route ? `/${item.route}` : '/'"
+            class="hover:text-ink-700 transition-colors"
+          >{{ item.label }}</router-link>
+          <a
+            v-for="link in socialLinks"
+            :key="link.key"
+            :href="link.url"
+            target="_blank"
+            rel="noopener"
+            class="hover:text-ink-700 transition-colors"
+          >{{ link.label }}</a>
+          <span class="text-ink-200">|</span>
+          <span class="text-xs">
+            Powered by <a :href="poweredBy.url" target="_blank" rel="noopener" class="concept-link">{{ poweredBy.title }}</a>
+          </span>
+        </div>
+      </div>
+    </div>
+  </footer>
+</template>

package/src/components/AppSidebar.vue CHANGED Viewed

@@ -12,7 +12,7 @@ const ui = useUiStore();
 const router = useRouter();
 const route = useRoute();
 const { getColor } = useDsStyle();
-const { globalPages, datasetPages } = useSiteConfig();
+const { globalPages, datasetPages, config: siteConfig } = useSiteConfig();
 const currentDataset = computed(() => (route.params as any).registerId ?? '');
@@ -121,11 +121,16 @@ function isActive(page: { route: string; datasetScoped?: boolean }): boolean {
         </button>
       </nav>
-      <!-- Graph stats -->
+      <!-- Powered by -->
       <div class="mt-6 pt-4 border-t border-ink-100/60">
-        <div class="text-[11px] text-ink-300 space-y-0.5">
-          <div>{{ store.graph.nodeCount.toLocaleString() }} graph nodes</div>
-          <div>{{ store.graph.edgeCount.toLocaleString() }} edges</div>
+        <div class="text-[11px] text-ink-300">
+          Powered by
+          <a
+            :href="(siteConfig?.features?.poweredBy as any)?.url || 'https://glossarist.org'"
+            target="_blank"
+            rel="noopener"
+            class="concept-link"
+          >{{ (siteConfig?.features?.poweredBy as any)?.title || 'Glossarist' }}</a>
         </div>
       </div>
     </div>

package/src/components/ConceptCard.vue CHANGED Viewed

@@ -35,6 +35,7 @@ const manifestLanguages = computed(() => store.manifests.get(props.registerId)?.
   <button
     @click="viewConcept"
     class="card-hover p-4 text-left w-full border-l-2 group"
+    :class="(entry.status === 'superseded' || entry.status === 'withdrawn') ? 'opacity-70' : ''"
     :style="{ borderLeftColor: getColor(registerId) }"
   >
     <div class="flex items-start justify-between gap-2">
@@ -51,15 +52,18 @@ const manifestLanguages = computed(() => store.manifests.get(props.registerId)?.
         {{ entry.status === 'Standard' ? 'valid' : entry.status }}
       </span>
     </div>
-    <!-- Language coverage dots -->
-    <div class="flex gap-0.5 mt-2.5" :aria-label="`${manifestLanguages.length} languages`" role="img">
-      <span
-        v-for="lang in manifestLanguages"
-        :key="lang"
-        class="w-1.5 h-1.5 rounded-full"
-        :style="{ backgroundColor: getColor(registerId) + '60' }"
-        :aria-label="lang"
-      ></span>
+    <!-- Language coverage -->
+    <div class="flex items-center gap-1.5 mt-2.5" :aria-label="`${manifestLanguages.length} languages`">
+      <span class="text-[11px] text-ink-300">{{ manifestLanguages.length }} lang</span>
+      <div class="flex gap-0.5">
+        <span
+          v-for="lang in manifestLanguages"
+          :key="lang"
+          class="w-1.5 h-1.5 rounded-full"
+          :style="{ backgroundColor: getColor(registerId) + '40' }"
+          :aria-label="lang"
+        ></span>
+      </div>
     </div>
   </button>
 </template>

package/src/components/ConceptDetail.vue CHANGED Viewed

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { ConceptDocument, LocalizedConcept, GraphEdge } from '../adapters/types';
 import type { Manifest } from '../adapters/types';
-import { computed, ref, nextTick } from 'vue';
+import { computed, ref, nextTick, watch } from 'vue';
 import { langName, langLabel } from '../utils/lang';
 import { renderMath, cleanContent } from '../utils/math';
 import type { XrefResolver } from '../utils/math';
@@ -65,6 +65,9 @@ const languages = computed(() => {
   });
 });
+// Initialize collapsed state when languages change
+watch(languages, (langs) => { initCollapsed(langs); }, { immediate: true });
 const engConcept = computed((): LocalizedConcept | null => {
   return props.concept['gl:localizedConcept']?.['eng'] ?? null;
 });
@@ -146,9 +149,15 @@ const allLangContent = computed(() => {
   return result;
 });
-// Collapsible language sections — all expanded by default
+// Collapsible language sections — auto-collapse non-eng when 6+ languages
 const collapsedLangs = ref(new Set<string>());
+function initCollapsed(langs: string[]) {
+  if (langs.length >= 6) {
+    collapsedLangs.value = new Set(langs.filter(l => l !== 'eng'));
+  }
+}
 function hasContent(lc: LangContent): boolean {
   return !!(lc.definition || lc.notes.length || lc.examples.length || lc.sources.length);
 }
@@ -186,6 +195,17 @@ function scrollToLang(lang: string) {
 const outgoingEdges = computed(() => props.edges.filter(e => e.source === props.concept['@id']));
 const incomingEdges = computed(() => props.edges.filter(e => e.target === props.concept['@id']));
+function edgeDatasetBadge(uri: string): { id: string; title: string } | null {
+  const resolution = factory.resolve(uri, props.registerId);
+  if (resolution.type === 'internal' && resolution.registerId !== props.registerId) {
+    const m = store.manifests.get(resolution.registerId);
+    return { id: resolution.registerId, title: m?.shortname || m?.title || resolution.registerId };
+  }
+  if (resolution.type === 'site') return { id: '', title: resolution.label };
+  if (resolution.type === 'url') return { id: '', title: resolution.label };
+  return null;
+}
 async function navigateEdge(edge: GraphEdge) {
   const uri = edge.source === props.concept['@id'] ? edge.target : edge.source;
   const resolution = factory.resolve(uri);
@@ -299,7 +319,7 @@ function plainTruncate(html: string, max: number = 120): string {
           </button>
         </div>
       </div>
-      <h1 class="font-serif text-2xl sm:text-3xl text-ink-800 leading-snug mb-3" v-html="renderMath(cleanContent(primaryTerm))"></h1>
+      <h1 class="font-serif text-2xl sm:text-3xl text-ink-800 leading-snug mb-3" v-html="renderMath(primaryTerm)"></h1>
       <div class="flex flex-wrap gap-2">
         <span class="badge badge-blue font-mono">{{ conceptId }}</span>
         <span class="badge" :class="entryStatusColor(engConcept?.['gl:entryStatus'] ?? '')" v-if="engConcept?.['gl:entryStatus']">
@@ -369,12 +389,17 @@ function plainTruncate(html: string, max: number = 120): string {
             <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">No definition provided</span>
+              <span class="text-xs text-ink-200 ml-2 italic">designation only</span>
               <span v-if="lc.entryStatus" class="badge text-[10px] ml-auto" :class="entryStatusColor(lc.entryStatus)">{{ lc.entryStatus }}</span>
             </div>
             <!-- Collapsed preview -->
-            <div v-if="hasContent(lc) && collapsedLangs.has(lc.lang) && lc.definition" class="px-3 sm:px-4 pb-3 -mt-0.5">
-              <p class="text-xs text-ink-300 leading-relaxed pl-[22px]">{{ plainTruncate(lc.definition) }}</p>
+            <div v-if="hasContent(lc) && collapsedLangs.has(lc.lang)" class="px-3 sm:px-4 pb-3 -mt-0.5">
+              <p v-if="lc.definition" class="text-xs text-ink-300 leading-relaxed pl-[22px]">{{ plainTruncate(lc.definition) }}</p>
+              <p v-else class="text-xs text-ink-200 leading-relaxed pl-[22px]">
+                <template v-if="lc.notes.length">{{ lc.notes.length }} note{{ lc.notes.length > 1 ? 's' : '' }}</template>
+                <template v-if="lc.notes.length && lc.examples.length"> &middot; </template>
+                <template v-if="lc.examples.length">{{ lc.examples.length }} example{{ lc.examples.length > 1 ? 's' : '' }}</template>
+              </p>
             </div>
             <!-- Expandable content -->
@@ -440,9 +465,10 @@ function plainTruncate(html: string, max: number = 120): string {
                   v-for="edge in outgoingEdges"
                   :key="edge.target"
                   @click="navigateEdge(edge)"
-                  class="text-sm concept-link block truncate w-full text-left"
+                  class="text-sm concept-link block truncate w-full text-left flex items-center gap-1.5"
                 >
                   {{ edge.label || edge.target.split('/').pop() }}
+                  <span v-if="edgeDatasetBadge(edge.target)" class="badge badge-gray text-[9px] flex-shrink-0 truncate max-w-[100px]">{{ edgeDatasetBadge(edge.target)!.title }}</span>
                 </button>
               </div>
             </div>
@@ -453,9 +479,10 @@ function plainTruncate(html: string, max: number = 120): string {
                   v-for="edge in incomingEdges"
                   :key="edge.source"
                   @click="navigateEdge(edge)"
-                  class="text-sm concept-link block truncate w-full text-left"
+                  class="text-sm concept-link block truncate w-full text-left flex items-center gap-1.5"
                 >
                   {{ edge.label || edge.source.split('/').pop() }}
+                  <span v-if="edgeDatasetBadge(edge.source)" class="badge badge-gray text-[9px] flex-shrink-0 truncate max-w-[100px]">{{ edgeDatasetBadge(edge.source)!.title }}</span>
                 </button>
               </div>
             </div>

package/src/components/SearchBar.vue CHANGED Viewed

@@ -224,8 +224,10 @@ onMounted(() => {
               <div class="min-w-0">
                 <span class="font-medium text-ink-800 group-hover:text-ink-900 transition-colors">{{ hit.designation }}</span>
                 <span class="text-xs text-ink-300 ml-2 font-mono">{{ hit.conceptId }}</span>
+                <span v-if="hit.snippet" class="block text-xs text-ink-300 mt-0.5 truncate">{{ hit.snippet }}</span>
               </div>
               <div class="flex items-center gap-2 flex-shrink-0">
+                <span v-if="hit.matchField === 'id'" class="badge badge-gray text-[10px]">ID match</span>
                 <span class="text-xs font-semibold text-ink-500 bg-ink-50 px-1.5 py-0.5 rounded">{{ langName(hit.language) }}</span>
               </div>
             </button>

package/src/style.css CHANGED Viewed

@@ -127,6 +127,9 @@
     padding-left: 1.25rem;
     margin: 0.5rem 0;
   }
+  .concept-list-ordered {
+    list-style: decimal;
+  }
   .concept-list li {
     margin: 0.25rem 0;
   }

package/src/utils/concept-formats.ts CHANGED Viewed

@@ -9,6 +9,7 @@ export interface FormatDescriptor {
 export const FORMAT_REGISTRY: Record<string, FormatDescriptor> = {
   ttl: { extension: 'ttl', label: 'Turtle RDF', mediaType: 'text/turtle' },
   jsonld: { extension: 'jsonld', label: 'JSON-LD', mediaType: 'application/ld+json' },
+  tbx: { extension: 'tbx', label: 'TBX-XML', mediaType: 'application/xml' },
   yaml: { extension: 'yaml', label: 'YAML', mediaType: 'text/yaml' },
 };

package/src/utils/math.ts CHANGED Viewed

@@ -4,9 +4,11 @@ export type XrefResolver = (uri: string, term: string) => string;
 /**
  * Convert `* item` lines into <ul><li> blocks.
+ * Also handles `1)` and `1.` numbered items into ordered lists.
  */
 function convertLists(text: string): string {
-  return text.replace(/(?:^|\n\n)((?:[ \t]*\* [^\n]+)(?:\n\n[ \t]*\* [^\n]+)*)/g, (_, block) => {
+  // Unordered: * item (separated by \n or \n\n)
+  let result = text.replace(/(?:^|\n)((?:[ \t]*\* [^\n]+)(?:\n[ \t]*\* [^\n]+)*)/g, (_, block) => {
     if (/^\*stem:\[/.test(block.trimStart())) return _;
     const items: string[] = [];
     const re = /[ \t]*\* ([^\n]+)/g;
@@ -16,8 +18,23 @@ function convertLists(text: string): string {
     }
     if (!items.length) return _;
     const lis = items.map(item => `<li>${item}</li>`).join('');
-    return `<ul class="concept-list">${lis}</ul>`;
+    return `\n<ul class="concept-list">${lis}</ul>`;
   });
+  // Ordered: 1) item or 1. item (numbered items)
+  result = result.replace(/(?:^|\n)((?:[ \t]*\d+[).][ \t]+[^\n]+)(?:\n[ \t]*\d+[).][ \t]+[^\n]+)*)/g, (_, block) => {
+    const items: string[] = [];
+    const re = /[ \t]*\d+[).][ \t]+([^\n]+)/g;
+    let m;
+    while ((m = re.exec(block)) !== null) {
+      items.push(m[1].trim());
+    }
+    if (!items.length) return _;
+    const lis = items.map(item => `<li>${item}</li>`).join('');
+    return `\n<ol class="concept-list concept-list-ordered">${lis}</ol>`;
+  });
+  return result;
 }
 /**

package/src/views/ContributorsView.vue CHANGED Viewed

@@ -37,6 +37,11 @@ onMounted(async () => {
 <template>
   <div class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+    <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">Home</router-link>
+      <span class="text-ink-200">/</span>
+      <span class="text-ink-700">Contributors</span>
+    </nav>
     <h1 class="font-serif text-3xl text-ink-800 mb-2">Contributors</h1>
     <p class="text-ink-400 mb-8">
       Organizations and individuals contributing to {{ config?.branding?.ownerName || config?.title || 'this glossary' }}.

package/src/views/DatasetView.vue CHANGED Viewed

@@ -224,10 +224,15 @@ function goToPage(p: number) {
           </svg>
         </div>
         <span class="text-sm text-ink-400">
-          {{ filter.trim()
-            ? `${filtered.length.toLocaleString()} of ${totalConceptCount.toLocaleString()} concepts`
-            : `${totalConceptCount.toLocaleString()} concepts`
-          }}
+          <template v-if="filter.trim()">
+            {{ filtered.length.toLocaleString() }} of {{ totalConceptCount.toLocaleString() }} concepts
+          </template>
+          <template v-else-if="totalPages > 1">
+            {{ ((page - 1) * perPage + 1).toLocaleString() }}–{{ Math.min(page * perPage, totalConceptCount).toLocaleString() }} of {{ totalConceptCount.toLocaleString() }} concepts
+          </template>
+          <template v-else>
+            {{ totalConceptCount.toLocaleString() }} concepts
+          </template>
         </span>
       </div>

package/src/views/GraphView.vue CHANGED Viewed

@@ -43,10 +43,10 @@ onMounted(async () => {
 <template>
   <div class="flex flex-col" style="height: calc(100vh - 56px)">
     <div class="px-4 sm:px-6 py-3 border-b border-ink-100/60 bg-surface-raised flex items-center gap-3 flex-shrink-0">
-      <nav aria-label="Breadcrumb" class="flex items-center gap-1.5 text-sm">
-        <router-link :to="{ name: 'home' }" class="text-ink-400 hover:text-ink-700 transition-colors">Home</router-link>
+      <nav aria-label="Breadcrumb" class="flex items-center gap-1.5 text-sm text-ink-400">
+        <router-link :to="{ name: 'home' }" class="hover:text-ink-700 transition-colors">Home</router-link>
         <span class="text-ink-200">/</span>
-        <span class="text-ink-700 font-medium">Graph View</span>
+        <span class="text-ink-700">Graph View</span>
       </nav>
       <span class="text-xs text-ink-300 ml-1">
         {{ graphEdges.length.toLocaleString() }} edges

package/src/views/HomeView.vue CHANGED Viewed

@@ -80,8 +80,7 @@ function goToGraph() { router.push({ name: 'graph' }); }
         <template v-if="!siteConfig?.subtitle">Terminology<br class="hidden sm:block" /> Register</template>
       </h1>
       <p class="text-base text-ink-400 max-w-lg leading-relaxed">
-        Explore standardized terminology datasets from ISO and IEC technical committees.
-        Browse concepts, definitions, and cross-references across multilingual vocabularies.
+        {{ siteConfig?.description || 'Explore standardized terminology datasets from ISO and IEC technical committees. Browse concepts, definitions, and cross-references across multilingual vocabularies.' }}
       </p>
       <div class="flex flex-wrap gap-3 mt-7">
         <button @click="goToSearch" class="btn-primary flex items-center gap-2">
@@ -121,7 +120,12 @@ function goToGraph() { router.push({ name: 'graph' }); }
       <div class="section-label mb-0">Available Datasets</div>
       <span class="text-xs text-ink-300">Click to browse</span>
     </div>
-    <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
+    <div :class="[
+      filteredDatasets.length === 1 ? 'max-w-md' : '',
+      filteredDatasets.length === 2 ? 'max-w-3xl' : '',
+      'grid gap-4',
+      filteredDatasets.length === 1 ? 'grid-cols-1' : 'grid-cols-1 md:grid-cols-2 lg:grid-cols-3'
+    ]">
       <button
         v-for="(ds, idx) in filteredDatasets"
         :key="ds.id"

package/src/views/NewsView.vue CHANGED Viewed

@@ -75,6 +75,11 @@ function formatDate(dateStr: string) {
 <template>
   <div class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+    <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">Home</router-link>
+      <span class="text-ink-200">/</span>
+      <span class="text-ink-700">News</span>
+    </nav>
     <h1 class="font-serif text-3xl text-ink-800 mb-2">News</h1>
     <p class="text-ink-400 mb-8">
       Updates from {{ config?.branding?.ownerName || config?.title || 'Glossarist' }}.

package/src/views/ResolveView.vue CHANGED Viewed

@@ -53,7 +53,7 @@ onMounted(async () => {
       <p class="text-ink-500 mb-2">The following concept URI could not be resolved:</p>
       <code class="text-sm text-ink-600 break-all bg-ink-50 px-3 py-2 rounded">{{ uri }}</code>
       <div class="mt-8">
-        <router-link :to="{ name: 'home' }" class="text-blue-600 hover:underline">Return to home</router-link>
+        <router-link :to="{ name: 'home' }" class="concept-link">Return to home</router-link>
       </div>
     </template>
     <template v-else>