@alfadocs/ui-kit-debug 0.44.0 → 0.45.0

package/dist/_chunks/{alia-sidebar-BpX4z_af.js → alia-sidebar-Be8FhKYd.js}

@@ -1,26 +1,44 @@
-import { jsx as e, jsxs as o, Fragment as A } from "react/jsx-runtime";
-import { forwardRef as C, useMemo as U } from "react";
-import * as ee from "@radix-ui/react-dialog";
-import { useTranslation as z } from "react-i18next";
-import { F as se } from "./floating-action-button-pojvb9gG.js";
-import { I as B } from "./icon-button-CKEOrN37.js";
-import { S as E } from "./sheet-xbzu4YiY.js";
-import { X as ae } from "./x-CCcI3eJp.js";
-import { S as P } from "./sparkles-CuYXqQLg.js";
-import { A as k } from "./avatar-BNQNhoyL.js";
-import { B as D } from "./button-DD_0Xdmr.js";
-import { C as de } from "./chat-container-ogB4OskO.js";
-import { C as ie } from "./chat-message-ASgGtj-L.js";
-import { C as re } from "./chat-input-CQe7nR_v.js";
-import { S as le } from "./streaming-text-GH07yIYh.js";
+import { jsx as e, jsxs as c, Fragment as se } from "react/jsx-runtime";
+import { forwardRef as _, useMemo as q } from "react";
+import * as ae from "@radix-ui/react-dialog";
+import { useTranslation as y } from "react-i18next";
+import { F as de } from "./floating-action-button-pojvb9gG.js";
+import { I as P } from "./icon-button-CKEOrN37.js";
+import { S as D } from "./sheet-xbzu4YiY.js";
+import { X as ie } from "./x-CCcI3eJp.js";
+import { S as F } from "./sparkles-CuYXqQLg.js";
+import { A as I } from "./avatar-BNQNhoyL.js";
+import { B as M } from "./button-DD_0Xdmr.js";
+import { C as re } from "./chat-container-ogB4OskO.js";
+import { C as le } from "./chat-message-ASgGtj-L.js";
+import { C as te } from "./chat-input-CQe7nR_v.js";
+import { S as ne } from "./spinner-OjQNn8oN.js";
+import { S as ce } from "./streaming-text-GH07yIYh.js";
 import { a as O, S as Q } from "./suggestion-chip-C4kxWUIs.js";
