@tekkare/romulus 0.1.241 → 0.1.243

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": ">=3.16.0"
   },
-  "version": "0.1.240",
+  "version": "0.1.242",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
     "unbuild": "2.0.0"

package/layer/app/app.config.ts

@@ -0,0 +1,90 @@
+import type { OipExternalCrumb, OipLocaleOption, OipPart } from "./types/oip";
+
+// Reglages du cadre OIP 7. Chaque app surcharge ce qui lui est propre dans son
+// propre app.config.ts (Nuxt fusionne les deux, l'app gagne) :
+//
+//   export default defineAppConfig({
+//     oip: {
+//       home: { label: "France • Drugs", flag: "fr", href: "https://.../france" },
+//       parts: [{ key: "drugs", label: "Médicaments", labelEn: "Drugs", to: "/medicam/market" }],
+//     },
+//   })
+//
+// Piege : Nuxt CONCATENE les tableaux d'un layer a l'autre. Pour remplacer un
+// tableau du layer (locales), l'app le donne en fonction :
+// `locales: () => [...]`.
+export default defineAppConfig({
+  oip: {
+    /** Premier maillon du fil : la plateforme, sur un autre domaine. */
+    platform: {
+      label: "💠 OIP Platform®",
+      href: "https://openinnovationprogram.com/healthcare",
+    } as OipExternalCrumb,
+    /** Deuxieme maillon : le pays ou l'app sur la plateforme. Absent : sautee. */
+    home: null as OipExternalCrumb | null,
+    /** Parties d'un hub. Vide pour une app sans parties. */
+    parts: [] as OipPart[],
+    /** Langues proposees en bas du rail. */
+    locales: [
+      { code: "en", flag: "🇬🇧", label: "English" },
+      { code: "fr", flag: "🇫🇷", label: "Français" },
+    ] as OipLocaleOption[],
+    /**
+     * Largeur commune des panneaux du rail. Une seule pour toutes les tuiles :
+     * sinon le contenu de la page se reflue a chaque ouverture.
+     */
+    panelWidth: "640px",
+    /**
+     * Options des panneaux du rail servis par le layer, par tuile. `endpoint`
+     * pointe la route qui nourrit le panneau : une app peut la detourner vers
+     * la sienne (ou une autre API) sans toucher au panneau.
+     */
+    /**
+     * Registre des index Elasticsearch (collection Directus ElasticIndices).
+     * `preload` : charge les noms au demarrage, pour les apps qui designent
+     * leurs index par id (cf. useOipEsIndices).
+     */
+    esIndices: {
+      endpoint: "/api/oip/es-indices",
+      preload: false,
+    },
+    panels: {
+      Topics: {
+        endpoint: "/api/oip/favorites",
+      },
+      Metadata: {
+        endpoint: "/api/oip/metadata",
+      },
+      Sources: {
+        /** Fiches Directus des sources (POST lecture, PATCH correction). */
+        endpoint: "/api/oip/sources",
+        /** Tablegroups des sujets de l'app (tuile Tables). */
+        tablesEndpoint: "/api/oip/table-groups",
+      },
+      Notes: {
+        endpoint: "/api/oip/notes",
+        /** Une note entiere, pour la corriger (superadmin). */
+        noteEndpoint: "/api/oip/note",
+        /** Listes de l'editeur : categories, ecrans, jeux de donnees. */
+        optionsEndpoint: "/api/oip/note-options",
+      },
+      Documents: {
+        endpoint: "/api/oip/documents",
+        /**
+         * Documents Directus (oipDocuments) retenus par l'app, dans l'ordre
+         * d'affichage : `{ id, category, apps? }`. Vide : le panneau est vide.
+         */
+        catalog: [] as { id: number; category: string; apps?: string[] }[],
+        /** Libelles des categories, par cle. L'app peut en ajouter. */
+        categories: {
+          license: { fr: "Licences et réutilisation", en: "Licences and reuse" },
+          price: { fr: "Prix et remboursement", en: "Pricing and reimbursement" },
+          general: { fr: "Système de santé français", en: "French healthcare system" },
+          hospital: { fr: "Hôpital et nomenclatures", en: "Hospital and coding" },
+          trials: { fr: "Essais cliniques", en: "Clinical trials" },
+          establishments: { fr: "Établissements", en: "Establishments" },
+        } as Record<string, { fr: string; en: string }>,
+      },
+    },
+  },
+});

