synapse-react-client 4.0.30 → 4.0.31

package/dist/components/SynapseChat/SynapseChat.js

@@ -1,56 +1,72 @@
 import { displayToast as e } from "../ToastMessage/ToastMessage.js";
 import { useSynapseContext as t } from "../../utils/context/SynapseContext.js";
+import { useApplicationSessionContext as n } from "../../utils/AppUtils/session/ApplicationSessionContext.js";
 import "../ToastMessage/index.js";
+import "../../utils/AppUtils/index.js";
 import "../../utils/index.js";
-import { SkeletonParagraph as n } from "../Skeleton/SkeletonParagraph.js";
+import { SkeletonParagraph as r } from "../Skeleton/SkeletonParagraph.js";
 import "../Skeleton/index.js";
-import { useCreateAgentSession as r, useUpdateAgentSession as i } from "../../synapse-queries/chat/useChat.js";
-import { useChatState as a } from "./useChatState.js";
-import { AccessLevelMenu as o } from "./AccessLevelMenu.js";
-import { SynapseChatInteraction as s } from "./SynapseChatInteraction.js";
-import ee from "./SynapseChatMessage.js";
-import { useEffect as c, useState as l } from "react";
-import { Alert as u, Box as d, Chip as f, IconButton as p, List as m, Stack as h, TextField as g, Typography as _, useTheme as te } from "@mui/material";
-import { jsx as v, jsxs as y } from "react/jsx-runtime";
-import { AgentAccessLevel as b } from "@sage-bionetworks/synapse-types";
-import { ArrowUpward as x } from "@mui/icons-material";
+import { UserCard as i } from "../UserCard/UserCard.js";
+import { useCreateAgentSession as a, useUpdateAgentSession as o } from "../../synapse-queries/chat/useChat.js";
+import { useChatState as ee } from "./useChatState.js";
+import { AccessLevelMenu as s } from "./AccessLevelMenu.js";
+import { ChatInputArea as c } from "./components/ChatInputArea/ChatInputArea.js";
+import l from "./SynapseChatMessage.js";
+import { useEffect as u, useRef as d, useState as f } from "react";
+import { Alert as te, Box as p, Chip as m, List as h, Stack as ne, Typography as g } from "@mui/material";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { AgentAccessLevel as y } from "@sage-bionetworks/synapse-types";
+import { FileHandleAssociateType as b } from "@sage-bionetworks/synapse-client";
+import { SmartToyTwoTone as x } from "@mui/icons-material";
 //#region src/components/SynapseChat/SynapseChat.tsx
