@glossarist/concept-browser 0.7.78 → 0.7.80

package/src/islands/GraphIsland.vue

@@ -1,15 +0,0 @@
-<template>
-  <ErrorBoundary title="Graph view failed" retry-key="graph">
-    <GraphPanel :nodes="nodes" :edges="edges" />
-  </ErrorBoundary>
-</template>
-
-<script setup lang="ts">
-import GraphPanel from '../components/GraphPanel.vue';
-import ErrorBoundary from '../components/ErrorBoundary.vue';
-
-defineProps<{
-  nodes: Array<{ id: string; label: string; group?: string }>;
-  edges: Array<{ source: string; target: string; type?: string }>;
-}>();
-</script>

package/src/islands/GroupRendererIsland.vue

@@ -1,15 +0,0 @@
-<template>
-  <ErrorBoundary title="Group renderer failed">
-    <DatasetGroupRenderer :group="group" :datasets="datasets" />
-  </ErrorBoundary>
-</template>
-
-<script setup lang="ts">
-import DatasetGroupRenderer from '../components/DatasetGroupRenderer.vue';
-import ErrorBoundary from '../components/ErrorBoundary.vue';
-
-defineProps<{
-  group: any;
-  datasets: any[];
-}>();
-</script>

package/src/islands/HeaderIsland.vue

@@ -1,10 +0,0 @@
-<template>
-  <ErrorBoundary title="Header failed">
-    <AppHeader />
-  </ErrorBoundary>
-</template>
-
-<script setup lang="ts">
-import AppHeader from '../components/AppHeader.vue';
-import ErrorBoundary from '../components/ErrorBoundary.vue';
-</script>

package/src/islands/NonVerbalIsland.vue

@@ -1,75 +0,0 @@
-<template>
-  <div class="nvr-island">
-    <section v-if="figures.length" class="mb-6">
-      <h2 class="text-sm font-semibold text-ink-500 uppercase tracking-wider mb-3">Figures</h2>
-      <div class="space-y-4">
-        <figure v-for="(fig, i) in figures" :key="i" class="card p-4">
-          <figcaption class="text-sm text-ink-600 dark:text-ink-300 mb-2" dir="auto">{{ fig.caption || `Figure ${i + 1}` }}</figcaption>
-          <div v-if="fig.images?.length" class="grid grid-cols-2 gap-2">
-            <img
-              v-for="(img, j) in fig.images"
-              :key="j"
-              :src="`/data/${registerId}/images/${img.src}`"
-              :alt="fig.altText || fig.caption || `Figure ${i + 1}`"
-              class="rounded border border-ink-200 dark:border-ink-700 max-w-full"
-              loading="lazy"
-            />
-          </div>
-          <p v-if="fig.description" class="text-xs text-ink-400 mt-2" dir="auto">{{ fig.description }}</p>
-        </figure>
-      </div>
-    </section>
-
-    <section v-if="tables.length" class="mb-6">
-      <h2 class="text-sm font-semibold text-ink-500 uppercase tracking-wider mb-3">Tables</h2>
-      <div class="space-y-4">
-        <div v-for="(tbl, i) in tables" :key="i" class="card p-4">
-          <p class="text-sm text-ink-600 dark:text-ink-300 mb-2" dir="auto">{{ tbl.caption || `Table ${i + 1}` }}</p>
-          <div v-if="tbl.rows?.length" class="overflow-x-auto">
-            <table class="w-full text-sm">
-              <tbody>
-                <tr v-for="(row, r) in tbl.rows" :key="r" class="border-b border-ink-100 dark:border-ink-700">
-                  <td v-for="(cell, c) in row" :key="c" class="py-1 px-2 text-ink-600 dark:text-ink-300" dir="auto">{{ cell }}</td>
-                </tr>
-              </tbody>
-            </table>
-          </div>
-        </div>
-      </div>
-    </section>
-
-    <section v-if="formulas.length" class="mb-6">
-      <h2 class="text-sm font-semibold text-ink-500 uppercase tracking-wider mb-3">Formulas</h2>
-      <div class="space-y-3">
-        <div v-for="(fml, i) in formulas" :key="i" class="card p-4">
-          <p v-if="fml.caption" class="text-sm text-ink-600 dark:text-ink-300 mb-2" dir="auto">{{ fml.caption }}</p>
-          <code class="text-sm font-mono text-ink-700 dark:text-ink-200 bg-ink-50 dark:bg-ink-800 px-2 py-1 rounded" dir="auto">{{ fml.content || fml.latex || fml.text || '' }}</code>
-        </div>
-      </div>
-    </section>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { computed } from 'vue';
-
-const props = defineProps<{
-  nonVerbalReps?: Array<{
-    type?: string;
-    caption?: string;
-    description?: string;
-    images?: Array<{ src: string }>;
-    altText?: string;
-    rows?: string[][];
-    content?: string;
-    latex?: string;
-    text?: string;
-  }>;
-  registerId: string;
-}>();
-
-const all = computed(() => props.nonVerbalReps || []);
-const figures = computed(() => all.value.filter(r => r.type === 'figure'));
-const tables = computed(() => all.value.filter(r => r.type === 'table'));
-const formulas = computed(() => all.value.filter(r => r.type === 'formula'));
-</script>

