@cossistant/react 0.0.31 → 0.0.33

package/primitives/timeline-command-block.d.ts

@@ -0,0 +1,29 @@
+import { CommandPackageManager, CommandVariants } from "./command-block-utils.js";
+import * as React$1 from "react";
+
+//#region src/primitives/timeline-command-block.d.ts
+type TimelineCommandBlockRenderState = {
+  commands: CommandVariants;
+  packageManagers: readonly CommandPackageManager[];
+  activePackageManager: CommandPackageManager;
+  activeCommand: string;
+  setPackageManager: (packageManager: CommandPackageManager) => void;
+  hasCopied: boolean;
+  onCopy: () => Promise<boolean>;
+};
+type TimelineCommandBlockProps = {
+  commands: CommandVariants;
+  className?: string;
+  children?: (state: TimelineCommandBlockRenderState) => React$1.ReactNode;
+};
+/**
+ * Shared command block UI with package-manager tabs and copy action.
+ */
+declare function TimelineCommandBlock({
+  commands,
+  className,
+  children
+}: TimelineCommandBlockProps): React$1.ReactElement;
+//#endregion
+export { TimelineCommandBlock, TimelineCommandBlockProps, TimelineCommandBlockRenderState };
+//# sourceMappingURL=timeline-command-block.d.ts.map

package/primitives/timeline-command-block.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeline-command-block.d.ts","names":[],"sources":["../../src/primitives/timeline-command-block.tsx"],"sourcesContent":[],"mappings":";;;;KAWY,+BAAA;YACD;EADC,eAAA,EAAA,SAEe,qBAFgB,EAAA;EAChC,oBAAA,EAEY,qBAFZ;EACgB,aAAA,EAAA,MAAA;EACJ,iBAAA,EAAA,CAAA,cAAA,EAEc,qBAFd,EAAA,GAAA,IAAA;EAEc,SAAA,EAAA,OAAA;EAEtB,MAAA,EAAA,GAAA,GAAA,OAAA,CAAA,OAAA,CAAA;CAAO;AAGV,KAAA,yBAAA,GAAyB;EAC1B,QAAA,EAAA,eAAA;EAES,SAAA,CAAA,EAAA,MAAA;EAAoC,QAAM,CAAA,EAAA,CAAA,KAAA,EAA1C,+BAA0C,EAAA,GAAN,OAAA,CAAM,SAAA;CAAS;AAkCvE;;;AAGC,iBAHe,oBAAA,CAGf;EAAA,QAAA;EAAA,SAAA;EAAA;AAAA,CAAA,EACE,yBADF,CAAA,EAC8B,OAAA,CAAM,YADpC"}

package/primitives/timeline-command-block.js

@@ -0,0 +1,97 @@
+import { COMMAND_PACKAGE_MANAGERS, COMMAND_PREFERENCE_EVENT, COMMAND_PREFERENCE_STORAGE_KEY, DEFAULT_PACKAGE_MANAGER, isCommandPackageManager } from "./command-block-utils.js";
+import * as React$1 from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/primitives/timeline-command-block.tsx
+function readStoredPackageManager() {
+	if (typeof window === "undefined") return DEFAULT_PACKAGE_MANAGER;
+	const storedValue = window.localStorage.getItem(COMMAND_PREFERENCE_STORAGE_KEY);
+	if (storedValue && isCommandPackageManager(storedValue)) return storedValue;
+	return DEFAULT_PACKAGE_MANAGER;
+}
+async function copyToClipboard(value) {
+	if (typeof navigator === "undefined" || !navigator.clipboard) return false;
+	try {
+		await navigator.clipboard.writeText(value);
+		return true;
+	} catch {
+		return false;
+	}
+}
+/**
+* Shared command block UI with package-manager tabs and copy action.
+*/
+function TimelineCommandBlock({ commands, className, children }) {
+	const [packageManager, setPackageManager] = React$1.useState(() => readStoredPackageManager());
+	const [hasCopied, setHasCopied] = React$1.useState(false);
+	React$1.useEffect(() => {
+		if (typeof window === "undefined") return;
+		setPackageManager(readStoredPackageManager());
+		const onStorageChange = (event) => {
+			if (event.key !== COMMAND_PREFERENCE_STORAGE_KEY) return;
+			if (event.newValue && isCommandPackageManager(event.newValue)) setPackageManager(event.newValue);
+		};
+		const onPreferenceEvent = (event) => {
+			const nextValue = event.detail;
+			if (nextValue && isCommandPackageManager(nextValue)) setPackageManager(nextValue);
+		};
+		window.addEventListener("storage", onStorageChange);
+		window.addEventListener(COMMAND_PREFERENCE_EVENT, onPreferenceEvent);
+		return () => {
+			window.removeEventListener("storage", onStorageChange);
+			window.removeEventListener(COMMAND_PREFERENCE_EVENT, onPreferenceEvent);
+		};
+	}, []);
+	React$1.useEffect(() => {
+		if (!hasCopied) return;
+		const timer = window.setTimeout(() => {
+			setHasCopied(false);
+		}, 1800);
+		return () => {
+			window.clearTimeout(timer);
+		};
+	}, [hasCopied]);
+	const setPackageManagerPreference = React$1.useCallback((nextValue) => {
+		setPackageManager(nextValue);
+		if (typeof window === "undefined") return;
+		window.localStorage.setItem(COMMAND_PREFERENCE_STORAGE_KEY, nextValue);
+		window.dispatchEvent(new CustomEvent(COMMAND_PREFERENCE_EVENT, { detail: nextValue }));
+	}, []);
+	const activeCommand = commands[packageManager];
+	const onCopy = React$1.useCallback(async () => {
+		const didCopy = await copyToClipboard(activeCommand);
+		if (didCopy) setHasCopied(true);
+		return didCopy;
+	}, [activeCommand]);
+	const renderState = {
+		commands,
+		packageManagers: COMMAND_PACKAGE_MANAGERS,
+		activePackageManager: packageManager,
+		activeCommand,
+		setPackageManager: setPackageManagerPreference,
+		hasCopied,
+		onCopy
+	};
+	return /* @__PURE__ */ jsx("div", {
+		className,
+		"data-co-command-block": "",
+		children: typeof children === "function" ? children(renderState) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("div", { children: COMMAND_PACKAGE_MANAGERS.map((manager) => /* @__PURE__ */ jsx("button", {
+			onClick: () => setPackageManagerPreference(manager),
+			type: "button",
+			children: manager
+		}, manager)) }), /* @__PURE__ */ jsx("button", {
+			onClick: () => {
+				onCopy();
+			},
+			type: "button",
+			children: hasCopied ? "Copied" : "Copy"
+		})] }), /* @__PURE__ */ jsx("pre", { children: /* @__PURE__ */ jsx("code", {
+			className: "language-bash",
+			children: activeCommand
+		}) })] })
+	});
+}
+
+//#endregion
+export { TimelineCommandBlock };
+//# sourceMappingURL=timeline-command-block.js.map

