@hgdc/ui 0.44.0 → 0.46.0

package/dist/addresses.d.ts

@@ -15,7 +15,7 @@ export declare const APP_ORIGIN = "https://app.hgdc.ch";
  * console seule, `status.hgdc.ch` garde les pages publiques et la console de secours. Vérifiée contre
  * le manifeste privé de la famille (`famille check`) : un produit relayé s'ajoute ici et là.
  */
-export declare const APP_PRODUCTS: readonly ["analytics", "mail", "host", "docs", "status", "iassistant"];
+export declare const APP_PRODUCTS: readonly ["analytics", "mail", "host", "docs", "status", "iassistant", "portal"];
 /** Vrai si le produit est servi sous `app.hgdc.ch`. */
 export declare function isAppProduct(product: string): boolean;
 /**
@@ -62,3 +62,30 @@ export type ProductAddresses = {
  * `x-forwarded-host` valent l'origine relayée).
  */
 export declare function productAddresses(product: string, env?: AddressOverrides): ProductAddresses;
+/**
+ * Vue d'un produit : `app` sous `https://app.hgdc.ch/<mot>` (barre des produits), `seul` sur
+ * `https://<mot>.hgdc.ch` (le produit seul). Même build : la passerelle ajoute la base sur
+ * `<mot>.hgdc.ch`, toute adresse `/<mot>/…` y reste valide.
+ */
+export type ProductView = "app" | "seul";
+/** Origine de la vue seule d'un produit : `https://mail.hgdc.ch`. */
+export declare function soloOrigin(product: string): string;
+/** Origine publique d'une vue : une constante, jamais tirée de la requête. */
+export declare function viewOrigin(product: string, view: ProductView): string;
+/**
+ * Vue d'après le nom de la page (`location.hostname`) : `seul` sur `<mot>.hgdc.ch` d'un produit servi
+ * sous `app.hgdc.ch`, `app` sinon (Account n'a qu'une vue).
+ */
+export declare function viewFromHostname(product: string, hostname: string): ProductView;
+/**
+ * Origines publiques des consoles, pour une liste fermée (CORS d'Account) : `app.hgdc.ch` et la vue
+ * seule de chaque produit servi sous `app.hgdc.ch`.
+ */
+export declare const CONSOLE_ORIGINS: ReadonlyArray<string>;
+/**
+ * Adresse affichée en vue seule : la base retirée (`/mail/o/acme` devient `/o/acme`). À donner au
+ * routeur dans le navigateur, sur `<mot>.hgdc.ch` seulement :
+ * `createBrowserHistory({ createHref: (href) => soloHref(basePath, href) })`. Le serveur reçoit
+ * toujours la base (la passerelle l'ajoute) ; un chemin qui la garde reste valide.
+ */
+export declare function soloHref(basePath: string, href: string): string;

package/dist/addresses.js

@@ -15,7 +15,7 @@ export const APP_ORIGIN = "https://app.hgdc.ch";
  * console seule, `status.hgdc.ch` garde les pages publiques et la console de secours. Vérifiée contre
  * le manifeste privé de la famille (`famille check`) : un produit relayé s'ajoute ici et là.
  */
-export const APP_PRODUCTS = ["analytics", "mail", "host", "docs", "status", "iassistant"];
+export const APP_PRODUCTS = ["analytics", "mail", "host", "docs", "status", "iassistant", "portal"];
 /** Vrai si le produit est servi sous `app.hgdc.ch`. */
 export function isAppProduct(product) {
     return APP_PRODUCTS.includes(product.toLowerCase());
@@ -71,3 +71,48 @@ export function productAddresses(product, env = {}) {
         withBase: (path) => `${basePath}${path}`,
     };
 }