package/src/islands/RelationSphereIsland.vue

@@ -1,20 +0,0 @@
-<template>
-  <ErrorBoundary title="Sphere view failed" :retry-key="conceptUri">
-    <RelationSphere
-      :concept="concept"
-      :edges="edges"
-      :concept-uri="conceptUri"
-    />
-  </ErrorBoundary>
-</template>
-
-<script setup lang="ts">
-import RelationSphere from '../components/RelationSphere.vue';
-import ErrorBoundary from '../components/ErrorBoundary.vue';
-
-defineProps<{
-  concept: any;
-  conceptUri: string;
-  edges?: any[];
-}>();
-</script>

package/src/islands/SearchIsland.vue

@@ -1,23 +0,0 @@
-<template>
-  <ErrorBoundary title="Search failed" retry-key="search">
-    <div class="search-island">
-      <SearchBar />
-      <SearchResults />
-    </div>
-  </ErrorBoundary>
-</template>
-
-<script setup lang="ts">
-import SearchBar from '../components/SearchBar.vue';
-import SearchResults from '../components/SearchResults.vue';
-import ErrorBoundary from '../components/ErrorBoundary.vue';
-
-defineProps<{
-  concepts?: Array<{
-    conceptId: string;
-    registerId: string;
-    term: string;
-    status: string;
-  }>;
-}>();
-</script>

package/src/islands/SeriesCardIsland.vue

@@ -1,12 +0,0 @@
-<template>
-  <ErrorBoundary title="Series card failed">
-    <DatasetSeriesCard :register-id="registerId" />
-  </ErrorBoundary>
-</template>
-
-<script setup lang="ts">
-import DatasetSeriesCard from '../components/DatasetSeriesCard.vue';
-import ErrorBoundary from '../components/ErrorBoundary.vue';
-
-defineProps<{ registerId: string }>();
-</script>

package/src/islands/ShortcutsIsland.vue

@@ -1,13 +0,0 @@
-<template>
-  <ErrorBoundary title="Shortcuts failed">
-    <ShortcutsModal :open="open" @close="$emit('close')" />
-  </ErrorBoundary>
-</template>
-
-<script setup lang="ts">
-import ShortcutsModal from '../components/ShortcutsModal.vue';
-import ErrorBoundary from '../components/ErrorBoundary.vue';
-
-defineProps<{ open: boolean }>();
-defineEmits<{ close: [] }>();
-</script>

package/src/islands/SidebarIsland.vue