package/layer/app/assets/tekkare_logo.svg

@@ -0,0 +1,20 @@
+<svg width="213" height="28" viewBox="0 0 213 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_5642_694)">
+<path d="M125.201 24.8351L123.589 27.7971C123.521 27.9214 123.39 27.9995 123.244 27.9995H118.066C117.768 27.9995 117.58 27.6799 117.722 27.4206L130.596 4.01982C130.745 3.7499 131.132 3.7499 131.281 4.01982L144.127 27.4206C144.269 27.6799 144.081 27.9995 143.783 27.9995H138.395C138.249 27.9995 138.118 27.9178 138.05 27.79L136.495 24.8387C136.427 24.7108 136.292 24.6292 136.15 24.6292H125.546C125.404 24.6292 125.272 24.7073 125.201 24.8316V24.8351ZM133.636 19.3339L131.288 14.9016C131.143 14.6246 130.745 14.6246 130.596 14.9016L128.234 19.3339C128.096 19.5931 128.284 19.9092 128.579 19.9092H133.291C133.586 19.9092 133.774 19.5967 133.636 19.3339Z" fill="#2100AD"/>
+<path d="M22.3567 9.47516H14.483C14.2664 9.47516 14.0923 9.64918 14.0923 9.86582V27.4457C14.0923 27.6624 13.9183 27.8364 13.7017 27.8364H9.05277C8.83612 27.8364 8.6621 27.6624 8.6621 27.4457V9.86582C8.6621 9.64918 8.48808 9.47516 8.27144 9.47516H0.390665C0.174023 9.47516 0 9.30113 0 9.08449V4.47465C0 4.25801 0.174023 4.08398 0.390665 4.08398H22.3567C22.5733 4.08398 22.7473 4.25801 22.7473 4.47465V9.08449C22.7473 9.30113 22.5733 9.47516 22.3567 9.47516Z" fill="#2100AD"/>
+<path d="M171.591 27.9998H166.551C166.416 27.9998 166.288 27.9287 166.217 27.8115L162.438 21.6568C162.289 21.4117 162.016 21.2732 161.732 21.2874L155.094 21.2981C154.668 21.2981 154.32 21.671 154.32 22.1007V27.5239C154.32 27.7405 154.146 27.9145 153.929 27.9145H149.316C149.099 27.9145 148.925 27.7405 148.925 27.5239V4.47465C148.925 4.25801 149.099 4.08398 149.316 4.08398H160.705C162.698 4.08398 164.53 4.46755 166.207 5.23822C167.883 6.0089 169.211 7.04948 170.195 8.35999C171.179 9.67404 171.672 11.1088 171.672 12.6715C171.672 14.1454 171.243 15.5092 170.383 16.7664C169.595 17.9135 168.551 18.8724 167.251 19.6324C167.055 19.7461 166.992 19.9982 167.116 20.1865L171.921 27.396C172.095 27.6553 171.907 28.0033 171.594 28.0033L171.591 27.9998ZM161.416 15.843C162.158 15.843 162.833 15.6974 163.451 15.4097C164.069 15.122 164.559 14.7349 164.921 14.2519C165.283 13.7654 165.464 13.2362 165.464 12.6609C165.464 12.0855 165.283 11.5776 164.921 11.0946C164.559 10.6081 164.069 10.2245 163.451 9.93685C162.833 9.64918 162.154 9.50357 161.416 9.50357H154.71C154.494 9.50357 154.32 9.67759 154.32 9.89423V15.4523C154.32 15.669 154.494 15.843 154.71 15.843H161.416Z" fill="#2100AD"/>
+<path d="M51.266 9.45754H34.3715C34.1549 9.45754 33.9809 9.63156 33.9809 9.8482V13.0978C33.9809 13.3145 34.1549 13.4885 34.3715 13.4885H42.7211C42.9377 13.4885 43.1118 13.6625 43.1118 13.8792V18.4996C43.1118 18.7163 42.9377 18.8903 42.7211 18.8903H34.3715C34.1549 18.8903 33.9809 19.0643 33.9809 19.281V22.1257C33.9809 22.3424 34.1549 22.5164 34.3715 22.5164H51.266C51.4827 22.5164 51.6567 22.6904 51.6567 22.9071V27.5133C51.6567 27.73 51.4827 27.904 51.266 27.904H28.8738C28.6572 27.904 28.4832 27.73 28.4832 27.5133V4.43217C28.4832 4.21553 28.6572 4.0415 28.8738 4.0415H51.266C51.4827 4.0415 51.6567 4.21553 51.6567 4.43217V9.06687C51.6567 9.28351 51.4827 9.45754 51.266 9.45754Z" fill="#2100AD"/>
+<path d="M200.031 9.54982H183.136C182.92 9.54982 182.746 9.72385 182.746 9.94049V13.1901C182.746 13.4067 182.92 13.5808 183.136 13.5808H191.486C191.703 13.5808 191.877 13.7548 191.877 13.9714V18.5919C191.877 18.8086 191.703 18.9826 191.486 18.9826H183.136C182.92 18.9826 182.746 19.1566 182.746 19.3733V22.218C182.746 22.4347 182.92 22.6087 183.136 22.6087H200.031C200.248 22.6087 200.422 22.7827 200.422 22.9993V27.6056C200.422 27.8223 200.248 27.9963 200.031 27.9963H177.639C177.422 27.9963 177.248 27.8223 177.248 27.6056V4.52445C177.248 4.30781 177.422 4.13379 177.639 4.13379H200.031C200.248 4.13379 200.422 4.30781 200.422 4.52445V9.15916C200.422 9.3758 200.248 9.54982 200.031 9.54982Z" fill="#2100AD"/>
+<path d="M205.923 3.27448C205.923 1.4277 207.404 0 209.325 0C211.247 0 212.774 1.43125 212.774 3.27448C212.774 5.11771 211.261 6.55606 209.325 6.55606C207.39 6.55606 205.923 5.12126 205.923 3.27448ZM206.498 3.27448C206.498 4.81228 207.745 6.01979 209.325 6.01979C210.906 6.01979 212.198 4.81228 212.198 3.27448C212.198 1.73668 210.927 0.511416 209.325 0.511416C207.723 0.511416 206.498 1.72603 206.498 3.27448ZM208.114 1.64079H209.492C210.174 1.64079 210.607 2.02435 210.607 2.63166C210.607 3.07915 210.366 3.40944 209.982 3.52664L210.767 4.87265H210.135L209.432 3.61542H208.654V4.87265H208.111V1.64079H208.114ZM209.481 3.12887C209.858 3.12887 210.05 2.92998 210.05 2.63166C210.05 2.33333 209.858 2.12735 209.481 2.12735H208.658V3.12887H209.481Z" fill="#2100AD"/>
+<path d="M65.0387 14.4476V14.7886C65.0387 18.9332 65.0387 23.0813 65.0387 27.2259C65.0387 27.3005 65.0387 27.3786 65.0387 27.4532C65.0245 27.8013 64.8824 27.9398 64.5344 27.9433C63.7886 27.9433 63.0428 27.9433 62.297 27.9433C61.6186 27.9433 60.9403 27.9433 60.2619 27.9433C59.644 27.9433 59.5872 27.8865 59.5872 27.2579C59.5872 19.7358 59.5872 12.2102 59.5872 4.68813C59.5872 4.65262 59.5872 4.62065 59.5872 4.58514C59.5872 4.17672 59.7008 4.06307 60.1199 4.06307C60.7805 4.06307 61.441 4.06307 62.1016 4.06307C62.8972 4.06307 63.6962 4.06307 64.4918 4.06307C64.9002 4.06307 65.0387 4.19802 65.0387 4.61355C65.0387 6.05901 65.0387 7.50092 65.0387 8.94638C65.0387 9.94435 65.0387 10.9388 65.0387 11.9367V12.2386C65.1879 11.3046 65.4081 10.3918 65.7703 9.51817C67.0311 6.48164 69.336 4.67748 72.5182 3.98138C75.8175 3.26043 78.6338 4.22644 81.0346 6.53491C81.1732 6.66987 81.3117 6.80837 81.4395 6.95399C81.6562 7.19904 81.6491 7.37661 81.4147 7.61101C80.6617 8.36393 79.9053 9.11685 79.1524 9.86977C78.8185 10.2036 78.4811 10.541 78.1473 10.8748C77.8596 11.159 77.6927 11.1412 77.3908 10.8784C76.9646 10.509 76.5562 10.09 76.0697 9.82715C73.9565 8.68001 71.2396 10.0118 70.7353 12.3878C70.5045 13.471 70.6856 14.4832 71.1757 15.4527C71.7866 16.6567 72.6744 17.6582 73.6014 18.6242C75.0752 20.1549 76.716 21.5045 78.4563 22.7155C80.9601 24.4593 83.5065 26.1427 86.028 27.8581C86.1452 27.9398 86.2234 27.9362 86.3406 27.8581C88.3081 26.544 90.2898 25.2549 92.2396 23.9159C94.5268 22.3426 96.7678 20.7018 98.6891 18.6846C99.4314 17.9033 100.12 17.0615 100.76 16.1914C101.413 15.2965 101.782 14.2772 101.747 13.1407C101.669 10.6227 99.2893 8.84693 96.9205 9.54658C96.2528 9.74191 95.7059 10.129 95.2193 10.6156C95.1412 10.6937 95.0666 10.7718 94.9885 10.85C94.6901 11.1519 94.5197 11.1554 94.2213 10.8571C93.1595 9.79874 92.1011 8.74394 91.0428 7.68559C90.6947 7.33755 90.7018 7.19549 91.0357 6.84389C92.3177 5.50142 93.8165 4.51766 95.6242 4.02755C99.403 3.00117 105.377 4.68813 106.978 10.6404C107.124 11.1838 107.216 11.7414 107.344 12.3345C107.344 12.1853 107.344 12.0717 107.344 11.958C107.344 9.52527 107.344 7.09605 107.344 4.66327C107.344 4.18027 107.458 4.06662 107.941 4.06662C109.365 4.06662 110.789 4.06662 112.21 4.06662C112.678 4.06662 112.781 4.16961 112.781 4.62776C112.781 12.2102 112.781 19.7926 112.781 27.3751C112.781 27.8332 112.671 27.9433 112.217 27.9433C110.81 27.9433 109.404 27.9433 107.998 27.9433C107.444 27.9433 107.344 27.8474 107.344 27.3005C107.344 23.1204 107.344 18.9403 107.344 14.7602C107.344 14.6288 107.344 14.4974 107.344 14.366C106.993 17.2001 105.547 19.4766 103.722 21.5648C101.861 23.6886 99.6978 25.475 97.4319 27.1442C97.091 27.3964 96.75 27.645 96.402 27.883C96.3096 27.9433 96.1889 27.9575 96.0788 27.9931C96.0646 27.9966 96.0468 27.9931 96.0291 27.9931C89.4624 27.9931 82.8956 27.9931 76.3289 27.9931C76.1975 27.9931 76.0448 27.9433 75.9383 27.8688C73.7363 26.3132 71.6019 24.6795 69.7373 22.7262C68.8814 21.8312 68.0717 20.8794 67.3259 19.8885C66.1148 18.2797 65.3193 16.4755 65.0458 14.4583L65.0387 14.4476Z" fill="url(#paint0_linear_5642_694)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_5642_694" x1="59.5872" y1="15.8611" x2="112.781" y2="15.8611" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F95BFF"/>
+<stop offset="1" stop-color="#5BC5FF"/>
+</linearGradient>
+<clipPath id="clip0_5642_694">
+<rect width="212.774" height="28" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/layer/app/components/AppUpdateToast.vue

