@hgdc/ui 0.47.0 → 0.48.0

package/dist/assistant-bar.d.ts

@@ -0,0 +1,16 @@
+import { type AssistantLabels } from "./assistant-labels.ts";
+import type { AssistantStatus, AssistantThreadSummary } from "./assistant-types.ts";
+export declare function remainingCredits(status: AssistantStatus): number;
+/** La ligne sous la barre : crédits restants, ou la clé de l'organisation. */
+export declare function AssistantCredits({ status, labels, }: {
+    status: AssistantStatus | undefined;
+    labels?: Pick<AssistantLabels, "creditsLeft" | "ownKey" | "notReadyShort">;
+}): React.JSX.Element;
+/** Les conversations précédentes et « Nouvelle conversation ». */
+export declare function AssistantHistory({ threads, threadId, onThreadChange, now, labels, }: {
+    threads: ReadonlyArray<AssistantThreadSummary> | undefined;
+    threadId: string | null;
+    onThreadChange: (threadId: string | null) => void;
+    now?: number;
+    labels?: Pick<AssistantLabels, "history" | "noHistory" | "newThread">;
+}): React.JSX.Element;

package/dist/assistant-bar.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Add01Icon from "@hugeicons/core-free-icons/Add01Icon";
+import Clock01Icon from "@hugeicons/core-free-icons/Clock01Icon";
+import { HugeiconsIcon } from "@hugeicons/react";
+import { ASSISTANT_LABELS } from "./assistant-labels.js";
+import { Button } from "./button.js";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuTrigger, } from "./dropdown-menu.js";
+import { formatRelative } from "./relative-time.js";
+export function remainingCredits(status) {
+    return Math.max(0, Math.floor(status.credits.limit - status.credits.used));
+}
+/** La ligne sous la barre : crédits restants, ou la clé de l'organisation. */
+export function AssistantCredits({ status, labels = ASSISTANT_LABELS, }) {
+    return (_jsx("p", { "data-slot": "assistant-credits", className: "min-w-0 truncate text-xs text-muted-foreground", "aria-live": "polite", children: status === undefined
+            ? " "
+            : status.ownKey
+                ? labels.ownKey(status.ownKey.hint)
+                : !status.ready
+                    ? labels.notReadyShort
+                    : labels.creditsLeft(remainingCredits(status)) }));
+}
+/** Les conversations précédentes et « Nouvelle conversation ». */
+export function AssistantHistory({ threads, threadId, onThreadChange, now, labels = ASSISTANT_LABELS, }) {
+    return (_jsxs("div", { className: "flex shrink-0 items-center gap-0.5", children: [_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { render: _jsx(Button, { variant: "ghost", size: "icon-sm", "aria-label": labels.history, title: labels.history, disabled: !threads?.length }), children: _jsx(HugeiconsIcon, { icon: Clock01Icon, "aria-hidden": true }) }), _jsx(DropdownMenuContent, { align: "end", className: "w-72 max-w-[calc(100vw-2rem)]", children: _jsxs(DropdownMenuGroup, { children: [_jsx(DropdownMenuLabel, { children: labels.history }), threads?.length ? (threads.map((thread) => (_jsxs(DropdownMenuItem, { onClick: () => onThreadChange(thread._id), "aria-current": thread._id === threadId ? "true" : undefined, className: "aria-[current]:font-medium", children: [_jsx("span", { className: "min-w-0 flex-1 truncate", children: thread.title }), _jsx("span", { className: "shrink-0 text-xs text-muted-foreground", children: formatRelative(thread.updatedAt, now) })] }, thread._id)))) : (_jsx("p", { className: "px-2 py-1.5 text-sm text-muted-foreground", children: labels.noHistory }))] }) })] }), _jsx(Button, { variant: "ghost", size: "icon-sm", "aria-label": labels.newThread, title: labels.newThread, disabled: threadId === null, onClick: () => onThreadChange(null), children: _jsx(HugeiconsIcon, { icon: Add01Icon, "aria-hidden": true }) })] }));
+}

package/dist/assistant-labels.d.ts

@@ -0,0 +1,29 @@
+export type AssistantLabels = {
+    welcomeTitle: string;
+    welcomeDescription: string;
+    notReadyTitle: string;
+    notReadyDescription: string;
+    exhaustedTitle: string;
+    exhaustedDescription: string;
+    placeholder: string;
+    placeholderBusy: string;
+    composerLabel: string;
+    history: string;
+    noHistory: string;
+    newThread: string;
+    deleteThread: string;
+    deleteConfirm: string;
+    deleteYes: string;
+    deleteNo: string;
+    loadError: string;
+    full: string;
+    sendError: string;
+    creditsLeft: (remaining: number) => string;
+    ownKey: (hint: string) => string;
+    notReadyShort: string;
+    detach: string;
+};
+/** Tutoiement de la console ; un produit qui vouvoie (clients de Portal) remplace ce qu'il faut. */
+export declare const ASSISTANT_LABELS: AssistantLabels;
+/** Le message d'une erreur Convex (`ConvexError` avec un texte) ; sinon `fallback`. */
+export declare function assistantErrorText(error: unknown, fallback: string): string;

