@glossarist/concept-browser 0.7.139 → 0.7.140

package/src/components/SearchBar.vue

@@ -1,13 +1,15 @@
 <script setup lang="ts">
-import { useRouter } from 'vue-router';
+import { useRoute, useRouter } from 'vue-router';
 import { useUiStore } from '../stores/ui';
 import { useVocabularyStore } from '../stores/vocabulary';
-import { ref, watch, onMounted, computed, nextTick } from 'vue';
+import { ref, watch, onBeforeUnmount, computed, nextTick } from 'vue';
 import type { SearchHit } from '../adapters/types';
 import { useI18n } from '../i18n';
 import SearchResults from './SearchResults.vue';
+import { orderSearchHits } from '../utils/search';
 
 const router = useRouter();
+const route = useRoute();
 const ui = useUiStore();
 const store = useVocabularyStore();
 const { t } = useI18n();
@@ -15,23 +17,39 @@ const query = ref('');
 const results = ref<SearchHit[]>([]);
 const searched = ref(false);
 const selectedIdx = ref(-1);
+const pageSize = 20;
+const currentPage = ref(1);
 const loading = ref(false);
 const searchError = ref<string | null>(null);
+const searchWarning = ref<string | null>(null);
 const searchInputEl = ref<HTMLInputElement | null>(null);
 let debounceTimer: ReturnType<typeof setTimeout> | null = null;
+let searchGeneration = 0;
+let activeQuery = '';
 
 async function doSearch() {
   const q = query.value.trim();
   if (!q) return;
+  if (debounceTimer) clearTimeout(debounceTimer);
+  debounceTimer = null;
+  const generation = ++searchGeneration;
+  activeQuery = q;
+  currentPage.value = 1;
+  selectedIdx.value = -1;
   ui.searchQuery = q;
   loading.value = true;
   searchError.value = null;
+  searchWarning.value = null;
   try {
-    results.value = await store.searchAcrossDatasets(q);
+    const hits = await store.searchAcrossDatasets(q);
+    if (generation !== searchGeneration) return;
+    results.value = hits;
+    searchWarning.value = store.searchWarning;
   } catch (e: any) {
+    if (generation !== searchGeneration) return;
     searchError.value = e.message || 'Search failed';
   } finally {
-    loading.value = false;
+    if (generation === searchGeneration) loading.value = false;
   }
   searched.value = true;
   selectedIdx.value = -1;
@@ -52,11 +70,24 @@ function onInput() {
   }, 300);
 }
 
