@glossarist/concept-browser 0.7.25 → 0.7.27

package/package.json

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

package/src/adapters/factory.ts

@@ -46,7 +46,18 @@ export class AdapterFactory {
       await Promise.all(needManifest.map(a => a.loadManifest().catch(() => {})));
     }
 
+    // Register all datasets' URI patterns eagerly so cross-dataset refs resolve
+    for (const adapter of adapters) {
+      if (adapter.manifest) {
+        this.registerUriPatterns(adapter.registerId, adapter.manifest);
+      }
+    }
+    for (const adapter of this.adapters.values()) {
+      adapter.setUrnMap(this.urnMap);
+    }
+
     return adapters;
+
   }
 
   getAdapter(registerId: string): DatasetAdapter | undefined {
@@ -57,6 +68,29 @@ export class AdapterFactory {
     return [...this.adapters.values()];
   }
 
+
+  private registerUriPatterns(registerId: string, manifest: Manifest): void {
+    const uriPatterns = [
+      manifest.datasetUri,
+      ...(manifest.uriAliases ?? []),
+      manifest.uriBase ? `${manifest.uriBase}/${registerId}/*` : undefined,
+    ].filter(Boolean) as string[];
+    this.resolver.registerDataset(registerId, uriPatterns);
+
+    if (manifest.ref) {
+      this.resolver.registerSourceRef(manifest.ref, registerId, manifest.datasetUri);
+    }
+    for (const alias of manifest.refAliases ?? []) {
+      this.resolver.registerSourceRef(alias, registerId, manifest.datasetUri);
+    }
+
+    if (manifest.datasetUri) this.urnMap.set(manifest.datasetUri, registerId);
+    for (const alias of manifest.uriAliases ?? []) {
+      const base = alias.endsWith('*') ? alias.slice(0, -1) : alias;
+      if (base.startsWith('urn:')) this.urnMap.set(base, registerId);
+    }
+  }
+
   async loadDataset(registerId: string): Promise<DatasetAdapter> {
     const adapter = this.adapters.get(registerId);
     if (!adapter) throw new Error(`Unknown dataset: ${registerId}`);

package/src/components/AppSidebar.vue

@@ -252,7 +252,7 @@ const activeSectionId = computed(() => {
           <button
             v-if="group.label"
             @click="toggleGroup(group.id)"
-            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"
+            class="sidebar-group-label 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] mt-0.5 flex-shrink-0">{{ isGroupExpanded(group.id) ? '▾' : '▸' }}</span>

package/src/components/ConceptDetail.vue

@@ -143,6 +143,17 @@ async function navigateRelated(ref: { source: string | null; id: string | null }
   router.push({ name: 'concept', params: { registerId: target.registerId, conceptId: target.conceptId } });
 }
 
+function relatedLabel(dr: { content?: string | null; ref?: { source: string | null; id: string | null } | null }): string {
+  if (dr.content) return dr.content;
+  const resolved = dr.ref ? getResolvedRef(dr.ref).target : null;
+  if (resolved) {
+    const m = store.manifests.get(resolved.registerId);
+    const dsLabel = m?.shortname || m?.title || resolved.registerId;
+    return `${resolved.conceptId} (${dsLabel})`;
+  }
+  return dr.ref ? `${dr.ref.id || ''} (${dr.ref.source || ''})`.trim() : '';
+}
+
 // Cross-reference resolver: generates clickable links for inline refs
 
 const { ensureBibLoaded, bibResolver, figResolver } = useRenderOptions(() => props.registerId);
@@ -353,7 +364,7 @@ const edgeDisplayCache = computed(() => {
 });
 
 function getEdgeDisplay(uri: string): EdgeDisplay {
-  return edgeDisplayCache.value.get(uri) ?? { uri, conceptId: uri, tooltip: uri, isLocal: false, badge: null };
+  return edgeDisplayCache.value.get(uri) ?? { uri, conceptId: uri, designation: "", tooltip: uri, isLocal: false, badge: null };
 }
 
 interface ResolvedRef {
@@ -391,7 +402,7 @@ async function navigateEdge(edge: GraphEdge) {
 
 function navigateDomain(domain: { slug: string; conceptId?: string }) {
   const sectionId = domain.conceptId || domain.slug;
-  router.push({ name: 'dataset', params: { registerId: manifest.id }, query: { section: sectionId } });
+  router.push({ name: 'dataset', params: { registerId: props.manifest.id }, query: { section: sectionId } });
 }
 
 function getTermForLang(lang: string): string {
@@ -670,8 +681,8 @@ const nonVerbalReps = computed(() => {
                   <div v-if="d.related?.length" class="mt-0.5 space-y-0.5">
                     <div v-for="(dr, dri) in d.related" :key="'dr'+dri" class="text-xs text-ink-400 flex items-center gap-1.5">
                       <span class="badge text-[9px] bg-gray-50 text-gray-600">{{ relationshipLabel(dr.type) }}</span>
-                      <button v-if="getResolvedRef(dr.ref).target" @click="navigateRelated(dr.ref!)" class="concept-link">{{ dr.content || (dr.ref ? `${dr.ref.source || ''} ${dr.ref.id || ''}`.trim() : '') }}</button>
-                      <span v-else>{{ dr.content || (dr.ref ? `${dr.ref.source || ''} ${dr.ref.id || ''}`.trim() : '') }}</span>
+                      <button v-if="getResolvedRef(dr.ref).target" @click="navigateRelated(dr.ref!)" class="concept-link">{{ relatedLabel(dr) }}</button>
+                      <span v-else>{{ relatedLabel(dr) }}</span>
                     </div>
                   </div>
                 </div>

package/src/components/GraphPanel.vue

@@ -30,6 +30,7 @@ const containerRef = ref<HTMLDivElement | null>(null);
 const selectedNode = ref<GraphNode | null>(null);
 const detailCloseRef = ref<HTMLButtonElement | null>(null);
 const labelMode = ref<'designation' | 'identifier'>('designation');
+const showDomains = ref(true);
 
 // Dataset enable/disable state
 const registerEnabled = reactive<Record<string, boolean>>({});
@@ -74,7 +75,8 @@ const enabledRegisters = computed(() => {
 
 const visibleNodes = computed(() => {
   const enabled = enabledRegisters.value;
-  return props.nodes.filter(n => enabled.has(n.register));
+  const domains = showDomains.value;
+  return props.nodes.filter(n => enabled.has(n.register) && (domains || n.nodeType !== 'domain'));
 });
 
 const visibleNodeUris = computed(() => {
@@ -549,6 +551,14 @@ function selectedNodeColor(): string {
             </div>
           </div>
 
+          <!-- Domain/section toggle -->
+          <div class="flex items-center gap-2 mt-3">
+            <label class="flex items-center gap-1.5 cursor-pointer text-xs text-ink-500">
+              <input type="checkbox" v-model="showDomains" @change="rebuildGraph()" class="rounded border-ink-200 text-ink-800 focus:ring-ink-400 w-3.5 h-3.5" />
+              {{ t('graph.showDomains') }}
+            </label>
+          </div>
+
           <div v-if="nodeCount === 0" class="text-xs text-ink-300 mt-3 leading-relaxed">
             {{ props.edges.length > 0 ? t('graph.enableDatasets') : t('graph.browseToPopulate') }}
           </div>

package/src/i18n/locales/eng.yml

@@ -157,6 +157,7 @@ graph.stubStatus: stub
 graph.collapseControls: Collapse controls
 graph.expandControls: Expand controls
 graph.loading: Loading graph data...
+graph.showDomains: Show domains/sections
 
 # Sidebar provenance
 sidebar.provenance: Provenance

package/src/i18n/locales/fra.yml

@@ -157,6 +157,7 @@ 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...
+graph.showDomains: Afficher les domaines/sections
 
 # Sidebar provenance
 sidebar.provenance: Provenance

package/src/style.css

@@ -434,6 +434,14 @@
 .dark .bg-red-50 { background-color: rgba(239, 68, 68, 0.15) !important; }
 .dark .text-red-600 { color: #fca5a5 !important; }
 
+/* ── Sidebar group labels (brand colors are too dark in dark mode) ── */
+.dark .sidebar-group-label {
+  filter: brightness(2);
+}
+.dark .sidebar-group-label:hover {
+  filter: brightness(1.8);
+}
+
 /* Scrollbar hide utility */
 @layer utilities {
   .scrollbar-none { -ms-overflow-style: none; scrollbar-width: none; }