@tekkare/romulus 0.1.251 → 0.1.253

package/layer/app/components/oip-drugs/heart/ansm/CisTable.vue

@@ -0,0 +1,167 @@
+<template>
+  <!-- Pas de largeur ici : la carte qui monte ce tableau la decide (elle le
+       met a fleur de ses bords). Une largeur en style inline ne se laissait
+       pas reprendre. -->
+  <div class="oip-drugs oip_list gap-8">
+    <p v-if="showCount" class="oip_filter_label sku-count">
+      {{ cisHits.length }}
+      {{ cisHits.length > 1 ? t('oipDrugs.heart.ansm.brandCard.specialties') : t('oipDrugs.heart.ansm.brandCard.specialty') }}
+    </p>
+    <RmTable :columns="table.columns" :rows="table.rows">
+      <template v-for="key in table.typeKeys.link" :key="key" #[key]="{ value }">
+        <a :href="rowHref(value?.[1])" class="link nowrap" @click="openRow($event, value?.[1])">
+          <OipDrugsHeartTextHighlight :text="value?.[0]" :queries="storeSearchBar" />
+        </a>
+      </template>
+      <template v-for="key in table.typeKeys.text" :key="key" #[key]="{ value }">
+        <p class="nowrap">{{ value }}</p>
+      </template>
+      <template v-for="key in table.typeKeys.tag" :key="key" #[key]="{ value }">
+        <RmTag :variant="heartGetStatusColor(value)">{{ value }}</RmTag>
+      </template>
+    </RmTable>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import type { OneAnsmResult } from "../../../../oip-drugs/types/heart/ansm";
+import { heartGetStatusColor, heartStripBrandPrefix } from "../../../../oip-drugs/utils/heartStyleAnsm";
+import { heartFormatDate } from "../../../../oip-drugs/utils/heartStyleAndFormat";
+import { drugsBrandPath } from "../../../../oip-drugs/kinds";
+import { valueTable } from "../../../../utils/valueTable";
+
+const { t, locale } = useI18n();
+const nav = useOipResourceNav();
+
+const props = withDefaults(
+  defineProps<{
+    brandName: string;
+    cisHits: Array<{ _id: string; _source: OneAnsmResult }>;
+    storeSearchBar?: string[];
+    showCount?: boolean;
+    /**
+     * Colonnes facultatives affichees (ex-cardPrefs, cle « ansm ») : tout est
+     * masque par defaut, comme dans fr_drugs_app.
+     */
+    prefs?: Record<string, boolean>;
+  }>(),
+  { storeSearchBar: () => [], showCount: true, prefs: () => ({}) }
+);
+
+// Clic sur un CIS -> fiche marque, onglet ANSM, avec ce CIS preselectionne.
+function rowPath(cisId: string) {
+  const path = drugsBrandPath(props.brandName);
+  return path ? `${path}?tab=ansm&cis=${encodeURIComponent(cisId ?? "")}` : "";
+}
+function rowHref(cisId: string) {
+  const path = rowPath(cisId);
+  return path ? nav.appHref("fr_drugs_app", path) : undefined;
+}
+function openRow(event: MouseEvent, cisId: string) {
+  if (event.metaKey || event.ctrlKey || event.shiftKey) return;
+  event.preventDefault();
+  const path = rowPath(cisId);
+  if (path) nav.openApp("fr_drugs_app", path);
+}
+
+/**
+ * Colonnes facultatives du tableau, dans l'ordre ou elles s'ajoutent.
+ *
+ * Elles vivent sur la specialite (CIS) et non sur la marque : les montrer
+ * toutes tiendrait sur huit colonnes, dont la moitie ne sert qu'a une
+ * question. La pastille « Personnaliser » de la barre de filtres les ouvre une
+ * par une, cf. useCardPrefOptions.
+ */
+const OPTIONAL_COLUMNS: {
+  key: string;
+  head: () => string;
+  read: (source: OneAnsmResult) => string;
+}[] = [
+  {
+    key: "form",
+    head: () => (locale.value === "en" ? "Pharmaceutical form" : "Forme pharmaceutique"),
+    read: (source) => source.pharmaceutical_form || "-",
+  },
+  {
+    key: "route",
+    head: () => (locale.value === "en" ? "Route" : "Voie d'administration"),
+    read: (source) => source.administration_mode || "-",
+  },
+  {
+    key: "procedure",
+    head: () => (locale.value === "en" ? "Procedure" : "Procédure"),
+    read: (source) => source.procedure_type || "-",
+  },
+  {
+    key: "generic",
+    head: () => (locale.value === "en" ? "Generic group" : "Groupe générique"),
+    read: (source) => source.generic_group_label || "-",
+  },
+];
+
+const extraColumns = computed(() => {
+  const on = props.prefs;
+  return OPTIONAL_COLUMNS.filter((column) => on[column.key]);
+});
+
+const heads = computed(() => [
+  t("oipDrugs.heart.ansm.brandCard.denomination"),
+  t("oipDrugs.heart.ansm.brandCard.authorizationDate"),
+  t("oipDrugs.heart.ansm.brandCard.status"),
+  t("oipDrugs.heart.ansm.brandCard.commercialization"),
+  ...extraColumns.value.map((column) => column.head()),
+]);
+
+// Les quatre colonnes de base gardent leurs gabarits ; les facultatives sont
+// du texte, donc elles passent toutes par le meme.
+const columnTypes = computed(() => [
+  "link",
+  "text",
+  "tag",
+  "tag",
+  ...extraColumns.value.map(() => "text"),
+]);
+
+// Le tableau etait ecrit pour `arg-table` : des libelles de tete et des lignes
+// `{ values: [...] }`. La conversion en colonnes de RmTable est mecanique,
+// cf. `valueTable`. Les colonnes ne se trient pas ici : la carte affiche les
+// specialites dans l'ordre ou la marque les porte.
+const table = computed(() => {
+  const converted = valueTable(heads.value, tableContents.value, columnTypes.value, {
+    align: columnTypes.value.map(() => "left" as const),
+  });
+  return {
+    ...converted,
+    columns: converted.columns.map((column) => ({ ...column, sortable: false })),
+  };
+});
+
+const tableContents = computed(() =>
+  props.cisHits.map((h) => ({
+    values: [
+      [heartStripBrandPrefix(h._source.cis_label, props.brandName), h._id],
+      heartFormatDate((h._source as any).authorization_date),
+      h._source.amm_status,
+      h._source.commercialization_status,
+      ...extraColumns.value.map((column) => column.read(h._source)),
+    ],
+  }))
+);
+</script>
+
+<style scoped>
+.link {
+  color: var(--primary);
+  font-weight: 600;
+  text-decoration: none;
+}
+.link:hover {
+  text-decoration: underline;
+}
+.nowrap {
+  white-space: nowrap;
+}
+.sku-count {
+  padding: 16px 24px 0;
+}
+</style>

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

