@alfadocs/ui-kit-debug 0.71.0 → 0.72.0

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

@@ -0,0 +1,1183 @@
+import { jsxs as c, jsx as e, Fragment as de } from "react/jsx-runtime";
+import { useId as Se, forwardRef as O, useState as L, useMemo as G, useCallback as U, useRef as Ie, useEffect as re } from "react";
+import * as Te from "@radix-ui/react-dialog";
+import { useTranslation as x } from "react-i18next";
+import { F as Ee } from "./floating-action-button-pojvb9gG.js";
+import { I as w } from "./icon-button-LqoiKcUN.js";
+import { S as Z } from "./sheet-B_X54aZo.js";
+import { X as te } from "./x-B5YnXwCz.js";
+import { A as _e } from "./astroid-BN4f5VXU.js";
+import { A as $ } from "./avatar-BNQNhoyL.js";
+import { B as S } from "./button-DD_0Xdmr.js";
+import { C as Re } from "./chat-container-BVCoN06N.js";
+import { C as Pe } from "./chat-message-DXjjM8z9.js";
+import { C as ne, P as Be } from "./chat-input-Btq_uuMZ.js";
+import { S as Ue } from "./streaming-text-Cedc05ya.js";
+import { a as le, S as oe } from "./suggestion-chip-Bk4PmYTg.js";
+import { T as Oe } from "./typing-indicator-DHeVN4ob.js";
+import { P as $e } from "./progress-DA413-zn.js";
+import { P as De } from "./pencil-B1sKKyuT.js";
+import { S as Fe } from "./square-DASBRZ0U.js";
+import { C as We } from "./check-DrFSN__t.js";
+import { C as He } from "./copy-vRpqqHtY.js";
+import { D as Xe } from "./download-CfYKJO_j.js";
+import { R as qe } from "./refresh-cw-DnI0cLFC.js";
+import { c as Qe } from "./createLucideIcon-DhHxpK9K.js";
+import { M as Ke } from "./mic-CUklMZGF.js";
+import { P as Me } from "./plus-DzMQ_c6b.js";
+import { U as Ze } from "./user-B12p7bVF.js";
+import { a as Ge, C as Je } from "./chevrons-right-DIHg7Xqi.js";
+/**
+ * @license lucide-react v1.22.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ye = [
+  [
+    "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" }]
+], Ve = Qe("shield-x", Ye);
+function J({
+  "aria-hidden": s,
+  className: i,
+  variant: r = "gradient"
+}) {
+  const a = `alia-asteroid-gradient-${Se().replace(/:/g, "")}`;
+  return /* @__PURE__ */ c(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: "2",
+      "aria-hidden": s,
+      className: i,
+      children: [
+        r === "gradient" ? /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ c(
+          "linearGradient",
+          {
+            id: a,
+            gradientUnits: "userSpaceOnUse",
+            x1: "0",
+            y1: "12",
+            x2: "24",
+            y2: "12",
+            children: [
+              /* @__PURE__ */ e("stop", { offset: "0%", stopColor: "var(--accent)" }),
+              /* @__PURE__ */ e("stop", { offset: "100%", stopColor: "var(--primary)" })
+            ]
+          }
+        ) }) : null,
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M12.983 21.186a1 1 0 0 1-1.966 0 10 10 0 0 0-8.203-8.203 1 1 0 0 1 0-1.966 10 10 0 0 0 8.203-8.203 1 1 0 0 1 1.966 0 10 10 0 0 0 8.203 8.203 1 1 0 0 1 0 1.966 10 10 0 0 0-8.203 8.203",
+            stroke: r === "gradient" ? `url(#${a})` : "currentColor"
+          }
+        )
+      ]
+    }
+  );
+}
+const 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 I({
+  size: s,
+  label: i,
+  appearance: r = "sparkle",
+  loading: d = !1
+}) {
+  const a = ce[s];
+  return r === "spinner" ? /* @__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-gradient-to-r ds:from-[var(--accent)] ds:to-[var(--primary)]",
+        // --primary-foreground: white on light (dark disc), navy in dark
+        // (bright disc) — correct WCAG contrast in both themes automatically.
+        "ds:text-[color:var(--primary-foreground)]",
+        "ds:forced-colors:bg-transparent ds:forced-colors:border ds:forced-colors:border-[CanvasText]",
+        a.box
+      ].join(" "),
+      children: /* @__PURE__ */ e(
+        J,
+        {
+          "aria-hidden": !0,
+          variant: "mono",
+          className: [
+            a.icon,
+            d ? "ds:animate-spin ds:motion-reduce:animate-none" : ""
+          ].filter(Boolean).join(" ")
+        }
+      )
+    }
+  ) : /* @__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(J, { "aria-hidden": "true", className: a.icon })
+    }
+  );
+}
+function Ae({
+  size: s,
+  label: i
+}) {
+  const r = 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]",
+        r.box
+      ].join(" "),
+      children: /* @__PURE__ */ e(Ze, { "aria-hidden": "true", className: r.icon })
+    }
+  );
+}
+function es({ 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(
+          Ve,
+          {
+            "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 ss(s, i) {
+  return s ? s.slot ? { slot: s.slot } : { name: s.name, src: s.src } : { slot: /* @__PURE__ */ e(Ae, { size: "sm", label: i }) };
+}
+function as({
+  assistantName: s,
+  avatarSrc: i,
+  greeting: r,
+  subtitle: d,
+  suggestions: a,
+  onSuggestion: l
+}) {
+  const { t: p } = x(), n = "alia-empty-state-heading";
+  return /* @__PURE__ */ c(
+    "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($, { name: s, src: i, size: "xl" }) : /* @__PURE__ */ e(
+          I,
+          {
+            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: n,
+              className: "type-title-section ds:m-0 ds:text-[color:var(--foreground)]",
+              children: r
+            }
+          ),
+          /* @__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((m) => /* @__PURE__ */ e(
+              oe,
+              {
+                intent: "suggestion",
+                startIcon: m.icon,
+                keepOnSelect: !0,
+                onSelect: () => l == null ? void 0 : l(m),
+                children: m.label
+              },
+              m.id
+            ))
+          }
+        ) }) : null
+      ]
+    }
+  );
+}
+function is({
+  message: s,
+  assistantName: i,
+  avatarSrc: r,
+  renderMarkdown: d
+}) {
+  const { t: a, i18n: l } = x(), p = a("chat.message.role.assistant"), n = G(() => {
+    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]), m = n ? a("chat.message.label", { role: p, time: n }) : a("chat.message.labelNoTime", { role: p });
+  return /* @__PURE__ */ c(
+    "article",
+    {
+      "aria-label": m,
+      className: "ds:flex ds:w-full ds:items-start ds:flex-row ds:gap-[var(--spacing-sm)]",
+      children: [
+        r ? /* @__PURE__ */ e($, { name: i, src: r, size: "sm" }) : /* @__PURE__ */ e(
+          I,
+          {
+            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(
+              Ue,
+              {
+                content: s.content,
+                isStreaming: !0,
+                renderMarkdown: d
+              }
+            )
+          }
+        ) })
+      ]
+    }
+  );
+}
+function rs({
+  assistantName: s,
+  avatarSrc: i,
+  onNewConversation: r,
+  headerEndSlot: d,
+  density: a
+}) {
+  const { t: l } = x();
+  return /* @__PURE__ */ c(
+    "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(
+          $,
+          {
+            name: s,
+            src: i,
+            size: a === "compact" ? "sm" : "md"
+          }
+        ) : /* @__PURE__ */ e(
+          I,
+          {
+            size: a === "compact" ? "sm" : "md",
+            label: s,
+            appearance: "spinner"
+          }
+        ),
+        /* @__PURE__ */ e("span", { className: "type-title-item ds:text-[color:var(--foreground)]", children: s }),
+        /* @__PURE__ */ c("div", { className: "ds:ms-auto ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+          r ? /* @__PURE__ */ e(
+            S,
+            {
+              intent: "ghost",
+              size: "sm",
+              startIcon: /* @__PURE__ */ e(Me, { "aria-hidden": "true" }),
+              onClick: r,
+              children: l("alia.newConversation")
+            }
+          ) : null,
+          d
+        ] })
+      ]
+    }
+  );
+}
+function ds(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 ts(s, i) {
+  if (typeof window > "u" || typeof URL > "u" || typeof URL.createObjectURL != "function")
+    return;
+  const r = new Blob([s], { type: "text/markdown;charset=utf-8" }), d = URL.createObjectURL(r), a = document.createElement("a");
+  a.href = d, a.download = i, 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 ls = () => {
+  var s;
+  return typeof navigator < "u" && typeof ((s = navigator.clipboard) == null ? void 0 : s.writeText) == "function";
+};
+function os({
+  message: s,
+  actions: i,
+  assistantName: r,
+  canRegenerate: d,
+  onCopyMessage: a,
+  onDownloadMessage: l,
+  onRegenerate: p
+}) {
+  const { t: n } = x(), [m, o] = L(!1), t = U(() => {
+    ds(s.content).then((v) => {
+      v && (o(!0), setTimeout(() => o(!1), 2e3), a == null || a(s.id));
+    });
+  }, [s.content, s.id, a]), g = U(() => {
+    ts(s.content, ns(r)), l == null || l(s.id);
+  }, [s.content, s.id, r, l]);
+  return /* @__PURE__ */ c(de, { children: [
+    i.includes("copy") && ls() ? /* @__PURE__ */ e(
+      w,
+      {
+        icon: m ? /* @__PURE__ */ e(We, {}) : /* @__PURE__ */ e(He, {}),
+        "aria-label": n(m ? "alia.copied" : "alia.copyMessage"),
+        intent: "ghost",
+        size: "sm",
+        onClick: t
+      }
+    ) : null,
+    i.includes("download") ? /* @__PURE__ */ e(
+      w,
+      {
+        icon: /* @__PURE__ */ e(Xe, {}),
+        "aria-label": n("alia.downloadMessage"),
+        intent: "ghost",
+        size: "sm",
+        onClick: g
+      }
+    ) : null,
+    d && p ? /* @__PURE__ */ e(
+      w,
+      {
+        icon: /* @__PURE__ */ e(qe, {}),
+        "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: m ? n("alia.copied") : "" })
+  ] });
+}
+function cs({
+  attachments: s,
+  onRemove: i
+}) {
+  const { t: r } = x();
+  return s.length === 0 ? null : /* @__PURE__ */ e(
+    "ul",
+    {
+      "aria-label": r("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__ */ c(
+        "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(
+              Be,
+              {
+                "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": r("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 ms({
+  lang: s,
+  disabled: i,
+  onTranscript: r
+}) {
+  const { t: d } = x(), [a, l] = L(!1), p = Ie(null), n = U(() => {
+    var o;
+    (o = p.current) == null || o.stop(), l(!1);
+  }, []), m = U(() => {
+    const o = me();
+    if (!o) return;
+    const t = new o();
+    t.lang = s, t.continuous = !1, t.interimResults = !1, t.onresult = (g) => {
+      let v = "";
+      for (let C = 0; C < g.results.length; C++)
+        v += g.results[C][0].transcript;
+      v && r(v);
+    }, t.onend = () => l(!1), t.onerror = () => l(!1), p.current = t, t.start(), l(!0);
+  }, [s, r]);
+  return re(() => {
+    if (!a) return;
+    const o = (t) => {
+      t.key === "Escape" && n();
+    };
+    return window.addEventListener("keydown", o), () => window.removeEventListener("keydown", o);
+  }, [a, n]), re(() => () => {
+    var o;
+    return (o = p.current) == null ? void 0 : o.stop();
+  }, []), /* @__PURE__ */ e(
+    w,
+    {
+      icon: /* @__PURE__ */ e(Ke, {}),
+      "aria-label": d(a ? "alia.dictateStop" : "alia.dictate"),
+      "aria-pressed": a,
+      intent: a ? "primary" : "ghost",
+      size: "sm",
+      disabled: i,
+      onClick: () => a ? n() : m(),
+      className: a ? "ds:motion-safe:animate-pulse ds:motion-reduce:animate-none ds:[.theme-accessible_&]:animate-none" : void 0
+    }
+  );
+}
+function ps({
+  initialText: s,
+  onSave: i,
+  onCancel: r
+}) {
+  const { t: d } = x(), [a, l] = L(s);
+  return /* @__PURE__ */ c(
+    "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__ */ c("div", { className: "ds:flex ds:items-center ds:justify-end ds:gap-[var(--spacing-xs)]", children: [
+          /* @__PURE__ */ e(S, { intent: "ghost", size: "sm", onClick: r, children: d("alia.cancelEdit") }),
+          /* @__PURE__ */ e(
+            S,
+            {
+              intent: "primary",
+              size: "sm",
+              onClick: () => i(a),
+              disabled: a.trim().length === 0,
+              children: d("alia.saveEdit")
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+const D = O(
+  ({
+    messages: s,
+    onSend: i,
+    onRetry: r,
+    onSuggestion: d,
+    suggestions: a,
+    isGenerating: l = !1,
+    onStopGenerating: p,
+    usage: n,
+    onUpgrade: m,
+    assistantName: o,
+    assistantAvatar: t,
+    userAvatar: g,
+    greeting: v,
+    subtitle: C,
+    density: k = "default",
+    renderMarkdown: F = !0,
+    onNewConversation: pe,
+    onAttach: ue,
+    acceptedFileTypes: fe,
+    headerEndSlot: he,
+    hideHeader: ge = !1,
+    ended: T,
+    messageActions: E,
+    onCopyMessage: Y,
+    onDownloadMessage: V,
+    voiceInput: ve,
+    onVoiceTranscript: W,
+    attachments: H,
+    onRemoveAttachment: be,
+    showScrollToLatest: xe,
+    onRegenerate: _,
+    onEditMessage: R
+  }, Ne) => {
+    const { t: h, i18n: we } = x(), [A, X] = L(null), [ye, q] = L(""), P = !!ve && me() != null, Q = G(() => {
+      for (let f = s.length - 1; f >= 0; f--) {
+        const b = s[f];
+        if (b.role === "assistant" && !b.streaming) return b.id;
+      }
+    }, [s]), j = T != null, N = o ?? h("alia.name"), Ce = v ?? h("alia.greeting"), ke = 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, ze = G(() => {
+      const f = h("chat.message.role.user"), b = ee.map((u) => {
+        let K;
+        if (u.role === "assistant" ? K = t != null && t.src ? { name: N, src: t.src } : {
+          slot: /* @__PURE__ */ e(
+            I,
+            {
+              size: "sm",
+              label: N,
+              appearance: "spinner"
+            }
+          )
+        } : u.role === "user" && (K = ss(g, f)), u.role === "user" && R && A === u.id)
+          return {
+            id: u.id,
+            node: /* @__PURE__ */ e(
+              ps,
+              {
+                initialText: u.content,
+                onSave: (Le) => {
+                  R(u.id, Le), X(null);
+                },
+                onCancel: () => X(null)
+              }
+            )
+          };
+        let M;
+        return u.role === "assistant" && (E && E.length > 0 || _ && u.id === Q) ? M = /* @__PURE__ */ e(
+          os,
+          {
+            message: u,
+            actions: E ?? [],
+            assistantName: N,
+            canRegenerate: !!_ && u.id === Q,
+            onCopyMessage: Y,
+            onDownloadMessage: V,
+            onRegenerate: _
+          }
+        ) : u.role === "user" && R && (M = /* @__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(
+            Pe,
+            {
+              role: u.role,
+              content: u.content,
+              body: u.body,
+              avatar: K,
+              timestamp: u.timestamp,
+              status: u.status,
+              renderMarkdown: F,
+              onRetry: r ? () => r(u.id) : void 0,
+              actions: M
+            }
+          )
+        };
+      });
+      return B && y && b.push({
+        id: y.id,
+        node: /* @__PURE__ */ e(
+          is,
+          {
+            message: y,
+            assistantName: N,
+            avatarSrc: t == null ? void 0 : t.src,
+            renderMarkdown: F
+          }
+        )
+      }), l && !B && b.push({
+        id: "__alia-typing__",
+        node: /* @__PURE__ */ c("div", { className: "ds:flex ds:w-full ds:items-start ds:gap-[var(--spacing-sm)]", children: [
+          t != null && t.src ? /* @__PURE__ */ e(
+            $,
+            {
+              name: N,
+              src: t.src,
+              size: "sm"
+            }
+          ) : /* @__PURE__ */ e(
+            I,
+            {
+              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(Oe, { label: h("chat.typing"), density: k })
+            }
+          )
+        ] })
+      }), T && b.push({
+        id: "__alia-ended__",
+        node: /* @__PURE__ */ e(es, { note: T.note })
+      }), b;
+    }, [
+      ee,
+      B,
+      y,
+      l,
+      N,
+      t == null ? void 0 : t.src,
+      g,
+      F,
+      r,
+      k,
+      T,
+      h,
+      A,
+      R,
+      E,
+      _,
+      Q,
+      Y,
+      V
+    ]), je = 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__ */ c("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+      n ? /* @__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",
+                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 && m ? /* @__PURE__ */ e(S, { intent: "primary", size: "sm", onClick: m, children: h("alia.upgrade") }) : null
+        ] }),
+        /* @__PURE__ */ e(
+          $e,
+          {
+            value: je,
+            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,
+      H && H.length > 0 ? /* @__PURE__ */ e(
+        cs,
+        {
+          attachments: H,
+          onRemove: be
+        }
+      ) : null,
+      /* @__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(
+          ne,
+          {
+            submitOnEnter: !0,
+            onSubmit: P ? (f) => {
+              i(f), q("");
+            } : i,
+            value: P ? ye : void 0,
+            onChange: P ? (f) => q(f.target.value) : void 0,
+            onAttach: ue,
+            accept: fe,
+            disabled: z || j,
+            toolbar: P ? /* @__PURE__ */ e(
+              ms,
+              {
+                lang: we.language,
+                disabled: z || j,
+                onTranscript: (f) => {
+                  W == null || W(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__ */ c(
+      "div",
+      {
+        ref: Ne,
+        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: [
+          ge ? null : /* @__PURE__ */ e(
+            rs,
+            {
+              assistantName: N,
+              avatarSrc: t == null ? void 0 : t.src,
+              onNewConversation: pe,
+              headerEndSlot: he,
+              density: k
+            }
+          ),
+          ae ? /* @__PURE__ */ c(de, { children: [
+            /* @__PURE__ */ e(
+              as,
+              {
+                assistantName: N,
+                avatarSrc: t == null ? void 0 : t.src,
+                greeting: Ce,
+                subtitle: ke,
+                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(
+            Re,
+            {
+              messages: ze,
+              density: k,
+              composer: ie,
+              showScrollToLatest: xe,
+              className: "ds:flex-1 ds:min-h-0"
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+D.displayName = "AliaChatSurface";
+const us = O(
+  ({ headerSlot: s, ...i }, r) => /* @__PURE__ */ c(
+    "div",
+    {
+      ref: r,
+      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(D, { ...i })
+          }
+        ) })
+      ]
+    }
+  )
+);
+us.displayName = "AliaEmbedded";
+function fs(s) {
+  return s > 99 ? "99+" : String(s);
+}
+const hs = O(
+  ({
+    open: s,
+    onOpenChange: i,
+    position: r = "bottom-end",
+    unseenCount: d,
+    assistantName: a,
+    assistantAvatar: l,
+    ...p
+  }, n) => {
+    const { t: m } = x(), o = a || m("alia.name"), t = typeof d == "number" && d > 0, g = t ? m("alia.unseenCount", { count: d }) : m("alia.open"), v = /* @__PURE__ */ e(Te.Close, { asChild: !0, children: /* @__PURE__ */ e(
+      w,
+      {
+        icon: /* @__PURE__ */ e(te, { "aria-hidden": "true" }),
+        intent: "ghost",
+        size: "sm",
+        "aria-label": m("alia.close"),
+        "data-testid": "alia-popout-close"
+      }
+    ) });
+    return /* @__PURE__ */ c(Z.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))]",
+            r === "bottom-end" ? "ds:end-[var(--spacing-lg)]" : "ds:start-[var(--spacing-lg)]"
+          ].join(" "),
+          "data-testid": "alia-popout-fab-wrapper",
+          children: /* @__PURE__ */ c("div", { className: "ds:relative", children: [
+            /* @__PURE__ */ e(
+              Ee,
+              {
+                icon: /* @__PURE__ */ e(_e, { "aria-hidden": "true" }),
+                "aria-label": g,
+                variant: "primary",
+                size: "md",
+                position: "static",
+                onClick: () => i(!0),
+                "data-testid": "alia-popout-fab"
+              }
+            ),
+            t ? /* @__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: fs(d)
+              }
+            ) : null
+          ] })
+        }
+      ),
+      /* @__PURE__ */ c(
+        Z.Content,
+        {
+          side: "end",
+          size: "md",
+          "aria-label": m("alia.panelLabel"),
+          className: "ds:flex ds:min-h-0 ds:flex-col ds:p-0",
+          "data-testid": "alia-popout-panel",
+          children: [
+            /* @__PURE__ */ e(Z.Title, { className: "ds:sr-only", children: o }),
+            /* @__PURE__ */ e(
+              D,
+              {
+                ...p,
+                assistantName: o,
+                assistantAvatar: l,
+                density: "compact",
+                headerEndSlot: v
+              }
+            )
+          ]
+        }
+      )
+    ] });
+  }
+);
+hs.displayName = "AliaPopout";
+function gs(s) {
+  return s > 99 ? "99+" : String(s);
+}
+const vs = "ds:[inline-size:22rem]", bs = "ds:[inline-size:3rem]", xs = O(
+  ({
+    open: s,
+    onOpenChange: i,
+    side: r = "end",
+    unseenCount: d,
+    footerSlot: a,
+    assistantName: l,
+    assistantAvatar: p,
+    ...n
+  }, m) => {
+    const { t: o } = x(), t = l || o("alia.name"), g = typeof d == "number" && d > 0, v = r === "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: m,
+          "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)]",
+            bs
+          ].join(" "),
+          "data-testid": "alia-sidebar-rail",
+          "data-alia-sidebar-state": "collapsed",
+          children: /* @__PURE__ */ c("div", { className: "ds:relative", children: [
+            /* @__PURE__ */ e(
+              w,
+              {
+                icon: /* @__PURE__ */ e(J, { "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: gs(d)
+              }
+            ) : null
+          ] })
+        }
+      );
+    const k = /* @__PURE__ */ e(
+      w,
+      {
+        icon: r === "end" ? /* @__PURE__ */ e(Ge, {}) : /* @__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__ */ c(
+      "aside",
+      {
+        ref: m,
+        "aria-label": o("alia.panelLabel"),
+        className: [
+          "ds:flex ds:shrink-0 ds:flex-col ds:min-h-0",
+          "ds:bg-[var(--background)]",
+          v,
+          vs,
+          "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(
+            D,
+            {
+              ...n,
+              assistantName: t,
+              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
+        ]
+      }
+    );
+  }
+);
+xs.displayName = "AliaSidebar";
+export {
+  D as A,
+  us as a,
+  hs as b,
+  xs as c
+};
+//# sourceMappingURL=alia-sidebar-BV5lBSFR.js.map