@alfadocs/ui-kit-debug 1.56.0 → 1.57.0

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

@@ -0,0 +1,1284 @@
+import { jsxs as p, jsx as e, Fragment as be } from "react/jsx-runtime";
+import { useId as He, forwardRef as G, useState as R, useRef as j, useCallback as L, useEffect as ne, useMemo as de } from "react";
+import * as Xe from "@radix-ui/react-dialog";
+import { useTranslation as x } from "react-i18next";
+import { F as Ge } from "./floating-action-button-BesoUmO_.js";
+import { I as C } from "./icon-button-COX76Jdj.js";
+import { S as X } from "./sheet-8qsiMoUI.js";
+import { X as xe } from "./x-B5YnXwCz.js";
+import { A as Qe } from "./astroid-BN4f5VXU.js";
+import { A as Q } from "./avatar-WZY3eGE7.js";
+import { B as _ } from "./button-Bn16lcFM.js";
+import { C as Ke } from "./chat-container-baxzy8k8.js";
+import { C as Me } from "./chat-message-CmGUcajG.js";
+import { C as we, P as Ze } from "./chat-input-PtrSu1ZC.js";
+import { S as Je } from "./streaming-text-BKZmbW1Q.js";
+import { a as Ne, S as ye } from "./suggestion-chip-BNRWZL51.js";
+import { T as Ye } from "./typing-indicator-B1RkE8jD.js";
+import { P as Ve } from "./progress-D_g_Sl2g.js";
+import { u as ve } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { P as Ae } from "./pencil-B1sKKyuT.js";
+import { S as es } from "./square-DASBRZ0U.js";
+import { C as ss } from "./check-DrFSN__t.js";
+import { C as as } from "./copy-vRpqqHtY.js";
+import { D as is } from "./download-CfYKJO_j.js";
+import { R as rs } from "./refresh-cw-DnI0cLFC.js";
+import { c as ts } from "./createLucideIcon-DhHxpK9K.js";
+import { M as ns } from "./mic-CUklMZGF.js";
+import { P as ds } from "./plus-DzMQ_c6b.js";
+import { U as ls } from "./user-B12p7bVF.js";
+import { a as os, C as cs } 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 ms = [
+  [
+    "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" }]
+], us = ts("shield-x", ms);
+function le({
+  className: s,
+  size: i,
+  variant: t = "gradient"
+}) {
+  const a = `alia-asteroid-gradient-${He().replace(/:/g, "")}`;
+  return /* @__PURE__ */ p(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      width: i,
+      height: i,
+      fill: "none",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: "2",
+      "aria-hidden": "true",
+      className: s,
+      children: [
+        t === "gradient" ? /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ p(
+          "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: t === "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 U({
+  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: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(
+        le,
+        {
+          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(le, { className: a.icon })
+    }
+  );
+}
+function ps({
+  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(ls, { "aria-hidden": "true", className: t.icon })
+    }
+  );
+}
+const ke = [
+  "ds:rounded-[var(--radius-sm)]",
+  "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
+  "ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+  "ds:forced-colors:focus-visible:outline-[CanvasText]"
+].join(" ");
+function fs({
+  note: s,
+  focusRef: i
+}) {
+  return /* @__PURE__ */ p(
+    "div",
+    {
+      ref: i,
+      role: "status",
+      tabIndex: -1,
+      className: [
+        "ds:flex ds:w-full ds:flex-col ds:items-center ds:text-center",
+        "ds:gap-[var(--spacing-xs)]",
+        ke
+      ].join(" "),
+      "data-testid": "alia-ended-divider",
+      children: [
+        /* @__PURE__ */ e(
+          us,
+          {
+            "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 gs(s, i) {
+  return s ? s.slot ? { slot: s.slot } : { name: s.name, src: s.src } : { slot: /* @__PURE__ */ e(ps, { size: "sm", label: i }) };
+}
+function te(s, i) {
+  const t = s.activeElement;
+  return !t || t === s.body || t === s.documentElement ? !0 : i != null && t !== i && t.contains(i);
+}
+function hs({
+  assistantName: s,
+  avatarSrc: i,
+  greeting: t,
+  subtitle: d,
+  suggestions: a,
+  onSuggestion: u,
+  onChipClick: f
+}) {
+  const { t: c } = x("ui"), g = "alia-empty-state-heading";
+  return /* @__PURE__ */ p(
+    "section",
+    {
+      "aria-labelledby": g,
+      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(Q, { name: s, src: i, size: "xl" }) : /* @__PURE__ */ e(
+          U,
+          {
+            size: "xl",
+            label: s,
+            appearance: "spinner"
+          }
+        ),
+        /* @__PURE__ */ p("div", { className: "ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-xs)] ds:max-w-[32rem]", children: [
+          /* @__PURE__ */ e(
+            "h2",
+            {
+              id: g,
+              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(
+          Ne,
+          {
+            label: c("alia.exampleQuestions"),
+            className: "ds:justify-center",
+            children: a.map((l) => /* @__PURE__ */ e(
+              ye,
+              {
+                intent: "suggestion",
+                startIcon: l.icon,
+                keepOnSelect: !0,
+                onClick: f,
+                onSelect: () => u == null ? void 0 : u(l),
+                children: l.label
+              },
+              l.id
+            ))
+          }
+        ) }) : null
+      ]
+    }
+  );
+}
+function vs({
+  message: s,
+  assistantName: i,
+  avatarSrc: t,
+  renderMarkdown: d
+}) {
+  const { t: a, i18n: u } = x("ui"), f = a("chat.message.role.assistant"), c = de(() => {
+    if (!s.timestamp) return null;
+    const l = s.timestamp instanceof Date ? s.timestamp : new Date(s.timestamp);
+    return Number.isNaN(l.getTime()) ? null : new Intl.DateTimeFormat(u.language, {
+      hour: "2-digit",
+      minute: "2-digit"
+    }).format(l);
+  }, [s.timestamp, u.language]), g = c ? a("chat.message.label", { role: f, time: c }) : a("chat.message.labelNoTime", { role: f });
+  return /* @__PURE__ */ p(
+    "article",
+    {
+      "aria-label": g,
+      className: "ds:flex ds:w-full ds:items-start ds:flex-row ds:gap-[var(--spacing-sm)]",
+      children: [
+        t ? /* @__PURE__ */ e(Q, { name: i, src: t, size: "sm" }) : /* @__PURE__ */ e(
+          U,
+          {
+            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(
+              Je,
+              {
+                content: s.content,
+                isStreaming: !0,
+                renderMarkdown: d
+              }
+            )
+          }
+        ) })
+      ]
+    }
+  );
+}
+function bs({
+  assistantName: s,
+  avatarSrc: i,
+  onNewConversation: t,
+  headerEndSlot: d,
+  density: a
+}) {
+  const { t: u } = x("ui");
+  return /* @__PURE__ */ p(
+    "header",
+    {
+      "aria-label": u("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(
+          Q,
+          {
+            name: s,
+            src: i,
+            size: a === "compact" ? "sm" : "md"
+          }
+        ) : /* @__PURE__ */ e(
+          U,
+          {
+            size: a === "compact" ? "sm" : "md",
+            label: s,
+            appearance: "spinner"
+          }
+        ),
+        /* @__PURE__ */ e("span", { className: "type-title-item ds:text-[color:var(--foreground)]", children: s }),
+        /* @__PURE__ */ p("div", { className: "ds:ms-auto ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+          t ? /* @__PURE__ */ e(
+            _,
+            {
+              intent: "ghost",
+              size: "sm",
+              startIcon: /* @__PURE__ */ e(ds, { "aria-hidden": "true" }),
+              onClick: t,
+              children: u("alia.newConversation")
+            }
+          ) : null,
+          d
+        ] })
+      ]
+    }
+  );
+}
+function xs(s) {
+  var i;
+  return typeof navigator > "u" || typeof ((i = navigator.clipboard) == null ? void 0 : i.writeText) != "function" ? Promise.resolve(!1) : navigator.clipboard.writeText(s).then(() => !0).catch(() => !1);
+}
+function ws(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 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 ys = () => {
+  var s;
+  return typeof navigator < "u" && typeof ((s = navigator.clipboard) == null ? void 0 : s.writeText) == "function";
+};
+function Cs({
+  message: s,
+  actions: i,
+  assistantName: t,
+  canRegenerate: d,
+  onCopyMessage: a,
+  onDownloadMessage: u,
+  onRegenerate: f
+}) {
+  const { t: c } = x("ui"), [g, l] = R(!1), n = L(() => {
+    xs(s.content).then((b) => {
+      b && (l(!0), setTimeout(() => l(!1), 2e3), a == null || a(s.id));
+    });
+  }, [s.content, s.id, a]), v = L(() => {
+    ws(s.content, Ns(t)), u == null || u(s.id);
+  }, [s.content, s.id, t, u]);
+  return /* @__PURE__ */ p(be, { children: [
+    i.includes("copy") && ys() ? /* @__PURE__ */ e(
+      C,
+      {
+        icon: g ? /* @__PURE__ */ e(ss, {}) : /* @__PURE__ */ e(as, {}),
+        "aria-label": c(g ? "alia.copied" : "alia.copyMessage"),
+        intent: "ghost",
+        size: "sm",
+        onClick: n
+      }
+    ) : null,
+    i.includes("download") ? /* @__PURE__ */ e(
+      C,
+      {
+        icon: /* @__PURE__ */ e(is, {}),
+        "aria-label": c("alia.downloadMessage"),
+        intent: "ghost",
+        size: "sm",
+        onClick: v
+      }
+    ) : null,
+    d && f ? /* @__PURE__ */ e(
+      C,
+      {
+        icon: /* @__PURE__ */ e(rs, {}),
+        "aria-label": c("alia.regenerate"),
+        intent: "ghost",
+        size: "sm",
+        onClick: () => f(s.id)
+      }
+    ) : null,
+    /* @__PURE__ */ e("span", { role: "status", "aria-live": "polite", className: "ds:sr-only", children: g ? c("alia.copied") : "" })
+  ] });
+}
+function ks({
+  attachments: s,
+  onRemove: i
+}) {
+  const { t } = x("ui");
+  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__ */ p(
+        "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(
+              Ze,
+              {
+                "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(
+              C,
+              {
+                icon: /* @__PURE__ */ e(xe, {}),
+                "aria-label": t("alia.removeAttachment", { name: d.name }),
+                intent: "ghost",
+                size: "sm",
+                onClick: () => i(d.id)
+              }
+            ) : null
+          ]
+        },
+        d.id
+      ))
+    }
+  );
+}
+function ze() {
+  if (typeof window > "u") return;
+  const s = window;
+  return s.SpeechRecognition ?? s.webkitSpeechRecognition;
+}
+function zs({
+  lang: s,
+  disabled: i,
+  onTranscript: t
+}) {
+  const { t: d } = x("ui"), [a, u] = R(!1), f = j(null), c = L(() => {
+    var l;
+    (l = f.current) == null || l.stop(), u(!1);
+  }, []), g = L(() => {
+    const l = ze();
+    if (!l) return;
+    const n = new l();
+    n.lang = s, n.continuous = !1, n.interimResults = !1, n.onresult = (v) => {
+      let b = "";
+      for (let w = 0; w < v.results.length; w++)
+        b += v.results[w][0].transcript;
+      b && t(b);
+    }, n.onend = () => u(!1), n.onerror = () => u(!1), f.current = n, n.start(), u(!0);
+  }, [s, t]);
+  return ne(() => {
+    if (!a) return;
+    const l = (n) => {
+      n.key === "Escape" && c();
+    };
+    return window.addEventListener("keydown", l), () => window.removeEventListener("keydown", l);
+  }, [a, c]), ne(() => () => {
+    var l;
+    return (l = f.current) == null ? void 0 : l.stop();
+  }, []), /* @__PURE__ */ e(
+    C,
+    {
+      icon: /* @__PURE__ */ e(ns, {}),
+      "aria-label": d(a ? "alia.dictateStop" : "alia.dictate"),
+      "aria-pressed": a,
+      intent: a ? "primary" : "ghost",
+      size: "sm",
+      disabled: i,
+      onClick: () => a ? c() : g(),
+      className: a ? "ds:motion-safe:animate-[var(--accessible-off,var(--ds-animate-pulse))] ds:motion-reduce:animate-none" : void 0
+    }
+  );
+}
+function Ls({
+  initialText: s,
+  onSave: i,
+  onCancel: t
+}) {
+  const { t: d } = x("ui"), [a, u] = R(s);
+  return /* @__PURE__ */ p(
+    "div",
+    {
+      className: "ds:flex ds:w-full ds:flex-col ds:gap-[var(--spacing-xs)]",
+      "data-testid": "alia-message-editor",
+      children: [
+        /* @__PURE__ */ e(
+          we,
+          {
+            label: d("alia.editMessage"),
+            value: a,
+            onChange: (f) => u(f.target.value),
+            submitOnEnter: !0,
+            onSubmit: (f) => i(f),
+            minRows: 2
+          }
+        ),
+        /* @__PURE__ */ p("div", { className: "ds:flex ds:items-center ds:justify-end ds:gap-[var(--spacing-xs)]", children: [
+          /* @__PURE__ */ e(_, { intent: "ghost", size: "sm", onClick: t, children: d("alia.cancelEdit") }),
+          /* @__PURE__ */ e(
+            _,
+            {
+              intent: "primary",
+              size: "sm",
+              onClick: () => i(a),
+              disabled: a.trim().length === 0,
+              children: d("alia.saveEdit")
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+const K = G(
+  ({
+    messages: s,
+    onSend: i,
+    onRetry: t,
+    onSuggestion: d,
+    suggestions: a,
+    isGenerating: u = !1,
+    onStopGenerating: f,
+    usage: c,
+    onUpgrade: g,
+    assistantName: l,
+    assistantAvatar: n,
+    userAvatar: v,
+    greeting: b,
+    subtitle: w,
+    density: E = "default",
+    renderMarkdown: M = !0,
+    onNewConversation: Le,
+    onAttach: je,
+    acceptedFileTypes: Ee,
+    headerEndSlot: Te,
+    hideHeader: Ie = !1,
+    ended: B,
+    messageActions: P,
+    onCopyMessage: oe,
+    onDownloadMessage: ce,
+    voiceInput: Se,
+    onVoiceTranscript: Z,
+    attachments: J,
+    onRemoveAttachment: Re,
+    showScrollToLatest: _e,
+    onRegenerate: D,
+    onEditMessage: F
+  }, Ue) => {
+    const { t: h, i18n: Be } = x("ui"), [me, Y] = R(null), [Pe, V] = R(""), O = j(null), A = j(null), ee = j(null), se = j(null), S = j(null), $ = j(!1), T = L(() => {
+      var r;
+      (r = S.current) == null || r.call(S), S.current = null, se.current = null;
+    }, []), W = L(
+      (r) => {
+        T();
+        const o = r.ownerDocument;
+        if (!r.contains(o.activeElement) && !te(o, r))
+          return;
+        se.current = r;
+        const m = (y) => {
+          (!(y.target instanceof Node) || !r.contains(y.target)) && T();
+        };
+        o.addEventListener("pointerdown", m, !0), o.addEventListener("focusin", m, !0), S.current = () => {
+          o.removeEventListener("pointerdown", m, !0), o.removeEventListener("focusin", m, !0);
+        };
+      },
+      [T]
+    ), ae = L(
+      (r) => W(r.currentTarget),
+      [W]
+    ), De = L(
+      (r) => {
+        const o = O.current;
+        O.current = r, !r && (o != null && o.contains(o.ownerDocument.activeElement)) && W(o);
+      },
+      [W]
+    );
+    ve(() => {
+      var y;
+      const r = se.current;
+      if (!r || r.isConnected) return;
+      T();
+      const o = O.current;
+      if (!te(r.ownerDocument, o)) return;
+      const m = o == null ? void 0 : o.querySelector("textarea");
+      if (m && !m.disabled) {
+        m.focus();
+        return;
+      }
+      (y = A.current ?? ee.current) == null || y.focus();
+    }), ne(() => T, [T]);
+    const q = !!Se && ze() != null, ie = de(() => {
+      for (let r = s.length - 1; r >= 0; r--) {
+        const o = s[r];
+        if (o.role === "assistant" && !o.streaming) return o.id;
+      }
+    }, [s]), I = B != null, N = l ?? h("alia.name"), Fe = b ?? h("alia.greeting"), Oe = w ?? h("alia.subtitle"), k = s[s.length - 1], H = (k == null ? void 0 : k.role) === "assistant" && k.streaming === !0, ue = H ? s.slice(0, -1) : s, $e = de(() => {
+      const r = h("chat.message.role.user"), o = ue.map((m) => {
+        let y;
+        if (m.role === "assistant" ? y = n != null && n.src ? { name: N, src: n.src } : {
+          slot: /* @__PURE__ */ e(
+            U,
+            {
+              size: "sm",
+              label: N,
+              appearance: "spinner"
+            }
+          )
+        } : m.role === "user" && (y = gs(v, r)), m.role === "user" && F && me === m.id)
+          return {
+            id: m.id,
+            node: /* @__PURE__ */ e(
+              Ls,
+              {
+                initialText: m.content,
+                onSave: (qe) => {
+                  F(m.id, qe), Y(null);
+                },
+                onCancel: () => Y(null)
+              }
+            )
+          };
+        let re;
+        return m.role === "assistant" && (P && P.length > 0 || D && m.id === ie) ? re = /* @__PURE__ */ e(
+          Cs,
+          {
+            message: m,
+            actions: P ?? [],
+            assistantName: N,
+            canRegenerate: !!D && m.id === ie,
+            onCopyMessage: oe,
+            onDownloadMessage: ce,
+            onRegenerate: D
+          }
+        ) : m.role === "user" && F && (re = /* @__PURE__ */ e(
+          C,
+          {
+            icon: /* @__PURE__ */ e(Ae, {}),
+            "aria-label": h("alia.editMessage"),
+            intent: "ghost",
+            size: "sm",
+            onClick: () => Y(m.id)
+          }
+        )), {
+          id: m.id,
+          node: /* @__PURE__ */ e(
+            Me,
+            {
+              role: m.role,
+              content: m.content,
+              body: m.body,
+              avatar: y,
+              timestamp: m.timestamp,
+              status: m.status,
+              renderMarkdown: M,
+              onRetry: t ? () => t(m.id) : void 0,
+              actions: re
+            }
+          )
+        };
+      });
+      return H && k && o.push({
+        id: k.id,
+        node: /* @__PURE__ */ e(
+          vs,
+          {
+            message: k,
+            assistantName: N,
+            avatarSrc: n == null ? void 0 : n.src,
+            renderMarkdown: M
+          }
+        )
+      }), u && !H && o.push({
+        id: "__alia-typing__",
+        node: /* @__PURE__ */ p("div", { className: "ds:flex ds:w-full ds:items-start ds:gap-[var(--spacing-sm)]", children: [
+          n != null && n.src ? /* @__PURE__ */ e(
+            Q,
+            {
+              name: N,
+              src: n.src,
+              size: "sm"
+            }
+          ) : /* @__PURE__ */ e(
+            U,
+            {
+              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(Ye, { label: h("chat.typing"), density: E })
+            }
+          )
+        ] })
+      }), B && o.push({
+        id: "__alia-ended__",
+        node: /* @__PURE__ */ e(fs, { note: B.note, focusRef: A })
+      }), o;
+    }, [
+      ue,
+      H,
+      k,
+      u,
+      N,
+      n == null ? void 0 : n.src,
+      v,
+      M,
+      t,
+      E,
+      B,
+      h,
+      me,
+      F,
+      P,
+      D,
+      ie,
+      oe,
+      ce
+    ]), We = c ? Math.min(
+      100,
+      Math.max(0, c.current / Math.max(1, c.limit) * 100)
+    ) : 0, z = c ? c.current >= c.limit : !1, pe = z || I;
+    ve(() => {
+      var m;
+      const r = O.current;
+      if (!pe || !$.current || !r)
+        return;
+      $.current = !1;
+      const o = r.ownerDocument;
+      (r.contains(o.activeElement) || te(o, r)) && ((m = A.current ?? ee.current) == null || m.focus());
+    }, [pe]);
+    const fe = c ? c.label ?? h("alia.usageLabel", {
+      current: c.current,
+      limit: c.limit
+    }) : null, ge = s.length === 0 && !u && !I, he = /* @__PURE__ */ p("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+      c ? /* @__PURE__ */ p("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+        /* @__PURE__ */ p("div", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+          /* @__PURE__ */ e(
+            "span",
+            {
+              ref: ee,
+              tabIndex: z ? -1 : void 0,
+              className: [
+                "type-meta",
+                z ? `ds:text-[color:var(--destructive)] ${ke}` : "ds:text-[color:var(--muted-foreground)]"
+              ].join(" "),
+              "data-testid": "alia-usage-label",
+              children: z ? h("alia.usageLimitReached") : fe
+            }
+          ),
+          z && g ? /* @__PURE__ */ e(_, { intent: "primary", size: "sm", onClick: g, children: h("alia.upgrade") }) : null
+        ] }),
+        /* @__PURE__ */ e(
+          Ve,
+          {
+            value: We,
+            max: 100,
+            size: "sm",
+            ariaLabel: fe ?? h("alia.usageLabel", {
+              current: c.current,
+              limit: c.limit
+            }),
+            className: z ? "ds:[&_[role=progressbar]>*]:bg-[color:var(--destructive)]" : void 0,
+            "data-testid": "alia-usage-progress"
+          }
+        )
+      ] }) : null,
+      !ge && a && a.length > 0 && !u && !I ? /* @__PURE__ */ e(
+        Ne,
+        {
+          label: h("alia.exampleQuestions"),
+          "data-testid": "alia-followup-suggestions",
+          children: a.map((r) => /* @__PURE__ */ e(
+            ye,
+            {
+              intent: "followup",
+              startIcon: r.icon,
+              keepOnSelect: !0,
+              onClick: ae,
+              onSelect: () => d == null ? void 0 : d(r),
+              children: r.label
+            },
+            r.id
+          ))
+        }
+      ) : null,
+      J && J.length > 0 ? /* @__PURE__ */ e(
+        ks,
+        {
+          attachments: J,
+          onRemove: Re
+        }
+      ) : null,
+      /* @__PURE__ */ p("div", { className: "ds:flex ds:items-end ds:gap-[var(--spacing-sm)]", children: [
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: "ds:flex-1 ds:min-w-0",
+            onFocus: () => {
+              $.current = !0;
+            },
+            onBlur: (r) => {
+              const o = r.relatedTarget;
+              o instanceof Node && r.currentTarget.contains(o) || r.target.matches(":disabled") || ($.current = !1);
+            },
+            children: /* @__PURE__ */ e(
+              we,
+              {
+                ref: De,
+                submitOnEnter: !0,
+                onSubmit: q ? (r) => {
+                  i(r), V("");
+                } : i,
+                value: q ? Pe : void 0,
+                onChange: q ? (r) => V(r.target.value) : void 0,
+                onAttach: je,
+                accept: Ee,
+                disabled: z || I,
+                toolbar: q ? /* @__PURE__ */ e(
+                  zs,
+                  {
+                    lang: Be.language,
+                    disabled: z || I,
+                    onTranscript: (r) => {
+                      Z == null || Z(r), V(
+                        (o) => o ? `${o} ${r}` : r
+                      );
+                    }
+                  }
+                ) : void 0,
+                "data-testid": "alia-composer"
+              }
+            )
+          }
+        ),
+        u && f && !I ? /* @__PURE__ */ e(
+          _,
+          {
+            intent: "outline",
+            size: "sm",
+            startIcon: /* @__PURE__ */ e(es, { "aria-hidden": "true" }),
+            onClick: (r) => {
+              ae(r), f();
+            },
+            "aria-label": h("alia.stopGenerating"),
+            children: h("alia.stopGenerating")
+          }
+        ) : null
+      ] })
+    ] });
+    return /* @__PURE__ */ p(
+      "div",
+      {
+        ref: Ue,
+        className: [
+          "ds:flex ds:min-h-0 ds:flex-1 ds:flex-col",
+          "ds:bg-[var(--background)] ds:text-[color:var(--foreground)]"
+        ].join(" "),
+        "data-testid": "alia-surface",
+        children: [
+          Ie ? null : /* @__PURE__ */ e(
+            bs,
+            {
+              assistantName: N,
+              avatarSrc: n == null ? void 0 : n.src,
+              onNewConversation: Le,
+              headerEndSlot: Te,
+              density: E
+            }
+          ),
+          ge ? /* @__PURE__ */ p(be, { children: [
+            /* @__PURE__ */ e(
+              hs,
+              {
+                assistantName: N,
+                avatarSrc: n == null ? void 0 : n.src,
+                greeting: Fe,
+                subtitle: Oe,
+                suggestions: a,
+                onSuggestion: d,
+                onChipClick: ae
+              }
+            ),
+            /* @__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: he
+              }
+            )
+          ] }) : /* @__PURE__ */ e(
+            Ke,
+            {
+              messages: $e,
+              density: E,
+              composer: he,
+              showScrollToLatest: _e,
+              className: "ds:flex-1 ds:min-h-0"
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+K.displayName = "AliaChatSurface";
+const js = G(
+  ({ headerSlot: s, ...i }, t) => /* @__PURE__ */ p(
+    "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(K, { ...i })
+          }
+        ) })
+      ]
+    }
+  )
+);
+js.displayName = "AliaEmbedded";
+function Es(s) {
+  return s > 99 ? "99+" : String(s);
+}
+const Ts = G(
+  ({
+    open: s,
+    defaultOpen: i,
+    onOpenChange: t,
+    position: d = "bottom-end",
+    unseenCount: a,
+    assistantName: u,
+    assistantAvatar: f,
+    ...c
+  }, g) => {
+    const { t: l } = x("ui"), n = u || l("alia.name"), v = typeof a == "number" && a > 0, b = v ? l("alia.openWithUnseen", { count: a }) : l("alia.open"), w = /* @__PURE__ */ e(Xe.Close, { asChild: !0, children: /* @__PURE__ */ e(
+      C,
+      {
+        icon: /* @__PURE__ */ e(xe, { "aria-hidden": "true" }),
+        intent: "ghost",
+        size: "sm",
+        "aria-label": l("alia.close"),
+        "data-testid": "alia-popout-close"
+      }
+    ) });
+    return /* @__PURE__ */ p(
+      X.Root,
+      {
+        open: s,
+        defaultOpen: i,
+        onOpenChange: t,
+        children: [
+          /* @__PURE__ */ e(
+            "div",
+            {
+              ref: g,
+              className: [
+                "ds:fixed ds:z-[var(--z-fixed)]",
+                "ds:bottom-[calc(var(--spacing-lg)+env(safe-area-inset-bottom,0px))]",
+                d === "bottom-end" ? "ds:end-[var(--spacing-lg)]" : "ds:start-[var(--spacing-lg)]"
+              ].join(" "),
+              "data-testid": "alia-popout-fab-wrapper",
+              children: /* @__PURE__ */ p("div", { className: "ds:relative", children: [
+                /* @__PURE__ */ e(X.Trigger, { asChild: !0, children: /* @__PURE__ */ e(
+                  Ge,
+                  {
+                    icon: /* @__PURE__ */ e(Qe, { "aria-hidden": "true" }),
+                    "aria-label": b,
+                    variant: "primary",
+                    size: "md",
+                    position: "static",
+                    "data-testid": "alia-popout-fab"
+                  }
+                ) }),
+                v ? /* @__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: Es(a)
+                  }
+                ) : null
+              ] })
+            }
+          ),
+          /* @__PURE__ */ p(
+            X.Content,
+            {
+              side: "end",
+              size: "md",
+              "aria-label": l("alia.panelLabel"),
+              className: "ds:flex ds:min-h-0 ds:flex-col ds:p-0",
+              "data-testid": "alia-popout-panel",
+              children: [
+                /* @__PURE__ */ e(X.Title, { className: "ds:sr-only", children: n }),
+                /* @__PURE__ */ e(
+                  K,
+                  {
+                    ...c,
+                    assistantName: n,
+                    assistantAvatar: f,
+                    density: "compact",
+                    headerEndSlot: w
+                  }
+                )
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Ts.displayName = "AliaPopout";
+function Is(s) {
+  return s > 99 ? "99+" : String(s);
+}
+const Ss = "ds:[inline-size:22rem]", Rs = "ds:[inline-size:3rem]", _s = G(
+  ({
+    open: s,
+    onOpenChange: i,
+    side: t = "end",
+    unseenCount: d,
+    footerSlot: a,
+    assistantName: u,
+    assistantAvatar: f,
+    ...c
+  }, g) => {
+    const { t: l } = x("ui"), n = u || l("alia.name"), v = typeof d == "number" && d > 0, b = t === "end" ? "ds:shadow-[var(--shadow-chrome-start)]" : "ds:shadow-[var(--shadow-chrome-end)]", w = v ? l("alia.openWithUnseen", { count: d }) : l("alia.open");
+    if (!s)
+      return /* @__PURE__ */ e(
+        "aside",
+        {
+          ref: g,
+          "aria-label": l("alia.panelLabel"),
+          className: [
+            "ds:flex ds:shrink-0 ds:flex-col ds:items-center",
+            "ds:bg-[var(--background)]",
+            b,
+            "ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]",
+            Rs
+          ].join(" "),
+          "data-testid": "alia-sidebar-rail",
+          "data-alia-sidebar-state": "collapsed",
+          children: /* @__PURE__ */ p("div", { className: "ds:relative", children: [
+            /* @__PURE__ */ e(
+              C,
+              {
+                icon: /* @__PURE__ */ e(le, {}),
+                "aria-label": w,
+                "aria-expanded": "false",
+                intent: "ghost",
+                size: "sm",
+                onClick: () => i(!0),
+                "data-testid": "alia-sidebar-rail-trigger"
+              }
+            ),
+            v ? /* @__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: Is(d)
+              }
+            ) : null
+          ] })
+        }
+      );
+    const E = /* @__PURE__ */ e(
+      C,
+      {
+        icon: t === "end" ? /* @__PURE__ */ e(os, {}) : /* @__PURE__ */ e(cs, {}),
+        intent: "ghost",
+        size: "sm",
+        "aria-label": l("alia.close"),
+        "aria-expanded": "true",
+        onClick: () => i(!1),
+        "data-testid": "alia-sidebar-collapse"
+      }
+    );
+    return /* @__PURE__ */ p(
+      "aside",
+      {
+        ref: g,
+        "aria-label": l("alia.panelLabel"),
+        className: [
+          "ds:flex ds:shrink-0 ds:flex-col ds:min-h-0",
+          "ds:bg-[var(--background)]",
+          b,
+          Ss,
+          "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(
+            K,
+            {
+              ...c,
+              assistantName: n,
+              assistantAvatar: f,
+              density: "compact",
+              headerEndSlot: E
+            }
+          ) }),
+          a ? /* @__PURE__ */ e(
+            "div",
+            {
+              "data-testid": "alia-sidebar-footer-slot",
+              className: "ds:shrink-0 ds:shadow-[var(--shadow-chrome-up)]",
+              children: a
+            }
+          ) : null
+        ]
+      }
+    );
+  }
+);
+_s.displayName = "AliaSidebar";
+export {
+  le as A,
+  K as a,
+  js as b,
+  Ts as c,
+  _s as d
+};
+//# sourceMappingURL=alia-sidebar-BBKBJCv6.js.map