@carto/ps-react-ui 4.14.0 → 4.15.0

package/dist/chat.js

@@ -1,34 +1,34 @@
-import { c as P } from "react/compiler-runtime";
-import { useState as te, useRef as ne, useEffect as re, forwardRef as we, useImperativeHandle as Te } from "react";
-import { jsx as a, jsxs as S, Fragment as he } from "react/jsx-runtime";
-import { styled as ae, Typography as z, Box as v, Link as ke, ButtonBase as _e, Fab as Ae, IconButton as oe, Button as le, Menu as Ie, MenuItem as Le, InputBase as $e, FormHelperText as Ee, FormControl as Re, DialogTitle as Be, DialogContent as De, Dialog as Me, Tooltip as ze, Collapse as se, CircularProgress as We } from "@mui/material";
-import { ErrorOutline as ge, ArrowUpward as Fe, KeyboardArrowDown as xe, Close as be, StopCircleOutlined as Oe, ArrowUpwardOutlined as He, ThumbUp as Pe, ThumbUpOutlined as Ve, ThumbDown as je, ThumbDownOutlined as Ue, ArrowRight as ye, Error as Ne, CheckCircle as Ge, ChevronRight as Xe } from "@mui/icons-material";
+import { c as O } from "react/compiler-runtime";
+import { useState as te, useRef as oe, useEffect as re, forwardRef as he, lazy as ke, Suspense as _e, useImperativeHandle as Ae } from "react";
+import { jsx as a, jsxs as w, Fragment as ge } from "react/jsx-runtime";
+import { styled as ae, Typography as z, Box as v, Link as Ie, ButtonBase as Le, Fab as $e, IconButton as ne, Button as le, Menu as Ee, MenuItem as Me, InputBase as Re, FormHelperText as Be, FormControl as De, DialogTitle as ze, DialogContent as We, Dialog as Fe, Tooltip as Oe, Collapse as se, CircularProgress as He } from "@mui/material";
+import { ErrorOutline as xe, ArrowUpward as Pe, KeyboardArrowDown as be, Close as ye, StopCircleOutlined as Ve, ArrowUpwardOutlined as je, ThumbUp as Ue, ThumbUpOutlined as Ne, ThumbDown as Ge, ThumbDownOutlined as Xe, ArrowRight as Ce, Error as Ke, CheckCircle as Ye, ChevronRight as qe } from "@mui/icons-material";
 import { keyframes as ce } from "@mui/material/styles";