@@ -0,0 +1,157 @@
+<!-- "A new version is available" prompt.
+     Nuxt's own check-outdated-build plugin polls /_nuxt/builds/latest.json and
+     fires `app:manifest:update` when the deployed build id stops matching the
+     one this tab booted with. Nuxt then hard-reloads on the next route change —
+     silently, and possibly mid-task. This toast surfaces that instead, so the
+     user reloads when it suits them; the built-in reload stays as the fallback. -->
+<template>
+  <Transition name="update-toast">
+    <div v-if="visible" class="update-toast" role="status" aria-live="polite">
+      <span class="update-toast-mark" aria-hidden="true">
+        <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round">
+          <path d="M21 12a9 9 0 1 1-2.64-6.36" />
+          <path d="M21 3v6h-6" />
+        </svg>
+      </span>
+      <div class="update-toast-body">
+        <p class="update-toast-title">
+          {{ locale === "en" ? "A new version is available" : "Une nouvelle version est disponible" }}
+        </p>
+        <p class="update-toast-text">
+          {{ locale === "en" ? "Reload to get the latest updates." : "Rechargez la page pour profiter des dernières mises à jour." }}
+        </p>
+        <div class="update-toast-actions">
+          <button type="button" class="update-toast-reload" @click="reload">
+            {{ locale === "en" ? "Reload" : "Recharger" }}
+          </button>
+          <button type="button" class="update-toast-later" @click="visible = false">
+            {{ locale === "en" ? "Later" : "Plus tard" }}
+          </button>
+        </div>
+      </div>
+    </div>
+  </Transition>
+</template>
+
+<script setup>
+const nuxtApp = useNuxtApp();
+// Textes bilingues par ternaire, comme les autres panneaux du cadre.
+const { locale } = useI18n();
+
+const visible = ref(false);
+
+// Only ever fires client-side, so the server render and the hydrating render
+// both agree on `false`.
+const unhook = nuxtApp.hook('app:manifest:update', () => {
+  visible.value = true;
+});
+onUnmounted(() => unhook());
+
+// force: true — reloadNuxtApp otherwise no-ops when the same path was already
+// reloaded in the last 10s (its sessionStorage guard), which would leave the
+// button dead. The path carries the query so filters survive the reload, and
+// persistState stays false: the point is to boot the new build clean.
+const reload = () =>
+  reloadNuxtApp({
+    path: window.location.pathname + window.location.search,
+    persistState: false,
+    force: true,
+  });
+</script>
+
+<style scoped>
+.update-toast {
+  position: fixed;
+  right: 20px;
+  bottom: 20px;
+  z-index: 70;
+  display: flex;
+  gap: 11px;
+  max-width: 340px;
+  padding: 14px 16px;
+  border-radius: 12px;
+  border: 1px solid #dbdef0;
+  background: var(--bg-surface);
+  box-shadow: 0 10px 30px rgba(30, 41, 59, 0.13);
+}
+
+.update-toast-body {
+  min-width: 0;
+}
+
+.update-toast-title {
+  font-weight: 600;
+  font-size: 14px;
+  color: #1e293b;
+}
+
+.update-toast-text {
+  margin-top: 2px;
+  font-size: 12px;
+  color: #878ca6;
+}
+
+.update-toast-actions {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-top: 10px;
+}
+
+.update-toast-mark {
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  border-radius: 9999px;
+  color: var(--primary, #2017ad);
+  background: color-mix(in srgb, var(--primary, #2017ad) 9%, transparent);
+}
+
+.update-toast-reload,
+.update-toast-later {
+  font-size: 13px;
+  font-weight: 600;
+  border-radius: 7px;
+  padding: 6px 12px;
+  transition: background-color 0.15s ease, color 0.15s ease;
+}
+
+.update-toast-reload {
+  color: #ffffff;
+  background: var(--primary, #2017ad);
+}
+
+.update-toast-reload:hover {
+  filter: brightness(0.9);
+}
+
+.update-toast-later {
+  color: #878ca6;
+}
+
+.update-toast-later:hover {
+  color: #475569;
+  background: var(--bg-surface-3);
+}
+
+.update-toast-enter-active,
+.update-toast-leave-active {
+  transition: opacity 0.22s ease, transform 0.22s ease;
+}
+
+.update-toast-enter-from,
+.update-toast-leave-to {
+  opacity: 0;
+  transform: translateY(10px);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .update-toast-enter-active,
+  .update-toast-leave-active {
+    transition: none;
+  }
+}
+</style>

package/layer/app/components/OipDirectusSources.vue

@@ -0,0 +1,192 @@
+<template>
+  <div v-if="!isLoading && sources.length" class="oip-src-list">
+    <template v-for="(uuid, index) in reorderedUuids" :key="uuid">
+      <RmSourceCard
+        v-if="findSource(uuid)"
+        :model-value="uuid === sourceToOpen"
+        :title="constructTitle(uuid)"
+        :country="showCountry ? getCountry(uuid).label : undefined"
+        :flag="showCountry ? getCountry(uuid).iso : undefined"
+        :sector="findSource(uuid)?.provider?.status"
+        :about-provider="getDescriptions(uuid).provider"
+        :about-source="getDescriptions(uuid).source"
+        :link="findSource(uuid)?.source_link"
+        :last-update="getFreshness(uuid).lastUpdate"
+        :frequency="getFreshness(uuid).frequency"
+        :tags="getTags(uuid)"
+        :lang="cardLang"
+        :highlight="highlight && index === 0"
+        :editable="canEdit"
+        @copy="notifyCopy"
+        @edit="openEditor(uuid)"
+      />
+    </template>
+  </div>
+  <div v-else-if="isLoading" class="oip-src-list">
+    <RmSkeleton v-for="i in 3" :key="i" width="100%" :height="70" radius="8px" />
+  </div>
+
+  <OipSourceEditDialog
+    v-if="editing"
+    v-model="isEditorOpen"
+    :source="editing"
+    :lang="lang"
+    @saved="onSaved"
+  />
+</template>
+
+<script setup lang="ts">
+/**
+ * Sources d'un panneau (layer OIP), resolues via /api/oip/sources (qui proxie
+ * Directus) pour que l'URL et le jeton ne partent jamais dans le navigateur.
+ *
+ * Le rendu est celui de RmSourceCard : les champs Directus y vont bruts
+ * (`provider.status` pour le secteur, `geo_zones.country_iso` pour le drapeau,
+ * `update_frequency` pour la frequence), le composant portant les libelles.
+ */
+
+const props = withDefaults(
+  defineProps<{
+    uuids: string[];
+    showCountry?: boolean;
+    sourceToOpen?: string | null;
+    lang?: string;
+    /** Cadre la premiere fiche en couleur d'accent : la source principale. */
+    highlight?: boolean;
+    /** Crayon de correction (superadmin). La route revalide le droit. */
+    editable?: boolean;
+  }>(),
+  { showCountry: true, sourceToOpen: null, lang: "en", highlight: false, editable: false }
+);
+
+const emit = defineEmits<{ updateSources: [any[]] }>();
+
+const sources = ref<any[]>([]);
+const isLoading = ref(false);
+
+// RmSourceCard ne porte que le francais et l'anglais ; les autres locales
+// retombent sur l'anglais plutot que d'afficher des libelles vides.
+const cardLang = computed<"fr" | "en">(() => (props.lang === "fr" ? "fr" : "en"));
+
+const reorderedUuids = computed(() => {
+  const uuids = Array.isArray(props.uuids) ? [...new Set(props.uuids)] : [];
+  if (props.sourceToOpen && uuids.includes(props.sourceToOpen)) {
+    return [props.sourceToOpen, ...uuids.filter((u) => u !== props.sourceToOpen)];
+  }
+  return uuids;
+});
+
+function findSource(uuid: string) {
+  return sources.value.find((s) => s?.source_uuid === uuid);
+}
+
+function getTranslated(source: any) {
+  const provider = source?.provider;
+  const pick = (arr: any[]) =>
+    arr?.find((t: any) =>
+      (t?.languages_code?.code || t?.languages_code || "").startsWith(props.lang)
+    ) || arr?.[0];
+  const st = pick(source?.translations || []);
+  const pt = pick(provider?.translations || []);
+  return {
+    providerName: pt?.provider_name || "",
+    providerDescription: pt?.provider_description || "",
+    sourceName: st?.source_name || source?.Nickname || "",
+    sourceDescription: st?.source_description || "",
+  };
+}
+
+function constructTitle(uuid: string) {
+  const t = getTranslated(findSource(uuid));
+  return [t.providerName, t.sourceName].filter(Boolean).join(" - ");
+}
+
+function getDescriptions(uuid: string) {
+  const t = getTranslated(findSource(uuid));
+  return { provider: t.providerDescription, source: t.sourceDescription };
+}
+
+function getCountry(uuid: string) {
+  const provider = findSource(uuid)?.provider;
+  return {
+    label: provider?.geo_zones?.country_label || provider?.provider_country || "",
+    // Sans code ISO (source mondiale, zone non renseignee), la fiche pose un
+    // globe : un drapeau devine serait faux.
+    iso: provider?.geo_zones?.country_iso || undefined,
+  };
+}
+
+function getFreshness(uuid: string) {
+  const source = findSource(uuid);
+  return {
+    lastUpdate: source?.latest_download_date || source?.source_last_updated || null,
+    frequency: source?.update_frequency || null,
+  };
+}
+
+function getTags(uuid: string) {
+  const tags = findSource(uuid)?.tags_terms;
+  return Array.isArray(tags) ? tags : [];
+}
+
+/**
+ * Crayon de correction : le droit est celui de la console d'OIP 7, passe par
+ * le cadre (`editable`). La route serveur le revalide : cacher le bouton ne
+ * protege rien.
+ */
+const canEdit = computed(() => props.editable);
+
+const isEditorOpen = ref(false);
+const editingUuid = ref<string | null>(null);
+const editing = computed(() => (editingUuid.value ? findSource(editingUuid.value) : null));
+
+function openEditor(uuid: string) {
+  editingUuid.value = uuid;
+  isEditorOpen.value = true;
+}
+
+function onSaved() {
+  fetchSources();
+}
+
+const notify = useOipNotify();
+const sourcesEndpoint = useAppConfig().oip.panels.Sources.endpoint;
+
+function notifyCopy() {
+  notify(cardLang.value === "fr" ? "Titre de la source copié" : "Source title copied");
+}
+
+async function fetchSources() {
+  const uuids = (Array.isArray(props.uuids) ? props.uuids : []).filter(Boolean);
+  if (!uuids.length) {
+    sources.value = [];
+    return;
+  }
+  isLoading.value = true;
+  try {
+    const res = await $fetch<{ sources: any[] }>(sourcesEndpoint, {
+      method: "POST",
+      body: { uuids: [...new Set(uuids)] },
+    });
+    sources.value = res.sources ?? [];
+    emit("updateSources", sources.value);
+  } catch (err: any) {
+    console.warn("Failed to load sources:", err?.message || err);
+    sources.value = [];
+  } finally {
+    isLoading.value = false;
+  }
+}
+
+onMounted(fetchSources);
+watch(() => props.uuids, fetchSources, { deep: true });
+</script>
+
+<style scoped>
+.oip-src-list {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  width: 100%;
+}
+</style>

package/layer/app/components/OipDocumentPreview.vue

@@ -0,0 +1,158 @@
+<!--
+  Apercu d'un PDF dans un tiroir (layer OIP).
+
+  Le dessin du panneau « Documents » du rail, sorti la pour que les autres
+  ecrans de l'app ouvrent leurs PDF de la meme facon : comptes rendus de comite,
+  ordres du jour, transcriptions de debat. C'est fait pour jeter un oeil ; les
+  deux sorties de l'entete mènent au document lui-meme.
+
+  `RmDrawer` accepte une largeur libre en plus de ses tailles nommees. `xl`
+  (860px) coupait les pages A4 en deux colonnes illisibles ; la borne en `vw`
+  garde le tiroir sous la largeur de l'ecran.
+
+  Le document passe par `RmDocumentViewer` pour qu'on puisse chercher dedans
+  (PDF ou page HTML) : le lecteur du navigateur, dans une iframe, ne laissait
+  que Ctrl+F. Un fichier qui ne se lit pas (hote qui refuse CORS, format
+  inconnu) retombe sur l'iframe.
+-->
+<template>
+  <RmDrawer
+    v-model="open"
+    size="min(1180px, 94vw)"
+    :z-index="zIndex"
+    :label="title"
+    :close-label="locale === 'en' ? 'Close the preview' : 'Fermer l’aperçu'"
+  >
+    <template #header>
+      <div class="preview_head">
+        <p class="preview_title">{{ title }}</p>
+        <div class="preview_actions">
+          <a
+            v-if="openHref"
+            class="preview_action"
+            :href="openHref"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            <i class="ph ph-arrow-square-out" />
+            {{ locale === "en" ? "New tab" : "Nouvel onglet" }}
+          </a>
+          <a v-if="downloadSrc" class="preview_action" :href="downloadSrc ?? undefined">
+            <i class="ph ph-download-simple" />
+            {{ locale === "en" ? "Download" : "Télécharger" }}
+          </a>
+        </div>
+      </div>
+    </template>
+
+    <template v-if="src">
+      <iframe v-if="fallback" class="preview_frame" :src="fallbackSrc || src" :title="title" />
+      <RmDocumentViewer
+        v-else
+        :src="src"
+        :query="query"
+        :anchor="anchor"
+        :base="fallbackSrc"
+        :lang="locale === 'en' ? 'en' : 'fr'"
+        @error="fallback = true"
+      />
+    </template>
+  </RmDrawer>
+</template>
+
+<script setup lang="ts">
+const props = withDefaults(
+  defineProps<{
+    /** Ce que le cadre affiche. Un PDF, et servi comme tel. */
+    src: string | null;
+    title?: string;
+    /** Lien de telechargement. Absent, la sortie n'est pas proposee. */
+    downloadSrc?: string | null;
+    /** Le document chez son producteur, quand `src` passe par nous. */
+    externalSrc?: string | null;
+    /**
+     * Plan de superposition, pour un ecran qui pose son propre voile au-dessus
+     * du cadre : sans lui l'apercu s'ouvre derriere.
+     */
+    zIndex?: number | string;
+    /** Terme(s) a chercher dans le document des l'ouverture. */
+    query?: string | readonly string[] | null;
+    /** Passage a viser dans le document : la lecture s'ouvre a cet endroit. */
+    anchor?: string | null;
+    /**
+     * Le document chez nous sans proxy, quand `src` passe par `/api/pdf` :
+     * l'iframe de repli l'affiche (le proxy sert tout en PDF, une page HTML
+     * n'y survivrait pas) et les liens relatifs d'une page HTML s'y
+     * resolvent.
+     */
+    fallbackSrc?: string | null;
+  }>(),
+  {
+    title: "",
+    downloadSrc: null,
+    externalSrc: null,
+    zIndex: undefined,
+    query: null,
+    anchor: null,
+    fallbackSrc: null,
+  },
+);
+
+const open = defineModel<boolean>({ default: false });
+
+/** Le document chez son producteur quand on le connait, sinon ce qu'on encadre. */
+const openHref = computed(() => props.externalSrc || props.src || undefined);
+
+const { locale } = useI18n();
+
+/** Le lecteur n'a pas su lire `src` : on le confie au navigateur. */
+const fallback = ref(false);
+watch(
+  () => props.src,
+  () => {
+    fallback.value = false;
+  },
+);
+</script>
+
+<style scoped>
+.preview_head {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  min-width: 0;
+}
+
+.preview_title {
+  margin: 0;
+  color: var(--text-primary);
+  font-size: var(--font-14);
+  font-weight: var(--weight-semibold);
+}
+
+.preview_actions {
+  display: flex;
+  gap: 12px;
+}
+
+.preview_action {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  color: var(--color-secondary);
+  font-size: var(--font-12);
+  font-weight: var(--weight-medium);
+  text-decoration: none;
+}
+
+.preview_action:hover {
+  text-decoration: underline;
+}
+
+.preview_frame {
+  width: 100%;
+  height: 100%;
+  min-height: 70vh;
+  border: none;
+}
+</style>