@ahmetilhn/hanui 4.1.0 → 5.3.0

package/build/chat.js

@@ -0,0 +1,707 @@
+"use client";
+import { jsxs as u, jsx as t, Fragment as it } from "react/jsx-runtime";
+import { memo as b, useRef as A, useEffect as P, forwardRef as ot, useState as X, Children as lt, isValidElement as ct, cloneElement as rt } from "react";
+import { ArrowDown as _t, StopFill as dt, ArrowUp as mt, CheckLg as ht, ClipboardFill as ut } from "react-bootstrap-icons";
+import { useHanui as w, useAnnounce as tt, useStickToBottom as et, IconButton as G, Textarea as pt, hasOpenSurface as bt, Disclosure as at, Spinner as gt, ScrollArea as yt, StatusDot as vt } from "@ahmetilhn/hanui";
+const h = (...e) => {
+  let a = "";
+  for (const n of e)
+    n && (a = a === "" ? n : `${a} ${n}`);
+  return a;
+}, g = (e, a) => Object.assign(e, { displayName: a }), H = /* @__PURE__ */ new Set(), x = (e, ...a) => {
+  for (const n of a) if (n !== void 0) return n;
+  return process.env.NODE_ENV !== "production" && !H.has(e) && (H.add(e), console.error(
+    `[hanui] Eksik metin: ${e}. Prop olarak geçin ya da <HanuiProvider labels={…}> içinde bir kez tanımlayın. Metinsiz bırakılan öğe ekran okuyucuda adsız kalır.`
+  )), "";
+}, nt = (e, a, ...n) => a ? a(...n) : x(e), Nt = "hanui-thread-R1LCJ", kt = "hanui-thread__scroll-37EaI", xt = "hanui-thread__column-57FQh", ft = "hanui-thread__dock-y0Tt9", Ct = "hanui-thread__latest-ZNmqY", L = {
+  thread: Nt,
+  thread__scroll: kt,
+  thread__column: xt,
+  thread__dock: ft,
+  thread__latest: Ct
+}, $t = ({ children: e, dock: a, isStreaming: n, label: i, className: o, testId: l }) => {
+  var p, y, N;
+  const { labels: s } = w(), d = tt(), c = A(null), { isAtEnd: _, scrollToEnd: r } = et(c), m = A(n);
+  return P(() => {
+    var f;
+    m.current && !n && d(x("ChatThread.replyReady", (f = s == null ? void 0 : s.chat) == null ? void 0 : f.replyReady)), m.current = n;
+  }, [d, n, (p = s == null ? void 0 : s.chat) == null ? void 0 : p.replyReady]), /* @__PURE__ */ u("div", { className: h(L.thread, o), "data-testid": l, children: [
+    /* @__PURE__ */ t(
+      "div",
+      {
+        ref: c,
+        className: L.thread__scroll,
+        role: "region",
+        "aria-label": x("ChatThread.label", i, (y = s == null ? void 0 : s.chat) == null ? void 0 : y.thread),
+        tabIndex: 0,
+        children: /* @__PURE__ */ t("div", { className: L.thread__column, children: e })
+      }
+    ),
+    /* @__PURE__ */ u("div", { className: L.thread__dock, children: [
+      !_ && /* @__PURE__ */ t(
+        G,
+        {
+          className: L.thread__latest,
+          icon: /* @__PURE__ */ t(_t, { "aria-hidden": !0 }),
+          label: x("ChatThread.scrollToLatest", (N = s == null ? void 0 : s.chat) == null ? void 0 : N.scrollToLatest),
+          variant: "outline",
+          shape: "round",
+          size: "sm",
+          onClick: r
+        }
+      ),
+      a !== void 0 && /* @__PURE__ */ t("div", { className: L.thread__column, children: a })
+    ] })
+  ] });
+}, Na = /* @__PURE__ */ b(
+  /* @__PURE__ */ g($t, "ChatThread")
+), wt = "hanui-message-z5uVx", Tt = "hanui-message__avatar-QzWck", St = "hanui-message__main-1rh-A", At = "hanui-message__body-Ngiqq", Lt = "hanui-message__actions-dQ0Fn", E = {
+  message: wt,
+  "message--user": "hanui-message--user-Mq6gb",
+  message__avatar: Tt,
+  message__main: St,
+  "message--assistant": "hanui-message--assistant-ndkmH",
+  message__body: At,
+  message__actions: Lt
+}, Et = ({
+  author: e,
+  children: a,
+  avatar: n,
+  actions: i,
+  isStreaming: o,
+  className: l,
+  testId: s
+}) => /* @__PURE__ */ u(
+  "article",
+  {
+    className: h(E.message, E[`message--${e}`], l),
+    "aria-busy": o || void 0,
+    "data-testid": s,
+    children: [
+      e === "assistant" && n !== void 0 && /* @__PURE__ */ t("div", { className: E.message__avatar, children: n }),
+      /* @__PURE__ */ u("div", { className: E.message__main, children: [
+        /* @__PURE__ */ t("div", { className: E.message__body, children: a }),
+        i !== void 0 && /* @__PURE__ */ t("div", { className: E.message__actions, children: i })
+      ] })
+    ]
+  }
+), ka = /* @__PURE__ */ b(
+  /* @__PURE__ */ g(Et, "ChatMessage")
+), zt = "hanui-prompt-qHV1e", Mt = "hanui-prompt__box-sUQDu", Ot = "hanui-prompt__field-EmvTZ", Bt = "hanui-prompt__start-2tqre", Pt = "hanui-prompt__end-Zp7fi", It = "hanui-prompt__hint-4TpeC", S = {
+  prompt: zt,
+  prompt__box: Mt,
+  "prompt__box--disabled": "hanui-prompt__box--disabled-xu-Yk",
+  prompt__field: Ot,
+  prompt__start: Bt,
+  prompt__end: Pt,
+  prompt__hint: It
+}, Dt = /* @__PURE__ */ ot(
+  ({
+    value: e,
+    onChange: a,
+    onSubmit: n,
+    onStop: i,
+    isBusy: o,
+    isDisabled: l,
+    isSubmitDisabled: s,
+    placeholder: d,
+    label: c,
+    maxRows: _ = 8,
+    hint: r,
+    start: m,
+    end: p,
+    className: y,
+    testId: N
+  }, f) => {
+    var j, Q;
+    const { labels: C } = w(), V = e.trim() === "";
+    P(() => {
+      if (!o || !i) return;
+      const $ = (U) => {
+        U.key !== "Escape" || U.defaultPrevented || bt() || i();
+      };
+      return document.addEventListener("keydown", $), () => document.removeEventListener("keydown", $);
+    }, [o, i]);
+    const st = ($) => {
+      $.key !== "Enter" || $.shiftKey || $.nativeEvent.isComposing || ($.preventDefault(), !V && !o && !l && !s && n());
+    };
+    return /* @__PURE__ */ u("div", { className: h(S.prompt, y), "data-testid": N, children: [
+      /* @__PURE__ */ u("div", { className: h(S.prompt__box, l && S["prompt__box--disabled"]), children: [
+        m !== void 0 && /* @__PURE__ */ t("div", { className: S.prompt__start, children: m }),
+        /* @__PURE__ */ t(
+          pt,
+          {
+            ref: f,
+            className: S.prompt__field,
+            variant: "bare",
+            rows: 1,
+            isAutoSize: !0,
+            maxRows: _,
+            value: e,
+            placeholder: d,
+            "aria-label": c ?? d,
+            disabled: l,
+            onChange: ($) => a($.target.value),
+            onKeyDown: st
+          }
+        ),
+        p !== void 0 && /* @__PURE__ */ t("div", { className: S.prompt__end, children: p }),
+        o ? /* @__PURE__ */ t(
+          G,
+          {
+            icon: /* @__PURE__ */ t(dt, { "aria-hidden": !0 }),
+            label: x("PromptInput.stop", (j = C == null ? void 0 : C.chat) == null ? void 0 : j.stop),
+            variant: "outline",
+            shape: "round",
+            onClick: i,
+            disabled: !i
+          }
+        ) : /* @__PURE__ */ t(
+          G,
+          {
+            icon: /* @__PURE__ */ t(mt, { "aria-hidden": !0 }),
+            label: x("PromptInput.send", (Q = C == null ? void 0 : C.chat) == null ? void 0 : Q.send),
+            variant: "solid",
+            shape: "round",
+            onClick: n,
+            disabled: V || l || s
+          }
+        )
+      ] }),
+      r !== void 0 && /* @__PURE__ */ t("div", { className: S.prompt__hint, children: r })
+    ] });
+  }
+), xa = /* @__PURE__ */ b(
+  /* @__PURE__ */ g(Dt, "PromptInput")
+), Rt = "hanui-grid-4EfQ-", Ft = "hanui-card-KTt0-", Kt = "hanui-card__label-LNLTF", Gt = "hanui-card__description-eIx-0", I = {
+  grid: Rt,
+  card: Ft,
+  card__label: Kt,
+  card__description: Gt
+}, qt = ({ label: e, items: a, onPick: n, className: i, testId: o }) => /* @__PURE__ */ t("div", { role: "group", "aria-label": e, className: h(I.grid, i), "data-testid": o, children: a.map((l) => /* @__PURE__ */ u("button", { type: "button", className: I.card, onClick: () => n(l), children: [
+  /* @__PURE__ */ t("span", { className: I.card__label, children: l.label }),
+  l.description && /* @__PURE__ */ t("span", { className: I.card__description, children: l.description })
+] }, l.id)) }), fa = /* @__PURE__ */ b(
+  /* @__PURE__ */ g(qt, "PromptSuggestions")
+), Xt = "hanui-prose-kAp6f", Vt = {
+  prose: Xt
+}, jt = ({ className: e, testId: a, ...n }) => /* @__PURE__ */ t("div", { className: h(Vt.prose, e), "data-testid": a, ...n }), Ca = /* @__PURE__ */ b(/* @__PURE__ */ g(jt, "Prose")), Qt = "hanui-block-M1yL9", Ut = "hanui-block__header-F2iBP", Ht = "hanui-block__language-lmdS9", Jt = "hanui-block__body-wDCJ2", Zt = "hanui-block__pre--EERi", Yt = "hanui-block__highlighted-JK1Yj", z = {
+  block: Qt,
+  block__header: Ut,
+  block__language: Ht,
+  block__body: Jt,
+  block__pre: Zt,
+  block__highlighted: Yt
+}, Wt = 1600, te = ({ code: e, language: a, html: n, maxHeight: i, className: o, testId: l }) => {
+  var y;
+  const { labels: s } = w(), d = tt(), [c, _] = X(!1), r = A(void 0);
+  P(() => () => window.clearTimeout(r.current), []);
+  const m = async () => {
+    var N;
+    try {
+      await navigator.clipboard.writeText(e);
+    } catch {
+      return;
+    }
+    _(!0), d(x("CodeBlock.copied", (N = s == null ? void 0 : s.chat) == null ? void 0 : N.codeCopied)), window.clearTimeout(r.current), r.current = window.setTimeout(() => _(!1), Wt);
+  }, p = a ?? "";
+  return /* @__PURE__ */ u("figure", { className: h(z.block, o), "data-testid": l, children: [
+    /* @__PURE__ */ u("figcaption", { className: z.block__header, children: [
+      /* @__PURE__ */ t("span", { className: z.block__language, children: p }),
+      /* @__PURE__ */ t(
+        G,
+        {
+          icon: c ? /* @__PURE__ */ t(ht, { "aria-hidden": !0 }) : /* @__PURE__ */ t(ut, { "aria-hidden": !0 }),
+          label: nt("CodeBlock.copy", (y = s == null ? void 0 : s.chat) == null ? void 0 : y.codeCopy, p),
+          size: "sm",
+          onClick: m
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t(
+      "div",
+      {
+        className: z.block__body,
+        style: i === void 0 ? void 0 : { maxBlockSize: i },
+        tabIndex: 0,
+        role: p ? "region" : void 0,
+        "aria-label": p || void 0,
+        children: n ? /* @__PURE__ */ t("div", { className: z.block__highlighted, dangerouslySetInnerHTML: { __html: n } }) : /* @__PURE__ */ t("pre", { className: z.block__pre, children: /* @__PURE__ */ t("code", { children: e }) })
+      }
+    )
+  ] });
+}, $a = /* @__PURE__ */ b(/* @__PURE__ */ g(te, "CodeBlock")), ee = "hanui-block-zqPjp", ae = "hanui-block__summary-Kkp-X", ne = "hanui-block__indicator-GuJMa", se = "hanui-block__body-mDvrV", D = {
+  block: ee,
+  block__summary: ae,
+  block__indicator: ne,
+  block__body: se
+}, ie = ({
+  summary: e,
+  isRunning: a = !1,
+  indicator: n,
+  isDefaultOpen: i = !1,
+  children: o,
+  className: l,
+  testId: s
+}) => {
+  const [d, c] = X(a || i), _ = A(!1);
+  return P(() => {
+    _.current || c(a || i);
+  }, [a, i]), /* @__PURE__ */ t(
+    at,
+    {
+      variant: "plain",
+      className: h(D.block, l),
+      summary: /* @__PURE__ */ u("span", { className: D.block__summary, children: [
+        a && /* @__PURE__ */ t("span", { className: D.block__indicator, children: n ?? /* @__PURE__ */ t(gt, { size: "sm" }) }),
+        e
+      ] }),
+      isOpen: d,
+      onOpenChange: (r) => {
+        _.current = !0, c(r);
+      },
+      testId: s,
+      children: /* @__PURE__ */ t("div", { className: D.block__body, children: o })
+    }
+  );
+}, wa = /* @__PURE__ */ b(
+  /* @__PURE__ */ g(ie, "ReasoningBlock")
+), oe = "hanui-text-WKVxU", le = "hanui-text__body--uP0k", J = {
+  text: oe,
+  text__body: le
+}, ce = ({ text: e, label: a, maxHeight: n = 180, className: i, testId: o }) => /* @__PURE__ */ t(
+  yt,
+  {
+    className: h(J.text, i),
+    label: a,
+    maxHeight: n,
+    hasFade: !0,
+    isFollowingEnd: !0,
+    testId: o,
+    children: /* @__PURE__ */ t("p", { className: J.text__body, children: e })
+  }
+), Ta = /* @__PURE__ */ b(
+  /* @__PURE__ */ g(ce, "ReasoningText")
+), re = "hanui-call-tV2P8", _e = "hanui-call__header-8Tw7m", de = "hanui-call__icon-TLzwf", me = "hanui-call__name-EHz6G", he = "hanui-call__summary-M4sLU", ue = "hanui-call__meta-bvpp7", pe = "hanui-call__body-nFK-C", be = "hanui-section-TjSGF", ge = "hanui-section__label-UrgqM", ye = "hanui-section__body-Dy1PX", v = {
+  call: re,
+  "call--static": "hanui-call--static-Nldru",
+  call__header: _e,
+  call__icon: de,
+  "call__icon--running": "hanui-call__icon--running-Mx1XK",
+  call__name: me,
+  call__summary: he,
+  call__meta: ue,
+  call__body: pe,
+  section: be,
+  section__label: ge,
+  section__body: ye
+}, ve = {
+  running: "neutral",
+  ok: "success",
+  error: "danger",
+  aborted: "warning",
+  interrupted: "danger"
+}, Ne = ({
+  icon: e,
+  name: a,
+  summary: n,
+  status: i,
+  meta: o,
+  isDefaultOpen: l,
+  isOpen: s,
+  onOpenChange: d,
+  children: c,
+  className: _,
+  testId: r
+}) => {
+  var N, f;
+  const { labels: m } = w(), p = x(`ToolCall.status.${i}`, (f = (N = m == null ? void 0 : m.chat) == null ? void 0 : N.toolStatus) == null ? void 0 : f[i]), y = /* @__PURE__ */ u("span", { className: v.call__header, children: [
+    e !== void 0 && /* @__PURE__ */ t(
+      "span",
+      {
+        className: h(v.call__icon, i === "running" && v["call__icon--running"]),
+        "aria-hidden": !0,
+        children: e
+      }
+    ),
+    /* @__PURE__ */ t("span", { className: v.call__name, children: a }),
+    n !== void 0 && /* @__PURE__ */ t("span", { className: v.call__summary, children: n }),
+    /* @__PURE__ */ t(vt, { tone: ve[i], label: p, isPulsing: i === "running" })
+  ] });
+  return c === void 0 ? /* @__PURE__ */ u("div", { className: h(v.call, v["call--static"], _), "data-testid": r, children: [
+    y,
+    o !== void 0 && /* @__PURE__ */ t("span", { className: v.call__meta, children: o })
+  ] }) : /* @__PURE__ */ t(
+    at,
+    {
+      className: h(v.call, _),
+      summary: y,
+      meta: o,
+      isDefaultOpen: l,
+      isOpen: s,
+      onOpenChange: d,
+      testId: r,
+      children: /* @__PURE__ */ t("div", { className: v.call__body, children: c })
+    }
+  );
+}, Sa = ({ label: e, children: a, className: n }) => (
+  /*
+   * Başlık bir HEADING değil: sohbet akışında başlık düzeyi tüketicinin sayfasına bağlı ve sabit bir
+   * `h4` hiyerarşiyi bozuyordu. Bölüm de bir landmark değil (her araç kartında bir "bölge" gürültü).
+   */
+  /* @__PURE__ */ u("div", { className: h(v.section, n), children: [
+    /* @__PURE__ */ t("span", { className: v.section__label, children: e }),
+    /* @__PURE__ */ t("div", { className: v.section__body, children: a })
+  ] })
+), Aa = /* @__PURE__ */ b(/* @__PURE__ */ g(Ne, "ToolCall")), ke = "hanui-terminal-D4Bz8", xe = "hanui-terminal__command-A7PG2", fe = "hanui-terminal__prompt-9N1g2", Ce = "hanui-terminal__stderr-qCNFe", $e = "hanui-terminal__srOnly-2pmQA", M = {
+  terminal: ke,
+  terminal__command: xe,
+  terminal__prompt: fe,
+  terminal__stderr: Ce,
+  terminal__srOnly: $e
+}, we = ({
+  command: e,
+  chunks: a,
+  label: n,
+  maxHeight: i = 300,
+  className: o,
+  testId: l
+}) => {
+  var _;
+  const { labels: s } = w(), d = A(null);
+  et(d);
+  const c = x("TerminalOutput.stderr", (_ = s == null ? void 0 : s.chat) == null ? void 0 : _.stderr);
+  return /* @__PURE__ */ u(
+    "pre",
+    {
+      ref: d,
+      className: h(M.terminal, o),
+      style: { maxBlockSize: i },
+      tabIndex: 0,
+      role: "region",
+      "aria-label": n,
+      "data-testid": l,
+      children: [
+        e !== void 0 && /* @__PURE__ */ u("span", { className: M.terminal__command, children: [
+          /* @__PURE__ */ u("span", { className: M.terminal__prompt, "aria-hidden": !0, children: [
+            "$",
+            " "
+          ] }),
+          e,
+          `
+`
+        ] }),
+        a.map(
+          (r, m) => r.stream === "stderr" ? /* @__PURE__ */ u("span", { className: M.terminal__stderr, children: [
+            /* @__PURE__ */ t("span", { className: M.terminal__srOnly, children: `${c}: ` }),
+            r.text
+          ] }, m) : /* @__PURE__ */ t("span", { children: r.text }, m)
+        )
+      ]
+    }
+  );
+}, La = /* @__PURE__ */ b(
+  /* @__PURE__ */ g(we, "TerminalOutput")
+), Te = "hanui-list-GC4NK", Se = "hanui-list__item-N8DAn", Ae = "hanui-list__index-VrSMs", Le = "hanui-list__text-4tll-", Ee = "hanui-list__title-seHfJ", ze = "hanui-list__plain-ZcCvx", Me = "hanui-list__domain-sJLI7", T = {
+  list: Te,
+  list__item: Se,
+  list__index: Ae,
+  list__text: Le,
+  list__title: Ee,
+  list__plain: ze,
+  list__domain: Me
+}, Oe = ({ items: e, label: a, className: n, testId: i }) => {
+  var l;
+  const { labels: o } = w();
+  return /* @__PURE__ */ t(
+    "ol",
+    {
+      className: h(T.list, n),
+      "aria-label": x("SourceList.label", a, (l = o == null ? void 0 : o.chat) == null ? void 0 : l.sources),
+      "data-testid": i,
+      children: e.map((s, d) => /* @__PURE__ */ u("li", { className: T.list__item, children: [
+        /* @__PURE__ */ t("span", { className: T.list__index, "aria-hidden": !0, children: d + 1 }),
+        /* @__PURE__ */ u("span", { className: T.list__text, children: [
+          s.url ? /* @__PURE__ */ t(
+            "a",
+            {
+              className: T.list__title,
+              href: s.url,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              children: s.title
+            }
+          ) : s.onSelect ? /* @__PURE__ */ t("button", { type: "button", className: T.list__title, onClick: s.onSelect, children: s.title }) : /* @__PURE__ */ t("span", { className: T.list__plain, children: s.title }),
+          s.domain && /* @__PURE__ */ t("span", { className: T.list__domain, children: s.domain })
+        ] })
+      ] }, s.id))
+    }
+  );
+}, Ea = /* @__PURE__ */ b(
+  /* @__PURE__ */ g(Oe, "SourceList")
+), Be = "hanui-citation-XrGMb", Pe = "hanui-citation__srOnly-GnMQp", O = {
+  citation: Be,
+  citation__srOnly: Pe,
+  "citation--static": "hanui-citation--static-8gXHs"
+}, Ie = ({ index: e, href: a, onClick: n, className: i }) => {
+  var s;
+  const { labels: o } = w(), l = nt("Citation.label", (s = o == null ? void 0 : o.chat) == null ? void 0 : s.citation, e);
+  return a ? /* @__PURE__ */ t("a", { className: h(O.citation, i), href: a, "aria-label": l, children: e }) : n ? /* @__PURE__ */ t(
+    "button",
+    {
+      type: "button",
+      className: h(O.citation, i),
+      onClick: n,
+      "aria-label": l,
+      children: e
+    }
+  ) : /* @__PURE__ */ u("span", { className: h(O.citation, O["citation--static"], i), children: [
+    /* @__PURE__ */ t("span", { "aria-hidden": !0, children: e }),
+    /* @__PURE__ */ t("span", { className: O.citation__srOnly, children: l })
+  ] });
+}, za = /* @__PURE__ */ b(/* @__PURE__ */ g(Ie, "Citation")), De = "hanui-actions-c8XlJ", Re = "hanui-actions__meta-j-X3I", Z = {
+  actions: De,
+  actions__meta: Re
+}, Fe = "button:not(:disabled), a[href]", Ke = ({ children: e, meta: a, label: n, className: i, testId: o }) => {
+  var c;
+  const { labels: l } = w(), s = A(null), d = (_) => {
+    var C;
+    const r = [...((C = s.current) == null ? void 0 : C.querySelectorAll(Fe)) ?? []], m = r.indexOf(document.activeElement);
+    if (m < 0 || r.length === 0) return;
+    const p = getComputedStyle(_.currentTarget).direction === "rtl", y = p ? "ArrowLeft" : "ArrowRight", N = p ? "ArrowRight" : "ArrowLeft", f = _.key === y ? r[(m + 1) % r.length] : _.key === N ? r[(m - 1 + r.length) % r.length] : _.key === "Home" ? r[0] : _.key === "End" ? r[r.length - 1] : null;
+    f && (_.preventDefault(), f.focus());
+  };
+  return /* @__PURE__ */ u(
+    "div",
+    {
+      ref: s,
+      role: "toolbar",
+      "aria-label": x("MessageActions.label", n, (c = l == null ? void 0 : l.chat) == null ? void 0 : c.messageActions),
+      className: h(Z.actions, i),
+      onKeyDown: d,
+      "data-testid": o,
+      children: [
+        e,
+        a !== void 0 && /* @__PURE__ */ t("span", { className: Z.actions__meta, children: a })
+      ]
+    }
+  );
+}, Ma = /* @__PURE__ */ b(
+  /* @__PURE__ */ g(Ke, "MessageActions")
+), Ge = "hanui-bar-UJGDL", qe = "hanui-bar__brand-ZUcIw", Xe = "hanui-bar__start-nvmHH", Ve = "hanui-bar__end-NNQve", R = {
+  bar: Ge,
+  bar__brand: qe,
+  bar__start: Xe,
+  bar__end: Ve
+}, Y = "--hanui-header-height", je = ({ brand: e, start: a, end: n, className: i, testId: o }) => {
+  const l = A(null);
+  return P(() => {
+    const s = l.current;
+    if (!s || typeof ResizeObserver > "u") return;
+    const d = document.documentElement, c = new ResizeObserver(
+      ([_]) => {
+        var r, m;
+        return d.style.setProperty(
+          Y,
+          `${Math.round(((m = (r = _.borderBoxSize) == null ? void 0 : r[0]) == null ? void 0 : m.blockSize) ?? s.offsetHeight)}px`
+        );
+      }
+    );
+    return c.observe(s), () => {
+      c.disconnect(), d.style.removeProperty(Y);
+    };
+  }, []), /* @__PURE__ */ u("header", { ref: l, className: h(R.bar, i), "data-testid": o, children: [
+    /* @__PURE__ */ t("div", { className: R.bar__brand, children: e }),
+    a !== void 0 && /* @__PURE__ */ t("div", { className: R.bar__start, children: a }),
+    n !== void 0 && /* @__PURE__ */ t("div", { className: R.bar__end, children: n })
+  ] });
+}, Oa = /* @__PURE__ */ b(/* @__PURE__ */ g(je, "AppBar")), Qe = "hanui-list-e54gu", Ue = "hanui-list__window-ESrZX", He = "hanui-list__slot-DxSnX", Je = "hanui-item-DKEGh", Ze = "hanui-item__start-Yb3xf", Ye = "hanui-item__body-kD4Qk", We = "hanui-item__end-3SCT-", k = {
+  list: Qe,
+  "list--virtual": "hanui-list--virtual-zxqy5",
+  list__window: Ue,
+  list__slot: He,
+  item: Je,
+  "item--selected": "hanui-item--selected-AMl3I",
+  "item--muted": "hanui-item--muted-XBeA3",
+  item__start: Ze,
+  item__body: Ye,
+  item__end: We
+}, W = 6, ta = ({
+  label: e,
+  children: a,
+  rowHeight: n,
+  maxHeight: i = 320,
+  className: o,
+  testId: l
+}) => {
+  const s = lt.toArray(a).filter(ct), [d, c] = X(0);
+  if (!n)
+    return /* @__PURE__ */ t("ul", { className: h(k.list, o), "aria-label": e, "data-testid": l, children: s });
+  const _ = Math.max(0, Math.floor(d / n) - W), r = Math.min(s.length, Math.ceil((d + i) / n) + W);
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: h(k.list, k["list--virtual"], o),
+      style: { maxBlockSize: i, "--hanui-row-height": `${n}px` },
+      onScroll: (m) => c(m.currentTarget.scrollTop),
+      "data-testid": l,
+      children: /* @__PURE__ */ t(
+        "ul",
+        {
+          "aria-label": e,
+          className: k.list__window,
+          style: {
+            blockSize: s.length * n,
+            paddingBlockStart: _ * n
+          },
+          children: s.slice(_, r).map(
+            (m, p) => rt(m, {
+              "aria-posinset": _ + p + 1,
+              "aria-setsize": s.length
+            })
+          )
+        }
+      )
+    }
+  );
+}, Ba = ({
+  children: e,
+  start: a,
+  end: n,
+  onClick: i,
+  href: o,
+  isSelected: l,
+  isMuted: s,
+  testId: d,
+  "aria-posinset": c,
+  "aria-setsize": _
+}) => {
+  const { linkComponent: r } = w(), m = h(
+    k.item,
+    l && k["item--selected"],
+    s && k["item--muted"]
+  ), p = /* @__PURE__ */ u(it, { children: [
+    a !== void 0 && /* @__PURE__ */ t("span", { className: k.item__start, children: a }),
+    /* @__PURE__ */ t("span", { className: k.item__body, children: e }),
+    n !== void 0 && /* @__PURE__ */ t("span", { className: k.item__end, children: n })
+  ] }), y = r ?? "a";
+  return /* @__PURE__ */ t("li", { className: k.list__slot, "aria-posinset": c, "aria-setsize": _, children: o ? /* @__PURE__ */ t(y, { href: o, className: m, "data-testid": d, children: p }) : /* @__PURE__ */ t(
+    "button",
+    {
+      type: "button",
+      className: m,
+      onClick: i,
+      "aria-pressed": l,
+      "data-testid": d,
+      children: p
+    }
+  ) });
+}, Pa = /* @__PURE__ */ b(
+  /* @__PURE__ */ g(ta, "ActionList")
+), ea = "hanui-bar-OZjXz", aa = "hanui-bar__segment-hexbp", na = "hanui-bar__marker-E0FeF", F = {
+  bar: ea,
+  bar__segment: aa,
+  bar__marker: na,
+  "bar__marker--danger": "hanui-bar__marker--danger-245FK"
+}, K = (e, a) => a <= 0 ? 0 : Math.min(100, Math.max(0, e / a * 100)), sa = (e) => e === "muted" ? "var(--hanui-text-3)" : `var(--hanui-${e})`, ia = ({ label: e, max: a, segments: n, markers: i = [], className: o, testId: l }) => {
+  const s = [
+    ...n.map((c) => c.label),
+    ...i.map((c) => c.label)
+  ];
+  let d = 0;
+  return /* @__PURE__ */ u(
+    "div",
+    {
+      role: "img",
+      "aria-label": `${e}: ${s.join(", ")}`,
+      className: h(F.bar, o),
+      "data-testid": l,
+      children: [
+        n.map((c) => {
+          const _ = c.from ?? d, r = c.to ?? _ + (c.value ?? 0);
+          return d = r, /* @__PURE__ */ t(
+            "span",
+            {
+              className: F.bar__segment,
+              title: c.label,
+              style: {
+                insetInlineStart: `${K(_, a)}%`,
+                inlineSize: `${K(r, a) - K(_, a)}%`,
+                backgroundColor: sa(c.tone)
+              }
+            },
+            c.id
+          );
+        }),
+        i.map((c) => /* @__PURE__ */ t(
+          "span",
+          {
+            className: h(
+              F.bar__marker,
+              c.tone === "danger" && F["bar__marker--danger"]
+            ),
+            title: c.label,
+            style: { insetInlineStart: `${K(c.at, a)}%` }
+          },
+          c.id
+        ))
+      ]
+    }
+  );
+}, Ia = /* @__PURE__ */ b(
+  /* @__PURE__ */ g(ia, "SegmentBar")
+), oa = "hanui-legend-zryov", la = "hanui-legend__item-GGrR-", ca = "hanui-legend__swatch-2MkAR", q = {
+  legend: oa,
+  legend__item: la,
+  legend__swatch: ca
+}, ra = (e) => e === "muted" ? "var(--hanui-text-3)" : `var(--hanui-${e})`, _a = ({ items: e, className: a, testId: n }) => /* @__PURE__ */ t("ul", { className: h(q.legend, a), "data-testid": n, children: e.map((i) => /* @__PURE__ */ u("li", { className: q.legend__item, children: [
+  /* @__PURE__ */ t(
+    "span",
+    {
+      "aria-hidden": !0,
+      className: q.legend__swatch,
+      style: { backgroundColor: ra(i.tone) }
+    }
+  ),
+  i.label
+] }, i.id)) }), Da = /* @__PURE__ */ b(/* @__PURE__ */ g(_a, "Legend")), da = "hanui-list-KSLu5", ma = "hanui-list__row-k7aHp", ha = "hanui-list__term-vsD5B", ua = "hanui-list__value-6GY6z", B = {
+  list: da,
+  list__row: ma,
+  list__term: ha,
+  list__value: ua,
+  "list__value--technical": "hanui-list__value--technical-I-UYE"
+}, pa = ({ items: e, className: a, testId: n }) => /* @__PURE__ */ t("dl", { className: h(B.list, a), "data-testid": n, children: e.map((i, o) => /* @__PURE__ */ u("div", { className: B.list__row, children: [
+  /* @__PURE__ */ t("dt", { className: B.list__term, children: i.term }),
+  /* @__PURE__ */ t(
+    "dd",
+    {
+      className: h(B.list__value, i.isTechnical && B["list__value--technical"]),
+      children: i.description
+    }
+  )
+] }, o)) }), Ra = /* @__PURE__ */ b(
+  /* @__PURE__ */ g(pa, "DescriptionList")
+);
+export {
+  Pa as ActionList,
+  Ba as ActionListItem,
+  Oa as AppBar,
+  ka as ChatMessage,
+  Na as ChatThread,
+  za as Citation,
+  $a as CodeBlock,
+  Ra as DescriptionList,
+  Da as Legend,
+  Ma as MessageActions,
+  xa as PromptInput,
+  fa as PromptSuggestions,
+  Ca as Prose,
+  wa as ReasoningBlock,
+  Ta as ReasoningText,
+  Ia as SegmentBar,
+  Ea as SourceList,
+  La as TerminalOutput,
+  Aa as ToolCall,
+  Sa as ToolCallSection
+};
+//# sourceMappingURL=chat.js.map