package/dist/assistant-labels.js

@@ -0,0 +1,42 @@
+/** Tutoiement de la console ; un produit qui vouvoie (clients de Portal) remplace ce qu'il faut. */
+export const ASSISTANT_LABELS = {
+    welcomeTitle: "Qu'est-ce que je fais pour toi ?",
+    welcomeDescription: "Je lis ce que tu vois dans l'application et je t'aide à t'y retrouver. Je te demande toujours avant de modifier ou d'envoyer quoi que ce soit.",
+    notReadyTitle: "L'assistant n'est pas encore branché",
+    notReadyDescription: "Il manque une clé pour le modèle. Un administrateur peut l'ajouter dans les réglages.",
+    exhaustedTitle: "Les crédits du mois sont utilisés",
+    exhaustedDescription: "Le compteur repart le 1er du mois. Un administrateur peut aussi ajouter la clé de l'organisation dans les réglages.",
+    placeholder: "Demande-moi quelque chose",
+    placeholderBusy: "L'assistant répond…",
+    composerLabel: "Message pour l'assistant",
+    history: "Conversations précédentes",
+    noHistory: "Aucune conversation pour l'instant",
+    newThread: "Nouvelle conversation",
+    deleteThread: "Effacer cette conversation",
+    deleteConfirm: "Effacer pour de bon ?",
+    deleteYes: "Effacer",
+    deleteNo: "Garder",
+    loadError: "Cette conversation ne s'affiche pas. Réessaie dans un instant.",
+    full: "Cette conversation est pleine. Ouvre une nouvelle conversation pour continuer.",
+    sendError: "Le message n'est pas parti. Réessaie dans un instant.",
+    creditsLeft: (remaining) => remaining <= 0
+        ? "Plus de crédits ce mois-ci"
+        : `${remaining} crédit${remaining > 1 ? "s" : ""} restant${remaining > 1 ? "s" : ""} ce mois-ci`,
+    ownKey: (hint) => `Clé de l'organisation ••••${hint}`,
+    notReadyShort: "Pas encore branché",
+    detach: "Ne plus parler de cette page",
+};
+/** Le message d'une erreur Convex (`ConvexError` avec un texte) ; sinon `fallback`. */
+export function assistantErrorText(error, fallback) {
+    if (typeof error === "object" && error !== null && "data" in error) {
+        const data = error.data;
+        if (typeof data === "string" && data.trim())
+            return data;
+        if (typeof data === "object" && data !== null && "message" in data) {
+            const message = data.message;
+            if (typeof message === "string" && message.trim())
+                return message;
+        }
+    }
+    return fallback;
+}

package/dist/assistant-parts.d.ts

@@ -0,0 +1,19 @@
+import { type ReactNode } from "react";
+import { type AssistantLabels } from "./assistant-labels.ts";
+import type { AssistantSubject } from "./assistant-types.ts";
+/** Un état sans conversation : accueil, non branché, crédits épuisés. */
+export declare function AssistantState({ title, description, tone, children, }: {
+    title: string;
+    description: ReactNode;
+    tone?: "neutral" | "warning";
+    children?: ReactNode;
+}): React.JSX.Element;
+/** La page ouverte en pastille au-dessus de la saisie, ou le lien pour la rattacher. */
+export declare function AssistantSubjectChip({ subject, labels, }: {
+    subject: AssistantSubject;
+    labels?: Pick<AssistantLabels, "detach">;
+}): React.JSX.Element;
+export declare function DeleteThread({ onDelete, labels, }: {
+    onDelete: () => Promise<void>;
+    labels: Pick<AssistantLabels, "deleteThread" | "deleteConfirm" | "deleteYes" | "deleteNo">;
+}): React.JSX.Element;