package/primitives/timeline-command-block.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeline-command-block.js","names":["React","renderState: TimelineCommandBlockRenderState"],"sources":["../../src/primitives/timeline-command-block.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n\tCOMMAND_PACKAGE_MANAGERS,\n\tCOMMAND_PREFERENCE_EVENT,\n\tCOMMAND_PREFERENCE_STORAGE_KEY,\n\ttype CommandPackageManager,\n\ttype CommandVariants,\n\tDEFAULT_PACKAGE_MANAGER,\n\tisCommandPackageManager,\n} from \"./command-block-utils\";\n\nexport type TimelineCommandBlockRenderState = {\n\tcommands: CommandVariants;\n\tpackageManagers: readonly CommandPackageManager[];\n\tactivePackageManager: CommandPackageManager;\n\tactiveCommand: string;\n\tsetPackageManager: (packageManager: CommandPackageManager) => void;\n\thasCopied: boolean;\n\tonCopy: () => Promise<boolean>;\n};\n\nexport type TimelineCommandBlockProps = {\n\tcommands: CommandVariants;\n\tclassName?: string;\n\tchildren?: (state: TimelineCommandBlockRenderState) => React.ReactNode;\n};\n\nfunction readStoredPackageManager(): CommandPackageManager {\n\tif (typeof window === \"undefined\") {\n\t\treturn DEFAULT_PACKAGE_MANAGER;\n\t}\n\n\tconst storedValue = window.localStorage.getItem(\n\t\tCOMMAND_PREFERENCE_STORAGE_KEY\n\t);\n\tif (storedValue && isCommandPackageManager(storedValue)) {\n\t\treturn storedValue;\n\t}\n\n\treturn DEFAULT_PACKAGE_MANAGER;\n}\n\nasync function copyToClipboard(value: string): Promise<boolean> {\n\tif (typeof navigator === \"undefined\" || !navigator.clipboard) {\n\t\treturn false;\n\t}\n\n\ttry {\n\t\tawait navigator.clipboard.writeText(value);\n\t\treturn true;\n\t} catch {\n\t\treturn false;\n\t}\n}\n\n/**\n * Shared command block UI with package-manager tabs and copy action.\n */\nexport function TimelineCommandBlock({\n\tcommands,\n\tclassName,\n\tchildren,\n}: TimelineCommandBlockProps): React.ReactElement {\n\tconst [packageManager, setPackageManager] =\n\t\tReact.useState<CommandPackageManager>(() => readStoredPackageManager());\n\tconst [hasCopied, setHasCopied] = React.useState(false);\n\n\tReact.useEffect(() => {\n\t\tif (typeof window === \"undefined\") {\n\t\t\treturn;\n\t\t}\n\n\t\tsetPackageManager(readStoredPackageManager());\n\n\t\tconst onStorageChange = (event: StorageEvent) => {\n\t\t\tif (event.key !== COMMAND_PREFERENCE_STORAGE_KEY) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (event.newValue && isCommandPackageManager(event.newValue)) {\n\t\t\t\tsetPackageManager(event.newValue);\n\t\t\t}\n\t\t};\n\n\t\tconst onPreferenceEvent = (event: Event) => {\n\t\t\tconst nextValue = (event as CustomEvent<CommandPackageManager>).detail;\n\t\t\tif (nextValue && isCommandPackageManager(nextValue)) {\n\t\t\t\tsetPackageManager(nextValue);\n\t\t\t}\n\t\t};\n\n\t\twindow.addEventListener(\"storage\", onStorageChange);\n\t\twindow.addEventListener(\n\t\t\tCOMMAND_PREFERENCE_EVENT,\n\t\t\tonPreferenceEvent as EventListener\n\t\t);\n\n\t\treturn () => {\n\t\t\twindow.removeEventListener(\"storage\", onStorageChange);\n\t\t\twindow.removeEventListener(\n\t\t\t\tCOMMAND_PREFERENCE_EVENT,\n\t\t\t\tonPreferenceEvent as EventListener\n\t\t\t);\n\t\t};\n\t}, []);\n\n\tReact.useEffect(() => {\n\t\tif (!hasCopied) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst timer = window.setTimeout(() => {\n\t\t\tsetHasCopied(false);\n\t\t}, 1800);\n\n\t\treturn () => {\n\t\t\twindow.clearTimeout(timer);\n\t\t};\n\t}, [hasCopied]);\n\n\tconst setPackageManagerPreference = React.useCallback(\n\t\t(nextValue: CommandPackageManager) => {\n\t\t\tsetPackageManager(nextValue);\n\n\t\t\tif (typeof window === \"undefined\") {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\twindow.localStorage.setItem(COMMAND_PREFERENCE_STORAGE_KEY, nextValue);\n\t\t\twindow.dispatchEvent(\n\t\t\t\tnew CustomEvent<CommandPackageManager>(COMMAND_PREFERENCE_EVENT, {\n\t\t\t\t\tdetail: nextValue,\n\t\t\t\t})\n\t\t\t);\n\t\t},\n\t\t[]\n\t);\n\n\tconst activeCommand = commands[packageManager];\n\n\tconst onCopy = React.useCallback(async () => {\n\t\tconst didCopy = await copyToClipboard(activeCommand);\n\t\tif (didCopy) {\n\t\t\tsetHasCopied(true);\n\t\t}\n\n\t\treturn didCopy;\n\t}, [activeCommand]);\n\n\tconst renderState: TimelineCommandBlockRenderState = {\n\t\tcommands,\n\t\tpackageManagers: COMMAND_PACKAGE_MANAGERS,\n\t\tactivePackageManager: packageManager,\n\t\tactiveCommand,\n\t\tsetPackageManager: setPackageManagerPreference,\n\t\thasCopied,\n\t\tonCopy,\n\t};\n\n\treturn (\n\t\t<div className={className} data-co-command-block=\"\">\n\t\t\t{typeof children === \"function\" ? (\n\t\t\t\tchildren(renderState)\n\t\t\t) : (\n\t\t\t\t<>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t{COMMAND_PACKAGE_MANAGERS.map((manager) => (\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\tkey={manager}\n\t\t\t\t\t\t\t\t\tonClick={() => setPackageManagerPreference(manager)}\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{manager}\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tvoid onCopy();\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{hasCopied ? \"Copied\" : \"Copy\"}\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<pre>\n\t\t\t\t\t\t<code className=\"language-bash\">{activeCommand}</code>\n\t\t\t\t\t</pre>\n\t\t\t\t</>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;AA2BA,SAAS,2BAAkD;AAC1D,KAAI,OAAO,WAAW,YACrB,QAAO;CAGR,MAAM,cAAc,OAAO,aAAa,QACvC,+BACA;AACD,KAAI,eAAe,wBAAwB,YAAY,CACtD,QAAO;AAGR,QAAO;;AAGR,eAAe,gBAAgB,OAAiC;AAC/D,KAAI,OAAO,cAAc,eAAe,CAAC,UAAU,UAClD,QAAO;AAGR,KAAI;AACH,QAAM,UAAU,UAAU,UAAU,MAAM;AAC1C,SAAO;SACA;AACP,SAAO;;;;;;AAOT,SAAgB,qBAAqB,EACpC,UACA,WACA,YACiD;CACjD,MAAM,CAAC,gBAAgB,qBACtBA,QAAM,eAAsC,0BAA0B,CAAC;CACxE,MAAM,CAAC,WAAW,gBAAgBA,QAAM,SAAS,MAAM;AAEvD,SAAM,gBAAgB;AACrB,MAAI,OAAO,WAAW,YACrB;AAGD,oBAAkB,0BAA0B,CAAC;EAE7C,MAAM,mBAAmB,UAAwB;AAChD,OAAI,MAAM,QAAQ,+BACjB;AAGD,OAAI,MAAM,YAAY,wBAAwB,MAAM,SAAS,CAC5D,mBAAkB,MAAM,SAAS;;EAInC,MAAM,qBAAqB,UAAiB;GAC3C,MAAM,YAAa,MAA6C;AAChE,OAAI,aAAa,wBAAwB,UAAU,CAClD,mBAAkB,UAAU;;AAI9B,SAAO,iBAAiB,WAAW,gBAAgB;AACnD,SAAO,iBACN,0BACA,kBACA;AAED,eAAa;AACZ,UAAO,oBAAoB,WAAW,gBAAgB;AACtD,UAAO,oBACN,0BACA,kBACA;;IAEA,EAAE,CAAC;AAEN,SAAM,gBAAgB;AACrB,MAAI,CAAC,UACJ;EAGD,MAAM,QAAQ,OAAO,iBAAiB;AACrC,gBAAa,MAAM;KACjB,KAAK;AAER,eAAa;AACZ,UAAO,aAAa,MAAM;;IAEzB,CAAC,UAAU,CAAC;CAEf,MAAM,8BAA8BA,QAAM,aACxC,cAAqC;AACrC,oBAAkB,UAAU;AAE5B,MAAI,OAAO,WAAW,YACrB;AAGD,SAAO,aAAa,QAAQ,gCAAgC,UAAU;AACtE,SAAO,cACN,IAAI,YAAmC,0BAA0B,EAChE,QAAQ,WACR,CAAC,CACF;IAEF,EAAE,CACF;CAED,MAAM,gBAAgB,SAAS;CAE/B,MAAM,SAASA,QAAM,YAAY,YAAY;EAC5C,MAAM,UAAU,MAAM,gBAAgB,cAAc;AACpD,MAAI,QACH,cAAa,KAAK;AAGnB,SAAO;IACL,CAAC,cAAc,CAAC;CAEnB,MAAMC,cAA+C;EACpD;EACA,iBAAiB;EACjB,sBAAsB;EACtB;EACA,mBAAmB;EACnB;EACA;EACA;AAED,QACC,oBAAC;EAAe;EAAW,yBAAsB;YAC/C,OAAO,aAAa,aACpB,SAAS,YAAY,GAErB,4CACC,qBAAC,oBACA,oBAAC,mBACC,yBAAyB,KAAK,YAC9B,oBAAC;GAEA,eAAe,4BAA4B,QAAQ;GACnD,MAAK;aAEJ;KAJI,QAKG,CACR,GACG,EAEN,oBAAC;GACA,eAAe;AACd,IAAK,QAAQ;;GAEd,MAAK;aAEJ,YAAY,WAAW;IAChB,IACJ,EAEN,oBAAC,mBACA,oBAAC;GAAK,WAAU;aAAiB;IAAqB,GACjD,IACJ;GAEC"}

package/primitives/timeline-item-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"timeline-item-group.d.ts","names":[],"sources":["../../src/primitives/timeline-item-group.tsx"],"sourcesContent":[],"mappings":"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"}
+{"version":3,"file":"timeline-item-group.d.ts","names":[],"sources":["../../src/primitives/timeline-item-group.tsx"],"sourcesContent":[],"mappings":"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"}

package/primitives/timeline-item-group.js

@@ -1,4 +1,5 @@
 import { useRenderElement } from "../utils/use-render-element.js";
+import { getTimelineItemSender } from "../utils/timeline-item-sender.js";
 import * as React$1 from "react";
 
 //#region src/primitives/timeline-item-group.tsx
