@cossistant/react 0.0.4 → 0.0.5

package/hooks/use-window-visibility-focus.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-window-visibility-focus.js","names":[],"sources":["../../src/hooks/use-window-visibility-focus.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\nexport type WindowVisibilityFocusState = {\n        isPageVisible: boolean;\n        hasWindowFocus: boolean;\n};\n\nconst getVisibilityFocusState = (): WindowVisibilityFocusState => {\n        if (typeof document === \"undefined\") {\n                return { isPageVisible: true, hasWindowFocus: true };\n        }\n\n        const isPageVisible = !document.hidden;\n        const hasWindowFocus =\n                isPageVisible &&\n                (typeof document.hasFocus === \"function\" ? document.hasFocus() : true);\n\n        return { isPageVisible, hasWindowFocus };\n};\n\nexport function useWindowVisibilityFocus(): WindowVisibilityFocusState {\n        const [state, setState] = useState<WindowVisibilityFocusState>(\n                () => getVisibilityFocusState()\n        );\n\n        useEffect(() => {\n                if (typeof document === \"undefined\") {\n                        return;\n                }\n\n                const handleVisibilityChange = () => {\n                        setState(getVisibilityFocusState());\n                };\n\n                document.addEventListener(\"visibilitychange\", handleVisibilityChange);\n                handleVisibilityChange();\n                return () => {\n                        document.removeEventListener(\n                                \"visibilitychange\",\n                                handleVisibilityChange\n                        );\n                };\n        }, []);\n\n        useEffect(() => {\n                if (typeof window === \"undefined\") {\n                        return;\n                }\n\n                const syncVisibilityFocus = () => {\n                        setState(getVisibilityFocusState());\n                };\n\n                const handleFocus = () => {\n                        syncVisibilityFocus();\n                };\n                const handleBlur = () => {\n                        syncVisibilityFocus();\n                };\n\n                window.addEventListener(\"focus\", handleFocus);\n                window.addEventListener(\"blur\", handleBlur);\n\n                syncVisibilityFocus();\n\n                return () => {\n                        window.removeEventListener(\"focus\", handleFocus);\n                        window.removeEventListener(\"blur\", handleBlur);\n                };\n        }, []);\n\n        return state;\n}\n"],"mappings":";;;AAOA,MAAM,gCAA4D;AAC1D,KAAI,OAAO,aAAa,YAChB,QAAO;EAAE,eAAe;EAAM,gBAAgB;EAAM;CAG5D,MAAM,gBAAgB,CAAC,SAAS;CAChC,MAAM,iBACE,kBACC,OAAO,SAAS,aAAa,aAAa,SAAS,UAAU,GAAG;AAEzE,QAAO;EAAE;EAAe;EAAgB;;AAGhD,SAAgB,2BAAuD;CAC/D,MAAM,CAAC,OAAO,YAAY,eACZ,yBAAyB,CACtC;AAED,iBAAgB;AACR,MAAI,OAAO,aAAa,YAChB;EAGR,MAAM,+BAA+B;AAC7B,YAAS,yBAAyB,CAAC;;AAG3C,WAAS,iBAAiB,oBAAoB,uBAAuB;AACrE,0BAAwB;AACxB,eAAa;AACL,YAAS,oBACD,oBACA,uBACP;;IAEd,EAAE,CAAC;AAEN,iBAAgB;AACR,MAAI,OAAO,WAAW,YACd;EAGR,MAAM,4BAA4B;AAC1B,YAAS,yBAAyB,CAAC;;EAG3C,MAAM,oBAAoB;AAClB,wBAAqB;;EAE7B,MAAM,mBAAmB;AACjB,wBAAqB;;AAG7B,SAAO,iBAAiB,SAAS,YAAY;AAC7C,SAAO,iBAAiB,QAAQ,WAAW;AAE3C,uBAAqB;AAErB,eAAa;AACL,UAAO,oBAAoB,SAAS,YAAY;AAChD,UAAO,oBAAoB,QAAQ,WAAW;;IAE3D,EAAE,CAAC;AAEN,QAAO"}
+{"version":3,"file":"use-window-visibility-focus.js","names":[],"sources":["../../src/hooks/use-window-visibility-focus.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\nexport type WindowVisibilityFocusState = {\n\tisPageVisible: boolean;\n\thasWindowFocus: boolean;\n};\n\nconst getVisibilityFocusState = (): WindowVisibilityFocusState => {\n\tif (typeof document === \"undefined\") {\n\t\treturn { isPageVisible: true, hasWindowFocus: true };\n\t}\n\n\tconst isPageVisible = !document.hidden;\n\tconst hasWindowFocus =\n\t\tisPageVisible &&\n\t\t(typeof document.hasFocus === \"function\" ? document.hasFocus() : true);\n\n\treturn { isPageVisible, hasWindowFocus };\n};\n\n/**\n * Tracks document visibility and window focus so hooks can defer updates while\n * the user is away from the page.\n */\nexport function useWindowVisibilityFocus(): WindowVisibilityFocusState {\n\tconst [state, setState] = useState<WindowVisibilityFocusState>(() =>\n\t\tgetVisibilityFocusState()\n\t);\n\n\tuseEffect(() => {\n\t\tif (typeof document === \"undefined\") {\n\t\t\treturn;\n\t\t}\n\n\t\tconst handleVisibilityChange = () => {\n\t\t\tsetState(getVisibilityFocusState());\n\t\t};\n\n\t\tdocument.addEventListener(\"visibilitychange\", handleVisibilityChange);\n\t\thandleVisibilityChange();\n\t\treturn () => {\n\t\t\tdocument.removeEventListener(\"visibilitychange\", handleVisibilityChange);\n\t\t};\n\t}, []);\n\n\tuseEffect(() => {\n\t\tif (typeof window === \"undefined\") {\n\t\t\treturn;\n\t\t}\n\n\t\tconst syncVisibilityFocus = () => {\n\t\t\tsetState(getVisibilityFocusState());\n\t\t};\n\n\t\tconst handleFocus = () => {\n\t\t\tsyncVisibilityFocus();\n\t\t};\n\t\tconst handleBlur = () => {\n\t\t\tsyncVisibilityFocus();\n\t\t};\n\n\t\twindow.addEventListener(\"focus\", handleFocus);\n\t\twindow.addEventListener(\"blur\", handleBlur);\n\n\t\tsyncVisibilityFocus();\n\n\t\treturn () => {\n\t\t\twindow.removeEventListener(\"focus\", handleFocus);\n\t\t\twindow.removeEventListener(\"blur\", handleBlur);\n\t\t};\n\t}, []);\n\n\treturn state;\n}\n"],"mappings":";;;AAOA,MAAM,gCAA4D;AACjE,KAAI,OAAO,aAAa,YACvB,QAAO;EAAE,eAAe;EAAM,gBAAgB;EAAM;CAGrD,MAAM,gBAAgB,CAAC,SAAS;AAKhC,QAAO;EAAE;EAAe,gBAHvB,kBACC,OAAO,SAAS,aAAa,aAAa,SAAS,UAAU,GAAG;EAE1B;;;;;;AAOzC,SAAgB,2BAAuD;CACtE,MAAM,CAAC,OAAO,YAAY,eACzB,yBAAyB,CACzB;AAED,iBAAgB;AACf,MAAI,OAAO,aAAa,YACvB;EAGD,MAAM,+BAA+B;AACpC,YAAS,yBAAyB,CAAC;;AAGpC,WAAS,iBAAiB,oBAAoB,uBAAuB;AACrE,0BAAwB;AACxB,eAAa;AACZ,YAAS,oBAAoB,oBAAoB,uBAAuB;;IAEvE,EAAE,CAAC;AAEN,iBAAgB;AACf,MAAI,OAAO,WAAW,YACrB;EAGD,MAAM,4BAA4B;AACjC,YAAS,yBAAyB,CAAC;;EAGpC,MAAM,oBAAoB;AACzB,wBAAqB;;EAEtB,MAAM,mBAAmB;AACxB,wBAAqB;;AAGtB,SAAO,iBAAiB,SAAS,YAAY;AAC7C,SAAO,iBAAiB,QAAQ,WAAW;AAE3C,uBAAqB;AAErB,eAAa;AACZ,UAAO,oBAAoB,SAAS,YAAY;AAChD,UAAO,oBAAoB,QAAQ,WAAW;;IAE7C,EAAE,CAAC;AAEN,QAAO"}

package/identify-visitor.d.ts

@@ -1,16 +1,25 @@
+import { ReactElement } from "react";
+import { VisitorMetadata } from "@cossistant/types";
+
 //#region src/identify-visitor.d.ts
 type IdentifySupportVisitorProps = {
   externalId?: string;
   email?: string;
+  name?: string | null;
+  image?: string | null;
+  metadata?: VisitorMetadata | null;
 };
 /**
- * Component exposed by Cossistant allowing you to identify a visitor whenever rendered with either an `externalId` or `email`.
+ * Component exposed by Cossistant allowing you to identify a visitor whenever rendered with either an `externalId` or `email`. Once identified, the visitor will be associated with a contact and any subsequent metadata updates will be attached to this contact.
  */
 declare const IdentifySupportVisitor: {
   ({
     externalId,
-    email
-  }: IdentifySupportVisitorProps): null;
+    email,
+    name,
+    image,
+    metadata: _newMetadata
+  }: IdentifySupportVisitorProps): ReactElement | null;
   displayName: string;
 };
 //#endregion

package/identify-visitor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"identify-visitor.d.ts","names":[],"sources":["../src/identify-visitor.tsx"],"sourcesContent":[],"mappings":";KAIY,2BAAA;EAAA,UAAA,CAAA,EAAA,MAAA;EAQC,KAAA,CAAA,EAAA,MAAA;CAcZ;;;;AAX6B,cAHjB,sBAGiB,EAAA;;;;KAA3B"}
+{"version":3,"file":"identify-visitor.d.ts","names":[],"sources":["../src/identify-visitor.tsx"],"sourcesContent":[],"mappings":";;;;KAOY,2BAAA;EAAA,UAAA,CAAA,EAAA,MAAA;EAWC,KAAA,CAAA,EAAA,MAAA;;;aAND;;;;;AAYiC,cANhC,sBAMgC,EAAA;;;;;;;KAA1C,8BAA8B"}

package/identify-visitor.js

@@ -1,21 +1,70 @@
 import { useVisitor } from "./hooks/use-visitor.js";
-import { useEffect } from "react";
+import { computeMetadataHash } from "./utils/metadata-hash.js";
+import { useEffect, useState } from "react";
 
 //#region src/identify-visitor.tsx
 /**
-* Component exposed by Cossistant allowing you to identify a visitor whenever rendered with either an `externalId` or `email`.
+* Component exposed by Cossistant allowing you to identify a visitor whenever rendered with either an `externalId` or `email`. Once identified, the visitor will be associated with a contact and any subsequent metadata updates will be attached to this contact.
 */