package/dist/assistant-parts.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import AiMagicIcon from "@hugeicons/core-free-icons/AiMagicIcon";
+import Alert02Icon from "@hugeicons/core-free-icons/Alert02Icon";
+import Cancel01Icon from "@hugeicons/core-free-icons/Cancel01Icon";
+import Delete02Icon from "@hugeicons/core-free-icons/Delete02Icon";
+import { HugeiconsIcon } from "@hugeicons/react";
+import { useState } from "react";
+import { ASSISTANT_LABELS } from "./assistant-labels.js";
+import { Button } from "./button.js";
+import { cn } from "./cn.js";
+/** Un état sans conversation : accueil, non branché, crédits épuisés. */
+export function AssistantState({ title, description, tone = "neutral", children, }) {
+    return (_jsxs("div", { "data-slot": "assistant-state", className: "grid gap-4 py-4", children: [_jsx("span", { "aria-hidden": true, className: cn("grid size-10 place-items-center rounded-2xl", tone === "warning" ? "bg-status-paused/15 text-status-paused-ink" : "bg-muted text-foreground"), children: _jsx(HugeiconsIcon, { icon: tone === "warning" ? Alert02Icon : AiMagicIcon, strokeWidth: 1.8, className: "size-5" }) }), _jsxs("div", { className: "grid gap-1.5", children: [_jsx("p", { className: "font-heading text-lg leading-snug font-semibold text-balance", children: title }), _jsx("div", { className: "text-sm text-pretty text-muted-foreground", children: description })] }), children] }));
+}
+/** La page ouverte en pastille au-dessus de la saisie, ou le lien pour la rattacher. */
+export function AssistantSubjectChip({ subject, labels = ASSISTANT_LABELS, }) {
+    if (!subject.attached) {
+        return (_jsx("button", { type: "button", onClick: () => subject.onAttachedChange(true), className: "touch-target w-fit rounded-lg text-xs text-muted-foreground underline-offset-2 outline-none hover:text-foreground hover:underline focus-visible:ring-2 focus-visible:ring-ring/50", children: subject.attachLabel }));
+    }
+    return (_jsxs("span", { "data-slot": "assistant-subject", className: "flex w-fit max-w-full min-w-0 soft-in items-center gap-1.5 rounded-full bg-muted py-1 pr-1 pl-2.5 text-xs font-medium motion-reduce:animate-none", children: [subject.icon ? _jsx(HugeiconsIcon, { icon: subject.icon, "aria-hidden": true, className: "size-3.5 shrink-0" }) : null, _jsx("span", { className: "truncate", children: subject.label }), _jsx("button", { type: "button", "aria-label": labels.detach, title: labels.detach, onClick: () => subject.onAttachedChange(false), className: "grid size-6 shrink-0 place-items-center rounded-full text-muted-foreground outline-none hover:bg-foreground/[0.08] hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring/50", children: _jsx(HugeiconsIcon, { icon: Cancel01Icon, "aria-hidden": true, className: "size-3" }) })] }));
+}
+export function DeleteThread({ onDelete, labels, }) {
+    const [asking, setAsking] = useState(false);
+    const [busy, setBusy] = useState(false);
+    if (!asking) {
+        return (_jsxs("button", { type: "button", onClick: () => setAsking(true), className: "touch-target flex w-fit items-center gap-1 rounded-lg text-xs text-muted-foreground outline-none hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring/50", children: [_jsx(HugeiconsIcon, { icon: Delete02Icon, "aria-hidden": true, className: "size-3.5" }), labels.deleteThread] }));
+    }
+    return (_jsxs("div", { role: "group", "aria-label": labels.deleteThread, className: "flex items-center gap-2 text-xs", children: [_jsx("span", { className: "text-muted-foreground", children: labels.deleteConfirm }), _jsx(Button, { size: "xs", variant: "destructive", isLoading: busy, onClick: async () => {
+                    setBusy(true);
+                    try {
+                        await onDelete();
+                    }
+                    finally {
+                        setBusy(false);
+                        setAsking(false);
+                    }
+                }, children: labels.deleteYes }), _jsx(Button, { size: "xs", variant: "ghost", disabled: busy, onClick: () => setAsking(false), children: labels.deleteNo })] }));
+}

package/dist/assistant-text.d.ts

@@ -0,0 +1,15 @@
+import type { ReactNode } from "react";
+/**
+ * Un lien écrit par l'assistant. Un chemin de l'application (`/…`) reste un lien interne ; une
+ * adresse `https:` s'ouvre dans un nouvel onglet, sans référent ni accès à la page, avec son domaine
+ * affiché à côté du texte (un texte trompeur ne cache pas la destination) ; tout le reste
+ * (`javascript:`, `http:`, `data:`…) devient du texte. À passer au rendu Markdown du produit
+ * (`components={{ a: AssistantLink }}`) ; `renderInternal` pour le lien du routeur.
+ */
+export declare function AssistantLink({ href, children, renderInternal, }: {
+    href?: string | undefined;
+    children?: ReactNode;
+    renderInternal?: (href: string, children: ReactNode) => ReactNode;
+}): React.JSX.Element;
+/** Le rendu par défaut : texte brut en paragraphes, adresses https en liens sûrs. Aucun HTML. */
+export declare function renderPlainText(text: string): ReactNode;

package/dist/assistant-text.js