@@ -13,21 +14,10 @@ const TimelineItemGroup = (() => {
 		const { viewerType, ...elementProps } = restProps;
 		const firstItem = items[0];
 		const lastItem = items.at(-1);
-		let senderId = "";
-		let senderType;
-		if (firstItem?.visitorId) {
-			senderId = firstItem.visitorId;
-			senderType = "visitor";
-		} else if (firstItem?.aiAgentId) {
-			senderId = firstItem.aiAgentId;
-			senderType = "ai";
-		} else if (firstItem?.userId) {
-			senderId = firstItem.userId;
-			senderType = "team_member";
-		} else {
-			senderId = firstItem?.id || "unknown";
-			senderType = "team_member";
-		}
+		const { senderId, senderType } = firstItem ? getTimelineItemSender(firstItem) : {
+			senderId: "unknown",
+			senderType: "team_member"
+		};
 		const isSentByViewer = viewerId ? senderId === viewerId : viewerType ? senderType === viewerType : false;
 		const isReceivedByViewer = viewerId ? senderId !== viewerId : viewerType ? senderType !== viewerType : true;
 		const isVisitor = senderType === "visitor";

package/primitives/timeline-item-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"timeline-item-group.js","names":["React","senderType: SenderType","renderProps: TimelineItemGroupRenderProps","_lastReaderIds: string[]","_readers: Array<{ userId: string; isLastRead: boolean }>"],"sources":["../../src/primitives/timeline-item-group.tsx"],"sourcesContent":["import type { SenderType } from \"@cossistant/types\";\nimport type { TimelineItem as TimelineItemType } from \"@cossistant/types/api/timeline-item\";\nimport * as React from \"react\";\nimport { useRenderElement } from \"../utils/use-render-element\";\n\n/**\n * Shape returned to render-prop children describing the grouped timeline items state\n * and viewer specific flags.\n */\nexport type TimelineItemGroupRenderProps = {\n\t// Sender information\n\tsenderType: SenderType;\n\tsenderId: string;\n\tviewerType?: SenderType;\n\n\t// POV flags - who is viewing\n\tisSentByViewer: boolean; // True if the current viewer sent these items\n\tisReceivedByViewer: boolean; // True if the current viewer received these items\n\n\t// Sender type flags for convenience\n\tisVisitor: boolean;\n\tisAI: boolean;\n\tisTeamMember: boolean;\n\n\t// Item info\n\titemCount: number;\n\tfirstItemId: string | undefined;\n\tlastItemId: string | undefined;\n\n\t// Seen status\n\thasBeenSeenByViewer?: boolean;\n\tseenByIds?: readonly string[]; // IDs of users who have seen the last item in group\n};\n\nexport type TimelineItemGroupProps = Omit<\n\tReact.HTMLAttributes<HTMLDivElement>,\n\t\"children\"\n> & {\n\tchildren?:\n\t\t| React.ReactNode\n\t\t| ((props: TimelineItemGroupRenderProps) => React.ReactNode);\n\tasChild?: boolean;\n\tclassName?: string;\n\titems: TimelineItemType[];\n\n\t// POV context - who is viewing these timeline items\n\tviewerId?: string; // ID of the current viewer\n\tviewerType?: SenderType; // Type of the current viewer\n\n\t// Seen data\n\tseenByIds?: readonly string[]; // IDs of users who have seen these timeline items\n\tlastReadItemIds?: Map<string, string>; // Map of userId -> lastItemId they read\n};\n\n/**\n * Groups sequential timeline items from the same sender and exposes render helpers\n * that describe who sent the batch and whether the active viewer has seen it.\n * Consumers can either render their own layout via a render prop or rely on\n * slotted children. Typically used for MESSAGE-type items; EVENT items are usually rendered separately.\n */\nexport const TimelineItemGroup = (() => {\n\tconst Component = React.forwardRef<HTMLDivElement, TimelineItemGroupProps>(\n\t\t(\n\t\t\t{\n\t\t\t\tchildren,\n\t\t\t\tclassName,\n\t\t\t\tasChild = false,\n\t\t\t\titems = [],\n\t\t\t\tviewerId,\n\t\t\t\tseenByIds = [] as readonly string[],\n\t\t\t\tlastReadItemIds,\n\t\t\t\t...restProps\n\t\t\t},\n\t\t\tref\n\t\t) => {\n\t\t\tconst { viewerType, ...elementProps } = restProps;\n\n\t\t\t// Determine sender type from first timeline item in group\n\t\t\tconst firstItem = items[0];\n\t\t\tconst lastItem = items.at(-1);\n\n\t\t\t// Determine sender info\n\t\t\tlet senderId = \"\";\n\t\t\tlet senderType: SenderType;\n\n\t\t\tif (firstItem?.visitorId) {\n\t\t\t\tsenderId = firstItem.visitorId;\n\t\t\t\tsenderType = \"visitor\" as SenderType;\n\t\t\t} else if (firstItem?.aiAgentId) {\n\t\t\t\tsenderId = firstItem.aiAgentId;\n\t\t\t\tsenderType = \"ai\" as SenderType;\n\t\t\t} else if (firstItem?.userId) {\n\t\t\t\tsenderId = firstItem.userId;\n\t\t\t\tsenderType = \"team_member\" as SenderType;\n\t\t\t} else {\n\t\t\t\t// Fallback\n\t\t\t\tsenderId = firstItem?.id || \"unknown\";\n\t\t\t\tsenderType = \"team_member\" as SenderType;\n\t\t\t}\n\n\t\t\t// Determine POV\n\t\t\tconst isSentByViewer = viewerId\n\t\t\t\t? senderId === viewerId\n\t\t\t\t: viewerType\n\t\t\t\t\t? senderType === viewerType\n\t\t\t\t\t: false;\n\t\t\tconst isReceivedByViewer = viewerId\n\t\t\t\t? senderId !== viewerId\n\t\t\t\t: viewerType\n\t\t\t\t\t? senderType !== viewerType\n\t\t\t\t\t: true;\n\n\t\t\t// Convenience flags\n\t\t\tconst isVisitor = senderType === \"visitor\";\n\t\t\tconst isAI = senderType === \"ai\";\n\t\t\tconst isTeamMember = senderType === \"team_member\";\n\n\t\t\t// Check if viewer has seen these timeline items\n\t\t\tconst hasBeenSeenByViewer = viewerId\n\t\t\t\t? seenByIds.includes(viewerId)\n\t\t\t\t: undefined;\n\n\t\t\tconst renderProps: TimelineItemGroupRenderProps = {\n\t\t\t\tsenderType,\n\t\t\t\tsenderId,\n\t\t\t\tviewerType,\n\t\t\t\tisSentByViewer,\n\t\t\t\tisReceivedByViewer,\n\t\t\t\tisVisitor,\n\t\t\t\tisAI,\n\t\t\t\tisTeamMember,\n\t\t\t\titemCount: items.length,\n\t\t\t\tfirstItemId: firstItem?.id,\n\t\t\t\tlastItemId: lastItem?.id,\n\t\t\t\thasBeenSeenByViewer,\n\t\t\t\tseenByIds,\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\"div\",\n\t\t\t\t{\n\t\t\t\t\tclassName,\n\t\t\t\t\tasChild,\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\trole: \"group\",\n\t\t\t\t\t\t\"aria-label\": `Timeline item group from ${senderType}`,\n\t\t\t\t\t\t...elementProps,\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 = \"TimelineItemGroup\";\n\treturn Component;\n})();\n\nexport type TimelineItemGroupAvatarProps = Omit<\n\tReact.HTMLAttributes<HTMLDivElement>,\n\t\"children\"\n> & {\n\tchildren?: React.ReactNode;\n\tasChild?: boolean;\n\tclassName?: string;\n};\n\n/**\n * Optional slot rendered next to a grouped batch to display an avatar, agent\n * badge or any other sender metadata supplied by the consumer UI.\n */\nexport const TimelineItemGroupAvatar = (() => {\n\tconst Component = React.forwardRef<\n\t\tHTMLDivElement,\n\t\tTimelineItemGroupAvatarProps\n\t>(({ children, className, asChild = false, ...props }, ref) =>\n\t\tuseRenderElement(\n\t\t\t\"div\",\n\t\t\t{\n\t\t\t\tclassName,\n\t\t\t\tasChild,\n\t\t\t},\n\t\t\t{\n\t\t\t\tref,\n\t\t\t\tprops: {\n\t\t\t\t\t...props,\n\t\t\t\t\tchildren,\n\t\t\t\t},\n\t\t\t}\n\t\t)\n\t);\n\n\tComponent.displayName = \"TimelineItemGroupAvatar\";\n\treturn Component;\n})();\n\nexport type TimelineItemGroupHeaderProps = Omit<\n\tReact.HTMLAttributes<HTMLDivElement>,\n\t\"children\"\n> & {\n\tchildren?:\n\t\t| React.ReactNode\n\t\t| ((props: {\n\t\t\t\tname?: string;\n\t\t\t\tsenderId?: string;\n\t\t\t\tsenderType?: SenderType;\n\t\t  }) => React.ReactNode);\n\tasChild?: boolean;\n\tclassName?: string;\n\tname?: string;\n\tsenderId?: string;\n\tsenderType?: SenderType;\n};\n\n/**\n * Decorative or semantic wrapper rendered above a timeline item batch. Useful for\n * injecting agent names, timestamps or custom status labels tied to the sender\n * metadata supplied by `TimelineItemGroup`.\n */\nexport const TimelineItemGroupHeader = (() => {\n\tconst Component = React.forwardRef<\n\t\tHTMLDivElement,\n\t\tTimelineItemGroupHeaderProps\n\t>(\n\t\t(\n\t\t\t{\n\t\t\t\tchildren,\n\t\t\t\tclassName,\n\t\t\t\tasChild = false,\n\t\t\t\tname,\n\t\t\t\tsenderId,\n\t\t\t\tsenderType,\n\t\t\t\t...props\n\t\t\t},\n\t\t\tref\n\t\t) => {\n\t\t\tconst content =\n\t\t\t\ttypeof children === \"function\"\n\t\t\t\t\t? children({ name, senderId, senderType })\n\t\t\t\t\t: children;\n\n\t\t\treturn useRenderElement(\n\t\t\t\t\"div\",\n\t\t\t\t{\n\t\t\t\t\tclassName,\n\t\t\t\t\tasChild,\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tref,\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 = \"TimelineItemGroupHeader\";\n\treturn Component;\n})();\n\nexport type TimelineItemGroupContentProps = Omit<\n\tReact.HTMLAttributes<HTMLDivElement>,\n\t\"children\"\n> & {\n\tchildren?: React.ReactNode;\n\tasChild?: boolean;\n\tclassName?: string;\n};\n\n/**\n * Container for the actual timeline items within a batch. Consumers can\n * override the structure while inheriting layout props passed down from the\n * parent group.\n */\nexport const TimelineItemGroupContent = (() => {\n\tconst Component = React.forwardRef<\n\t\tHTMLDivElement,\n\t\tTimelineItemGroupContentProps\n\t>(({ children, className, asChild = false, ...props }, ref) =>\n\t\tuseRenderElement(\n\t\t\t\"div\",\n\t\t\t{\n\t\t\t\tclassName,\n\t\t\t\tasChild,\n\t\t\t},\n\t\t\t{\n\t\t\t\tref,\n\t\t\t\tprops: {\n\t\t\t\t\t...props,\n\t\t\t\t\tchildren,\n\t\t\t\t},\n\t\t\t}\n\t\t)\n\t);\n\n\tComponent.displayName = \"TimelineItemGroupContent\";\n\treturn Component;\n})();\n\nexport type TimelineItemGroupSeenIndicatorProps = Omit<\n\tReact.HTMLAttributes<HTMLDivElement>,\n\t\"children\"\n> & {\n\tchildren?:\n\t\t| React.ReactNode\n\t\t| ((props: {\n\t\t\t\tseenByIds: readonly string[];\n\t\t\t\thasBeenSeen: boolean;\n\t\t  }) => React.ReactNode);\n\tasChild?: boolean;\n\tclassName?: string;\n\tseenByIds?: readonly string[];\n};\n\n/**\n * Utility slot for showing who has viewed the most recent timeline item in the\n * group. Works with simple text children or a render prop for advanced\n * displays.\n */\nexport const TimelineItemGroupSeenIndicator = (() => {\n\tconst Component = React.forwardRef<\n\t\tHTMLDivElement,\n\t\tTimelineItemGroupSeenIndicatorProps\n\t>(\n\t\t(\n\t\t\t{\n\t\t\t\tchildren,\n\t\t\t\tclassName,\n\t\t\t\tasChild = false,\n\t\t\t\tseenByIds = [] as readonly string[],\n\t\t\t\t...props\n\t\t\t},\n\t\t\tref\n\t\t) => {\n\t\t\tconst hasBeenSeen = seenByIds.length > 0;\n\t\t\tconst content =\n\t\t\t\ttypeof children === \"function\"\n\t\t\t\t\t? children({ seenByIds, hasBeenSeen })\n\t\t\t\t\t: children;\n\n\t\t\treturn useRenderElement(\n\t\t\t\t\"div\",\n\t\t\t\t{\n\t\t\t\t\tclassName,\n\t\t\t\t\tasChild,\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tref,\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 = \"TimelineItemGroupSeenIndicator\";\n\treturn Component;\n})();\n\nexport type TimelineItemGroupReadIndicatorProps = Omit<\n\tReact.HTMLAttributes<HTMLDivElement>,\n\t\"children\"\n> & {\n\tchildren?:\n\t\t| React.ReactNode\n\t\t| ((props: {\n\t\t\t\treaders: Array<{ userId: string; isLastRead: boolean }>;\n\t\t\t\tlastReaderIds: string[];\n\t\t  }) => React.ReactNode);\n\tasChild?: boolean;\n\tclassName?: string;\n\titemId: string;\n\tlastReadItemIds?: Map<string, string>;\n};\n\n/**\n * Renders read receipts for the tail timeline item in a group. It surfaces the list\n * of readers and callers can decide whether to render avatars, tooltips or a\n * basic label.\n */\nexport const TimelineItemGroupReadIndicator = (() => {\n\tconst Component = React.forwardRef<\n\t\tHTMLDivElement,\n\t\tTimelineItemGroupReadIndicatorProps\n\t>(\n\t\t(\n\t\t\t{\n\t\t\t\tchildren,\n\t\t\t\tclassName,\n\t\t\t\tasChild = false,\n\t\t\t\titemId,\n\t\t\t\tlastReadItemIds,\n\t\t\t\t...props\n\t\t\t},\n\t\t\tref\n\t\t) => {\n\t\t\t// Find all users who stopped reading at this timeline item\n\t\t\tconst { lastReaderIds, readers } = React.useMemo(() => {\n\t\t\t\tconst _lastReaderIds: string[] = [];\n\t\t\t\tconst _readers: Array<{ userId: string; isLastRead: boolean }> = [];\n\n\t\t\t\tif (lastReadItemIds) {\n\t\t\t\t\tlastReadItemIds.forEach((lastItemId, userId) => {\n\t\t\t\t\t\tif (lastItemId === itemId) {\n\t\t\t\t\t\t\t_lastReaderIds.push(userId);\n\t\t\t\t\t\t\t_readers.push({ userId, isLastRead: true });\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t}\n\n\t\t\t\treturn { lastReaderIds: _lastReaderIds, readers: _readers };\n\t\t\t}, [itemId, lastReadItemIds]);\n\n\t\t\tconst content =\n\t\t\t\ttypeof children === \"function\"\n\t\t\t\t\t? children({ readers, lastReaderIds })\n\t\t\t\t\t: children;\n\n\t\t\treturn useRenderElement(\n\t\t\t\t\"div\",\n\t\t\t\t{\n\t\t\t\t\tclassName,\n\t\t\t\t\tasChild,\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tref,\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 = \"TimelineItemGroupReadIndicator\";\n\treturn Component;\n})();\n"],"mappings":"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"}
+{"version":3,"file":"timeline-item-group.js","names":["React","renderProps: TimelineItemGroupRenderProps","_lastReaderIds: string[]","_readers: Array<{ userId: string; isLastRead: boolean }>"],"sources":["../../src/primitives/timeline-item-group.tsx"],"sourcesContent":["import type { SenderType } from \"@cossistant/types\";\nimport type { TimelineItem as TimelineItemType } from \"@cossistant/types/api/timeline-item\";\nimport * as React from \"react\";\nimport { getTimelineItemSender } from \"../utils/timeline-item-sender\";\nimport { useRenderElement } from \"../utils/use-render-element\";\n\n/**\n * Shape returned to render-prop children describing the grouped timeline items state\n * and viewer specific flags.\n */\nexport type TimelineItemGroupRenderProps = {\n\t// Sender information\n\tsenderType: SenderType;\n\tsenderId: string;\n\tviewerType?: SenderType;\n\n\t// POV flags - who is viewing\n\tisSentByViewer: boolean; // True if the current viewer sent these items\n\tisReceivedByViewer: boolean; // True if the current viewer received these items\n\n\t// Sender type flags for convenience\n\tisVisitor: boolean;\n\tisAI: boolean;\n\tisTeamMember: boolean;\n\n\t// Item info\n\titemCount: number;\n\tfirstItemId: string | undefined;\n\tlastItemId: string | undefined;\n\n\t// Seen status\n\thasBeenSeenByViewer?: boolean;\n\tseenByIds?: readonly string[]; // IDs of users who have seen the last item in group\n};\n\nexport type TimelineItemGroupProps = Omit<\n\tReact.HTMLAttributes<HTMLDivElement>,\n\t\"children\"\n> & {\n\tchildren?:\n\t\t| React.ReactNode\n\t\t| ((props: TimelineItemGroupRenderProps) => React.ReactNode);\n\tasChild?: boolean;\n\tclassName?: string;\n\titems: TimelineItemType[];\n\n\t// POV context - who is viewing these timeline items\n\tviewerId?: string; // ID of the current viewer\n\tviewerType?: SenderType; // Type of the current viewer\n\n\t// Seen data\n\tseenByIds?: readonly string[]; // IDs of users who have seen these timeline items\n\tlastReadItemIds?: Map<string, string>; // Map of userId -> lastItemId they read\n};\n\n/**\n * Groups sequential timeline items from the same sender and exposes render helpers\n * that describe who sent the batch and whether the active viewer has seen it.\n * Consumers can either render their own layout via a render prop or rely on\n * slotted children. Typically used for MESSAGE-type items; EVENT items are usually rendered separately.\n */\nexport const TimelineItemGroup = (() => {\n\tconst Component = React.forwardRef<HTMLDivElement, TimelineItemGroupProps>(\n\t\t(\n\t\t\t{\n\t\t\t\tchildren,\n\t\t\t\tclassName,\n\t\t\t\tasChild = false,\n\t\t\t\titems = [],\n\t\t\t\tviewerId,\n\t\t\t\tseenByIds = [] as readonly string[],\n\t\t\t\tlastReadItemIds,\n\t\t\t\t...restProps\n\t\t\t},\n\t\t\tref\n\t\t) => {\n\t\t\tconst { viewerType, ...elementProps } = restProps;\n\n\t\t\t// Determine sender type from first timeline item in group\n\t\t\tconst firstItem = items[0];\n\t\t\tconst lastItem = items.at(-1);\n\n\t\t\tconst { senderId, senderType } = firstItem\n\t\t\t\t? getTimelineItemSender(firstItem)\n\t\t\t\t: { senderId: \"unknown\", senderType: \"team_member\" as SenderType };\n\n\t\t\t// Determine POV\n\t\t\tconst isSentByViewer = viewerId\n\t\t\t\t? senderId === viewerId\n\t\t\t\t: viewerType\n\t\t\t\t\t? senderType === viewerType\n\t\t\t\t\t: false;\n\t\t\tconst isReceivedByViewer = viewerId\n\t\t\t\t? senderId !== viewerId\n\t\t\t\t: viewerType\n\t\t\t\t\t? senderType !== viewerType\n\t\t\t\t\t: true;\n\n\t\t\t// Convenience flags\n\t\t\tconst isVisitor = senderType === \"visitor\";\n\t\t\tconst isAI = senderType === \"ai\";\n\t\t\tconst isTeamMember = senderType === \"team_member\";\n\n\t\t\t// Check if viewer has seen these timeline items\n\t\t\tconst hasBeenSeenByViewer = viewerId\n\t\t\t\t? seenByIds.includes(viewerId)\n\t\t\t\t: undefined;\n\n\t\t\tconst renderProps: TimelineItemGroupRenderProps = {\n\t\t\t\tsenderType,\n\t\t\t\tsenderId,\n\t\t\t\tviewerType,\n\t\t\t\tisSentByViewer,\n\t\t\t\tisReceivedByViewer,\n\t\t\t\tisVisitor,\n\t\t\t\tisAI,\n\t\t\t\tisTeamMember,\n\t\t\t\titemCount: items.length,\n\t\t\t\tfirstItemId: firstItem?.id,\n\t\t\t\tlastItemId: lastItem?.id,\n\t\t\t\thasBeenSeenByViewer,\n\t\t\t\tseenByIds,\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\"div\",\n\t\t\t\t{\n\t\t\t\t\tclassName,\n\t\t\t\t\tasChild,\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\trole: \"group\",\n\t\t\t\t\t\t\"aria-label\": `Timeline item group from ${senderType}`,\n\t\t\t\t\t\t...elementProps,\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 = \"TimelineItemGroup\";\n\treturn Component;\n})();\n\nexport type TimelineItemGroupAvatarProps = Omit<\n\tReact.HTMLAttributes<HTMLDivElement>,\n\t\"children\"\n> & {\n\tchildren?: React.ReactNode;\n\tasChild?: boolean;\n\tclassName?: string;\n};\n\n/**\n * Optional slot rendered next to a grouped batch to display an avatar, agent\n * badge or any other sender metadata supplied by the consumer UI.\n */\nexport const TimelineItemGroupAvatar = (() => {\n\tconst Component = React.forwardRef<\n\t\tHTMLDivElement,\n\t\tTimelineItemGroupAvatarProps\n\t>(({ children, className, asChild = false, ...props }, ref) =>\n\t\tuseRenderElement(\n\t\t\t\"div\",\n\t\t\t{\n\t\t\t\tclassName,\n\t\t\t\tasChild,\n\t\t\t},\n\t\t\t{\n\t\t\t\tref,\n\t\t\t\tprops: {\n\t\t\t\t\t...props,\n\t\t\t\t\tchildren,\n\t\t\t\t},\n\t\t\t}\n\t\t)\n\t);\n\n\tComponent.displayName = \"TimelineItemGroupAvatar\";\n\treturn Component;\n})();\n\nexport type TimelineItemGroupHeaderProps = Omit<\n\tReact.HTMLAttributes<HTMLDivElement>,\n\t\"children\"\n> & {\n\tchildren?:\n\t\t| React.ReactNode\n\t\t| ((props: {\n\t\t\t\tname?: string;\n\t\t\t\tsenderId?: string;\n\t\t\t\tsenderType?: SenderType;\n\t\t  }) => React.ReactNode);\n\tasChild?: boolean;\n\tclassName?: string;\n\tname?: string;\n\tsenderId?: string;\n\tsenderType?: SenderType;\n};\n\n/**\n * Decorative or semantic wrapper rendered above a timeline item batch. Useful for\n * injecting agent names, timestamps or custom status labels tied to the sender\n * metadata supplied by `TimelineItemGroup`.\n */\nexport const TimelineItemGroupHeader = (() => {\n\tconst Component = React.forwardRef<\n\t\tHTMLDivElement,\n\t\tTimelineItemGroupHeaderProps\n\t>(\n\t\t(\n\t\t\t{\n\t\t\t\tchildren,\n\t\t\t\tclassName,\n\t\t\t\tasChild = false,\n\t\t\t\tname,\n\t\t\t\tsenderId,\n\t\t\t\tsenderType,\n\t\t\t\t...props\n\t\t\t},\n\t\t\tref\n\t\t) => {\n\t\t\tconst content =\n\t\t\t\ttypeof children === \"function\"\n\t\t\t\t\t? children({ name, senderId, senderType })\n\t\t\t\t\t: children;\n\n\t\t\treturn useRenderElement(\n\t\t\t\t\"div\",\n\t\t\t\t{\n\t\t\t\t\tclassName,\n\t\t\t\t\tasChild,\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tref,\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 = \"TimelineItemGroupHeader\";\n\treturn Component;\n})();\n\nexport type TimelineItemGroupContentProps = Omit<\n\tReact.HTMLAttributes<HTMLDivElement>,\n\t\"children\"\n> & {\n\tchildren?: React.ReactNode;\n\tasChild?: boolean;\n\tclassName?: string;\n};\n\n/**\n * Container for the actual timeline items within a batch. Consumers can\n * override the structure while inheriting layout props passed down from the\n * parent group.\n */\nexport const TimelineItemGroupContent = (() => {\n\tconst Component = React.forwardRef<\n\t\tHTMLDivElement,\n\t\tTimelineItemGroupContentProps\n\t>(({ children, className, asChild = false, ...props }, ref) =>\n\t\tuseRenderElement(\n\t\t\t\"div\",\n\t\t\t{\n\t\t\t\tclassName,\n\t\t\t\tasChild,\n\t\t\t},\n\t\t\t{\n\t\t\t\tref,\n\t\t\t\tprops: {\n\t\t\t\t\t...props,\n\t\t\t\t\tchildren,\n\t\t\t\t},\n\t\t\t}\n\t\t)\n\t);\n\n\tComponent.displayName = \"TimelineItemGroupContent\";\n\treturn Component;\n})();\n\nexport type TimelineItemGroupSeenIndicatorProps = Omit<\n\tReact.HTMLAttributes<HTMLDivElement>,\n\t\"children\"\n> & {\n\tchildren?:\n\t\t| React.ReactNode\n\t\t| ((props: {\n\t\t\t\tseenByIds: readonly string[];\n\t\t\t\thasBeenSeen: boolean;\n\t\t  }) => React.ReactNode);\n\tasChild?: boolean;\n\tclassName?: string;\n\tseenByIds?: readonly string[];\n};\n\n/**\n * Utility slot for showing who has viewed the most recent timeline item in the\n * group. Works with simple text children or a render prop for advanced\n * displays.\n */\nexport const TimelineItemGroupSeenIndicator = (() => {\n\tconst Component = React.forwardRef<\n\t\tHTMLDivElement,\n\t\tTimelineItemGroupSeenIndicatorProps\n\t>(\n\t\t(\n\t\t\t{\n\t\t\t\tchildren,\n\t\t\t\tclassName,\n\t\t\t\tasChild = false,\n\t\t\t\tseenByIds = [] as readonly string[],\n\t\t\t\t...props\n\t\t\t},\n\t\t\tref\n\t\t) => {\n\t\t\tconst hasBeenSeen = seenByIds.length > 0;\n\t\t\tconst content =\n\t\t\t\ttypeof children === \"function\"\n\t\t\t\t\t? children({ seenByIds, hasBeenSeen })\n\t\t\t\t\t: children;\n\n\t\t\treturn useRenderElement(\n\t\t\t\t\"div\",\n\t\t\t\t{\n\t\t\t\t\tclassName,\n\t\t\t\t\tasChild,\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tref,\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 = \"TimelineItemGroupSeenIndicator\";\n\treturn Component;\n})();\n\nexport type TimelineItemGroupReadIndicatorProps = Omit<\n\tReact.HTMLAttributes<HTMLDivElement>,\n\t\"children\"\n> & {\n\tchildren?:\n\t\t| React.ReactNode\n\t\t| ((props: {\n\t\t\t\treaders: Array<{ userId: string; isLastRead: boolean }>;\n\t\t\t\tlastReaderIds: string[];\n\t\t  }) => React.ReactNode);\n\tasChild?: boolean;\n\tclassName?: string;\n\titemId: string;\n\tlastReadItemIds?: Map<string, string>;\n};\n\n/**\n * Renders read receipts for the tail timeline item in a group. It surfaces the list\n * of readers and callers can decide whether to render avatars, tooltips or a\n * basic label.\n */\nexport const TimelineItemGroupReadIndicator = (() => {\n\tconst Component = React.forwardRef<\n\t\tHTMLDivElement,\n\t\tTimelineItemGroupReadIndicatorProps\n\t>(\n\t\t(\n\t\t\t{\n\t\t\t\tchildren,\n\t\t\t\tclassName,\n\t\t\t\tasChild = false,\n\t\t\t\titemId,\n\t\t\t\tlastReadItemIds,\n\t\t\t\t...props\n\t\t\t},\n\t\t\tref\n\t\t) => {\n\t\t\t// Find all users who stopped reading at this timeline item\n\t\t\tconst { lastReaderIds, readers } = React.useMemo(() => {\n\t\t\t\tconst _lastReaderIds: string[] = [];\n\t\t\t\tconst _readers: Array<{ userId: string; isLastRead: boolean }> = [];\n\n\t\t\t\tif (lastReadItemIds) {\n\t\t\t\t\tlastReadItemIds.forEach((lastItemId, userId) => {\n\t\t\t\t\t\tif (lastItemId === itemId) {\n\t\t\t\t\t\t\t_lastReaderIds.push(userId);\n\t\t\t\t\t\t\t_readers.push({ userId, isLastRead: true });\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t}\n\n\t\t\t\treturn { lastReaderIds: _lastReaderIds, readers: _readers };\n\t\t\t}, [itemId, lastReadItemIds]);\n\n\t\t\tconst content =\n\t\t\t\ttypeof children === \"function\"\n\t\t\t\t\t? children({ readers, lastReaderIds })\n\t\t\t\t\t: children;\n\n\t\t\treturn useRenderElement(\n\t\t\t\t\"div\",\n\t\t\t\t{\n\t\t\t\t\tclassName,\n\t\t\t\t\tasChild,\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tref,\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 = \"TimelineItemGroupReadIndicator\";\n\treturn Component;\n})();\n"],"mappings":";;;;;;;;;;;AA6DA,MAAa,2BAA2B;CACvC,MAAM,YAAYA,QAAM,YAEtB,EACC,UACA,WACA,UAAU,OACV,QAAQ,EAAE,EACV,UACA,YAAY,EAAE,EACd,iBACA,GAAG,aAEJ,QACI;EACJ,MAAM,EAAE,YAAY,GAAG,iBAAiB;EAGxC,MAAM,YAAY,MAAM;EACxB,MAAM,WAAW,MAAM,GAAG,GAAG;EAE7B,MAAM,EAAE,UAAU,eAAe,YAC9B,sBAAsB,UAAU,GAChC;GAAE,UAAU;GAAW,YAAY;GAA6B;EAGnE,MAAM,iBAAiB,WACpB,aAAa,WACb,aACC,eAAe,aACf;EACJ,MAAM,qBAAqB,WACxB,aAAa,WACb,aACC,eAAe,aACf;EAGJ,MAAM,YAAY,eAAe;EACjC,MAAM,OAAO,eAAe;EAC5B,MAAM,eAAe,eAAe;EAGpC,MAAM,sBAAsB,WACzB,UAAU,SAAS,SAAS,GAC5B;EAEH,MAAMC,cAA4C;GACjD;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,WAAW,MAAM;GACjB,aAAa,WAAW;GACxB,YAAY,UAAU;GACtB;GACA;GACA;EAED,MAAM,UACL,OAAO,aAAa,aAAa,SAAS,YAAY,GAAG;AAE1D,SAAO,iBACN,OACA;GACC;GACA;GACA,EACD;GACC;GACA,OAAO;GACP,OAAO;IACN,MAAM;IACN,cAAc,4BAA4B;IAC1C,GAAG;IACH,UAAU;IACV;GACD,CACD;GAEF;AAED,WAAU,cAAc;AACxB,QAAO;IACJ;;;;;AAeJ,MAAa,iCAAiC;CAC7C,MAAM,YAAYD,QAAM,YAGrB,EAAE,UAAU,WAAW,UAAU,OAAO,GAAG,SAAS,QACtD,iBACC,OACA;EACC;EACA;EACA,EACD;EACC;EACA,OAAO;GACN,GAAG;GACH;GACA;EACD,CACD,CACD;AAED,WAAU,cAAc;AACxB,QAAO;IACJ;;;;;;AAyBJ,MAAa,iCAAiC;CAC7C,MAAM,YAAYA,QAAM,YAKtB,EACC,UACA,WACA,UAAU,OACV,MACA,UACA,YACA,GAAG,SAEJ,QACI;EACJ,MAAM,UACL,OAAO,aAAa,aACjB,SAAS;GAAE;GAAM;GAAU;GAAY,CAAC,GACxC;AAEJ,SAAO,iBACN,OACA;GACC;GACA;GACA,EACD;GACC;GACA,OAAO;IACN,GAAG;IACH,UAAU;IACV;GACD,CACD;GAEF;AAED,WAAU,cAAc;AACxB,QAAO;IACJ;;;;;;AAgBJ,MAAa,kCAAkC;CAC9C,MAAM,YAAYA,QAAM,YAGrB,EAAE,UAAU,WAAW,UAAU,OAAO,GAAG,SAAS,QACtD,iBACC,OACA;EACC;EACA;EACA,EACD;EACC;EACA,OAAO;GACN,GAAG;GACH;GACA;EACD,CACD,CACD;AAED,WAAU,cAAc;AACxB,QAAO;IACJ;;;;;;AAsBJ,MAAa,wCAAwC;CACpD,MAAM,YAAYA,QAAM,YAKtB,EACC,UACA,WACA,UAAU,OACV,YAAY,EAAE,EACd,GAAG,SAEJ,QACI;EACJ,MAAM,cAAc,UAAU,SAAS;EACvC,MAAM,UACL,OAAO,aAAa,aACjB,SAAS;GAAE;GAAW;GAAa,CAAC,GACpC;AAEJ,SAAO,iBACN,OACA;GACC;GACA;GACA,EACD;GACC;GACA,OAAO;IACN,GAAG;IACH,UAAU;IACV;GACD,CACD;GAEF;AAED,WAAU,cAAc;AACxB,QAAO;IACJ;;;;;;AAuBJ,MAAa,wCAAwC;CACpD,MAAM,YAAYA,QAAM,YAKtB,EACC,UACA,WACA,UAAU,OACV,QACA,iBACA,GAAG,SAEJ,QACI;EAEJ,MAAM,EAAE,eAAe,YAAYA,QAAM,cAAc;GACtD,MAAME,iBAA2B,EAAE;GACnC,MAAMC,WAA2D,EAAE;AAEnE,OAAI,gBACH,iBAAgB,SAAS,YAAY,WAAW;AAC/C,QAAI,eAAe,QAAQ;AAC1B,oBAAe,KAAK,OAAO;AAC3B,cAAS,KAAK;MAAE;MAAQ,YAAY;MAAM,CAAC;;KAE3C;AAGH,UAAO;IAAE,eAAe;IAAgB,SAAS;IAAU;KACzD,CAAC,QAAQ,gBAAgB,CAAC;EAE7B,MAAM,UACL,OAAO,aAAa,aACjB,SAAS;GAAE;GAAS;GAAe,CAAC,GACpC;AAEJ,SAAO,iBACN,OACA;GACC;GACA;GACA,EACD;GACC;GACA,OAAO;IACN,GAAG;IACH,UAAU;IACV;GACD,CACD;GAEF;AAED,WAAU,cAAc;AACxB,QAAO;IACJ"}

package/primitives/timeline-item.d.ts

@@ -1,4 +1,5 @@
 import { TimelineItem as TimelineItem$1 } from "../packages/types/src/api/timeline-item.js";
+import { CommandVariants } from "./command-block-utils.js";
 import * as React$1 from "react";
 
 //#region src/primitives/timeline-item.d.ts
@@ -14,7 +15,7 @@ type TimelineItemRenderProps = {
   timestamp: Date;
   text: string | null;
   senderType: "visitor" | "ai" | "human";
-  itemType: "message" | "event" | "identification";
+  itemType: "message" | "event" | "identification" | "tool";
 };
 type TimelineItemProps = Omit<React$1.HTMLAttributes<HTMLDivElement>, "children"> & {
   children?: React$1.ReactNode | ((props: TimelineItemRenderProps) => React$1.ReactNode);
@@ -25,7 +26,7 @@ type TimelineItemProps = Omit<React$1.HTMLAttributes<HTMLDivElement>, "children"
 /**
  * Generic timeline item wrapper that adds accessibility attributes and resolves the
  * sender type into convenient render props for custom layouts. Works with
- * both MESSAGE and EVENT timeline item types.
+ * message, event, identification, and tool timeline item types.
  */
 declare const TimelineItem: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLAttributes<HTMLDivElement>, "children"> & {
   children?: React$1.ReactNode | ((props: TimelineItemRenderProps) => React$1.ReactNode);
@@ -33,12 +34,30 @@ declare const TimelineItem: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLA
   className?: string;
   item: TimelineItem$1;
 } & React$1.RefAttributes<HTMLDivElement>>;
+type TimelineInlineCodeRendererProps = {
+  code: string;
+};
+type TimelineCodeBlockRendererProps = {
+  code: string;
+  language?: string;
+  fileName?: string;
+};
+type TimelineCommandBlockRendererProps = {
+  command: string;
+  commands: CommandVariants;
+};
+type TimelineItemContentMarkdownRenderers = {
+  inlineCode?: (props: TimelineInlineCodeRendererProps) => React$1.ReactNode;
+  codeBlock?: (props: TimelineCodeBlockRendererProps) => React$1.ReactNode;
+  commandBlock?: (props: TimelineCommandBlockRendererProps) => React$1.ReactNode;
+};
 type TimelineItemContentProps = Omit<React$1.HTMLAttributes<HTMLDivElement>, "children"> & {
   children?: React$1.ReactNode | ((content: string) => React$1.ReactNode);
   asChild?: boolean;
   className?: string;
   text?: string | null;
   renderMarkdown?: boolean;
+  markdownRenderers?: TimelineItemContentMarkdownRenderers;
 };
 /**
  * Renders the content of a timeline item, optionally piping Markdown content through a
@@ -51,6 +70,7 @@ declare const TimelineItemContent: React$1.ForwardRefExoticComponent<Omit<React$
   className?: string;
   text?: string | null;
   renderMarkdown?: boolean;
+  markdownRenderers?: TimelineItemContentMarkdownRenderers;
 } & React$1.RefAttributes<HTMLDivElement>>;
 type TimelineItemTimestampProps = Omit<React$1.HTMLAttributes<HTMLSpanElement>, "children"> & {
   children?: React$1.ReactNode | ((timestamp: Date) => React$1.ReactNode);
@@ -71,5 +91,5 @@ declare const TimelineItemTimestamp: React$1.ForwardRefExoticComponent<Omit<Reac
   format?: (date: Date) => string;
 } & React$1.RefAttributes<HTMLSpanElement>>;
 //#endregion
-export { TimelineItem, TimelineItemContent, TimelineItemContentProps, TimelineItemProps, TimelineItemRenderProps, TimelineItemTimestamp, TimelineItemTimestampProps };
+export { TimelineCodeBlockRendererProps, TimelineCommandBlockRendererProps, TimelineInlineCodeRendererProps, TimelineItem, TimelineItemContent, TimelineItemContentMarkdownRenderers, TimelineItemContentProps, TimelineItemProps, TimelineItemRenderProps, TimelineItemTimestamp, TimelineItemTimestampProps };
 //# sourceMappingURL=timeline-item.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"timeline-item.d.ts","names":[],"sources":["../../src/primitives/timeline-item.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAUA;AAUA;AACsB,KAXV,uBAAA,GAWU;EAArB,SAAM,EAAA,OAAA;EADyB,IAAA,EAAA,OAAA;EAK5B,OAAM,EAAA,OAAA;EACG,SAAA,EAZD,IAYC;EAA4B,IAAA,EAAM,MAAA,GAAA,IAAA;EAGxC,UAAA,EAAA,SAAA,GAAA,IAAA,GAAA,OAAA;EAAgB,QAAA,EAAA,SAAA,GAAA,OAAA,GAAA,gBAAA;AAQvB,CAAA;AAAyB,KAjBb,iBAAA,GAAoB,IAiBP,CAhBxB,OAAA,CAAM,cAgBkB,CAhBH,cAgBG,CAAA,EAAA,UAAA,CAAA,GAAA;EAAA,QAAA,CAAA,EAZrB,OAAA,CAAM,SAYe,GAAA,CAAA,CAAA,KAAA,EAXZ,uBAWY,EAAA,GAXgB,OAAA,CAAM,SAWtB,CAAA;EAAA,OAAA,CAAA,EAAA,OAAA;EAZrB,SAAM,CAAA,EAAA,MAAA;EACG,IAAA,EAGN,cAHM;CAA4B;;;;;;AAoM7B,cAzLC,YAyLuB,EAzLX,OAAA,CAAA,yBAyLW,CAzLX,IAyLW,CAzLX,OAAA,CAAA,cAyLW,CAzLX,cAyLW,CAAA,EAAA,UAAA,CAAA,GAAA;EACd,QAAA,CAAA,EAtMlB,OAAA,CAAM,SAsMY,GAAA,CAAA,CAAA,KAAA,EArMT,uBAqMS,EAAA,GArMmB,OAAA,CAAM,SAqMzB,CAAA;EAArB,OAAM,CAAA,EAAA,OAAA;EADgC,SAAA,CAAA,EAAA,MAAA;EAI3B,IAAA,EArML,cAqMW;CAAkC,wBAAM,eAAA,CAAA,CAAA;AAAS,KAJvD,wBAAA,GAA2B,IAI4B,CAHlE,OAAA,CAAM,cAG4D,CAH7C,cAG6C,CAAA,EAAA,UAAA,CAAA,GAAA;EAYtD,QAAA,CAAA,EAZD,OAAA,CAAM,SA6Dd,GAAA,CAAA,CAAA,OAAA,EAAA,MAAA,EAAA,GA7DgD,OAAA,CAAM,SA6DtD,CAAA;EAjD4B,OAAA,CAAA,EAAA,OAAA;EAAA,SAAA,CAAA,EAAA,MAAA;EAAA,IAAA,CAAA,EAAA,MAAA,GAAA,IAAA;EAZpB,cAAM,CAAA,EAAA,OAAA;CAAkC;;;;;AA+DpD;AACsB,cApDT,mBAoDS,EApDU,OAAA,CAAA,yBAoDV,CApDU,IAoDV,CApDU,OAAA,CAAA,cAoDV,CApDU,cAoDV,CAAA,EAAA,UAAA,CAAA,GAAA;EAArB,QAAM,CAAA,EAhEK,OAAA,CAAM,SAgEX,GAAA,CAAA,CAAA,OAAA,EAAA,MAAA,EAAA,GAhE6C,OAAA,CAAM,SAgEnD,CAAA;EADkC,OAAA,CAAA,EAAA,OAAA;EAI7B,SAAM,CAAA,EAAA,MAAA;EAAyB,IAAA,CAAA,EAAA,MAAA,GAAA,IAAA;EAAS,cAAM,CAAA,EAAA,OAAA;CAG9C,wBAAA,eAAA,CAAA,CAAA;AACK,KARL,0BAAA,GAA6B,IAQxB,CAPhB,OAAA,CAAM,cAOU,CAPK,eAOL,CAAA,EAAA,UAAA,CAAA,GAAA;EAAI,QAAA,CAAA,EAJT,OAAA,CAAM,SAIG,GAAA,CAAA,CAAA,SAAA,EAJsB,IAItB,EAAA,GAJ+B,OAAA,CAAM,SAIrC,CAAA;EAOR,OAAA,CAAA,EAAA,OAAA;EAAqB,SAAA,CAAA,EAAA,MAAA;EAAA,SAAA,EARtB,IAQsB;EAAA,MAAA,CAAA,EAAA,CAAA,IAAA,EAPjB,IAOiB,EAAA,GAAA,MAAA;CAXtB;;;;;cAWC,uBAAqB,OAAA,CAAA,0BAAA,KAAA,OAAA,CAAA,eAAA;aAXtB,OAAA,CAAM,yBAAyB,SAAS,OAAA,CAAM;EAWxB,OAAA,CAAA,EAAA,OAAA;EAAA,SAAA,CAAA,EAAA,MAAA;aARtB;kBACK"}
+{"version":3,"file":"timeline-item.d.ts","names":[],"sources":["../../src/primitives/timeline-item.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAoBA;AAUA;AACsB,KAXV,uBAAA,GAWU;EAArB,SAAM,EAAA,OAAA;EADyB,IAAA,EAAA,OAAA;EAK5B,OAAM,EAAA,OAAA;EACG,SAAA,EAZD,IAYC;EAA4B,IAAA,EAAM,MAAA,GAAA,IAAA;EAGxC,UAAA,EAAA,SAAA,GAAA,IAAA,GAAA,OAAA;EAAgB,QAAA,EAAA,SAAA,GAAA,OAAA,GAAA,gBAAA,GAAA,MAAA;AAQvB,CAAA;AAAyB,KAjBb,iBAAA,GAAoB,IAiBP,CAhBxB,OAAA,CAAM,cAgBkB,CAhBH,cAgBG,CAAA,EAAA,UAAA,CAAA,GAAA;EAAA,QAAA,CAAA,EAZrB,OAAA,CAAM,SAYe,GAAA,CAAA,CAAA,KAAA,EAXZ,uBAWY,EAAA,GAXgB,OAAA,CAAM,SAWtB,CAAA;EAAA,OAAA,CAAA,EAAA,OAAA;EAZrB,SAAM,CAAA,EAAA,MAAA;EACG,IAAA,EAGN,cAHM;CAA4B;;;;;;AA+F7B,cApFC,YAoFD,EApFa,OAAA,CAAA,yBAoFkB,CApFlB,IAoFkB,CApFlB,OAAA,CAAA,cAoFkB,CApFlB,cAoFkB,CAAA,EAAA,UAAA,CAAA,GAAA;EAI/B,QAAA,CAAA,EApGR,OAAA,CAAM,SAoGE,GAAA,CAAA,CAAA,KAA8B,EAnG7B,uBAmG6B,EAAA,GAnGD,OAAA,CAAM,SAmGL,CAAA;EAM9B,OAAA,CAAA,EAAA,OAAA;EAKA,SAAA,CAAA,EAAA,MAAA;EACU,IAAA,EA5Gf,cA4Ge;CAAoC,wBAAM,eAAA,CAAA,CAAA;AAC3C,KAjBT,+BAAA,GAiBS;EAAmC,IAAA,EAAM,MAAA;CACtC;AAAsC,KAdlD,8BAAA,GAcwD;EAAS,IAAA,EAAA,MAAA;EAkTjE,QAAA,CAAA,EAAA,MAAA;EACU,QAAA,CAAA,EAAA,MAAA;CAArB;AADsC,KA1T3B,iCAAA,GA0T2B;EAI3B,OAAM,EAAA,MAAA;EAAkC,QAAM,EA5T/C,eA4T+C;CAKrC;AAAoC,KA9T7C,oCAAA,GA8T6C;EAQ5C,UAAA,CAAA,EAAA,CAAA,KAAA,EArUS,+BA4XlB,EAAA,GA5XsD,OAAA,CAAM,SA4X5D;EAvD4B,SAAA,CAAA,EAAA,CAAA,KAAA,EApUX,8BAoUW,EAAA,GApUwB,OAAA,CAAM,SAoU9B;EAAA,YAAA,CAAA,EAAA,CAAA,KAAA,EAnUR,iCAmUQ,EAAA,GAnU8B,OAAA,CAAM,SAmUpC;CAAA;AAbpB,KAJA,wBAAA,GAA2B,IAIrB,CAHjB,OAAA,CAAM,cAGW,CAHI,cAGJ,CAAA,EAAA,UAAA,CAAA,GAAA;EAAkC,QAAM,CAAA,EAA9C,OAAA,CAAM,SAAwC,GAAA,CAAA,CAAA,OAAA,EAAA,MAAA,EAAA,GAAN,OAAA,CAAM,SAAA,CAAA;EAKrC,OAAA,CAAA,EAAA,OAAA;;;EAQW,cAAA,CAAA,EAAA,OAAA;EAAA,iBAAA,CAAA,EARX,oCAQW;AAyDhC,CAAA;;;;;;AAIoD,cA7DvC,mBA6D6C,EA7D1B,OAAA,CAAA,yBA6D0B,CA7D1B,IA6D0B,CA7D1B,OAAA,CAAA,cA6D0B,CA7D1B,cA6D0B,CAAA,EAAA,UAAA,CAAA,GAAA;EAG9C,QAAA,CAAA,EA7EA,OAAA,CAAM,SA6EN,GAAA,CAAA,CAAA,OAAA,EAAA,MAAA,EAAA,GA7EwC,OAAA,CAAM,SA6E9C,CAAA;EACK,OAAA,CAAA,EAAA,OAAA;EAAI,SAAA,CAAA,EAAA,MAAA;EAOR,IAAA,CAAA,EAAA,MAAA,GAAA,IAAA;EAAqB,cAAA,CAAA,EAAA,OAAA;EAAA,iBAAA,CAAA,EAhFb,oCAgFa;CAAA,wBAAA,eAAA,CAAA,CAAA;AAXtB,KAJA,0BAAA,GAA6B,IAIvB,CAHjB,OAAA,CAAM,cAGW,CAHI,eAGJ,CAAA,EAAA,UAAA,CAAA,GAAA;EAAyB,QAAA,CAAA,EAA/B,OAAA,CAAM,SAAyB,GAAA,CAAA,CAAA,SAAA,EAAA,IAAA,EAAA,GAAS,OAAA,CAAM,SAAf,CAAA;EAAS,OAAM,CAAA,EAAA,OAAA;EAG9C,SAAA,CAAA,EAAA,MAAA;EACK,SAAA,EADL,IACK;kBAAA;;;;;;cAOJ,uBAAqB,OAAA,CAAA,0BAAA,KAAA,OAAA,CAAA,eAAA;aAXtB,OAAA,CAAM,yBAAyB,SAAS,OAAA,CAAM;;;aAG9C;kBACK"}

package/primitives/timeline-item.js

@@ -1,14 +1,16 @@
 import { useRenderElement } from "../utils/use-render-element.js";
+import { mapCommandVariants, mapInlineCommandFromParagraphChildren } from "./command-block-utils.js";
+import { TimelineCodeBlock } from "./timeline-code-block.js";
+import { TimelineCommandBlock } from "./timeline-command-block.js";
 import * as React$1 from "react";
-import { jsx } from "react/jsx-runtime";
-import ReactMarkdown from "react-markdown";
-import remarkBreaks from "remark-breaks";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { hasMarkdownFormatting, parseMarkdown } from "@cossistant/tiny-markdown/utils";
 
 //#region src/primitives/timeline-item.tsx
 /**
 * Generic timeline item wrapper that adds accessibility attributes and resolves the
 * sender type into convenient render props for custom layouts. Works with
-* both MESSAGE and EVENT timeline item types.
+* message, event, identification, and tool timeline item types.
 */
 const TimelineItem = (() => {
 	const Component = React$1.forwardRef(({ children, className, asChild = false, item, ...props }, ref) => {
@@ -29,6 +31,7 @@ const TimelineItem = (() => {
 		const itemTypeLabel = (() => {
 			if (item.type === "event") return "Event";
 			if (item.type === "identification") return "Identification";
+			if (item.type === "tool") return "Tool call";
 			if (isVisitor) return "visitor";
 			if (isAI) return "AI assistant";
 			return "human agent";
@@ -41,7 +44,7 @@ const TimelineItem = (() => {
 			state: renderProps,
 			props: {
 				role: "article",
-				"aria-label": `${item.type === "message" ? "Message" : "Event"} from ${itemTypeLabel}`,
+				"aria-label": `${item.type === "message" ? "Message" : item.type === "tool" ? "Tool call" : "Event"} from ${itemTypeLabel}`,
 				...props,
 				children: content
 			}
@@ -50,83 +53,147 @@ const TimelineItem = (() => {
 	Component.displayName = "TimelineItem";
 	return Component;
 })();
-const MemoizedMarkdownBlock = React$1.memo(({ content }) => {
-	return /* @__PURE__ */ jsx(ReactMarkdown, {
-		components: {
-			p: ({ children }) => {
-				if (children === void 0 || children === null || children === "" || Array.isArray(children) && children.every((c) => c === "\n" || c === "" || c == null)) return null;
-				return /* @__PURE__ */ jsx("span", {
+function parseMentionHref(href) {
+	if (!href.startsWith("mention:")) return null;
+	const parts = href.split(":");
+	const mentionType = parts[1];
+	const mentionId = parts.slice(2).join(":");
+	if (!(mentionType && mentionId)) return null;
+	return {
+		mentionType,
+		mentionId
+	};
+}
+function renderInlineCode(code, key, renderers) {
+	if (renderers?.inlineCode) return /* @__PURE__ */ jsx(React$1.Fragment, { children: renderers.inlineCode({ code }) }, key);
+	return /* @__PURE__ */ jsx("code", { children: code }, key);
+}
+function renderCodeBlock(props, key, renderers) {
+	if (renderers?.codeBlock) return /* @__PURE__ */ jsx(React$1.Fragment, { children: renderers.codeBlock(props) }, key);
+	return /* @__PURE__ */ jsx(TimelineCodeBlock, {
+		code: props.code,
+		fileName: props.fileName,
+		language: props.language
+	}, key);
+}
+function renderCommandBlock(props, key, renderers) {
+	if (renderers?.commandBlock) return /* @__PURE__ */ jsx(React$1.Fragment, { children: renderers.commandBlock(props) }, key);
+	return /* @__PURE__ */ jsx(TimelineCommandBlock, { commands: props.commands }, key);
+}
+function hasNonWhitespaceParagraphContent(children) {
+	return children.some((child) => child.type !== "text" || child.content.trim().length > 0);
+}
+function renderMarkdownToken(token, key, renderers) {
+	switch (token.type) {
+		case "text": return token.content;
+		case "strong": return /* @__PURE__ */ jsx("strong", {
+			className: "font-semibold",
+			children: token.children.map((child, index) => renderMarkdownToken(child, `${key}-${index}`, renderers))
+		}, key);
+		case "em": return /* @__PURE__ */ jsx("em", {
+			className: "italic",
+			children: token.children.map((child, index) => renderMarkdownToken(child, `${key}-${index}`, renderers))
+		}, key);
+		case "code": {
+			if (token.inline) return renderInlineCode(token.content, key, renderers);
+			const commandVariants = mapCommandVariants(token.content);
+			if (commandVariants) return renderCommandBlock({
+				command: token.content,
+				commands: commandVariants
+			}, key, renderers);
+			return renderCodeBlock({
+				code: token.content,
+				fileName: token.fileName,
+				language: token.language
+			}, key, renderers);
+		}
+		case "p": {
+			const inlineCommand = mapInlineCommandFromParagraphChildren(token.children);
+			if (inlineCommand) {
+				const beforeChildren = token.children.slice(0, inlineCommand.index);
+				const afterChildren = token.children.slice(inlineCommand.index + 1);
+				const hasBefore = hasNonWhitespaceParagraphContent(beforeChildren);
+				const hasAfter = hasNonWhitespaceParagraphContent(afterChildren);
+				if (!(hasBefore || hasAfter)) return renderCommandBlock({
+					command: inlineCommand.command,
+					commands: inlineCommand.variants
+				}, key, renderers);
+				return /* @__PURE__ */ jsxs("div", {
 					className: "mt-1 block first:mt-0",
-					children
-				});
-			},
-			br: () => /* @__PURE__ */ jsx("br", {}),
-			code: ({ children, ...props }) => {
-				return !("className" in props && typeof props.className === "string" && props.className.includes("language-")) ? /* @__PURE__ */ jsx("code", {
-					className: "rounded bg-co-background-300 px-1 py-0.5 text-xs",
-					children
-				}) : /* @__PURE__ */ jsx("pre", {
-					className: "overflow-x-auto rounded bg-co-background-300 p-2",
-					children: /* @__PURE__ */ jsx("code", {
-						className: "text-xs",
-						children
-					})
-				});
-			},
-			strong: ({ children }) => /* @__PURE__ */ jsx("strong", {
-				className: "font-semibold",
-				children
-			}),
-			ol: ({ children }) => /* @__PURE__ */ jsx("ol", {
-				className: "my-0 list-decimal pl-6",
-				children
-			}),
-			ul: ({ children }) => /* @__PURE__ */ jsx("ul", {
-				className: "my-0 list-disc pl-6",
-				children
-			}),
-			li: ({ children }) => /* @__PURE__ */ jsx("li", {
-				className: "[&>span.block]:mt-0 [&>span.block]:inline",
-				children
-			}),
-			blockquote: ({ children }) => /* @__PURE__ */ jsx("blockquote", {
-				className: "my-1 border-co-border border-l-2 pl-3 italic opacity-80",
-				children
-			}),
-			em: ({ children }) => /* @__PURE__ */ jsx("em", {
-				className: "italic",
-				children
-			}),
-			a: ({ href, children, node }) => {
-				const rawHref = href || node?.properties?.href || "";
-				if (rawHref.startsWith("mention:")) {
-					const parts = rawHref.split(":");
-					const mentionType = parts[1];
-					const mentionId = parts.slice(2).join(":");
-					return /* @__PURE__ */ jsx("span", {
-						className: "rounded bg-co-orange/15 font-medium text-co-orange",
-						"data-mention-id": mentionId,
-						"data-mention-type": mentionType,
-						children
-					});
-				}
-				return /* @__PURE__ */ jsx("a", {
-					className: "underline hover:opacity-80",
-					href,
-					rel: "noopener noreferrer",
-					target: "_blank",
-					children
-				});
+					children: [
+						hasBefore ? /* @__PURE__ */ jsx("span", {
+							className: "block",
+							children: beforeChildren.map((child, index) => renderMarkdownToken(child, `${key}-before-${index}`, renderers))
+						}) : null,
+						renderCommandBlock({
+							command: inlineCommand.command,
+							commands: inlineCommand.variants
+						}, `${key}-command`, renderers),
+						hasAfter ? /* @__PURE__ */ jsx("span", {
+							className: "mt-1 block",
+							children: afterChildren.map((child, index) => renderMarkdownToken(child, `${key}-after-${index}`, renderers))
+						}) : null
+					]
+				}, key);
 			}
-		},
-		remarkPlugins: [remarkBreaks],
-		urlTransform: (url) => url,
+			return /* @__PURE__ */ jsx("span", {
+				className: "mt-1 block first:mt-0",
+				children: token.children.map((child, index) => renderMarkdownToken(child, `${key}-${index}`, renderers))
+			}, key);
+		}
+		case "blockquote": return /* @__PURE__ */ jsx("blockquote", {
+			className: "my-1 border-co-border border-l-2 pl-3 italic opacity-80",
+			children: token.children.map((child, index) => renderMarkdownToken(child, `${key}-${index}`, renderers))
+		}, key);
+		case "ul": return /* @__PURE__ */ jsx("ul", {
+			className: "my-0 list-disc pl-6",
+			children: token.children.map((child, index) => renderMarkdownToken(child, `${key}-${index}`, renderers))
+		}, key);
+		case "ol": return /* @__PURE__ */ jsx("ol", {
+			className: "my-0 list-decimal pl-6",
+			children: token.children.map((child, index) => renderMarkdownToken(child, `${key}-${index}`, renderers))
+		}, key);
+		case "li": return /* @__PURE__ */ jsx("li", {
+			className: "[&>span.block]:mt-0 [&>span.block]:inline",
+			children: token.children.map((child, index) => renderMarkdownToken(child, `${key}-${index}`, renderers))
+		}, key);
+		case "a": {
+			const mention = parseMentionHref(token.href);
+			if (mention) return /* @__PURE__ */ jsx("span", {
+				className: "rounded bg-co-orange/15 font-medium text-co-orange",
+				"data-mention-id": mention.mentionId,
+				"data-mention-type": mention.mentionType,
+				children: token.children.map((child, index) => renderMarkdownToken(child, `${key}-${index}`, renderers))
+			}, key);
+			return /* @__PURE__ */ jsx("a", {
+				className: "underline hover:opacity-80",
+				href: token.href,
+				rel: "noopener noreferrer",
+				target: "_blank",
+				children: token.children.map((child, index) => renderMarkdownToken(child, `${key}-${index}`, renderers))
+			}, key);
+		}
+		case "mention": return /* @__PURE__ */ jsxs("span", {
+			className: "rounded bg-co-orange/15 font-medium text-co-orange",
+			"data-mention-id": token.mention.id,
+			"data-mention-type": token.mention.type,
+			children: ["@", token.mention.name]
+		}, key);
+		case "header": return /* @__PURE__ */ jsx("span", {
+			className: token.level === 1 ? "mt-1 block text-base font-semibold first:mt-0" : token.level === 2 ? "mt-1 block text-sm font-semibold first:mt-0" : "mt-1 block text-sm font-medium first:mt-0",
+			children: token.children.map((child, index) => renderMarkdownToken(child, `${key}-${index}`, renderers))
+		}, key);
+		case "br": return /* @__PURE__ */ jsx("br", {}, key);
+		default: return null;
+	}
+}
+const MemoizedMarkdownBlock = React$1.memo(({ content, markdownRenderers }) => {
+	if (!hasMarkdownFormatting(content)) return /* @__PURE__ */ jsx("span", {
+		className: "whitespace-pre-wrap break-words",
 		children: content
 	});
-}, (prevProps, nextProps) => {
-	if (prevProps.content !== nextProps.content) return false;
-	return true;
-});
+	return /* @__PURE__ */ jsx(Fragment, { children: parseMarkdown(content).map((token, index) => renderMarkdownToken(token, `markdown-${index}`, markdownRenderers)) });
+}, (prevProps, nextProps) => prevProps.content === nextProps.content && prevProps.markdownRenderers === nextProps.markdownRenderers);
 MemoizedMarkdownBlock.displayName = "MemoizedMarkdownBlock";
 /**
 * Renders the content of a timeline item, optionally piping Markdown content through a
@@ -134,15 +201,19 @@ MemoizedMarkdownBlock.displayName = "MemoizedMarkdownBlock";
 * formatting.
 */
 const TimelineItemContent = (() => {
-	const Component = React$1.forwardRef(({ children, className, asChild = false, text = "", renderMarkdown = true, ...props }, ref) => {
+	const Component = React$1.forwardRef(({ children, className, asChild = false, text = "", renderMarkdown = true, markdownRenderers, ...props }, ref) => {
 		const content = React$1.useMemo(() => {
 			const textContent = text ?? "";
 			if (typeof children === "function") return children(textContent);
 			if (children) return children;
-			if (renderMarkdown && textContent) return /* @__PURE__ */ jsx(MemoizedMarkdownBlock, { content: textContent });
+			if (renderMarkdown && textContent) return /* @__PURE__ */ jsx(MemoizedMarkdownBlock, {
+				content: textContent,
+				markdownRenderers
+			});
 			return textContent;
 		}, [
 			children,
+			markdownRenderers,
 			text,
 			renderMarkdown
 		]);