@alfadocs/ui-kit 1.71.0 → 1.72.0

package/dist/_chunks/{alia-sidebar-DEMMoefU.js → alia-sidebar-DZoyUFW8.js}

@@ -1,28 +1,28 @@
 import { jsxs as p, jsx as e, Fragment as be } from "react/jsx-runtime";
-import { useId as He, forwardRef as G, useState as R, useRef as j, useCallback as L, useEffect as ne, useMemo as de } from "react";
-import * as Xe from "@radix-ui/react-dialog";
+import { useId as Xe, forwardRef as Q, useState as R, useRef as E, useCallback as L, useEffect as ne, useMemo as de } from "react";
+import * as Qe from "@radix-ui/react-dialog";
 import { useTranslation as x } from "react-i18next";
 import { F as Ge } from "./floating-action-button-BesoUmO_.js";
-import { I as C } from "./icon-button-C_1TgRiK.js";
-import { S as X } from "./sheet-D2PfJl8n.js";
+import { I as C } from "./icon-button-S8_weU3g.js";
+import { S as X } from "./sheet-uZZXaO_S.js";
 import { X as xe } from "./x-B5YnXwCz.js";
-import { A as Qe } from "./astroid-BN4f5VXU.js";
-import { A as Q } from "./avatar-BPiPL7ND.js";
-import { B as _ } from "./button-D-MQxsA_.js";
-import { C as Ke } from "./chat-container-baxzy8k8.js";
-import { C as Me } from "./chat-message-C2VXQMoB.js";
-import { C as we, P as Ze } from "./chat-input-HtTbUUD6.js";
-import { S as Je } from "./streaming-text-DbqKTsmj.js";
+import { A as Ke } from "./astroid-BN4f5VXU.js";
+import { A as G } from "./avatar-BPiPL7ND.js";
+import { B as _ } from "./button-DohK_Ak_.js";
+import { C as Me } from "./chat-container-baxzy8k8.js";
+import { C as Ze } from "./chat-message-CmFJdEre.js";
+import { C as we, P as Je } from "./chat-input-DwQ4_WXK.js";
+import { S as Ye } from "./streaming-text-Nb3Q7L94.js";
 import { a as Ne, S as ye } from "./suggestion-chip-BNRWZL51.js";
-import { T as Ye } from "./typing-indicator-B1RkE8jD.js";
+import { T as Ce } from "./typing-indicator-B1RkE8jD.js";
 import { P as Ve } from "./progress-D_g_Sl2g.js";
 import { u as ve } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
 import { P as Ae } from "./pencil-B1sKKyuT.js";
 import { S as es } from "./square-DASBRZ0U.js";
 import { C as ss } from "./check-DrFSN__t.js";
 import { C as as } from "./copy-vRpqqHtY.js";
-import { D as is } from "./download-CfYKJO_j.js";
-import { R as rs } from "./refresh-cw-DnI0cLFC.js";
+import { D as rs } from "./download-CfYKJO_j.js";
+import { R as is } from "./refresh-cw-DnI0cLFC.js";
 import { c as ts } from "./createLucideIcon-DhHxpK9K.js";
 import { M as ns } from "./mic-CUklMZGF.js";
 import { P as ds } from "./plus-DzMQ_c6b.js";
@@ -47,17 +47,17 @@ const ms = [
 ], us = ts("shield-x", ms);
 function le({
   className: s,
-  size: i,
+  size: r,
   variant: t = "gradient"
 }) {
-  const a = `alia-asteroid-gradient-${He().replace(/:/g, "")}`;
+  const a = `alia-asteroid-gradient-${Xe().replace(/:/g, "")}`;
   return /* @__PURE__ */ p(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 24 24",
-      width: i,
-      height: i,
+      width: r,
+      height: r,
       fill: "none",
       strokeLinecap: "round",
       strokeLinejoin: "round",
@@ -91,7 +91,7 @@ function le({
     }
   );
 }
-const Ce = {
+const ke = {
   sm: {
     box: "ds:size-[calc(var(--spacing-md)*2)]",
     icon: "ds:size-4"
@@ -107,16 +107,16 @@ const Ce = {
 };
 function U({
   size: s,
-  label: i,
+  label: r,
   appearance: t = "sparkle",
   loading: d = !1
 }) {
-  const a = Ce[s];
+  const a = ke[s];
   return t === "spinner" ? /* @__PURE__ */ e(
     "span",
     {
       role: "img",
-      "aria-label": i,
+      "aria-label": r,
       className: [
         "ds:inline-flex ds:shrink-0 ds:items-center ds:justify-center",
         "ds:rounded-[var(--radius-full)]",
@@ -142,7 +142,7 @@ function U({
     "span",
     {
       role: "img",
-      "aria-label": i,
+      "aria-label": r,
       className: [
         "ds:inline-flex ds:shrink-0 ds:items-center ds:justify-center",
         "ds:rounded-[var(--radius-full)]",
@@ -161,14 +161,14 @@ function U({
 }
 function ps({
   size: s,
-  label: i
+  label: r
 }) {
-  const t = Ce[s];
+  const t = ke[s];
   return /* @__PURE__ */ e(
     "span",
     {
       role: "img",
-      "aria-label": i,
+      "aria-label": r,
       className: [
         "ds:inline-flex ds:shrink-0 ds:items-center ds:justify-center",
         "ds:rounded-[var(--radius-full)]",
@@ -181,7 +181,7 @@ function ps({
     }
   );
 }
-const ke = [
+const ze = [
   "ds:rounded-[var(--radius-sm)]",
   "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
   "ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
@@ -189,18 +189,18 @@ const ke = [
 ].join(" ");
 function fs({
   note: s,
-  focusRef: i
+  focusRef: r
 }) {
   return /* @__PURE__ */ p(
     "div",
     {
-      ref: i,
+      ref: r,
       role: "status",
       tabIndex: -1,
       className: [
         "ds:flex ds:w-full ds:flex-col ds:items-center ds:text-center",
         "ds:gap-[var(--spacing-xs)]",
-        ke
+        ze
       ].join(" "),
       "data-testid": "alia-ended-divider",
       children: [
@@ -216,23 +216,23 @@ function fs({
     }
   );
 }
-function gs(s, i) {
-  return s ? s.slot ? { slot: s.slot } : { name: s.name, src: s.src } : { slot: /* @__PURE__ */ e(ps, { size: "sm", label: i }) };
+function gs(s, r) {
+  return s ? s.slot ? { slot: s.slot } : { name: s.name, src: s.src } : { slot: /* @__PURE__ */ e(ps, { size: "sm", label: r }) };
 }
-function te(s, i) {
+function te(s, r) {
   const t = s.activeElement;
-  return !t || t === s.body || t === s.documentElement ? !0 : i != null && t !== i && t.contains(i);
+  return !t || t === s.body || t === s.documentElement ? !0 : r != null && t !== r && t.contains(r);
 }
 function hs({
   assistantName: s,
-  avatarSrc: i,
+  avatarSrc: r,
   greeting: t,
   subtitle: d,
   suggestions: a,
-  onSuggestion: u,
+  onSuggestion: c,
   onChipClick: f
 }) {
-  const { t: c } = x("ui"), g = "alia-empty-state-heading";
+  const { t: m } = x("ui"), g = "alia-empty-state-heading";
   return /* @__PURE__ */ p(
     "section",
     {
@@ -246,7 +246,7 @@ function hs({
       ].join(" "),
       "data-testid": "alia-empty-state",
       children: [
-        i ? /* @__PURE__ */ e(Q, { name: s, src: i, size: "xl" }) : /* @__PURE__ */ e(
+        r ? /* @__PURE__ */ e(G, { name: s, src: r, size: "xl" }) : /* @__PURE__ */ e(
           U,
           {
             size: "xl",
@@ -268,7 +268,7 @@ function hs({
         a && a.length > 0 ? /* @__PURE__ */ e("div", { className: "ds:w-full ds:max-w-[40rem]", children: /* @__PURE__ */ e(
           Ne,
           {
-            label: c("alia.exampleQuestions"),
+            label: m("alia.exampleQuestions"),
             className: "ds:justify-center",
             children: a.map((l) => /* @__PURE__ */ e(
               ye,
@@ -277,7 +277,7 @@ function hs({
                 startIcon: l.icon,
                 keepOnSelect: !0,
                 onClick: f,
-                onSelect: () => u == null ? void 0 : u(l),
+                onSelect: () => c == null ? void 0 : c(l),
                 children: l.label
               },
               l.id
@@ -290,29 +290,30 @@ function hs({
 }
 function vs({
   message: s,
-  assistantName: i,
+  assistantName: r,
   avatarSrc: t,
-  renderMarkdown: d
+  renderMarkdown: d,
+  density: a
 }) {
-  const { t: a, i18n: u } = x("ui"), f = a("chat.message.role.assistant"), c = de(() => {
+  const { t: c, i18n: f } = x("ui"), m = c("chat.message.role.assistant"), g = de(() => {
     if (!s.timestamp) return null;
-    const l = s.timestamp instanceof Date ? s.timestamp : new Date(s.timestamp);
-    return Number.isNaN(l.getTime()) ? null : new Intl.DateTimeFormat(u.language, {
+    const n = s.timestamp instanceof Date ? s.timestamp : new Date(s.timestamp);
+    return Number.isNaN(n.getTime()) ? null : new Intl.DateTimeFormat(f.language, {
       hour: "2-digit",
       minute: "2-digit"
-    }).format(l);
-  }, [s.timestamp, u.language]), g = c ? a("chat.message.label", { role: f, time: c }) : a("chat.message.labelNoTime", { role: f });
+    }).format(n);
+  }, [s.timestamp, f.language]), l = g ? c("chat.message.label", { role: m, time: g }) : c("chat.message.labelNoTime", { role: m });
   return /* @__PURE__ */ p(
     "article",
     {
-      "aria-label": g,
+      "aria-label": l,
       className: "ds:flex ds:w-full ds:items-start ds:flex-row ds:gap-[var(--spacing-sm)]",
       children: [
-        t ? /* @__PURE__ */ e(Q, { name: i, src: t, size: "sm" }) : /* @__PURE__ */ e(
+        t ? /* @__PURE__ */ e(G, { name: r, src: t, size: "sm" }) : /* @__PURE__ */ e(
           U,
           {
             size: "sm",
-            label: i,
+            label: r,
             appearance: "spinner",
             loading: !0
           }
@@ -330,13 +331,16 @@ function vs({
               "ds:bg-muted/40 ds:text-foreground",
               "ds:rounded-[var(--radius-md)] ds:rounded-es-[var(--radius-sm)]"
             ].join(" "),
-            children: /* @__PURE__ */ e(
-              Je,
+            children: s.content ? /* @__PURE__ */ e(
+              Ye,
               {
                 content: s.content,
                 isStreaming: !0,
                 renderMarkdown: d
               }
+            ) : (
+              // Before the first words arrive, the dots, not an empty bubble.
+              /* @__PURE__ */ e(Ce, { label: c("chat.typing"), density: a })
             )
           }
         ) })
@@ -346,16 +350,16 @@ function vs({
 }
 function bs({
   assistantName: s,
-  avatarSrc: i,
+  avatarSrc: r,
   onNewConversation: t,
   headerEndSlot: d,
   density: a
 }) {
-  const { t: u } = x("ui");
+  const { t: c } = x("ui");
   return /* @__PURE__ */ p(
     "header",
     {
-      "aria-label": u("alia.headerLabel"),
+      "aria-label": c("alia.headerLabel"),
       className: [
         "ds:flex ds:shrink-0 ds:items-center ds:gap-[var(--spacing-sm)]",
         // Soft drop-shadow on the block-end edge in place of a `border-b`
@@ -368,11 +372,11 @@ function bs({
       ].join(" "),
       "data-testid": "alia-header",
       children: [
-        i ? /* @__PURE__ */ e(
-          Q,
+        r ? /* @__PURE__ */ e(
+          G,
           {
             name: s,
-            src: i,
+            src: r,
             size: a === "compact" ? "sm" : "md"
           }
         ) : /* @__PURE__ */ e(
@@ -392,7 +396,7 @@ function bs({
               size: "sm",
               startIcon: /* @__PURE__ */ e(ds, { "aria-hidden": "true" }),
               onClick: t,
-              children: u("alia.newConversation")
+              children: c("alia.newConversation")
             }
           ) : null,
           d
@@ -402,18 +406,18 @@ function bs({
   );
 }
 function xs(s) {
-  var i;
-  return typeof navigator > "u" || typeof ((i = navigator.clipboard) == null ? void 0 : i.writeText) != "function" ? Promise.resolve(!1) : navigator.clipboard.writeText(s).then(() => !0).catch(() => !1);
+  var r;
+  return typeof navigator > "u" || typeof ((r = navigator.clipboard) == null ? void 0 : r.writeText) != "function" ? Promise.resolve(!1) : navigator.clipboard.writeText(s).then(() => !0).catch(() => !1);
 }
-function ws(s, i) {
+function ws(s, r) {
   if (typeof window > "u" || typeof URL > "u" || typeof URL.createObjectURL != "function")
     return;
   const t = new Blob([s], { type: "text/markdown;charset=utf-8" }), d = URL.createObjectURL(t), a = document.createElement("a");
-  a.href = d, a.download = i, document.body.appendChild(a), a.click(), a.remove(), URL.revokeObjectURL(d);
+  a.href = d, a.download = r, document.body.appendChild(a), a.click(), a.remove(), URL.revokeObjectURL(d);
 }
 function Ns(s) {
-  const i = (/* @__PURE__ */ new Date()).toISOString().slice(0, 10);
-  return `${s.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "") || "assistant"}-prompt-${i}.md`;
+  const r = (/* @__PURE__ */ new Date()).toISOString().slice(0, 10);
+  return `${s.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "") || "assistant"}-prompt-${r}.md`;
 }
 const ys = () => {
   var s;
@@ -421,57 +425,57 @@ const ys = () => {
 };
 function Cs({
   message: s,
-  actions: i,
+  actions: r,
   assistantName: t,
   canRegenerate: d,
   onCopyMessage: a,
-  onDownloadMessage: u,
+  onDownloadMessage: c,
   onRegenerate: f
 }) {
-  const { t: c } = x("ui"), [g, l] = R(!1), n = L(() => {
+  const { t: m } = x("ui"), [g, l] = R(!1), n = L(() => {
     xs(s.content).then((b) => {
       b && (l(!0), setTimeout(() => l(!1), 2e3), a == null || a(s.id));
     });
-  }, [s.content, s.id, a]), v = L(() => {
-    ws(s.content, Ns(t)), u == null || u(s.id);
-  }, [s.content, s.id, t, u]);
+  }, [s.content, s.id, a]), h = L(() => {
+    ws(s.content, Ns(t)), c == null || c(s.id);
+  }, [s.content, s.id, t, c]);
   return /* @__PURE__ */ p(be, { children: [
-    i.includes("copy") && ys() ? /* @__PURE__ */ e(
+    r.includes("copy") && ys() ? /* @__PURE__ */ e(
       C,
       {
         icon: g ? /* @__PURE__ */ e(ss, {}) : /* @__PURE__ */ e(as, {}),
-        "aria-label": c(g ? "alia.copied" : "alia.copyMessage"),
+        "aria-label": m(g ? "alia.copied" : "alia.copyMessage"),
         intent: "ghost",
         size: "sm",
         onClick: n
       }
     ) : null,
-    i.includes("download") ? /* @__PURE__ */ e(
+    r.includes("download") ? /* @__PURE__ */ e(
       C,
       {
-        icon: /* @__PURE__ */ e(is, {}),
-        "aria-label": c("alia.downloadMessage"),
+        icon: /* @__PURE__ */ e(rs, {}),
+        "aria-label": m("alia.downloadMessage"),
         intent: "ghost",
         size: "sm",
-        onClick: v
+        onClick: h
       }
     ) : null,
     d && f ? /* @__PURE__ */ e(
       C,
       {
-        icon: /* @__PURE__ */ e(rs, {}),
-        "aria-label": c("alia.regenerate"),
+        icon: /* @__PURE__ */ e(is, {}),
+        "aria-label": m("alia.regenerate"),
         intent: "ghost",
         size: "sm",
         onClick: () => f(s.id)
       }
     ) : null,
-    /* @__PURE__ */ e("span", { role: "status", "aria-live": "polite", className: "ds:sr-only", children: g ? c("alia.copied") : "" })
+    /* @__PURE__ */ e("span", { role: "status", "aria-live": "polite", className: "ds:sr-only", children: g ? m("alia.copied") : "" })
   ] });
 }
 function ks({
   attachments: s,
-  onRemove: i
+  onRemove: r
 }) {
   const { t } = x("ui");
   return s.length === 0 ? null : /* @__PURE__ */ e(
@@ -490,21 +494,21 @@ function ks({
           ].join(" "),
           children: [
             /* @__PURE__ */ e(
-              Ze,
+              Je,
               {
                 "aria-hidden": "true",
                 className: "ds:size-3.5 ds:text-[color:var(--muted-foreground)]"
               }
             ),
             /* @__PURE__ */ e("span", { dir: "auto", className: "type-meta ds:max-w-[12rem] ds:truncate", children: d.name }),
-            i ? /* @__PURE__ */ e(
+            r ? /* @__PURE__ */ e(
               C,
               {
                 icon: /* @__PURE__ */ e(xe, {}),
                 "aria-label": t("alia.removeAttachment", { name: d.name }),
                 intent: "ghost",
                 size: "sm",
-                onClick: () => i(d.id)
+                onClick: () => r(d.id)
               }
             ) : null
           ]
@@ -514,37 +518,37 @@ function ks({
     }
   );
 }
-function ze() {
+function Le() {
   if (typeof window > "u") return;
   const s = window;
   return s.SpeechRecognition ?? s.webkitSpeechRecognition;
 }
 function zs({
   lang: s,
-  disabled: i,
+  disabled: r,
   onTranscript: t
 }) {
-  const { t: d } = x("ui"), [a, u] = R(!1), f = j(null), c = L(() => {
+  const { t: d } = x("ui"), [a, c] = R(!1), f = E(null), m = L(() => {
     var l;
-    (l = f.current) == null || l.stop(), u(!1);
+    (l = f.current) == null || l.stop(), c(!1);
   }, []), g = L(() => {
-    const l = ze();
+    const l = Le();
     if (!l) return;
     const n = new l();
-    n.lang = s, n.continuous = !1, n.interimResults = !1, n.onresult = (v) => {
+    n.lang = s, n.continuous = !1, n.interimResults = !1, n.onresult = (h) => {
       let b = "";
-      for (let w = 0; w < v.results.length; w++)
-        b += v.results[w][0].transcript;
+      for (let w = 0; w < h.results.length; w++)
+        b += h.results[w][0].transcript;
       b && t(b);
-    }, n.onend = () => u(!1), n.onerror = () => u(!1), f.current = n, n.start(), u(!0);
+    }, n.onend = () => c(!1), n.onerror = () => c(!1), f.current = n, n.start(), c(!0);
   }, [s, t]);
   return ne(() => {
     if (!a) return;
     const l = (n) => {
-      n.key === "Escape" && c();
+      n.key === "Escape" && m();
     };
     return window.addEventListener("keydown", l), () => window.removeEventListener("keydown", l);
-  }, [a, c]), ne(() => () => {
+  }, [a, m]), ne(() => () => {
     var l;
     return (l = f.current) == null ? void 0 : l.stop();
   }, []), /* @__PURE__ */ e(
@@ -555,18 +559,18 @@ function zs({
       "aria-pressed": a,
       intent: a ? "primary" : "ghost",
       size: "sm",
-      disabled: i,
-      onClick: () => a ? c() : g(),
+      disabled: r,
+      onClick: () => a ? m() : g(),
       className: a ? "ds:motion-safe:animate-[var(--accessible-off,var(--ds-animate-pulse))] ds:motion-reduce:animate-none" : void 0
     }
   );
 }
 function Ls({
   initialText: s,
-  onSave: i,
+  onSave: r,
   onCancel: t
 }) {
-  const { t: d } = x("ui"), [a, u] = R(s);
+  const { t: d } = x("ui"), [a, c] = R(s);
   return /* @__PURE__ */ p(
     "div",
     {
@@ -578,9 +582,9 @@ function Ls({
           {
             label: d("alia.editMessage"),
             value: a,
-            onChange: (f) => u(f.target.value),
+            onChange: (f) => c(f.target.value),
             submitOnEnter: !0,
-            onSubmit: (f) => i(f),
+            onSubmit: (f) => r(f),
             minRows: 2
           }
         ),
@@ -591,7 +595,7 @@ function Ls({
             {
               intent: "primary",
               size: "sm",
-              onClick: () => i(a),
+              onClick: () => r(a),
               disabled: a.trim().length === 0,
               children: d("alia.saveEdit")
             }
@@ -601,92 +605,92 @@ function Ls({
     }
   );
 }
-const K = G(
+const K = Q(
   ({
     messages: s,
-    onSend: i,
+    onSend: r,
     onRetry: t,
     onSuggestion: d,
     suggestions: a,
-    isGenerating: u = !1,
+    isGenerating: c = !1,
     onStopGenerating: f,
-    usage: c,
+    usage: m,
     onUpgrade: g,
     assistantName: l,
     assistantAvatar: n,
-    userAvatar: v,
+    userAvatar: h,
     greeting: b,
     subtitle: w,
-    density: E = "default",
+    density: j = "default",
     renderMarkdown: M = !0,
-    onNewConversation: Le,
-    onAttach: je,
-    acceptedFileTypes: Ee,
-    headerEndSlot: Te,
-    hideHeader: Ie = !1,
+    onNewConversation: je,
+    onAttach: Ee,
+    acceptedFileTypes: Te,
+    headerEndSlot: Ie,
+    hideHeader: Se = !1,
     ended: B,
     messageActions: P,
     onCopyMessage: oe,
     onDownloadMessage: ce,
-    voiceInput: Se,
+    voiceInput: Re,
     onVoiceTranscript: Z,
     attachments: J,
-    onRemoveAttachment: Re,
-    showScrollToLatest: _e,
+    onRemoveAttachment: _e,
+    showScrollToLatest: Ue,
     onRegenerate: D,
     onEditMessage: F
-  }, Ue) => {
-    const { t: h, i18n: Be } = x("ui"), [me, Y] = R(null), [Pe, V] = R(""), O = j(null), A = j(null), ee = j(null), se = j(null), S = j(null), $ = j(!1), T = L(() => {
-      var r;
-      (r = S.current) == null || r.call(S), S.current = null, se.current = null;
+  }, Be) => {
+    const { t: v, i18n: Pe } = x("ui"), [me, Y] = R(null), [De, V] = R(""), O = E(null), A = E(null), ee = E(null), se = E(null), S = E(null), $ = E(!1), T = L(() => {
+      var i;
+      (i = S.current) == null || i.call(S), S.current = null, se.current = null;
     }, []), W = L(
-      (r) => {
+      (i) => {
         T();
-        const o = r.ownerDocument;
-        if (!r.contains(o.activeElement) && !te(o, r))
+        const o = i.ownerDocument;
+        if (!i.contains(o.activeElement) && !te(o, i))
           return;
-        se.current = r;
-        const m = (y) => {
-          (!(y.target instanceof Node) || !r.contains(y.target)) && T();
+        se.current = i;
+        const u = (y) => {
+          (!(y.target instanceof Node) || !i.contains(y.target)) && T();
         };
-        o.addEventListener("pointerdown", m, !0), o.addEventListener("focusin", m, !0), S.current = () => {
-          o.removeEventListener("pointerdown", m, !0), o.removeEventListener("focusin", m, !0);
+        o.addEventListener("pointerdown", u, !0), o.addEventListener("focusin", u, !0), S.current = () => {
+          o.removeEventListener("pointerdown", u, !0), o.removeEventListener("focusin", u, !0);
         };
       },
       [T]
     ), ae = L(
-      (r) => W(r.currentTarget),
+      (i) => W(i.currentTarget),
       [W]
-    ), De = L(
-      (r) => {
+    ), Fe = L(
+      (i) => {
         const o = O.current;
-        O.current = r, !r && (o != null && o.contains(o.ownerDocument.activeElement)) && W(o);
+        O.current = i, !i && (o != null && o.contains(o.ownerDocument.activeElement)) && W(o);
       },
       [W]
     );
     ve(() => {
       var y;
-      const r = se.current;
-      if (!r || r.isConnected) return;
+      const i = se.current;
+      if (!i || i.isConnected) return;
       T();
       const o = O.current;
-      if (!te(r.ownerDocument, o)) return;
-      const m = o == null ? void 0 : o.querySelector("textarea");
-      if (m && !m.disabled) {
-        m.focus();
+      if (!te(i.ownerDocument, o)) return;
+      const u = o == null ? void 0 : o.querySelector("textarea");
+      if (u && !u.disabled) {
+        u.focus();
         return;
       }
       (y = A.current ?? ee.current) == null || y.focus();
     }), ne(() => T, [T]);
-    const q = !!Se && ze() != null, ie = de(() => {
-      for (let r = s.length - 1; r >= 0; r--) {
-        const o = s[r];
+    const q = !!Re && Le() != null, re = de(() => {
+      for (let i = s.length - 1; i >= 0; i--) {
+        const o = s[i];
         if (o.role === "assistant" && !o.streaming) return o.id;
       }
-    }, [s]), I = B != null, N = l ?? h("alia.name"), Fe = b ?? h("alia.greeting"), Oe = w ?? h("alia.subtitle"), k = s[s.length - 1], H = (k == null ? void 0 : k.role) === "assistant" && k.streaming === !0, ue = H ? s.slice(0, -1) : s, $e = de(() => {
-      const r = h("chat.message.role.user"), o = ue.map((m) => {
+    }, [s]), I = B != null, N = l ?? v("alia.name"), Oe = b ?? v("alia.greeting"), $e = w ?? v("alia.subtitle"), k = s[s.length - 1], H = (k == null ? void 0 : k.role) === "assistant" && k.streaming === !0, ue = H ? s.slice(0, -1) : s, We = de(() => {
+      const i = v("chat.message.role.user"), o = ue.map((u) => {
         let y;
-        if (m.role === "assistant" ? y = n != null && n.src ? { name: N, src: n.src } : {
+        if (u.role === "assistant" ? y = n != null && n.src ? { name: N, src: n.src } : {
           slot: /* @__PURE__ */ e(
             U,
             {
@@ -695,55 +699,55 @@ const K = G(
               appearance: "spinner"
             }
           )
-        } : m.role === "user" && (y = gs(v, r)), m.role === "user" && F && me === m.id)
+        } : u.role === "user" && (y = gs(h, i)), u.role === "user" && F && me === u.id)
           return {
-            id: m.id,
+            id: u.id,
             node: /* @__PURE__ */ e(
               Ls,
               {
-                initialText: m.content,
-                onSave: (qe) => {
-                  F(m.id, qe), Y(null);
+                initialText: u.content,
+                onSave: (He) => {
+                  F(u.id, He), Y(null);
                 },
                 onCancel: () => Y(null)
               }
             )
           };
-        let re;
-        return m.role === "assistant" && (P && P.length > 0 || D && m.id === ie) ? re = /* @__PURE__ */ e(
+        let ie;
+        return u.role === "assistant" && (P && P.length > 0 || D && u.id === re) ? ie = /* @__PURE__ */ e(
           Cs,
           {
-            message: m,
+            message: u,
             actions: P ?? [],
             assistantName: N,
-            canRegenerate: !!D && m.id === ie,
+            canRegenerate: !!D && u.id === re,
             onCopyMessage: oe,
             onDownloadMessage: ce,
             onRegenerate: D
           }
-        ) : m.role === "user" && F && (re = /* @__PURE__ */ e(
+        ) : u.role === "user" && F && (ie = /* @__PURE__ */ e(
           C,
           {
             icon: /* @__PURE__ */ e(Ae, {}),
-            "aria-label": h("alia.editMessage"),
+            "aria-label": v("alia.editMessage"),
             intent: "ghost",
             size: "sm",
-            onClick: () => Y(m.id)
+            onClick: () => Y(u.id)
           }
         )), {
-          id: m.id,
+          id: u.id,
           node: /* @__PURE__ */ e(
-            Me,
+            Ze,
             {
-              role: m.role,
-              content: m.content,
-              body: m.body,
+              role: u.role,
+              content: u.content,
+              body: u.body,
               avatar: y,
-              timestamp: m.timestamp,
-              status: m.status,
+              timestamp: u.timestamp,
+              status: u.status,
               renderMarkdown: M,
-              onRetry: t ? () => t(m.id) : void 0,
-              actions: re
+              onRetry: t ? () => t(u.id) : void 0,
+              actions: ie
             }
           )
         };
@@ -756,14 +760,15 @@ const K = G(
             message: k,
             assistantName: N,
             avatarSrc: n == null ? void 0 : n.src,
-            renderMarkdown: M
+            renderMarkdown: M,
+            density: j
           }
         )
-      }), u && !H && o.push({
+      }), c && !H && o.push({
         id: "__alia-typing__",
         node: /* @__PURE__ */ p("div", { className: "ds:flex ds:w-full ds:items-start ds:gap-[var(--spacing-sm)]", children: [
           n != null && n.src ? /* @__PURE__ */ e(
-            Q,
+            G,
             {
               name: N,
               src: n.src,
@@ -786,7 +791,7 @@ const K = G(
                 "ds:rounded-[var(--radius-md)] ds:rounded-es-[var(--radius-sm)]",
                 "ds:bg-muted/40"
               ].join(" "),
-              children: /* @__PURE__ */ e(Ye, { label: h("chat.typing"), density: E })
+              children: /* @__PURE__ */ e(Ce, { label: v("chat.typing"), density: j })
             }
           )
         ] })
@@ -798,40 +803,40 @@ const K = G(
       ue,
       H,
       k,
-      u,
+      c,
       N,
       n == null ? void 0 : n.src,
-      v,
+      h,
       M,
       t,
-      E,
+      j,
       B,
-      h,
+      v,
       me,
       F,
       P,
       D,
-      ie,
+      re,
       oe,
       ce
-    ]), We = c ? Math.min(
+    ]), qe = m ? Math.min(
       100,
-      Math.max(0, c.current / Math.max(1, c.limit) * 100)
-    ) : 0, z = c ? c.current >= c.limit : !1, pe = z || I;
+      Math.max(0, m.current / Math.max(1, m.limit) * 100)
+    ) : 0, z = m ? m.current >= m.limit : !1, pe = z || I;
     ve(() => {
-      var m;
-      const r = O.current;
-      if (!pe || !$.current || !r)
+      var u;
+      const i = O.current;
+      if (!pe || !$.current || !i)
         return;
       $.current = !1;
-      const o = r.ownerDocument;
-      (r.contains(o.activeElement) || te(o, r)) && ((m = A.current ?? ee.current) == null || m.focus());
+      const o = i.ownerDocument;
+      (i.contains(o.activeElement) || te(o, i)) && ((u = A.current ?? ee.current) == null || u.focus());
     }, [pe]);
-    const fe = c ? c.label ?? h("alia.usageLabel", {
-      current: c.current,
-      limit: c.limit
-    }) : null, ge = s.length === 0 && !u && !I, he = /* @__PURE__ */ p("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
-      c ? /* @__PURE__ */ p("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+    const fe = m ? m.label ?? v("alia.usageLabel", {
+      current: m.current,
+      limit: m.limit
+    }) : null, ge = s.length === 0 && !c && !I, he = /* @__PURE__ */ p("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+      m ? /* @__PURE__ */ p("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
         /* @__PURE__ */ p("div", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
           /* @__PURE__ */ e(
             "span",
@@ -840,45 +845,45 @@ const K = G(
               tabIndex: z ? -1 : void 0,
               className: [
                 "type-meta",
-                z ? `ds:text-[color:var(--destructive)] ${ke}` : "ds:text-[color:var(--muted-foreground)]"
+                z ? `ds:text-[color:var(--destructive)] ${ze}` : "ds:text-[color:var(--muted-foreground)]"
               ].join(" "),
               "data-testid": "alia-usage-label",
-              children: z ? h("alia.usageLimitReached") : fe
+              children: z ? v("alia.usageLimitReached") : fe
             }
           ),
-          z && g ? /* @__PURE__ */ e(_, { intent: "primary", size: "sm", onClick: g, children: h("alia.upgrade") }) : null
+          z && g ? /* @__PURE__ */ e(_, { intent: "primary", size: "sm", onClick: g, children: v("alia.upgrade") }) : null
         ] }),
         /* @__PURE__ */ e(
           Ve,
           {
-            value: We,
+            value: qe,
             max: 100,
             size: "sm",
-            ariaLabel: fe ?? h("alia.usageLabel", {
-              current: c.current,
-              limit: c.limit
+            ariaLabel: fe ?? v("alia.usageLabel", {
+              current: m.current,
+              limit: m.limit
             }),
             className: z ? "ds:[&_[role=progressbar]>*]:bg-[color:var(--destructive)]" : void 0,
             "data-testid": "alia-usage-progress"
           }
         )
       ] }) : null,
-      !ge && a && a.length > 0 && !u && !I ? /* @__PURE__ */ e(
+      !ge && a && a.length > 0 && !c && !I ? /* @__PURE__ */ e(
         Ne,
         {
-          label: h("alia.exampleQuestions"),
+          label: v("alia.exampleQuestions"),
           "data-testid": "alia-followup-suggestions",
-          children: a.map((r) => /* @__PURE__ */ e(
+          children: a.map((i) => /* @__PURE__ */ e(
             ye,
             {
               intent: "followup",
-              startIcon: r.icon,
+              startIcon: i.icon,
               keepOnSelect: !0,
               onClick: ae,
-              onSelect: () => d == null ? void 0 : d(r),
-              children: r.label
+              onSelect: () => d == null ? void 0 : d(i),
+              children: i.label
             },
-            r.id
+            i.id
           ))
         }
       ) : null,
@@ -886,84 +891,85 @@ const K = G(
         ks,
         {
           attachments: J,
-          onRemove: Re
+          onRemove: _e
         }
       ) : null,
-      /* @__PURE__ */ p("div", { className: "ds:flex ds:items-end ds:gap-[var(--spacing-sm)]", children: [
+      c && f && !I ? (
+        // On its own row, where the follow-up chips sit between answers: beside
+        // the message box it squeezed the box to half its width in a narrow rail.
         /* @__PURE__ */ e(
-          "div",
-          {
-            className: "ds:flex-1 ds:min-w-0",
-            onFocus: () => {
-              $.current = !0;
-            },
-            onBlur: (r) => {
-              const o = r.relatedTarget;
-              o instanceof Node && r.currentTarget.contains(o) || r.target.matches(":disabled") || ($.current = !1);
-            },
-            children: /* @__PURE__ */ e(
-              we,
-              {
-                ref: De,
-                submitOnEnter: !0,
-                onSubmit: q ? (r) => {
-                  i(r), V("");
-                } : i,
-                value: q ? Pe : void 0,
-                onChange: q ? (r) => V(r.target.value) : void 0,
-                onAttach: je,
-                accept: Ee,
-                disabled: z || I,
-                toolbar: q ? /* @__PURE__ */ e(
-                  zs,
-                  {
-                    lang: Be.language,
-                    disabled: z || I,
-                    onTranscript: (r) => {
-                      Z == null || Z(r), V(
-                        (o) => o ? `${o} ${r}` : r
-                      );
-                    }
-                  }
-                ) : void 0,
-                "data-testid": "alia-composer"
-              }
-            )
-          }
-        ),
-        u && f && !I ? /* @__PURE__ */ e(
           _,
           {
             intent: "outline",
             size: "sm",
-            startIcon: /* @__PURE__ */ e(es, { "aria-hidden": "true" }),
-            onClick: (r) => {
-              ae(r), f();
+            className: "ds:self-end",
+            startIcon: /* @__PURE__ */ e(es, { "aria-hidden": "true", className: "ds:fill-current" }),
+            onClick: (i) => {
+              ae(i), f();
             },
-            "aria-label": h("alia.stopGenerating"),
-            children: h("alia.stopGenerating")
+            children: v("alia.stopGenerating")
           }
-        ) : null
-      ] })
+        )
+      ) : null,
+      /* @__PURE__ */ e(
+        "div",
+        {
+          onFocus: () => {
+            $.current = !0;
+          },
+          onBlur: (i) => {
+            const o = i.relatedTarget;
+            o instanceof Node && i.currentTarget.contains(o) || i.target.matches(":disabled") || ($.current = !1);
+          },
+          children: /* @__PURE__ */ e(
+            we,
+            {
+              ref: Fe,
+              submitOnEnter: !0,
+              onSubmit: q ? (i) => {
+                r(i), V("");
+              } : r,
+              value: q ? De : void 0,
+              onChange: q ? (i) => V(i.target.value) : void 0,
+              onAttach: Ee,
+              accept: Te,
+              disabled: z || I,
+              toolbar: q ? /* @__PURE__ */ e(
+                zs,
+                {
+                  lang: Pe.language,
+                  disabled: z || I,
+                  onTranscript: (i) => {
+                    Z == null || Z(i), V(
+                      (o) => o ? `${o} ${i}` : i
+                    );
+                  }
+                }
+              ) : void 0,
+              "data-testid": "alia-composer"
+            }
+          )
+        }
+      )
     ] });
     return /* @__PURE__ */ p(
       "div",
       {
-        ref: Ue,
+        ref: Be,
         className: [
           "ds:flex ds:min-h-0 ds:flex-1 ds:flex-col",
           "ds:bg-[var(--background)] ds:text-[color:var(--foreground)]"
         ].join(" "),
         "data-testid": "alia-surface",
         children: [
-          Ie ? null : /* @__PURE__ */ e(
+          Se ? null : /* @__PURE__ */ e(
             bs,
             {
               assistantName: N,
               avatarSrc: n == null ? void 0 : n.src,
-              onNewConversation: Le,
-              headerEndSlot: Te,
-              density: E
+              onNewConversation: je,
+              headerEndSlot: Ie,
+              density: j
             }
           ),
           ge ? /* @__PURE__ */ p(be, { children: [
@@ -972,8 +978,8 @@ const K = G(
               {
                 assistantName: N,
                 avatarSrc: n == null ? void 0 : n.src,
-                greeting: Fe,
-                subtitle: Oe,
+                greeting: Oe,
+                subtitle: $e,
                 suggestions: a,
                 onSuggestion: d,
                 onChipClick: ae
@@ -997,12 +1003,12 @@ const K = G(
               }
             )
           ] }) : /* @__PURE__ */ e(
-            Ke,
+            Me,
             {
-              messages: $e,
-              density: E,
+              messages: We,
+              density: j,
               composer: he,
-              showScrollToLatest: _e,
+              showScrollToLatest: Ue,
               className: "ds:flex-1 ds:min-h-0"
             }
           )
@@ -1012,8 +1018,8 @@ const K = G(
   }
 );
 K.displayName = "AliaChatSurface";
-const js = G(
-  ({ headerSlot: s, ...i }, t) => /* @__PURE__ */ p(
+const js = Q(
+  ({ headerSlot: s, ...r }, t) => /* @__PURE__ */ p(
     "div",
     {
       ref: t,
@@ -1044,7 +1050,7 @@ const js = G(
               "ds:[max-inline-size:48rem]",
               "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]"
             ].join(" "),
-            children: /* @__PURE__ */ e(K, { ...i })
+            children: /* @__PURE__ */ e(K, { ...r })
           }
         ) })
       ]
@@ -1055,18 +1061,18 @@ js.displayName = "AliaEmbedded";
 function Es(s) {
   return s > 99 ? "99+" : String(s);
 }
-const Ts = G(
+const Ts = Q(
   ({
     open: s,
-    defaultOpen: i,
+    defaultOpen: r,
     onOpenChange: t,
     position: d = "bottom-end",
     unseenCount: a,
-    assistantName: u,
+    assistantName: c,
     assistantAvatar: f,
-    ...c
+    ...m
   }, g) => {
-    const { t: l } = x("ui"), n = u || l("alia.name"), v = typeof a == "number" && a > 0, b = v ? l("alia.openWithUnseen", { count: a }) : l("alia.open"), w = /* @__PURE__ */ e(Xe.Close, { asChild: !0, children: /* @__PURE__ */ e(
+    const { t: l } = x("ui"), n = c || l("alia.name"), h = typeof a == "number" && a > 0, b = h ? l("alia.openWithUnseen", { count: a }) : l("alia.open"), w = /* @__PURE__ */ e(Qe.Close, { asChild: !0, children: /* @__PURE__ */ e(
       C,
       {
         icon: /* @__PURE__ */ e(xe, { "aria-hidden": "true" }),
@@ -1080,7 +1086,7 @@ const Ts = G(
       X.Root,
       {
         open: s,
-        defaultOpen: i,
+        defaultOpen: r,
         onOpenChange: t,
         children: [
           /* @__PURE__ */ e(
@@ -1097,7 +1103,7 @@ const Ts = G(
                 /* @__PURE__ */ e(X.Trigger, { asChild: !0, children: /* @__PURE__ */ e(
                   Ge,
                   {
-                    icon: /* @__PURE__ */ e(Qe, { "aria-hidden": "true" }),
+                    icon: /* @__PURE__ */ e(Ke, { "aria-hidden": "true" }),
                     "aria-label": b,
                     variant: "primary",
                     size: "md",
@@ -1105,7 +1111,7 @@ const Ts = G(
                     "data-testid": "alia-popout-fab"
                   }
                 ) }),
-                v ? /* @__PURE__ */ e(
+                h ? /* @__PURE__ */ e(
                   "span",
                   {
                     "aria-hidden": "true",
@@ -1141,7 +1147,7 @@ const Ts = G(
                 /* @__PURE__ */ e(
                   K,
                   {
-                    ...c,
+                    ...m,
                     assistantName: n,
                     assistantAvatar: f,
                     density: "compact",
@@ -1160,18 +1166,18 @@ Ts.displayName = "AliaPopout";
 function Is(s) {
   return s > 99 ? "99+" : String(s);
 }
-const Ss = "ds:[inline-size:22rem]", Rs = "ds:[inline-size:3rem]", _s = G(
+const Ss = "ds:[inline-size:22rem]", Rs = "ds:[inline-size:3rem]", _s = Q(
   ({
     open: s,
-    onOpenChange: i,
+    onOpenChange: r,
     side: t = "end",
     unseenCount: d,
     footerSlot: a,
-    assistantName: u,
+    assistantName: c,
     assistantAvatar: f,
-    ...c
+    ...m
   }, g) => {
-    const { t: l } = x("ui"), n = u || l("alia.name"), v = typeof d == "number" && d > 0, b = t === "end" ? "ds:shadow-[var(--shadow-chrome-start)]" : "ds:shadow-[var(--shadow-chrome-end)]", w = v ? l("alia.openWithUnseen", { count: d }) : l("alia.open");
+    const { t: l } = x("ui"), n = c || l("alia.name"), h = typeof d == "number" && d > 0, b = t === "end" ? "ds:shadow-[var(--shadow-chrome-start)]" : "ds:shadow-[var(--shadow-chrome-end)]", w = h ? l("alia.openWithUnseen", { count: d }) : l("alia.open");
     if (!s)
       return /* @__PURE__ */ e(
         "aside",
@@ -1196,11 +1202,11 @@ const Ss = "ds:[inline-size:22rem]", Rs = "ds:[inline-size:3rem]", _s = G(
                 "aria-expanded": "false",
                 intent: "ghost",
                 size: "sm",
-                onClick: () => i(!0),
+                onClick: () => r(!0),
                 "data-testid": "alia-sidebar-rail-trigger"
               }
             ),
-            v ? /* @__PURE__ */ e(
+            h ? /* @__PURE__ */ e(
               "span",
               {
                 "aria-hidden": "true",
@@ -1223,7 +1229,7 @@ const Ss = "ds:[inline-size:22rem]", Rs = "ds:[inline-size:3rem]", _s = G(
           ] })
         }
       );
-    const E = /* @__PURE__ */ e(
+    const j = /* @__PURE__ */ e(
       C,
       {
         icon: t === "end" ? /* @__PURE__ */ e(os, {}) : /* @__PURE__ */ e(cs, {}),
@@ -1231,7 +1237,7 @@ const Ss = "ds:[inline-size:22rem]", Rs = "ds:[inline-size:3rem]", _s = G(
         size: "sm",
         "aria-label": l("alia.close"),
         "aria-expanded": "true",
-        onClick: () => i(!1),
+        onClick: () => r(!1),
         "data-testid": "alia-sidebar-collapse"
       }
     );
@@ -1253,11 +1259,11 @@ const Ss = "ds:[inline-size:22rem]", Rs = "ds:[inline-size:3rem]", _s = G(
           /* @__PURE__ */ e("div", { className: "ds:flex ds:min-h-0 ds:flex-1 ds:flex-col", children: /* @__PURE__ */ e(
             K,
             {
-              ...c,
+              ...m,
               assistantName: n,
               assistantAvatar: f,
               density: "compact",
-              headerEndSlot: E
+              headerEndSlot: j
             }
           ) }),
           a ? /* @__PURE__ */ e(
@@ -1281,4 +1287,4 @@ export {
   Ts as c,
   _s as d
 };
-//# sourceMappingURL=alia-sidebar-DEMMoefU.js.map
+//# sourceMappingURL=alia-sidebar-DZoyUFW8.js.map