+/** Origine de la vue seule d'un produit : `https://mail.hgdc.ch`. */
+export function soloOrigin(product) {
+    const word = product.toLowerCase();
+    if (!/^[a-z]+$/.test(word))
+        throw new Error(`@hgdc/ui/addresses : produit invalide « ${product} »`);
+    return `https://${word}.hgdc.ch`;
+}
+/** Origine publique d'une vue : une constante, jamais tirée de la requête. */
+export function viewOrigin(product, view) {
+    return view === "seul" ? soloOrigin(product) : APP_ORIGIN;
+}
+/**
+ * Vue d'après le nom de la page (`location.hostname`) : `seul` sur `<mot>.hgdc.ch` d'un produit servi
+ * sous `app.hgdc.ch`, `app` sinon (Account n'a qu'une vue).
+ */
+export function viewFromHostname(product, hostname) {
+    if (!isAppProduct(product))
+        return "app";
+    return `https://${hostname.toLowerCase()}` === soloOrigin(product) ? "seul" : "app";
+}
+/**
+ * Origines publiques des consoles, pour une liste fermée (CORS d'Account) : `app.hgdc.ch` et la vue
+ * seule de chaque produit servi sous `app.hgdc.ch`.
+ */
+export const CONSOLE_ORIGINS = [APP_ORIGIN, ...APP_PRODUCTS.map(soloOrigin)];
+/**
+ * Adresse affichée en vue seule : la base retirée (`/mail/o/acme` devient `/o/acme`). À donner au
+ * routeur dans le navigateur, sur `<mot>.hgdc.ch` seulement :
+ * `createBrowserHistory({ createHref: (href) => soloHref(basePath, href) })`. Le serveur reçoit
+ * toujours la base (la passerelle l'ajoute) ; un chemin qui la garde reste valide.
+ */
+export function soloHref(basePath, href) {
+    const base = normalizeProductBasePath(basePath);
+    if (!base || !href.startsWith(base))
+        return href;
+    const rest = href.slice(base.length);
+    if (rest === "")
+        return "/";
+    if (rest.startsWith("?") || rest.startsWith("#"))
+        return `/${rest}`;
+    // `/mailbox` n'est pas sous `/mail` ; `//x` resterait une adresse externe.
+    if (!rest.startsWith("/") || rest.startsWith("//") || rest.includes("\\"))
+        return href;
+    return rest;
+}

package/dist/app-shell.d.ts

@@ -1,6 +1,7 @@
 import { type IconSvgElement } from "@hugeicons/react";
 import { type ReactNode } from "react";
 import type { FamilyProduct } from "./family-svg.ts";
+import { type ProductView } from "./addresses.ts";
 /**
  * À poser dans le `<head>`, avec `themeInitScript` : avant la première peinture, il remet le
  * rail (la variante CSS `rail:` le lit, rien ne saute au chargement) et la mémoire de la coque
@@ -125,7 +126,7 @@ export type AppShellAssistant = {
  * deux images), le H n'apparaît alors jamais ; une page à charger le montre aussitôt après.
  */
 export declare const PRODUCT_LEAVE_DELAY_MS = 100;
-export declare function AppShell({ product, organization, productRail, accountHref, nav, links, account, sidebarFooter, header, onSearch, searchLabel, assistant, children, contentKey, navigating, mainClassName, statusPage, }: {
+export declare function AppShell({ product, organization, productRail: productRailOption, view: viewOption, accountHref, nav, links, account, sidebarFooter, header, onSearch, searchLabel, assistant, children, contentKey, navigating, mainClassName, statusPage, }: {
     /** Le produit affiché (`"host"`) : sa marque en haut de la barre, « vous êtes ici » dans la barre des produits. */
     product: FamilyProduct;
     /**
@@ -136,9 +137,16 @@ export declare function AppShell({ product, organization, productRail, accountHr
     organization?: ReactNode;
     /**
      * `false` : pas de barre des produits (un écran hors de la famille). L'organisation passe alors
-     * sous la marque, dans la barre latérale.
+     * sous la marque, dans la barre latérale. Absent : présente, ou, si `view` est donné, selon la vue
+     * et le réglage « Barre des produits » d'Account (ADR 0014), relu par la coque.
      */
     productRail?: boolean;
+    /**
+     * Vue de la page : `app` sous `app.hgdc.ch/<mot>`, `seul` sur `<mot>.hgdc.ch` (ADR 0014). Donnée
+     * par le serveur (`requestView` de `@hgdc/auth/server`), la même au rendu et dans le navigateur.
+     * Absent : un produit qui n'a qu'une vue, barre présente et pas de lien vers l'autre vue.
+     */
+    view?: ProductView | undefined;
     /** Adresse d'Account dans la barre des produits (un Account local en développement). */
     accountHref?: string | undefined;
     /** `SidebarNav` et ses `SidebarNavItem`. */

package/dist/app-shell.js

@@ -5,6 +5,7 @@ import ArrowLeft01Icon from "@hugeicons/core-free-icons/ArrowLeft01Icon";
 import ArrowRight01Icon from "@hugeicons/core-free-icons/ArrowRight01Icon";
 import BookOpen01Icon from "@hugeicons/core-free-icons/BookOpen01Icon";
 import Cancel01Icon from "@hugeicons/core-free-icons/Cancel01Icon";
+import LinkSquare02Icon from "@hugeicons/core-free-icons/LinkSquare02Icon";
 import Menu01Icon from "@hugeicons/core-free-icons/Menu01Icon";
 import PanelLeftCloseIcon from "@hugeicons/core-free-icons/PanelLeftCloseIcon";
 import PanelLeftOpenIcon from "@hugeicons/core-free-icons/PanelLeftOpenIcon";
@@ -17,7 +18,10 @@ import { Drawer, DrawerContent, DrawerTitle } from "./drawer.js";
 import { FamilyLoaderHost, FamilyLoaderRootContext } from "./family-loader.js";
 import { isApplePlatform, Kbd, KbdGroup } from "./kbd.js";
 import { CONTENT_LOADING_LAYER, ContentLoadingContext, PAGE_PENDING_MIN_MS, PAGE_PENDING_MS, PagePending, } from "./page-pending.js";
+import { soloHref } from "./addresses.js";
 import { ProductBadge } from "./product-badge.js";
+import { productBarShown, useProductBarPreference, useProductBarSync } from "./product-bar.js";
+import { otherViewHref, otherViewLabel } from "./products.js";
 import { ProductRail } from "./product-rail.js";
 import { useProductSwitch } from "./product-switch.js";
 import { ProductRailShownContext, ShellLeaveContext, StatusPageContext } from "./shell-placement.js";
@@ -244,7 +248,7 @@ const COMMON_LINKS = [
     { key: "settings", label: "Réglages", icon: Settings01Icon },
     { key: "status", label: "État du service", icon: Activity01Icon },
 ];
-function ShellCommonLinks({ links, statusPageUrl, }) {
+function ShellCommonLinks({ links, statusPageUrl, otherView, }) {
     const resolved = {
         documentation: links.documentation,
         settings: links.settings,
@@ -261,7 +265,21 @@ function ShellCommonLinks({ links, statusPageUrl, }) {
     });
     if (!items.length)
         return null;
-    return (_jsx("nav", { "aria-label": "Acc\u00E8s communs", children: _jsx("ul", { "data-slot": "app-shell-links", className: "grid gap-0.5", children: items }) }));
+    return (_jsx("nav", { "aria-label": "Acc\u00E8s communs", children: _jsxs("ul", { "data-slot": "app-shell-links", className: "grid gap-0.5", children: [items, otherView] }) }));
+}
+/**
+ * « Ouvrir seul » (vers `<mot>.hgdc.ch`) ou « Ouvrir dans app.hgdc.ch », discret, sous les accès communs.
+ * Le chemin courant n'est lu qu'au clic : le lien rendu par le serveur mène à l'accueil.
+ */
+function OtherViewLink({ product, view }) {
+    const href = otherViewHref(product, view);
+    if (!href)
+        return null;
+    const onClick = (event) => {
+        const path = soloHref(`/${product}`, `${window.location.pathname}${window.location.search}`);
+        event.currentTarget.href = otherViewHref(product, view, path) ?? href;
+    };
+    return (_jsx(SidebarNavItem, { icon: LinkSquare02Icon, label: otherViewLabel(view), render: _jsx("a", { href: href, onClick: onClick }) }));
 }
 /** Largeur à partir de laquelle la page et l'assistant tiennent côte à côte (`xl`). */
 const ASSISTANT_SIDE_BY_SIDE = "(min-width: 80rem)";
@@ -412,8 +430,12 @@ function useContentLoading({ navigating, pending }) {
  * deux images), le H n'apparaît alors jamais ; une page à charger le montre aussitôt après.
  */
 export const PRODUCT_LEAVE_DELAY_MS = 100;
-export function AppShell({ product, organization, productRail = true, accountHref, nav, links, account, sidebarFooter, header, onSearch, searchLabel, assistant, children, contentKey, navigating = false, mainClassName, statusPage, }) {
+export function AppShell({ product, organization, productRail: productRailOption, view: viewOption, accountHref, nav, links, account, sidebarFooter, header, onSearch, searchLabel, assistant, children, contentKey, navigating = false, mainClassName, statusPage, }) {
     const [menuOpen, setMenuOpen] = useState(false);
+    const preference = useProductBarPreference();
+    // Relu chez Account seulement par un produit passé aux deux vues (il donne `view`, ADR 0014).
+    useProductBarSync(productRailOption === undefined && viewOption !== undefined);
+    const productRail = productRailOption ?? (viewOption === undefined || productBarShown(viewOption, preference));
     // Barre des produits élargie : la barre latérale se plie le temps du survol (ADR 0011).
     const [railPeek, setRailPeek] = useState(false);
     useToggleShortcut();
@@ -490,6 +512,6 @@ export function AppShell({ product, organization, productRail = true, accountHre
     const assistantPanelId = useId();
     const assistantButtonRef = useRef(null);
     useAssistantShortcut(assistant);
-    const footer = (_jsxs(_Fragment, { children: [account !== undefined ? sidebarFooter : null, _jsx(ShellCommonLinks, { links: links ?? {}, statusPageUrl: statusPageUrl }), account ?? sidebarFooter] }));
+    const footer = (_jsxs(_Fragment, { children: [account !== undefined ? sidebarFooter : null, _jsx(ShellCommonLinks, { links: links ?? {}, statusPageUrl: statusPageUrl, otherView: viewOption === undefined ? null : _jsx(OtherViewLink, { product: product, view: viewOption }) }), account ?? sidebarFooter] }));
     return (_jsx(ShellContext.Provider, { value: { closeMobileNav: () => setMenuOpen(false), product }, children: _jsx(ProductRailShownContext, { value: productRail, children: _jsx(ShellLeaveContext, { value: leave, children: _jsx(StatusPageContext, { value: statusPageUrl, children: _jsxs("div", { "data-slot": "app-shell", "data-rail-peek": railPeek ? "" : undefined, "data-product-rail": productRail ? "" : undefined, "data-loading": loading ? "" : undefined, "data-hydrated": hydrated ? "" : undefined, "data-assistant": assistantOpen ? "" : undefined, className: cn("min-h-dvh lg:grid lg:h-dvh lg:bg-shell", productRail ? "lg:grid-cols-[auto_auto_minmax(0,1fr)_auto]" : "lg:grid-cols-[auto_minmax(0,1fr)_auto]"), children: [_jsx("a", { href: "#contenu", className: "sr-only z-50 rounded-xl bg-background px-4 py-2 text-sm font-medium focus:not-sr-only focus:fixed focus:top-3 focus:left-3 focus:ring-2 focus:ring-ring", children: "Aller au contenu" }), productRail ? (_jsx("div", { className: "contents", inert: pageBlocked || undefined, children: _jsx(ProductRail, { current: product, organization: organization, accountHref: accountHref, onExpandedChange: setRailPeek }) })) : null, _jsxs("aside", { ref: sidebarRef, "data-slot": "app-shell-sidebar", "aria-label": "Barre lat\u00E9rale", inert: pageBlocked || undefined, className: "group/sidebar hidden overflow-hidden text-shell-foreground transition-[width] duration-(--duration-base) ease-ios motion-reduce:transition-none lg:flex lg:w-64 lg:flex-col lg:rail:w-16", children: [_jsx(SidebarHead, { product: product }), !productRail && organization ? _jsx("div", { className: "shrink-0 px-3 pb-1", children: organization }) : null, nav, _jsx("div", { "data-slot": "app-shell-footer", className: "grid gap-0.5 px-3 pt-1 pb-3 empty:hidden", children: footer })] }), _jsx("div", { inert: pageBlocked || undefined, className: "flex min-h-dvh flex-col lg:min-h-0 lg:p-2 lg:pl-0", children: _jsxs("div", { ref: contentRef, className: "relative flex flex-1 flex-col lg:min-h-0 lg:overflow-y-auto lg:rounded-xl lg:bg-background lg:[scrollbar-gutter:stable]", children: [_jsxs("header", { "data-slot": "app-shell-header", className: "sticky top-[env(safe-area-inset-top,0px)] z-30 flex min-h-14 shrink-0 flex-wrap items-center gap-x-1 gap-y-1 border-b border-foreground/5 bg-background px-2 py-1.5 sm:px-4 lg:top-0", children: [_jsx("button", { type: "button", onClick: () => setMenuOpen(true), "aria-label": "Ouvrir le menu", className: "touch-target grid size-10 shrink-0 place-items-center rounded-xl text-muted-foreground outline-none hover:bg-muted hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring/50 lg:hidden", children: _jsx(HugeiconsIcon, { icon: Menu01Icon, "aria-hidden": true, className: "size-5" }) }), _jsxs("div", { "data-slot": "app-shell-brand", className: "flex shrink-0 items-center gap-2 pr-1 lg:hidden", children: [_jsx(ProductBadge, { product: product, className: "size-6" }), _jsx("span", { className: "font-heading text-[0.9375rem] font-semibold", children: familyProductName(product) })] }), _jsx("div", { className: cn("flex min-w-0 items-center gap-2", header ? "flex-[1_1_7rem]" : "flex-1"), children: header }), onSearch ? (_jsx(CommandMenuButton, { onClick: onSearch, compact: "mobile", className: "shrink-0 lg:w-96 lg:max-w-none", ...(searchLabel !== undefined ? { label: searchLabel } : {}) })) : null, assistant ? (_jsx(AssistantButton, { assistant: assistant, panelId: assistantPanelId, buttonRef: assistantButtonRef })) : null] }), _jsx("div", { "data-slot": "app-shell-loading", "aria-hidden": !loading, className: CONTENT_LOADING_LAYER, children: loading ? (_jsx("span", { role: "status", className: "sr-only", children: "Chargement\u2026" })) : null }), _jsxs("main", { id: "contenu", tabIndex: -1, "aria-busy": loading ? true : undefined, inert: loading || undefined, className: cn("mx-auto w-full max-w-6xl flex-1 px-4 pt-6 pb-16 outline-none sm:px-6 lg:px-10 lg:pt-8", mainClassName), children: [_jsx(ServiceStatus, { pageUrl: statusPageUrl, className: "mb-6" }), _jsx(ContentLoadingContext, { value: registerPagePending, children: contentKey === undefined ? (children) : (_jsx(Suspense, { fallback: _jsx(PagePending, {}), children: children }, contentKey)) })] })] }) }), assistant && assistantMounted ? (_jsx(AssistantPanel, { assistant: assistant, panelId: assistantPanelId, wide: wide, openAtShellMount: assistantOpenAtMount, buttonRef: assistantButtonRef })) : null, hasRoot ? null : _jsx(FamilyLoaderHost, {}), _jsx(Drawer, { side: "bottom", open: menuOpen, onOpenChange: setMenuOpen, children: _jsxs(DrawerContent, { className: "lg:hidden", children: [_jsx(DrawerTitle, { className: "sr-only", children: "Menu" }), organization ? _jsx("div", { className: "px-3 pt-1", children: organization }) : null, nav, _jsx("div", { className: "grid gap-0.5 border-t border-foreground/5 px-3 pt-2 pb-[max(env(safe-area-inset-bottom),0.75rem)] empty:hidden", children: footer })] }) })] }) }) }) }) }));
 }

package/dist/product-bar.d.ts

@@ -0,0 +1,29 @@
+import type { ProductView } from "./addresses.ts";
+/**
+ * Réglage « Barre des produits » (ADR 0014 de la famille), choisi dans Account :
+ * - `auto` : la barre sous `app.hgdc.ch`, pas sur `<mot>.hgdc.ch` ;
+ * - `always` : toujours ;
+ * - `never` : jamais.
+ *
+ * Account le garde ; chaque produit le relit (`ACCOUNT_PREFERENCES_URL`, CORS avec le cookie
+ * d'Account, même site `hgdc.ch`) et retient la dernière valeur dans `localStorage` de son origine.
+ * Account injoignable : dernière valeur connue, sinon `auto`.
+ */
+export type ProductBarPreference = "auto" | "always" | "never";
+export declare const PRODUCT_BAR_PREFERENCES: ReadonlyArray<ProductBarPreference>;
+/** Libellés du réglage, dans l'ordre d'affichage. */
+export declare const PRODUCT_BAR_LABELS: Readonly<Record<ProductBarPreference, string>>;
+/** Lecture du réglage chez Account : `{ productBar }`, rien d'autre. */
+export declare const ACCOUNT_PREFERENCES_URL = "https://account.hgdc.ch/api/preferences";
+/** Valeur reçue (Account, stockage) : un réglage connu, sinon `auto`. */
+export declare function parseProductBar(value: unknown): ProductBarPreference;
+/** La barre des produits est-elle montrée dans cette vue, avec ce réglage ? */
+export declare function productBarShown(view: ProductView, preference: ProductBarPreference): boolean;
+/** Retient le réglage dans cette origine et prévient la coque. */
+export declare function rememberProductBar(preference: ProductBarPreference): void;
+/** Le réglage retenu dans cette origine ; `auto` au rendu serveur. */
+export declare function useProductBarPreference(): ProductBarPreference;
+/** Relit le réglage chez Account une fois par chargement de page ; une erreur garde la dernière valeur. */
+export declare function syncProductBar(fetchImpl?: typeof fetch): Promise<void>;
+/** À monter une fois (la coque le fait) : relecture du réglage après l'hydratation. */
+export declare function useProductBarSync(enabled?: boolean): void;

package/dist/product-bar.js

@@ -0,0 +1,82 @@
+import { useEffect, useSyncExternalStore } from "react";
+export const PRODUCT_BAR_PREFERENCES = ["auto", "always", "never"];
+/** Libellés du réglage, dans l'ordre d'affichage. */
+export const PRODUCT_BAR_LABELS = {
+    auto: "Automatique (selon l'adresse)",
+    always: "Toujours",
+    never: "Jamais",
+};
+/** Lecture du réglage chez Account : `{ productBar }`, rien d'autre. */
+export const ACCOUNT_PREFERENCES_URL = "https://account.hgdc.ch/api/preferences";
+const STORAGE_KEY = "hgdc-product-bar";
+const EVENT = "hgdc-product-bar";
+/** Valeur reçue (Account, stockage) : un réglage connu, sinon `auto`. */
+export function parseProductBar(value) {
+    return PRODUCT_BAR_PREFERENCES.includes(value) ? value : "auto";
+}
+/** La barre des produits est-elle montrée dans cette vue, avec ce réglage ? */
+export function productBarShown(view, preference) {
+    if (preference === "always")
+        return true;
+    if (preference === "never")
+        return false;
+    return view === "app";
+}
+function stored() {
+    try {
+        return parseProductBar(window.localStorage.getItem(STORAGE_KEY));
+    }
+    catch {
+        return "auto";
+    }
+}
+function subscribe(onChange) {
+    window.addEventListener(EVENT, onChange);
+    window.addEventListener("storage", onChange);
+    return () => {
+        window.removeEventListener(EVENT, onChange);
+        window.removeEventListener("storage", onChange);
+    };
+}
+/** Retient le réglage dans cette origine et prévient la coque. */
+export function rememberProductBar(preference) {
+    try {
+        if (preference === "auto")
+            window.localStorage.removeItem(STORAGE_KEY);
+        else
+            window.localStorage.setItem(STORAGE_KEY, preference);
+    }
+    catch {
+        // Stockage bloqué : la coque garde « automatique ».
+    }
+    window.dispatchEvent(new Event(EVENT));
+}
+/** Le réglage retenu dans cette origine ; `auto` au rendu serveur. */
+export function useProductBarPreference() {
+    return useSyncExternalStore(subscribe, stored, () => "auto");
+}
+/** Relit le réglage chez Account une fois par chargement de page ; une erreur garde la dernière valeur. */
+export async function syncProductBar(fetchImpl = fetch) {
+    try {
+        const response = await fetchImpl(ACCOUNT_PREFERENCES_URL, { credentials: "include", cache: "no-store" });
+        if (!response.ok)
+            return;
+        const body = await response.json();
+        if (typeof body === "object" && body !== null && "productBar" in body)
+            rememberProductBar(parseProductBar(body.productBar));
+    }
+    catch {
+        // Account injoignable ou hors ligne : rien ne change.
+    }
+}
+let synced = false;
+/** À monter une fois (la coque le fait) : relecture du réglage après l'hydratation. */
+export function useProductBarSync(enabled = true) {
+    useEffect(() => {
+        // Account n'accepte que les consoles de `hgdc.ch` : en local, en test, rien à demander.
+        if (!enabled || synced || !window.location.hostname.endsWith(".hgdc.ch"))
+            return;
+        synced = true;
+        void syncProductBar();
+    }, [enabled]);
+}

package/dist/products.d.ts

@@ -1,4 +1,5 @@
 import type { IconSvgElement } from "@hugeicons/react";
+import { type ProductView } from "./addresses.ts";
 import { type EmailAccent } from "./email-palette.ts";
 import { type FamilyProduct } from "./family-svg.ts";
 /** Où en est un produit : seul ce qui répond s'ouvre depuis les menus. */
@@ -131,3 +132,13 @@ export declare function productRailEntries(options?: {
     products: Array<ProductRailEntry>;
     account: ProductRailEntry;
 };
+/**
+ * Lien vers l'autre vue du même produit (ADR 0014) : depuis `app.hgdc.ch/<mot>`, « Ouvrir seul » vers
+ * `<mot>.hgdc.ch` ; depuis `<mot>.hgdc.ch`, « Ouvrir dans app.hgdc.ch ». Passe par l'entrée
+ * (`/auth/hgdc?next=<chemin>`) : la session de l'autre origine s'ouvre sans clic si celle
+ * d'Account vit. `path` est un chemin du produit, sans la base ; un autre texte mène à l'accueil.
+ * `null` pour un produit qui n'a pas deux vues.
+ */
+export declare function otherViewHref(word: string, view: ProductView, path?: string): string | null;
+/** Libellé du lien vers l'autre vue. */
+export declare function otherViewLabel(view: ProductView): string;

package/dist/products.js

@@ -6,7 +6,7 @@ import Briefcase01Icon from "@hugeicons/core-free-icons/Briefcase01Icon";
 import Mail01Icon from "@hugeicons/core-free-icons/Mail01Icon";
 import Rocket01Icon from "@hugeicons/core-free-icons/Rocket01Icon";
 import UserCircleIcon from "@hugeicons/core-free-icons/UserCircleIcon";
-import { APP_ORIGIN, APP_PRODUCTS } from "./addresses.js";
+import { APP_ORIGIN, APP_PRODUCTS, isAppProduct, soloOrigin } from "./addresses.js";
 import { HGDC_EMAIL_ACCENT } from "./email-palette.js";
 import { isFamilyProduct } from "./family-svg.js";
 export const PRODUCT_STAGE_LABEL = {
@@ -145,3 +145,22 @@ export function productRailEntries(options = {}) {
         account: entry(HGDC_ACCOUNT, options.accountHref ?? HGDC_ACCOUNT.entryHref, false),
     };
 }
+/**
+ * Lien vers l'autre vue du même produit (ADR 0014) : depuis `app.hgdc.ch/<mot>`, « Ouvrir seul » vers
+ * `<mot>.hgdc.ch` ; depuis `<mot>.hgdc.ch`, « Ouvrir dans app.hgdc.ch ». Passe par l'entrée
+ * (`/auth/hgdc?next=<chemin>`) : la session de l'autre origine s'ouvre sans clic si celle
+ * d'Account vit. `path` est un chemin du produit, sans la base ; un autre texte mène à l'accueil.
+ * `null` pour un produit qui n'a pas deux vues.
+ */
+export function otherViewHref(word, view, path = "/") {
+    const key = word.toLowerCase();
+    if (!isAppProduct(key))
+        return null;
+    const next = path.startsWith("/") && !path.startsWith("//") && !path.includes("\\") ? path : "/";
+    const target = view === "app" ? soloOrigin(key) : `${APP_ORIGIN}/${key}`;
+    return `${target}${PRODUCT_ENTRY_PATH}?next=${encodeURIComponent(next)}`;
+}
+/** Libellé du lien vers l'autre vue. */
+export function otherViewLabel(view) {
+    return view === "app" ? "Ouvrir seul" : "Ouvrir dans app.hgdc.ch";
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hgdc/ui",
-  "version": "0.44.0",
+  "version": "0.46.0",
   "description": "Interface de la H Collection : jetons de la DA, thèmes, polices et composants.",
   "license": "UNLICENSED",
   "homepage": "https://github.com/hugogebel-boop/hgdc-kit/tree/main/packages/ui#readme",