synapse-react-client 4.0.37 → 4.0.40

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

@@ -29,7 +29,13 @@ export type SynapseChatProps = {
      * @default false
      */
     allowAttachments?: boolean;
+    /**
+     * Invoked when creating the agent session fails because the current (anonymous) user is not
+     * authorized to start a session with this agent. Callers should use this to prompt the user to
+     * log in. When omitted, the session creation error is shown inline instead.
+     */
+    onSessionCreationUnauthenticated?: () => void;
 };
-export declare function SynapseChat({ initialMessage, agentRegistrationId, chatbotName, variant, agentAvatar, hideTitle, textboxPositionOffset, sessionContext, externalSession, setExternalSession, externalChatState, showAccessLevelMenu, onChatResponse, suggestedPrompts, allowAttachments, }: SynapseChatProps): import("react/jsx-runtime").JSX.Element;
+export declare function SynapseChat({ initialMessage, agentRegistrationId, chatbotName, variant, agentAvatar, hideTitle, textboxPositionOffset, sessionContext, externalSession, setExternalSession, externalChatState, showAccessLevelMenu, onChatResponse, suggestedPrompts, allowAttachments, onSessionCreationUnauthenticated, }: SynapseChatProps): import("react/jsx-runtime").JSX.Element;
 export default SynapseChat;
 //# sourceMappingURL=SynapseChat.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SynapseChat.d.ts","sourceRoot":"","sources":["../../../src/components/SynapseChat/SynapseChat.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAgB,MAAM,uCAAuC,CAAA;AAe/E,OAAO,EACL,YAAY,EAEZ,uBAAuB,EACxB,MAAM,kCAAkC,CAAA;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AAsDlE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAE9B,cAAc,CAAC,EAAE,uBAAuB,CAAA;IAExC,eAAe,CAAC,EAAE,YAAY,CAAA;IAE9B,kBAAkB,CAAC,EAAE,CAAC,CAAC,EAAE,YAAY,GAAG,SAAS,KAAK,IAAI,CAAA;IAE1D,iBAAiB,CAAC,EAAE,SAAS,CAAA;IAE7B,uBAAuB,CAAC,EAAE,gBAAgB,CAAA;IAE1C,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B;;;;OAIG;IACH,cAAc,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/C,wFAAwF;IACxF,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC3B,mDAAmD;IACnD,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B,CAAA;AAED,wBAAgB,WAAW,CAAC,EAC1B,cAAc,EACd,mBAAmB,EACnB,WAA2B,EAC3B,OAAmB,EACnB,WAAW,EACX,SAAiB,EACjB,qBAA6B,EAC7B,cAAc,EACd,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EACjB,mBAA0B,EAC1B,cAAc,EACd,gBAAgB,EAChB,gBAAwB,GACzB,EAAE,gBAAgB,2CAmTlB;AAED,eAAe,WAAW,CAAA"}
