@ews-admin/global-design-system 1.35.0 → 1.36.0

package/dist/index.js

@@ -29,6 +29,7 @@ function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else i
 const LOCAL_PORTS = {
     bff: 8082,
     loginBff: 8080,
+    assistantBff: 8083,
     app: 3000,
     login: 3001,
     dashboard: 3002,
@@ -42,6 +43,7 @@ function buildUrls(environment) {
         return {
             bffUrl: `http://api.${domain}:${LOCAL_PORTS.bff}/api/v1`,
             loginBffUrl: `http://api.${domain}:${LOCAL_PORTS.loginBff}/api/v1`,
+            assistantBffUrl: `http://api.${domain}:${LOCAL_PORTS.assistantBff}/api/v1`,
             appUrl: `http://local.app.${domain}:${LOCAL_PORTS.app}`,
             loginUrl: `http://local.login.${domain}:${LOCAL_PORTS.login}`,
             dashboardUrl: `http://local.dashboard.${domain}:${LOCAL_PORTS.dashboard}`,
@@ -53,6 +55,7 @@ function buildUrls(environment) {
     return {
         bffUrl: `https://${prefix}api.${domain}/bff/api/v1`,
         loginBffUrl: `https://${prefix}api.${domain}/login-bff/api/v1`,
+        assistantBffUrl: `https://${prefix}api.${domain}/assistant/api/v1`,
         appUrl: environment === "prod" ? `https://${prefix}${domain}` : `https://${prefix}app.${domain}`,
         loginUrl: `https://${prefix}login.${domain}`,
         dashboardUrl: `https://${prefix}dashboard.${domain}`,
@@ -1027,6 +1030,65 @@ function useSelectField({ name, control, options: _options, rules, defaultValue,
     };
 }
 
+const BCP47 = { fr: "fr-FR", en: "en-US", ar: "ar-SA" };
+function getSpeechRecognition() {
+    if (typeof window === "undefined")
+        return undefined;
+    const w = window;
+    return w.SpeechRecognition ?? w.webkitSpeechRecognition;
+}
+/**
+ * Push-to-talk on the browser speech API (MED-1783). `supported` is false on
+ * the server and in browsers without the API, so the app can hide the mic.
+ */
+function useSpeechRecognition({ language, onResult, onInterim, }) {
+    const [supported, setSupported] = React.useState(false);
+    const [listening, setListening] = React.useState(false);
+    const recognitionRef = React.useRef(null);
+    const transcriptRef = React.useRef("");
+    const callbacks = React.useRef({ onResult, onInterim });
+    callbacks.current = { onResult, onInterim };
+    // Detected after mount: the server never has the API, and the markup must match.
+    React.useEffect(() => {
+        setSupported(getSpeechRecognition() !== undefined);
+    }, []);
+    const stop = React.useCallback(() => {
+        recognitionRef.current?.stop();
+    }, []);
+    const start = React.useCallback(() => {
+        const Ctor = getSpeechRecognition();
+        if (!Ctor || recognitionRef.current)
+            return;
+        const recognition = new Ctor();
+        recognition.lang = BCP47[language] ?? language;
+        recognition.interimResults = true;
+        recognition.continuous = true;
+        transcriptRef.current = "";
+        recognition.onresult = (event) => {
+            let text = "";
+            for (let i = 0; i < event.results.length; i++) {
+                text += event.results[i][0]?.transcript ?? "";
+            }
+            transcriptRef.current = text.trim();
+            callbacks.current.onInterim?.(transcriptRef.current);
+        };
+        recognition.onerror = () => {
+            recognition.stop();
+        };
+        recognition.onend = () => {
+            recognitionRef.current = null;
+            setListening(false);
+            if (transcriptRef.current)
+                callbacks.current.onResult(transcriptRef.current);
+        };
+        recognitionRef.current = recognition;
+        setListening(true);
+        recognition.start();
+    }, [language]);
+    React.useEffect(() => () => recognitionRef.current?.abort(), []);
+    return { supported, listening, start, stop };
+}
+
 function SearchAutocomplete({ onSelect, selectedId, searchFunction, getEntityById, getDisplayValue, getSecondaryText, placeholder, icon = lucideReact.Search, disabled = false, minSearchLength = 2, debounceTime = 300, error, getMinCharactersHint = (min) => `(min. ${min} characters)`, noResultsText = "No results found. Try a different search term.", }) {
     const [searchTerm, setSearchTerm] = React.useState("");
     const [entities, setEntities] = React.useState([]);
@@ -3414,6 +3476,674 @@ const PinCodeInput = ({ length = 4, onComplete, onChange, masked = true, autoCom
             }, type: "text", inputMode: "numeric", pattern: "[0-9]*", autoComplete: index === 0 ? autoComplete : "off", autoCorrect: "off", spellCheck: false, value: digit && masked ? MASK : digit, disabled: disabled, "aria-label": digitLabel(index + 1, length), "aria-invalid": invalid || undefined, "data-filled": !!digit, onChange: (event) => handleChange(index, event), onKeyDown: (event) => handleKeyDown(index, event), onPaste: (event) => handlePaste(index, event), onFocus: (event) => event.target.select(), className: cn("h-14 w-12 rounded-lg border bg-white text-center text-2xl font-medium text-ews-gray-900 outline-none", "transition-colors focus:border-ews-primary focus:ring-2 focus:ring-ews-primary", "disabled:cursor-not-allowed disabled:opacity-60", invalid ? "border-ews-error" : digit ? "border-ews-primary" : "border-ews-gray-300", disabled && digit && "animate-pulse") }, index))) }));
 };
 
