@hgdc/ui 0.46.0 → 0.47.1

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/family-svg.d.ts

@@ -1,5 +1,5 @@
 /** Les produits de la H Collection qui ont une icône, par leur mot en minuscules. */
-export declare const FAMILY_PRODUCTS: readonly ["account", "host", "mail", "portal", "status", "analytics", "docs", "iassistant"];
+export declare const FAMILY_PRODUCTS: readonly ["account", "host", "mail", "portal", "status", "analytics", "docs", "iassistant", "id"];
 export type FamilyProduct = (typeof FAMILY_PRODUCTS)[number];
 /** Vrai si le mot en minuscules (« host ») désigne un produit qui a une icône. */
 export declare function isFamilyProduct(word: string): word is FamilyProduct;

package/dist/family-svg.js

@@ -9,6 +9,7 @@ export const FAMILY_PRODUCTS = [
     "analytics",
     "docs",
     "iassistant",
+    "id",
 ];
 /** Vrai si le mot en minuscules (« host ») désigne un produit qui a une icône. */
 export function isFamilyProduct(word) {
@@ -27,6 +28,7 @@ export const PRODUCT_BADGE_SVG = {
     analytics: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><svg x="0" y="0" width="64" height="64" viewBox="15 15 34 34"><defs><linearGradient id="g" x1="14" y1="14" x2="50" y2="50" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ffb020"/><stop offset="1" stop-color="#e58309"/></linearGradient></defs><path d="M18.3 34H21.7A2.8 2.8 0 0 1 24.5 36.8V46.2A2.8 2.8 0 0 1 21.7 49H18.3A2.8 2.8 0 0 1 15.5 46.2V36.8A2.8 2.8 0 0 1 18.3 34Z" fill="url(#g)" fill-opacity="0.4" fill-rule="evenodd"/><path d="M30.3 25H33.7A2.8 2.8 0 0 1 36.5 27.8V46.2A2.8 2.8 0 0 1 33.7 49H30.3A2.8 2.8 0 0 1 27.5 46.2V27.8A2.8 2.8 0 0 1 30.3 25Z" fill="url(#g)" fill-opacity="0.7" fill-rule="evenodd"/><path d="M42.3 15H45.7A2.8 2.8 0 0 1 48.5 17.8V46.2A2.8 2.8 0 0 1 45.7 49H42.3A2.8 2.8 0 0 1 39.5 46.2V17.8A2.8 2.8 0 0 1 42.3 15Z" fill="url(#g)" fill-rule="evenodd"/></svg></svg>',
     docs: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><svg x="0" y="0" width="64" height="64" viewBox="14 13 36 36"><defs><linearGradient id="g" x1="14" y1="14" x2="50" y2="50" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0ec1dc"/><stop offset="1" stop-color="#0aa3c1"/></linearGradient></defs><path d="M26 13H46A3 3 0 0 1 49 16V43A3 3 0 0 1 46 46H26A3 3 0 0 1 23 43V16A3 3 0 0 1 26 13Z" fill="url(#g)" fill-opacity="0.22" fill-rule="evenodd"/><path d="M18 18H32V24.5A2.5 2.5 0 0 0 34.5 27H41V46A3 3 0 0 1 38 49H18A3 3 0 0 1 15 46V21A3 3 0 0 1 18 18ZM21.3 33H34.7A1.3 1.3 0 0 1 36 34.3V34.300000000000004A1.3 1.3 0 0 1 34.7 35.6H21.3A1.3 1.3 0 0 1 20 34.300000000000004V34.3A1.3 1.3 0 0 1 21.3 33ZM21.3 39H29.7A1.3 1.3 0 0 1 31 40.3V40.300000000000004A1.3 1.3 0 0 1 29.7 41.6H21.3A1.3 1.3 0 0 1 20 40.300000000000004V40.3A1.3 1.3 0 0 1 21.3 39Z" fill="url(#g)" fill-rule="evenodd"/><path d="M32 18L41 27H34.5A2.5 2.5 0 0 1 32 24.5Z" fill="url(#g)" fill-opacity="0.45" fill-rule="evenodd"/></svg></svg>',
     iassistant: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><svg x="0" y="0" width="64" height="64" viewBox="16 18 34 34"><defs><linearGradient id="g" x1="14" y1="14" x2="50" y2="50" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#d946ef"/><stop offset="1" stop-color="#c026d3"/></linearGradient></defs><path d="M24 18H38A6 6 0 0 1 44 24V32A6 6 0 0 1 38 38H27L21 43V37.2A6 6 0 0 1 18 32V24A6 6 0 0 1 24 18Z" fill="url(#g)" fill-opacity="0.4" fill-rule="evenodd"/><path d="M29 27H43A6 6 0 0 1 49 33V41A6 6 0 0 1 43 47V51.5L37.5 47H29A6 6 0 0 1 23 41V33A6 6 0 0 1 29 27ZM28.1 37A1.9 1.9 0 1 0 31.9 37A1.9 1.9 0 1 0 28.1 37ZM34.1 37A1.9 1.9 0 1 0 37.9 37A1.9 1.9 0 1 0 34.1 37ZM40.1 37A1.9 1.9 0 1 0 43.9 37A1.9 1.9 0 1 0 40.1 37Z" fill="url(#g)" fill-rule="evenodd"/></svg></svg>',
+    id: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><svg x="0" y="0" width="64" height="64" viewBox="14 14 52 52"><defs><linearGradient id="g" x1="14" y1="14" x2="66" y2="66" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ff2a2a"/><stop offset="1" stop-color="#e60000"/></linearGradient><filter id="s" x="-20%" y="-20%" width="140%" height="140%"><feGaussianBlur stdDeviation="1.1"/></filter></defs><path d="M24.5 14H51.5A10.5 10.5 0 0 1 62 24.5V51.5A10.5 10.5 0 0 1 51.5 62H24.5A10.5 10.5 0 0 1 14 51.5V24.5A10.5 10.5 0 0 1 24.5 14Z" fill="url(#g)" fill-opacity="0.4" fill-rule="evenodd"/><path d="M28.5 18H55.5A10.5 10.5 0 0 1 66 28.5V55.5A10.5 10.5 0 0 1 55.5 66H28.5A10.5 10.5 0 0 1 18 55.5V28.5A10.5 10.5 0 0 1 28.5 18Z" fill="url(#g)" fill-rule="evenodd"/><path d="M37.8 28L46.2 28L46.2 37.8L56 37.8L56 46.2L46.2 46.2L46.2 56L37.8 56L37.8 46.2L28 46.2L28 37.8L37.8 37.8Z" transform="translate(0 1.6)" fill="#6b0000" fill-opacity="0.45" filter="url(#s)"/><path d="M37.8 28L46.2 28L46.2 37.8L56 37.8L56 46.2L46.2 46.2L46.2 56L37.8 56L37.8 46.2L28 46.2L28 37.8L37.8 37.8Z" fill="#fff" fill-rule="evenodd"/></svg></svg>',
 };
 /**
  * Empreinte de chaque icône d'e-mail (`email-icons/<mot>.png`), ajoutée à son adresse : un client
@@ -41,6 +43,7 @@ export const EMAIL_ICON_VERSION = {
     analytics: "83add9fb",
     docs: "77f11f0b",
     iassistant: "2b9ed0e0",
+    id: "732394eb",
 };
 /** SVG du H « Double », la marque de la H Collection, sans fond (`family/hcollection-icon(-dark).svg`). */
 export const FAMILY_MARK_SVG = {

package/dist/product-badge.js

@@ -15,6 +15,7 @@ export const PRODUCT_GRADIENT = {
     analytics: { from: "#ffb020", to: "#e58309" },
     docs: { from: "#0ec1dc", to: "#0aa3c1" },
     iassistant: { from: "#d946ef", to: "#c026d3" },
+    id: { from: "#ff2a2a", to: "#e60000" },
 };
 // En image plutôt qu'en SVG en ligne : chaque icône garde ses identifiants de dégradé pour elle,
 // plusieurs icônes dans une même page ne se marchent pas dessus.

package/dist/products.js

@@ -75,6 +75,7 @@ export const HGDC_PRODUCTS = [
     product("Analytics", "Tes visiteurs mesurés, sans cookies ni bannière.", Analytics01Icon, "live"),
     product("Docs", "Ta documentation en ligne, avec un assistant qui y répond.", BookOpen01Icon, "live"),
     product("IAssistant", "Une bulle de chat IA sur ton site, qui répond à tes visiteurs.", BubbleChatIcon, "preview"),
+    product("ID", "Bientôt disponible.", UserCircleIcon, "soon"),
 ];
 /** Vrai si le produit répond déjà (en service ou en préversion). */
 export function isProductOpen(item) {