@glossarist/concept-browser 0.7.60 → 0.7.61

package/README.md

@@ -432,7 +432,7 @@ Sites currently powered by `@glossarist/concept-browser`. When cutting a release
 | [`geolexica/osgeo.geolexica.org`](https://github.com/geolexica/osgeo.geolexica.org) | https://osgeo.geolexica.org |
 | [`oimlsmart/vocab`](https://github.com/oimlsmart/vocab) | https://www.oimlsmart.org/vocab/ (VIML)¹ |
 | [`metanorma/oiml-terms`](https://github.com/metanorma/oiml-terms) | https://metanorma.github.io/oiml-terms/ |
-| [`metanorma/iala-vocab`](https://github.com/metanorma/iala-vocab) | https://metanorma.github.io/iala-vocab/ |
+| [`glossarist/iala-vocab`](https://github.com/glossarist/iala-vocab) | https://glossarist.github.io/iala-vocab/ |
 | [`metanorma/iso-10303-2-vocab`](https://github.com/metanorma/iso-10303-2-vocab) | https://metanorma.github.io/iso-10303-2-vocab/ |
 
 To add a new deployment here, open a PR against this README.

package/package.json

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

package/src/config/group-types.ts

@@ -33,7 +33,7 @@ export const GROUP_TYPES: Record<DatasetGroupKind, GroupTypeMeta> = {
     kind: 'lineage',
     label: 'Edition series',
     description: 'Same vocabulary, different editions over time',
-    glyph: '⏳',
+    glyph: '⟶',
     ordered: true,
     supersession: true,
     sameVocabulary: true,

package/src/views/DatasetView.vue

@@ -2,6 +2,7 @@
 import { computed, ref, watch, onMounted, onUnmounted, onBeforeUnmount } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
 import { useVocabularyStore } from '../stores/vocabulary';
+import { useUiStore } from '../stores/ui';
 import { useDsStyle } from '../utils/dataset-style';
 import { useDatasetLoader } from '../composables/use-dataset-loader';
 import { FORMAT_LABELS } from '../config/types';
@@ -17,6 +18,7 @@ import { formatSectionLabel } from '../utils/section-display';
 const props = defineProps<{ registerId: string }>();
 
 const store = useVocabularyStore();
+const uiStore = useUiStore();
 const { getStyle } = useDsStyle();
 const { ensureLoaded, loading, localError } = useDatasetLoader(() => props.registerId);
 const { t } = useI18n();
@@ -30,6 +32,16 @@ const localizedDescription = computed(() => localizedDatasetField(props.register
 const adapter = computed(() => store.datasets.get(props.registerId));
 const chunkLoading = ref(false);
 
+// Concept-count badge: tinted bg + always-readable text in either mode.
+// Previously used `.light` for bg and `.dark` for text — but `.dark` is
+// just `.light` with alpha, so text was invisible against the bg.
+const conceptCountBadgeStyle = computed(() => {
+  const s = getStyle(props.registerId);
+  return uiStore.isDark
+    ? { backgroundColor: s.darkAlpha(0.25), color: s.light }
+    : { backgroundColor: s.light, color: '#ffffff' };
+});
+
 // Background chunk preloading via requestIdleCallback
 let idlePreloadHandle: ReturnType<typeof requestIdleCallback> | ReturnType<typeof setTimeout> | null = null;
 
@@ -310,7 +322,7 @@ function clearSection() {
       <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" :style="conceptCountBadgeStyle">{{ manifest.conceptCount.toLocaleString() }} {{ t('dataset.concepts') }}</span>
         <span class="badge badge-gray">{{ manifest.languages.length }} {{ t('dataset.languages') }}</span>
         <span class="badge badge-green">{{ manifest.owner }}</span>
         <router-link :to="{ name: 'stats', params: { registerId } }" class="badge badge-blue hover:opacity-80 transition-opacity">

package/src/views/HomeView.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { computed, ref } from 'vue';
 import { useVocabularyStore } from '../stores/vocabulary';
+import { useUiStore } from '../stores/ui';
 import { useRouter } from 'vue-router';
 import { useDsStyle } from '../utils/dataset-style';
 import { useSiteConfig } from '../config/use-site-config';
@@ -8,10 +9,18 @@ import { useI18n } from '../i18n';
 import HomeSeriesSection from '../components/HomeSeriesSection.vue';
 
 const store = useVocabularyStore();
+const uiStore = useUiStore();
 const router = useRouter();
 const { getStyle } = useDsStyle();
 const { config: siteConfig, localizedTitle, localizedSubtitle, localizedDescription, localizedDatasetField } = useSiteConfig();
 const { t } = useI18n();
+
+function tagBadgeStyle(dsId: string) {
+  const s = getStyle(dsId);
+  return uiStore.isDark
+    ? { backgroundColor: s.darkAlpha(0.25), color: s.light }
+    : { backgroundColor: s.light, color: '#ffffff' };
+}
 const exploring = ref(false);
 
 async function exploreRandom() {
@@ -181,7 +190,7 @@ function goToGraph() { router.push({ name: 'graph' }); }
           </div>
 
           <div class="flex flex-wrap gap-1.5 pl-[22px] mb-3">
-            <span v-for="tag in (ds.manifest.tags ?? []).slice(0, 3)" :key="tag" class="badge text-[10px]" :style="{ backgroundColor: getStyle(ds.id).light, color: getStyle(ds.id).dark }">
+            <span v-for="tag in (ds.manifest.tags ?? []).slice(0, 3)" :key="tag" class="badge text-[10px]" :style="tagBadgeStyle(ds.id)">
               {{ tag }}
             </span>
           </div>