synapse-react-client 4.0.30 → 4.0.32

package/dist/components/SynapseChat/components/AttachmentChip/AttachmentChip.d.ts

@@ -0,0 +1,33 @@
+export type AttachmentChipStatus = 'default' | 'failed';
+export type AttachmentChipProps = {
+    /**
+     * Display name for the attachment. For a pending/just-uploaded attachment this is the real
+     * filename; for a restored/polled turn where file metadata isn't available, pass the
+     * fileHandleId instead.
+     */
+    label: string;
+    /**
+     * MIME content type, used to derive a short type label (e.g. "PDF"). Omit when the type is
+     * unknown (e.g. a restored turn).
+     */
+    contentType?: string;
+    /**
+     * @default 'default'
+     */
+    status?: AttachmentChipStatus;
+    /** Shown in a tooltip on the chip when `status` is 'failed'. */
+    errorMessage?: string;
+    /** If provided, renders a remove ("x") button; invoked when clicked. */
+    onRemove?: () => void;
+    /** Accessible label for the remove button. @default `Remove ${label}` */
+    removeButtonLabel?: string;
+};
+export declare function getContentTypeLabel(contentType?: string): string;
+/**
+ * Displays a single chat attachment as a chip with a filename and type label. Used both for
+ * attachments still pending send (with a remove button) and for attachments on a sent/restored
+ * chat turn (read-only, optionally showing a server-reported failure).
+ */
+export declare function AttachmentChip({ label, contentType, status, errorMessage, onRemove, removeButtonLabel, }: AttachmentChipProps): import("react/jsx-runtime").JSX.Element;
+export default AttachmentChip;
+//# sourceMappingURL=AttachmentChip.d.ts.map

package/dist/components/SynapseChat/components/AttachmentChip/AttachmentChip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachmentChip.d.ts","sourceRoot":"","sources":["../../../../../src/components/SynapseChat/components/AttachmentChip/AttachmentChip.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,oBAAoB,GAAG,SAAS,GAAG,QAAQ,CAAA;AAEvD,MAAM,MAAM,mBAAmB,GAAG;IAChC;;;;OAIG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,oBAAoB,CAAA;IAC7B,gEAAgE;IAChE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,yEAAyE;IACzE,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B,CAAA;AAUD,wBAAgB,mBAAmB,CAAC,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAKhE;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,WAAW,EACX,MAAkB,EAClB,YAAY,EACZ,QAAQ,EACR,iBAAqC,GACtC,EAAE,mBAAmB,2CA+DrB;AAED,eAAe,cAAc,CAAA"}

package/dist/components/SynapseChat/components/AttachmentChip/AttachmentChip.js

@@ -0,0 +1,77 @@
+import e from "./AttachmentChip.module.js";
+import { Box as t, IconButton as n, Tooltip as r, Typography as i } from "@mui/material";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import s from "@mui/icons-material/Close";
+//#region src/components/SynapseChat/components/AttachmentChip/AttachmentChip.tsx
+var c = {
+	"application/pdf": "PDF",
+	"text/plain": "TXT",
+	"text/csv": "CSV",
+	"application/json": "JSON",
+	"text/tab-separated-values": "TSV"
+};
+function l(e) {
+	return e ? c[e] ?? "FILE" : "FILE";
+}
+function u({ label: c, contentType: u, status: d = "default", errorMessage: f, onRemove: p, removeButtonLabel: m = `Remove ${c}` }) {
+	let h = d === "failed", g = /* @__PURE__ */ o(t, {
+		className: e.chip,
+		sx: {
+			display: "flex",
+			alignItems: "center",
+			gap: "10px",
+			border: "1px solid",
+			borderColor: h ? "error.main" : "grey.300",
+			borderRadius: "8px",
+			boxShadow: "0px 1px 1px rgba(0,0,0,0.05)",
+			p: "10px"
+		},
+		children: [/* @__PURE__ */ o(t, {
+			sx: {
+				minWidth: 0,
+				flex: 1
+			},
+			children: [/* @__PURE__ */ a(i, {
+				variant: "body1",
+				sx: {
+					fontWeight: 700,
+					fontSize: "14px",
+					color: h ? "error.main" : "grey.900",
+					overflow: "hidden",
+					textOverflow: "ellipsis",
+					whiteSpace: "nowrap"
+				},
+				children: c
+			}), /* @__PURE__ */ a(i, {
+				variant: "body1",
+				sx: {
+					fontSize: "12px",
+					color: "grey.600"
+				},
+				children: h ? "Failed" : l(u)
+			})]
+		}), p && /* @__PURE__ */ a(n, {
+			type: "button",
+			"aria-label": m,
+			onClick: p,
+			size: "small",
+			className: e.removeBadge,
+			sx: {
+				border: "1px solid",
+				borderColor: "grey.300",
+				backgroundColor: "white",
+				width: "16px",
+				height: "16px"
+			},
+			children: /* @__PURE__ */ a(s, { sx: { fontSize: "10px" } })
+		})]
+	});
+	return h && f ? /* @__PURE__ */ a(r, {
+		title: f,
+		children: g
+	}) : g;
+}
+//#endregion
+export { u as AttachmentChip, u as default, l as getContentTypeLabel };
+
+//# sourceMappingURL=AttachmentChip.js.map