@@ -1,15 +0,0 @@
-<template>
-  <ErrorBoundary title="Sidebar failed">
-    <AppSidebar />
-  </ErrorBoundary>
-</template>
-
-<script setup lang="ts">
-import AppSidebar from '../components/AppSidebar.vue';
-import ErrorBoundary from '../components/ErrorBoundary.vue';
-
-defineProps<{
-  activeDataset?: string;
-  activeGroup?: string;
-}>();
-</script>

package/src/islands/SupersessionDiffIsland.vue

@@ -1,267 +0,0 @@
-<template>
-  <div class="supersession-diff">
-    <!-- Supersession badge -->
-    <div v-if="supersedes || supersededBy" class="mb-4 flex items-center gap-2 flex-wrap">
-      <span v-if="supersededBy" class="inline-flex items-center gap-1.5 text-xs px-2.5 py-1 rounded-full bg-amber-100 dark:bg-amber-900/30 text-amber-700 dark:text-amber-300 font-medium">
-        <svg 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="M7 11l5-5m0 0l5 5m-5-5v12"/></svg>
-        Superseded by
-        <a :href="`/dataset/${supersededBy.registerId}/concept/${supersededBy.conceptId}`" class="underline hover:text-amber-800 dark:hover:text-amber-200">
-          {{ supersededBy.term || supersededBy.conceptId }}
-        </a>
-        <button v-if="supersededBy.conceptData" @click="compareWith(supersededBy)" class="ml-1 text-amber-600 dark:text-amber-400 hover:text-amber-800 dark:hover:text-amber-200 underline">
-          compare →
-        </button>
-      </span>
-      <span v-if="supersedes" class="inline-flex items-center gap-1.5 text-xs px-2.5 py-1 rounded-full bg-blue-100 dark:bg-blue-900/30 text-blue-700 dark:text-blue-300 font-medium">
-        <svg 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="M17 13l-5 5m0 0l-5-5m5 5V6"/></svg>
-        Supersedes
-        <a :href="`/dataset/${supersedes.registerId}/concept/${supersedes.conceptId}`" class="underline hover:text-blue-800 dark:hover:text-blue-200">
-          {{ supersedes.term || supersedes.conceptId }}
-        </a>
-        <button v-if="supersedes.conceptData" @click="compareWith(supersedes)" class="ml-1 text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200 underline">
-          compare →
-        </button>
-      </span>
-    </div>
-
-    <!-- Comparison panel (slides in when user clicks "compare") -->
-    <Transition name="slide-down">
-      <div v-if="activeComparison" class="mt-4 border border-ink-200 dark:border-ink-700 rounded-lg overflow-hidden">
-        <!-- Header -->
-        <div class="flex items-center justify-between px-4 py-2.5 bg-ink-50/50 dark:bg-ink-800/30 border-b border-ink-100/60 dark:border-ink-700/40">
-          <div class="flex items-center gap-3">
-            <span class="text-sm font-medium text-ink-600 dark:text-ink-300">
-              Comparing: {{ concept.designations?.eng ?? concept.conceptId }}
-            </span>
-            <svg class="w-4 h-4 text-ink-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"/></svg>
-            <span class="text-sm font-medium text-ink-600 dark:text-ink-300">
-              {{ activeComparison.term || activeComparison.conceptId }}
-            </span>
-          </div>
-          <button @click="activeComparison = null; diffResult = null" class="text-ink-400 hover:text-ink-600 dark:hover:text-ink-200">
-            <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="M6 18L18 6M6 6l12 12"/></svg>
-          </button>
-        </div>
-
-        <!-- Diff content -->
-        <div class="p-4 space-y-4">
-          <!-- Similarity score -->
-          <div v-if="diffResult?.similarity != null" class="flex items-center gap-3">
-            <span class="text-xs text-ink-400 w-20">Similarity</span>
-            <div class="flex-1 max-w-xs bg-ink-100 dark:bg-ink-800 rounded-full h-2.5 overflow-hidden">
-              <div
-                class="h-full rounded-full transition-all duration-500"
-                :class="similarityColor(diffResult.similarity)"
-                :style="{ width: `${Math.round(diffResult.similarity * 100)}%` }"
-              />
-            </div>
-            <span class="text-sm font-medium" :class="similarityTextColor(diffResult.similarity)">
-              {{ Math.round(diffResult.similarity * 100) }}%
-            </span>
-            <span v-if="diffResult.stats" class="text-xs text-ink-400">
-              (+{{ diffResult.stats.added }} / -{{ diffResult.stats.removed }} / ~{{ diffResult.stats.changed }})
-            </span>
-          </div>
-
-          <!-- Definition diff -->
-          <section v-if="diffSections.definition">
-            <h4 class="text-xs font-semibold text-ink-400 uppercase tracking-wider mb-2">Definition</h4>
-            <div class="font-mono text-xs leading-relaxed">
-              <template v-if="diffSections.definition.hunks">
-                <span
-                  v-for="(hunk, i) in diffSections.definition.hunks"
-                  :key="i"
-                  :class="{
-                    'bg-emerald-100/70 dark:bg-emerald-900/20 text-emerald-700 dark:text-emerald-300': hunk.type === 'added',
-                    'bg-red-100/70 dark:bg-red-900/20 text-red-700 dark:text-red-300 line-through': hunk.type === 'removed',
-                    'text-ink-500': hunk.type === 'equal',
-                  }"
-                  dir="auto"
-                >{{ hunk.text }} </span>
-              </template>
-              <span v-else-if="diffSections.definition.type === 'added'" class="text-emerald-600 dark:text-emerald-400" dir="auto">
-                {{ diffSections.definition.value }}
-              </span>
-              <span v-else-if="diffSections.definition.type === 'removed'" class="text-red-500 dark:text-red-400 line-through" dir="auto">
-                {{ diffSections.definition.value }}
-              </span>
-            </div>
-          </section>
-
-          <!-- Designations diff -->
-          <section v-if="diffSections.designations">
-            <h4 class="text-xs font-semibold text-ink-400 uppercase tracking-wider mb-2">Designations</h4>
-            <div class="space-y-1">
-              <div v-for="(item, i) in diffSections.designations.items" :key="i" class="flex items-baseline gap-2 text-sm">
-                <span
-                  :class="{
-                    'bg-emerald-100 dark:bg-emerald-900/30 text-emerald-700 dark:text-emerald-300': item.type === 'added',
-                    'bg-red-100 dark:bg-red-900/30 text-red-700 dark:text-red-300': item.type === 'removed',
-                    'bg-ink-100 dark:bg-ink-800 text-ink-500': !item.type,
-                  }"
-                  class="text-xs px-1.5 py-0.5 rounded font-medium"
-                >{{ item.type ?? 'same' }}</span>
-                <span :class="{ 'line-through opacity-60': item.type === 'removed' }" dir="auto">{{ item.text }}</span>
-              </div>
-            </div>
-          </section>
-
-          <!-- Notes / Examples changes -->
-          <section v-if="diffSections.notes?.length || diffSections.examples?.length">
-            <h4 class="text-xs font-semibold text-ink-400 uppercase tracking-wider mb-2">Other changes</h4>
-            <div class="space-y-1">
-              <div v-for="(note, i) in diffSections.notes" :key="'n'+i" class="text-sm flex items-baseline gap-2">
-                <span class="text-xs px-1.5 py-0.5 rounded" :class="note.type === 'added' ? 'bg-emerald-100 text-emerald-600' : 'bg-red-100 text-red-600'">
-                  note {{ note.type }}
-                </span>
-                <span dir="auto">{{ note.text }}</span>
-              </div>
-              <div v-for="(ex, i) in diffSections.examples" :key="'e'+i" class="text-sm flex items-baseline gap-2">
-                <span class="text-xs px-1.5 py-0.5 rounded" :class="ex.type === 'added' ? 'bg-emerald-100 text-emerald-600' : 'bg-red-100 text-red-600'">
-                  example {{ ex.type }}
-                </span>
-                <span dir="auto">{{ ex.text }}</span>
-              </div>
-            </div>
-          </section>
-
-          <!-- No changes -->
-          <div v-if="diffResult && !diffResult.hasChanges" class="text-center py-4">
-            <p class="text-sm text-ink-400">Concepts are identical — no textual differences detected.</p>
-          </div>
-        </div>
-      </div>
-    </Transition>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref, computed } from 'vue';
-import { diffConcepts } from 'glossarist/diff';
-import type { ConceptDiff } from 'glossarist/diff';
-
-interface SupersessionTarget {
-  conceptId: string;
-  registerId: string;
-  term?: string;
-  conceptData?: any;
-}
-
-const props = defineProps<{
-  concept: any;
-  registerId: string;
-  supersedes?: SupersessionTarget | null;
-  supersededBy?: SupersessionTarget | null;
-}>();
-
-const activeComparison = ref<SupersessionTarget | null>(null);
-const diffResult = ref<ConceptDiff | null>(null);
-
-async function compareWith(target: SupersessionTarget) {
-  if (!target.conceptData) return;
-  activeComparison.value = target;
-  diffResult.value = null;
-
-  try {
-    const oldConcept = target === props.supersedes ? target.conceptData : props.concept;
-    const newConcept = target === props.supersedes ? props.concept : target.conceptData;
-    diffResult.value = diffConcepts(
-      toConceptLike(oldConcept),
-      toConceptLike(newConcept),
-    );
-  } catch (e) {
-    console.error('Supersession diff failed:', e);
-  }
-}
-
-function toConceptLike(data: any) {
-  const langs = data.languages ?? (data.localizations ? Object.keys(data.localizations) : []);
-  return {
-    id: data.conceptId ?? data.id,
-    termid: String(data.conceptId ?? data.id),
-    status: data.status,
-    uri: data.uri,
-    languages: langs,
-    localization(lang: string) {
-      const loc = (data.localizations ?? {})[lang];
-      if (!loc) return null;
-      return {
-        languageCode: loc.languageCode ?? lang,
-        terms: loc.terms ?? [],
-        definitions: loc.definitions ?? [],
-        notes: loc.notes ?? [],
-        examples: loc.examples ?? [],
-      };
-    },
-  };
-}
-
-const diffSections = computed(() => {
-  if (!diffResult.value) return {};
-  const diff = diffResult.value as any;
-  const loc = diff.localization?.('eng') ?? diff.localizations?.eng;
-  if (!loc) return {};
-  const out: any = {};
-
-  const defChanged = loc.definitions?.changed?.[0];
-  if (defChanged?.textDiff?.hunks?.length) {
-    out.definition = { hunks: defChanged.textDiff.hunks };
-  } else if (loc.definitions?.added?.length) {
-    out.definition = { type: 'added', value: loc.definitions.added[0].value?.content ?? loc.definitions.added[0].value };
-  } else if (loc.definitions?.removed?.length) {
-    out.definition = { type: 'removed', value: loc.definitions.removed[0].value?.content ?? loc.definitions.removed[0].value };
-  }
-
-  if (loc.designations?.added?.length || loc.designations?.removed?.length || loc.designations?.changed?.length) {
-    const items: Array<{ type?: string; text: string }> = [];
-    for (const d of loc.designations.added ?? []) {
-      items.push({ type: 'added', text: d.value?.designation ?? d.value?.text ?? String(d.value ?? '') });
-    }
-    for (const d of loc.designations.removed ?? []) {
-      items.push({ type: 'removed', text: d.value?.designation ?? d.value?.text ?? String(d.value ?? '') });
-    }
-    for (const d of loc.designations.changed ?? []) {
-      items.push({ type: 'removed', text: d.oldValue?.designation ?? d.oldValue?.text ?? String(d.oldValue ?? '') });
-      items.push({ type: 'added', text: d.newValue?.designation ?? d.newValue?.text ?? String(d.newValue ?? '') });
-    }
-    out.designations = { items };
-  }
-
-  if (loc.notes?.added?.length || loc.notes?.removed?.length) {
-    out.notes = [
-      ...(loc.notes.added ?? []).map((n: any) => ({ type: 'added', text: n.value?.content ?? n.value?.text ?? String(n.value ?? '') })),
-      ...(loc.notes.removed ?? []).map((n: any) => ({ type: 'removed', text: n.value?.content ?? n.value?.text ?? String(n.value ?? '') })),
-    ];
-  }
-
-  if (loc.examples?.added?.length || loc.examples?.removed?.length) {
-    out.examples = [
-      ...(loc.examples.added ?? []).map((e: any) => ({ type: 'added', text: e.value?.content ?? e.value?.text ?? String(e.value ?? '') })),
-      ...(loc.examples.removed ?? []).map((e: any) => ({ type: 'removed', text: e.value?.content ?? e.value?.text ?? String(e.value ?? '') })),
-    ];
-  }
-
-  return out;
-});
-
-function similarityColor(score: number): string {
-  if (score >= 0.8) return 'bg-emerald-500';
-  if (score >= 0.5) return 'bg-amber-500';
-  return 'bg-red-500';
-}
-function similarityTextColor(score: number): string {
-  if (score >= 0.8) return 'text-emerald-600 dark:text-emerald-400';
-  if (score >= 0.5) return 'text-amber-600 dark:text-amber-400';
-  return 'text-red-600 dark:text-red-400';
-}
-</script>
-
-<style scoped>
-.slide-down-enter-active, .slide-down-leave-active {
-  transition: all 0.3s ease;
-}
-.slide-down-enter-from, .slide-down-leave-to {
-  opacity: 0;
-  transform: translateY(-10px);
-}
-</style>

