@assistant-ui/core 0.2.12 → 0.2.15

package/dist/react/primitives/composer/ComposerAttachments.js

@@ -1,6 +1,7 @@
 import { ComposerAttachmentByIndexProvider } from "../../providers/AttachmentByIndexProvider.js";
 import { memo, useMemo } from "@assistant-ui/tap/react-shim";
 import { RenderChildrenWithAccessor, useAuiState } from "@assistant-ui/store";
+import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/react/primitives/composer/ComposerAttachments.tsx
 const getComponent = (components, attachment) => {
@@ -11,21 +12,51 @@ const getComponent = (components, attachment) => {
 		default: return components?.Attachment;
 	}
 };
-const AttachmentComponent = ({ components }) => {
-	const attachment = useAuiState((s) => s.attachment);
+const AttachmentComponent = (t0) => {
+	const $ = c(5);
+	const { components } = t0;
+	const attachment = useAuiState(_temp);
 	if (!attachment) return null;
-	const Component = getComponent(components, attachment);
+	let t1;
+	if ($[0] !== attachment || $[1] !== components) {
+		t1 = getComponent(components, attachment);
+		$[0] = attachment;
+		$[1] = components;
+		$[2] = t1;
+	} else t1 = $[2];
+	const Component = t1;
 	if (!Component) return null;
-	return /* @__PURE__ */ jsx(Component, {});
+	let t2;
+	if ($[3] !== Component) {
+		t2 = /* @__PURE__ */ jsx(Component, {});
+		$[3] = Component;
+		$[4] = t2;
+	} else t2 = $[4];
+	return t2;
 };
 /**
 * Renders a single attachment at the specified index within the composer.
 */
-const ComposerPrimitiveAttachmentByIndex = memo(({ index, components }) => {
-	return /* @__PURE__ */ jsx(ComposerAttachmentByIndexProvider, {
-		index,
-		children: /* @__PURE__ */ jsx(AttachmentComponent, { components })
-	});
+const ComposerPrimitiveAttachmentByIndex = memo((t0) => {
+	const $ = c(5);
+	const { index, components } = t0;
+	let t1;
+	if ($[0] !== components) {
+		t1 = /* @__PURE__ */ jsx(AttachmentComponent, { components });
+		$[0] = components;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== index || $[3] !== t1) {
+		t2 = /* @__PURE__ */ jsx(ComposerAttachmentByIndexProvider, {
+			index,
+			children: t1
+		});
+		$[2] = index;
+		$[3] = t1;
+		$[4] = t2;
+	} else t2 = $[4];
+	return t2;
 }, (prev, next) => prev.index === next.index && prev.components?.Image === next.components?.Image && prev.components?.Document === next.components?.Document && prev.components?.File === next.components?.File && prev.components?.Attachment === next.components?.Attachment);
 ComposerPrimitiveAttachmentByIndex.displayName = "ComposerPrimitive.AttachmentByIndex";
 const ComposerPrimitiveAttachmentsInner = ({ children }) => {
@@ -40,15 +71,35 @@ const ComposerPrimitiveAttachmentsInner = ({ children }) => {
 		})
 	}, index)), [attachmentsCount, children]);
 };
