@donkit-ai/design-system 1.4.9 → 1.4.12

package/dist/index.es.js

@@ -1,5 +1,5 @@
 import K, { useState as A, useRef as E, useEffect as M, useLayoutEffect as Ve } from "react";
-import { Check as Ne, X as ne, ChevronDown as he, Minus as Ye, Plus as He, XCircle as we, AlertTriangle as ge, CheckCircle as ye, Info as ke, ChevronUp as qe, ChevronsUpDown as Ke, ChevronLeft as Ge, ChevronRight as Xe, Copy as Je, Brain as Ze, Loader as Qe, Paperclip as Re, Square as es, ArrowUp as ss, Zap as ts, Cpu as Se, FileText as rs, ThumbsUp as ns, ThumbsDown as as } from "lucide-react";
+import { Check as Ne, X as ne, ChevronDown as he, Minus as Ye, Plus as He, XCircle as we, AlertTriangle as ge, CheckCircle as ye, Info as ke, ChevronUp as qe, ChevronsUpDown as Ke, ChevronLeft as Xe, ChevronRight as Ge, Copy as Je, Brain as Ze, Loader as Qe, Paperclip as Re, Square as es, ArrowUp as ss, Zap as ts, Cpu as Se, FileText as rs, ThumbsUp as ns, ThumbsDown as as } from "lucide-react";
 import pe from "react-dom";
 const I = {
   1: 16,
@@ -8,7 +8,7 @@ const I = {
   4: 28,
   5: 48
 };
-var _e = { exports: {} }, ue = {};
+var be = { exports: {} }, ue = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -128,7 +128,7 @@ function os() {
       }
     }
     function a() {
-      var c = G.A;
+      var c = X.A;
       return c === null ? null : c.getOwner();
     }
     function n() {
@@ -159,10 +159,10 @@ function os() {
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), c = this.props.ref, c !== void 0 ? c : null;
     }
-    function d(c, w, z, F, te, ie) {
+    function d(c, w, z, F, te, ae) {
       var W = z.ref;
       return c = {
-        $$typeof: b,
+        $$typeof: _,
         type: c,
         key: w,
         props: z,
@@ -189,10 +189,10 @@ function os() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: ie
+        value: ae
       }), Object.freeze && (Object.freeze(c.props), Object.freeze(c)), c;
     }
-    function f(c, w, z, F, te, ie) {
+    function f(c, w, z, F, te, ae) {
       var W = w.children;
       if (W !== void 0)
         if (F)
@@ -225,8 +225,8 @@ React keys must be passed directly to JSX without using spread:
       }
       if (W = null, z !== void 0 && (r(z), W = "" + z), o(w) && (r(w.key), W = "" + w.key), "key" in w) {
         z = {};
-        for (var oe in w)
-          oe !== "key" && (z[oe] = w[oe]);
+        for (var ie in w)
+          ie !== "key" && (z[ie] = w[ie]);
       } else z = w;
       return W && l(
         z,
@@ -237,16 +237,16 @@ React keys must be passed directly to JSX without using spread:
         z,
         a(),
         te,
-        ie
+        ae
       );
     }
     function p(c) {
       h(c) ? c._store && (c._store.validated = 1) : typeof c == "object" && c !== null && c.$$typeof === P && (c._payload.status === "fulfilled" ? h(c._payload.value) && c._payload.value._store && (c._payload.value._store.validated = 1) : c._store && (c._store.validated = 1));
     }
     function h(c) {
-      return typeof c == "object" && c !== null && c.$$typeof === b;
+      return typeof c == "object" && c !== null && c.$$typeof === _;
     }
-    var u = K, b = Symbol.for("react.transitional.element"), j = Symbol.for("react.portal"), S = Symbol.for("react.fragment"), R = Symbol.for("react.strict_mode"), B = Symbol.for("react.profiler"), y = Symbol.for("react.consumer"), $ = Symbol.for("react.context"), O = Symbol.for("react.forward_ref"), D = Symbol.for("react.suspense"), Y = Symbol.for("react.suspense_list"), q = Symbol.for("react.memo"), P = Symbol.for("react.lazy"), N = Symbol.for("react.activity"), C = Symbol.for("react.client.reference"), G = u.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, U = Object.prototype.hasOwnProperty, x = Array.isArray, v = console.createTask ? console.createTask : function() {
+    var u = K, _ = Symbol.for("react.transitional.element"), j = Symbol.for("react.portal"), S = Symbol.for("react.fragment"), R = Symbol.for("react.strict_mode"), B = Symbol.for("react.profiler"), y = Symbol.for("react.consumer"), $ = Symbol.for("react.context"), O = Symbol.for("react.forward_ref"), D = Symbol.for("react.suspense"), Y = Symbol.for("react.suspense_list"), q = Symbol.for("react.memo"), P = Symbol.for("react.lazy"), N = Symbol.for("react.activity"), C = Symbol.for("react.client.reference"), X = u.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, U = Object.prototype.hasOwnProperty, x = Array.isArray, v = console.createTask ? console.createTask : function() {
       return null;
     };
     u = {
@@ -257,32 +257,32 @@ React keys must be passed directly to JSX without using spread:
     var k, L = {}, H = u.react_stack_bottom_frame.bind(
       u,
       n
-    )(), X = v(i(n)), g = {};
+    )(), G = v(i(n)), g = {};
     fe.Fragment = S, fe.jsx = function(c, w, z) {
-      var F = 1e4 > G.recentlyCreatedOwnerStacks++;
+      var F = 1e4 > X.recentlyCreatedOwnerStacks++;
       return f(
         c,
         w,
         z,
         !1,
         F ? Error("react-stack-top-frame") : H,
-        F ? v(i(c)) : X
+        F ? v(i(c)) : G
       );
     }, fe.jsxs = function(c, w, z) {
-      var F = 1e4 > G.recentlyCreatedOwnerStacks++;
+      var F = 1e4 > X.recentlyCreatedOwnerStacks++;
       return f(
         c,
         w,
         z,
         !0,
         F ? Error("react-stack-top-frame") : H,
-        F ? v(i(c)) : X
+        F ? v(i(c)) : G
       );
     };
   }()), fe;
 }