-const IdentifySupportVisitor = ({ externalId, email }) => {
-	const { visitor, identify } = useVisitor();
+const IdentifySupportVisitor = ({ externalId, email, name, image, metadata: _newMetadata }) => {
+	const { visitor, identify, setVisitorMetadata } = useVisitor();
+	const [hasIdentified, setHasIdentified] = useState(false);
+	const [lastMetadataHash, setLastMetadataHash] = useState(null);
 	useEffect(() => {
-		if (!visitor?.contact && (externalId || email)) identify({
-			externalId,
-			email
-		});
+		const shouldIdentify = async () => {
+			if (!Boolean(externalId || email)) return;
+			if (!visitor?.contact) {
+				if (!hasIdentified) {
+					await identify({
+						externalId,
+						email,
+						name: name ?? void 0,
+						image: image ?? void 0
+					});
+					setHasIdentified(true);
+				}
+				return;
+			}
+			const contact = visitor.contact;
+			const nameChanged = name !== void 0 && name !== contact.name;
+			const emailChanged = email !== void 0 && email !== contact.email;
+			const imageChanged = image !== void 0 && image !== contact.image;
+			if (nameChanged || emailChanged || imageChanged) await identify({
+				externalId,
+				email,
+				name: name ?? void 0,
+				image: image ?? void 0
+			});
+		};
+		shouldIdentify();
 	}, [
 		visitor?.contact,
 		externalId,
-		email
+		email,
+		name,
+		image,
+		identify,
+		hasIdentified
+	]);
+	useEffect(() => {
+		const updateMetadata = async () => {
+			if (!_newMetadata) return;
+			if (!visitor?.contact) return;
+			const newMetadataHash = await computeMetadataHash(_newMetadata);
+			const hashChanged = newMetadataHash !== (visitor.contact.metadataHash || "");
+			const notAlreadyUpdated = newMetadataHash !== lastMetadataHash;
+			if (Boolean(newMetadataHash && hashChanged && notAlreadyUpdated)) {
+				await setVisitorMetadata(_newMetadata);
+				setLastMetadataHash(newMetadataHash);
+			}
+		};
+		updateMetadata();
+	}, [
+		_newMetadata,
+		visitor?.contact?.metadataHash,
+		visitor?.contact,
+		setVisitorMetadata,
+		lastMetadataHash
 	]);
 	return null;
 };

package/identify-visitor.js.map

@@ -1 +1 @@
-{"version":3,"file":"identify-visitor.js","names":[],"sources":["../src/identify-visitor.tsx"],"sourcesContent":["/** biome-ignore-all lint/correctness/useExhaustiveDependencies: wanted here */\nimport { useEffect } from \"react\";\nimport { useVisitor } from \"./hooks\";\n\nexport type IdentifySupportVisitorProps = {\n\texternalId?: string;\n\temail?: string;\n};\n\n/**\n * Component exposed by Cossistant allowing you to identify a visitor whenever rendered with either an `externalId` or `email`.\n */\nexport const IdentifySupportVisitor = ({\n\texternalId,\n\temail,\n}: IdentifySupportVisitorProps) => {\n\tconst { visitor, identify } = useVisitor();\n\n\t// Only update when the arrays actually change content\n\tuseEffect(() => {\n\t\tif (!visitor?.contact && (externalId || email)) {\n\t\t\tidentify({ externalId, email });\n\t\t}\n\t}, [visitor?.contact, externalId, email]);\n\n\treturn null;\n};\n\nIdentifySupportVisitor.displayName = \"IdentifySupportVisitor\";\n"],"mappings":";;;;;;;AAYA,MAAa,0BAA0B,EACtC,YACA,YACkC;CAClC,MAAM,EAAE,SAAS,aAAa,YAAY;AAG1C,iBAAgB;AACf,MAAI,CAAC,SAAS,YAAY,cAAc,OACvC,UAAS;GAAE;GAAY;GAAO,CAAC;IAE9B;EAAC,SAAS;EAAS;EAAY;EAAM,CAAC;AAEzC,QAAO;;AAGR,uBAAuB,cAAc"}
+{"version":3,"file":"identify-visitor.js","names":[],"sources":["../src/identify-visitor.tsx"],"sourcesContent":["/** biome-ignore-all lint/correctness/useExhaustiveDependencies: wanted here */\n\nimport type { VisitorMetadata } from \"@cossistant/types\";\nimport { type ReactElement, useEffect, useState } from \"react\";\nimport { useVisitor } from \"./hooks\";\nimport { computeMetadataHash } from \"./utils/metadata-hash\";\n\nexport type IdentifySupportVisitorProps = {\n\texternalId?: string;\n\temail?: string;\n\tname?: string | null;\n\timage?: string | null;\n\tmetadata?: VisitorMetadata | null;\n};\n\n/**\n * Component exposed by Cossistant allowing you to identify a visitor whenever rendered with either an `externalId` or `email`. Once identified, the visitor will be associated with a contact and any subsequent metadata updates will be attached to this contact.\n */\nexport const IdentifySupportVisitor = ({\n\texternalId,\n\temail,\n\tname,\n\timage,\n\tmetadata: _newMetadata,\n}: IdentifySupportVisitorProps): ReactElement | null => {\n\tconst { visitor, identify, setVisitorMetadata } = useVisitor();\n\tconst [hasIdentified, setHasIdentified] = useState(false);\n\tconst [lastMetadataHash, setLastMetadataHash] = useState<string | null>(null);\n\n\t// Only call identify if:\n\t// 1. Visitor hasn't been identified yet (no contact)\n\t// 2. Name, email, or image changed compared to current contact\n\tuseEffect(() => {\n\t\tconst shouldIdentify = async () => {\n\t\t\tconst hasIdentificationData = Boolean(externalId || email);\n\n\t\t\t// Need at least externalId or email to identify\n\t\t\tif (!hasIdentificationData) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Case 1: No contact exists yet\n\t\t\tif (!visitor?.contact) {\n\t\t\t\tif (!hasIdentified) {\n\t\t\t\t\tawait identify({\n\t\t\t\t\t\texternalId,\n\t\t\t\t\t\temail,\n\t\t\t\t\t\tname: name ?? undefined,\n\t\t\t\t\t\timage: image ?? undefined,\n\t\t\t\t\t});\n\t\t\t\t\tsetHasIdentified(true);\n\t\t\t\t}\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Case 2: Contact exists but name/email/image changed\n\t\t\tconst contact = visitor.contact;\n\t\t\tconst nameChanged = name !== undefined && name !== contact.name;\n\t\t\tconst emailChanged = email !== undefined && email !== contact.email;\n\t\t\tconst imageChanged = image !== undefined && image !== contact.image;\n\t\t\tconst hasChanges = nameChanged || emailChanged || imageChanged;\n\n\t\t\tif (hasChanges) {\n\t\t\t\tawait identify({\n\t\t\t\t\texternalId,\n\t\t\t\t\temail,\n\t\t\t\t\tname: name ?? undefined,\n\t\t\t\t\timage: image ?? undefined,\n\t\t\t\t});\n\t\t\t}\n\t\t};\n\n\t\tshouldIdentify();\n\t}, [\n\t\tvisitor?.contact,\n\t\texternalId,\n\t\temail,\n\t\tname,\n\t\timage,\n\t\tidentify,\n\t\thasIdentified,\n\t]);\n\n\t// Compute metadata hash, compare to previous hash and only update if it has changed\n\tuseEffect(() => {\n\t\tconst updateMetadata = async () => {\n\t\t\t// Skip if no metadata provided or visitor doesn't have a contact\n\t\t\tif (!_newMetadata) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (!visitor?.contact) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Compute new metadata hash\n\t\t\tconst newMetadataHash = await computeMetadataHash(_newMetadata);\n\n\t\t\t// Get the existing hash from the contact\n\t\t\tconst existingHash = visitor.contact.metadataHash || \"\";\n\n\t\t\t// Only update if hashes don't match and we haven't already updated with this hash\n\t\t\tconst hashChanged = newMetadataHash !== existingHash;\n\t\t\tconst notAlreadyUpdated = newMetadataHash !== lastMetadataHash;\n\t\t\tconst shouldUpdate = Boolean(\n\t\t\t\tnewMetadataHash && hashChanged && notAlreadyUpdated\n\t\t\t);\n\n\t\t\tif (shouldUpdate) {\n\t\t\t\tawait setVisitorMetadata(_newMetadata);\n\t\t\t\tsetLastMetadataHash(newMetadataHash);\n\t\t\t}\n\t\t};\n\n\t\tupdateMetadata();\n\t}, [\n\t\t_newMetadata,\n\t\tvisitor?.contact?.metadataHash,\n\t\tvisitor?.contact,\n\t\tsetVisitorMetadata,\n\t\tlastMetadataHash,\n\t]);\n\n\treturn null;\n};\n\nIdentifySupportVisitor.displayName = \"IdentifySupportVisitor\";\n"],"mappings":";;;;;;;;AAkBA,MAAa,0BAA0B,EACtC,YACA,OACA,MACA,OACA,UAAU,mBAC6C;CACvD,MAAM,EAAE,SAAS,UAAU,uBAAuB,YAAY;CAC9D,MAAM,CAAC,eAAe,oBAAoB,SAAS,MAAM;CACzD,MAAM,CAAC,kBAAkB,uBAAuB,SAAwB,KAAK;AAK7E,iBAAgB;EACf,MAAM,iBAAiB,YAAY;AAIlC,OAAI,CAH0B,QAAQ,cAAc,MAAM,CAIzD;AAID,OAAI,CAAC,SAAS,SAAS;AACtB,QAAI,CAAC,eAAe;AACnB,WAAM,SAAS;MACd;MACA;MACA,MAAM,QAAQ;MACd,OAAO,SAAS;MAChB,CAAC;AACF,sBAAiB,KAAK;;AAEvB;;GAID,MAAM,UAAU,QAAQ;GACxB,MAAM,cAAc,SAAS,UAAa,SAAS,QAAQ;GAC3D,MAAM,eAAe,UAAU,UAAa,UAAU,QAAQ;GAC9D,MAAM,eAAe,UAAU,UAAa,UAAU,QAAQ;AAG9D,OAFmB,eAAe,gBAAgB,aAGjD,OAAM,SAAS;IACd;IACA;IACA,MAAM,QAAQ;IACd,OAAO,SAAS;IAChB,CAAC;;AAIJ,kBAAgB;IACd;EACF,SAAS;EACT;EACA;EACA;EACA;EACA;EACA;EACA,CAAC;AAGF,iBAAgB;EACf,MAAM,iBAAiB,YAAY;AAElC,OAAI,CAAC,aACJ;AAGD,OAAI,CAAC,SAAS,QACb;GAID,MAAM,kBAAkB,MAAM,oBAAoB,aAAa;GAM/D,MAAM,cAAc,qBAHC,QAAQ,QAAQ,gBAAgB;GAIrD,MAAM,oBAAoB,oBAAoB;AAK9C,OAJqB,QACpB,mBAAmB,eAAe,kBAClC,EAEiB;AACjB,UAAM,mBAAmB,aAAa;AACtC,wBAAoB,gBAAgB;;;AAItC,kBAAgB;IACd;EACF;EACA,SAAS,SAAS;EAClB,SAAS;EACT;EACA;EACA,CAAC;AAEF,QAAO;;AAGR,uBAAuB,cAAc"}

package/index.d.ts

@@ -1,6 +1,6 @@
 import { useClientQuery } from "./hooks/private/use-client-query.js";
 import { useDefaultMessages } from "./hooks/private/use-default-messages.js";
-import { ConversationItem, GroupedMessage, TimelineEventItem, UseGroupedMessagesOptions, UseGroupedMessagesProps, useGroupedMessages } from "./hooks/private/use-grouped-messages.js";
+import { ConversationItem, GroupedMessage, TimelineEventItem, TimelineToolItem, UseGroupedMessagesOptions, UseGroupedMessagesProps, useGroupedMessages } from "./hooks/private/use-grouped-messages.js";
 import { UseMultimodalInputOptions, UseMultimodalInputReturn, useMultimodalInput } from "./hooks/private/use-multimodal-input.js";
 import { UseClientResult, useClient } from "./hooks/private/use-rest-client.js";
 import { UseComposerRefocusOptions, UseComposerRefocusReturn, useComposerRefocus } from "./hooks/use-composer-refocus.js";
@@ -9,9 +9,12 @@ import { CONVERSATION_AUTO_SEEN_DELAY_MS, UseConversationAutoSeenOptions, useCon
 import { UseConversationHistoryPageOptions, UseConversationHistoryPageReturn, useConversationHistoryPage } from "./hooks/use-conversation-history-page.js";
 import { ConversationLifecycleState, UseConversationLifecycleOptions, UseConversationLifecycleReturn, useConversationLifecycle } from "./hooks/use-conversation-lifecycle.js";
 import { UseConversationPageOptions, UseConversationPageReturn, useConversationPage } from "./hooks/use-conversation-page.js";
-import { useConversationSeen, useDebouncedConversationSeen } from "./hooks/use-conversation-seen.js";
+import { SupportLocale, SupportTextContentOverrides } from "./support/text/locales/keys.js";
 import { UseConversationTimelineItemsOptions, UseConversationTimelineItemsResult, useConversationTimelineItems } from "./hooks/use-conversation-timeline-items.js";
+import { ConversationPreviewAssignedAgent, ConversationPreviewLastMessage, ConversationPreviewTypingParticipant, ConversationPreviewTypingState, UseConversationPreviewOptions, UseConversationPreviewReturn, useConversationPreview } from "./hooks/use-conversation-preview.js";
+import { useConversationSeen, useDebouncedConversationSeen } from "./hooks/use-conversation-seen.js";
 import { ConversationTypingParticipant, useConversationTyping } from "./hooks/use-conversation-typing.js";
+import { ConversationTimelineTypingParticipant, UseConversationTimelineOptions, UseConversationTimelineReturn, useConversationTimeline } from "./hooks/use-conversation-timeline.js";
 import { UseConversationsOptions, UseConversationsResult, useConversations } from "./hooks/use-conversations.js";
 import { CreateConversationVariables, UseCreateConversationOptions, UseCreateConversationResult, useCreateConversation } from "./hooks/use-create-conversation.js";
 import { UseHomePageOptions, UseHomePageReturn, useHomePage } from "./hooks/use-home-page.js";
@@ -20,19 +23,19 @@ import { UseRealtimeSupportOptions, UseRealtimeSupportResult, useRealtimeSupport
 import { SendMessageOptions, SendMessageResult, UseSendMessageOptions, UseSendMessageResult, useSendMessage } from "./hooks/use-send-message.js";
 import { UseVisitorReturn, useVisitor } from "./hooks/use-visitor.js";
 import { WindowVisibilityFocusState, useWindowVisibilityFocus } from "./hooks/use-window-visibility-focus.js";
+import "./hooks/index.js";
 import { IdentifySupportVisitor, IdentifySupportVisitorProps } from "./identify-visitor.js";
 import { SupportConfig, SupportConfigProps } from "./support-config.js";
 import { index_d_exports } from "./primitives/index.js";
-import { CossistantContextValue, CossistantProviderProps, SupportProvider, SupportProviderProps, useSupport } from "./provider.js";
+import { CossistantContextValue, CossistantProviderProps, SupportContext, SupportProvider, SupportProviderProps, UseSupportValue, useSupport } from "./provider.js";
 import { RealtimeAuthConfig, RealtimeContextValue, RealtimeProvider, RealtimeProviderProps, useRealtimeConnection } from "./realtime/provider.js";
 import { applyConversationSeenEvent, hydrateConversationSeen, upsertConversationSeen } from "./realtime/seen-store.js";
 import { SupportRealtimeProvider } from "./realtime/support-provider.js";
 import { applyConversationTypingEvent, clearTypingFromTimelineItem, clearTypingState, setTypingState } from "./realtime/typing-store.js";
 import { RealtimeEventHandler, RealtimeEventHandlerEntry, RealtimeEventHandlersMap, RealtimeEventMeta, useRealtime } from "./realtime/use-realtime.js";
-import { SupportLocale, SupportTextContentOverrides } from "./support/text/locales/keys.js";
+import "./realtime/index.js";
 import { Text, useSupportText } from "./support/text/index.js";
-import { useSupportConfig } from "./support/context/config.js";
 import { WebSocketContextValue, WebSocketProvider, useWebSocket } from "./support/context/websocket.js";
-import { useSupportStore } from "./support/store/support-store.js";
+import { useSupportConfig, useSupportNavigation, useSupportStore } from "./support/store/support-store.js";
 import { Support, SupportProps } from "./support/index.js";
-export { CONVERSATION_AUTO_SEEN_DELAY_MS, ConversationItem, ConversationLifecycleState, ConversationTypingParticipant, CossistantContextValue, CossistantProviderProps, CreateConversationVariables, GroupedMessage, IdentifySupportVisitor, IdentifySupportVisitorProps, index_d_exports as Primitives, RealtimeAuthConfig, RealtimeContextValue, RealtimeEventHandler, RealtimeEventHandlerEntry, RealtimeEventHandlersMap, RealtimeEventMeta, RealtimeProvider, RealtimeProviderProps, SendMessageOptions, SendMessageResult, Support, SupportConfig, SupportConfigProps, SupportLocale, SupportProps, SupportProvider, SupportProviderProps, SupportRealtimeProvider, SupportTextContentOverrides, Text, TimelineEventItem, UseClientResult, UseComposerRefocusOptions, UseComposerRefocusReturn, UseConversationAutoSeenOptions, UseConversationHistoryPageOptions, UseConversationHistoryPageReturn, UseConversationLifecycleOptions, UseConversationLifecycleReturn, UseConversationOptions, UseConversationPageOptions, UseConversationPageReturn, UseConversationResult, UseConversationTimelineItemsOptions, UseConversationTimelineItemsResult, UseConversationsOptions, UseConversationsResult, UseCreateConversationOptions, UseCreateConversationResult, UseGroupedMessagesOptions, UseGroupedMessagesProps, UseHomePageOptions, UseHomePageReturn, UseMessageComposerOptions, UseMessageComposerReturn, UseMultimodalInputOptions, UseMultimodalInputReturn, UseRealtimeSupportOptions, UseRealtimeSupportResult, UseSendMessageOptions, UseSendMessageResult, UseVisitorReturn, WebSocketContextValue, WebSocketProvider, WindowVisibilityFocusState, applyConversationSeenEvent, applyConversationTypingEvent, clearTypingFromTimelineItem, clearTypingState, hydrateConversationSeen, setTypingState, upsertConversationSeen, useClient, useClientQuery, useComposerRefocus, useConversation, useConversationAutoSeen, useConversationHistoryPage, useConversationLifecycle, useConversationPage, useConversationSeen, useConversationTimelineItems, useConversationTyping, useConversations, useCreateConversation, useDebouncedConversationSeen, useDefaultMessages, useGroupedMessages, useHomePage, useMessageComposer, useMultimodalInput, useRealtime, useRealtimeConnection, useRealtimeSupport, useSendMessage, useSupport, useSupportConfig, useSupportStore, useSupportText, useVisitor, useWebSocket, useWindowVisibilityFocus };
+export { CONVERSATION_AUTO_SEEN_DELAY_MS, ConversationItem, ConversationLifecycleState, ConversationPreviewAssignedAgent, ConversationPreviewLastMessage, ConversationPreviewTypingParticipant, ConversationPreviewTypingState, ConversationTimelineTypingParticipant, ConversationTypingParticipant, CossistantContextValue, CossistantProviderProps, CreateConversationVariables, GroupedMessage, IdentifySupportVisitor, IdentifySupportVisitorProps, index_d_exports as Primitives, RealtimeAuthConfig, RealtimeContextValue, RealtimeEventHandler, RealtimeEventHandlerEntry, RealtimeEventHandlersMap, RealtimeEventMeta, RealtimeProvider, RealtimeProviderProps, SendMessageOptions, SendMessageResult, Support, SupportConfig, SupportConfigProps, SupportContext, SupportLocale, SupportProps, SupportProvider, SupportProviderProps, SupportRealtimeProvider, SupportTextContentOverrides, Text, TimelineEventItem, TimelineToolItem, UseClientResult, UseComposerRefocusOptions, UseComposerRefocusReturn, UseConversationAutoSeenOptions, UseConversationHistoryPageOptions, UseConversationHistoryPageReturn, UseConversationLifecycleOptions, UseConversationLifecycleReturn, UseConversationOptions, UseConversationPageOptions, UseConversationPageReturn, UseConversationPreviewOptions, UseConversationPreviewReturn, UseConversationResult, UseConversationTimelineItemsOptions, UseConversationTimelineItemsResult, UseConversationTimelineOptions, UseConversationTimelineReturn, UseConversationsOptions, UseConversationsResult, UseCreateConversationOptions, UseCreateConversationResult, UseGroupedMessagesOptions, UseGroupedMessagesProps, UseHomePageOptions, UseHomePageReturn, UseMessageComposerOptions, UseMessageComposerReturn, UseMultimodalInputOptions, UseMultimodalInputReturn, UseRealtimeSupportOptions, UseRealtimeSupportResult, UseSendMessageOptions, UseSendMessageResult, UseSupportValue, UseVisitorReturn, WebSocketContextValue, WebSocketProvider, WindowVisibilityFocusState, applyConversationSeenEvent, applyConversationTypingEvent, clearTypingFromTimelineItem, clearTypingState, hydrateConversationSeen, setTypingState, upsertConversationSeen, useClient, useClientQuery, useComposerRefocus, useConversation, useConversationAutoSeen, useConversationHistoryPage, useConversationLifecycle, useConversationPage, useConversationPreview, useConversationSeen, useConversationTimeline, useConversationTimelineItems, useConversationTyping, useConversations, useCreateConversation, useDebouncedConversationSeen, useDefaultMessages, useGroupedMessages, useHomePage, useMessageComposer, useMultimodalInput, useRealtime, useRealtimeConnection, useRealtimeSupport, useSendMessage, useSupport, useSupportConfig, useSupportNavigation, useSupportStore, useSupportText, useVisitor, useWebSocket, useWindowVisibilityFocus };

package/index.js

@@ -1,15 +1,15 @@
 import { useClientQuery } from "./hooks/private/use-client-query.js";
 import { useClient } from "./hooks/private/use-rest-client.js";
-import { RealtimeProvider, useRealtimeConnection } from "./realtime/provider.js";
 import { applyConversationSeenEvent, hydrateConversationSeen, upsertConversationSeen } from "./realtime/seen-store.js";
+import { RealtimeProvider, useRealtimeConnection } from "./realtime/provider.js";
 import { applyConversationTypingEvent, clearTypingFromTimelineItem, clearTypingState, setTypingState } from "./realtime/typing-store.js";
 import { useRealtime } from "./realtime/use-realtime.js";
 import { SupportRealtimeProvider } from "./realtime/support-provider.js";
 import { SupportConfig } from "./support-config.js";
-import { useSupportStore } from "./support/store/support-store.js";
-import { useSupportConfig } from "./support/context/config.js";
+import { useSupportConfig, useSupportNavigation, useSupportStore } from "./support/store/support-store.js";
 import { primitives_exports } from "./primitives/index.js";
 import { Text, useSupportText } from "./support/text/index.js";
+import { useConversation } from "./hooks/use-conversation.js";
 import { useWindowVisibilityFocus } from "./hooks/use-window-visibility-focus.js";
 import { CONVERSATION_AUTO_SEEN_DELAY_MS, useConversationAutoSeen } from "./hooks/use-conversation-auto-seen.js";
 import { useConversationLifecycle } from "./hooks/use-conversation-lifecycle.js";
@@ -19,20 +19,21 @@ import { useSendMessage } from "./hooks/use-send-message.js";
 import { useMessageComposer } from "./hooks/use-message-composer.js";
 import { useConversationPage } from "./hooks/use-conversation-page.js";
 import { useGroupedMessages } from "./hooks/private/use-grouped-messages.js";
+import { useConversationSeen, useDebouncedConversationSeen } from "./hooks/use-conversation-seen.js";
+import { useConversationTyping } from "./hooks/use-conversation-typing.js";
+import { useConversationTimeline } from "./hooks/use-conversation-timeline.js";
 import { useComposerRefocus } from "./hooks/use-composer-refocus.js";
+import { useVisitor } from "./hooks/use-visitor.js";
 import { useConversations } from "./hooks/use-conversations.js";
 import { useConversationHistoryPage } from "./hooks/use-conversation-history-page.js";
+import { useConversationPreview } from "./hooks/use-conversation-preview.js";
 import { useHomePage } from "./hooks/use-home-page.js";
 import { WebSocketProvider, useWebSocket } from "./support/context/websocket.js";
 import { Support } from "./support/index.js";
-import { SupportProvider, useSupport } from "./provider.js";
+import { SupportContext, SupportProvider, useSupport } from "./provider.js";
 import { useDefaultMessages } from "./hooks/private/use-default-messages.js";
-import { useConversation } from "./hooks/use-conversation.js";
-import { useConversationSeen, useDebouncedConversationSeen } from "./hooks/use-conversation-seen.js";
-import { useConversationTyping } from "./hooks/use-conversation-typing.js";
 import { useCreateConversation } from "./hooks/use-create-conversation.js";
 import { useRealtimeSupport } from "./hooks/use-realtime-support.js";
-import { useVisitor } from "./hooks/use-visitor.js";
 import { IdentifySupportVisitor } from "./identify-visitor.js";
 
-export { CONVERSATION_AUTO_SEEN_DELAY_MS, IdentifySupportVisitor, primitives_exports as Primitives, RealtimeProvider, Support, SupportConfig, SupportProvider, SupportRealtimeProvider, Text, WebSocketProvider, applyConversationSeenEvent, applyConversationTypingEvent, clearTypingFromTimelineItem, clearTypingState, hydrateConversationSeen, setTypingState, upsertConversationSeen, useClient, useClientQuery, useComposerRefocus, useConversation, useConversationAutoSeen, useConversationHistoryPage, useConversationLifecycle, useConversationPage, useConversationSeen, useConversationTimelineItems, useConversationTyping, useConversations, useCreateConversation, useDebouncedConversationSeen, useDefaultMessages, useGroupedMessages, useHomePage, useMessageComposer, useMultimodalInput, useRealtime, useRealtimeConnection, useRealtimeSupport, useSendMessage, useSupport, useSupportConfig, useSupportStore, useSupportText, useVisitor, useWebSocket, useWindowVisibilityFocus };
+export { CONVERSATION_AUTO_SEEN_DELAY_MS, IdentifySupportVisitor, primitives_exports as Primitives, RealtimeProvider, Support, SupportConfig, SupportContext, SupportProvider, SupportRealtimeProvider, Text, WebSocketProvider, applyConversationSeenEvent, applyConversationTypingEvent, clearTypingFromTimelineItem, clearTypingState, hydrateConversationSeen, setTypingState, upsertConversationSeen, useClient, useClientQuery, useComposerRefocus, useConversation, useConversationAutoSeen, useConversationHistoryPage, useConversationLifecycle, useConversationPage, useConversationPreview, useConversationSeen, useConversationTimeline, useConversationTimelineItems, useConversationTyping, useConversations, useCreateConversation, useDebouncedConversationSeen, useDefaultMessages, useGroupedMessages, useHomePage, useMessageComposer, useMultimodalInput, useRealtime, useRealtimeConnection, useRealtimeSupport, useSendMessage, useSupport, useSupportConfig, useSupportNavigation, useSupportStore, useSupportText, useVisitor, useWebSocket, useWindowVisibilityFocus };

package/package.json

@@ -1,27 +1,22 @@
 {
   "name": "@cossistant/react",
-  "version": "0.0.4",
+  "type": "module",
+  "version": "0.0.5",
   "private": false,
   "author": "Cossistant team",
   "description": "Headless React SDK for building AI-powered support/chat widgets. Hooks + primitives, WS-driven, TypeScript-first. Next.js-ready, Tailwind optional.",
   "keywords": [
     "react",
-    "headless",
     "headless-ui",
-    "support",
-    "customer support",
+    "support-widget",
+    "chat-widget",
+    "customer-support",
     "helpdesk",
-    "support widget",
-    "chat widget",
-    "live chat",
-    "ai",
-    "ai support",
-    "ai-agent",
-    "support agent",
+    "live-chat",
+    "ai-support",
+    "websocket",
     "typescript",
-    "nextjs",
     "tailwind",
-    "shadcn",
     "accessibility"
   ],
   "bugs": {
@@ -56,10 +51,10 @@
       "import": "./hooks/index.js"
     },
     "./hooks/*": {
-      "types": "./hooks/*d.ts",
-      "import": "./hooks/*js"
+      "types": "./hooks/*.d.ts",
+      "import": "./hooks/*.js"
     },
-    "./support.css": "./support/support.css",
+    "./support.css": "./support.css",
     "./realtime": {
       "types": "./realtime/index.d.ts",
       "import": "./realtime/index.js"

package/primitives/avatar/avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.d.ts","names":[],"sources":["../../../src/primitives/avatar/avatar.tsx"],"sourcesContent":[],"mappings":";;;KAGK,WAAA;;AAH0B,CAAA;AAOnB,KAAA,WAAA,GAAc,IAAH,CACtB,OAAA,CAAM,cADgB,CACD,eADC,CAAA,EAAA,UAAA,CAAA,GAAA;EAAA,QAAA,CAAA,EAIX,OAAA,CAAM,SAJK;SACD,CAAA,EAAA,OAAA;WAArB,CAAA,EAAM,MAAA;;AAGK,UAKK,kBAAA,SAA2B,WAL1B,CAAA;EAAS,0BAAA,EAAA,CAAA,MAAA,EAOjB,WAPiB,CAAA,oBAAA,CAAA,EAAA,GAAA,IAAA;AAK3B;;;;;AAYa,cAAA,gBAAgB,EAAA,GAAA,GAAA,kBAQ5B;AAMD;;;;AAAmB,cAAN,MAAM,EAAA,OAAA,CAAA,yBAAA,CAAA,IAAA,CAAA,OAAA,CAAA,cAAA,CAAA,eAAA,CAAA,EAAA,UAAA,CAAA,GAAA;UA/BP,CAAA,EAAA,OAAA,CAAM,SAAA;;;yBA+BC,gBAAA,CAAA,CAAA"}
+{"version":3,"file":"avatar.d.ts","names":[],"sources":["../../../src/primitives/avatar/avatar.tsx"],"sourcesContent":[],"mappings":";;;KAGK,WAAA;;AAH0B,CAAA;AAOnB,KAAA,WAAA,GAAc,IAAH,CACtB,OAAA,CAAM,cADgB,CACD,eADC,CAAA,EAAA,UAAA,CAAA,GAAA;EACD,QAAA,CAAA,EAGV,OAAA,CAAM,SAHI;EAArB,OAAM,CAAA,EAAA,OAAA;EADmB,SAAA,CAAA,EAAA,MAAA;CAId;AAAe,UAKV,kBAAA,SAA2B,WALjB,CAAA;EAKV,0BAAmB,EAAA,CAAA,MAE1B,EAAA,WAFkC,CAAA,oBAAW,CAAA,EAAA,GAAA,IAAA;AAYvD;AAcA;;;;AA/BY,cAiBC,gBAjBK,EAAA,GAAA,GAiBW,kBAjBX;;;;;cA+BL,QAAM,OAAA,CAAA,0BAAA,KAAA,OAAA,CAAA,eAAA;aA/BP,OAAA,CAAM"}

package/primitives/avatar/fallback.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fallback.d.ts","names":[],"sources":["../../../src/primitives/avatar/fallback.tsx"],"sourcesContent":[],"mappings":";;;KASY,mBAAA,GAAsB,KACjC,OAAA,CAAM,eAAe;aAGV,OAAA,CAAM;EAJN,IAAA,CAAA,EAAA,MAAA;EAAmB,OAAA,CAAA,EAAA,MAAA;SACT,CAAA,EAAA,OAAA;WAArB,CAAA,EAAM,MAAA;;;;AA+BP;;AAA2B,cAAd,cAAc,EAAA,OAAA,CAAA,yBAAA,CAAA,IAAA,CAAA,OAAA,CAAA,cAAA,CAAA,eAAA,CAAA,EAAA,UAAA,CAAA,GAAA;UAAA,CAAA,EA5Bf,OAAA,CAAM,SA4BS;MAAA,CAAA,EAAA,MAAA;SA5Bf,CAAA,EAAA,MAAM;;;yBA4BS,gBAAA,CAAA,CAAA"}
+{"version":3,"file":"fallback.d.ts","names":[],"sources":["../../../src/primitives/avatar/fallback.tsx"],"sourcesContent":[],"mappings":";;;KASY,mBAAA,GAAsB,KACjC,OAAA,CAAM,eAAe;aAGV,OAAA,CAAM;EAJN,IAAA,CAAA,EAAA,MAAA;EACU,OAAA,CAAA,EAAA,MAAA;EAArB,OAAM,CAAA,EAAA,OAAA;EAD2B,SAAA,CAAA,EAAA,MAAA;CAItB;;AA4BZ;;;AAA2B,cAAd,cAAc,EAAA,OAAA,CAAA,yBAAA,CAAA,IAAA,CAAA,OAAA,CAAA,cAAA,CAAA,eAAA,CAAA,EAAA,UAAA,CAAA,GAAA;EA5Bf,QAAM,CAAA,EAAN,OAAA,CAAM,SAAA;;;EA4BS,OAAA,CAAA,EAAA,OAAA;EAAA,SAAA,CAAA,EAAA,MAAA"}

package/primitives/avatar/fallback.js

@@ -7,9 +7,7 @@ const getInitials = (name) => {
 	const names = name.trim().split(" ");
 	if (names.length === 0) return "";
 	if (names.length === 1) return names[0]?.charAt(0).toUpperCase() || "";
-	const firstInitial = names[0]?.charAt(0) || "";
-	const lastInitial = names[names.length - 1]?.charAt(0) || "";
-	return (firstInitial + lastInitial).toUpperCase();
+	return ((names[0]?.charAt(0) || "") + (names[names.length - 1]?.charAt(0) || "")).toUpperCase();
 };
 /**
 * Displays initials or custom content while the avatar image loads or fails.

package/primitives/avatar/fallback.js.map

@@ -1 +1 @@
-{"version":3,"file":"fallback.js","names":["React","state: FallbackState"],"sources":["../../../src/primitives/avatar/fallback.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { useRenderElement } from \"../../utils/use-render-element\";\nimport { useAvatarContext } from \"./avatar\";\n\ntype FallbackState = {\n\timageLoadingStatus: \"idle\" | \"loading\" | \"loaded\" | \"error\";\n\tinitials?: string;\n};\n\nexport type AvatarFallbackProps = Omit<\n\tReact.HTMLAttributes<HTMLSpanElement>,\n\t\"children\"\n> & {\n\tchildren?: React.ReactNode;\n\tname?: string;\n\tdelayMs?: number;\n\tasChild?: boolean;\n\tclassName?: string;\n};\n\nconst getInitials = (name: string): string => {\n\tconst names = name.trim().split(\" \");\n\tif (names.length === 0) {\n\t\treturn \"\";\n\t}\n\n\tif (names.length === 1) {\n\t\treturn names[0]?.charAt(0).toUpperCase() || \"\";\n\t}\n\n\tconst firstInitial = names[0]?.charAt(0) || \"\";\n\t// biome-ignore lint/style/useAtIndex: ok here\n\tconst lastInitial = names[names.length - 1]?.charAt(0) || \"\";\n\n\treturn (firstInitial + lastInitial).toUpperCase();\n};\n\n/**\n * Displays initials or custom content while the avatar image loads or fails.\n * Optional delay avoids flashes when images load instantly.\n */\nexport const AvatarFallback = (() => {\n\tconst Component = React.forwardRef<HTMLSpanElement, AvatarFallbackProps>(\n\t\t(\n\t\t\t{\n\t\t\t\tchildren,\n\t\t\t\tname = \"\",\n\t\t\t\tdelayMs = 0,\n\t\t\t\tclassName,\n\t\t\t\tasChild = false,\n\t\t\t\t...props\n\t\t\t},\n\t\t\tref\n\t\t) => {\n\t\t\tconst { imageLoadingStatus } = useAvatarContext();\n\t\t\tconst [canRender, setCanRender] = React.useState(delayMs === 0);\n\n\t\t\tReact.useEffect(() => {\n\t\t\t\tif (delayMs > 0) {\n\t\t\t\t\tconst timerId = window.setTimeout(() => setCanRender(true), delayMs);\n\t\t\t\t\treturn () => window.clearTimeout(timerId);\n\t\t\t\t}\n\t\t\t}, [delayMs]);\n\n\t\t\tconst initials = React.useMemo(() => {\n\t\t\t\tif (name) {\n\t\t\t\t\treturn getInitials(name);\n\t\t\t\t}\n\t\t\t\treturn \"\";\n\t\t\t}, [name]);\n\n\t\t\tconst state: FallbackState = {\n\t\t\t\timageLoadingStatus,\n\t\t\t\tinitials,\n\t\t\t};\n\n\t\t\tconst shouldRender =\n\t\t\t\tcanRender &&\n\t\t\t\timageLoadingStatus !== \"loaded\" &&\n\t\t\t\timageLoadingStatus !== \"loading\";\n\n\t\t\tconst content = children || initials;\n\n\t\t\treturn useRenderElement(\n\t\t\t\t\"span\",\n\t\t\t\t{\n\t\t\t\t\tasChild,\n\t\t\t\t\tclassName,\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tref,\n\t\t\t\t\tstate,\n\t\t\t\t\tenabled: shouldRender,\n\t\t\t\t\tprops: {\n\t\t\t\t\t\t...props,\n\t\t\t\t\t\tchildren: content,\n\t\t\t\t\t},\n\t\t\t\t}\n\t\t\t);\n\t\t}\n\t);\n\n\tComponent.displayName = \"AvatarFallback\";\n\treturn Component;\n})();\n"],"mappings":";;;;;AAoBA,MAAM,eAAe,SAAyB;CAC7C,MAAM,QAAQ,KAAK,MAAM,CAAC,MAAM,IAAI;AACpC,KAAI,MAAM,WAAW,EACpB,QAAO;AAGR,KAAI,MAAM,WAAW,EACpB,QAAO,MAAM,IAAI,OAAO,EAAE,CAAC,aAAa,IAAI;CAG7C,MAAM,eAAe,MAAM,IAAI,OAAO,EAAE,IAAI;CAE5C,MAAM,cAAc,MAAM,MAAM,SAAS,IAAI,OAAO,EAAE,IAAI;AAE1D,SAAQ,eAAe,aAAa,aAAa;;;;;;AAOlD,MAAa,wBAAwB;CACpC,MAAM,YAAYA,QAAM,YAEtB,EACC,UACA,OAAO,IACP,UAAU,GACV,WACA,UAAU,MACV,GAAG,SAEJ,QACI;EACJ,MAAM,EAAE,uBAAuB,kBAAkB;EACjD,MAAM,CAAC,WAAW,gBAAgBA,QAAM,SAAS,YAAY,EAAE;AAE/D,UAAM,gBAAgB;AACrB,OAAI,UAAU,GAAG;IAChB,MAAM,UAAU,OAAO,iBAAiB,aAAa,KAAK,EAAE,QAAQ;AACpE,iBAAa,OAAO,aAAa,QAAQ;;KAExC,CAAC,QAAQ,CAAC;EAEb,MAAM,WAAWA,QAAM,cAAc;AACpC,OAAI,KACH,QAAO,YAAY,KAAK;AAEzB,UAAO;KACL,CAAC,KAAK,CAAC;EAEV,MAAMC,QAAuB;GAC5B;GACA;GACA;EAED,MAAM,eACL,aACA,uBAAuB,YACvB,uBAAuB;EAExB,MAAM,UAAU,YAAY;AAE5B,SAAO,iBACN,QACA;GACC;GACA;GACA,EACD;GACC;GACA;GACA,SAAS;GACT,OAAO;IACN,GAAG;IACH,UAAU;IACV;GACD,CACD;GAEF;AAED,WAAU,cAAc;AACxB,QAAO;IACJ"}
+{"version":3,"file":"fallback.js","names":["React","state: FallbackState"],"sources":["../../../src/primitives/avatar/fallback.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { useRenderElement } from \"../../utils/use-render-element\";\nimport { useAvatarContext } from \"./avatar\";\n\ntype FallbackState = {\n\timageLoadingStatus: \"idle\" | \"loading\" | \"loaded\" | \"error\";\n\tinitials?: string;\n};\n\nexport type AvatarFallbackProps = Omit<\n\tReact.HTMLAttributes<HTMLSpanElement>,\n\t\"children\"\n> & {\n\tchildren?: React.ReactNode;\n\tname?: string;\n\tdelayMs?: number;\n\tasChild?: boolean;\n\tclassName?: string;\n};\n\nconst getInitials = (name: string): string => {\n\tconst names = name.trim().split(\" \");\n\tif (names.length === 0) {\n\t\treturn \"\";\n\t}\n\n\tif (names.length === 1) {\n\t\treturn names[0]?.charAt(0).toUpperCase() || \"\";\n\t}\n\n\tconst firstInitial = names[0]?.charAt(0) || \"\";\n\t// biome-ignore lint/style/useAtIndex: ok here\n\tconst lastInitial = names[names.length - 1]?.charAt(0) || \"\";\n\n\treturn (firstInitial + lastInitial).toUpperCase();\n};\n\n/**\n * Displays initials or custom content while the avatar image loads or fails.\n * Optional delay avoids flashes when images load instantly.\n */\nexport const AvatarFallback = (() => {\n\tconst Component = React.forwardRef<HTMLSpanElement, AvatarFallbackProps>(\n\t\t(\n\t\t\t{\n\t\t\t\tchildren,\n\t\t\t\tname = \"\",\n\t\t\t\tdelayMs = 0,\n\t\t\t\tclassName,\n\t\t\t\tasChild = false,\n\t\t\t\t...props\n\t\t\t},\n\t\t\tref\n\t\t) => {\n\t\t\tconst { imageLoadingStatus } = useAvatarContext();\n\t\t\tconst [canRender, setCanRender] = React.useState(delayMs === 0);\n\n\t\t\tReact.useEffect(() => {\n\t\t\t\tif (delayMs > 0) {\n\t\t\t\t\tconst timerId = window.setTimeout(() => setCanRender(true), delayMs);\n\t\t\t\t\treturn () => window.clearTimeout(timerId);\n\t\t\t\t}\n\t\t\t}, [delayMs]);\n\n\t\t\tconst initials = React.useMemo(() => {\n\t\t\t\tif (name) {\n\t\t\t\t\treturn getInitials(name);\n\t\t\t\t}\n\t\t\t\treturn \"\";\n\t\t\t}, [name]);\n\n\t\t\tconst state: FallbackState = {\n\t\t\t\timageLoadingStatus,\n\t\t\t\tinitials,\n\t\t\t};\n\n\t\t\tconst shouldRender =\n\t\t\t\tcanRender &&\n\t\t\t\timageLoadingStatus !== \"loaded\" &&\n\t\t\t\timageLoadingStatus !== \"loading\";\n\n\t\t\tconst content = children || initials;\n\n\t\t\treturn useRenderElement(\n\t\t\t\t\"span\",\n\t\t\t\t{\n\t\t\t\t\tasChild,\n\t\t\t\t\tclassName,\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tref,\n\t\t\t\t\tstate,\n\t\t\t\t\tenabled: shouldRender,\n\t\t\t\t\tprops: {\n\t\t\t\t\t\t...props,\n\t\t\t\t\t\tchildren: content,\n\t\t\t\t\t},\n\t\t\t\t}\n\t\t\t);\n\t\t}\n\t);\n\n\tComponent.displayName = \"AvatarFallback\";\n\treturn Component;\n})();\n"],"mappings":";;;;;AAoBA,MAAM,eAAe,SAAyB;CAC7C,MAAM,QAAQ,KAAK,MAAM,CAAC,MAAM,IAAI;AACpC,KAAI,MAAM,WAAW,EACpB,QAAO;AAGR,KAAI,MAAM,WAAW,EACpB,QAAO,MAAM,IAAI,OAAO,EAAE,CAAC,aAAa,IAAI;AAO7C,UAJqB,MAAM,IAAI,OAAO,EAAE,IAAI,OAExB,MAAM,MAAM,SAAS,IAAI,OAAO,EAAE,IAAI,KAEtB,aAAa;;;;;;AAOlD,MAAa,wBAAwB;CACpC,MAAM,YAAYA,QAAM,YAEtB,EACC,UACA,OAAO,IACP,UAAU,GACV,WACA,UAAU,MACV,GAAG,SAEJ,QACI;EACJ,MAAM,EAAE,uBAAuB,kBAAkB;EACjD,MAAM,CAAC,WAAW,gBAAgBA,QAAM,SAAS,YAAY,EAAE;AAE/D,UAAM,gBAAgB;AACrB,OAAI,UAAU,GAAG;IAChB,MAAM,UAAU,OAAO,iBAAiB,aAAa,KAAK,EAAE,QAAQ;AACpE,iBAAa,OAAO,aAAa,QAAQ;;KAExC,CAAC,QAAQ,CAAC;EAEb,MAAM,WAAWA,QAAM,cAAc;AACpC,OAAI,KACH,QAAO,YAAY,KAAK;AAEzB,UAAO;KACL,CAAC,KAAK,CAAC;EAEV,MAAMC,QAAuB;GAC5B;GACA;GACA;EAED,MAAM,eACL,aACA,uBAAuB,YACvB,uBAAuB;EAExB,MAAM,UAAU,YAAY;AAE5B,SAAO,iBACN,QACA;GACC;GACA;GACA,EACD;GACC;GACA;GACA,SAAS;GACT,OAAO;IACN,GAAG;IACH,UAAU;IACV;GACD,CACD;GAEF;AAED,WAAU,cAAc;AACxB,QAAO;IACJ"}

package/primitives/avatar/image.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"image.d.ts","names":[],"sources":["../../../src/primitives/avatar/image.tsx"],"sourcesContent":[],"mappings":";;;KAIK,UAAA;;AAJ0B,CAAA;AAQnB,KAAA,gBAAA,GAAmB,IAAH,CAC3B,OAAA,CAAM,iBADqB,CACH,gBADG,CAAA,EAAA,KAAA,GAAA,KAAA,CAAA,GAAA;EAAA,GAAA,EAAA,MAAA;KACH,CAAA,EAAA,MAAA;SAAxB,CAAA,EAAA,OAAM;WADwB,CAAA,EAAA,MAAA;uBAQG,CAAA,EAAA,CAAA,MAAA,EAAA,UAAA,CAAA,oBAAA,CAAA,EAAA,GAAA,IAAA;CAAU;AAO5C;;;;AAAwB,cAAX,WAAW,EAAA,OAAA,CAAA,yBAAA,CAAA,IAAA,CAAA,OAAA,CAAA,iBAAA,CAAA,gBAAA,CAAA,EAAA,KAAA,GAAA,KAAA,CAAA,GAAA;KAPU,EAAA,MAAA;;;WAOV,CAAA,EAAA,MAAA;EAAA,qBAAA,CAAA,EAAA,CAAA,MAAA,EAPU,UAOV,CAAA,oBAAA,CAAA,EAAA,GAAA,IAAA"}
+{"version":3,"file":"image.d.ts","names":[],"sources":["../../../src/primitives/avatar/image.tsx"],"sourcesContent":[],"mappings":";;;KAIK,UAAA;;AAJ0B,CAAA;AAQnB,KAAA,gBAAA,GAAmB,IAAH,CAC3B,OAAA,CAAM,iBADqB,CACH,gBADG,CAAA,EAAA,KAAA,GAAA,KAAA,CAAA,GAAA;EACH,GAAA,EAAA,MAAA;EAAxB,GAAA,CAAA,EAAM,MAAA;EADwB,OAAA,CAAA,EAAA,OAAA;EAQG,SAAA,CAAA,EAAA,MAAA;EAAU,qBAAA,CAAA,EAAA,CAAA,MAAA,EAAV,UAAU,CAAA,oBAAA,CAAA,EAAA,GAAA,IAAA;AAO5C,CAAA;;;;;cAAa,aAAW,OAAA,CAAA,0BAAA,KAAA,OAAA,CAAA,kBAAA;;EAAA,GAAA,CAAA,EAAA,MAAA;EAAA,OAAA,CAAA,EAAA,OAAA;;mCAPU"}

package/primitives/avatar/index.d.ts

@@ -1,4 +1,5 @@
 import { Avatar, AvatarProps } from "./avatar.js";
 import { AvatarFallback, AvatarFallbackProps } from "./fallback.js";
 import { AvatarImage, AvatarImageProps } from "./image.js";
+import "./index.parts.js";
 export { Avatar, AvatarFallback, AvatarFallbackProps, AvatarImage, AvatarImageProps, AvatarProps };

package/primitives/bubble.d.ts

@@ -5,6 +5,7 @@ type SupportBubbleProps = Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>,
   children?: React$1.ReactNode | ((props: {
     isOpen: boolean;
     unreadCount: number;
+    isTyping: boolean;
     toggle: () => void;
   }) => React$1.ReactNode);
   asChild?: boolean;
@@ -18,6 +19,7 @@ declare const SupportBubble: React$1.ForwardRefExoticComponent<Omit<React$1.Butt
   children?: React$1.ReactNode | ((props: {
     isOpen: boolean;
     unreadCount: number;
+    isTyping: boolean;
     toggle: () => void;
   }) => React$1.ReactNode);
   asChild?: boolean;

package/primitives/bubble.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bubble.d.ts","names":[],"sources":["../../src/primitives/bubble.tsx"],"sourcesContent":[],"mappings":";;;KAKY,kBAAA,GAAqB,KAChC,OAAA,CAAM,qBAAqB;aAIxB,OAAA,CAAM;IALE,MAAA,EAAA,OAAA;IAAkB,WAAA,EAAA,MAAA;IACF,MAAA,EAAA,GAAA,GAAA,IAAA;KAA3B,GASS,OAAA,CAAM,SATT,CAAA;SAD0B,CAAA,EAAA,OAAA;WAK7B,CAAA,EAAM,MAAA;;;AAcV;;;AAA0B,cAAb,aAAa,EAAA,OAAA,CAAA,yBAAA,CAAA,IAAA,CAAA,OAAA,CAAA,oBAAA,CAAA,iBAAA,CAAA,EAAA,UAAA,CAAA,GAAA;UAAA,CAAA,EAdtB,OAAA,CAAM,SAcgB,GAAA,CAAA,CAAA,KAAA,EAAA;IAdtB,MAAA,EAAM,OAAA;IAKA,WAAM,EAAA,MAAA;;QAAN,OAAA,CAAM;SASU,CAAA,EAAA,OAAA;EAAA,SAAA,CAAA,EAAA,MAAA"}
+{"version":3,"file":"bubble.d.ts","names":[],"sources":["../../src/primitives/bubble.tsx"],"sourcesContent":[],"mappings":";;;KAMY,kBAAA,GAAqB,KAChC,OAAA,CAAM,qBAAqB;aAIxB,OAAA,CAAM;IALE,MAAA,EAAA,OAAA;IACgB,WAAA,EAAA,MAAA;IAA3B,QAAM,EAAA,OAAA;IAD0B,MAAA,EAAA,GAAA,GAAA,IAAA;EAK7B,CAAA,EAAA,GAMM,OAAA,CAAM,SANN,CAAA;EAMA,OAAM,CAAA,EAAA,OAAA;EAAS,SAAA,CAAA,EAAA,MAAA;AASzB,CAAA;;;;;AATU,cASG,aATG,EASU,OAAA,CAAA,yBATV,CASU,IATV,CASU,OAAA,CAAA,oBATV,CASU,iBATV,CAAA,EAAA,UAAA,CAAA,GAAA;aANZ,OAAA,CAAM;;IAegB,WAAA,EAAA,MAAA;IAAA,QAAA,EAAA,OAAA;;QAThB,OAAA,CAAM"}

package/primitives/bubble.js

@@ -1,5 +1,6 @@
+import { useTypingStore } from "../realtime/typing-store.js";
 import { useRenderElement } from "../utils/use-render-element.js";
-import { useSupportConfig } from "../support/context/config.js";
+import { useSupportConfig } from "../support/store/support-store.js";
 import { useSupport } from "../provider.js";
 import * as React$1 from "react";
 
@@ -11,10 +12,15 @@ import * as React$1 from "react";
 const SupportBubble = (() => {
 	const Component = React$1.forwardRef(({ children, className, asChild = false,...props }, ref) => {
 		const { isOpen, toggle } = useSupportConfig();
-		const { unreadCount } = useSupport();
+		const { unreadCount, visitor } = useSupport();
+		const visitorId = visitor?.id ?? null;
 		const renderProps = {
 			isOpen,
 			unreadCount,
+			isTyping: useTypingStore(React$1.useCallback((state) => Object.values(state.conversations).some((entries) => Object.values(entries).some((entry) => {
+				if (visitorId && entry.actorType === "visitor" && entry.actorId === visitorId) return false;
+				return true;
+			})), [visitorId])),
 			toggle
 		};
 		const content = typeof children === "function" ? children(renderProps) : children;

package/primitives/bubble.js.map

@@ -1 +1 @@
-{"version":3,"file":"bubble.js","names":["React"],"sources":["../../src/primitives/bubble.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { useSupport } from \"../provider\";\nimport { useSupportConfig } from \"../support\";\nimport { useRenderElement } from \"../utils/use-render-element\";\n\nexport type SupportBubbleProps = Omit<\n\tReact.ButtonHTMLAttributes<HTMLButtonElement>,\n\t\"children\"\n> & {\n\tchildren?:\n\t\t| React.ReactNode\n\t\t| ((props: {\n\t\t\t\tisOpen: boolean;\n\t\t\t\tunreadCount: number;\n\t\t\t\ttoggle: () => void;\n\t\t  }) => React.ReactNode);\n\tasChild?: boolean;\n\tclassName?: string;\n};\n\n/**\n * Floating action button that toggles the support window. Exposes widget state\n * and unread counts to render-prop children for fully custom UI shells.\n */\nexport const SupportBubble = (() => {\n\tconst Component = React.forwardRef<HTMLButtonElement, SupportBubbleProps>(\n\t\t({ children, className, asChild = false, ...props }, ref) => {\n\t\t\tconst { isOpen, toggle } = useSupportConfig();\n\t\t\tconst { unreadCount } = useSupport();\n\n\t\t\tconst renderProps = { isOpen, unreadCount, toggle };\n\n\t\t\tconst content =\n\t\t\t\ttypeof children === \"function\" ? children(renderProps) : children;\n\n\t\t\treturn useRenderElement(\n\t\t\t\t\"button\",\n\t\t\t\t{\n\t\t\t\t\tasChild,\n\t\t\t\t\tclassName,\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tref,\n\t\t\t\t\tstate: renderProps,\n\t\t\t\t\tprops: {\n\t\t\t\t\t\ttype: \"button\",\n\t\t\t\t\t\t\"aria-haspopup\": \"dialog\",\n\t\t\t\t\t\t\"aria-expanded\": isOpen,\n\t\t\t\t\t\tonClick: toggle,\n\t\t\t\t\t\t...props,\n\t\t\t\t\t\tchildren: content,\n\t\t\t\t\t},\n\t\t\t\t}\n\t\t\t);\n\t\t}\n\t);\n\n\tComponent.displayName = \"SupportBubble\";\n\treturn Component;\n})();\n"],"mappings":";;;;;;;;;;AAwBA,MAAa,uBAAuB;CACnC,MAAM,YAAYA,QAAM,YACtB,EAAE,UAAU,WAAW,UAAU,MAAO,GAAG,SAAS,QAAQ;EAC5D,MAAM,EAAE,QAAQ,WAAW,kBAAkB;EAC7C,MAAM,EAAE,gBAAgB,YAAY;EAEpC,MAAM,cAAc;GAAE;GAAQ;GAAa;GAAQ;EAEnD,MAAM,UACL,OAAO,aAAa,aAAa,SAAS,YAAY,GAAG;AAE1D,SAAO,iBACN,UACA;GACC;GACA;GACA,EACD;GACC;GACA,OAAO;GACP,OAAO;IACN,MAAM;IACN,iBAAiB;IACjB,iBAAiB;IACjB,SAAS;IACT,GAAG;IACH,UAAU;IACV;GACD,CACD;GAEF;AAED,WAAU,cAAc;AACxB,QAAO;IACJ"}
+{"version":3,"file":"bubble.js","names":["React"],"sources":["../../src/primitives/bubble.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { useSupport } from \"../provider\";\nimport { useTypingStore } from \"../realtime/typing-store\";\nimport { useSupportConfig } from \"../support\";\nimport { useRenderElement } from \"../utils/use-render-element\";\n\nexport type SupportBubbleProps = Omit<\n\tReact.ButtonHTMLAttributes<HTMLButtonElement>,\n\t\"children\"\n> & {\n\tchildren?:\n\t\t| React.ReactNode\n\t\t| ((props: {\n\t\t\t\tisOpen: boolean;\n\t\t\t\tunreadCount: number;\n\t\t\t\tisTyping: boolean;\n\t\t\t\ttoggle: () => void;\n\t\t  }) => React.ReactNode);\n\tasChild?: boolean;\n\tclassName?: string;\n};\n\n/**\n * Floating action button that toggles the support window. Exposes widget state\n * and unread counts to render-prop children for fully custom UI shells.\n */\nexport const SupportBubble = (() => {\n\tconst Component = React.forwardRef<HTMLButtonElement, SupportBubbleProps>(\n\t\t({ children, className, asChild = false, ...props }, ref) => {\n\t\t\tconst { isOpen, toggle } = useSupportConfig();\n\t\t\tconst { unreadCount, visitor } = useSupport();\n\t\t\tconst visitorId = visitor?.id ?? null;\n\n\t\t\tconst hasTyping = useTypingStore(\n\t\t\t\tReact.useCallback(\n\t\t\t\t\t(state) =>\n\t\t\t\t\t\tObject.values(state.conversations).some((entries) =>\n\t\t\t\t\t\t\tObject.values(entries).some((entry) => {\n\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\tvisitorId &&\n\t\t\t\t\t\t\t\t\tentry.actorType === \"visitor\" &&\n\t\t\t\t\t\t\t\t\tentry.actorId === visitorId\n\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\treturn false;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\treturn true;\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t),\n\t\t\t\t\t[visitorId]\n\t\t\t\t)\n\t\t\t);\n\n\t\t\tconst renderProps = {\n\t\t\t\tisOpen,\n\t\t\t\tunreadCount,\n\t\t\t\tisTyping: hasTyping,\n\t\t\t\ttoggle,\n\t\t\t};\n\n\t\t\tconst content =\n\t\t\t\ttypeof children === \"function\" ? children(renderProps) : children;\n\n\t\t\treturn useRenderElement(\n\t\t\t\t\"button\",\n\t\t\t\t{\n\t\t\t\t\tasChild,\n\t\t\t\t\tclassName,\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tref,\n\t\t\t\t\tstate: renderProps,\n\t\t\t\t\tprops: {\n\t\t\t\t\t\ttype: \"button\",\n\t\t\t\t\t\t\"aria-haspopup\": \"dialog\",\n\t\t\t\t\t\t\"aria-expanded\": isOpen,\n\t\t\t\t\t\tonClick: toggle,\n\t\t\t\t\t\t...props,\n\t\t\t\t\t\tchildren: content,\n\t\t\t\t\t},\n\t\t\t\t}\n\t\t\t);\n\t\t}\n\t);\n\n\tComponent.displayName = \"SupportBubble\";\n\treturn Component;\n})();\n"],"mappings":";;;;;;;;;;;AA0BA,MAAa,uBAAuB;CACnC,MAAM,YAAYA,QAAM,YACtB,EAAE,UAAU,WAAW,UAAU,MAAO,GAAG,SAAS,QAAQ;EAC5D,MAAM,EAAE,QAAQ,WAAW,kBAAkB;EAC7C,MAAM,EAAE,aAAa,YAAY,YAAY;EAC7C,MAAM,YAAY,SAAS,MAAM;EAsBjC,MAAM,cAAc;GACnB;GACA;GACA,UAvBiB,eACjBA,QAAM,aACJ,UACA,OAAO,OAAO,MAAM,cAAc,CAAC,MAAM,YACxC,OAAO,OAAO,QAAQ,CAAC,MAAM,UAAU;AACtC,QACC,aACA,MAAM,cAAc,aACpB,MAAM,YAAY,UAElB,QAAO;AAGR,WAAO;KACN,CACF,EACF,CAAC,UAAU,CACX,CACD;GAMA;GACA;EAED,MAAM,UACL,OAAO,aAAa,aAAa,SAAS,YAAY,GAAG;AAE1D,SAAO,iBACN,UACA;GACC;GACA;GACA,EACD;GACC;GACA,OAAO;GACP,OAAO;IACN,MAAM;IACN,iBAAiB;IACjB,iBAAiB;IACjB,SAAS;IACT,GAAG;IACH,UAAU;IACV;GACD,CACD;GAEF;AAED,WAAU,cAAc;AACxB,QAAO;IACJ"}

package/primitives/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","names":[],"sources":["../../src/primitives/button.tsx"],"sourcesContent":[],"mappings":";;;KAGY,WAAA,GAAc,OAAA,CAAM,qBAAqB;;EAAzC,SAAA,CAAA,EAAA,MAAW;CAAA;;;;AAUvB;;AAAmB,cAAN,MAAM,EAAA,OAAA,CAAA,yBAAA,CAAA,OAAA,CAAA,oBAAA,CAAA,iBAAA,CAAA,GAAA;SAAA,CAAA,EAAA,OAAA"}
+{"version":3,"file":"button.d.ts","names":[],"sources":["../../src/primitives/button.tsx"],"sourcesContent":[],"mappings":";;;KAGY,WAAA,GAAc,OAAA,CAAM,qBAAqB;;EAAzC,SAAA,CAAA,EAAA,MAAW;AAUvB,CAAA;;;;;;AAAmB,cAAN,MAAM,EAAA,OAAA,CAAA,yBAAA,CAAA,OAAA,CAAA,oBAAA,CAAA,iBAAA,CAAA,GAAA"}

package/primitives/conversation-timeline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"conversation-timeline.d.ts","names":[],"sources":["../../src/primitives/conversation-timeline.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAQA;AAOA;AAAqC,KAPzB,+BAAA,GAOyB;WACf,EAAA,MAAA;WAArB,CAAA,EAAM,OAAA;SADiC,CAAA,EAAA,OAAA;SAKpC,EAAA,OAAM;;AACuC,KANrC,yBAAA,GAA4B,IAMe,CALtD,OAAA,CAAM,cAKgD,CALjC,cAKiC,CAAA,EAAA,UAAA,CAAA,GAAA;UAG9C,CAAA,EAJL,OAAA,CAAM,SAID,GAAA,CAAA,CAAA,KAAA,EAHI,+BAGJ,EAAA,GAHwC,OAAA,CAAM,SAG9C,CAAA;EAAgB,OAAA,CAAA,EAAA,OAAA;EAYZ,SAAA,CAAA,EAAA,MAAA;EAwGT,KAAA,CAAA,EApHK,YAoHL,EAAA;WAxG6B,CAAA,EAAA,OAAA;SAAA,CAAA,EAAA,OAAA;YAAA,CAAA,EAAA,OAAA;aAhBvB,CAAA,EAAA,GAAA,GAAA,IAAA;eACG,CAAA,EAAA,GAAA,GAAA,IAAA;;;;;;AAeoB,cAApB,oBAAoB,EAAA,OAAA,CAAA,yBAAA,CAAA,IAAA,CAAA,OAAA,CAAA,cAAA,CAAA,cAAA,CAAA,EAAA,UAAA,CAAA,GAAA;EA0GrB,QAAA,CAAA,EA1HR,OAAA,CAAM,SA0HE,GAAA,CAAA,CAAA,KAAA,EAzHC,+BAyHiC,EAAA,GAzHG,OAAA,CAAM,SAyHT,CAAA;EAAA,OAAA,CAAA,EAAA,OAAA;WACxB,CAAA,EAAA,MAAA;OAArB,CAAA,EAvHQ,YAuHF,EAAA;WAD0C,CAAA,EAAA,OAAA;SAIrC,CAAA,EAAA,OAAM;EAAS,UAAA,CAAA,EAAA,OAAA;EASd,WAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EAuBT,aAAA,CAAA,EAAA,GAAA,GAAA,IAAA;yBAvBsC,eAAA,CAAA,CAAA;AAAA,KAb9B,kCAAA,GAAqC,IAaP,CAZzC,OAAA,CAAM,cAYmC,CAZpB,cAYoB,CAAA,EAAA,UAAA,CAAA,GAAA;UAAA,CAAA,EAT9B,OAAA,CAAM,SASwB;SAT9B,CAAA,EAAA,OAAM;;;;;AAkClB;;AACsB,cA1BT,6BA0BS,EA1BoB,OAAA,CAAA,yBA0BpB,CA1BoB,IA0BpB,CA1BoB,OAAA,CAAA,cA0BpB,CA1BoB,cA0BpB,CAAA,EAAA,UAAA,CAAA,GAAA;UAArB,CAAA,EAnCW,OAAA,CAAM,SAmCX;SADwC,CAAA,EAAA,OAAA;WAInC,CAAA,EAAM,MAAA;CAAS,wBAAA,eAAA,CAAA,CAAA;AASd,KAbD,gCAAA,GAAmC,IAsC3C,CArCH,OAAA,CAAM,cAqCH,CArCkB,cAqClB,CAAA,EAAA,UAAA,CAAA,GAAA;EAAA,QAAA,CAAA,EAlCQ,OAAA,CAAM,SAkCd;SAzBoC,CAAA,EAAA,OAAA;WAAA,CAAA,EAAA,MAAA;;;;;;AAAA,cAA3B,2BAA2B,EAAA,OAAA,CAAA,yBAAA,CAAA,IAAA,CAAA,OAAA,CAAA,cAAA,CAAA,cAAA,CAAA,EAAA,UAAA,CAAA,GAAA;EA2B5B,QAAA,CAAA,EApCA,OAAA,CAAM,SAoCN;EAA8B,OAAA,CAAA,EAAA,OAAA;WACpB,CAAA,EAAA,MAAA;yBAAf,eAAA,CAAA,CAAA;AADsC,KAAjC,8BAAA,GAAiC,IAAA,CAC5C,OAAA,CAAM,cADsC,CACvB,cADuB,CAAA,EAAA,UAAA,CAAA,GAAA;UAIjC,CAAA,EAAA,OAAA,CAAM,SAAA;EAAS,OAAA,CAAA,EAAA,OAAA;EASd,SAAA,CAAA,EAAA,MAAA;CAyBT;;;;;cAzBS,2BAAyB,OAAA,CAAA,0BAAA,KAAA,OAAA,CAAA,eAAA;aAT1B,OAAA,CAAM;SASoB,CAAA,EAAA,OAAA;EAAA,SAAA,CAAA,EAAA,MAAA"}
+{"version":3,"file":"conversation-timeline.d.ts","names":[],"sources":["../../src/primitives/conversation-timeline.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAQA;AAOA;AACsB,KARV,+BAAA,GAQU;EAArB,SAAM,EAAA,MAAA;EADiC,SAAA,CAAA,EAAA,OAAA;EAKpC,OAAM,CAAA,EAAA,OAAA;EACG,OAAA,EAAA,OAAA;CAAoC;AAGxC,KATG,yBAAA,GAA4B,IAS/B,CARR,OAAA,CAAM,cAQE,CARa,cAQb,CAAA,EAAA,UAAA,CAAA,GAAA;EAAgB,QAAA,CAAA,EAJrB,OAAA,CAAM,SAIe,GAAA,CAAA,CAAA,KAAA,EAHZ,+BAGY,EAAA,GAHwB,OAAA,CAAM,SAG9B,CAAA;EA6BZ,OAAA,CAAA,EAAA,OAAA;EAAoB,SAAA,CAAA,EAAA,MAAA;EAAA,KAAA,CAAA,EA7BxB,YA6BwB,EAAA;EAAA,SAAA,CAAA,EAAA,OAAA;EAjC7B,OAAM,CAAA,EAAA,OAAA;EACG,UAAA,CAAA,EAAA,OAAA;EAAoC,WAAM,CAAA,EAAA,GAAA,GAAA,IAAA;EAG9C,aAAA,CAAA,EAAA,GAAA,GAAA,IAAA;;;;;AA+LT;AACsB,cAnKT,oBAmKS,EAnKW,OAAA,CAAA,yBAmKX,CAnKW,IAmKX,CAnKW,OAAA,CAAA,cAmKX,CAnKW,cAmKX,CAAA,EAAA,UAAA,CAAA,GAAA;EAArB,QAAM,CAAA,EApMH,OAAA,CAAM,SAoMH,GAAA,CAAA,CAAA,KAAA,EAnMM,+BAmMN,EAAA,GAnM0C,OAAA,CAAM,SAmMhD,CAAA;EAD0C,OAAA,CAAA,EAAA,OAAA;EAIrC,SAAM,CAAA,EAAA,MAAA;EAAS,KAAA,CAAA,EAnMlB,YAmMkB,EAAA;EASd,SAAA,CAAA,EAAA,OAAA;EAA6B,OAAA,CAAA,EAAA,OAAA;EAAA,UAAA,CAAA,EAAA,OAAA;EAAA,WAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EAT9B,aAAM,CAAA,EAAA,GAAA,GAAA,IAAA;;KAJN,kCAAA,GAAqC,KAChD,OAAA,CAAM,eAAe;EAYoB,QAAA,CAAA,EAT9B,OAAA,CAAM,SASwB;EAAA,OAAA,CAAA,EAAA,OAAA;EAyB9B,SAAA,CAAA,EAAA,MAAA;CACU;;;;;AAYT,cAtCA,6BA+DT,EA/DsC,OAAA,CAAA,yBA+DtC,CA/DsC,IA+DtC,CA/DsC,OAAA,CAAA,cA+DtC,CA/DsC,cA+DtC,CAAA,EAAA,UAAA,CAAA,GAAA;EAzBoC,QAAA,CAAA,EA/C5B,OAAA,CAAM,SA+CsB;EAAA,OAAA,CAAA,EAAA,OAAA;EAAA,SAAA,CAAA,EAAA,MAAA;CAT5B,wBAAM,eAAA,CAAA,CAAA;KAJN,gCAAA,GAAmC,KAC9C,OAAA,CAAM,eAAe;aAGV,OAAA,CAAM;EASsB,OAAA,CAAA,EAAA,OAAA;EAAA,SAAA,CAAA,EAAA,MAAA;AA2BxC,CAAA;;;;;AAI2B,cA/Bd,2BA+Bc,EA/Ba,OAAA,CAAA,yBA+Bb,CA/Ba,IA+Bb,CA/Ba,OAAA,CAAA,cA+Bb,CA/Ba,cA+Bb,CAAA,EAAA,UAAA,CAAA,GAAA;EASd,QAAA,CAAA,EAjDD,OAAA,CAAM,SAiDL;EAAyB,OAAA,CAAA,EAAA,OAAA;EAAA,SAAA,CAAA,EAAA,MAAA;CAAA,wBAAA,eAAA,CAAA,CAAA;AAT1B,KAJA,8BAAA,GAAiC,IAI3B,CAHjB,OAAA,CAAM,cAGW,CAHI,cAGJ,CAAA,EAAA,UAAA,CAAA,GAAA;aAAN,OAAA,CAAM;;EASoB,SAAA,CAAA,EAAA,MAAA;CAAA;;;;;cAAzB,2BAAyB,OAAA,CAAA,0BAAA,KAAA,OAAA,CAAA,eAAA;aAT1B,OAAA,CAAM"}

package/primitives/conversation-timeline.js

@@ -2,6 +2,14 @@ import { useRenderElement } from "../utils/use-render-element.js";
 import * as React$1 from "react";
 
 //#region src/primitives/conversation-timeline.tsx
+const BOTTOM_THRESHOLD_PX = 12;
+const TOP_THRESHOLD_PX = 2;
+function getLastItemKey(items) {
+	if (items.length === 0) return null;
+	const lastItem = items.at(-1);
+	if (lastItem?.id) return lastItem.id;
+	return lastItem?.createdAt ?? null;
+}
 /**
 * Scrollable conversation timeline that wires auto-scroll behaviour, live-region semantics and
 * pagination callbacks for displaying timeline items (messages, events, etc.).
@@ -16,6 +24,9 @@ const ConversationTimeline = (() => {
 		}, [ref]);
 		const isInitialRender = React$1.useRef(true);
 		const previousItemCount = React$1.useRef(items.length);
+		const previousLastItemKey = React$1.useRef(getLastItemKey(items));
+		const isPinnedToBottom = React$1.useRef(true);
+		const isAtTop = React$1.useRef(true);
 		const renderProps = {
 			itemCount: items.length,
 			isLoading,
@@ -23,18 +34,59 @@ const ConversationTimeline = (() => {
 			isEmpty: items.length === 0
 		};
 		const content = typeof children === "function" ? children(renderProps) : children;
+		const lastItemKey = getLastItemKey(items);
 		React$1.useEffect(() => {
-			if (autoScroll && internalRef.current) {
-				if (items.length > previousItemCount.current || isInitialRender.current) internalRef.current.scrollTop = internalRef.current.scrollHeight;
+			const element = internalRef.current;
+			if (!(element && autoScroll)) {
 				previousItemCount.current = items.length;
+				previousLastItemKey.current = lastItemKey;
 				isInitialRender.current = false;
+				return;
 			}
-		}, [items.length, autoScroll]);
+			const hasNewItems = items.length > previousItemCount.current;
+			const itemsRemoved = items.length < previousItemCount.current;
+			const appendedNewItem = hasNewItems && lastItemKey !== null && lastItemKey !== previousLastItemKey.current;
+			const replacedLastItem = !hasNewItems && lastItemKey !== null && lastItemKey !== previousLastItemKey.current;
+			if (isInitialRender.current || itemsRemoved && isPinnedToBottom.current || appendedNewItem && isPinnedToBottom.current || replacedLastItem && isPinnedToBottom.current) {
+				element.scrollTop = element.scrollHeight;
+				isPinnedToBottom.current = true;
+				isAtTop.current = false;
+			}
+			previousItemCount.current = items.length;
+			previousLastItemKey.current = lastItemKey;
+			isInitialRender.current = false;
+		}, [
+			autoScroll,
+			items.length,
+			lastItemKey
+		]);
 		const handleScroll = React$1.useCallback((e) => {
 			const { scrollTop, scrollHeight, clientHeight } = e.currentTarget;
-			if (scrollTop === 0 && onScrollStart) onScrollStart();
-			if (scrollTop + clientHeight >= scrollHeight - 10 && onScrollEnd) onScrollEnd();
+			const pinnedNow = scrollHeight - scrollTop - clientHeight <= BOTTOM_THRESHOLD_PX;
+			if (pinnedNow && !isPinnedToBottom.current) onScrollEnd?.();
+			isPinnedToBottom.current = pinnedNow;
+			const atTop = scrollTop <= TOP_THRESHOLD_PX;
+			if (atTop && !isAtTop.current) onScrollStart?.();
+			isAtTop.current = atTop;
 		}, [onScrollStart, onScrollEnd]);
+		const fadeStyle = React$1.useMemo(() => {
+			const maskHeight = "90px";
+			const scrollbarWidth = "8px";
+			const maskImage = `linear-gradient(to bottom, transparent, black ${maskHeight}, black calc(100% - ${maskHeight}), transparent), linear-gradient(black, black)`;
+			const maskSize = `calc(100% - ${scrollbarWidth}) 100%, ${scrollbarWidth} 100%`;
+			const maskPosition = "0 0, 100% 0";
+			const maskRepeat = "no-repeat, no-repeat";
+			return {
+				maskImage,
+				maskSize,
+				maskPosition,
+				maskRepeat,
+				WebkitMaskImage: maskImage,
+				WebkitMaskSize: maskSize,
+				WebkitMaskPosition: maskPosition,
+				WebkitMaskRepeat: maskRepeat
+			};
+		}, []);
 		return useRenderElement("div", {
 			className,
 			asChild
@@ -47,6 +99,7 @@ const ConversationTimeline = (() => {
 				"aria-live": "polite",
 				"aria-relevant": "additions",
 				onScroll: handleScroll,
+				style: fadeStyle,
 				...props,
 				children: content
 			}