+const MAX_MESSAGE_LENGTH = 2000;
+/**
+ * The composer of the mockup: textarea, hint, push-to-talk mic (hold to
+ * record, release to send) and a send button. Enter sends, Shift+Enter breaks.
+ */
+const AssistantComposer = ({ language, onSend, disabled = false, voice = true, texts, className, }) => {
+    const [value, setValue] = React.useState("");
+    const textareaRef = React.useRef(null);
+    const submit = React.useCallback((content) => {
+        const trimmed = content.trim();
+        if (!trimmed || disabled)
+            return;
+        onSend(trimmed.slice(0, MAX_MESSAGE_LENGTH));
+        setValue("");
+    }, [disabled, onSend]);
+    const speech = useSpeechRecognition({
+        language,
+        onInterim: (text) => setValue(text),
+        onResult: (text) => submit(text),
+    });
+    const onKeyDown = (event) => {
+        if (event.key === "Enter" && !event.shiftKey) {
+            event.preventDefault();
+            submit(value);
+        }
+    };
+    const showMic = voice && speech.supported;
+    // A plain div rather than a <form>: Enter and the send button submit, and a
+    // form followed by a sibling trips React hydration under happy-dom (the apps'
+    // server-rendering tests) although browsers are fine.
+    return (jsxRuntime.jsxs("div", { className: cn("w-full", className), children: [jsxRuntime.jsxs("div", { className: cn("flex items-end gap-2 rounded-2xl border border-ews-gray-200 bg-white px-3 py-2 shadow-sm", "focus-within:border-ews-primary focus-within:ring-2 focus-within:ring-ews-primary/20"), children: [jsxRuntime.jsx("textarea", { ref: textareaRef, value: value, onChange: (event) => setValue(event.target.value), onKeyDown: onKeyDown, rows: 1, maxLength: MAX_MESSAGE_LENGTH, placeholder: speech.listening ? texts.listening : texts.placeholder, "aria-label": texts.placeholder, disabled: disabled, className: "max-h-40 min-h-[2.5rem] flex-1 resize-none bg-transparent py-2 text-base text-ews-gray-900 placeholder:text-ews-gray-400 focus:outline-none disabled:opacity-60" }), showMic && (jsxRuntime.jsx("button", { type: "button", "aria-label": texts.holdToTalk, "aria-pressed": speech.listening, title: texts.holdToTalk, disabled: disabled, onMouseDown: speech.start, onMouseUp: speech.stop, onMouseLeave: speech.listening ? speech.stop : undefined, onTouchStart: speech.start, onTouchEnd: speech.stop, onKeyDown: (event) => {
+                            if (event.key === " " || event.key === "Enter") {
+                                event.preventDefault();
+                                if (speech.listening)
+                                    speech.stop();
+                                else
+                                    speech.start();
+                            }
+                        }, className: cn("rounded-full p-2 transition-colors focus:outline-none focus:ring-2 focus:ring-ews-primary", speech.listening
+                            ? "bg-ews-error text-white animate-pulse"
+                            : "text-ews-gray-500 hover:bg-ews-gray-100 hover:text-ews-primary", "disabled:opacity-50"), "data-testid": "assistant-mic", children: jsxRuntime.jsx(lucideReact.Mic, { className: "h-5 w-5", "aria-hidden": "true" }) })), jsxRuntime.jsx("button", { type: "button", onClick: () => submit(value), "aria-label": texts.send, title: texts.send, disabled: disabled || value.trim().length === 0, className: "rounded-full bg-ews-primary p-2 text-white transition-colors hover:bg-ews-primary-hover focus:outline-none focus:ring-2 focus:ring-ews-primary focus:ring-offset-1 disabled:opacity-40", "data-testid": "assistant-send", children: jsxRuntime.jsx(lucideReact.SendHorizontal, { className: "h-5 w-5 rtl:-scale-x-100", "aria-hidden": "true" }) })] }), jsxRuntime.jsx("p", { className: "mt-1.5 px-2 text-xs text-ews-gray-400", children: texts.hint })] }));
+};
+
+/**
+ * Reserved for phase 2 (MED-1779): the card the assistant shows before a
+ * write (booking, cancellation). Title, details, confirm and cancel wired to
+ * the app, so phase 2 needs no component change.
+ */
+const AssistantConfirmationCard = ({ confirmation, onConfirm, onCancel, texts, busy = false, className, }) => (jsxRuntime.jsxs("section", { "aria-label": confirmation.title, className: cn("rounded-xl border border-ews-primary/30 bg-ews-primary-light/30 p-4", className), "data-testid": "assistant-confirmation", children: [jsxRuntime.jsxs("h3", { className: "flex items-center gap-2 font-semibold text-ews-gray-900", children: [jsxRuntime.jsx(lucideReact.ShieldCheck, { className: "h-5 w-5 text-ews-primary", "aria-hidden": "true" }), confirmation.title] }), jsxRuntime.jsx("dl", { className: "mt-3 grid grid-cols-[auto_1fr] gap-x-4 gap-y-1 text-sm", children: confirmation.details.map((detail) => (jsxRuntime.jsxs(React.Fragment, { children: [jsxRuntime.jsx("dt", { className: "text-ews-gray-500", children: detail.label }), jsxRuntime.jsx("dd", { className: "font-medium text-ews-gray-900", children: detail.value })] }, detail.label))) }), jsxRuntime.jsxs("div", { className: "mt-4 flex gap-2", children: [jsxRuntime.jsx(Button, { size: "sm", loading: busy, onClick: () => onConfirm(confirmation), children: texts.confirm }), jsxRuntime.jsx(Button, { size: "sm", variant: "ghost", disabled: busy, onClick: () => onCancel(confirmation), children: texts.cancel })] })] }));
+
+/** Left column of the mockup: new discussion, recent ones, sign-in prompt at the bottom. */
+const AssistantConversationList = ({ conversations, activeConversationId, onSelect, onNew, texts, signInHref, className, }) => (jsxRuntime.jsxs("nav", { "aria-label": texts.recentConversations, className: cn("flex h-full flex-col gap-4 bg-ews-gray-50 p-3", className), children: [jsxRuntime.jsxs("button", { type: "button", onClick: onNew, className: "flex items-center gap-2 rounded-lg border border-ews-gray-200 bg-white px-3 py-2 text-sm font-medium text-ews-gray-800 hover:border-ews-primary hover:text-ews-primary", children: [jsxRuntime.jsx(lucideReact.SquarePen, { className: "h-4 w-4", "aria-hidden": "true" }), texts.newConversation] }), conversations.length > 0 && (jsxRuntime.jsx("ul", { className: "flex-1 space-y-1 overflow-y-auto", "data-testid": "assistant-conversation-list", children: conversations.map((conversation) => {
+                const active = conversation.id === activeConversationId;
+                return (jsxRuntime.jsx("li", { children: jsxRuntime.jsxs("button", { type: "button", onClick: () => onSelect?.(conversation.id), "aria-current": active ? "true" : undefined, className: cn("flex w-full items-center gap-2 truncate rounded-md px-2 py-1.5 text-start text-sm", active
+                            ? "bg-white font-medium text-ews-primary shadow-sm"
+                            : "text-ews-gray-700 hover:bg-white"), children: [jsxRuntime.jsx(lucideReact.MessageSquare, { className: "h-3.5 w-3.5 shrink-0 text-ews-gray-400", "aria-hidden": "true" }), jsxRuntime.jsx("span", { className: "truncate", children: conversation.title })] }) }, conversation.id));
+            }) })), signInHref && (jsxRuntime.jsxs("a", { href: signInHref, className: "mt-auto flex items-start gap-2 rounded-lg px-2 py-2 text-sm hover:bg-white", children: [jsxRuntime.jsx("span", { className: "rounded-full bg-ews-primary-light p-1.5 text-ews-primary", "aria-hidden": "true", children: jsxRuntime.jsx(lucideReact.UserRound, { className: "h-4 w-4" }) }), jsxRuntime.jsxs("span", { children: [jsxRuntime.jsx("span", { className: "block font-medium text-ews-gray-900", children: texts.signIn }), jsxRuntime.jsx("span", { className: "block text-xs text-ews-gray-500", children: texts.signInHint })] })] }))] }));
+
+/**
+ * The tiny markdown subset the assistant contract allows: paragraphs, bullet
+ * lists, **bold** and [links](url). Everything else is plain text, so a
+ * payload can never inject markup. Links to the current origin open in the
+ * same tab (the host app may route them itself through `onLinkClick`);
+ * links to other sites open in a new tab.
+ */
+const INLINE = /(\*\*[^*]+\*\*|\[[^\]]+\]\((?:https?:\/\/|\/)[^)\s]+\))/g;
+/** Absolute URL on another origin. Without a window (server rendering) every absolute URL counts as external. */
+function isExternalLink(href) {
+    if (!/^https?:\/\//i.test(href))
+        return false;
+    if (typeof window === "undefined" || !window.location?.origin)
+        return true;
+    try {
+        return new URL(href).origin !== window.location.origin;
+    }
+    catch {
+        return true;
+    }
+}
+function renderInline(text, keyPrefix, options) {
+    const nodes = [];
+    const isExternal = options.isExternal ?? isExternalLink;
+    let last = 0;
+    let index = 0;
+    for (const match of text.matchAll(INLINE)) {
+        const start = match.index ?? 0;
+        if (start > last)
+            nodes.push(text.slice(last, start));
+        const token = match[0];
+        if (token.startsWith("**")) {
+            nodes.push(jsxRuntime.jsx("strong", { children: token.slice(2, -2) }, `${keyPrefix}-b${index}`));
+        }
+        else {
+            const close = token.indexOf("](");
+            const label = token.slice(1, close);
+            const href = token.slice(close + 2, -1);
+            const external = isExternal(href);
+            nodes.push(jsxRuntime.jsx("a", { href: href, className: "font-medium text-ews-primary underline underline-offset-2 hover:text-ews-primary-hover", target: external ? "_blank" : undefined, rel: external ? "noopener noreferrer" : undefined, onClick: options.onLinkClick ? (event) => options.onLinkClick?.(href, event) : undefined, children: label }, `${keyPrefix}-a${index}`));
+        }
+        last = start + token.length;
+        index++;
+    }
+    if (last < text.length)
+        nodes.push(text.slice(last));
+    return nodes;
+}
+function renderAssistantMarkdown(content, options = {}) {
+    const blocks = content.replace(/\r\n/g, "\n").split(/\n{2,}/);
+    const out = [];
+    blocks.forEach((block, blockIndex) => {
+        const lines = block.split("\n").filter((line) => line.trim().length > 0);
+        if (lines.length === 0)
+            return;
+        const isList = lines.every((line) => /^\s*[-*•]\s+/.test(line));
+        if (isList) {
+            out.push(jsxRuntime.jsx("ul", { className: "my-2 list-disc space-y-1 ps-5", children: lines.map((line, lineIndex) => (jsxRuntime.jsx("li", { children: renderInline(line.replace(/^\s*[-*•]\s+/, ""), `l${blockIndex}-${lineIndex}`, options) }, lineIndex))) }, `l${blockIndex}`));
+        }
+        else {
+            out.push(jsxRuntime.jsx("p", { className: "my-2 first:mt-0 last:mb-0", children: lines.map((line, lineIndex) => (jsxRuntime.jsxs(React.Fragment, { children: [lineIndex > 0 && jsxRuntime.jsx("br", {}), renderInline(line, `p${blockIndex}-${lineIndex}`, options)] }, lineIndex))) }, `p${blockIndex}`));
+        }
+    });
+    return out;
+}
+
+/** The thread: user bubbles on the end side, assistant answers on the start side, auto-scrolled. */
+const AssistantMessages = ({ messages, activity, onRetry, texts, linkOptions, className, }) => {
+    const endRef = React.useRef(null);
+    const last = messages[messages.length - 1];
+    React.useEffect(() => {
+        endRef.current?.scrollIntoView?.({ block: "end" });
+    }, [messages.length, last?.content, activity]);
+    return (jsxRuntime.jsxs("div", { className: cn("flex flex-col gap-4", className), role: "log", "aria-live": "polite", "aria-relevant": "additions text", "data-testid": "assistant-messages", children: [messages.map((message) => {
+                const isUser = message.role === "user";
+                return (jsxRuntime.jsx("div", { className: cn("flex", isUser ? "justify-end" : "justify-start"), "data-testid": `assistant-message-${message.role}`, children: jsxRuntime.jsx("div", { className: cn("max-w-[85%] rounded-2xl px-4 py-3 text-base leading-relaxed", isUser
+                            ? "rounded-ee-md bg-ews-primary text-white"
+                            : "rounded-es-md bg-ews-gray-100 text-ews-gray-900"), children: isUser ? (jsxRuntime.jsx("p", { className: "whitespace-pre-wrap", children: message.content })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [message.content.length > 0 && renderAssistantMarkdown(message.content, linkOptions), message.status === "streaming" && message.content.length === 0 && (jsxRuntime.jsxs("span", { className: "flex items-center gap-2 text-ews-gray-500", children: [jsxRuntime.jsx(lucideReact.Loader2, { className: "h-4 w-4 animate-spin", "aria-hidden": "true" }), texts.thinking] })), message.status === "streaming" && activity && (jsxRuntime.jsxs("p", { className: "mt-2 flex items-center gap-2 text-sm text-ews-gray-500", "data-testid": "assistant-activity", children: [jsxRuntime.jsx(lucideReact.Loader2, { className: "h-3.5 w-3.5 animate-spin", "aria-hidden": "true" }), activity] })), message.citations && message.citations.length > 0 && (jsxRuntime.jsxs("p", { className: "mt-3 border-t border-ews-gray-200 pt-2 text-xs text-ews-gray-500", children: [jsxRuntime.jsxs("span", { className: "font-medium", children: [texts.sources, ": "] }), message.citations.map((citation, index) => (jsxRuntime.jsxs(React.Fragment, { children: [index > 0 && ", ", jsxRuntime.jsx("a", { href: citation.url, className: "underline underline-offset-2 hover:text-ews-primary", target: "_blank", rel: "noopener noreferrer", children: citation.title })] }, `${citation.url}-${index}`)))] })), message.status === "error" && message.error && (jsxRuntime.jsxs("div", { role: "alert", className: "mt-2 flex flex-wrap items-center gap-2 text-sm text-ews-error", "data-testid": "assistant-error", children: [jsxRuntime.jsx(lucideReact.AlertCircle, { className: "h-4 w-4 shrink-0", "aria-hidden": "true" }), jsxRuntime.jsx("span", { children: message.error.message }), onRetry && (jsxRuntime.jsxs("button", { type: "button", onClick: () => onRetry(message), className: "inline-flex items-center gap-1 rounded-md border border-ews-error/40 px-2 py-0.5 font-medium hover:bg-ews-error/10", children: [jsxRuntime.jsx(lucideReact.RotateCcw, { className: "h-3.5 w-3.5", "aria-hidden": "true" }), texts.retry] }))] }))] })) }) }, message.id));
+            }), jsxRuntime.jsx("div", { ref: endRef })] }));
+};
+
+/** One of the cards under the hero (mockup med1): title, description, sent as a prompt on click. */
+const AssistantSuggestionCard = ({ suggestion, onSelect, exampleLabel, disabled = false, className, }) => {
+    const isExample = suggestion.kind === "example";
+    return (jsxRuntime.jsxs("button", { type: "button", disabled: disabled, onClick: () => onSelect(suggestion), className: cn("flex h-full w-full flex-col items-start gap-2 rounded-xl border border-ews-gray-200 bg-white p-4 text-start shadow-sm transition-colors", "hover:border-ews-primary hover:bg-ews-gray-50 focus:outline-none focus:ring-2 focus:ring-ews-primary focus:ring-offset-1", "disabled:cursor-not-allowed disabled:opacity-60", className), "data-testid": `assistant-suggestion-${suggestion.id}`, children: [jsxRuntime.jsx("span", { className: "text-ews-gray-400", "aria-hidden": "true", children: suggestion.icon ?? (isExample ? jsxRuntime.jsx(lucideReact.Sparkles, { className: "h-4 w-4" }) : jsxRuntime.jsx(lucideReact.ArrowRight, { className: "h-4 w-4" })) }), jsxRuntime.jsx("span", { className: "font-semibold text-ews-gray-900", children: suggestion.title }), suggestion.description && (jsxRuntime.jsx("span", { className: "text-sm text-ews-gray-600", children: suggestion.description })), isExample && (jsxRuntime.jsx("span", { className: "mt-auto text-xs uppercase tracking-wide text-ews-gray-400", children: exampleLabel }))] }));
+};
+
+const DIRECTION$1 = {
+    fr: "ltr",
+    en: "ltr",
+    ar: "rtl",
+};
+/** A conversation title is its first message, cut like the mockup's sidebar. */
+function conversationTitle(firstMessage, max = 60) {
+    const oneLine = firstMessage.replace(/\s+/g, " ").trim();
+    return oneLine.length > max ? `${oneLine.slice(0, max - 1)}…` : oneLine;
+}
+/**
+ * The chat home of the Medecine360 assistant (MED-1783, mockup med1):
+ * conversation list, header with brand badge, hero with suggestion cards,
+ * streamed thread, composer with push-to-talk. UI only: the app provides the
+ * transport, the texts, the conversation memory and the links.
+ *
+ * Server-rendering safe: nothing touches `window` at render time, the
+ * speech API is detected after mount.
+ */
+const AssistantChat = ({ transport, language, texts, suggestions, conversations = [], activeConversationId = null, initialMessages, onConversationCreated, onSelectConversation, onNewConversation, signInHref, headerAction, disclaimer, heroBackground, voice = true, pendingConfirmation = null, onConfirm, onCancelConfirmation, layout = "page", queuedPrompt = null, onNavigate, historyOpen = false, onHistoryOpenChange, className, }) => {
+    const [messages, setMessages] = React.useState(initialMessages ?? []);
+    const [activity, setActivity] = React.useState(null);
+    const [busy, setBusy] = React.useState(false);
+    const conversationIdRef = React.useRef(activeConversationId);
+    const abortRef = React.useRef(null);
+    // The app switched conversation: show its messages and talk to it from now on.
+    // Not when the app merely echoes the id this component just created (send()
+    // already set the ref): the thread in progress must stay on screen.
+    React.useEffect(() => {
+        if (conversationIdRef.current === activeConversationId)
+            return;
+        conversationIdRef.current = activeConversationId;
+        setMessages(initialMessages ?? []);
+        setActivity(null);
+    }, [activeConversationId, initialMessages]);
+    React.useEffect(() => () => abortRef.current?.abort(), []);
+    const patchMessage = React.useCallback((id, patch) => {
+        setMessages((current) => current.map((message) => (message.id === id ? patch(message) : message)));
+    }, []);
+    const applyEvent = React.useCallback((assistantId, event) => {
+        switch (event.type) {
+            case "message_start":
+                patchMessage(assistantId, (message) => ({ ...message, id: event.messageId || message.id }));
+                return event.messageId || assistantId;
+            case "text_delta":
+                patchMessage(assistantId, (message) => ({ ...message, content: message.content + event.text }));
+                return assistantId;
+            case "tool_call":
+                setActivity(event.status === "started" ? event.label : null);
+                return assistantId;
+            case "citation":
+                patchMessage(assistantId, (message) => ({
+                    ...message,
+                    citations: [...(message.citations ?? []), { title: event.title, url: event.url }],
+                }));
+                return assistantId;
+            case "message_end":
+                setActivity(null);
+                patchMessage(assistantId, (message) => ({ ...message, status: "done" }));
+                return assistantId;
+            case "error":
+                setActivity(null);
+                patchMessage(assistantId, (message) => ({
+                    ...message,
+                    status: "error",
+                    error: {
+                        message: event.code === "RATE_LIMITED" && event.retryAfterSeconds
+                            ? texts.rateLimited(event.retryAfterSeconds)
+                            : event.message || texts.genericError,
+                        retryAfterSeconds: event.retryAfterSeconds,
+                    },
+                }));
+                return assistantId;
+            default:
+                return assistantId;
+        }
+    }, [patchMessage, texts]);
+    const send = React.useCallback(async (content) => {
+        if (busy)
+            return false;
+        setBusy(true);
+        const userMessage = { id: generateId("u"), role: "user", content };
+        let assistantId = generateId("a");
+        setMessages((current) => [
+            ...current,
+            userMessage,
+            { id: assistantId, role: "assistant", content: "", status: "streaming" },
+        ]);
+        const controller = new AbortController();
+        abortRef.current = controller;
+        try {
+            if (!conversationIdRef.current) {
+                const created = await transport.startConversation(language);
+                conversationIdRef.current = created.id;
+                const summary = {
+                    id: created.id,
+                    title: conversationTitle(content),
+                    createdAt: new Date().toISOString(),
+                };
+                onConversationCreated?.(summary);
+            }
+            for await (const event of transport.sendMessage(conversationIdRef.current, content, {
+                signal: controller.signal,
+            })) {
+                assistantId = applyEvent(assistantId, event);
+            }
+        }
+        catch (error) {
+            setActivity(null);
+            patchMessage(assistantId, (message) => ({
+                ...message,
+                status: "error",
+                error: { message: error instanceof Error && error.message ? error.message : texts.genericError },
+            }));
+        }
+        finally {
+            setBusy(false);
+            abortRef.current = null;
+        }
+        return true;
+    }, [applyEvent, busy, language, onConversationCreated, patchMessage, texts.genericError, transport]);
+    // A prompt queued from outside (the launcher bar) is sent once, as soon as
+    // the component is free.
+    const handledPromptRef = React.useRef(null);
+    React.useEffect(() => {
+        if (!queuedPrompt || queuedPrompt.id === handledPromptRef.current || busy)
+            return;
+        handledPromptRef.current = queuedPrompt.id;
+        void send(queuedPrompt.content);
+    }, [busy, queuedPrompt, send]);
+    /** Retry re-sends the user message that preceded the failed answer. */
+    const retry = React.useCallback((failed) => {
+        const index = messages.findIndex((message) => message.id === failed.id);
+        const previous = index > 0 ? messages[index - 1] : undefined;
+        if (!previous || previous.role !== "user")
+            return;
+        setMessages((current) => current.filter((message) => message.id !== failed.id && message.id !== previous.id));
+        void send(previous.content);
+    }, [messages, send]);
+    const startNewConversation = React.useCallback(() => {
+        abortRef.current?.abort();
+        conversationIdRef.current = null;
+        setMessages([]);
+        setActivity(null);
+        onNewConversation?.();
+    }, [onNewConversation]);
+    const empty = messages.length === 0;
+    const dir = DIRECTION$1[language];
+    // panel: one compact column; wide: the slide-over expanded, list beside the thread.
+    const compact = layout === "panel";
+    const withList = layout !== "panel";
+    const historyLabel = texts.history ?? texts.recentConversations;
+    return (jsxRuntime.jsxs("div", { dir: dir, lang: language, className: cn("overflow-hidden bg-white", layout === "page" && "grid min-h-[36rem] grid-cols-1 rounded-2xl border border-ews-gray-200 shadow-sm md:grid-cols-[16rem_1fr]", layout === "wide" && "grid h-full min-h-0 grid-cols-1 md:grid-cols-[16rem_1fr]", compact && "relative flex h-full min-h-0 flex-col", className), "data-layout": layout, "data-testid": "assistant-chat", children: [withList && (jsxRuntime.jsx(AssistantConversationList, { conversations: conversations, activeConversationId: activeConversationId, onSelect: onSelectConversation, onNew: startNewConversation, texts: texts, signInHref: signInHref, className: "hidden border-e border-ews-gray-200 md:flex" })), compact && historyOpen && (jsxRuntime.jsxs("div", { className: "absolute inset-0 z-10 flex", "data-testid": "assistant-history", children: [jsxRuntime.jsx(AssistantConversationList, { conversations: conversations, activeConversationId: activeConversationId, onSelect: (id) => {
+                            onSelectConversation?.(id);
+                            onHistoryOpenChange?.(false);
+                        }, onNew: () => {
+                            startNewConversation();
+                            onHistoryOpenChange?.(false);
+                        }, texts: texts, signInHref: signInHref, className: "w-72 max-w-full border-e border-ews-gray-200 shadow-xl" }), jsxRuntime.jsx("div", { className: "flex-1 bg-black/20", onClick: () => onHistoryOpenChange?.(false), "data-testid": "assistant-history-overlay" })] })), jsxRuntime.jsxs("div", { className: "flex min-h-0 min-w-0 flex-1 flex-col", children: [jsxRuntime.jsxs("header", { className: "flex items-center justify-between gap-3 border-b border-ews-gray-200 px-4 py-3", children: [jsxRuntime.jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [jsxRuntime.jsx("span", { className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-ews-primary text-sm font-bold text-white", "aria-hidden": "true", children: texts.brandName.charAt(0) }), jsxRuntime.jsx("span", { className: "truncate font-semibold text-ews-gray-900", children: texts.brandName }), jsxRuntime.jsx("span", { className: "rounded-full bg-ews-gray-100 px-2 py-0.5 text-xs font-medium text-ews-gray-600", children: "AI" }), jsxRuntime.jsxs("span", { className: "flex items-center gap-1 text-xs text-ews-gray-500", children: [jsxRuntime.jsx("span", { className: "h-2 w-2 rounded-full bg-ews-success", "aria-hidden": "true" }), texts.online] })] }), jsxRuntime.jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [compact && onHistoryOpenChange && (jsxRuntime.jsx("button", { type: "button", onClick: () => onHistoryOpenChange(!historyOpen), "aria-label": historyLabel, "aria-pressed": historyOpen, title: historyLabel, className: cn("rounded-full p-2 hover:bg-ews-gray-100 hover:text-ews-primary focus:outline-none focus:ring-2 focus:ring-ews-primary", historyOpen ? "bg-ews-gray-100 text-ews-primary" : "text-ews-gray-500"), "data-testid": "assistant-history-toggle", children: jsxRuntime.jsx(lucideReact.History, { className: "h-4 w-4", "aria-hidden": "true" }) })), !withList && !empty && (jsxRuntime.jsx("button", { type: "button", onClick: startNewConversation, "aria-label": texts.newConversation, title: texts.newConversation, className: "rounded-full p-2 text-ews-gray-500 hover:bg-ews-gray-100 hover:text-ews-primary focus:outline-none focus:ring-2 focus:ring-ews-primary", "data-testid": "assistant-new-conversation", children: jsxRuntime.jsx(lucideReact.SquarePen, { className: "h-4 w-4", "aria-hidden": "true" }) })), headerAction] })] }), jsxRuntime.jsx("div", { className: "flex flex-1 flex-col overflow-y-auto", children: empty ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("section", { className: cn("relative overflow-hidden bg-ews-primary-light text-center", compact ? "px-4 py-6" : "px-6 py-10"), children: [heroBackground && jsxRuntime.jsx("div", { className: "absolute inset-0", "aria-hidden": "true", children: heroBackground }), jsxRuntime.jsxs("div", { className: "relative", children: [jsxRuntime.jsx("h2", { className: cn("font-bold text-ews-gray-900", compact ? "text-xl" : "text-2xl sm:text-3xl"), children: texts.heroTitle }), jsxRuntime.jsx("p", { className: cn("mx-auto mt-2 max-w-xl text-ews-gray-700", compact && "text-sm"), children: texts.heroSubtitle })] })] }), jsxRuntime.jsx("div", { className: cn("grid gap-3 px-4 py-5", compact ? "grid-cols-1" : "sm:grid-cols-2 lg:grid-cols-4"), "data-testid": "assistant-suggestions", children: suggestions.map((suggestion) => (jsxRuntime.jsx(AssistantSuggestionCard, { suggestion: suggestion, onSelect: (selected) => void send(selected.prompt), exampleLabel: texts.exampleLabel, disabled: busy }, suggestion.id))) })] })) : (jsxRuntime.jsxs("div", { className: "flex-1 px-4 py-5", children: [jsxRuntime.jsx(AssistantMessages, { messages: messages, activity: activity, onRetry: retry, texts: texts, linkOptions: onNavigate
+                                        ? {
+                                            onLinkClick: (href, event) => {
+                                                if (event.defaultPrevented || event.button !== 0 || event.metaKey || event.ctrlKey)
+                                                    return;
+                                                if (onNavigate(href) === true)
+                                                    event.preventDefault();
+                                            },
+                                        }
+                                        : undefined }), pendingConfirmation && onConfirm && onCancelConfirmation && (jsxRuntime.jsx(AssistantConfirmationCard, { confirmation: pendingConfirmation, onConfirm: onConfirm, onCancel: onCancelConfirmation, texts: texts, className: "mt-4" }))] })) }), jsxRuntime.jsxs("div", { className: "border-t border-ews-gray-200 px-4 pb-3 pt-3", children: [jsxRuntime.jsx(AssistantComposer, { language: language, onSend: (content) => void send(content), disabled: busy, voice: voice, texts: {
+                                    placeholder: texts.composerPlaceholder,
+                                    hint: texts.composerHint,
+                                    send: texts.send,
+                                    holdToTalk: texts.holdToTalk,
+                                    listening: texts.listening,
+                                } }), disclaimer && jsxRuntime.jsx("div", { className: "mt-2 px-2 text-xs text-ews-gray-500", children: disclaimer })] })] })] }));
+};
+
+/**
+ * Anonymous memory of the assistant, in the browser only (MED-1784, shared by
+ * every app since MED-1787): a stable client id and the conversations started
+ * here, newest first. Nothing is sent to a server to list them; signing in
+ * (phase 2) will attach them to the account.
+ */
+const ASSISTANT_CLIENT_ID_KEY = "assistant.clientId";
+const ASSISTANT_CONVERSATIONS_KEY = "assistant.conversations";
+const ASSISTANT_MAX_CONVERSATIONS = 20;
+function storage() {
+    try {
+        return typeof window !== "undefined" ? window.localStorage : null;
+    }
+    catch {
+        return null;
+    }
+}
+function randomId() {
+    if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") {
+        return crypto.randomUUID();
+    }
+    return `c-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 10)}`;
+}
+/** The browser's client id, created on first use. A fresh id per page when storage is unavailable. */
+function getAssistantClientId(store = storage()) {
+    const existing = store?.getItem(ASSISTANT_CLIENT_ID_KEY);
+    if (existing)
+        return existing;
+    const id = randomId();
+    try {
+        store?.setItem(ASSISTANT_CLIENT_ID_KEY, id);
+    }
+    catch {
+        // private mode: the id lasts for this page only
+    }
+    return id;
+}
+function listAssistantConversations(store = storage()) {
+    try {
+        const raw = store?.getItem(ASSISTANT_CONVERSATIONS_KEY);
+        if (!raw)
+            return [];
+        const parsed = JSON.parse(raw);
+        if (!Array.isArray(parsed))
+            return [];
+        return parsed.filter((entry) => typeof entry === "object" &&
+            entry !== null &&
+            typeof entry.id === "string");
+    }
+    catch {
+        return [];
+    }
+}
+/** Adds or refreshes a conversation at the top of the list, capped at ASSISTANT_MAX_CONVERSATIONS. */
+function saveAssistantConversation(conversation, store = storage()) {
+    const next = [
+        conversation,
+        ...listAssistantConversations(store).filter((entry) => entry.id !== conversation.id),
+    ].slice(0, ASSISTANT_MAX_CONVERSATIONS);
+    try {
+        store?.setItem(ASSISTANT_CONVERSATIONS_KEY, JSON.stringify(next));
+    }
+    catch {
+        // private mode: the list lasts for this page only
+    }
+    return next;
+}
+
+const DIRECTION = {
+    fr: "ltr",
+    en: "ltr",
+    ar: "rtl",
+};
+/**
+ * MED-1787: the in-app entry to the assistant for Medecine360-ui and the
+ * dashboard. A floating bar at the bottom of the page (brand badge, a text
+ * field "Posez une question…", push-to-talk mic, voice button, send) opens a
+ * slide-over panel hosting AssistantChat in its `panel` layout; clicking the
+ * field opens the panel too, a spoken question is sent as it opens. From
+ * tablets up the panel can be expanded to a dashboard reaching the middle of
+ * the screen, with the conversation list beside the thread; in the narrow
+ * layout a history button shows that list over the thread.
+ *
+ * Conversation history is managed here with the shared browser store unless
+ * the host passes `conversations` itself: new conversations are remembered,
+ * selecting one loads it through `transport.getConversation`.
+ *
+ * The chat stays mounted while the panel is closed, so the conversation in
+ * progress survives open/close. Escape and the overlay close the panel; focus
+ * goes to the composer on open and back to the bar on close. In Arabic the
+ * panel slides from the left (`end-0` follows `dir`).
+ */
+const AssistantLauncher = ({ launcherTexts, open, defaultOpen = false, onOpenChange, expanded, defaultExpanded = false, onExpandedChange, bottomOffset = 16, hidden = false, className, panelClassName, headerAction, voice = true, conversations: hostConversations, activeConversationId: hostActiveId, initialMessages: hostInitialMessages, onConversationCreated, onSelectConversation, onNewConversation, ...chatProps }) => {
+    const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen);
+    const isOpen = open ?? uncontrolledOpen;
+    const [uncontrolledExpanded, setUncontrolledExpanded] = React.useState(defaultExpanded);
+    const isExpanded = expanded ?? uncontrolledExpanded;
+    const [historyOpen, setHistoryOpen] = React.useState(false);
+    const [draft, setDraft] = React.useState("");
+    const [queuedPrompt, setQueuedPrompt] = React.useState(null);
+    const panelId = React.useId();
+    const barRef = React.useRef(null);
+    const panelRef = React.useRef(null);
+    const wasOpenRef = React.useRef(isOpen);
+    // Managed history (browser store) unless the host provides the list.
+    const hostManaged = hostConversations !== undefined;
+    const [storedConversations, setStoredConversations] = React.useState([]);
+    const [managedActiveId, setManagedActiveId] = React.useState(null);
+    const [managedMessages, setManagedMessages] = React.useState(undefined);
+    React.useEffect(() => {
+        if (!hostManaged)
+            setStoredConversations(listAssistantConversations());
+    }, [hostManaged]);
+    const setOpen = React.useCallback((next) => {
+        if (open === undefined)
+            setUncontrolledOpen(next);
+        onOpenChange?.(next);
+    }, [onOpenChange, open]);
+    const setExpanded = React.useCallback((next) => {
+        if (expanded === undefined)
+            setUncontrolledExpanded(next);
+        onExpandedChange?.(next);
+        if (next)
+            setHistoryOpen(false);
+    }, [expanded, onExpandedChange]);
+    /** Opens the panel; a non-empty text is sent as the first message. */
+    const submitFromBar = React.useCallback((content) => {
+        const trimmed = content.trim();
+        if (trimmed) {
+            setQueuedPrompt({ id: generateId("q"), content: trimmed.slice(0, MAX_MESSAGE_LENGTH) });
+        }
+        setDraft("");
+        setOpen(true);
+    }, [setOpen]);
+    const speech = useSpeechRecognition({
+        language: chatProps.language,
+        onInterim: (text) => setDraft(text),
+        onResult: (text) => submitFromBar(text),
+    });
+    const handleConversationCreated = React.useCallback((conversation) => {
+        if (!hostManaged) {
+            setStoredConversations(saveAssistantConversation(conversation));
+            setManagedActiveId(conversation.id);
+        }
+        onConversationCreated?.(conversation);
+    }, [hostManaged, onConversationCreated]);
+    const handleSelectConversation = React.useCallback((conversationId) => {
+        onSelectConversation?.(conversationId);
+        if (hostManaged || conversationId === managedActiveId)
+            return;
+        const load = async () => {
+            try {
+                const loaded = await chatProps.transport.getConversation?.(conversationId);
+                setManagedMessages(loaded?.messages ?? []);
+            }
+            catch {
+                setManagedMessages([]);
+            }
+            setManagedActiveId(conversationId);
+        };
+        void load();
+    }, [chatProps.transport, hostManaged, managedActiveId, onSelectConversation]);
+    const handleNewConversation = React.useCallback(() => {
+        if (!hostManaged) {
+            setManagedActiveId(null);
+            setManagedMessages(undefined);
+        }
+        onNewConversation?.();
+    }, [hostManaged, onNewConversation]);
+    // Escape closes; the page behind does not scroll while the panel is open.
+    React.useEffect(() => {
+        if (!isOpen || hidden)
+            return;
+        const onKeyDown = (event) => {
+            if (event.key === "Escape")
+                setOpen(false);
+        };
+        document.addEventListener("keydown", onKeyDown);
+        const previousOverflow = document.body.style.overflow;
+        document.body.style.overflow = "hidden";
+        return () => {
+            document.removeEventListener("keydown", onKeyDown);
+            document.body.style.overflow = previousOverflow;
+        };
+    }, [hidden, isOpen, setOpen]);
+    // Focus: into the composer on open, back to the bar on close.
+    React.useEffect(() => {
+        if (isOpen) {
+            panelRef.current?.querySelector("textarea")?.focus();
+        }
+        else if (wasOpenRef.current) {
+            barRef.current?.focus();
+        }
+        wasOpenRef.current = isOpen;
+    }, [isOpen]);
+    if (hidden)
+        return null;
+    const dir = DIRECTION[chatProps.language];
+    const showMic = voice && speech.supported;
+    const expandLabel = launcherTexts.expand ?? launcherTexts.open;
+    const collapseLabel = launcherTexts.collapse ?? launcherTexts.close;
+    const texts = launcherTexts.history ? { ...chatProps.texts, history: launcherTexts.history } : chatProps.texts;
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [!isOpen && (jsxRuntime.jsx("div", { dir: dir, className: "pointer-events-none fixed inset-x-0 z-40 flex justify-center px-4", style: { bottom: bottomOffset }, "data-testid": "assistant-launcher-bar", children: jsxRuntime.jsxs("div", { role: "group", "aria-label": launcherTexts.open, className: cn("pointer-events-auto flex w-full max-w-2xl items-center gap-2 rounded-2xl border border-ews-gray-100 bg-white py-2 pe-2 ps-3", "shadow-[0_8px_30px_rgba(15,23,42,0.14)]", className), children: [jsxRuntime.jsx("button", { ref: barRef, type: "button", onClick: () => setOpen(true), "aria-label": launcherTexts.open, "aria-haspopup": "dialog", "aria-expanded": false, "aria-controls": panelId, className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-ews-primary to-ews-primary-hover text-base font-bold text-white shadow-sm focus:outline-none focus:ring-2 focus:ring-ews-primary/40", "data-testid": "assistant-launcher", children: chatProps.texts.brandName.charAt(0) }), jsxRuntime.jsx("input", { type: "text", readOnly: true, value: draft, onMouseDown: (event) => {
+                                event.preventDefault();
+                                setOpen(true);
+                            }, onFocus: () => setOpen(true), onKeyDown: (event) => {
+                                if (event.key === "Enter" || event.key === " ") {
+                                    event.preventDefault();
+                                    setOpen(true);
+                                }
+                            }, placeholder: speech.listening ? chatProps.texts.listening : launcherTexts.open, "aria-label": launcherTexts.open, "aria-haspopup": "dialog", "aria-controls": panelId, className: "min-w-0 flex-1 cursor-text bg-transparent py-2 text-lg text-ews-gray-800 placeholder:text-ews-gray-400 focus:outline-none", "data-testid": "assistant-launcher-input" }), showMic && (jsxRuntime.jsx("button", { type: "button", "aria-label": chatProps.texts.holdToTalk, "aria-pressed": speech.listening, title: chatProps.texts.holdToTalk, onMouseDown: speech.start, onMouseUp: speech.stop, onMouseLeave: speech.listening ? speech.stop : undefined, onTouchStart: speech.start, onTouchEnd: speech.stop, onKeyDown: (event) => {
+                                if (event.key === " " || event.key === "Enter") {
+                                    event.preventDefault();
+                                    if (speech.listening)
+                                        speech.stop();
+                                    else
+                                        speech.start();
+                                }
+                            }, className: cn("flex h-10 w-10 shrink-0 items-center justify-center rounded-full transition-colors focus:outline-none focus:ring-2 focus:ring-ews-primary", speech.listening
+                                ? "bg-ews-error text-white animate-pulse"
+                                : "text-ews-gray-600 hover:bg-ews-gray-100 hover:text-ews-primary"), "data-testid": "assistant-launcher-mic", children: jsxRuntime.jsx(lucideReact.Mic, { className: "h-5 w-5", "aria-hidden": "true" }) })), jsxRuntime.jsx("button", { type: "button", onClick: () => setOpen(true), "aria-label": launcherTexts.voice ?? launcherTexts.open, title: launcherTexts.voice ?? launcherTexts.open, className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-ews-gray-100 text-ews-gray-700 transition-colors hover:bg-ews-gray-200 focus:outline-none focus:ring-2 focus:ring-ews-primary", "data-testid": "assistant-launcher-voice", children: jsxRuntime.jsx(lucideReact.AudioLines, { className: "h-5 w-5", "aria-hidden": "true" }) }), jsxRuntime.jsx("button", { type: "button", onClick: () => submitFromBar(draft), "aria-label": chatProps.texts.send, title: chatProps.texts.send, className: "flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-ews-primary text-white shadow-sm transition-colors hover:bg-ews-primary-hover focus:outline-none focus:ring-2 focus:ring-ews-primary focus:ring-offset-1", "data-testid": "assistant-launcher-send", children: jsxRuntime.jsx(lucideReact.ArrowUp, { className: "h-5 w-5", "aria-hidden": "true" }) })] }) })), jsxRuntime.jsxs("div", { dir: dir, className: cn("fixed inset-0 z-[90]", !isOpen && "hidden"), "aria-hidden": !isOpen, "data-testid": "assistant-launcher-panel", children: [jsxRuntime.jsx("div", { className: "absolute inset-0 bg-black/40", onClick: () => setOpen(false), "data-testid": "assistant-launcher-overlay" }), jsxRuntime.jsx("section", { ref: panelRef, id: panelId, role: "dialog", "aria-modal": "true", "aria-label": launcherTexts.open, "data-expanded": isExpanded, className: cn("absolute inset-y-0 end-0 flex w-full flex-col bg-white shadow-2xl transition-[width,max-width] duration-200", 
+                        // Expanded: a dashboard reaching the middle of the screen (never full width), tablets and up.
+                        isExpanded ? "sm:max-w-md md:w-[max(50vw,40rem)] md:max-w-none" : "sm:max-w-md", panelClassName), children: jsxRuntime.jsx(AssistantChat, { ...chatProps, texts: texts, voice: voice, layout: isExpanded ? "wide" : "panel", queuedPrompt: queuedPrompt, conversations: hostManaged ? hostConversations : storedConversations, activeConversationId: hostManaged ? hostActiveId : managedActiveId, initialMessages: hostManaged ? hostInitialMessages : managedMessages, onConversationCreated: handleConversationCreated, onSelectConversation: handleSelectConversation, onNewConversation: handleNewConversation, historyOpen: historyOpen, onHistoryOpenChange: setHistoryOpen, className: "flex-1", headerAction: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [headerAction, jsxRuntime.jsx("button", { type: "button", onClick: () => setExpanded(!isExpanded), "aria-label": isExpanded ? collapseLabel : expandLabel, "aria-pressed": isExpanded, title: isExpanded ? collapseLabel : expandLabel, className: "hidden rounded-full p-2 text-ews-gray-500 hover:bg-ews-gray-100 hover:text-ews-gray-900 focus:outline-none focus:ring-2 focus:ring-ews-primary md:inline-flex", "data-testid": "assistant-launcher-expand", children: isExpanded ? (jsxRuntime.jsx(lucideReact.Minimize2, { className: "h-5 w-5", "aria-hidden": "true" })) : (jsxRuntime.jsx(lucideReact.Maximize2, { className: "h-5 w-5", "aria-hidden": "true" })) }), jsxRuntime.jsx("button", { type: "button", onClick: () => setOpen(false), "aria-label": launcherTexts.close, title: launcherTexts.close, className: "rounded-full p-2 text-ews-gray-500 hover:bg-ews-gray-100 hover:text-ews-gray-900 focus:outline-none focus:ring-2 focus:ring-ews-primary", "data-testid": "assistant-launcher-close", children: jsxRuntime.jsx(lucideReact.X, { className: "h-5 w-5", "aria-hidden": "true" }) })] }) }) })] })] }));
+};
+
+/** Turns one SSE text stream into assistant events; frames may arrive split across chunks. */
+async function* parseAssistantEventStream(body) {
+    const reader = body.getReader();
+    const decoder = new TextDecoder();
+    let buffer = "";
+    try {
+        while (true) {
+            const { value, done } = await reader.read();
+            if (done)
+                break;
+            buffer += decoder.decode(value, { stream: true }).replace(/\r\n/g, "\n");
+            let separator = buffer.indexOf("\n\n");
+            while (separator >= 0) {
+                const frame = buffer.slice(0, separator);
+                buffer = buffer.slice(separator + 2);
+                const event = parseFrame(frame);
+                if (event)
+                    yield event;
+                separator = buffer.indexOf("\n\n");
+            }
+        }
+        const tail = parseFrame(buffer);
+        if (tail)
+            yield tail;
+    }
+    finally {
+        reader.releaseLock();
+    }
+}
+function parseFrame(frame) {
+    let type = "";
+    const dataLines = [];
+    for (const rawLine of frame.split("\n")) {
+        const line = rawLine.replace(/\r$/, "");
+        if (line.startsWith("event:"))
+            type = line.slice(6).trim();
+        else if (line.startsWith("data:"))
+            dataLines.push(line.slice(5).trimStart());
+    }
+    if (!type || dataLines.length === 0)
+        return null;
+    try {
+        const data = JSON.parse(dataLines.join("\n"));
+        return { type, ...data };
+    }
+    catch {
+        return null;
+    }
+}
+async function errorEvent(response) {
+    let body = {};
+    try {
+        body = (await response.json());
+    }
+    catch {
+        // no JSON body: keep the status
+    }
+    const retryAfterHeader = Number(response.headers.get("retry-after"));
+    const code = body.code ??
+        (response.status === 429
+            ? "RATE_LIMITED"
+            : response.status === 404
+                ? "CONVERSATION_NOT_FOUND"
+                : "MODEL_UNAVAILABLE");
+    return {
+        type: "error",
+        code,
+        message: body.message ?? `HTTP ${response.status}`,
+        retryAfterSeconds: body.retryAfterSeconds ??
+            (Number.isFinite(retryAfterHeader) && retryAfterHeader > 0 ? retryAfterHeader : undefined),
+    };
+}
+function createAssistantTransport({ baseUrl, clientId, language, fetchImpl, }) {
+    const base = `${baseUrl.replace(/\/+$/, "")}/assistant`;
+    const doFetch = (input, init) => (fetchImpl ?? fetch)(input, { credentials: "include", ...init });
+    const headers = { "Content-Type": "application/json", "Accept-Language": language };
+    return {
+        async startConversation(conversationLanguage) {
+            const response = await doFetch(`${base}/conversations`, {
+                method: "POST",
+                headers,
+                body: JSON.stringify({ language: conversationLanguage, persona: "visitor", clientId }),
+            });
+            if (!response.ok) {
+                const error = await errorEvent(response);
+                throw new Error(error.type === "error" ? error.message : `HTTP ${response.status}`);
+            }
+            const created = (await response.json());
+            return { id: created.id };
+        },
+        async *sendMessage(conversationId, content, options) {
+            const response = await doFetch(`${base}/conversations/${encodeURIComponent(conversationId)}/messages`, {
+                method: "POST",
+                headers: { ...headers, Accept: "text/event-stream" },
+                body: JSON.stringify({ content }),
+                signal: options?.signal,
+            });
+            if (!response.ok) {
+                yield await errorEvent(response);
+                return;
+            }
+            if (!response.body) {
+                yield { type: "error", code: "NETWORK", message: "Empty response" };
+                return;
+            }
+            yield* parseAssistantEventStream(response.body);
+        },
+        async getConversation(conversationId) {
+            const response = await doFetch(`${base}/conversations/${encodeURIComponent(conversationId)}`, {
+                headers,
+            });
+            if (!response.ok)
+                throw new Error(`HTTP ${response.status}`);
+            const data = (await response.json());
+            return {
+                id: data.id,
+                messages: data.messages.map((message) => ({ ...message, status: "done" })),
+            };
+        },
+    };
+}
+
 const FIRST_STEP = {
     create: "new",
     unlock: "unlock",
@@ -3651,6 +4381,16 @@ const SpecialtySearchAutocomplete = ({ selectedSpecialties = [], onSpecialtiesCh
                             : `${selectedSpecialties.length} specialty${selectedSpecialties.length !== 1 ? "ies" : ""} selected` }), maxSelections && (jsxRuntime.jsxs("span", { className: "text-gray-400", children: [selectedSpecialties.length, "/", maxSelections] }))] }))] }));
 };
 
