@carto/ps-react-ui 4.9.1 → 4.11.0

package/dist/chat.js

@@ -0,0 +1,1507 @@
+import { useRef as X, useState as N, useEffect as Z, forwardRef as ve, useImperativeHandle as Te } from "react";
+import { jsx as c, jsxs as k, Fragment as we } from "react/jsx-runtime";
+import { c as W } from "react/compiler-runtime";
+import { styled as ae, Typography as A, Box as C, Link as ke, ButtonBase as Se, Fab as Ae, IconButton as H, FilledInput as _e, FormHelperText as Ie, FormControl as Ee, DialogTitle as Le, DialogContent as $e, Dialog as Re, Tooltip as De, Button as ie, Collapse as se, CircularProgress as Be } from "@mui/material";
+import { ErrorOutline as he, ArrowUpward as Fe, KeyboardArrowDown as We, Close as ge, StopCircleOutlined as ze, ArrowUpwardOutlined as Me, ThumbUp as Oe, ThumbUpOutlined as He, ThumbDown as Pe, ThumbDownOutlined as Ve, ArrowRight as xe, Error as je, CheckCircle as Ue, ChevronRight as Ne } from "@mui/icons-material";
+import { keyframes as ce } from "@mui/material/styles";
+import { C as Ge } from "./copy-button-DGL1tyli.js";
+import { OpenDiagonallyRight as Xe, McpTool as Ye } from "@carto/meridian-ds/custom-icons";
+const Q = 768, _t = 300, It = 100, Ke = 126;
+function Et(t, e = {}) {
+  const {
+    speed: n = 500,
+    skipAnimation: r = !1
+  } = e, l = X(r), [o, d] = N(() => l.current ? t.length : 0);
+  return Z(() => {
+    if (l.current) {
+      d(t.length);
+      return;
+    }
+    if (o >= t.length)
+      return;
+    const s = 1e3 / n;
+    let i, a = null;
+    function p(m) {
+      a ??= m;
+      const g = m - a, x = Math.floor(g / s);
+      x > 0 && (a = m, d((h) => Math.min(h + x, t.length))), i = requestAnimationFrame(p);
+    }
+    return i = requestAnimationFrame(p), () => cancelAnimationFrame(i);
+  }, [t, o, n]), {
+    displayedText: t.slice(0, o),
+    isTyping: o < t.length
+  };
+}
+const be = ae(A)(() => ({
+  whiteSpace: "pre-wrap",
+  overflowX: "clip",
+  overflowWrap: "break-word",
+  maxWidth: "100%"
+}));
+be.displayName = "ChatMessageOverflow";
+const O = {
+  agentMessageContainer: (t) => ({
+    width: "100%",
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "flex-start",
+    paddingRight: t.spacing(4),
+    "& + .PsChat--agent-message": {
+      marginTop: t.spacing(1)
+    },
+    "& + .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: {
+    width: "100%",
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "flex-end",
+    paddingLeft: ({
+      spacing: t
+    }) => t(4),
+    "&:has(+ .PsChat--user-message) > .PsChat--user-message-inner": {
+      borderRadius: ({
+        spacing: t
+      }) => t(2)
+    },
+    "& + .PsChat--user-message": {
+      marginTop: ({
+        spacing: t
+      }) => t(0.5)
+    },
+    "& + .PsChat--agent-message": {
+      marginTop: ({
+        spacing: t
+      }) => t(3)
+    }
+  },
+  userMessage: {
+    padding: ({
+      spacing: t
+    }) => t(0.75, 1.5),
+    borderRadius: ({
+      spacing: t
+    }) => t(2, 2, 0.25, 2),
+    border: ({
+      palette: t
+    }) => `1px solid ${t.divider}`,
+    backgroundColor: ({
+      palette: t
+    }) => t.background.default,
+    color: ({
+      palette: t
+    }) => t.text.primary,
+    width: "fit-content"
+  },
+  muted: {
+    color: ({
+      palette: t
+    }) => t.text.disabled
+  },
+  userMessageTop: {
+    textAlign: "right",
+    marginBottom: ({
+      spacing: t
+    }) => t(0.5)
+  },
+  errorMessage: {
+    display: "flex",
+    alignItems: "center",
+    flexWrap: "wrap",
+    gap: ({
+      spacing: t
+    }) => t(1)
+  },
+  errorActions: {
+    display: "flex",
+    alignItems: "center",
+    gap: ({
+      spacing: t
+    }) => t(0.5)
+  },
+  errorAction: {
+    color: ({
+      palette: t
+    }) => t.text.primary
+  },
+  errorActionSeparator: {
+    mr: 0.5,
+    color: ({
+      palette: t
+    }) => t.black[25],
+    fontWeight: 600
+  },
+  suggestionButton: {
+    transition: "border-color 0.2s",
+    width: "100%",
+    alignItems: "flex-start",
+    justifyContent: "space-between",
+    textAlign: "left",
+    gap: ({
+      spacing: t
+    }) => t(1),
+    padding: ({
+      spacing: t
+    }) => t(0.75, 1.5),
+    borderRadius: ({
+      spacing: t
+    }) => t(2),
+    border: ({
+      palette: t
+    }) => `1px solid ${t.divider}`,
+    "& .MuiSvgIcon-root": {
+      transition: "color 0.2s",
+      color: "inherit",
+      fontSize: ({
+        spacing: t
+      }) => t(1.5),
+      width: ({
+        spacing: t
+      }) => t(1.5),
+      minWidth: ({
+        spacing: t
+      }) => t(1.5),
+      height: ({
+        spacing: t
+      }) => t(2.5)
+    },
+    "&:not(.Mui-disabled) .MuiSvgIcon-root": {
+      color: ({
+        palette: t
+      }) => t.text.secondary
+    },
+    "&:hover": {
+      borderColor: ({
+        palette: t
+      }) => t.text.hint,
+      "& .MuiSvgIcon-root": {
+        color: ({
+          palette: t
+        }) => t.text.primary
+      }
+    },
+    "&.Mui-disabled": {
+      color: ({
+        palette: t
+      }) => t.text.disabled
+    }
+  }
+};
+function Lt(t) {
+  const e = W(11), {
+    children: n,
+    muted: r,
+    topContext: l,
+    sx: o
+  } = t, d = r === void 0 ? !1 : r;
+  let s;
+  e[0] !== l ? (s = l && /* @__PURE__ */ c(C, { sx: O.userMessageTop, children: l }), e[0] = l, e[1] = s) : s = e[1];
+  const i = d ? O.muted : void 0;
+  let a;
+  e[2] !== o || e[3] !== i ? (a = {
+    ...O.userMessage,
+    ...i,
+    ...o
+  }, e[2] = o, e[3] = i, e[4] = a) : a = e[4];
+  let p;
+  e[5] !== n || e[6] !== a ? (p = /* @__PURE__ */ c(be, { className: "PsChat--user-message-inner", variant: "body2", sx: a, children: n }), e[5] = n, e[6] = a, e[7] = p) : p = e[7];
+  let m;
+  return e[8] !== s || e[9] !== p ? (m = /* @__PURE__ */ k(C, { className: "PsChat--user-message", sx: O.userMessageContainer, children: [
+    s,
+    p
+  ] }), e[8] = s, e[9] = p, e[10] = m) : m = e[10], m;
+}
+const qe = (t) => {
+  const e = W(6);
+  let n, r;
+  e[0] !== t ? ({
+    className: n,
+    ...r
+  } = t, e[0] = t, e[1] = n, e[2] = r) : (n = e[1], r = e[2]);
+  const l = `PsChat--agent-message ${n ?? ""}`;
+  let o;
+  return e[3] !== r || e[4] !== l ? (o = /* @__PURE__ */ c(C, { className: l, ...r }), e[3] = r, e[4] = l, e[5] = o) : o = e[5], o;
+}, Je = ae(qe)(({
+  theme: t
+}) => O.agentMessageContainer(t));
+Je.displayName = "ChatAgentMessage";
+function $t(t) {
+  const e = W(13), {
+    errors: n,
+    icon: r,
+    actions: l,
+    sx: o
+  } = t;
+  let d;
+  e[0] !== o ? (d = {
+    ...O.errorMessage,
+    ...o
+  }, e[0] = o, e[1] = d) : d = e[1];
+  let s;
+  e[2] !== r ? (s = r ?? /* @__PURE__ */ c(he, { fontSize: "medium", color: "error" }), e[2] = r, e[3] = s) : s = e[3];
+  let i;
+  e[4] !== n ? (i = n.map(Ze), e[4] = n, e[5] = i) : i = e[5];
+  let a;
+  e[6] !== l ? (a = l?.length ? /* @__PURE__ */ c(C, { sx: O.errorActions, children: (l ?? []).map(Qe) }) : null, e[6] = l, e[7] = a) : a = e[7];
+  let p;
+  return e[8] !== d || e[9] !== s || e[10] !== i || e[11] !== a ? (p = /* @__PURE__ */ k(C, { sx: d, children: [
+    s,
+    i,
+    a
+  ] }), e[8] = d, e[9] = s, e[10] = i, e[11] = a, e[12] = p) : p = e[12], p;
+}
+function Qe(t, e) {
+  return /* @__PURE__ */ k("span", { children: [
+    e > 0 && /* @__PURE__ */ c(A, { component: "span", variant: "body2", sx: O.errorActionSeparator, children: "·" }),
+    /* @__PURE__ */ c(ke, { component: "button", variant: "body2", onClick: t.onClick, sx: O.errorAction, children: t.label })
+  ] }, e);
+}
+function Ze(t, e) {
+  return /* @__PURE__ */ c(A, { variant: "subtitle2", color: "error.relatedDark", children: t }, e);
+}
+function et(t) {
+  const e = W(17);
+  let n, r, l, o;
+  e[0] !== t ? ({
+    label: r,
+    color: n,
+    sx: o,
+    ...l
+  } = t, e[0] = t, e[1] = n, e[2] = r, e[3] = l, e[4] = o) : (n = e[1], r = e[2], l = e[3], o = e[4]);
+  let d;
+  e[5] !== n ? (d = n ? {
+    backgroundColor: n
+  } : void 0, e[5] = n, e[6] = d) : d = e[6];
+  let s;
+  e[7] !== o || e[8] !== d ? (s = {
+    ...O.suggestionButton,
+    ...d,
+    ...o
+  }, e[7] = o, e[8] = d, e[9] = s) : s = e[9];
+  let i;
+  e[10] !== r ? (i = /* @__PURE__ */ c(A, { color: "inherit", variant: "body2", children: r }), e[10] = r, e[11] = i) : i = e[11];
+  let a;
+  e[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */ c(Fe, {}), e[12] = a) : a = e[12];
+  let p;
+  return e[13] !== l || e[14] !== s || e[15] !== i ? (p = /* @__PURE__ */ k(Se, { sx: s, ...l, children: [
+    i,
+    a
+  ] }), e[13] = l, e[14] = s, e[15] = i, e[16] = p) : p = e[16], p;
+}
+const tt = ce`
+  0% {
+    background-position: 150% 0;
+  }
+  100% {
+    background-position: -50% 0;
+  }
+`, nt = ce`
+  0% { transform: scale(0.68); opacity: 0.7; }
+  40% { transform: scale(1); opacity: 1; }
+  80% { transform: scale(0.6); opacity: 0.65; }
+  100% { transform: scale(0.68); opacity: 0.7; }
+`, ot = ce`
+  0% { transform: scale(1); }
+  40% { transform: scale(0.75); }
+  80% { transform: scale(1.125); }
+  100% { transform: scale(1); }
+`, w = {
+  thinking: {
+    display: "flex",
+    alignItems: "center",
+    minHeight: ({
+      spacing: t
+    }) => t(3),
+    background: ({
+      palette: t
+    }) => `linear-gradient(
+      90deg,
+      ${t.text.disabled} 25%,
+      ${t.text.secondary} 50%,
+      ${t.text.disabled} 75%
+    )`,
+    backgroundSize: "200% 100%",
+    backgroundClip: "text",
+    WebkitBackgroundClip: "text",
+    WebkitTextFillColor: "transparent",
+    animation: `${tt} 2s ease-in-out infinite`,
+    animationDuration: "2s"
+  },
+  loader: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    position: "relative",
+    p: 1
+  },
+  loaderOuterCircle: {
+    position: "absolute",
+    inset: 0,
+    margin: "auto",
+    borderRadius: "50%",
+    backgroundColor: ({
+      palette: t
+    }) => t.action.disabled,
+    animation: `${nt} 1s ease-in-out infinite`
+  },
+  loaderInnerCircle: {
+    position: "absolute",
+    inset: 0,
+    margin: "auto",
+    borderRadius: "50%",
+    backgroundColor: ({
+      palette: t
+    }) => t.text.primary,
+    animation: `${ot} 1s ease-in-out infinite`
+  },
+  // --- 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%"
+  },
+  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(0.5)
+  },
+  errorBadge: {
+    color: ({
+      palette: t
+    }) => t.error.main,
+    fontWeight: 600,
+    display: "flex",
+    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 rt(t) {
+  const e = W(6), {
+    children: n,
+    duration: r,
+    sx: l
+  } = t, o = n === void 0 ? "Thinking..." : n, s = `${(r === void 0 ? 2e3 : r) / 1e3}s`;
+  let i;
+  e[0] !== s || e[1] !== l ? (i = {
+    ...w.thinking,
+    animationDuration: s,
+    ...l
+  }, e[0] = s, e[1] = l, e[2] = i) : i = e[2];
+  let a;
+  return e[3] !== o || e[4] !== i ? (a = /* @__PURE__ */ c(A, { variant: "body2", sx: i, children: o }), e[3] = o, e[4] = i, e[5] = a) : a = e[5], a;
+}
+function Rt(t) {
+  const e = W(16), {
+    size: n,
+    labels: r,
+    sx: l
+  } = t, o = n === void 0 ? 24 : n;
+  let d;
+  e[0] !== r ? (d = r === void 0 ? {} : r, e[0] = r, e[1] = d) : d = e[1];
+  const i = d.loading ?? "Loading";
+  let a;
+  e[2] !== o || e[3] !== l ? (a = {
+    ...w.loader,
+    width: o,
+    height: o,
+    ...l
+  }, e[2] = o, e[3] = l, e[4] = a) : a = e[4];
+  const p = o * 0.75, m = o * 0.75;
+  let g;
+  e[5] !== p || e[6] !== m ? (g = /* @__PURE__ */ c(C, { component: "span", sx: {
+    ...w.loaderOuterCircle,
+    width: p,
+    height: m
+  } }), e[5] = p, e[6] = m, e[7] = g) : g = e[7];
+  const x = o * 0.32, h = o * 0.32;
+  let u;
+  e[8] !== h || e[9] !== x ? (u = /* @__PURE__ */ c(C, { component: "span", sx: {
+    ...w.loaderInnerCircle,
+    width: x,
+    height: h
+  } }), e[8] = h, e[9] = x, e[10] = u) : u = e[10];
+  let f;
+  return e[11] !== u || e[12] !== i || e[13] !== a || e[14] !== g ? (f = /* @__PURE__ */ k(C, { role: "status", "aria-busy": !0, "aria-label": i, sx: a, children: [
+    g,
+    u
+  ] }), e[11] = u, e[12] = i, e[13] = a, e[14] = g, e[15] = f) : f = e[15], f;
+}
+const z = {
+  header: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    padding: ({
+      spacing: t
+    }) => t(1)
+  },
+  headerTitle: {
+    flexGrow: 1,
+    px: ({
+      spacing: t
+    }) => t(0.5)
+  },
+  headerActions: {
+    display: "flex",
+    alignItems: "center",
+    marginLeft: ({
+      spacing: t
+    }) => t(2),
+    gap: ({
+      spacing: t
+    }) => t(0.5)
+  },
+  footerWrapper: {
+    padding: ({
+      spacing: t
+    }) => t(1),
+    position: "relative"
+  },
+  footerCorner: {
+    position: "absolute",
+    bottom: "38px",
+    right: `max(16px, calc(50% - ${Q / 2}px + 6px))`,
+    margin: "0 auto"
+  },
+  footer: {
+    maxWidth: Q,
+    margin: "0 auto",
+    "&.MuiFilledInput-root.MuiInputBase-multiline.MuiInputBase-sizeSmall textarea": {
+      resize: "none",
+      maxHeight: "10em",
+      overflowY: "auto !important",
+      paddingRight: ({
+        spacing: t
+      }) => t(5)
+    }
+  },
+  footerCaption: {
+    textAlign: "center"
+  },
+  content: {
+    overflowY: "auto",
+    flex: 1,
+    position: "relative",
+    mx: "auto",
+    maxWidth: Q,
+    width: "100%",
+    maxHeight: "100%",
+    pt: 1,
+    pb: 2,
+    px: 2,
+    display: "flex",
+    flexDirection: "column",
+    borderTopWidth: "1px",
+    borderTopStyle: "solid",
+    borderBottomWidth: "1px",
+    borderBottomStyle: "solid"
+  },
+  sentinel: {
+    height: "1px",
+    flexShrink: 0
+  },
+  jumpToLatestWrapper: {
+    position: "sticky",
+    bottom: ({
+      spacing: t
+    }) => t(3),
+    height: 0,
+    display: "flex",
+    justifyContent: "center",
+    zIndex: 1
+  },
+  jumpToLatest: {
+    transition: "opacity 0.2s"
+  },
+  starter: {
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "center",
+    justifyContent: "center",
+    padding: ({
+      spacing: t
+    }) => t(3),
+    textAlign: "center",
+    maxWidth: Q,
+    margin: "0 auto"
+  },
+  starterItems: {
+    display: "grid",
+    width: "100%",
+    marginTop: ({
+      spacing: t
+    }) => t(2)
+  },
+  starterItemsTwoCol: {
+    gridTemplateColumns: "repeat(2, 1fr)"
+  }
+}, lt = 32, it = ve(function({
+  children: e,
+  autoScroll: n = !0,
+  labels: r = {},
+  sx: l
+}, o) {
+  const d = X(null), s = X(null), i = X(null), [a, p] = N(!0), [m, g] = N(!0), x = () => {
+    d.current?.scrollTo({
+      top: d.current.scrollHeight,
+      behavior: "smooth"
+    });
+  }, h = () => {
+    d.current?.scrollTo({
+      top: 0,
+      behavior: "smooth"
+    });
+  };
+  return Te(o, () => ({
+    scrollToBottom: x,
+    scrollToTop: h,
+    isAtBottom: m,
+    isAtTop: a
+  }), [m, a]), Z(() => {
+    const u = d.current, f = s.current, b = i.current;
+    if (!u || !f || !b) return;
+    const v = new IntersectionObserver(([T]) => p(T?.isIntersecting ?? !0), {
+      root: u
+    }), y = new IntersectionObserver(([T]) => g(T?.isIntersecting ?? !0), {
+      root: u
+    });
+    return v.observe(f), y.observe(b), () => {
+      v.disconnect(), y.disconnect();
+    };
+  }, []), Z(() => {
+    if (!n) return;
+    const u = d.current;
+    if (!u) return;
+    let f = u.scrollHeight, b = null;
+    const v = () => {
+      b = null;
+      const T = u.scrollHeight;
+      if (T > f) {
+        const S = T - f;
+        T - u.scrollTop - u.clientHeight <= S + lt && u.scrollTo({
+          top: T,
+          behavior: "smooth"
+        });
+      }
+      f = T;
+    }, y = new MutationObserver(() => {
+      b ??= requestAnimationFrame(v);
+    });
+    return y.observe(u, {
+      childList: !0,
+      subtree: !0,
+      characterData: !0
+    }), () => {
+      y.disconnect(), b !== null && cancelAnimationFrame(b);
+    };
+  }, [n]), /* @__PURE__ */ k(C, { ref: d, sx: {
+    ...z.content,
+    borderTopColor: ({
+      palette: u
+    }) => a ? "transparent" : u.divider,
+    borderBottomColor: ({
+      palette: u
+    }) => m ? "transparent" : u.divider,
+    ...l
+  }, children: [
+    /* @__PURE__ */ c(C, { ref: s, sx: z.sentinel, "aria-hidden": !0 }),
+    e,
+    /* @__PURE__ */ c(C, { ref: i, sx: z.sentinel, "aria-hidden": !0 }),
+    /* @__PURE__ */ c(C, { sx: z.jumpToLatestWrapper, children: /* @__PURE__ */ c(Ae, { size: "small", onClick: x, "aria-label": r.jumpToLatest ?? "Jump to latest", sx: {
+      ...z.jumpToLatest,
+      opacity: m ? 0 : 1,
+      pointerEvents: m ? "none" : "auto"
+    }, children: /* @__PURE__ */ c(We, {}) }) })
+  ] });
+});
+it.displayName = "ChatContent";
+function Dt(t) {
+  const e = W(14), {
+    leftSlot: n,
+    title: r,
+    rightSlot: l,
+    onClose: o,
+    sx: d
+  } = t;
+  let s;
+  e[0] !== d ? (s = {
+    ...z.header,
+    ...d
+  }, e[0] = d, e[1] = s) : s = e[1];
+  let i;
+  e[2] !== r ? (i = /* @__PURE__ */ c(A, { variant: "subtitle2", sx: z.headerTitle, children: r }), e[2] = r, e[3] = i) : i = e[3];
+  let a;
+  e[4] !== o ? (a = o && /* @__PURE__ */ c(H, { size: "medium", onClick: o, "aria-label": "Close", children: /* @__PURE__ */ c(ge, {}) }), e[4] = o, e[5] = a) : a = e[5];
+  let p;
+  e[6] !== l || e[7] !== a ? (p = /* @__PURE__ */ k(C, { sx: z.headerActions, children: [
+    l,
+    a
+  ] }), e[6] = l, e[7] = a, e[8] = p) : p = e[8];
+  let m;
+  return e[9] !== n || e[10] !== s || e[11] !== i || e[12] !== p ? (m = /* @__PURE__ */ k(C, { sx: s, children: [
+    n,
+    i,
+    p
+  ] }), e[9] = n, e[10] = s, e[11] = i, e[12] = p, e[13] = m) : m = e[13], m;
+}
+const st = "Responses are AI generated. Please verify key information.";
+function Bt(t) {
+  const e = W(35), {
+    value: n,
+    onChange: r,
+    onSend: l,
+    onStop: o,
+    isGenerating: d,
+    disabled: s,
+    placeholder: i,
+    labels: a,
+    caption: p,
+    sx: m
+  } = t, g = d === void 0 ? !1 : d, x = s === void 0 ? !1 : s, h = i === void 0 ? "Type a message..." : i;
+  let u;
+  e[0] !== a ? (u = a === void 0 ? {} : a, e[0] = a, e[1] = u) : u = e[1];
+  const f = u, b = p === void 0 ? st : p;
+  let v;
+  e[2] !== x || e[3] !== g || e[4] !== n ? (v = n.trim() && !x && !g, e[2] = x, e[3] = g, e[4] = n, e[5] = v) : v = e[5];
+  const y = v;
+  let T;
+  e[6] !== y || e[7] !== l ? (T = (M) => {
+    M.key === "Enter" && !M.shiftKey && (M.preventDefault(), y && l());
+  }, e[6] = y, e[7] = l, e[8] = T) : T = e[8];
+  const S = T;
+  let _;
+  e[9] !== m ? (_ = {
+    ...z.footerWrapper,
+    ...m
+  }, e[9] = m, e[10] = _) : _ = e[10];
+  let E;
+  e[11] !== r ? (E = (M) => r(M.target.value), e[11] = r, e[12] = E) : E = e[12];
+  const L = x || g;
+  let $;
+  e[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? ($ = {
+    minHeight: 0
+  }, e[13] = $) : $ = e[13];
+  let I;
+  e[14] !== S || e[15] !== h || e[16] !== E || e[17] !== L || e[18] !== n ? (I = /* @__PURE__ */ c(_e, { multiline: !0, value: n, onChange: E, onKeyDown: S, placeholder: h, disabled: L, sx: z.footer, style: $, fullWidth: !0, size: "small" }), e[14] = S, e[15] = h, e[16] = E, e[17] = L, e[18] = n, e[19] = I) : I = e[19];
+  let B;
+  e[20] !== y || e[21] !== x || e[22] !== g || e[23] !== f.send || e[24] !== f.stop || e[25] !== l || e[26] !== o ? (B = /* @__PURE__ */ c(C, { sx: z.footerCorner, children: g && o ? /* @__PURE__ */ c(H, { size: "small", onClick: o, disabled: x, "aria-label": f.stop ?? "Stop", children: /* @__PURE__ */ c(ze, {}) }) : /* @__PURE__ */ c(H, { size: "small", variant: "contained", onClick: l, disabled: !y, "aria-label": f.send ?? "Send", children: /* @__PURE__ */ c(Me, {}) }) }), e[20] = y, e[21] = x, e[22] = g, e[23] = f.send, e[24] = f.stop, e[25] = l, e[26] = o, e[27] = B) : B = e[27];
+  let R;
+  e[28] !== b ? (R = b ? /* @__PURE__ */ c(Ie, { sx: z.footerCaption, children: b }) : null, e[28] = b, e[29] = R) : R = e[29];
+  let D;
+  return e[30] !== I || e[31] !== B || e[32] !== R || e[33] !== _ ? (D = /* @__PURE__ */ k(Ee, { fullWidth: !0, sx: _, children: [
+    I,
+    B,
+    R
+  ] }), e[30] = I, e[31] = B, e[32] = R, e[33] = _, e[34] = D) : D = e[34], D;
+}
+const de = [
+  "#C9DB7440",
+  // pastel green
+  "#FE88B140",
+  // pastel red
+  "#9EB9F340",
+  // pastel blue
+  "#F6CF7140"
+  // pastel yellow
+];
+function Ft(t) {
+  const e = W(40), {
+    icon: n,
+    title: r,
+    description: l,
+    items: o,
+    size: d,
+    onSelect: s,
+    sx: i
+  } = t, a = d === void 0 ? "small" : d;
+  let p, m, g, x, h, u, f, b;
+  if (e[0] !== l || e[1] !== n || e[2] !== o || e[3] !== s || e[4] !== a || e[5] !== i || e[6] !== r) {
+    const T = o.map(at);
+    m = C;
+    const S = a === "small" ? 1 : 2;
+    e[15] !== i || e[16] !== S ? (h = {
+      ...z.starter,
+      gap: S,
+      ...i
+    }, e[15] = i, e[16] = S, e[17] = h) : h = e[17], u = n, e[18] !== a || e[19] !== r ? (f = r && /* @__PURE__ */ c(A, { variant: a === "small" ? "h6" : "h5", children: r }), e[18] = a, e[19] = r, e[20] = f) : f = e[20], e[21] !== l || e[22] !== a ? (b = l && /* @__PURE__ */ c(A, { variant: a === "small" ? "body2" : "body1", color: "text.secondary", children: l }), e[21] = l, e[22] = a, e[23] = b) : b = e[23], p = C;
+    const _ = a === "small" ? 1 : 2, E = o.length > 2 ? z.starterItemsTwoCol : void 0;
+    e[24] !== E || e[25] !== _ ? (g = {
+      ...z.starterItems,
+      gap: _,
+      ...E
+    }, e[24] = E, e[25] = _, e[26] = g) : g = e[26];
+    let L;
+    e[27] !== s ? (L = ($, I) => /* @__PURE__ */ c(et, { label: $.label, onClick: () => s?.($.label), color: $.color }, I), e[27] = s, e[28] = L) : L = e[28], x = T.map(L), e[0] = l, e[1] = n, e[2] = o, e[3] = s, e[4] = a, e[5] = i, e[6] = r, e[7] = p, e[8] = m, e[9] = g, e[10] = x, e[11] = h, e[12] = u, e[13] = f, e[14] = b;
+  } else
+    p = e[7], m = e[8], g = e[9], x = e[10], h = e[11], u = e[12], f = e[13], b = e[14];
+  let v;
+  e[29] !== p || e[30] !== g || e[31] !== x ? (v = /* @__PURE__ */ c(p, { sx: g, children: x }), e[29] = p, e[30] = g, e[31] = x, e[32] = v) : v = e[32];
+  let y;
+  return e[33] !== m || e[34] !== h || e[35] !== u || e[36] !== f || e[37] !== b || e[38] !== v ? (y = /* @__PURE__ */ k(m, { sx: h, children: [
+    u,
+    f,
+    b,
+    v
+  ] }), e[33] = m, e[34] = h, e[35] = u, e[36] = f, e[37] = b, e[38] = v, e[39] = y) : y = e[39], y;
+}
+function at(t, e) {
+  return typeof t == "string" ? {
+    label: t,
+    color: de[e]
+  } : {
+    label: t.label,
+    color: t.color ?? de[e]
+  };
+}
+const Wt = ae(C)(({
+  theme: t
+}) => ({
+  display: "flex",
+  alignItems: "center",
+  gap: t.spacing(0.5)
+}));
+function zt(t) {
+  const e = W(25), {
+    rating: n,
+    onRatingChange: r,
+    labels: l
+  } = t;
+  let o;
+  e[0] !== l ? (o = l === void 0 ? {} : l, e[0] = l, e[1] = o) : o = e[1];
+  const d = o;
+  let s;
+  e[2] !== r || e[3] !== n ? (s = () => r?.(n === "up" ? null : "up"), e[2] = r, e[3] = n, e[4] = s) : s = e[4];
+  const i = d.thumbUp ?? "Thumbs up", a = n === "up" ? "primary" : void 0;
+  let p;
+  e[5] !== n ? (p = n === "up" ? /* @__PURE__ */ c(Oe, { fontSize: "small" }) : /* @__PURE__ */ c(He, { fontSize: "small" }), e[5] = n, e[6] = p) : p = e[6];
+  let m;
+  e[7] !== s || e[8] !== i || e[9] !== a || e[10] !== p ? (m = /* @__PURE__ */ c(H, { size: "small", onClick: s, "aria-label": i, color: a, children: p }), e[7] = s, e[8] = i, e[9] = a, e[10] = p, e[11] = m) : m = e[11];
+  let g;
+  e[12] !== r || e[13] !== n ? (g = () => r?.(n === "down" ? null : "down"), e[12] = r, e[13] = n, e[14] = g) : g = e[14];
+  const x = d.thumbDown ?? "Thumbs down", h = n === "down" ? "primary" : void 0;
+  let u;
+  e[15] !== n ? (u = n === "down" ? /* @__PURE__ */ c(Pe, { fontSize: "small" }) : /* @__PURE__ */ c(Ve, { fontSize: "small" }), e[15] = n, e[16] = u) : u = e[16];
+  let f;
+  e[17] !== h || e[18] !== u || e[19] !== g || e[20] !== x ? (f = /* @__PURE__ */ c(H, { size: "small", onClick: g, "aria-label": x, color: h, children: u }), e[17] = h, e[18] = u, e[19] = g, e[20] = x, e[21] = f) : f = e[21];
+  let b;
+  return e[22] !== f || e[23] !== m ? (b = /* @__PURE__ */ k(we, { children: [
+    m,
+    f
+  ] }), e[22] = f, e[23] = m, e[24] = b) : b = e[24], b;
+}
+const ct = /^-?\d/;
+function dt(t) {
+  const e = [];
+  let n = 0, r;
+  const l = /* @__PURE__ */ new Set(), o = /("(?:[^"\\]|\\.)*")\s*:/g;
+  let d;
+  for (; (d = o.exec(t)) !== null; )
+    l.add(d.index);
+  const s = (
+    // eslint-disable-next-line no-useless-escape
+    /"(?:[^"\\]|\\.)*"|\b(?:true|false)\b|\bnull\b|-?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?|[{}\[\]:,]/g
+  );
+  for (; (r = s.exec(t)) !== null; ) {
+    r.index > n && e.push(t.slice(n, r.index));
+    const i = r[0];
+    i.startsWith('"') ? l.has(r.index) ? e.push({
+      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
+    }), n = r.index + i.length;
+  }
+  return n < t.length && e.push(t.slice(n)), e;
+}
+function ut(t) {
+  const e = W(24), {
+    open: n,
+    onClose: r,
+    title: l,
+    content: o
+  } = t;
+  let d;
+  e[0] !== o ? (d = o.split(`
+`).map(mt), e[0] = o, e[1] = d) : d = e[1];
+  const s = d;
+  let i;
+  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = {
+    sx: w.fullViewPaper
+  }, e[2] = i) : i = e[2];
+  let a;
+  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (a = {
+    display: "flex",
+    alignItems: "center",
+    gap: 0.5
+  }, e[3] = a) : a = e[3];
+  let p;
+  e[4] !== o ? (p = /* @__PURE__ */ c(Ge, { copyText: o, "aria-label": "Copy content" }), e[4] = o, e[5] = p) : p = e[5];
+  let m;
+  e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ c(ge, {}), e[6] = m) : m = e[6];
+  let g;
+  e[7] !== r ? (g = /* @__PURE__ */ c(H, { onClick: r, "aria-label": "close", children: m }), e[7] = r, e[8] = g) : g = e[8];
+  let x;
+  e[9] !== p || e[10] !== g ? (x = /* @__PURE__ */ k(C, { sx: a, children: [
+    p,
+    g
+  ] }), e[9] = p, e[10] = g, e[11] = x) : x = e[11];
+  let h;
+  e[12] !== x || e[13] !== l ? (h = /* @__PURE__ */ k(Le, { sx: w.fullViewTitle, children: [
+    l,
+    x
+  ] }), e[12] = x, e[13] = l, e[14] = h) : h = e[14];
+  let u;
+  e[15] !== s ? (u = s.map(ft), e[15] = s, e[16] = u) : u = e[16];
+  let f;
+  e[17] !== u ? (f = /* @__PURE__ */ c($e, { sx: w.fullViewDialogContent, children: /* @__PURE__ */ c(C, { component: "pre", sx: w.fullViewPre, children: u }) }), e[17] = u, e[18] = f) : f = e[18];
+  let b;
+  return e[19] !== r || e[20] !== n || e[21] !== f || e[22] !== h ? (b = /* @__PURE__ */ k(Re, { open: n, onClose: r, sx: w.fullViewDialog, PaperProps: i, fullScreen: !0, children: [
+    h,
+    f
+  ] }), e[19] = r, e[20] = n, e[21] = f, e[22] = h, e[23] = b) : b = e[23], b;
+}
+function ft(t, e) {
+  return /* @__PURE__ */ k(C, { component: "span", sx: w.fullViewLine, children: [
+    t.map(pt),
+    `
+`
+  ] }, e);
+}
+function pt(t, e) {
+  return typeof t == "string" ? t : /* @__PURE__ */ c(C, { component: "span", sx: w[`syntaxToken_${t.type}`], children: t.value }, e);
+}
+function mt(t) {
+  return dt(t);
+}
+function ue(t) {
+  const e = W(28), {
+    content: n,
+    title: r,
+    isError: l,
+    labels: o,
+    sx: d
+  } = t, s = r === void 0 ? "" : r, i = l === void 0 ? !1 : l;
+  let a;
+  e[0] !== o ? (a = o === void 0 ? {} : o, e[0] = o, e[1] = a) : a = e[1];
+  const p = a, m = X(null), [g, x] = N(!1), [h, u] = N(!1);
+  let f;
+  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = () => {
+    const D = m.current;
+    D && x(D.scrollHeight > D.clientHeight);
+  }, e[2] = f) : f = e[2];
+  const b = f;
+  let v;
+  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (v = () => {
+    b();
+    const D = m.current;
+    if (!D)
+      return;
+    const M = new ResizeObserver(b);
+    return M.observe(D), () => M.disconnect();
+  }, e[3] = v) : v = e[3];
+  let y;
+  e[4] !== n ? (y = [b, n], e[4] = n, e[5] = y) : y = e[5], Z(v, y);
+  const T = p.fullView ?? "Full view";
+  let S;
+  e[6] !== d ? (S = {
+    ...w.codeArea,
+    ...d
+  }, e[6] = d, e[7] = S) : S = e[7];
+  let _;
+  e[8] !== i ? (_ = i ? w.codeAreaPreError : {}, e[8] = i, e[9] = _) : _ = e[9];
+  let E;
+  e[10] !== _ ? (E = {
+    ...w.codeAreaPre,
+    maxHeight: Ke,
+    ..._
+  }, e[10] = _, e[11] = E) : E = e[11];
+  let L;
+  e[12] !== n || e[13] !== E ? (L = /* @__PURE__ */ c(C, { component: "pre", ref: m, sx: E, children: n }), e[12] = n, e[13] = E, e[14] = L) : L = e[14];
+  let $;
+  e[15] !== T || e[16] !== g ? ($ = g && /* @__PURE__ */ c(De, { title: T, children: /* @__PURE__ */ c(H, { size: "small", onClick: () => u(!0), sx: w.codeAreaFullViewButton, children: /* @__PURE__ */ c(Xe, {}) }) }), e[15] = T, e[16] = g, e[17] = $) : $ = e[17];
+  let I;
+  e[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (I = () => u(!1), e[18] = I) : I = e[18];
+  let B;
+  e[19] !== n || e[20] !== h || e[21] !== s ? (B = /* @__PURE__ */ c(ut, { open: h, onClose: I, title: s, content: n }), e[19] = n, e[20] = h, e[21] = s, e[22] = B) : B = e[22];
+  let R;
+  return e[23] !== L || e[24] !== $ || e[25] !== B || e[26] !== S ? (R = /* @__PURE__ */ k(C, { sx: S, children: [
+    L,
+    $,
+    B
+  ] }), e[23] = L, e[24] = $, e[25] = B, e[26] = S, e[27] = R) : R = e[27], R;
+}
+function fe(t) {
+  const e = t.replace(/_/g, " ");
+  return e.charAt(0).toUpperCase() + e.slice(1);
+}
+function ye(t) {
+  return t.status === "running" ? t.runningLabel ?? fe(t.name) : t.label ?? fe(t.name);
+}
+function ht(t) {
+  const e = W(9), {
+    status: n,
+    labels: r
+  } = t;
+  switch (n) {
+    case "complete": {
+      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 o;
+      e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ c(Ue, { sx: {
+        fontSize: 12
+      }, color: "success" }), e[1] = o) : o = e[1];
+      const d = r?.success ?? "Success";
+      let s;
+      return e[2] !== d ? (s = /* @__PURE__ */ k(C, { sx: l, children: [
+        o,
+        /* @__PURE__ */ c(A, { variant: "caption", children: d })
+      ] }), e[2] = d, e[3] = s) : s = e[3], s;
+    }
+    case "error": {
+      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 o;
+      e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ c(je, { sx: {
+        fontSize: 12
+      }, color: "error" }), e[5] = o) : o = e[5];
+      const d = r?.error ?? "Error";
+      let s;
+      return e[6] !== d ? (s = /* @__PURE__ */ k(C, { sx: l, children: [
+        o,
+        /* @__PURE__ */ c(A, { variant: "code3", children: d })
+      ] }), e[6] = d, e[7] = s) : s = e[7], s;
+    }
+    case "running": {
+      let l;
+      return e[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ c(Be, { size: 14 }), e[8] = l) : l = e[8], l;
+    }
+    default:
+      return null;
+  }
+}
+function Ce(t) {
+  const e = W(33), {
+    tool: n,
+    labels: r
+  } = t;
+  let l;
+  e[0] !== r ? (l = r === void 0 ? {} : r, e[0] = r, e[1] = l) : l = e[1];
+  const o = l, d = n.status === "error", s = o.toolExecuted ?? "Tool executed", i = o.reference ?? "Reference:", a = o.duration ?? "Duration:", p = o.status ?? "Status:", m = o.inputArguments ?? "Input arguments:", g = o.output ?? "Output:";
+  let x;
+  e[2] !== i || e[3] !== n.reference ? (x = n.reference && /* @__PURE__ */ k(C, { sx: w.traceField, children: [
+    /* @__PURE__ */ c(A, { variant: "code3", fontWeight: 600, color: "text.secondary", sx: w.traceFieldLabel, children: i }),
+    /* @__PURE__ */ k(C, { sx: w.traceReference, children: [
+      /* @__PURE__ */ c(Ye, { color: "success" }),
+      /* @__PURE__ */ c(A, { variant: "code3", fontWeight: 600, children: n.reference })
+    ] })
+  ] }), e[2] = i, e[3] = n.reference, e[4] = x) : x = e[4];
+  let h;
+  e[5] !== a || e[6] !== n.duration ? (h = n.duration != null && /* @__PURE__ */ k(C, { sx: w.traceField, children: [
+    /* @__PURE__ */ c(A, { variant: "code3", fontWeight: 600, color: "text.secondary", sx: w.traceFieldLabel, children: a }),
+    /* @__PURE__ */ k(A, { variant: "code3", children: [
+      n.duration,
+      "s"
+    ] })
+  ] }), e[5] = a, e[6] = n.duration, e[7] = h) : h = e[7];
+  let u;
+  e[8] !== p ? (u = /* @__PURE__ */ c(A, { variant: "code3", fontWeight: 600, color: "text.secondary", sx: w.traceFieldLabel, children: p }), e[8] = p, e[9] = u) : u = e[9];
+  let f;
+  e[10] !== o || e[11] !== n.status ? (f = /* @__PURE__ */ c(ht, { status: n.status, labels: o }), e[10] = o, e[11] = n.status, e[12] = f) : f = e[12];
+  let b;
+  e[13] !== u || e[14] !== f ? (b = /* @__PURE__ */ k(C, { sx: w.traceField, children: [
+    u,
+    f
+  ] }), e[13] = u, e[14] = f, e[15] = b) : b = e[15];
+  let v;
+  e[16] !== m || e[17] !== d || e[18] !== n.inputArguments || e[19] !== n.output || e[20] !== s ? (v = n.inputArguments && /* @__PURE__ */ k(C, { children: [
+    /* @__PURE__ */ c(A, { variant: "code3", fontWeight: 600, color: "text.secondary", sx: w.traceField, children: m }),
+    /* @__PURE__ */ c(ue, { sx: {
+      mt: 0.5,
+      mb: n.output ? 1.5 : 0
+    }, content: n.inputArguments, title: `${s}: ${m}`, isError: d })
+  ] }), e[16] = m, e[17] = d, e[18] = n.inputArguments, e[19] = n.output, e[20] = s, e[21] = v) : v = e[21];
+  let y;
+  e[22] !== d || e[23] !== g || e[24] !== n.output || e[25] !== s ? (y = n.output && /* @__PURE__ */ k(C, { children: [
+    /* @__PURE__ */ c(A, { variant: "code3", fontWeight: 600, color: "text.secondary", sx: w.traceField, children: g }),
+    /* @__PURE__ */ c(ue, { sx: {
+      mt: 0.5
+    }, content: n.output, title: `${s}: ${g}`, isError: d })
+  ] }), e[22] = d, e[23] = g, e[24] = n.output, e[25] = s, e[26] = y) : y = e[26];
+  let T;
+  return e[27] !== x || e[28] !== h || e[29] !== b || e[30] !== v || e[31] !== y ? (T = /* @__PURE__ */ k(C, { children: [
+    x,
+    h,
+    b,
+    v,
+    y
+  ] }), e[27] = x, e[28] = h, e[29] = b, e[30] = v, e[31] = y, e[32] = T) : T = e[32], T;
+}
+function pe(t) {
+  const e = W(29), {
+    tool: n,
+    expanded: r,
+    onExpandedChange: l,
+    labels: o,
+    sx: d
+  } = t;
+  let s;
+  e[0] !== o ? (s = o === void 0 ? {} : o, e[0] = o, e[1] = s) : s = e[1];
+  const i = s, a = n.status === "running", p = i.toolExecuted ?? "Tool executed";
+  if (a) {
+    let y;
+    e[2] !== n ? (y = ye(n), e[2] = n, e[3] = y) : y = e[3];
+    let T;
+    return e[4] !== y ? (T = /* @__PURE__ */ c(rt, { children: y }), e[4] = y, e[5] = T) : T = e[5], T;
+  }
+  let m;
+  e[6] !== r || e[7] !== l ? (m = () => l?.(!r), e[6] = r, e[7] = l, e[8] = m) : m = e[8];
+  let g;
+  e[9] !== p ? (g = /* @__PURE__ */ c(A, { variant: "caption", fontWeight: 600, color: "text.secondary", children: p }), e[9] = p, e[10] = g) : g = e[10];
+  const x = r ? "rotate(90deg)" : "rotate(0deg)";
+  let h;
+  e[11] !== x ? (h = /* @__PURE__ */ c(xe, { sx: {
+    ...w.traceChevron,
+    transform: x
+  } }), e[11] = x, e[12] = h) : h = e[12];
+  let u;
+  e[13] !== r || e[14] !== m || e[15] !== g || e[16] !== h ? (u = /* @__PURE__ */ k(ie, { size: "small", variant: "text", onClick: m, "aria-expanded": r, sx: w.traceHeader, children: [
+    g,
+    h
+  ] }), e[13] = r, e[14] = m, e[15] = g, e[16] = h, e[17] = u) : u = e[17];
+  let f;
+  e[18] !== i || e[19] !== n ? (f = /* @__PURE__ */ c(C, { sx: w.traceDetailsWrapper, children: /* @__PURE__ */ c(Ce, { tool: n, labels: i }) }), e[18] = i, e[19] = n, e[20] = f) : f = e[20];
+  let b;
+  e[21] !== r || e[22] !== f ? (b = /* @__PURE__ */ c(se, { in: r, unmountOnExit: !0, children: f }), e[21] = r, e[22] = f, e[23] = b) : b = e[23];
+  let v;
+  return e[24] !== d || e[25] !== u || e[26] !== b || e[27] !== n.name ? (v = /* @__PURE__ */ k(C, { width: "100%", sx: d, "data-tool": n.name, className: "PsChat--tool-trace", children: [
+    u,
+    b
+  ] }), e[24] = d, e[25] = u, e[26] = b, e[27] = n.name, e[28] = v) : v = e[28], v;
+}
+function me(t, e) {
+  const n = W(5), [r, l] = N(t);
+  if (e) {
+    let o;
+    return n[0] !== e || n[1] !== t ? (o = [t, e], n[0] = e, n[1] = t, n[2] = o) : o = n[2], o;
+  } else {
+    let o;
+    return n[3] !== r ? (o = [r, l], n[3] = r, n[4] = o) : o = n[4], o;
+  }
+}
+function Mt(t) {
+  const e = W(61), {
+    tools: n,
+    expanded: r,
+    onExpandedChange: l,
+    expandedTools: o,
+    onToolExpandedChange: d,
+    labels: s,
+    sx: i
+  } = t, a = r === void 0 ? !1 : r;
+  let p;
+  e[0] !== o ? (p = o === void 0 ? {} : o, e[0] = o, e[1] = p) : p = e[1];
+  const m = p;
+  let g;
+  e[2] !== s ? (g = s === void 0 ? {} : s, e[2] = s, e[3] = g) : g = e[3];
+  const x = g, [h, u] = me(a, l), [f, b] = me(m, d);
+  let v;
+  e[4] !== n ? (v = n.filter(bt), e[4] = n, e[5] = v) : v = e[5];
+  const y = v.length;
+  let T, S;
+  if (e[6] !== h || e[7] !== f || e[8] !== x || e[9] !== y || e[10] !== u || e[11] !== b || e[12] !== i || e[13] !== n) {
+    S = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
+    e: {
+      const _ = n.filter(xt), E = n.filter(gt), L = x.toolsUsed ?? "tools used", $ = x.error ?? "Error";
+      if (n.length === 1) {
+        let F;
+        e[16] !== h || e[17] !== x || e[18] !== u || e[19] !== i || e[20] !== n[0] ? (F = /* @__PURE__ */ c(pe, { tool: n[0], expanded: h, onExpandedChange: u, labels: x, sx: i }), e[16] = h, e[17] = x, e[18] = u, e[19] = i, e[20] = n[0], e[21] = F) : F = e[21], S = F;
+        break e;
+      }
+      let I;
+      e[22] !== h || e[23] !== u ? (I = () => u(!h), e[22] = h, e[23] = u, e[24] = I) : I = e[24];
+      const B = y > 0 ? 0.5 : 0;
+      let R;
+      e[25] !== B ? (R = {
+        ...w.traceHeader,
+        pr: B
+      }, e[25] = B, e[26] = R) : R = e[26];
+      let D;
+      e[27] !== n.length || e[28] !== L ? (D = /* @__PURE__ */ k(A, { variant: "caption", fontWeight: 600, color: "text.secondary", children: [
+        n.length,
+        " ",
+        L
+      ] }), e[27] = n.length, e[28] = L, e[29] = D) : D = e[29];
+      const M = h ? "rotate(90deg)" : "rotate(0deg)";
+      let P;
+      e[30] !== M ? (P = /* @__PURE__ */ c(xe, { sx: {
+        ...w.traceChevron,
+        transform: M
+      } }), e[30] = M, e[31] = P) : P = e[31];
+      let V;
+      e[32] !== y ? (V = y > 0 && /* @__PURE__ */ k(A, { variant: "code3", sx: w.errorBadge, children: [
+        y,
+        /* @__PURE__ */ c(he, { sx: {
+          fontSize: 12
+        }, color: "error" })
+      ] }), e[32] = y, e[33] = V) : V = e[33];
+      let Y;
+      e[34] !== h || e[35] !== R || e[36] !== D || e[37] !== P || e[38] !== V || e[39] !== I ? (Y = /* @__PURE__ */ k(ie, { size: "small", variant: "text", onClick: I, "aria-expanded": h, sx: R, children: [
+        D,
+        P,
+        V
+      ] }), e[34] = h, e[35] = R, e[36] = D, e[37] = P, e[38] = V, e[39] = I, e[40] = Y) : Y = e[40];
+      const ee = se, te = h, ne = !0, oe = C, re = "ul";
+      let j;
+      e[41] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (j = {
+        ...w.traceDetailsWrapper,
+        p: 0,
+        listStyle: "none"
+      }, e[41] = j) : j = e[41];
+      let K;
+      e[42] !== $ || e[43] !== f || e[44] !== x || e[45] !== b ? (K = (F) => {
+        const G = f[F.id] ?? !1;
+        return /* @__PURE__ */ k(C, { component: "li", sx: w.groupListItem, "aria-expanded": G, children: [
+          /* @__PURE__ */ k(ie, { variant: "text", color: "inherit", fullWidth: !0, onClick: () => b({
+            ...f,
+            [F.id]: !G
+          }), "aria-expanded": G, sx: w.groupHeader, children: [
+            /* @__PURE__ */ c(A, { flexGrow: 1, flexShrink: 0, variant: "caption", color: "text.secondary", children: ye(F) }),
+            F.status === "error" && /* @__PURE__ */ c(A, { variant: "code3", color: "error.main", children: $ }),
+            /* @__PURE__ */ c(Ne, { sx: {
+              ...w.traceChevron,
+              transform: G ? "rotate(90deg)" : "rotate(0deg)"
+            } })
+          ] }),
+          /* @__PURE__ */ c(se, { in: G, unmountOnExit: !0, children: /* @__PURE__ */ c(C, { px: 1.5, py: 1, children: /* @__PURE__ */ c(Ce, { tool: F, labels: x }) }) })
+        ] }, F.id);
+      }, e[42] = $, e[43] = f, e[44] = x, e[45] = b, e[46] = K) : K = e[46];
+      const le = E.map(K);
+      let U;
+      e[47] !== oe || e[48] !== re || e[49] !== j || e[50] !== le ? (U = /* @__PURE__ */ c(oe, { component: re, sx: j, children: le }), e[47] = oe, e[48] = re, e[49] = j, e[50] = le, e[51] = U) : U = e[51];
+      let q;
+      e[52] !== ee || e[53] !== te || e[54] !== ne || e[55] !== U ? (q = /* @__PURE__ */ c(ee, { in: te, unmountOnExit: ne, children: U }), e[52] = ee, e[53] = te, e[54] = ne, e[55] = U, e[56] = q) : q = e[56];
+      let J;
+      e[57] !== f || e[58] !== x || e[59] !== b ? (J = (F) => /* @__PURE__ */ c(pe, { tool: F, labels: x, expanded: f[F.id], onExpandedChange: () => b({
+        ...f,
+        [F.id]: !f[F.id]
+      }) }, F.id), e[57] = f, e[58] = x, e[59] = b, e[60] = J) : J = e[60], T = /* @__PURE__ */ k(C, { width: "100%", sx: i, className: "PsChat--tool-group", children: [
+        Y,
+        q,
+        _.map(J)
+      ] });
+    }
+    e[6] = h, e[7] = f, e[8] = x, e[9] = y, e[10] = u, e[11] = b, e[12] = i, e[13] = n, e[14] = T, e[15] = S;
+  } else
+    T = e[14], S = e[15];
+  return S !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel") ? S : T;
+}
+function gt(t) {
+  return t.status !== "running";
+}
+function xt(t) {
+  return t.status === "running";
+}
+function bt(t) {
+  return t.status === "error";
+}
+export {
+  It as CHAT_DIVIDER_DELAY,
+  Q as CHAT_MAX_WIDTH,
+  _t as CHAT_SCROLL_DELAY,
+  Ke as CHAT_TOOL_CODE_AREA_MAX_HEIGHT,
+  Wt as ChatActionsContainer,
+  Je as ChatAgentMessage,
+  it as ChatContent,
+  $t as ChatErrorMessage,
+  Bt as ChatFooter,
+  Dt as ChatHeader,
+  Rt as ChatLoader,
+  be as ChatMessageOverflow,
+  zt as ChatRatingAction,
+  Ft as ChatStarter,
+  et as ChatSuggestionButton,
+  rt as ChatThinking,
+  ue as ChatToolCodeArea,
+  ut as ChatToolFullViewDialog,
+  Mt as ChatToolGroup,
+  pe as ChatToolTrace,
+  Lt as ChatUserMessage,
+  Et as useTypewriter
+};
+//# sourceMappingURL=chat.js.map