-function clearSearch() {
+function resetSearch() {
+  searchGeneration++;
+  activeQuery = '';
+  if (debounceTimer) clearTimeout(debounceTimer);
+  debounceTimer = null;
+  ui.searchQuery = '';
   query.value = '';
   results.value = [];
+  loading.value = false;
+  searchError.value = null;
+  searchWarning.value = null;
   searched.value = false;
+  currentPage.value = 1;
   selectedIdx.value = -1;
+}
+
+function clearSearch() {
+  resetSearch();
   router.replace({ query: {} });
 }
 
@@ -66,10 +97,20 @@ interface GroupedResults {
   hits: SearchHit[];
 }
 
+const orderedResults = computed(() => ui.searchSort === 'language'
+  ? orderSearchHits(results.value, store.searchPriorityLanguages)
+  : results.value);
+
+watch(() => ui.searchSort, () => {
+  currentPage.value = 1;
+  selectedIdx.value = -1;
+});
+
 const groupedResults = computed(() => {
-  const capped = results.value.slice(0, 100);
+  const start = (currentPage.value - 1) * pageSize;
+  const pageHits = orderedResults.value.slice(start, start + pageSize);
   const map = new Map<string, SearchHit[]>();
-  for (const hit of capped) {
+  for (const hit of pageHits) {
     const group = map.get(hit.registerId) ?? [];
     group.push(hit);
     map.set(hit.registerId, group);
@@ -84,6 +125,11 @@ const groupedResults = computed(() => {
 
 const flatHits = computed(() => groupedResults.value.flatMap(g => g.hits));
 
+function changePage(page: number) {
+  currentPage.value = page;
+  selectedIdx.value = -1;
+}
+
 function goToHit(hit: SearchHit) {
   router.push({
     name: 'concept',
@@ -114,19 +160,20 @@ function scrollToSelected() {
   });
 }
 
-watch(() => ui.searchQuery, (q) => {
-  if (q && q !== query.value) {
-    query.value = q;
+watch(() => [route.name, route.query.q], () => {
+  const q = route.name === 'search' && typeof route.query.q === 'string'
+    ? route.query.q.trim()
+    : '';
+  // A completed search writes its query to the URL; do not run it twice.
+  if (q && q === activeQuery) return;
+  resetSearch();
+  query.value = q;
+  if (q) {
     doSearch();
   }
-});
+}, { immediate: true });
 
-onMounted(() => {
-  if (ui.searchQuery) {
-    query.value = ui.searchQuery;
-    doSearch();
-  }
-});
+onBeforeUnmount(resetSearch);
 </script>
 
 <template>
@@ -164,14 +211,22 @@ onMounted(() => {
       </div>
     </form>
 
+    <div v-if="searched && !loading && searchWarning" role="alert" class="card p-4 mb-4 border-red-200 bg-red-50/50">
+      <p class="text-sm text-red-700 mb-3">{{ t(searchWarning) }}</p>
+      <button @click="doSearch" class="btn-primary">{{ t('search.retry') }}</button>
+    </div>
+
     <SearchResults
       :loading="loading"
       :search-error="searchError"
       :searched="searched"
       :search-query="ui.searchQuery"
-      :results="results"
+      :results="orderedResults"
       :grouped-results="groupedResults"
       :selected-idx="selectedIdx"
+      :current-page="currentPage"
+      :page-size="pageSize"
+      @change-page="changePage"
       @retry="doSearch"
       @go-hit="goToHit"
     />

package/src/components/SearchResults.vue

@@ -2,8 +2,10 @@
 import { computed } from 'vue';
 import type { SearchHit } from '../adapters/types';
 import { langName } from '../utils/lang';
+import { entryStatusColor, entryStatusLabel, entryStatusDefinition } from '../utils/concept-helpers';
 import { useDsStyle } from '../utils/dataset-style';
 import { useI18n } from '../i18n';
+import { useUiStore } from '../stores/ui';
 
 interface GroupedResults {
   registerId: string;
@@ -11,7 +13,7 @@ interface GroupedResults {
   hits: SearchHit[];
 }
 
-const props = defineProps<{
+const props = withDefaults(defineProps<{
   loading: boolean;
   searchError: string | null;
   searched: boolean;
@@ -19,15 +21,26 @@ const props = defineProps<{
   results: SearchHit[];
   groupedResults: GroupedResults[];
   selectedIdx: number;
-}>();
+  currentPage?: number;
+  pageSize?: number;
+}>(), { currentPage: 1, pageSize: 20 });
 
 const emit = defineEmits<{
   retry: [];
+  changePage: [page: number];
   goHit: [hit: SearchHit];
 }>();
 
 const { getStyle } = useDsStyle();
 const { t } = useI18n();
+const uiStore = useUiStore();
+
+function updateSearchSort(event: Event) {
+  const value = (event.target as HTMLSelectElement).value;
+  if (value === 'language' || value === 'relevance') {
+    uiStore.setSearchSort(value);
+  }
+}
 
 const flatHits = computed(() => props.groupedResults.flatMap(g => g.hits));
 const hitIndexMap = computed(() => {
@@ -55,7 +68,18 @@ const hitIndexMap = computed(() => {
   </div>
 
   <div v-else-if="searched" class="search-results">
-    <p class="text-sm text-ink-400 mb-4">{{ results.length === 1 ? t('search.oneResultFor', { query: searchQuery }) : t('search.manyResultsFor', { count: String(results.length), query: searchQuery }) }}</p>
+    <div class="flex items-center justify-between gap-3 text-sm text-ink-400 mb-4">
+      <span>{{ results.length === 1 ? t('search.oneResultFor', { query: searchQuery }) : t('search.manyResultsFor', { count: String(results.length), query: searchQuery }) }}</span>
+      <select
+        :value="uiStore.searchSort"
+        :aria-label="t('search.sort')"
+        class="text-xs text-ink-500 bg-surface border border-ink-200 rounded px-2 py-1"
+        @change="updateSearchSort"
+      >
+        <option value="language">{{ t('search.sortEnglishFirst') }}</option>
+        <option value="relevance">{{ t('search.sortRelevance') }}</option>
+      </select>
+    </div>
     <div v-if="results.length === 0" class="text-center py-16">
       <div class="text-ink-200 text-5xl mb-4 font-serif">&empty;</div>
       <p class="text-ink-500 font-medium">{{ t('search.noResults') }}</p>
@@ -84,6 +108,7 @@ const hitIndexMap = computed(() => {
             </div>
             <div class="flex items-center gap-2 flex-shrink-0">
               <span v-if="hit.matchField === 'id'" class="badge badge-gray text-[10px]">{{ t('search.idMatch') }}</span>
+              <span v-if="hit.status" class="badge text-[10px]" :class="entryStatusColor(hit.status)" :title="entryStatusDefinition(hit.status) ?? ''">{{ entryStatusLabel(hit.status) }}</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>
@@ -91,8 +116,24 @@ const hitIndexMap = computed(() => {
       </div>
     </div>
 
-    <div v-if="results.length > 100" class="text-center text-sm text-ink-300 mt-6 pt-4 border-t border-ink-100/60">
-      {{ t('search.showingFirst', { max: '100', total: String(results.length) }) }}
+    <div v-if="results.length > 0" class="flex items-center justify-between gap-4 text-sm text-ink-500 mt-6 pt-4 border-t border-ink-100/60">
+      <button
+        type="button"
+        class="btn-secondary disabled:opacity-50"
+        :disabled="currentPage === 1"
+        @click="emit('changePage', currentPage - 1)"
+      >{{ t('search.prev') }}</button>
+      <span aria-live="polite">{{ t('search.range', {
+        start: String((currentPage - 1) * pageSize + 1),
+        end: String(Math.min(currentPage * pageSize, results.length)),
+        total: String(results.length),
+      }) }}</span>
+      <button
+        type="button"
+        class="btn-secondary disabled:opacity-50"
+        :disabled="currentPage * pageSize >= results.length"
+        @click="emit('changePage', currentPage + 1)"
+      >{{ t('search.next') }}</button>
     </div>
   </div>
 </template>

package/src/components/site/SiteFooter.astro

@@ -8,6 +8,12 @@ const siteConfig = await getSiteConfig();
     <div class="flex items-center gap-4">
       <a href="/about" class="hover:text-ink-600 dark:hover:text-ink-300">About</a>
       <a href="/contributors" class="hover:text-ink-600 dark:hover:text-ink-300">Contributors</a>
+      {siteConfig.branding?.hostedBy && (
+        <a href={siteConfig.branding.hostedBy.url} class="inline-flex items-center gap-1 hover:text-ink-600 dark:hover:text-ink-300">
+          <span>Hosted by</span>
+          <img src={siteConfig.branding.hostedBy.logo} alt={siteConfig.branding.hostedBy.name || 'Host'} class="h-4 w-auto" />
+        </a>
+      )}
       {siteConfig.branding?.poweredBy && <span>{siteConfig.branding.poweredBy}</span>}
     </div>
   </div>

package/src/composables/use-same-standard-terms.ts

@@ -0,0 +1,106 @@
+import { computed, shallowRef, watch } from 'vue';
+import type { StandardsIndex } from '../adapters/standards-index';
+import type { DatasetAdapter } from '../adapters/DatasetAdapter';
+import { useVocabularyStore } from '../stores/vocabulary';
+import { useUiStore } from '../stores/ui';
+import { collectStandardKeys } from '../utils/source-standard';
+
+export interface SameStandardTerms {
+  key: string;
+  label: string;
+  terms: { conceptId: string; designation: string }[];
+}
+
+// Share in-flight requests too, including when multiple panes mount together.
+const indexes = new Map<string, Promise<StandardsIndex>>();
+const summaryLoads = new WeakMap<DatasetAdapter, Promise<void>>();
+
+function loadSummaries(adapter: DatasetAdapter): Promise<void> {
+  let pending = summaryLoads.get(adapter);
+  if (!pending) {
+    pending = adapter.ensureAllChunksLoaded().finally(() => summaryLoads.delete(adapter));
+    summaryLoads.set(adapter, pending);
+  }
+  return pending;
+}
+
+function loadIndex(url: string): Promise<StandardsIndex> {
+  let pending = indexes.get(url);
+  if (!pending) {
+    pending = (async () => {
+      const response = await fetch(url);
+      return response.ok ? await response.json() as StandardsIndex : {};
+    })().catch(() => {
+      // A transient failure should allow a later mount to retry.
+      indexes.delete(url);
+      return {};
+    });
+    indexes.set(url, pending);
+  }
+  return pending;
+}
+
+/** Related terms from the lightweight index, without fetching other concepts. */
+export function useSameStandardTerms(baseUrl: string = import.meta.env.BASE_URL) {
+  const vocabulary = useVocabularyStore();
+  const ui = useUiStore();
+  const index = shallowRef<StandardsIndex>({});
+  const staleConcept = shallowRef<typeof vocabulary.currentConcept>(null);
+  const summaryRevision = shallowRef(0);
+
+  watch(() => vocabulary.currentRegisterId, async (registerId, _previous, onCleanup) => {
+    let active = true;
+    onCleanup(() => { active = false; });
+    index.value = {};
+    // The store changes registers before replacing the concept; IDs may overlap.
+    if (_previous !== undefined) staleConcept.value = vocabulary.currentConcept;
+    if (!registerId) return;
+
+    const loaded = await loadIndex(`${baseUrl}data/${registerId}/standards.json`);
+    if (active) index.value = loaded;
+  }, { immediate: true, flush: 'sync' });
+
+  watch([() => vocabulary.currentConcept, () => vocabulary.currentAdapter, index],
+    async ([concept, adapter, standards], _previous, onCleanup) => {
+      let active = true;
+      onCleanup(() => { active = false; });
+      if (!concept || concept === staleConcept.value || !adapter) return;
+      const missing = collectStandardKeys(concept).some(key =>
+        standards[key]?.conceptIds.some(id => id !== concept.id && !adapter.getIndexEntry(id)));
+      if (!missing) return;
+
+      try {
+        await loadSummaries(adapter);
+      } catch {
+        // Keep available names and ID fallbacks if a summary chunk is unavailable.
+      } finally {
+        // Adapter summary maps are not reactive; refresh names after loading.
+        if (active) summaryRevision.value++;
+      }
+    }, { immediate: true });
+
+  return computed<SameStandardTerms[]>(() => {
+    summaryRevision.value;
+    const concept = vocabulary.currentConcept;
+    if (!concept || concept === staleConcept.value) return [];
+
+    return collectStandardKeys(concept).flatMap(key => {
+      const standard = index.value[key];
+      if (!standard) return [];
+
+      return [{
+        key,
+        label: standard.label,
+        terms: standard.conceptIds
+          .filter(conceptId => conceptId !== concept.id)
+          .map(conceptId => {
+            const designations = vocabulary.currentAdapter?.getIndexEntry(conceptId)?.designations;
+            return {
+              conceptId,
+              designation: designations?.[ui.selectedLang] || designations?.eng || conceptId,
+            };
+          }),
+      }];
+    });
+  });
+}

package/src/config/types.ts

@@ -83,6 +83,8 @@ export interface SiteBranding {
   favicon?: string | FaviconConfig;
   ownerName?: string;
   ownerUrl?: string;
+  /** Hosting organization identity, rendered in the footer as "Hosted by ⟨logo⟩". */
+  hostedBy?: HostedByConfig;
 }
 
 // === Features ===
@@ -92,6 +94,15 @@ export interface PoweredByConfig {
   url?: string;
 }
 
+export interface HostedByConfig {
+  /** Organization name, used as the logo alt text. */
+  name?: string;
+  /** Link target for the hosted-by credit. */
+  url: string;
+  /** Logo image path or URL. */
+  logo: string;
+}
+
 export interface SiteFeatures {
   news?: boolean;
   stats?: boolean;

package/src/config/use-site-config.ts

@@ -32,6 +32,7 @@ export interface RuntimeSiteConfig {
     footerLogo?: { path: string; alt: string; url?: string; light?: string; dark?: string };
     ownerName?: string;
     ownerUrl?: string;
+    hostedBy?: { name?: string; url: string; logo: string };
   };
   analytics?: { googleAnalyticsId?: string };
   features?: Record<string, unknown>;

package/src/i18n/locales/eng.yml

@@ -143,11 +143,14 @@ home.browseConcepts: Browse concepts
 
 # Search
 search.placeholder: Search...
+search.quickPlaceholder: Quick search...
+search.quickSearch: Quick search
 search.conceptSearch: Search concepts
 search.fullPlaceholder: Search terms across all datasets...
 search.button: Search
 search.searching: Searching across datasets...
 search.failed: Search failed
+search.incomplete: Some results could not be loaded. Retry to search all entries.
 search.retry: Retry
 search.result: result
 search.results: results
@@ -155,7 +158,12 @@ search.oneResultFor: '1 result for "{query}"'
 search.manyResultsFor: '{count} results for "{query}"'
 search.noResults: No concepts found matching your search
 search.tryDifferent: Try a different term or check the spelling.
-search.showingFirst: Showing first {max} of {total} results. Refine your search for more specific matches.
+search.range: '{start}–{end} of {total}'
+search.sort: Sort search results
+search.sortEnglishFirst: English first
+search.sortRelevance: Relevance
+search.prev: Prev
+search.next: Next
 search.idMatch: ID match
 
 # Page view
@@ -172,6 +180,7 @@ concept.note: Note
 concept.examples: Examples
 concept.example: Example
 concept.sources: Sources
+concept.sameStandardTerms: Terms from the same standard
 concept.designations: Designations
 concept.relations: Relations
 concept.compareWith: Compare with this edition

package/src/i18n/locales/fra.yml

@@ -142,11 +142,14 @@ home.browseConcepts: Parcourir les concepts
 
 # Search
 search.placeholder: Rechercher…
+search.quickPlaceholder: Recherche rapide…
+search.quickSearch: Recherche rapide
 search.conceptSearch: Rechercher des concepts
 search.fullPlaceholder: Rechercher des termes dans tous les jeux de données…
 search.button: Rechercher
 search.searching: Recherche dans les jeux de données...
 search.failed: Échec de la recherche
+search.incomplete: Certains résultats n’ont pas pu être chargés. Réessayez pour rechercher toutes les entrées.
 search.retry: Réessayer
 search.result: résultat
 search.results: résultats
@@ -154,7 +157,12 @@ search.oneResultFor: '1 résultat pour « {query} »'
 search.manyResultsFor: '{count} résultats pour « {query} »'
 search.noResults: Aucun concept trouvé correspondant à votre recherche
 search.tryDifferent: Essayez un autre terme ou vérifiez l'orthographe.
-search.showingFirst: Affichage des {max} premiers résultats sur {total}. Affinez votre recherche.
+search.range: '{start}–{end} sur {total}'
+search.sort: Trier les résultats de recherche
+search.sortEnglishFirst: Anglais en premier
+search.sortRelevance: Pertinence
+search.prev: Préc.
+search.next: Suiv.
 search.idMatch: Correspondance d'identifiant
 
 # Page view
@@ -171,6 +179,7 @@ concept.note: Note
 concept.examples: Exemples
 concept.example: Exemple
 concept.sources: Sources
+concept.sameStandardTerms: Termes issus de la même norme
 concept.designations: Désignations
 concept.relations: Relations
 concept.classification: Classification

package/src/stores/ui.ts

@@ -2,6 +2,10 @@ import { defineStore } from 'pinia';
 import { ref, computed } from 'vue';
 
 export type Theme = 'light' | 'dark' | 'system';
+export type SearchSort = 'language' | 'relevance';
+
+const SEARCH_SORT_KEY = 'searchSort';
+const DEFAULT_SEARCH_SORT: SearchSort = 'language';
 
 function getSystemDark(): boolean {
   return window.matchMedia('(prefers-color-scheme: dark)').matches;
@@ -11,12 +15,18 @@ function getStoredTheme(): Theme {
   return (localStorage.getItem('theme') as Theme) || 'system';
 }
 
+function getStoredSearchSort(): SearchSort {
+  const v = localStorage.getItem(SEARCH_SORT_KEY);
+  return v === 'language' || v === 'relevance' ? v : DEFAULT_SEARCH_SORT;
+}
+
 export const useUiStore = defineStore('ui', () => {
   const sidebarOpen = ref(false);
   const selectedLang = ref('eng');
   const searchQuery = ref('');
   const showGraphPanel = ref(false);
   const themePref = ref<Theme>(getStoredTheme());
+  const searchSort = ref<SearchSort>(getStoredSearchSort());
 
   const isDark = computed(() => {
     return themePref.value === 'dark' || (themePref.value === 'system' && getSystemDark());
@@ -32,6 +42,11 @@ export const useUiStore = defineStore('ui', () => {
     applyTheme();
   }
 
+  function setSearchSort(s: SearchSort) {
+    searchSort.value = s;
+    localStorage.setItem(SEARCH_SORT_KEY, s);
+  }
+
   function toggleTheme() {
     if (isDark.value) {
       setTheme('light');
@@ -55,5 +70,5 @@ export const useUiStore = defineStore('ui', () => {
     if (themePref.value === 'system') applyTheme();
   });
 
-  return { sidebarOpen, selectedLang, searchQuery, showGraphPanel, themePref, isDark, toggleSidebar, setLang, setTheme, toggleTheme };
+  return { sidebarOpen, selectedLang, searchQuery, showGraphPanel, themePref, searchSort, isDark, toggleSidebar, setLang, setTheme, setSearchSort, toggleTheme };
 });

package/src/stores/vocabulary.ts

@@ -8,6 +8,8 @@ import { conceptUri } from '../adapters/model-bridge';
 import { GraphEngine } from '../graph';
 import { UriRouter } from '../adapters/UriRouter';
 import { deduplicateSearchHits } from '../utils/search';
+import { useSiteConfig } from '../config/use-site-config';
+import { DEFAULT_LANG } from '../utils/lang';
 import { UnknownDatasetError } from '../errors';
 
 export const useVocabularyStore = defineStore('vocabulary', () => {
@@ -19,6 +21,7 @@ export const useVocabularyStore = defineStore('vocabulary', () => {
   const currentConceptId = ref<string>('');
   const loading = ref(false);
   const error = ref<string | null>(null);
+  const searchWarning = ref<string | null>(null);
   const graph = shallowRef(new GraphEngine());
   const conceptEdges = ref<GraphEdge[]>([]);
   const initialized = ref(false);
@@ -32,6 +35,14 @@ export const useVocabularyStore = defineStore('vocabulary', () => {
 
   const factory = getFactory();
 
+  const { config } = useSiteConfig();
+  const searchPriorityLanguages = computed(() => {
+    const defaults = config.value?.defaults;
+    return defaults?.languageOrder?.length
+      ? defaults.languageOrder
+      : [defaults?.language ?? DEFAULT_LANG];
+  });
+
   // Computed
   const currentManifest = computed(() =>
     manifests.value.get(currentRegisterId.value)
@@ -263,46 +274,29 @@ export const useVocabularyStore = defineStore('vocabulary', () => {
       await discoverDatasets();
     }
 
-    const MIN_RESULTS = 20;
-
-    // Pass 1: search loaded data only
-    const loadedHits: SearchHit[] = [];
-    const unloadedAdapters: DatasetAdapter[] = [];
-
+    const allHits: SearchHit[] = [];
+    let incomplete = false;
     for (const adapter of datasets.value.values()) {
       if (!adapter.manifest) continue;
-      if (!adapter.index) {
-        try {
+      try {
+        if (!adapter.index) {
           await adapter.loadIndex();
+        }
+        try {
+          await adapter.ensureAllChunksLoaded();
         } catch {
-          continue;
+          // Preserve loaded hits, but make the incomplete result set visible.
+          incomplete = true;
         }
-      }
-      const hits = adapter.search(query);
-      if (hits.length > 0) {
-        loadedHits.push(...hits);
-      } else {
-        unloadedAdapters.push(adapter);
-      }
-    }
-
-    const pass1 = deduplicateSearchHits(loadedHits);
-    if (pass1.length >= MIN_RESULTS) return pass1;
-
-    // Pass 2: load chunks lazily for datasets that found nothing in index
-    let allHits = [...loadedHits];
-    for (const adapter of unloadedAdapters) {
-      if (deduplicateSearchHits(allHits).length >= MIN_RESULTS) break;
-      try {
-        await adapter.ensureAllChunksLoaded();
-        const hits = adapter.search(query);
-        allHits.push(...hits);
+        allHits.push(...adapter.search(query));
       } catch {
-        // Skip datasets that fail to load
+        // Other datasets may still provide useful results.
+        incomplete = true;
       }
     }
 
-    return deduplicateSearchHits(allHits);
+    searchWarning.value = incomplete ? 'search.incomplete' : null;
+    return deduplicateSearchHits(allHits, searchPriorityLanguages.value);
   }
 
   async function getRandomConcept(): Promise<{ registerId: string; conceptId: string } | null> {
@@ -324,6 +318,7 @@ export const useVocabularyStore = defineStore('vocabulary', () => {
     currentConceptId,
     loading,
     error,
+    searchWarning,
     graph,
     graphVersion,
     conceptEdges,
@@ -338,6 +333,7 @@ export const useVocabularyStore = defineStore('vocabulary', () => {
     viewConcept,
     navigateToUri,
     searchAcrossDatasets,
+    searchPriorityLanguages,
     loadAllGraphData,
     getRandomConcept,
   };