@carto/ps-react-ui 4.3.9 → 4.4.0-chat-ui.0

package/dist/chat.js

@@ -0,0 +1,798 @@
+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 re, Close as le, 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($)(() => ({
+  whiteSpace: "pre-wrap",
+  overflowX: "clip",
+  overflowWrap: "break-word",
+  maxWidth: "100%"
+}));
+G.displayName = "ChatMessageOverflow";
+const A = {
+  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)
+    }
+  }),
+  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 Oe(t) {
+  const e = T(11), {
+    children: n,
+    muted: o,
+    topContext: i,
+    sx: l
+  } = 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 r;
+  e[2] !== l || e[3] !== s ? (r = {
+    ...A.userMessage,
+    ...s,
+    ...l
+  }, e[2] = l, e[3] = s, e[4] = r) : r = e[4];
+  let c;
+  e[5] !== n || e[6] !== r ? (c = /* @__PURE__ */ d(G, { className: "PsChat--user-message-inner", variant: "body2", sx: r, children: n }), e[5] = n, e[6] = r, 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;
+}
+const he = (t) => {
+  const e = T(6);
+  let n, o;
+  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 l;
+  return e[3] !== o || e[4] !== i ? (l = /* @__PURE__ */ d(x, { className: i, ...o }), e[3] = o, e[4] = i, e[5] = l) : l = e[5], l;
+}, ge = H(he)(({
+  theme: t
+}) => A.agentMessageContainer(t));
+ge.displayName = "ChatAgentMessage";
+function Pe(t) {
+  const e = T(13), {
+    errors: n,
+    icon: o,
+    actions: i,
+    sx: l
+  } = t;
+  let m;
+  e[0] !== l ? (m = {
+    ...A.errorMessage,
+    ...l
+  }, e[0] = l, 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 s;
+  e[4] !== n ? (s = n.map(xe), e[4] = n, e[5] = s) : s = e[5];
+  let r;
+  e[6] !== i ? (r = i?.length ? /* @__PURE__ */ d(x, { sx: A.errorActions, children: (i ?? []).map(be) }) : null, e[6] = i, e[7] = r) : r = e[7];
+  let c;
+  return e[8] !== m || e[9] !== a || e[10] !== s || e[11] !== r ? (c = /* @__PURE__ */ y(x, { sx: m, children: [
+    a,
+    s,
+    r
+  ] }), e[8] = m, e[9] = a, e[10] = s, e[11] = r, e[12] = c) : c = e[12], c;
+}
+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 })
+  ] }, e);
+}
+function xe(t, e) {
+  return /* @__PURE__ */ d($, { variant: "subtitle2", color: "error.relatedDark", children: t }, e);
+}
+function Ce(t) {
+  const e = T(17);
+  let n, o, i, l;
+  e[0] !== t ? ({
+    label: o,
+    color: n,
+    sx: l,
+    ...i
+  } = t, e[0] = t, e[1] = n, e[2] = o, e[3] = i, e[4] = l) : (n = e[1], o = e[2], i = e[3], l = 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] !== l || e[8] !== m ? (a = {
+    ...A.suggestionButton,
+    ...m,
+    ...l
+  }, e[7] = l, e[8] = m, e[9] = a) : a = e[9];
+  let s;
+  e[10] !== o ? (s = /* @__PURE__ */ d($, { color: "inherit", variant: "body2", children: o }), e[10] = o, e[11] = s) : s = e[11];
+  let r;
+  e[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ d(ne, {}), e[12] = r) : r = e[12];
+  let c;
+  return e[13] !== i || e[14] !== a || e[15] !== s ? (c = /* @__PURE__ */ y(X, { sx: a, ...i, children: [
+    s,
+    r
+  ] }), e[13] = i, e[14] = a, e[15] = s, e[16] = c) : c = e[16], c;
+}
+const ye = P`
+  0% {
+    background-position: 150% 0;
+  }
+  100% {
+    background-position: -50% 0;
+  }
+`, ve = P`
+  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`
+  0% { transform: scale(1); }
+  40% { transform: scale(0.75); }
+  80% { transform: scale(1.125); }
+  100% { transform: scale(1); }
+`, z = {
+  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: `${ye} 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: `${ve} 1s ease-in-out infinite`
+  },
+  loaderInnerCircle: {
+    position: "absolute",
+    inset: 0,
+    margin: "auto",
+    borderRadius: "50%",
+    backgroundColor: ({
+      palette: t
+    }) => t.text.primary,
+    animation: `${Te} 1s ease-in-out infinite`
+  },
+  tools: {
+    width: "100%"
+  },
+  toolHeader: {
+    display: "flex",
+    alignItems: "center",
+    gap: ({
+      spacing: t
+    }) => t(1)
+  },
+  toolStatusIcon: {
+    display: "flex",
+    alignItems: "center"
+  }
+};
+function we(t) {
+  const e = T(6), {
+    children: n,
+    duration: o,
+    sx: i
+  } = t, l = 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 r;
+  return e[3] !== l || e[4] !== s ? (r = /* @__PURE__ */ d($, { variant: "body2", sx: s, children: l }), e[3] = l, e[4] = s, e[5] = r) : r = e[5], r;
+}
+function Re(t) {
+  const e = T(16), {
+    size: n,
+    labels: o,
+    sx: i
+  } = t, l = 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 r;
+  e[2] !== l || e[3] !== i ? (r = {
+    ...z.loader,
+    width: l,
+    height: l,
+    ...i
+  }, e[2] = l, e[3] = i, e[4] = r) : r = e[4];
+  const c = l * 0.75, p = l * 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 = l * 0.32, g = l * 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];
+  let h;
+  return e[11] !== b || e[12] !== s || e[13] !== r || e[14] !== f ? (h = /* @__PURE__ */ y(x, { role: "status", "aria-busy": !0, "aria-label": s, sx: r, children: [
+    f,
+    b
+  ] }), e[11] = b, e[12] = s, e[13] = r, e[14] = f, e[15] = h) : h = e[15], h;
+}
+const Se = P`
+  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`
+  0%   { opacity: 1; pointer-events: auto }
+  95%  { opacity: 1; pointer-events: auto }
+  100% { opacity: 0; pointer-events: none }
+`, v = {
+  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% - ${j / 2}px + 6px))`,
+    margin: "0 auto"
+  },
+  footer: {
+    maxWidth: j,
+    margin: "0 auto"
+  },
+  footerCaption: {
+    textAlign: "center"
+  },
+  content: {
+    overflowY: "auto",
+    flex: 1,
+    position: "relative",
+    mx: "auto",
+    maxWidth: j,
+    width: "100%",
+    maxHeight: "100%",
+    pt: 1,
+    pb: 2,
+    px: 2,
+    display: "flex",
+    flexDirection: "column",
+    "--chat-border-color": ({
+      palette: t
+    }) => t.divider,
+    borderTop: "1px solid transparent",
+    borderBottom: "1px solid transparent",
+    "@supports (animation-timeline: scroll())": {
+      animation: `${Se} linear both`,
+      animationTimeline: "scroll(self)"
+    }
+  },
+  jumpToLatestWrapper: {
+    position: "sticky",
+    bottom: ({
+      spacing: t
+    }) => t(3),
+    height: 0,
+    display: "flex",
+    justifyContent: "center",
+    zIndex: 1
+  },
+  jumpToLatest: {
+    opacity: 0,
+    pointerEvents: "none",
+    "@supports (animation-timeline: scroll())": {
+      animation: `${Ie} linear both`,
+      animationTimeline: "scroll(nearest)"
+    }
+  },
+  starter: {
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "center",
+    justifyContent: "center",
+    padding: ({
+      spacing: t
+    }) => t(3),
+    textAlign: "center",
+    maxWidth: j,
+    margin: "0 auto"
+  },
+  starterItems: {
+    display: "grid",
+    width: "100%",
+    marginTop: ({
+      spacing: t
+    }) => t(2)
+  },
+  starterItemsTwoCol: {
+    gridTemplateColumns: "repeat(2, 1fr)"
+  }
+};
+function je(t) {
+  const e = T(12), {
+    children: n,
+    labels: o,
+    sx: i
+  } = t;
+  let l;
+  e[0] !== o ? (l = o === void 0 ? {} : o, e[0] = o, e[1] = l) : l = e[1];
+  const m = l, a = ue(null);
+  let s;
+  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = () => {
+    a.current?.scrollTo({
+      top: a.current.scrollHeight,
+      behavior: "smooth"
+    });
+  }, e[2] = s) : s = e[2];
+  const r = 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(re, {}), 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: r, "aria-label": p, sx: v.jumpToLatest, children: f }) }), e[6] = p, e[7] = u) : u = e[7];
+  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: l,
+    sx: m
+  } = 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 r;
+  e[4] !== l ? (r = l && /* @__PURE__ */ d(O, { size: "medium", onClick: l, "aria-label": "Close", children: /* @__PURE__ */ d(le, {}) }), e[4] = l, e[5] = r) : r = e[5];
+  let c;
+  e[6] !== i || e[7] !== r ? (c = /* @__PURE__ */ y(x, { sx: v.headerActions, children: [
+    i,
+    r
+  ] }), e[6] = i, e[7] = r, 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,
+    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: l,
+    isGenerating: m,
+    disabled: a,
+    placeholder: s,
+    labels: r,
+    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] !== r ? (b = r === void 0 ? {} : r, e[0] = r, 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];
+  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") ? (_ = {
+    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] !== l ? (B = /* @__PURE__ */ d(x, { sx: v.footerCorner, children: f && l ? /* @__PURE__ */ d(O, { size: "small", onClick: l, 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] = l, e[27] = B) : B = e[27];
+  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,
+    B,
+    E
+  ] }), e[30] = W, e[31] = B, e[32] = E, e[33] = I, e[34] = R) : R = e[34], R;
+}
+const U = [
+  "#C9DB7440",
+  // pastel green
+  "#FE88B140",
+  // pastel red
+  "#9EB9F340",
+  // pastel blue
+  "#F6CF7140"
+  // pastel yellow
+];
+function Ne(t) {
+  const e = T(40), {
+    icon: n,
+    title: o,
+    description: i,
+    items: l,
+    size: m,
+    onSelect: a,
+    sx: s
+  } = t, r = m === void 0 ? "small" : m;
+  let c, p, f, u, g, b, h, C;
+  if (e[0] !== i || e[1] !== n || e[2] !== l || e[3] !== a || e[4] !== r || e[5] !== s || e[6] !== o) {
+    const L = l.map(Ae);
+    p = x;
+    const M = r === "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] !== r || e[19] !== o ? (h = o && /* @__PURE__ */ d($, { variant: r === "small" ? "h6" : "h5", children: o }), e[18] = r, e[19] = o, e[20] = h) : h = e[20], e[21] !== i || e[22] !== r ? (C = i && /* @__PURE__ */ d($, { variant: r === "small" ? "body2" : "body1", color: "text.secondary", children: i }), e[21] = i, e[22] = r, e[23] = C) : C = e[23], c = x;
+    const I = r === "small" ? 1 : 2, k = l.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] = l, e[3] = a, e[4] = r, 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;
+  } 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,
+    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;
+}
+function Ae(t, e) {
+  return typeof t == "string" ? {
+    label: t,
+    color: U[e]
+  } : {
+    label: t.label,
+    color: t.color ?? U[e]
+  };
+}
+const Ge = H(x)(({
+  theme: t
+}) => ({
+  display: "flex",
+  alignItems: "center",
+  gap: t.spacing(0.5)
+}));
+function Ke(t) {
+  const e = T(25), {
+    rating: n,
+    onRatingChange: o,
+    labels: i
+  } = t;
+  let l;
+  e[0] !== i ? (l = i === void 0 ? {} : i, e[0] = i, e[1] = l) : l = e[1];
+  const m = l;
+  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", r = 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 p;
+  e[7] !== a || e[8] !== s || e[9] !== r || e[10] !== c ? (p = /* @__PURE__ */ d(O, { size: "small", onClick: a, "aria-label": s, color: r, children: c }), e[7] = a, e[8] = s, e[9] = r, 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;
+  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;
+}
+function $e(t) {
+  const e = T(4), {
+    status: 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;
+    }
+    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;
+    }
+    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;
+    }
+    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;
+    }
+  }
+}
+function Ye(t) {
+  const e = T(12), {
+    tools: n,
+    labels: o,
+    sx: i
+  } = t;
+  let l;
+  e[0] !== o ? (l = o === void 0 ? {} : o, e[0] = o, e[1] = l) : l = e[1];
+  const m = l;
+  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 r;
+  e[6] !== n ? (r = n.map(_e), e[6] = n, e[7] = r) : r = e[7];
+  let c;
+  return e[8] !== a || e[9] !== s || e[10] !== r ? (c = /* @__PURE__ */ y(x, { sx: a, children: [
+    s,
+    r
+  ] }), e[8] = a, e[9] = s, e[10] = r, 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);
+}
+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
+};
+//# sourceMappingURL=chat.js.map