-const ComposerPrimitiveAttachments = ({ components, children }) => {
-	if (components) return /* @__PURE__ */ jsx(ComposerPrimitiveAttachmentsInner, { children: ({ attachment }) => {
-		const Component = getComponent(components, attachment);
-		if (!Component) return null;
-		return /* @__PURE__ */ jsx(Component, {});
-	} });
-	return /* @__PURE__ */ jsx(ComposerPrimitiveAttachmentsInner, { children });
+const ComposerPrimitiveAttachments = (t0) => {
+	const $ = c(4);
+	const { components, children } = t0;
+	if (components) {
+		let t1;
+		if ($[0] !== components) {
+			t1 = /* @__PURE__ */ jsx(ComposerPrimitiveAttachmentsInner, { children: (t2) => {
+				const { attachment } = t2;
+				const Component = getComponent(components, attachment);
+				if (!Component) return null;
+				return /* @__PURE__ */ jsx(Component, {});
+			} });
+			$[0] = components;
+			$[1] = t1;
+		} else t1 = $[1];
+		return t1;
+	}
+	let t1;
+	if ($[2] !== children) {
+		t1 = /* @__PURE__ */ jsx(ComposerPrimitiveAttachmentsInner, { children });
+		$[2] = children;
+		$[3] = t1;
+	} else t1 = $[3];
+	return t1;
 };
 ComposerPrimitiveAttachments.displayName = "ComposerPrimitive.Attachments";
+function _temp(s) {
+	return s.attachment;
+}
 //#endregion
 export { ComposerPrimitiveAttachmentByIndex, ComposerPrimitiveAttachments };
 

package/dist/react/primitives/composer/ComposerAttachments.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComposerAttachments.js","names":[],"sources":["../../../../src/react/primitives/composer/ComposerAttachments.tsx"],"sourcesContent":["import type { Attachment } from \"../../../types/attachment\";\nimport {\n  type ComponentType,\n  type FC,\n  type ReactNode,\n  memo,\n  useMemo,\n} from \"react\";\nimport { RenderChildrenWithAccessor, useAuiState } from \"@assistant-ui/store\";\nimport { ComposerAttachmentByIndexProvider } from \"../../providers/AttachmentByIndexProvider\";\n\ntype ComposerAttachmentsComponentConfig = {\n  Image?: ComponentType | undefined;\n  Document?: ComponentType | undefined;\n  File?: ComponentType | undefined;\n  Attachment?: ComponentType | undefined;\n};\n\nexport namespace ComposerPrimitiveAttachments {\n  export type Props =\n    | {\n        /** @deprecated Use the children render function instead. */\n        components: ComposerAttachmentsComponentConfig;\n        children?: never;\n      }\n    | {\n        /** Render function called for each attachment. Receives the attachment. */\n        children: (value: { attachment: Attachment }) => ReactNode;\n        components?: never;\n      };\n}\n\nconst getComponent = (\n  components: ComposerAttachmentsComponentConfig | undefined,\n  attachment: Attachment,\n) => {\n  const type = attachment.type;\n  switch (type) {\n    case \"image\":\n      return components?.Image ?? components?.Attachment;\n    case \"document\":\n      return components?.Document ?? components?.Attachment;\n    case \"file\":\n      return components?.File ?? components?.Attachment;\n    default:\n      return components?.Attachment;\n  }\n};\n\nconst AttachmentComponent: FC<{\n  components: ComposerAttachmentsComponentConfig | undefined;\n}> = ({ components }) => {\n  const attachment = useAuiState((s) => s.attachment);\n  if (!attachment) return null;\n\n  const Component = getComponent(components, attachment);\n  if (!Component) return null;\n  return <Component />;\n};\n\nexport namespace ComposerPrimitiveAttachmentByIndex {\n  export type Props = {\n    index: number;\n    components?: ComposerAttachmentsComponentConfig;\n  };\n}\n\n/**\n * Renders a single attachment at the specified index within the composer.\n */\nexport const ComposerPrimitiveAttachmentByIndex: FC<ComposerPrimitiveAttachmentByIndex.Props> =\n  memo(\n    ({ index, components }) => {\n      return (\n        <ComposerAttachmentByIndexProvider index={index}>\n          <AttachmentComponent components={components} />\n        </ComposerAttachmentByIndexProvider>\n      );\n    },\n    (prev, next) =>\n      prev.index === next.index &&\n      prev.components?.Image === next.components?.Image &&\n      prev.components?.Document === next.components?.Document &&\n      prev.components?.File === next.components?.File &&\n      prev.components?.Attachment === next.components?.Attachment,\n  );\n\nComposerPrimitiveAttachmentByIndex.displayName =\n  \"ComposerPrimitive.AttachmentByIndex\";\n\nconst ComposerPrimitiveAttachmentsInner: FC<{\n  children: (value: { attachment: Attachment }) => ReactNode;\n}> = ({ children }) => {\n  const attachmentsCount = useAuiState((s) => s.composer.attachments.length);\n\n  return useMemo(\n    () =>\n      Array.from({ length: attachmentsCount }, (_, index) => (\n        <ComposerAttachmentByIndexProvider key={index} index={index}>\n          <RenderChildrenWithAccessor\n            getItemState={(aui) =>\n              aui.composer().attachment({ index }).getState()\n            }\n          >\n            {(getItem) =>\n              children({\n                get attachment() {\n                  return getItem();\n                },\n              })\n            }\n          </RenderChildrenWithAccessor>\n        </ComposerAttachmentByIndexProvider>\n      )),\n    [attachmentsCount, children],\n  );\n};\n\nexport const ComposerPrimitiveAttachments: FC<\n  ComposerPrimitiveAttachments.Props\n> = ({ components, children }) => {\n  if (components) {\n    return (\n      <ComposerPrimitiveAttachmentsInner>\n        {({ attachment }) => {\n          const Component = getComponent(components, attachment);\n          if (!Component) return null;\n          return <Component />;\n        }}\n      </ComposerPrimitiveAttachmentsInner>\n    );\n  }\n  return (\n    <ComposerPrimitiveAttachmentsInner>\n      {children}\n    </ComposerPrimitiveAttachmentsInner>\n  );\n};\n\nComposerPrimitiveAttachments.displayName = \"ComposerPrimitive.Attachments\";\n"],"mappings":";;;;;AAgCA,MAAM,gBACJ,YACA,eACG;CAEH,QADa,WAAW,MACxB;EACE,KAAK,SACH,OAAO,YAAY,SAAS,YAAY;EAC1C,KAAK,YACH,OAAO,YAAY,YAAY,YAAY;EAC7C,KAAK,QACH,OAAO,YAAY,QAAQ,YAAY;EACzC,SACE,OAAO,YAAY;CACvB;AACF;AAEA,MAAM,uBAEA,EAAE,iBAAiB;CACvB,MAAM,aAAa,aAAa,MAAM,EAAE,UAAU;CAClD,IAAI,CAAC,YAAY,OAAO;CAExB,MAAM,YAAY,aAAa,YAAY,UAAU;CACrD,IAAI,CAAC,WAAW,OAAO;CACvB,OAAO,oBAAC,WAAD,CAAY,CAAA;AACrB;;;;AAYA,MAAa,qCACX,MACG,EAAE,OAAO,iBAAiB;CACzB,OACE,oBAAC,mCAAD;EAA0C;YACxC,oBAAC,qBAAD,EAAiC,WAAa,CAAA;CACb,CAAA;AAEvC,IACC,MAAM,SACL,KAAK,UAAU,KAAK,SACpB,KAAK,YAAY,UAAU,KAAK,YAAY,SAC5C,KAAK,YAAY,aAAa,KAAK,YAAY,YAC/C,KAAK,YAAY,SAAS,KAAK,YAAY,QAC3C,KAAK,YAAY,eAAe,KAAK,YAAY,UACrD;AAEF,mCAAmC,cACjC;AAEF,MAAM,qCAEA,EAAE,eAAe;CACrB,MAAM,mBAAmB,aAAa,MAAM,EAAE,SAAS,YAAY,MAAM;CAEzE,OAAO,cAEH,MAAM,KAAK,EAAE,QAAQ,iBAAiB,IAAI,GAAG,UAC3C,oBAAC,mCAAD;EAAsD;YACpD,oBAAC,4BAAD;GACE,eAAe,QACb,IAAI,SAAS,CAAC,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS;cAG9C,YACA,SAAS,EACP,IAAI,aAAa;IACf,OAAO,QAAQ;GACjB,EACF,CAAC;EAEuB,CAAA;CACK,GAdK,KAcL,CACpC,GACH,CAAC,kBAAkB,QAAQ,CAC7B;AACF;AAEA,MAAa,gCAER,EAAE,YAAY,eAAe;CAChC,IAAI,YACF,OACE,oBAAC,mCAAD,EAAA,WACI,EAAE,iBAAiB;EACnB,MAAM,YAAY,aAAa,YAAY,UAAU;EACrD,IAAI,CAAC,WAAW,OAAO;EACvB,OAAO,oBAAC,WAAD,CAAY,CAAA;CACrB,EACiC,CAAA;CAGvC,OACE,oBAAC,mCAAD,EACG,SACgC,CAAA;AAEvC;AAEA,6BAA6B,cAAc"}
+{"version":3,"file":"ComposerAttachments.js","names":["Attachment","ComponentType","FC","ReactNode","memo","useMemo","RenderChildrenWithAccessor","useAuiState","ComposerAttachmentByIndexProvider","ComposerAttachmentsComponentConfig","Image","Document","File","ComposerPrimitiveAttachments","Props","components","children","value","attachment","getComponent","type","AttachmentComponent","t0","$","_c","_temp","t1","Component","t2","ComposerPrimitiveAttachmentByIndex","index","prev","next","displayName","ComposerPrimitiveAttachmentsInner","attachmentsCount","s","composer","attachments","length","Array","from","_","aui","getState","getItem"],"sources":["../../../../src/react/primitives/composer/ComposerAttachments.tsx"],"sourcesContent":["import type { Attachment } from \"../../../types/attachment\";\nimport {\n  type ComponentType,\n  type FC,\n  type ReactNode,\n  memo,\n  useMemo,\n} from \"react\";\nimport { RenderChildrenWithAccessor, useAuiState } from \"@assistant-ui/store\";\nimport { ComposerAttachmentByIndexProvider } from \"../../providers/AttachmentByIndexProvider\";\n\ntype ComposerAttachmentsComponentConfig = {\n  Image?: ComponentType | undefined;\n  Document?: ComponentType | undefined;\n  File?: ComponentType | undefined;\n  Attachment?: ComponentType | undefined;\n};\n\nexport namespace ComposerPrimitiveAttachments {\n  export type Props =\n    | {\n        /** @deprecated Use the children render function instead. */\n        components: ComposerAttachmentsComponentConfig;\n        children?: never;\n      }\n    | {\n        /** Render function called for each attachment. Receives the attachment. */\n        children: (value: { attachment: Attachment }) => ReactNode;\n        components?: never;\n      };\n}\n\nconst getComponent = (\n  components: ComposerAttachmentsComponentConfig | undefined,\n  attachment: Attachment,\n) => {\n  const type = attachment.type;\n  switch (type) {\n    case \"image\":\n      return components?.Image ?? components?.Attachment;\n    case \"document\":\n      return components?.Document ?? components?.Attachment;\n    case \"file\":\n      return components?.File ?? components?.Attachment;\n    default:\n      return components?.Attachment;\n  }\n};\n\nconst AttachmentComponent: FC<{\n  components: ComposerAttachmentsComponentConfig | undefined;\n}> = ({ components }) => {\n  const attachment = useAuiState((s) => s.attachment);\n  if (!attachment) return null;\n\n  const Component = getComponent(components, attachment);\n  if (!Component) return null;\n  return <Component />;\n};\n\nexport namespace ComposerPrimitiveAttachmentByIndex {\n  export type Props = {\n    index: number;\n    components?: ComposerAttachmentsComponentConfig;\n  };\n}\n\n/**\n * Renders a single attachment at the specified index within the composer.\n */\nexport const ComposerPrimitiveAttachmentByIndex: FC<ComposerPrimitiveAttachmentByIndex.Props> =\n  memo(\n    ({ index, components }) => {\n      return (\n        <ComposerAttachmentByIndexProvider index={index}>\n          <AttachmentComponent components={components} />\n        </ComposerAttachmentByIndexProvider>\n      );\n    },\n    (prev, next) =>\n      prev.index === next.index &&\n      prev.components?.Image === next.components?.Image &&\n      prev.components?.Document === next.components?.Document &&\n      prev.components?.File === next.components?.File &&\n      prev.components?.Attachment === next.components?.Attachment,\n  );\n\nComposerPrimitiveAttachmentByIndex.displayName =\n  \"ComposerPrimitive.AttachmentByIndex\";\n\nconst ComposerPrimitiveAttachmentsInner: FC<{\n  children: (value: { attachment: Attachment }) => ReactNode;\n}> = ({ children }) => {\n  const attachmentsCount = useAuiState((s) => s.composer.attachments.length);\n\n  return useMemo(\n    () =>\n      Array.from({ length: attachmentsCount }, (_, index) => (\n        <ComposerAttachmentByIndexProvider key={index} index={index}>\n          <RenderChildrenWithAccessor\n            getItemState={(aui) =>\n              aui.composer().attachment({ index }).getState()\n            }\n          >\n            {(getItem) =>\n              children({\n                get attachment() {\n                  return getItem();\n                },\n              })\n            }\n          </RenderChildrenWithAccessor>\n        </ComposerAttachmentByIndexProvider>\n      )),\n    [attachmentsCount, children],\n  );\n};\n\nexport const ComposerPrimitiveAttachments: FC<\n  ComposerPrimitiveAttachments.Props\n> = ({ components, children }) => {\n  if (components) {\n    return (\n      <ComposerPrimitiveAttachmentsInner>\n        {({ attachment }) => {\n          const Component = getComponent(components, attachment);\n          if (!Component) return null;\n          return <Component />;\n        }}\n      </ComposerPrimitiveAttachmentsInner>\n    );\n  }\n  return (\n    <ComposerPrimitiveAttachmentsInner>\n      {children}\n    </ComposerPrimitiveAttachmentsInner>\n  );\n};\n\nComposerPrimitiveAttachments.displayName = \"ComposerPrimitive.Attachments\";\n"],"mappings":"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"}

package/dist/react/primitives/composer/ComposerIf.js

@@ -1,19 +1,40 @@
 import { useAuiState } from "@assistant-ui/store";
+import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
 //#region src/react/primitives/composer/ComposerIf.tsx
 const useComposerIf = (props) => {
-	return useAuiState((s) => {
-		if (props.editing === true && !s.composer.isEditing) return false;
-		if (props.editing === false && s.composer.isEditing) return false;
-		const isDictating = s.composer.dictation != null;
-		if (props.dictation === true && !isDictating) return false;
-		if (props.dictation === false && isDictating) return false;
-		return true;
-	});
+	const $ = c(3);
+	let t0;
+	if ($[0] !== props.dictation || $[1] !== props.editing) {
+		t0 = (s) => {
+			if (props.editing === true && !s.composer.isEditing) return false;
+			if (props.editing === false && s.composer.isEditing) return false;
+			const isDictating = s.composer.dictation != null;
+			if (props.dictation === true && !isDictating) return false;
+			if (props.dictation === false && isDictating) return false;
+			return true;
+		};
+		$[0] = props.dictation;
+		$[1] = props.editing;
+		$[2] = t0;
+	} else t0 = $[2];
+	return useAuiState(t0);
 };
 /**
 * @deprecated Use `<AuiIf condition={(s) => s.composer...} />` instead.
 */