package/src/utils/hyperedge-styling.ts

@@ -1,48 +0,0 @@
-/**
- * Hyperedge styling — colors for partitive decompositions.
- *
- * Independent of relationship-categories.ts (which handles binary edges).
- * Hyperedges have their own visual language: teal base color, enumeration
- * affects opacity, markers add accent badges.
- */
-
-const BASE_LIGHT = '#0d9488';
-const BASE_DARK = '#2dd4bf';
-const ACCENT_DOUBLE_LIGHT = '#3b82f6';
-const ACCENT_DOUBLE_DARK = '#60a5fa';
-const ACCENT_DASHED_LIGHT = '#f59e0b';
-const ACCENT_DASHED_DARK = '#fbbf24';
-
-export interface HyperedgeStyle {
-  color: string;
-  badgeClass: string;
-  opacity: number;
-}
-
-export function hyperedgeStyle(
-  enumeration: 'closed' | 'open',
-  markers: string[],
-  isDark: boolean,
-): HyperedgeStyle {
-  const base = isDark ? BASE_DARK : BASE_LIGHT;
-  const opacity = enumeration === 'open' ? 0.6 : 1.0;
-
-  let badgeClass = 'badge-teal';
-  if (markers.includes('double')) {
-    badgeClass = isDark ? 'badge-blue' : 'badge-blue';
-  } else if (markers.includes('dashed')) {
-    badgeClass = 'badge-yellow';
-  }
-
-  return { color: base, badgeClass, opacity };
-}
-
-export function markerColor(marker: string, isDark: boolean): string {
-  if (marker === 'double') return isDark ? ACCENT_DOUBLE_DARK : ACCENT_DOUBLE_LIGHT;
-  if (marker === 'dashed') return isDark ? ACCENT_DASHED_DARK : ACCENT_DASHED_LIGHT;
-  return isDark ? BASE_DARK : BASE_LIGHT;
-}
-
-export function enumerationLabel(enumeration: 'closed' | 'open'): string {
-  return enumeration === 'open' ? 'Open (partial)' : 'Closed (complete)';
-}