@tekkare/romulus 0.1.250 → 0.1.252

package/layer/app/components/oip-drugs/heart/associations/NationalAssemblyFiche.vue

@@ -0,0 +1,372 @@
+<!--
+  Fiche de synthese d'un compte rendu de commission (champ `fiche` de l'index,
+  ecrite par le traitement LLM). Portage de
+  heart/associations/nationalAssemblyFiche de fr_drugs_app.
+
+  Dans l'ordre de lecture : pourquoi le compte rendu compte pour la pharma,
+  puis chaque point de l'ordre du jour avec sa decision et ses lignes (sujet,
+  issue, themes pharma cites, intervenants), enfin les organisations citees.
+  Les controles non passes (`warnings`) ne sont montres qu'aux super-admins :
+  ceux qui nomment une ligne (« A3 : ... ») sous cette ligne, les autres en
+  tete dans une section repliee.
+
+  La fiche n'est pas indexee (`enabled: false`) : rien ici ne se filtre, tout
+  se lit.
+-->
+<template>
+  <div class="na_fiche">
+    <div v-if="relevance" class="oip_list gap-4">
+      <div class="oip_row gap-8 v-center wrap">
+        <RmTag :variant="relevanceVariant(relevance.niveau)">
+          {{ t("oipDrugs.heart.associations.nationalAssembly.fiche.relevance") }} : {{ relevance.niveau }}
+        </RmTag>
+        <span v-if="fiche.type_texte" class="oip_label">{{ fiche.type_texte }}</span>
+        <span v-if="fiche.presidence" class="oip_label">
+          {{ t("oipDrugs.heart.associations.nationalAssembly.fiche.chair") }} : {{ fiche.presidence }}
+        </span>
+      </div>
+      <p v-if="relevance.raison" class="na_fiche__text">{{ relevance.raison }}</p>
+    </div>
+
+    <!-- Controles du traitement LLM : utiles aux admins seulement, replies. -->
+    <RmCollapse
+      v-if="isSuperAdmin && globalWarnings.length + anomalies.length > 0"
+      v-model="checksOpen"
+      :title="t('oipDrugs.heart.associations.nationalAssembly.fiche.checks')"
+      :count="globalWarnings.length + anomalies.length"
+      icon="WarningCircle"
+    >
+      <RmCallout tone="warning">
+        <ul class="na_fiche__bullets">
+          <li v-for="(w, i) in globalWarnings" :key="`w${i}`">{{ w }}</li>
+          <li v-for="(a, i) in anomalies" :key="`a${i}`">{{ a }}</li>
+        </ul>
+      </RmCallout>
+    </RmCollapse>
+
+    <section v-for="point in points" :key="point.id" class="na_fiche__point">
+      <h4 class="na_fiche__point_title">{{ point.id }}. {{ point.titre }}</h4>
+      <p v-if="point.texte_ref" class="oip_label">{{ point.texte_ref }}</p>
+      <p v-if="decisionOf(point.id)" class="na_fiche__text">
+        <span class="na_fiche__strong">
+          {{ t("oipDrugs.heart.associations.nationalAssembly.fiche.decision") }} :
+        </span>
+        {{ decisionOf(point.id) }}
+      </p>
+
+      <ul class="na_fiche__lines">
+        <li v-for="line in linesOf(point.id)" :key="line.id" class="na_fiche__line">
+          <!-- L'ancre (premiere phrase du passage, copiee de la source) ouvre
+               le compte rendu a cet endroit ; sans ancre, pas de lien. -->
+          <button
+            v-if="line.ancre && readable"
+            type="button"
+            class="na_fiche__line_head na_fiche__line_head--link"
+            :title="t('oipDrugs.heart.associations.nationalAssembly.fiche.readLine')"
+            @click="emit('read', line.ancre)"
+          >
+            <span class="na_fiche__line_id">{{ line.id }}</span>
+            <span class="na_fiche__strong">{{ line.sujet }}</span>
+            <RmIcon name="ArrowRight" :size="14" class="na_fiche__line_arrow" />
+          </button>
+          <p v-else class="na_fiche__text">
+            <span class="na_fiche__line_id">{{ line.id }}</span>
+            <span class="na_fiche__strong">{{ line.sujet }}</span>
+          </p>
+          <p v-if="line.issue" class="na_fiche__text">{{ line.issue }}</p>
+
+          <div v-for="(tag, ti) in line.tags_pharma ?? []" :key="ti" class="na_fiche__tag">
+            <RmTag :variant="tag.portee === 'principale' ? 'violet' : 'gray'">
+              {{ tag.tag }} ({{ porteeLabel(tag.portee) }})
+            </RmTag>
+            <q v-if="tag.citation" class="na_fiche__quote">{{ tag.citation }}</q>
+          </div>
+
+          <p v-if="line.laboratoires_nommes?.length" class="oip_label">
+            {{ t("oipDrugs.heart.associations.nationalAssembly.fiche.labs") }} :
+            {{ line.laboratoires_nommes.join(", ") }}
+          </p>
+          <p v-if="line.mots_cles?.length" class="oip_label">
+            {{ t("oipDrugs.heart.associations.nationalAssembly.fiche.keywords") }} :
+            {{ line.mots_cles.join(", ") }}
+          </p>
+          <p v-if="line.intervenants?.length" class="oip_label">
+            {{ t("oipDrugs.heart.associations.nationalAssembly.fiche.speakers") }} :
+            {{ line.intervenants.map(speakerLabel).join(" ; ") }}
+          </p>
+          <p
+            v-for="(w, wi) in isSuperAdmin ? (lineWarnings.get(line.id) ?? []) : []"
+            :key="`lw${wi}`"
+            class="na_fiche__warning"
+          >
+            <RmIcon name="WarningCircle" :size="14" />
+            {{ w }}
+          </p>
+        </li>
+      </ul>
+    </section>
+
+    <div v-if="organisations.length > 0" class="oip_list gap-4">
+      <p class="oip_label">{{ t("oipDrugs.heart.associations.nationalAssembly.fiche.organisations") }}</p>
+      <div class="oip_row gap-8 wrap">
+        <template v-for="org in organisations" :key="org.nom">
+          <a
+            v-if="org.referentiel_id"
+            :href="nav.appHref('fr_drugs_app', drugsAssociationPath(org.referentiel_id))"
+            class="na_fiche__org"
+            @click="openAssociation($event, org.referentiel_id)"
+          >
+            {{ org.nom_normalise || org.nom }} ({{ org.role }})
+          </a>
+          <span v-else class="na_fiche__org na_fiche__org--plain">
+            {{ org.nom_normalise || org.nom }} ({{ org.role }})
+          </span>
+        </template>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { drugsAssociationPath } from "../../../../oip-drugs/kinds";
+
+const props = withDefaults(
+  defineProps<{
+    /** Le champ `fiche` du compte rendu. */
+    fiche: any;
+    /** Le champ `warnings` : les controles non passes. */
+    warnings?: string[];
+    /** Le compte rendu a une copie lisible : les ancres deviennent des liens. */
+    readable?: boolean;
+  }>(),
+  { warnings: () => [], readable: false },
+);
+
+/** `anchor` : l'ancre de la ligne cliquee, ou la lecture s'ouvre. */
+const emit = defineEmits<{ read: [anchor: string] }>();
+
+const { t } = useI18n();
+const nav = useOipResourceNav();
+
+/** Le Ctrl/Cmd-clic garde le lien : il ouvre un onglet. */
+function openAssociation(event: MouseEvent, label: string) {
+  if (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) return;
+  event.preventDefault();
+  nav.openApp("fr_drugs_app", drugsAssociationPath(label));
+}
+
+/** Les controles non passes ne sont montres qu'aux super-admins. */
+const { isSuperAdmin, ensureLoaded } = useAdminAccess();
+onMounted(() => ensureLoaded());
+const checksOpen = ref(false);
+
+const relevance = computed(() => props.fiche?.pertinence_pharma ?? null);
+const points = computed<any[]>(() => props.fiche?.points ?? []);
+const anomalies = computed<string[]>(() => props.fiche?.anomalies ?? []);
+
+const linesOf = (pointId: string) =>
+  (props.fiche?.sommaire ?? []).filter((line: any) => line.point === pointId);
+
+const decisionOf = (pointId: string) =>
+  (props.fiche?.decisions ?? []).find((d: any) => d.point === pointId)?.texte ?? "";
+
+/** Un controle qui commence par l'id d'une ligne (« A3 : ... ») va sous elle. */
+const LINE_WARNING = /^([A-Z]\d+) : (.*)$/;
+
+const lineWarnings = computed(() => {
+  const byLine = new Map<string, string[]>();
+  for (const warning of props.warnings) {
+    const match = LINE_WARNING.exec(warning);
+    if (!match) continue;
+    byLine.set(match[1]!, [...(byLine.get(match[1]!) ?? []), match[2]!]);
+  }
+  return byLine;
+});
+
+const globalWarnings = computed(() => props.warnings.filter((w) => !LINE_WARNING.test(w)));
+
+/** Patients d'abord, puis le reste ; une organisation citee deux fois une fois. */
+const organisations = computed(() => {
+  const seen = new Set<string>();
+  return [
+    ...(props.fiche?.associations_patients ?? []),
+    ...(props.fiche?.autres_organisations ?? []),
+  ].filter((org: any) => {
+    const key = (org.nom_normalise || org.nom || "").toLowerCase();
+    if (!key || seen.has(key)) return false;
+    seen.add(key);
+    return true;
+  });
+});
+
+function relevanceVariant(level: string) {
+  if (level === "Haute") return "violet";
+  if (level === "Moyenne") return "blue";
+  if (level === "Faible") return "sky";
+  return "gray";
+}
+
+function porteeLabel(portee: string) {
+  const key = `oipDrugs.heart.associations.nationalAssembly.fiche.portee.${portee}`;
+  const label = t(key);
+  return label === key ? portee : label;
+}
+
+function speakerLabel(speaker: any) {
+  const details = [speaker.groupe, positionLabel(speaker.position)].filter(Boolean).join(", ");
+  return details ? `${speaker.nom} (${details})` : speaker.nom;
+}
+
+function positionLabel(position: string) {
+  if (!position) return "";
+  const key = `oipDrugs.heart.associations.nationalAssembly.fiche.position.${position}`;
+  const label = t(key);
+  return label === key ? position : label;
+}
+</script>
+
+<style scoped>
+.na_fiche {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.na_fiche__text {
+  margin: 0;
+  color: var(--text-primary);
+  font-size: 13px;
+  line-height: 1.5;
+}
+
+.na_fiche__strong {
+  font-weight: 600;
+}
+
+.na_fiche__bullets {
+  margin: 4px 0 0;
+  padding-left: 18px;
+  font-size: 13px;
+}
+
+.na_fiche__point {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  padding-top: 8px;
+  border-top: 1px solid var(--border-default);
+}
+
+.na_fiche__point_title {
+  margin: 0;
+  color: var(--text-primary);
+  font-size: 14px;
+  font-weight: 600;
+}
+
+.na_fiche__lines {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  margin: 4px 0 0;
+  padding: 0;
+  list-style: none;
+}
+
+/* Une ligne du sommaire : filet a gauche, comme un passage cite. */
+.na_fiche__line {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  padding: 6px 12px;
+  border-left: 3px solid var(--border-default);
+}
+
+.na_fiche__line_head {
+  display: block;
+  width: 100%;
+  margin: 0;
+  padding: 0;
+  border: none;
+  background: none;
+  color: var(--text-primary);
+  font-family: inherit;
+  font-size: 13px;
+  line-height: 1.5;
+  text-align: left;
+}
+
+.na_fiche__line_head--link {
+  cursor: pointer;
+}
+
+/* Un titre qui ouvre le compte rendu se lit comme un lien, sans survol. */
+.na_fiche__line_head--link .na_fiche__strong {
+  color: var(--primary);
+  text-decoration: underline;
+  text-underline-offset: 2px;
+}
+
+.na_fiche__line_head--link:hover .na_fiche__strong {
+  text-decoration-thickness: 2px;
+}
+
+.na_fiche__line_head--link .na_fiche__line_arrow {
+  color: var(--primary);
+}
+
+.na_fiche__line_head--link:focus-visible {
+  outline: 2px solid var(--primary);
+  outline-offset: 2px;
+}
+
+.na_fiche__line_arrow {
+  margin-left: 4px;
+  color: var(--text-muted);
+  vertical-align: middle;
+}
+
+.na_fiche__line_id {
+  margin-right: 6px;
+  color: var(--text-muted);
+  font-size: 12px;
+}
+
+.na_fiche__tag {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 2px;
+}
+
+.na_fiche__quote {
+  color: var(--text-secondary);
+  font-size: 12px;
+  font-style: italic;
+}
+
+.na_fiche__warning {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  margin: 0;
+  color: var(--text-warning, var(--text-secondary));
+  font-size: 12px;
+}
+
+.na_fiche__org {
+  color: var(--text-primary);
+  font-size: 13px;
+  text-decoration: none;
+  border-bottom: 1px solid var(--border-default);
+}
+
+.na_fiche__org:hover {
+  color: var(--primary);
+  border-bottom-color: currentColor;
+}
+
+.na_fiche__org--plain {
+  border-bottom: none;
+}
+</style>

package/layer/app/components/oip-drugs/heart/associations/TranscriptionCard.vue

@@ -0,0 +1,55 @@
+<!--
+  Un debat de la commission de la transparence ou l'association est citee
+  (portage de heart/associations/transcriptionCard de fr_drugs_app).
+
+  La carte dit de quel produit et de quelle seance il s'agit, et donne les
+  deux sorties vers le document. Le fil des echanges, lui, s'ouvre dans le
+  tiroir de la fiche ; la carte ne le charge pas.
+-->
+<template>
+  <div class="oip_card oip_list gap-12 oip_body full">
+    <div class="oip_row v-center gap-8 wrap">
+      <p class="oip_heading">{{ transcription.brand || t("oipDrugs.heart.associations.detail.debate") }}</p>
+      <RmTag v-if="transcription.has_code" variant="gray">{{ transcription.has_code }}</RmTag>
+      <span class="oip_label">
+        <RmDate :date="transcription.session_date" :lang="dateLang" />
+      </span>
+    </div>
+
+    <div class="oip_row gap-8 wrap">
+      <RmButton variant="secondary" prefix-icon="ChatsCircle" @click="emit('open', transcription)">
+        {{ t("oipDrugs.heart.associations.detail.debateThread") }}
+      </RmButton>
+      <RmButton
+        v-if="transcription.transcription_url"
+        variant="tertiary"
+        ghost
+        prefix-icon="ArrowSquareOut"
+        @click="open(transcription.transcription_url)"
+      >
+        {{ t("oipDrugs.heart.associations.detail.seeOnHas") }}
+      </RmButton>
+      <RmButton
+        v-if="transcription.tekkare_url"
+        variant="tertiary"
+        ghost
+        prefix-icon="FilePdf"
+        @click="emit('pdf', transcription)"
+      >
+        {{ t("oipDrugs.heart.associations.detail.seePdf") }}
+      </RmButton>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+defineProps<{ transcription: any }>();
+const emit = defineEmits<{ open: [transcription: any]; pdf: [transcription: any] }>();
+
+const { t, locale } = useI18n();
+const dateLang = computed(() => (locale.value === "en" ? "en" : "fr"));
+
+function open(url: string) {
+  if (url) window.open(url, "_blank");
+}
+</script>

package/layer/app/components/oip-drugs/heart/elastic/SourceContainerElastic.vue

@@ -0,0 +1,103 @@
+<!--
+  Pied de source d'une carte (portage de heart/elastic/sourceContainerElastic
+  de fr_drugs_app) : « Source : Producteur (jeu) - Derniere mise a jour : X »,
+  lu dans Directus par /api/oip/sources (cf. useDirectusSources). Le clic
+  ouvre le panneau Sources de l'app sur cette fiche, par son hook (comme
+  OipResourceSource).
+-->
+<template>
+  <RmSourceLine class="oip-drugs" :tone="tone" @click="onOpenSources">
+    <div class="oip_row v-center gap-4">
+      <span>{{ kindLabel }} : {{ displayName }}</span>
+      <span>&nbsp;-&nbsp;{{ locale === 'fr' ? 'Dernière mise à jour' : 'Last updated' }} :</span>
+      <span>{{ info.verified }}</span>
+      <!-- La derniere fois que la donnee affichee a bouge. Rien a voir avec la
+           date ci-dessus, qui dit quand le jeu a ete recharge : le segment
+           porte donc son propre libelle, et disparait quand la carte n'a pas
+           d'evenement date a montrer. -->
+      <template v-if="last">
+        <span>&nbsp;-&nbsp;{{ lastLabel }} :</span>
+        <span><RmDate :date="last" :lang="locale === 'en' ? 'en' : 'fr'" /></span>
+      </template>
+    </div>
+  </RmSourceLine>
+</template>
+
+<script setup lang="ts">
+import useDirectusSources from "../../../../oip-drugs/composables/useDirectusSources";
+import { heartLatestDate } from "../../../../oip-drugs/utils/latestDate";
+import { useOipResourceHooks } from "../../../../composables/useOipResourceHooks";
+
+const props = withDefaults(
+  defineProps<{
+    uuid: string;
+    /** Gris par defaut (pied de carte) ; `primary` quand la source est seule sur sa ligne. */
+    tone?: "muted" | "primary";
+    /**
+     * Ce que la date de fin de ligne raconte sur cette carte-la : « Dernier
+     * prix », « Derniere autorisation », « Dernier avis »... Le libelle arrive
+     * traduit, la carte seule sait de quel evenement elle parle.
+     */
+    lastLabel?: string;
+    /**
+     * La date de cet evenement, ou la liste des dates dont il faut prendre la
+     * plus recente. Sans elle (donnee vide, table filtree a zero), le segment
+     * n'est pas rendu.
+     */
+    lastDate?: string | number | null | Array<string | number | null | undefined>;
+    /**
+     * Ce que la source documente, quand la carte en cite plusieurs : « Source
+     * prix », « Source décisions ». Une carte a une seule source garde
+     * « Source » tout court.
+     */
+    kind?: string;
+    /**
+     * Nommer la source par son surnom Directus plutot que par « Producteur
+     * (jeu) ». Utile quand une carte en cite plusieurs : les noms complets y
+     * tiennent sur deux lignes chacun.
+     */
+    preferNickname?: boolean;
+  }>(),
+  {
+    tone: "muted",
+    lastLabel: undefined,
+    lastDate: undefined,
+    kind: undefined,
+    preferNickname: false,
+  }
+);
+
+const { locale } = useI18n();
+const hooks = useOipResourceHooks();
+
+const kindLabel = computed(() => props.kind || "Source");
+
+// Le libelle et la date viennent de Directus, comme le panneau « Sources » du
+// rail : le referentiel Elasticsearch donnait une autre date pour la meme
+// source selon l'endroit ou on la lisait.
+const { load, metaByUuid } = useDirectusSources();
+
+watch(
+  () => props.uuid,
+  (uuid) => {
+    if (uuid) load([uuid]);
+  },
+  { immediate: true }
+);
+
+const info = computed(() =>
+  metaByUuid(props.uuid, locale.value === "en" ? "en" : "fr")
+);
+
+const displayName = computed(() =>
+  props.preferNickname ? info.value.nickname || info.value.name : info.value.name
+);
+
+const last = computed(() =>
+  props.lastLabel ? heartLatestDate(props.lastDate) : null
+);
+
+function onOpenSources() {
+  if (props.uuid) hooks.openSource?.(props.uuid);
+}
+</script>