@alfadocs/ui-kit-debug 0.46.0 → 0.48.0

package/dist/_chunks/alia-sidebar-DlvyXgVC.js

@@ -0,0 +1,1126 @@
+import { jsx as e, jsxs as m, Fragment as re } from "react/jsx-runtime";
+import { forwardRef as D, useState as L, useMemo as M, useCallback as U, useRef as Le, useEffect as de } from "react";
+import * as Se from "@radix-ui/react-dialog";
+import { useTranslation as x } from "react-i18next";
+import { F as Te } from "./floating-action-button-pojvb9gG.js";
+import { I as w } from "./icon-button-CKEOrN37.js";
+import { S as J } from "./sheet-xbzu4YiY.js";
+import { X as te } from "./x-CCcI3eJp.js";
+import { S as Y } from "./sparkles-CuYXqQLg.js";
+import { A as F } from "./avatar-BNQNhoyL.js";
+import { B as S } from "./button-DD_0Xdmr.js";
+import { C as Ie } from "./chat-container-ogB4OskO.js";
+import { C as Ee } from "./chat-message-Dm8U2RY1.js";
+import { C as ne, P as _e } from "./chat-input-CFwc7JxL.js";
+import { S as Re } from "./spinner-OjQNn8oN.js";
+import { S as Pe } from "./streaming-text-CfhDqtIT.js";
+import { a as le, S as oe } from "./suggestion-chip-C4kxWUIs.js";
+import { T as Be } from "./typing-indicator-DHeVN4ob.js";
+import { P as Ue } from "./progress-kzIRcdaq.js";
+import { P as De } from "./pencil-CfQX-0Qc.js";
+import { S as Fe } from "./square-CZoGU14v.js";
+import { C as Oe } from "./check-DPdL_Sm7.js";
+import { C as $e } from "./copy-B00HK7tj.js";
+import { D as He } from "./download-CDF1sbL9.js";
+import { R as We } from "./refresh-cw-CC8jSKMr.js";
+import { c as Xe } from "./createLucideIcon-CrFbzy84.js";
+import { M as qe } from "./mic-B4Gog3Gi.js";
+import { P as Qe } from "./plus-CYKNmfuA.js";
+import { U as Ke } from "./user-CPxpqFjJ.js";
+import { a as Ze, C as Je } 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 Me = [
+  [
+    "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" }]
+], Ye = Xe("shield-x", Me), ce = {
+  sm: {
+    box: "ds:size-[calc(var(--spacing-md)*2)]",
+    icon: "ds:size-4"
+  },
+  md: {
+    box: "ds:size-[calc(var(--spacing-md)*2.5)]",
+    icon: "ds:size-[1.125rem]"
+  },
+  xl: {
+    box: "ds:size-[calc(var(--spacing-md)*4)]",
+    icon: "ds:size-8"
+  }
+};
+function T({
+  size: s,
+  label: i,
+  appearance: t = "sparkle",
+  loading: d = !1
+}) {
+  const a = ce[s];
+  return t === "spinner" ? /* @__PURE__ */ e(
+    "span",
+    {
+      role: "img",
+      "aria-label": i,
+      className: "ds:inline-flex ds:shrink-0 ds:items-center ds:justify-center ds:text-[color:var(--primary)]",
+      children: /* @__PURE__ */ e(
+        Re,
+        {
+          "aria-hidden": !0,
+          variant: d ? "pulse" : "static",
+          className: a.box
+        }
+      )
+    }
+  ) : /* @__PURE__ */ e(
+    "span",
+    {
+      role: "img",
+      "aria-label": i,
+      className: [
+        "ds:inline-flex ds:shrink-0 ds:items-center ds:justify-center",
+        "ds:rounded-[var(--radius-full)]",
+        // Subtle accent-tinted disc so the sparkle reads against both
+        // light and dark surfaces without a hard-coded literal colour.
+        "ds:bg-[color-mix(in_srgb,var(--accent)_14%,transparent)]",
+        "ds:text-[color:var(--accent)]",
+        // 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]",
+        a.box
+      ].join(" "),
+      children: /* @__PURE__ */ e(Y, { "aria-hidden": "true", className: a.icon })
+    }
+  );
+}
+function Ge({
+  size: s,
+  label: i
+}) {
+  const t = ce[s];
+  return /* @__PURE__ */ e(
+    "span",
+    {
+      role: "img",
+      "aria-label": i,
+      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]",
+        t.box
+      ].join(" "),
+      children: /* @__PURE__ */ e(Ke, { "aria-hidden": "true", className: t.icon })
+    }
+  );
+}
+function Ve({ note: s }) {
+  return /* @__PURE__ */ m(
+    "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(
+          Ye,
+          {
+            "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 Ae(s, i) {
+  return s ? s.slot ? { slot: s.slot } : { name: s.name, src: s.src } : { slot: /* @__PURE__ */ e(Ge, { size: "sm", label: i }) };
+}
+function es({
+  assistantName: s,
+  avatarSrc: i,
+  greeting: t,
+  subtitle: d,
+  suggestions: a,
+  onSuggestion: l
+}) {
+  const { t: p } = x(), n = "alia-empty-state-heading";
+  return /* @__PURE__ */ m(
+    "section",
+    {
+      "aria-labelledby": n,
+      className: [
+        "ds:flex ds:flex-1 ds:min-h-0 ds:flex-col ds:items-center ds:justify-center",
+        "ds:text-center",
+        "ds:ps-[var(--spacing-lg)] ds:pe-[var(--spacing-lg)]",
+        "ds:pt-[var(--spacing-xl)] ds:pb-[var(--spacing-xl)]",
+        "ds:gap-[var(--spacing-md)]"
+      ].join(" "),
+      "data-testid": "alia-empty-state",
+      children: [
+        i ? /* @__PURE__ */ e(F, { name: s, src: i, size: "xl" }) : /* @__PURE__ */ e(
+          T,
+          {
+            size: "xl",
+            label: s,
+            appearance: "spinner"
+          }
+        ),
+        /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-xs)] ds:max-w-[32rem]", children: [
+          /* @__PURE__ */ e(
+            "h2",
+            {
+              id: n,
+              className: "type-title-section ds:m-0 ds:text-[color:var(--foreground)]",
+              children: t
+            }
+          ),
+          /* @__PURE__ */ e("p", { className: "type-body-sm ds:m-0 ds:text-[color:var(--muted-foreground)]", children: d })
+        ] }),
+        a && a.length > 0 ? /* @__PURE__ */ e("div", { className: "ds:w-full ds:max-w-[40rem]", children: /* @__PURE__ */ e(
+          le,
+          {
+            label: p("alia.exampleQuestions"),
+            className: "ds:justify-center",
+            children: a.map((c) => /* @__PURE__ */ e(
+              oe,
+              {
+                intent: "suggestion",
+                startIcon: c.icon,
+                keepOnSelect: !0,
+                onSelect: () => l == null ? void 0 : l(c),
+                children: c.label
+              },
+              c.id
+            ))
+          }
+        ) }) : null
+      ]
+    }
+  );
+}
+function ss({
+  message: s,
+  assistantName: i,
+  avatarSrc: t,
+  renderMarkdown: d
+}) {
+  const { t: a, i18n: l } = x(), p = a("chat.message.role.assistant"), n = M(() => {
+    if (!s.timestamp) return null;
+    const o = s.timestamp instanceof Date ? s.timestamp : new Date(s.timestamp);
+    return Number.isNaN(o.getTime()) ? null : new Intl.DateTimeFormat(l.language, {
+      hour: "2-digit",
+      minute: "2-digit"
+    }).format(o);
+  }, [s.timestamp, l.language]), c = n ? a("chat.message.label", { role: p, time: n }) : a("chat.message.labelNoTime", { role: p });
+  return /* @__PURE__ */ m(
+    "article",
+    {
+      "aria-label": c,
+      className: "ds:flex ds:w-full ds:items-start ds:flex-row ds:gap-[var(--spacing-sm)]",
+      children: [
+        t ? /* @__PURE__ */ e(F, { name: i, src: t, size: "sm" }) : /* @__PURE__ */ e(
+          T,
+          {
+            size: "sm",
+            label: i,
+            appearance: "spinner",
+            loading: !0
+          }
+        ),
+        /* @__PURE__ */ e("div", { className: "ds:flex ds:flex-col ds:items-start", children: /* @__PURE__ */ e(
+          "div",
+          {
+            dir: "auto",
+            className: [
+              "ds:relative ds:max-w-[min(42rem,90%)]",
+              "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
+              "ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]",
+              "type-body",
+              "ds:break-words",
+              "ds:bg-muted/40 ds:text-foreground",
+              "ds:rounded-[var(--radius-md)] ds:rounded-es-[var(--radius-sm)]"
+            ].join(" "),
+            children: /* @__PURE__ */ e(
+              Pe,
+              {
+                content: s.content,
+                isStreaming: !0,
+                renderMarkdown: d
+              }
+            )
+          }
+        ) })
+      ]
+    }
+  );
+}
+function as({
+  assistantName: s,
+  avatarSrc: i,
+  onNewConversation: t,
+  headerEndSlot: d,
+  density: a
+}) {
+  const { t: l } = x();
+  return /* @__PURE__ */ m(
+    "header",
+    {
+      "aria-label": l("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`
+        // against `--border` — same rationale as the Alia sidebar's inline
+        // edge (see alia-sidebar.tsx).
+        "ds:shadow-[var(--shadow-chrome-down)]",
+        "ds:bg-[var(--background)]",
+        "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
+        a === "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: [
+        i ? /* @__PURE__ */ e(
+          F,
+          {
+            name: s,
+            src: i,
+            size: a === "compact" ? "sm" : "md"
+          }
+        ) : /* @__PURE__ */ e(
+          T,
+          {
+            size: a === "compact" ? "sm" : "md",
+            label: s,
+            appearance: "spinner"
+          }
+        ),
+        /* @__PURE__ */ e("span", { className: "type-title-item ds:text-[color:var(--foreground)]", children: s }),
+        /* @__PURE__ */ m("div", { className: "ds:ms-auto ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+          t ? /* @__PURE__ */ e(
+            S,
+            {
+              intent: "ghost",
+              size: "sm",
+              startIcon: /* @__PURE__ */ e(Qe, { "aria-hidden": "true" }),
+              onClick: t,
+              children: l("alia.newConversation")
+            }
+          ) : null,
+          d
+        ] })
+      ]
+    }
+  );
+}
+function is(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);
+}
+function ds(s, i) {
+  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);
+}
+function rs(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 ts = () => {
+  var s;
+  return typeof navigator < "u" && typeof ((s = navigator.clipboard) == null ? void 0 : s.writeText) == "function";
+};
+function ns({
+  message: s,
+  actions: i,
+  assistantName: t,
+  canRegenerate: d,
+  onCopyMessage: a,
+  onDownloadMessage: l,
+  onRegenerate: p
+}) {
+  const { t: n } = x(), [c, o] = L(!1), r = U(() => {
+    is(s.content).then((v) => {
+      v && (o(!0), setTimeout(() => o(!1), 2e3), a == null || a(s.id));
+    });
+  }, [s.content, s.id, a]), g = U(() => {
+    ds(s.content, rs(t)), l == null || l(s.id);
+  }, [s.content, s.id, t, l]);
+  return /* @__PURE__ */ m(re, { children: [
+    i.includes("copy") && ts() ? /* @__PURE__ */ e(
+      w,
+      {
+        icon: c ? /* @__PURE__ */ e(Oe, {}) : /* @__PURE__ */ e($e, {}),
+        "aria-label": n(c ? "alia.copied" : "alia.copyMessage"),
+        intent: "ghost",
+        size: "sm",
+        onClick: r
+      }
+    ) : null,
+    i.includes("download") ? /* @__PURE__ */ e(
+      w,
+      {
+        icon: /* @__PURE__ */ e(He, {}),
+        "aria-label": n("alia.downloadMessage"),
+        intent: "ghost",
+        size: "sm",
+        onClick: g
+      }
+    ) : null,
+    d && p ? /* @__PURE__ */ e(
+      w,
+      {
+        icon: /* @__PURE__ */ e(We, {}),
+        "aria-label": n("alia.regenerate"),
+        intent: "ghost",
+        size: "sm",
+        onClick: () => p(s.id)
+      }
+    ) : null,
+    /* @__PURE__ */ e("span", { role: "status", "aria-live": "polite", className: "ds:sr-only", children: c ? n("alia.copied") : "" })
+  ] });
+}
+function ls({
+  attachments: s,
+  onRemove: i
+}) {
+  const { t } = x();
+  return s.length === 0 ? null : /* @__PURE__ */ e(
+    "ul",
+    {
+      "aria-label": t("alia.attachmentsLabel"),
+      className: "ds:m-0 ds:flex ds:list-none ds:flex-wrap ds:gap-[var(--spacing-xs)] ds:p-0",
+      children: s.map((d) => /* @__PURE__ */ m(
+        "li",
+        {
+          className: [
+            "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]",
+            "ds:rounded-[var(--radius-full)] ds:bg-[var(--muted)]",
+            "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-xs)]",
+            "ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]"
+          ].join(" "),
+          children: [
+            /* @__PURE__ */ e(
+              _e,
+              {
+                "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(
+              w,
+              {
+                icon: /* @__PURE__ */ e(te, {}),
+                "aria-label": t("alia.removeAttachment", { name: d.name }),
+                intent: "ghost",
+                size: "sm",
+                onClick: () => i(d.id)
+              }
+            ) : null
+          ]
+        },
+        d.id
+      ))
+    }
+  );
+}
+function me() {
+  if (typeof window > "u") return;
+  const s = window;
+  return s.SpeechRecognition ?? s.webkitSpeechRecognition;
+}
+function os({
+  lang: s,
+  disabled: i,
+  onTranscript: t
+}) {
+  const { t: d } = x(), [a, l] = L(!1), p = Le(null), n = U(() => {
+    var o;
+    (o = p.current) == null || o.stop(), l(!1);
+  }, []), c = U(() => {
+    const o = me();
+    if (!o) return;
+    const r = new o();
+    r.lang = s, r.continuous = !1, r.interimResults = !1, r.onresult = (g) => {
+      let v = "";
+      for (let C = 0; C < g.results.length; C++)
+        v += g.results[C][0].transcript;
+      v && t(v);
+    }, r.onend = () => l(!1), r.onerror = () => l(!1), p.current = r, r.start(), l(!0);
+  }, [s, t]);
+  return de(() => {
+    if (!a) return;
+    const o = (r) => {
+      r.key === "Escape" && n();
+    };
+    return window.addEventListener("keydown", o), () => window.removeEventListener("keydown", o);
+  }, [a, n]), de(() => () => {
+    var o;
+    return (o = p.current) == null ? void 0 : o.stop();
+  }, []), /* @__PURE__ */ e(
+    w,
+    {
+      icon: /* @__PURE__ */ e(qe, {}),
+      "aria-label": d(a ? "alia.dictateStop" : "alia.dictate"),
+      "aria-pressed": a,
+      intent: a ? "primary" : "ghost",
+      size: "sm",
+      disabled: i,
+      onClick: () => a ? n() : c(),
+      className: a ? "ds:motion-safe:animate-pulse ds:motion-reduce:animate-none ds:[.theme-accessible_&]:animate-none" : void 0
+    }
+  );
+}
+function cs({
+  initialText: s,
+  onSave: i,
+  onCancel: t
+}) {
+  const { t: d } = x(), [a, l] = L(s);
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      className: "ds:flex ds:w-full ds:flex-col ds:gap-[var(--spacing-xs)]",
+      "data-testid": "alia-message-editor",
+      children: [
+        /* @__PURE__ */ e(
+          ne,
+          {
+            label: d("alia.editMessage"),
+            value: a,
+            onChange: (p) => l(p.target.value),
+            submitOnEnter: !0,
+            onSubmit: (p) => i(p),
+            minRows: 2
+          }
+        ),
+        /* @__PURE__ */ m("div", { className: "ds:flex ds:items-center ds:justify-end ds:gap-[var(--spacing-xs)]", children: [
+          /* @__PURE__ */ e(S, { intent: "ghost", size: "sm", onClick: t, children: d("alia.cancelEdit") }),
+          /* @__PURE__ */ e(
+            S,
+            {
+              intent: "primary",
+              size: "sm",
+              onClick: () => i(a),
+              disabled: a.trim().length === 0,
+              children: d("alia.saveEdit")
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+const O = D(
+  ({
+    messages: s,
+    onSend: i,
+    onRetry: t,
+    onSuggestion: d,
+    suggestions: a,
+    isGenerating: l = !1,
+    onStopGenerating: p,
+    usage: n,
+    onUpgrade: c,
+    assistantName: o,
+    assistantAvatar: r,
+    userAvatar: g,
+    greeting: v,
+    subtitle: C,
+    density: k = "default",
+    renderMarkdown: $ = !0,
+    onNewConversation: pe,
+    onAttach: ue,
+    acceptedFileTypes: fe,
+    headerEndSlot: he,
+    ended: I,
+    messageActions: E,
+    onCopyMessage: G,
+    onDownloadMessage: V,
+    voiceInput: ge,
+    onVoiceTranscript: H,
+    attachments: W,
+    onRemoveAttachment: ve,
+    showScrollToLatest: be,
+    onRegenerate: _,
+    onEditMessage: R
+  }, xe) => {
+    const { t: h, i18n: Ne } = x(), [A, X] = L(null), [we, q] = L(""), P = !!ge && me() != null, Q = M(() => {
+      for (let f = s.length - 1; f >= 0; f--) {
+        const b = s[f];
+        if (b.role === "assistant" && !b.streaming) return b.id;
+      }
+    }, [s]), j = I != null, N = o ?? h("alia.name"), ye = v ?? h("alia.greeting"), Ce = C ?? h("alia.subtitle"), y = s[s.length - 1], B = (y == null ? void 0 : y.role) === "assistant" && y.streaming === !0, ee = B ? s.slice(0, -1) : s, ke = M(() => {
+      const f = h("chat.message.role.user"), b = ee.map((u) => {
+        let K;
+        if (u.role === "assistant" ? K = r != null && r.src ? { name: N, src: r.src } : {
+          slot: /* @__PURE__ */ e(
+            T,
+            {
+              size: "sm",
+              label: N,
+              appearance: "spinner"
+            }
+          )
+        } : u.role === "user" && (K = Ae(g, f)), u.role === "user" && R && A === u.id)
+          return {
+            id: u.id,
+            node: /* @__PURE__ */ e(
+              cs,
+              {
+                initialText: u.content,
+                onSave: (je) => {
+                  R(u.id, je), X(null);
+                },
+                onCancel: () => X(null)
+              }
+            )
+          };
+        let Z;
+        return u.role === "assistant" && (E && E.length > 0 || _ && u.id === Q) ? Z = /* @__PURE__ */ e(
+          ns,
+          {
+            message: u,
+            actions: E ?? [],
+            assistantName: N,
+            canRegenerate: !!_ && u.id === Q,
+            onCopyMessage: G,
+            onDownloadMessage: V,
+            onRegenerate: _
+          }
+        ) : u.role === "user" && R && (Z = /* @__PURE__ */ e(
+          w,
+          {
+            icon: /* @__PURE__ */ e(De, {}),
+            "aria-label": h("alia.editMessage"),
+            intent: "ghost",
+            size: "sm",
+            onClick: () => X(u.id)
+          }
+        )), {
+          id: u.id,
+          node: /* @__PURE__ */ e(
+            Ee,
+            {
+              role: u.role,
+              content: u.content,
+              body: u.body,
+              avatar: K,
+              timestamp: u.timestamp,
+              status: u.status,
+              renderMarkdown: $,
+              onRetry: t ? () => t(u.id) : void 0,
+              actions: Z
+            }
+          )
+        };
+      });
+      return B && y && b.push({
+        id: y.id,
+        node: /* @__PURE__ */ e(
+          ss,
+          {
+            message: y,
+            assistantName: N,
+            avatarSrc: r == null ? void 0 : r.src,
+            renderMarkdown: $
+          }
+        )
+      }), l && !B && b.push({
+        id: "__alia-typing__",
+        node: /* @__PURE__ */ m("div", { className: "ds:flex ds:w-full ds:items-start ds:gap-[var(--spacing-sm)]", children: [
+          r != null && r.src ? /* @__PURE__ */ e(
+            F,
+            {
+              name: N,
+              src: r.src,
+              size: "sm"
+            }
+          ) : /* @__PURE__ */ e(
+            T,
+            {
+              size: "sm",
+              label: N,
+              appearance: "spinner"
+            }
+          ),
+          /* @__PURE__ */ e(
+            "div",
+            {
+              className: [
+                "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
+                "ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]",
+                "ds:rounded-[var(--radius-md)] ds:rounded-es-[var(--radius-sm)]",
+                "ds:bg-muted/40"
+              ].join(" "),
+              children: /* @__PURE__ */ e(Be, { label: h("chat.typing"), density: k })
+            }
+          )
+        ] })
+      }), I && b.push({
+        id: "__alia-ended__",
+        node: /* @__PURE__ */ e(Ve, { note: I.note })
+      }), b;
+    }, [
+      ee,
+      B,
+      y,
+      l,
+      N,
+      r == null ? void 0 : r.src,
+      g,
+      $,
+      t,
+      k,
+      I,
+      h,
+      A,
+      R,
+      E,
+      _,
+      Q,
+      G,
+      V
+    ]), ze = n ? Math.min(
+      100,
+      Math.max(0, n.current / Math.max(1, n.limit) * 100)
+    ) : 0, z = n ? n.current >= n.limit : !1, se = n ? n.label ?? h("alia.usageLabel", {
+      current: n.current,
+      limit: n.limit
+    }) : null, ae = s.length === 0 && !l && !j, ie = /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+      n ? /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+        /* @__PURE__ */ m("div", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+          /* @__PURE__ */ e(
+            "span",
+            {
+              className: [
+                "type-meta",
+                z ? "ds:text-[color:var(--destructive)]" : "ds:text-[color:var(--muted-foreground)]"
+              ].join(" "),
+              "data-testid": "alia-usage-label",
+              children: z ? h("alia.usageLimitReached") : se
+            }
+          ),
+          z && c ? /* @__PURE__ */ e(S, { intent: "primary", size: "sm", onClick: c, children: h("alia.upgrade") }) : null
+        ] }),
+        /* @__PURE__ */ e(
+          Ue,
+          {
+            value: ze,
+            max: 100,
+            size: "sm",
+            ariaLabel: se ?? h("alia.usageLabel", {
+              current: n.current,
+              limit: n.limit
+            }),
+            className: z ? "ds:[&_[role=progressbar]>*]:bg-[color:var(--destructive)]" : void 0,
+            "data-testid": "alia-usage-progress"
+          }
+        )
+      ] }) : null,
+      !ae && a && a.length > 0 && !l && !j ? /* @__PURE__ */ e(
+        le,
+        {
+          label: h("alia.exampleQuestions"),
+          "data-testid": "alia-followup-suggestions",
+          children: a.map((f) => /* @__PURE__ */ e(
+            oe,
+            {
+              intent: "followup",
+              startIcon: f.icon,
+              keepOnSelect: !0,
+              onSelect: () => d == null ? void 0 : d(f),
+              children: f.label
+            },
+            f.id
+          ))
+        }
+      ) : null,
+      W && W.length > 0 ? /* @__PURE__ */ e(
+        ls,
+        {
+          attachments: W,
+          onRemove: ve
+        }
+      ) : null,
+      /* @__PURE__ */ m("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(
+          ne,
+          {
+            submitOnEnter: !0,
+            onSubmit: P ? (f) => {
+              i(f), q("");
+            } : i,
+            value: P ? we : void 0,
+            onChange: P ? (f) => q(f.target.value) : void 0,
+            onAttach: ue,
+            accept: fe,
+            disabled: z || j,
+            toolbar: P ? /* @__PURE__ */ e(
+              os,
+              {
+                lang: Ne.language,
+                disabled: z || j,
+                onTranscript: (f) => {
+                  H == null || H(f), q(
+                    (b) => b ? `${b} ${f}` : f
+                  );
+                }
+              }
+            ) : void 0,
+            "data-testid": "alia-composer"
+          }
+        ) }),
+        l && p && !j ? /* @__PURE__ */ e(
+          S,
+          {
+            intent: "outline",
+            size: "sm",
+            startIcon: /* @__PURE__ */ e(Fe, { "aria-hidden": "true" }),
+            onClick: p,
+            "aria-label": h("alia.stopGenerating"),
+            children: h("alia.stopGenerating")
+          }
+        ) : null
+      ] })
+    ] });
+    return /* @__PURE__ */ m(
+      "div",
+      {
+        ref: xe,
+        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: [
+          /* @__PURE__ */ e(
+            as,
+            {
+              assistantName: N,
+              avatarSrc: r == null ? void 0 : r.src,
+              onNewConversation: pe,
+              headerEndSlot: he,
+              density: k
+            }
+          ),
+          ae ? /* @__PURE__ */ m(re, { children: [
+            /* @__PURE__ */ e(
+              es,
+              {
+                assistantName: N,
+                avatarSrc: r == null ? void 0 : r.src,
+                greeting: ye,
+                subtitle: Ce,
+                suggestions: a,
+                onSuggestion: d
+              }
+            ),
+            /* @__PURE__ */ e(
+              "div",
+              {
+                className: [
+                  // No top divider — the ChatInput's own soft shadow + the
+                  // border-radius give it enough visual containment, and a
+                  // surface-level separator here read as a sharp line at
+                  // 1px-equivalent shadow blur. Keep the bg explicit so
+                  // the chat-input chrome paints over the messages-area
+                  // background instead of mixing with it.
+                  "ds:shrink-0 ds:bg-[var(--background)]",
+                  "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
+                  "ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]"
+                ].join(" "),
+                children: ie
+              }
+            )
+          ] }) : /* @__PURE__ */ e(
+            Ie,
+            {
+              messages: ke,
+              density: k,
+              composer: ie,
+              showScrollToLatest: be,
+              className: "ds:flex-1 ds:min-h-0"
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+O.displayName = "AliaChatSurface";
+const ms = D(
+  ({ headerSlot: s, ...i }, t) => /* @__PURE__ */ m(
+    "div",
+    {
+      ref: t,
+      className: [
+        "ds:flex ds:min-h-0 ds:flex-1 ds:flex-col",
+        "ds:bg-[var(--background)] ds:text-[color:var(--foreground)]",
+        "ds:h-full ds:w-full"
+      ].join(" "),
+      "data-testid": "alia-embedded",
+      children: [
+        s ? /* @__PURE__ */ e(
+          "div",
+          {
+            className: [
+              "ds:shrink-0",
+              "ds:ps-[var(--spacing-lg)] ds:pe-[var(--spacing-lg)]",
+              "ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]"
+            ].join(" "),
+            children: s
+          }
+        ) : null,
+        /* @__PURE__ */ e("div", { className: "ds:flex ds:min-h-0 ds:flex-1 ds:flex-col ds:items-stretch", children: /* @__PURE__ */ e(
+          "div",
+          {
+            className: [
+              "ds:flex ds:min-h-0 ds:w-full ds:flex-1 ds:flex-col",
+              "ds:ms-auto ds:me-auto",
+              "ds:[max-inline-size:48rem]",
+              "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]"
+            ].join(" "),
+            children: /* @__PURE__ */ e(O, { ...i })
+          }
+        ) })
+      ]
+    }
+  )
+);
+ms.displayName = "AliaEmbedded";
+function ps(s) {
+  return s > 99 ? "99+" : String(s);
+}
+const us = D(
+  ({
+    open: s,
+    onOpenChange: i,
+    position: t = "bottom-end",
+    unseenCount: d,
+    assistantName: a,
+    assistantAvatar: l,
+    ...p
+  }, n) => {
+    const { t: c } = x(), o = a || c("alia.name"), r = typeof d == "number" && d > 0, g = r ? c("alia.unseenCount", { count: d }) : c("alia.open"), v = /* @__PURE__ */ e(Se.Close, { asChild: !0, children: /* @__PURE__ */ e(
+      w,
+      {
+        icon: /* @__PURE__ */ e(te, { "aria-hidden": "true" }),
+        intent: "ghost",
+        size: "sm",
+        "aria-label": c("alia.close"),
+        "data-testid": "alia-popout-close"
+      }
+    ) });
+    return /* @__PURE__ */ m(J.Root, { open: s, onOpenChange: i, children: [
+      /* @__PURE__ */ e(
+        "div",
+        {
+          ref: n,
+          className: [
+            "ds:fixed ds:z-[var(--z-fixed)]",
+            "ds:bottom-[calc(var(--spacing-lg)+env(safe-area-inset-bottom,0px))]",
+            t === "bottom-end" ? "ds:end-[var(--spacing-lg)]" : "ds:start-[var(--spacing-lg)]"
+          ].join(" "),
+          "data-testid": "alia-popout-fab-wrapper",
+          children: /* @__PURE__ */ m("div", { className: "ds:relative", children: [
+            /* @__PURE__ */ e(
+              Te,
+              {
+                icon: /* @__PURE__ */ e(Y, { "aria-hidden": "true" }),
+                "aria-label": g,
+                variant: "primary",
+                size: "md",
+                position: "static",
+                onClick: () => i(!0),
+                "data-testid": "alia-popout-fab"
+              }
+            ),
+            r ? /* @__PURE__ */ e(
+              "span",
+              {
+                "aria-hidden": "true",
+                "data-testid": "alia-popout-badge",
+                className: [
+                  "ds:absolute ds:-top-[var(--spacing-xs)] ds:-end-[var(--spacing-xs)]",
+                  "ds:inline-flex ds:items-center ds:justify-center",
+                  "ds:min-w-[calc(var(--spacing-md)+var(--spacing-xs))]",
+                  "ds:h-[calc(var(--spacing-md)+var(--spacing-xs))]",
+                  "ds:ps-[calc(var(--spacing-xs)/1.5)] ds:pe-[calc(var(--spacing-xs)/1.5)]",
+                  "ds:rounded-[var(--radius-full)]",
+                  "ds:bg-[color:var(--destructive)] ds:text-[color:var(--destructive-foreground)]",
+                  "ds:text-[length:var(--font-size-xs)] ds:font-semibold ds:leading-none",
+                  "ds:pointer-events-none ds:select-none",
+                  "ds:forced-colors:outline ds:forced-colors:outline-1 ds:forced-colors:outline-[CanvasText]"
+                ].join(" "),
+                children: ps(d)
+              }
+            ) : null
+          ] })
+        }
+      ),
+      /* @__PURE__ */ m(
+        J.Content,
+        {
+          side: "end",
+          size: "md",
+          "aria-label": c("alia.panelLabel"),
+          className: "ds:flex ds:min-h-0 ds:flex-col ds:p-0",
+          "data-testid": "alia-popout-panel",
+          children: [
+            /* @__PURE__ */ e(J.Title, { className: "ds:sr-only", children: o }),
+            /* @__PURE__ */ e(
+              O,
+              {
+                ...p,
+                assistantName: o,
+                assistantAvatar: l,
+                density: "compact",
+                headerEndSlot: v
+              }
+            )
+          ]
+        }
+      )
+    ] });
+  }
+);
+us.displayName = "AliaPopout";
+function fs(s) {
+  return s > 99 ? "99+" : String(s);
+}
+const hs = "ds:[inline-size:22rem]", gs = "ds:[inline-size:3rem]", vs = D(
+  ({
+    open: s,
+    onOpenChange: i,
+    side: t = "end",
+    unseenCount: d,
+    footerSlot: a,
+    assistantName: l,
+    assistantAvatar: p,
+    ...n
+  }, c) => {
+    const { t: o } = x(), r = l || o("alia.name"), g = typeof d == "number" && d > 0, v = t === "end" ? "ds:shadow-[var(--shadow-chrome-start)]" : "ds:shadow-[var(--shadow-chrome-end)]", C = g ? o("alia.unseenCount", { count: d }) : o("alia.open");
+    if (!s)
+      return /* @__PURE__ */ e(
+        "aside",
+        {
+          ref: c,
+          "aria-label": o("alia.panelLabel"),
+          className: [
+            "ds:flex ds:shrink-0 ds:flex-col ds:items-center",
+            "ds:bg-[var(--background)]",
+            v,
+            "ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]",
+            gs
+          ].join(" "),
+          "data-testid": "alia-sidebar-rail",
+          "data-alia-sidebar-state": "collapsed",
+          children: /* @__PURE__ */ m("div", { className: "ds:relative ds:[&_svg]:text-[color:var(--accent)]", children: [
+            /* @__PURE__ */ e(
+              w,
+              {
+                icon: /* @__PURE__ */ e(Y, { "aria-hidden": "true" }),
+                "aria-label": C,
+                "aria-expanded": "false",
+                intent: "ghost",
+                size: "sm",
+                onClick: () => i(!0),
+                "data-testid": "alia-sidebar-rail-trigger"
+              }
+            ),
+            g ? /* @__PURE__ */ e(
+              "span",
+              {
+                "aria-hidden": "true",
+                "data-testid": "alia-sidebar-badge",
+                className: [
+                  "ds:absolute ds:-top-[var(--spacing-xs)] ds:-end-[var(--spacing-xs)]",
+                  "ds:inline-flex ds:items-center ds:justify-center",
+                  "ds:min-w-[calc(var(--spacing-md)+var(--spacing-xs))]",
+                  "ds:h-[calc(var(--spacing-md)+var(--spacing-xs))]",
+                  "ds:ps-[calc(var(--spacing-xs)/1.5)] ds:pe-[calc(var(--spacing-xs)/1.5)]",
+                  "ds:rounded-[var(--radius-full)]",
+                  "ds:bg-[color:var(--destructive)] ds:text-[color:var(--destructive-foreground)]",
+                  "ds:text-[length:var(--font-size-xs)] ds:font-semibold ds:leading-none",
+                  "ds:pointer-events-none ds:select-none",
+                  "ds:forced-colors:outline ds:forced-colors:outline-1 ds:forced-colors:outline-[CanvasText]"
+                ].join(" "),
+                children: fs(d)
+              }
+            ) : null
+          ] })
+        }
+      );
+    const k = /* @__PURE__ */ e(
+      w,
+      {
+        icon: t === "end" ? /* @__PURE__ */ e(Ze, {}) : /* @__PURE__ */ e(Je, {}),
+        intent: "ghost",
+        size: "sm",
+        "aria-label": o("alia.close"),
+        "aria-expanded": "true",
+        onClick: () => i(!1),
+        "data-testid": "alia-sidebar-collapse"
+      }
+    );
+    return /* @__PURE__ */ m(
+      "aside",
+      {
+        ref: c,
+        "aria-label": o("alia.panelLabel"),
+        className: [
+          "ds:flex ds:shrink-0 ds:flex-col ds:min-h-0",
+          "ds:bg-[var(--background)]",
+          v,
+          hs,
+          "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(
+            O,
+            {
+              ...n,
+              assistantName: r,
+              assistantAvatar: p,
+              density: "compact",
+              headerEndSlot: k
+            }
+          ) }),
+          a ? /* @__PURE__ */ e(
+            "div",
+            {
+              "data-testid": "alia-sidebar-footer-slot",
+              className: "ds:shrink-0 ds:shadow-[var(--shadow-chrome-up)]",
+              children: a
+            }
+          ) : null
+        ]
+      }
+    );
+  }
+);
+vs.displayName = "AliaSidebar";
+export {
+  O as A,
+  ms as a,
+  us as b,
+  vs as c
+};
+//# sourceMappingURL=alia-sidebar-DlvyXgVC.js.map