@glossarist/concept-browser 0.4.17 → 0.4.18

package/package.json

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

package/src/adapters/model-bridge.ts

@@ -238,6 +238,7 @@ function conceptFromJsonLd(doc: Record<string, any>): Concept {
   }
 
   const related = (doc['gl:references'] ?? []).map(mapRelatedFromJsonLd);
+  const tags = Array.isArray(doc['gl:tags']) ? [...doc['gl:tags']] : [];
 
   return Concept.fromJSON({
     id,
@@ -245,6 +246,7 @@ function conceptFromJsonLd(doc: Record<string, any>): Concept {
     uri: doc['@id'] ?? null,
     localizations,
     related,
+    tags,
     status: null,
   });
 }

package/src/adapters/types.ts

@@ -82,6 +82,7 @@ export interface ConceptEntry {
   id: string;
   designations: Record<string, string>;
   groups: string[];
+  tags: string[];
   status: string;
 }
 

package/src/components/ConceptDetail.vue

@@ -83,6 +83,9 @@ const conceptDates = computed(() => props.concept.dates);
 // Managed concept sources (distinct from localized sources)
 const conceptSources = computed(() => props.concept.sources);
 
+// Managed concept tags
+const conceptTags = computed(() => props.concept.tags ?? []);
+
 // Cross-reference resolver: generates clickable links for inline refs
 
 const { ensureBibLoaded, bibResolver, figResolver } = useRenderOptions(() => props.registerId);
@@ -683,6 +686,14 @@ const nonVerbalReps = computed(() => {
             </div>
           </div>
 
+          <!-- Tags -->
+          <div v-if="conceptTags.length" class="card p-5">
+            <div class="section-label">Tags</div>
+            <div class="flex flex-wrap gap-1.5 mt-3">
+              <span v-for="tag in conceptTags" :key="tag" class="badge badge-gray text-[10px]">{{ tag }}</span>
+            </div>
+          </div>
+
           <!-- Managed concept dates -->
           <div v-if="conceptDates.length" class="card p-5">
             <div class="section-label">Lifecycle dates</div>