package/dist/components/SynapseChat/components/AttachmentChip/AttachmentChip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachmentChip.js","names":[],"sources":["../../../../../src/components/SynapseChat/components/AttachmentChip/AttachmentChip.tsx"],"sourcesContent":["import CloseIcon from '@mui/icons-material/Close'\nimport { Box, IconButton, Tooltip, Typography } from '@mui/material'\nimport styles from './AttachmentChip.module.scss'\n\nexport type AttachmentChipStatus = 'default' | 'failed'\n\nexport type AttachmentChipProps = {\n  /**\n   * Display name for the attachment. For a pending/just-uploaded attachment this is the real\n   * filename; for a restored/polled turn where file metadata isn't available, pass the\n   * fileHandleId instead.\n   */\n  label: string\n  /**\n   * MIME content type, used to derive a short type label (e.g. \"PDF\"). Omit when the type is\n   * unknown (e.g. a restored turn).\n   */\n  contentType?: string\n  /**\n   * @default 'default'\n   */\n  status?: AttachmentChipStatus\n  /** Shown in a tooltip on the chip when `status` is 'failed'. */\n  errorMessage?: string\n  /** If provided, renders a remove (\"x\") button; invoked when clicked. */\n  onRemove?: () => void\n  /** Accessible label for the remove button. @default `Remove ${label}` */\n  removeButtonLabel?: string\n}\n\nconst CONTENT_TYPE_LABELS: Record<string, string> = {\n  'application/pdf': 'PDF',\n  'text/plain': 'TXT',\n  'text/csv': 'CSV',\n  'application/json': 'JSON',\n  'text/tab-separated-values': 'TSV',\n}\n\nexport function getContentTypeLabel(contentType?: string): string {\n  if (!contentType) {\n    return 'FILE'\n  }\n  return CONTENT_TYPE_LABELS[contentType] ?? 'FILE'\n}\n\n/**\n * Displays a single chat attachment as a chip with a filename and type label. Used both for\n * attachments still pending send (with a remove button) and for attachments on a sent/restored\n * chat turn (read-only, optionally showing a server-reported failure).\n */\nexport function AttachmentChip({\n  label,\n  contentType,\n  status = 'default',\n  errorMessage,\n  onRemove,\n  removeButtonLabel = `Remove ${label}`,\n}: AttachmentChipProps) {\n  const isFailed = status === 'failed'\n\n  const chip = (\n    <Box\n      className={styles.chip}\n      sx={{\n        display: 'flex',\n        alignItems: 'center',\n        gap: '10px',\n        border: '1px solid',\n        borderColor: isFailed ? 'error.main' : 'grey.300',\n        borderRadius: '8px',\n        boxShadow: '0px 1px 1px rgba(0,0,0,0.05)',\n        p: '10px',\n      }}\n    >\n      <Box sx={{ minWidth: 0, flex: 1 }}>\n        <Typography\n          variant=\"body1\"\n          sx={{\n            fontWeight: 700,\n            fontSize: '14px',\n            color: isFailed ? 'error.main' : 'grey.900',\n            overflow: 'hidden',\n            textOverflow: 'ellipsis',\n            whiteSpace: 'nowrap',\n          }}\n        >\n          {label}\n        </Typography>\n        <Typography\n          variant=\"body1\"\n          sx={{ fontSize: '12px', color: 'grey.600' }}\n        >\n          {isFailed ? 'Failed' : getContentTypeLabel(contentType)}\n        </Typography>\n      </Box>\n      {onRemove && (\n        <IconButton\n          type=\"button\"\n          aria-label={removeButtonLabel}\n          onClick={onRemove}\n          size=\"small\"\n          className={styles.removeBadge}\n          sx={{\n            border: '1px solid',\n            borderColor: 'grey.300',\n            backgroundColor: 'white',\n            width: '16px',\n            height: '16px',\n          }}\n        >\n          <CloseIcon sx={{ fontSize: '10px' }} />\n        </IconButton>\n      )}\n    </Box>\n  )\n\n  if (isFailed && errorMessage) {\n    return <Tooltip title={errorMessage}>{chip}</Tooltip>\n  }\n  return chip\n}\n\nexport default AttachmentChip\n"],"mappings":";;;;;AA8BA,IAAM,IAA8C;CAClD,mBAAmB;CACnB,cAAc;CACd,YAAY;CACZ,oBAAoB;CACpB,6BAA6B;AAC/B;AAEA,SAAgB,EAAoB,GAA8B;CAIhE,OAHK,IAGE,EAAoB,MAAgB,SAFlC;AAGX;AAOA,SAAgB,EAAe,EAC7B,UACA,gBACA,YAAS,WACT,iBACA,aACA,uBAAoB,UAAU,OACR;CACtB,IAAM,IAAW,MAAW,UAEtB,IACJ,kBAAC,GAAD;EACE,WAAW,EAAO;EAClB,IAAI;GACF,SAAS;GACT,YAAY;GACZ,KAAK;GACL,QAAQ;GACR,aAAa,IAAW,eAAe;GACvC,cAAc;GACd,WAAW;GACX,GAAG;EACL;YAXF,CAaE,kBAAC,GAAD;GAAK,IAAI;IAAE,UAAU;IAAG,MAAM;GAAE;aAAhC,CACE,kBAAC,GAAD;IACE,SAAQ;IACR,IAAI;KACF,YAAY;KACZ,UAAU;KACV,OAAO,IAAW,eAAe;KACjC,UAAU;KACV,cAAc;KACd,YAAY;IACd;cAEC;GACS,CAAA,GACZ,kBAAC,GAAD;IACE,SAAQ;IACR,IAAI;KAAE,UAAU;KAAQ,OAAO;IAAW;cAEzC,IAAW,WAAW,EAAoB,CAAW;GAC5C,CAAA,CACT;MACJ,KACC,kBAAC,GAAD;GACE,MAAK;GACL,cAAY;GACZ,SAAS;GACT,MAAK;GACL,WAAW,EAAO;GAClB,IAAI;IACF,QAAQ;IACR,aAAa;IACb,iBAAiB;IACjB,OAAO;IACP,QAAQ;GACV;aAEA,kBAAC,GAAD,EAAW,IAAI,EAAE,UAAU,OAAO,EAAI,CAAA;EAC5B,CAAA,CAEX;;CAMP,OAHI,KAAY,IACP,kBAAC,GAAD;EAAS,OAAO;YAAe;CAAc,CAAA,IAE/C;AACT"}

package/dist/components/SynapseChat/components/AttachmentChip/AttachmentChip.module.js

@@ -0,0 +1,8 @@
+import './AttachmentChip.css';var e = {
+	chip: "_chip_1uzei_1",
+	removeBadge: "_removeBadge_1uzei_5"
+};
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=AttachmentChip.module.js.map

package/dist/components/SynapseChat/components/AttachmentChip/AttachmentChip.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachmentChip.module.js","names":[],"sources":["../../../../../src/components/SynapseChat/components/AttachmentChip/AttachmentChip.module.scss"],"sourcesContent":[".chip {\n  position: relative;\n}\n\n.removeBadge:global(.MuiButtonBase-root) {\n  position: absolute;\n  top: -6px;\n  left: -6px;\n  opacity: 0;\n  transition: opacity 100ms;\n}\n\n.chip:hover .removeBadge,\n.chip:focus-within .removeBadge {\n  opacity: 1;\n}\n"],"mappings":""}

package/dist/components/SynapseChat/components/AttachmentChip/AttachmentChip.module.scss

@@ -0,0 +1,16 @@
+.chip {
+  position: relative;
+}
+
+.removeBadge:global(.MuiButtonBase-root) {
+  position: absolute;
+  top: -6px;
+  left: -6px;
+  opacity: 0;
+  transition: opacity 100ms;
+}
+
+.chip:hover .removeBadge,
+.chip:focus-within .removeBadge {
+  opacity: 1;
+}

package/dist/components/SynapseChat/components/ChatAttachmentStrip/ChatAttachmentStrip.css

@@ -0,0 +1 @@
+._strip_10c32_1{gap:10px;display:flex;overflow-x:auto}._wrap_10c32_7{flex-wrap:wrap;overflow-x:visible}._item_10c32_12{flex:1 1 0;min-width:140px}

package/dist/components/SynapseChat/components/ChatAttachmentStrip/ChatAttachmentStrip.d.ts

@@ -0,0 +1,23 @@
+import { AttachmentChipStatus } from '../AttachmentChip/AttachmentChip';
+export type AttachmentStripItem = {
+    fileHandleId: string;
+    label: string;
+    contentType?: string;
+    status?: AttachmentChipStatus;
+    errorMessage?: string;
+};
+export type ChatAttachmentStripProps = {
+    items: AttachmentStripItem[];
+    /** Wrap to multiple rows instead of overflowing horizontally. @default false */
+    wrap?: boolean;
+    /** If provided, each chip gets a remove badge. Invoked with the fileHandleId of the attachment to remove. */
+    onRemove?: (fileHandleId: string) => void;
+};
+/**
+ * A strip of attachment chips. Used both above the chat text input for attachments pending
+ * send (horizontally-scrolling, with a remove control on each chip) and below a sent message
+ * in the chat transcript (wrapping, read-only).
+ */
+export declare function ChatAttachmentStrip({ items, wrap, onRemove, }: ChatAttachmentStripProps): import("react/jsx-runtime").JSX.Element | null;
+export default ChatAttachmentStrip;
+//# sourceMappingURL=ChatAttachmentStrip.d.ts.map

package/dist/components/SynapseChat/components/ChatAttachmentStrip/ChatAttachmentStrip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatAttachmentStrip.d.ts","sourceRoot":"","sources":["../../../../../src/components/SynapseChat/components/ChatAttachmentStrip/ChatAttachmentStrip.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,oBAAoB,EACrB,MAAM,kCAAkC,CAAA;AAGzC,MAAM,MAAM,mBAAmB,GAAG;IAChC,YAAY,EAAE,MAAM,CAAA;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,MAAM,CAAC,EAAE,oBAAoB,CAAA;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAED,MAAM,MAAM,wBAAwB,GAAG;IACrC,KAAK,EAAE,mBAAmB,EAAE,CAAA;IAC5B,gFAAgF;IAChF,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,6GAA6G;IAC7G,QAAQ,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAA;CAC1C,CAAA;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,IAAY,EACZ,QAAQ,GACT,EAAE,wBAAwB,kDAoB1B;AAED,eAAe,mBAAmB,CAAA"}

package/dist/components/SynapseChat/components/ChatAttachmentStrip/ChatAttachmentStrip.js

@@ -0,0 +1,24 @@
+import { AttachmentChip as e } from "../AttachmentChip/AttachmentChip.js";
+import t from "./ChatAttachmentStrip.module.js";
+import { jsx as n } from "react/jsx-runtime";
+import r from "classnames";
+//#region src/components/SynapseChat/components/ChatAttachmentStrip/ChatAttachmentStrip.tsx
+function i({ items: i, wrap: a = !1, onRemove: o }) {
+	return i.length === 0 ? null : /* @__PURE__ */ n("div", {
+		className: r(t.strip, a && t.wrap),
+		children: i.map((r) => /* @__PURE__ */ n("div", {
+			className: t.item,
+			children: /* @__PURE__ */ n(e, {
+				label: r.label,
+				contentType: r.contentType,
+				status: r.status,
+				errorMessage: r.errorMessage,
+				onRemove: o ? () => o(r.fileHandleId) : void 0
+			})
+		}, r.fileHandleId))
+	});
+}
+//#endregion
+export { i as ChatAttachmentStrip, i as default };
+
+//# sourceMappingURL=ChatAttachmentStrip.js.map

package/dist/components/SynapseChat/components/ChatAttachmentStrip/ChatAttachmentStrip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatAttachmentStrip.js","names":[],"sources":["../../../../../src/components/SynapseChat/components/ChatAttachmentStrip/ChatAttachmentStrip.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport {\n  AttachmentChip,\n  AttachmentChipStatus,\n} from '../AttachmentChip/AttachmentChip'\nimport styles from './ChatAttachmentStrip.module.scss'\n\nexport type AttachmentStripItem = {\n  fileHandleId: string\n  label: string\n  contentType?: string\n  status?: AttachmentChipStatus\n  errorMessage?: string\n}\n\nexport type ChatAttachmentStripProps = {\n  items: AttachmentStripItem[]\n  /** Wrap to multiple rows instead of overflowing horizontally. @default false */\n  wrap?: boolean\n  /** If provided, each chip gets a remove badge. Invoked with the fileHandleId of the attachment to remove. */\n  onRemove?: (fileHandleId: string) => void\n}\n\n/**\n * A strip of attachment chips. Used both above the chat text input for attachments pending\n * send (horizontally-scrolling, with a remove control on each chip) and below a sent message\n * in the chat transcript (wrapping, read-only).\n */\nexport function ChatAttachmentStrip({\n  items,\n  wrap = false,\n  onRemove,\n}: ChatAttachmentStripProps) {\n  if (items.length === 0) {\n    return null\n  }\n\n  return (\n    <div className={classNames(styles.strip, wrap && styles.wrap)}>\n      {items.map(item => (\n        <div key={item.fileHandleId} className={styles.item}>\n          <AttachmentChip\n            label={item.label}\n            contentType={item.contentType}\n            status={item.status}\n            errorMessage={item.errorMessage}\n            onRemove={onRemove ? () => onRemove(item.fileHandleId) : undefined}\n          />\n        </div>\n      ))}\n    </div>\n  )\n}\n\nexport default ChatAttachmentStrip\n"],"mappings":";;;;;AA4BA,SAAgB,EAAoB,EAClC,UACA,UAAO,IACP,eAC2B;CAK3B,OAJI,EAAM,WAAW,IACZ,OAIP,kBAAC,OAAD;EAAK,WAAW,EAAW,EAAO,OAAO,KAAQ,EAAO,IAAI;YACzD,EAAM,KAAI,MACT,kBAAC,OAAD;GAA6B,WAAW,EAAO;aAC7C,kBAAC,GAAD;IACE,OAAO,EAAK;IACZ,aAAa,EAAK;IAClB,QAAQ,EAAK;IACb,cAAc,EAAK;IACnB,UAAU,UAAiB,EAAS,EAAK,YAAY,IAAI,KAAA;GAC1D,CAAA;EACE,GARK,EAAK,YAQV,CACN;CACE,CAAA;AAET"}

package/dist/components/SynapseChat/components/ChatAttachmentStrip/ChatAttachmentStrip.module.js

@@ -0,0 +1,9 @@
+import './ChatAttachmentStrip.css';var e = {
+	strip: "_strip_10c32_1",
+	wrap: "_wrap_10c32_7",
+	item: "_item_10c32_12"
+};
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=ChatAttachmentStrip.module.js.map

package/dist/components/SynapseChat/components/ChatAttachmentStrip/ChatAttachmentStrip.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatAttachmentStrip.module.js","names":[],"sources":["../../../../../src/components/SynapseChat/components/ChatAttachmentStrip/ChatAttachmentStrip.module.scss"],"sourcesContent":["// Minimum width for each chip so 3 attachments are visible and a 4th is partially offscreen\n// in the 480px-wide composer. Kept as a SCSS variable since CSS is its only consumer.\n$chip-min-width: 140px;\n\n.strip {\n  display: flex;\n  gap: 10px;\n  overflow-x: auto;\n}\n\n.wrap {\n  flex-wrap: wrap;\n  overflow-x: visible;\n}\n\n.item {\n  flex: 1 1 0;\n  min-width: $chip-min-width;\n}\n"],"mappings":""}

package/dist/components/SynapseChat/components/ChatAttachmentStrip/ChatAttachmentStrip.module.scss

@@ -0,0 +1,19 @@
+// Minimum width for each chip so 3 attachments are visible and a 4th is partially offscreen
+// in the 480px-wide composer. Kept as a SCSS variable since CSS is its only consumer.
+$chip-min-width: 140px;
+
+.strip {
+  display: flex;
+  gap: 10px;
+  overflow-x: auto;
+}
+
+.wrap {
+  flex-wrap: wrap;
+  overflow-x: visible;
+}
+
+.item {
+  flex: 1 1 0;
+  min-width: $chip-min-width;
+}

package/dist/components/SynapseChat/components/ChatInputArea/ChatInputArea.css

