@alfadocs/ui-kit-debug 1.73.3 → 1.74.0

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

@@ -0,0 +1,1323 @@
+import { jsx as e, jsxs as f, Fragment as Te } from "react/jsx-runtime";
+import { forwardRef as se, useState as k, useRef as I, useCallback as N, useEffect as B, useMemo as ge } from "react";
+import * as is from "@radix-ui/react-dialog";
+import { useTranslation as w } from "react-i18next";
+import { F as ds } from "./floating-action-button-BesoUmO_.js";
+import { I as z } from "./icon-button-S8_weU3g.js";
+import { S as ee } from "./sheet-uZZXaO_S.js";
+import { X as Ie } from "./x-B5YnXwCz.js";
+import { A as ls } from "./astroid-BN4f5VXU.js";
+import { AliaAsteroidIcon as he } from "../alia-asteroid-icon/index.js";
+import { A as te } from "./avatar-BPiPL7ND.js";
+import { B as H } from "./button-DohK_Ak_.js";
+import { C as os } from "./chat-container-baxzy8k8.js";
+import { C as cs } from "./chat-message-CmFJdEre.js";
+import { C as Se, P as ms } from "./chat-input-DwQ4_WXK.js";
+import { S as us } from "./streaming-text-Nb3Q7L94.js";
+import { a as Re, S as _e } from "./suggestion-chip-BNRWZL51.js";
+import { T as Ue } from "./typing-indicator-B1RkE8jD.js";
+import { P as ps } from "./progress-D_g_Sl2g.js";
+import { u as Ee } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { P as fs } from "./pencil-B1sKKyuT.js";
+import { S as gs } from "./square-DASBRZ0U.js";
+import { C as hs } from "./check-DrFSN__t.js";
+import { C as vs } from "./copy-vRpqqHtY.js";
+import { D as bs } from "./download-CfYKJO_j.js";
+import { R as xs } from "./refresh-cw-DnI0cLFC.js";
+import { c as Ns } from "./createLucideIcon-DhHxpK9K.js";
+import { M as ws } from "./mic-CUklMZGF.js";
+import { P as ys } from "./plus-DzMQ_c6b.js";
+import { U as Cs } from "./user-B12p7bVF.js";
+import { a as ks, C as zs } 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 Ls = [
+  [
+    "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" }]
+], Es = Ns("shield-x", Ls), Pe = {
+  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 X({
+  size: s,
+  label: a,
+  appearance: n = "sparkle",
+  loading: d = !1
+}) {
+  const r = Pe[s];
+  return n === "spinner" ? /* @__PURE__ */ e(
+    "span",
+    {
+      role: "img",
+      "aria-label": a,
+      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]",
+        r.box
+      ].join(" "),
+      children: /* @__PURE__ */ e(
+        he,
+        {
+          variant: "mono",
+          className: [
+            r.icon,
+            d ? "ds:animate-spin ds:motion-reduce:animate-none" : ""
+          ].filter(Boolean).join(" ")
+        }
+      )
+    }
+  ) : /* @__PURE__ */ e(
+    "span",
+    {
+      role: "img",
+      "aria-label": a,
+      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]",
+        r.box
+      ].join(" "),
+      children: /* @__PURE__ */ e(he, { className: r.icon })
+    }
+  );
+}
+function js({
+  size: s,
+  label: a
+}) {
+  const n = Pe[s];
+  return /* @__PURE__ */ e(
+    "span",
+    {
+      role: "img",
+      "aria-label": a,
+      className: [
+        "ds:inline-flex ds:shrink-0 ds:items-center ds:justify-center",
+        "ds:rounded-[var(--radius-full)]",
+        "ds:bg-[color-mix(in_srgb,var(--muted-foreground)_14%,transparent)]",
+        "ds:text-[color:var(--muted-foreground)]",
+        "ds:forced-colors:bg-transparent ds:forced-colors:border ds:forced-colors:border-[CanvasText]",
+        n.box
+      ].join(" "),
+      children: /* @__PURE__ */ e(Cs, { "aria-hidden": "true", className: n.icon })
+    }
+  );
+}
+const Be = [
+  "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 Ts({
+  note: s,
+  focusRef: a
+}) {
+  return /* @__PURE__ */ f(
+    "div",
+    {
+      ref: a,
+      role: "status",
+      tabIndex: -1,
+      className: [
+        "ds:flex ds:w-full ds:flex-col ds:items-center ds:text-center",
+        "ds:gap-[var(--spacing-xs)]",
+        Be
+      ].join(" "),
+      "data-testid": "alia-ended-divider",
+      children: [
+        /* @__PURE__ */ e(
+          Es,
+          {
+            "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 Is(s, a) {
+  return s ? s.slot ? { slot: s.slot } : { name: s.name, src: s.src } : { slot: /* @__PURE__ */ e(js, { size: "sm", label: a }) };
+}
+function fe(s, a) {
+  const n = s.activeElement;
+  return !n || n === s.body || n === s.documentElement ? !0 : a != null && n !== a && n.contains(a);
+}
+function Ss({
+  assistantName: s,
+  avatarSrc: a,
+  greeting: n,
+  subtitle: d,
+  suggestions: r,
+  onSuggestion: m,
+  onChipClick: g
+}) {
+  const { t: u } = w("ui"), p = "alia-empty-state-heading";
+  return /* @__PURE__ */ f(
+    "section",
+    {
+      "aria-labelledby": p,
+      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: [
+        a ? /* @__PURE__ */ e(te, { name: s, src: a, size: "xl" }) : /* @__PURE__ */ e(
+          X,
+          {
+            size: "xl",
+            label: s,
+            appearance: "spinner"
+          }
+        ),
+        /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-xs)] ds:max-w-[32rem]", children: [
+          /* @__PURE__ */ e(
+            "h2",
+            {
+              id: p,
+              className: "type-title-section ds:m-0 ds:text-[color:var(--foreground)]",
+              children: n
+            }
+          ),
+          /* @__PURE__ */ e("p", { className: "type-body-sm ds:m-0 ds:text-[color:var(--muted-foreground)]", children: d })
+        ] }),
+        r && r.length > 0 ? /* @__PURE__ */ e("div", { className: "ds:w-full ds:max-w-[40rem]", children: /* @__PURE__ */ e(
+          Re,
+          {
+            label: u("alia.exampleQuestions"),
+            className: "ds:justify-center",
+            children: r.map((l) => /* @__PURE__ */ e(
+              _e,
+              {
+                intent: "suggestion",
+                startIcon: l.icon,
+                keepOnSelect: !0,
+                onClick: g,
+                onSelect: () => m == null ? void 0 : m(l),
+                children: l.label
+              },
+              l.id
+            ))
+          }
+        ) }) : null
+      ]
+    }
+  );
+}
+function Rs({
+  message: s,
+  assistantName: a,
+  avatarSrc: n,
+  renderMarkdown: d,
+  density: r
+}) {
+  const { t: m, i18n: g } = w("ui"), u = m("chat.message.role.assistant"), p = ge(() => {
+    if (!s.timestamp) return null;
+    const c = s.timestamp instanceof Date ? s.timestamp : new Date(s.timestamp);
+    return Number.isNaN(c.getTime()) ? null : new Intl.DateTimeFormat(g.language, {
+      hour: "2-digit",
+      minute: "2-digit"
+    }).format(c);
+  }, [s.timestamp, g.language]), l = p ? m("chat.message.label", { role: u, time: p }) : m("chat.message.labelNoTime", { role: u });
+  return /* @__PURE__ */ f(
+    "article",
+    {
+      "aria-label": l,
+      className: "ds:flex ds:w-full ds:items-start ds:flex-row ds:gap-[var(--spacing-sm)]",
+      children: [
+        n ? /* @__PURE__ */ e(te, { name: a, src: n, size: "sm" }) : /* @__PURE__ */ e(
+          X,
+          {
+            size: "sm",
+            label: a,
+            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: s.content ? /* @__PURE__ */ e(
+              us,
+              {
+                content: s.content,
+                isStreaming: !0,
+                renderMarkdown: d
+              }
+            ) : (
+              // Before the first words arrive, the dots, not an empty bubble.
+              /* @__PURE__ */ e(Ue, { label: m("chat.typing"), density: r })
+            )
+          }
+        ) })
+      ]
+    }
+  );
+}
+function _s({
+  assistantName: s,
+  avatarSrc: a,
+  onNewConversation: n,
+  headerEndSlot: d,
+  density: r
+}) {
+  const { t: m } = w("ui");
+  return /* @__PURE__ */ f(
+    "header",
+    {
+      "aria-label": m("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)]",
+        r === "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: [
+        a ? /* @__PURE__ */ e(
+          te,
+          {
+            name: s,
+            src: a,
+            size: r === "compact" ? "sm" : "md"
+          }
+        ) : /* @__PURE__ */ e(
+          X,
+          {
+            size: r === "compact" ? "sm" : "md",
+            label: s,
+            appearance: "spinner"
+          }
+        ),
+        /* @__PURE__ */ e("span", { className: "type-title-item ds:text-[color:var(--foreground)]", children: s }),
+        /* @__PURE__ */ f("div", { className: "ds:ms-auto ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+          n ? /* @__PURE__ */ e(
+            H,
+            {
+              intent: "ghost",
+              size: "sm",
+              startIcon: /* @__PURE__ */ e(ys, { "aria-hidden": "true" }),
+              onClick: n,
+              children: m("alia.newConversation")
+            }
+          ) : null,
+          d
+        ] })
+      ]
+    }
+  );
+}
+function Us(s) {
+  var a;
+  return typeof navigator > "u" || typeof ((a = navigator.clipboard) == null ? void 0 : a.writeText) != "function" ? Promise.resolve(!1) : navigator.clipboard.writeText(s).then(() => !0).catch(() => !1);
+}
+function Ps(s, a) {
+  if (typeof window > "u" || typeof URL > "u" || typeof URL.createObjectURL != "function")
+    return;
+  const n = new Blob([s], { type: "text/markdown;charset=utf-8" }), d = URL.createObjectURL(n), r = document.createElement("a");
+  r.href = d, r.download = a, document.body.appendChild(r), r.click(), r.remove(), URL.revokeObjectURL(d);
+}
+function Bs(s) {
+  const a = (/* @__PURE__ */ new Date()).toISOString().slice(0, 10);
+  return `${s.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "") || "assistant"}-prompt-${a}.md`;
+}
+const $s = () => {
+  var s;
+  return typeof navigator < "u" && typeof ((s = navigator.clipboard) == null ? void 0 : s.writeText) == "function";
+};
+function Fs({
+  message: s,
+  actions: a,
+  assistantName: n,
+  canRegenerate: d,
+  onCopyMessage: r,
+  onDownloadMessage: m,
+  onRegenerate: g
+}) {
+  const { t: u } = w("ui"), [p, l] = k(!1), c = N(() => {
+    Us(s.content).then((b) => {
+      b && (l(!0), setTimeout(() => l(!1), 2e3), r == null || r(s.id));
+    });
+  }, [s.content, s.id, r]), v = N(() => {
+    Ps(s.content, Bs(n)), m == null || m(s.id);
+  }, [s.content, s.id, n, m]);
+  return /* @__PURE__ */ f(Te, { children: [
+    a.includes("copy") && $s() ? /* @__PURE__ */ e(
+      z,
+      {
+        icon: p ? /* @__PURE__ */ e(hs, {}) : /* @__PURE__ */ e(vs, {}),
+        "aria-label": u(p ? "alia.copied" : "alia.copyMessage"),
+        intent: "ghost",
+        size: "sm",
+        onClick: c
+      }
+    ) : null,
+    a.includes("download") ? /* @__PURE__ */ e(
+      z,
+      {
+        icon: /* @__PURE__ */ e(bs, {}),
+        "aria-label": u("alia.downloadMessage"),
+        intent: "ghost",
+        size: "sm",
+        onClick: v
+      }
+    ) : null,
+    d && g ? /* @__PURE__ */ e(
+      z,
+      {
+        icon: /* @__PURE__ */ e(xs, {}),
+        "aria-label": u("alia.regenerate"),
+        intent: "ghost",
+        size: "sm",
+        onClick: () => g(s.id)
+      }
+    ) : null,
+    /* @__PURE__ */ e("span", { role: "status", "aria-live": "polite", className: "ds:sr-only", children: p ? u("alia.copied") : "" })
+  ] });
+}
+function Os({
+  attachments: s,
+  onRemove: a
+}) {
+  const { t: n } = w("ui");
+  return s.length === 0 ? null : /* @__PURE__ */ e(
+    "ul",
+    {
+      "aria-label": n("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__ */ f(
+        "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(
+              ms,
+              {
+                "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 }),
+            a ? /* @__PURE__ */ e(
+              z,
+              {
+                icon: /* @__PURE__ */ e(Ie, {}),
+                "aria-label": n("alia.removeAttachment", { name: d.name }),
+                intent: "ghost",
+                size: "sm",
+                onClick: () => a(d.id)
+              }
+            ) : null
+          ]
+        },
+        d.id
+      ))
+    }
+  );
+}
+function $e() {
+  if (typeof window > "u") return;
+  const s = window;
+  return s.SpeechRecognition ?? s.webkitSpeechRecognition;
+}
+function Fe({
+  listening: s,
+  disabled: a,
+  onToggle: n
+}) {
+  const { t: d } = w("ui");
+  return /* @__PURE__ */ e(
+    z,
+    {
+      icon: /* @__PURE__ */ e(ws, {}),
+      "aria-label": d(s ? "alia.dictateStop" : "alia.dictate"),
+      "aria-pressed": s,
+      intent: s ? "primary" : "ghost",
+      size: "sm",
+      disabled: a,
+      onClick: n,
+      className: s ? "ds:motion-safe:animate-[var(--accessible-off,var(--ds-animate-pulse))] ds:motion-reduce:animate-none" : void 0
+    }
+  );
+}
+function je(s, a) {
+  return a ? s ? /\s$/.test(s) ? `${s}${a}` : `${s} ${a}` : a : s;
+}
+function Ds(s) {
+  return s && typeof s == "object" && "name" in s ? String(s.name) : void 0;
+}
+function Ws({
+  lang: s,
+  disabled: a,
+  onTranscript: n
+}) {
+  const [d, r] = k(!1), m = I(null), g = N(() => {
+    var p;
+    (p = m.current) == null || p.stop(), r(!1);
+  }, []), u = N(() => {
+    const p = $e();
+    if (!p) return;
+    const l = new p();
+    l.lang = s, l.continuous = !1, l.interimResults = !1, l.onresult = (c) => {
+      let v = "";
+      for (let b = 0; b < c.results.length; b++)
+        v += c.results[b][0].transcript;
+      v && n(v);
+    }, l.onend = () => r(!1), l.onerror = () => r(!1), m.current = l, l.start(), r(!0);
+  }, [s, n]);
+  return B(() => {
+    if (!d) return;
+    const p = (l) => {
+      l.key === "Escape" && g();
+    };
+    return window.addEventListener("keydown", p), () => window.removeEventListener("keydown", p);
+  }, [d, g]), B(() => () => {
+    var p;
+    return (p = m.current) == null ? void 0 : p.stop();
+  }, []), /* @__PURE__ */ e(
+    Fe,
+    {
+      listening: d,
+      disabled: a,
+      onToggle: () => d ? g() : u()
+    }
+  );
+}
+function qs({
+  initialText: s,
+  onSave: a,
+  onCancel: n
+}) {
+  const { t: d } = w("ui"), [r, m] = k(s);
+  return /* @__PURE__ */ f(
+    "div",
+    {
+      className: "ds:flex ds:w-full ds:flex-col ds:gap-[var(--spacing-xs)]",
+      "data-testid": "alia-message-editor",
+      children: [
+        /* @__PURE__ */ e(
+          Se,
+          {
+            label: d("alia.editMessage"),
+            value: r,
+            onChange: (g) => m(g.target.value),
+            submitOnEnter: !0,
+            onSubmit: (g) => a(g),
+            minRows: 2
+          }
+        ),
+        /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:justify-end ds:gap-[var(--spacing-xs)]", children: [
+          /* @__PURE__ */ e(H, { intent: "ghost", size: "sm", onClick: n, children: d("alia.cancelEdit") }),
+          /* @__PURE__ */ e(
+            H,
+            {
+              intent: "primary",
+              size: "sm",
+              onClick: () => a(r),
+              disabled: r.trim().length === 0,
+              children: d("alia.saveEdit")
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+const ae = se(
+  ({
+    messages: s,
+    onSend: a,
+    onRetry: n,
+    onSuggestion: d,
+    suggestions: r,
+    isGenerating: m = !1,
+    onStopGenerating: g,
+    usage: u,
+    onUpgrade: p,
+    assistantName: l,
+    assistantAvatar: c,
+    userAvatar: v,
+    greeting: b,
+    subtitle: $,
+    density: S = "default",
+    renderMarkdown: re = !0,
+    onNewConversation: Oe,
+    onAttach: De,
+    acceptedFileTypes: We,
+    headerEndSlot: qe,
+    hideHeader: He = !1,
+    ended: K,
+    messageActions: Q,
+    onCopyMessage: ve,
+    onDownloadMessage: be,
+    voiceInput: Xe,
+    onVoiceTranscript: R,
+    onDictate: L,
+    attachments: ne,
+    onRemoveAttachment: Ke,
+    showScrollToLatest: Qe,
+    onRegenerate: M,
+    onEditMessage: Z
+  }, Me) => {
+    const { t: h, i18n: Ze } = w("ui"), [xe, ie] = k(null), [Ge, G] = k(""), J = I(null), de = I(null), le = I(null), oe = I(null), F = I(null), Y = I(!1), _ = N(() => {
+      var t;
+      (t = F.current) == null || t.call(F), F.current = null, oe.current = null;
+    }, []), A = N(
+      (t) => {
+        _();
+        const i = t.ownerDocument;
+        if (!t.contains(i.activeElement) && !fe(i, t))
+          return;
+        oe.current = t;
+        const o = (x) => {
+          (!(x.target instanceof Node) || !t.contains(x.target)) && _();
+        };
+        i.addEventListener("pointerdown", o, !0), i.addEventListener("focusin", o, !0), F.current = () => {
+          i.removeEventListener("pointerdown", o, !0), i.removeEventListener("focusin", o, !0);
+        };
+      },
+      [_]
+    ), ce = N(
+      (t) => A(t.currentTarget),
+      [A]
+    ), Je = N(
+      (t) => {
+        const i = J.current;
+        J.current = t, !t && (i != null && i.contains(i.ownerDocument.activeElement)) && A(i);
+      },
+      [A]
+    );
+    Ee(() => {
+      var x;
+      const t = oe.current;
+      if (!t || t.isConnected) return;
+      _();
+      const i = J.current;
+      if (!fe(t.ownerDocument, i)) return;
+      const o = i == null ? void 0 : i.querySelector("textarea");
+      if (o && !o.disabled) {
+        o.focus();
+        return;
+      }
+      (x = de.current ?? le.current) == null || x.focus();
+    }), B(() => _, [_]);
+    const Ne = !L && !!Xe && $e() != null, me = !!L || Ne, [O, we] = k(!1), [Ye, D] = k(""), [Ae, ye] = k(!1), [Ve, ue] = k(""), W = I(null), E = N((t) => {
+      const i = W.current;
+      i && (i.keepLate = t, t || D(""), i.controller.abort());
+    }, []), es = N(() => {
+      if (!L || W.current) return;
+      const t = new AbortController(), i = { controller: t, keepLate: !1 };
+      W.current = i;
+      let o = !1;
+      const x = () => !o && (!t.signal.aborted || i.keepLate);
+      we(!0), ye(!1), D(""), ue(h("editor.ai.listening")), L({
+        signal: t.signal,
+        onPartialTranscript: (C) => {
+          x() && D(C);
+        },
+        onFinalTranscript: (C) => {
+          if (!x()) return;
+          const P = C.trim();
+          D(""), P && (R == null || R(P), G((ns) => je(ns, P)), ue(P));
+        }
+      }).catch((C) => {
+        t.signal.aborted || Ds(C) === "AbortError" || ye(!0);
+      }).finally(() => {
+        o = !0, W.current === i && (W.current = null, we(!1), D(""), ue(""));
+      });
+    }, [L, R, h]);
+    B(() => {
+      if (!O) return;
+      const t = (i) => {
+        i.key === "Escape" && E(!0);
+      };
+      return window.addEventListener("keydown", t), () => window.removeEventListener("keydown", t);
+    }, [O, E]), B(() => () => E(!1), [E]);
+    const pe = ge(() => {
+      for (let t = s.length - 1; t >= 0; t--) {
+        const i = s[t];
+        if (i.role === "assistant" && !i.streaming) return i.id;
+      }
+    }, [s]), U = K != null, y = l ?? h("alia.name"), ss = b ?? h("alia.greeting"), ts = $ ?? h("alia.subtitle"), j = s[s.length - 1], V = (j == null ? void 0 : j.role) === "assistant" && j.streaming === !0, Ce = V ? s.slice(0, -1) : s, as = ge(() => {
+      const t = h("chat.message.role.user"), i = Ce.map((o) => {
+        let x;
+        if (o.role === "assistant" ? x = c != null && c.src ? { name: y, src: c.src } : {
+          slot: /* @__PURE__ */ e(
+            X,
+            {
+              size: "sm",
+              label: y,
+              appearance: "spinner"
+            }
+          )
+        } : o.role === "user" && (x = Is(v, t)), o.role === "user" && Z && xe === o.id)
+          return {
+            id: o.id,
+            node: /* @__PURE__ */ e(
+              qs,
+              {
+                initialText: o.content,
+                onSave: (P) => {
+                  Z(o.id, P), ie(null);
+                },
+                onCancel: () => ie(null)
+              }
+            )
+          };
+        let C;
+        return o.role === "assistant" && (Q && Q.length > 0 || M && o.id === pe) ? C = /* @__PURE__ */ e(
+          Fs,
+          {
+            message: o,
+            actions: Q ?? [],
+            assistantName: y,
+            canRegenerate: !!M && o.id === pe,
+            onCopyMessage: ve,
+            onDownloadMessage: be,
+            onRegenerate: M
+          }
+        ) : o.role === "user" && Z && (C = /* @__PURE__ */ e(
+          z,
+          {
+            icon: /* @__PURE__ */ e(fs, {}),
+            "aria-label": h("alia.editMessage"),
+            intent: "ghost",
+            size: "sm",
+            onClick: () => ie(o.id)
+          }
+        )), {
+          id: o.id,
+          node: /* @__PURE__ */ e(
+            cs,
+            {
+              role: o.role,
+              content: o.content,
+              body: o.body,
+              avatar: x,
+              timestamp: o.timestamp,
+              status: o.status,
+              renderMarkdown: re,
+              onRetry: n ? () => n(o.id) : void 0,
+              actions: C
+            }
+          )
+        };
+      });
+      return V && j && i.push({
+        id: j.id,
+        node: /* @__PURE__ */ e(
+          Rs,
+          {
+            message: j,
+            assistantName: y,
+            avatarSrc: c == null ? void 0 : c.src,
+            renderMarkdown: re,
+            density: S
+          }
+        )
+      }), m && !V && i.push({
+        id: "__alia-typing__",
+        node: /* @__PURE__ */ f("div", { className: "ds:flex ds:w-full ds:items-start ds:gap-[var(--spacing-sm)]", children: [
+          c != null && c.src ? /* @__PURE__ */ e(
+            te,
+            {
+              name: y,
+              src: c.src,
+              size: "sm"
+            }
+          ) : /* @__PURE__ */ e(
+            X,
+            {
+              size: "sm",
+              label: y,
+              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(Ue, { label: h("chat.typing"), density: S })
+            }
+          )
+        ] })
+      }), K && i.push({
+        id: "__alia-ended__",
+        node: /* @__PURE__ */ e(Ts, { note: K.note, focusRef: de })
+      }), i;
+    }, [
+      Ce,
+      V,
+      j,
+      m,
+      y,
+      c == null ? void 0 : c.src,
+      v,
+      re,
+      n,
+      S,
+      K,
+      h,
+      xe,
+      Z,
+      Q,
+      M,
+      pe,
+      ve,
+      be
+    ]), rs = u ? Math.min(
+      100,
+      Math.max(0, u.current / Math.max(1, u.limit) * 100)
+    ) : 0, T = u ? u.current >= u.limit : !1, q = T || U;
+    Ee(() => {
+      var o;
+      const t = J.current;
+      if (!q || !Y.current || !t)
+        return;
+      Y.current = !1;
+      const i = t.ownerDocument;
+      (t.contains(i.activeElement) || fe(i, t)) && ((o = de.current ?? le.current) == null || o.focus());
+    }, [q]), B(() => {
+      q && E(!1);
+    }, [q, E]);
+    const ke = u ? u.label ?? h("alia.usageLabel", {
+      current: u.current,
+      limit: u.limit
+    }) : null, ze = s.length === 0 && !m && !U, Le = /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+      u ? /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+        /* @__PURE__ */ f("div", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+          /* @__PURE__ */ e(
+            "span",
+            {
+              ref: le,
+              tabIndex: T ? -1 : void 0,
+              className: [
+                "type-meta",
+                T ? `ds:text-[color:var(--destructive)] ${Be}` : "ds:text-[color:var(--muted-foreground)]"
+              ].join(" "),
+              "data-testid": "alia-usage-label",
+              children: T ? h("alia.usageLimitReached") : ke
+            }
+          ),
+          T && p ? /* @__PURE__ */ e(H, { intent: "primary", size: "sm", onClick: p, children: h("alia.upgrade") }) : null
+        ] }),
+        /* @__PURE__ */ e(
+          ps,
+          {
+            value: rs,
+            max: 100,
+            size: "sm",
+            ariaLabel: ke ?? h("alia.usageLabel", {
+              current: u.current,
+              limit: u.limit
+            }),
+            className: T ? "ds:[&_[role=progressbar]>*]:bg-[color:var(--destructive)]" : void 0,
+            "data-testid": "alia-usage-progress"
+          }
+        )
+      ] }) : null,
+      !ze && r && r.length > 0 && !m && !U ? /* @__PURE__ */ e(
+        Re,
+        {
+          label: h("alia.exampleQuestions"),
+          "data-testid": "alia-followup-suggestions",
+          children: r.map((t) => /* @__PURE__ */ e(
+            _e,
+            {
+              intent: "followup",
+              startIcon: t.icon,
+              keepOnSelect: !0,
+              onClick: ce,
+              onSelect: () => d == null ? void 0 : d(t),
+              children: t.label
+            },
+            t.id
+          ))
+        }
+      ) : null,
+      ne && ne.length > 0 ? /* @__PURE__ */ e(
+        Os,
+        {
+          attachments: ne,
+          onRemove: Ke
+        }
+      ) : null,
+      m && g && !U ? (
+        // On its own row, where the follow-up chips sit between answers: beside
+        // the message box it squeezed the box to half its width in a narrow rail.
+        /* @__PURE__ */ e(
+          H,
+          {
+            intent: "outline",
+            size: "sm",
+            className: "ds:self-end",
+            startIcon: /* @__PURE__ */ e(gs, { "aria-hidden": "true", className: "ds:fill-current" }),
+            onClick: (t) => {
+              ce(t), g();
+            },
+            children: h("alia.stopGenerating")
+          }
+        )
+      ) : null,
+      /* @__PURE__ */ f(
+        "div",
+        {
+          onFocus: () => {
+            Y.current = !0;
+          },
+          onBlur: (t) => {
+            const i = t.relatedTarget;
+            i instanceof Node && t.currentTarget.contains(i) || t.target.matches(":disabled") || (Y.current = !1);
+          },
+          children: [
+            /* @__PURE__ */ e(
+              Se,
+              {
+                ref: Je,
+                submitOnEnter: !0,
+                onSubmit: me ? (t) => {
+                  E(!1), a(t), G("");
+                } : a,
+                value: me ? je(Ge, Ye) : void 0,
+                onChange: me ? (t) => G(t.target.value) : void 0,
+                readOnly: O || void 0,
+                onAttach: De,
+                accept: We,
+                disabled: T || U,
+                toolbar: L ? /* @__PURE__ */ e(
+                  Fe,
+                  {
+                    listening: O,
+                    disabled: q,
+                    onToggle: () => O ? E(!0) : es()
+                  }
+                ) : Ne ? /* @__PURE__ */ e(
+                  Ws,
+                  {
+                    lang: Ze.language,
+                    disabled: T || U,
+                    onTranscript: (t) => {
+                      R == null || R(t), G(
+                        (i) => i ? `${i} ${t}` : t
+                      );
+                    }
+                  }
+                ) : void 0,
+                "data-testid": "alia-composer"
+              }
+            ),
+            L && Ae ? /* @__PURE__ */ e(
+              "p",
+              {
+                role: "alert",
+                className: "ds:text-[length:var(--font-size-sm)] ds:text-[color:var(--destructive)]",
+                children: h("editor.ai.dictationError")
+              }
+            ) : null,
+            L ? (
+              // The phrase in progress shows in a read-only box, which a screen
+              // reader does not announce: this says "Listening" and each phrase
+              // as it lands.
+              /* @__PURE__ */ e("span", { role: "status", "aria-live": "polite", className: "ds:sr-only", children: Ve })
+            ) : null
+          ]
+        }
+      )
+    ] });
+    return /* @__PURE__ */ f(
+      "div",
+      {
+        ref: Me,
+        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: [
+          He ? null : /* @__PURE__ */ e(
+            _s,
+            {
+              assistantName: y,
+              avatarSrc: c == null ? void 0 : c.src,
+              onNewConversation: Oe,
+              headerEndSlot: qe,
+              density: S
+            }
+          ),
+          ze ? /* @__PURE__ */ f(Te, { children: [
+            /* @__PURE__ */ e(
+              Ss,
+              {
+                assistantName: y,
+                avatarSrc: c == null ? void 0 : c.src,
+                greeting: ss,
+                subtitle: ts,
+                suggestions: r,
+                onSuggestion: d,
+                onChipClick: ce
+              }
+            ),
+            /* @__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: Le
+              }
+            )
+          ] }) : /* @__PURE__ */ e(
+            os,
+            {
+              messages: as,
+              density: S,
+              composer: Le,
+              showScrollToLatest: Qe,
+              className: "ds:flex-1 ds:min-h-0"
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+ae.displayName = "AliaChatSurface";
+const Hs = se(
+  ({ headerSlot: s, ...a }, n) => /* @__PURE__ */ f(
+    "div",
+    {
+      ref: n,
+      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(ae, { ...a })
+          }
+        ) })
+      ]
+    }
+  )
+);
+Hs.displayName = "AliaEmbedded";
+function Xs(s) {
+  return s > 99 ? "99+" : String(s);
+}
+const Ks = se(
+  ({
+    open: s,
+    defaultOpen: a,
+    onOpenChange: n,
+    position: d = "bottom-end",
+    unseenCount: r,
+    assistantName: m,
+    assistantAvatar: g,
+    ...u
+  }, p) => {
+    const { t: l } = w("ui"), c = m || l("alia.name"), v = typeof r == "number" && r > 0, b = v ? l("alia.openWithUnseen", { count: r }) : l("alia.open"), $ = /* @__PURE__ */ e(is.Close, { asChild: !0, children: /* @__PURE__ */ e(
+      z,
+      {
+        icon: /* @__PURE__ */ e(Ie, { "aria-hidden": "true" }),
+        intent: "ghost",
+        size: "sm",
+        "aria-label": l("alia.close"),
+        "data-testid": "alia-popout-close"
+      }
+    ) });
+    return /* @__PURE__ */ f(
+      ee.Root,
+      {
+        open: s,
+        defaultOpen: a,
+        onOpenChange: n,
+        children: [
+          /* @__PURE__ */ e(
+            "div",
+            {
+              ref: p,
+              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__ */ f("div", { className: "ds:relative", children: [
+                /* @__PURE__ */ e(ee.Trigger, { asChild: !0, children: /* @__PURE__ */ e(
+                  ds,
+                  {
+                    icon: /* @__PURE__ */ e(ls, { "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: Xs(r)
+                  }
+                ) : null
+              ] })
+            }
+          ),
+          /* @__PURE__ */ f(
+            ee.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(ee.Title, { className: "ds:sr-only", children: c }),
+                /* @__PURE__ */ e(
+                  ae,
+                  {
+                    ...u,
+                    assistantName: c,
+                    assistantAvatar: g,
+                    density: "compact",
+                    headerEndSlot: $
+                  }
+                )
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Ks.displayName = "AliaPopout";
+function Qs(s) {
+  return s > 99 ? "99+" : String(s);
+}
+const Ms = "ds:[inline-size:22rem]", Zs = "ds:[inline-size:3rem]", Gs = se(
+  ({
+    open: s,
+    onOpenChange: a,
+    side: n = "end",
+    unseenCount: d,
+    footerSlot: r,
+    assistantName: m,
+    assistantAvatar: g,
+    ...u
+  }, p) => {
+    const { t: l } = w("ui"), c = m || l("alia.name"), v = typeof d == "number" && d > 0, b = n === "end" ? "ds:shadow-[var(--shadow-chrome-start)]" : "ds:shadow-[var(--shadow-chrome-end)]", $ = v ? l("alia.openWithUnseen", { count: d }) : l("alia.open");
+    if (!s)
+      return /* @__PURE__ */ e(
+        "aside",
+        {
+          ref: p,
+          "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)]",
+            Zs
+          ].join(" "),
+          "data-testid": "alia-sidebar-rail",
+          "data-alia-sidebar-state": "collapsed",
+          children: /* @__PURE__ */ f("div", { className: "ds:relative", children: [
+            /* @__PURE__ */ e(
+              z,
+              {
+                icon: /* @__PURE__ */ e(he, {}),
+                "aria-label": $,
+                "aria-expanded": "false",
+                intent: "ghost",
+                size: "sm",
+                onClick: () => a(!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: Qs(d)
+              }
+            ) : null
+          ] })
+        }
+      );
+    const S = /* @__PURE__ */ e(
+      z,
+      {
+        icon: n === "end" ? /* @__PURE__ */ e(ks, {}) : /* @__PURE__ */ e(zs, {}),
+        intent: "ghost",
+        size: "sm",
+        "aria-label": l("alia.close"),
+        "aria-expanded": "true",
+        onClick: () => a(!1),
+        "data-testid": "alia-sidebar-collapse"
+      }
+    );
+    return /* @__PURE__ */ f(
+      "aside",
+      {
+        ref: p,
+        "aria-label": l("alia.panelLabel"),
+        className: [
+          "ds:flex ds:shrink-0 ds:flex-col ds:min-h-0",
+          "ds:bg-[var(--background)]",
+          b,
+          Ms,
+          "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(
+            ae,
+            {
+              ...u,
+              assistantName: c,
+              assistantAvatar: g,
+              density: "compact",
+              headerEndSlot: S
+            }
+          ) }),
+          r ? /* @__PURE__ */ e(
+            "div",
+            {
+              "data-testid": "alia-sidebar-footer-slot",
+              className: "ds:shrink-0 ds:shadow-[var(--shadow-chrome-up)]",
+              children: r
+            }
+          ) : null
+        ]
+      }
+    );
+  }
+);
+Gs.displayName = "AliaSidebar";
+export {
+  ae as A,
+  Hs as a,
+  Ks as b,
+  Gs as c
+};
+//# sourceMappingURL=alia-sidebar-CsTRAxC8.js.map