+{"version":3,"file":"SynapseChat.d.ts","sourceRoot":"","sources":["../../../src/components/SynapseChat/SynapseChat.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAgB,MAAM,uCAAuC,CAAA;AAe/E,OAAO,EACL,YAAY,EAEZ,uBAAuB,EACxB,MAAM,kCAAkC,CAAA;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AAsDlE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAE9B,cAAc,CAAC,EAAE,uBAAuB,CAAA;IAExC,eAAe,CAAC,EAAE,YAAY,CAAA;IAE9B,kBAAkB,CAAC,EAAE,CAAC,CAAC,EAAE,YAAY,GAAG,SAAS,KAAK,IAAI,CAAA;IAE1D,iBAAiB,CAAC,EAAE,SAAS,CAAA;IAE7B,uBAAuB,CAAC,EAAE,gBAAgB,CAAA;IAE1C,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B;;;;OAIG;IACH,cAAc,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/C,wFAAwF;IACxF,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC3B,mDAAmD;IACnD,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B;;;;OAIG;IACH,gCAAgC,CAAC,EAAE,MAAM,IAAI,CAAA;CAC9C,CAAA;AAED,wBAAgB,WAAW,CAAC,EAC1B,cAAc,EACd,mBAAmB,EACnB,WAA2B,EAC3B,OAAmB,EACnB,WAAW,EACX,SAAiB,EACjB,qBAA6B,EAC7B,cAAc,EACd,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EACjB,mBAA0B,EAC1B,cAAc,EACd,gBAAgB,EAChB,gBAAwB,EACxB,gCAAgC,GACjC,EAAE,gBAAgB,2CAmUlB;AAED,eAAe,WAAW,CAAA"}

package/dist/components/SynapseChat/SynapseChat.js

@@ -6,25 +6,25 @@ import "../../utils/AppUtils/index.js";
 import "../../utils/index.js";
 import { SkeletonParagraph as ee } from "../Skeleton/SkeletonParagraph.js";
 import "../Skeleton/index.js";
-import { UserCard as r } from "../UserCard/UserCard.js";
-import { useCreateAgentSession as i, useUpdateAgentSession as a } from "../../synapse-queries/chat/useChat.js";
-import { useChatState as o } from "./useChatState.js";
-import { AccessLevelMenu as te } from "./AccessLevelMenu.js";
-import { ChatInputArea as ne } from "./components/ChatInputArea/ChatInputArea.js";
-import re from "./SynapseChatMessage.js";
-import { ForwardRef as s } from "../../assets/illustrations/curie_avatar_head.js";
-import { useEffect as c, useRef as l, useState as u } from "react";
-import { Alert as d, Box as f, Chip as p, List as m, ListItem as h, Stack as g, Typography as _ } from "@mui/material";
-import { jsx as v, jsxs as y } from "react/jsx-runtime";
-import { AgentAccessLevel as b } from "@sage-bionetworks/synapse-types";
-import { FileHandleAssociateType as ie } from "@sage-bionetworks/synapse-client";
-import { SmartToyTwoTone as x } from "@mui/icons-material";
+import { UserCard as te } from "../UserCard/UserCard.js";
+import { useCreateAgentSession as r, useUpdateAgentSession as i } from "../../synapse-queries/chat/useChat.js";
+import { useChatState as a } from "./useChatState.js";
+import { AccessLevelMenu as ne } from "./AccessLevelMenu.js";
+import { ChatInputArea as re } from "./components/ChatInputArea/ChatInputArea.js";
+import ie from "./SynapseChatMessage.js";
+import { ForwardRef as o } from "../../assets/illustrations/curie_avatar_head.js";
+import { useEffect as s, useRef as c, useState as l } from "react";
+import { Alert as u, Box as d, Chip as f, List as p, ListItem as m, Stack as h, 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 ae } from "@sage-bionetworks/synapse-client";
+import { SmartToyTwoTone as b } from "@mui/icons-material";
 //#region src/components/SynapseChat/SynapseChat.tsx
-var ae = "Hi! How can I help you today?", oe = {
-	[b.PUBLICLY_ACCESSIBLE]: " and can only read public data.",
-	[b.READ_YOUR_PRIVATE_DATA]: " and can read your public and private data in Synapse on your behalf.",
-	[b.WRITE_YOUR_PRIVATE_DATA]: " and can read and write your public and private data in Synapse on your behalf."
-}, se = /* @__PURE__ */ v(f, {
+var oe = "Hi! How can I help you today?", se = {
+	[y.PUBLICLY_ACCESSIBLE]: " and can only read public data.",
+	[y.READ_YOUR_PRIVATE_DATA]: " and can read your public and private data in Synapse on your behalf.",
+	[y.WRITE_YOUR_PRIVATE_DATA]: " and can read and write your public and private data in Synapse on your behalf."
+}, ce = /* @__PURE__ */ _(d, {
 	sx: {
 		p: "3px",
 		borderRadius: "50%",
@@ -34,8 +34,8 @@ var ae = "Hi! How can I help you today?", oe = {
 		mt: "10px",
 		height: "31px"
 	},
-	children: /* @__PURE__ */ v(x, { sx: { color: "secondary.main" } })
-}), S = /* @__PURE__ */ v(f, {
+	children: /* @__PURE__ */ _(b, { sx: { color: "secondary.main" } })
+}), le = /* @__PURE__ */ _(d, {
 	sx: {
 		mt: "10px",
 		height: "30px",
@@ -44,63 +44,68 @@ var ae = "Hi! How can I help you today?", oe = {
 		alignItems: "center",
 		justifyContent: "center"
 	},
-	children: /* @__PURE__ */ v(s, {})
+	children: /* @__PURE__ */ _(o, {})
 });
-function C({ initialMessage: s, agentRegistrationId: x, chatbotName: C = "SynapseChat", variant: w = "default", agentAvatar: T, hideTitle: E = !1, textboxPositionOffset: D = "0px", sessionContext: O, externalSession: k, setExternalSession: A, externalChatState: j, showAccessLevelMenu: M = !0, onChatResponse: N, suggestedPrompts: P, allowAttachments: F = !1 }) {
-	let { accessToken: I } = t(), { userId: L } = n(), R = C + " can make mistakes", z = T ?? (w === "curie" ? S : se), B = /* @__PURE__ */ v(r, {
+function x({ initialMessage: o, agentRegistrationId: b, chatbotName: x = "SynapseChat", variant: S = "default", agentAvatar: C, hideTitle: w = !1, textboxPositionOffset: T = "0px", sessionContext: E, externalSession: D, setExternalSession: O, externalChatState: k, showAccessLevelMenu: A = !0, onChatResponse: j, suggestedPrompts: M, allowAttachments: N = !1, onSessionCreationUnauthenticated: P }) {
+	let { accessToken: F, isAuthenticated: I } = t(), { userId: L } = n(), R = x + " can make mistakes", z = C ?? (S === "curie" ? le : ce), B = /* @__PURE__ */ _(te, {
 		ownerId: L,
 		size: "AVATAR",
 		avatarSize: "MEDIUM"
-	}), [V, ce] = u(), H = k ?? V, U = A ?? ce, { mutate: W, error: G } = i({ onSuccess: (e) => U(e) }), { mutate: le } = a({
+	}), [V, ue] = l(), H = D ?? V, U = O ?? ue, { mutate: W, error: G } = r({
+		onSuccess: (e) => U(e),
+		onError: (e) => {
+			!I && (e.status === 401 || e.status === 403) && P?.();
+		}
+	}), { mutate: de } = i({
 		onSuccess: (e) => U(e),
 		onError: (t) => e(`Unable to update the agent session: ${t.message}`, "danger")
-	}), [K, ue] = u(O ? b.WRITE_YOUR_PRIVATE_DATA : b.PUBLICLY_ACCESSIBLE), de = o(H, N), { interactions: q, isAwaitingResponse: J, sendChat: Y } = j ?? de, X = w === "curie" && q.length === 0, fe = R + (w === "curie" ? oe[K] : ""), Z = l(void 0);
+	}), [K, fe] = l(E ? y.WRITE_YOUR_PRIVATE_DATA : y.PUBLICLY_ACCESSIBLE), pe = a(H, j), { interactions: q, isAwaitingResponse: J, sendChat: Y } = k ?? pe, X = S === "curie" && q.length === 0, me = R + (S === "curie" ? se[K] : ""), Z = c(void 0);
 	Z.current === void 0 && (Z.current = new Set(q.map((e) => e.id)));
-	let pe = Z.current, [me, Q] = u(""), [$, he] = u(!1), [ge, _e] = u([]);
-	c(() => {
+	let he = Z.current, [ge, Q] = l(""), [$, _e] = l(!1), [ve, ye] = l([]);
+	s(() => {
 		W && !H && W({
 			agentAccessLevel: K,
-			agentRegistrationId: x,
-			sessionContext: O
+			agentRegistrationId: b,
+			sessionContext: E
 		});
 	}, [
 		W,
 		H,
-		I,
-		O,
+		F,
+		E,
 		K,
-		x
-	]), c(() => {
-		H && s && !$ && (Y(s), he(!0));
+		b
+	]), s(() => {
+		H && o && !$ && (Y(o), _e(!0));
 	}, [
 		H,
-		s,
+		o,
 		$,
 		Y
 	]);
-	let ve = (e, t) => {
+	let be = (e, t) => {
 		Y(e, t.length ? t.map((e) => ({
 			fileHandleId: e.fileHandleId,
 			associateObjectId: e.fileHandleId,
-			associateObjectType: ie.FileEntity
-		})) : void 0), Q(""), _e(t);
+			associateObjectType: ae.FileEntity
+		})) : void 0), Q(""), ye(t);
 	};
-	return G ? /* @__PURE__ */ v(d, {
+	return G && !(!I && P && (G.status === 401 || G.status === 403)) ? /* @__PURE__ */ _(u, {
 		severity: "error",
 		sx: { my: 2 },
 		children: G.reason
-	}) : /* @__PURE__ */ y(f, {
+	}) : /* @__PURE__ */ v(d, {
 		sx: {
 			display: "flex",
 			flexDirection: "column",
-			justifyContent: w === "curie" ? "flex-start" : "space-between",
-			gap: w === "curie" ? "20px" : "0",
+			justifyContent: S === "curie" ? "flex-start" : "space-between",
+			gap: S === "curie" ? "20px" : "0",
 			maxWidth: "1100px",
 			mx: "auto",
 			height: "100%"
 		},
 		children: [
-			!E && /* @__PURE__ */ v(_, {
+			!w && /* @__PURE__ */ _(g, {
 				variant: "headline1",
 				sx: {
 					p: "20px",
@@ -111,30 +116,30 @@ function C({ initialMessage: s, agentRegistrationId: x, chatbotName: C = "Synaps
 					backgroundColor: "white",
 					zIndex: 1
 				},
-				children: C
+				children: x
 			}),
-			M && w !== "curie" && /* @__PURE__ */ v(te, {
+			A && S !== "curie" && I && /* @__PURE__ */ _(ne, {
 				initAccessLevel: K,
 				onChange: (e) => {
-					ue(e), le({
+					fe(e), de({
 						agentAccessLevel: e,
 						sessionId: H.sessionId
 					});
 				}
 			}),
-			!H && /* @__PURE__ */ v(ee, { numRows: 10 }),
-			H && /* @__PURE__ */ v(f, {
+			!H && /* @__PURE__ */ _(ee, { numRows: 10 }),
+			H && /* @__PURE__ */ _(d, {
 				sx: {
 					flexGrow: 1,
 					overflowY: "auto",
-					mb: w === "curie" ? 0 : 2
+					mb: S === "curie" ? 0 : 2
 				},
-				children: /* @__PURE__ */ y(m, {
+				children: /* @__PURE__ */ v(p, {
 					sx: {
 						flex: 1,
 						overflowY: "auto",
 						pt: "20px",
-						...w === "curie" && {
+						...S === "curie" && {
 							pt: 0,
 							pb: 0,
 							gap: "20px"
@@ -146,7 +151,7 @@ function C({ initialMessage: s, agentRegistrationId: x, chatbotName: C = "Synaps
 							justifyContent: "flex-end"
 						}
 					},
-					children: [X && /* @__PURE__ */ y(h, {
+					children: [X && /* @__PURE__ */ v(m, {
 						sx: {
 							display: "grid",
 							gridTemplateColumns: "50px auto",
@@ -155,37 +160,37 @@ function C({ initialMessage: s, agentRegistrationId: x, chatbotName: C = "Synaps
 							alignItems: "start",
 							p: 0
 						},
-						children: [z, /* @__PURE__ */ v(_, {
+						children: [z, /* @__PURE__ */ _(g, {
 							sx: {
 								justifySelf: "start",
 								mt: "14px"
 							},
-							children: ae
+							children: oe
 						})]
 					}), q.map((e, t) => {
 						let n = t === q.length - 1;
-						return /* @__PURE__ */ v(re, {
+						return /* @__PURE__ */ _(ie, {
 							agentAvatar: z,
 							userAvatar: B,
 							userMessage: e.userMessage,
 							chatJobId: e.jobId,
-							showLoadingIcon: w !== "curie",
+							showLoadingIcon: S !== "curie",
 							onSendChat: Y,
 							scrollIntoView: n,
-							animateEntry: !pe.has(e.id),
+							animateEntry: !he.has(e.id),
 							isAwaitingResponse: J,
-							pendingAttachments: n ? ge : void 0
+							pendingAttachments: n ? ve : void 0
 						}, e.id);
 					})]
 				})
 			}),
-			/* @__PURE__ */ y(f, {
+			/* @__PURE__ */ v(d, {
 				sx: {
 					position: "sticky",
-					bottom: w === "curie" ? "0px" : D,
+					bottom: S === "curie" ? "0px" : T,
 					backgroundColor: "white"
 				},
-				children: [P && P.length > 0 && q.length === 0 && /* @__PURE__ */ v(g, {
+				children: [M && M.length > 0 && q.length === 0 && /* @__PURE__ */ _(h, {
 					direction: "row",
 					spacing: 1,
 					sx: {
@@ -193,37 +198,37 @@ function C({ initialMessage: s, agentRegistrationId: x, chatbotName: C = "Synaps
 						flexWrap: "wrap",
 						gap: 1
 					},
-					children: P.map((e) => /* @__PURE__ */ v(p, {
+					children: M.map((e) => /* @__PURE__ */ _(f, {
 						label: e,
 						variant: "outlined",
 						onClick: () => Q(e),
 						disabled: !H,
 						sx: { cursor: "pointer" }
 					}, e))
-				}), /* @__PURE__ */ v(f, {
+				}), /* @__PURE__ */ _(d, {
 					sx: { mt: "5px" },
-					children: /* @__PURE__ */ v(ne, {
-						value: me,
+					children: /* @__PURE__ */ _(re, {
+						value: ge,
 						onValueChange: Q,
-						onSend: ve,
-						placeholder: w === "curie" ? "Ask anything" : `Message ${C}`,
+						onSend: be,
+						placeholder: S === "curie" ? "Ask anything" : `Message ${x}`,
 						disabled: !H || J,
-						allowAttachments: F
+						allowAttachments: N
 					})
 				})]
 			}),
-			/* @__PURE__ */ v(_, {
+			/* @__PURE__ */ _(g, {
 				variant: "smallText1",
 				sx: {
 					pt: "8px",
 					textAlign: "center"
 				},
-				children: fe
+				children: me
 			})
 		]
 	});
 }
 //#endregion
-export { C as SynapseChat, C as default };
+export { x as SynapseChat, x 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 {\n  Alert,\n  Box,\n  Chip,\n  List,\n  ListItem,\n  Stack,\n  Typography,\n} 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'\nimport { ReactComponent as CurieAvatarHead } from '@/assets/illustrations/curie_avatar_head.svg'\n\nconst CURIE_GREETING = 'Hi! How can I help you today?'\n\nconst CURIE_ACCESS_LEVEL_SUFFIX: Record<AgentAccessLevel, string> = {\n  [AgentAccessLevel.PUBLICLY_ACCESSIBLE]: ' and can only read public data.',\n  [AgentAccessLevel.READ_YOUR_PRIVATE_DATA]:\n    ' and can read your public and private data in Synapse on your behalf.',\n  [AgentAccessLevel.WRITE_YOUR_PRIVATE_DATA]:\n    ' and can read and write your public and private data in Synapse on your behalf.',\n}\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\nconst CURIE_AVATAR = (\n  <Box\n    sx={{\n      mt: '10px',\n      height: '30px',\n      width: '30px',\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n    }}\n  >\n    <CurieAvatarHead />\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  variant?: 'default' | 'curie'\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  variant = 'default',\n  agentAvatar,\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 baseDisclaimerText = chatbotName + ' can make mistakes'\n\n  const resolvedAgentAvatar =\n    agentAvatar ?? (variant === 'curie' ? CURIE_AVATAR : DEFAULT_AVATAR)\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  const showGreeting = variant === 'curie' && interactions.length === 0\n\n  const curieAccessLevelSuffix =\n    variant === 'curie' ? CURIE_ACCESS_LEVEL_SUFFIX[agentAccessLevel] : ''\n  const disclaimerText = baseDisclaimerText + curieAccessLevelSuffix\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 last interaction, so it can still show rich\n  // (name/type) chips after ChatInputArea has cleared its own attachment state. This is passed to\n  // the last interaction for its entire lifetime -- sent, then processing, then completed -- as a\n  // fallback filename source, since the request body (FileHandleAssociation) never carries a\n  // filename and the server-resolved filename (attachmentStatuses) only arrives once the job\n  // completes. It's 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 not totally\n            // accurate 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 the FileEntity associate type, which supports the short-circuit path.\n            associateObjectId: attachment.fileHandleId,\n            associateObjectType: FileHandleAssociateType.FileEntity,\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: variant === 'curie' ? 'flex-start' : 'space-between',\n        gap: variant === 'curie' ? '20px' : '0',\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 && variant !== 'curie' && (\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\n          sx={{\n            flexGrow: 1,\n            overflowY: 'auto',\n            mb: variant === 'curie' ? 0 : 2,\n          }}\n        >\n          <List\n            sx={{\n              flex: 1,\n              overflowY: 'auto',\n              pt: '20px',\n              ...(variant === 'curie' && { pt: 0, pb: 0, gap: '20px' }),\n              display: 'flex',\n              flexDirection: 'column',\n              ...(showGreeting && {\n                minHeight: '100%',\n                justifyContent: 'flex-end',\n              }),\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            {showGreeting && (\n              <ListItem\n                sx={{\n                  display: 'grid',\n                  gridTemplateColumns: '50px auto',\n                  columnGap: '16px',\n                  justifyItems: 'start',\n                  alignItems: 'start',\n                  p: 0,\n                }}\n              >\n                {resolvedAgentAvatar}\n                <Typography sx={{ justifySelf: 'start', mt: '14px' }}>\n                  {CURIE_GREETING}\n                </Typography>\n              </ListItem>\n            )}\n            {interactions.map((interaction, index) => {\n              const isLast = index === interactions.length - 1\n              return (\n                <SynapseChatMessage\n                  agentAvatar={resolvedAgentAvatar}\n                  userAvatar={userAvatar}\n                  key={interaction.id}\n                  userMessage={interaction.userMessage}\n                  chatJobId={interaction.jobId}\n                  showLoadingIcon={variant !== 'curie'}\n                  onSendChat={sendChat}\n                  scrollIntoView={isLast}\n                  animateEntry={!presentAtMount.has(interaction.id)}\n                  isAwaitingResponse={isAwaitingResponse}\n                  pendingAttachments={\n                    // Only one interaction can be in flight at a time (the composer is disabled\n                    // while isAwaitingResponse), so lastSentAttachments always corresponds to\n                    // whichever interaction is last.\n                    isLast ? lastSentAttachments : undefined\n                  }\n                />\n              )\n            })}\n          </List>\n        </Box>\n      )}\n      <Box\n        sx={{\n          position: 'sticky',\n          bottom: variant === 'curie' ? '0px' : 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={\n              variant === 'curie' ? 'Ask anything' : `Message ${chatbotName}`\n            }\n            disabled={!agentSession || isAwaitingResponse}\n            allowAttachments={allowAttachments}\n          />\n        </Box>\n      </Box>\n      <Typography variant=\"smallText1\" sx={{ pt: '8px', textAlign: 'center' }}>\n        {disclaimerText}\n      </Typography>\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 {\n  Alert,\n  Box,\n  Chip,\n  List,\n  ListItem,\n  Stack,\n  Typography,\n} 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'\nimport { ReactComponent as CurieAvatarHead } from '@/assets/illustrations/curie_avatar_head.svg'\n\nconst CURIE_GREETING = 'Hi! How can I help you today?'\n\nconst CURIE_ACCESS_LEVEL_SUFFIX: Record<AgentAccessLevel, string> = {\n  [AgentAccessLevel.PUBLICLY_ACCESSIBLE]: ' and can only read public data.',\n  [AgentAccessLevel.READ_YOUR_PRIVATE_DATA]:\n    ' and can read your public and private data in Synapse on your behalf.',\n  [AgentAccessLevel.WRITE_YOUR_PRIVATE_DATA]:\n    ' and can read and write your public and private data in Synapse on your behalf.',\n}\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\nconst CURIE_AVATAR = (\n  <Box\n    sx={{\n      mt: '10px',\n      height: '30px',\n      width: '30px',\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n    }}\n  >\n    <CurieAvatarHead />\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  variant?: 'default' | 'curie'\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   * Invoked when creating the agent session fails because the current (anonymous) user is not\n   * authorized to start a session with this agent. Callers should use this to prompt the user to\n   * log in. When omitted, the session creation error is shown inline instead.\n   */\n  onSessionCreationUnauthenticated?: () => void\n}\n\nexport function SynapseChat({\n  initialMessage,\n  agentRegistrationId,\n  chatbotName = 'SynapseChat',\n  variant = 'default',\n  agentAvatar,\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  onSessionCreationUnauthenticated,\n}: SynapseChatProps) {\n  const { accessToken, isAuthenticated } = useSynapseContext()\n  const { userId } = useApplicationSessionContext()\n\n  const baseDisclaimerText = chatbotName + ' can make mistakes'\n\n  const resolvedAgentAvatar =\n    agentAvatar ?? (variant === 'curie' ? CURIE_AVATAR : DEFAULT_AVATAR)\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      onError: err => {\n        // A registration that the ACT has not opened to anonymous chat rejects an anonymous\n        // session with a 401/403. Defer to the caller to prompt the user to log in.\n        if (!isAuthenticated && (err.status === 401 || err.status === 403)) {\n          onSessionCreationUnauthenticated?.()\n        }\n      },\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  const showGreeting = variant === 'curie' && interactions.length === 0\n\n  const curieAccessLevelSuffix =\n    variant === 'curie' ? CURIE_ACCESS_LEVEL_SUFFIX[agentAccessLevel] : ''\n  const disclaimerText = baseDisclaimerText + curieAccessLevelSuffix\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 last interaction, so it can still show rich\n  // (name/type) chips after ChatInputArea has cleared its own attachment state. This is passed to\n  // the last interaction for its entire lifetime -- sent, then processing, then completed -- as a\n  // fallback filename source, since the request body (FileHandleAssociation) never carries a\n  // filename and the server-resolved filename (attachmentStatuses) only arrives once the job\n  // completes. It's 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 not totally\n            // accurate 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 the FileEntity associate type, which supports the short-circuit path.\n            associateObjectId: attachment.fileHandleId,\n            associateObjectType: FileHandleAssociateType.FileEntity,\n          }))\n        : undefined,\n    )\n    setUserChatTextfieldValue('')\n    setLastSentAttachments(attachments)\n  }\n\n  if (createAgentSessionError) {\n    // When an anonymous user can't start a session, the caller is redirecting them to log in, so\n    // suppress the inline error in favor of that flow.\n    const deferredToLogin =\n      !isAuthenticated &&\n      !!onSessionCreationUnauthenticated &&\n      (createAgentSessionError.status === 401 ||\n        createAgentSessionError.status === 403)\n    if (!deferredToLogin) {\n      return (\n        <Alert severity={'error'} sx={{ my: 2 }}>\n          {createAgentSessionError.reason}\n        </Alert>\n      )\n    }\n  }\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        flexDirection: 'column',\n        justifyContent: variant === 'curie' ? 'flex-start' : 'space-between',\n        gap: variant === 'curie' ? '20px' : '0',\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 && variant !== 'curie' && isAuthenticated && (\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\n          sx={{\n            flexGrow: 1,\n            overflowY: 'auto',\n            mb: variant === 'curie' ? 0 : 2,\n          }}\n        >\n          <List\n            sx={{\n              flex: 1,\n              overflowY: 'auto',\n              pt: '20px',\n              ...(variant === 'curie' && { pt: 0, pb: 0, gap: '20px' }),\n              display: 'flex',\n              flexDirection: 'column',\n              ...(showGreeting && {\n                minHeight: '100%',\n                justifyContent: 'flex-end',\n              }),\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            {showGreeting && (\n              <ListItem\n                sx={{\n                  display: 'grid',\n                  gridTemplateColumns: '50px auto',\n                  columnGap: '16px',\n                  justifyItems: 'start',\n                  alignItems: 'start',\n                  p: 0,\n                }}\n              >\n                {resolvedAgentAvatar}\n                <Typography sx={{ justifySelf: 'start', mt: '14px' }}>\n                  {CURIE_GREETING}\n                </Typography>\n              </ListItem>\n            )}\n            {interactions.map((interaction, index) => {\n              const isLast = index === interactions.length - 1\n              return (\n                <SynapseChatMessage\n                  agentAvatar={resolvedAgentAvatar}\n                  userAvatar={userAvatar}\n                  key={interaction.id}\n                  userMessage={interaction.userMessage}\n                  chatJobId={interaction.jobId}\n                  showLoadingIcon={variant !== 'curie'}\n                  onSendChat={sendChat}\n                  scrollIntoView={isLast}\n                  animateEntry={!presentAtMount.has(interaction.id)}\n                  isAwaitingResponse={isAwaitingResponse}\n                  pendingAttachments={\n                    // Only one interaction can be in flight at a time (the composer is disabled\n                    // while isAwaitingResponse), so lastSentAttachments always corresponds to\n                    // whichever interaction is last.\n                    isLast ? lastSentAttachments : undefined\n                  }\n                />\n              )\n            })}\n          </List>\n        </Box>\n      )}\n      <Box\n        sx={{\n          position: 'sticky',\n          bottom: variant === 'curie' ? '0px' : 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={\n              variant === 'curie' ? 'Ask anything' : `Message ${chatbotName}`\n            }\n            disabled={!agentSession || isAwaitingResponse}\n            allowAttachments={allowAttachments}\n          />\n        </Box>\n      </Box>\n      <Typography variant=\"smallText1\" sx={{ pt: '8px', textAlign: 'center' }}>\n        {disclaimerText}\n      </Typography>\n    </Box>\n  )\n}\n\nexport default SynapseChat\n"],"mappings":"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"}

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

@@ -5,7 +5,9 @@ export type SynapsePortalChatDialogProps = SynapseChatProps & {
 };
 /**
  * A dialog that wraps SynapseChat with externally-controlled open/close state.
- * Only shown when the user is logged in and the PORTAL_CHAT feature flag is enabled.
+ *
+ * Anonymous users are allowed to open the dialog: SynapseChat attempts to create a session, and if
+ * the agent is not open to anonymous chat, the user is redirected to log in.
  */
 export declare function SynapsePortalChatDialog({ open, onClose, ...chatDialogProps }: SynapsePortalChatDialogProps): import("react/jsx-runtime").JSX.Element;
 export default SynapsePortalChatDialog;

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

@@ -1 +1 @@
-{"version":3,"file":"SynapsePortalChatDialog.d.ts","sourceRoot":"","sources":["../../../src/components/SynapseChat/SynapsePortalChatDialog.tsx"],"names":[],"mappings":"AACA,OAAoB,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAE7D,MAAM,MAAM,4BAA4B,GAAG,gBAAgB,GAAG;IAC5D,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB,CAAA;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,IAAI,EACJ,OAAO,EACP,GAAG,eAAe,EACnB,EAAE,4BAA4B,2CAgB9B;AAED,eAAe,uBAAuB,CAAA"}
+{"version":3,"file":"SynapsePortalChatDialog.d.ts","sourceRoot":"","sources":["../../../src/components/SynapseChat/SynapsePortalChatDialog.tsx"],"names":[],"mappings":"AAIA,OAAoB,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAE7D,MAAM,MAAM,4BAA4B,GAAG,gBAAgB,GAAG;IAC5D,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB,CAAA;AAED;;;;;GAKG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,IAAI,EACJ,OAAO,EACP,GAAG,eAAe,EACnB,EAAE,4BAA4B,2CAyB9B;AAED,eAAe,uBAAuB,CAAA"}

package/dist/components/SynapseChat/SynapsePortalChatDialog.js

@@ -1,21 +1,32 @@
-import { SynapseChat as e } from "./SynapseChat.js";
-import t from "../DraggableDialog/DraggableDialog.js";
-import { jsx as n } from "react/jsx-runtime";
+import { storeRedirectURLForOneSageLoginAndGotoURL as e } from "../../utils/AppUtils/AppUtils.js";
+import { useOneSageURL as t } from "../../utils/hooks/useOneSageURL.js";
+import "../../utils/AppUtils/index.js";
+import { SynapseChat as n } from "./SynapseChat.js";
+import r from "../DraggableDialog/DraggableDialog.js";
+import { persistPortalChatReopenIntent as i } from "./portalChatSessionStorage.js";
+import { jsx as a } from "react/jsx-runtime";
 //#region src/components/SynapseChat/SynapsePortalChatDialog.tsx
-function r({ open: r, onClose: i, ...a }) {
-	return /* @__PURE__ */ n(t, {
-		open: r,
-		onClose: i,
-		title: a.chatbotName || "SynapseChat",
-		variant: a.variant,
-		children: /* @__PURE__ */ n(e, {
+function o({ open: o, onClose: s, ...c }) {
+	let l = t();
+	return /* @__PURE__ */ a(r, {
+		open: o,
+		onClose: s,
+		title: c.chatbotName || "SynapseChat",
+		variant: c.variant,
+		children: /* @__PURE__ */ a(n, {
 			hideTitle: !0,
 			textboxPositionOffset: "16px",
-			...a
+			onSessionCreationUnauthenticated: () => {
+				i({
+					variant: c.variant,
+					initialMessage: c.initialMessage
+				}), e(l.toString());
+			},
+			...c
 		})
-	}, a.variant);
+	}, c.variant);
 }
 //#endregion
-export { r as SynapsePortalChatDialog, r as default };
+export { o as SynapsePortalChatDialog, o as default };
 
 //# sourceMappingURL=SynapsePortalChatDialog.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SynapsePortalChatDialog.js","names":[],"sources":["../../../src/components/SynapseChat/SynapsePortalChatDialog.tsx"],"sourcesContent":["import DraggableDialog from '../DraggableDialog/DraggableDialog'\nimport SynapseChat, { SynapseChatProps } from './SynapseChat'\n\nexport type SynapsePortalChatDialogProps = SynapseChatProps & {\n  open: boolean\n  onClose: () => void\n}\n\n/**\n * A dialog that wraps SynapseChat with externally-controlled open/close state.\n * Only shown when the user is logged in and the PORTAL_CHAT feature flag is enabled.\n */\nexport function SynapsePortalChatDialog({\n  open,\n  onClose,\n  ...chatDialogProps\n}: SynapsePortalChatDialogProps) {\n  return (\n    <DraggableDialog\n      key={chatDialogProps.variant}\n      open={open}\n      onClose={onClose}\n      title={chatDialogProps.chatbotName || 'SynapseChat'}\n      variant={chatDialogProps.variant}\n    >\n      <SynapseChat\n        hideTitle={true}\n        textboxPositionOffset=\"16px\"\n        {...chatDialogProps}\n      />\n    </DraggableDialog>\n  )\n}\n\nexport default SynapsePortalChatDialog\n"],"mappings":";;;;AAYA,SAAgB,EAAwB,EACtC,SACA,YACA,GAAG,KAC4B;CAC/B,OACE,kBAAC,GAAD;EAEQ;EACG;EACT,OAAO,EAAgB,eAAe;EACtC,SAAS,EAAgB;YAEzB,kBAAC,GAAD;GACE,WAAW;GACX,uBAAsB;GACtB,GAAI;EACL,CAAA;CACc,GAXV,EAAgB,OAWN;AAErB"}
+{"version":3,"file":"SynapsePortalChatDialog.js","names":[],"sources":["../../../src/components/SynapseChat/SynapsePortalChatDialog.tsx"],"sourcesContent":["import DraggableDialog from '../DraggableDialog/DraggableDialog'\nimport { storeRedirectURLForOneSageLoginAndGotoURL } from '@/utils/AppUtils'\nimport { useOneSageURL } from '@/utils/hooks/useOneSageURL'\nimport { persistPortalChatReopenIntent } from './portalChatSessionStorage'\nimport SynapseChat, { SynapseChatProps } from './SynapseChat'\n\nexport type SynapsePortalChatDialogProps = SynapseChatProps & {\n  open: boolean\n  onClose: () => void\n}\n\n/**\n * A dialog that wraps SynapseChat with externally-controlled open/close state.\n *\n * Anonymous users are allowed to open the dialog: SynapseChat attempts to create a session, and if\n * the agent is not open to anonymous chat, the user is redirected to log in.\n */\nexport function SynapsePortalChatDialog({\n  open,\n  onClose,\n  ...chatDialogProps\n}: SynapsePortalChatDialogProps) {\n  const oneSageUrl = useOneSageURL()\n  return (\n    <DraggableDialog\n      key={chatDialogProps.variant}\n      open={open}\n      onClose={onClose}\n      title={chatDialogProps.chatbotName || 'SynapseChat'}\n      variant={chatDialogProps.variant}\n    >\n      <SynapseChat\n        hideTitle={true}\n        textboxPositionOffset=\"16px\"\n        onSessionCreationUnauthenticated={() => {\n          // Remember the chat was open so it can be reopened after the login round-trip.\n          persistPortalChatReopenIntent({\n            variant: chatDialogProps.variant,\n            initialMessage: chatDialogProps.initialMessage,\n          })\n          storeRedirectURLForOneSageLoginAndGotoURL(oneSageUrl.toString())\n        }}\n        {...chatDialogProps}\n      />\n    </DraggableDialog>\n  )\n}\n\nexport default SynapsePortalChatDialog\n"],"mappings":";;;;;;;;AAiBA,SAAgB,EAAwB,EACtC,SACA,YACA,GAAG,KAC4B;CAC/B,IAAM,IAAa,EAAc;CACjC,OACE,kBAAC,GAAD;EAEQ;EACG;EACT,OAAO,EAAgB,eAAe;EACtC,SAAS,EAAgB;YAEzB,kBAAC,GAAD;GACE,WAAW;GACX,uBAAsB;GACtB,wCAAwC;IAMtC,AAJA,EAA8B;KAC5B,SAAS,EAAgB;KACzB,gBAAgB,EAAgB;IAClC,CAAC,GACD,EAA0C,EAAW,SAAS,CAAC;GACjE;GACA,GAAI;EACL,CAAA;CACc,GAnBV,EAAgB,OAmBN;AAErB"}

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

@@ -0,0 +1,23 @@
+/**
+ * Persists, across an OAuth login round-trip, the intent to reopen the portal chat dialog.
+ *
+ * When an anonymous user opens the chat and is redirected to log in, the full-page navigation
+ * discards the dialog's open state. Storing the intent before the redirect lets the app reopen the
+ * dialog when the user returns authenticated.
+ *
+ * localStorage (not sessionStorage) is used because the login flow returns to the portal origin in a
+ * way that may not preserve the original tab's session (e.g. a fresh tab), and localStorage is shared
+ * across tabs of the same origin. The intent is consumed once and carries a short TTL so it can only
+ * reopen the chat as part of the immediate round-trip.
+ */
+export type PortalChatReopenIntent = {
+    variant?: 'default' | 'curie';
+    initialMessage?: string;
+};
+export declare function persistPortalChatReopenIntent(intent: PortalChatReopenIntent): void;
+/**
+ * Returns the stored reopen intent and removes it, so a given intent is only ever acted on once.
+ * Intents older than the TTL are discarded.
+ */
+export declare function consumePortalChatReopenIntent(): PortalChatReopenIntent | undefined;
+//# sourceMappingURL=portalChatSessionStorage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"portalChatSessionStorage.d.ts","sourceRoot":"","sources":["../../../src/components/SynapseChat/portalChatSessionStorage.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,MAAM,MAAM,sBAAsB,GAAG;IACnC,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAOD,wBAAgB,6BAA6B,CAAC,MAAM,EAAE,sBAAsB,QAO3E;AAED;;;GAGG;AACH,wBAAgB,6BAA6B,IACzC,sBAAsB,GACtB,SAAS,CAkBZ"}

package/dist/components/SynapseChat/portalChatSessionStorage.js

@@ -0,0 +1,29 @@
+//#region src/components/SynapseChat/portalChatSessionStorage.ts
+var e = "portalChat.reopenAfterLogin", t = 3600 * 1e3;
+function n(t) {
+	try {
+		let n = {
+			...t,
+			savedAt: Date.now()
+		};
+		localStorage.setItem(e, JSON.stringify(n));
+	} catch {}
+}
+function r() {
+	try {
+		let n = localStorage.getItem(e);
+		if (!n) return;
+		localStorage.removeItem(e);
+		let r = JSON.parse(n);
+		return typeof r.savedAt != "number" || Date.now() - r.savedAt > t ? void 0 : {
+			variant: r.variant,
+			initialMessage: r.initialMessage
+		};
+	} catch {
+		return;
+	}
+}
+//#endregion
+export { r as consumePortalChatReopenIntent, n as persistPortalChatReopenIntent };
+
+//# sourceMappingURL=portalChatSessionStorage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"portalChatSessionStorage.js","names":[],"sources":["../../../src/components/SynapseChat/portalChatSessionStorage.ts"],"sourcesContent":["/**\n * Persists, across an OAuth login round-trip, the intent to reopen the portal chat dialog.\n *\n * When an anonymous user opens the chat and is redirected to log in, the full-page navigation\n * discards the dialog's open state. Storing the intent before the redirect lets the app reopen the\n * dialog when the user returns authenticated.\n *\n * localStorage (not sessionStorage) is used because the login flow returns to the portal origin in a\n * way that may not preserve the original tab's session (e.g. a fresh tab), and localStorage is shared\n * across tabs of the same origin. The intent is consumed once and carries a short TTL so it can only\n * reopen the chat as part of the immediate round-trip.\n */\n\nexport type PortalChatReopenIntent = {\n  variant?: 'default' | 'curie'\n  initialMessage?: string\n}\n\nconst STORAGE_KEY = 'portalChat.reopenAfterLogin'\nconst MAX_AGE_MS = 60 * 60 * 1000 // 1 hour, generous enough to cover login (incl. 2FA)\n\ntype StoredIntent = PortalChatReopenIntent & { savedAt: number }\n\nexport function persistPortalChatReopenIntent(intent: PortalChatReopenIntent) {\n  try {\n    const stored: StoredIntent = { ...intent, savedAt: Date.now() }\n    localStorage.setItem(STORAGE_KEY, JSON.stringify(stored))\n  } catch {\n    // Storage may be unavailable (e.g. private browsing); reopening is best-effort.\n  }\n}\n\n/**\n * Returns the stored reopen intent and removes it, so a given intent is only ever acted on once.\n * Intents older than the TTL are discarded.\n */\nexport function consumePortalChatReopenIntent():\n  | PortalChatReopenIntent\n  | undefined {\n  try {\n    const raw = localStorage.getItem(STORAGE_KEY)\n    if (!raw) {\n      return undefined\n    }\n    localStorage.removeItem(STORAGE_KEY)\n    const stored = JSON.parse(raw) as StoredIntent\n    if (\n      typeof stored.savedAt !== 'number' ||\n      Date.now() - stored.savedAt > MAX_AGE_MS\n    ) {\n      return undefined\n    }\n    return { variant: stored.variant, initialMessage: stored.initialMessage }\n  } catch {\n    return undefined\n  }\n}\n"],"mappings":";AAkBA,IAAM,IAAc,+BACd,IAAa,OAAU;AAI7B,SAAgB,EAA8B,GAAgC;CAC5E,IAAI;EACF,IAAM,IAAuB;GAAE,GAAG;GAAQ,SAAS,KAAK,IAAI;EAAE;EAC9D,aAAa,QAAQ,GAAa,KAAK,UAAU,CAAM,CAAC;CAC1D,QAAQ,CAER;AACF;AAMA,SAAgB,IAEF;CACZ,IAAI;EACF,IAAM,IAAM,aAAa,QAAQ,CAAW;EAC5C,IAAI,CAAC,GACH;EAEF,aAAa,WAAW,CAAW;EACnC,IAAM,IAAS,KAAK,MAAM,CAAG;EAO7B,OALE,OAAO,EAAO,WAAY,YAC1B,KAAK,IAAI,IAAI,EAAO,UAAU,IAE9B,SAEK;GAAE,SAAS,EAAO;GAAS,gBAAgB,EAAO;EAAe;CAC1E,QAAQ;EACN;CACF;AACF"}

package/dist/components/SynapseHomepageV2/HotdropsAndNews.css

@@ -1 +1 @@
-._container_1ocs6_1{background-color:#fff3;border-radius:9px;grid-template-columns:100%;justify-items:start;max-width:1300px;margin:auto;padding-top:0;padding-bottom:40px;display:grid}@media (width>=600px){._container_1ocs6_1{grid-template-columns:50% 50%;padding-top:80px;padding-bottom:60px}}._item_1ocs6_20{border-right:1px solid var(--synapse-gray-400);border-bottom:1px solid var(--synapse-gray-400);border-left:1px solid var(--synapse-gray-400);grid-template-columns:80% 20%;display:grid}._item_1ocs6_20:first-child{border-top:1px solid var(--synapse-gray-400)}@media (width>=600px){._item_1ocs6_20{border-top:none;border-left:none}._item_1ocs6_20:nth-child(odd){border-left:1px solid var(--synapse-gray-400)}._item_1ocs6_20:nth-child(-n+2){border-top:1px solid var(--synapse-gray-400)}}._item_1ocs6_20{background-color:#ffffffe6;width:100%;padding:15px 0;text-decoration:none}._item_1ocs6_20:hover{cursor:pointer;background-color:#e9f3fef2;text-decoration:none!important}._item_1ocs6_20 ._itemTitle_1ocs6_53{color:var(--synapse-gray-900);font-size:16px;font-weight:700}._item_1ocs6_20 ._itemMeta_1ocs6_58{color:var(--synapse-gray-700)}._adkpVariant_1ocs6_62{grid-template-columns:100%;background-color:#0000!important}@media (width>=600px){._adkpVariant_1ocs6_62{padding-top:0}}._adkpVariant_1ocs6_62 ._item_1ocs6_20{border-left:1px solid var(--synapse-gray-400);border-top:none}._adkpVariant_1ocs6_62 ._item_1ocs6_20:first-child{border-top:1px solid var(--synapse-gray-400)}._adkpVariant_1ocs6_62 ._item_1ocs6_20:hover{background:linear-gradient(91deg,#7761b7 5.34%,#9067b6 24.31%,#816dc8 91.15%)}._adkpVariant_1ocs6_62 ._item_1ocs6_20:hover ._itemTitle_1ocs6_53,._adkpVariant_1ocs6_62 ._item_1ocs6_20:hover ._itemMeta_1ocs6_58,._adkpVariant_1ocs6_62 ._item_1ocs6_20:hover ._itemDescription_1ocs6_83{color:#fff}._itemContent_1ocs6_87{color:var(--synapse-gray-900);padding-left:15px;padding-right:10px}._itemAction_1ocs6_93{place-self:start end;padding-right:15px}._chip_1ocs6_99.MuiChip-root{border-radius:5px;height:24px}
+._container_mn1du_1{background-color:#fff3;border-radius:9px;grid-template-columns:100%;justify-items:start;max-width:1300px;margin:auto;padding-top:0;padding-bottom:40px;display:grid}@media (width>=600px){._container_mn1du_1{grid-template-columns:50% 50%;padding-top:80px;padding-bottom:60px}}._item_mn1du_20{border-right:1px solid var(--synapse-gray-400);border-bottom:1px solid var(--synapse-gray-400);border-left:1px solid var(--synapse-gray-400);grid-template-columns:80% 20%;display:grid}._item_mn1du_20:first-child{border-top:1px solid var(--synapse-gray-400)}@media (width>=600px){._item_mn1du_20{border-top:none;border-left:none}._item_mn1du_20:nth-child(odd){border-left:1px solid var(--synapse-gray-400)}._item_mn1du_20:nth-child(-n+2){border-top:1px solid var(--synapse-gray-400)}}._item_mn1du_20{background-color:#ffffffe6;width:100%;padding:15px 0;text-decoration:none}._item_mn1du_20:hover{cursor:pointer;background-color:#e9f3fef2;text-decoration:none!important}._item_mn1du_20 ._itemTitle_mn1du_53{color:var(--synapse-gray-900);font-size:16px;font-weight:700}._item_mn1du_20 ._itemMeta_mn1du_58{color:var(--synapse-gray-700)}._adkpVariant_mn1du_62{grid-template-columns:100%;background-color:#0000!important}@media (width>=600px){._adkpVariant_mn1du_62{padding-top:0;padding-bottom:0}}._adkpVariant_mn1du_62 ._item_mn1du_20{border-left:1px solid var(--synapse-gray-400);border-top:none}._adkpVariant_mn1du_62 ._item_mn1du_20:first-child{border-top:1px solid var(--synapse-gray-400)}._adkpVariant_mn1du_62 ._item_mn1du_20:hover{background:linear-gradient(91deg,#7761b7 5.34%,#9067b6 24.31%,#816dc8 91.15%)}._adkpVariant_mn1du_62 ._item_mn1du_20:hover ._itemTitle_mn1du_53,._adkpVariant_mn1du_62 ._item_mn1du_20:hover ._itemMeta_mn1du_58,._adkpVariant_mn1du_62 ._item_mn1du_20:hover ._itemDescription_mn1du_84{color:#fff}._itemContent_mn1du_88{color:var(--synapse-gray-900);padding-left:15px;padding-right:10px}._itemAction_mn1du_94{place-self:start end;padding-right:15px}._chip_mn1du_100.MuiChip-root{border-radius:5px;height:24px}

package/dist/components/SynapseHomepageV2/HotdropsAndNews.module.js

@@ -1,13 +1,13 @@
 import './HotdropsAndNews.css';var e = {
-	container: "_container_1ocs6_1",
-	item: "_item_1ocs6_20",
-	itemTitle: "_itemTitle_1ocs6_53",
-	itemMeta: "_itemMeta_1ocs6_58",
-	adkpVariant: "_adkpVariant_1ocs6_62",
-	itemDescription: "_itemDescription_1ocs6_83",
-	itemContent: "_itemContent_1ocs6_87",
-	itemAction: "_itemAction_1ocs6_93",
-	chip: "_chip_1ocs6_99"
+	container: "_container_mn1du_1",
+	item: "_item_mn1du_20",
+	itemTitle: "_itemTitle_mn1du_53",
+	itemMeta: "_itemMeta_mn1du_58",
+	adkpVariant: "_adkpVariant_mn1du_62",
+	itemDescription: "_itemDescription_mn1du_84",
+	itemContent: "_itemContent_mn1du_88",
+	itemAction: "_itemAction_mn1du_94",
+	chip: "_chip_mn1du_100"
 };
 //#endregion
 export { e as default };