@@ -0,0 +1 @@
+._card_2es7d_1{background:var(--synapse-white);border:1px solid var(--synapse-gray-300);border-radius:8px;flex-direction:column;gap:8px;padding:16px;display:flex;box-shadow:0 6px 6px #00000008,0 1px 1px #00000008}._card_2es7d_1:has(textarea:focus){border-color:var(--synapse-primary-focus-border);box-shadow:0 6px 6px #00000008, 0 1px 1px #00000008, 0 0 0 .1rem var(--synapse-primary-focus-shadow)}._textarea_2es7d_16{width:100%;min-height:44px;box-shadow:none;resize:none;font:inherit;background:0 0;border:0;outline:0;padding:0}._actions_2es7d_28{justify-content:flex-end;align-items:center;gap:10px;display:flex}

package/dist/components/SynapseChat/components/ChatInputArea/ChatInputArea.d.ts

@@ -0,0 +1,22 @@
+import { ChatAttachment } from '../../utils/types';
+/** Max number of visible rows the textarea grows to before it scrolls internally. */
+export declare const MAX_CHAT_INPUT_ROWS = 6;
+export type ChatInputAreaProps = {
+    value: string;
+    onValueChange: (value: string) => void;
+    onSend: (message: string, attachments: ChatAttachment[]) => void;
+    placeholder?: string;
+    /** No session yet, or a response is in flight. */
+    disabled?: boolean;
+    /** @default false */
+    allowAttachments?: boolean;
+};
+/**
+ * The chat composer: a bordered card containing a conditional attachment strip, an
+ * auto-growing borderless text input, and a right-aligned row of actions (attach + send).
+ * Owns attachment upload state end-to-end; the message text itself is controlled by the
+ * caller since it can also be set from outside the card (e.g. suggested-prompt pills).
+ */
+export declare function ChatInputArea({ value, onValueChange, onSend, placeholder, disabled, allowAttachments, }: ChatInputAreaProps): import("react/jsx-runtime").JSX.Element;
+export default ChatInputArea;
+//# sourceMappingURL=ChatInputArea.d.ts.map

package/dist/components/SynapseChat/components/ChatInputArea/ChatInputArea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatInputArea.d.ts","sourceRoot":"","sources":["../../../../../src/components/SynapseChat/components/ChatInputArea/ChatInputArea.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAElD,qFAAqF;AACrF,eAAO,MAAM,mBAAmB,IAAI,CAAA;AAEpC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,MAAM,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,KAAK,IAAI,CAAA;IAChE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,qBAAqB;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B,CAAA;AAUD;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,aAAa,EACb,MAAM,EACN,WAAW,EACX,QAAgB,EAChB,gBAAwB,GACzB,EAAE,kBAAkB,2CAyGpB;AAED,eAAe,aAAa,CAAA"}

package/dist/components/SynapseChat/components/ChatInputArea/ChatInputArea.js

@@ -0,0 +1,80 @@
+import { ALLOWED_FILE_TYPES_LABEL as e, AddFilesDialog as t } from "../AddFilesDialog/AddFilesDialog.js";
+import { ChatAttachmentStrip as n } from "../ChatAttachmentStrip/ChatAttachmentStrip.js";
+import r from "./ChatInputArea.module.js";
+import { useMemo as i, useState as a } from "react";
+import { Box as o, IconButton as s, TextareaAutosize as c, Tooltip as l } from "@mui/material";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+import { Add as p } from "@mui/icons-material";
+import m from "@mui/icons-material/ArrowUpward";
+//#region src/components/SynapseChat/components/ChatInputArea/ChatInputArea.tsx
+var h = 6, g = {
+	height: "36px",
+	px: "12px",
+	border: "1px solid",
+	borderColor: "grey.300",
+	borderRadius: "1px"
+};
+function _({ value: h, onValueChange: _, onSend: v, placeholder: y, disabled: b = !1, allowAttachments: x = !1 }) {
+	let [S, C] = a([]), [w, T] = a(!1), [E, D] = a(!1), O = b || !h.trim() || E, k = () => {
+		O || (v(h.trim(), S), C([]));
+	}, A = (e) => {
+		e.preventDefault(), k();
+	}, j = (e) => {
+		e.key === "Enter" && !e.shiftKey && (e.preventDefault(), k());
+	}, M = i(() => S.map((e) => ({
+		fileHandleId: e.fileHandleId,
+		label: e.fileName,
+		contentType: e.contentType
+	})), [S]);
+	return /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ f(o, {
+		component: "form",
+		className: r.card,
+		onSubmit: A,
+		children: [
+			x && /* @__PURE__ */ d(n, {
+				items: M,
+				onRemove: (e) => C((t) => t.filter((t) => t.fileHandleId !== e))
+			}),
+			/* @__PURE__ */ d(c, {
+				className: r.textarea,
+				minRows: 1,
+				maxRows: 6,
+				value: h,
+				onChange: (e) => _(e.target.value),
+				onKeyDown: j,
+				placeholder: y
+			}),
+			/* @__PURE__ */ f("div", {
+				className: r.actions,
+				children: [x && /* @__PURE__ */ d(l, {
+					title: `Upload files (${e})`,
+					placement: "left",
+					children: /* @__PURE__ */ d(s, {
+						type: "button",
+						"aria-label": "Add files",
+						disabled: b,
+						onClick: () => T(!0),
+						sx: g,
+						children: /* @__PURE__ */ d(p, {})
+					})
+				}), /* @__PURE__ */ d(s, {
+					type: "submit",
+					"aria-label": "Send message",
+					disabled: O,
+					sx: g,
+					children: /* @__PURE__ */ d(m, {})
+				})]
+			})
+		]
+	}), x && /* @__PURE__ */ d(t, {
+		open: w,
+		onClose: () => T(!1),
+		currentAttachmentCount: S.length,
+		onAttachmentUploaded: (e) => C((t) => [...t, e]),
+		onUploadStateChange: (e) => D(e === "UPLOADING")
+	})] });
+}
+//#endregion
+export { _ as ChatInputArea, _ as default, h as MAX_CHAT_INPUT_ROWS };
+
+//# sourceMappingURL=ChatInputArea.js.map

package/dist/components/SynapseChat/components/ChatInputArea/ChatInputArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatInputArea.js","names":[],"sources":["../../../../../src/components/SynapseChat/components/ChatInputArea/ChatInputArea.tsx"],"sourcesContent":["import { Add } from '@mui/icons-material'\nimport ArrowUpward from '@mui/icons-material/ArrowUpward'\nimport { Box, IconButton, TextareaAutosize, Tooltip } from '@mui/material'\nimport {\n  FormEventHandler,\n  KeyboardEventHandler,\n  useMemo,\n  useState,\n} from 'react'\nimport {\n  AddFilesDialog,\n  ALLOWED_FILE_TYPES_LABEL,\n} from '../AddFilesDialog/AddFilesDialog'\nimport {\n  AttachmentStripItem,\n  ChatAttachmentStrip,\n} from '../ChatAttachmentStrip/ChatAttachmentStrip'\nimport styles from './ChatInputArea.module.scss'\nimport { ChatAttachment } from '../../utils/types'\n\n/** Max number of visible rows the textarea grows to before it scrolls internally. */\nexport const MAX_CHAT_INPUT_ROWS = 6\n\nexport type ChatInputAreaProps = {\n  value: string\n  onValueChange: (value: string) => void\n  onSend: (message: string, attachments: ChatAttachment[]) => void\n  placeholder?: string\n  /** No session yet, or a response is in flight. */\n  disabled?: boolean\n  /** @default false */\n  allowAttachments?: boolean\n}\n\nconst actionButtonSx = {\n  height: '36px',\n  px: '12px',\n  border: '1px solid',\n  borderColor: 'grey.300',\n  borderRadius: '1px',\n}\n\n/**\n * The chat composer: a bordered card containing a conditional attachment strip, an\n * auto-growing borderless text input, and a right-aligned row of actions (attach + send).\n * Owns attachment upload state end-to-end; the message text itself is controlled by the\n * caller since it can also be set from outside the card (e.g. suggested-prompt pills).\n */\nexport function ChatInputArea({\n  value,\n  onValueChange,\n  onSend,\n  placeholder,\n  disabled = false,\n  allowAttachments = false,\n}: ChatInputAreaProps) {\n  const [pendingAttachments, setPendingAttachments] = useState<\n    ChatAttachment[]\n  >([])\n  const [isAddFilesDialogOpen, setIsAddFilesDialogOpen] = useState(false)\n  const [isUploadingAttachments, setIsUploadingAttachments] = useState(false)\n\n  const isSendDisabled = disabled || !value.trim() || isUploadingAttachments\n\n  const submit = () => {\n    if (isSendDisabled) {\n      return\n    }\n    onSend(value.trim(), pendingAttachments)\n    setPendingAttachments([])\n  }\n\n  const handleFormSubmit: FormEventHandler<HTMLFormElement> = event => {\n    event.preventDefault()\n    submit()\n  }\n\n  const handleTextareaKeyDown: KeyboardEventHandler<\n    HTMLTextAreaElement\n  > = event => {\n    if (event.key === 'Enter' && !event.shiftKey) {\n      event.preventDefault()\n      submit()\n    }\n  }\n\n  const attachmentItems: AttachmentStripItem[] = useMemo(\n    () =>\n      pendingAttachments.map(attachment => ({\n        fileHandleId: attachment.fileHandleId,\n        label: attachment.fileName,\n        contentType: attachment.contentType,\n      })),\n    [pendingAttachments],\n  )\n\n  return (\n    <>\n      <Box component=\"form\" className={styles.card} onSubmit={handleFormSubmit}>\n        {allowAttachments && (\n          <ChatAttachmentStrip\n            items={attachmentItems}\n            onRemove={fileHandleId =>\n              setPendingAttachments(prev =>\n                prev.filter(a => a.fileHandleId !== fileHandleId),\n              )\n            }\n          />\n        )}\n        <TextareaAutosize\n          className={styles.textarea}\n          minRows={1}\n          maxRows={MAX_CHAT_INPUT_ROWS}\n          value={value}\n          onChange={e => onValueChange(e.target.value)}\n          onKeyDown={handleTextareaKeyDown}\n          placeholder={placeholder}\n        />\n        <div className={styles.actions}>\n          {allowAttachments && (\n            <Tooltip\n              title={`Upload files (${ALLOWED_FILE_TYPES_LABEL})`}\n              placement=\"left\"\n            >\n              <IconButton\n                type=\"button\"\n                aria-label=\"Add files\"\n                disabled={disabled}\n                onClick={() => setIsAddFilesDialogOpen(true)}\n                sx={actionButtonSx}\n              >\n                <Add />\n              </IconButton>\n            </Tooltip>\n          )}\n          <IconButton\n            type=\"submit\"\n            aria-label=\"Send message\"\n            disabled={isSendDisabled}\n            sx={actionButtonSx}\n          >\n            <ArrowUpward />\n          </IconButton>\n        </div>\n      </Box>\n      {allowAttachments && (\n        <AddFilesDialog\n          open={isAddFilesDialogOpen}\n          onClose={() => setIsAddFilesDialogOpen(false)}\n          currentAttachmentCount={pendingAttachments.length}\n          onAttachmentUploaded={attachment =>\n            setPendingAttachments(prev => [...prev, attachment])\n          }\n          onUploadStateChange={state =>\n            setIsUploadingAttachments(state === 'UPLOADING')\n          }\n        />\n      )}\n    </>\n  )\n}\n\nexport default ChatInputArea\n"],"mappings":";;;;;;;;;AAqBA,IAAa,IAAsB,GAa7B,IAAiB;CACrB,QAAQ;CACR,IAAI;CACJ,QAAQ;CACR,aAAa;CACb,cAAc;AAChB;AAQA,SAAgB,EAAc,EAC5B,UACA,kBACA,WACA,gBACA,cAAW,IACX,sBAAmB,MACE;CACrB,IAAM,CAAC,GAAoB,KAAyB,EAElD,CAAC,CAAC,GACE,CAAC,GAAsB,KAA2B,EAAS,EAAK,GAChE,CAAC,GAAwB,KAA6B,EAAS,EAAK,GAEpE,IAAiB,KAAY,CAAC,EAAM,KAAK,KAAK,GAE9C,UAAe;EACf,MAGJ,EAAO,EAAM,KAAK,GAAG,CAAkB,GACvC,EAAsB,CAAC,CAAC;CAC1B,GAEM,KAAsD,MAAS;EAEnE,AADA,EAAM,eAAe,GACrB,EAAO;CACT,GAEM,KAEF,MAAS;EACX,AAAI,EAAM,QAAQ,WAAW,CAAC,EAAM,aAClC,EAAM,eAAe,GACrB,EAAO;CAEX,GAEM,IAAyC,QAE3C,EAAmB,KAAI,OAAe;EACpC,cAAc,EAAW;EACzB,OAAO,EAAW;EAClB,aAAa,EAAW;CAC1B,EAAE,GACJ,CAAC,CAAkB,CACrB;CAEA,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EAAK,WAAU;EAAO,WAAW,EAAO;EAAM,UAAU;YAAxD;GACG,KACC,kBAAC,GAAD;IACE,OAAO;IACP,WAAU,MACR,GAAsB,MACpB,EAAK,QAAO,MAAK,EAAE,iBAAiB,CAAY,CAClD;GAEH,CAAA;GAEH,kBAAC,GAAD;IACE,WAAW,EAAO;IAClB,SAAS;IACT,SAAA;IACO;IACP,WAAU,MAAK,EAAc,EAAE,OAAO,KAAK;IAC3C,WAAW;IACE;GACd,CAAA;GACD,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAvB,CACG,KACC,kBAAC,GAAD;KACE,OAAO,iBAAiB,EAAyB;KACjD,WAAU;eAEV,kBAAC,GAAD;MACE,MAAK;MACL,cAAW;MACD;MACV,eAAe,EAAwB,EAAI;MAC3C,IAAI;gBAEJ,kBAAC,GAAD,CAAM,CAAA;KACI,CAAA;IACL,CAAA,GAEX,kBAAC,GAAD;KACE,MAAK;KACL,cAAW;KACX,UAAU;KACV,IAAI;eAEJ,kBAAC,GAAD,CAAc,CAAA;IACJ,CAAA,CACT;;EACF;KACJ,KACC,kBAAC,GAAD;EACE,MAAM;EACN,eAAe,EAAwB,EAAK;EAC5C,wBAAwB,EAAmB;EAC3C,uBAAsB,MACpB,GAAsB,MAAQ,CAAC,GAAG,GAAM,CAAU,CAAC;EAErD,sBAAqB,MACnB,EAA0B,MAAU,WAAW;CAElD,CAAA,CAEH,EAAA,CAAA;AAEN"}