-const ComposerPrimitiveIf = ({ children, ...query }) => {
+const ComposerPrimitiveIf = (t0) => {
+	const $ = c(3);
+	let children;
+	let query;
+	if ($[0] !== t0) {
+		({children, ...query} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = query;
+	} else {
+		children = $[1];
+		query = $[2];
+	}
 	return useComposerIf(query) ? children : null;
 };
 ComposerPrimitiveIf.displayName = "ComposerPrimitive.If";

package/dist/react/primitives/composer/ComposerIf.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComposerIf.js","names":[],"sources":["../../../../src/react/primitives/composer/ComposerIf.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport { useAuiState } from \"@assistant-ui/store\";\n\ntype ComposerIfFilters = {\n  /** Whether the composer is in editing mode */\n  editing: boolean | undefined;\n  /** Whether dictation is currently active */\n  dictation: boolean | undefined;\n};\n\nexport type RequireAtLeastOne<T, Keys extends keyof T = keyof T> = Pick<\n  T,\n  Exclude<keyof T, Keys>\n> &\n  {\n    [K in Keys]-?: Required<Pick<T, K>> & Partial<Pick<T, Exclude<Keys, K>>>;\n  }[Keys];\n\nexport type UseComposerIfProps = RequireAtLeastOne<ComposerIfFilters>;\n\nconst useComposerIf = (props: UseComposerIfProps) => {\n  return useAuiState((s) => {\n    if (props.editing === true && !s.composer.isEditing) return false;\n    if (props.editing === false && s.composer.isEditing) return false;\n\n    const isDictating = s.composer.dictation != null;\n    if (props.dictation === true && !isDictating) return false;\n    if (props.dictation === false && isDictating) return false;\n\n    return true;\n  });\n};\n\nexport namespace ComposerPrimitiveIf {\n  export type Props = PropsWithChildren<UseComposerIfProps>;\n}\n\n/**\n * @deprecated Use `<AuiIf condition={(s) => s.composer...} />` instead.\n */\nexport const ComposerPrimitiveIf: FC<ComposerPrimitiveIf.Props> = ({\n  children,\n  ...query\n}) => {\n  const result = useComposerIf(query);\n  return result ? children : null;\n};\n\nComposerPrimitiveIf.displayName = \"ComposerPrimitive.If\";\n"],"mappings":";;AAoBA,MAAM,iBAAiB,UAA8B;CACnD,OAAO,aAAa,MAAM;EACxB,IAAI,MAAM,YAAY,QAAQ,CAAC,EAAE,SAAS,WAAW,OAAO;EAC5D,IAAI,MAAM,YAAY,SAAS,EAAE,SAAS,WAAW,OAAO;EAE5D,MAAM,cAAc,EAAE,SAAS,aAAa;EAC5C,IAAI,MAAM,cAAc,QAAQ,CAAC,aAAa,OAAO;EACrD,IAAI,MAAM,cAAc,SAAS,aAAa,OAAO;EAErD,OAAO;CACT,CAAC;AACH;;;;AASA,MAAa,uBAAsD,EACjE,UACA,GAAG,YACC;CAEJ,OADe,cAAc,KACjB,IAAI,WAAW;AAC7B;AAEA,oBAAoB,cAAc"}
+{"version":3,"file":"ComposerIf.js","names":["FC","PropsWithChildren","useAuiState","ComposerIfFilters","editing","dictation","RequireAtLeastOne","T","Pick","Exclude","Keys","Required","K","Partial","UseComposerIfProps","useComposerIf","props","$","_c","t0","s","composer","isEditing","isDictating","ComposerPrimitiveIf","Props","children","query","result","displayName"],"sources":["../../../../src/react/primitives/composer/ComposerIf.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport { useAuiState } from \"@assistant-ui/store\";\n\ntype ComposerIfFilters = {\n  /** Whether the composer is in editing mode */\n  editing: boolean | undefined;\n  /** Whether dictation is currently active */\n  dictation: boolean | undefined;\n};\n\nexport type RequireAtLeastOne<T, Keys extends keyof T = keyof T> = Pick<\n  T,\n  Exclude<keyof T, Keys>\n> &\n  {\n    [K in Keys]-?: Required<Pick<T, K>> & Partial<Pick<T, Exclude<Keys, K>>>;\n  }[Keys];\n\nexport type UseComposerIfProps = RequireAtLeastOne<ComposerIfFilters>;\n\nconst useComposerIf = (props: UseComposerIfProps) => {\n  return useAuiState((s) => {\n    if (props.editing === true && !s.composer.isEditing) return false;\n    if (props.editing === false && s.composer.isEditing) return false;\n\n    const isDictating = s.composer.dictation != null;\n    if (props.dictation === true && !isDictating) return false;\n    if (props.dictation === false && isDictating) return false;\n\n    return true;\n  });\n};\n\nexport namespace ComposerPrimitiveIf {\n  export type Props = PropsWithChildren<UseComposerIfProps>;\n}\n\n/**\n * @deprecated Use `<AuiIf condition={(s) => s.composer...} />` instead.\n */\nexport const ComposerPrimitiveIf: FC<ComposerPrimitiveIf.Props> = ({\n  children,\n  ...query\n}) => {\n  const result = useComposerIf(query);\n  return result ? children : null;\n};\n\nComposerPrimitiveIf.displayName = \"ComposerPrimitive.If\";\n"],"mappings":";;;AAoBA,MAAMe,iBAAgBC,UAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAA,IAAAC;CAAA,IAAAF,EAAA,OAAAD,MAAAX,aAAAY,EAAA,OAAAD,MAAAZ,SAAA;EACDe,MAAAC,MAAA;GACjB,IAAIJ,MAAKZ,YAAa,QAAlB,CAA2BgB,EAACC,SAASC,WAAU,OAAS;GAC5D,IAAIN,MAAKZ,YAAa,SAASgB,EAACC,SAASC,WAAU,OAAS;GAE5D,MAAAC,cAAoBH,EAACC,SAAShB,aAAc;GAC5C,IAAIW,MAAKX,cAAe,QAApB,CAA6BkB,aAAW,OAAS;GACrD,IAAIP,MAAKX,cAAe,SAApBkB,aAAwC,OAAS;GAAM,OAEpD;EAAI;EACZN,EAAA,KAAAD,MAAAX;EAAAY,EAAA,KAAAD,MAAAZ;EAAAa,EAAA,KAAAE;CAAA,OAAAA,KAAAF,EAAA;CAAA,OATMf,YAAYiB,EASlB;AAAC;;;;AAUJ,MAAaK,uBAAqDL,OAAA;CAAA,MAAAF,IAAAC,EAAA,CAAA;CAAA,IAAAQ;CAAA,IAAAC;CAAA,IAAAV,EAAA,OAAAE,IAAA;EAAC,CAAA,CAAAO,aAAAC,SAAAR;EAGlEF,EAAA,KAAAE;EAAAF,EAAA,KAAAS;EAAAT,EAAA,KAAAU;CAAA,OAAA;EAAAD,WAAAT,EAAA;EAAAU,QAAAV,EAAA;CAAA;CACqC,OAArBF,cAAcY,KACtBC,IAAAF,WAAA;AAAwB;AAGjCF,oBAAoBK,cAAc"}