@@ -0,0 +1,373 @@
+<!--
+  Carte d'un compte rendu de commission de l'Assemblee nationale.
+
+  Meme dessin que les cartes de l'annuaire (RmResultCard) : de quelle reunion
+  il s'agit (ordre du jour, date, legislature, session), qui y est cite (les
+  associations, chacune ouvrant sa fiche) et ce qui s'y est decide (les
+  amendements adoptes et rejetes). Le texte, lui, ne voyage pas avec la carte,
+  il fait jusqu'a 200 000 caracteres : la lecture s'ouvre dans la visionneuse
+  de la page, sur la copie HTML de Tekkare.
+
+  La meme carte sert a la liste et a la fiche d'une association ; la fiche
+  retire son propre nom de la liste des citees. Portage de
+  heart/associations/nationalAssemblyCard de fr_drugs_app ; montee seule par
+  le tiroir des projets, elle porte la classe `oip-drugs`.
+-->
+<template>
+  <RmResultCard class="oip-drugs" :lang="dateLang" :link="report[NATIONAL_ASSEMBLY_FIELDS.htmlUrl]">
+    <template #title>
+      <OipDrugsHeartTextHighlight :text="title" :queries="storeSearchBar" />
+    </template>
+    <template #subtitle>
+      <RmDate
+        v-if="report[NATIONAL_ASSEMBLY_FIELDS.sessionDate]"
+        :date="report[NATIONAL_ASSEMBLY_FIELDS.sessionDate]"
+        :lang="dateLang"
+      /><template v-if="report[NATIONAL_ASSEMBLY_FIELDS.sessionDate] && subtitle"> · </template>{{ subtitle }}
+    </template>
+
+    <template #actions>
+      <!-- Emplacement libre pour un appelant (la fiche projet y pose son
+           bouton « Commenter ») avant le bouton projet : vide partout ailleurs. -->
+      <slot name="hubr-actions" />
+      <component
+        :is="projectButton"
+        v-if="projectButton"
+        :resource-id="reportId || report[NATIONAL_ASSEMBLY_FIELDS.documentId]"
+        type="FrNationalAssemblySession"
+        :label="title"
+        compact
+      />
+    </template>
+
+    <template #meta>
+      <RmTag v-if="amendmentsTotal > 0" variant="gray">
+        {{ t("oipDrugs.heart.associations.nationalAssembly.card.amendments") }} :
+        {{ report[NATIONAL_ASSEMBLY_FIELDS.amendmentsAdopted] ?? 0 }}
+        {{ t("oipDrugs.heart.associations.nationalAssembly.card.adopted") }},
+        {{ report[NATIONAL_ASSEMBLY_FIELDS.amendmentsRejected] ?? 0 }}
+        {{ t("oipDrugs.heart.associations.nationalAssembly.card.rejected") }}
+      </RmTag>
+      <RmTag v-if="report[NATIONAL_ASSEMBLY_FIELDS.pharmaRelevance]" variant="violet">
+        {{ t("oipDrugs.heart.associations.nationalAssembly.fiche.relevance") }} :
+        {{ report[NATIONAL_ASSEMBLY_FIELDS.pharmaRelevance] }}
+      </RmTag>
+      <RmTag v-if="report[NATIONAL_ASSEMBLY_FIELDS.isPlfss]" variant="amber">
+        {{ t("oipDrugs.heart.associations.nationalAssembly.card.plfss") }}
+      </RmTag>
+      <RmTag v-for="tag in pharmaTags" :key="tag" variant="gray">{{ tag }}</RmTag>
+    </template>
+
+    <!-- Les associations citees, en tete de carte : chacune ouvre sa fiche. -->
+    <div v-if="associations.length > 0" class="oip_list gap-4">
+      <p class="oip_label">{{ t("oipDrugs.heart.associations.nationalAssembly.card.associations") }}</p>
+      <div class="oip_row gap-8 wrap">
+        <a
+          v-for="name in associations"
+          :key="name"
+          :href="nav.appHref('fr_drugs_app', drugsAssociationPath(name))"
+          class="na_association"
+          @click="openAssociation($event, name)"
+        >
+          <RmIcon name="UsersThree" :size="16" />
+          {{ name }}
+        </a>
+      </div>
+    </div>
+
+    <!-- Le resume de la fiche : pourquoi le compte rendu compte pour la
+         pharma. Le detail ligne a ligne s'ouvre dans le tiroir. -->
+    <p v-if="relevanceReason" class="na_summary">{{ relevanceReason }}</p>
+
+    <!-- Les passages du compte rendu ou le moteur a trouve les termes cherches,
+         surlignes comme dans le Playbook. Un clic ouvre la lecture, deja
+         positionnee sur les termes. -->
+    <div v-if="passages.length > 0" class="oip_list gap-4">
+      <p class="oip_label">{{ t("oipDrugs.heart.associations.nationalAssembly.card.passages") }}</p>
+      <button
+        v-for="(passage, pi) in passages"
+        :key="pi"
+        type="button"
+        class="na_passage"
+        :title="t('oipDrugs.heart.associations.nationalAssembly.card.readPassage')"
+        @click.stop.prevent="emit('read', report, hitTerms, passage.plain)"
+      >
+        <template v-if="passage.cutBefore">…</template><template v-for="(seg, si) in passage.segments" :key="si"><mark v-if="seg.hit">{{ seg.text }}</mark><template v-else>{{ seg.text }}</template></template><template v-if="passage.cutAfter">…</template>
+      </button>
+    </div>
+
+    <div class="oip_row gap-8 wrap">
+      <RmButton
+        v-if="report[NATIONAL_ASSEMBLY_FIELDS.tekkareUrl]"
+        variant="secondary"
+        prefix-icon="FileText"
+        @click="emit('read', report, hitTerms)"
+      >
+        {{ t("oipDrugs.heart.associations.nationalAssembly.card.read") }}
+      </RmButton>
+      <RmButton
+        v-if="hasFiche"
+        variant="secondary"
+        prefix-icon="Notebook"
+        @click="ficheOpen = true"
+      >
+        {{ t("oipDrugs.heart.associations.nationalAssembly.card.synthesis") }}
+      </RmButton>
+      <RmButton
+        v-if="report[NATIONAL_ASSEMBLY_FIELDS.htmlUrl]"
+        variant="tertiary"
+        ghost
+        prefix-icon="ArrowSquareOut"
+        @click="openLink(report[NATIONAL_ASSEMBLY_FIELDS.htmlUrl])"
+      >
+        {{ t("oipDrugs.heart.associations.nationalAssembly.card.seeOnAn") }}
+      </RmButton>
+    </div>
+
+    <!-- La synthese ligne a ligne (A1, A2...), teleportee hors de la carte. -->
+    <RmDrawer
+      v-if="hasFiche"
+      v-model="ficheOpen"
+      size="xl"
+      :label="t('oipDrugs.heart.associations.nationalAssembly.fiche.title')"
+    >
+      <template #header>
+        <div class="oip-drugs oip_list gap-4">
+          <p class="na_drawer_title">{{ t("oipDrugs.heart.associations.nationalAssembly.fiche.title") }}</p>
+          <p class="oip_label">{{ title }}</p>
+        </div>
+      </template>
+      <!-- Teleporte dans <body> : le tiroir reprend la classe `oip-drugs`. -->
+      <div class="oip-drugs">
+        <OipDrugsHeartAssociationsNationalAssemblyFiche
+          :fiche="report[NATIONAL_ASSEMBLY_FIELDS.fiche]"
+          :warnings="report[NATIONAL_ASSEMBLY_FIELDS.warnings] ?? []"
+          :readable="!!report[NATIONAL_ASSEMBLY_FIELDS.tekkareUrl]"
+          @read="readLine"
+        />
+      </div>
+    </RmDrawer>
+  </RmResultCard>
+</template>
+
+<script lang="ts" setup>
+import { NATIONAL_ASSEMBLY_FIELDS } from "../../../../oip-drugs/utils/associationFields";
+import { highlightSegments } from "../../../../oip-drugs/utils/esHighlight";
+import { drugsAssociationPath } from "../../../../oip-drugs/kinds";
+
+const props = withDefaults(
+  defineProps<{
+    /** Le `_source` d'un compte rendu, sans son texte. */
+    report: any;
+    /**
+     * L'`_id` ES du compte rendu, ce que le projet range. Il vaut
+     * `document_id` dans tout l'index, d'ou le repli quand l'appelant ne le
+     * passe pas.
+     */
+    reportId?: string;
+    /** Termes de la barre de recherche, pour le surlignage du titre. */
+    storeSearchBar?: string[];
+    /** Extraits surlignes du hit (balises de controle, cf. highlightSegments). */
+    highlight?: Record<string, string[]>;
+    /** L'association dont on lit la fiche : elle ne se cite pas elle-meme. */
+    currentAssociation?: string;
+  }>(),
+  { storeSearchBar: () => [], highlight: undefined, currentAssociation: "", reportId: "" },
+);
+
+/**
+ * `terms` : les mots que le moteur a surlignes dans ce compte rendu. La
+ * visionneuse cherche mot pour mot, sans l'analyse francaise : la saisie
+ * « cancer du sein » n'y trouverait pas « cancers » ni « sein » seuls.
+ * `anchor` : le passage clique, ou la lecture s'ouvre.
+ */
+const emit = defineEmits<{ read: [report: any, terms?: string[], anchor?: string] }>();
+
+const { t, locale } = useI18n();
+const nav = useOipResourceNav();
+const { projectButton } = useOipResourceHooks();
+
+/** Le Ctrl/Cmd-clic garde le lien : il ouvre un onglet. */
+function openAssociation(event: MouseEvent, name: string) {
+  if (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) return;
+  event.preventDefault();
+  nav.openApp("fr_drugs_app", drugsAssociationPath(name));
+}
+const dateLang = computed(() => (locale.value === "en" ? "en" : "fr"));
+
+/** L'ordre du jour tient le titre ; a defaut, un titre generique. */
+const title = computed(
+  () =>
+    props.report[NATIONAL_ASSEMBLY_FIELDS.agenda] ||
+    t("oipDrugs.heart.associations.nationalAssembly.card.untitled"),
+);
+
+const subtitle = computed(() =>
+  [
+    props.report[NATIONAL_ASSEMBLY_FIELDS.legislature]
+      ? t("oipDrugs.heart.associations.nationalAssembly.card.legislature", {
+          n: props.report[NATIONAL_ASSEMBLY_FIELDS.legislature],
+        })
+      : null,
+    // La session arrive deja nommee (« session ordinaire de 2024-2025»).
+    props.report[NATIONAL_ASSEMBLY_FIELDS.parliamentarySession] || null,
+    props.report[NATIONAL_ASSEMBLY_FIELDS.documentNumber]
+      ? t("oipDrugs.heart.associations.nationalAssembly.card.number", {
+          n: props.report[NATIONAL_ASSEMBLY_FIELDS.documentNumber],
+        })
+      : null,
+  ]
+    .filter(Boolean)
+    .join(" · "),
+);
+
+const amendmentsTotal = computed(
+  () =>
+    Number(props.report[NATIONAL_ASSEMBLY_FIELDS.amendmentsAdopted] ?? 0) +
+    Number(props.report[NATIONAL_ASSEMBLY_FIELDS.amendmentsRejected] ?? 0),
+);
+
+/**
+ * Les associations citees : celles du texte (`association_label_regroup`) et
+ * celles de la fiche (`tags_associations`), memes libelles de l'annuaire. Une
+ * association presente des deux cotes n'apparait qu'une fois (casse ignoree).
+ */
+const associations = computed<string[]>(() => {
+  const asList = (raw: unknown): string[] =>
+    Array.isArray(raw) ? raw : typeof raw === "string" && raw ? [raw] : [];
+  const mine = props.currentAssociation.toLowerCase();
+  const byKey = new Map<string, string>();
+  for (const name of [
+    ...asList(props.report[NATIONAL_ASSEMBLY_FIELDS.associations]),
+    ...asList(props.report[NATIONAL_ASSEMBLY_FIELDS.ficheAssociations]),
+  ]) {
+    const key = name?.trim().toLowerCase();
+    if (key && key !== mine && !byKey.has(key)) byKey.set(key, name.trim());
+  }
+  return [...byKey.values()].sort((a, b) => a.localeCompare(b, "fr"));
+});
+
+/**
+ * Passages du texte, decoupes en segments surlignes ou non. Le moteur coupe
+ * le plus souvent sur une phrase : les points de suspension ne marquent que
+ * les coupes en pleine phrase.
+ */
+const passages = computed(() =>
+  (props.highlight?.[NATIONAL_ASSEMBLY_FIELDS.text] ?? []).map((fragment) => {
+    const text = fragment.trim();
+    const plain = text.replace(/[\u0001\u0002]/g, "");
+    return {
+      plain,
+      segments: highlightSegments(text),
+      cutBefore: !/^[A-ZÀ-Ý«"(]/.test(plain),
+      cutAfter: !/[.!?…»")]$/.test(plain),
+    };
+  }),
+);
+
+/** Les mots surlignes, une fois chacun (casse ignoree), pour la visionneuse. */
+const hitTerms = computed(() => {
+  const seen = new Map<string, string>();
+  for (const passage of passages.value) {
+    for (const seg of passage.segments) {
+      const term = seg.text.trim();
+      if (seg.hit && term && !seen.has(term.toLowerCase())) seen.set(term.toLowerCase(), term);
+    }
+  }
+  return [...seen.values()];
+});
+
+const ficheOpen = ref(false);
+
+/** Une ligne de la synthese ouvre son passage : le tiroir laisse la place a la lecture. */
+function readLine(anchor: string) {
+  ficheOpen.value = false;
+  emit("read", props.report, [anchor], anchor);
+}
+
+const hasFiche = computed(
+  () => !!(props.report[NATIONAL_ASSEMBLY_FIELDS.hasLlm] && props.report[NATIONAL_ASSEMBLY_FIELDS.fiche]),
+);
+
+const pharmaTags = computed<string[]>(() => props.report[NATIONAL_ASSEMBLY_FIELDS.pharmaTags] ?? []);
+
+
+const relevanceReason = computed<string>(
+  () => props.report[NATIONAL_ASSEMBLY_FIELDS.fiche]?.pertinence_pharma?.raison ?? "",
+);
+
+function openLink(url: string) {
+  if (url) window.open(url, "_blank");
+}
+</script>
+
+<style scoped>
+/* Les associations citees : des pastilles cliquables teintees de la couleur
+   principale, l'information que la carte doit d'abord montrer. */
+.na_association {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  padding: 4px 12px;
+  border: 1px solid color-mix(in srgb, var(--primary) 35%, transparent);
+  border-radius: 999px;
+  background: color-mix(in srgb, var(--primary) 10%, transparent);
+  color: var(--primary);
+  font-size: 13px;
+  font-weight: 600;
+  text-decoration: none;
+}
+
+.na_association:hover {
+  background: color-mix(in srgb, var(--primary) 18%, transparent);
+  border-color: var(--primary);
+}
+
+.na_association:focus-visible {
+  outline: 2px solid var(--primary);
+  outline-offset: 2px;
+}
+
+.na_summary {
+  margin: 0;
+  padding: 8px 0;
+  color: var(--text-primary);
+  font-size: 13px;
+  line-height: 1.55;
+}
+
+.na_drawer_title {
+  margin: 0;
+  color: var(--text-primary);
+  font-size: 16px;
+  font-weight: 600;
+}
+
+/* Un passage cite : bande grise, filet a gauche, comme un extrait du Playbook. */
+.na_passage {
+  display: block;
+  width: 100%;
+  padding: 8px 12px;
+  border: none;
+  border-left: 3px solid var(--border-default);
+  border-radius: 0 6px 6px 0;
+  background: var(--lightest);
+  color: var(--text-primary);
+  font-family: inherit;
+  font-size: 13px;
+  line-height: 1.55;
+  text-align: left;
+  cursor: pointer;
+}
+
+.na_passage:hover {
+  border-left-color: var(--primary);
+}
+
+.na_passage mark {
+  background: color-mix(in srgb, var(--color-primary) 18%, transparent);
+  color: inherit;
+  border-radius: 3px;
+  padding: 0 2px;
+}
+</style>