@carto/ps-react-ui 4.11.3 → 4.12.0

package/dist/chat.js

@@ -1,50 +1,68 @@
-import { useRef as X, useState as N, useEffect as Z, forwardRef as ve, useImperativeHandle as Te } from "react";
-import { jsx as c, jsxs as k, Fragment as we } from "react/jsx-runtime";
-import { c as W } from "react/compiler-runtime";
-import { styled as ae, Typography as A, Box as C, Link as ke, ButtonBase as Se, Fab as Ae, IconButton as H, FilledInput as _e, FormHelperText as Ie, FormControl as Ee, DialogTitle as Le, DialogContent as $e, Dialog as Re, Tooltip as De, Button as ie, Collapse as se, CircularProgress as Be } from "@mui/material";
-import { ErrorOutline as he, ArrowUpward as Fe, KeyboardArrowDown as We, Close as ge, StopCircleOutlined as ze, ArrowUpwardOutlined as Me, ThumbUp as Oe, ThumbUpOutlined as He, ThumbDown as Pe, ThumbDownOutlined as Ve, ArrowRight as xe, Error as je, CheckCircle as Ue, ChevronRight as Ne } from "@mui/icons-material";
+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 { keyframes as ce } from "@mui/material/styles";
-import { C as Ge } from "./copy-button-DGL1tyli.js";
-import { OpenDiagonallyRight as Xe, McpTool as Ye } from "@carto/meridian-ds/custom-icons";
-const Q = 768, _t = 300, It = 100, Ke = 126;
-function Et(t, e = {}) {
-  const {
-    speed: n = 500,
-    skipAnimation: r = !1
-  } = e, l = X(r), [o, d] = N(() => l.current ? t.length : 0);
-  return Z(() => {
-    if (l.current) {
-      d(t.length);
+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);
+  let n;
+  o[0] !== e ? (n = e === void 0 ? {} : e, o[0] = e, o[1] = n) : n = o[1];
+  const i = 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);
+  let b, p;
+  o[5] !== t || o[6] !== l || o[7] !== s ? (b = () => {
+    if (l || h.current >= t.length)
       return;
+    const y = 1e3 / s;
+    let C, w = null;
+    function _(L) {
+      w = w ?? L;
+      const $ = Math.floor((L - w) / y);
+      if ($ > 0) {
+        w = L;
+        const A = Math.min(h.current + $, t.length);
+        if (h.current = A, m(A), A >= t.length)
+          return;
+      }
+      C = requestAnimationFrame(_);
     }
-    if (o >= t.length)
-      return;
-    const s = 1e3 / n;
-    let i, a = null;
-    function p(m) {
-      a ??= m;
-      const g = m - a, x = Math.floor(g / s);
-      x > 0 && (a = m, d((h) => Math.min(h + x, t.length))), i = requestAnimationFrame(p);
-    }
-    return i = requestAnimationFrame(p), () => cancelAnimationFrame(i);
-  }, [t, o, n]), {
-    displayedText: t.slice(0, o),
-    isTyping: o < t.length
-  };
+    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);
+  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;
+  let x;
+  return o[14] !== g || o[15] !== d ? (x = {
+    displayedText: g,
+    isTyping: d
+  }, o[14] = g, o[15] = d, o[16] = x) : x = o[16], x;
 }
-const be = ae(A)(() => ({
+const Ce = ae(z)(() => ({
   whiteSpace: "pre-wrap",
   overflowX: "clip",
   overflowWrap: "break-word",
   maxWidth: "100%"
 }));
-be.displayName = "ChatMessageOverflow";
-const O = {
+Ce.displayName = "ChatMessageOverflow";
+const ee = {
   agentMessageContainer: (t) => ({
+    ...t.typography.body2,
     width: "100%",
     display: "flex",
     flexDirection: "column",
     alignItems: "flex-start",
+    // Separate the stacked turn blocks (tools → answer text → actions) per the
+    // Figma "Chat Turn" spec (gap-8).
+    gap: t.spacing(1),
     paddingRight: t.spacing(4),
     "& + .PsChat--agent-message": {
       marginTop: t.spacing(1)
@@ -131,7 +149,7 @@ const O = {
     }) => `1px solid ${t.divider}`,
     backgroundColor: ({
       palette: t
-    }) => t.background.default,
+    }) => t.background.paper,
     color: ({
       palette: t
     }) => t.text.primary,
@@ -231,125 +249,125 @@ const O = {
     }
   }
 };
-function Lt(t) {
-  const e = W(11), {
-    children: n,
-    muted: r,
-    topContext: l,
-    sx: o
-  } = t, d = r === void 0 ? !1 : r;
+function Bt(t) {
+  const e = P(11), {
+    children: o,
+    muted: n,
+    topContext: i,
+    sx: r
+  } = t, u = n === void 0 ? !1 : n;
   let s;
-  e[0] !== l ? (s = l && /* @__PURE__ */ c(C, { sx: O.userMessageTop, children: l }), e[0] = l, e[1] = s) : s = e[1];
-  const i = d ? O.muted : void 0;
-  let a;
-  e[2] !== o || e[3] !== i ? (a = {
-    ...O.userMessage,
-    ...i,
-    ...o
-  }, e[2] = o, e[3] = i, e[4] = a) : a = e[4];
-  let p;
-  e[5] !== n || e[6] !== a ? (p = /* @__PURE__ */ c(be, { className: "PsChat--user-message-inner", variant: "body2", sx: a, children: n }), e[5] = n, e[6] = a, e[7] = p) : p = e[7];
+  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 = {
+    ...ee.userMessage,
+    ...l,
+    ...r
+  }, e[2] = r, e[3] = l, e[4] = c) : c = 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];
   let m;
-  return e[8] !== s || e[9] !== p ? (m = /* @__PURE__ */ k(C, { className: "PsChat--user-message", sx: O.userMessageContainer, children: [
+  return e[8] !== s || e[9] !== f ? (m = /* @__PURE__ */ S(v, { className: "PsChat--user-message", sx: ee.userMessageContainer, children: [
     s,
-    p
-  ] }), e[8] = s, e[9] = p, e[10] = m) : m = e[10], m;
+    f
+  ] }), e[8] = s, e[9] = f, e[10] = m) : m = e[10], m;
 }
-const qe = (t) => {
-  const e = W(6);
-  let n, r;
+const Qe = (t) => {
+  const e = P(6);
+  let o, n;
   e[0] !== t ? ({
-    className: n,
-    ...r
-  } = t, e[0] = t, e[1] = n, e[2] = r) : (n = e[1], r = e[2]);
-  const l = `PsChat--agent-message ${n ?? ""}`;
-  let o;
-  return e[3] !== r || e[4] !== l ? (o = /* @__PURE__ */ c(C, { className: l, ...r }), e[3] = r, e[4] = l, e[5] = o) : o = e[5], o;
-}, Je = ae(qe)(({
+    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 ?? ""}`;
+  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)(({
   theme: t
-}) => O.agentMessageContainer(t));
-Je.displayName = "ChatAgentMessage";
-function $t(t) {
-  const e = W(13), {
-    errors: n,
-    icon: r,
-    actions: l,
-    sx: o
+}) => ee.agentMessageContainer(t));
+Ze.displayName = "ChatAgentMessage";
+function Dt(t) {
+  const e = P(13), {
+    errors: o,
+    icon: n,
+    actions: i,
+    sx: r
   } = t;
-  let d;
-  e[0] !== o ? (d = {
-    ...O.errorMessage,
-    ...o
-  }, e[0] = o, e[1] = d) : d = e[1];
+  let u;
+  e[0] !== r ? (u = {
+    ...ee.errorMessage,
+    ...r
+  }, e[0] = r, e[1] = u) : u = e[1];
   let s;
-  e[2] !== r ? (s = r ?? /* @__PURE__ */ c(he, { fontSize: "medium", color: "error" }), e[2] = r, e[3] = s) : s = e[3];
-  let i;
-  e[4] !== n ? (i = n.map(Ze), e[4] = n, e[5] = i) : i = e[5];
-  let a;
-  e[6] !== l ? (a = l?.length ? /* @__PURE__ */ c(C, { sx: O.errorActions, children: (l ?? []).map(Qe) }) : null, e[6] = l, e[7] = a) : a = e[7];
-  let p;
-  return e[8] !== d || e[9] !== s || e[10] !== i || e[11] !== a ? (p = /* @__PURE__ */ k(C, { sx: d, children: [
+  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];
+  let f;
+  return e[8] !== u || e[9] !== s || e[10] !== l || e[11] !== c ? (f = /* @__PURE__ */ S(v, { sx: u, children: [
     s,
-    i,
-    a
-  ] }), e[8] = d, e[9] = s, e[10] = i, e[11] = a, e[12] = p) : p = e[12], p;
+    l,
+    c
+  ] }), e[8] = u, e[9] = s, e[10] = l, e[11] = c, e[12] = f) : f = e[12], f;
 }
-function Qe(t, e) {
-  return /* @__PURE__ */ k("span", { children: [
-    e > 0 && /* @__PURE__ */ c(A, { component: "span", variant: "body2", sx: O.errorActionSeparator, children: "·" }),
-    /* @__PURE__ */ c(ke, { component: "button", variant: "body2", onClick: t.onClick, sx: O.errorAction, children: t.label })
+function et(t, e) {
+  return /* @__PURE__ */ S("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 })
   ] }, e);
 }
-function Ze(t, e) {
-  return /* @__PURE__ */ c(A, { variant: "subtitle2", color: "error.relatedDark", children: t }, e);
+function tt(t, e) {
+  return /* @__PURE__ */ a(z, { variant: "subtitle2", color: "error.relatedDark", children: t }, e);
 }
-function et(t) {
-  const e = W(17);
-  let n, r, l, o;
+function ot(t) {
+  const e = P(17);
+  let o, n, i, r;
   e[0] !== t ? ({
-    label: r,
-    color: n,
-    sx: o,
-    ...l
-  } = t, e[0] = t, e[1] = n, e[2] = r, e[3] = l, e[4] = o) : (n = e[1], r = e[2], l = e[3], o = e[4]);
-  let d;
-  e[5] !== n ? (d = n ? {
-    backgroundColor: n
-  } : void 0, e[5] = n, e[6] = d) : d = e[6];
+    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 ? {
+    backgroundColor: o
+  } : void 0, e[5] = o, e[6] = u) : u = e[6];
   let s;
-  e[7] !== o || e[8] !== d ? (s = {
-    ...O.suggestionButton,
-    ...d,
-    ...o
-  }, e[7] = o, e[8] = d, e[9] = s) : s = e[9];
-  let i;
-  e[10] !== r ? (i = /* @__PURE__ */ c(A, { color: "inherit", variant: "body2", children: r }), e[10] = r, e[11] = i) : i = e[11];
-  let a;
-  e[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */ c(Fe, {}), e[12] = a) : a = e[12];
-  let p;
-  return e[13] !== l || e[14] !== s || e[15] !== i ? (p = /* @__PURE__ */ k(Se, { sx: s, ...l, children: [
-    i,
-    a
-  ] }), e[13] = l, e[14] = s, e[15] = i, e[16] = p) : p = e[16], p;
+  e[7] !== r || e[8] !== u ? (s = {
+    ...ee.suggestionButton,
+    ...u,
+    ...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];
+  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;
 }
-const tt = ce`
+const nt = ce`
   0% {
     background-position: 150% 0;
   }
   100% {
     background-position: -50% 0;
   }
-`, nt = ce`
+`, rt = 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; }
-`, ot = ce`
+`, lt = ce`
   0% { transform: scale(1); }
   40% { transform: scale(0.75); }
   80% { transform: scale(1.125); }
   100% { transform: scale(1); }
-`, w = {
+`, T = {
   thinking: {
     display: "flex",
     alignItems: "center",
@@ -368,7 +386,7 @@ const tt = ce`
     backgroundClip: "text",
     WebkitBackgroundClip: "text",
     WebkitTextFillColor: "transparent",
-    animation: `${tt} 2s ease-in-out infinite`,
+    animation: `${nt} 2s ease-in-out infinite`,
     animationDuration: "2s"
   },
   loader: {
@@ -386,7 +404,7 @@ const tt = ce`
     backgroundColor: ({
       palette: t
     }) => t.action.disabled,
-    animation: `${nt} 1s ease-in-out infinite`
+    animation: `${rt} 1s ease-in-out infinite`
   },
   loaderInnerCircle: {
     position: "absolute",
@@ -396,7 +414,7 @@ const tt = ce`
     backgroundColor: ({
       palette: t
     }) => t.text.primary,
-    animation: `${ot} 1s ease-in-out infinite`
+    animation: `${lt} 1s ease-in-out infinite`
   },
   // --- Tool Trace styles ---
   traceHeader: {
@@ -492,8 +510,15 @@ const tt = ce`
     backgroundColor: ({
       palette: t
     }) => t.background.default,
-    fontSize: "0.75rem",
-    fontFamily: "monospace",
+    fontFamily: ({
+      typography: t
+    }) => t.code3?.fontFamily ?? t.code1?.fontFamily ?? "monospace",
+    fontSize: ({
+      typography: t
+    }) => t.code3?.fontSize ?? "0.75rem",
+    lineHeight: ({
+      typography: t
+    }) => t.code3?.lineHeight ?? 1.333,
     whiteSpace: "pre-wrap",
     wordBreak: "break-word",
     overflowY: "auto"
@@ -549,8 +574,12 @@ const tt = ce`
       palette: t,
       spacing: e
     }) => `linear-gradient(to right, ${t.action.hover} calc(${e(1)} + 3em), ${t.background.default} calc(${e(1)} + 3em))`,
-    fontFamily: "monospace",
-    fontSize: "0.8125rem",
+    fontFamily: ({
+      typography: t
+    }) => t.code3?.fontFamily ?? t.code1?.fontFamily ?? "monospace",
+    fontSize: ({
+      typography: t
+    }) => t.code3?.fontSize ?? "0.75rem",
     whiteSpace: "pre-wrap",
     wordBreak: "break-word",
     lineHeight: 1.6,
@@ -630,58 +659,58 @@ const tt = ce`
     }
   }
 };
-function rt(t) {
-  const e = W(6), {
-    children: n,
-    duration: r,
-    sx: l
-  } = t, o = n === void 0 ? "Thinking..." : n, s = `${(r === void 0 ? 2e3 : r) / 1e3}s`;
-  let i;
-  e[0] !== s || e[1] !== l ? (i = {
-    ...w.thinking,
+function it(t) {
+  const e = P(6), {
+    children: o,
+    duration: n,
+    sx: i
+  } = t, r = o === void 0 ? "Thinking..." : o, s = `${(n === void 0 ? 2e3 : n) / 1e3}s`;
+  let l;
+  e[0] !== s || e[1] !== i ? (l = {
+    ...T.thinking,
     animationDuration: s,
-    ...l
-  }, e[0] = s, e[1] = l, e[2] = i) : i = e[2];
-  let a;
-  return e[3] !== o || e[4] !== i ? (a = /* @__PURE__ */ c(A, { variant: "body2", sx: i, children: o }), e[3] = o, e[4] = i, e[5] = a) : a = e[5], a;
+    ...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;
 }
-function Rt(t) {
-  const e = W(16), {
-    size: n,
-    labels: r,
-    sx: l
-  } = t, o = n === void 0 ? 24 : n;
-  let d;
-  e[0] !== r ? (d = r === void 0 ? {} : r, e[0] = r, e[1] = d) : d = e[1];
-  const i = d.loading ?? "Loading";
-  let a;
-  e[2] !== o || e[3] !== l ? (a = {
-    ...w.loader,
-    width: o,
-    height: o,
-    ...l
-  }, e[2] = o, e[3] = l, e[4] = a) : a = e[4];
-  const p = o * 0.75, m = o * 0.75;
-  let g;
-  e[5] !== p || e[6] !== m ? (g = /* @__PURE__ */ c(C, { component: "span", sx: {
-    ...w.loaderOuterCircle,
-    width: p,
-    height: m
-  } }), e[5] = p, e[6] = m, e[7] = g) : g = e[7];
-  const x = o * 0.32, h = o * 0.32;
+function Mt(t) {
+  const e = P(16), {
+    size: o,
+    labels: n,
+    sx: i
+  } = t, r = o === void 0 ? 24 : o;
   let u;
-  e[8] !== h || e[9] !== x ? (u = /* @__PURE__ */ c(C, { component: "span", sx: {
-    ...w.loaderInnerCircle,
-    width: x,
-    height: h
-  } }), e[8] = h, e[9] = x, e[10] = u) : u = e[10];
-  let f;
-  return e[11] !== u || e[12] !== i || e[13] !== a || e[14] !== g ? (f = /* @__PURE__ */ k(C, { role: "status", "aria-busy": !0, "aria-label": i, sx: a, children: [
-    g,
-    u
-  ] }), e[11] = u, e[12] = i, e[13] = a, e[14] = g, e[15] = f) : f = e[15], f;
+  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 = {
+    ...T.loader,
+    width: r,
+    height: r,
+    ...i
+  }, e[2] = r, e[3] = i, e[4] = c) : c = 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: {
+    ...T.loaderOuterCircle,
+    width: f,
+    height: m
+  } }), e[5] = f, e[6] = m, e[7] = h) : h = e[7];
+  const b = r * 0.32, p = r * 0.32;
+  let g;
+  e[8] !== p || e[9] !== b ? (g = /* @__PURE__ */ a(v, { component: "span", sx: {
+    ...T.loaderInnerCircle,
+    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: [
+    h,
+    g
+  ] }), e[11] = g, e[12] = l, e[13] = c, e[14] = h, e[15] = d) : d = e[15], d;
 }
-const z = {
+const H = {
   header: {
     display: "flex",
     alignItems: "center",
@@ -709,27 +738,146 @@ const z = {
   footerWrapper: {
     padding: ({
       spacing: t
-    }) => t(1),
-    position: "relative"
-  },
-  footerCorner: {
-    position: "absolute",
-    bottom: "38px",
-    right: `max(16px, calc(50% - ${Q / 2}px + 6px))`,
-    margin: "0 auto"
+    }) => t(1)
   },
-  footer: {
-    maxWidth: Q,
+  /**
+   * Rounded input box, matching the reference ChatFooter. A two-column grid:
+   * main column (input + optional slots) | send button, bottom-aligned so it
+   * stays at the end as the input grows. NO vertical padding — the textarea's own
+   * padding sets the ~32px single-line height, so the box hugs the input.
+   */
+  footerBox: {
+    maxWidth: ie,
+    width: "100%",
     margin: "0 auto",
-    "&.MuiFilledInput-root.MuiInputBase-multiline.MuiInputBase-sizeSmall textarea": {
+    display: "grid",
+    gridTemplateColumns: "1fr auto",
+    alignItems: "end",
+    columnGap: ({
+      spacing: t
+    }) => t(0.5),
+    backgroundColor: ({
+      palette: t
+    }) => t.default?.background ?? "rgba(44, 48, 50, 0.04)",
+    borderRadius: ({
+      spacing: t
+    }) => t(0.5),
+    paddingInline: ({
+      spacing: t
+    }) => t(0.5)
+  },
+  /** Main grid area: input stacked above the (optional) slots row. */
+  footerMain: {
+    minWidth: 0,
+    display: "flex",
+    flexDirection: "column",
+    gap: ({
+      spacing: t
+    }) => t(0.5)
+  },
+  /**
+   * Send-button grid area, bottom-aligned (matches the reference flex-end row) so
+   * the button stays at the bottom as the input grows. The small bottom padding
+   * keeps it off the box edge — in the single-line state it reads as vertically
+   * centered (4px top / 4px bottom around the 24px button in the 32px row).
+   */
+  footerSend: {
+    alignSelf: "end",
+    paddingBottom: ({
+      spacing: t
+    }) => t(0.5),
+    "& .MuiIconButton-root": {
+      padding: ({
+        spacing: t
+      }) => t(0.5)
+    }
+  },
+  /** The chrome-less multiline input (no underline / no filled affordance). */
+  footerInput: {
+    width: "100%",
+    typography: "body2",
+    // The Meridian theme styles multiline InputBase as a tall "comment field"
+    // (min-height: 96px on the root, 12px/14px textarea padding). Override both to
+    // get the compact chat field: kill the root min-height and use the reference's
+    // 6px/10px padding — both need !important to beat the theme override. Height
+    // then comes from MUI's TextareaAutosize (minRows=1/maxRows=8): one line
+    // (~32px) → grows → scrolls.
+    //
+    // TextareaAutosize renders a hidden shadow <textarea> (it carries
+    // `aria-hidden="true"`, the same class, and an inline `padding: 0`) to measure
+    // the content height; MUI then applies that height to the visible input. Getting
+    // the compact ~32px single line right needs the two rules below split apart:
+    //
+    //  • Font metrics (size/line-height/letter-spacing) go on BOTH textareas. The
+    //    shadow measures with its own CSS, so if it isn't pinned to body2 it
+    //    measures at the default ~24px line-height and the box ends up too tall.
+    //  • Padding goes on the VISIBLE input ONLY (`:not([aria-hidden])`). A
+    //    `!important` padding that also hit the shadow would clobber its measurement
+    //    `padding: 0`, double-counting the padding (~44px instead of 32px).
+    //
+    // `!important` is required on both to beat the Meridian theme's tall
+    // "comment field" multiline overrides (12px/14px padding, larger metrics); the
+    // root `min-height: 0` kills that theme's 96px min-height.
+    minHeight: "0 !important",
+    "& textarea": {
+      fontSize: ({
+        typography: t
+      }) => `${t.body2.fontSize} !important`,
+      lineHeight: ({
+        typography: t
+      }) => `${t.body2.lineHeight} !important`,
+      letterSpacing: ({
+        typography: t
+      }) => `${t.body2.letterSpacing} !important`
+    },
+    "& textarea:not([aria-hidden])": {
       resize: "none",
-      maxHeight: "10em",
-      overflowY: "auto !important",
-      paddingRight: ({
+      padding: ({
         spacing: t
-      }) => t(5)
+      }) => `${t(0.75, 1.25)} !important`
     }
   },
+  /**
+   * Slots row under the input: start slot + model selector + end slot. The left
+   * padding lines the row's content up with the input text above it: the input
+   * text is inset ~12px from the box edge (InputBase root padding + the textarea's
+   * 10px left padding) while the model-selector text button only insets ~8px, so a
+   * 4px indent here makes the slot label share the placeholder's left edge instead
+   * of sitting further out.
+   */
+  footerSlots: {
+    display: "flex",
+    alignItems: "center",
+    gap: ({
+      spacing: t
+    }) => t(0.5),
+    minWidth: 0,
+    flexWrap: "wrap",
+    paddingLeft: ({
+      spacing: t
+    }) => t(0.5),
+    paddingBottom: ({
+      spacing: t
+    }) => t(0.5)
+  },
+  modelSelector: {
+    textTransform: "none",
+    color: ({
+      palette: t
+    }) => t.text.secondary,
+    maxWidth: "100%",
+    minWidth: 0,
+    "& .MuiButton-endIcon": {
+      marginLeft: ({
+        spacing: t
+      }) => t(0.25)
+    }
+  },
+  modelSelectorLabel: {
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap"
+  },
   footerCaption: {
     textAlign: "center"
   },
@@ -738,11 +886,11 @@ const z = {
     flex: 1,
     position: "relative",
     mx: "auto",
-    maxWidth: Q,
+    maxWidth: ie,
     width: "100%",
     maxHeight: "100%",
     pt: 1,
-    pb: 2,
+    pb: 3,
     px: 2,
     display: "flex",
     flexDirection: "column",
@@ -777,7 +925,7 @@ const z = {
       spacing: t
     }) => t(3),
     textAlign: "center",
-    maxWidth: Q,
+    maxWidth: ie,
     margin: "0 auto"
   },
   starterItems: {
@@ -790,164 +938,245 @@ const z = {
   starterItemsTwoCol: {
     gridTemplateColumns: "repeat(2, 1fr)"
   }
-}, lt = 32, it = ve(function({
-  children: e,
-  autoScroll: n = !0,
-  labels: r = {},
-  sx: l
-}, o) {
-  const d = X(null), s = X(null), i = X(null), [a, p] = N(!0), [m, g] = N(!0), x = () => {
-    d.current?.scrollTo({
-      top: d.current.scrollHeight,
+}, st = 32, at = we(function(e, o) {
+  const n = P(34), {
+    children: i,
+    autoScroll: r,
+    labels: u,
+    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);
+  let y;
+  n[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (y = () => {
+    m.current?.scrollTo({
+      top: m.current.scrollHeight,
       behavior: "smooth"
     });
-  }, h = () => {
-    d.current?.scrollTo({
+  }, n[2] = y) : y = n[2];
+  const C = y;
+  let w;
+  n[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (w = () => {
+    m.current?.scrollTo({
       top: 0,
       behavior: "smooth"
     });
-  };
-  return Te(o, () => ({
-    scrollToBottom: x,
-    scrollToTop: h,
-    isAtBottom: m,
-    isAtTop: a
-  }), [m, a]), Z(() => {
-    const u = d.current, f = s.current, b = i.current;
-    if (!u || !f || !b) return;
-    const v = new IntersectionObserver(([T]) => p(T?.isIntersecting ?? !0), {
-      root: u
-    }), y = new IntersectionObserver(([T]) => g(T?.isIntersecting ?? !0), {
-      root: u
+  }, n[3] = w) : w = n[3];
+  const _ = w;
+  let L, $;
+  n[4] !== d || n[5] !== p ? (L = () => ({
+    scrollToBottom: C,
+    scrollToTop: _,
+    isAtBottom: d,
+    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;
+  n[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (A = () => {
+    const I = m.current, F = h.current, W = b.current;
+    if (!I || !F || !W)
+      return;
+    const X = new IntersectionObserver((k) => {
+      const [E] = k;
+      return g(E?.isIntersecting ?? !0);
+    }, {
+      root: I
+    }), N = new IntersectionObserver((k) => {
+      const [E] = k;
+      return x(E?.isIntersecting ?? !0);
+    }, {
+      root: I
     });
-    return v.observe(f), y.observe(b), () => {
-      v.disconnect(), y.disconnect();
+    return X.observe(F), N.observe(W), () => {
+      X.disconnect(), N.disconnect();
     };
-  }, []), Z(() => {
-    if (!n) return;
-    const u = d.current;
-    if (!u) return;
-    let f = u.scrollHeight, b = null;
-    const v = () => {
-      b = null;
-      const T = u.scrollHeight;
-      if (T > f) {
-        const S = T - f;
-        T - u.scrollTop - u.clientHeight <= S + lt && u.scrollTo({
-          top: T,
+  }, 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)
+      return;
+    const I = m.current;
+    if (!I)
+      return;
+    let F = I.scrollHeight, W = null;
+    const X = () => {
+      W = null;
+      const k = I.scrollHeight;
+      if (k > F) {
+        const E = k - F;
+        k - I.scrollTop - I.clientHeight <= E + st && I.scrollTo({
+          top: k,
           behavior: "smooth"
         });
       }
-      f = T;
-    }, y = new MutationObserver(() => {
-      b ??= requestAnimationFrame(v);
+      F = k;
+    }, N = new MutationObserver(() => {
+      W = W ?? requestAnimationFrame(X);
     });
-    return y.observe(u, {
+    return N.observe(I, {
       childList: !0,
       subtree: !0,
       characterData: !0
     }), () => {
-      y.disconnect(), b !== null && cancelAnimationFrame(b);
+      N.disconnect(), W !== null && cancelAnimationFrame(W);
     };
-  }, [n]), /* @__PURE__ */ k(C, { ref: d, sx: {
-    ...z.content,
-    borderTopColor: ({
-      palette: u
-    }) => a ? "transparent" : u.divider,
-    borderBottomColor: ({
-      palette: u
-    }) => m ? "transparent" : u.divider,
-    ...l
-  }, children: [
-    /* @__PURE__ */ c(C, { ref: s, sx: z.sentinel, "aria-hidden": !0 }),
-    e,
-    /* @__PURE__ */ c(C, { ref: i, sx: z.sentinel, "aria-hidden": !0 }),
-    /* @__PURE__ */ c(C, { sx: z.jumpToLatestWrapper, children: /* @__PURE__ */ c(Ae, { size: "small", onClick: x, "aria-label": r.jumpToLatest ?? "Jump to latest", sx: {
-      ...z.jumpToLatest,
-      opacity: m ? 0 : 1,
-      pointerEvents: m ? "none" : "auto"
-    }, children: /* @__PURE__ */ c(We, {}) }) })
-  ] });
+  }, 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) => {
+    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) => {
+    const {
+      palette: F
+    } = I;
+    return d ? "transparent" : F.divider;
+  }, n[15] = d, n[16] = D) : D = n[16];
+  let j;
+  n[17] !== s || n[18] !== B || n[19] !== D ? (j = {
+    ...H.content,
+    borderTopColor: B,
+    borderBottomColor: D,
+    ...s
+  }, n[17] = s, n[18] = B, n[19] = D, 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];
+  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";
+  let U;
+  n[23] !== Q || n[24] !== Z ? (U = {
+    ...H.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];
+  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];
+  let V;
+  return n[30] !== i || n[31] !== j || n[32] !== q ? (V = /* @__PURE__ */ S(v, { ref: m, sx: j, children: [
+    K,
+    i,
+    G,
+    q
+  ] }), n[30] = i, n[31] = j, n[32] = q, n[33] = V) : V = n[33], V;
 });
-it.displayName = "ChatContent";
-function Dt(t) {
-  const e = W(14), {
-    leftSlot: n,
-    title: r,
-    rightSlot: l,
-    onClose: o,
-    sx: d
+at.displayName = "ChatContent";
+function zt(t) {
+  const e = P(14), {
+    leftSlot: o,
+    title: n,
+    rightSlot: i,
+    onClose: r,
+    sx: u
   } = t;
   let s;
-  e[0] !== d ? (s = {
-    ...z.header,
-    ...d
-  }, e[0] = d, e[1] = s) : s = e[1];
-  let i;
-  e[2] !== r ? (i = /* @__PURE__ */ c(A, { variant: "subtitle2", sx: z.headerTitle, children: r }), e[2] = r, e[3] = i) : i = e[3];
-  let a;
-  e[4] !== o ? (a = o && /* @__PURE__ */ c(H, { size: "medium", onClick: o, "aria-label": "Close", children: /* @__PURE__ */ c(ge, {}) }), e[4] = o, e[5] = a) : a = e[5];
-  let p;
-  e[6] !== l || e[7] !== a ? (p = /* @__PURE__ */ k(C, { sx: z.headerActions, children: [
-    l,
-    a
-  ] }), e[6] = l, e[7] = a, e[8] = p) : p = e[8];
-  let m;
-  return e[9] !== n || e[10] !== s || e[11] !== i || e[12] !== p ? (m = /* @__PURE__ */ k(C, { sx: s, children: [
-    n,
+  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];
+  let f;
+  e[6] !== i || e[7] !== c ? (f = /* @__PURE__ */ S(v, { sx: H.headerActions, children: [
     i,
-    p
-  ] }), e[9] = n, e[10] = s, e[11] = i, e[12] = p, e[13] = m) : m = e[13], m;
+    c
+  ] }), e[6] = i, e[7] = c, 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: [
+    o,
+    l,
+    f
+  ] }), e[9] = o, e[10] = s, e[11] = l, e[12] = f, e[13] = m) : m = e[13], m;
 }
-const st = "Responses are AI generated. Please verify key information.";
-function Bt(t) {
-  const e = W(35), {
-    value: n,
-    onChange: r,
-    onSend: l,
-    onStop: o,
-    isGenerating: d,
+const ct = "Responses are AI-generated. Please verify key information.";
+function Wt(t) {
+  const e = P(58), {
+    value: o,
+    onChange: n,
+    onSend: i,
+    onStop: r,
+    isGenerating: u,
     disabled: s,
-    placeholder: i,
-    labels: a,
-    caption: p,
-    sx: m
-  } = t, g = d === void 0 ? !1 : d, x = s === void 0 ? !1 : s, h = i === void 0 ? "Type a message..." : i;
-  let u;
-  e[0] !== a ? (u = a === void 0 ? {} : a, e[0] = a, e[1] = u) : u = e[1];
-  const f = u, b = p === void 0 ? st : p;
-  let v;
-  e[2] !== x || e[3] !== g || e[4] !== n ? (v = n.trim() && !x && !g, e[2] = x, e[3] = g, e[4] = n, e[5] = v) : v = e[5];
-  const y = v;
-  let T;
-  e[6] !== y || e[7] !== l ? (T = (M) => {
-    M.key === "Enter" && !M.shiftKey && (M.preventDefault(), y && l());
-  }, e[6] = y, e[7] = l, e[8] = T) : T = e[8];
-  const S = T;
-  let _;
-  e[9] !== m ? (_ = {
-    ...z.footerWrapper,
-    ...m
-  }, e[9] = m, e[10] = _) : _ = e[10];
-  let E;
-  e[11] !== r ? (E = (M) => r(M.target.value), e[11] = r, e[12] = E) : E = e[12];
-  const L = x || g;
-  let $;
-  e[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? ($ = {
-    minHeight: 0
-  }, e[13] = $) : $ = e[13];
-  let I;
-  e[14] !== S || e[15] !== h || e[16] !== E || e[17] !== L || e[18] !== n ? (I = /* @__PURE__ */ c(_e, { multiline: !0, value: n, onChange: E, onKeyDown: S, placeholder: h, disabled: L, sx: z.footer, style: $, fullWidth: !0, size: "small" }), e[14] = S, e[15] = h, e[16] = E, e[17] = L, e[18] = n, e[19] = I) : I = e[19];
-  let B;
-  e[20] !== y || e[21] !== x || e[22] !== g || e[23] !== f.send || e[24] !== f.stop || e[25] !== l || e[26] !== o ? (B = /* @__PURE__ */ c(C, { sx: z.footerCorner, children: g && o ? /* @__PURE__ */ c(H, { size: "small", onClick: o, disabled: x, "aria-label": f.stop ?? "Stop", children: /* @__PURE__ */ c(ze, {}) }) : /* @__PURE__ */ c(H, { size: "small", variant: "contained", onClick: l, disabled: !y, "aria-label": f.send ?? "Send", children: /* @__PURE__ */ c(Me, {}) }) }), e[20] = y, e[21] = x, e[22] = g, e[23] = f.send, e[24] = f.stop, e[25] = l, e[26] = o, e[27] = B) : B = e[27];
-  let R;
-  e[28] !== b ? (R = b ? /* @__PURE__ */ c(Ie, { sx: z.footerCaption, children: b }) : null, e[28] = b, e[29] = R) : R = e[29];
+    placeholder: l,
+    labels: c,
+    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";
   let D;
-  return e[30] !== I || e[31] !== B || e[32] !== R || e[33] !== _ ? (D = /* @__PURE__ */ k(Ee, { fullWidth: !0, sx: _, children: [
-    I,
-    B,
-    R
-  ] }), e[30] = I, e[31] = B, e[32] = R, e[33] = _, e[34] = D) : D = e[34], 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;
+  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];
+  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];
+  const Z = Q;
+  let U;
+  e[21] !== d ? (U = {
+    ...H.footerWrapper,
+    ...d
+  }, e[21] = d, 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];
+  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: [
+    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: {
+        vertical: "top",
+        horizontal: "left"
+      }, transformOrigin: {
+        vertical: "bottom",
+        horizontal: "left"
+      }, children: m?.map((E) => /* @__PURE__ */ a(Le, { 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];
+  let F;
+  e[44] !== V || e[45] !== I ? (F = /* @__PURE__ */ S(v, { sx: H.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];
+  let X;
+  e[49] !== F || e[50] !== W ? (X = /* @__PURE__ */ S(v, { sx: H.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];
+  let k;
+  return e[54] !== U || e[55] !== X || e[56] !== N ? (k = /* @__PURE__ */ S(Re, { fullWidth: !0, sx: U, children: [
+    X,
+    N
+  ] }), e[54] = U, e[55] = X, e[56] = N, e[57] = k) : k = e[57], k;
 }
 const de = [
   "#C9DB7440",
@@ -960,46 +1189,46 @@ const de = [
   // pastel yellow
 ];
 function Ft(t) {
-  const e = W(40), {
-    icon: n,
-    title: r,
-    description: l,
-    items: o,
-    size: d,
+  const e = P(40), {
+    icon: o,
+    title: n,
+    description: i,
+    items: r,
+    size: u,
     onSelect: s,
-    sx: i
-  } = t, a = d === void 0 ? "small" : d;
-  let p, m, g, x, h, u, f, b;
-  if (e[0] !== l || e[1] !== n || e[2] !== o || e[3] !== s || e[4] !== a || e[5] !== i || e[6] !== r) {
-    const T = o.map(at);
-    m = C;
-    const S = a === "small" ? 1 : 2;
-    e[15] !== i || e[16] !== S ? (h = {
-      ...z.starter,
-      gap: S,
-      ...i
-    }, e[15] = i, e[16] = S, e[17] = h) : h = e[17], u = n, e[18] !== a || e[19] !== r ? (f = r && /* @__PURE__ */ c(A, { variant: a === "small" ? "h6" : "h5", children: r }), e[18] = a, e[19] = r, e[20] = f) : f = e[20], e[21] !== l || e[22] !== a ? (b = l && /* @__PURE__ */ c(A, { variant: a === "small" ? "body2" : "body1", color: "text.secondary", children: l }), e[21] = l, e[22] = a, e[23] = b) : b = e[23], p = C;
-    const _ = a === "small" ? 1 : 2, E = o.length > 2 ? z.starterItemsTwoCol : void 0;
-    e[24] !== E || e[25] !== _ ? (g = {
-      ...z.starterItems,
+    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);
+    m = v;
+    const _ = c === "small" ? 1 : 2;
+    e[15] !== l || e[16] !== _ ? (p = {
+      ...H.starter,
       gap: _,
-      ...E
-    }, e[24] = E, e[25] = _, e[26] = g) : g = e[26];
-    let L;
-    e[27] !== s ? (L = ($, I) => /* @__PURE__ */ c(et, { label: $.label, onClick: () => s?.($.label), color: $.color }, I), e[27] = s, e[28] = L) : L = e[28], x = T.map(L), e[0] = l, e[1] = n, e[2] = o, e[3] = s, e[4] = a, e[5] = i, e[6] = r, e[7] = p, e[8] = m, e[9] = g, e[10] = x, e[11] = h, e[12] = u, e[13] = f, e[14] = b;
+      ...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;
+    e[24] !== $ || e[25] !== L ? (h = {
+      ...H.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;
   } else
-    p = e[7], m = e[8], g = e[9], x = e[10], h = e[11], u = e[12], f = e[13], b = e[14];
-  let v;
-  e[29] !== p || e[30] !== g || e[31] !== x ? (v = /* @__PURE__ */ c(p, { sx: g, children: x }), e[29] = p, e[30] = g, e[31] = x, e[32] = v) : v = e[32];
+    f = e[7], m = e[8], h = e[9], b = e[10], p = e[11], g = e[12], d = e[13], x = e[14];
   let y;
-  return e[33] !== m || e[34] !== h || e[35] !== u || e[36] !== f || e[37] !== b || e[38] !== v ? (y = /* @__PURE__ */ k(m, { sx: h, children: [
-    u,
-    f,
-    b,
-    v
-  ] }), e[33] = m, e[34] = h, e[35] = u, e[36] = f, e[37] = b, e[38] = v, e[39] = y) : y = e[39], 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: [
+    g,
+    d,
+    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;
 }
-function at(t, e) {
+function dt(t, e) {
   return typeof t == "string" ? {
     label: t,
     color: de[e]
@@ -1008,500 +1237,500 @@ function at(t, e) {
     color: t.color ?? de[e]
   };
 }
-const Wt = ae(C)(({
+const Ot = ae(v)(({
   theme: t
 }) => ({
   display: "flex",
   alignItems: "center",
   gap: t.spacing(0.5)
 }));
-function zt(t) {
-  const e = W(25), {
-    rating: n,
-    onRatingChange: r,
-    labels: l
+function Ht(t) {
+  const e = P(25), {
+    rating: o,
+    onRatingChange: n,
+    labels: i
   } = t;
-  let o;
-  e[0] !== l ? (o = l === void 0 ? {} : l, e[0] = l, e[1] = o) : o = e[1];
-  const d = o;
+  let r;
+  e[0] !== i ? (r = i === void 0 ? {} : i, e[0] = i, e[1] = r) : r = e[1];
+  const u = r;
   let s;
-  e[2] !== r || e[3] !== n ? (s = () => r?.(n === "up" ? null : "up"), e[2] = r, e[3] = n, e[4] = s) : s = e[4];
-  const i = d.thumbUp ?? "Thumbs up", a = n === "up" ? "primary" : void 0;
-  let p;
-  e[5] !== n ? (p = n === "up" ? /* @__PURE__ */ c(Oe, { fontSize: "small" }) : /* @__PURE__ */ c(He, { fontSize: "small" }), e[5] = n, e[6] = p) : p = e[6];
+  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;
+  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];
   let m;
-  e[7] !== s || e[8] !== i || e[9] !== a || e[10] !== p ? (m = /* @__PURE__ */ c(H, { size: "small", onClick: s, "aria-label": i, color: a, children: p }), e[7] = s, e[8] = i, e[9] = a, e[10] = p, e[11] = m) : m = e[11];
+  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];
+  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;
   let g;
-  e[12] !== r || e[13] !== n ? (g = () => r?.(n === "down" ? null : "down"), e[12] = r, e[13] = n, e[14] = g) : g = e[14];
-  const x = d.thumbDown ?? "Thumbs down", h = n === "down" ? "primary" : void 0;
-  let u;
-  e[15] !== n ? (u = n === "down" ? /* @__PURE__ */ c(Pe, { fontSize: "small" }) : /* @__PURE__ */ c(Ve, { fontSize: "small" }), e[15] = n, e[16] = u) : u = e[16];
-  let f;
-  e[17] !== h || e[18] !== u || e[19] !== g || e[20] !== x ? (f = /* @__PURE__ */ c(H, { size: "small", onClick: g, "aria-label": x, color: h, children: u }), e[17] = h, e[18] = u, e[19] = g, e[20] = x, e[21] = f) : f = e[21];
-  let b;
-  return e[22] !== f || e[23] !== m ? (b = /* @__PURE__ */ k(we, { children: [
+  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];
+  let x;
+  return e[22] !== d || e[23] !== m ? (x = /* @__PURE__ */ S(he, { children: [
     m,
-    f
-  ] }), e[22] = f, e[23] = m, e[24] = b) : b = e[24], b;
+    d
+  ] }), e[22] = d, e[23] = m, e[24] = x) : x = e[24], x;
 }
-const ct = /^-?\d/;
-function dt(t) {
+const ut = /^-?\d/;
+function ft(t) {
   const e = [];
-  let n = 0, r;
-  const l = /* @__PURE__ */ new Set(), o = /("(?:[^"\\]|\\.)*")\s*:/g;
-  let d;
-  for (; (d = o.exec(t)) !== null; )
-    l.add(d.index);
+  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 s = (
     // eslint-disable-next-line no-useless-escape
     /"(?:[^"\\]|\\.)*"|\b(?:true|false)\b|\bnull\b|-?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?|[{}\[\]:,]/g
   );
-  for (; (r = s.exec(t)) !== null; ) {
-    r.index > n && e.push(t.slice(n, r.index));
-    const i = r[0];
-    i.startsWith('"') ? l.has(r.index) ? e.push({
+  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({
       type: "key",
-      value: i
+      value: l
     }) : e.push({
       type: "string",
-      value: i
-    }) : ct.test(i) ? e.push({
+      value: l
+    }) : ut.test(l) ? e.push({
       type: "number",
-      value: i
-    }) : i === "true" || i === "false" ? e.push({
+      value: l
+    }) : l === "true" || l === "false" ? e.push({
       type: "boolean",
-      value: i
-    }) : i === "null" ? e.push({
+      value: l
+    }) : l === "null" ? e.push({
       type: "null",
-      value: i
+      value: l
     }) : e.push({
       type: "punctuation",
-      value: i
-    }), n = r.index + i.length;
+      value: l
+    }), o = n.index + l.length;
   }
-  return n < t.length && e.push(t.slice(n)), e;
+  return o < t.length && e.push(t.slice(o)), e;
 }
-function ut(t) {
-  const e = W(24), {
-    open: n,
-    onClose: r,
-    title: l,
-    content: o
+function pt(t) {
+  const e = P(24), {
+    open: o,
+    onClose: n,
+    title: i,
+    content: r
   } = t;
-  let d;
-  e[0] !== o ? (d = o.split(`
-`).map(mt), e[0] = o, e[1] = d) : d = e[1];
-  const s = d;
-  let i;
-  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = {
-    sx: w.fullViewPaper
-  }, e[2] = i) : i = e[2];
-  let a;
-  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (a = {
+  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 = {
     display: "flex",
     alignItems: "center",
     gap: 0.5
-  }, e[3] = a) : a = e[3];
-  let p;
-  e[4] !== o ? (p = /* @__PURE__ */ c(Ge, { copyText: o, "aria-label": "Copy content" }), e[4] = o, e[5] = p) : p = e[5];
+  }, e[3] = c) : c = 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];
   let m;
-  e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ c(ge, {}), e[6] = m) : m = e[6];
+  e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ a(be, {}), 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];
+  let b;
+  e[9] !== f || e[10] !== h ? (b = /* @__PURE__ */ S(v, { sx: c, 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,
+    b
+  ] }), e[12] = b, e[13] = i, e[14] = p) : p = e[14];
   let g;
-  e[7] !== r ? (g = /* @__PURE__ */ c(H, { onClick: r, "aria-label": "close", children: m }), e[7] = r, e[8] = g) : g = e[8];
+  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];
   let x;
-  e[9] !== p || e[10] !== g ? (x = /* @__PURE__ */ k(C, { sx: a, children: [
+  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: [
     p,
-    g
-  ] }), e[9] = p, e[10] = g, e[11] = x) : x = e[11];
-  let h;
-  e[12] !== x || e[13] !== l ? (h = /* @__PURE__ */ k(Le, { sx: w.fullViewTitle, children: [
-    l,
-    x
-  ] }), e[12] = x, e[13] = l, e[14] = h) : h = e[14];
-  let u;
-  e[15] !== s ? (u = s.map(ft), e[15] = s, e[16] = u) : u = e[16];
-  let f;
-  e[17] !== u ? (f = /* @__PURE__ */ c($e, { sx: w.fullViewDialogContent, children: /* @__PURE__ */ c(C, { component: "pre", sx: w.fullViewPre, children: u }) }), e[17] = u, e[18] = f) : f = e[18];
-  let b;
-  return e[19] !== r || e[20] !== n || e[21] !== f || e[22] !== h ? (b = /* @__PURE__ */ k(Re, { open: n, onClose: r, sx: w.fullViewDialog, PaperProps: i, fullScreen: !0, children: [
-    h,
-    f
-  ] }), e[19] = r, e[20] = n, e[21] = f, e[22] = h, e[23] = b) : b = e[23], b;
+    d
+  ] }), e[19] = n, e[20] = o, e[21] = d, e[22] = p, e[23] = x) : x = e[23], x;
 }
-function ft(t, e) {
-  return /* @__PURE__ */ k(C, { component: "span", sx: w.fullViewLine, children: [
-    t.map(pt),
+function mt(t, e) {
+  return /* @__PURE__ */ S(v, { component: "span", sx: T.fullViewLine, children: [
+    t.map(ht),
     `
 `
   ] }, e);
 }
-function pt(t, e) {
-  return typeof t == "string" ? t : /* @__PURE__ */ c(C, { component: "span", sx: w[`syntaxToken_${t.type}`], children: t.value }, e);
+function ht(t, e) {
+  return typeof t == "string" ? t : /* @__PURE__ */ a(v, { component: "span", sx: T[`syntaxToken_${t.type}`], children: t.value }, e);
 }
-function mt(t) {
-  return dt(t);
+function gt(t) {
+  return ft(t);
 }
 function ue(t) {
-  const e = W(28), {
-    content: n,
-    title: r,
-    isError: l,
-    labels: o,
-    sx: d
-  } = t, s = r === void 0 ? "" : r, i = l === void 0 ? !1 : l;
-  let a;
-  e[0] !== o ? (a = o === void 0 ? {} : o, e[0] = o, e[1] = a) : a = e[1];
-  const p = a, m = X(null), [g, x] = N(!1), [h, u] = N(!1);
-  let f;
-  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = () => {
+  const e = P(28), {
+    content: o,
+    title: n,
+    isError: i,
+    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);
+  let d;
+  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = () => {
     const D = m.current;
-    D && x(D.scrollHeight > D.clientHeight);
-  }, e[2] = f) : f = e[2];
-  const b = f;
-  let v;
-  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (v = () => {
-    b();
+    D && b(D.scrollHeight > D.clientHeight);
+  }, e[2] = d) : d = e[2];
+  const x = d;
+  let y;
+  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (y = () => {
+    x();
     const D = m.current;
     if (!D)
       return;
-    const M = new ResizeObserver(b);
-    return M.observe(D), () => M.disconnect();
-  }, e[3] = v) : v = e[3];
-  let y;
-  e[4] !== n ? (y = [b, n], e[4] = n, e[5] = y) : y = e[5], Z(v, y);
-  const T = p.fullView ?? "Full view";
-  let S;
-  e[6] !== d ? (S = {
-    ...w.codeArea,
-    ...d
-  }, e[6] = d, e[7] = S) : S = e[7];
+    const j = new ResizeObserver(x);
+    return j.observe(D), () => 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";
   let _;
-  e[8] !== i ? (_ = i ? w.codeAreaPreError : {}, e[8] = i, e[9] = _) : _ = e[9];
-  let E;
-  e[10] !== _ ? (E = {
-    ...w.codeAreaPre,
-    maxHeight: Ke,
-    ..._
-  }, e[10] = _, e[11] = E) : E = e[11];
+  e[6] !== u ? (_ = {
+    ...T.codeArea,
+    ...u
+  }, e[6] = u, e[7] = _) : _ = e[7];
   let L;
-  e[12] !== n || e[13] !== E ? (L = /* @__PURE__ */ c(C, { component: "pre", ref: m, sx: E, children: n }), e[12] = n, e[13] = E, e[14] = L) : L = e[14];
+  e[8] !== l ? (L = l ? T.codeAreaPreError : {}, e[8] = l, e[9] = L) : L = e[9];
   let $;
-  e[15] !== T || e[16] !== g ? ($ = g && /* @__PURE__ */ c(De, { title: T, children: /* @__PURE__ */ c(H, { size: "small", onClick: () => u(!0), sx: w.codeAreaFullViewButton, children: /* @__PURE__ */ c(Xe, {}) }) }), e[15] = T, e[16] = g, e[17] = $) : $ = e[17];
-  let I;
-  e[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (I = () => u(!1), e[18] = I) : I = e[18];
-  let B;
-  e[19] !== n || e[20] !== h || e[21] !== s ? (B = /* @__PURE__ */ c(ut, { open: h, onClose: I, title: s, content: n }), e[19] = n, e[20] = h, e[21] = s, e[22] = B) : B = e[22];
+  e[10] !== L ? ($ = {
+    ...T.codeAreaPre,
+    maxHeight: Je,
+    ...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 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];
   let R;
-  return e[23] !== L || e[24] !== $ || e[25] !== B || e[26] !== S ? (R = /* @__PURE__ */ k(C, { sx: S, children: [
-    L,
-    $,
-    B
-  ] }), e[23] = L, e[24] = $, e[25] = B, e[26] = S, e[27] = R) : R = e[27], 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: [
+    A,
+    M,
+    O
+  ] }), e[23] = A, e[24] = M, e[25] = O, e[26] = _, e[27] = B) : B = e[27], B;
 }
 function fe(t) {
   const e = t.replace(/_/g, " ");
   return e.charAt(0).toUpperCase() + e.slice(1);
 }
-function ye(t) {
+function ve(t) {
   return t.status === "running" ? t.runningLabel ?? fe(t.name) : t.label ?? fe(t.name);
 }
-function ht(t) {
-  const e = W(9), {
-    status: n,
-    labels: r
+function xt(t) {
+  const e = P(9), {
+    status: o,
+    labels: n
   } = t;
-  switch (n) {
+  switch (o) {
     case "complete": {
-      let l;
-      e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (l = {
+      let i;
+      e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = {
         display: "flex",
         alignItems: "center",
         gap: 0.5
-      }, e[0] = l) : l = e[0];
-      let o;
-      e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ c(Ue, { sx: {
+      }, e[0] = i) : i = e[0];
+      let r;
+      e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ a(Ge, { sx: {
         fontSize: 12
-      }, color: "success" }), e[1] = o) : o = e[1];
-      const d = r?.success ?? "Success";
+      }, color: "success" }), e[1] = r) : r = e[1];
+      const u = n?.success ?? "Success";
       let s;
-      return e[2] !== d ? (s = /* @__PURE__ */ k(C, { sx: l, children: [
-        o,
-        /* @__PURE__ */ c(A, { variant: "caption", children: d })
-      ] }), e[2] = d, e[3] = s) : s = e[3], s;
+      return e[2] !== u ? (s = /* @__PURE__ */ S(v, { sx: i, children: [
+        r,
+        /* @__PURE__ */ a(z, { variant: "caption", children: u })
+      ] }), e[2] = u, e[3] = s) : s = e[3], s;
     }
     case "error": {
-      let l;
-      e[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (l = {
+      let i;
+      e[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = {
         display: "flex",
         alignItems: "center",
         gap: 0.5
-      }, e[4] = l) : l = e[4];
-      let o;
-      e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ c(je, { sx: {
+      }, e[4] = i) : i = e[4];
+      let r;
+      e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ a(Ne, { sx: {
         fontSize: 12
-      }, color: "error" }), e[5] = o) : o = e[5];
-      const d = r?.error ?? "Error";
+      }, color: "error" }), e[5] = r) : r = e[5];
+      const u = n?.error ?? "Error";
       let s;
-      return e[6] !== d ? (s = /* @__PURE__ */ k(C, { sx: l, children: [
-        o,
-        /* @__PURE__ */ c(A, { variant: "code3", children: d })
-      ] }), e[6] = d, e[7] = s) : s = e[7], s;
+      return e[6] !== u ? (s = /* @__PURE__ */ S(v, { sx: i, children: [
+        r,
+        /* @__PURE__ */ a(z, { variant: "code3", children: u })
+      ] }), e[6] = u, e[7] = s) : s = e[7], s;
     }
     case "running": {
-      let l;
-      return e[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ c(Be, { size: 14 }), e[8] = l) : l = e[8], l;
+      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;
     }
     default:
       return null;
   }
 }
-function Ce(t) {
-  const e = W(33), {
-    tool: n,
-    labels: r
+function Se(t) {
+  const e = P(33), {
+    tool: o,
+    labels: n
   } = t;
-  let l;
-  e[0] !== r ? (l = r === void 0 ? {} : r, e[0] = r, e[1] = l) : l = e[1];
-  const o = l, d = n.status === "error", s = o.toolExecuted ?? "Tool executed", i = o.reference ?? "Reference:", a = o.duration ?? "Duration:", p = o.status ?? "Status:", m = o.inputArguments ?? "Input arguments:", g = o.output ?? "Output:";
-  let x;
-  e[2] !== i || e[3] !== n.reference ? (x = n.reference && /* @__PURE__ */ k(C, { sx: w.traceField, children: [
-    /* @__PURE__ */ c(A, { variant: "code3", fontWeight: 600, color: "text.secondary", sx: w.traceFieldLabel, children: i }),
-    /* @__PURE__ */ k(C, { sx: w.traceReference, children: [
-      /* @__PURE__ */ c(Ye, { color: "success" }),
-      /* @__PURE__ */ c(A, { variant: "code3", fontWeight: 600, children: n.reference })
+  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 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" }),
+      /* @__PURE__ */ a(z, { variant: "code3", fontWeight: 600, children: o.reference })
     ] })
-  ] }), e[2] = i, e[3] = n.reference, e[4] = x) : x = e[4];
-  let h;
-  e[5] !== a || e[6] !== n.duration ? (h = n.duration != null && /* @__PURE__ */ k(C, { sx: w.traceField, children: [
-    /* @__PURE__ */ c(A, { variant: "code3", fontWeight: 600, color: "text.secondary", sx: w.traceFieldLabel, children: a }),
-    /* @__PURE__ */ k(A, { variant: "code3", children: [
-      n.duration,
+  ] }), e[2] = l, 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: [
+      o.duration,
       "s"
     ] })
-  ] }), e[5] = a, e[6] = n.duration, e[7] = h) : h = e[7];
-  let u;
-  e[8] !== p ? (u = /* @__PURE__ */ c(A, { variant: "code3", fontWeight: 600, color: "text.secondary", sx: w.traceFieldLabel, children: p }), e[8] = p, e[9] = u) : u = e[9];
-  let f;
-  e[10] !== o || e[11] !== n.status ? (f = /* @__PURE__ */ c(ht, { status: n.status, labels: o }), e[10] = o, e[11] = n.status, e[12] = f) : f = e[12];
-  let b;
-  e[13] !== u || e[14] !== f ? (b = /* @__PURE__ */ k(C, { sx: w.traceField, children: [
-    u,
-    f
-  ] }), e[13] = u, e[14] = f, e[15] = b) : b = e[15];
-  let v;
-  e[16] !== m || e[17] !== d || e[18] !== n.inputArguments || e[19] !== n.output || e[20] !== s ? (v = n.inputArguments && /* @__PURE__ */ k(C, { children: [
-    /* @__PURE__ */ c(A, { variant: "code3", fontWeight: 600, color: "text.secondary", sx: w.traceField, children: m }),
-    /* @__PURE__ */ c(ue, { sx: {
-      mt: 0.5,
-      mb: n.output ? 1.5 : 0
-    }, content: n.inputArguments, title: `${s}: ${m}`, isError: d })
-  ] }), e[16] = m, e[17] = d, e[18] = n.inputArguments, e[19] = n.output, e[20] = s, e[21] = v) : v = e[21];
+  ] }), e[5] = c, 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 x;
+  e[13] !== g || e[14] !== d ? (x = /* @__PURE__ */ S(v, { sx: T.traceField, children: [
+    g,
+    d
+  ] }), e[13] = g, e[14] = d, e[15] = x) : x = e[15];
   let y;
-  e[22] !== d || e[23] !== g || e[24] !== n.output || e[25] !== s ? (y = n.output && /* @__PURE__ */ k(C, { children: [
-    /* @__PURE__ */ c(A, { variant: "code3", fontWeight: 600, color: "text.secondary", sx: w.traceField, children: g }),
-    /* @__PURE__ */ c(ue, { sx: {
+  e[16] !== m || e[17] !== u || e[18] !== o.inputArguments || e[19] !== o.output || e[20] !== s ? (y = o.inputArguments && /* @__PURE__ */ S(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];
+  let C;
+  e[22] !== u || e[23] !== h || e[24] !== o.output || e[25] !== s ? (C = o.output && /* @__PURE__ */ S(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: n.output, title: `${s}: ${g}`, isError: d })
-  ] }), e[22] = d, e[23] = g, e[24] = n.output, e[25] = s, e[26] = y) : y = e[26];
-  let T;
-  return e[27] !== x || e[28] !== h || e[29] !== b || e[30] !== v || e[31] !== y ? (T = /* @__PURE__ */ k(C, { children: [
-    x,
-    h,
+    }, 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: [
     b,
-    v,
-    y
-  ] }), e[27] = x, e[28] = h, e[29] = b, e[30] = v, e[31] = y, e[32] = T) : T = e[32], T;
+    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;
 }
 function pe(t) {
-  const e = W(29), {
-    tool: n,
-    expanded: r,
-    onExpandedChange: l,
-    labels: o,
-    sx: d
+  const e = P(29), {
+    tool: o,
+    expanded: n,
+    onExpandedChange: i,
+    labels: r,
+    sx: u
   } = t;
   let s;
-  e[0] !== o ? (s = o === void 0 ? {} : o, e[0] = o, e[1] = s) : s = e[1];
-  const i = s, a = n.status === "running", p = i.toolExecuted ?? "Tool executed";
-  if (a) {
-    let y;
-    e[2] !== n ? (y = ye(n), e[2] = n, e[3] = y) : y = e[3];
-    let T;
-    return e[4] !== y ? (T = /* @__PURE__ */ c(rt, { children: y }), e[4] = y, e[5] = T) : T = e[5], T;
+  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) {
+    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;
   }
   let m;
-  e[6] !== r || e[7] !== l ? (m = () => l?.(!r), e[6] = r, e[7] = l, e[8] = m) : m = e[8];
-  let g;
-  e[9] !== p ? (g = /* @__PURE__ */ c(A, { variant: "caption", fontWeight: 600, color: "text.secondary", children: p }), e[9] = p, e[10] = g) : g = e[10];
-  const x = r ? "rotate(90deg)" : "rotate(0deg)";
+  e[6] !== n || e[7] !== i ? (m = () => i?.(!n), e[6] = n, e[7] = i, e[8] = m) : m = e[8];
   let h;
-  e[11] !== x ? (h = /* @__PURE__ */ c(xe, { sx: {
-    ...w.traceChevron,
-    transform: x
-  } }), e[11] = x, e[12] = h) : h = e[12];
-  let u;
-  e[13] !== r || e[14] !== m || e[15] !== g || e[16] !== h ? (u = /* @__PURE__ */ k(ie, { size: "small", variant: "text", onClick: m, "aria-expanded": r, sx: w.traceHeader, children: [
+  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: {
+    ...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: [
+    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 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];
+  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: [
     g,
-    h
-  ] }), e[13] = r, e[14] = m, e[15] = g, e[16] = h, e[17] = u) : u = e[17];
-  let f;
-  e[18] !== i || e[19] !== n ? (f = /* @__PURE__ */ c(C, { sx: w.traceDetailsWrapper, children: /* @__PURE__ */ c(Ce, { tool: n, labels: i }) }), e[18] = i, e[19] = n, e[20] = f) : f = e[20];
-  let b;
-  e[21] !== r || e[22] !== f ? (b = /* @__PURE__ */ c(se, { in: r, unmountOnExit: !0, children: f }), e[21] = r, e[22] = f, e[23] = b) : b = e[23];
-  let v;
-  return e[24] !== d || e[25] !== u || e[26] !== b || e[27] !== n.name ? (v = /* @__PURE__ */ k(C, { width: "100%", sx: d, "data-tool": n.name, className: "PsChat--tool-trace", children: [
-    u,
-    b
-  ] }), e[24] = d, e[25] = u, e[26] = b, e[27] = n.name, e[28] = v) : v = e[28], v;
+    x
+  ] }), e[24] = u, e[25] = g, e[26] = x, e[27] = o.name, e[28] = y) : y = e[28], y;
 }
 function me(t, e) {
-  const n = W(5), [r, l] = N(t);
+  const o = P(5), [n, i] = te(t);
   if (e) {
-    let o;
-    return n[0] !== e || n[1] !== t ? (o = [t, e], n[0] = e, n[1] = t, n[2] = o) : o = n[2], o;
+    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 o;
-    return n[3] !== r ? (o = [r, l], n[3] = r, n[4] = o) : o = n[4], o;
+    let r;
+    return o[3] !== n ? (r = [n, i], o[3] = n, o[4] = r) : r = o[4], r;
   }
 }
-function Mt(t) {
-  const e = W(61), {
-    tools: n,
-    expanded: r,
-    onExpandedChange: l,
-    expandedTools: o,
-    onToolExpandedChange: d,
+function Pt(t) {
+  const e = P(61), {
+    tools: o,
+    expanded: n,
+    onExpandedChange: i,
+    expandedTools: r,
+    onToolExpandedChange: u,
     labels: s,
-    sx: i
-  } = t, a = r === void 0 ? !1 : r;
-  let p;
-  e[0] !== o ? (p = o === void 0 ? {} : o, e[0] = o, e[1] = p) : p = e[1];
-  const m = p;
-  let g;
-  e[2] !== s ? (g = s === void 0 ? {} : s, e[2] = s, e[3] = g) : g = e[3];
-  const x = g, [h, u] = me(a, l), [f, b] = me(m, d);
-  let v;
-  e[4] !== n ? (v = n.filter(bt), e[4] = n, e[5] = v) : v = e[5];
-  const y = v.length;
-  let T, S;
-  if (e[6] !== h || e[7] !== f || e[8] !== x || e[9] !== y || e[10] !== u || e[11] !== b || e[12] !== i || e[13] !== n) {
-    S = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
+    sx: l
+  } = t, c = 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);
+  let y;
+  e[4] !== o ? (y = o.filter(Ct), 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) {
+    _ = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
     e: {
-      const _ = n.filter(xt), E = n.filter(gt), L = x.toolsUsed ?? "tools used", $ = x.error ?? "Error";
-      if (n.length === 1) {
-        let F;
-        e[16] !== h || e[17] !== x || e[18] !== u || e[19] !== i || e[20] !== n[0] ? (F = /* @__PURE__ */ c(pe, { tool: n[0], expanded: h, onExpandedChange: u, labels: x, sx: i }), e[16] = h, e[17] = x, e[18] = u, e[19] = i, e[20] = n[0], e[21] = F) : F = e[21], S = F;
+      const L = o.filter(yt), $ = o.filter(bt), A = b.toolsUsed ?? "tools used", M = 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;
         break e;
       }
-      let I;
-      e[22] !== h || e[23] !== u ? (I = () => u(!h), e[22] = h, e[23] = u, e[24] = I) : I = e[24];
-      const B = y > 0 ? 0.5 : 0;
       let R;
-      e[25] !== B ? (R = {
-        ...w.traceHeader,
-        pr: B
-      }, e[25] = B, e[26] = R) : R = e[26];
+      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 = {
+        ...T.traceHeader,
+        pr: O
+      }, e[25] = O, e[26] = B) : B = e[26];
       let D;
-      e[27] !== n.length || e[28] !== L ? (D = /* @__PURE__ */ k(A, { variant: "caption", fontWeight: 600, color: "text.secondary", children: [
-        n.length,
+      e[27] !== o.length || e[28] !== A ? (D = /* @__PURE__ */ S(z, { variant: "caption", fontWeight: 600, color: "text.secondary", children: [
+        o.length,
         " ",
-        L
-      ] }), e[27] = n.length, e[28] = L, e[29] = D) : D = e[29];
-      const M = h ? "rotate(90deg)" : "rotate(0deg)";
-      let P;
-      e[30] !== M ? (P = /* @__PURE__ */ c(xe, { sx: {
-        ...w.traceChevron,
-        transform: M
-      } }), e[30] = M, e[31] = P) : P = e[31];
-      let V;
-      e[32] !== y ? (V = y > 0 && /* @__PURE__ */ k(A, { variant: "code3", sx: w.errorBadge, children: [
-        y,
-        /* @__PURE__ */ c(he, { sx: {
+        A
+      ] }), e[27] = o.length, e[28] = A, e[29] = D) : D = e[29];
+      const j = p ? "rotate(90deg)" : "rotate(0deg)";
+      let K;
+      e[30] !== j ? (K = /* @__PURE__ */ a(ye, { 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: [
+        C,
+        /* @__PURE__ */ a(ge, { sx: {
           fontSize: 12
         }, color: "error" })
-      ] }), e[32] = y, e[33] = V) : V = e[33];
-      let Y;
-      e[34] !== h || e[35] !== R || e[36] !== D || e[37] !== P || e[38] !== V || e[39] !== I ? (Y = /* @__PURE__ */ k(ie, { size: "small", variant: "text", onClick: I, "aria-expanded": h, sx: R, children: [
+      ] }), 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,
-        P,
-        V
-      ] }), e[34] = h, e[35] = R, e[36] = D, e[37] = P, e[38] = V, e[39] = I, e[40] = Y) : Y = e[40];
-      const ee = se, te = h, ne = !0, oe = C, re = "ul";
-      let j;
-      e[41] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (j = {
-        ...w.traceDetailsWrapper,
+        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];
+      const Q = se, Z = p, U = !0, Y = v, q = "ul";
+      let V;
+      e[41] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (V = {
+        ...T.traceDetailsWrapper,
         p: 0,
         listStyle: "none"
-      }, e[41] = j) : j = e[41];
-      let K;
-      e[42] !== $ || e[43] !== f || e[44] !== x || e[45] !== b ? (K = (F) => {
-        const G = f[F.id] ?? !1;
-        return /* @__PURE__ */ k(C, { component: "li", sx: w.groupListItem, "aria-expanded": G, children: [
-          /* @__PURE__ */ k(ie, { variant: "text", color: "inherit", fullWidth: !0, onClick: () => b({
-            ...f,
-            [F.id]: !G
-          }), "aria-expanded": G, sx: w.groupHeader, children: [
-            /* @__PURE__ */ c(A, { flexGrow: 1, flexShrink: 0, variant: "caption", color: "text.secondary", children: ye(F) }),
-            F.status === "error" && /* @__PURE__ */ c(A, { variant: "code3", color: "error.main", children: $ }),
-            /* @__PURE__ */ c(Ne, { sx: {
-              ...w.traceChevron,
-              transform: G ? "rotate(90deg)" : "rotate(0deg)"
+      }, 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,
+            [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: {
+              ...T.traceChevron,
+              transform: E ? "rotate(90deg)" : "rotate(0deg)"
             } })
           ] }),
-          /* @__PURE__ */ c(se, { in: G, unmountOnExit: !0, children: /* @__PURE__ */ c(C, { px: 1.5, py: 1, children: /* @__PURE__ */ c(Ce, { tool: F, labels: x }) }) })
-        ] }, F.id);
-      }, e[42] = $, e[43] = f, e[44] = x, e[45] = b, e[46] = K) : K = e[46];
-      const le = E.map(K);
-      let U;
-      e[47] !== oe || e[48] !== re || e[49] !== j || e[50] !== le ? (U = /* @__PURE__ */ c(oe, { component: re, sx: j, children: le }), e[47] = oe, e[48] = re, e[49] = j, e[50] = le, e[51] = U) : U = e[51];
-      let q;
-      e[52] !== ee || e[53] !== te || e[54] !== ne || e[55] !== U ? (q = /* @__PURE__ */ c(ee, { in: te, unmountOnExit: ne, children: U }), e[52] = ee, e[53] = te, e[54] = ne, e[55] = U, e[56] = q) : q = e[56];
-      let J;
-      e[57] !== f || e[58] !== x || e[59] !== b ? (J = (F) => /* @__PURE__ */ c(pe, { tool: F, labels: x, expanded: f[F.id], onExpandedChange: () => b({
-        ...f,
-        [F.id]: !f[F.id]
-      }) }, F.id), e[57] = f, e[58] = x, e[59] = b, e[60] = J) : J = e[60], T = /* @__PURE__ */ k(C, { width: "100%", sx: i, className: "PsChat--tool-group", children: [
-        Y,
-        q,
-        _.map(J)
+          /* @__PURE__ */ a(se, { in: E, unmountOnExit: !0, children: /* @__PURE__ */ a(v, { px: 1.5, py: 1, children: /* @__PURE__ */ a(Se, { tool: k, labels: b }) }) })
+        ] }, k.id);
+      }, e[42] = M, e[43] = d, 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: [
+        J,
+        X,
+        L.map(N)
       ] });
     }
-    e[6] = h, e[7] = f, e[8] = x, e[9] = y, e[10] = u, e[11] = b, e[12] = i, e[13] = n, e[14] = T, e[15] = S;
+    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] = _;
   } else
-    T = e[14], S = e[15];
-  return S !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel") ? S : T;
+    w = e[14], _ = e[15];
+  return _ !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel") ? _ : w;
 }
-function gt(t) {
+function bt(t) {
   return t.status !== "running";
 }
-function xt(t) {
+function yt(t) {
   return t.status === "running";
 }
-function bt(t) {
+function Ct(t) {
   return t.status === "error";
 }
 export {
-  It as CHAT_DIVIDER_DELAY,
-  Q as CHAT_MAX_WIDTH,
-  _t as CHAT_SCROLL_DELAY,
-  Ke as CHAT_TOOL_CODE_AREA_MAX_HEIGHT,
-  Wt as ChatActionsContainer,
-  Je as ChatAgentMessage,
-  it as ChatContent,
-  $t as ChatErrorMessage,
-  Bt as ChatFooter,
-  Dt as ChatHeader,
-  Rt as ChatLoader,
-  be as ChatMessageOverflow,
-  zt as ChatRatingAction,
+  Et 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,
-  et as ChatSuggestionButton,
-  rt as ChatThinking,
+  ot as ChatSuggestionButton,
+  it as ChatThinking,
   ue as ChatToolCodeArea,
-  ut as ChatToolFullViewDialog,
-  Mt as ChatToolGroup,
+  pt as ChatToolFullViewDialog,
+  Pt as ChatToolGroup,
   pe as ChatToolTrace,
-  Lt as ChatUserMessage,
-  Et as useTypewriter
+  Bt as ChatUserMessage,
+  Rt as useTypewriter
 };
 //# sourceMappingURL=chat.js.map