package/dist/react/primitives/composer/ComposerQueue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComposerQueue.js","names":[],"sources":["../../../../src/react/primitives/composer/ComposerQueue.tsx"],"sourcesContent":["import { type FC, type ReactNode, memo, useMemo } from \"react\";\nimport { RenderChildrenWithAccessor, useAuiState } from \"@assistant-ui/store\";\nimport type { QueueItemState } from \"../../../store/scopes/queue-item\";\nimport { QueueItemByIndexProvider } from \"../../providers/QueueItemByIndexProvider\";\n\nexport namespace ComposerPrimitiveQueue {\n  export type Props = {\n    /** Render function called for each queue item. Receives the queue item state. */\n    children: (value: { queueItem: QueueItemState }) => ReactNode;\n  };\n}\n\nconst ComposerPrimitiveQueueInner: FC<{\n  children: (value: { queueItem: QueueItemState }) => ReactNode;\n}> = ({ children }) => {\n  const queue = useAuiState((s) => s.composer.queue.length);\n\n  return useMemo(\n    () =>\n      Array.from({ length: queue }, (_, index) => (\n        <QueueItemByIndexProvider key={index} index={index}>\n          <RenderChildrenWithAccessor\n            getItemState={(aui) =>\n              aui.composer().queueItem({ index }).getState()\n            }\n          >\n            {(getItem) =>\n              children({\n                get queueItem() {\n                  return getItem();\n                },\n              })\n            }\n          </RenderChildrenWithAccessor>\n        </QueueItemByIndexProvider>\n      )),\n    [queue, children],\n  );\n};\n\n/**\n * Renders all queue items in the composer.\n *\n * @example\n * ```tsx\n * <ComposerPrimitive.Queue>\n *   {({ queueItem }) => (\n *     <div>\n *       <QueueItemPrimitive.Text />\n *       <QueueItemPrimitive.Steer>Run Now</QueueItemPrimitive.Steer>\n *     </div>\n *   )}\n * </ComposerPrimitive.Queue>\n * ```\n */\nexport const ComposerPrimitiveQueue = memo(ComposerPrimitiveQueueInner);\n\nComposerPrimitiveQueue.displayName = \"ComposerPrimitive.Queue\";\n"],"mappings":";;;;;AAYA,MAAM,+BAEA,EAAE,eAAe;CACrB,MAAM,QAAQ,aAAa,MAAM,EAAE,SAAS,MAAM,MAAM;CAExD,OAAO,cAEH,MAAM,KAAK,EAAE,QAAQ,MAAM,IAAI,GAAG,UAChC,oBAAC,0BAAD;EAA6C;YAC3C,oBAAC,4BAAD;GACE,eAAe,QACb,IAAI,SAAS,CAAC,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS;cAG7C,YACA,SAAS,EACP,IAAI,YAAY;IACd,OAAO,QAAQ;GACjB,EACF,CAAC;EAEuB,CAAA;CACJ,GAdK,KAcL,CAC3B,GACH,CAAC,OAAO,QAAQ,CAClB;AACF;;;;;;;;;;;;;;;;AAiBA,MAAa,yBAAyB,KAAK,2BAA2B;AAEtE,uBAAuB,cAAc"}
+{"version":3,"file":"ComposerQueue.js","names":["FC","ReactNode","memo","useMemo","RenderChildrenWithAccessor","useAuiState","QueueItemState","QueueItemByIndexProvider","ComposerPrimitiveQueue","Props","children","value","queueItem","ComposerPrimitiveQueueInner","queue","s","composer","length","Array","from","_","index","aui","getState","getItem","displayName"],"sources":["../../../../src/react/primitives/composer/ComposerQueue.tsx"],"sourcesContent":["import { type FC, type ReactNode, memo, useMemo } from \"react\";\nimport { RenderChildrenWithAccessor, useAuiState } from \"@assistant-ui/store\";\nimport type { QueueItemState } from \"../../../store/scopes/queue-item\";\nimport { QueueItemByIndexProvider } from \"../../providers/QueueItemByIndexProvider\";\n\nexport namespace ComposerPrimitiveQueue {\n  export type Props = {\n    /** Render function called for each queue item. Receives the queue item state. */\n    children: (value: { queueItem: QueueItemState }) => ReactNode;\n  };\n}\n\nconst ComposerPrimitiveQueueInner: FC<{\n  children: (value: { queueItem: QueueItemState }) => ReactNode;\n}> = ({ children }) => {\n  const queue = useAuiState((s) => s.composer.queue.length);\n\n  return useMemo(\n    () =>\n      Array.from({ length: queue }, (_, index) => (\n        <QueueItemByIndexProvider key={index} index={index}>\n          <RenderChildrenWithAccessor\n            getItemState={(aui) =>\n              aui.composer().queueItem({ index }).getState()\n            }\n          >\n            {(getItem) =>\n              children({\n                get queueItem() {\n                  return getItem();\n                },\n              })\n            }\n          </RenderChildrenWithAccessor>\n        </QueueItemByIndexProvider>\n      )),\n    [queue, children],\n  );\n};\n\n/**\n * Renders all queue items in the composer.\n *\n * @example\n * ```tsx\n * <ComposerPrimitive.Queue>\n *   {({ queueItem }) => (\n *     <div>\n *       <QueueItemPrimitive.Text />\n *       <QueueItemPrimitive.Steer>Run Now</QueueItemPrimitive.Steer>\n *     </div>\n *   )}\n * </ComposerPrimitive.Queue>\n * ```\n */\nexport const ComposerPrimitiveQueue = memo(ComposerPrimitiveQueueInner);\n\nComposerPrimitiveQueue.displayName = \"ComposerPrimitive.Queue\";\n"],"mappings":";;;;;AAYA,MAAMa,+BAEA,EAAEH,eAAe;CACrB,MAAMI,QAAQT,aAAaU,MAAMA,EAAEC,SAASF,MAAMG,MAAM;CAExD,OAAOd,cAEHe,MAAMC,KAAK,EAAEF,QAAQH,MAAM,IAAIM,GAAGC,UAChC,oBAAC,0BAAD;EAA6CA;YAC3C,oBAAC,4BAAD;GACE,eAAeC,QACbA,IAAIN,SAAS,CAAC,CAACJ,UAAU,EAAES,MAAM,CAAC,CAAC,CAACE,SAAS;cAG7CC,YACAd,SAAS,EACP,IAAIE,YAAY;IACd,OAAOY,QAAQ;GACjB,EACF,CAAC;EAEuB,CAAA;CACJ,GAdKH,KAcL,CAC3B,GACH,CAACP,OAAOJ,QAAQ,CAClB;AACF;;;;;;;;;;;;;;;;AAiBA,MAAaF,yBAAyBN,KAAKW,2BAA2B;AAEtEL,uBAAuBiB,cAAc"}

package/dist/react/primitives/generativeUI/GenerativeUI.js

@@ -1,6 +1,7 @@
 "use client";
-import { createElement, useMemo } from "@assistant-ui/tap/react-shim";
+import { createElement } from "@assistant-ui/tap/react-shim";
 import { useAuiState } from "@assistant-ui/store";
+import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
 import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
 //#region src/react/primitives/generativeUI/GenerativeUI.tsx
 /**
@@ -50,8 +51,38 @@ const normalizeRoot = (spec) => {
 * allowlist. Used by `MessagePrimitive.GenerativeUI` and by
 * `MessagePrimitive.Parts` when handling a `generative-ui` part.
 */
-const GenerativeUIRender = ({ spec, components, Fallback }) => {
-	return /* @__PURE__ */ jsx(Fragment$1, { children: useMemo(() => normalizeRoot(spec), [spec]).map((node, i) => renderNode(node, components, Fallback, `${i}`)) });
+const GenerativeUIRender = (t0) => {
+	const $ = c(11);
+	const { spec, components, Fallback } = t0;
+	let t1;
+	if ($[0] !== spec) {
+		t1 = normalizeRoot(spec);
+		$[0] = spec;
+		$[1] = t1;
+	} else t1 = $[1];
+	const nodes = t1;
+	let t2;
+	if ($[2] !== Fallback || $[3] !== components || $[4] !== nodes) {
+		let t3;
+		if ($[6] !== Fallback || $[7] !== components) {
+			t3 = (node, i) => renderNode(node, components, Fallback, `${i}`);
+			$[6] = Fallback;
+			$[7] = components;
+			$[8] = t3;
+		} else t3 = $[8];
+		t2 = nodes.map(t3);
+		$[2] = Fallback;
+		$[3] = components;
+		$[4] = nodes;
+		$[5] = t2;
+	} else t2 = $[5];
+	let t3;
+	if ($[9] !== t2) {
+		t3 = /* @__PURE__ */ jsx(Fragment$1, { children: t2 });
+		$[9] = t2;
+		$[10] = t3;
+	} else t3 = $[10];
+	return t3;
 };
 GenerativeUIRender.displayName = "GenerativeUIRender";
 /**
@@ -71,20 +102,31 @@ GenerativeUIRender.displayName = "GenerativeUIRender";
 * />
 * ```
 */
-const MessagePrimitiveGenerativeUI = ({ components, spec, Fallback }) => {
-	const storeSpec = useAuiState((s) => {
-		const part = s.part;
-		return part?.type === "generative-ui" ? part.spec : void 0;
-	});
+const MessagePrimitiveGenerativeUI = (t0) => {
+	const $ = c(4);
+	const { components, spec, Fallback } = t0;
+	const storeSpec = useAuiState(_temp);
 	const partSpec = spec ?? storeSpec;
 	if (!partSpec) return null;
-	return /* @__PURE__ */ jsx(GenerativeUIRender, {
-		spec: partSpec,
-		components,
-		Fallback
-	});
+	let t1;
+	if ($[0] !== Fallback || $[1] !== components || $[2] !== partSpec) {
+		t1 = /* @__PURE__ */ jsx(GenerativeUIRender, {
+			spec: partSpec,
+			components,
+			Fallback
+		});
+		$[0] = Fallback;
+		$[1] = components;
+		$[2] = partSpec;
+		$[3] = t1;
+	} else t1 = $[3];
+	return t1;
 };
 MessagePrimitiveGenerativeUI.displayName = "MessagePrimitive.GenerativeUI";
+function _temp(s) {
+	const part = s.part;
+	return part?.type === "generative-ui" ? part.spec : void 0;
+}
 //#endregion
 export { GenerativeUIRender, GenerativeUIRenderError, MessagePrimitiveGenerativeUI };
 

package/dist/react/primitives/generativeUI/GenerativeUI.js.map

@@ -1 +1 @@
-{"version":3,"file":"GenerativeUI.js","names":[],"sources":["../../../../src/react/primitives/generativeUI/GenerativeUI.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  type ComponentType,\n  type FC,\n  type ReactNode,\n  createElement,\n  useMemo,\n} from \"react\";\nimport { useAuiState } from \"@assistant-ui/store\";\nimport type {\n  GenerativeUINode,\n  GenerativeUISpec,\n} from \"../../../types/message\";\nimport type {\n  GenerativeUIComponentRegistry,\n  GenerativeUIRenderProps,\n} from \"../../types/MessagePartComponentTypes\";\n\n/**\n * Thrown when a generative-ui spec references a component name that is not\n * present in the consumer-provided allowlist. The allowlist is the security\n * boundary in the same-realm rendering path — there is no fallback by\n * default. Pass `Fallback` to opt into a soft-fail UX.\n */\nexport class GenerativeUIRenderError extends Error {\n  public readonly componentName: string;\n\n  constructor(\n    componentName: string,\n    message = `Component \"${componentName}\" is not in the generative-ui allowlist.`,\n  ) {\n    super(message);\n    this.name = \"GenerativeUIRenderError\";\n    this.componentName = componentName;\n  }\n}\n\nconst isObjectNode = (\n  node: GenerativeUINode,\n): node is Exclude<GenerativeUINode, string> =>\n  typeof node === \"object\" && node !== null;\n\nconst renderNode = (\n  node: GenerativeUINode | undefined,\n  components: GenerativeUIComponentRegistry,\n  Fallback: GenerativeUIRenderProps[\"Fallback\"],\n  path: string,\n): ReactNode => {\n  if (node === undefined || node === null) return null;\n\n  if (typeof node === \"string\") return node;\n\n  if (!isObjectNode(node) || !(\"component\" in node)) {\n    if (\n      typeof process !== \"undefined\" &&\n      process.env?.NODE_ENV !== \"production\"\n    ) {\n      console.warn(`[generative-ui] Skipping malformed node at ${path}:`, node);\n    }\n    return null;\n  }\n\n  const { component, props, children, key } = node;\n\n  const Resolved = components[component];\n  if (!Resolved) {\n    if (Fallback) {\n      return <Fallback key={key ?? path} component={component} props={props} />;\n    }\n    throw new GenerativeUIRenderError(component);\n  }\n\n  const renderedChildren = children?.length\n    ? children.map((child, i) =>\n        renderNode(child, components, Fallback, `${path}/${i}`),\n      )\n    : undefined;\n\n  return createElement(\n    Resolved,\n    { ...(props ?? {}), key: key ?? path },\n    ...(renderedChildren ?? []),\n  );\n};\n\nconst normalizeRoot = (\n  spec: GenerativeUISpec | undefined,\n): readonly GenerativeUINode[] => {\n  if (!spec || spec.root === undefined || spec.root === null) return [];\n  const root = spec.root;\n  return Array.isArray(root)\n    ? (root as readonly GenerativeUINode[])\n    : [root as GenerativeUINode];\n};\n\n/**\n * Internal renderer. Resolves a {@link GenerativeUISpec} against the consumer\n * allowlist. Used by `MessagePrimitive.GenerativeUI` and by\n * `MessagePrimitive.Parts` when handling a `generative-ui` part.\n */\nexport const GenerativeUIRender: FC<GenerativeUIRenderProps> = ({\n  spec,\n  components,\n  Fallback,\n}) => {\n  const nodes = useMemo(() => normalizeRoot(spec), [spec]);\n\n  return (\n    <>\n      {nodes.map((node, i) => renderNode(node, components, Fallback, `${i}`))}\n    </>\n  );\n};\n\nGenerativeUIRender.displayName = \"GenerativeUIRender\";\n\nexport namespace MessagePrimitiveGenerativeUI {\n  export type Props = {\n    /**\n     * The component allowlist. Keys are the names referenced in the spec\n     * (e.g. `\"Card\"`, `\"Button\"`), values are the React components.\n     *\n     * This is the security boundary — any name not in the allowlist is\n     * rejected with {@link GenerativeUIRenderError}.\n     */\n    components: GenerativeUIComponentRegistry;\n    /**\n     * Optional override spec. If omitted, the primitive reads the\n     * `generative-ui` part from the surrounding `MessagePartProvider` /\n     * `PartByIndexProvider` context.\n     */\n    spec?: GenerativeUISpec | undefined;\n    /** Optional fallback for unknown component names. */\n    Fallback?:\n      | ComponentType<{ component: string; props?: unknown }>\n      | undefined;\n  };\n}\n\n/**\n * Renders a generative-ui message part using a consumer-provided allowlist.\n *\n * The agent emits a `generative-ui` message part containing a JSON spec\n * (see {@link GenerativeUISpec}). This primitive walks the spec and resolves\n * each `component` name against the allowlist. Names not in the allowlist\n * throw {@link GenerativeUIRenderError} unless a `Fallback` is provided.\n *\n * Stream-friendly: a partial spec renders progressively as it is filled in.\n *\n * @example\n * ```tsx\n * <MessagePrimitive.GenerativeUI\n *   components={{ Card: MyCard, Button: MyButton }}\n * />\n * ```\n */\nexport const MessagePrimitiveGenerativeUI: FC<\n  MessagePrimitiveGenerativeUI.Props\n> = ({ components, spec, Fallback }) => {\n  // Selector reads store state only — combining with the `spec` prop inside\n  // the selector closes over a value that may change identity per render and\n  // would trigger spurious tearing-detection re-renders in\n  // `useSyncExternalStore`.\n  const storeSpec = useAuiState((s) => {\n    const part = s.part as { type?: string; spec?: GenerativeUISpec };\n    return part?.type === \"generative-ui\" ? part.spec : undefined;\n  });\n  const partSpec = spec ?? storeSpec;\n\n  if (!partSpec) return null;\n\n  return (\n    <GenerativeUIRender\n      spec={partSpec}\n      components={components}\n      Fallback={Fallback}\n    />\n  );\n};\n\nMessagePrimitiveGenerativeUI.displayName = \"MessagePrimitive.GenerativeUI\";\n"],"mappings":";;;;;;;;;;;AAyBA,IAAa,0BAAb,cAA6C,MAAM;CACjD;CAEA,YACE,eACA,UAAU,cAAc,cAAc,2CACtC;EACA,MAAM,OAAO;EACb,KAAK,OAAO;EACZ,KAAK,gBAAgB;CACvB;AACF;AAEA,MAAM,gBACJ,SAEA,OAAO,SAAS,YAAY,SAAS;AAEvC,MAAM,cACJ,MACA,YACA,UACA,SACc;CACd,IAAI,SAAS,KAAA,KAAa,SAAS,MAAM,OAAO;CAEhD,IAAI,OAAO,SAAS,UAAU,OAAO;CAErC,IAAI,CAAC,aAAa,IAAI,KAAK,EAAE,eAAe,OAAO;EACjD,IACE,OAAO,YAAY,eACnB,QAAQ,KAAK,aAAa,cAE1B,QAAQ,KAAK,8CAA8C,KAAK,IAAI,IAAI;EAE1E,OAAO;CACT;CAEA,MAAM,EAAE,WAAW,OAAO,UAAU,QAAQ;CAE5C,MAAM,WAAW,WAAW;CAC5B,IAAI,CAAC,UAAU;EACb,IAAI,UACF,OAAO,oBAAC,UAAD;GAAuC;GAAkB;EAAQ,GAAlD,OAAO,IAA2C;EAE1E,MAAM,IAAI,wBAAwB,SAAS;CAC7C;CAEA,MAAM,mBAAmB,UAAU,SAC/B,SAAS,KAAK,OAAO,MACnB,WAAW,OAAO,YAAY,UAAU,GAAG,KAAK,GAAG,GAAG,CACxD,IACA,KAAA;CAEJ,OAAO,cACL,UACA;EAAE,GAAI,SAAS,CAAC;EAAI,KAAK,OAAO;CAAK,GACrC,GAAI,oBAAoB,CAAC,CAC3B;AACF;AAEA,MAAM,iBACJ,SACgC;CAChC,IAAI,CAAC,QAAQ,KAAK,SAAS,KAAA,KAAa,KAAK,SAAS,MAAM,OAAO,CAAC;CACpE,MAAM,OAAO,KAAK;CAClB,OAAO,MAAM,QAAQ,IAAI,IACpB,OACD,CAAC,IAAwB;AAC/B;;;;;;AAOA,MAAa,sBAAmD,EAC9D,MACA,YACA,eACI;CAGJ,OACE,oBAAA,YAAA,EAAA,UAHY,cAAc,cAAc,IAAI,GAAG,CAAC,IAAI,CAI7C,CAAC,CAAC,KAAK,MAAM,MAAM,WAAW,MAAM,YAAY,UAAU,GAAG,GAAG,CAAC,EACtE,CAAA;AAEN;AAEA,mBAAmB,cAAc;;;;;;;;;;;;;;;;;;AA0CjC,MAAa,gCAER,EAAE,YAAY,MAAM,eAAe;CAKtC,MAAM,YAAY,aAAa,MAAM;EACnC,MAAM,OAAO,EAAE;EACf,OAAO,MAAM,SAAS,kBAAkB,KAAK,OAAO,KAAA;CACtD,CAAC;CACD,MAAM,WAAW,QAAQ;CAEzB,IAAI,CAAC,UAAU,OAAO;CAEtB,OACE,oBAAC,oBAAD;EACE,MAAM;EACM;EACF;CACX,CAAA;AAEL;AAEA,6BAA6B,cAAc"}
+{"version":3,"file":"GenerativeUI.js","names":["c","_c","ComponentType","FC","ReactNode","createElement","useMemo","useAuiState","GenerativeUINode","GenerativeUISpec","GenerativeUIComponentRegistry","GenerativeUIRenderProps","GenerativeUIRenderError","Error","componentName","constructor","message","name","isObjectNode","node","Exclude","renderNode","components","Fallback","path","undefined","process","env","NODE_ENV","console","warn","component","props","children","key","Resolved","renderedChildren","length","map","child","i","normalizeRoot","spec","root","Array","isArray","GenerativeUIRender","t0","$","t1","nodes","t2","t3","displayName","MessagePrimitiveGenerativeUI","Props","storeSpec","_temp","partSpec","s","part","type"],"sources":["../../../../src/react/primitives/generativeUI/GenerativeUI.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  type ComponentType,\n  type FC,\n  type ReactNode,\n  createElement,\n  useMemo,\n} from \"react\";\nimport { useAuiState } from \"@assistant-ui/store\";\nimport type {\n  GenerativeUINode,\n  GenerativeUISpec,\n} from \"../../../types/message\";\nimport type {\n  GenerativeUIComponentRegistry,\n  GenerativeUIRenderProps,\n} from \"../../types/MessagePartComponentTypes\";\n\n/**\n * Thrown when a generative-ui spec references a component name that is not\n * present in the consumer-provided allowlist. The allowlist is the security\n * boundary in the same-realm rendering path — there is no fallback by\n * default. Pass `Fallback` to opt into a soft-fail UX.\n */\nexport class GenerativeUIRenderError extends Error {\n  public readonly componentName: string;\n\n  constructor(\n    componentName: string,\n    message = `Component \"${componentName}\" is not in the generative-ui allowlist.`,\n  ) {\n    super(message);\n    this.name = \"GenerativeUIRenderError\";\n    this.componentName = componentName;\n  }\n}\n\nconst isObjectNode = (\n  node: GenerativeUINode,\n): node is Exclude<GenerativeUINode, string> =>\n  typeof node === \"object\" && node !== null;\n\nconst renderNode = (\n  node: GenerativeUINode | undefined,\n  components: GenerativeUIComponentRegistry,\n  Fallback: GenerativeUIRenderProps[\"Fallback\"],\n  path: string,\n): ReactNode => {\n  if (node === undefined || node === null) return null;\n\n  if (typeof node === \"string\") return node;\n\n  if (!isObjectNode(node) || !(\"component\" in node)) {\n    if (\n      typeof process !== \"undefined\" &&\n      process.env?.NODE_ENV !== \"production\"\n    ) {\n      console.warn(`[generative-ui] Skipping malformed node at ${path}:`, node);\n    }\n    return null;\n  }\n\n  const { component, props, children, key } = node;\n\n  const Resolved = components[component];\n  if (!Resolved) {\n    if (Fallback) {\n      return <Fallback key={key ?? path} component={component} props={props} />;\n    }\n    throw new GenerativeUIRenderError(component);\n  }\n\n  const renderedChildren = children?.length\n    ? children.map((child, i) =>\n        renderNode(child, components, Fallback, `${path}/${i}`),\n      )\n    : undefined;\n\n  return createElement(\n    Resolved,\n    { ...(props ?? {}), key: key ?? path },\n    ...(renderedChildren ?? []),\n  );\n};\n\nconst normalizeRoot = (\n  spec: GenerativeUISpec | undefined,\n): readonly GenerativeUINode[] => {\n  if (!spec || spec.root === undefined || spec.root === null) return [];\n  const root = spec.root;\n  return Array.isArray(root)\n    ? (root as readonly GenerativeUINode[])\n    : [root as GenerativeUINode];\n};\n\n/**\n * Internal renderer. Resolves a {@link GenerativeUISpec} against the consumer\n * allowlist. Used by `MessagePrimitive.GenerativeUI` and by\n * `MessagePrimitive.Parts` when handling a `generative-ui` part.\n */\nexport const GenerativeUIRender: FC<GenerativeUIRenderProps> = ({\n  spec,\n  components,\n  Fallback,\n}) => {\n  const nodes = useMemo(() => normalizeRoot(spec), [spec]);\n\n  return (\n    <>\n      {nodes.map((node, i) => renderNode(node, components, Fallback, `${i}`))}\n    </>\n  );\n};\n\nGenerativeUIRender.displayName = \"GenerativeUIRender\";\n\nexport namespace MessagePrimitiveGenerativeUI {\n  export type Props = {\n    /**\n     * The component allowlist. Keys are the names referenced in the spec\n     * (e.g. `\"Card\"`, `\"Button\"`), values are the React components.\n     *\n     * This is the security boundary — any name not in the allowlist is\n     * rejected with {@link GenerativeUIRenderError}.\n     */\n    components: GenerativeUIComponentRegistry;\n    /**\n     * Optional override spec. If omitted, the primitive reads the\n     * `generative-ui` part from the surrounding `MessagePartProvider` /\n     * `PartByIndexProvider` context.\n     */\n    spec?: GenerativeUISpec | undefined;\n    /** Optional fallback for unknown component names. */\n    Fallback?:\n      | ComponentType<{ component: string; props?: unknown }>\n      | undefined;\n  };\n}\n\n/**\n * Renders a generative-ui message part using a consumer-provided allowlist.\n *\n * The agent emits a `generative-ui` message part containing a JSON spec\n * (see {@link GenerativeUISpec}). This primitive walks the spec and resolves\n * each `component` name against the allowlist. Names not in the allowlist\n * throw {@link GenerativeUIRenderError} unless a `Fallback` is provided.\n *\n * Stream-friendly: a partial spec renders progressively as it is filled in.\n *\n * @example\n * ```tsx\n * <MessagePrimitive.GenerativeUI\n *   components={{ Card: MyCard, Button: MyButton }}\n * />\n * ```\n */\nexport const MessagePrimitiveGenerativeUI: FC<\n  MessagePrimitiveGenerativeUI.Props\n> = ({ components, spec, Fallback }) => {\n  // Selector reads store state only — combining with the `spec` prop inside\n  // the selector closes over a value that may change identity per render and\n  // would trigger spurious tearing-detection re-renders in\n  // `useSyncExternalStore`.\n  const storeSpec = useAuiState((s) => {\n    const part = s.part as { type?: string; spec?: GenerativeUISpec };\n    return part?.type === \"generative-ui\" ? part.spec : undefined;\n  });\n  const partSpec = spec ?? storeSpec;\n\n  if (!partSpec) return null;\n\n  return (\n    <GenerativeUIRender\n      spec={partSpec}\n      components={components}\n      Fallback={Fallback}\n    />\n  );\n};\n\nMessagePrimitiveGenerativeUI.displayName = \"MessagePrimitive.GenerativeUI\";\n"],"mappings":"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"}

package/dist/react/primitives/message/MessageAttachments.js

@@ -1,6 +1,7 @@
 import { MessageAttachmentByIndexProvider } from "../../providers/AttachmentByIndexProvider.js";
 import { memo, useMemo } from "@assistant-ui/tap/react-shim";
 import { RenderChildrenWithAccessor, useAuiState } from "@assistant-ui/store";
+import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/react/primitives/message/MessageAttachments.tsx
 const getComponent = (components, attachment) => {
@@ -11,21 +12,52 @@ const getComponent = (components, attachment) => {
 		default: return components?.Attachment;
 	}
 };
-const AttachmentComponent = ({ components }) => {
-	const attachment = useAuiState((s) => s.attachment);
+const AttachmentComponent = (t0) => {
+	const $ = c(5);
+	const { components } = t0;
+	const attachment = useAuiState(_temp);
 	if (!attachment) return null;
-	const Component = getComponent(components, attachment);
+	const t1 = attachment;
+	let t2;
+	if ($[0] !== components || $[1] !== t1) {
+		t2 = getComponent(components, t1);
+		$[0] = components;
+		$[1] = t1;
+		$[2] = t2;
+	} else t2 = $[2];
+	const Component = t2;
 	if (!Component) return null;
-	return /* @__PURE__ */ jsx(Component, {});
+	let t3;
+	if ($[3] !== Component) {
+		t3 = /* @__PURE__ */ jsx(Component, {});
+		$[3] = Component;
+		$[4] = t3;
+	} else t3 = $[4];
+	return t3;
 };
 /**
 * Renders a single attachment at the specified index within the current message.
 */
-const MessagePrimitiveAttachmentByIndex = memo(({ index, components }) => {
-	return /* @__PURE__ */ jsx(MessageAttachmentByIndexProvider, {
-		index,
-		children: /* @__PURE__ */ jsx(AttachmentComponent, { components })
-	});
+const MessagePrimitiveAttachmentByIndex = memo((t0) => {
+	const $ = c(5);
+	const { index, components } = t0;
+	let t1;
+	if ($[0] !== components) {
+		t1 = /* @__PURE__ */ jsx(AttachmentComponent, { components });
+		$[0] = components;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== index || $[3] !== t1) {
+		t2 = /* @__PURE__ */ jsx(MessageAttachmentByIndexProvider, {
+			index,
+			children: t1
+		});
+		$[2] = index;
+		$[3] = t1;
+		$[4] = t2;
+	} else t2 = $[4];
+	return t2;
 }, (prev, next) => prev.index === next.index && prev.components?.Image === next.components?.Image && prev.components?.Document === next.components?.Document && prev.components?.File === next.components?.File && prev.components?.Attachment === next.components?.Attachment);
 MessagePrimitiveAttachmentByIndex.displayName = "MessagePrimitive.AttachmentByIndex";
 const MessagePrimitiveAttachmentsInner = ({ children }) => {
@@ -43,15 +75,35 @@ const MessagePrimitiveAttachmentsInner = ({ children }) => {
 		})
 	}, index)), [attachmentsCount, children]);
 };