package/dist/components/SynapseChat/components/ChatInputArea/ChatInputArea.module.js

@@ -0,0 +1,9 @@
+import './ChatInputArea.css';var e = {
+	card: "_card_2es7d_1",
+	textarea: "_textarea_2es7d_16",
+	actions: "_actions_2es7d_28"
+};
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=ChatInputArea.module.js.map

package/dist/components/SynapseChat/components/ChatInputArea/ChatInputArea.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatInputArea.module.js","names":[],"sources":["../../../../../src/components/SynapseChat/components/ChatInputArea/ChatInputArea.module.scss"],"sourcesContent":[".card {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding: 16px;\n  background: var(--synapse-white);\n  border: 1px solid var(--synapse-gray-300);\n  border-radius: 8px;\n  box-shadow:\n    0 6px 6px rgb(0 0 0 / 3%),\n    0 1px 1px rgb(0 0 0 / 3%);\n\n  &:has(textarea:focus) {\n    border-color: var(--synapse-primary-focus-border);\n    box-shadow:\n      0 6px 6px rgb(0 0 0 / 3%),\n      0 1px 1px rgb(0 0 0 / 3%),\n      0 0 0 0.1rem var(--synapse-primary-focus-shadow);\n  }\n}\n\n.textarea {\n  width: 100%;\n  min-height: 44px;\n  padding: 0;\n  border: 0;\n  outline: 0;\n  box-shadow: none;\n  resize: none;\n  background: transparent;\n  font: inherit;\n}\n\n.actions {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  gap: 10px;\n}\n"],"mappings":""}

package/dist/components/SynapseChat/components/ChatInputArea/ChatInputArea.module.scss

@@ -0,0 +1,39 @@
+.card {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  padding: 16px;
+  background: var(--synapse-white);
+  border: 1px solid var(--synapse-gray-300);
+  border-radius: 8px;
+  box-shadow:
+    0 6px 6px rgb(0 0 0 / 3%),
+    0 1px 1px rgb(0 0 0 / 3%);
+
+  &:has(textarea:focus) {
+    border-color: var(--synapse-primary-focus-border);
+    box-shadow:
+      0 6px 6px rgb(0 0 0 / 3%),
+      0 1px 1px rgb(0 0 0 / 3%),
+      0 0 0 0.1rem var(--synapse-primary-focus-shadow);
+  }
+}
+
+.textarea {
+  width: 100%;
+  min-height: 44px;
+  padding: 0;
+  border: 0;
+  outline: 0;
+  box-shadow: none;
+  resize: none;
+  background: transparent;
+  font: inherit;
+}
+
+.actions {
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  gap: 10px;
+}

package/dist/components/SynapseChat/useChatState.d.ts

@@ -1,8 +1,16 @@
-import { AgentSession } from '@sage-bionetworks/synapse-types';
+import { AgentSession, FileHandleAssociation } from '@sage-bionetworks/synapse-client';
+export type ChatInteraction = {
+    /** client-generated at send time; stable for the interaction's whole life */
+    id: string;
+    /** known at send time, never re-fetched */
+    userMessage: string;
+    /** undefined until the async job is registered */
+    jobId?: string;
+};
 export type ChatState = {
-    sendChat: (message: string) => void;
-    pendingMessage: string | null;
-    chatJobIds: string[];
+    sendChat: (message: string, attachments?: FileHandleAssociation[]) => void;
+    interactions: ChatInteraction[];
+    isAwaitingResponse: boolean;
 };
 export declare function useChatState(agentSession?: AgentSession, onChatResponse?: (responseText: string) => void): ChatState;
 //# sourceMappingURL=useChatState.d.ts.map