-import { C as Ke } from "./copy-button-DGL1tyli.js";
-import { OpenDiagonallyRight as Ye, McpTool as qe } from "@carto/meridian-ds/custom-icons";
-const ie = 768, $t = 300, Et = 100, Je = 126;
-function Rt(t, e) {
-  const o = P(17);
+import { C as Je } from "./copy-button-DGL1tyli.js";
+import { OpenDiagonallyRight as Qe, McpTool as Ze } from "@carto/meridian-ds/custom-icons";
+const ie = 768, Dt = 300, zt = 100, et = 126;
+function Wt(t, e) {
+  const o = O(17);
   let n;
   o[0] !== e ? (n = e === void 0 ? {} : e, o[0] = e, o[1] = n) : n = o[1];
-  const i = n, {
+  const l = n, {
     speed: r,
-    skipAnimation: u
-  } = i, s = r === void 0 ? 500 : r, l = u === void 0 ? !1 : u;
-  let c;
-  o[2] !== t || o[3] !== l ? (c = () => l ? t.length : 0, o[2] = t, o[3] = l, o[4] = c) : c = o[4];
-  const [f, m] = te(c), h = ne(f);
+    skipAnimation: c
+  } = l, s = r === void 0 ? 500 : r, i = c === void 0 ? !1 : c;
+  let d;
+  o[2] !== t || o[3] !== i ? (d = () => i ? t.length : 0, o[2] = t, o[3] = i, o[4] = d) : d = o[4];
+  const [f, m] = te(d), h = oe(f);
   let b, p;
-  o[5] !== t || o[6] !== l || o[7] !== s ? (b = () => {
-    if (l || h.current >= t.length)
+  o[5] !== t || o[6] !== i || o[7] !== s ? (b = () => {
+    if (i || h.current >= t.length)
       return;
     const y = 1e3 / s;
-    let C, w = null;
+    let C, S = null;
     function _(L) {
-      w = w ?? L;
-      const $ = Math.floor((L - w) / y);
+      S = S ?? L;
+      const $ = Math.floor((L - S) / y);
       if ($ > 0) {
-        w = L;
+        S = L;
         const A = Math.min(h.current + $, t.length);
         if (h.current = A, m(A), A >= t.length)
           return;
@@ -36,23 +36,23 @@ function Rt(t, e) {
       C = requestAnimationFrame(_);
     }
     return C = requestAnimationFrame(_), () => cancelAnimationFrame(C);
-  }, p = [t, s, l], o[5] = t, o[6] = l, o[7] = s, o[8] = b, o[9] = p) : (b = o[8], p = o[9]), re(b, p);
+  }, p = [t, s, i], o[5] = t, o[6] = i, o[7] = s, o[8] = b, o[9] = p) : (b = o[8], p = o[9]), re(b, p);
   let g;
-  o[10] !== f || o[11] !== t || o[12] !== l ? (g = l ? t : t.slice(0, f), o[10] = f, o[11] = t, o[12] = l, o[13] = g) : g = o[13];
-  const d = !l && f < t.length;
+  o[10] !== f || o[11] !== t || o[12] !== i ? (g = i ? t : t.slice(0, f), o[10] = f, o[11] = t, o[12] = i, o[13] = g) : g = o[13];
+  const u = !i && f < t.length;
   let x;
-  return o[14] !== g || o[15] !== d ? (x = {
+  return o[14] !== g || o[15] !== u ? (x = {
     displayedText: g,
-    isTyping: d
-  }, o[14] = g, o[15] = d, o[16] = x) : x = o[16], x;
+    isTyping: u
+  }, o[14] = g, o[15] = u, o[16] = x) : x = o[16], x;
 }
-const Ce = ae(z)(() => ({
+const ve = ae(z)(() => ({
   whiteSpace: "pre-wrap",
   overflowX: "clip",
   overflowWrap: "break-word",
   maxWidth: "100%"
 }));
-Ce.displayName = "ChatMessageOverflow";
+ve.displayName = "ChatMessageOverflow";
 const ee = {
   agentMessageContainer: (t) => ({
     ...t.typography.body2,
@@ -249,120 +249,147 @@ const ee = {
     }
   }
 };
-function Bt(t) {
-  const e = P(11), {
+function Ft(t) {
+  const e = O(11), {
     children: o,
     muted: n,
-    topContext: i,
+    topContext: l,
     sx: r
-  } = t, u = n === void 0 ? !1 : n;
+  } = t, c = n === void 0 ? !1 : n;
   let s;
-  e[0] !== i ? (s = i && /* @__PURE__ */ a(v, { sx: ee.userMessageTop, children: i }), e[0] = i, e[1] = s) : s = e[1];
-  const l = u ? ee.muted : void 0;
-  let c;
-  e[2] !== r || e[3] !== l ? (c = {
+  e[0] !== l ? (s = l && /* @__PURE__ */ a(v, { sx: ee.userMessageTop, children: l }), e[0] = l, e[1] = s) : s = e[1];
+  const i = c ? ee.muted : void 0;
+  let d;
+  e[2] !== r || e[3] !== i ? (d = {
     ...ee.userMessage,
-    ...l,
+    ...i,
     ...r
-  }, e[2] = r, e[3] = l, e[4] = c) : c = e[4];
+  }, e[2] = r, e[3] = i, e[4] = d) : d = e[4];
   let f;
-  e[5] !== o || e[6] !== c ? (f = /* @__PURE__ */ a(Ce, { className: "PsChat--user-message-inner", variant: "body2", sx: c, children: o }), e[5] = o, e[6] = c, e[7] = f) : f = e[7];
+  e[5] !== o || e[6] !== d ? (f = /* @__PURE__ */ a(ve, { className: "PsChat--user-message-inner", variant: "body2", sx: d, children: o }), e[5] = o, e[6] = d, e[7] = f) : f = e[7];
   let m;
-  return e[8] !== s || e[9] !== f ? (m = /* @__PURE__ */ S(v, { className: "PsChat--user-message", sx: ee.userMessageContainer, children: [
+  return e[8] !== s || e[9] !== f ? (m = /* @__PURE__ */ w(v, { className: "PsChat--user-message", sx: ee.userMessageContainer, children: [
     s,
     f
   ] }), e[8] = s, e[9] = f, e[10] = m) : m = e[10], m;
 }
-const Qe = (t) => {
-  const e = P(6);
+const tt = (t) => {
+  const e = O(6);
   let o, n;
   e[0] !== t ? ({
     className: o,
     ...n
   } = t, e[0] = t, e[1] = o, e[2] = n) : (o = e[1], n = e[2]);
-  const i = `PsChat--agent-message ${o ?? ""}`;
+  const l = `PsChat--agent-message ${o ?? ""}`;
   let r;
-  return e[3] !== n || e[4] !== i ? (r = /* @__PURE__ */ a(v, { className: i, ...n }), e[3] = n, e[4] = i, e[5] = r) : r = e[5], r;
-}, Ze = ae(Qe)(({
+  return e[3] !== n || e[4] !== l ? (r = /* @__PURE__ */ a(v, { className: l, ...n }), e[3] = n, e[4] = l, e[5] = r) : r = e[5], r;
+}, nt = ae(tt)(({
   theme: t
-}) => ee.agentMessageContainer(t));
-Ze.displayName = "ChatAgentMessage";
-function Dt(t) {
-  const e = P(13), {
+}) => ee.agentMessageContainer(t)), we = he(function(e, o) {
+  const n = O(7);
+  let l, r;
+  n[0] !== e ? ({
+    children: l,
+    ...r
+  } = e, n[0] = e, n[1] = l, n[2] = r) : (l = n[1], r = n[2]);
+  let c;
+  return n[3] !== l || n[4] !== r || n[5] !== o ? (c = /* @__PURE__ */ a(nt, { ref: o, ...r, children: l }), n[3] = l, n[4] = r, n[5] = o, n[6] = c) : c = n[6], c;
+});
+we.displayName = "ChatAgentMessage";
+const ot = ke(() => import("./markdown-content-Dk2DSgbf.js").then((t) => ({
+  default: t.MarkdownContent
+})));
+function rt(t) {
+  const e = O(11);
+  let o, n;
+  e[0] !== t ? ({
+    children: o,
+    ...n
+  } = t, e[0] = t, e[1] = o, e[2] = n) : (o = e[1], n = e[2]);
+  let l;
+  e[3] !== o ? (l = /* @__PURE__ */ a(ot, { content: o, gfm: !0 }), e[3] = o, e[4] = l) : l = e[4];
+  let r;
+  e[5] !== o || e[6] !== l ? (r = /* @__PURE__ */ a(_e, { fallback: o, children: l }), e[5] = o, e[6] = l, e[7] = r) : r = e[7];
+  let c;
+  return e[8] !== n || e[9] !== r ? (c = /* @__PURE__ */ a(we, { ...n, children: r }), e[8] = n, e[9] = r, e[10] = c) : c = e[10], c;
+}
+rt.displayName = "ChatAgentMessageMarkdown";
+function Ot(t) {
+  const e = O(13), {
     errors: o,
     icon: n,
-    actions: i,
+    actions: l,
     sx: r
   } = t;
-  let u;
-  e[0] !== r ? (u = {
+  let c;
+  e[0] !== r ? (c = {
     ...ee.errorMessage,
     ...r
-  }, e[0] = r, e[1] = u) : u = e[1];
+  }, e[0] = r, e[1] = c) : c = e[1];
   let s;
-  e[2] !== n ? (s = n ?? /* @__PURE__ */ a(ge, { fontSize: "medium", color: "error" }), e[2] = n, e[3] = s) : s = e[3];
-  let l;
-  e[4] !== o ? (l = o.map(tt), e[4] = o, e[5] = l) : l = e[5];
-  let c;
-  e[6] !== i ? (c = i?.length ? /* @__PURE__ */ a(v, { sx: ee.errorActions, children: (i ?? []).map(et) }) : null, e[6] = i, e[7] = c) : c = e[7];
+  e[2] !== n ? (s = n ?? /* @__PURE__ */ a(xe, { fontSize: "medium", color: "error" }), e[2] = n, e[3] = s) : s = e[3];
+  let i;
+  e[4] !== o ? (i = o.map(it), e[4] = o, e[5] = i) : i = e[5];
+  let d;
+  e[6] !== l ? (d = l?.length ? /* @__PURE__ */ a(v, { sx: ee.errorActions, children: (l ?? []).map(lt) }) : null, e[6] = l, e[7] = d) : d = e[7];
   let f;
-  return e[8] !== u || e[9] !== s || e[10] !== l || e[11] !== c ? (f = /* @__PURE__ */ S(v, { sx: u, children: [
+  return e[8] !== c || e[9] !== s || e[10] !== i || e[11] !== d ? (f = /* @__PURE__ */ w(v, { sx: c, children: [
     s,
-    l,
-    c
-  ] }), e[8] = u, e[9] = s, e[10] = l, e[11] = c, e[12] = f) : f = e[12], f;
+    i,
+    d
+  ] }), e[8] = c, e[9] = s, e[10] = i, e[11] = d, e[12] = f) : f = e[12], f;
 }
-function et(t, e) {
-  return /* @__PURE__ */ S("span", { children: [
+function lt(t, e) {
+  return /* @__PURE__ */ w("span", { children: [
     e > 0 && /* @__PURE__ */ a(z, { component: "span", variant: "body2", sx: ee.errorActionSeparator, children: "·" }),
-    /* @__PURE__ */ a(ke, { component: "button", variant: "body2", onClick: t.onClick, sx: ee.errorAction, children: t.label })
+    /* @__PURE__ */ a(Ie, { component: "button", variant: "body2", onClick: t.onClick, sx: ee.errorAction, children: t.label })
   ] }, e);
 }
-function tt(t, e) {
+function it(t, e) {
   return /* @__PURE__ */ a(z, { variant: "subtitle2", color: "error.relatedDark", children: t }, e);
 }
-function ot(t) {
-  const e = P(17);
-  let o, n, i, r;
+function st(t) {
+  const e = O(17);
+  let o, n, l, r;
   e[0] !== t ? ({
     label: n,
     color: o,
     sx: r,
-    ...i
-  } = t, e[0] = t, e[1] = o, e[2] = n, e[3] = i, e[4] = r) : (o = e[1], n = e[2], i = e[3], r = e[4]);
-  let u;
-  e[5] !== o ? (u = o ? {
+    ...l
+  } = t, e[0] = t, e[1] = o, e[2] = n, e[3] = l, e[4] = r) : (o = e[1], n = e[2], l = e[3], r = e[4]);
+  let c;
+  e[5] !== o ? (c = o ? {
     backgroundColor: o
-  } : void 0, e[5] = o, e[6] = u) : u = e[6];
+  } : void 0, e[5] = o, e[6] = c) : c = e[6];
   let s;
-  e[7] !== r || e[8] !== u ? (s = {
+  e[7] !== r || e[8] !== c ? (s = {
     ...ee.suggestionButton,
-    ...u,
+    ...c,
     ...r
-  }, e[7] = r, e[8] = u, e[9] = s) : s = e[9];
-  let l;
-  e[10] !== n ? (l = /* @__PURE__ */ a(z, { color: "inherit", variant: "body2", children: n }), e[10] = n, e[11] = l) : l = e[11];
-  let c;
-  e[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (c = /* @__PURE__ */ a(Fe, {}), e[12] = c) : c = e[12];
+  }, e[7] = r, e[8] = c, e[9] = s) : s = e[9];
+  let i;
+  e[10] !== n ? (i = /* @__PURE__ */ a(z, { color: "inherit", variant: "body2", children: n }), e[10] = n, e[11] = i) : i = e[11];
+  let d;
+  e[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ a(Pe, {}), e[12] = d) : d = e[12];
   let f;
-  return e[13] !== i || e[14] !== s || e[15] !== l ? (f = /* @__PURE__ */ S(_e, { sx: s, ...i, children: [
-    l,
-    c
-  ] }), e[13] = i, e[14] = s, e[15] = l, e[16] = f) : f = e[16], f;
+  return e[13] !== l || e[14] !== s || e[15] !== i ? (f = /* @__PURE__ */ w(Le, { sx: s, ...l, children: [
+    i,
+    d
+  ] }), e[13] = l, e[14] = s, e[15] = i, e[16] = f) : f = e[16], f;
 }
-const nt = ce`
+const at = ce`
   0% {
     background-position: 150% 0;
   }
   100% {
     background-position: -50% 0;
   }
-`, rt = ce`
+`, ct = ce`
   0% { transform: scale(0.68); opacity: 0.7; }
   40% { transform: scale(1); opacity: 1; }
   80% { transform: scale(0.6); opacity: 0.65; }
   100% { transform: scale(0.68); opacity: 0.7; }
-`, lt = ce`
+`, dt = ce`
   0% { transform: scale(1); }
   40% { transform: scale(0.75); }
   80% { transform: scale(1.125); }
@@ -386,7 +413,7 @@ const nt = ce`
     backgroundClip: "text",
     WebkitBackgroundClip: "text",
     WebkitTextFillColor: "transparent",
-    animation: `${nt} 2s ease-in-out infinite`,
+    animation: `${at} 2s ease-in-out infinite`,
     animationDuration: "2s"
   },
   loader: {
@@ -404,7 +431,7 @@ const nt = ce`
     backgroundColor: ({
       palette: t
     }) => t.action.disabled,
-    animation: `${rt} 1s ease-in-out infinite`
+    animation: `${ct} 1s ease-in-out infinite`
   },
   loaderInnerCircle: {
     position: "absolute",
@@ -414,7 +441,7 @@ const nt = ce`
     backgroundColor: ({
       palette: t
     }) => t.text.primary,
-    animation: `${lt} 1s ease-in-out infinite`
+    animation: `${dt} 1s ease-in-out infinite`
   },
   // --- Tool Trace styles ---
   traceHeader: {
@@ -659,37 +686,37 @@ const nt = ce`
     }
   }
 };
-function it(t) {
-  const e = P(6), {
+function ut(t) {
+  const e = O(6), {
     children: o,
     duration: n,
-    sx: i
+    sx: l
   } = t, r = o === void 0 ? "Thinking..." : o, s = `${(n === void 0 ? 2e3 : n) / 1e3}s`;
-  let l;
-  e[0] !== s || e[1] !== i ? (l = {
+  let i;
+  e[0] !== s || e[1] !== l ? (i = {
     ...T.thinking,
     animationDuration: s,
-    ...i
-  }, e[0] = s, e[1] = i, e[2] = l) : l = e[2];
-  let c;
-  return e[3] !== r || e[4] !== l ? (c = /* @__PURE__ */ a(z, { variant: "body2", sx: l, children: r }), e[3] = r, e[4] = l, e[5] = c) : c = e[5], c;
+    ...l
+  }, e[0] = s, e[1] = l, e[2] = i) : i = e[2];
+  let d;
+  return e[3] !== r || e[4] !== i ? (d = /* @__PURE__ */ a(z, { variant: "body2", sx: i, children: r }), e[3] = r, e[4] = i, e[5] = d) : d = e[5], d;
 }
-function Mt(t) {
-  const e = P(16), {
+function Ht(t) {
+  const e = O(16), {
     size: o,
     labels: n,
-    sx: i
+    sx: l
   } = t, r = o === void 0 ? 24 : o;
-  let u;
-  e[0] !== n ? (u = n === void 0 ? {} : n, e[0] = n, e[1] = u) : u = e[1];
-  const l = u.loading ?? "Loading";
   let c;
-  e[2] !== r || e[3] !== i ? (c = {
+  e[0] !== n ? (c = n === void 0 ? {} : n, e[0] = n, e[1] = c) : c = e[1];
+  const i = c.loading ?? "Loading";
+  let d;
+  e[2] !== r || e[3] !== l ? (d = {
     ...T.loader,
     width: r,
     height: r,
-    ...i
-  }, e[2] = r, e[3] = i, e[4] = c) : c = e[4];
+    ...l
+  }, e[2] = r, e[3] = l, e[4] = d) : d = e[4];
   const f = r * 0.75, m = r * 0.75;
   let h;
   e[5] !== f || e[6] !== m ? (h = /* @__PURE__ */ a(v, { component: "span", sx: {
@@ -704,13 +731,13 @@ function Mt(t) {
     width: b,
     height: p
   } }), e[8] = p, e[9] = b, e[10] = g) : g = e[10];
-  let d;
-  return e[11] !== g || e[12] !== l || e[13] !== c || e[14] !== h ? (d = /* @__PURE__ */ S(v, { role: "status", "aria-busy": !0, "aria-label": l, sx: c, children: [
+  let u;
+  return e[11] !== g || e[12] !== i || e[13] !== d || e[14] !== h ? (u = /* @__PURE__ */ w(v, { role: "status", "aria-busy": !0, "aria-label": i, sx: d, children: [
     h,
     g
-  ] }), e[11] = g, e[12] = l, e[13] = c, e[14] = h, e[15] = d) : d = e[15], d;
+  ] }), e[11] = g, e[12] = i, e[13] = d, e[14] = h, e[15] = u) : u = e[15], u;
 }
-const H = {
+const P = {
   header: {
     display: "flex",
     alignItems: "center",
@@ -938,16 +965,16 @@ const H = {
   starterItemsTwoCol: {
     gridTemplateColumns: "repeat(2, 1fr)"
   }
-}, st = 32, at = we(function(e, o) {
-  const n = P(34), {
-    children: i,
+}, ft = 32, pt = he(function(e, o) {
+  const n = O(34), {
+    children: l,
     autoScroll: r,
-    labels: u,
+    labels: c,
     sx: s
-  } = e, l = r === void 0 ? !0 : r;
-  let c;
-  n[0] !== u ? (c = u === void 0 ? {} : u, n[0] = u, n[1] = c) : c = n[1];
-  const f = c, m = ne(null), h = ne(null), b = ne(null), [p, g] = te(!0), [d, x] = te(!0);
+  } = e, i = r === void 0 ? !0 : r;
+  let d;
+  n[0] !== c ? (d = c === void 0 ? {} : c, n[0] = c, n[1] = d) : d = n[1];
+  const f = d, m = oe(null), h = oe(null), b = oe(null), [p, g] = te(!0), [u, x] = te(!0);
   let y;
   n[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (y = () => {
     m.current?.scrollTo({
@@ -956,22 +983,22 @@ const H = {
     });
   }, n[2] = y) : y = n[2];
   const C = y;
-  let w;
-  n[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (w = () => {
+  let S;
+  n[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (S = () => {
     m.current?.scrollTo({
       top: 0,
       behavior: "smooth"
     });
-  }, n[3] = w) : w = n[3];
-  const _ = w;
+  }, n[3] = S) : S = n[3];
+  const _ = S;
   let L, $;
-  n[4] !== d || n[5] !== p ? (L = () => ({
+  n[4] !== u || n[5] !== p ? (L = () => ({
     scrollToBottom: C,
     scrollToTop: _,
-    isAtBottom: d,
+    isAtBottom: u,
     isAtTop: p
-  }), $ = [d, p], n[4] = d, n[5] = p, n[6] = L, n[7] = $) : (L = n[6], $ = n[7]), Te(o, L, $);
-  let A, M;
+  }), $ = [u, p], n[4] = u, n[5] = p, n[6] = L, n[7] = $) : (L = n[6], $ = n[7]), Ae(o, L, $);
+  let A, D;
   n[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (A = () => {
     const I = m.current, F = h.current, W = b.current;
     if (!I || !F || !W)
@@ -990,10 +1017,10 @@ const H = {
     return X.observe(F), N.observe(W), () => {
       X.disconnect(), N.disconnect();
     };
-  }, M = [], n[8] = A, n[9] = M) : (A = n[8], M = n[9]), re(A, M);
-  let R, O;
-  n[10] !== l ? (R = () => {
-    if (!l)
+  }, D = [], n[8] = A, n[9] = D) : (A = n[8], D = n[9]), re(A, D);
+  let M, H;
+  n[10] !== i ? (M = () => {
+    if (!i)
       return;
     const I = m.current;
     if (!I)
@@ -1004,7 +1031,7 @@ const H = {
       const k = I.scrollHeight;
       if (k > F) {
         const E = k - F;
-        k - I.scrollTop - I.clientHeight <= E + st && I.scrollTo({
+        k - I.scrollTop - I.clientHeight <= E + ft && I.scrollTo({
           top: k,
           behavior: "smooth"
         });
@@ -1020,160 +1047,160 @@ const H = {
     }), () => {
       N.disconnect(), W !== null && cancelAnimationFrame(W);
     };
-  }, O = [l], n[10] = l, n[11] = R, n[12] = O) : (R = n[11], O = n[12]), re(R, O);
-  let B;
-  n[13] !== p ? (B = (I) => {
+  }, H = [i], n[10] = i, n[11] = M, n[12] = H) : (M = n[11], H = n[12]), re(M, H);
+  let R;
+  n[13] !== p ? (R = (I) => {
     const {
       palette: F
     } = I;
     return p ? "transparent" : F.divider;
-  }, n[13] = p, n[14] = B) : B = n[14];
-  let D;
-  n[15] !== d ? (D = (I) => {
+  }, n[13] = p, n[14] = R) : R = n[14];
+  let B;
+  n[15] !== u ? (B = (I) => {
     const {
       palette: F
     } = I;
-    return d ? "transparent" : F.divider;
-  }, n[15] = d, n[16] = D) : D = n[16];
+    return u ? "transparent" : F.divider;
+  }, n[15] = u, n[16] = B) : B = n[16];
   let j;
-  n[17] !== s || n[18] !== B || n[19] !== D ? (j = {
-    ...H.content,
-    borderTopColor: B,
-    borderBottomColor: D,
+  n[17] !== s || n[18] !== R || n[19] !== B ? (j = {
+    ...P.content,
+    borderTopColor: R,
+    borderBottomColor: B,
     ...s
-  }, n[17] = s, n[18] = B, n[19] = D, n[20] = j) : j = n[20];
+  }, n[17] = s, n[18] = R, n[19] = B, n[20] = j) : j = n[20];
   let K;
-  n[21] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (K = /* @__PURE__ */ a(v, { ref: h, sx: H.sentinel, "aria-hidden": !0 }), n[21] = K) : K = n[21];
+  n[21] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (K = /* @__PURE__ */ a(v, { ref: h, sx: P.sentinel, "aria-hidden": !0 }), n[21] = K) : K = n[21];
   let G;
-  n[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (G = /* @__PURE__ */ a(v, { ref: b, sx: H.sentinel, "aria-hidden": !0 }), n[22] = G) : G = n[22];
-  const J = f.jumpToLatest ?? "Jump to latest", Q = d ? 0 : 1, Z = d ? "none" : "auto";
+  n[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (G = /* @__PURE__ */ a(v, { ref: b, sx: P.sentinel, "aria-hidden": !0 }), n[22] = G) : G = n[22];
+  const J = f.jumpToLatest ?? "Jump to latest", Q = u ? 0 : 1, Z = u ? "none" : "auto";
   let U;
   n[23] !== Q || n[24] !== Z ? (U = {
-    ...H.jumpToLatest,
+    ...P.jumpToLatest,
     opacity: Q,
     pointerEvents: Z
   }, n[23] = Q, n[24] = Z, n[25] = U) : U = n[25];
   let Y;
-  n[26] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (Y = /* @__PURE__ */ a(xe, {}), n[26] = Y) : Y = n[26];
+  n[26] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (Y = /* @__PURE__ */ a(be, {}), n[26] = Y) : Y = n[26];
   let q;
-  n[27] !== J || n[28] !== U ? (q = /* @__PURE__ */ a(v, { sx: H.jumpToLatestWrapper, children: /* @__PURE__ */ a(Ae, { size: "small", onClick: C, "aria-label": J, sx: U, children: Y }) }), n[27] = J, n[28] = U, n[29] = q) : q = n[29];
+  n[27] !== J || n[28] !== U ? (q = /* @__PURE__ */ a(v, { sx: P.jumpToLatestWrapper, children: /* @__PURE__ */ a($e, { size: "small", onClick: C, "aria-label": J, sx: U, children: Y }) }), n[27] = J, n[28] = U, n[29] = q) : q = n[29];
   let V;
-  return n[30] !== i || n[31] !== j || n[32] !== q ? (V = /* @__PURE__ */ S(v, { ref: m, sx: j, children: [
+  return n[30] !== l || n[31] !== j || n[32] !== q ? (V = /* @__PURE__ */ w(v, { ref: m, sx: j, children: [
     K,
-    i,
+    l,
     G,
     q
-  ] }), n[30] = i, n[31] = j, n[32] = q, n[33] = V) : V = n[33], V;
+  ] }), n[30] = l, n[31] = j, n[32] = q, n[33] = V) : V = n[33], V;
 });
-at.displayName = "ChatContent";
-function zt(t) {
-  const e = P(14), {
+pt.displayName = "ChatContent";
+function Pt(t) {
+  const e = O(14), {
     leftSlot: o,
     title: n,
-    rightSlot: i,
+    rightSlot: l,
     onClose: r,
-    sx: u
+    sx: c
   } = t;
   let s;
-  e[0] !== u ? (s = {
-    ...H.header,
-    ...u
-  }, e[0] = u, e[1] = s) : s = e[1];
-  let l;
-  e[2] !== n ? (l = /* @__PURE__ */ a(z, { variant: "subtitle2", sx: H.headerTitle, children: n }), e[2] = n, e[3] = l) : l = e[3];
-  let c;
-  e[4] !== r ? (c = r && /* @__PURE__ */ a(oe, { size: "medium", onClick: r, "aria-label": "Close", children: /* @__PURE__ */ a(be, {}) }), e[4] = r, e[5] = c) : c = e[5];
+  e[0] !== c ? (s = {
+    ...P.header,
+    ...c
+  }, e[0] = c, e[1] = s) : s = e[1];
+  let i;
+  e[2] !== n ? (i = /* @__PURE__ */ a(z, { variant: "subtitle2", sx: P.headerTitle, children: n }), e[2] = n, e[3] = i) : i = e[3];
+  let d;
+  e[4] !== r ? (d = r && /* @__PURE__ */ a(ne, { size: "medium", onClick: r, "aria-label": "Close", children: /* @__PURE__ */ a(ye, {}) }), e[4] = r, e[5] = d) : d = e[5];
   let f;
-  e[6] !== i || e[7] !== c ? (f = /* @__PURE__ */ S(v, { sx: H.headerActions, children: [
-    i,
-    c
-  ] }), e[6] = i, e[7] = c, e[8] = f) : f = e[8];
+  e[6] !== l || e[7] !== d ? (f = /* @__PURE__ */ w(v, { sx: P.headerActions, children: [
+    l,
+    d
+  ] }), e[6] = l, e[7] = d, e[8] = f) : f = e[8];
   let m;
-  return e[9] !== o || e[10] !== s || e[11] !== l || e[12] !== f ? (m = /* @__PURE__ */ S(v, { sx: s, children: [
+  return e[9] !== o || e[10] !== s || e[11] !== i || e[12] !== f ? (m = /* @__PURE__ */ w(v, { sx: s, children: [
     o,
-    l,
+    i,
     f
-  ] }), e[9] = o, e[10] = s, e[11] = l, e[12] = f, e[13] = m) : m = e[13], m;
+  ] }), e[9] = o, e[10] = s, e[11] = i, e[12] = f, e[13] = m) : m = e[13], m;
 }
-const ct = "Responses are AI-generated. Please verify key information.";
-function Wt(t) {
-  const e = P(58), {
+const mt = "Responses are AI-generated. Please verify key information.";
+function Vt(t) {
+  const e = O(58), {
     value: o,
     onChange: n,
-    onSend: i,
+    onSend: l,
     onStop: r,
-    isGenerating: u,
+    isGenerating: c,
     disabled: s,
-    placeholder: l,
-    labels: c,
+    placeholder: i,
+    labels: d,
     caption: f,
     models: m,
     selectedModel: h,
     onModelChange: b,
     startToolbarSlot: p,
     endToolbarSlot: g,
-    sx: d
-  } = t, x = u === void 0 ? !1 : u, y = s === void 0 ? !1 : s, C = l === void 0 ? "Type a message..." : l;
-  let w;
-  e[0] !== c ? (w = c === void 0 ? {} : c, e[0] = c, e[1] = w) : w = e[1];
-  const _ = w, L = f === void 0 ? ct : f, [$, A] = te(null);
-  let M;
-  e[2] !== y || e[3] !== x || e[4] !== o ? (M = o.trim() && !y && !x, e[2] = y, e[3] = x, e[4] = o, e[5] = M) : M = e[5];
-  const R = M, O = (m?.length ?? 0) > 1, B = _.model ?? "Select model";
+    sx: u
+  } = t, x = c === void 0 ? !1 : c, y = s === void 0 ? !1 : s, C = i === void 0 ? "Type a message..." : i;
+  let S;
+  e[0] !== d ? (S = d === void 0 ? {} : d, e[0] = d, e[1] = S) : S = e[1];
+  const _ = S, L = f === void 0 ? mt : f, [$, A] = te(null);
   let D;
-  e[6] !== B || e[7] !== m || e[8] !== h ? (D = m?.find((E) => E.value === h)?.label ?? (h && h.length > 0 ? h : B), e[6] = B, e[7] = m, e[8] = h, e[9] = D) : D = e[9];
-  const j = D, K = O || !!p || !!g;
+  e[2] !== y || e[3] !== x || e[4] !== o ? (D = o.trim() && !y && !x, e[2] = y, e[3] = x, e[4] = o, e[5] = D) : D = e[5];
+  const M = D, H = (m?.length ?? 0) > 1, R = _.model ?? "Select model";
+  let B;
+  e[6] !== R || e[7] !== m || e[8] !== h ? (B = m?.find((E) => E.value === h)?.label ?? (h && h.length > 0 ? h : R), e[6] = R, e[7] = m, e[8] = h, e[9] = B) : B = e[9];
+  const j = B, K = H || !!p || !!g;
   let G;
-  e[10] !== R || e[11] !== i ? (G = (E) => {
-    E.key === "Enter" && !E.shiftKey && (E.preventDefault(), R && i());
-  }, e[10] = R, e[11] = i, e[12] = G) : G = e[12];
+  e[10] !== M || e[11] !== l ? (G = (E) => {
+    E.key === "Enter" && !E.shiftKey && (E.preventDefault(), M && l());
+  }, e[10] = M, e[11] = l, e[12] = G) : G = e[12];
   const J = G;
   let Q;
-  e[13] !== R || e[14] !== y || e[15] !== x || e[16] !== _.send || e[17] !== _.stop || e[18] !== i || e[19] !== r ? (Q = x && r ? /* @__PURE__ */ a(oe, { size: "small", onClick: r, disabled: y, "aria-label": _.stop ?? "Stop", children: /* @__PURE__ */ a(Oe, {}) }) : /* @__PURE__ */ a(oe, { size: "small", variant: "contained", color: "primary", onClick: i, disabled: !R, "aria-label": _.send ?? "Send", children: /* @__PURE__ */ a(He, {}) }), e[13] = R, e[14] = y, e[15] = x, e[16] = _.send, e[17] = _.stop, e[18] = i, e[19] = r, e[20] = Q) : Q = e[20];
+  e[13] !== M || e[14] !== y || e[15] !== x || e[16] !== _.send || e[17] !== _.stop || e[18] !== l || e[19] !== r ? (Q = x && r ? /* @__PURE__ */ a(ne, { size: "small", onClick: r, disabled: y, "aria-label": _.stop ?? "Stop", children: /* @__PURE__ */ a(Ve, {}) }) : /* @__PURE__ */ a(ne, { size: "small", variant: "contained", color: "primary", onClick: l, disabled: !M, "aria-label": _.send ?? "Send", children: /* @__PURE__ */ a(je, {}) }), e[13] = M, e[14] = y, e[15] = x, e[16] = _.send, e[17] = _.stop, e[18] = l, e[19] = r, e[20] = Q) : Q = e[20];
   const Z = Q;
   let U;
-  e[21] !== d ? (U = {
-    ...H.footerWrapper,
-    ...d
-  }, e[21] = d, e[22] = U) : U = e[22];
+  e[21] !== u ? (U = {
+    ...P.footerWrapper,
+    ...u
+  }, e[21] = u, e[22] = U) : U = e[22];
   let Y;
   e[23] !== n ? (Y = (E) => n(E.target.value), e[23] = n, e[24] = Y) : Y = e[24];
   const q = y || x;
   let V;
-  e[25] !== J || e[26] !== C || e[27] !== Y || e[28] !== q || e[29] !== o ? (V = /* @__PURE__ */ a($e, { multiline: !0, minRows: 1, maxRows: 8, value: o, onChange: Y, onKeyDown: J, placeholder: C, disabled: q, sx: H.footerInput }), e[25] = J, e[26] = C, e[27] = Y, e[28] = q, e[29] = o, e[30] = V) : V = e[30];
+  e[25] !== J || e[26] !== C || e[27] !== Y || e[28] !== q || e[29] !== o ? (V = /* @__PURE__ */ a(Re, { multiline: !0, minRows: 1, maxRows: 8, value: o, onChange: Y, onKeyDown: J, placeholder: C, disabled: q, sx: P.footerInput }), e[25] = J, e[26] = C, e[27] = Y, e[28] = q, e[29] = o, e[30] = V) : V = e[30];
   let I;
-  e[31] !== y || e[32] !== g || e[33] !== K || e[34] !== x || e[35] !== $ || e[36] !== B || e[37] !== m || e[38] !== b || e[39] !== j || e[40] !== h || e[41] !== O || e[42] !== p ? (I = K && /* @__PURE__ */ S(v, { sx: H.footerSlots, children: [
+  e[31] !== y || e[32] !== g || e[33] !== K || e[34] !== x || e[35] !== $ || e[36] !== R || e[37] !== m || e[38] !== b || e[39] !== j || e[40] !== h || e[41] !== H || e[42] !== p ? (I = K && /* @__PURE__ */ w(v, { sx: P.footerSlots, children: [
     p,
-    O && /* @__PURE__ */ S(he, { children: [
-      /* @__PURE__ */ a(le, { size: "small", variant: "text", color: "inherit", disabled: y || x, onClick: (E) => A(E.currentTarget), "aria-label": B, "aria-haspopup": "menu", "aria-expanded": $ ? "true" : void 0, endIcon: /* @__PURE__ */ a(xe, {}), sx: H.modelSelector, children: /* @__PURE__ */ a(z, { variant: "caption", component: "span", color: "inherit", sx: H.modelSelectorLabel, children: j }) }),
-      /* @__PURE__ */ a(Ie, { anchorEl: $, open: !!$, onClose: () => A(null), variant: "menu", elevation: 8, anchorOrigin: {
+    H && /* @__PURE__ */ w(ge, { children: [
+      /* @__PURE__ */ a(le, { size: "small", variant: "text", color: "inherit", disabled: y || x, onClick: (E) => A(E.currentTarget), "aria-label": R, "aria-haspopup": "menu", "aria-expanded": $ ? "true" : void 0, endIcon: /* @__PURE__ */ a(be, {}), sx: P.modelSelector, children: /* @__PURE__ */ a(z, { variant: "caption", component: "span", color: "inherit", sx: P.modelSelectorLabel, children: j }) }),
+      /* @__PURE__ */ a(Ee, { anchorEl: $, open: !!$, onClose: () => A(null), variant: "menu", elevation: 8, anchorOrigin: {
         vertical: "top",
         horizontal: "left"
       }, transformOrigin: {
         vertical: "bottom",
         horizontal: "left"
-      }, children: m?.map((E) => /* @__PURE__ */ a(Le, { selected: E.value === h, onClick: () => {
+      }, children: m?.map((E) => /* @__PURE__ */ a(Me, { selected: E.value === h, onClick: () => {
         b?.(E.value), A(null);
       }, children: E.label }, E.value)) })
     ] }),
     g
-  ] }), e[31] = y, e[32] = g, e[33] = K, e[34] = x, e[35] = $, e[36] = B, e[37] = m, e[38] = b, e[39] = j, e[40] = h, e[41] = O, e[42] = p, e[43] = I) : I = e[43];
+  ] }), e[31] = y, e[32] = g, e[33] = K, e[34] = x, e[35] = $, e[36] = R, e[37] = m, e[38] = b, e[39] = j, e[40] = h, e[41] = H, e[42] = p, e[43] = I) : I = e[43];
   let F;
-  e[44] !== V || e[45] !== I ? (F = /* @__PURE__ */ S(v, { sx: H.footerMain, children: [
+  e[44] !== V || e[45] !== I ? (F = /* @__PURE__ */ w(v, { sx: P.footerMain, children: [
     V,
     I
   ] }), e[44] = V, e[45] = I, e[46] = F) : F = e[46];
   let W;
-  e[47] !== Z ? (W = /* @__PURE__ */ a(v, { sx: H.footerSend, children: Z }), e[47] = Z, e[48] = W) : W = e[48];
+  e[47] !== Z ? (W = /* @__PURE__ */ a(v, { sx: P.footerSend, children: Z }), e[47] = Z, e[48] = W) : W = e[48];
   let X;
-  e[49] !== F || e[50] !== W ? (X = /* @__PURE__ */ S(v, { sx: H.footerBox, children: [
+  e[49] !== F || e[50] !== W ? (X = /* @__PURE__ */ w(v, { sx: P.footerBox, children: [
     F,
     W
   ] }), e[49] = F, e[50] = W, e[51] = X) : X = e[51];
   let N;
-  e[52] !== L ? (N = L ? /* @__PURE__ */ a(Ee, { sx: H.footerCaption, children: L }) : null, e[52] = L, e[53] = N) : N = e[53];
+  e[52] !== L ? (N = L ? /* @__PURE__ */ a(Be, { sx: P.footerCaption, children: L }) : null, e[52] = L, e[53] = N) : N = e[53];
   let k;
-  return e[54] !== U || e[55] !== X || e[56] !== N ? (k = /* @__PURE__ */ S(Re, { fullWidth: !0, sx: U, children: [
+  return e[54] !== U || e[55] !== X || e[56] !== N ? (k = /* @__PURE__ */ w(De, { fullWidth: !0, sx: U, children: [
     X,
     N
   ] }), e[54] = U, e[55] = X, e[56] = N, e[57] = k) : k = e[57], k;
@@ -1188,47 +1215,47 @@ const de = [
   "#F6CF7140"
   // pastel yellow
 ];
-function Ft(t) {
-  const e = P(40), {
+function jt(t) {
+  const e = O(40), {
     icon: o,
     title: n,
-    description: i,
+    description: l,
     items: r,
-    size: u,
+    size: c,
     onSelect: s,
-    sx: l
-  } = t, c = u === void 0 ? "small" : u;
-  let f, m, h, b, p, g, d, x;
-  if (e[0] !== i || e[1] !== o || e[2] !== r || e[3] !== s || e[4] !== c || e[5] !== l || e[6] !== n) {
-    const w = r.map(dt);
+    sx: i
+  } = t, d = c === void 0 ? "small" : c;
+  let f, m, h, b, p, g, u, x;
+  if (e[0] !== l || e[1] !== o || e[2] !== r || e[3] !== s || e[4] !== d || e[5] !== i || e[6] !== n) {
+    const S = r.map(ht);
     m = v;
-    const _ = c === "small" ? 1 : 2;
-    e[15] !== l || e[16] !== _ ? (p = {
-      ...H.starter,
+    const _ = d === "small" ? 1 : 2;
+    e[15] !== i || e[16] !== _ ? (p = {
+      ...P.starter,
       gap: _,
-      ...l
-    }, e[15] = l, e[16] = _, e[17] = p) : p = e[17], g = o, e[18] !== c || e[19] !== n ? (d = n && /* @__PURE__ */ a(z, { variant: c === "small" ? "h6" : "h5", children: n }), e[18] = c, e[19] = n, e[20] = d) : d = e[20], e[21] !== i || e[22] !== c ? (x = i && /* @__PURE__ */ a(z, { variant: c === "small" ? "body2" : "body1", color: "text.secondary", children: i }), e[21] = i, e[22] = c, e[23] = x) : x = e[23], f = v;
-    const L = c === "small" ? 1 : 2, $ = r.length > 2 ? H.starterItemsTwoCol : void 0;
+      ...i
+    }, e[15] = i, e[16] = _, e[17] = p) : p = e[17], g = o, e[18] !== d || e[19] !== n ? (u = n && /* @__PURE__ */ a(z, { variant: d === "small" ? "h6" : "h5", children: n }), e[18] = d, e[19] = n, e[20] = u) : u = e[20], e[21] !== l || e[22] !== d ? (x = l && /* @__PURE__ */ a(z, { variant: d === "small" ? "body2" : "body1", color: "text.secondary", children: l }), e[21] = l, e[22] = d, e[23] = x) : x = e[23], f = v;
+    const L = d === "small" ? 1 : 2, $ = r.length > 2 ? P.starterItemsTwoCol : void 0;
     e[24] !== $ || e[25] !== L ? (h = {
-      ...H.starterItems,
+      ...P.starterItems,
       gap: L,
       ...$
     }, e[24] = $, e[25] = L, e[26] = h) : h = e[26];
     let A;
-    e[27] !== s ? (A = (M, R) => /* @__PURE__ */ a(ot, { label: M.label, onClick: () => s?.(M.label), color: M.color }, R), e[27] = s, e[28] = A) : A = e[28], b = w.map(A), e[0] = i, e[1] = o, e[2] = r, e[3] = s, e[4] = c, e[5] = l, e[6] = n, e[7] = f, e[8] = m, e[9] = h, e[10] = b, e[11] = p, e[12] = g, e[13] = d, e[14] = x;
+    e[27] !== s ? (A = (D, M) => /* @__PURE__ */ a(st, { label: D.label, onClick: () => s?.(D.label), color: D.color }, M), e[27] = s, e[28] = A) : A = e[28], b = S.map(A), e[0] = l, e[1] = o, e[2] = r, e[3] = s, e[4] = d, e[5] = i, e[6] = n, e[7] = f, e[8] = m, e[9] = h, e[10] = b, e[11] = p, e[12] = g, e[13] = u, e[14] = x;
   } else
-    f = e[7], m = e[8], h = e[9], b = e[10], p = e[11], g = e[12], d = e[13], x = e[14];
+    f = e[7], m = e[8], h = e[9], b = e[10], p = e[11], g = e[12], u = e[13], x = e[14];
   let y;
   e[29] !== f || e[30] !== h || e[31] !== b ? (y = /* @__PURE__ */ a(f, { sx: h, children: b }), e[29] = f, e[30] = h, e[31] = b, e[32] = y) : y = e[32];
   let C;
-  return e[33] !== m || e[34] !== p || e[35] !== g || e[36] !== d || e[37] !== x || e[38] !== y ? (C = /* @__PURE__ */ S(m, { sx: p, children: [
+  return e[33] !== m || e[34] !== p || e[35] !== g || e[36] !== u || e[37] !== x || e[38] !== y ? (C = /* @__PURE__ */ w(m, { sx: p, children: [
     g,
-    d,
+    u,
     x,
     y
-  ] }), e[33] = m, e[34] = p, e[35] = g, e[36] = d, e[37] = x, e[38] = y, e[39] = C) : C = e[39], C;
+  ] }), e[33] = m, e[34] = p, e[35] = g, e[36] = u, e[37] = x, e[38] = y, e[39] = C) : C = e[39], C;
 }
-function dt(t, e) {
+function ht(t, e) {
   return typeof t == "string" ? {
     label: t,
     color: de[e]
@@ -1237,424 +1264,424 @@ function dt(t, e) {
     color: t.color ?? de[e]
   };
 }
-const Ot = ae(v)(({
+const Ut = ae(v)(({
   theme: t
 }) => ({
   display: "flex",
   alignItems: "center",
   gap: t.spacing(0.5)
 }));
-function Ht(t) {
-  const e = P(25), {
+function Nt(t) {
+  const e = O(25), {
     rating: o,
     onRatingChange: n,
-    labels: i
+    labels: l
   } = t;
   let r;
-  e[0] !== i ? (r = i === void 0 ? {} : i, e[0] = i, e[1] = r) : r = e[1];
-  const u = r;
+  e[0] !== l ? (r = l === void 0 ? {} : l, e[0] = l, e[1] = r) : r = e[1];
+  const c = r;
   let s;
   e[2] !== n || e[3] !== o ? (s = () => n?.(o === "up" ? null : "up"), e[2] = n, e[3] = o, e[4] = s) : s = e[4];
-  const l = u.thumbUp ?? "Thumbs up", c = o === "up" ? "primary" : void 0;
+  const i = c.thumbUp ?? "Thumbs up", d = o === "up" ? "primary" : void 0;
   let f;
-  e[5] !== o ? (f = o === "up" ? /* @__PURE__ */ a(Pe, { fontSize: "small" }) : /* @__PURE__ */ a(Ve, { fontSize: "small" }), e[5] = o, e[6] = f) : f = e[6];
+  e[5] !== o ? (f = o === "up" ? /* @__PURE__ */ a(Ue, { fontSize: "small" }) : /* @__PURE__ */ a(Ne, { fontSize: "small" }), e[5] = o, e[6] = f) : f = e[6];
   let m;
-  e[7] !== s || e[8] !== l || e[9] !== c || e[10] !== f ? (m = /* @__PURE__ */ a(oe, { size: "small", onClick: s, "aria-label": l, color: c, children: f }), e[7] = s, e[8] = l, e[9] = c, e[10] = f, e[11] = m) : m = e[11];
+  e[7] !== s || e[8] !== i || e[9] !== d || e[10] !== f ? (m = /* @__PURE__ */ a(ne, { size: "small", onClick: s, "aria-label": i, color: d, children: f }), e[7] = s, e[8] = i, e[9] = d, e[10] = f, e[11] = m) : m = e[11];
   let h;
   e[12] !== n || e[13] !== o ? (h = () => n?.(o === "down" ? null : "down"), e[12] = n, e[13] = o, e[14] = h) : h = e[14];
-  const b = u.thumbDown ?? "Thumbs down", p = o === "down" ? "primary" : void 0;
+  const b = c.thumbDown ?? "Thumbs down", p = o === "down" ? "primary" : void 0;
   let g;
-  e[15] !== o ? (g = o === "down" ? /* @__PURE__ */ a(je, { fontSize: "small" }) : /* @__PURE__ */ a(Ue, { fontSize: "small" }), e[15] = o, e[16] = g) : g = e[16];
-  let d;
-  e[17] !== p || e[18] !== g || e[19] !== h || e[20] !== b ? (d = /* @__PURE__ */ a(oe, { size: "small", onClick: h, "aria-label": b, color: p, children: g }), e[17] = p, e[18] = g, e[19] = h, e[20] = b, e[21] = d) : d = e[21];
+  e[15] !== o ? (g = o === "down" ? /* @__PURE__ */ a(Ge, { fontSize: "small" }) : /* @__PURE__ */ a(Xe, { fontSize: "small" }), e[15] = o, e[16] = g) : g = e[16];
+  let u;
+  e[17] !== p || e[18] !== g || e[19] !== h || e[20] !== b ? (u = /* @__PURE__ */ a(ne, { size: "small", onClick: h, "aria-label": b, color: p, children: g }), e[17] = p, e[18] = g, e[19] = h, e[20] = b, e[21] = u) : u = e[21];
   let x;
-  return e[22] !== d || e[23] !== m ? (x = /* @__PURE__ */ S(he, { children: [
+  return e[22] !== u || e[23] !== m ? (x = /* @__PURE__ */ w(ge, { children: [
     m,
-    d
-  ] }), e[22] = d, e[23] = m, e[24] = x) : x = e[24], x;
+    u
+  ] }), e[22] = u, e[23] = m, e[24] = x) : x = e[24], x;
 }
-const ut = /^-?\d/;
-function ft(t) {
+const gt = /^-?\d/;
+function xt(t) {
   const e = [];
   let o = 0, n;
-  const i = /* @__PURE__ */ new Set(), r = /("(?:[^"\\]|\\.)*")\s*:/g;
-  let u;
-  for (; (u = r.exec(t)) !== null; )
-    i.add(u.index);
+  const l = /* @__PURE__ */ new Set(), r = /("(?:[^"\\]|\\.)*")\s*:/g;
+  let c;
+  for (; (c = r.exec(t)) !== null; )
+    l.add(c.index);
   const s = (
     // eslint-disable-next-line no-useless-escape
     /"(?:[^"\\]|\\.)*"|\b(?:true|false)\b|\bnull\b|-?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?|[{}\[\]:,]/g
   );
   for (; (n = s.exec(t)) !== null; ) {
     n.index > o && e.push(t.slice(o, n.index));
-    const l = n[0];
-    l.startsWith('"') ? i.has(n.index) ? e.push({
+    const i = n[0];
+    i.startsWith('"') ? l.has(n.index) ? e.push({
       type: "key",
-      value: l
+      value: i
     }) : e.push({
       type: "string",
-      value: l
-    }) : ut.test(l) ? e.push({
+      value: i
+    }) : gt.test(i) ? e.push({
       type: "number",
-      value: l
-    }) : l === "true" || l === "false" ? e.push({
+      value: i
+    }) : i === "true" || i === "false" ? e.push({
       type: "boolean",
-      value: l
-    }) : l === "null" ? e.push({
+      value: i
+    }) : i === "null" ? e.push({
       type: "null",
-      value: l
+      value: i
     }) : e.push({
       type: "punctuation",
-      value: l
-    }), o = n.index + l.length;
+      value: i
+    }), o = n.index + i.length;
   }
   return o < t.length && e.push(t.slice(o)), e;
 }
-function pt(t) {
-  const e = P(24), {
+function bt(t) {
+  const e = O(24), {
     open: o,
     onClose: n,
-    title: i,
+    title: l,
     content: r
   } = t;
-  let u;
-  e[0] !== r ? (u = r.split(`
-`).map(gt), e[0] = r, e[1] = u) : u = e[1];
-  const s = u;
-  let l;
-  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (l = {
-    sx: T.fullViewPaper
-  }, e[2] = l) : l = e[2];
   let c;
-  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (c = {
+  e[0] !== r ? (c = r.split(`
+`).map(vt), e[0] = r, e[1] = c) : c = e[1];
+  const s = c;
+  let i;
+  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = {
+    sx: T.fullViewPaper
+  }, e[2] = i) : i = e[2];
+  let d;
+  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = {
     display: "flex",
     alignItems: "center",
     gap: 0.5
-  }, e[3] = c) : c = e[3];
+  }, e[3] = d) : d = e[3];
   let f;
-  e[4] !== r ? (f = /* @__PURE__ */ a(Ke, { copyText: r, "aria-label": "Copy content" }), e[4] = r, e[5] = f) : f = e[5];
+  e[4] !== r ? (f = /* @__PURE__ */ a(Je, { copyText: r, "aria-label": "Copy content" }), e[4] = r, e[5] = f) : f = e[5];
   let m;
-  e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ a(be, {}), e[6] = m) : m = e[6];
+  e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ a(ye, {}), e[6] = m) : m = e[6];
   let h;
-  e[7] !== n ? (h = /* @__PURE__ */ a(oe, { onClick: n, "aria-label": "close", children: m }), e[7] = n, e[8] = h) : h = e[8];
+  e[7] !== n ? (h = /* @__PURE__ */ a(ne, { onClick: n, "aria-label": "close", children: m }), e[7] = n, e[8] = h) : h = e[8];
   let b;
-  e[9] !== f || e[10] !== h ? (b = /* @__PURE__ */ S(v, { sx: c, children: [
+  e[9] !== f || e[10] !== h ? (b = /* @__PURE__ */ w(v, { sx: d, children: [
     f,
     h
   ] }), e[9] = f, e[10] = h, e[11] = b) : b = e[11];
   let p;
-  e[12] !== b || e[13] !== i ? (p = /* @__PURE__ */ S(Be, { sx: T.fullViewTitle, children: [
-    i,
+  e[12] !== b || e[13] !== l ? (p = /* @__PURE__ */ w(ze, { sx: T.fullViewTitle, children: [
+    l,
     b
-  ] }), e[12] = b, e[13] = i, e[14] = p) : p = e[14];
+  ] }), e[12] = b, e[13] = l, e[14] = p) : p = e[14];
   let g;
-  e[15] !== s ? (g = s.map(mt), e[15] = s, e[16] = g) : g = e[16];
-  let d;
-  e[17] !== g ? (d = /* @__PURE__ */ a(De, { sx: T.fullViewDialogContent, children: /* @__PURE__ */ a(v, { component: "pre", sx: T.fullViewPre, children: g }) }), e[17] = g, e[18] = d) : d = e[18];
+  e[15] !== s ? (g = s.map(yt), e[15] = s, e[16] = g) : g = e[16];
+  let u;
+  e[17] !== g ? (u = /* @__PURE__ */ a(We, { sx: T.fullViewDialogContent, children: /* @__PURE__ */ a(v, { component: "pre", sx: T.fullViewPre, children: g }) }), e[17] = g, e[18] = u) : u = e[18];
   let x;
-  return e[19] !== n || e[20] !== o || e[21] !== d || e[22] !== p ? (x = /* @__PURE__ */ S(Me, { open: o, onClose: n, sx: T.fullViewDialog, PaperProps: l, fullScreen: !0, children: [
+  return e[19] !== n || e[20] !== o || e[21] !== u || e[22] !== p ? (x = /* @__PURE__ */ w(Fe, { open: o, onClose: n, sx: T.fullViewDialog, PaperProps: i, fullScreen: !0, children: [
     p,
-    d
-  ] }), e[19] = n, e[20] = o, e[21] = d, e[22] = p, e[23] = x) : x = e[23], x;
+    u
+  ] }), e[19] = n, e[20] = o, e[21] = u, e[22] = p, e[23] = x) : x = e[23], x;
 }
-function mt(t, e) {
-  return /* @__PURE__ */ S(v, { component: "span", sx: T.fullViewLine, children: [
-    t.map(ht),
+function yt(t, e) {
+  return /* @__PURE__ */ w(v, { component: "span", sx: T.fullViewLine, children: [
+    t.map(Ct),
     `
 `
   ] }, e);
 }
-function ht(t, e) {
+function Ct(t, e) {
   return typeof t == "string" ? t : /* @__PURE__ */ a(v, { component: "span", sx: T[`syntaxToken_${t.type}`], children: t.value }, e);
 }
-function gt(t) {
-  return ft(t);
+function vt(t) {
+  return xt(t);
 }
 function ue(t) {
-  const e = P(28), {
+  const e = O(28), {
     content: o,
     title: n,
-    isError: i,
+    isError: l,
     labels: r,
-    sx: u
-  } = t, s = n === void 0 ? "" : n, l = i === void 0 ? !1 : i;
-  let c;
-  e[0] !== r ? (c = r === void 0 ? {} : r, e[0] = r, e[1] = c) : c = e[1];
-  const f = c, m = ne(null), [h, b] = te(!1), [p, g] = te(!1);
+    sx: c
+  } = t, s = n === void 0 ? "" : n, i = l === void 0 ? !1 : l;
   let d;
-  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = () => {
-    const D = m.current;
-    D && b(D.scrollHeight > D.clientHeight);
-  }, e[2] = d) : d = e[2];
-  const x = d;
+  e[0] !== r ? (d = r === void 0 ? {} : r, e[0] = r, e[1] = d) : d = e[1];
+  const f = d, m = oe(null), [h, b] = te(!1), [p, g] = te(!1);
+  let u;
+  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (u = () => {
+    const B = m.current;
+    B && b(B.scrollHeight > B.clientHeight);
+  }, e[2] = u) : u = e[2];
+  const x = u;
   let y;
   e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (y = () => {
     x();
-    const D = m.current;
-    if (!D)
+    const B = m.current;
+    if (!B)
       return;
     const j = new ResizeObserver(x);
-    return j.observe(D), () => j.disconnect();
+    return j.observe(B), () => j.disconnect();
   }, e[3] = y) : y = e[3];
   let C;
   e[4] !== o ? (C = [x, o], e[4] = o, e[5] = C) : C = e[5], re(y, C);
-  const w = f.fullView ?? "Full view";
+  const S = f.fullView ?? "Full view";
   let _;
-  e[6] !== u ? (_ = {
+  e[6] !== c ? (_ = {
     ...T.codeArea,
-    ...u
-  }, e[6] = u, e[7] = _) : _ = e[7];
+    ...c
+  }, e[6] = c, e[7] = _) : _ = e[7];
   let L;
-  e[8] !== l ? (L = l ? T.codeAreaPreError : {}, e[8] = l, e[9] = L) : L = e[9];
+  e[8] !== i ? (L = i ? T.codeAreaPreError : {}, e[8] = i, e[9] = L) : L = e[9];
   let $;
   e[10] !== L ? ($ = {
     ...T.codeAreaPre,
-    maxHeight: Je,
+    maxHeight: et,
     ...L
   }, e[10] = L, e[11] = $) : $ = e[11];
   let A;
   e[12] !== o || e[13] !== $ ? (A = /* @__PURE__ */ a(v, { component: "pre", ref: m, sx: $, children: o }), e[12] = o, e[13] = $, e[14] = A) : A = e[14];
+  let D;
+  e[15] !== S || e[16] !== h ? (D = h && /* @__PURE__ */ a(Oe, { title: S, children: /* @__PURE__ */ a(ne, { size: "small", onClick: () => g(!0), sx: T.codeAreaFullViewButton, children: /* @__PURE__ */ a(Qe, {}) }) }), e[15] = S, e[16] = h, e[17] = D) : D = e[17];
   let M;
-  e[15] !== w || e[16] !== h ? (M = h && /* @__PURE__ */ a(ze, { title: w, children: /* @__PURE__ */ a(oe, { size: "small", onClick: () => g(!0), sx: T.codeAreaFullViewButton, children: /* @__PURE__ */ a(Ye, {}) }) }), e[15] = w, e[16] = h, e[17] = M) : M = e[17];
+  e[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (M = () => g(!1), e[18] = M) : M = e[18];
+  let H;
+  e[19] !== o || e[20] !== p || e[21] !== s ? (H = /* @__PURE__ */ a(bt, { open: p, onClose: M, title: s, content: o }), e[19] = o, e[20] = p, e[21] = s, e[22] = H) : H = e[22];
   let R;
-  e[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (R = () => g(!1), e[18] = R) : R = e[18];
-  let O;
-  e[19] !== o || e[20] !== p || e[21] !== s ? (O = /* @__PURE__ */ a(pt, { open: p, onClose: R, title: s, content: o }), e[19] = o, e[20] = p, e[21] = s, e[22] = O) : O = e[22];
-  let B;
-  return e[23] !== A || e[24] !== M || e[25] !== O || e[26] !== _ ? (B = /* @__PURE__ */ S(v, { sx: _, children: [
+  return e[23] !== A || e[24] !== D || e[25] !== H || e[26] !== _ ? (R = /* @__PURE__ */ w(v, { sx: _, children: [
     A,
-    M,
-    O
-  ] }), e[23] = A, e[24] = M, e[25] = O, e[26] = _, e[27] = B) : B = e[27], B;
+    D,
+    H
+  ] }), e[23] = A, e[24] = D, e[25] = H, e[26] = _, e[27] = R) : R = e[27], R;
 }
 function fe(t) {
   const e = t.replace(/_/g, " ");
   return e.charAt(0).toUpperCase() + e.slice(1);
 }
-function ve(t) {
+function Se(t) {
   return t.status === "running" ? t.runningLabel ?? fe(t.name) : t.label ?? fe(t.name);
 }
-function xt(t) {
-  const e = P(9), {
+function wt(t) {
+  const e = O(9), {
     status: o,
     labels: n
   } = t;
   switch (o) {
     case "complete": {
-      let i;
-      e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = {
+      let l;
+      e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (l = {
         display: "flex",
         alignItems: "center",
         gap: 0.5
-      }, e[0] = i) : i = e[0];
+      }, e[0] = l) : l = e[0];
       let r;
-      e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ a(Ge, { sx: {
+      e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ a(Ye, { sx: {
         fontSize: 12
       }, color: "success" }), e[1] = r) : r = e[1];
-      const u = n?.success ?? "Success";
+      const c = n?.success ?? "Success";
       let s;
-      return e[2] !== u ? (s = /* @__PURE__ */ S(v, { sx: i, children: [
+      return e[2] !== c ? (s = /* @__PURE__ */ w(v, { sx: l, children: [
         r,
-        /* @__PURE__ */ a(z, { variant: "caption", children: u })
-      ] }), e[2] = u, e[3] = s) : s = e[3], s;
+        /* @__PURE__ */ a(z, { variant: "caption", children: c })
+      ] }), e[2] = c, e[3] = s) : s = e[3], s;
     }
     case "error": {
-      let i;
-      e[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = {
+      let l;
+      e[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (l = {
         display: "flex",
         alignItems: "center",
         gap: 0.5
-      }, e[4] = i) : i = e[4];
+      }, e[4] = l) : l = e[4];
       let r;
-      e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ a(Ne, { sx: {
+      e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ a(Ke, { sx: {
         fontSize: 12
       }, color: "error" }), e[5] = r) : r = e[5];
-      const u = n?.error ?? "Error";
+      const c = n?.error ?? "Error";
       let s;
-      return e[6] !== u ? (s = /* @__PURE__ */ S(v, { sx: i, children: [
+      return e[6] !== c ? (s = /* @__PURE__ */ w(v, { sx: l, children: [
         r,
-        /* @__PURE__ */ a(z, { variant: "code3", children: u })
-      ] }), e[6] = u, e[7] = s) : s = e[7], s;
+        /* @__PURE__ */ a(z, { variant: "code3", children: c })
+      ] }), e[6] = c, e[7] = s) : s = e[7], s;
     }
     case "running": {
-      let i;
-      return e[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ a(We, { size: 14 }), e[8] = i) : i = e[8], i;
+      let l;
+      return e[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ a(He, { size: 14 }), e[8] = l) : l = e[8], l;
     }
     default:
       return null;
   }
 }
-function Se(t) {
-  const e = P(33), {
+function Te(t) {
+  const e = O(33), {
     tool: o,
     labels: n
   } = t;
-  let i;
-  e[0] !== n ? (i = n === void 0 ? {} : n, e[0] = n, e[1] = i) : i = e[1];
-  const r = i, u = o.status === "error", s = r.toolExecuted ?? "Tool executed", l = r.reference ?? "Reference:", c = r.duration ?? "Duration:", f = r.status ?? "Status:", m = r.inputArguments ?? "Input arguments:", h = r.output ?? "Output:";
+  let l;
+  e[0] !== n ? (l = n === void 0 ? {} : n, e[0] = n, e[1] = l) : l = e[1];
+  const r = l, c = o.status === "error", s = r.toolExecuted ?? "Tool executed", i = r.reference ?? "Reference:", d = r.duration ?? "Duration:", f = r.status ?? "Status:", m = r.inputArguments ?? "Input arguments:", h = r.output ?? "Output:";
   let b;
-  e[2] !== l || e[3] !== o.reference ? (b = o.reference && /* @__PURE__ */ S(v, { sx: T.traceField, children: [
-    /* @__PURE__ */ a(z, { variant: "code3", fontWeight: 600, color: "text.secondary", sx: T.traceFieldLabel, children: l }),
-    /* @__PURE__ */ S(v, { sx: T.traceReference, children: [
-      /* @__PURE__ */ a(qe, { color: "success" }),
+  e[2] !== i || e[3] !== o.reference ? (b = o.reference && /* @__PURE__ */ w(v, { sx: T.traceField, children: [
+    /* @__PURE__ */ a(z, { variant: "code3", fontWeight: 600, color: "text.secondary", sx: T.traceFieldLabel, children: i }),
+    /* @__PURE__ */ w(v, { sx: T.traceReference, children: [
+      /* @__PURE__ */ a(Ze, { color: "success" }),
       /* @__PURE__ */ a(z, { variant: "code3", fontWeight: 600, children: o.reference })
     ] })
-  ] }), e[2] = l, e[3] = o.reference, e[4] = b) : b = e[4];
+  ] }), e[2] = i, e[3] = o.reference, e[4] = b) : b = e[4];
   let p;
-  e[5] !== c || e[6] !== o.duration ? (p = o.duration != null && /* @__PURE__ */ S(v, { sx: T.traceField, children: [
-    /* @__PURE__ */ a(z, { variant: "code3", fontWeight: 600, color: "text.secondary", sx: T.traceFieldLabel, children: c }),
-    /* @__PURE__ */ S(z, { variant: "code3", children: [
+  e[5] !== d || e[6] !== o.duration ? (p = o.duration != null && /* @__PURE__ */ w(v, { sx: T.traceField, children: [
+    /* @__PURE__ */ a(z, { variant: "code3", fontWeight: 600, color: "text.secondary", sx: T.traceFieldLabel, children: d }),
+    /* @__PURE__ */ w(z, { variant: "code3", children: [
       o.duration,
       "s"
     ] })
-  ] }), e[5] = c, e[6] = o.duration, e[7] = p) : p = e[7];
+  ] }), e[5] = d, e[6] = o.duration, e[7] = p) : p = e[7];
   let g;
   e[8] !== f ? (g = /* @__PURE__ */ a(z, { variant: "code3", fontWeight: 600, color: "text.secondary", sx: T.traceFieldLabel, children: f }), e[8] = f, e[9] = g) : g = e[9];
-  let d;
-  e[10] !== r || e[11] !== o.status ? (d = /* @__PURE__ */ a(xt, { status: o.status, labels: r }), e[10] = r, e[11] = o.status, e[12] = d) : d = e[12];
+  let u;
+  e[10] !== r || e[11] !== o.status ? (u = /* @__PURE__ */ a(wt, { status: o.status, labels: r }), e[10] = r, e[11] = o.status, e[12] = u) : u = e[12];
   let x;
-  e[13] !== g || e[14] !== d ? (x = /* @__PURE__ */ S(v, { sx: T.traceField, children: [
+  e[13] !== g || e[14] !== u ? (x = /* @__PURE__ */ w(v, { sx: T.traceField, children: [
     g,
-    d
-  ] }), e[13] = g, e[14] = d, e[15] = x) : x = e[15];
+    u
+  ] }), e[13] = g, e[14] = u, e[15] = x) : x = e[15];
   let y;
-  e[16] !== m || e[17] !== u || e[18] !== o.inputArguments || e[19] !== o.output || e[20] !== s ? (y = o.inputArguments && /* @__PURE__ */ S(v, { children: [
+  e[16] !== m || e[17] !== c || e[18] !== o.inputArguments || e[19] !== o.output || e[20] !== s ? (y = o.inputArguments && /* @__PURE__ */ w(v, { children: [
     /* @__PURE__ */ a(z, { variant: "code3", fontWeight: 600, color: "text.secondary", sx: T.traceField, children: m }),
     /* @__PURE__ */ a(ue, { sx: {
       mt: 0.5,
       mb: o.output ? 1.5 : 0
-    }, content: o.inputArguments, title: `${s}: ${m}`, isError: u })
-  ] }), e[16] = m, e[17] = u, e[18] = o.inputArguments, e[19] = o.output, e[20] = s, e[21] = y) : y = e[21];
+    }, content: o.inputArguments, title: `${s}: ${m}`, isError: c })
+  ] }), e[16] = m, e[17] = c, e[18] = o.inputArguments, e[19] = o.output, e[20] = s, e[21] = y) : y = e[21];
   let C;
-  e[22] !== u || e[23] !== h || e[24] !== o.output || e[25] !== s ? (C = o.output && /* @__PURE__ */ S(v, { children: [
+  e[22] !== c || e[23] !== h || e[24] !== o.output || e[25] !== s ? (C = o.output && /* @__PURE__ */ w(v, { children: [
     /* @__PURE__ */ a(z, { variant: "code3", fontWeight: 600, color: "text.secondary", sx: T.traceField, children: h }),
     /* @__PURE__ */ a(ue, { sx: {
       mt: 0.5
-    }, content: o.output, title: `${s}: ${h}`, isError: u })
-  ] }), e[22] = u, e[23] = h, e[24] = o.output, e[25] = s, e[26] = C) : C = e[26];
-  let w;
-  return e[27] !== b || e[28] !== p || e[29] !== x || e[30] !== y || e[31] !== C ? (w = /* @__PURE__ */ S(v, { children: [
+    }, content: o.output, title: `${s}: ${h}`, isError: c })
+  ] }), e[22] = c, e[23] = h, e[24] = o.output, e[25] = s, e[26] = C) : C = e[26];
+  let S;
+  return e[27] !== b || e[28] !== p || e[29] !== x || e[30] !== y || e[31] !== C ? (S = /* @__PURE__ */ w(v, { children: [
     b,
     p,
     x,
     y,
     C
-  ] }), e[27] = b, e[28] = p, e[29] = x, e[30] = y, e[31] = C, e[32] = w) : w = e[32], w;
+  ] }), e[27] = b, e[28] = p, e[29] = x, e[30] = y, e[31] = C, e[32] = S) : S = e[32], S;
 }
 function pe(t) {
-  const e = P(29), {
+  const e = O(29), {
     tool: o,
     expanded: n,
-    onExpandedChange: i,
+    onExpandedChange: l,
     labels: r,
-    sx: u
+    sx: c
   } = t;
   let s;
   e[0] !== r ? (s = r === void 0 ? {} : r, e[0] = r, e[1] = s) : s = e[1];
-  const l = s, c = o.status === "running", f = l.toolExecuted ?? "Tool executed";
-  if (c) {
+  const i = s, d = o.status === "running", f = i.toolExecuted ?? "Tool executed";
+  if (d) {
     let C;
-    e[2] !== o ? (C = ve(o), e[2] = o, e[3] = C) : C = e[3];
-    let w;
-    return e[4] !== C ? (w = /* @__PURE__ */ a(it, { children: C }), e[4] = C, e[5] = w) : w = e[5], w;
+    e[2] !== o ? (C = Se(o), e[2] = o, e[3] = C) : C = e[3];
+    let S;
+    return e[4] !== C ? (S = /* @__PURE__ */ a(ut, { children: C }), e[4] = C, e[5] = S) : S = e[5], S;
   }
   let m;
-  e[6] !== n || e[7] !== i ? (m = () => i?.(!n), e[6] = n, e[7] = i, e[8] = m) : m = e[8];
+  e[6] !== n || e[7] !== l ? (m = () => l?.(!n), e[6] = n, e[7] = l, e[8] = m) : m = e[8];
   let h;
   e[9] !== f ? (h = /* @__PURE__ */ a(z, { variant: "caption", fontWeight: 600, color: "text.secondary", children: f }), e[9] = f, e[10] = h) : h = e[10];
   const b = n ? "rotate(90deg)" : "rotate(0deg)";
   let p;
-  e[11] !== b ? (p = /* @__PURE__ */ a(ye, { sx: {
+  e[11] !== b ? (p = /* @__PURE__ */ a(Ce, { sx: {
     ...T.traceChevron,
     transform: b
   } }), e[11] = b, e[12] = p) : p = e[12];
   let g;
-  e[13] !== n || e[14] !== m || e[15] !== h || e[16] !== p ? (g = /* @__PURE__ */ S(le, { size: "small", variant: "text", onClick: m, "aria-expanded": n, sx: T.traceHeader, children: [
+  e[13] !== n || e[14] !== m || e[15] !== h || e[16] !== p ? (g = /* @__PURE__ */ w(le, { size: "small", variant: "text", onClick: m, "aria-expanded": n, sx: T.traceHeader, children: [
     h,
     p
   ] }), e[13] = n, e[14] = m, e[15] = h, e[16] = p, e[17] = g) : g = e[17];
-  let d;
-  e[18] !== l || e[19] !== o ? (d = /* @__PURE__ */ a(v, { sx: T.traceDetailsWrapper, children: /* @__PURE__ */ a(Se, { tool: o, labels: l }) }), e[18] = l, e[19] = o, e[20] = d) : d = e[20];
+  let u;
+  e[18] !== i || e[19] !== o ? (u = /* @__PURE__ */ a(v, { sx: T.traceDetailsWrapper, children: /* @__PURE__ */ a(Te, { tool: o, labels: i }) }), e[18] = i, e[19] = o, e[20] = u) : u = e[20];
   let x;
-  e[21] !== n || e[22] !== d ? (x = /* @__PURE__ */ a(se, { in: n, unmountOnExit: !0, children: d }), e[21] = n, e[22] = d, e[23] = x) : x = e[23];
+  e[21] !== n || e[22] !== u ? (x = /* @__PURE__ */ a(se, { in: n, unmountOnExit: !0, children: u }), e[21] = n, e[22] = u, e[23] = x) : x = e[23];
   let y;
-  return e[24] !== u || e[25] !== g || e[26] !== x || e[27] !== o.name ? (y = /* @__PURE__ */ S(v, { width: "100%", sx: u, "data-tool": o.name, className: "PsChat--tool-trace", children: [
+  return e[24] !== c || e[25] !== g || e[26] !== x || e[27] !== o.name ? (y = /* @__PURE__ */ w(v, { width: "100%", sx: c, "data-tool": o.name, className: "PsChat--tool-trace", children: [
     g,
     x
-  ] }), e[24] = u, e[25] = g, e[26] = x, e[27] = o.name, e[28] = y) : y = e[28], y;
+  ] }), e[24] = c, e[25] = g, e[26] = x, e[27] = o.name, e[28] = y) : y = e[28], y;
 }
 function me(t, e) {
-  const o = P(5), [n, i] = te(t);
+  const o = O(5), [n, l] = te(t);
   if (e) {
     let r;
     return o[0] !== e || o[1] !== t ? (r = [t, e], o[0] = e, o[1] = t, o[2] = r) : r = o[2], r;
   } else {
     let r;
-    return o[3] !== n ? (r = [n, i], o[3] = n, o[4] = r) : r = o[4], r;
+    return o[3] !== n ? (r = [n, l], o[3] = n, o[4] = r) : r = o[4], r;
   }
 }
-function Pt(t) {
-  const e = P(61), {
+function Gt(t) {
+  const e = O(61), {
     tools: o,
     expanded: n,
-    onExpandedChange: i,
+    onExpandedChange: l,
     expandedTools: r,
-    onToolExpandedChange: u,
+    onToolExpandedChange: c,
     labels: s,
-    sx: l
-  } = t, c = n === void 0 ? !1 : n;
+    sx: i
+  } = t, d = n === void 0 ? !1 : n;
   let f;
   e[0] !== r ? (f = r === void 0 ? {} : r, e[0] = r, e[1] = f) : f = e[1];
   const m = f;
   let h;
   e[2] !== s ? (h = s === void 0 ? {} : s, e[2] = s, e[3] = h) : h = e[3];
-  const b = h, [p, g] = me(c, i), [d, x] = me(m, u);
+  const b = h, [p, g] = me(d, l), [u, x] = me(m, c);
   let y;
-  e[4] !== o ? (y = o.filter(Ct), e[4] = o, e[5] = y) : y = e[5];
+  e[4] !== o ? (y = o.filter(kt), e[4] = o, e[5] = y) : y = e[5];
   const C = y.length;
-  let w, _;
-  if (e[6] !== p || e[7] !== d || e[8] !== b || e[9] !== C || e[10] !== g || e[11] !== x || e[12] !== l || e[13] !== o) {
+  let S, _;
+  if (e[6] !== p || e[7] !== u || e[8] !== b || e[9] !== C || e[10] !== g || e[11] !== x || e[12] !== i || e[13] !== o) {
     _ = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
     e: {
-      const L = o.filter(yt), $ = o.filter(bt), A = b.toolsUsed ?? "tools used", M = b.error ?? "Error";
+      const L = o.filter(Tt), $ = o.filter(St), A = b.toolsUsed ?? "tools used", D = b.error ?? "Error";
       if (o.length === 1) {
         let k;
-        e[16] !== p || e[17] !== b || e[18] !== g || e[19] !== l || e[20] !== o[0] ? (k = /* @__PURE__ */ a(pe, { tool: o[0], expanded: p, onExpandedChange: g, labels: b, sx: l }), e[16] = p, e[17] = b, e[18] = g, e[19] = l, e[20] = o[0], e[21] = k) : k = e[21], _ = k;
+        e[16] !== p || e[17] !== b || e[18] !== g || e[19] !== i || e[20] !== o[0] ? (k = /* @__PURE__ */ a(pe, { tool: o[0], expanded: p, onExpandedChange: g, labels: b, sx: i }), e[16] = p, e[17] = b, e[18] = g, e[19] = i, e[20] = o[0], e[21] = k) : k = e[21], _ = k;
         break e;
       }
+      let M;
+      e[22] !== p || e[23] !== g ? (M = () => g(!p), e[22] = p, e[23] = g, e[24] = M) : M = e[24];
+      const H = C > 0 ? 0.5 : 0;
       let R;
-      e[22] !== p || e[23] !== g ? (R = () => g(!p), e[22] = p, e[23] = g, e[24] = R) : R = e[24];
-      const O = C > 0 ? 0.5 : 0;
-      let B;
-      e[25] !== O ? (B = {
+      e[25] !== H ? (R = {
         ...T.traceHeader,
-        pr: O
-      }, e[25] = O, e[26] = B) : B = e[26];
-      let D;
-      e[27] !== o.length || e[28] !== A ? (D = /* @__PURE__ */ S(z, { variant: "caption", fontWeight: 600, color: "text.secondary", children: [
+        pr: H
+      }, e[25] = H, e[26] = R) : R = e[26];
+      let B;
+      e[27] !== o.length || e[28] !== A ? (B = /* @__PURE__ */ w(z, { variant: "caption", fontWeight: 600, color: "text.secondary", children: [
         o.length,
         " ",
         A
-      ] }), e[27] = o.length, e[28] = A, e[29] = D) : D = e[29];
+      ] }), e[27] = o.length, e[28] = A, e[29] = B) : B = e[29];
       const j = p ? "rotate(90deg)" : "rotate(0deg)";
       let K;
-      e[30] !== j ? (K = /* @__PURE__ */ a(ye, { sx: {
+      e[30] !== j ? (K = /* @__PURE__ */ a(Ce, { sx: {
         ...T.traceChevron,
         transform: j
       } }), e[30] = j, e[31] = K) : K = e[31];
       let G;
-      e[32] !== C ? (G = C > 0 && /* @__PURE__ */ S(z, { variant: "code3", sx: T.errorBadge, children: [
+      e[32] !== C ? (G = C > 0 && /* @__PURE__ */ w(z, { variant: "code3", sx: T.errorBadge, children: [
         C,
-        /* @__PURE__ */ a(ge, { sx: {
+        /* @__PURE__ */ a(xe, { sx: {
           fontSize: 12
         }, color: "error" })
       ] }), e[32] = C, e[33] = G) : G = e[33];
       let J;
-      e[34] !== p || e[35] !== B || e[36] !== D || e[37] !== K || e[38] !== G || e[39] !== R ? (J = /* @__PURE__ */ S(le, { size: "small", variant: "text", onClick: R, "aria-expanded": p, sx: B, children: [
-        D,
+      e[34] !== p || e[35] !== R || e[36] !== B || e[37] !== K || e[38] !== G || e[39] !== M ? (J = /* @__PURE__ */ w(le, { size: "small", variant: "text", onClick: M, "aria-expanded": p, sx: R, children: [
+        B,
         K,
         G
-      ] }), e[34] = p, e[35] = B, e[36] = D, e[37] = K, e[38] = G, e[39] = R, e[40] = J) : J = e[40];
+      ] }), e[34] = p, e[35] = R, e[36] = B, e[37] = K, e[38] = G, e[39] = M, e[40] = J) : J = e[40];
       const Q = se, Z = p, U = !0, Y = v, q = "ul";
       let V;
       e[41] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (V = {
@@ -1663,74 +1690,75 @@ function Pt(t) {
         listStyle: "none"
       }, e[41] = V) : V = e[41];
       let I;
-      e[42] !== M || e[43] !== d || e[44] !== b || e[45] !== x ? (I = (k) => {
-        const E = d[k.id] ?? !1;
-        return /* @__PURE__ */ S(v, { component: "li", sx: T.groupListItem, "aria-expanded": E, children: [
-          /* @__PURE__ */ S(le, { variant: "text", color: "inherit", fullWidth: !0, onClick: () => x({
-            ...d,
+      e[42] !== D || e[43] !== u || e[44] !== b || e[45] !== x ? (I = (k) => {
+        const E = u[k.id] ?? !1;
+        return /* @__PURE__ */ w(v, { component: "li", sx: T.groupListItem, "aria-expanded": E, children: [
+          /* @__PURE__ */ w(le, { variant: "text", color: "inherit", fullWidth: !0, onClick: () => x({
+            ...u,
             [k.id]: !E
           }), "aria-expanded": E, sx: T.groupHeader, children: [
-            /* @__PURE__ */ a(z, { flexGrow: 1, flexShrink: 0, variant: "caption", color: "text.secondary", children: ve(k) }),
-            k.status === "error" && /* @__PURE__ */ a(z, { variant: "code3", color: "error.main", children: M }),
-            /* @__PURE__ */ a(Xe, { sx: {
+            /* @__PURE__ */ a(z, { flexGrow: 1, flexShrink: 0, variant: "caption", color: "text.secondary", children: Se(k) }),
+            k.status === "error" && /* @__PURE__ */ a(z, { variant: "code3", color: "error.main", children: D }),
+            /* @__PURE__ */ a(qe, { sx: {
               ...T.traceChevron,
               transform: E ? "rotate(90deg)" : "rotate(0deg)"
             } })
           ] }),
-          /* @__PURE__ */ a(se, { in: E, unmountOnExit: !0, children: /* @__PURE__ */ a(v, { px: 1.5, py: 1, children: /* @__PURE__ */ a(Se, { tool: k, labels: b }) }) })
+          /* @__PURE__ */ a(se, { in: E, unmountOnExit: !0, children: /* @__PURE__ */ a(v, { px: 1.5, py: 1, children: /* @__PURE__ */ a(Te, { tool: k, labels: b }) }) })
         ] }, k.id);
-      }, e[42] = M, e[43] = d, e[44] = b, e[45] = x, e[46] = I) : I = e[46];
+      }, e[42] = D, e[43] = u, e[44] = b, e[45] = x, e[46] = I) : I = e[46];
       const F = $.map(I);
       let W;
       e[47] !== Y || e[48] !== q || e[49] !== V || e[50] !== F ? (W = /* @__PURE__ */ a(Y, { component: q, sx: V, children: F }), e[47] = Y, e[48] = q, e[49] = V, e[50] = F, e[51] = W) : W = e[51];
       let X;
       e[52] !== Q || e[53] !== Z || e[54] !== U || e[55] !== W ? (X = /* @__PURE__ */ a(Q, { in: Z, unmountOnExit: U, children: W }), e[52] = Q, e[53] = Z, e[54] = U, e[55] = W, e[56] = X) : X = e[56];
       let N;
-      e[57] !== d || e[58] !== b || e[59] !== x ? (N = (k) => /* @__PURE__ */ a(pe, { tool: k, labels: b, expanded: d[k.id], onExpandedChange: () => x({
-        ...d,
-        [k.id]: !d[k.id]
-      }) }, k.id), e[57] = d, e[58] = b, e[59] = x, e[60] = N) : N = e[60], w = /* @__PURE__ */ S(v, { width: "100%", sx: l, className: "PsChat--tool-group", children: [
+      e[57] !== u || e[58] !== b || e[59] !== x ? (N = (k) => /* @__PURE__ */ a(pe, { tool: k, labels: b, expanded: u[k.id], onExpandedChange: () => x({
+        ...u,
+        [k.id]: !u[k.id]
+      }) }, k.id), e[57] = u, e[58] = b, e[59] = x, e[60] = N) : N = e[60], S = /* @__PURE__ */ w(v, { width: "100%", sx: i, className: "PsChat--tool-group", children: [
         J,
         X,
         L.map(N)
       ] });
     }
-    e[6] = p, e[7] = d, e[8] = b, e[9] = C, e[10] = g, e[11] = x, e[12] = l, e[13] = o, e[14] = w, e[15] = _;
+    e[6] = p, e[7] = u, e[8] = b, e[9] = C, e[10] = g, e[11] = x, e[12] = i, e[13] = o, e[14] = S, e[15] = _;
   } else
-    w = e[14], _ = e[15];
-  return _ !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel") ? _ : w;
+    S = e[14], _ = e[15];
+  return _ !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel") ? _ : S;
 }
-function bt(t) {
+function St(t) {
   return t.status !== "running";
 }
-function yt(t) {
+function Tt(t) {
   return t.status === "running";
 }
-function Ct(t) {
+function kt(t) {
   return t.status === "error";
 }
 export {
-  Et as CHAT_DIVIDER_DELAY,
+  zt as CHAT_DIVIDER_DELAY,
   ie as CHAT_MAX_WIDTH,
-  $t as CHAT_SCROLL_DELAY,
-  Je as CHAT_TOOL_CODE_AREA_MAX_HEIGHT,
-  Ot as ChatActionsContainer,
-  Ze as ChatAgentMessage,
-  at as ChatContent,
-  Dt as ChatErrorMessage,
-  Wt as ChatFooter,
-  zt as ChatHeader,
-  Mt as ChatLoader,
-  Ce as ChatMessageOverflow,
-  Ht as ChatRatingAction,
-  Ft as ChatStarter,
-  ot as ChatSuggestionButton,
-  it as ChatThinking,
+  Dt as CHAT_SCROLL_DELAY,
+  et as CHAT_TOOL_CODE_AREA_MAX_HEIGHT,
+  Ut as ChatActionsContainer,
+  we as ChatAgentMessage,
+  rt as ChatAgentMessageMarkdown,
+  pt as ChatContent,
+  Ot as ChatErrorMessage,
+  Vt as ChatFooter,
+  Pt as ChatHeader,
+  Ht as ChatLoader,
+  ve as ChatMessageOverflow,
+  Nt as ChatRatingAction,
+  jt as ChatStarter,
+  st as ChatSuggestionButton,
+  ut as ChatThinking,
   ue as ChatToolCodeArea,
-  pt as ChatToolFullViewDialog,
-  Pt as ChatToolGroup,
+  bt as ChatToolFullViewDialog,
+  Gt as ChatToolGroup,
   pe as ChatToolTrace,
-  Bt as ChatUserMessage,
-  Rt as useTypewriter
+  Ft as ChatUserMessage,
+  Wt as useTypewriter
 };
 //# sourceMappingURL=chat.js.map