-const MessagePrimitiveAttachments = ({ components, children }) => {
-	if (components) return /* @__PURE__ */ jsx(MessagePrimitiveAttachmentsInner, { children: ({ attachment }) => {
-		const Component = getComponent(components, attachment);
-		if (!Component) return null;
-		return /* @__PURE__ */ jsx(Component, {});
-	} });
-	return /* @__PURE__ */ jsx(MessagePrimitiveAttachmentsInner, { children });
+const MessagePrimitiveAttachments = (t0) => {
+	const $ = c(4);
+	const { components, children } = t0;
+	if (components) {
+		let t1;
+		if ($[0] !== components) {
+			t1 = /* @__PURE__ */ jsx(MessagePrimitiveAttachmentsInner, { children: (t2) => {
+				const { attachment } = t2;
+				const Component = getComponent(components, attachment);
+				if (!Component) return null;
+				return /* @__PURE__ */ jsx(Component, {});
+			} });
+			$[0] = components;
+			$[1] = t1;
+		} else t1 = $[1];
+		return t1;
+	}
+	let t1;
+	if ($[2] !== children) {
+		t1 = /* @__PURE__ */ jsx(MessagePrimitiveAttachmentsInner, { children });
+		$[2] = children;
+		$[3] = t1;
+	} else t1 = $[3];
+	return t1;
 };
 MessagePrimitiveAttachments.displayName = "MessagePrimitive.Attachments";
+function _temp(s) {
+	return s.attachment;
+}
 //#endregion
 export { MessagePrimitiveAttachmentByIndex, MessagePrimitiveAttachments };
 

package/dist/react/primitives/message/MessageAttachments.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageAttachments.js","names":[],"sources":["../../../../src/react/primitives/message/MessageAttachments.tsx"],"sourcesContent":["import type { CompleteAttachment } from \"../../../types/attachment\";\nimport {\n  type ComponentType,\n  type FC,\n  type ReactNode,\n  memo,\n  useMemo,\n} from \"react\";\nimport { RenderChildrenWithAccessor, useAuiState } from \"@assistant-ui/store\";\nimport { MessageAttachmentByIndexProvider } from \"../../providers/AttachmentByIndexProvider\";\n\ntype MessageAttachmentsComponentConfig = {\n  Image?: ComponentType | undefined;\n  Document?: ComponentType | undefined;\n  File?: ComponentType | undefined;\n  Attachment?: ComponentType | undefined;\n};\n\nexport namespace MessagePrimitiveAttachments {\n  export type Props =\n    | {\n        /** @deprecated Use the children render function instead. */\n        components: MessageAttachmentsComponentConfig;\n        children?: never;\n      }\n    | {\n        /** Render function called for each attachment. Receives the attachment. */\n        children: (value: { attachment: CompleteAttachment }) => ReactNode;\n        components?: never;\n      };\n}\n\nconst getComponent = (\n  components: MessageAttachmentsComponentConfig | undefined,\n  attachment: CompleteAttachment,\n) => {\n  const type = attachment.type;\n  switch (type) {\n    case \"image\":\n      return components?.Image ?? components?.Attachment;\n    case \"document\":\n      return components?.Document ?? components?.Attachment;\n    case \"file\":\n      return components?.File ?? components?.Attachment;\n    default:\n      return components?.Attachment;\n  }\n};\n\nconst AttachmentComponent: FC<{\n  components: MessageAttachmentsComponentConfig | undefined;\n}> = ({ components }) => {\n  const attachment = useAuiState((s) => s.attachment);\n  if (!attachment) return null;\n\n  const Component = getComponent(components, attachment as CompleteAttachment);\n  if (!Component) return null;\n  return <Component />;\n};\n\nexport namespace MessagePrimitiveAttachmentByIndex {\n  export type Props = {\n    index: number;\n    components?: MessageAttachmentsComponentConfig;\n  };\n}\n\n/**\n * Renders a single attachment at the specified index within the current message.\n */\nexport const MessagePrimitiveAttachmentByIndex: FC<MessagePrimitiveAttachmentByIndex.Props> =\n  memo(\n    ({ index, components }) => {\n      return (\n        <MessageAttachmentByIndexProvider index={index}>\n          <AttachmentComponent components={components} />\n        </MessageAttachmentByIndexProvider>\n      );\n    },\n    (prev, next) =>\n      prev.index === next.index &&\n      prev.components?.Image === next.components?.Image &&\n      prev.components?.Document === next.components?.Document &&\n      prev.components?.File === next.components?.File &&\n      prev.components?.Attachment === next.components?.Attachment,\n  );\n\nMessagePrimitiveAttachmentByIndex.displayName =\n  \"MessagePrimitive.AttachmentByIndex\";\n\nconst MessagePrimitiveAttachmentsInner: FC<{\n  children: (value: { attachment: CompleteAttachment }) => ReactNode;\n}> = ({ children }) => {\n  const attachmentsCount = useAuiState((s) => {\n    if (s.message.role !== \"user\") return 0;\n    return (s.message.attachments ?? []).length;\n  });\n\n  return useMemo(\n    () =>\n      Array.from({ length: attachmentsCount }, (_, index) => (\n        <MessageAttachmentByIndexProvider key={index} index={index}>\n          <RenderChildrenWithAccessor\n            getItemState={(aui) =>\n              aui.message().attachment({ index }).getState()\n            }\n          >\n            {(getItem) =>\n              children({\n                get attachment() {\n                  return getItem() as CompleteAttachment;\n                },\n              })\n            }\n          </RenderChildrenWithAccessor>\n        </MessageAttachmentByIndexProvider>\n      )),\n    [attachmentsCount, children],\n  );\n};\n\nexport const MessagePrimitiveAttachments: FC<\n  MessagePrimitiveAttachments.Props\n> = ({ components, children }) => {\n  if (components) {\n    return (\n      <MessagePrimitiveAttachmentsInner>\n        {({ attachment }) => {\n          const Component = getComponent(components, attachment);\n          if (!Component) return null;\n          return <Component />;\n        }}\n      </MessagePrimitiveAttachmentsInner>\n    );\n  }\n  return (\n    <MessagePrimitiveAttachmentsInner>\n      {children}\n    </MessagePrimitiveAttachmentsInner>\n  );\n};\n\nMessagePrimitiveAttachments.displayName = \"MessagePrimitive.Attachments\";\n"],"mappings":";;;;;AAgCA,MAAM,gBACJ,YACA,eACG;CAEH,QADa,WAAW,MACxB;EACE,KAAK,SACH,OAAO,YAAY,SAAS,YAAY;EAC1C,KAAK,YACH,OAAO,YAAY,YAAY,YAAY;EAC7C,KAAK,QACH,OAAO,YAAY,QAAQ,YAAY;EACzC,SACE,OAAO,YAAY;CACvB;AACF;AAEA,MAAM,uBAEA,EAAE,iBAAiB;CACvB,MAAM,aAAa,aAAa,MAAM,EAAE,UAAU;CAClD,IAAI,CAAC,YAAY,OAAO;CAExB,MAAM,YAAY,aAAa,YAAY,UAAgC;CAC3E,IAAI,CAAC,WAAW,OAAO;CACvB,OAAO,oBAAC,WAAD,CAAY,CAAA;AACrB;;;;AAYA,MAAa,oCACX,MACG,EAAE,OAAO,iBAAiB;CACzB,OACE,oBAAC,kCAAD;EAAyC;YACvC,oBAAC,qBAAD,EAAiC,WAAa,CAAA;CACd,CAAA;AAEtC,IACC,MAAM,SACL,KAAK,UAAU,KAAK,SACpB,KAAK,YAAY,UAAU,KAAK,YAAY,SAC5C,KAAK,YAAY,aAAa,KAAK,YAAY,YAC/C,KAAK,YAAY,SAAS,KAAK,YAAY,QAC3C,KAAK,YAAY,eAAe,KAAK,YAAY,UACrD;AAEF,kCAAkC,cAChC;AAEF,MAAM,oCAEA,EAAE,eAAe;CACrB,MAAM,mBAAmB,aAAa,MAAM;EAC1C,IAAI,EAAE,QAAQ,SAAS,QAAQ,OAAO;EACtC,QAAQ,EAAE,QAAQ,eAAe,CAAC,EAAA,CAAG;CACvC,CAAC;CAED,OAAO,cAEH,MAAM,KAAK,EAAE,QAAQ,iBAAiB,IAAI,GAAG,UAC3C,oBAAC,kCAAD;EAAqD;YACnD,oBAAC,4BAAD;GACE,eAAe,QACb,IAAI,QAAQ,CAAC,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS;cAG7C,YACA,SAAS,EACP,IAAI,aAAa;IACf,OAAO,QAAQ;GACjB,EACF,CAAC;EAEuB,CAAA;CACI,GAdK,KAcL,CACnC,GACH,CAAC,kBAAkB,QAAQ,CAC7B;AACF;AAEA,MAAa,+BAER,EAAE,YAAY,eAAe;CAChC,IAAI,YACF,OACE,oBAAC,kCAAD,EAAA,WACI,EAAE,iBAAiB;EACnB,MAAM,YAAY,aAAa,YAAY,UAAU;EACrD,IAAI,CAAC,WAAW,OAAO;EACvB,OAAO,oBAAC,WAAD,CAAY,CAAA;CACrB,EACgC,CAAA;CAGtC,OACE,oBAAC,kCAAD,EACG,SAC+B,CAAA;AAEtC;AAEA,4BAA4B,cAAc"}
+{"version":3,"file":"MessageAttachments.js","names":["CompleteAttachment","ComponentType","FC","ReactNode","memo","useMemo","RenderChildrenWithAccessor","useAuiState","MessageAttachmentByIndexProvider","MessageAttachmentsComponentConfig","Image","Document","File","Attachment","MessagePrimitiveAttachments","Props","components","children","value","attachment","getComponent","type","AttachmentComponent","t0","$","_c","_temp","t1","t2","Component","t3","MessagePrimitiveAttachmentByIndex","index","prev","next","displayName","MessagePrimitiveAttachmentsInner","attachmentsCount","s","message","role","attachments","length","Array","from","_","aui","getState","getItem"],"sources":["../../../../src/react/primitives/message/MessageAttachments.tsx"],"sourcesContent":["import type { CompleteAttachment } from \"../../../types/attachment\";\nimport {\n  type ComponentType,\n  type FC,\n  type ReactNode,\n  memo,\n  useMemo,\n} from \"react\";\nimport { RenderChildrenWithAccessor, useAuiState } from \"@assistant-ui/store\";\nimport { MessageAttachmentByIndexProvider } from \"../../providers/AttachmentByIndexProvider\";\n\ntype MessageAttachmentsComponentConfig = {\n  Image?: ComponentType | undefined;\n  Document?: ComponentType | undefined;\n  File?: ComponentType | undefined;\n  Attachment?: ComponentType | undefined;\n};\n\nexport namespace MessagePrimitiveAttachments {\n  export type Props =\n    | {\n        /** @deprecated Use the children render function instead. */\n        components: MessageAttachmentsComponentConfig;\n        children?: never;\n      }\n    | {\n        /** Render function called for each attachment. Receives the attachment. */\n        children: (value: { attachment: CompleteAttachment }) => ReactNode;\n        components?: never;\n      };\n}\n\nconst getComponent = (\n  components: MessageAttachmentsComponentConfig | undefined,\n  attachment: CompleteAttachment,\n) => {\n  const type = attachment.type;\n  switch (type) {\n    case \"image\":\n      return components?.Image ?? components?.Attachment;\n    case \"document\":\n      return components?.Document ?? components?.Attachment;\n    case \"file\":\n      return components?.File ?? components?.Attachment;\n    default:\n      return components?.Attachment;\n  }\n};\n\nconst AttachmentComponent: FC<{\n  components: MessageAttachmentsComponentConfig | undefined;\n}> = ({ components }) => {\n  const attachment = useAuiState((s) => s.attachment);\n  if (!attachment) return null;\n\n  const Component = getComponent(components, attachment as CompleteAttachment);\n  if (!Component) return null;\n  return <Component />;\n};\n\nexport namespace MessagePrimitiveAttachmentByIndex {\n  export type Props = {\n    index: number;\n    components?: MessageAttachmentsComponentConfig;\n  };\n}\n\n/**\n * Renders a single attachment at the specified index within the current message.\n */\nexport const MessagePrimitiveAttachmentByIndex: FC<MessagePrimitiveAttachmentByIndex.Props> =\n  memo(\n    ({ index, components }) => {\n      return (\n        <MessageAttachmentByIndexProvider index={index}>\n          <AttachmentComponent components={components} />\n        </MessageAttachmentByIndexProvider>\n      );\n    },\n    (prev, next) =>\n      prev.index === next.index &&\n      prev.components?.Image === next.components?.Image &&\n      prev.components?.Document === next.components?.Document &&\n      prev.components?.File === next.components?.File &&\n      prev.components?.Attachment === next.components?.Attachment,\n  );\n\nMessagePrimitiveAttachmentByIndex.displayName =\n  \"MessagePrimitive.AttachmentByIndex\";\n\nconst MessagePrimitiveAttachmentsInner: FC<{\n  children: (value: { attachment: CompleteAttachment }) => ReactNode;\n}> = ({ children }) => {\n  const attachmentsCount = useAuiState((s) => {\n    if (s.message.role !== \"user\") return 0;\n    return (s.message.attachments ?? []).length;\n  });\n\n  return useMemo(\n    () =>\n      Array.from({ length: attachmentsCount }, (_, index) => (\n        <MessageAttachmentByIndexProvider key={index} index={index}>\n          <RenderChildrenWithAccessor\n            getItemState={(aui) =>\n              aui.message().attachment({ index }).getState()\n            }\n          >\n            {(getItem) =>\n              children({\n                get attachment() {\n                  return getItem() as CompleteAttachment;\n                },\n              })\n            }\n          </RenderChildrenWithAccessor>\n        </MessageAttachmentByIndexProvider>\n      )),\n    [attachmentsCount, children],\n  );\n};\n\nexport const MessagePrimitiveAttachments: FC<\n  MessagePrimitiveAttachments.Props\n> = ({ components, children }) => {\n  if (components) {\n    return (\n      <MessagePrimitiveAttachmentsInner>\n        {({ attachment }) => {\n          const Component = getComponent(components, attachment);\n          if (!Component) return null;\n          return <Component />;\n        }}\n      </MessagePrimitiveAttachmentsInner>\n    );\n  }\n  return (\n    <MessagePrimitiveAttachmentsInner>\n      {children}\n    </MessagePrimitiveAttachmentsInner>\n  );\n};\n\nMessagePrimitiveAttachments.displayName = \"MessagePrimitive.Attachments\";\n"],"mappings":"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"}