package/dist/components/SynapseChat/useChatState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useChatState.d.ts","sourceRoot":"","sources":["../../../src/components/SynapseChat/useChatState.ts"],"names":[],"mappings":"AACA,OAAO,EAGL,YAAY,EAEb,MAAM,iCAAiC,CAAA;AAGxC,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,cAAc,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,UAAU,EAAE,MAAM,EAAE,CAAA;CACrB,CAAA;AAED,wBAAgB,YAAY,CAC1B,YAAY,CAAC,EAAE,YAAY,EAC3B,cAAc,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,GAC9C,SAAS,CAyCX"}
+{"version":3,"file":"useChatState.d.ts","sourceRoot":"","sources":["../../../src/components/SynapseChat/useChatState.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,YAAY,EAGZ,qBAAqB,EACtB,MAAM,kCAAkC,CAAA;AAKzC,MAAM,MAAM,eAAe,GAAG;IAC5B,6EAA6E;IAC7E,EAAE,EAAE,MAAM,CAAA;IACV,2CAA2C;IAC3C,WAAW,EAAE,MAAM,CAAA;IACnB,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,qBAAqB,EAAE,KAAK,IAAI,CAAA;IAC1E,YAAY,EAAE,eAAe,EAAE,CAAA;IAC/B,kBAAkB,EAAE,OAAO,CAAA;CAC5B,CAAA;AAED,wBAAgB,YAAY,CAC1B,YAAY,CAAC,EAAE,YAAY,EAC3B,cAAc,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,GAC9C,SAAS,CAuEX"}

package/dist/components/SynapseChat/useChatState.js

@@ -1,35 +1,53 @@
-import { useSendChatMessageToAgent as e } from "../../synapse-queries/chat/useChat.js";
-import { useCallback as t, useMemo as n, useState as r } from "react";
+import { useSynapseContext as e } from "../../utils/context/SynapseContext.js";
+import "../../utils/index.js";
+import { useSendChatMessageToAgent as t } from "../../synapse-queries/chat/useChat.js";
+import { useCallback as n, useMemo as r, useRef as i, useState as a } from "react";
+import { useQueryClient as o } from "@tanstack/react-query";
 //#region src/components/SynapseChat/useChatState.ts
-function i(i, a) {
-	let [o, s] = r([]), [c, l] = r(null), { mutate: u } = e({
+function s(s, c) {
+	let { keyFactory: l } = e(), u = o(), [d, f] = a([]), p = i(0), { mutate: m, isPending: h } = t({
 		onMutate: (e) => {
-			l(e.chatText);
+			let t = String(p.current++);
+			f((n) => [...n, {
+				id: t,
+				userMessage: e.chatText
+			}]);
 		},
 		onSuccess: (e) => {
-			a?.(e.responseText);
+			c?.(e?.responseBody?.responseText);
 		}
 	}, (e) => {
-		o.includes(e.jobId) || (l(null), s(() => [...o, e.jobId]));
-	}), d = t((e) => {
-		if (!i?.sessionId) throw Error("No agent session available to send chat message.");
-		u({
+		u.setQueryData(l.getAsyncJobStatusQueryKey(e.jobId), e), f((t) => {
+			if (t.some((t) => t.jobId === e.jobId)) return t;
+			let n = t.findIndex((e) => e.jobId == null);
+			if (n === -1) return t;
+			let r = [...t];
+			return r[n] = {
+				...r[n],
+				jobId: e.jobId
+			}, r;
+		});
+	}), g = n((e, t) => {
+		if (!s?.sessionId) throw Error("No agent session available to send chat message.");
+		m({
+			concreteType: "org.sagebionetworks.repo.model.agent.AgentChatRequest",
 			chatText: e,
-			sessionId: i.sessionId,
-			enableTrace: !0
+			sessionId: s.sessionId,
+			enableTrace: !0,
+			...t && t.length > 0 ? { attachments: t } : {}
 		});
-	}, [i?.sessionId, u]);
-	return n(() => ({
-		sendChat: d,
-		pendingMessage: c,
-		chatJobIds: o
+	}, [s?.sessionId, m]);
+	return r(() => ({
+		sendChat: g,
+		interactions: d,
+		isAwaitingResponse: h
 	}), [
+		g,
 		d,
-		c,
-		o
+		h
 	]);
 }
 //#endregion
-export { i as useChatState };
+export { s as useChatState };
 
 //# sourceMappingURL=useChatState.js.map

package/dist/components/SynapseChat/useChatState.js.map

@@ -1 +1 @@
-{"version":3,"file":"useChatState.js","names":[],"sources":["../../../src/components/SynapseChat/useChatState.ts"],"sourcesContent":["import { useSendChatMessageToAgent } from '@/synapse-queries/chat/useChat'\nimport {\n  AgentChatRequest,\n  AgentChatResponse,\n  AgentSession,\n  AsynchronousJobStatus,\n} from '@sage-bionetworks/synapse-types'\nimport { useCallback, useMemo, useState } from 'react'\n\nexport type ChatState = {\n  sendChat: (message: string) => void\n  pendingMessage: string | null\n  chatJobIds: string[]\n}\n\nexport function useChatState(\n  agentSession?: AgentSession,\n  onChatResponse?: (responseText: string) => void,\n): ChatState {\n  const [chatJobIds, setChatJobIds] = useState<string[]>([])\n  // Optimistic update state for latest unprocessed message\n  const [pendingMessage, setPendingMessage] = useState<string | null>(null)\n\n  const { mutate: sendChatMessageToAgent } = useSendChatMessageToAgent(\n    {\n      onMutate: (newChatMessage: AgentChatRequest) => {\n        // set the pending message to the new chat message\n        setPendingMessage(newChatMessage.chatText)\n      },\n      onSuccess: (response: AgentChatResponse) => {\n        onChatResponse?.(response.responseText)\n      },\n    },\n    (status: AsynchronousJobStatus<AgentChatRequest, AgentChatResponse>) => {\n      if (!chatJobIds.includes(status.jobId)) {\n        setPendingMessage(null)\n        setChatJobIds(() => [...chatJobIds, status.jobId])\n      }\n    },\n  )\n\n  const sendChat = useCallback(\n    (message: string) => {\n      if (!agentSession?.sessionId) {\n        throw new Error('No agent session available to send chat message.')\n      }\n      sendChatMessageToAgent({\n        chatText: message,\n        sessionId: agentSession.sessionId,\n        enableTrace: true,\n      })\n    },\n    [agentSession?.sessionId, sendChatMessageToAgent],\n  )\n\n  return useMemo(\n    () => ({ sendChat, pendingMessage, chatJobIds }),\n    [sendChat, pendingMessage, chatJobIds],\n  )\n}\n"],"mappings":";;;AAeA,SAAgB,EACd,GACA,GACW;CACX,IAAM,CAAC,GAAY,KAAiB,EAAmB,CAAC,CAAC,GAEnD,CAAC,GAAgB,KAAqB,EAAwB,IAAI,GAElE,EAAE,QAAQ,MAA2B,EACzC;EACE,WAAW,MAAqC;GAE9C,EAAkB,EAAe,QAAQ;EAC3C;EACA,YAAY,MAAgC;GAC1C,IAAiB,EAAS,YAAY;EACxC;CACF,IACC,MAAuE;EACtE,AAAK,EAAW,SAAS,EAAO,KAAK,MACnC,EAAkB,IAAI,GACtB,QAAoB,CAAC,GAAG,GAAY,EAAO,KAAK,CAAC;CAErD,CACF,GAEM,IAAW,GACd,MAAoB;EACnB,IAAI,CAAC,GAAc,WACjB,MAAU,MAAM,kDAAkD;EAEpE,EAAuB;GACrB,UAAU;GACV,WAAW,EAAa;GACxB,aAAa;EACf,CAAC;CACH,GACA,CAAC,GAAc,WAAW,CAAsB,CAClD;CAEA,OAAO,SACE;EAAE;EAAU;EAAgB;CAAW,IAC9C;EAAC;EAAU;EAAgB;CAAU,CACvC;AACF"}
+{"version":3,"file":"useChatState.js","names":[],"sources":["../../../src/components/SynapseChat/useChatState.ts"],"sourcesContent":["import { useSendChatMessageToAgent } from '@/synapse-queries/chat/useChat'\nimport { useSynapseContext } from '@/utils'\nimport {\n  AgentSession,\n  AgentChatRequest,\n  AgentChatResponse,\n  FileHandleAssociation,\n} from '@sage-bionetworks/synapse-client'\nimport { AsynchronousJobStatus } from '@sage-bionetworks/synapse-types'\nimport { useQueryClient } from '@tanstack/react-query'\nimport { useCallback, useMemo, useRef, useState } from 'react'\n\nexport type ChatInteraction = {\n  /** client-generated at send time; stable for the interaction's whole life */\n  id: string\n  /** known at send time, never re-fetched */\n  userMessage: string\n  /** undefined until the async job is registered */\n  jobId?: string\n}\n\nexport type ChatState = {\n  sendChat: (message: string, attachments?: FileHandleAssociation[]) => void\n  interactions: ChatInteraction[]\n  isAwaitingResponse: boolean\n}\n\nexport function useChatState(\n  agentSession?: AgentSession,\n  onChatResponse?: (responseText: string) => void,\n): ChatState {\n  const { keyFactory } = useSynapseContext()\n  const queryClient = useQueryClient()\n\n  const [interactions, setInteractions] = useState<ChatInteraction[]>([])\n  const nextInteractionId = useRef(0)\n\n  const { mutate: sendChatMessageToAgent, isPending: isAwaitingResponse } =\n    useSendChatMessageToAgent(\n      {\n        onMutate: (newChatMessage: AgentChatRequest) => {\n          const id = String(nextInteractionId.current++)\n          setInteractions(prev => [\n            ...prev,\n            { id, userMessage: newChatMessage.chatText! },\n          ])\n        },\n        onSuccess: response => {\n          onChatResponse?.(response?.responseBody?.responseText!)\n        },\n      },\n      (status: AsynchronousJobStatus<AgentChatRequest, AgentChatResponse>) => {\n        // Seed the cache so usePollAsynchronousJob (a fallback for restored history / a dead\n        // mutation loop) renders the same status immediately instead of re-fetching, and so its\n        // own polling interval self-disables once the job leaves PROCESSING.\n        queryClient.setQueryData(\n          keyFactory.getAsyncJobStatusQueryKey(status.jobId),\n          status,\n        )\n\n        setInteractions(prev => {\n          if (prev.some(interaction => interaction.jobId === status.jobId)) {\n            // already attached; this is a later poll of the same job\n            return prev\n          }\n          const pendingIndex = prev.findIndex(\n            interaction => interaction.jobId == null,\n          )\n          if (pendingIndex === -1) {\n            return prev\n          }\n          const next = [...prev]\n          next[pendingIndex] = {\n            ...next[pendingIndex],\n            jobId: status.jobId,\n          }\n          return next\n        })\n      },\n    )\n\n  const sendChat = useCallback(\n    (message: string, attachments?: FileHandleAssociation[]) => {\n      if (!agentSession?.sessionId) {\n        throw new Error('No agent session available to send chat message.')\n      }\n      sendChatMessageToAgent({\n        concreteType: 'org.sagebionetworks.repo.model.agent.AgentChatRequest',\n        chatText: message,\n        sessionId: agentSession.sessionId,\n        enableTrace: true,\n        ...(attachments && attachments.length > 0 ? { attachments } : {}),\n      })\n    },\n    [agentSession?.sessionId, sendChatMessageToAgent],\n  )\n\n  return useMemo(\n    () => ({ sendChat, interactions, isAwaitingResponse }),\n    [sendChat, interactions, isAwaitingResponse],\n  )\n}\n"],"mappings":";;;;;;AA2BA,SAAgB,EACd,GACA,GACW;CACX,IAAM,EAAE,kBAAe,EAAkB,GACnC,IAAc,EAAe,GAE7B,CAAC,GAAc,KAAmB,EAA4B,CAAC,CAAC,GAChE,IAAoB,EAAO,CAAC,GAE5B,EAAE,QAAQ,GAAwB,WAAW,MACjD,EACE;EACE,WAAW,MAAqC;GAC9C,IAAM,IAAK,OAAO,EAAkB,SAAS;GAC7C,GAAgB,MAAQ,CACtB,GAAG,GACH;IAAE;IAAI,aAAa,EAAe;GAAU,CAC9C,CAAC;EACH;EACA,YAAW,MAAY;GACrB,IAAiB,GAAU,cAAc,YAAa;EACxD;CACF,IACC,MAAuE;EAStE,AALA,EAAY,aACV,EAAW,0BAA0B,EAAO,KAAK,GACjD,CACF,GAEA,GAAgB,MAAQ;GACtB,IAAI,EAAK,MAAK,MAAe,EAAY,UAAU,EAAO,KAAK,GAE7D,OAAO;GAET,IAAM,IAAe,EAAK,WACxB,MAAe,EAAY,SAAS,IACtC;GACA,IAAI,MAAiB,IACnB,OAAO;GAET,IAAM,IAAO,CAAC,GAAG,CAAI;GAKrB,OAJA,EAAK,KAAgB;IACnB,GAAG,EAAK;IACR,OAAO,EAAO;GAChB,GACO;EACT,CAAC;CACH,CACF,GAEI,IAAW,GACd,GAAiB,MAA0C;EAC1D,IAAI,CAAC,GAAc,WACjB,MAAU,MAAM,kDAAkD;EAEpE,EAAuB;GACrB,cAAc;GACd,UAAU;GACV,WAAW,EAAa;GACxB,aAAa;GACb,GAAI,KAAe,EAAY,SAAS,IAAI,EAAE,eAAY,IAAI,CAAC;EACjE,CAAC;CACH,GACA,CAAC,GAAc,WAAW,CAAsB,CAClD;CAEA,OAAO,SACE;EAAE;EAAU;EAAc;CAAmB,IACpD;EAAC;EAAU;EAAc;CAAkB,CAC7C;AACF"}

package/dist/components/SynapseChat/utils/constants.d.ts

@@ -0,0 +1,8 @@
+/** Maximum number of attachments allowed on a single AgentChatRequest. */
+export declare const MAX_AGENT_CHAT_ATTACHMENTS = 20;
+/** Maximum size, in bytes, of a single attachment. */
+export declare const MAX_ATTACHMENT_FILE_SIZE_BYTES: number;
+/** Content types accepted for chat attachments. */
+export declare const APPROVED_ATTACHMENT_CONTENT_TYPES: readonly ["application/pdf", "application/json", "text/plain", "text/csv", "text/tab-separated-values"];
+export type ApprovedAttachmentContentType = (typeof APPROVED_ATTACHMENT_CONTENT_TYPES)[number];
+//# sourceMappingURL=constants.d.ts.map

package/dist/components/SynapseChat/utils/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/SynapseChat/utils/constants.ts"],"names":[],"mappings":"AAAA,0EAA0E;AAC1E,eAAO,MAAM,0BAA0B,KAAK,CAAA;AAE5C,sDAAsD;AACtD,eAAO,MAAM,8BAA8B,QAAoB,CAAA;AAE/D,mDAAmD;AACnD,eAAO,MAAM,iCAAiC,yGAMpC,CAAA;AAEV,MAAM,MAAM,6BAA6B,GACvC,CAAC,OAAO,iCAAiC,CAAC,CAAC,MAAM,CAAC,CAAA"}

package/dist/components/SynapseChat/utils/constants.js

@@ -0,0 +1,12 @@
+//#region src/components/SynapseChat/utils/constants.ts
+var e = 20, t = 100 * 1024 * 1024, n = [
+	"application/pdf",
+	"application/json",
+	"text/plain",
+	"text/csv",
+	"text/tab-separated-values"
+];
+//#endregion
+export { n as APPROVED_ATTACHMENT_CONTENT_TYPES, e as MAX_AGENT_CHAT_ATTACHMENTS, t as MAX_ATTACHMENT_FILE_SIZE_BYTES };
+
+//# sourceMappingURL=constants.js.map

package/dist/components/SynapseChat/utils/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","names":[],"sources":["../../../../src/components/SynapseChat/utils/constants.ts"],"sourcesContent":["/** Maximum number of attachments allowed on a single AgentChatRequest. */\nexport const MAX_AGENT_CHAT_ATTACHMENTS = 20\n\n/** Maximum size, in bytes, of a single attachment. */\nexport const MAX_ATTACHMENT_FILE_SIZE_BYTES = 100 * 1024 * 1024\n\n/** Content types accepted for chat attachments. */\nexport const APPROVED_ATTACHMENT_CONTENT_TYPES = [\n  'application/pdf',\n  'application/json',\n  'text/plain',\n  'text/csv',\n  'text/tab-separated-values',\n] as const\n\nexport type ApprovedAttachmentContentType =\n  (typeof APPROVED_ATTACHMENT_CONTENT_TYPES)[number]\n"],"mappings":";AACA,IAAa,IAA6B,IAG7B,IAAiC,MAAM,OAAO,MAG9C,IAAoC;CAC/C;CACA;CACA;CACA;CACA;AACF"}

package/dist/components/SynapseChat/utils/types.d.ts

@@ -0,0 +1,13 @@
+/**
+ * A file the user has attached to an in-progress chat message, pending send. Only fully
+ * uploaded files are represented here -- upload-in-progress state is shown by
+ * BasicFileHandleUpload's own progress UI while the Add Files dialog is open (see decision to
+ * render "completed uploads" as chips).
+ */
+export type ChatAttachment = {
+    fileHandleId: string;
+    fileName: string;
+    contentType: string;
+    sizeBytes: number;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/SynapseChat/utils/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/SynapseChat/utils/types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,MAAM,cAAc,GAAG;IAC3B,YAAY,EAAE,MAAM,CAAA;IACpB,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA"}