@paris-ias/list 1.1.20 → 1.2.0

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@paris-ias/list",
   "configKey": "list",
-  "version": "1.1.20",
+  "version": "1.2.0",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
     "unbuild": "2.0.0"

package/dist/runtime/components/list/atoms/ResultsList.vue

@@ -26,17 +26,27 @@ const props = defineProps({
     type: String,
     default: "people",
   },
+  // The underlying list module that owns the item card + store config. For
+  // modifier sub-categories (e.g. team, tools, media) this differs from
+  // `type`, which is only a result bucket key. Defaults to `type` so plain
+  // per-module list views keep working unchanged.
+  parentType: {
+    type: String,
+    default: "",
+  },
   pathPrefix: {
     type: String,
     default: "people-slug",
   },
 })
 
+const resolvedParentType = computed(() => props.parentType || props.type)
+
 const itemTemplate = computed(() =>
   resolveComponent(
     (
-      capitalize(props.type) +
-      capitalize($stores[props.type].view.name) +
+      capitalize(resolvedParentType.value) +
+      capitalize($stores[resolvedParentType.value].view.name) +
       "Item"
     ).toString(),
   ),

package/dist/runtime/components/list/molecules/GlobalSearchInput.vue

@@ -1,108 +1,65 @@
 <template>
-  <div class="d-flex align-center">
-    <v-menu
-      v-if="filter && mdAndUp"
-      v-model="filterMenuOpen"
-      :close-on-content-click="false"
-      location="bottom end"
-      offset="4"
-    >
-      <template #activator="{ props: menuProps }">
-        <v-btn
-          v-bind="menuProps"
-          :rounded="0"
-          variant="outlined"
-          size="large"
-          height="56"
-        >
-          <v-icon>mdi-filter</v-icon>
-          <span
-            v-if="hasActiveFilter"
-            class="ml-1 global-search__filter-count"
-            >{{ categories.length }}</span
-          >
-          <v-icon class="ml-1" size="small">
-            {{ filterMenuOpen ? "mdi-chevron-up" : "mdi-chevron-down" }}
-          </v-icon>
-          <v-tooltip activator="parent" location="start">
-            {{ $t("filter-by-type") }}
-          </v-tooltip>
-        </v-btn>
-      </template>
-
-      <v-card min-width="220">
-        <div class="d-flex justify-space-between align-center px-3 py-1">
-          <v-btn
-            size="x-small"
-            variant="text"
-            :disabled="allSelected"
-            @click="selectAllFilters"
-          >
-            {{ $t("filter.select-all") }}
-          </v-btn>
-          <v-btn
-            size="x-small"
-            variant="text"
-            :disabled="noneSelected"
-            @click="clearFilters"
-          >
-            {{ $t("filter.select-none") }}
-          </v-btn>
-        </div>
-        <v-divider />
-        <v-list density="compact">
-          <v-list-item
-            v-for="option in filterOptions"
-            :key="option.value"
-            @click="toggleFilter(option)"
-          >
-            <template #prepend>
-              <v-checkbox
-                hide-details
-                :model-value="categories.includes(option.value)"
-                @update:model-value="toggleFilter(option)"
-              />
-            </template>
-            <v-list-item-title>{{ option.label }}</v-list-item-title>
-          </v-list-item>
-        </v-list>
-      </v-card>
-    </v-menu>
-    <v-text-field
-      ref="textFieldRef"
-      :id="`global-search-input-${type}`"
-      v-model.trim="search"
-      :placeholder="placeholderText"
-      single-line
-      class="transition-swing flex-grow-1"
+  <div>
+    <div class="d-flex align-center">
+      <v-text-field
+        ref="textFieldRef"
+        :id="`global-search-input-${type}`"
+        v-model.trim="search"
+        :placeholder="placeholderText"
+        single-line
+        class="transition-swing flex-grow-1"
+        variant="outlined"
+        hide-details
+        clearable
+        tile
+        type="search"
+        :loading="rootStore.loading"
+        @keyup.enter="navigateToSearch"
+        @click:append="navigateToSearch"
+      >
+        <template v-if="!search" #label>
+          <div class="searchLabel">
+            {{ placeholderText }}
+          </div>
+        </template>
+      </v-text-field>
+      <v-btn
+        :rounded="0"
+        variant="outlined"
+        size="large"
+        height="56"
+        :aria-label="$t('click-here-to-search')"
+        @keyup.enter="navigateToSearch"
+        @click="navigateToSearch"
+      >
+        <v-icon size="large">mdi-magnify</v-icon>
+        <v-tooltip activator="parent" location="start">{{
+          $t("click-here-to-search")
+        }}</v-tooltip>
+      </v-btn>
+    </div>
+
+    <!-- Disciplines filter: full-width, available on every breakpoint. -->
+    <v-autocomplete
+      v-if="disciplineOptions.length"
+      :model-value="disciplines"
+      :items="disciplineOptions"
+      item-title="title"
+      item-value="value"
+      :label="$t('search.filter-by-discipline')"
+      :placeholder="$t('search.disciplines')"
       variant="outlined"
-      hide-details
-      clearable
+      density="comfortable"
       tile
-      type="search"
-      :loading="rootStore.loading"
-      @keyup.enter="navigateToSearch"
-      @click:append="navigateToSearch"
-    >
-      <template v-if="!search" #label>
-        <div class="searchLabel">
-          {{ placeholderText }}
-        </div>
-      </template>
-    </v-text-field>
-    <v-btn
-      :rounded="0"
-      variant="outlined"
-      size="large"
-      height="56"
-      @keyup.enter="navigateToSearch"
-      @click="navigateToSearch"
-    >
-      <v-icon size="large">mdi-magnify</v-icon>
-      <v-tooltip activator="parent" location="start">{{
-        $t("click-here-to-search")
-      }}</v-tooltip>
-    </v-btn>
+      multiple
+      chips
+      closable-chips
+      clearable
+      hide-details
+      class="mt-3"
+      prepend-inner-icon="mdi-filter-variant"
+      @update:model-value="onDisciplinesChange"
+    />
   </div>
 </template>
 
@@ -128,9 +85,7 @@ const { locale, t } = useI18n()
 const rootStore = useRootStore()
 const route = useRoute()
 const routeName = computed(() => route.name?.toString() ?? "")
-// Utility function to capitalize first letter
-const capitalize = (str) => str.charAt(0).toUpperCase() + str.slice(1)
-const emit = defineEmits(["filter-change"])
+const emit = defineEmits(["disciplines-change"])
 
 // Rotating placeholder examples (only used for the global "all" search).
 // Examples live in i18n; keys may be absent in some locales — we filter those.
@@ -192,15 +147,13 @@ const props = defineProps({
     type: Boolean,
     default: false,
   },
-  categories: {
+  // Selected discipline slugs (global search only).
+  disciplines: {
     type: Array,
     default: () => [],
   },
-  filter: {
-    type: Boolean,
-    default: false,
-  },
-  filterOrder: {
+  // Available discipline options: [{ value, title }].
+  disciplineOptions: {
     type: Array,
     default: () => [],
   },
@@ -219,82 +172,8 @@ onMounted(() => {
   })
 })
 
-// Filter dropdown state
-const filterMenuOpen = ref(false)
-
-// Filter options
-const allFilterOptions = computed(() => ({
-  people: { value: "people", label: capitalize(t("items.people", 2)) },
-  events: { value: "events", label: capitalize(t("items.events", 2)) },
-  news: { value: "news", label: capitalize(t("items.news", 2)) },
-  publications: {
-    value: "publications",
-    label: capitalize(t("items.publications", 2)),
-  },
-  fellowships: {
-    value: "fellowships",
-    label: capitalize(t("items.fellowships", 2)),
-  },
-  projects: { value: "projects", label: capitalize(t("items.projects", 2)) },
-}))
-
-const filterOptions = computed(() => {
-  const map = allFilterOptions.value
-  if (props.filterOrder.length > 0) {
-    const ordered = props.filterOrder.filter((k) => map[k]).map((k) => map[k])
-    const rest = Object.values(map).filter(
-      (o) => !props.filterOrder.includes(o.value),
-    )
-    return [...ordered, ...rest]
-  }
-  return Object.values(map)
-})
-
-const allValues = computed(() => filterOptions.value.map((o) => o.value))
-
-const allSelected = computed(
-  () =>
-    props.categories.length === allValues.value.length &&
-    allValues.value.every((v) => props.categories.includes(v)),
-)
-const noneSelected = computed(() => props.categories.length === 0)
-// Show the count badge only when the user has narrowed the selection.
-const hasActiveFilter = computed(
-  () => !allSelected.value && !noneSelected.value,
-)
-
-const selectAllFilters = () => {
-  emit("filter-change", {
-    name: "__all__",
-    value: true,
-    categories: [...allValues.value],
-  })
-}
-
-const clearFilters = () => {
-  emit("filter-change", {
-    name: "__none__",
-    value: false,
-    categories: [],
-  })
-}
-
-// Toggle filter selection
-const toggleFilter = (option) => {
-  const currentCategories = [...props.categories]
-  const index = currentCategories.indexOf(option.value)
-
-  if (index > -1) {
-    currentCategories.splice(index, 1)
-  } else {
-    currentCategories.push(option.value)
-  }
-
-  emit("filter-change", {
-    name: option.value,
-    value: currentCategories.includes(option.value),
-    categories: currentCategories,
-  })
+const onDisciplinesChange = (next) => {
+  emit("disciplines-change", Array.isArray(next) ? next : [])
 }
 
 const textFieldRef = ref(null)
@@ -334,19 +213,4 @@ const search = computed({
 })
 </script>
 
-<style scoped>
-.global-search__filter-count {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  min-width: 18px;
-  height: 18px;
-  padding: 0 5px;
-  border-radius: 9px;
-  background: #000;
-  color: #fff;
-  font-size: 0.7rem;
-  font-weight: 600;
-  line-height: 1;
-}
-</style>
+<style lang="scss" scoped></style>

package/dist/runtime/components/list/molecules/ResultsContainer.vue

@@ -6,53 +6,28 @@
         variant="text"
         class="mr-2"
         @click="$emit('toggle', type)"
-        :disabled="
-          $rootStore.results[type] && $rootStore.results[type]?.total === 0
-        "
+        :disabled="total === 0"
+        :aria-expanded="open ? 'true' : 'false'"
+        :aria-label="$t(open ? 'show-less' : 'show-more')"
       >
         <v-icon>{{ open ? "mdi-chevron-down" : "mdi-chevron-right" }}</v-icon>
       </v-btn>
       <div
         class="d-flex flex-column cursor-pointer"
+        role="button"
+        :aria-expanded="open ? 'true' : 'false'"
         @click="$emit('toggle', type)"
       >
-        <h3
-          class="mt-4 mb-0"
-          :class="
-            $rootStore.results[type] && $rootStore.results[type].total > 0
-              ? 'black'
-              : 'text-grey darken-2'
-          "
-        >
-          {{ capitalize($t("items." + props.type, 2)) }}
-        </h3>
-        <div class="text-overline mb-3">
+        <h4 class="mt-2 mb-0" :class="total > 0 ? 'black' : 'text-grey darken-2'">
+          {{ label }}
+        </h4>
+        <div class="text-overline mb-2">
           {{
-            feminine
-              ? $t(
-                  "list.0-items-found-f",
-                  [
-                    $rootStore.results[type] && $rootStore.results[type].total,
-                    $t(
-                      "items." + props.type,
-                      $rootStore.results[type] &&
-                        $rootStore.results[type].total,
-                    ),
-                  ],
-                  $rootStore.results[type] && $rootStore.results[type].total,
-                )
-              : $t(
-                  "list.0-items-found",
-                  [
-                    $rootStore.results[type] && $rootStore.results[type].total,
-                    $t(
-                      "items." + props.type,
-                      $rootStore.results[type] &&
-                        $rootStore.results[type].total,
-                    ),
-                  ],
-                  $rootStore.results[type] && $rootStore.results[type].total,
-                )
+            $t(
+              feminine ? "list.0-items-found-f" : "list.0-items-found",
+              [total, $t("items." + props.type, total)],
+              total,
+            )
           }}
         </div>
       </div>
@@ -62,21 +37,15 @@
         variant="text"
         size="small"
         rounded="0"
-        v-if="$rootStore.results[type] && $rootStore.results[type]?.total > 3"
+        v-if="total > 3"
         :to="
           localePath({
-            path: type === 'people' ? '/people' : '/activities/' + type,
+            path: viewMore,
             query: { search: $rootStore.search },
           })
         "
       >
-        {{
-          $t(
-            "list.pls-x-more",
-            [$rootStore.results[type] && $rootStore.results[type].total - 3],
-            $rootStore.results[type] && $rootStore.results[type].total - 3,
-          )
-        }}
+        {{ $t('list.pls-x-more', [total - 3], total - 3) }}
       </v-btn>
     </div>
     <slot />
@@ -84,9 +53,10 @@
   <v-divider></v-divider>
 </template>
 <script setup>
-import { useNuxtApp, useLocalePath } from "#imports"
+import { useNuxtApp, useLocalePath, useI18n, computed } from "#imports"
 import { useDisplay } from "vuetify"
 const localePath = useLocalePath()
+const { t } = useI18n()
 
 const { mdAndUp } = useDisplay()
 
@@ -112,5 +82,26 @@ const props = defineProps({
     required: false,
     default: true,
   },
+  // Optional i18n key override for the heading (people groups live outside the
+  // `items.*` namespace). Falls back to `items.<type>` (pluralised).
+  labelKey: {
+    type: String,
+    required: false,
+    default: "",
+  },
+  // Path the "view more" link routes to (the sub-category landing page).
+  viewMore: {
+    type: String,
+    required: false,
+    default: "",
+  },
 })
+
+const total = computed(() => $rootStore.results[props.type]?.total ?? 0)
+
+const label = computed(() =>
+  props.labelKey
+    ? t(props.labelKey)
+    : capitalize(t("items." + props.type, 2)),
+)
 </script>

package/dist/runtime/components/list/organisms/Results.vue

@@ -2,18 +2,17 @@
   <ListMoleculesGlobalSearchInput
     type="all"
     :placeholder="$t('search')"
-    :categories="selectedCategories"
-    :filter-order="sortedModules"
-    filter
+    :disciplines="selectedDisciplines"
+    :discipline-options="disciplineOptions"
     autofocus
-    @filter-change="handleFilterChange"
+    @disciplines-change="handleDisciplinesChange"
     class="mb-6"
   />
   <div v-if="searchTerm.length === 0" class="search-empty">
     <ListAtomsLogoPlaceholder idle />
   </div>
   <template v-else>
-    <div v-if="pending" class="search-pending">
+    <div v-if="pending" class="search-pending" aria-busy="true">
       <div class="search-pending__inner">
         <ListAtomsLogoPlaceholder class="loader-logo loader-logo--active" />
         <div class="search-pending__dots">
@@ -24,29 +23,39 @@
       </div>
     </div>
     <template v-else>
-      <ListMoleculesResultsContainer
-        v-for="type in filteredSortedModules"
-        :key="type"
-        :feminine="
-          type === 'people' || type === 'news' || type === 'publications'
-        "
-        :type
-        :open="open[type] ?? false"
-        @toggle="(t) => (open[t] = !open[t])"
+      <p class="visually-hidden" aria-live="polite">
+        {{ resultsAnnouncement }}
+      </p>
+      <div v-if="!hasAnyResult" class="search-no-results">
+        {{ $t("search.no-results", [searchTerm]) }}
+      </div>
+      <section
+        v-for="group in visibleGroups"
+        :key="group.key"
+        class="search-group"
       >
-        <v-expand-transition class="results-container">
-          <div v-show="open[type]">
-            <ListAtomsResultsList
-              :type
-              :pathPrefix="
-                type === 'people'
-                  ? 'people-slug'
-                  : 'activities-' + type + '-slug'
-              "
-            />
-          </div>
-        </v-expand-transition>
-      </ListMoleculesResultsContainer>
+        <h3 class="search-group__title">{{ $t(group.labelKey) }}</h3>
+        <ListMoleculesResultsContainer
+          v-for="sub in group.visibleSubCategories"
+          :key="sub.type"
+          :type="sub.type"
+          :label-key="sub.labelKey"
+          :view-more="sub.viewMore"
+          :feminine="isFeminine(sub.type)"
+          :open="open[sub.type] ?? false"
+          @toggle="(t) => (open[t] = !open[t])"
+        >
+          <v-expand-transition class="results-container">
+            <div v-show="open[sub.type]">
+              <ListAtomsResultsList
+                :type="sub.type"
+                :parent-type="sub.parentType"
+                :path-prefix="sub.pathPrefix"
+              />
+            </div>
+          </v-expand-transition>
+        </ListMoleculesResultsContainer>
+      </section>
     </template>
   </template>
 </template>
@@ -55,7 +64,6 @@
 import {
   useNuxtApp,
   useI18n,
-  useAppConfig,
   useRoute,
   useRouter,
   reactive,
@@ -64,85 +72,67 @@ import {
   watch,
 } from "#imports"
 import { useRootStore } from "../../../stores/root"
+import {
+  SEARCH_GROUPS,
+  SEARCH_SUBCATEGORY_TYPES,
+  FEMININE_SUBCATEGORIES,
+} from "../../../composables/useSearchGroups"
 import SEARCH from "@paris-ias/trees/dist/graphql/client/misc/query.search.all.gql"
 
 const { $rootStore } = useNuxtApp()
 const rootStore = useRootStore()
-const appConfig = useAppConfig()
-const { locale } = useI18n()
+const { locale, t, messages } = useI18n()
 const route = useRoute()
 const router = useRouter()
 if (route.query.search) {
   rootStore.search = String(route.query.search)
 }
 
+// Per-sub-category expanded state.
 const open = reactive(
-  appConfig.list.modules.reduce((acc, type) => {
+  SEARCH_SUBCATEGORY_TYPES.reduce((acc, type) => {
     acc[type] = false
     return acc
   }, {}),
 )
 
-// Hydrate selected categories from the URL (?type=people,events).
-// Unknown / removed module names are ignored. An empty or absent param means
-// "all modules selected" (the default).
-const parseTypeQuery = (raw) => {
-  if (!raw) return null
+// --- Disciplines filter ----------------------------------------------------
+// Options reuse the same source the per-module filters use: the global
+// `list.filters.disciplines` i18n namespace (keys minus the `label` entry).
+const disciplineOptions = computed(() => {
+  const dict = messages.value?.[locale.value]?.list?.filters?.disciplines || {}
+  return Object.keys(dict)
+    .filter((key) => key !== "label")
+    .map((key) => ({ value: key, title: t("list.filters.disciplines." + key) }))
+    .sort((a, b) => a.title.localeCompare(b.title))
+})
+
+const parseDisciplinesQuery = (raw) => {
+  if (!raw) return []
   const value = Array.isArray(raw) ? raw[0] : raw
-  if (typeof value !== "string" || value.trim() === "") return null
-  const known = new Set(appConfig.list.modules)
-  const parsed = value
+  if (typeof value !== "string" || value.trim() === "") return []
+  const known = new Set(disciplineOptions.value.map((o) => o.value))
+  return value
     .split(",")
     .map((s) => s.trim())
     .filter((s) => known.has(s))
-  return parsed.length ? parsed : null
 }
 
-const initialCategories =
-  parseTypeQuery(route.query.type) ?? [...appConfig.list.modules]
-const selectedCategories = reactive(initialCategories)
+rootStore.searchDisciplines = parseDisciplinesQuery(route.query.disciplines)
+const selectedDisciplines = computed(() => rootStore.searchDisciplines)
 
-const syncCategoriesToUrl = () => {
-  const allSelected =
-    selectedCategories.length === appConfig.list.modules.length &&
-    appConfig.list.modules.every((t) => selectedCategories.includes(t))
+const handleDisciplinesChange = (next) => {
+  rootStore.searchDisciplines = [...next]
   const nextQuery = { ...route.query }
-  if (allSelected) {
-    delete nextQuery.type
+  if (next.length) {
+    nextQuery.disciplines = [...next].sort().join(",")
   } else {
-    // Preserve URL-defined order (alphabetical) so the param is stable
-    // regardless of click order in the dropdown.
-    nextQuery.type = [...selectedCategories].sort().join(",")
+    delete nextQuery.disciplines
   }
   router.replace({ query: nextQuery })
 }
 
-const handleFilterChange = (filterData) => {
-  selectedCategories.splice(
-    0,
-    selectedCategories.length,
-    ...filterData.categories,
-  )
-  syncCategoriesToUrl()
-}
-
-const sortedModules = computed(() => {
-  return appConfig.list.modules.slice().sort((a, b) => {
-    const aMaxScore = Math.max(
-      ...($rootStore.results[a]?.items || []).map((i) => i.score ?? 0),
-      0,
-    )
-    const bMaxScore = Math.max(
-      ...($rootStore.results[b]?.items || []).map((i) => i.score ?? 0),
-      0,
-    )
-    return bMaxScore - aMaxScore
-  })
-})
-const filteredSortedModules = computed(() => {
-  return sortedModules.value.filter((type) => selectedCategories.includes(type))
-})
-
+// --- Search query ----------------------------------------------------------
 const searchTerm = computed(() => $rootStore.search || "")
 const currentLocale = computed(() => locale.value)
 
@@ -153,6 +143,7 @@ const { data, pending, error } = useAsyncQuery(
       search: searchTerm.value,
       appId: "iea",
       lang: currentLocale.value,
+      disciplines: selectedDisciplines.value,
     })),
   },
   { server: false },
@@ -161,7 +152,7 @@ const { data, pending, error } = useAsyncQuery(
 watch(data, (newData) => {
   if (!newData) return
   $rootStore.applyListResult("all", newData)
-  appConfig.list.modules.forEach((type) => {
+  SEARCH_SUBCATEGORY_TYPES.forEach((type) => {
     if (newData.search?.[type]?.total > 0) {
       open[type] = true
     }
@@ -171,6 +162,44 @@ watch(data, (newData) => {
 watch(error, (err) => {
   if (err) console.error("GraphQL query error:", err)
 })
+
+// --- Result dispatch -------------------------------------------------------
+const totalFor = (type) => $rootStore.results[type]?.total ?? 0
+const maxScoreFor = (type) =>
+  Math.max(...($rootStore.results[type]?.items || []).map((i) => i.score ?? 0), 0)
+
+const isFeminine = (type) => FEMININE_SUBCATEGORIES.has(type)
+
+// Groups, with empty sub-categories hidden and groups ordered by their best
+// matching score so the most relevant group surfaces first.
+const visibleGroups = computed(() => {
+  return SEARCH_GROUPS.map((group) => {
+    const visibleSubCategories = group.subCategories.filter(
+      (sub) => totalFor(sub.type) > 0,
+    )
+    const groupScore = Math.max(
+      ...group.subCategories.map((sub) => maxScoreFor(sub.type)),
+      0,
+    )
+    return { ...group, visibleSubCategories, groupScore }
+  })
+    .filter((group) => group.visibleSubCategories.length > 0)
+    .sort((a, b) => b.groupScore - a.groupScore)
+})
+
+const hasAnyResult = computed(() =>
+  SEARCH_SUBCATEGORY_TYPES.some((type) => totalFor(type) > 0),
+)
+
+const resultsAnnouncement = computed(() => {
+  const total = SEARCH_SUBCATEGORY_TYPES.reduce(
+    (sum, type) => sum + totalFor(type),
+    0,
+  )
+  return hasAnyResult.value
+    ? t("list.0-items-found", [total, t("search")], total)
+    : t("search.no-results-plain")
+})
 </script>
 
 <style scoped>
@@ -182,6 +211,50 @@ watch(error, (err) => {
   gap: 8px;
 }
 
+.search-group {
+  margin-bottom: 24px;
+}
+
+.search-group__title {
+  margin: 0 0 4px;
+  font-size: 1.35rem;
+  font-weight: 700;
+  letter-spacing: 0.01em;
+}
+
+/* Indent the sub-category containers under their group heading. Tightened on
+   mobile so nested content does not crowd narrow screens. */
+.search-group :deep(.results-container) {
+  margin-left: 16px;
+}
+
+@media (max-width: 600px) {
+  .search-group__title {
+    font-size: 1.15rem;
+  }
+  .search-group :deep(.results-container) {
+    margin-left: 8px;
+  }
+}
+.search-no-results {
+  padding: 32px 0;
+  text-align: center;
+  color: rgba(0, 0, 0, 0.6);
+}
+
+/* Screen-reader-only live region for result-count announcements. */
+.visually-hidden {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+
 .search-empty {
   min-height: 100vh;
   display: flex;

package/dist/runtime/composables/useSearchGroups.d.ts

@@ -0,0 +1,39 @@
+/**
+ * Global-search group model.
+ *
+ * The global search resolver dispatches results into modifier-based
+ * sub-categories (see query.search.all.gql / the Apex search resolver). The UI
+ * presents them under their renamed top-level groups, e.g. People details into
+ * team / sab / board / ethics / fellows, while Projects becomes "Collective
+ * Intelligence" and Publications becomes "Resources".
+ *
+ * For each sub-category we keep:
+ *  - `type`:       the result key in `rootStore.results` (also the i18n
+ *                  `items.<type>` label key for the count line)
+ *  - `parentType`: the underlying list module, used to resolve the item card
+ *                  component and reuse module-level behaviour
+ *  - `labelKey`:   optional i18n override when the sub-category label does not
+ *                  live under `items.<type>` (people groups live under
+ *                  `list.filters.people.groups.*`)
+ *  - `pathPrefix`: route name for an individual item's detail page
+ *  - `viewMore`:   path for the "view more" link (the sub-category landing page)
+ */
+export interface SearchSubCategory {
+    type: string;
+    parentType: string;
+    labelKey?: string;
+    pathPrefix: string;
+    viewMore: string;
+}
+export interface SearchGroup {
+    /** i18n key for the group heading (under the list namespace). */
+    labelKey: string;
+    /** Stable key for v-for / open-state tracking. */
+    key: string;
+    subCategories: SearchSubCategory[];
+}
+export declare const SEARCH_GROUPS: SearchGroup[];
+/** Every sub-category type, flattened — handy for store iteration. */
+export declare const SEARCH_SUBCATEGORY_TYPES: string[];
+/** Feminine grammatical gender per sub-category (drives the count i18n form). */
+export declare const FEMININE_SUBCATEGORIES: Set<string>;

package/dist/runtime/composables/useSearchGroups.js

@@ -0,0 +1,128 @@
+const PEOPLE_DETAIL = "fellows-slug";
+const ORGANISATION = "/about/organisation";
+export const SEARCH_GROUPS = [
+  {
+    key: "people",
+    labelKey: "search.groups.people",
+    subCategories: [
+      // People share one detail route (/fellows/[slug]); the four governance
+      // groups all land on the organisation page, fellows on the fellows page.
+      {
+        type: "team",
+        parentType: "people",
+        labelKey: "list.filters.people.groups.team",
+        pathPrefix: PEOPLE_DETAIL,
+        viewMore: ORGANISATION
+      },
+      {
+        type: "sab",
+        parentType: "people",
+        labelKey: "list.filters.people.groups.sab",
+        pathPrefix: PEOPLE_DETAIL,
+        viewMore: ORGANISATION
+      },
+      {
+        type: "board",
+        parentType: "people",
+        labelKey: "list.filters.people.groups.board",
+        pathPrefix: PEOPLE_DETAIL,
+        viewMore: ORGANISATION
+      },
+      {
+        type: "ethics",
+        parentType: "people",
+        labelKey: "list.filters.people.groups.ethics",
+        pathPrefix: PEOPLE_DETAIL,
+        viewMore: ORGANISATION
+      },
+      {
+        type: "fellows",
+        parentType: "people",
+        labelKey: "list.filters.people.groups.fellows",
+        pathPrefix: PEOPLE_DETAIL,
+        viewMore: "/fellows"
+      }
+    ]
+  },
+  {
+    key: "collective-intelligence",
+    labelKey: "search.groups.collective-intelligence",
+    subCategories: [
+      {
+        type: "initiatives",
+        parentType: "projects",
+        pathPrefix: "programs-collective-intelligence-initiatives-slug",
+        viewMore: "/programs/collective-intelligence/initiatives"
+      },
+      {
+        type: "projects",
+        parentType: "projects",
+        pathPrefix: "programs-collective-intelligence-projects-slug",
+        viewMore: "/programs/collective-intelligence/projects"
+      },
+      {
+        type: "tools",
+        parentType: "projects",
+        pathPrefix: "programs-collective-intelligence-tools-slug",
+        viewMore: "/programs/collective-intelligence/tools"
+      }
+    ]
+  },
+  {
+    key: "events",
+    labelKey: "search.groups.events",
+    subCategories: [
+      {
+        type: "events",
+        parentType: "events",
+        pathPrefix: "events-slug",
+        viewMore: "/events"
+      }
+    ]
+  },
+  {
+    key: "fellowships",
+    labelKey: "search.groups.fellowships",
+    subCategories: [
+      {
+        type: "fellowships",
+        parentType: "fellowships",
+        pathPrefix: "programs-fellowships-slug",
+        viewMore: "/programs/fellowships"
+      }
+    ]
+  },
+  {
+    key: "resources",
+    labelKey: "search.groups.resources",
+    subCategories: [
+      {
+        type: "media",
+        parentType: "publications",
+        pathPrefix: "resources-media-slug",
+        viewMore: "/resources/media"
+      },
+      {
+        type: "publications",
+        parentType: "publications",
+        pathPrefix: "resources-publications-slug",
+        viewMore: "/resources/publications"
+      },
+      {
+        type: "news",
+        parentType: "publications",
+        pathPrefix: "resources-news-slug",
+        viewMore: "/resources/news"
+      }
+    ]
+  }
+];
+export const SEARCH_SUBCATEGORY_TYPES = SEARCH_GROUPS.flatMap(
+  (g) => g.subCategories.map((s) => s.type)
+);
+export const FEMININE_SUBCATEGORIES = /* @__PURE__ */ new Set([
+  "team",
+  "media",
+  "news",
+  "publications"
+]);

package/dist/runtime/stores/root.d.ts

@@ -11,6 +11,14 @@ interface SearchResults {
     files: Record<string, unknown>;
     mailing: Record<string, unknown>;
     tags: Record<string, unknown>;
+    team: Record<string, unknown>;
+    sab: Record<string, unknown>;
+    board: Record<string, unknown>;
+    ethics: Record<string, unknown>;
+    fellows: Record<string, unknown>;
+    initiatives: Record<string, unknown>;
+    tools: Record<string, unknown>;
+    media: Record<string, unknown>;
 }
 interface RootStoreState {
     scrolled: boolean;
@@ -20,6 +28,7 @@ interface RootStoreState {
     page: number;
     numberOfPages: number;
     search: string;
+    searchDisciplines: string[];
     results: SearchResults;
 }
 export declare const useRootStore: import("pinia").StoreDefinition<"rootStore", RootStoreState, {}, {

package/dist/runtime/stores/root.js

@@ -9,6 +9,7 @@ export const useRootStore = defineStore("rootStore", {
     page: 1,
     numberOfPages: 0,
     search: "",
+    searchDisciplines: [],
     results: {
       events: {},
       news: {},
@@ -21,7 +22,16 @@ export const useRootStore = defineStore("rootStore", {
       disciplines: {},
       files: {},
       mailing: {},
-      tags: {}
+      tags: {},
+      // Global-search sub-categories
+      team: {},
+      sab: {},
+      board: {},
+      ethics: {},
+      fellows: {},
+      initiatives: {},
+      tools: {},
+      media: {}
     }
   }),
   actions: {

package/dist/runtime/translations/en.json

@@ -23,9 +23,12 @@
     "affiliations": "affiliation | affiliation | affiliations",
     "all": "all | all | all",
     "app": "application | application | applications",
+    "board": "board member | board member | board members",
     "disciplines": "discipline | discipline | disciplines",
+    "ethics": "committee member | committee member | committee members",
     "events": "event | event | events",
     "fellow": "fellow | fellow | fellows",
+    "fellows": "fellow | fellow | fellows",
     "fellowships": "fellowship | fellowship | fellowships",
     "file": "document | document | documents",
     "initiatives": "initiative | initiative | initiatives",
@@ -33,6 +36,8 @@
     "media": "media | media | media",
     "news": "news | news | news",
     "people": "fellow | fellow | fellows",
+    "sab": "SAB member | SAB member | SAB members",
+    "team": "team member | team member | team members",
     "tools": "tool | tool | tools",
     "projects": "project | project | projects",
     "publications": "publication | publication | publications",
@@ -471,5 +476,15 @@
   "search.example.1": "Hannah Arendt",
   "search.example.2": "climate policy",
   "search.example.3": "fellowships 2024",
-  "search.example.4": "social science"
+  "search.example.4": "social science",
+  "search.groups.people": "People",
+  "search.groups.collective-intelligence": "Collective Intelligence",
+  "search.groups.events": "Events",
+  "search.groups.fellowships": "Fellowship",
+  "search.groups.resources": "Resources",
+  "search.filter-by-discipline": "Filter by discipline",
+  "search.disciplines": "Disciplines",
+  "search.clear-disciplines": "Clear disciplines",
+  "search.no-results": "No results found for \"{0}\".",
+  "search.no-results-plain": "No results found."
 }

package/dist/runtime/translations/fr.json

@@ -23,9 +23,12 @@
     "affiliations": "affiliation | affiliation | affiliations",
     "all": "Tout",
     "app": "application | application | applications",
+    "board": "membre du conseil | membre du conseil | membres du conseil",
     "disciplines": "discipline | discipline | disciplines",
+    "ethics": "membre du comité | membre du comité | membres du comité",
     "events": "événement |événement | événements",
     "fellow": "résident | résident | résidents",
+    "fellows": "résident | résident | résidents",
     "fellowships": "programme d'accueil | programme d'accueil | programmes d'accueil",
     "file": "document | document | documents",
     "initiatives": "initiative | initiative | initiatives",
@@ -33,6 +36,8 @@
     "media": "média | média | médias",
     "news": "actualité | actualités | actualités",
     "people": "résident | résident | résidents",
+    "sab": "membre du conseil scientifique | membre du conseil scientifique | membres du conseil scientifique",
+    "team": "membre de l'équipe | membre de l'équipe | membres de l'équipe",
     "tools": "outil | outil | outils",
     "projects": "projet | projet | projets",
     "publications": "publication | publications | publications",
@@ -462,5 +467,15 @@
   "search.example.1": "Hannah Arendt",
   "search.example.2": "politique climatique",
   "search.example.3": "résidences 2024",
-  "search.example.4": "sciences sociales"
+  "search.example.4": "sciences sociales",
+  "search.groups.people": "Personnes",
+  "search.groups.collective-intelligence": "Intelligence collective",
+  "search.groups.events": "Événements",
+  "search.groups.fellowships": "Résidence",
+  "search.groups.resources": "Ressources",
+  "search.filter-by-discipline": "Filtrer par discipline",
+  "search.disciplines": "Disciplines",
+  "search.clear-disciplines": "Effacer les disciplines",
+  "search.no-results": "Aucun résultat pour « {0} ».",
+  "search.no-results-plain": "Aucun résultat."
 }

package/package.json

@@ -1,14 +1,14 @@
 {
   "license": "AGPL-3.0-only",
   "main": "./dist/module.mjs",
-  "version": "1.1.20",
+  "version": "1.2.0",
   "name": "@paris-ias/list",
   "repository": {
     "url": "git+https://github.com/IEA-Paris/list.git",
     "type": "git"
   },
   "dependencies": {
-    "@paris-ias/trees": "^2.2.14"
+    "@paris-ias/trees": "^2.2.15"
   },
   "description": "Paris IAS List Module",
   "peerDependencies": {