package/dist/react/primitives/message/MessageGroupedParts.d.ts

@@ -36,8 +36,9 @@ declare namespace MessagePrimitiveGroupedParts {
    * which running states qualify:
    * - `"never"` — never.
    * - `"empty"` — only when the message has no parts yet.
-   * - `"no-text"` (default) — when the last part isn't `text`/`reasoning`
-   *   (e.g. it ended on a tool call, so the assistant likely isn't done).
+   * - `"no-text"` (default) — when the message has no parts yet or the last
+   *   part isn't `text`/`reasoning` (e.g. it ended on a tool call, so the
+   *   assistant likely isn't done).
    * - `"always"` — whenever the message is running, regardless of parts.
    */
   type IndicatorMode = "never" | "empty" | "no-text" | "always";

package/dist/react/primitives/message/MessageGroupedParts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageGroupedParts.d.ts","names":[],"sources":["../../../../src/react/primitives/message/MessageGroupedParts.tsx"],"mappings":";;;;;;;kBAkBiB,4BAAA;;AAAjB;;;;;OAOc,SAAA;IAAA,SACD,IAAA,EAAM,IAAA;IAAA,SACN,MAAA,EAAQ,iBAAA,GAAoB,yBAAA;IAAA,SAC5B,OAAA;EAAA;EA2CU;;;;;;;;;;EAAA,KA9BT,aAAA;IAAA,SACD,IAAA;EAAA;EAhBM;;;;;;;;;;EAAA,KA6BL,aAAA;EAAA,KAEA,UAAA;IAOe;;;;;;IAAA,SAAhB,IAAA,EAAM,SAAA,CAAU,IAAA,IAAQ,iBAAA,GAAoB,aAAA;IAwC5C;;;;;;IAAA,SAjCA,QAAA,EAAU,SAAA;EAAA;EAAA,KAGT,KAAA;IAwDgB;;;;;AAA8B;AA+G5D;;;;;;;;;;;;;;;;;;;;;;;IA/G8B,SA1BjB,OAAA,GACP,IAAA,EAAM,SAAA,EACN,OAAA,EAAS,cAAA,cACG,IAAA;;;;;;;;;aAUL,SAAA,GAAY,aAAA;;;;;;;;;;;;aAaZ,QAAA,GAAW,IAAA,EAAM,UAAA,CAAW,IAAA,MAAU,SAAA;EAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA+GtC,4BAAA;EAAA;IAA8D,OAAA;IAAA,SAAA;IAAA;EAAA,GAIxE,4BAAA,CAA6B,KAAA,CAAM,IAAA,IAAQ,SAAA"}
+{"version":3,"file":"MessageGroupedParts.d.ts","names":[],"sources":["../../../../src/react/primitives/message/MessageGroupedParts.tsx"],"mappings":";;;;;;;kBAkBiB,4BAAA;;AAAjB;;;;;OAOc,SAAA;IAAA,SACD,IAAA,EAAM,IAAA;IAAA,SACN,MAAA,EAAQ,iBAAA,GAAoB,yBAAA;IAAA,SAC5B,OAAA;EAAA;EA4CU;;;;;;;;;;EAAA,KA/BT,aAAA;IAAA,SACD,IAAA;EAAA;EAhBM;;;;;;;;;;;EAAA,KA8BL,aAAA;EAAA,KAEA,UAAA;IAOuB;;;;;;IAAA,SAAxB,IAAA,EAAM,SAAA,CAAU,IAAA,IAAQ,iBAAA,GAAoB,aAAA;IAyC7C;;;;;;IAAA,SAlCC,QAAA,EAAU,SAAA;EAAA;EAAA,KAGT,KAAA;IAwD2B;;;;AAAmB;AAqH5D;;;;;;;;;;;;;;;;;;;;;;;;IArHyC,SA1B5B,OAAA,GACP,IAAA,EAAM,SAAA,EACN,OAAA,EAAS,cAAA,cACG,IAAA;;;;;;;;;aAUL,SAAA,GAAY,aAAA;;;;;;;;;;;;aAaZ,QAAA,GAAW,IAAA,EAAM,UAAA,CAAW,IAAA,MAAU,SAAA;EAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAqHtC,4BAAA;EAAA;IAA8D,OAAA;IAAA,SAAA;IAAA;EAAA,GAIxE,4BAAA,CAA6B,KAAA,CAAM,IAAA,IAAQ,SAAA"}

package/dist/react/primitives/message/MessageGroupedParts.js

@@ -15,7 +15,7 @@ const shouldShowIndicator = (mode, parts, isRunning) => {
 		case "empty": return parts.length === 0;
 		case "no-text": {
 			const last = parts[parts.length - 1];
-			return last !== void 0 && last.type !== "text" && last.type !== "reasoning";
+			return last === void 0 || last.type !== "text" && last.type !== "reasoning";
 		}
 	}
 };
@@ -35,7 +35,7 @@ const renderNode = (node, parts, render) => {
 			part,
 			children: /* @__PURE__ */ jsx(PartChildrenSentinel, {})
 		})
-	}, `part-${node.index}`);
+	}, node.idKey ? `part-${node.idKey}` : `part-${node.index}`);
 	const status = parts[node.indices.at(-1)]?.status ?? COMPLETE_STATUS;
 	return /* @__PURE__ */ jsx(Fragment, { children: render({
 		part: {
@@ -44,7 +44,7 @@ const renderNode = (node, parts, render) => {
 			indices: node.indices
 		},
 		children: /* @__PURE__ */ jsx(Fragment$1, { children: node.children.map((child) => renderNode(child, parts, render)) })
-	}) }, node.nodeKey);
+	}) }, node.idKey ?? node.nodeKey);
 };
 /**
 * Groups adjacent message parts into a tree of coalesced runs and
@@ -81,11 +81,11 @@ const renderNode = (node, parts, render) => {
 */
 const MessagePrimitiveGroupedParts = ({ groupBy, indicator = "no-text", children }) => {
 	const parts = useAuiState(useShallow((s) => s.message.parts));
-	const toolUIs = useAuiState((s) => s.tools.toolUIs);
-	const isRunning = useAuiState((s) => indicator === "never" ? false : s.message.status?.type === "running");
+	const toolUIs = useAuiState((s_0) => s_0.tools.toolUIs);
+	const isRunning = useAuiState((s_1) => indicator === "never" ? false : s_1.message.status?.type === "running");
 	return /* @__PURE__ */ jsxs(Fragment$1, { children: [useMemo(() => {
 		const context = { toolUIs };
-		return buildGroupTree(parts.map((part) => groupBy(part, context) ?? []));
+		return buildGroupTree(parts.map((part) => groupBy(part, context) ?? []), parts.map((part_0) => part_0.type === "tool-call" ? part_0.toolCallId : void 0));
 	}, [
 		parts,
 		groupBy[GROUPBY_MEMO_KEY] ?? groupBy,