-import { T as te } from "./typing-indicator-DHeVN4ob.js";
-import { P as ne } from "./progress-kzIRcdaq.js";
-import { S as ce } from "./square-CZoGU14v.js";
-import { P as oe } from "./plus-CYKNmfuA.js";
-import { U as me } from "./user-CPxpqFjJ.js";
-import { a as pe, C as ue } from "./chevrons-right-d9MwesPG.js";
-const W = {
+import { T as oe } from "./typing-indicator-DHeVN4ob.js";
+import { P as me } from "./progress-kzIRcdaq.js";
+import { S as pe } from "./square-CZoGU14v.js";
+import { c as ue } from "./createLucideIcon-CrFbzy84.js";
+import { P as fe } from "./plus-CYKNmfuA.js";
+import { U as ge } from "./user-CPxpqFjJ.js";
+import { a as he, C as ve } from "./chevrons-right-d9MwesPG.js";
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const be = [
+  [
+    "path",
+    {
+      d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",
+      key: "oel41y"
+    }
+  ],
+  ["path", { d: "m14.5 9.5-5 5", key: "17q4r4" }],
+  ["path", { d: "m9.5 9.5 5 5", key: "18nt4w" }]
+], xe = ue("shield-x", be), W = {
   sm: {
     box: "ds:size-[calc(var(--spacing-md)*2)]",
     icon: "ds:size-4"
@@ -34,16 +52,33 @@ const W = {
     icon: "ds:size-8"
   }
 };
-function y({
+function w({
   size: s,
-  label: d
+  label: a,
+  appearance: r = "sparkle",
+  loading: t = !1
 }) {
-  const i = W[s];
-  return /* @__PURE__ */ e(
+  const d = W[s];
+  return r === "spinner" ? /* @__PURE__ */ e(
+    "span",
+    {
+      role: "img",
+      "aria-label": a,
+      className: "ds:inline-flex ds:shrink-0 ds:items-center ds:justify-center ds:text-[color:var(--primary)]",
+      children: /* @__PURE__ */ e(
+        ne,
+        {
+          "aria-hidden": !0,
+          variant: t ? "pulse" : "static",
+          className: d.box
+        }
+      )
+    }
+  ) : /* @__PURE__ */ e(
     "span",
     {
       role: "img",
-      "aria-label": d,
+      "aria-label": a,
       className: [
         "ds:inline-flex ds:shrink-0 ds:items-center ds:justify-center",
         "ds:rounded-[var(--radius-full)]",
@@ -54,50 +89,73 @@ function y({
         // forced-colors: UA strips color-mix backgrounds; fall back to
         // a bordered disc so the identity still reads in HCM.
         "ds:forced-colors:bg-transparent ds:forced-colors:border ds:forced-colors:border-[CanvasText]",
-        i.box
+        d.box
       ].join(" "),
-      children: /* @__PURE__ */ e(P, { "aria-hidden": "true", className: i.icon })
+      children: /* @__PURE__ */ e(F, { "aria-hidden": "true", className: d.icon })
     }
   );
 }
-function fe({
+function Ne({
   size: s,
-  label: d
+  label: a
 }) {
-  const i = W[s];
+  const r = W[s];
   return /* @__PURE__ */ e(
     "span",
     {
       role: "img",
-      "aria-label": d,
+      "aria-label": a,
       className: [
         "ds:inline-flex ds:shrink-0 ds:items-center ds:justify-center",
         "ds:rounded-[var(--radius-full)]",
         "ds:bg-[color-mix(in_srgb,var(--muted-foreground)_14%,transparent)]",
         "ds:text-[color:var(--muted-foreground)]",
         "ds:forced-colors:bg-transparent ds:forced-colors:border ds:forced-colors:border-[CanvasText]",
-        i.box
+        r.box
       ].join(" "),
-      children: /* @__PURE__ */ e(me, { "aria-hidden": "true", className: i.icon })
+      children: /* @__PURE__ */ e(ge, { "aria-hidden": "true", className: r.icon })
+    }
+  );
+}
+function ye({ note: s }) {
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      role: "status",
+      className: [
+        "ds:flex ds:w-full ds:flex-col ds:items-center ds:text-center",
+        "ds:gap-[var(--spacing-xs)]"
+      ].join(" "),
+      "data-testid": "alia-ended-divider",
+      children: [
+        /* @__PURE__ */ e(
+          xe,
+          {
+            "aria-hidden": "true",
+            className: "ds:size-5 ds:text-[color:var(--destructive)]"
+          }
+        ),
+        /* @__PURE__ */ e("span", { className: "type-body-sm ds:text-[color:var(--muted-foreground)]", children: s })
+      ]
     }
   );
 }
-function ge(s, d) {
-  return s ? s.slot ? { slot: s.slot } : { name: s.name, src: s.src } : { slot: /* @__PURE__ */ e(fe, { size: "sm", label: d }) };
+function ze(s, a) {
+  return s ? s.slot ? { slot: s.slot } : { name: s.name, src: s.src } : { slot: /* @__PURE__ */ e(Ne, { size: "sm", label: a }) };
 }
-function he({
+function we({
   assistantName: s,
-  avatarSrc: d,
-  greeting: i,
+  avatarSrc: a,
+  greeting: r,
   subtitle: t,
-  suggestions: l,
+  suggestions: d,
   onSuggestion: n
 }) {
-  const { t: u } = z(), r = "alia-empty-state-heading";
-  return /* @__PURE__ */ o(
+  const { t: u } = y(), l = "alia-empty-state-heading";
+  return /* @__PURE__ */ c(
     "section",
     {
-      "aria-labelledby": r,
+      "aria-labelledby": l,
       className: [
         "ds:flex ds:flex-1 ds:min-h-0 ds:flex-col ds:items-center ds:justify-center",
         "ds:text-center",
@@ -107,33 +165,40 @@ function he({
       ].join(" "),
       "data-testid": "alia-empty-state",
       children: [
-        d ? /* @__PURE__ */ e(k, { name: s, src: d, size: "xl" }) : /* @__PURE__ */ e(y, { size: "xl", label: s }),
-        /* @__PURE__ */ o("div", { className: "ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-xs)] ds:max-w-[32rem]", children: [
+        a ? /* @__PURE__ */ e(I, { name: s, src: a, size: "xl" }) : /* @__PURE__ */ e(
+          w,
+          {
+            size: "xl",
+            label: s,
+            appearance: "spinner"
+          }
+        ),
+        /* @__PURE__ */ c("div", { className: "ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-xs)] ds:max-w-[32rem]", children: [
           /* @__PURE__ */ e(
             "h2",
             {
-              id: r,
+              id: l,
               className: "type-title-section ds:m-0 ds:text-[color:var(--foreground)]",
-              children: i
+              children: r
             }
           ),
           /* @__PURE__ */ e("p", { className: "type-body-sm ds:m-0 ds:text-[color:var(--muted-foreground)]", children: t })
         ] }),
-        l && l.length > 0 ? /* @__PURE__ */ e("div", { className: "ds:w-full ds:max-w-[40rem]", children: /* @__PURE__ */ e(
+        d && d.length > 0 ? /* @__PURE__ */ e("div", { className: "ds:w-full ds:max-w-[40rem]", children: /* @__PURE__ */ e(
           O,
           {
             label: u("alia.exampleQuestions"),
             className: "ds:justify-center",
-            children: l.map((c) => /* @__PURE__ */ e(
+            children: d.map((o) => /* @__PURE__ */ e(
               Q,
               {
                 intent: "suggestion",
-                startIcon: c.icon,
+                startIcon: o.icon,
                 keepOnSelect: !0,
-                onSelect: () => n == null ? void 0 : n(c),
-                children: c.label
+                onSelect: () => n == null ? void 0 : n(o),
+                children: o.label
               },
-              c.id
+              o.id
             ))
           }
         ) }) : null
@@ -141,27 +206,35 @@ function he({
     }
   );
 }
-function be({
+function je({
   message: s,
-  assistantName: d,
-  avatarSrc: i,
+  assistantName: a,
+  avatarSrc: r,
   renderMarkdown: t
 }) {
-  const { t: l, i18n: n } = z(), u = l("chat.message.role.assistant"), r = U(() => {
+  const { t: d, i18n: n } = y(), u = d("chat.message.role.assistant"), l = q(() => {
     if (!s.timestamp) return null;
     const m = s.timestamp instanceof Date ? s.timestamp : new Date(s.timestamp);
     return Number.isNaN(m.getTime()) ? null : new Intl.DateTimeFormat(n.language, {
       hour: "2-digit",
       minute: "2-digit"
     }).format(m);
-  }, [s.timestamp, n.language]), c = r ? l("chat.message.label", { role: u, time: r }) : l("chat.message.labelNoTime", { role: u });
-  return /* @__PURE__ */ o(
+  }, [s.timestamp, n.language]), o = l ? d("chat.message.label", { role: u, time: l }) : d("chat.message.labelNoTime", { role: u });
+  return /* @__PURE__ */ c(
     "article",
     {
-      "aria-label": c,
+      "aria-label": o,
       className: "ds:flex ds:w-full ds:items-start ds:flex-row ds:gap-[var(--spacing-sm)]",
       children: [
-        i ? /* @__PURE__ */ e(k, { name: d, src: i, size: "sm" }) : /* @__PURE__ */ e(y, { size: "sm", label: d }),
+        r ? /* @__PURE__ */ e(I, { name: a, src: r, size: "sm" }) : /* @__PURE__ */ e(
+          w,
+          {
+            size: "sm",
+            label: a,
+            appearance: "spinner",
+            loading: !0
+          }
+        ),
         /* @__PURE__ */ e("div", { className: "ds:flex ds:flex-col ds:items-start", children: /* @__PURE__ */ e(
           "div",
           {
@@ -176,7 +249,7 @@ function be({
               "ds:rounded-[var(--radius-md)] ds:rounded-es-[var(--radius-sm)]"
             ].join(" "),
             children: /* @__PURE__ */ e(
-              le,
+              ce,
               {
                 content: s.content,
                 isStreaming: !0,
@@ -189,15 +262,15 @@ function be({
     }
   );
 }
-function ve({
+function ke({
   assistantName: s,
-  avatarSrc: d,
-  onNewConversation: i,
+  avatarSrc: a,
+  onNewConversation: r,
   headerEndSlot: t,
-  density: l
+  density: d
 }) {
-  const { t: n } = z();
-  return /* @__PURE__ */ o(
+  const { t: n } = y();
+  return /* @__PURE__ */ c(
     "header",
     {
       "aria-label": n("alia.headerLabel"),
@@ -209,33 +282,34 @@ function ve({
         "ds:shadow-[var(--shadow-chrome-down)]",
         "ds:bg-[var(--background)]",
         "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
-        l === "compact" ? "ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]" : "ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]"
+        d === "compact" ? "ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]" : "ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]"
       ].join(" "),
       "data-testid": "alia-header",
       children: [
-        d ? /* @__PURE__ */ e(
-          k,
+        a ? /* @__PURE__ */ e(
+          I,
           {
             name: s,
-            src: d,
-            size: l === "compact" ? "sm" : "md"
+            src: a,
+            size: d === "compact" ? "sm" : "md"
           }
         ) : /* @__PURE__ */ e(
-          y,
+          w,
           {
-            size: l === "compact" ? "sm" : "md",
-            label: s
+            size: d === "compact" ? "sm" : "md",
+            label: s,
+            appearance: "spinner"
           }
         ),
         /* @__PURE__ */ e("span", { className: "type-title-item ds:text-[color:var(--foreground)]", children: s }),
-        /* @__PURE__ */ o("div", { className: "ds:ms-auto ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
-          i ? /* @__PURE__ */ e(
-            D,
+        /* @__PURE__ */ c("div", { className: "ds:ms-auto ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+          r ? /* @__PURE__ */ e(
+            M,
             {
               intent: "ghost",
               size: "sm",
-              startIcon: /* @__PURE__ */ e(oe, { "aria-hidden": "true" }),
-              onClick: i,
+              startIcon: /* @__PURE__ */ e(fe, { "aria-hidden": "true" }),
+              onClick: r,
               children: n("alia.newConversation")
             }
           ) : null,
@@ -245,70 +319,87 @@ function ve({
     }
   );
 }
-const S = C(
+const L = _(
   ({
     messages: s,
-    onSend: d,
-    onRetry: i,
+    onSend: a,
+    onRetry: r,
     onSuggestion: t,
-    suggestions: l,
+    suggestions: d,
     isGenerating: n = !1,
     onStopGenerating: u,
-    usage: r,
-    onUpgrade: c,
+    usage: l,
+    onUpgrade: o,
     assistantName: m,
-    assistantAvatar: a,
-    userAvatar: b,
-    greeting: v,
-    subtitle: I,
+    assistantAvatar: i,
+    userAvatar: v,
+    greeting: b,
+    subtitle: T,
     density: x = "default",
-    renderMarkdown: T = !0,
-    onNewConversation: X,
-    onAttach: q,
-    acceptedFileTypes: Z,
-    headerEndSlot: $
-  }, J) => {
-    const { t: p } = z(), f = m ?? p("alia.name"), K = v ?? p("alia.greeting"), V = I ?? p("alia.subtitle"), g = s[s.length - 1], j = (g == null ? void 0 : g.role) === "assistant" && g.streaming === !0, F = j ? s.slice(0, -1) : s, Y = U(() => {
-      const N = p("chat.message.role.user"), L = F.map((h) => {
-        let _;
-        return h.role === "assistant" ? _ = a != null && a.src ? { name: f, src: a.src } : { slot: /* @__PURE__ */ e(y, { size: "sm", label: f }) } : h.role === "user" && (_ = ge(b, N)), {
+    renderMarkdown: E = !0,
+    onNewConversation: V,
+    onAttach: Z,
+    acceptedFileTypes: $,
+    headerEndSlot: J,
+    ended: j
+  }, K) => {
+    const { t: p } = y(), k = j != null, f = m ?? p("alia.name"), Y = b ?? p("alia.greeting"), G = T ?? p("alia.subtitle"), g = s[s.length - 1], C = (g == null ? void 0 : g.role) === "assistant" && g.streaming === !0, R = C ? s.slice(0, -1) : s, A = q(() => {
+      const N = p("chat.message.role.user"), S = R.map((h) => {
+        let B;
+        return h.role === "assistant" ? B = i != null && i.src ? { name: f, src: i.src } : {
+          slot: /* @__PURE__ */ e(
+            w,
+            {
+              size: "sm",
+              label: f,
+              appearance: "spinner"
+            }
+          )
+        } : h.role === "user" && (B = ze(v, N)), {
           id: h.id,
           node: /* @__PURE__ */ e(
-            ie,
+            le,
             {
               role: h.role,
               content: h.content,
-              avatar: _,
+              avatar: B,
               timestamp: h.timestamp,
               status: h.status,
-              renderMarkdown: T,
-              onRetry: i ? () => i(h.id) : void 0
+              renderMarkdown: E,
+              onRetry: r ? () => r(h.id) : void 0
             }
           )
         };
       });
-      return j && g && L.push({
+      return C && g && S.push({
         id: g.id,
         node: /* @__PURE__ */ e(
-          be,
+          je,
           {
             message: g,
             assistantName: f,
-            avatarSrc: a == null ? void 0 : a.src,
-            renderMarkdown: T
+            avatarSrc: i == null ? void 0 : i.src,
+            renderMarkdown: E
           }
         )
-      }), n && !j && L.push({
+      }), n && !C && S.push({
         id: "__alia-typing__",
-        node: /* @__PURE__ */ o("div", { className: "ds:flex ds:w-full ds:items-start ds:gap-[var(--spacing-sm)]", children: [
-          a != null && a.src ? /* @__PURE__ */ e(
-            k,
+        node: /* @__PURE__ */ c("div", { className: "ds:flex ds:w-full ds:items-start ds:gap-[var(--spacing-sm)]", children: [
+          i != null && i.src ? /* @__PURE__ */ e(
+            I,
             {
               name: f,
-              src: a.src,
+              src: i.src,
               size: "sm"
             }
-          ) : /* @__PURE__ */ e(y, { size: "sm", label: f }),
+          ) : /* @__PURE__ */ e(
+            w,
+            {
+              size: "sm",
+              label: f,
+              appearance: "spinner"
+            }
+          ),
           /* @__PURE__ */ e(
             "div",
             {
@@ -318,66 +409,70 @@ const S = C(
                 "ds:rounded-[var(--radius-md)] ds:rounded-es-[var(--radius-sm)]",
                 "ds:bg-muted/40"
               ].join(" "),
-              children: /* @__PURE__ */ e(te, { label: p("chat.typing"), density: x })
+              children: /* @__PURE__ */ e(oe, { label: p("chat.typing"), density: x })
             }
           )
         ] })
-      }), L;
+      }), j && S.push({
+        id: "__alia-ended__",
+        node: /* @__PURE__ */ e(ye, { note: j.note })
+      }), S;
     }, [
-      F,
-      j,
+      R,
+      C,
       g,
       n,
       f,
-      a == null ? void 0 : a.src,
-      b,
-      T,
-      i,
+      i == null ? void 0 : i.src,
+      v,
+      E,
+      r,
       x,
+      j,
       p
-    ]), G = r ? Math.min(
+    ]), ee = l ? Math.min(
       100,
-      Math.max(0, r.current / Math.max(1, r.limit) * 100)
-    ) : 0, w = r ? r.current >= r.limit : !1, M = r ? r.label ?? p("alia.usageLabel", {
-      current: r.current,
-      limit: r.limit
-    }) : null, R = s.length === 0 && !n, H = /* @__PURE__ */ o("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
-      r ? /* @__PURE__ */ o("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
-        /* @__PURE__ */ o("div", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+      Math.max(0, l.current / Math.max(1, l.limit) * 100)
+    ) : 0, z = l ? l.current >= l.limit : !1, H = l ? l.label ?? p("alia.usageLabel", {
+      current: l.current,
+      limit: l.limit
+    }) : null, U = s.length === 0 && !n && !k, X = /* @__PURE__ */ c("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+      l ? /* @__PURE__ */ c("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+        /* @__PURE__ */ c("div", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
           /* @__PURE__ */ e(
             "span",
             {
               className: [
                 "type-meta",
-                w ? "ds:text-[color:var(--destructive)]" : "ds:text-[color:var(--muted-foreground)]"
+                z ? "ds:text-[color:var(--destructive)]" : "ds:text-[color:var(--muted-foreground)]"
               ].join(" "),
               "data-testid": "alia-usage-label",
-              children: w ? p("alia.usageLimitReached") : M
+              children: z ? p("alia.usageLimitReached") : H
             }
           ),
-          w && c ? /* @__PURE__ */ e(D, { intent: "primary", size: "sm", onClick: c, children: p("alia.upgrade") }) : null
+          z && o ? /* @__PURE__ */ e(M, { intent: "primary", size: "sm", onClick: o, children: p("alia.upgrade") }) : null
         ] }),
         /* @__PURE__ */ e(
-          ne,
+          me,
           {
-            value: G,
+            value: ee,
             max: 100,
             size: "sm",
-            ariaLabel: M ?? p("alia.usageLabel", {
-              current: r.current,
-              limit: r.limit
+            ariaLabel: H ?? p("alia.usageLabel", {
+              current: l.current,
+              limit: l.limit
             }),
-            className: w ? "ds:[&_[role=progressbar]>*]:bg-[color:var(--destructive)]" : void 0,
+            className: z ? "ds:[&_[role=progressbar]>*]:bg-[color:var(--destructive)]" : void 0,
             "data-testid": "alia-usage-progress"
           }
         )
       ] }) : null,
-      !R && l && l.length > 0 && !n ? /* @__PURE__ */ e(
+      !U && d && d.length > 0 && !n && !k ? /* @__PURE__ */ e(
         O,
         {
           label: p("alia.exampleQuestions"),
           "data-testid": "alia-followup-suggestions",
-          children: l.map((N) => /* @__PURE__ */ e(
+          children: d.map((N) => /* @__PURE__ */ e(
             Q,
             {
               intent: "followup",
@@ -390,24 +485,24 @@ const S = C(
           ))
         }
       ) : null,
-      /* @__PURE__ */ o("div", { className: "ds:flex ds:items-end ds:gap-[var(--spacing-sm)]", children: [
+      /* @__PURE__ */ c("div", { className: "ds:flex ds:items-end ds:gap-[var(--spacing-sm)]", children: [
         /* @__PURE__ */ e("div", { className: "ds:flex-1 ds:min-w-0", children: /* @__PURE__ */ e(
-          re,
+          te,
           {
             submitOnEnter: !0,
-            onSubmit: d,
-            onAttach: q,
-            accept: Z,
-            disabled: w,
+            onSubmit: a,
+            onAttach: Z,
+            accept: $,
+            disabled: z || k,
             "data-testid": "alia-composer"
           }
         ) }),
-        n && u ? /* @__PURE__ */ e(
-          D,
+        n && u && !k ? /* @__PURE__ */ e(
+          M,
           {
             intent: "outline",
             size: "sm",
-            startIcon: /* @__PURE__ */ e(ce, { "aria-hidden": "true" }),
+            startIcon: /* @__PURE__ */ e(pe, { "aria-hidden": "true" }),
             onClick: u,
             "aria-label": p("alia.stopGenerating"),
             children: p("alia.stopGenerating")
@@ -415,10 +510,10 @@ const S = C(
         ) : null
       ] })
     ] });
-    return /* @__PURE__ */ o(
+    return /* @__PURE__ */ c(
       "div",
       {
-        ref: J,
+        ref: K,
         className: [
           "ds:flex ds:min-h-0 ds:flex-1 ds:flex-col",
           "ds:bg-[var(--background)] ds:text-[color:var(--foreground)]"
@@ -426,24 +521,24 @@ const S = C(
         "data-testid": "alia-surface",
         children: [
           /* @__PURE__ */ e(
-            ve,
+            ke,
             {
               assistantName: f,
-              avatarSrc: a == null ? void 0 : a.src,
-              onNewConversation: X,
-              headerEndSlot: $,
+              avatarSrc: i == null ? void 0 : i.src,
+              onNewConversation: V,
+              headerEndSlot: J,
               density: x
             }
           ),
-          R ? /* @__PURE__ */ o(A, { children: [
+          U ? /* @__PURE__ */ c(se, { children: [
             /* @__PURE__ */ e(
-              he,
+              we,
               {
                 assistantName: f,
-                avatarSrc: a == null ? void 0 : a.src,
-                greeting: K,
-                subtitle: V,
-                suggestions: l,
+                avatarSrc: i == null ? void 0 : i.src,
+                greeting: Y,
+                subtitle: G,
+                suggestions: d,
                 onSuggestion: t
               }
             ),
@@ -461,15 +556,15 @@ const S = C(
                   "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
                   "ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]"
                 ].join(" "),
-                children: H
+                children: X
               }
             )
           ] }) : /* @__PURE__ */ e(
-            de,
+            re,
             {
-              messages: Y,
+              messages: A,
               density: x,
-              composer: H,
+              composer: X,
               className: "ds:flex-1 ds:min-h-0"
             }
           )
@@ -478,12 +573,12 @@ const S = C(
     );
   }
 );
-S.displayName = "AliaChatSurface";
-const xe = C(
-  ({ headerSlot: s, ...d }, i) => /* @__PURE__ */ o(
+L.displayName = "AliaChatSurface";
+const Ce = _(
+  ({ headerSlot: s, ...a }, r) => /* @__PURE__ */ c(
     "div",
     {
-      ref: i,
+      ref: r,
       className: [
         "ds:flex ds:min-h-0 ds:flex-1 ds:flex-col",
         "ds:bg-[var(--background)] ds:text-[color:var(--foreground)]",
@@ -511,62 +606,62 @@ const xe = C(
               "ds:[max-inline-size:48rem]",
               "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]"
             ].join(" "),
-            children: /* @__PURE__ */ e(S, { ...d })
+            children: /* @__PURE__ */ e(L, { ...a })
           }
         ) })
       ]
     }
   )
 );
-xe.displayName = "AliaEmbedded";
-function Ne(s) {
+Ce.displayName = "AliaEmbedded";
+function Se(s) {
   return s > 99 ? "99+" : String(s);
 }
-const ze = C(
+const _e = _(
   ({
     open: s,
-    onOpenChange: d,
-    position: i = "bottom-end",
+    onOpenChange: a,
+    position: r = "bottom-end",
     unseenCount: t,
-    assistantName: l,
+    assistantName: d,
     assistantAvatar: n,
     ...u
-  }, r) => {
-    const { t: c } = z(), m = l || c("alia.name"), a = typeof t == "number" && t > 0, b = a ? c("alia.unseenCount", { count: t }) : c("alia.open"), v = /* @__PURE__ */ e(ee.Close, { asChild: !0, children: /* @__PURE__ */ e(
-      B,
+  }, l) => {
+    const { t: o } = y(), m = d || o("alia.name"), i = typeof t == "number" && t > 0, v = i ? o("alia.unseenCount", { count: t }) : o("alia.open"), b = /* @__PURE__ */ e(ae.Close, { asChild: !0, children: /* @__PURE__ */ e(
+      P,
       {
-        icon: /* @__PURE__ */ e(ae, { "aria-hidden": "true" }),
+        icon: /* @__PURE__ */ e(ie, { "aria-hidden": "true" }),
         intent: "ghost",
         size: "sm",
-        "aria-label": c("alia.close"),
+        "aria-label": o("alia.close"),
         "data-testid": "alia-popout-close"
       }
     ) });
-    return /* @__PURE__ */ o(E.Root, { open: s, onOpenChange: d, children: [
+    return /* @__PURE__ */ c(D.Root, { open: s, onOpenChange: a, children: [
       /* @__PURE__ */ e(
         "div",
         {
-          ref: r,
+          ref: l,
           className: [
             "ds:fixed ds:z-[var(--z-fixed)]",
             "ds:bottom-[calc(var(--spacing-lg)+env(safe-area-inset-bottom,0px))]",
-            i === "bottom-end" ? "ds:end-[var(--spacing-lg)]" : "ds:start-[var(--spacing-lg)]"
+            r === "bottom-end" ? "ds:end-[var(--spacing-lg)]" : "ds:start-[var(--spacing-lg)]"
           ].join(" "),
           "data-testid": "alia-popout-fab-wrapper",
-          children: /* @__PURE__ */ o("div", { className: "ds:relative", children: [
+          children: /* @__PURE__ */ c("div", { className: "ds:relative", children: [
             /* @__PURE__ */ e(
-              se,
+              de,
               {
-                icon: /* @__PURE__ */ e(P, { "aria-hidden": "true" }),
-                "aria-label": b,
+                icon: /* @__PURE__ */ e(F, { "aria-hidden": "true" }),
+                "aria-label": v,
                 variant: "primary",
                 size: "md",
                 position: "static",
-                onClick: () => d(!0),
+                onClick: () => a(!0),
                 "data-testid": "alia-popout-fab"
               }
             ),
-            a ? /* @__PURE__ */ e(
+            i ? /* @__PURE__ */ e(
               "span",
               {
                 "aria-hidden": "true",
@@ -583,30 +678,30 @@ const ze = C(
                   "ds:pointer-events-none ds:select-none",
                   "ds:forced-colors:outline ds:forced-colors:outline-1 ds:forced-colors:outline-[CanvasText]"
                 ].join(" "),
-                children: Ne(t)
+                children: Se(t)
               }
             ) : null
           ] })
         }
       ),
-      /* @__PURE__ */ o(
-        E.Content,
+      /* @__PURE__ */ c(
+        D.Content,
         {
           side: "end",
           size: "md",
-          "aria-label": c("alia.panelLabel"),
+          "aria-label": o("alia.panelLabel"),
           className: "ds:flex ds:min-h-0 ds:flex-col ds:p-0",
           "data-testid": "alia-popout-panel",
           children: [
-            /* @__PURE__ */ e(E.Title, { className: "ds:sr-only", children: m }),
+            /* @__PURE__ */ e(D.Title, { className: "ds:sr-only", children: m }),
             /* @__PURE__ */ e(
-              S,
+              L,
               {
                 ...u,
                 assistantName: m,
                 assistantAvatar: n,
                 density: "compact",
-                headerEndSlot: v
+                headerEndSlot: b
               }
             )
           ]
@@ -615,51 +710,51 @@ const ze = C(
     ] });
   }
 );
-ze.displayName = "AliaPopout";
-function we(s) {
+_e.displayName = "AliaPopout";
+function Ie(s) {
   return s > 99 ? "99+" : String(s);
 }
-const ye = "ds:[inline-size:22rem]", je = "ds:[inline-size:3rem]", Ce = C(
+const Le = "ds:[inline-size:22rem]", Te = "ds:[inline-size:3rem]", Ee = _(
   ({
     open: s,
-    onOpenChange: d,
-    side: i = "end",
+    onOpenChange: a,
+    side: r = "end",
     unseenCount: t,
-    footerSlot: l,
+    footerSlot: d,
     assistantName: n,
     assistantAvatar: u,
-    ...r
-  }, c) => {
-    const { t: m } = z(), a = n || m("alia.name"), b = typeof t == "number" && t > 0, v = i === "end" ? "ds:shadow-[var(--shadow-chrome-start)]" : "ds:shadow-[var(--shadow-chrome-end)]", I = b ? m("alia.unseenCount", { count: t }) : m("alia.open");
+    ...l
+  }, o) => {
+    const { t: m } = y(), i = n || m("alia.name"), v = typeof t == "number" && t > 0, b = r === "end" ? "ds:shadow-[var(--shadow-chrome-start)]" : "ds:shadow-[var(--shadow-chrome-end)]", T = v ? m("alia.unseenCount", { count: t }) : m("alia.open");
     if (!s)
       return /* @__PURE__ */ e(
         "aside",
         {
-          ref: c,
+          ref: o,
           "aria-label": m("alia.panelLabel"),
           className: [
             "ds:flex ds:shrink-0 ds:flex-col ds:items-center",
             "ds:bg-[var(--background)]",
-            v,
+            b,
             "ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]",
-            je
+            Te
           ].join(" "),
           "data-testid": "alia-sidebar-rail",
           "data-alia-sidebar-state": "collapsed",
-          children: /* @__PURE__ */ o("div", { className: "ds:relative ds:[&_svg]:text-[color:var(--accent)]", children: [
+          children: /* @__PURE__ */ c("div", { className: "ds:relative ds:[&_svg]:text-[color:var(--accent)]", children: [
             /* @__PURE__ */ e(
-              B,
+              P,
               {
-                icon: /* @__PURE__ */ e(P, { "aria-hidden": "true" }),
-                "aria-label": I,
+                icon: /* @__PURE__ */ e(F, { "aria-hidden": "true" }),
+                "aria-label": T,
                 "aria-expanded": "false",
                 intent: "ghost",
                 size: "sm",
-                onClick: () => d(!0),
+                onClick: () => a(!0),
                 "data-testid": "alia-sidebar-rail-trigger"
               }
             ),
-            b ? /* @__PURE__ */ e(
+            v ? /* @__PURE__ */ e(
               "span",
               {
                 "aria-hidden": "true",
@@ -676,55 +771,55 @@ const ye = "ds:[inline-size:22rem]", je = "ds:[inline-size:3rem]", Ce = C(
                   "ds:pointer-events-none ds:select-none",
                   "ds:forced-colors:outline ds:forced-colors:outline-1 ds:forced-colors:outline-[CanvasText]"
                 ].join(" "),
-                children: we(t)
+                children: Ie(t)
               }
             ) : null
           ] })
         }
       );
     const x = /* @__PURE__ */ e(
-      B,
+      P,
       {
-        icon: i === "end" ? /* @__PURE__ */ e(pe, {}) : /* @__PURE__ */ e(ue, {}),
+        icon: r === "end" ? /* @__PURE__ */ e(he, {}) : /* @__PURE__ */ e(ve, {}),
         intent: "ghost",
         size: "sm",
         "aria-label": m("alia.close"),
         "aria-expanded": "true",
-        onClick: () => d(!1),
+        onClick: () => a(!1),
         "data-testid": "alia-sidebar-collapse"
       }
     );
-    return /* @__PURE__ */ o(
+    return /* @__PURE__ */ c(
       "aside",
       {
-        ref: c,
+        ref: o,
         "aria-label": m("alia.panelLabel"),
         className: [
           "ds:flex ds:shrink-0 ds:flex-col ds:min-h-0",
           "ds:bg-[var(--background)]",
-          v,
-          ye,
+          b,
+          Le,
           "ds:h-full"
         ].join(" "),
         "data-testid": "alia-sidebar",
         "data-alia-sidebar-state": "expanded",
         children: [
           /* @__PURE__ */ e("div", { className: "ds:flex ds:min-h-0 ds:flex-1 ds:flex-col", children: /* @__PURE__ */ e(
-            S,
+            L,
             {
-              ...r,
-              assistantName: a,
+              ...l,
+              assistantName: i,
               assistantAvatar: u,
               density: "compact",
               headerEndSlot: x
             }
           ) }),
-          l ? /* @__PURE__ */ e(
+          d ? /* @__PURE__ */ e(
             "div",
             {
               "data-testid": "alia-sidebar-footer-slot",
               className: "ds:shrink-0 ds:shadow-[var(--shadow-chrome-up)]",
-              children: l
+              children: d
             }
           ) : null
         ]
@@ -732,11 +827,11 @@ const ye = "ds:[inline-size:22rem]", je = "ds:[inline-size:3rem]", Ce = C(
     );
   }
 );
-Ce.displayName = "AliaSidebar";
+Ee.displayName = "AliaSidebar";
 export {
-  S as A,
-  xe as a,
-  ze as b,
-  Ce as c
+  L as A,
+  Ce as a,
+  _e as b,
+  Ee as c
 };
-//# sourceMappingURL=alia-sidebar-BpX4z_af.js.map
+//# sourceMappingURL=alia-sidebar-Be8FhKYd.js.map