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

package/dist/chat.js

@@ -1,19 +1,19 @@
 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 H, 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 he, ArrowUpward as Be, KeyboardArrowDown as Fe, Close as ge, StopCircleOutlined as We, ArrowUpwardOutlined as Me, ThumbUp as Oe, ThumbUpOutlined as He, ThumbDown as Pe, ThumbDownOutlined as Ve, ArrowRight as xe, Error as Ue, CheckCircle as je, ChevronRight as Ne } from "@mui/icons-material";
+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 Ke } from "./copy-button-DGL1tyli.js";
-import { a as Xe } from "./index-BnyeR7Qx.js";
-const q = 768, Mt = 300, Ot = 100, Ye = 126, ye = se(_)(() => ({
+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%"
 }));
 ye.displayName = "ChatMessageOverflow";
-const O = {
+const H = {
   agentMessageContainer: (t) => ({
     width: "100%",
     display: "flex",
@@ -25,6 +25,48 @@ const O = {
     },
     "& + .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: {
@@ -163,7 +205,7 @@ const O = {
     }
   }
 };
-function Ht(t) {
+function Ot(t) {
   const e = z(11), {
     children: o,
     muted: r,
@@ -171,18 +213,18 @@ function Ht(t) {
     sx: n
   } = t, u = r === void 0 ? !1 : r;
   let s;
-  e[0] !== l ? (s = l && /* @__PURE__ */ a(y, { sx: O.userMessageTop, children: l }), e[0] = l, e[1] = s) : s = e[1];
-  const i = u ? O.muted : void 0;
+  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[2] !== n || e[3] !== i ? (c = {
-    ...O.userMessage,
+    ...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: O.userMessageContainer, children: [
+  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;
@@ -199,7 +241,7 @@ const Je = (t) => {
   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
-}) => O.agentMessageContainer(t));
+}) => H.agentMessageContainer(t));
 qe.displayName = "ChatAgentMessage";
 function Pt(t) {
   const e = z(13), {
@@ -210,15 +252,15 @@ function Pt(t) {
   } = t;
   let u;
   e[0] !== n ? (u = {
-    ...O.errorMessage,
+    ...H.errorMessage,
     ...n
   }, e[0] = n, e[1] = u) : u = e[1];
   let s;
-  e[2] !== r ? (s = r ?? /* @__PURE__ */ a(he, { fontSize: "medium", color: "error" }), e[2] = r, e[3] = s) : s = e[3];
+  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;
-  e[6] !== l ? (c = l?.length ? /* @__PURE__ */ a(y, { sx: O.errorActions, children: (l ?? []).map(Qe) }) : null, e[6] = l, e[7] = c) : c = e[7];
+  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,
@@ -228,8 +270,8 @@ function Pt(t) {
 }
 function Qe(t, e) {
   return /* @__PURE__ */ T("span", { children: [
-    e > 0 && /* @__PURE__ */ a(_, { component: "span", variant: "body2", sx: O.errorActionSeparator, children: "·" }),
-    /* @__PURE__ */ a(ke, { component: "button", variant: "body2", onClick: t.onClick, sx: O.errorAction, children: t.label })
+    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 Ze(t, e) {
@@ -250,7 +292,7 @@ function et(t) {
   } : void 0, e[5] = o, e[6] = u) : u = e[6];
   let s;
   e[7] !== n || e[8] !== u ? (s = {
-    ...O.suggestionButton,
+    ...H.suggestionButton,
     ...u,
     ...n
   }, e[7] = n, e[8] = u, e[9] = s) : s = e[9];
@@ -594,24 +636,24 @@ function Vt(t) {
     ...l
   }, e[2] = n, e[3] = l, e[4] = c) : c = e[4];
   const d = n * 0.75, x = n * 0.75;
-  let h;
-  e[5] !== d || e[6] !== x ? (h = /* @__PURE__ */ a(y, { component: "span", sx: {
+  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] = h) : h = e[7];
+  } }), e[5] = d, e[6] = x, e[7] = g) : g = e[7];
   const f = n * 0.32, m = n * 0.32;
-  let g;
-  e[8] !== m || e[9] !== f ? (g = /* @__PURE__ */ a(y, { component: "span", sx: {
+  let 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] = g) : g = e[10];
+  } }), e[8] = m, e[9] = f, e[10] = h) : h = e[10];
   let p;
-  return e[11] !== g || e[12] !== i || e[13] !== c || e[14] !== h ? (p = /* @__PURE__ */ T(y, { role: "status", "aria-busy": !0, "aria-label": i, sx: c, children: [
-    h,
-    g
-  ] }), e[11] = g, e[12] = i, e[13] = c, e[14] = h, e[15] = p) : p = e[15], 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 lt = N`
   0%     { border-top-color: transparent;                border-bottom-color: var(--chat-border-color) }
@@ -661,7 +703,15 @@ const lt = N`
   },
   footer: {
     maxWidth: q,
-    margin: "0 auto"
+    margin: "0 auto",
+    "& textarea": {
+      resize: "none",
+      maxHeight: "10em",
+      overflowY: "auto !important",
+      paddingRight: ({
+        spacing: t
+      }) => t(5)
+    }
   },
   footerCaption: {
     textAlign: "center"
@@ -756,10 +806,10 @@ function Ut(t) {
     ...l
   }, e[3] = l, e[4] = d) : d = e[4];
   const x = u.jumpToLatest ?? "Jump to latest";
-  let h;
-  e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ a(Fe, {}), e[5] = h) : h = e[5];
+  let g;
+  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: h }) }), e[6] = x, e[7] = f) : f = e[7];
+  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,
@@ -782,7 +832,7 @@ function jt(t) {
   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[4] !== n ? (c = n && /* @__PURE__ */ a(H, { size: "medium", onClick: n, "aria-label": "Close", children: /* @__PURE__ */ a(ge, {}) }), e[4] = n, e[5] = c) : c = e[5];
+  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,
@@ -808,12 +858,12 @@ function Nt(t) {
     labels: c,
     caption: d,
     sx: x
-  } = t, h = u === void 0 ? !1 : u, f = s === void 0 ? !1 : s, m = i === void 0 ? "Type a message..." : i;
-  let g;
-  e[0] !== c ? (g = c === void 0 ? {} : c, e[0] = c, e[1] = g) : g = e[1];
-  const p = g, b = d === void 0 ? st : d;
+  } = 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] !== h || e[4] !== o ? (v = o.trim() && !f && !h, e[2] = f, e[3] = h, e[4] = o, e[5] = v) : v = e[5];
+  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[6] !== C || e[7] !== l ? (k = (M) => {
@@ -827,7 +877,7 @@ function Nt(t) {
   }, 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 || h;
+  const R = f || g;
   let $;
   e[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? ($ = {
     minHeight: 0
@@ -835,7 +885,7 @@ function Nt(t) {
   let E;
   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] !== h || e[23] !== p.send || e[24] !== p.stop || e[25] !== l || e[26] !== n ? (B = /* @__PURE__ */ a(y, { sx: W.footerCorner, children: h && n ? /* @__PURE__ */ a(H, { size: "small", onClick: n, disabled: f, "aria-label": p.stop ?? "Stop", children: /* @__PURE__ */ a(We, {}) }) : /* @__PURE__ */ a(H, { 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] = h, e[23] = p.send, e[24] = p.stop, e[25] = l, e[26] = n, e[27] = B) : B = e[27];
+  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;
@@ -865,7 +915,7 @@ function Gt(t) {
     onSelect: s,
     sx: i
   } = t, c = u === void 0 ? "small" : u;
-  let d, x, h, f, m, g, p, b;
+  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;
@@ -874,26 +924,26 @@ function Gt(t) {
       ...W.starter,
       gap: S,
       ...i
-    }, e[15] = i, e[16] = S, e[17] = m) : m = e[17], g = 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;
+    }, 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 ? (h = {
+    e[24] !== I || e[25] !== A ? (g = {
       ...W.starterItems,
       gap: A,
       ...I
-    }, e[24] = I, e[25] = A, e[26] = h) : h = e[26];
+    }, 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] = h, e[10] = f, e[11] = m, e[12] = g, e[13] = p, e[14] = b;
+    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
-    d = e[7], x = e[8], h = e[9], f = e[10], m = e[11], g = e[12], p = e[13], b = e[14];
+    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] !== h || e[31] !== f ? (v = /* @__PURE__ */ a(d, { sx: h, children: f }), e[29] = d, e[30] = h, e[31] = f, e[32] = v) : v = e[32];
+  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] !== g || e[36] !== p || e[37] !== b || e[38] !== v ? (C = /* @__PURE__ */ T(x, { sx: m, children: [
-    g,
+  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,
     p,
     b,
     v
-  ] }), e[33] = x, e[34] = m, e[35] = g, e[36] = p, e[37] = b, e[38] = v, e[39] = C) : C = e[39], C;
+  ] }), 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 at(t, e) {
   return typeof t == "string" ? {
@@ -904,14 +954,14 @@ function at(t, e) {
     color: t.color ?? de[e]
   };
 }
-const Kt = se(y)(({
+const Xt = se(y)(({
   theme: t
 }) => ({
   display: "flex",
   alignItems: "center",
   gap: t.spacing(0.5)
 }));
-function Xt(t) {
+function Yt(t) {
   const e = z(25), {
     rating: o,
     onRatingChange: r,
@@ -924,16 +974,16 @@ function Xt(t) {
   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(Oe, { fontSize: "small" }) : /* @__PURE__ */ a(He, { fontSize: "small" }), e[5] = o, e[6] = d) : d = e[6];
+  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(H, { 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 h;
-  e[12] !== r || e[13] !== o ? (h = () => r?.(o === "down" ? null : "down"), e[12] = r, e[13] = o, e[14] = h) : h = e[14];
-  const f = u.thumbDown ?? "Thumbs down", m = o === "down" ? "primary" : void 0;
+  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[15] !== o ? (g = o === "down" ? /* @__PURE__ */ a(Pe, { fontSize: "small" }) : /* @__PURE__ */ a(Ve, { fontSize: "small" }), e[15] = o, e[16] = g) : g = e[16];
+  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[17] !== m || e[18] !== g || e[19] !== h || e[20] !== f ? (p = /* @__PURE__ */ a(H, { size: "small", onClick: h, "aria-label": f, color: m, children: g }), e[17] = m, e[18] = g, e[19] = h, e[20] = f, e[21] = p) : p = e[21];
+  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;
   return e[22] !== p || e[23] !== x ? (b = /* @__PURE__ */ T(Te, { children: [
     x,
@@ -999,25 +1049,25 @@ function ut(t) {
     gap: 0.5
   }, e[3] = c) : c = e[3];
   let d;
-  e[4] !== n ? (d = /* @__PURE__ */ a(Ke, { copyText: n, "aria-label": "Copy content" }), e[4] = n, e[5] = d) : d = e[5];
+  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(ge, {}), e[6] = x) : x = e[6];
-  let h;
-  e[7] !== r ? (h = /* @__PURE__ */ a(H, { onClick: r, "aria-label": "close", children: x }), e[7] = r, e[8] = h) : h = e[8];
+  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] !== h ? (f = /* @__PURE__ */ T(y, { sx: c, children: [
+  e[9] !== d || e[10] !== g ? (f = /* @__PURE__ */ T(y, { sx: c, children: [
     d,
-    h
-  ] }), e[9] = d, e[10] = h, e[11] = f) : f = e[11];
+    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 g;
-  e[15] !== s ? (g = s.map(ft), e[15] = s, e[16] = g) : g = e[16];
+  let h;
+  e[15] !== s ? (h = s.map(ft), e[15] = s, e[16] = h) : h = e[16];
   let p;
-  e[17] !== g ? (p = /* @__PURE__ */ a(Ee, { sx: w.fullViewDialogContent, children: /* @__PURE__ */ a(y, { component: "pre", sx: w.fullViewPre, children: g }) }), e[17] = g, e[18] = p) : p = e[18];
+  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,
@@ -1037,7 +1087,7 @@ function pt(t, e) {
 function mt(t) {
   return dt(t);
 }
-const ht = () => /* @__PURE__ */ a("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ a(
+const gt = () => /* @__PURE__ */ a("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ a(
   "path",
   {
     fill: "currentColor",
@@ -1045,10 +1095,10 @@ const ht = () => /* @__PURE__ */ a("svg", { xmlns: "http://www.w3.org/2000/svg",
     d: "M12.01 11.83 15.18 15l1.41-1.41L12.01 9l-4.59 4.59L8.84 15z",
     clipRule: "evenodd"
   }
-) }), gt = ae(ht(), "ArrowUp");
+) }), ht = ae(gt(), "ArrowUp");
 function xt({ width: t, height: e, sx: o, ...r }, l) {
   return /* @__PURE__ */ a(
-    gt,
+    ht,
     {
       ref: l,
       viewBox: "0 0 24 24",
@@ -1125,7 +1175,7 @@ function ue(t) {
   } = 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), [h, f] = ie(!1), [m, g] = ie(!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;
@@ -1154,15 +1204,15 @@ function ue(t) {
   let I;
   e[10] !== A ? (I = {
     ...w.codeAreaPre,
-    maxHeight: Ye,
+    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] !== h ? ($ = h && /* @__PURE__ */ a(De, { title: k, children: /* @__PURE__ */ a(H, { size: "small", onClick: () => g(!0), sx: w.codeAreaFullViewButton, children: /* @__PURE__ */ a(Ce, {}) }) }), e[15] = k, e[16] = h, e[17] = $) : $ = e[17];
+  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 = () => g(!1), e[18] = E) : E = e[18];
+  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;
@@ -1236,12 +1286,12 @@ function we(t) {
   } = t;
   let l;
   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:", h = n.output ?? "Output:";
+  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(Xe, { color: "success" }),
+      /* @__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];
@@ -1253,15 +1303,15 @@ function we(t) {
       "s"
     ] })
   ] }), e[5] = c, e[6] = o.duration, e[7] = m) : m = e[7];
-  let g;
-  e[8] !== d ? (g = /* @__PURE__ */ a(_, { variant: "code3", fontWeight: 600, color: "text.secondary", sx: w.traceFieldLabel, children: d }), e[8] = d, e[9] = g) : g = e[9];
+  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] !== g || e[14] !== p ? (b = /* @__PURE__ */ T(y, { sx: w.traceField, children: [
-    g,
+  e[13] !== h || e[14] !== p ? (b = /* @__PURE__ */ T(y, { sx: w.traceField, children: [
+    h,
     p
-  ] }), e[13] = g, e[14] = p, e[15] = b) : b = e[15];
+  ] }), 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 }),
@@ -1271,12 +1321,12 @@ function we(t) {
     }, 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] !== h || 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: h }),
+  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}: ${h}`, isError: u })
-  ] }), e[22] = u, e[23] = h, e[24] = o.output, e[25] = s, e[26] = C) : C = e[26];
+    }, 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,
@@ -1304,21 +1354,21 @@ function pe(t) {
     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 h;
-  e[6] !== r || e[7] !== l ? (h = () => l?.(!r), e[6] = r, e[7] = l, e[8] = h) : h = e[8];
+  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 g;
-  e[11] !== m ? (g = /* @__PURE__ */ a(xe, { sx: {
+  let h;
+  e[11] !== m ? (h = /* @__PURE__ */ a(xe, { sx: {
     ...w.traceChevron,
     transform: m
-  } }), e[11] = m, e[12] = g) : g = e[12];
+  } }), e[11] = m, e[12] = h) : h = e[12];
   let p;
-  e[13] !== r || e[14] !== h || e[15] !== f || e[16] !== g ? (p = /* @__PURE__ */ T(re, { size: "small", variant: "text", onClick: h, "aria-expanded": r, sx: w.traceHeader, children: [
+  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,
-    g
-  ] }), e[13] = r, e[14] = h, e[15] = f, e[16] = g, e[17] = p) : p = e[17];
+    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;
@@ -1339,7 +1389,7 @@ function me(t, e) {
     return o[3] !== r ? (n = [r, l], o[3] = r, o[4] = n) : n = o[4], n;
   }
 }
-function Yt(t) {
+function Kt(t) {
   const e = z(62), {
     tools: o,
     expanded: r,
@@ -1352,24 +1402,24 @@ function Yt(t) {
   let d;
   e[0] !== n ? (d = n === void 0 ? {} : n, e[0] = n, e[1] = d) : d = e[1];
   const x = d;
-  let h;
-  e[2] !== s ? (h = s === void 0 ? {} : s, e[2] = s, e[3] = h) : h = e[3];
-  const f = h, [m, g] = me(c, l), [p, b] = me(x, u);
+  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] !== g || e[11] !== b || e[12] !== i || e[13] !== o) {
+  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] !== g || e[19] !== i || e[20] !== o[0] ? (F = /* @__PURE__ */ a(pe, { tool: o[0], expanded: m, onExpandedChange: g, labels: f, sx: i }), e[16] = m, e[17] = f, e[18] = g, e[19] = i, e[20] = o[0], e[21] = F) : F = e[21], S = 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] !== g ? (E = () => g(!m), e[22] = m, e[23] = g, e[24] = E) : E = e[24];
+      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 = {
@@ -1391,7 +1441,7 @@ function Yt(t) {
       let V;
       e[32] !== C ? (V = C > 0 && /* @__PURE__ */ T(_, { variant: "code3", sx: w.errorBadge, children: [
         C,
-        /* @__PURE__ */ a(he, { sx: {
+        /* @__PURE__ */ a(ge, { sx: {
           fontSize: 12
         }, color: "error" })
       ] }), e[32] = C, e[33] = V) : V = e[33];
@@ -1408,8 +1458,8 @@ function Yt(t) {
         p: 0,
         listStyle: "none"
       }, e[41] = U) : U = e[41];
-      let K;
-      e[42] !== $ || e[43] !== m || e[44] !== p || e[45] !== f || e[46] !== b ? (K = (F) => {
+      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({
@@ -1425,23 +1475,23 @@ function Yt(t) {
           ] }),
           /* @__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] = K) : K = e[47];
-      const ne = I.map(K);
+      }, 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 X;
-      e[53] !== Q || e[54] !== Z || e[55] !== ee || e[56] !== j ? (X = /* @__PURE__ */ a(Q, { in: Z, unmountOnExit: ee, children: j }), e[53] = Q, e[54] = Z, e[55] = ee, e[56] = j, e[57] = X) : X = e[57];
       let Y;
-      e[58] !== p || e[59] !== f || e[60] !== b ? (Y = (F) => /* @__PURE__ */ a(pe, { tool: F, labels: f, expanded: p[F.id], onExpandedChange: () => b({
+      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] = Y) : Y = e[61], k = /* @__PURE__ */ T(y, { width: "100%", sx: i, className: "PsChat--tool-group", children: [
+      }) }, 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,
-        X,
-        A.map(Y)
+        Y,
+        A.map(K)
       ] });
     }
-    e[6] = m, e[7] = p, e[8] = f, e[9] = C, e[10] = g, e[11] = b, e[12] = i, e[13] = o, e[14] = k, e[15] = S;
+    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;
@@ -1456,11 +1506,11 @@ function It(t) {
   return t.status === "error";
 }
 export {
-  Ot as CHAT_DIVIDER_DELAY,
+  Ht as CHAT_DIVIDER_DELAY,
   q as CHAT_MAX_WIDTH,
   Mt as CHAT_SCROLL_DELAY,
-  Ye as CHAT_TOOL_CODE_AREA_MAX_HEIGHT,
-  Kt as ChatActionsContainer,
+  Ke as CHAT_TOOL_CODE_AREA_MAX_HEIGHT,
+  Xt as ChatActionsContainer,
   qe as ChatAgentMessage,
   Ut as ChatContent,
   Pt as ChatErrorMessage,
@@ -1468,14 +1518,14 @@ export {
   jt as ChatHeader,
   Vt as ChatLoader,
   ye as ChatMessageOverflow,
-  Xt as ChatRatingAction,
+  Yt as ChatRatingAction,
   Gt as ChatStarter,
   et as ChatSuggestionButton,
   rt as ChatThinking,
   ue as ChatToolCodeArea,
   ut as ChatToolFullViewDialog,
-  Yt as ChatToolGroup,
+  Kt as ChatToolGroup,
   pe as ChatToolTrace,
-  Ht as ChatUserMessage
+  Ot as ChatUserMessage
 };
 //# sourceMappingURL=chat.js.map