@carto/ps-react-ui 4.4.0-chat-ui.1 → 4.4.0-chat-ui.3

package/dist/chat.js

@@ -1,17 +1,19 @@
-import { jsx as d, jsxs as y, Fragment as K } from "react/jsx-runtime";
-import { c as T } from "react/compiler-runtime";
-import { styled as H, Typography as $, Box as x, Link as Y, ButtonBase as X, Fab as J, IconButton as O, FilledInput as V, FormHelperText as q, FormControl as Q, Accordion as Z, AccordionSummary as ee, AccordionDetails as te, CircularProgress as oe } from "@mui/material";
-import { ErrorOutline as N, ArrowUpward as ne, KeyboardArrowDown as le, Close as re, StopCircleOutlined as se, ArrowUpwardOutlined as ie, ThumbUp as ae, ThumbUpOutlined as ce, ThumbDown as de, ThumbDownOutlined as me, ExpandMore as pe, CheckCircleOutline as fe } from "@mui/icons-material";
-import { keyframes as P } from "@mui/material/styles";
-import { useRef as ue } from "react";
-const j = 768, Ee = 300, Fe = 100, G = H($)(() => ({
+import { jsx as a, jsxs as T, Fragment as Te } from "react/jsx-runtime";
+import { c as z } from "react/compiler-runtime";
+import { styled as se, Typography as _, Box as y, Link as ke, ButtonBase as Se, Fab as _e, IconButton as O, FilledInput as $e, FormHelperText as Ae, FormControl as Ie, DialogTitle as Re, DialogContent as Ee, Dialog as Le, createSvgIcon as ae, Tooltip as De, Button as re, Collapse as le, CircularProgress as ze } from "@mui/material";
+import { ErrorOutline as ge, ArrowUpward as Be, KeyboardArrowDown as Fe, Close as he, StopCircleOutlined as We, ArrowUpwardOutlined as Me, ThumbUp as He, ThumbUpOutlined as Oe, ThumbDown as Pe, ThumbDownOutlined as Ve, ArrowRight as xe, Error as Ue, CheckCircle as je, ChevronRight as Ne } from "@mui/icons-material";
+import { keyframes as N } from "@mui/material/styles";
+import { useRef as be, forwardRef as ce, useState as ie, useEffect as Ge } from "react";
+import { C as Xe } from "./copy-button-DGL1tyli.js";
+import { a as Ye } from "./index-BnyeR7Qx.js";
+const q = 768, Mt = 300, Ht = 100, Ke = 126, ye = se(_)(() => ({
   whiteSpace: "pre-wrap",
   overflowX: "clip",
   overflowWrap: "break-word",
   maxWidth: "100%"
 }));
-G.displayName = "ChatMessageOverflow";
-const A = {
+ye.displayName = "ChatMessageOverflow";
+const H = {
   agentMessageContainer: (t) => ({
     width: "100%",
     display: "flex",
@@ -23,6 +25,48 @@ const A = {
     },
     "& + .PsChat--user-message": {
       marginTop: t.spacing(3)
+    },
+    "& > p:first-of-type": {
+      marginTop: 0
+    },
+    "& table": {
+      alignSelf: "stretch",
+      display: "block",
+      overflowX: "auto",
+      maxWidth: "100%",
+      borderCollapse: "collapse",
+      margin: t.spacing(1, 0),
+      fontSize: "0.875em"
+    },
+    "& th, & td": {
+      border: `1px solid ${t.palette.divider}`,
+      padding: t.spacing(0.5, 1),
+      textAlign: "left"
+    },
+    "& th": {
+      backgroundColor: t.palette.action.hover,
+      fontWeight: 600
+    },
+    "& tr:nth-of-type(even) td": {
+      backgroundColor: t.palette.action.hover
+    },
+    "& ul.contains-task-list": {
+      listStyle: "none",
+      paddingLeft: 0
+    },
+    '& .task-list-item input[type="checkbox"]': {
+      marginRight: t.spacing(0.5)
+    },
+    "& del": {
+      textDecoration: "line-through",
+      opacity: 0.7
+    },
+    "& > ul, & > ol": {
+      margin: t.spacing(1, 0),
+      paddingLeft: t.spacing(3),
+      "& > li + li": {
+        marginTop: t.spacing(1)
+      }
     }
   }),
   userMessageContainer: {
@@ -161,125 +205,125 @@ const A = {
     }
   }
 };
-function Oe(t) {
-  const e = T(11), {
-    children: n,
-    muted: o,
-    topContext: i,
-    sx: r
-  } = t, m = o === void 0 ? !1 : o;
-  let a;
-  e[0] !== i ? (a = i && /* @__PURE__ */ d(x, { sx: A.userMessageTop, children: i }), e[0] = i, e[1] = a) : a = e[1];
-  const s = m ? A.muted : void 0;
-  let l;
-  e[2] !== r || e[3] !== s ? (l = {
-    ...A.userMessage,
-    ...s,
-    ...r
-  }, e[2] = r, e[3] = s, e[4] = l) : l = e[4];
+function Ot(t) {
+  const e = z(11), {
+    children: o,
+    muted: r,
+    topContext: l,
+    sx: n
+  } = t, u = r === void 0 ? !1 : r;
+  let s;
+  e[0] !== l ? (s = l && /* @__PURE__ */ a(y, { sx: H.userMessageTop, children: l }), e[0] = l, e[1] = s) : s = e[1];
+  const i = u ? H.muted : void 0;
   let c;
-  e[5] !== n || e[6] !== l ? (c = /* @__PURE__ */ d(G, { className: "PsChat--user-message-inner", variant: "body2", sx: l, children: n }), e[5] = n, e[6] = l, e[7] = c) : c = e[7];
-  let p;
-  return e[8] !== a || e[9] !== c ? (p = /* @__PURE__ */ y(x, { className: "PsChat--user-message", sx: A.userMessageContainer, children: [
-    a,
-    c
-  ] }), e[8] = a, e[9] = c, e[10] = p) : p = e[10], p;
+  e[2] !== n || e[3] !== i ? (c = {
+    ...H.userMessage,
+    ...i,
+    ...n
+  }, e[2] = n, e[3] = i, e[4] = c) : c = e[4];
+  let d;
+  e[5] !== o || e[6] !== c ? (d = /* @__PURE__ */ a(ye, { className: "PsChat--user-message-inner", variant: "body2", sx: c, children: o }), e[5] = o, e[6] = c, e[7] = d) : d = e[7];
+  let x;
+  return e[8] !== s || e[9] !== d ? (x = /* @__PURE__ */ T(y, { className: "PsChat--user-message", sx: H.userMessageContainer, children: [
+    s,
+    d
+  ] }), e[8] = s, e[9] = d, e[10] = x) : x = e[10], x;
 }
-const he = (t) => {
-  const e = T(6);
-  let n, o;
+const Je = (t) => {
+  const e = z(6);
+  let o, r;
   e[0] !== t ? ({
-    className: n,
-    ...o
-  } = t, e[0] = t, e[1] = n, e[2] = o) : (n = e[1], o = e[2]);
-  const i = `PsChat--agent-message ${n ?? ""}`;
-  let r;
-  return e[3] !== o || e[4] !== i ? (r = /* @__PURE__ */ d(x, { className: i, ...o }), e[3] = o, e[4] = i, e[5] = r) : r = e[5], r;
-}, ge = H(he)(({
+    className: o,
+    ...r
+  } = t, e[0] = t, e[1] = o, e[2] = r) : (o = e[1], r = e[2]);
+  const l = `PsChat--agent-message ${o ?? ""}`;
+  let n;
+  return e[3] !== r || e[4] !== l ? (n = /* @__PURE__ */ a(y, { className: l, ...r }), e[3] = r, e[4] = l, e[5] = n) : n = e[5], n;
+}, qe = se(Je)(({
   theme: t
-}) => A.agentMessageContainer(t));
-ge.displayName = "ChatAgentMessage";
-function Pe(t) {
-  const e = T(13), {
-    errors: n,
-    icon: o,
-    actions: i,
-    sx: r
+}) => H.agentMessageContainer(t));
+qe.displayName = "ChatAgentMessage";
+function Pt(t) {
+  const e = z(13), {
+    errors: o,
+    icon: r,
+    actions: l,
+    sx: n
   } = t;
-  let m;
-  e[0] !== r ? (m = {
-    ...A.errorMessage,
-    ...r
-  }, e[0] = r, e[1] = m) : m = e[1];
-  let a;
-  e[2] !== o ? (a = o ?? /* @__PURE__ */ d(N, { fontSize: "medium", color: "error" }), e[2] = o, e[3] = a) : a = e[3];
+  let u;
+  e[0] !== n ? (u = {
+    ...H.errorMessage,
+    ...n
+  }, e[0] = n, e[1] = u) : u = e[1];
   let s;
-  e[4] !== n ? (s = n.map(xe), e[4] = n, e[5] = s) : s = e[5];
-  let l;
-  e[6] !== i ? (l = i?.length ? /* @__PURE__ */ d(x, { sx: A.errorActions, children: (i ?? []).map(be) }) : null, e[6] = i, e[7] = l) : l = e[7];
+  e[2] !== r ? (s = r ?? /* @__PURE__ */ a(ge, { fontSize: "medium", color: "error" }), e[2] = r, e[3] = s) : s = e[3];
+  let i;
+  e[4] !== o ? (i = o.map(Ze), e[4] = o, e[5] = i) : i = e[5];
   let c;
-  return e[8] !== m || e[9] !== a || e[10] !== s || e[11] !== l ? (c = /* @__PURE__ */ y(x, { sx: m, children: [
-    a,
+  e[6] !== l ? (c = l?.length ? /* @__PURE__ */ a(y, { sx: H.errorActions, children: (l ?? []).map(Qe) }) : null, e[6] = l, e[7] = c) : c = e[7];
+  let d;
+  return e[8] !== u || e[9] !== s || e[10] !== i || e[11] !== c ? (d = /* @__PURE__ */ T(y, { sx: u, children: [
     s,
-    l
-  ] }), e[8] = m, e[9] = a, e[10] = s, e[11] = l, e[12] = c) : c = e[12], c;
+    i,
+    c
+  ] }), e[8] = u, e[9] = s, e[10] = i, e[11] = c, e[12] = d) : d = e[12], d;
 }
-function be(t, e) {
-  return /* @__PURE__ */ y("span", { children: [
-    e > 0 && /* @__PURE__ */ d($, { component: "span", variant: "body2", sx: A.errorActionSeparator, children: "·" }),
-    /* @__PURE__ */ d(Y, { component: "button", variant: "body2", onClick: t.onClick, sx: A.errorAction, children: t.label })
+function Qe(t, e) {
+  return /* @__PURE__ */ T("span", { children: [
+    e > 0 && /* @__PURE__ */ a(_, { component: "span", variant: "body2", sx: H.errorActionSeparator, children: "·" }),
+    /* @__PURE__ */ a(ke, { component: "button", variant: "body2", onClick: t.onClick, sx: H.errorAction, children: t.label })
   ] }, e);
 }
-function xe(t, e) {
-  return /* @__PURE__ */ d($, { variant: "subtitle2", color: "error.relatedDark", children: t }, e);
+function Ze(t, e) {
+  return /* @__PURE__ */ a(_, { variant: "subtitle2", color: "error.relatedDark", children: t }, e);
 }
-function Ce(t) {
-  const e = T(17);
-  let n, o, i, r;
+function et(t) {
+  const e = z(17);
+  let o, r, l, n;
   e[0] !== t ? ({
-    label: o,
-    color: n,
-    sx: r,
-    ...i
-  } = t, e[0] = t, e[1] = n, e[2] = o, e[3] = i, e[4] = r) : (n = e[1], o = e[2], i = e[3], r = e[4]);
-  let m;
-  e[5] !== n ? (m = n ? {
-    backgroundColor: n
-  } : void 0, e[5] = n, e[6] = m) : m = e[6];
-  let a;
-  e[7] !== r || e[8] !== m ? (a = {
-    ...A.suggestionButton,
-    ...m,
-    ...r
-  }, e[7] = r, e[8] = m, e[9] = a) : a = e[9];
+    label: r,
+    color: o,
+    sx: n,
+    ...l
+  } = t, e[0] = t, e[1] = o, e[2] = r, e[3] = l, e[4] = n) : (o = e[1], r = e[2], l = e[3], n = 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[10] !== o ? (s = /* @__PURE__ */ d($, { color: "inherit", variant: "body2", children: o }), e[10] = o, e[11] = s) : s = e[11];
-  let l;
-  e[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ d(ne, {}), e[12] = l) : l = e[12];
+  e[7] !== n || e[8] !== u ? (s = {
+    ...H.suggestionButton,
+    ...u,
+    ...n
+  }, e[7] = n, e[8] = u, e[9] = s) : s = e[9];
+  let i;
+  e[10] !== r ? (i = /* @__PURE__ */ a(_, { color: "inherit", variant: "body2", children: r }), e[10] = r, e[11] = i) : i = e[11];
   let c;
-  return e[13] !== i || e[14] !== a || e[15] !== s ? (c = /* @__PURE__ */ y(X, { sx: a, ...i, children: [
-    s,
-    l
-  ] }), e[13] = i, e[14] = a, e[15] = s, e[16] = c) : c = e[16], c;
+  e[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (c = /* @__PURE__ */ a(Be, {}), e[12] = c) : c = e[12];
+  let d;
+  return e[13] !== l || e[14] !== s || e[15] !== i ? (d = /* @__PURE__ */ T(Se, { sx: s, ...l, children: [
+    i,
+    c
+  ] }), e[13] = l, e[14] = s, e[15] = i, e[16] = d) : d = e[16], d;
 }
-const ye = P`
+const tt = N`
   0% {
     background-position: 150% 0;
   }
   100% {
     background-position: -50% 0;
   }
-`, ve = P`
+`, ot = N`
   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; }
-`, Te = P`
+`, nt = N`
   0% { transform: scale(1); }
   40% { transform: scale(0.75); }
   80% { transform: scale(1.125); }
   100% { transform: scale(1); }
-`, z = {
+`, w = {
   thinking: {
     display: "flex",
     alignItems: "center",
@@ -298,7 +342,7 @@ const ye = P`
     backgroundClip: "text",
     WebkitBackgroundClip: "text",
     WebkitTextFillColor: "transparent",
-    animation: `${ye} 2s ease-in-out infinite`,
+    animation: `${tt} 2s ease-in-out infinite`,
     animationDuration: "2s"
   },
   loader: {
@@ -316,7 +360,7 @@ const ye = P`
     backgroundColor: ({
       palette: t
     }) => t.action.disabled,
-    animation: `${ve} 1s ease-in-out infinite`
+    animation: `${ot} 1s ease-in-out infinite`
   },
   loaderInnerCircle: {
     position: "absolute",
@@ -326,84 +370,301 @@ const ye = P`
     backgroundColor: ({
       palette: t
     }) => t.text.primary,
-    animation: `${Te} 1s ease-in-out infinite`
+    animation: `${nt} 1s ease-in-out infinite`
   },
-  tools: {
+  // --- Tool Trace styles ---
+  traceHeader: {
+    display: "flex",
+    alignItems: "center",
+    padding: 0,
+    paddingLeft: ({
+      spacing: t
+    }) => t(0.5),
+    borderRadius: ({
+      spacing: t
+    }) => t(0.5),
+    width: "fit-content",
+    color: ({
+      palette: t
+    }) => t.text.secondary,
+    "&:hover": {
+      backgroundColor: ({
+        palette: t
+      }) => t.action.hover
+    }
+  },
+  traceChevron: {
+    color: ({
+      palette: t
+    }) => t.text.secondary,
+    transition: "transform 0.2s"
+  },
+  traceDetailsWrapper: {
+    marginTop: ({
+      spacing: t
+    }) => t(0.5),
+    padding: ({
+      spacing: t
+    }) => t(1.5),
+    border: "1px solid",
+    borderColor: "divider",
+    borderRadius: ({
+      spacing: t
+    }) => t(1)
+  },
+  traceField: {
+    display: "flex",
+    alignItems: "flex-start",
+    gap: ({
+      spacing: t
+    }) => t(1)
+  },
+  traceFieldLabel: {
+    flexShrink: 0
+  },
+  traceReference: {
+    display: "flex",
+    borderRadius: ({
+      spacing: t
+    }) => t(0.25),
+    padding: ({
+      spacing: t
+    }) => t(0, 0.5),
+    gap: ({
+      spacing: t
+    }) => t(0.5),
+    backgroundColor: ({
+      palette: t
+    }) => t.success.relatedLight,
+    color: ({
+      palette: t
+    }) => t.success.dark
+  },
+  traceStatusSuccess: {
+    color: ({
+      palette: t
+    }) => t.success.main
+  },
+  traceStatusError: {
+    color: ({
+      palette: t
+    }) => t.error.main
+  },
+  // --- Code Area styles ---
+  codeArea: {
+    position: "relative",
     width: "100%"
   },
-  toolHeader: {
+  codeAreaPre: {
+    margin: 0,
+    padding: ({
+      spacing: t
+    }) => t(1),
+    borderRadius: ({
+      spacing: t
+    }) => t(0.5),
+    backgroundColor: ({
+      palette: t
+    }) => t.background.default,
+    fontSize: "0.75rem",
+    fontFamily: "monospace",
+    whiteSpace: "pre-wrap",
+    wordBreak: "break-word",
+    overflowY: "auto"
+  },
+  codeAreaPreError: {
+    borderLeft: ({
+      palette: t
+    }) => `3px solid ${t.error.main}`,
+    backgroundColor: ({
+      palette: t
+    }) => `${t.error.main}08`
+  },
+  codeAreaFullViewButton: {
+    position: "absolute",
+    top: ({
+      spacing: t
+    }) => t(0.5),
+    right: ({
+      spacing: t
+    }) => t(0.5)
+  },
+  // --- Full View Dialog styles ---
+  fullViewDialog: {
+    margin: ({
+      spacing: t
+    }) => t(5)
+  },
+  fullViewPaper: {
+    borderRadius: 1
+  },
+  fullViewTitle: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    padding: ({
+      spacing: t
+    }) => t(2),
+    borderBottom: "1px solid",
+    borderBottomColor: "divider"
+  },
+  fullViewDialogContent: {
+    padding: 0,
+    "&:first-of-type": {
+      paddingTop: 0
+    }
+  },
+  fullViewPre: {
+    margin: 0,
+    padding: ({
+      spacing: t
+    }) => t(1),
+    background: ({
+      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",
+    whiteSpace: "pre-wrap",
+    wordBreak: "break-word",
+    lineHeight: 1.6,
+    counterReset: "line"
+  },
+  fullViewLine: {
+    display: "block",
+    "&::before": {
+      counterIncrement: "line",
+      content: "counter(line)",
+      display: "inline-block",
+      width: "2em",
+      marginRight: "2em",
+      textAlign: "right",
+      color: ({
+        palette: t
+      }) => t.text.secondary,
+      userSelect: "none"
+    }
+  },
+  groupHeader: {
+    textAlign: "left",
     display: "flex",
     alignItems: "center",
+    borderRadius: 0,
     gap: ({
       spacing: t
-    }) => t(1)
+    }) => t(0.5)
   },
-  toolStatusIcon: {
+  errorBadge: {
+    color: ({
+      palette: t
+    }) => t.error.main,
+    fontWeight: 600,
     display: "flex",
-    alignItems: "center"
+    alignItems: "center",
+    gap: ({
+      spacing: t
+    }) => t(0.25)
+  },
+  // --- Syntax highlighting token styles ---
+  syntaxToken_key: {
+    color: "#881280"
+  },
+  syntaxToken_string: {
+    color: "#c41a16"
+  },
+  syntaxToken_number: {
+    color: "#1c00cf"
+  },
+  syntaxToken_boolean: {
+    color: "#1c00cf"
+  },
+  syntaxToken_null: {
+    color: "#808080"
+  },
+  syntaxToken_punctuation: {
+    color: ({
+      palette: t
+    }) => t.text.primary
+  },
+  groupListItem: {
+    borderBottom: "1px solid",
+    borderColor: "divider",
+    "&:first-of-type .MuiButton-root": {
+      borderRadius: ({
+        spacing: t
+      }) => t(1, 1, 0, 0)
+    },
+    "&:last-of-type:not([aria-expanded=true]) .MuiButton-root": {
+      borderRadius: ({
+        spacing: t
+      }) => t(0, 0, 1, 1)
+    },
+    "&:last-of-type": {
+      borderBottomWidth: 0
+    }
   }
 };
-function we(t) {
-  const e = T(6), {
-    children: n,
-    duration: o,
-    sx: i
-  } = t, r = n === void 0 ? "Thinking..." : n, a = `${(o === void 0 ? 2e3 : o) / 1e3}s`;
-  let s;
-  e[0] !== a || e[1] !== i ? (s = {
-    ...z.thinking,
-    animationDuration: a,
-    ...i
-  }, e[0] = a, e[1] = i, e[2] = s) : s = e[2];
-  let l;
-  return e[3] !== r || e[4] !== s ? (l = /* @__PURE__ */ d($, { variant: "body2", sx: s, children: r }), e[3] = r, e[4] = s, e[5] = l) : l = e[5], l;
+function rt(t) {
+  const e = z(6), {
+    children: o,
+    duration: r,
+    sx: l
+  } = t, n = o === void 0 ? "Thinking..." : o, s = `${(r === void 0 ? 2e3 : r) / 1e3}s`;
+  let i;
+  e[0] !== s || e[1] !== l ? (i = {
+    ...w.thinking,
+    animationDuration: s,
+    ...l
+  }, e[0] = s, e[1] = l, e[2] = i) : i = e[2];
+  let c;
+  return e[3] !== n || e[4] !== i ? (c = /* @__PURE__ */ a(_, { variant: "body2", sx: i, children: n }), e[3] = n, e[4] = i, e[5] = c) : c = e[5], c;
 }
-function Re(t) {
-  const e = T(16), {
-    size: n,
-    labels: o,
-    sx: i
-  } = t, r = n === void 0 ? 24 : n;
-  let m;
-  e[0] !== o ? (m = o === void 0 ? {} : o, e[0] = o, e[1] = m) : m = e[1];
-  const s = m.loading ?? "Loading";
-  let l;
-  e[2] !== r || e[3] !== i ? (l = {
-    ...z.loader,
-    width: r,
-    height: r,
-    ...i
-  }, e[2] = r, e[3] = i, e[4] = l) : l = e[4];
-  const c = r * 0.75, p = r * 0.75;
-  let f;
-  e[5] !== c || e[6] !== p ? (f = /* @__PURE__ */ d(x, { component: "span", sx: {
-    ...z.loaderOuterCircle,
-    width: c,
-    height: p
-  } }), e[5] = c, e[6] = p, e[7] = f) : f = e[7];
-  const u = r * 0.32, g = r * 0.32;
-  let b;
-  e[8] !== g || e[9] !== u ? (b = /* @__PURE__ */ d(x, { component: "span", sx: {
-    ...z.loaderInnerCircle,
-    width: u,
-    height: g
-  } }), e[8] = g, e[9] = u, e[10] = b) : b = e[10];
+function Vt(t) {
+  const e = z(16), {
+    size: o,
+    labels: r,
+    sx: l
+  } = t, n = o === void 0 ? 24 : o;
+  let u;
+  e[0] !== r ? (u = r === void 0 ? {} : r, e[0] = r, e[1] = u) : u = e[1];
+  const i = u.loading ?? "Loading";
+  let c;
+  e[2] !== n || e[3] !== l ? (c = {
+    ...w.loader,
+    width: n,
+    height: n,
+    ...l
+  }, e[2] = n, e[3] = l, e[4] = c) : c = e[4];
+  const d = n * 0.75, x = n * 0.75;
+  let g;
+  e[5] !== d || e[6] !== x ? (g = /* @__PURE__ */ a(y, { component: "span", sx: {
+    ...w.loaderOuterCircle,
+    width: d,
+    height: x
+  } }), e[5] = d, e[6] = x, e[7] = g) : g = e[7];
+  const f = n * 0.32, m = n * 0.32;
   let h;
-  return e[11] !== b || e[12] !== s || e[13] !== l || e[14] !== f ? (h = /* @__PURE__ */ y(x, { role: "status", "aria-busy": !0, "aria-label": s, sx: l, children: [
-    f,
-    b
-  ] }), e[11] = b, e[12] = s, e[13] = l, e[14] = f, e[15] = h) : h = e[15], h;
+  e[8] !== m || e[9] !== f ? (h = /* @__PURE__ */ a(y, { component: "span", sx: {
+    ...w.loaderInnerCircle,
+    width: f,
+    height: m
+  } }), e[8] = m, e[9] = f, e[10] = h) : h = e[10];
+  let p;
+  return e[11] !== h || e[12] !== i || e[13] !== c || e[14] !== g ? (p = /* @__PURE__ */ T(y, { role: "status", "aria-busy": !0, "aria-label": i, sx: c, children: [
+    g,
+    h
+  ] }), e[11] = h, e[12] = i, e[13] = c, e[14] = g, e[15] = p) : p = e[15], p;
 }
-const Se = P`
+const lt = N`
   0%     { border-top-color: transparent;                border-bottom-color: var(--chat-border-color) }
   0.1%   { border-top-color: var(--chat-border-color);   border-bottom-color: var(--chat-border-color) }
   99.9%  { border-top-color: var(--chat-border-color);   border-bottom-color: var(--chat-border-color) }
   100%   { border-top-color: var(--chat-border-color);   border-bottom-color: transparent }
-`, Ie = P`
+`, it = N`
   0%   { opacity: 1; pointer-events: auto }
   95%  { opacity: 1; pointer-events: auto }
   100% { opacity: 0; pointer-events: none }
-`, v = {
+`, W = {
   header: {
     display: "flex",
     alignItems: "center",
@@ -437,12 +698,20 @@ const Se = P`
   footerCorner: {
     position: "absolute",
     bottom: "38px",
-    right: `max(16px, calc(50% - ${j / 2}px + 6px))`,
+    right: `max(16px, calc(50% - ${q / 2}px + 6px))`,
     margin: "0 auto"
   },
   footer: {
-    maxWidth: j,
-    margin: "0 auto"
+    maxWidth: q,
+    margin: "0 auto",
+    "& textarea": {
+      resize: "none",
+      maxHeight: "10em",
+      overflowY: "auto !important",
+      paddingRight: ({
+        spacing: t
+      }) => t(5)
+    }
   },
   footerCaption: {
     textAlign: "center"
@@ -452,7 +721,7 @@ const Se = P`
     flex: 1,
     position: "relative",
     mx: "auto",
-    maxWidth: j,
+    maxWidth: q,
     width: "100%",
     maxHeight: "100%",
     pt: 1,
@@ -466,7 +735,7 @@ const Se = P`
     borderTop: "1px solid transparent",
     borderBottom: "1px solid transparent",
     "@supports (animation-timeline: scroll())": {
-      animation: `${Se} linear both`,
+      animation: `${lt} linear both`,
       animationTimeline: "scroll(self)"
     }
   },
@@ -484,7 +753,7 @@ const Se = P`
     opacity: 0,
     pointerEvents: "none",
     "@supports (animation-timeline: scroll())": {
-      animation: `${Ie} linear both`,
+      animation: `${it} linear both`,
       animationTimeline: "scroll(nearest)"
     },
     "@supports not (animation-timeline: scroll())": {
@@ -500,7 +769,7 @@ const Se = P`
       spacing: t
     }) => t(3),
     textAlign: "center",
-    maxWidth: j,
+    maxWidth: q,
     margin: "0 auto"
   },
   starterItems: {
@@ -514,119 +783,119 @@ const Se = P`
     gridTemplateColumns: "repeat(2, 1fr)"
   }
 };
-function je(t) {
-  const e = T(12), {
-    children: n,
-    labels: o,
-    sx: i
+function Ut(t) {
+  const e = z(12), {
+    children: o,
+    labels: r,
+    sx: l
   } = t;
-  let r;
-  e[0] !== o ? (r = o === void 0 ? {} : o, e[0] = o, e[1] = r) : r = e[1];
-  const m = r, a = ue(null);
-  let s;
-  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = () => {
-    a.current?.scrollTo({
-      top: a.current.scrollHeight,
+  let n;
+  e[0] !== r ? (n = r === void 0 ? {} : r, e[0] = r, e[1] = n) : n = e[1];
+  const u = n, s = be(null);
+  let i;
+  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = () => {
+    s.current?.scrollTo({
+      top: s.current.scrollHeight,
       behavior: "smooth"
     });
-  }, e[2] = s) : s = e[2];
-  const l = s;
-  let c;
-  e[3] !== i ? (c = {
-    ...v.content,
-    ...i
-  }, e[3] = i, e[4] = c) : c = e[4];
-  const p = m.jumpToLatest ?? "Jump to latest";
-  let f;
-  e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ d(le, {}), e[5] = f) : f = e[5];
-  let u;
-  e[6] !== p ? (u = /* @__PURE__ */ d(x, { sx: v.jumpToLatestWrapper, children: /* @__PURE__ */ d(J, { size: "small", onClick: l, "aria-label": p, sx: v.jumpToLatest, children: f }) }), e[6] = p, e[7] = u) : u = e[7];
+  }, e[2] = i) : i = e[2];
+  const c = i;
+  let d;
+  e[3] !== l ? (d = {
+    ...W.content,
+    ...l
+  }, e[3] = l, e[4] = d) : d = e[4];
+  const x = u.jumpToLatest ?? "Jump to latest";
   let g;
-  return e[8] !== n || e[9] !== c || e[10] !== u ? (g = /* @__PURE__ */ y(x, { ref: a, sx: c, children: [
-    n,
-    u
-  ] }), e[8] = n, e[9] = c, e[10] = u, e[11] = g) : g = e[11], g;
-}
-function He(t) {
-  const e = T(14), {
-    leftSlot: n,
-    title: o,
-    rightSlot: i,
-    onClose: r,
-    sx: m
+  e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ a(Fe, {}), e[5] = g) : g = e[5];
+  let f;
+  e[6] !== x ? (f = /* @__PURE__ */ a(y, { sx: W.jumpToLatestWrapper, children: /* @__PURE__ */ a(_e, { size: "small", onClick: c, "aria-label": x, sx: W.jumpToLatest, children: g }) }), e[6] = x, e[7] = f) : f = e[7];
+  let m;
+  return e[8] !== o || e[9] !== d || e[10] !== f ? (m = /* @__PURE__ */ T(y, { ref: s, sx: d, children: [
+    o,
+    f
+  ] }), e[8] = o, e[9] = d, e[10] = f, e[11] = m) : m = e[11], m;
+}
+function jt(t) {
+  const e = z(14), {
+    leftSlot: o,
+    title: r,
+    rightSlot: l,
+    onClose: n,
+    sx: u
   } = t;
-  let a;
-  e[0] !== m ? (a = {
-    ...v.header,
-    ...m
-  }, e[0] = m, e[1] = a) : a = e[1];
   let s;
-  e[2] !== o ? (s = /* @__PURE__ */ d($, { variant: "subtitle2", sx: v.headerTitle, children: o }), e[2] = o, e[3] = s) : s = e[3];
-  let l;
-  e[4] !== r ? (l = r && /* @__PURE__ */ d(O, { size: "medium", onClick: r, "aria-label": "Close", children: /* @__PURE__ */ d(re, {}) }), e[4] = r, e[5] = l) : l = e[5];
+  e[0] !== u ? (s = {
+    ...W.header,
+    ...u
+  }, e[0] = u, e[1] = s) : s = e[1];
+  let i;
+  e[2] !== r ? (i = /* @__PURE__ */ a(_, { variant: "subtitle2", sx: W.headerTitle, children: r }), e[2] = r, e[3] = i) : i = e[3];
   let c;
-  e[6] !== i || e[7] !== l ? (c = /* @__PURE__ */ y(x, { sx: v.headerActions, children: [
-    i,
-    l
-  ] }), e[6] = i, e[7] = l, e[8] = c) : c = e[8];
-  let p;
-  return e[9] !== n || e[10] !== a || e[11] !== s || e[12] !== c ? (p = /* @__PURE__ */ y(x, { sx: a, children: [
-    n,
-    s,
+  e[4] !== n ? (c = n && /* @__PURE__ */ a(O, { size: "medium", onClick: n, "aria-label": "Close", children: /* @__PURE__ */ a(he, {}) }), e[4] = n, e[5] = c) : c = e[5];
+  let d;
+  e[6] !== l || e[7] !== c ? (d = /* @__PURE__ */ T(y, { sx: W.headerActions, children: [
+    l,
     c
-  ] }), e[9] = n, e[10] = a, e[11] = s, e[12] = c, e[13] = p) : p = e[13], p;
-}
-const ke = "Responses are AI generated. Please verify key information.";
-function Ue(t) {
-  const e = T(35), {
-    value: n,
-    onChange: o,
-    onSend: i,
-    onStop: r,
-    isGenerating: m,
-    disabled: a,
-    placeholder: s,
-    labels: l,
-    caption: c,
-    sx: p
-  } = t, f = m === void 0 ? !1 : m, u = a === void 0 ? !1 : a, g = s === void 0 ? "Type a message..." : s;
-  let b;
-  e[0] !== l ? (b = l === void 0 ? {} : l, e[0] = l, e[1] = b) : b = e[1];
-  const h = b, C = c === void 0 ? ke : c;
-  let w;
-  e[2] !== u || e[3] !== f || e[4] !== n ? (w = n.trim() && !u && !f, e[2] = u, e[3] = f, e[4] = n, e[5] = w) : w = e[5];
-  const S = w;
-  let L;
-  e[6] !== S || e[7] !== i ? (L = (F) => {
-    F.key === "Enter" && !F.shiftKey && (F.preventDefault(), S && i());
-  }, e[6] = S, e[7] = i, e[8] = L) : L = e[8];
-  const M = L;
-  let I;
-  e[9] !== p ? (I = {
-    ...v.footerWrapper,
-    ...p
-  }, e[9] = p, e[10] = I) : I = e[10];
+  ] }), e[6] = l, e[7] = c, e[8] = d) : d = e[8];
+  let x;
+  return e[9] !== o || e[10] !== s || e[11] !== i || e[12] !== d ? (x = /* @__PURE__ */ T(y, { sx: s, children: [
+    o,
+    i,
+    d
+  ] }), e[9] = o, e[10] = s, e[11] = i, e[12] = d, e[13] = x) : x = e[13], x;
+}
+const st = "Responses are AI generated. Please verify key information.";
+function Nt(t) {
+  const e = z(35), {
+    value: o,
+    onChange: r,
+    onSend: l,
+    onStop: n,
+    isGenerating: u,
+    disabled: s,
+    placeholder: i,
+    labels: c,
+    caption: d,
+    sx: x
+  } = t, g = u === void 0 ? !1 : u, f = s === void 0 ? !1 : s, m = i === void 0 ? "Type a message..." : i;
+  let h;
+  e[0] !== c ? (h = c === void 0 ? {} : c, e[0] = c, e[1] = h) : h = e[1];
+  const p = h, b = d === void 0 ? st : d;
+  let v;
+  e[2] !== f || e[3] !== g || e[4] !== o ? (v = o.trim() && !f && !g, e[2] = f, e[3] = g, e[4] = o, e[5] = v) : v = e[5];
+  const C = v;
   let k;
-  e[11] !== o ? (k = (F) => o(F.target.value), e[11] = o, e[12] = k) : k = e[12];
-  const D = u || f;
-  let _;
-  e[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (_ = {
+  e[6] !== C || e[7] !== l ? (k = (M) => {
+    M.key === "Enter" && !M.shiftKey && (M.preventDefault(), C && l());
+  }, e[6] = C, e[7] = l, e[8] = k) : k = e[8];
+  const S = k;
+  let A;
+  e[9] !== x ? (A = {
+    ...W.footerWrapper,
+    ...x
+  }, e[9] = x, e[10] = A) : A = e[10];
+  let I;
+  e[11] !== r ? (I = (M) => r(M.target.value), e[11] = r, e[12] = I) : I = e[12];
+  const R = f || g;
+  let $;
+  e[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? ($ = {
     minHeight: 0
-  }, e[13] = _) : _ = e[13];
-  let W;
-  e[14] !== M || e[15] !== g || e[16] !== k || e[17] !== D || e[18] !== n ? (W = /* @__PURE__ */ d(V, { multiline: !0, value: n, onChange: k, onKeyDown: M, placeholder: g, disabled: D, sx: v.footer, style: _, fullWidth: !0, size: "small" }), e[14] = M, e[15] = g, e[16] = k, e[17] = D, e[18] = n, e[19] = W) : W = e[19];
-  let B;
-  e[20] !== S || e[21] !== u || e[22] !== f || e[23] !== h.send || e[24] !== h.stop || e[25] !== i || e[26] !== r ? (B = /* @__PURE__ */ d(x, { sx: v.footerCorner, children: f && r ? /* @__PURE__ */ d(O, { size: "small", onClick: r, disabled: u, "aria-label": h.stop ?? "Stop", children: /* @__PURE__ */ d(se, {}) }) : /* @__PURE__ */ d(O, { size: "small", variant: "contained", onClick: i, disabled: !S, "aria-label": h.send ?? "Send", children: /* @__PURE__ */ d(ie, {}) }) }), e[20] = S, e[21] = u, e[22] = f, e[23] = h.send, e[24] = h.stop, e[25] = i, e[26] = r, e[27] = B) : B = e[27];
+  }, e[13] = $) : $ = e[13];
   let E;
-  e[28] !== C ? (E = C ? /* @__PURE__ */ d(q, { sx: v.footerCaption, children: C }) : null, e[28] = C, e[29] = E) : E = e[29];
-  let R;
-  return e[30] !== W || e[31] !== B || e[32] !== E || e[33] !== I ? (R = /* @__PURE__ */ y(Q, { fullWidth: !0, sx: I, children: [
-    W,
+  e[14] !== S || e[15] !== m || e[16] !== I || e[17] !== R || e[18] !== o ? (E = /* @__PURE__ */ a($e, { multiline: !0, value: o, onChange: I, onKeyDown: S, placeholder: m, disabled: R, sx: W.footer, style: $, fullWidth: !0, size: "small" }), e[14] = S, e[15] = m, e[16] = I, e[17] = R, e[18] = o, e[19] = E) : E = e[19];
+  let B;
+  e[20] !== C || e[21] !== f || e[22] !== g || e[23] !== p.send || e[24] !== p.stop || e[25] !== l || e[26] !== n ? (B = /* @__PURE__ */ a(y, { sx: W.footerCorner, children: g && n ? /* @__PURE__ */ a(O, { size: "small", onClick: n, disabled: f, "aria-label": p.stop ?? "Stop", children: /* @__PURE__ */ a(We, {}) }) : /* @__PURE__ */ a(O, { size: "small", variant: "contained", onClick: l, disabled: !C, "aria-label": p.send ?? "Send", children: /* @__PURE__ */ a(Me, {}) }) }), e[20] = C, e[21] = f, e[22] = g, e[23] = p.send, e[24] = p.stop, e[25] = l, e[26] = n, e[27] = B) : B = e[27];
+  let L;
+  e[28] !== b ? (L = b ? /* @__PURE__ */ a(Ae, { sx: W.footerCaption, children: b }) : null, e[28] = b, e[29] = L) : L = e[29];
+  let D;
+  return e[30] !== E || e[31] !== B || e[32] !== L || e[33] !== A ? (D = /* @__PURE__ */ T(Ie, { fullWidth: !0, sx: A, children: [
+    E,
     B,
-    E
-  ] }), e[30] = W, e[31] = B, e[32] = E, e[33] = I, e[34] = R) : R = e[34], R;
+    L
+  ] }), e[30] = E, e[31] = B, e[32] = L, e[33] = A, e[34] = D) : D = e[34], D;
 }
-const U = [
+const de = [
   "#C9DB7440",
   // pastel green
   "#FE88B140",
@@ -636,166 +905,627 @@ const U = [
   "#F6CF7140"
   // pastel yellow
 ];
-function Ne(t) {
-  const e = T(40), {
-    icon: n,
-    title: o,
-    description: i,
-    items: r,
-    size: m,
-    onSelect: a,
-    sx: s
-  } = t, l = m === void 0 ? "small" : m;
-  let c, p, f, u, g, b, h, C;
-  if (e[0] !== i || e[1] !== n || e[2] !== r || e[3] !== a || e[4] !== l || e[5] !== s || e[6] !== o) {
-    const L = r.map(Ae);
-    p = x;
-    const M = l === "small" ? 1 : 2;
-    e[15] !== s || e[16] !== M ? (g = {
-      ...v.starter,
-      gap: M,
-      ...s
-    }, e[15] = s, e[16] = M, e[17] = g) : g = e[17], b = n, e[18] !== l || e[19] !== o ? (h = o && /* @__PURE__ */ d($, { variant: l === "small" ? "h6" : "h5", children: o }), e[18] = l, e[19] = o, e[20] = h) : h = e[20], e[21] !== i || e[22] !== l ? (C = i && /* @__PURE__ */ d($, { variant: l === "small" ? "body2" : "body1", color: "text.secondary", children: i }), e[21] = i, e[22] = l, e[23] = C) : C = e[23], c = x;
-    const I = l === "small" ? 1 : 2, k = r.length > 2 ? v.starterItemsTwoCol : void 0;
-    e[24] !== k || e[25] !== I ? (f = {
-      ...v.starterItems,
-      gap: I,
-      ...k
-    }, e[24] = k, e[25] = I, e[26] = f) : f = e[26];
-    let D;
-    e[27] !== a ? (D = (_) => /* @__PURE__ */ d(Ce, { label: _.label, onClick: () => a?.(_.label), color: _.color }, _.label), e[27] = a, e[28] = D) : D = e[28], u = L.map(D), e[0] = i, e[1] = n, e[2] = r, e[3] = a, e[4] = l, e[5] = s, e[6] = o, e[7] = c, e[8] = p, e[9] = f, e[10] = u, e[11] = g, e[12] = b, e[13] = h, e[14] = C;
+function Gt(t) {
+  const e = z(40), {
+    icon: o,
+    title: r,
+    description: l,
+    items: n,
+    size: u,
+    onSelect: s,
+    sx: i
+  } = t, c = u === void 0 ? "small" : u;
+  let d, x, g, f, m, h, p, b;
+  if (e[0] !== l || e[1] !== o || e[2] !== n || e[3] !== s || e[4] !== c || e[5] !== i || e[6] !== r) {
+    const k = n.map(at);
+    x = y;
+    const S = c === "small" ? 1 : 2;
+    e[15] !== i || e[16] !== S ? (m = {
+      ...W.starter,
+      gap: S,
+      ...i
+    }, e[15] = i, e[16] = S, e[17] = m) : m = e[17], h = o, e[18] !== c || e[19] !== r ? (p = r && /* @__PURE__ */ a(_, { variant: c === "small" ? "h6" : "h5", children: r }), e[18] = c, e[19] = r, e[20] = p) : p = e[20], e[21] !== l || e[22] !== c ? (b = l && /* @__PURE__ */ a(_, { variant: c === "small" ? "body2" : "body1", color: "text.secondary", children: l }), e[21] = l, e[22] = c, e[23] = b) : b = e[23], d = y;
+    const A = c === "small" ? 1 : 2, I = n.length > 2 ? W.starterItemsTwoCol : void 0;
+    e[24] !== I || e[25] !== A ? (g = {
+      ...W.starterItems,
+      gap: A,
+      ...I
+    }, e[24] = I, e[25] = A, e[26] = g) : g = e[26];
+    let R;
+    e[27] !== s ? (R = ($) => /* @__PURE__ */ a(et, { label: $.label, onClick: () => s?.($.label), color: $.color }, $.label), e[27] = s, e[28] = R) : R = e[28], f = k.map(R), e[0] = l, e[1] = o, e[2] = n, e[3] = s, e[4] = c, e[5] = i, e[6] = r, e[7] = d, e[8] = x, e[9] = g, e[10] = f, e[11] = m, e[12] = h, e[13] = p, e[14] = b;
   } else
-    c = e[7], p = e[8], f = e[9], u = e[10], g = e[11], b = e[12], h = e[13], C = e[14];
-  let w;
-  e[29] !== c || e[30] !== f || e[31] !== u ? (w = /* @__PURE__ */ d(c, { sx: f, children: u }), e[29] = c, e[30] = f, e[31] = u, e[32] = w) : w = e[32];
-  let S;
-  return e[33] !== p || e[34] !== g || e[35] !== b || e[36] !== h || e[37] !== C || e[38] !== w ? (S = /* @__PURE__ */ y(p, { sx: g, children: [
-    b,
+    d = e[7], x = e[8], g = e[9], f = e[10], m = e[11], h = e[12], p = e[13], b = e[14];
+  let v;
+  e[29] !== d || e[30] !== g || e[31] !== f ? (v = /* @__PURE__ */ a(d, { sx: g, children: f }), e[29] = d, e[30] = g, e[31] = f, e[32] = v) : v = e[32];
+  let C;
+  return e[33] !== x || e[34] !== m || e[35] !== h || e[36] !== p || e[37] !== b || e[38] !== v ? (C = /* @__PURE__ */ T(x, { sx: m, children: [
     h,
-    C,
-    w
-  ] }), e[33] = p, e[34] = g, e[35] = b, e[36] = h, e[37] = C, e[38] = w, e[39] = S) : S = e[39], S;
+    p,
+    b,
+    v
+  ] }), e[33] = x, e[34] = m, e[35] = h, e[36] = p, e[37] = b, e[38] = v, e[39] = C) : C = e[39], C;
 }
-function Ae(t, e) {
+function at(t, e) {
   return typeof t == "string" ? {
     label: t,
-    color: U[e]
+    color: de[e]
   } : {
     label: t.label,
-    color: t.color ?? U[e]
+    color: t.color ?? de[e]
   };
 }
-const Ge = H(x)(({
+const Xt = se(y)(({
   theme: t
 }) => ({
   display: "flex",
   alignItems: "center",
   gap: t.spacing(0.5)
 }));
-function Ke(t) {
-  const e = T(25), {
-    rating: n,
-    onRatingChange: o,
-    labels: i
+function Yt(t) {
+  const e = z(25), {
+    rating: o,
+    onRatingChange: r,
+    labels: l
   } = t;
-  let r;
-  e[0] !== i ? (r = i === void 0 ? {} : i, e[0] = i, e[1] = r) : r = e[1];
-  const m = r;
-  let a;
-  e[2] !== o || e[3] !== n ? (a = () => o?.(n === "up" ? null : "up"), e[2] = o, e[3] = n, e[4] = a) : a = e[4];
-  const s = m.thumbUp ?? "Thumbs up", l = n === "up" ? "primary" : void 0;
-  let c;
-  e[5] !== n ? (c = n === "up" ? /* @__PURE__ */ d(ae, { fontSize: "small" }) : /* @__PURE__ */ d(ce, { fontSize: "small" }), e[5] = n, e[6] = c) : c = e[6];
+  let n;
+  e[0] !== l ? (n = l === void 0 ? {} : l, e[0] = l, e[1] = n) : n = e[1];
+  const u = n;
+  let s;
+  e[2] !== r || e[3] !== o ? (s = () => r?.(o === "up" ? null : "up"), e[2] = r, e[3] = o, e[4] = s) : s = e[4];
+  const i = u.thumbUp ?? "Thumbs up", c = o === "up" ? "primary" : void 0;
+  let d;
+  e[5] !== o ? (d = o === "up" ? /* @__PURE__ */ a(He, { fontSize: "small" }) : /* @__PURE__ */ a(Oe, { fontSize: "small" }), e[5] = o, e[6] = d) : d = e[6];
+  let x;
+  e[7] !== s || e[8] !== i || e[9] !== c || e[10] !== d ? (x = /* @__PURE__ */ a(O, { size: "small", onClick: s, "aria-label": i, color: c, children: d }), e[7] = s, e[8] = i, e[9] = c, e[10] = d, e[11] = x) : x = e[11];
+  let g;
+  e[12] !== r || e[13] !== o ? (g = () => r?.(o === "down" ? null : "down"), e[12] = r, e[13] = o, e[14] = g) : g = e[14];
+  const f = u.thumbDown ?? "Thumbs down", m = o === "down" ? "primary" : void 0;
+  let h;
+  e[15] !== o ? (h = o === "down" ? /* @__PURE__ */ a(Pe, { fontSize: "small" }) : /* @__PURE__ */ a(Ve, { fontSize: "small" }), e[15] = o, e[16] = h) : h = e[16];
   let p;
-  e[7] !== a || e[8] !== s || e[9] !== l || e[10] !== c ? (p = /* @__PURE__ */ d(O, { size: "small", onClick: a, "aria-label": s, color: l, children: c }), e[7] = a, e[8] = s, e[9] = l, e[10] = c, e[11] = p) : p = e[11];
-  let f;
-  e[12] !== o || e[13] !== n ? (f = () => o?.(n === "down" ? null : "down"), e[12] = o, e[13] = n, e[14] = f) : f = e[14];
-  const u = m.thumbDown ?? "Thumbs down", g = n === "down" ? "primary" : void 0;
+  e[17] !== m || e[18] !== h || e[19] !== g || e[20] !== f ? (p = /* @__PURE__ */ a(O, { size: "small", onClick: g, "aria-label": f, color: m, children: h }), e[17] = m, e[18] = h, e[19] = g, e[20] = f, e[21] = p) : p = e[21];
   let b;
-  e[15] !== n ? (b = n === "down" ? /* @__PURE__ */ d(de, { fontSize: "small" }) : /* @__PURE__ */ d(me, { fontSize: "small" }), e[15] = n, e[16] = b) : b = e[16];
-  let h;
-  e[17] !== g || e[18] !== b || e[19] !== f || e[20] !== u ? (h = /* @__PURE__ */ d(O, { size: "small", onClick: f, "aria-label": u, color: g, children: b }), e[17] = g, e[18] = b, e[19] = f, e[20] = u, e[21] = h) : h = e[21];
-  let C;
-  return e[22] !== h || e[23] !== p ? (C = /* @__PURE__ */ y(K, { children: [
-    p,
-    h
-  ] }), e[22] = h, e[23] = p, e[24] = C) : C = e[24], C;
+  return e[22] !== p || e[23] !== x ? (b = /* @__PURE__ */ T(Te, { children: [
+    x,
+    p
+  ] }), e[22] = p, e[23] = x, e[24] = b) : b = e[24], b;
 }
-function $e(t) {
-  const e = T(4), {
-    status: n
+const ct = /^-?\d/;
+function dt(t) {
+  const e = [];
+  let o = 0, r;
+  const l = /* @__PURE__ */ new Set(), n = /("(?:[^"\\]|\\.)*")\s*:/g;
+  let u;
+  for (; (u = n.exec(t)) !== null; )
+    l.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 > o && e.push(t.slice(o, r.index));
+    const i = r[0];
+    i.startsWith('"') ? l.has(r.index) ? e.push({
+      type: "key",
+      value: i
+    }) : e.push({
+      type: "string",
+      value: i
+    }) : ct.test(i) ? e.push({
+      type: "number",
+      value: i
+    }) : i === "true" || i === "false" ? e.push({
+      type: "boolean",
+      value: i
+    }) : i === "null" ? e.push({
+      type: "null",
+      value: i
+    }) : e.push({
+      type: "punctuation",
+      value: i
+    }), o = r.index + i.length;
+  }
+  return o < t.length && e.push(t.slice(o)), e;
+}
+function ut(t) {
+  const e = z(24), {
+    open: o,
+    onClose: r,
+    title: l,
+    content: n
   } = t;
-  switch (n) {
-    case "loading": {
-      let o;
-      return e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ d(oe, { size: 16 }), e[0] = o) : o = e[0], o;
+  let u;
+  e[0] !== n ? (u = n.split(`
+`).map(mt), e[0] = n, e[1] = u) : u = e[1];
+  const s = u;
+  let i;
+  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = {
+    sx: w.fullViewPaper
+  }, e[2] = i) : i = e[2];
+  let c;
+  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (c = {
+    display: "flex",
+    alignItems: "center",
+    gap: 0.5
+  }, e[3] = c) : c = e[3];
+  let d;
+  e[4] !== n ? (d = /* @__PURE__ */ a(Xe, { copyText: n, "aria-label": "Copy content" }), e[4] = n, e[5] = d) : d = e[5];
+  let x;
+  e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (x = /* @__PURE__ */ a(he, {}), e[6] = x) : x = e[6];
+  let g;
+  e[7] !== r ? (g = /* @__PURE__ */ a(O, { onClick: r, "aria-label": "close", children: x }), e[7] = r, e[8] = g) : g = e[8];
+  let f;
+  e[9] !== d || e[10] !== g ? (f = /* @__PURE__ */ T(y, { sx: c, children: [
+    d,
+    g
+  ] }), e[9] = d, e[10] = g, e[11] = f) : f = e[11];
+  let m;
+  e[12] !== f || e[13] !== l ? (m = /* @__PURE__ */ T(Re, { sx: w.fullViewTitle, children: [
+    l,
+    f
+  ] }), e[12] = f, e[13] = l, e[14] = m) : m = e[14];
+  let h;
+  e[15] !== s ? (h = s.map(ft), e[15] = s, e[16] = h) : h = e[16];
+  let p;
+  e[17] !== h ? (p = /* @__PURE__ */ a(Ee, { sx: w.fullViewDialogContent, children: /* @__PURE__ */ a(y, { component: "pre", sx: w.fullViewPre, children: h }) }), e[17] = h, e[18] = p) : p = e[18];
+  let b;
+  return e[19] !== r || e[20] !== o || e[21] !== p || e[22] !== m ? (b = /* @__PURE__ */ T(Le, { open: o, onClose: r, sx: w.fullViewDialog, PaperProps: i, fullScreen: !0, children: [
+    m,
+    p
+  ] }), e[19] = r, e[20] = o, e[21] = p, e[22] = m, e[23] = b) : b = e[23], b;
+}
+function ft(t, e) {
+  return /* @__PURE__ */ T(y, { component: "span", sx: w.fullViewLine, children: [
+    t.map(pt),
+    `
+`
+  ] }, e);
+}
+function pt(t, e) {
+  return typeof t == "string" ? t : /* @__PURE__ */ a(y, { component: "span", sx: w[`syntaxToken_${t.type}`], children: t.value }, e);
+}
+function mt(t) {
+  return dt(t);
+}
+const gt = () => /* @__PURE__ */ a("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ a(
+  "path",
+  {
+    fill: "currentColor",
+    fillRule: "evenodd",
+    d: "M12.01 11.83 15.18 15l1.41-1.41L12.01 9l-4.59 4.59L8.84 15z",
+    clipRule: "evenodd"
+  }
+) }), ht = ae(gt(), "ArrowUp");
+function xt({ width: t, height: e, sx: o, ...r }, l) {
+  return /* @__PURE__ */ a(
+    ht,
+    {
+      ref: l,
+      viewBox: "0 0 24 24",
+      sx: {
+        width: t,
+        height: e || t,
+        ...o
+      },
+      ...r
     }
-    case "thinking": {
-      let o;
-      return e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ d(we, { children: "..." }), e[1] = o) : o = e[1], o;
+  );
+}
+const bt = ce(xt);
+bt.displayName = "ArrowUp";
+const yt = () => /* @__PURE__ */ a("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ a(
+  "path",
+  {
+    fill: "currentColor",
+    fillRule: "evenodd",
+    d: "m6.121 19.293 2.877-2.877V19H11v-6l-6 .007v1.994l2.584.001-2.877 2.877zM13 11l6-.007V8.999h-2.585l2.878-2.878-1.414-1.414L15 7.585V5H13z",
+    clipRule: "evenodd"
+  }
+) }), Ct = ae(yt(), "CloseDiagonallyRight");
+function vt({ width: t, height: e, sx: o, ...r }, l) {
+  return /* @__PURE__ */ a(
+    Ct,
+    {
+      ref: l,
+      viewBox: "0 0 24 24",
+      sx: {
+        width: t,
+        height: e || t,
+        ...o
+      },
+      ...r
     }
+  );
+}
+const wt = ce(vt);
+wt.displayName = "CloseDiagonallyRight";
+const Tt = () => /* @__PURE__ */ a("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ a(
+  "path",
+  {
+    fill: "currentColor",
+    fillRule: "evenodd",
+    d: "m14.121 11.293 2.877-2.877V11H19V5l-6 .007v1.994l2.584.001-2.877 2.877zM5 19l6-.007v-1.994H8.415l2.878-2.878-1.414-1.414L7 15.585V13H5z",
+    clipRule: "evenodd"
+  }
+) }), kt = ae(Tt(), "OpenDiagonallyRight");
+function St({ width: t, height: e, sx: o, ...r }, l) {
+  return /* @__PURE__ */ a(
+    kt,
+    {
+      ref: l,
+      viewBox: "0 0 24 24",
+      sx: {
+        width: t,
+        height: e || t,
+        ...o
+      },
+      ...r
+    }
+  );
+}
+const Ce = ce(St);
+Ce.displayName = "OpenDiagonallyRight";
+function ue(t) {
+  const e = z(28), {
+    content: o,
+    title: r,
+    isError: l,
+    labels: n,
+    sx: u
+  } = t, s = r === void 0 ? "" : r, i = l === void 0 ? !1 : l;
+  let c;
+  e[0] !== n ? (c = n === void 0 ? {} : n, e[0] = n, e[1] = c) : c = e[1];
+  const d = c, x = be(null), [g, f] = ie(!1), [m, h] = ie(!1);
+  let p;
+  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (p = () => {
+    const D = x.current;
+    D && f(D.scrollHeight > D.clientHeight);
+  }, e[2] = p) : p = e[2];
+  const b = p;
+  let v;
+  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (v = () => {
+    b();
+    const D = x.current;
+    if (!D)
+      return;
+    const M = new ResizeObserver(b);
+    return M.observe(D), () => M.disconnect();
+  }, e[3] = v) : v = e[3];
+  let C;
+  e[4] !== o ? (C = [b, o], e[4] = o, e[5] = C) : C = e[5], Ge(v, C);
+  const k = d.fullView ?? "Full view";
+  let S;
+  e[6] !== u ? (S = {
+    ...w.codeArea,
+    ...u
+  }, e[6] = u, e[7] = S) : S = e[7];
+  let A;
+  e[8] !== i ? (A = i ? w.codeAreaPreError : {}, e[8] = i, e[9] = A) : A = e[9];
+  let I;
+  e[10] !== A ? (I = {
+    ...w.codeAreaPre,
+    maxHeight: Ke,
+    ...A
+  }, e[10] = A, e[11] = I) : I = e[11];
+  let R;
+  e[12] !== o || e[13] !== I ? (R = /* @__PURE__ */ a(y, { component: "pre", ref: x, sx: I, children: o }), e[12] = o, e[13] = I, e[14] = R) : R = e[14];
+  let $;
+  e[15] !== k || e[16] !== g ? ($ = g && /* @__PURE__ */ a(De, { title: k, children: /* @__PURE__ */ a(O, { size: "small", onClick: () => h(!0), sx: w.codeAreaFullViewButton, children: /* @__PURE__ */ a(Ce, {}) }) }), e[15] = k, e[16] = g, e[17] = $) : $ = e[17];
+  let E;
+  e[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (E = () => h(!1), e[18] = E) : E = e[18];
+  let B;
+  e[19] !== o || e[20] !== m || e[21] !== s ? (B = /* @__PURE__ */ a(ut, { open: m, onClose: E, title: s, content: o }), e[19] = o, e[20] = m, e[21] = s, e[22] = B) : B = e[22];
+  let L;
+  return e[23] !== R || e[24] !== $ || e[25] !== B || e[26] !== S ? (L = /* @__PURE__ */ T(y, { sx: S, children: [
+    R,
+    $,
+    B
+  ] }), e[23] = R, e[24] = $, e[25] = B, e[26] = S, e[27] = L) : L = e[27], L;
+}
+function fe(t) {
+  const e = t.replace(/_/g, " ");
+  return e.charAt(0).toUpperCase() + e.slice(1);
+}
+function ve(t) {
+  return t.status === "running" ? t.runningLabel ?? fe(t.name) : t.label ?? fe(t.name);
+}
+function _t(t) {
+  const e = z(9), {
+    status: o,
+    labels: r
+  } = t;
+  switch (o) {
     case "complete": {
-      let o;
-      return e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ d(fe, { fontSize: "small", color: "success" }), e[2] = o) : o = e[2], o;
+      let l;
+      e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (l = {
+        display: "flex",
+        alignItems: "center",
+        gap: 0.5
+      }, e[0] = l) : l = e[0];
+      let n;
+      e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ a(je, { sx: {
+        fontSize: 12
+      }, color: "success" }), e[1] = n) : n = e[1];
+      const u = r?.success ?? "Success";
+      let s;
+      return e[2] !== u ? (s = /* @__PURE__ */ T(y, { sx: l, children: [
+        n,
+        /* @__PURE__ */ a(_, { variant: "caption", children: u })
+      ] }), e[2] = u, e[3] = s) : s = e[3], s;
     }
     case "error": {
-      let o;
-      return e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ d(N, { fontSize: "small", color: "error" }), e[3] = o) : o = e[3], o;
+      let l;
+      e[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (l = {
+        display: "flex",
+        alignItems: "center",
+        gap: 0.5
+      }, e[4] = l) : l = e[4];
+      let n;
+      e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ a(Ue, { sx: {
+        fontSize: 12
+      }, color: "error" }), e[5] = n) : n = e[5];
+      const u = r?.error ?? "Error";
+      let s;
+      return e[6] !== u ? (s = /* @__PURE__ */ T(y, { sx: l, children: [
+        n,
+        /* @__PURE__ */ a(_, { 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__ */ a(ze, { size: 14 }), e[8] = l) : l = e[8], l;
     }
+    default:
+      return null;
   }
 }
-function Ye(t) {
-  const e = T(12), {
-    tools: n,
-    labels: o,
-    sx: i
+function we(t) {
+  const e = z(33), {
+    tool: o,
+    labels: r
   } = t;
-  let r;
-  e[0] !== o ? (r = o === void 0 ? {} : o, e[0] = o, e[1] = r) : r = e[1];
-  const m = r;
-  let a;
-  e[2] !== i ? (a = {
-    ...z.tools,
-    ...i
-  }, e[2] = i, e[3] = a) : a = e[3];
-  let s;
-  e[4] !== m.title ? (s = m.title && /* @__PURE__ */ d($, { variant: "caption", color: "text.secondary", sx: {
-    mb: 1
-  }, children: m.title }), e[4] = m.title, e[5] = s) : s = e[5];
   let l;
-  e[6] !== n ? (l = n.map(_e), e[6] = n, e[7] = l) : l = e[7];
-  let c;
-  return e[8] !== a || e[9] !== s || e[10] !== l ? (c = /* @__PURE__ */ y(x, { sx: a, children: [
-    s,
-    l
-  ] }), e[8] = a, e[9] = s, e[10] = l, e[11] = c) : c = e[11], c;
-}
-function _e(t) {
-  return /* @__PURE__ */ y(Z, { disableGutters: !0, elevation: 0, children: [
-    /* @__PURE__ */ d(ee, { expandIcon: /* @__PURE__ */ d(pe, {}), children: /* @__PURE__ */ y(x, { sx: z.toolHeader, children: [
-      /* @__PURE__ */ d(x, { sx: z.toolStatusIcon, children: /* @__PURE__ */ d($e, { status: t.status }) }),
-      /* @__PURE__ */ d($, { variant: "body2", children: t.name })
-    ] }) }),
-    t.content && /* @__PURE__ */ d(te, { children: t.content })
-  ] }, t.id);
+  e[0] !== r ? (l = r === void 0 ? {} : r, e[0] = r, e[1] = l) : l = e[1];
+  const n = l, u = o.status === "error", s = n.toolExecuted ?? "Tool executed", i = n.reference ?? "Reference:", c = n.duration ?? "Duration:", d = n.status ?? "Status:", x = n.inputArguments ?? "Input arguments:", g = n.output ?? "Output:";
+  let f;
+  e[2] !== i || e[3] !== o.reference ? (f = o.reference && /* @__PURE__ */ T(y, { sx: w.traceField, children: [
+    /* @__PURE__ */ a(_, { variant: "code3", fontWeight: 600, color: "text.secondary", sx: w.traceFieldLabel, children: i }),
+    /* @__PURE__ */ T(y, { sx: w.traceReference, children: [
+      /* @__PURE__ */ a(Ye, { color: "success" }),
+      /* @__PURE__ */ a(_, { variant: "code3", fontWeight: 600, children: o.reference })
+    ] })
+  ] }), e[2] = i, e[3] = o.reference, e[4] = f) : f = e[4];
+  let m;
+  e[5] !== c || e[6] !== o.duration ? (m = o.duration != null && /* @__PURE__ */ T(y, { sx: w.traceField, children: [
+    /* @__PURE__ */ a(_, { variant: "code3", fontWeight: 600, color: "text.secondary", sx: w.traceFieldLabel, children: c }),
+    /* @__PURE__ */ T(_, { variant: "code3", children: [
+      o.duration,
+      "s"
+    ] })
+  ] }), e[5] = c, e[6] = o.duration, e[7] = m) : m = e[7];
+  let h;
+  e[8] !== d ? (h = /* @__PURE__ */ a(_, { variant: "code3", fontWeight: 600, color: "text.secondary", sx: w.traceFieldLabel, children: d }), e[8] = d, e[9] = h) : h = e[9];
+  let p;
+  e[10] !== n || e[11] !== o.status ? (p = /* @__PURE__ */ a(_t, { status: o.status, labels: n }), e[10] = n, e[11] = o.status, e[12] = p) : p = e[12];
+  let b;
+  e[13] !== h || e[14] !== p ? (b = /* @__PURE__ */ T(y, { sx: w.traceField, children: [
+    h,
+    p
+  ] }), e[13] = h, e[14] = p, e[15] = b) : b = e[15];
+  let v;
+  e[16] !== x || e[17] !== u || e[18] !== o.inputArguments || e[19] !== o.output || e[20] !== s ? (v = o.inputArguments && /* @__PURE__ */ T(y, { children: [
+    /* @__PURE__ */ a(_, { variant: "code3", fontWeight: 600, color: "text.secondary", sx: w.traceField, children: x }),
+    /* @__PURE__ */ a(ue, { sx: {
+      mt: 0.5,
+      mb: o.output ? 1.5 : 0
+    }, content: o.inputArguments, title: `${s}: ${x}`, isError: u })
+  ] }), e[16] = x, e[17] = u, e[18] = o.inputArguments, e[19] = o.output, e[20] = s, e[21] = v) : v = e[21];
+  let C;
+  e[22] !== u || e[23] !== g || e[24] !== o.output || e[25] !== s ? (C = o.output && /* @__PURE__ */ T(y, { children: [
+    /* @__PURE__ */ a(_, { variant: "code3", fontWeight: 600, color: "text.secondary", sx: w.traceField, children: g }),
+    /* @__PURE__ */ a(ue, { sx: {
+      mt: 0.5
+    }, content: o.output, title: `${s}: ${g}`, isError: u })
+  ] }), e[22] = u, e[23] = g, e[24] = o.output, e[25] = s, e[26] = C) : C = e[26];
+  let k;
+  return e[27] !== f || e[28] !== m || e[29] !== b || e[30] !== v || e[31] !== C ? (k = /* @__PURE__ */ T(y, { children: [
+    f,
+    m,
+    b,
+    v,
+    C
+  ] }), e[27] = f, e[28] = m, e[29] = b, e[30] = v, e[31] = C, e[32] = k) : k = e[32], k;
+}
+function pe(t) {
+  const e = z(29), {
+    tool: o,
+    expanded: r,
+    onExpandedChange: l,
+    labels: n,
+    sx: u
+  } = t;
+  let s;
+  e[0] !== n ? (s = n === void 0 ? {} : n, e[0] = n, e[1] = s) : s = e[1];
+  const i = s, c = o.status === "running", d = i.toolExecuted ?? "Tool executed";
+  if (c) {
+    let k;
+    e[2] !== o ? (k = ve(o), e[2] = o, e[3] = k) : k = e[3];
+    let S;
+    return e[4] !== k ? (S = /* @__PURE__ */ a(rt, { children: k }), e[4] = k, e[5] = S) : S = e[5], S;
+  }
+  const x = `PsChat--tool-trace ${o.name}`;
+  let g;
+  e[6] !== r || e[7] !== l ? (g = () => l?.(!r), e[6] = r, e[7] = l, e[8] = g) : g = e[8];
+  let f;
+  e[9] !== d ? (f = /* @__PURE__ */ a(_, { variant: "caption", fontWeight: 600, color: "text.secondary", children: d }), e[9] = d, e[10] = f) : f = e[10];
+  const m = r ? "rotate(90deg)" : "rotate(0deg)";
+  let h;
+  e[11] !== m ? (h = /* @__PURE__ */ a(xe, { sx: {
+    ...w.traceChevron,
+    transform: m
+  } }), e[11] = m, e[12] = h) : h = e[12];
+  let p;
+  e[13] !== r || e[14] !== g || e[15] !== f || e[16] !== h ? (p = /* @__PURE__ */ T(re, { size: "small", variant: "text", onClick: g, "aria-expanded": r, sx: w.traceHeader, children: [
+    f,
+    h
+  ] }), e[13] = r, e[14] = g, e[15] = f, e[16] = h, e[17] = p) : p = e[17];
+  let b;
+  e[18] !== i || e[19] !== o ? (b = /* @__PURE__ */ a(y, { sx: w.traceDetailsWrapper, children: /* @__PURE__ */ a(we, { tool: o, labels: i }) }), e[18] = i, e[19] = o, e[20] = b) : b = e[20];
+  let v;
+  e[21] !== r || e[22] !== b ? (v = /* @__PURE__ */ a(le, { in: r, unmountOnExit: !0, children: b }), e[21] = r, e[22] = b, e[23] = v) : v = e[23];
+  let C;
+  return e[24] !== u || e[25] !== v || e[26] !== x || e[27] !== p ? (C = /* @__PURE__ */ T(y, { width: "100%", sx: u, className: x, children: [
+    p,
+    v
+  ] }), e[24] = u, e[25] = v, e[26] = x, e[27] = p, e[28] = C) : C = e[28], C;
+}
+function me(t, e) {
+  const o = z(5), [r, l] = ie(t);
+  if (e) {
+    let n;
+    return o[0] !== e || o[1] !== t ? (n = [t, e], o[0] = e, o[1] = t, o[2] = n) : n = o[2], n;
+  } else {
+    let n;
+    return o[3] !== r ? (n = [r, l], o[3] = r, o[4] = n) : n = o[4], n;
+  }
+}
+function Kt(t) {
+  const e = z(62), {
+    tools: o,
+    expanded: r,
+    onExpandedChange: l,
+    expandedTools: n,
+    onToolExpandedChange: u,
+    labels: s,
+    sx: i
+  } = t, c = r === void 0 ? !1 : r;
+  let d;
+  e[0] !== n ? (d = n === void 0 ? {} : n, e[0] = n, e[1] = d) : d = e[1];
+  const x = d;
+  let g;
+  e[2] !== s ? (g = s === void 0 ? {} : s, e[2] = s, e[3] = g) : g = e[3];
+  const f = g, [m, h] = me(c, l), [p, b] = me(x, u);
+  let v;
+  e[4] !== o ? (v = o.filter(It), e[4] = o, e[5] = v) : v = e[5];
+  const C = v.length;
+  let k, S;
+  if (e[6] !== m || e[7] !== p || e[8] !== f || e[9] !== C || e[10] !== h || e[11] !== b || e[12] !== i || e[13] !== o) {
+    S = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
+    e: {
+      const A = o.filter(At), I = o.filter($t), R = f.toolsUsed ?? "tools used", $ = f.error ?? "Error";
+      if (o.length === 1) {
+        let F;
+        e[16] !== m || e[17] !== f || e[18] !== h || e[19] !== i || e[20] !== o[0] ? (F = /* @__PURE__ */ a(pe, { tool: o[0], expanded: m, onExpandedChange: h, labels: f, sx: i }), e[16] = m, e[17] = f, e[18] = h, e[19] = i, e[20] = o[0], e[21] = F) : F = e[21], S = F;
+        break e;
+      }
+      let E;
+      e[22] !== m || e[23] !== h ? (E = () => h(!m), e[22] = m, e[23] = h, e[24] = E) : E = e[24];
+      const B = C > 0 ? 0.5 : 0;
+      let L;
+      e[25] !== B ? (L = {
+        ...w.traceHeader,
+        pr: B
+      }, e[25] = B, e[26] = L) : L = e[26];
+      let D;
+      e[27] !== o.length || e[28] !== R ? (D = /* @__PURE__ */ T(_, { variant: "caption", fontWeight: 600, color: "text.secondary", children: [
+        o.length,
+        " ",
+        R
+      ] }), e[27] = o.length, e[28] = R, e[29] = D) : D = e[29];
+      const M = m ? "rotate(90deg)" : "rotate(0deg)";
+      let P;
+      e[30] !== M ? (P = /* @__PURE__ */ a(xe, { sx: {
+        ...w.traceChevron,
+        transform: M
+      } }), e[30] = M, e[31] = P) : P = e[31];
+      let V;
+      e[32] !== C ? (V = C > 0 && /* @__PURE__ */ T(_, { variant: "code3", sx: w.errorBadge, children: [
+        C,
+        /* @__PURE__ */ a(ge, { sx: {
+          fontSize: 12
+        }, color: "error" })
+      ] }), e[32] = C, e[33] = V) : V = e[33];
+      let G;
+      e[34] !== m || e[35] !== L || e[36] !== D || e[37] !== P || e[38] !== V || e[39] !== E ? (G = /* @__PURE__ */ T(re, { size: "small", variant: "text", onClick: E, "aria-expanded": m, sx: L, children: [
+        D,
+        P,
+        V
+      ] }), e[34] = m, e[35] = L, e[36] = D, e[37] = P, e[38] = V, e[39] = E, e[40] = G) : G = e[40];
+      const Q = le, Z = m, ee = !0, te = y, oe = "ul";
+      let U;
+      e[41] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (U = {
+        ...w.traceDetailsWrapper,
+        p: 0,
+        listStyle: "none"
+      }, e[41] = U) : U = e[41];
+      let X;
+      e[42] !== $ || e[43] !== m || e[44] !== p || e[45] !== f || e[46] !== b ? (X = (F) => {
+        const J = p[F.id] ?? !1;
+        return /* @__PURE__ */ T(y, { component: "li", sx: w.groupListItem, "aria-expanded": J, children: [
+          /* @__PURE__ */ T(re, { variant: "text", color: "inherit", fullWidth: !0, onClick: () => b({
+            ...p,
+            [F.id]: !J
+          }), "aria-expanded": J, sx: w.groupHeader, children: [
+            /* @__PURE__ */ a(_, { flexGrow: 1, flexShrink: 0, variant: "caption", color: "text.secondary", children: ve(F) }),
+            F.status === "error" && /* @__PURE__ */ a(_, { variant: "code3", color: "error.main", children: $ }),
+            /* @__PURE__ */ a(Ne, { sx: {
+              ...w.traceChevron,
+              transform: m ? "rotate(90deg)" : "rotate(0deg)"
+            } })
+          ] }),
+          /* @__PURE__ */ a(le, { in: J, unmountOnExit: !0, children: /* @__PURE__ */ a(y, { px: 1.5, py: 1, children: /* @__PURE__ */ a(we, { tool: F, labels: f }) }) })
+        ] }, F.id);
+      }, e[42] = $, e[43] = m, e[44] = p, e[45] = f, e[46] = b, e[47] = X) : X = e[47];
+      const ne = I.map(X);
+      let j;
+      e[48] !== te || e[49] !== oe || e[50] !== U || e[51] !== ne ? (j = /* @__PURE__ */ a(te, { component: oe, sx: U, children: ne }), e[48] = te, e[49] = oe, e[50] = U, e[51] = ne, e[52] = j) : j = e[52];
+      let Y;
+      e[53] !== Q || e[54] !== Z || e[55] !== ee || e[56] !== j ? (Y = /* @__PURE__ */ a(Q, { in: Z, unmountOnExit: ee, children: j }), e[53] = Q, e[54] = Z, e[55] = ee, e[56] = j, e[57] = Y) : Y = e[57];
+      let K;
+      e[58] !== p || e[59] !== f || e[60] !== b ? (K = (F) => /* @__PURE__ */ a(pe, { tool: F, labels: f, expanded: p[F.id], onExpandedChange: () => b({
+        ...p,
+        [F.id]: !p[F.id]
+      }) }, F.id), e[58] = p, e[59] = f, e[60] = b, e[61] = K) : K = e[61], k = /* @__PURE__ */ T(y, { width: "100%", sx: i, className: "PsChat--tool-group", children: [
+        G,
+        Y,
+        A.map(K)
+      ] });
+    }
+    e[6] = m, e[7] = p, e[8] = f, e[9] = C, e[10] = h, e[11] = b, e[12] = i, e[13] = o, e[14] = k, e[15] = S;
+  } else
+    k = e[14], S = e[15];
+  return S !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel") ? S : k;
+}
+function $t(t) {
+  return t.status !== "running";
+}
+function At(t) {
+  return t.status === "running";
+}
+function It(t) {
+  return t.status === "error";
 }
 export {
-  Fe as CHAT_DIVIDER_DELAY,
-  j as CHAT_MAX_WIDTH,
-  Ee as CHAT_SCROLL_DELAY,
-  Ge as ChatActionsContainer,
-  ge as ChatAgentMessage,
-  je as ChatContent,
-  Pe as ChatErrorMessage,
-  Ue as ChatFooter,
-  He as ChatHeader,
-  Re as ChatLoader,
-  G as ChatMessageOverflow,
-  Ke as ChatRatingAction,
-  Ne as ChatStarter,
-  Ce as ChatSuggestionButton,
-  we as ChatThinking,
-  Ye as ChatTools,
-  Oe as ChatUserMessage
+  Ht as CHAT_DIVIDER_DELAY,
+  q as CHAT_MAX_WIDTH,
+  Mt as CHAT_SCROLL_DELAY,
+  Ke as CHAT_TOOL_CODE_AREA_MAX_HEIGHT,
+  Xt as ChatActionsContainer,
+  qe as ChatAgentMessage,
+  Ut as ChatContent,
+  Pt as ChatErrorMessage,
+  Nt as ChatFooter,
+  jt as ChatHeader,
+  Vt as ChatLoader,
+  ye as ChatMessageOverflow,
+  Yt as ChatRatingAction,
+  Gt as ChatStarter,
+  et as ChatSuggestionButton,
+  rt as ChatThinking,
+  ue as ChatToolCodeArea,
+  ut as ChatToolFullViewDialog,
+  Kt as ChatToolGroup,
+  pe as ChatToolTrace,
+  Ot as ChatUserMessage
 };
 //# sourceMappingURL=chat.js.map