-process.env.NODE_ENV === "production" ? _e.exports = is() : _e.exports = os();
-var e = _e.exports;
+process.env.NODE_ENV === "production" ? be.exports = is() : be.exports = os();
+var e = be.exports;
 function ls({ size: s = "m", color: t = "default", className: r = "", ...i }) {
   return /* @__PURE__ */ e.jsx(
     "span",
@@ -310,7 +310,7 @@ function me({
   className: p = "",
   ...h
 }) {
-  const u = a && !s, b = o === "loading", j = o === "success", S = o === "error", R = b || j || S, B = r === "xs" ? "s" : "m", y = cs[r] ?? 16, $ = b ? /* @__PURE__ */ e.jsx(ls, { size: B }) : j ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(Ne, { size: y, strokeWidth: 2.5 }) }) : S ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(ne, { size: y, strokeWidth: 2.5 }) }) : null, O = [
+  const u = a && !s, _ = o === "loading", j = o === "success", S = o === "error", R = _ || j || S, B = r === "xs" ? "s" : "m", y = cs[r] ?? 16, $ = _ ? /* @__PURE__ */ e.jsx(ls, { size: B }) : j ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(Ne, { size: y, strokeWidth: 2.5 }) }) : S ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(ne, { size: y, strokeWidth: 2.5 }) }) : null, O = [
     "ds-button",
     `ds-button--${t}`,
     `ds-button--${r}`,
@@ -323,7 +323,7 @@ function me({
   ] });
   if (d) {
     const q = (P) => {
-      if (n || b) {
+      if (n || _) {
         P.preventDefault();
         return;
       }
@@ -333,11 +333,11 @@ function me({
       "a",
       {
         className: O,
-        href: n || b ? void 0 : d,
+        href: n || _ ? void 0 : d,
         onClick: q,
         "aria-label": f,
-        "aria-disabled": n || b ? "true" : void 0,
-        "aria-busy": b ? "true" : void 0,
+        "aria-disabled": n || _ ? "true" : void 0,
+        "aria-busy": _ ? "true" : void 0,
         "data-state": D,
         ...h,
         children: Y
@@ -350,16 +350,16 @@ function me({
       type: m,
       className: O,
       disabled: n,
-      onClick: b ? void 0 : l,
+      onClick: _ ? void 0 : l,
       "aria-label": f,
-      "aria-busy": b ? "true" : void 0,
+      "aria-busy": _ ? "true" : void 0,
       "data-state": D,
       ...h,
       children: Y
     }
   );
 }
-function Vs({
+function Us({
   label: s,
   error: t,
   hint: r,
@@ -372,7 +372,7 @@ function Vs({
   id: d,
   ...f
 }) {
-  const p = d || `input-${K.useId()}`, h = r ? `${p}-hint` : void 0, u = t ? `${p}-error` : void 0, b = u || h;
+  const p = d || `input-${K.useId()}`, h = r ? `${p}-hint` : void 0, u = t ? `${p}-error` : void 0, _ = u || h;
   return /* @__PURE__ */ e.jsxs("div", { className: `ds-input-wrapper ${i ? "ds-input-wrapper--full" : ""} ${m ? "ds-input-wrapper--disabled" : ""} ${t ? "ds-input-wrapper--error" : ""}`, children: [
     s && /* @__PURE__ */ e.jsx("label", { className: "ds-input-label", htmlFor: p, children: s }),
     /* @__PURE__ */ e.jsxs("div", { className: "ds-input-container", children: [
@@ -384,7 +384,7 @@ function Vs({
           className: `ds-input ds-input--${l} ${a ? "ds-input--with-icon" : ""} ${n ? "ds-input--with-icon-right" : ""} ${t ? "ds-input--error" : ""}`,
           disabled: m,
           "aria-invalid": t ? "true" : "false",
-          "aria-describedby": b,
+          "aria-describedby": _,
           ...f
         }
       ),
@@ -404,7 +404,7 @@ function Vs({
     /* @__PURE__ */ e.jsx("div", { className: "ds-input-error-wrap", children: /* @__PURE__ */ e.jsx("div", { className: "ds-input-error-inner", children: t && /* @__PURE__ */ e.jsx("span", { id: u, className: "ds-input-error", role: "alert", children: t }) }) })
   ] });
 }
-function Ys({
+function Vs({
   label: s,
   error: t,
   hint: r,
@@ -435,7 +435,7 @@ function Ys({
     t && /* @__PURE__ */ e.jsx("span", { id: h, className: "ds-textarea-error", role: "alert", children: t })
   ] });
 }
-function Hs({
+function Ys({
   label: s,
   value: t,
   onChange: r,
@@ -448,20 +448,20 @@ function Hs({
   id: d,
   ...f
 }) {
-  const [p, h] = A(!1), [u, b] = A(!1), [j, S] = A({}), [R, B] = A("down"), [y, $] = A(-1), O = E(null), D = E(null), Y = E(null), q = E(null), P = d || `select-${K.useId()}`, N = `${P}-label`, C = n ? `${P}-error` : void 0, G = 150, U = (g = !1) => {
-    u || (b(!0), $(-1), q.current = setTimeout(() => {
+  const [p, h] = A(!1), [u, _] = A(!1), [j, S] = A({}), [R, B] = A("down"), [y, $] = A(-1), O = E(null), D = E(null), Y = E(null), q = E(null), P = d || `select-${K.useId()}`, N = `${P}-label`, C = n ? `${P}-error` : void 0, X = 150, U = (g = !1) => {
+    u || (_(!0), $(-1), q.current = setTimeout(() => {
       var c;
-      h(!1), b(!1), g && ((c = Y.current) == null || c.focus());
-    }, G));
+      h(!1), _(!1), g && ((c = Y.current) == null || c.focus());
+    }, X));
   }, x = (g) => {
-    clearTimeout(q.current), b(!1);
+    clearTimeout(q.current), _(!1);
     const c = g !== void 0 ? g : Math.max(i.findIndex((w) => w.value === t), 0);
     $(c), h(!0);
   };
   M(() => () => clearTimeout(q.current), []);
   const v = () => {
-    var ie;
-    const g = (ie = O.current) == null ? void 0 : ie.getBoundingClientRect();
+    var ae;
+    const g = (ae = O.current) == null ? void 0 : ae.getBoundingClientRect();
     if (!g) return;
     const c = window.innerHeight, w = c - g.bottom, z = g.top, te = w < 300 && z > w;
     B(te ? "up" : "down"), S(
@@ -508,7 +508,7 @@ function Hs({
         p && U(!1);
         break;
     }
-  }, L = i.find((g) => g.value === t), H = l === "xs" ? I[1] : l === "small" ? I[2] : I[3], X = p && /* @__PURE__ */ e.jsx(
+  }, L = i.find((g) => g.value === t), H = l === "xs" ? I[1] : l === "small" ? I[2] : I[3], G = p && /* @__PURE__ */ e.jsx(
     "div",
     {
       ref: D,
@@ -582,10 +582,10 @@ function Hs({
       }
     ) }),
     n && /* @__PURE__ */ e.jsx("span", { id: C, className: "ds-select-error", role: "alert", children: n }),
-    typeof document < "u" && pe.createPortal(X, document.body)
+    typeof document < "u" && pe.createPortal(G, document.body)
   ] });
 }
-function qs({
+function Hs({
   label: s,
   value: t = 0,
   onChange: r,
@@ -618,7 +618,7 @@ function qs({
       const $ = Math.min(Math.max(y, i), a);
       r == null || r($);
     }
-  }, b = [
+  }, _ = [
     "ds-stepper-wrapper",
     l && "ds-stepper-wrapper--disabled",
     d && "ds-stepper-wrapper--error"
@@ -627,7 +627,7 @@ function qs({
     `ds-stepper--${o}`,
     l && "ds-stepper--disabled"
   ].filter(Boolean).join(" "), S = o === "xs" ? I[1] : o === "small" ? I[2] : I[3];
-  return /* @__PURE__ */ e.jsxs("div", { className: b, children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: _, children: [
     s && /* @__PURE__ */ e.jsx("label", { className: "ds-stepper-label", children: s }),
     /* @__PURE__ */ e.jsxs("div", { className: j, children: [
       /* @__PURE__ */ e.jsx(
@@ -671,7 +671,7 @@ function qs({
     d && /* @__PURE__ */ e.jsx("div", { className: "ds-stepper-error", children: d })
   ] });
 }
-function Ks({
+function qs({
   children: s,
   padding: t = "m",
   variant: r = "info",
@@ -688,12 +688,12 @@ function Ks({
     d && "ds-card--interactive"
   ].filter(Boolean).join(" ");
   if (n) {
-    const u = (b) => {
+    const u = (_) => {
       if (o) {
-        b.preventDefault();
+        _.preventDefault();
         return;
       }
-      b.metaKey || b.ctrlKey || b.button === 1 || (b.preventDefault(), a == null || a(b));
+      _.metaKey || _.ctrlKey || _.button === 1 || (_.preventDefault(), a == null || a(_));
     };
     return /* @__PURE__ */ e.jsx(
       "a",
@@ -723,19 +723,19 @@ function Ks({
     }
   );
 }
-function Gs({ children: s, ...t }) {
+function Ks({ children: s, ...t }) {
   return /* @__PURE__ */ e.jsx("h1", { className: "ds-h1", ...t, children: s });
 }
 function Xs({ children: s, ...t }) {
   return /* @__PURE__ */ e.jsx("h2", { className: "ds-h2", ...t, children: s });
 }
-function Js({ children: s, ...t }) {
+function Gs({ children: s, ...t }) {
   return /* @__PURE__ */ e.jsx("h3", { className: "ds-h3", ...t, children: s });
 }
-function Zs({ children: s, ...t }) {
+function Js({ children: s, ...t }) {
   return /* @__PURE__ */ e.jsx("h4", { className: "ds-h4", ...t, children: s });
 }
-function Qs({ children: s, secondary: t = !1, ...r }) {
+function Zs({ children: s, secondary: t = !1, ...r }) {
   return /* @__PURE__ */ e.jsx("p", { className: `ds-p1 ${t ? "ds-p1--secondary" : ""}`, ...r, children: s });
 }
 function ds({ children: s, secondary: t = !1, ...r }) {
@@ -744,7 +744,7 @@ function ds({ children: s, secondary: t = !1, ...r }) {
 function Fe({ children: s, secondary: t = !1, ...r }) {
   return /* @__PURE__ */ e.jsx("p", { className: `ds-p3 ${t ? "ds-p3--secondary" : ""}`, ...r, children: s });
 }
-function ae({
+function ce({
   children: s,
   variant: t = "default",
   size: r = "m",
@@ -764,7 +764,7 @@ const us = {
   warning: ge,
   error: we
 };
-function et({
+function Qs({
   children: s,
   variant: t = "info",
   title: r,
@@ -792,7 +792,7 @@ function et({
   ] });
 }
 const fs = 200;
-function st({
+function et({
   children: s,
   title: t,
   onClose: r,
@@ -807,11 +807,11 @@ function st({
   M(() => {
     const u = (j) => {
       j.key === "Escape" && d();
-    }, b = (j) => {
+    }, _ = (j) => {
       n.current && !n.current.contains(j.target) && d();
     };
-    return document.addEventListener("keydown", u), document.addEventListener("mousedown", b), () => {
-      document.removeEventListener("keydown", u), document.removeEventListener("mousedown", b);
+    return document.addEventListener("keydown", u), document.addEventListener("mousedown", _), () => {
+      document.removeEventListener("keydown", u), document.removeEventListener("mousedown", _);
     };
   }, [r, l]);
   const f = K.Children.toArray(s), p = f.find((u) => (u == null ? void 0 : u.type) === Ie), h = f.filter((u) => (u == null ? void 0 : u.type) !== Ie);
@@ -857,7 +857,7 @@ function ms({
   ...l
 }) {
   const [m, d] = A(r), f = i !== void 0, p = f ? i : m, h = () => {
-    f ? a == null || a(!i) : d((b) => !b);
+    f ? a == null || a(!i) : d((_) => !_);
   }, u = [
     "ds-code-accordion",
     `ds-code-accordion--${n}`,
@@ -888,10 +888,10 @@ function ms({
     /* @__PURE__ */ e.jsx("div", { className: "ds-code-accordion__content", children: /* @__PURE__ */ e.jsx("div", { className: "ds-code-accordion__inner", children: /* @__PURE__ */ e.jsx("pre", { className: "ds-code-accordion__pre", children: /* @__PURE__ */ e.jsx("code", { children: s }) }) }) })
   ] });
 }
-function tt({ children: s, block: t = !1, collapsible: r = !1, title: i = "Code", defaultExpanded: a = !1, ...n }) {
+function st({ children: s, block: t = !1, collapsible: r = !1, title: i = "Code", defaultExpanded: a = !1, ...n }) {
   return t ? r ? /* @__PURE__ */ e.jsx(ms, { title: i, defaultExpanded: a, ...n, children: s }) : /* @__PURE__ */ e.jsx("pre", { className: "ds-code-block", ...n, children: /* @__PURE__ */ e.jsx("code", { children: s }) }) : /* @__PURE__ */ e.jsx("code", { className: "ds-code-inline", ...n, children: s });
 }
-function rt({ href: s, children: t, onClick: r, target: i, rel: a, ...n }) {
+function tt({ href: s, children: t, onClick: r, target: i, rel: a, ...n }) {
   const l = i === "_blank" ? a ? `${a} noopener noreferrer` : "noopener noreferrer" : a;
   return /* @__PURE__ */ e.jsx(
     "a",
@@ -906,10 +906,10 @@ function rt({ href: s, children: t, onClick: r, target: i, rel: a, ...n }) {
     }
   );
 }
-function nt({ children: s, size: t = "m", variant: r = "ghost", ...i }) {
+function rt({ children: s, size: t = "m", variant: r = "ghost", ...i }) {
   return /* @__PURE__ */ e.jsx("div", { className: "ds-tabs", role: "tablist", ...i, children: K.Children.map(s, (a) => K.isValidElement(a) ? K.cloneElement(a, { size: t, variant: r }) : a) });
 }
-function at({ children: s, selected: t = !1, onClick: r, size: i = "m", variant: a = "ghost", disabled: n = !1, icon: o, href: l, ...m }) {
+function nt({ children: s, selected: t = !1, onClick: r, size: i = "m", variant: a = "ghost", disabled: n = !1, icon: o, href: l, ...m }) {
   const d = o && !s, f = [
     "ds-tab",
     `ds-tab--${i}`,
@@ -955,12 +955,12 @@ function at({ children: s, selected: t = !1, onClick: r, size: i = "m", variant:
     }
   );
 }
-function it({ options: s, value: t, onChange: r, size: i = "m", disabled: a = !1 }) {
+function at({ options: s, value: t, onChange: r, size: i = "m", disabled: a = !1 }) {
   const n = E(null), o = E(null), [l, m] = A(!1), d = E(!1), f = E(null), p = E(null), h = () => {
     if (!n.current) return;
     const u = n.current.querySelector(`[data-value="${t}"]`);
     if (!u) return;
-    const b = n.current.getBoundingClientRect(), j = u.getBoundingClientRect(), S = j.left - b.left, R = j.width;
+    const _ = n.current.getBoundingClientRect(), j = u.getBoundingClientRect(), S = j.left - _.left, R = j.width;
     o.current ? (o.current.style.transition = d.current ? "left var(--transition-normal), width var(--transition-normal)" : "none", o.current.style.left = S + "px", o.current.style.width = R + "px", d.current = !1) : (m(!0), requestAnimationFrame(() => {
       if (!o.current || !n.current) return;
       const B = n.current.querySelector(`[data-value="${t}"]`);
@@ -1057,7 +1057,7 @@ function Ee({
     /* @__PURE__ */ e.jsx("div", { className: "ds-accordion__content", children: /* @__PURE__ */ e.jsx("div", { className: "ds-accordion__content-inner", children: /* @__PURE__ */ e.jsx("div", { className: "ds-accordion__content-body", children: s }) }) })
   ] });
 }
-const re = 8, ce = 8;
+const re = 8, le = 8;
 function ps(s, t, r) {
   const i = window.innerWidth;
   let a, n;
@@ -1077,19 +1077,19 @@ function ps(s, t, r) {
     default:
       a = t.bottom + re, n = t.left;
   }
-  const o = Math.max(ce, Math.min(i - r.width - ce, n)), l = n - o;
+  const o = Math.max(le, Math.min(i - r.width - le, n)), l = n - o;
   return { top: a, left: o, arrowOffset: l };
 }
 function hs(s, t, r) {
   const i = window.innerWidth, a = window.innerHeight;
-  if (s.top >= t + re + ce) return "top";
-  if (a - s.bottom >= t + re + ce) return "bottom";
-  if (i - s.right >= r + re + ce) return "right";
-  if (s.left >= r + re + ce) return "left";
+  if (s.top >= t + re + le) return "top";
+  if (a - s.bottom >= t + re + le) return "bottom";
+  if (i - s.right >= r + re + le) return "right";
+  if (s.left >= r + re + le) return "left";
   const n = Math.max(s.top, a - s.bottom, s.left, i - s.right);
   return n === s.top ? "top" : n === a - s.bottom ? "bottom" : n === i - s.right ? "right" : "left";
 }
-function ot({ children: s, content: t, position: r, ...i }) {
+function it({ children: s, content: t, position: r, ...i }) {
   const [a, n] = A(!1), [o, l] = A({ visibility: "hidden" }), [m, d] = A(r || "top"), f = E(null), p = E(null), h = E(!1), u = () => {
     if (!f.current || !p.current) return;
     const j = f.current.getBoundingClientRect(), S = p.current.getBoundingClientRect(), R = r || hs(j, S.height, S.width), { top: B, left: y, arrowOffset: $ } = ps(R, j, S);
@@ -1115,7 +1115,7 @@ function ot({ children: s, content: t, position: r, ...i }) {
     };
     return document.addEventListener("touchstart", j), () => document.removeEventListener("touchstart", j);
   }, [a]), !t) return s;
-  const b = a && /* @__PURE__ */ e.jsx(
+  const _ = a && /* @__PURE__ */ e.jsx(
     "div",
     {
       ref: p,
@@ -1142,12 +1142,12 @@ function ot({ children: s, content: t, position: r, ...i }) {
       ...i,
       children: [
         s,
-        typeof document < "u" && pe.createPortal(b, document.body)
+        typeof document < "u" && pe.createPortal(_, document.body)
       ]
     }
   );
 }
-function lt({
+function ot({
   checked: s = !1,
   onChange: t,
   size: r = "m",
@@ -1178,7 +1178,7 @@ function lt({
     a && /* @__PURE__ */ e.jsx("span", { className: "ds-toggle__label", children: a })
   ] });
 }
-function ct({
+function lt({
   checked: s = !1,
   onChange: t,
   size: r = "m",
@@ -1216,7 +1216,7 @@ function ct({
     a && /* @__PURE__ */ e.jsx("span", { className: "ds-checkbox__label", children: a })
   ] });
 }
-function dt({
+function ct({
   checked: s = !1,
   onChange: t,
   size: r = "m",
@@ -1262,7 +1262,7 @@ function xs({ width: s, height: t, shape: r = "rect", aspectRatio: i, className:
     }
   );
 }
-function bs({ lines: s = 1, lastLineWidth: t = "70%", gap: r, className: i = "", style: a = {}, ...n }) {
+function _s({ lines: s = 1, lastLineWidth: t = "70%", gap: r, className: i = "", style: a = {}, ...n }) {
   return /* @__PURE__ */ e.jsx(
     "span",
     {
@@ -1281,8 +1281,8 @@ function bs({ lines: s = 1, lastLineWidth: t = "70%", gap: r, className: i = "",
     }
   );
 }
-xs.Text = bs;
-function _s(s) {
+xs.Text = _s;
+function bs(s) {
   let t = 2166136261;
   for (let r = 0; r < s.length; r++)
     t ^= s.charCodeAt(r), t = Math.imul(t, 16777619) >>> 0;
@@ -1293,8 +1293,8 @@ function js(s) {
   const t = s.trim().split(/\s+/);
   return t.length >= 2 ? (t[0][0] + t[1][0]).toUpperCase() : s[0].toUpperCase();
 }
-function ut({ seed: s, icon: t, src: r, size: i = 32, className: a = "", style: n = {}, ...o }) {
-  const l = _s(s ?? ""), [m, d] = A(!1), f = t ?? /* @__PURE__ */ e.jsx("span", { className: "ds-avatar__initials", children: js(s) });
+function dt({ seed: s, icon: t, src: r, size: i = 32, className: a = "", style: n = {}, ...o }) {
+  const l = bs(s ?? ""), [m, d] = A(!1), f = t ?? /* @__PURE__ */ e.jsx("span", { className: "ds-avatar__initials", children: js(s) });
   return /* @__PURE__ */ e.jsx(
     "div",
     {
@@ -1306,7 +1306,7 @@ function ut({ seed: s, icon: t, src: r, size: i = 32, className: a = "", style:
     }
   );
 }
-function ft({
+function ut({
   children: s,
   size: t = "compact",
   stickyTop: r,
@@ -1336,13 +1336,13 @@ function ft({
     }
   );
 }
-function mt({ children: s, ...t }) {
+function ft({ children: s, ...t }) {
   return /* @__PURE__ */ e.jsx("thead", { ...t, children: s });
 }
-function pt({ children: s, ...t }) {
+function mt({ children: s, ...t }) {
   return /* @__PURE__ */ e.jsx("tbody", { ...t, children: s });
 }
-function ht({ children: s, interactive: t, selected: r, subheader: i, exiting: a, updated: n, className: o = "", onClick: l, ...m }) {
+function pt({ children: s, interactive: t, selected: r, subheader: i, exiting: a, updated: n, className: o = "", onClick: l, ...m }) {
   return /* @__PURE__ */ e.jsx(
     "tr",
     {
@@ -1361,10 +1361,10 @@ function ht({ children: s, interactive: t, selected: r, subheader: i, exiting: a
     }
   );
 }
-function xt({ children: s, colSpan: t = 999, ...r }) {
+function ht({ children: s, colSpan: t = 999, ...r }) {
   return /* @__PURE__ */ e.jsx("tr", { className: "ds-table-row ds-table-row--subheader", ...r, children: /* @__PURE__ */ e.jsx("td", { colSpan: t, children: s }) });
 }
-function bt({ children: s, align: t = "left", sortDir: r, onSort: i, width: a, className: n = "", style: o = {}, ...l }) {
+function xt({ children: s, align: t = "left", sortDir: r, onSort: i, width: a, className: n = "", style: o = {}, ...l }) {
   const m = !!i || r !== void 0, d = r === "asc" ? qe : r === "desc" ? he : Ke;
   return /* @__PURE__ */ e.jsx(
     "th",
@@ -1404,7 +1404,7 @@ function _t({ children: s, align: t = "left", secondary: r, muted: i, truncate:
     }
   );
 }
-function jt({
+function bt({
   icon: s,
   title: t,
   description: r,
@@ -1427,7 +1427,7 @@ function jt({
     }
   );
 }
-function vt({
+function jt({
   label: s,
   hint: t,
   error: r,
@@ -1458,7 +1458,7 @@ function vt({
     }
   );
 }
-function Nt({ label: s, value: t, delta: r, size: i = "m", inline: a = !1, className: n = "", style: o, ...l }) {
+function vt({ label: s, value: t, delta: r, size: i = "m", inline: a = !1, className: n = "", style: o, ...l }) {
   const m = r != null && r.startsWith("+") ? "up" : r != null && r.startsWith("-") ? "down" : "neutral";
   return /* @__PURE__ */ e.jsxs(
     "div",
@@ -1479,7 +1479,7 @@ function Nt({ label: s, value: t, delta: r, size: i = "m", inline: a = !1, class
     }
   );
 }
-function wt({
+function Nt({
   children: s,
   separator: t = "/",
   "aria-label": r = "Breadcrumb",
@@ -1502,7 +1502,7 @@ function wt({
     }
   );
 }
-function gt({
+function wt({
   page: s,
   total: t,
   onChange: r,
@@ -1528,7 +1528,7 @@ function gt({
             onClick: () => r == null ? void 0 : r(s - 1),
             disabled: s <= 1,
             "aria-label": "Previous page",
-            children: /* @__PURE__ */ e.jsx(Ge, { size: 16 })
+            children: /* @__PURE__ */ e.jsx(Xe, { size: 16 })
           }
         ),
         m.map(
@@ -1551,7 +1551,7 @@ function gt({
             onClick: () => r == null ? void 0 : r(s + 1),
             disabled: s >= t,
             "aria-label": "Next page",
-            children: /* @__PURE__ */ e.jsx(Xe, { size: 16 })
+            children: /* @__PURE__ */ e.jsx(Ge, { size: 16 })
           }
         )
       ]
@@ -1566,7 +1566,7 @@ function vs(s, t, r) {
   return a < t - 1 && n.push("…"), n.push(t), n;
 }
 const Ns = 200;
-function yt({
+function gt({
   children: s,
   title: t,
   onClose: r,
@@ -1581,11 +1581,11 @@ function yt({
   M(() => {
     const u = (j) => {
       j.key === "Escape" && d();
-    }, b = (j) => {
+    }, _ = (j) => {
       n.current && !n.current.contains(j.target) && d();
     };
-    return document.addEventListener("keydown", u), document.addEventListener("mousedown", b), () => {
-      document.removeEventListener("keydown", u), document.removeEventListener("mousedown", b);
+    return document.addEventListener("keydown", u), document.addEventListener("mousedown", _), () => {
+      document.removeEventListener("keydown", u), document.removeEventListener("mousedown", _);
     };
   }, [r, l]);
   const f = K.Children.toArray(s), p = f.find((u) => (u == null ? void 0 : u.type) === Be), h = f.filter((u) => (u == null ? void 0 : u.type) !== Be);
@@ -1625,7 +1625,7 @@ const ws = {
   warning: ge,
   error: we
 };
-function kt({
+function yt({
   children: s,
   variant: t = "info",
   action: r,
@@ -1667,7 +1667,7 @@ function kt({
     }
   );
 }
-function Et({
+function kt({
   trigger: s,
   items: t = [],
   open: r,
@@ -1677,7 +1677,7 @@ function Et({
   style: o,
   ...l
 }) {
-  const [m, d] = A(!1), [f, p] = A(!1), h = r !== void 0, u = h ? r : m, b = E(null), j = E(null), S = E(null), R = E(null), [B, y] = A({}), $ = E(null), O = 150, D = () => {
+  const [m, d] = A(!1), [f, p] = A(!1), h = r !== void 0, u = h ? r : m, _ = E(null), j = E(null), S = E(null), R = E(null), [B, y] = A({}), $ = E(null), O = 150, D = () => {
     if (h)
       i == null || i(!1);
     else {
@@ -1695,8 +1695,8 @@ function Et({
   M(() => () => clearTimeout($.current), []), M(() => {
     if (!u) return;
     const x = 300, v = () => {
-      var X;
-      const k = (X = b.current) == null ? void 0 : X.getBoundingClientRect();
+      var G;
+      const k = (G = _.current) == null ? void 0 : G.getBoundingClientRect();
       if (!k) return;
       const L = window.innerHeight - k.bottom, H = L < x + 8 && k.top > L;
       y(
@@ -1718,7 +1718,7 @@ function Et({
     if (!u) return;
     const x = (k) => {
       var L, H;
-      !((L = b.current) != null && L.contains(k.target)) && !((H = j.current) != null && H.contains(k.target)) && D();
+      !((L = _.current) != null && L.contains(k.target)) && !((H = j.current) != null && H.contains(k.target)) && D();
     }, v = (k) => {
       k.key === "Escape" && (D(), P());
     };
@@ -1743,8 +1743,8 @@ function Et({
         const L = N();
         (k = L[L.length - 1]) == null || k.focus();
       }
-  }, G = (x) => {
-    var L, H, X, g;
+  }, X = (x) => {
+    var L, H, G, g;
     const v = N(), k = v.findIndex((c) => c === document.activeElement);
     switch (x.key) {
       case "ArrowDown":
@@ -1754,7 +1754,7 @@ function Et({
         x.preventDefault(), k <= 0 ? P() : (H = v[k - 1]) == null || H.focus();
         break;
       case "Home":
-        x.preventDefault(), (X = v[0]) == null || X.focus();
+        x.preventDefault(), (G = v[0]) == null || G.focus();
         break;
       case "End":
         x.preventDefault(), (g = v[v.length - 1]) == null || g.focus();
@@ -1774,7 +1774,7 @@ function Et({
         f && "ds-dropdown__menu--closing"
       ].filter(Boolean).join(" "),
       style: B,
-      onKeyDown: G,
+      onKeyDown: X,
       children: t.map((x, v) => {
         if (x.separator)
           return /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__separator" }, v);
@@ -1794,8 +1794,8 @@ function Et({
             ].filter(Boolean).join(" "),
             ...H,
             onClick: () => {
-              var X;
-              (X = x.onClick) == null || X.call(x), D();
+              var G;
+              (G = x.onClick) == null || G.call(x), D();
             },
             children: [
               x.icon && /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-icon", children: x.icon }),
@@ -1811,7 +1811,7 @@ function Et({
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      ref: b,
+      ref: _,
       className: ["ds-dropdown", n].filter(Boolean).join(" "),
       style: o,
       ...l,
@@ -1831,7 +1831,7 @@ function Et({
     }
   );
 }
-function $t({
+function Et({
   value: s = 0,
   size: t = "m",
   variant: r = "default",
@@ -1887,7 +1887,7 @@ function ks(s, { duration: t = 600 } = {}) {
     return n.current = requestAnimationFrame(d), () => cancelAnimationFrame(n.current);
   }, [s, t]), r;
 }
-function Tt({
+function $t({
   value: s,
   duration: t = 600,
   decimals: r = 0,
@@ -1911,7 +1911,7 @@ function Es({ threshold: s = 0.1, rootMargin: t = "0px", once: r = !1 } = {}) {
     return l.observe(o), () => l.disconnect();
   }, [s, t, r]), { ref: i, inView: a };
 }
-function Rt({
+function Tt({
   children: s,
   as: t = "div",
   once: r = !1,
@@ -1943,7 +1943,7 @@ function $s(s) {
 function Ts(s) {
   de = de.filter((t) => t.id !== s), We();
 }
-function St() {
+function Rt() {
   const s = (t, r = {}) => {
     $s({
       id: `${Date.now()}-${Math.random()}`,
@@ -1988,7 +1988,7 @@ function Rs({ data: s, onDismiss: t }) {
     }
   );
 }
-function At({ position: s = "bottom-right" }) {
+function St({ position: s = "bottom-right" }) {
   const [t, r] = A(() => [...de]);
   return M(() => (je.add(r), () => je.delete(r)), []), !t.length || typeof document > "u" ? null : pe.createPortal(
     /* @__PURE__ */ e.jsx("div", { className: ["ds-toast-container", `ds-toast-container--${s}`].join(" "), children: t.map((i) => /* @__PURE__ */ e.jsx(Rs, { data: i, onDismiss: Ts }, i.id)) }),
@@ -1996,11 +1996,11 @@ function At({ position: s = "bottom-right" }) {
   );
 }
 const Ss = {
-  running: /* @__PURE__ */ e.jsx(ae, { size: "xs", variant: "info", children: "Running..." }),
-  success: /* @__PURE__ */ e.jsx(ae, { size: "xs", variant: "success", children: "Done" }),
-  error: /* @__PURE__ */ e.jsx(ae, { size: "xs", variant: "error", children: "Error" })
+  running: /* @__PURE__ */ e.jsx(ce, { size: "xs", variant: "info", children: "Running..." }),
+  success: /* @__PURE__ */ e.jsx(ce, { size: "xs", variant: "success", children: "Done" }),
+  error: /* @__PURE__ */ e.jsx(ce, { size: "xs", variant: "error", children: "Error" })
 };
-function Dt({
+function At({
   label: s,
   status: t = "idle",
   icon: r,
@@ -2012,29 +2012,36 @@ function Dt({
   className: m = "",
   ...d
 }) {
-  const f = /* @__PURE__ */ e.jsxs("span", { className: "ds-tool-card__title-row", children: [
+  const f = t === "running", p = /* @__PURE__ */ e.jsxs("span", { className: "ds-tool-card__title-row", children: [
     r && /* @__PURE__ */ e.jsx("span", { className: "ds-tool-card__icon", children: r }),
     /* @__PURE__ */ e.jsx("span", { className: "ds-tool-card__label", children: s }),
     Ss[t],
     i
   ] });
-  return /* @__PURE__ */ e.jsx(
+  return l ? /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: ["ds-tool-card", m].filter(Boolean).join(" "),
+      className: ["ds-tool-card", f && "ds-tool-card--running", m].filter(Boolean).join(" "),
       ...d,
       children: /* @__PURE__ */ e.jsx(
         Ee,
         {
-          title: f,
+          title: p,
           padding: "s",
           defaultExpanded: a,
-          expanded: n,
-          onToggle: o,
+          expanded: f ? !1 : n,
+          onToggle: f ? void 0 : o,
           children: /* @__PURE__ */ e.jsx("div", { className: "ds-tool-card__body", children: l })
         }
       )
     }
+  ) : /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      className: ["ds-tool-card", "ds-tool-card--bubble", m].filter(Boolean).join(" "),
+      ...d,
+      children: p
+    }
   );
 }
 function As({
@@ -2044,8 +2051,8 @@ function As({
   "aria-label": i = "Copy to clipboard",
   ...a
 }) {
-  const [n, o] = A(!1), l = () => {
-    navigator.clipboard.writeText(s).then(() => {
+  const [n, o] = A(!1), l = (m) => {
+    m.currentTarget.blur(), navigator.clipboard.writeText(s).then(() => {
       o(!0), setTimeout(() => o(!1), r);
     });
   };
@@ -2062,7 +2069,7 @@ function As({
     }
   );
 }
-function It({ content: s, streaming: t = !1, ...r }) {
+function Dt({ content: s, streaming: t = !1, ...r }) {
   const [i, a] = A(t);
   return M(() => {
     a(!!t);
@@ -2084,7 +2091,7 @@ function It({ content: s, streaming: t = !1, ...r }) {
     }
   );
 }
-function Bt({
+function It({
   count: s,
   current: t = 0,
   done: r = [],
@@ -2123,7 +2130,7 @@ function Bt({
     ] })
   ] });
 }
-function Mt({
+function Bt({
   content: s,
   isStreaming: t = !1,
   cursor: r = "line",
@@ -2139,7 +2146,7 @@ function Mt({
     t && r !== "none" && /* @__PURE__ */ e.jsx("span", { className: `ds-cursor ds-cursor--${r}`, "aria-hidden": "true" })
   ] });
 }
-function Pt({
+function Mt({
   role: s = "assistant",
   header: t,
   footer: r,
@@ -2166,7 +2173,7 @@ function Pt({
     r && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__footer", children: r })
   ] });
 }
-function Lt(s, { containerRef: t, smartPause: r = !0 } = {}) {
+function Pt(s, { containerRef: t, smartPause: r = !0 } = {}) {
   const i = E(!1), a = E(0);
   M(() => {
     const n = t == null ? void 0 : t.current;
@@ -2190,25 +2197,25 @@ function Ds({
   betweenTime: n = 380,
   manualPauseMs: o = 5e3
 }) {
-  const [l, m] = A(0), [d, f] = A(""), p = E("typing"), h = E(0), u = E(0), b = E(null), j = E(0);
+  const [l, m] = A(0), [d, f] = A(""), p = E("typing"), h = E(0), u = E(0), _ = E(null), j = E(0);
   M(() => {
     u.current = l;
   }, [l]), M(() => {
-    if (b.current && (clearTimeout(b.current), b.current = null), !t || s.length === 0) {
+    if (_.current && (clearTimeout(_.current), _.current = null), !t || s.length === 0) {
       f(""), h.current = 0, p.current = "typing";
       return;
     }
     const $ = () => {
       const O = Date.now();
       if (j.current > O) {
-        b.current = setTimeout($, j.current - O);
+        _.current = setTimeout($, j.current - O);
         return;
       }
       const D = s[u.current % s.length] ?? "";
-      p.current === "typing" ? (h.current += 1, f(D.slice(0, h.current)), h.current >= D.length ? (p.current = "holding", b.current = setTimeout($, a)) : b.current = setTimeout($, r + Math.random() * 28)) : p.current === "holding" ? (p.current = "erasing", b.current = setTimeout($, i)) : (h.current = Math.max(0, h.current - 1), f(D.slice(0, h.current)), h.current <= 0 ? (p.current = "typing", u.current = (u.current + 1) % s.length, m(u.current), b.current = setTimeout($, n)) : b.current = setTimeout($, i));
+      p.current === "typing" ? (h.current += 1, f(D.slice(0, h.current)), h.current >= D.length ? (p.current = "holding", _.current = setTimeout($, a)) : _.current = setTimeout($, r + Math.random() * 28)) : p.current === "holding" ? (p.current = "erasing", _.current = setTimeout($, i)) : (h.current = Math.max(0, h.current - 1), f(D.slice(0, h.current)), h.current <= 0 ? (p.current = "typing", u.current = (u.current + 1) % s.length, m(u.current), _.current = setTimeout($, n)) : _.current = setTimeout($, i));
     };
-    return b.current = setTimeout($, 260), () => {
-      b.current && clearTimeout(b.current);
+    return _.current = setTimeout($, 260), () => {
+      _.current && clearTimeout(_.current);
     };
   }, [t, s, r, i, a, n]);
   const S = ($) => {
@@ -2219,7 +2226,7 @@ function Ds({
   return { displayed: d, currentPrompt: y, index: l, next: R, prev: B };
 }
 let Is = 0;
-function zt({
+function Lt({
   value: s = "",
   onChange: t,
   onSubmit: r,
@@ -2234,7 +2241,7 @@ function zt({
   onAttachFiles: p,
   onAttachImages: h,
   onRemoveAttachment: u,
-  onRemoveImage: b,
+  onRemoveImage: _,
   acceptImage: j,
   acceptFile: S,
   maxImages: R,
@@ -2244,48 +2251,48 @@ function zt({
   className: O = "",
   ...D
 }) {
-  const Y = E(null), q = E(null), P = E(0), [N, C] = A(!1), [G, U] = A([]), x = (_) => {
+  const Y = E(null), q = E(null), P = E(0), [N, C] = A(!1), [X, U] = A([]), x = (b) => {
     const T = ++Is;
-    U((V) => [...V, { id: T, msg: _ }]), setTimeout(() => U((V) => V.filter((J) => J.id !== T)), 6e3);
-  }, v = (_) => U((T) => T.filter((V) => V.id !== _)), k = (_) => _.type.startsWith("image/"), L = () => !0, H = j ?? k, X = S ?? L, g = (_) => {
+    U((V) => [...V, { id: T, msg: b }]), setTimeout(() => U((V) => V.filter((J) => J.id !== T)), 6e3);
+  }, v = (b) => U((T) => T.filter((V) => V.id !== b)), k = (b) => b.type.startsWith("image/"), L = () => !0, H = j ?? k, G = S ?? L, g = (b) => {
     const T = [], V = [], J = [], Z = [];
-    let ee = 0, le = R != null ? R - ((f == null ? void 0 : f.length) ?? 0) : 1 / 0;
-    for (const se of _)
-      H(se) ? B && se.size > B ? J.push(se.name) : le > 0 ? (T.push(se), le--) : ee++ : X(se) ? V.push(se) : Z.push(se.name);
+    let ee = 0, oe = R != null ? R - ((f == null ? void 0 : f.length) ?? 0) : 1 / 0;
+    for (const se of b)
+      H(se) ? B && se.size > B ? J.push(se.name) : oe > 0 ? (T.push(se), oe--) : ee++ : G(se) ? V.push(se) : Z.push(se.name);
     return { imageFiles: T, docFiles: V, tooLarge: J, skipped: Z, limitExceeded: ee };
-  }, c = (_) => {
-    const { imageFiles: T, docFiles: V, tooLarge: J, skipped: Z, limitExceeded: ee } = g(_);
+  }, c = (b) => {
+    const { imageFiles: T, docFiles: V, tooLarge: J, skipped: Z, limitExceeded: ee } = g(b);
     J.length && x(`File${J.length > 1 ? "s" : ""} too large${B ? ` (max ${B / 1024 / 1024}MB)` : ""}: ${J.join(", ")}`), Z.length && x(`Skipped unsupported file${Z.length > 1 ? "s" : ""}: ${Z.join(", ")}`), ee && x(`Max ${R} images per message`), h && T.length && h(T);
-    const le = V.concat(h ? [] : T);
-    p && le.length && p(le);
+    const oe = V.concat(h ? [] : T);
+    p && oe.length && p(oe);
   };
   M(() => {
-    const _ = q.current;
-    _ && (_.style.height = "auto", _.style.height = `${Math.min(_.scrollHeight, 200)}px`);
+    const b = q.current;
+    b && (b.style.height = "auto", b.style.height = `${Math.min(b.scrollHeight, 200)}px`);
   }, [s]), M(() => {
-    const _ = (T) => {
+    const b = (T) => {
       var J, Z, ee;
       if (n || o) return;
       const V = (J = T.target) == null ? void 0 : J.tagName;
       V === "INPUT" || V === "TEXTAREA" || V === "SELECT" || (Z = T.target) != null && Z.isContentEditable || T.ctrlKey || T.metaKey || T.altKey || T.key.length !== 1 && T.key !== "Backspace" && T.key !== "Delete" || (ee = q.current) == null || ee.focus();
     };
-    return document.addEventListener("keydown", _), () => document.removeEventListener("keydown", _);
+    return document.addEventListener("keydown", b), () => document.removeEventListener("keydown", b);
   }, [n, o]);
-  const w = (_) => {
-    _.preventDefault(), P.current++, _.dataTransfer.types.includes("Files") && C(!0);
-  }, z = (_) => {
-    _.preventDefault(), P.current--, P.current === 0 && C(!1);
-  }, F = (_) => _.preventDefault(), te = (_) => {
-    _.preventDefault(), P.current = 0, C(!1);
-    const T = Array.from(_.dataTransfer.files);
+  const w = (b) => {
+    b.preventDefault(), P.current++, b.dataTransfer.types.includes("Files") && C(!0);
+  }, z = (b) => {
+    b.preventDefault(), P.current--, P.current === 0 && C(!1);
+  }, F = (b) => b.preventDefault(), te = (b) => {
+    b.preventDefault(), P.current = 0, C(!1);
+    const T = Array.from(b.dataTransfer.files);
     T.length && c(T);
-  }, ie = (_) => {
-    const T = Array.from(_.target.files || []);
+  }, ae = (b) => {
+    const T = Array.from(b.target.files || []);
     Y.current && (Y.current.value = ""), T.length && c(T);
-  }, W = (_) => {
+  }, W = (b) => {
     var se;
     if (!h) return;
-    const T = (se = _.clipboardData) == null ? void 0 : se.items;
+    const T = (se = b.clipboardData) == null ? void 0 : se.items;
     if (!T) return;
     const V = [];
     for (const Ue of T) {
@@ -2293,27 +2300,27 @@ function zt({
       Te && V.push(Te);
     }
     if (V.length === 0) return;
-    const { imageFiles: J, tooLarge: Z, skipped: ee, limitExceeded: le } = g(V);
-    Z.length && x(`File${Z.length > 1 ? "s" : ""} too large: ${Z.join(", ")}`), ee.length && x(`Skipped unsupported file${ee.length > 1 ? "s" : ""}: ${ee.join(", ")}`), le && x(`Max ${R} images per message`), J.length && (_.preventDefault(), h(J));
-  }, Q = !n && !o && !!(m != null && m.length) && s.length === 0, oe = Ds({
+    const { imageFiles: J, tooLarge: Z, skipped: ee, limitExceeded: oe } = g(V);
+    Z.length && x(`File${Z.length > 1 ? "s" : ""} too large: ${Z.join(", ")}`), ee.length && x(`Skipped unsupported file${ee.length > 1 ? "s" : ""}: ${ee.join(", ")}`), oe && x(`Max ${R} images per message`), J.length && (b.preventDefault(), h(J));
+  }, Q = !n && !o && !!(m != null && m.length) && s.length === 0, ie = Ds({
     prompts: m ?? [],
     enabled: Q
-  }), xe = (_) => {
+  }), xe = (b) => {
     if (Q) {
-      if (_.key === "ArrowDown" || _.key === "ArrowRight") {
-        _.preventDefault(), oe.next();
+      if (b.key === "ArrowDown" || b.key === "ArrowRight") {
+        b.preventDefault(), ie.next();
         return;
       }
-      if (_.key === "ArrowUp" || _.key === "ArrowLeft") {
-        _.preventDefault(), oe.prev();
+      if (b.key === "ArrowUp" || b.key === "ArrowLeft") {
+        b.preventDefault(), ie.prev();
         return;
       }
-      if (_.key === "Tab" && !_.shiftKey) {
-        _.preventDefault(), t == null || t(oe.currentPrompt);
+      if (b.key === "Tab" && !b.shiftKey) {
+        b.preventDefault(), t == null || t(ie.currentPrompt);
         return;
       }
     }
-    a == null || a(_);
+    a == null || a(b);
   }, Ce = (s.trim() || (f == null ? void 0 : f.length) > 0 || (d == null ? void 0 : d.length) > 0) && !o, $e = p || h;
   return /* @__PURE__ */ e.jsxs("div", { className: ["ds-prompt-input", O].filter(Boolean).join(" "), ...D, children: [
     $e && /* @__PURE__ */ e.jsx(
@@ -2324,7 +2331,7 @@ function zt({
         multiple: !0,
         accept: "*/*",
         className: "ds-prompt-input__file-input",
-        onChange: ie
+        onChange: ae
       }
     ),
     /* @__PURE__ */ e.jsxs(
@@ -2342,7 +2349,7 @@ function zt({
             {
               ref: q,
               value: s,
-              onChange: (_) => t == null ? void 0 : t(_.target.value),
+              onChange: (b) => t == null ? void 0 : t(b.target.value),
               onKeyDown: xe,
               onPaste: W,
               placeholder: Q ? "" : l,
@@ -2352,39 +2359,39 @@ function zt({
             }
           ),
           Q && /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__anim", "aria-hidden": "true", children: [
-            /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__anim-text", children: oe.displayed }),
+            /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__anim-text", children: ie.displayed }),
             /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__anim-cursor" })
           ] }),
-          f && f.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__images", children: f.map((_, T) => /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__image-thumb", children: [
-            /* @__PURE__ */ e.jsx("img", { src: _.preview, alt: "" }),
+          f && f.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__images", children: f.map((b, T) => /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__image-thumb", children: [
+            /* @__PURE__ */ e.jsx("img", { src: b.preview, alt: "" }),
             /* @__PURE__ */ e.jsx(
               "button",
               {
                 className: "ds-prompt-input__image-remove",
-                onClick: () => b == null ? void 0 : b(T),
+                onClick: () => _ == null ? void 0 : _(T),
                 "aria-label": "Remove image",
                 type: "button",
                 children: /* @__PURE__ */ e.jsx(ne, { size: 12, strokeWidth: 2 })
               }
             )
           ] }, T)) }),
-          G.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__warnings", children: G.map((_) => /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__warning", role: "alert", children: [
-            /* @__PURE__ */ e.jsx("span", { children: _.msg }),
+          X.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__warnings", children: X.map((b) => /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__warning", role: "alert", children: [
+            /* @__PURE__ */ e.jsx("span", { children: b.msg }),
             /* @__PURE__ */ e.jsx(
               "button",
               {
                 type: "button",
                 className: "ds-prompt-input__warning-close",
-                onClick: () => v(_.id),
+                onClick: () => v(b.id),
                 "aria-label": "Dismiss",
                 children: /* @__PURE__ */ e.jsx(ne, { size: I[1], strokeWidth: 1.5 })
               }
             )
-          ] }, _.id)) }),
-          d && d.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__attachments", children: d.map((_, T) => /* @__PURE__ */ e.jsx(ae, { size: "xs", children: /* @__PURE__ */ e.jsxs("span", { className: "ds-prompt-input__badge-content", children: [
-            _.uploading ? /* @__PURE__ */ e.jsx(Qe, { size: I[1], strokeWidth: 1.5, className: "spin" }) : /* @__PURE__ */ e.jsx(Re, { size: I[1], strokeWidth: 1.5 }),
-            _.filename,
-            _.uploading ? /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__uploading", children: "Uploading..." }) : /* @__PURE__ */ e.jsx(
+          ] }, b.id)) }),
+          d && d.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__attachments", children: d.map((b, T) => /* @__PURE__ */ e.jsx(ce, { size: "xs", children: /* @__PURE__ */ e.jsxs("span", { className: "ds-prompt-input__badge-content", children: [
+            b.uploading ? /* @__PURE__ */ e.jsx(Qe, { size: I[1], strokeWidth: 1.5, className: "spin" }) : /* @__PURE__ */ e.jsx(Re, { size: I[1], strokeWidth: 1.5 }),
+            b.filename,
+            b.uploading ? /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__uploading", children: "Uploading..." }) : /* @__PURE__ */ e.jsx(
               "button",
               {
                 type: "button",
@@ -2403,8 +2410,8 @@ function zt({
                 icon: /* @__PURE__ */ e.jsx(Re, { size: I[2], strokeWidth: 1.5 }),
                 "aria-label": "Attach files",
                 onClick: () => {
-                  var _;
-                  return (_ = Y.current) == null ? void 0 : _.click();
+                  var b;
+                  return (b = Y.current) == null ? void 0 : b.click();
                 }
               }
             ),
@@ -2438,7 +2445,7 @@ function zt({
   ] });
 }
 const Pe = { fast: 0, standard: 1, premium: 2 }, Le = { fast: "data-5", standard: "data-3", premium: "data-6" };
-function Ot({
+function zt({
   models: s = [],
   value: t,
   onChange: r,
@@ -2449,7 +2456,7 @@ function Ot({
   className: l = "",
   ...m
 }) {
-  const [d, f] = A(!1), p = E(null), h = E(null), u = E(null), [b, j] = A({}), S = s.filter((N) => !a || N.name === "auto" ? !0 : (Pe[N.tier] ?? 1) >= (Pe[a] ?? 1)), R = S.find((N) => N.name === "auto"), B = S.filter((N) => N.name !== "auto"), y = s.find((N) => N.name === t), O = new Set(B.map((N) => N.tier).filter(Boolean)).size > 1;
+  const [d, f] = A(!1), p = E(null), h = E(null), u = E(null), [_, j] = A({}), S = s.filter((N) => !a || N.name === "auto" ? !0 : (Pe[N.tier] ?? 1) >= (Pe[a] ?? 1)), R = S.find((N) => N.name === "auto"), B = S.filter((N) => N.name !== "auto"), y = s.find((N) => N.name === t), O = new Set(B.map((N) => N.tier).filter(Boolean)).size > 1;
   M(() => {
     if (!d) return;
     const N = 320, C = () => {
@@ -2465,14 +2472,14 @@ function Ot({
       });
     };
     C(), window.addEventListener("scroll", C, !0), window.addEventListener("resize", C);
-    const G = (x) => {
+    const X = (x) => {
       var v, k;
       !((v = p.current) != null && v.contains(x.target)) && !((k = u.current) != null && k.contains(x.target)) && f(!1);
     }, U = (x) => {
       x.key === "Escape" && f(!1);
     };
-    return document.addEventListener("mousedown", G), document.addEventListener("keydown", U), () => {
-      window.removeEventListener("scroll", C, !0), window.removeEventListener("resize", C), document.removeEventListener("mousedown", G), document.removeEventListener("keydown", U);
+    return document.addEventListener("mousedown", X), document.addEventListener("keydown", U), () => {
+      window.removeEventListener("scroll", C, !0), window.removeEventListener("resize", C), document.removeEventListener("mousedown", X), document.removeEventListener("keydown", U);
     };
   }, [d]);
   const D = (N) => {
@@ -2489,17 +2496,17 @@ function Ot({
       children: [
         N.icon ? /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-icon", children: N.icon }) : /* @__PURE__ */ e.jsx(Se, { size: 12, strokeWidth: 1.5, className: "ds-model-picker__item-icon" }),
         /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-name", children: N.displayName || N.name }),
-        O && N.tier && /* @__PURE__ */ e.jsx(ae, { size: "xs", variant: Le[N.tier] || "default", children: N.tier })
+        O && N.tier && /* @__PURE__ */ e.jsx(ce, { size: "xs", variant: Le[N.tier] || "default", children: N.tier })
       ]
     },
     N.name
   ), q = () => !o || !O ? B.map(Y) : ["fast", "standard", "premium"].flatMap((N) => {
-    const C = B.filter((G) => G.tier === N);
+    const C = B.filter((X) => X.tier === N);
     return C.length ? [
       /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__group-label", "data-tier": N, children: N.charAt(0).toUpperCase() + N.slice(1) }, `lbl-${N}`),
       ...C.map(Y)
     ] : [];
-  }), P = d && /* @__PURE__ */ e.jsxs("div", { ref: u, className: "ds-model-picker__menu", style: b, children: [
+  }), P = d && /* @__PURE__ */ e.jsxs("div", { ref: u, className: "ds-model-picker__menu", style: _, children: [
     n && R && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsxs(
         "button",
@@ -2540,7 +2547,7 @@ function Ot({
             children: [
               y != null && y.icon ? /* @__PURE__ */ e.jsx("span", { children: y.icon }) : /* @__PURE__ */ e.jsx(Se, { size: 12, strokeWidth: 1.5 }),
               /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__trigger-name", children: (y == null ? void 0 : y.displayName) || (y == null ? void 0 : y.name) || t }),
-              O && (y == null ? void 0 : y.tier) && /* @__PURE__ */ e.jsx(ae, { size: "xs", variant: Le[y.tier] || "default", children: y.tier })
+              O && (y == null ? void 0 : y.tier) && /* @__PURE__ */ e.jsx(ce, { size: "xs", variant: Le[y.tier] || "default", children: y.tier })
             ]
           }
         ),
@@ -2562,7 +2569,7 @@ function Ms(s) {
     t.has(r.filename) || t.set(r.filename, { filename: r.filename, url: r.url, items: [] }), t.get(r.filename).items.push(r);
   return [...t.values()];
 }
-function Ft({
+function Ot({
   sources: s = [],
   layout: t = "list",
   title: r = "Sources",
@@ -2572,12 +2579,12 @@ function Ft({
   const [n, o] = A(!1), l = Ms(s), m = l.length > i, d = n ? l : l.slice(0, i), f = s.some((h) => h.snippet), p = ["ds-sources-panel", t === "compact" && "ds-sources-panel--compact"].filter(Boolean).join(" ");
   return t === "compact" ? /* @__PURE__ */ e.jsxs("div", { className: p, children: [
     d.map((h) => {
-      const u = h.items.map((j) => j.page).filter(Boolean), b = !!a;
+      const u = h.items.map((j) => j.page).filter(Boolean), _ = !!a;
       return /* @__PURE__ */ e.jsxs(
         "div",
         {
-          className: `ds-sources-panel__compact-row${b ? " ds-sources-panel__compact-row--clickable" : ""}`,
-          onClick: b ? () => a(h.items[0]) : void 0,
+          className: `ds-sources-panel__compact-row${_ ? " ds-sources-panel__compact-row--clickable" : ""}`,
+          onClick: _ ? () => a(h.items[0]) : void 0,
           children: [
             /* @__PURE__ */ e.jsx(rs, { size: I[1], strokeWidth: 1.5, className: "ds-sources-panel__compact-icon" }),
             /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__filename", children: h.filename }),
@@ -2595,7 +2602,7 @@ function Ft({
   ] }) : /* @__PURE__ */ e.jsxs("div", { className: p, children: [
     r && /* @__PURE__ */ e.jsx("div", { className: "ds-sources-panel__title", children: r }),
     d.map((h) => {
-      const u = h.items.map((j) => j.page).filter(Boolean), b = !!a;
+      const u = h.items.map((j) => j.page).filter(Boolean), _ = !!a;
       return f ? /* @__PURE__ */ e.jsx(
         Ee,
         {
@@ -2604,8 +2611,8 @@ function Ft({
           children: h.items.map((j, S) => /* @__PURE__ */ e.jsx(
             "div",
             {
-              className: `ds-sources-panel__snippet${b ? " ds-sources-panel__snippet--clickable" : ""}`,
-              onClick: b ? () => a(j) : void 0,
+              className: `ds-sources-panel__snippet${_ ? " ds-sources-panel__snippet--clickable" : ""}`,
+              onClick: _ ? () => a(j) : void 0,
               children: j.snippet ?? `p. ${j.page}`
             },
             S
@@ -2615,8 +2622,8 @@ function Ft({
       ) : /* @__PURE__ */ e.jsxs(
         "div",
         {
-          className: `ds-sources-panel__row${b ? " ds-sources-panel__row--clickable" : ""}`,
-          onClick: b ? () => a(h.items[0]) : void 0,
+          className: `ds-sources-panel__row${_ ? " ds-sources-panel__row--clickable" : ""}`,
+          onClick: _ ? () => a(h.items[0]) : void 0,
           children: [
             /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__filename", children: h.filename }),
             u.length > 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: ve(u) })
@@ -2635,7 +2642,7 @@ function Ft({
 function ze(s) {
   return s >= 1e6 ? (s / 1e6).toFixed(1).replace(/\.0$/, "") + "M" : s >= 1e3 ? (s / 1e3).toFixed(1).replace(/\.0$/, "") + "K" : String(s);
 }
-function Wt({
+function Ft({
   used: s,
   limit: t,
   size: r = "s",
@@ -2680,7 +2687,7 @@ const Oe = 5;
 function Ps(s) {
   return s < 0.34 ? "low" : s < 0.67 ? "medium" : "high";
 }
-function Ct({
+function Wt({
   value: s = 0,
   size: t = "xs",
   showLabel: r = "none",
@@ -2704,14 +2711,14 @@ function Ct({
   ] });
 }
 const Ls = { add: "+", remove: "-", context: " " };
-function be({ line: s, lineNumbers: t }) {
+function _e({ line: s, lineNumbers: t }) {
   return /* @__PURE__ */ e.jsxs("div", { className: `ds-diff-view__line ds-diff-view__line--${s.type}`, children: [
     t && s.lineNo != null && /* @__PURE__ */ e.jsx("span", { className: "ds-diff-view__lineno", children: s.lineNo }),
     /* @__PURE__ */ e.jsx("span", { className: "ds-diff-view__prefix", children: Ls[s.type] }),
     /* @__PURE__ */ e.jsx("span", { className: "ds-diff-view__text", children: s.text })
   ] });
 }
-function Ut({
+function Ct({
   lines: s = [],
   layout: t = "inline",
   wordWrap: r = !1,
@@ -2729,44 +2736,17 @@ function Ut({
     return /* @__PURE__ */ e.jsxs("div", { className: o, children: [
       n && /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__title", children: n }),
       /* @__PURE__ */ e.jsxs("div", { className: "ds-diff-view__body", style: l, children: [
-        /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__split-col", children: m.map((f, p) => /* @__PURE__ */ e.jsx(be, { line: f, lineNumbers: i }, p)) }),
-        /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__split-col", children: d.map((f, p) => /* @__PURE__ */ e.jsx(be, { line: f, lineNumbers: i }, p)) })
+        /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__split-col", children: m.map((f, p) => /* @__PURE__ */ e.jsx(_e, { line: f, lineNumbers: i }, p)) }),
+        /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__split-col", children: d.map((f, p) => /* @__PURE__ */ e.jsx(_e, { line: f, lineNumbers: i }, p)) })
       ] })
     ] });
   }
   return /* @__PURE__ */ e.jsxs("div", { className: o, children: [
     n && /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__title", children: n }),
-    /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__body", style: l, children: s.map((m, d) => /* @__PURE__ */ e.jsx(be, { line: m, lineNumbers: i }, d)) })
+    /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__body", style: l, children: s.map((m, d) => /* @__PURE__ */ e.jsx(_e, { line: m, lineNumbers: i }, d)) })
   ] });
 }
-const zs = {
-  running: /* @__PURE__ */ e.jsx(ae, { size: "xs", variant: "info", children: "Running…" }),
-  success: /* @__PURE__ */ e.jsx(ae, { size: "xs", variant: "success", children: "Done" }),
-  error: /* @__PURE__ */ e.jsx(ae, { size: "xs", variant: "error", children: "Error" })
-};
-function Vt({
-  label: s,
-  status: t = "idle",
-  icon: r,
-  badge: i,
-  className: a = "",
-  ...n
-}) {
-  return /* @__PURE__ */ e.jsxs(
-    "div",
-    {
-      className: ["ds-tool-bubble", a].filter(Boolean).join(" "),
-      ...n,
-      children: [
-        r && /* @__PURE__ */ e.jsx("span", { className: "ds-tool-bubble__icon", children: r }),
-        /* @__PURE__ */ e.jsx("span", { className: "ds-tool-bubble__label", children: s }),
-        zs[t],
-        i
-      ]
-    }
-  );
-}
-function Os({
+function zs({
   value: s = "idle",
   onLike: t,
   onDislike: r,
@@ -2830,7 +2810,7 @@ function Os({
     }
   );
 }
-function Fs(s) {
+function Os(s) {
   const t = s instanceof Date ? s : new Date(s);
   if (isNaN(t)) return null;
   const r = /* @__PURE__ */ new Date(), i = t.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit", hour12: !1 }), a = new Date(r.getFullYear(), r.getMonth(), r.getDate()), n = new Date(a - 864e5);
@@ -2839,7 +2819,7 @@ function Fs(s) {
   const o = t.getDate(), l = t.toLocaleString([], { month: "short" });
   return `${o} ${l} ${i}`;
 }
-function Yt({
+function Ut({
   role: s = "assistant",
   text: t,
   timestamp: r,
@@ -2849,7 +2829,7 @@ function Yt({
   className: o = "",
   ...l
 }) {
-  const m = s === "assistant" && (a || n), d = !!t, f = r ? Fs(r) : null;
+  const m = s === "assistant" && (a || n), d = !!t, f = r ? Os(r) : null;
   return !m && !d && !f ? null : /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -2857,7 +2837,7 @@ function Yt({
       ...l,
       children: [
         s === "user" && f && /* @__PURE__ */ e.jsx("span", { className: "ds-message-footer__timestamp ds-message-action", children: f }),
-        m && /* @__PURE__ */ e.jsx(Os, { className: "ds-message-action", value: i, onLike: a, onDislike: n }),
+        m && /* @__PURE__ */ e.jsx(zs, { className: "ds-message-action", value: i, onLike: a, onDislike: n }),
         d && /* @__PURE__ */ e.jsx(As, { className: "ds-message-action", text: t }),
         s === "assistant" && f && /* @__PURE__ */ e.jsx("span", { className: "ds-message-footer__timestamp ds-message-action", children: f })
       ]
@@ -2866,75 +2846,75 @@ function Yt({
 }
 export {
   Ee as Accordion,
-  et as Alert,
-  Tt as AnimatedNumber,
-  ut as Avatar,
-  ae as Badge,
-  kt as Banner,
-  wt as Breadcrumb,
+  Qs as Alert,
+  $t as AnimatedNumber,
+  dt as Avatar,
+  ce as Badge,
+  yt as Banner,
+  Nt as Breadcrumb,
   me as Button,
-  Ks as Card,
-  Pt as ChatMessage,
-  ct as Checkbox,
-  tt as Code,
+  qs as Card,
+  Mt as ChatMessage,
+  lt as Checkbox,
+  st as Code,
   ms as CodeAccordion,
-  Ct as ConfidenceBar,
+  Wt as ConfidenceBar,
   As as CopyButton,
-  Ut as DiffView,
-  yt as Drawer,
+  Ct as DiffView,
+  gt as Drawer,
   Be as DrawerFooter,
-  Et as Dropdown,
-  jt as EmptyState,
-  vt as FormField,
-  Gs as H1,
+  kt as Dropdown,
+  bt as EmptyState,
+  jt as FormField,
+  Ks as H1,
   Xs as H2,
-  Js as H3,
-  Zs as H4,
-  Rt as InView,
-  Vs as Input,
-  rt as Link,
-  Os as MessageFeedback,
-  Yt as MessageFooter,
-  st as Modal,
+  Gs as H3,
+  Js as H4,
+  Tt as InView,
+  Us as Input,
+  tt as Link,
+  zs as MessageFeedback,
+  Ut as MessageFooter,
+  et as Modal,
   Ie as ModalFooter,
-  Ot as ModelPicker,
-  Qs as P1,
+  zt as ModelPicker,
+  Zs as P1,
   ds as P2,
   Fe as P3,
-  gt as Pagination,
-  $t as ProgressBar,
-  zt as PromptInput,
-  dt as Radio,
-  It as ReasoningBlock,
-  it as SegmentedControl,
-  Hs as Select,
+  wt as Pagination,
+  Et as ProgressBar,
+  Lt as PromptInput,
+  ct as Radio,
+  Dt as ReasoningBlock,
+  at as SegmentedControl,
+  Ys as Select,
   xs as Skeleton,
-  Ft as SourcesPanel,
+  Ot as SourcesPanel,
   ls as Spinner,
-  Nt as Stat,
-  Bt as StepIndicator,
-  qs as Stepper,
-  Mt as StreamingText,
-  at as Tab,
-  ft as Table,
-  pt as TableBody,
-  mt as TableHead,
-  ht as TableRow,
-  xt as TableSubheaderRow,
-  nt as Tabs,
+  vt as Stat,
+  It as StepIndicator,
+  Hs as Stepper,
+  Bt as StreamingText,
+  nt as Tab,
+  ut as Table,
+  mt as TableBody,
+  ft as TableHead,
+  pt as TableRow,
+  ht as TableSubheaderRow,
+  rt as Tabs,
   _t as Td,
-  Ys as Textarea,
-  bt as Th,
-  At as ToastContainer,
-  lt as Toggle,
-  Wt as TokenCounter,
-  Vt as ToolCallBubble,
-  Dt as ToolCallCard,
-  ot as Tooltip,
+  Vs as Textarea,
+  xt as Th,
+  St as ToastContainer,
+  ot as Toggle,
+  Ft as TokenCounter,
+  At as ToolCallBubble,
+  At as ToolCallCard,
+  it as Tooltip,
   I as iconSizes,
   ks as useAnimatedNumber,
   Ds as useAnimatedPlaceholder,
   Es as useInView,
-  Lt as useStreamScroll,
-  St as useToast
+  Pt as useStreamScroll,
+  Rt as useToast
 };