-function S({ initialMessage: S, agentRegistrationId: C, chatbotName: w = "SynapseChat", hideTitle: ne = !1, textboxPositionOffset: re = "0px", sessionContext: T, externalSession: E, setExternalSession: D, externalChatState: O, showAccessLevelMenu: k = !0, onChatResponse: A, suggestedPrompts: j }) {
-	let { accessToken: M } = t(), [N, P] = l(), F = E ?? N, I = D ?? P, { mutate: L, error: R } = r({ onSuccess: (e) => I(e) }), { mutate: z } = i({
-		onSuccess: (e) => I(e),
+var S = /* @__PURE__ */ _(p, {
+	sx: {
+		p: "3px",
+		borderRadius: "50%",
+		borderStyle: "solid",
+		borderWidth: "1px",
+		borderColor: "grey.300",
+		mt: "10px",
+		height: "31px"
+	},
+	children: /* @__PURE__ */ _(x, { sx: { color: "secondary.main" } })
+});
+function C({ initialMessage: x, agentRegistrationId: C, chatbotName: w = "SynapseChat", agentAvatar: re = S, hideTitle: T = !1, textboxPositionOffset: E = "0px", sessionContext: D, externalSession: O, setExternalSession: k, externalChatState: A, showAccessLevelMenu: j = !0, onChatResponse: M, suggestedPrompts: N, allowAttachments: P = !1 }) {
+	let { accessToken: F } = t(), { userId: I } = n(), L = /* @__PURE__ */ _(i, {
+		ownerId: I,
+		size: "AVATAR",
+		avatarSize: "MEDIUM"
+	}), [R, z] = f(), B = O ?? R, V = k ?? z, { mutate: H, error: U } = a({ onSuccess: (e) => V(e) }), { mutate: W } = o({
+		onSuccess: (e) => V(e),
 		onError: (t) => e(`Unable to update the agent session: ${t.message}`, "danger")
-	}), B = te(), [V, H] = l(T ? b.WRITE_YOUR_PRIVATE_DATA : b.PUBLICLY_ACCESSIBLE), U = a(F, A), { pendingMessage: W, chatJobIds: G, sendChat: K } = O ?? U, [q, J] = l(""), [Y, X] = l(!1);
-	c(() => {
-		L && !F && L({
-			agentAccessLevel: V,
+	}), [G, K] = f(D ? y.WRITE_YOUR_PRIVATE_DATA : y.PUBLICLY_ACCESSIBLE), q = ee(B, M), { interactions: J, isAwaitingResponse: Y, sendChat: X } = A ?? q, Z = d(void 0);
+	Z.current === void 0 && (Z.current = new Set(J.map((e) => e.id)));
+	let ie = Z.current, [ae, Q] = f(""), [$, oe] = f(!1), [se, ce] = f([]);
+	return u(() => {
+		H && !B && H({
+			agentAccessLevel: G,
 			agentRegistrationId: C,
-			sessionContext: T
+			sessionContext: D
 		});
 	}, [
-		L,
+		H,
+		B,
 		F,
-		M,
-		T,
-		V,
+		D,
+		G,
 		C
-	]), c(() => {
-		F && S && !Y && (K(S), X(!0));
+	]), u(() => {
+		B && x && !$ && (X(x), oe(!0));
 	}, [
-		F,
-		S,
-		Y,
-		K
-	]);
-	let Z = () => {
-		q.trim() && (K(q.trim()), J(""));
-	}, Q = !F || !q || !!W, ie = (e) => {
-		!Q && e.key === "Enter" && !e.shiftKey && (e.preventDefault(), Z());
-	}, $ = B.palette.secondary[300];
-	return R ? /* @__PURE__ */ v(u, {
+		B,
+		x,
+		$,
+		X
+	]), U ? /* @__PURE__ */ _(te, {
 		severity: "error",
 		sx: { my: 2 },
-		children: R.reason
-	}) : /* @__PURE__ */ y(d, {
+		children: U.reason
+	}) : /* @__PURE__ */ v(p, {
 		sx: {
 			display: "flex",
 			flexDirection: "column",
@@ -60,7 +76,7 @@ function S({ initialMessage: S, agentRegistrationId: C, chatbotName: w = "Synaps
 			height: "100%"
 		},
 		children: [
-			!ne && /* @__PURE__ */ v(_, {
+			!T && /* @__PURE__ */ _(g, {
 				variant: "headline1",
 				sx: {
 					p: "20px",
@@ -73,23 +89,23 @@ function S({ initialMessage: S, agentRegistrationId: C, chatbotName: w = "Synaps
 				},
 				children: w
 			}),
-			k && /* @__PURE__ */ v(o, {
-				initAccessLevel: V,
+			j && /* @__PURE__ */ _(s, {
+				initAccessLevel: G,
 				onChange: (e) => {
-					H(e), z({
+					K(e), W({
 						agentAccessLevel: e,
-						sessionId: F.sessionId
+						sessionId: B.sessionId
 					});
 				}
 			}),
-			!F && /* @__PURE__ */ v(n, { numRows: 10 }),
-			F && /* @__PURE__ */ v(d, {
+			!B && /* @__PURE__ */ _(r, { numRows: 10 }),
+			B && /* @__PURE__ */ _(p, {
 				sx: {
 					flexGrow: 1,
 					overflowY: "auto",
 					mb: 2
 				},
-				children: /* @__PURE__ */ y(m, {
+				children: /* @__PURE__ */ _(h, {
 					sx: {
 						flex: 1,
 						overflowY: "auto",
@@ -97,25 +113,29 @@ function S({ initialMessage: S, agentRegistrationId: C, chatbotName: w = "Synaps
 						display: "flex",
 						flexDirection: "column"
 					},
-					children: [G.map((e) => /* @__PURE__ */ v(ee, {
-						chatJobId: e,
-						onSendChat: K
-					}, e)), W && /* @__PURE__ */ v(s, {
-						userMessage: W,
-						chatResponseText: "",
-						chatErrorReason: "",
-						scrollIntoView: !0,
-						onSendChat: K
-					})]
+					children: J.map((e, t) => {
+						let n = t === J.length - 1, r = e.jobId == null;
+						return /* @__PURE__ */ _(l, {
+							agentAvatar: re,
+							userAvatar: L,
+							userMessage: e.userMessage,
+							chatJobId: e.jobId,
+							onSendChat: X,
+							scrollIntoView: n,
+							animateEntry: !ie.has(e.id),
+							isAwaitingResponse: Y,
+							pendingAttachments: r ? se : void 0
+						}, e.id);
+					})
 				})
 			}),
-			/* @__PURE__ */ y(d, {
+			/* @__PURE__ */ v(p, {
 				sx: {
 					position: "sticky",
-					bottom: re,
+					bottom: E,
 					backgroundColor: "white"
 				},
-				children: [j && j.length > 0 && G.length === 0 && !W && /* @__PURE__ */ v(h, {
+				children: [N && N.length > 0 && J.length === 0 && /* @__PURE__ */ _(ne, {
 					direction: "row",
 					spacing: 1,
 					sx: {
@@ -123,60 +143,43 @@ function S({ initialMessage: S, agentRegistrationId: C, chatbotName: w = "Synaps
 						flexWrap: "wrap",
 						gap: 1
 					},
-					children: j.map((e) => /* @__PURE__ */ v(f, {
+					children: N.map((e) => /* @__PURE__ */ _(m, {
 						label: e,
 						variant: "outlined",
-						onClick: () => J(e),
-						disabled: !F,
+						onClick: () => Q(e),
+						disabled: !B,
 						sx: { cursor: "pointer" }
 					}, e))
-				}), /* @__PURE__ */ y(d, {
-					component: "form",
-					sx: {
-						pt: "8px",
-						mt: "5px",
-						pb: "10px",
-						position: "sticky",
-						borderTop: "1px solid",
-						borderColor: "grey.400"
-					},
-					onSubmit: Z,
-					children: [/* @__PURE__ */ v(g, {
-						fullWidth: !0,
-						value: q,
-						onChange: (e) => J(e.target.value),
-						onKeyDown: ie,
-						placeholder: `Message ${w}`,
-						slotProps: { input: {
-							sx: { borderRadius: 96.6 },
-							endAdornment: /* @__PURE__ */ v(p, {
-								disabled: Q,
-								onClick: Z,
-								sx: {
-									ml: "7px",
-									mr: "-8px",
-									color: $,
-									borderStyle: "solid",
-									borderWidth: Q ? "1px" : "2px",
-									borderColor: Q ? "gray" : $
-								},
-								children: /* @__PURE__ */ v(x, {})
-							})
-						} }
-					}), /* @__PURE__ */ y(_, {
-						variant: "smallText1",
-						sx: {
-							pt: "8px",
-							textAlign: "center"
+				}), /* @__PURE__ */ _(p, {
+					sx: { mt: "5px" },
+					children: /* @__PURE__ */ _(c, {
+						value: ae,
+						onValueChange: Q,
+						onSend: (e, t) => {
+							X(e, t.length ? t.map((e) => ({
+								fileHandleId: e.fileHandleId,
+								associateObjectId: e.fileHandleId,
+								associateObjectType: b.MessageAttachment
+							})) : void 0), Q(""), ce(t);
 						},
-						children: [w, " can make mistakes."]
-					})]
+						placeholder: `Message ${w}`,
+						disabled: !B || Y,
+						allowAttachments: P
+					})
 				})]
+			}),
+			/* @__PURE__ */ v(g, {
+				variant: "smallText1",
+				sx: {
+					pt: "8px",
+					textAlign: "center"
+				},
+				children: [w, " can make mistakes."]
 			})
 		]
 	});
 }
 //#endregion
-export { S as SynapseChat, S as default };
+export { C as SynapseChat, C as default };
 
 //# sourceMappingURL=SynapseChat.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SynapseChat.js","names":[],"sources":["../../../src/components/SynapseChat/SynapseChat.tsx"],"sourcesContent":["import { ChatState, useChatState } from '@/components/SynapseChat/useChatState'\nimport {\n  useCreateAgentSession,\n  useUpdateAgentSession,\n} from '@/synapse-queries/chat/useChat'\nimport { useSynapseContext } from '@/utils'\nimport { ArrowUpward } from '@mui/icons-material'\nimport {\n  Alert,\n  Box,\n  Chip,\n  IconButton,\n  List,\n  Stack,\n  TextField,\n  Typography,\n  useTheme,\n} from '@mui/material'\nimport { Color } from '@mui/material/styles'\nimport { GridAgentSessionContext } from '@sage-bionetworks/synapse-client'\nimport {\n  AgentAccessLevel,\n  AgentSession,\n  TraceEvent,\n} from '@sage-bionetworks/synapse-types'\nimport { KeyboardEventHandler, useEffect, useState } from 'react'\nimport { SkeletonParagraph } from '../Skeleton'\nimport { displayToast } from '../ToastMessage'\nimport AccessLevelMenu from './AccessLevelMenu'\nimport SynapseChatInteraction from './SynapseChatInteraction'\nimport SynapseChatMessage from './SynapseChatMessage'\n\nexport type SynapseChatProps = {\n  initialMessage?: string //optional initial message\n  agentRegistrationId?: string // if provided, use this agent\n  chatbotName?: string // optional name of this chatbot agent\n  hideTitle?: boolean\n  textboxPositionOffset?: string // when embedded in a form, the textbox (form) stuck to the bottom may need to be offset due to container padding (dialog content for example!)\n  /* optional session context for the agent session */\n  sessionContext?: GridAgentSessionContext\n  /* The current session, if state is lifted out of this component */\n  externalSession?: AgentSession\n  /* A callback invoked to bootstrap the current session, if state is to be lifted out of this component */\n  setExternalSession?: (s: AgentSession | undefined) => void\n  /* The current chat history, if state is lifted out of this component */\n  externalChatState?: ChatState\n  // default access level for the agent session.\n  defaultAgentAccessLevel?: AgentAccessLevel\n  // Whether to show the access level menu for the agent session.\n  showAccessLevelMenu?: boolean\n  /**\n   * Optional callback invoked once when a chat response is received from the server.\n   * Use this for side effects such as navigation based on the response content.\n   * Called in the mutation onSuccess handler so it runs exactly once per response.\n   */\n  onChatResponse?: (responseText: string) => void\n  /** Optional list of prompt suggestions shown as clickable pills above the text input */\n  suggestedPrompts?: string[]\n}\n\nexport type ChatInteraction = {\n  userMessage: string\n  chatResponseText?: string\n  chatErrorReason?: string\n  chatResponseTrace?: TraceEventWithFriendlyMessage[]\n}\n\nexport type TraceEventWithFriendlyMessage = {\n  friendlyMessage?: string\n} & TraceEvent\n\nexport function SynapseChat({\n  initialMessage,\n  agentRegistrationId,\n  chatbotName = 'SynapseChat',\n  hideTitle = false,\n  textboxPositionOffset = '0px',\n  sessionContext,\n  externalSession,\n  setExternalSession,\n  externalChatState,\n  showAccessLevelMenu = true,\n  onChatResponse,\n  suggestedPrompts,\n}: SynapseChatProps) {\n  const { accessToken } = useSynapseContext()\n  const [localAgentSession, setLocalAgentSession] = useState<AgentSession>()\n  const agentSession = externalSession ?? localAgentSession\n  const setAgentSession = setExternalSession ?? setLocalAgentSession\n\n  const { mutate: createAgentSession, error: createAgentSessionError } =\n    useCreateAgentSession({\n      onSuccess: newAgentSession => setAgentSession(newAgentSession),\n    })\n\n  const { mutate: updateAgentSession } = useUpdateAgentSession({\n    onSuccess: updatedAgentSession => setAgentSession(updatedAgentSession),\n    onError: err =>\n      displayToast(\n        `Unable to update the agent session: ${err.message}`,\n        'danger',\n      ),\n  })\n  const theme = useTheme()\n  const [agentAccessLevel, setAgentAccessLevel] = useState<AgentAccessLevel>(\n    sessionContext\n      ? AgentAccessLevel.WRITE_YOUR_PRIVATE_DATA\n      : AgentAccessLevel.PUBLICLY_ACCESSIBLE,\n  )\n\n  const internalChatState = useChatState(agentSession, onChatResponse)\n  const chatState = externalChatState ?? internalChatState\n  const { pendingMessage, chatJobIds, sendChat } = chatState\n\n  // Keep track of the text that the user is currently typing into the textfield\n  const [userChatTextfieldValue, setUserChatTextfieldValue] = useState('')\n  const [initialMessageProcessed, setInitialMessageProcessed] = useState(false)\n\n  // Restore chat session history, if exists.\n  // TODO: currently only a single page is restored.  Add support for multiple pages (and detect the user scrolling up to restore the next page of results older)\n  // const {\n  //   data: sessionHistoryInfiniteData,\n  // } = //, hasNextPage: hasMoreSessionHistory, fetchNextPage: fetchNextSessionHistoryPage, isLoading: isSessionHistoryLoading } =\n  //   useGetAgentChatSessionHistoryInfinite(\n  //     {\n  //       sessionId: agentSession?.sessionId,\n  //     },\n  //     {\n  //       enabled: !!agentSession,\n  //     },\n  //   )\n\n  // const sessionHistory = useMemo(\n  //   () =>\n  //     sessionHistoryInfiniteData?.pages\n  //       .flatMap(page => page.page)\n  //       /* Note: session history is ordered from most recent to least recent in each page, so reverse the order when restoring the chat interface */\n  //       .reverse() ?? [],\n  //   [sessionHistoryInfiniteData],\n  // )\n\n  useEffect(() => {\n    // on mount, create a new agent session!\n    if (createAgentSession && !agentSession) {\n      createAgentSession({\n        agentAccessLevel,\n        agentRegistrationId,\n        sessionContext,\n      })\n    }\n  }, [\n    createAgentSession,\n    agentSession,\n    accessToken,\n    sessionContext,\n    agentAccessLevel,\n    agentRegistrationId,\n  ])\n\n  useEffect(() => {\n    // on mount, resolve the initial message chat interaction (if set)\n    if (agentSession && initialMessage && !initialMessageProcessed) {\n      sendChat(initialMessage)\n      setInitialMessageProcessed(true)\n    }\n  }, [agentSession, initialMessage, initialMessageProcessed, sendChat])\n\n  const handleSendMessage = () => {\n    if (userChatTextfieldValue.trim()) {\n      sendChat(userChatTextfieldValue.trim())\n      setUserChatTextfieldValue('')\n    }\n  }\n\n  const isDisabled =\n    !agentSession || !userChatTextfieldValue || !!pendingMessage\n\n  const handleKeyDown: KeyboardEventHandler<HTMLDivElement> = event => {\n    if (!isDisabled && event.key === 'Enter' && !event.shiftKey) {\n      event.preventDefault()\n      handleSendMessage()\n    }\n  }\n\n  const sendMessageButtonColor = (\n    theme.palette.secondary as unknown as Color\n  )[300]\n  if (createAgentSessionError) {\n    return (\n      <Alert severity={'error'} sx={{ my: 2 }}>\n        {createAgentSessionError.reason}\n      </Alert>\n    )\n  }\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        flexDirection: 'column',\n        justifyContent: 'space-between',\n        maxWidth: '1100px',\n        mx: 'auto',\n        height: '100%',\n      }}\n    >\n      {!hideTitle && (\n        <Typography\n          variant=\"headline1\"\n          sx={{\n            p: '20px',\n            borderBottom: '1px solid',\n            borderColor: 'grey.300',\n            position: 'sticky',\n            top: '0px',\n            backgroundColor: 'white',\n            zIndex: 1,\n          }}\n        >\n          {chatbotName}\n        </Typography>\n      )}\n      {showAccessLevelMenu && (\n        <AccessLevelMenu\n          initAccessLevel={agentAccessLevel}\n          onChange={newAccessLevel => {\n            setAgentAccessLevel(newAccessLevel)\n            updateAgentSession({\n              agentAccessLevel: newAccessLevel,\n              sessionId: agentSession!.sessionId,\n            })\n          }}\n        />\n      )}\n      {!agentSession && <SkeletonParagraph numRows={10} />}\n      {agentSession && (\n        <Box sx={{ flexGrow: 1, overflowY: 'auto', mb: 2 }}>\n          <List\n            sx={{\n              flex: 1,\n              overflowY: 'auto',\n              pt: '20px',\n              display: 'flex',\n              flexDirection: 'column',\n            }}\n          >\n            {/* {sessionHistory &&\n            sessionHistory.map((interaction, index) => {\n              return (\n                <SynapseChatInteraction\n                  key={index}\n                  userMessage={interaction.usersRequestText}\n                  chatResponseText={interaction.agentResponseText}\n                />\n              )\n            })} */}\n            {chatJobIds.map(jobId => {\n              return (\n                <SynapseChatMessage\n                  key={jobId}\n                  chatJobId={jobId}\n                  onSendChat={sendChat}\n                />\n              )\n            })}\n            {pendingMessage && (\n              <SynapseChatInteraction\n                userMessage={pendingMessage}\n                chatResponseText={''}\n                chatErrorReason={''}\n                scrollIntoView\n                onSendChat={sendChat}\n              />\n            )}\n          </List>\n        </Box>\n      )}\n      <Box\n        sx={{\n          position: 'sticky',\n          bottom: textboxPositionOffset,\n          backgroundColor: 'white',\n        }}\n      >\n        {suggestedPrompts &&\n          suggestedPrompts.length > 0 &&\n          chatJobIds.length === 0 &&\n          !pendingMessage && (\n            <Stack\n              direction=\"row\"\n              spacing={1}\n              sx={{ pt: '8px', flexWrap: 'wrap', gap: 1 }}\n            >\n              {suggestedPrompts.map(prompt => (\n                <Chip\n                  key={prompt}\n                  label={prompt}\n                  variant=\"outlined\"\n                  onClick={() => setUserChatTextfieldValue(prompt)}\n                  disabled={!agentSession}\n                  sx={{ cursor: 'pointer' }}\n                />\n              ))}\n            </Stack>\n          )}\n        <Box\n          component=\"form\"\n          sx={{\n            pt: '8px',\n            mt: '5px',\n            pb: '10px',\n            position: 'sticky',\n            borderTop: '1px solid',\n            borderColor: 'grey.400',\n          }}\n          onSubmit={handleSendMessage}\n        >\n          <TextField\n            fullWidth\n            value={userChatTextfieldValue}\n            onChange={e => setUserChatTextfieldValue(e.target.value)}\n            onKeyDown={handleKeyDown}\n            placeholder={`Message ${chatbotName}`}\n            slotProps={{\n              input: {\n                sx: { borderRadius: 96.6 },\n                endAdornment: (\n                  <IconButton\n                    disabled={isDisabled}\n                    onClick={handleSendMessage}\n                    sx={{\n                      ml: '7px',\n                      mr: '-8px',\n                      color: sendMessageButtonColor,\n                      borderStyle: 'solid',\n                      borderWidth: isDisabled ? '1px' : '2px',\n                      borderColor: isDisabled ? 'gray' : sendMessageButtonColor,\n                    }}\n                  >\n                    <ArrowUpward />\n                  </IconButton>\n                ),\n              },\n            }}\n          />\n          <Typography\n            variant=\"smallText1\"\n            sx={{ pt: '8px', textAlign: 'center' }}\n          >\n            {chatbotName} can make mistakes.\n          </Typography>\n        </Box>\n      </Box>\n    </Box>\n  )\n}\n\nexport default SynapseChat\n"],"mappings":"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"}
+{"version":3,"file":"SynapseChat.js","names":[],"sources":["../../../src/components/SynapseChat/SynapseChat.tsx"],"sourcesContent":["import { ChatState, useChatState } from '@/components/SynapseChat/useChatState'\nimport {\n  useCreateAgentSession,\n  useUpdateAgentSession,\n} from '@/synapse-queries/chat/useChat'\nimport { useSynapseContext } from '@/utils'\nimport { Alert, Box, Chip, List, Stack, Typography } from '@mui/material'\nimport {\n  AgentSession,\n  FileHandleAssociateType,\n  GridAgentSessionContext,\n} from '@sage-bionetworks/synapse-client'\nimport { AgentAccessLevel } from '@sage-bionetworks/synapse-types'\nimport { useEffect, useRef, useState } from 'react'\nimport { SkeletonParagraph } from '../Skeleton'\nimport { displayToast } from '../ToastMessage'\nimport AccessLevelMenu from './AccessLevelMenu'\nimport { ChatAttachment } from './utils/types'\nimport { ChatInputArea } from './components/ChatInputArea/ChatInputArea'\nimport SynapseChatMessage from './SynapseChatMessage'\nimport { SmartToyTwoTone } from '@mui/icons-material'\nimport { UserCard } from '../UserCard/UserCard'\nimport { useApplicationSessionContext } from '@/utils/AppUtils'\n\nconst DEFAULT_AVATAR = (\n  <Box\n    sx={{\n      p: '3px',\n      borderRadius: '50%',\n      borderStyle: 'solid',\n      borderWidth: '1px',\n      borderColor: 'grey.300',\n      mt: '10px',\n      height: '31px',\n    }}\n  >\n    <SmartToyTwoTone sx={{ color: 'secondary.main' }} />\n  </Box>\n)\n\nexport type SynapseChatProps = {\n  initialMessage?: string //optional initial message\n  agentRegistrationId?: string // if provided, use this agent\n  chatbotName?: string // optional name of this chatbot agent\n  hideTitle?: boolean\n  textboxPositionOffset?: string // when embedded in a form, the textbox (form) stuck to the bottom may need to be offset due to container padding (dialog content for example!)\n  /* optional session context for the agent session */\n  sessionContext?: GridAgentSessionContext\n  /* The current session, if state is lifted out of this component */\n  externalSession?: AgentSession\n  /* A callback invoked to bootstrap the current session, if state is to be lifted out of this component */\n  setExternalSession?: (s: AgentSession | undefined) => void\n  /* The current chat history, if state is lifted out of this component */\n  externalChatState?: ChatState\n  // default access level for the agent session.\n  defaultAgentAccessLevel?: AgentAccessLevel\n  // Whether to show the access level menu for the agent session.\n  showAccessLevelMenu?: boolean\n  /**\n   * Optional callback invoked once when a chat response is received from the server.\n   * Use this for side effects such as navigation based on the response content.\n   * Called in the mutation onSuccess handler so it runs exactly once per response.\n   */\n  onChatResponse?: (responseText: string) => void\n  /** Optional list of prompt suggestions shown as clickable pills above the text input */\n  suggestedPrompts?: string[]\n  /** Optional custom avatar for the chatbot agent */\n  agentAvatar?: React.ReactNode\n  /**\n   * Whether to allow the user to attach local files to their chat message.\n   * @default false\n   */\n  allowAttachments?: boolean\n}\n\nexport function SynapseChat({\n  initialMessage,\n  agentRegistrationId,\n  chatbotName = 'SynapseChat',\n  agentAvatar = DEFAULT_AVATAR,\n  hideTitle = false,\n  textboxPositionOffset = '0px',\n  sessionContext,\n  externalSession,\n  setExternalSession,\n  externalChatState,\n  showAccessLevelMenu = true,\n  onChatResponse,\n  suggestedPrompts,\n  allowAttachments = false,\n}: SynapseChatProps) {\n  const { accessToken } = useSynapseContext()\n  const { userId } = useApplicationSessionContext()\n\n  const userAvatar = (\n    <UserCard ownerId={userId} size=\"AVATAR\" avatarSize=\"MEDIUM\" />\n  )\n  const [localAgentSession, setLocalAgentSession] = useState<AgentSession>()\n  const agentSession = externalSession ?? localAgentSession\n  const setAgentSession = setExternalSession ?? setLocalAgentSession\n\n  const { mutate: createAgentSession, error: createAgentSessionError } =\n    useCreateAgentSession({\n      onSuccess: newAgentSession => setAgentSession(newAgentSession),\n    })\n\n  const { mutate: updateAgentSession } = useUpdateAgentSession({\n    onSuccess: updatedAgentSession => setAgentSession(updatedAgentSession),\n    onError: err =>\n      displayToast(\n        `Unable to update the agent session: ${err.message}`,\n        'danger',\n      ),\n  })\n  const [agentAccessLevel, setAgentAccessLevel] = useState<AgentAccessLevel>(\n    sessionContext\n      ? AgentAccessLevel.WRITE_YOUR_PRIVATE_DATA\n      : AgentAccessLevel.PUBLICLY_ACCESSIBLE,\n  )\n\n  const internalChatState = useChatState(agentSession, onChatResponse)\n  const chatState = externalChatState ?? internalChatState\n  const { interactions, isAwaitingResponse, sendChat } = chatState\n\n  // Only interactions added after this component instance mounted should play the entry\n  // animation. Callers may lift state so history survives a `Dialog` closing, but the\n  // `Dialog` unmounts its children, so every reopen would otherwise re-animate the whole\n  // conversation.\n  const presentAtMountRef = useRef<Set<string> | undefined>(undefined)\n  if (presentAtMountRef.current === undefined) {\n    presentAtMountRef.current = new Set(interactions.map(i => i.id))\n  }\n  const presentAtMount = presentAtMountRef.current\n\n  // Keep track of the text that the user is currently typing into the textfield\n  const [userChatTextfieldValue, setUserChatTextfieldValue] = useState('')\n  const [initialMessageProcessed, setInitialMessageProcessed] = useState(false)\n\n  // A copy of the attachments sent with the optimistic/pending interaction, so it can still show\n  // rich (name/type) chips after ChatInputArea has cleared its own attachment state. Once the\n  // interaction gains a jobId, SynapseChatMessage renders its attachments from the polled async\n  // job's requestBody instead (see below), so this value is simply overwritten on the next send.\n  const [lastSentAttachments, setLastSentAttachments] = useState<\n    ChatAttachment[]\n  >([])\n\n  // Restore chat session history, if exists.\n  // TODO: currently only a single page is restored.  Add support for multiple pages (and detect the user scrolling up to restore the next page of results older)\n  // const {\n  //   data: sessionHistoryInfiniteData,\n  // } = //, hasNextPage: hasMoreSessionHistory, fetchNextPage: fetchNextSessionHistoryPage, isLoading: isSessionHistoryLoading } =\n  //   useGetAgentChatSessionHistoryInfinite(\n  //     {\n  //       sessionId: agentSession?.sessionId,\n  //     },\n  //     {\n  //       enabled: !!agentSession,\n  //     },\n  //   )\n\n  // const sessionHistory = useMemo(\n  //   () =>\n  //     sessionHistoryInfiniteData?.pages\n  //       .flatMap(page => page.page)\n  //       /* Note: session history is ordered from most recent to least recent in each page, so reverse the order when restoring the chat interface */\n  //       .reverse() ?? [],\n  //   [sessionHistoryInfiniteData],\n  // )\n\n  useEffect(() => {\n    // on mount, create a new agent session!\n    if (createAgentSession && !agentSession) {\n      createAgentSession({\n        agentAccessLevel,\n        agentRegistrationId,\n        sessionContext,\n      })\n    }\n  }, [\n    createAgentSession,\n    agentSession,\n    accessToken,\n    sessionContext,\n    agentAccessLevel,\n    agentRegistrationId,\n  ])\n\n  useEffect(() => {\n    // on mount, resolve the initial message chat interaction (if set)\n    if (agentSession && initialMessage && !initialMessageProcessed) {\n      sendChat(initialMessage)\n      setInitialMessageProcessed(true)\n    }\n  }, [agentSession, initialMessage, initialMessageProcessed, sendChat])\n\n  const handleSend = (message: string, attachments: ChatAttachment[]) => {\n    sendChat(\n      message,\n      attachments.length\n        ? attachments.map(attachment => ({\n            fileHandleId: attachment.fileHandleId,\n            // The backend short-circuits the FileHandleAssociation auth check for a user's own\n            // uploaded file handle, so associateObjectId/associateObjectType are effectively\n            // unused here. FileHandleAssociateType has no dedicated value for \"the uploader's\n            // own bare file handle\", so this stubs associateObjectId to the fileHandleId itself\n            // and picks an arbitrary existing enum value.\n            associateObjectId: attachment.fileHandleId,\n            associateObjectType: FileHandleAssociateType.MessageAttachment,\n          }))\n        : undefined,\n    )\n    setUserChatTextfieldValue('')\n    setLastSentAttachments(attachments)\n  }\n\n  if (createAgentSessionError) {\n    return (\n      <Alert severity={'error'} sx={{ my: 2 }}>\n        {createAgentSessionError.reason}\n      </Alert>\n    )\n  }\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        flexDirection: 'column',\n        justifyContent: 'space-between',\n        maxWidth: '1100px',\n        mx: 'auto',\n        height: '100%',\n      }}\n    >\n      {!hideTitle && (\n        <Typography\n          variant=\"headline1\"\n          sx={{\n            p: '20px',\n            borderBottom: '1px solid',\n            borderColor: 'grey.300',\n            position: 'sticky',\n            top: '0px',\n            backgroundColor: 'white',\n            zIndex: 1,\n          }}\n        >\n          {chatbotName}\n        </Typography>\n      )}\n      {showAccessLevelMenu && (\n        <AccessLevelMenu\n          initAccessLevel={agentAccessLevel}\n          onChange={newAccessLevel => {\n            setAgentAccessLevel(newAccessLevel)\n            updateAgentSession({\n              agentAccessLevel: newAccessLevel,\n              sessionId: agentSession!.sessionId!,\n            })\n          }}\n        />\n      )}\n      {!agentSession && <SkeletonParagraph numRows={10} />}\n      {agentSession && (\n        <Box sx={{ flexGrow: 1, overflowY: 'auto', mb: 2 }}>\n          <List\n            sx={{\n              flex: 1,\n              overflowY: 'auto',\n              pt: '20px',\n              display: 'flex',\n              flexDirection: 'column',\n            }}\n          >\n            {/* {sessionHistory &&\n            sessionHistory.map((interaction, index) => {\n              return (\n                <SynapseChatInteraction\n                  key={index}\n                  userMessage={interaction.usersRequestText}\n                  chatResponseText={interaction.agentResponseText}\n                />\n              )\n            })} */}\n            {interactions.map((interaction, index) => {\n              const isLast = index === interactions.length - 1\n              // The interaction has no jobId until the async job is registered; until then,\n              // show the attachments the user just sent rather than waiting on the polled job.\n              const isPending = interaction.jobId == null\n              return (\n                <SynapseChatMessage\n                  agentAvatar={agentAvatar}\n                  userAvatar={userAvatar}\n                  key={interaction.id}\n                  userMessage={interaction.userMessage}\n                  chatJobId={interaction.jobId}\n                  onSendChat={sendChat}\n                  scrollIntoView={isLast}\n                  animateEntry={!presentAtMount.has(interaction.id)}\n                  isAwaitingResponse={isAwaitingResponse}\n                  pendingAttachments={\n                    isPending ? lastSentAttachments : undefined\n                  }\n                />\n              )\n            })}\n          </List>\n        </Box>\n      )}\n      <Box\n        sx={{\n          position: 'sticky',\n          bottom: textboxPositionOffset,\n          backgroundColor: 'white',\n        }}\n      >\n        {suggestedPrompts &&\n          suggestedPrompts.length > 0 &&\n          interactions.length === 0 && (\n            <Stack\n              direction=\"row\"\n              spacing={1}\n              sx={{ pt: '8px', flexWrap: 'wrap', gap: 1 }}\n            >\n              {suggestedPrompts.map(prompt => (\n                <Chip\n                  key={prompt}\n                  label={prompt}\n                  variant=\"outlined\"\n                  onClick={() => setUserChatTextfieldValue(prompt)}\n                  disabled={!agentSession}\n                  sx={{ cursor: 'pointer' }}\n                />\n              ))}\n            </Stack>\n          )}\n        <Box sx={{ mt: '5px' }}>\n          <ChatInputArea\n            value={userChatTextfieldValue}\n            onValueChange={setUserChatTextfieldValue}\n            onSend={handleSend}\n            placeholder={`Message ${chatbotName}`}\n            disabled={!agentSession || isAwaitingResponse}\n            allowAttachments={allowAttachments}\n          />\n        </Box>\n      </Box>\n      <Typography variant=\"smallText1\" sx={{ pt: '8px', textAlign: 'center' }}>\n        {chatbotName} can make mistakes.\n      </Typography>\n    </Box>\n  )\n}\n\nexport default SynapseChat\n"],"mappings":"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"}

package/dist/components/SynapseChat/SynapseChatInteraction.css

@@ -0,0 +1 @@
+@keyframes _chatInteractionEntry_14na6_1{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}._entryAnimation_14na6_11{animation:.5s cubic-bezier(.2,0,0,1) _chatInteractionEntry_14na6_1}@media (prefers-reduced-motion:reduce){._entryAnimation_14na6_11{animation:none}}

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

@@ -1,4 +1,15 @@
 import { TraceEvent } from '@sage-bionetworks/synapse-types';
+import { AgentChatAttachmentStatus } from '@sage-bionetworks/synapse-client';
+/**
+ * A chat attachment to display on a sent/pending turn. Only `fileHandleId` is guaranteed --
+ * `fileName`/`contentType` are omitted for a restored/polled turn, where only the fileHandleId
+ * that was sent to the server is known (see SynapseChatMessage).
+ */
+export type SynapseChatInteractionAttachment = {
+    fileHandleId: string;
+    fileName?: string;
+    contentType?: string;
+};
 export type SynapseChatInteractionProps = {
     userMessage: string;
     chatResponseText?: string;
@@ -6,7 +17,17 @@ export type SynapseChatInteractionProps = {
     scrollIntoView?: boolean;
     chatErrorReason?: string;
     onSendChat?: (message: string) => void;
+    agentAvatar: React.ReactNode;
+    userAvatar: React.ReactNode;
+    /** Whether to play the fade/rise-in entry animation for this interaction on mount. */
+    animateEntry?: boolean;
+    /** Whether a turn is currently in flight; gates the guide-prompt chips so they can't bypass the composer. */
+    isAwaitingResponse?: boolean;
+    /** Attachments the user sent with this message, if any. */
+    attachments?: SynapseChatInteractionAttachment[];
+    /** Server-reported outcome of staging each attachment, if available (see AgentChatResponseWithAttachmentStatuses). */
+    attachmentStatuses?: AgentChatAttachmentStatus[];
 };
-export declare function SynapseChatInteraction({ userMessage, chatResponseText, chatErrorReason, chatResponseTrace, scrollIntoView, onSendChat, }: SynapseChatInteractionProps): import("react/jsx-runtime").JSX.Element;
+export declare function SynapseChatInteraction({ userMessage, chatResponseText, chatErrorReason, chatResponseTrace, scrollIntoView, onSendChat, agentAvatar, userAvatar, animateEntry, isAwaitingResponse, attachments, attachmentStatuses, }: SynapseChatInteractionProps): import("react/jsx-runtime").JSX.Element;
 export default SynapseChatInteraction;
 //# sourceMappingURL=SynapseChatInteraction.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SynapseChatInteraction.d.ts","sourceRoot":"","sources":["../../../src/components/SynapseChat/SynapseChatInteraction.tsx"],"names":[],"mappings":"AAsBA,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAA;AAI5D,MAAM,MAAM,2BAA2B,GAAG;IACxC,WAAW,EAAE,MAAM,CAAA;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,iBAAiB,CAAC,EAAE,UAAU,EAAE,CAAA;IAChC,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;CACvC,CAAA;AAqBD,wBAAgB,sBAAsB,CAAC,EACrC,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,iBAAiB,EACjB,cAAsB,EACtB,UAAU,GACX,EAAE,2BAA2B,2CAgN7B;AAED,eAAe,sBAAsB,CAAA"}
+{"version":3,"file":"SynapseChatInteraction.d.ts","sourceRoot":"","sources":["../../../src/components/SynapseChat/SynapseChatInteraction.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAA;AAQ5D,OAAO,EAAE,yBAAyB,EAAE,MAAM,kCAAkC,CAAA;AAE5E;;;;GAIG;AACH,MAAM,MAAM,gCAAgC,GAAG;IAC7C,YAAY,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAED,MAAM,MAAM,2BAA2B,GAAG;IACxC,WAAW,EAAE,MAAM,CAAA;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,iBAAiB,CAAC,EAAE,UAAU,EAAE,CAAA;IAChC,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,WAAW,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,UAAU,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,sFAAsF;IACtF,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,6GAA6G;IAC7G,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,2DAA2D;IAC3D,WAAW,CAAC,EAAE,gCAAgC,EAAE,CAAA;IAChD,sHAAsH;IACtH,kBAAkB,CAAC,EAAE,yBAAyB,EAAE,CAAA;CACjD,CAAA;AAqBD,wBAAgB,sBAAsB,CAAC,EACrC,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,iBAAiB,EACjB,cAAsB,EACtB,UAAU,EACV,WAAW,EACX,UAAU,EACV,YAAoB,EACpB,kBAA0B,EAC1B,WAAW,EACX,kBAAkB,GACnB,EAAE,2BAA2B,2CAmP7B;AAED,eAAe,sBAAsB,CAAA"}