+exports.ASSISTANT_CLIENT_ID_KEY = ASSISTANT_CLIENT_ID_KEY;
+exports.ASSISTANT_CONVERSATIONS_KEY = ASSISTANT_CONVERSATIONS_KEY;
+exports.ASSISTANT_MAX_CONVERSATIONS = ASSISTANT_MAX_CONVERSATIONS;
+exports.AssistantChat = AssistantChat;
+exports.AssistantComposer = AssistantComposer;
+exports.AssistantConfirmationCard = AssistantConfirmationCard;
+exports.AssistantConversationList = AssistantConversationList;
+exports.AssistantLauncher = AssistantLauncher;
+exports.AssistantMessages = AssistantMessages;
+exports.AssistantSuggestionCard = AssistantSuggestionCard;
 exports.BLOOD_TYPES = BLOOD_TYPES;
 exports.Button = Button;
 exports.COUNTRY_CODES = COUNTRY_CODES;
@@ -3661,6 +4401,7 @@ exports.ImageCropModal = ImageCropModal;
 exports.Input = Input;
 exports.LockScreen = LockScreen;
 exports.Logo = Logo;
+exports.MAX_MESSAGE_LENGTH = MAX_MESSAGE_LENGTH;
 exports.Modal = Modal;
 exports.MultiSearchAutocomplete = MultiSearchAutocomplete;
 exports.PatientIcon = PatientIcon;