@@ -0,0 +1,30 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Un lien écrit par l'assistant. Un chemin de l'application (`/…`) reste un lien interne ; une
+ * adresse `https:` s'ouvre dans un nouvel onglet, sans référent ni accès à la page, avec son domaine
+ * affiché à côté du texte (un texte trompeur ne cache pas la destination) ; tout le reste
+ * (`javascript:`, `http:`, `data:`…) devient du texte. À passer au rendu Markdown du produit
+ * (`components={{ a: AssistantLink }}`) ; `renderInternal` pour le lien du routeur.
+ */
+export function AssistantLink({ href, children, renderInternal, }) {
+    const value = (href ?? "").trim();
+    const className = "font-medium underline underline-offset-2";
+    if (value.startsWith("/") && !value.startsWith("//") && !value.startsWith("/\\")) {
+        return renderInternal ? (_jsx(_Fragment, { children: renderInternal(value, children) })) : (_jsx("a", { href: value, className: className, children: children }));
+    }
+    let url = null;
+    try {
+        url = new URL(value);
+    }
+    catch {
+        url = null;
+    }
+    if (!url || url.protocol !== "https:" || url.username || url.password)
+        return _jsx("span", { children: children });
+    return (_jsxs("a", { href: url.href, target: "_blank", rel: "noopener noreferrer nofollow", className: className, children: [children, _jsxs("span", { className: "ml-1 text-xs font-normal text-muted-foreground no-underline", children: ["(", url.hostname, ")"] })] }));
+}
+const URL_IN_TEXT = /(https:\/\/[^\s<>"')]+)/g;
+/** Le rendu par défaut : texte brut en paragraphes, adresses https en liens sûrs. Aucun HTML. */
+export function renderPlainText(text) {
+    return text.split(/\n{2,}/).map((paragraph, i) => (_jsx("p", { className: "my-2 whitespace-pre-wrap first:mt-0 last:mb-0", children: paragraph.split(URL_IN_TEXT).map((part, j) => j % 2 === 1 ? (_jsx(AssistantLink, { href: part, children: part }, j)) : (part)) }, i)));
+}

package/dist/assistant-types.d.ts

@@ -0,0 +1,59 @@
+import type { IconSvgElement } from "@hugeicons/react";
+import type { AssistantActionStatus, AssistantTool } from "./assistant-chat.tsx";
+/** État de l'assistant pour l'organisation (`readStatus`). */
+export type AssistantStatus = {
+    ready: boolean;
+    ownKey: {
+        hint: string;
+    } | null;
+    credits: {
+        used: number;
+        limit: number;
+    };
+};
+export type AssistantThreadSummary = {
+    _id: string;
+    title: string;
+    updatedAt: number;
+};
+export type AssistantMessageStatus = "pending" | "streaming" | "done" | "error";
+export type AssistantMessage = {
+    _id: string;
+    role: "user" | "assistant";
+    text: string;
+    status: AssistantMessageStatus;
+    tools: ReadonlyArray<AssistantTool>;
+};
+export type AssistantAction = {
+    _id: string;
+    messageId: string;
+    summary: string;
+    details?: ReadonlyArray<{
+        label: string;
+        value: string;
+    }>;
+    status: AssistantActionStatus;
+    result?: string | null;
+};
+/** Une conversation ouverte (`readThread`). */
+export type AssistantThread = {
+    /** L'historique a atteint sa taille maximale : une nouvelle conversation s'impose. */
+    full?: boolean;
+    messages: ReadonlyArray<AssistantMessage>;
+    actions: ReadonlyArray<AssistantAction>;
+};
+/** La page ouverte, que l'assistant prend comme sujet tant que la personne ne la retire pas. */
+export type AssistantSubject = {
+    /** « Campagne « Octobre » », « Déploiement abc123 ». */
+    label: string;
+    icon?: IconSvgElement;
+    attached: boolean;
+    onAttachedChange: (attached: boolean) => void;
+    /** Bouton pour la rattacher : « Parler de ce déploiement ». */
+    attachLabel: string;
+};
+/** Une demande venue d'un bouton de la page (« Écrire avec l'assistant ») : part une seule fois par `nonce`. */
+export type AssistantRequest = {
+    prompt?: string;
+    nonce: number;
+};

package/dist/assistant-types.js

@@ -0,0 +1 @@
+export {};

package/dist/assistant-view.d.ts

@@ -1,124 +1,11 @@
-import { type IconSvgElement } from "@hugeicons/react";
 import { type ReactNode } from "react";
-import { type AssistantActionStatus, type AssistantTool } from "./assistant-chat.tsx";
-/** État de l'assistant pour l'organisation (`readStatus`). */
-export type AssistantStatus = {
-    ready: boolean;
-    ownKey: {
-        hint: string;
-    } | null;
-    credits: {
-        used: number;
-        limit: number;
-    };
-};
-export type AssistantThreadSummary = {
-    _id: string;
-    title: string;
-    updatedAt: number;
-};
-export type AssistantMessageStatus = "pending" | "streaming" | "done" | "error";
-export type AssistantMessage = {
-    _id: string;
-    role: "user" | "assistant";
-    text: string;
-    status: AssistantMessageStatus;
-    tools: ReadonlyArray<AssistantTool>;
-};
-export type AssistantAction = {
-    _id: string;
-    messageId: string;
-    summary: string;
-    details?: ReadonlyArray<{
-        label: string;
-        value: string;
-    }>;
-    status: AssistantActionStatus;
-    result?: string | null;
-};
-/** Une conversation ouverte (`readThread`). */
-export type AssistantThread = {
-    /** L'historique a atteint sa taille maximale : une nouvelle conversation s'impose. */
-    full?: boolean;
-    messages: ReadonlyArray<AssistantMessage>;
-    actions: ReadonlyArray<AssistantAction>;
-};
-/** La page ouverte, que l'assistant prend comme sujet tant que la personne ne la retire pas. */
-export type AssistantSubject = {
-    /** « Campagne « Octobre » », « Déploiement abc123 ». */
-    label: string;
-    icon?: IconSvgElement;
-    attached: boolean;
-    onAttachedChange: (attached: boolean) => void;
-    /** Bouton pour la rattacher : « Parler de ce déploiement ». */
-    attachLabel: string;
-};
-/** Une demande venue d'un bouton de la page (« Écrire avec l'assistant ») : part une seule fois par `nonce`. */
-export type AssistantRequest = {
-    prompt?: string;
-    nonce: number;
-};
-export type AssistantLabels = {
-    welcomeTitle: string;
-    welcomeDescription: string;
-    notReadyTitle: string;
-    notReadyDescription: string;
-    exhaustedTitle: string;
-    exhaustedDescription: string;
-    placeholder: string;
-    placeholderBusy: string;
-    composerLabel: string;
-    history: string;
-    noHistory: string;
-    newThread: string;
-    deleteThread: string;
-    deleteConfirm: string;
-    deleteYes: string;
-    deleteNo: string;
-    loadError: string;
-    full: string;
-    sendError: string;
-    creditsLeft: (remaining: number) => string;
-    ownKey: (hint: string) => string;
-    notReadyShort: string;
-    detach: string;
-};
-/** Tutoiement de la console ; un produit qui vouvoie (clients de Portal) remplace ce qu'il faut. */
-export declare const ASSISTANT_LABELS: AssistantLabels;
-/** Le message d'une erreur Convex (`ConvexError` avec un texte) ; sinon `fallback`. */
-export declare function assistantErrorText(error: unknown, fallback: string): string;
-/**
- * Un lien écrit par l'assistant. Un chemin de l'application (`/…`) reste un lien interne ; une
- * adresse `https:` s'ouvre dans un nouvel onglet, sans référent ni accès à la page, avec son domaine
- * affiché à côté du texte (un texte trompeur ne cache pas la destination) ; tout le reste
- * (`javascript:`, `http:`, `data:`…) devient du texte. À passer au rendu Markdown du produit
- * (`components={{ a: AssistantLink }}`) ; `renderInternal` pour le lien du routeur.
- */
-export declare function AssistantLink({ href, children, renderInternal, }: {
-    href?: string | undefined;
-    children?: ReactNode;
-    renderInternal?: (href: string, children: ReactNode) => ReactNode;
-}): React.JSX.Element;
-/** Le rendu par défaut : texte brut en paragraphes, adresses https en liens sûrs. Aucun HTML. */
-export declare function renderPlainText(text: string): ReactNode;
-/** La ligne sous la barre : crédits restants, ou la clé de l'organisation. */
-export declare function AssistantCredits({ status, labels, }: {
-    status: AssistantStatus | undefined;
-    labels?: Pick<AssistantLabels, "creditsLeft" | "ownKey" | "notReadyShort">;
-}): React.JSX.Element;
-/** Les conversations précédentes et « Nouvelle conversation ». */
-export declare function AssistantHistory({ threads, threadId, onThreadChange, now, labels, }: {
-    threads: ReadonlyArray<AssistantThreadSummary> | undefined;
-    threadId: string | null;
-    onThreadChange: (threadId: string | null) => void;
-    now?: number;
-    labels?: Pick<AssistantLabels, "history" | "noHistory" | "newThread">;
-}): React.JSX.Element;
-/** La page ouverte en pastille au-dessus de la saisie, ou le lien pour la rattacher. */
-export declare function AssistantSubjectChip({ subject, labels, }: {
-    subject: AssistantSubject;
-    labels?: Pick<AssistantLabels, "detach">;
-}): React.JSX.Element;
+import { type AssistantLabels } from "./assistant-labels.ts";
+import type { AssistantRequest, AssistantStatus, AssistantSubject, AssistantThread, AssistantThreadSummary } from "./assistant-types.ts";
+export { AssistantCredits, AssistantHistory } from "./assistant-bar.tsx";
+export { ASSISTANT_LABELS, assistantErrorText, type AssistantLabels } from "./assistant-labels.ts";
+export { AssistantSubjectChip } from "./assistant-parts.tsx";
+export { AssistantLink, renderPlainText } from "./assistant-text.tsx";
+export type { AssistantAction, AssistantMessage, AssistantMessageStatus, AssistantRequest, AssistantStatus, AssistantSubject, AssistantThread, AssistantThreadSummary, } from "./assistant-types.ts";
 export type AssistantViewProps = {
     /** `undefined` pendant le chargement. */
     status: AssistantStatus | undefined;

package/dist/assistant-view.js

@@ -1,134 +1,16 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Add01Icon from "@hugeicons/core-free-icons/Add01Icon";
-import AiMagicIcon from "@hugeicons/core-free-icons/AiMagicIcon";
-import Alert02Icon from "@hugeicons/core-free-icons/Alert02Icon";
-import Cancel01Icon from "@hugeicons/core-free-icons/Cancel01Icon";
-import Clock01Icon from "@hugeicons/core-free-icons/Clock01Icon";
-import Delete02Icon from "@hugeicons/core-free-icons/Delete02Icon";
-import { HugeiconsIcon } from "@hugeicons/react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useEffectEvent, useRef, useState } from "react";
+import { AssistantCredits, AssistantHistory, remainingCredits } from "./assistant-bar.js";
 import { AssistantActionCard, AssistantComposer, AssistantConversation, AssistantExamples, AssistantReply, AssistantUserMessage, } from "./assistant-chat.js";
-import { Button } from "./button.js";
+import { ASSISTANT_LABELS, assistantErrorText } from "./assistant-labels.js";
+import { AssistantState, AssistantSubjectChip, DeleteThread } from "./assistant-parts.js";
+import { renderPlainText } from "./assistant-text.js";
 import { cn } from "./cn.js";
-import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuTrigger, } from "./dropdown-menu.js";
-import { formatRelative } from "./relative-time.js";
 import { Spinner } from "./spinner.js";
-/** Tutoiement de la console ; un produit qui vouvoie (clients de Portal) remplace ce qu'il faut. */
-export const ASSISTANT_LABELS = {
-    welcomeTitle: "Qu'est-ce que je fais pour toi ?",
-    welcomeDescription: "Je lis ce que tu vois dans l'application et je t'aide à t'y retrouver. Je te demande toujours avant de modifier ou d'envoyer quoi que ce soit.",
-    notReadyTitle: "L'assistant n'est pas encore branché",
-    notReadyDescription: "Il manque une clé pour le modèle. Un administrateur peut l'ajouter dans les réglages.",
-    exhaustedTitle: "Les crédits du mois sont utilisés",
-    exhaustedDescription: "Le compteur repart le 1er du mois. Un administrateur peut aussi ajouter la clé de l'organisation dans les réglages.",
-    placeholder: "Demande-moi quelque chose",
-    placeholderBusy: "L'assistant répond…",
-    composerLabel: "Message pour l'assistant",
-    history: "Conversations précédentes",
-    noHistory: "Aucune conversation pour l'instant",
-    newThread: "Nouvelle conversation",
-    deleteThread: "Effacer cette conversation",
-    deleteConfirm: "Effacer pour de bon ?",
-    deleteYes: "Effacer",
-    deleteNo: "Garder",
-    loadError: "Cette conversation ne s'affiche pas. Réessaie dans un instant.",
-    full: "Cette conversation est pleine. Ouvre une nouvelle conversation pour continuer.",
-    sendError: "Le message n'est pas parti. Réessaie dans un instant.",
-    creditsLeft: (remaining) => remaining <= 0
-        ? "Plus de crédits ce mois-ci"
-        : `${remaining} crédit${remaining > 1 ? "s" : ""} restant${remaining > 1 ? "s" : ""} ce mois-ci`,
-    ownKey: (hint) => `Clé de l'organisation ••••${hint}`,
-    notReadyShort: "Pas encore branché",
-    detach: "Ne plus parler de cette page",
-};
-/** Le message d'une erreur Convex (`ConvexError` avec un texte) ; sinon `fallback`. */
-export function assistantErrorText(error, fallback) {
-    if (typeof error === "object" && error !== null && "data" in error) {
-        const data = error.data;
-        if (typeof data === "string" && data.trim())
-            return data;
-        if (typeof data === "object" && data !== null && "message" in data) {
-            const message = data.message;
-            if (typeof message === "string" && message.trim())
-                return message;
-        }
-    }
-    return fallback;
-}
-/**
- * Un lien écrit par l'assistant. Un chemin de l'application (`/…`) reste un lien interne ; une
- * adresse `https:` s'ouvre dans un nouvel onglet, sans référent ni accès à la page, avec son domaine
- * affiché à côté du texte (un texte trompeur ne cache pas la destination) ; tout le reste
- * (`javascript:`, `http:`, `data:`…) devient du texte. À passer au rendu Markdown du produit
- * (`components={{ a: AssistantLink }}`) ; `renderInternal` pour le lien du routeur.
- */
-export function AssistantLink({ href, children, renderInternal, }) {
-    const value = (href ?? "").trim();
-    const className = "font-medium underline underline-offset-2";
-    if (value.startsWith("/") && !value.startsWith("//") && !value.startsWith("/\\")) {
-        return renderInternal ? (_jsx(_Fragment, { children: renderInternal(value, children) })) : (_jsx("a", { href: value, className: className, children: children }));
-    }
-    let url = null;
-    try {
-        url = new URL(value);
-    }
-    catch {
-        url = null;
-    }
-    if (!url || url.protocol !== "https:" || url.username || url.password)
-        return _jsx("span", { children: children });
-    return (_jsxs("a", { href: url.href, target: "_blank", rel: "noopener noreferrer nofollow", className: className, children: [children, _jsxs("span", { className: "ml-1 text-xs font-normal text-muted-foreground no-underline", children: ["(", url.hostname, ")"] })] }));
-}
-const URL_IN_TEXT = /(https:\/\/[^\s<>"')]+)/g;
-/** Le rendu par défaut : texte brut en paragraphes, adresses https en liens sûrs. Aucun HTML. */
-export function renderPlainText(text) {
-    return text.split(/\n{2,}/).map((paragraph, i) => (_jsx("p", { className: "my-2 whitespace-pre-wrap first:mt-0 last:mb-0", children: paragraph.split(URL_IN_TEXT).map((part, j) => j % 2 === 1 ? (_jsx(AssistantLink, { href: part, children: part }, j)) : (part)) }, i)));
-}
-function remainingCredits(status) {
-    return Math.max(0, Math.floor(status.credits.limit - status.credits.used));
-}
-/** La ligne sous la barre : crédits restants, ou la clé de l'organisation. */
-export function AssistantCredits({ status, labels = ASSISTANT_LABELS, }) {
-    return (_jsx("p", { "data-slot": "assistant-credits", className: "min-w-0 truncate text-xs text-muted-foreground", "aria-live": "polite", children: status === undefined
-            ? " "
-            : status.ownKey
-                ? labels.ownKey(status.ownKey.hint)
-                : !status.ready
-                    ? labels.notReadyShort
-                    : labels.creditsLeft(remainingCredits(status)) }));
-}
-/** Les conversations précédentes et « Nouvelle conversation ». */
-export function AssistantHistory({ threads, threadId, onThreadChange, now, labels = ASSISTANT_LABELS, }) {
-    return (_jsxs("div", { className: "flex shrink-0 items-center gap-0.5", children: [_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { render: _jsx(Button, { variant: "ghost", size: "icon-sm", "aria-label": labels.history, title: labels.history, disabled: !threads?.length }), children: _jsx(HugeiconsIcon, { icon: Clock01Icon, "aria-hidden": true }) }), _jsx(DropdownMenuContent, { align: "end", className: "w-72 max-w-[calc(100vw-2rem)]", children: _jsxs(DropdownMenuGroup, { children: [_jsx(DropdownMenuLabel, { children: labels.history }), threads?.length ? (threads.map((thread) => (_jsxs(DropdownMenuItem, { onClick: () => onThreadChange(thread._id), "aria-current": thread._id === threadId ? "true" : undefined, className: "aria-[current]:font-medium", children: [_jsx("span", { className: "min-w-0 flex-1 truncate", children: thread.title }), _jsx("span", { className: "shrink-0 text-xs text-muted-foreground", children: formatRelative(thread.updatedAt, now) })] }, thread._id)))) : (_jsx("p", { className: "px-2 py-1.5 text-sm text-muted-foreground", children: labels.noHistory }))] }) })] }), _jsx(Button, { variant: "ghost", size: "icon-sm", "aria-label": labels.newThread, title: labels.newThread, disabled: threadId === null, onClick: () => onThreadChange(null), children: _jsx(HugeiconsIcon, { icon: Add01Icon, "aria-hidden": true }) })] }));
-}
-/** Un état sans conversation : accueil, non branché, crédits épuisés. */
-function AssistantState({ title, description, tone = "neutral", children, }) {
-    return (_jsxs("div", { "data-slot": "assistant-state", className: "grid gap-4 py-4", children: [_jsx("span", { "aria-hidden": true, className: cn("grid size-10 place-items-center rounded-2xl", tone === "warning" ? "bg-status-paused/15 text-status-paused-ink" : "bg-muted text-foreground"), children: _jsx(HugeiconsIcon, { icon: tone === "warning" ? Alert02Icon : AiMagicIcon, strokeWidth: 1.8, className: "size-5" }) }), _jsxs("div", { className: "grid gap-1.5", children: [_jsx("p", { className: "font-heading text-lg leading-snug font-semibold text-balance", children: title }), _jsx("div", { className: "text-sm text-pretty text-muted-foreground", children: description })] }), children] }));
-}
-/** La page ouverte en pastille au-dessus de la saisie, ou le lien pour la rattacher. */
-export function AssistantSubjectChip({ subject, labels = ASSISTANT_LABELS, }) {
-    if (!subject.attached) {
-        return (_jsx("button", { type: "button", onClick: () => subject.onAttachedChange(true), className: "touch-target w-fit rounded-lg text-xs text-muted-foreground underline-offset-2 outline-none hover:text-foreground hover:underline focus-visible:ring-2 focus-visible:ring-ring/50", children: subject.attachLabel }));
-    }
-    return (_jsxs("span", { "data-slot": "assistant-subject", className: "flex w-fit max-w-full min-w-0 soft-in items-center gap-1.5 rounded-full bg-muted py-1 pr-1 pl-2.5 text-xs font-medium motion-reduce:animate-none", children: [subject.icon ? _jsx(HugeiconsIcon, { icon: subject.icon, "aria-hidden": true, className: "size-3.5 shrink-0" }) : null, _jsx("span", { className: "truncate", children: subject.label }), _jsx("button", { type: "button", "aria-label": labels.detach, title: labels.detach, onClick: () => subject.onAttachedChange(false), className: "grid size-6 shrink-0 place-items-center rounded-full text-muted-foreground outline-none hover:bg-foreground/[0.08] hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring/50", children: _jsx(HugeiconsIcon, { icon: Cancel01Icon, "aria-hidden": true, className: "size-3" }) })] }));
-}
-function DeleteThread({ onDelete, labels, }) {
-    const [asking, setAsking] = useState(false);
-    const [busy, setBusy] = useState(false);
-    if (!asking) {
-        return (_jsxs("button", { type: "button", onClick: () => setAsking(true), className: "touch-target flex w-fit items-center gap-1 rounded-lg text-xs text-muted-foreground outline-none hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring/50", children: [_jsx(HugeiconsIcon, { icon: Delete02Icon, "aria-hidden": true, className: "size-3.5" }), labels.deleteThread] }));
-    }
-    return (_jsxs("div", { role: "group", "aria-label": labels.deleteThread, className: "flex items-center gap-2 text-xs", children: [_jsx("span", { className: "text-muted-foreground", children: labels.deleteConfirm }), _jsx(Button, { size: "xs", variant: "destructive", isLoading: busy, onClick: async () => {
-                    setBusy(true);
-                    try {
-                        await onDelete();
-                    }
-                    finally {
-                        setBusy(false);
-                        setAsking(false);
-                    }
-                }, children: labels.deleteYes }), _jsx(Button, { size: "xs", variant: "ghost", disabled: busy, onClick: () => setAsking(false), children: labels.deleteNo })] }));
-}
+export { AssistantCredits, AssistantHistory } from "./assistant-bar.js";
+export { ASSISTANT_LABELS, assistantErrorText } from "./assistant-labels.js";
+export { AssistantSubjectChip } from "./assistant-parts.js";
+export { AssistantLink, renderPlainText } from "./assistant-text.js";
 /** Le panneau de l'assistant, prêt pour la colonne de `AppShell`. */
 export function AssistantView({ status, threads, threadId, onThreadChange, thread, renderText = renderPlainText, onSend, onConfirm, onCancel, onDeleteThread, examples = [], welcome, setup, subject, request, labels: overrides, now, className, }) {
     const labels = { ...ASSISTANT_LABELS, ...overrides };

package/dist/products.d.ts

@@ -23,6 +23,11 @@ export type HgdcCatalogProduct = {
      * 0016). Pour Account, sa racine.
      */
     entryHref: string;
+    /**
+     * Page du produit sur le site : `https://hgdc.ch/h-collection/<mot>`. Absente tant que le produit
+     * est « soon » : sa page n'existe pas encore.
+     */
+    productPage?: string | undefined;
     /** Une phrase, au tutoiement. */
     pitch: string;
     /** Pastille du produit (`ProductBadge` de `@hgdc/ui/product-badge`) : le mot en minuscules. */
@@ -41,6 +46,8 @@ export type HgdcCatalogProduct = {
  * le monte (`createHgdcEntry`). Il ouvre l'app avec la session HGDC Account, sans formulaire
  * quand cette session existe.
  */
+/** Base des pages produit du site : `<base>/<mot>`. */
+export declare const PRODUCT_PAGE_BASE = "https://hgdc.ch/h-collection";
 export declare const PRODUCT_ENTRY_PATH = "/auth/hgdc";
 /** Où un produit est servi : l'origine et, s'il partage son hôte avec d'autres, sa base de chemin. */
 export type ProductOrigin = {

package/dist/products.js

@@ -19,6 +19,8 @@ export const PRODUCT_STAGE_LABEL = {
  * le monte (`createHgdcEntry`). Il ouvre l'app avec la session HGDC Account, sans formulaire
  * quand cette session existe.
  */
+/** Base des pages produit du site : `<base>/<mot>`. */
+export const PRODUCT_PAGE_BASE = "https://hgdc.ch/h-collection";
 export const PRODUCT_ENTRY_PATH = "/auth/hgdc";
 /**
  * Adresse de l'app de chaque produit servi sous `https://app.hgdc.ch/<mot>`, par mot en minuscules,
@@ -56,6 +58,7 @@ function product(word, pitch, icon, stage) {
         subdomain,
         href,
         entryHref: productEntryHref(badge),
+        ...(stage === "soon" ? {} : { productPage: `${PRODUCT_PAGE_BASE}/${badge}` }),
         pitch,
         badge,
         icon,