@@ -3681,6 +4422,8 @@ exports.ThemeProvider = ThemeProvider;
 exports.ThemeToggle = ThemeToggle;
 exports.UserIcon = UserIcon;
 exports.cn = cn;
+exports.conversationTitle = conversationTitle;
+exports.createAssistantTransport = createAssistantTransport;
 exports.createEnvConfig = createEnvConfig;
 exports.debounce = debounce;
 exports.extractCountryCodeFromPhoneNumber = extractCountryCodeFromPhoneNumber;
@@ -3690,16 +4433,24 @@ exports.formatNumeric = formatNumeric;
 exports.formatPhoneNumberForDisplay = formatPhoneNumberForDisplay;
 exports.formatPhoneNumberWithCountryCode = formatPhoneNumberWithCountryCode;
 exports.generateId = generateId;
+exports.getAssistantClientId = getAssistantClientId;
 exports.getDefaultCountryCode = getDefaultCountryCode;
 exports.getRegionOptions = getRegionOptions;
 exports.getRegionsByCountry = getRegionsByCountry;
+exports.getSpeechRecognition = getSpeechRecognition;
+exports.isExternalLink = isExternalLink;
 exports.isValidPhoneNumber = isValidPhoneNumber;
+exports.listAssistantConversations = listAssistantConversations;
+exports.parseAssistantEventStream = parseAssistantEventStream;
 exports.parseDateSafe = parseDateSafe;
+exports.renderAssistantMarkdown = renderAssistantMarkdown;
+exports.saveAssistantConversation = saveAssistantConversation;
 exports.useDebounce = useDebounce;
 exports.useDebouncedCallback = useDebouncedCallback;
 exports.useIdleLock = useIdleLock;
 exports.useMediaQuery = useMediaQuery;
 exports.useSelectField = useSelectField;
+exports.useSpeechRecognition = useSpeechRecognition;
 exports.useTheme = useTheme;
 Object.keys(lucideReact).forEach(function (k) {
     if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {