@assistant-ui/react-o11y 0.0.19 → 0.0.22

package/dist/context/SpanByIndexProvider.js

@@ -1,16 +1,40 @@
+import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
 import { AuiProvider, Derived, useAui } from "@assistant-ui/store";
 import { jsx } from "react/jsx-runtime";
 //#region src/context/SpanByIndexProvider.tsx
-const SpanByIndexProvider = ({ index, children }) => {
+const SpanByIndexProvider = (t0) => {
+	const $ = c(8);
+	const { index, children } = t0;
 	const parentAui = useAui();
-	return /* @__PURE__ */ jsx(AuiProvider, {
-		value: useAui({ span: Derived({
+	let t1;
+	if ($[0] !== index || $[1] !== parentAui) {
+		t1 = Derived({
 			source: "span",
 			query: { index },
 			get: () => parentAui.span().child({ index })
-		}) }),
-		children
-	});
+		});
+		$[0] = index;
+		$[1] = parentAui;
+		$[2] = t1;
+	} else t1 = $[2];
+	let t2;
+	if ($[3] !== t1) {
+		t2 = { span: t1 };
+		$[3] = t1;
+		$[4] = t2;
+	} else t2 = $[4];
+	const aui = useAui(t2);
+	let t3;
+	if ($[5] !== aui || $[6] !== children) {
+		t3 = /* @__PURE__ */ jsx(AuiProvider, {
+			value: aui,
+			children
+		});
+		$[5] = aui;
+		$[6] = children;
+		$[7] = t3;
+	} else t3 = $[7];
+	return t3;
 };
 //#endregion
 export { SpanByIndexProvider };

package/dist/context/SpanByIndexProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"SpanByIndexProvider.js","names":[],"sources":["../../src/context/SpanByIndexProvider.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport { useAui, AuiProvider, Derived } from \"@assistant-ui/store\";\n\nexport const SpanByIndexProvider: FC<PropsWithChildren<{ index: number }>> = ({\n  index,\n  children,\n}) => {\n  const parentAui = useAui();\n\n  const aui = useAui({\n    span: Derived({\n      source: \"span\",\n      query: { index },\n      get: () => parentAui.span().child({ index }),\n    }),\n  });\n\n  return <AuiProvider value={aui}>{children}</AuiProvider>;\n};\n"],"mappings":";;;AAGA,MAAa,uBAAiE,EAC5E,OACA,eACI;CACJ,MAAM,YAAY,OAAO;CAUzB,OAAO,oBAAC,aAAD;EAAa,OARR,OAAO,EACjB,MAAM,QAAQ;GACZ,QAAQ;GACR,OAAO,EAAE,MAAM;GACf,WAAW,UAAU,KAAK,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC;EAC7C,CAAC,EACH,CAE6B;EAAI;CAAsB,CAAA;AACzD"}
+{"version":3,"file":"SpanByIndexProvider.js","names":["FC","PropsWithChildren","useAui","AuiProvider","Derived","SpanByIndexProvider","index","t0","$","_c","children","parentAui","t1","source","query","get","span","child","t2","aui","t3"],"sources":["../../src/context/SpanByIndexProvider.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport { useAui, AuiProvider, Derived } from \"@assistant-ui/store\";\n\nexport const SpanByIndexProvider: FC<PropsWithChildren<{ index: number }>> = ({\n  index,\n  children,\n}) => {\n  const parentAui = useAui();\n\n  const aui = useAui({\n    span: Derived({\n      source: \"span\",\n      query: { index },\n      get: () => parentAui.span().child({ index }),\n    }),\n  });\n\n  return <AuiProvider value={aui}>{children}</AuiProvider>;\n};\n"],"mappings":";;;;AAGA,MAAaK,uBAAgEE,OAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAC,MAAA,EAAAH,OAAAI,aAAAH;CAI5E,MAAAI,YAAkBT,OAAO;CAAE,IAAAU;CAAA,IAAAJ,EAAA,OAAAF,SAAAE,EAAA,OAAAG,WAAA;EAGnBC,KAAAR,QAAQ;GAAAS,QACJ;GAAMC,OACP,EAAAR,MAAQ;GAACS,WACLJ,UAASK,KAAM,CAAC,CAAAC,MAAO,EAAAX,MAAQ,CAAC;EAC7C,CAAC;EAACE,EAAA,KAAAF;EAAAE,EAAA,KAAAG;EAAAH,EAAA,KAAAI;CAAA,OAAAA,KAAAJ,EAAA;CAAA,IAAAU;CAAA,IAAAV,EAAA,OAAAI,IAAA;EALeM,KAAA,EAAAF,MACXJ,GAKR;EAACJ,EAAA,KAAAI;EAAAJ,EAAA,KAAAU;CAAA,OAAAA,KAAAV,EAAA;CAND,MAAAW,MAAYjB,OAAOgB,EAMlB;CAAE,IAAAE;CAAA,IAAAZ,EAAA,OAAAW,OAAAX,EAAA,OAAAE,UAAA;EAEIU,KAAA,oBAAC,aAAD;GAAoBD,OAAAA;GAAMT;EAAd,CAAA;EAAqCF,EAAA,KAAAW;EAAAX,EAAA,KAAAE;EAAAF,EAAA,KAAAY;CAAA,OAAAA,KAAAZ,EAAA;CAAA,OAAjDY;AAAiD"}

package/dist/primitives/span/SpanChildren.js

@@ -1,13 +1,29 @@
 import { SpanByIndexProvider } from "../../context/SpanByIndexProvider.js";
+import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
 import { memo, useMemo } from "@assistant-ui/tap/react-shim";
 import { RenderChildrenWithAccessor, useAuiState } from "@assistant-ui/store";
 import { jsx } from "react/jsx-runtime";
 //#region src/primitives/span/SpanChildren.tsx
-const SpanPrimitiveChildByIndex = memo(({ index, components }) => {
-	return /* @__PURE__ */ jsx(SpanByIndexProvider, {
-		index,
-		children: /* @__PURE__ */ jsx(components.Span, {})
-	});
+const SpanPrimitiveChildByIndex = memo((t0) => {
+	const $ = c(5);
+	const { index, components } = t0;
+	let t1;
+	if ($[0] !== components.Span) {
+		t1 = /* @__PURE__ */ jsx(components.Span, {});
+		$[0] = components.Span;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== index || $[3] !== t1) {
+		t2 = /* @__PURE__ */ jsx(SpanByIndexProvider, {
+			index,
+			children: t1
+		});
+		$[2] = index;
+		$[3] = t1;
+		$[4] = t2;
+	} else t2 = $[4];
+	return t2;
 }, (prev, next) => prev.index === next.index && prev.components.Span === next.components.Span);
 SpanPrimitiveChildByIndex.displayName = "SpanPrimitive.ChildByIndex";
 const SpanPrimitiveChildrenInner = ({ children }) => {
@@ -25,9 +41,25 @@ const SpanPrimitiveChildrenInner = ({ children }) => {
 		}, index));
 	}, [childrenLength, children]);
 };
-const SpanPrimitiveChildrenImpl = ({ components, children }) => {
-	if (components) return /* @__PURE__ */ jsx(SpanPrimitiveChildrenInner, { children: () => /* @__PURE__ */ jsx(components.Span, {}) });
-	return /* @__PURE__ */ jsx(SpanPrimitiveChildrenInner, { children });
+const SpanPrimitiveChildrenImpl = (t0) => {
+	const $ = c(4);
+	const { components, children } = t0;
+	if (components) {
+		let t1;
+		if ($[0] !== components.Span) {
+			t1 = /* @__PURE__ */ jsx(SpanPrimitiveChildrenInner, { children: () => /* @__PURE__ */ jsx(components.Span, {}) });
+			$[0] = components.Span;
+			$[1] = t1;
+		} else t1 = $[1];
+		return t1;
+	}
+	let t1;
+	if ($[2] !== children) {
+		t1 = /* @__PURE__ */ jsx(SpanPrimitiveChildrenInner, { children });
+		$[2] = children;
+		$[3] = t1;
+	} else t1 = $[3];
+	return t1;
 };
 const SpanPrimitiveChildren = memo(SpanPrimitiveChildrenImpl, (prev, next) => {
 	if (prev.children || next.children) return prev.children === next.children;

package/dist/primitives/span/SpanChildren.js.map

@@ -1 +1 @@
-{"version":3,"file":"SpanChildren.js","names":[],"sources":["../../../src/primitives/span/SpanChildren.tsx"],"sourcesContent":["import {\n  type ComponentType,\n  type FC,\n  type ReactNode,\n  memo,\n  useMemo,\n} from \"react\";\nimport { RenderChildrenWithAccessor, useAuiState } from \"@assistant-ui/store\";\nimport type { SpanState } from \"../../o11y-scope\";\nimport { SpanByIndexProvider } from \"../../context/SpanByIndexProvider\";\n\ntype SpanChildrenComponentConfig = {\n  Span: ComponentType;\n};\n\nexport namespace SpanPrimitiveChildren {\n  export type Props =\n    | {\n        components: SpanChildrenComponentConfig;\n        children?: never;\n      }\n    | {\n        /** Render function called for each child span. Receives the span. */\n        children: (value: { span: SpanState }) => ReactNode;\n        components?: never;\n      };\n}\n\nexport namespace SpanPrimitiveChildByIndex {\n  export type Props = {\n    index: number;\n    components: SpanChildrenComponentConfig;\n  };\n}\n\nexport const SpanPrimitiveChildByIndex: FC<SpanPrimitiveChildByIndex.Props> =\n  memo(\n    ({ index, components }) => {\n      return (\n        <SpanByIndexProvider index={index}>\n          <components.Span />\n        </SpanByIndexProvider>\n      );\n    },\n    (prev, next) =>\n      prev.index === next.index &&\n      prev.components.Span === next.components.Span,\n  );\n\nSpanPrimitiveChildByIndex.displayName = \"SpanPrimitive.ChildByIndex\";\n\nconst SpanPrimitiveChildrenInner: FC<{\n  children: (value: { span: SpanState }) => ReactNode;\n}> = ({ children }) => {\n  const childrenLength = useAuiState((s) => s.span.children.length);\n\n  return useMemo(() => {\n    if (childrenLength === 0) return null;\n    return Array.from({ length: childrenLength }, (_, index) => (\n      <SpanByIndexProvider key={index} index={index}>\n        <RenderChildrenWithAccessor\n          getItemState={(aui) => aui.span().getState()}\n        >\n          {(getItem) =>\n            children({\n              get span() {\n                return getItem();\n              },\n            })\n          }\n        </RenderChildrenWithAccessor>\n      </SpanByIndexProvider>\n    ));\n  }, [childrenLength, children]);\n};\n\nconst SpanPrimitiveChildrenImpl: FC<SpanPrimitiveChildren.Props> = ({\n  components,\n  children,\n}) => {\n  if (components) {\n    return (\n      <SpanPrimitiveChildrenInner>\n        {() => <components.Span />}\n      </SpanPrimitiveChildrenInner>\n    );\n  }\n  return <SpanPrimitiveChildrenInner>{children}</SpanPrimitiveChildrenInner>;\n};\n\nexport const SpanPrimitiveChildren: FC<SpanPrimitiveChildren.Props> = memo(\n  SpanPrimitiveChildrenImpl,\n  (prev, next) => {\n    if (prev.children || next.children) {\n      return prev.children === next.children;\n    }\n    return prev.components!.Span === next.components!.Span;\n  },\n);\n\nSpanPrimitiveChildren.displayName = \"SpanPrimitive.Children\";\n"],"mappings":";;;;;AAmCA,MAAa,4BACX,MACG,EAAE,OAAO,iBAAiB;CACzB,OACE,oBAAC,qBAAD;EAA4B;YAC1B,oBAAC,WAAW,MAAZ,CAAkB,CAAA;CACC,CAAA;AAEzB,IACC,MAAM,SACL,KAAK,UAAU,KAAK,SACpB,KAAK,WAAW,SAAS,KAAK,WAAW,IAC7C;AAEF,0BAA0B,cAAc;AAExC,MAAM,8BAEA,EAAE,eAAe;CACrB,MAAM,iBAAiB,aAAa,MAAM,EAAE,KAAK,SAAS,MAAM;CAEhE,OAAO,cAAc;EACnB,IAAI,mBAAmB,GAAG,OAAO;EACjC,OAAO,MAAM,KAAK,EAAE,QAAQ,eAAe,IAAI,GAAG,UAChD,oBAAC,qBAAD;GAAwC;aACtC,oBAAC,4BAAD;IACE,eAAe,QAAQ,IAAI,KAAK,CAAC,CAAC,SAAS;eAEzC,YACA,SAAS,EACP,IAAI,OAAO;KACT,OAAO,QAAQ;IACjB,EACF,CAAC;GAEuB,CAAA;EACT,GAZK,KAYL,CACtB;CACH,GAAG,CAAC,gBAAgB,QAAQ,CAAC;AAC/B;AAEA,MAAM,6BAA8D,EAClE,YACA,eACI;CACJ,IAAI,YACF,OACE,oBAAC,4BAAD,EAAA,gBACS,oBAAC,WAAW,MAAZ,CAAkB,CAAA,EACC,CAAA;CAGhC,OAAO,oBAAC,4BAAD,EAA6B,SAAqC,CAAA;AAC3E;AAEA,MAAa,wBAAyD,KACpE,4BACC,MAAM,SAAS;CACd,IAAI,KAAK,YAAY,KAAK,UACxB,OAAO,KAAK,aAAa,KAAK;CAEhC,OAAO,KAAK,WAAY,SAAS,KAAK,WAAY;AACpD,CACF;AAEA,sBAAsB,cAAc"}
+{"version":3,"file":"SpanChildren.js","names":["ComponentType","FC","ReactNode","memo","useMemo","RenderChildrenWithAccessor","useAuiState","SpanState","SpanByIndexProvider","SpanChildrenComponentConfig","Span","SpanPrimitiveChildren","Props","components","children","value","span","SpanPrimitiveChildByIndex","index","t0","$","_c","t1","t2","prev","next","displayName","SpanPrimitiveChildrenInner","childrenLength","s","length","Array","from","_","aui","getState","getItem","SpanPrimitiveChildrenImpl"],"sources":["../../../src/primitives/span/SpanChildren.tsx"],"sourcesContent":["import {\n  type ComponentType,\n  type FC,\n  type ReactNode,\n  memo,\n  useMemo,\n} from \"react\";\nimport { RenderChildrenWithAccessor, useAuiState } from \"@assistant-ui/store\";\nimport type { SpanState } from \"../../o11y-scope\";\nimport { SpanByIndexProvider } from \"../../context/SpanByIndexProvider\";\n\ntype SpanChildrenComponentConfig = {\n  Span: ComponentType;\n};\n\nexport namespace SpanPrimitiveChildren {\n  export type Props =\n    | {\n        components: SpanChildrenComponentConfig;\n        children?: never;\n      }\n    | {\n        /** Render function called for each child span. Receives the span. */\n        children: (value: { span: SpanState }) => ReactNode;\n        components?: never;\n      };\n}\n\nexport namespace SpanPrimitiveChildByIndex {\n  export type Props = {\n    index: number;\n    components: SpanChildrenComponentConfig;\n  };\n}\n\nexport const SpanPrimitiveChildByIndex: FC<SpanPrimitiveChildByIndex.Props> =\n  memo(\n    ({ index, components }) => {\n      return (\n        <SpanByIndexProvider index={index}>\n          <components.Span />\n        </SpanByIndexProvider>\n      );\n    },\n    (prev, next) =>\n      prev.index === next.index &&\n      prev.components.Span === next.components.Span,\n  );\n\nSpanPrimitiveChildByIndex.displayName = \"SpanPrimitive.ChildByIndex\";\n\nconst SpanPrimitiveChildrenInner: FC<{\n  children: (value: { span: SpanState }) => ReactNode;\n}> = ({ children }) => {\n  const childrenLength = useAuiState((s) => s.span.children.length);\n\n  return useMemo(() => {\n    if (childrenLength === 0) return null;\n    return Array.from({ length: childrenLength }, (_, index) => (\n      <SpanByIndexProvider key={index} index={index}>\n        <RenderChildrenWithAccessor\n          getItemState={(aui) => aui.span().getState()}\n        >\n          {(getItem) =>\n            children({\n              get span() {\n                return getItem();\n              },\n            })\n          }\n        </RenderChildrenWithAccessor>\n      </SpanByIndexProvider>\n    ));\n  }, [childrenLength, children]);\n};\n\nconst SpanPrimitiveChildrenImpl: FC<SpanPrimitiveChildren.Props> = ({\n  components,\n  children,\n}) => {\n  if (components) {\n    return (\n      <SpanPrimitiveChildrenInner>\n        {() => <components.Span />}\n      </SpanPrimitiveChildrenInner>\n    );\n  }\n  return <SpanPrimitiveChildrenInner>{children}</SpanPrimitiveChildrenInner>;\n};\n\nexport const SpanPrimitiveChildren: FC<SpanPrimitiveChildren.Props> = memo(\n  SpanPrimitiveChildrenImpl,\n  (prev, next) => {\n    if (prev.children || next.children) {\n      return prev.children === next.children;\n    }\n    return prev.components!.Span === next.components!.Span;\n  },\n);\n\nSpanPrimitiveChildren.displayName = \"SpanPrimitive.Children\";\n"],"mappings":";;;;;;AAmCA,MAAaiB,4BACXd,MACEgB,OAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAC,MAAA,EAAAH,OAAAL,eAAAM;CAAqB,IAAAG;CAAA,IAAAF,EAAA,OAAAP,WAAAH,MAAA;EAGhBY,KAAA,oBAAA,WAAA,MAAA,CAAA,CAAA;EAAmBF,EAAA,KAAAP,WAAAH;EAAAU,EAAA,KAAAE;CAAA,OAAAA,KAAAF,EAAA;CAAA,IAAAG;CAAA,IAAAH,EAAA,OAAAF,SAAAE,EAAA,OAAAE,IAAA;EADrBC,KAAA,oBAAC,qBAAD;GAA4BL;aAC1BI;EADkB,CAAA;EAEEF,EAAA,KAAAF;EAAAE,EAAA,KAAAE;EAAAF,EAAA,KAAAG;CAAA,OAAAA,KAAAH,EAAA;CAAA,OAFtBG;AAEsB,IAGzBC,MAAMC,SACLD,KAAKN,UAAUO,KAAKP,SACpBM,KAAKX,WAAWH,SAASe,KAAKZ,WAAWH,IAC7C;AAEFO,0BAA0BS,cAAc;AAExC,MAAMC,8BAEA,EAAEb,eAAe;CACrB,MAAMc,iBAAiBtB,aAAauB,MAAMA,EAAEb,KAAKF,SAASgB,MAAM;CAEhE,OAAO1B,cAAc;EACnB,IAAIwB,mBAAmB,GAAG,OAAO;EACjC,OAAOG,MAAMC,KAAK,EAAEF,QAAQF,eAAe,IAAIK,GAAGf,UAChD,oBAAC,qBAAD;GAAwCA;aACtC,oBAAC,4BAAD;IACE,eAAegB,QAAQA,IAAIlB,KAAK,CAAC,CAACmB,SAAS;eAEzCC,YACAtB,SAAS,EACP,IAAIE,OAAO;KACT,OAAOoB,QAAQ;IACjB,EACF,CAAC;GAEuB,CAAA;EACT,GAZKlB,KAYL,CACtB;CACH,GAAG,CAACU,gBAAgBd,QAAQ,CAAC;AAC/B;AAEA,MAAMuB,6BAA6DlB,OAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAC,MAAA,EAAAR,YAAAC,aAAAK;CAIlE,IAAIN,YAAU;EAAA,IAAAS;EAAA,IAAAF,EAAA,OAAAP,WAAAH,MAAA;GAEVY,KAAA,oBAAC,4BAAD,EAAA,gBACS,oBAAA,WAAA,MAAA,CAAA,CAAA,EADkB,CAAA;GAEEF,EAAA,KAAAP,WAAAH;GAAAU,EAAA,KAAAE;EAAA,OAAAA,KAAAF,EAAA;EAAA,OAF7BE;CAE6B;CAEhC,IAAAA;CAAA,IAAAF,EAAA,OAAAN,UAAA;EACMQ,KAAA,oBAAC,4BAAD,EAA6BR,SAAF,CAAA;EAAwCM,EAAA,KAAAN;EAAAM,EAAA,KAAAE;CAAA,OAAAA,KAAAF,EAAA;CAAA,OAAnEE;AAAmE;AAG5E,MAAaX,wBAAyDR,KACpEkC,4BACCb,MAAMC,SAAS;CACd,IAAID,KAAKV,YAAYW,KAAKX,UACxB,OAAOU,KAAKV,aAAaW,KAAKX;CAEhC,OAAOU,KAAKX,WAAYH,SAASe,KAAKZ,WAAYH;AACpD,CACF;AAEAC,sBAAsBe,cAAc"}

package/dist/primitives/span/SpanCollapseToggle.js

@@ -1,26 +1,50 @@
+import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
 import { forwardRef } from "@assistant-ui/tap/react-shim";
 import { Primitive } from "@radix-ui/react-primitive";
 import { useAui, useAuiState } from "@assistant-ui/store";
 import { jsx } from "react/jsx-runtime";
 //#region src/primitives/span/SpanCollapseToggle.tsx
 const SpanPrimitiveCollapseToggle = forwardRef((props, ref) => {
-	const hasChildren = useAuiState((s) => s.span.hasChildren);
-	const isCollapsed = useAuiState((s) => s.span.isCollapsed);
+	const $ = c(8);
+	const hasChildren = useAuiState(_temp);
+	const isCollapsed = useAuiState(_temp2);
 	const aui = useAui();
 	if (!hasChildren) return null;
-	return /* @__PURE__ */ jsx(Primitive.button, {
-		type: "button",
-		...props,
-		ref,
-		"data-collapsed": isCollapsed,
-		onClick: (e) => {
+	let t0;
+	if ($[0] !== aui || $[1] !== props) {
+		t0 = (e) => {
 			e.stopPropagation();
 			aui.span().toggleCollapse();
 			props.onClick?.(e);
-		}
-	});
+		};
+		$[0] = aui;
+		$[1] = props;
+		$[2] = t0;
+	} else t0 = $[2];
+	let t1;
+	if ($[3] !== isCollapsed || $[4] !== props || $[5] !== ref || $[6] !== t0) {
+		t1 = /* @__PURE__ */ jsx(Primitive.button, {
+			type: "button",
+			...props,
+			ref,
+			"data-collapsed": isCollapsed,
+			onClick: t0
+		});
+		$[3] = isCollapsed;
+		$[4] = props;
+		$[5] = ref;
+		$[6] = t0;
+		$[7] = t1;
+	} else t1 = $[7];
+	return t1;
 });
 SpanPrimitiveCollapseToggle.displayName = "SpanPrimitive.CollapseToggle";
+function _temp(s) {
+	return s.span.hasChildren;
+}
+function _temp2(s_0) {
+	return s_0.span.isCollapsed;
+}
 //#endregion
 export { SpanPrimitiveCollapseToggle };
 

package/dist/primitives/span/SpanCollapseToggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"SpanCollapseToggle.js","names":[],"sources":["../../../src/primitives/span/SpanCollapseToggle.tsx"],"sourcesContent":["import {\n  type ComponentPropsWithoutRef,\n  type ComponentRef,\n  forwardRef,\n} from \"react\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { useAui, useAuiState } from \"@assistant-ui/store\";\n\nexport namespace SpanPrimitiveCollapseToggle {\n  export type Element = ComponentRef<typeof Primitive.button>;\n  export type Props = ComponentPropsWithoutRef<typeof Primitive.button>;\n}\n\nexport const SpanPrimitiveCollapseToggle = forwardRef<\n  SpanPrimitiveCollapseToggle.Element,\n  SpanPrimitiveCollapseToggle.Props\n>((props, ref) => {\n  const hasChildren = useAuiState((s) => s.span.hasChildren);\n  const isCollapsed = useAuiState((s) => s.span.isCollapsed);\n  const aui = useAui();\n\n  if (!hasChildren) return null;\n\n  return (\n    <Primitive.button\n      type=\"button\"\n      {...props}\n      ref={ref}\n      data-collapsed={isCollapsed}\n      onClick={(e) => {\n        e.stopPropagation();\n        aui.span().toggleCollapse();\n        props.onClick?.(e);\n      }}\n    />\n  );\n});\n\nSpanPrimitiveCollapseToggle.displayName = \"SpanPrimitive.CollapseToggle\";\n"],"mappings":";;;;;AAaA,MAAa,8BAA8B,YAGxC,OAAO,QAAQ;CAChB,MAAM,cAAc,aAAa,MAAM,EAAE,KAAK,WAAW;CACzD,MAAM,cAAc,aAAa,MAAM,EAAE,KAAK,WAAW;CACzD,MAAM,MAAM,OAAO;CAEnB,IAAI,CAAC,aAAa,OAAO;CAEzB,OACE,oBAAC,UAAU,QAAX;EACE,MAAK;EACL,GAAI;EACC;EACL,kBAAgB;EAChB,UAAU,MAAM;GACd,EAAE,gBAAgB;GAClB,IAAI,KAAK,CAAC,CAAC,eAAe;GAC1B,MAAM,UAAU,CAAC;EACnB;CACD,CAAA;AAEL,CAAC;AAED,4BAA4B,cAAc"}
+{"version":3,"file":"SpanCollapseToggle.js","names":["ComponentPropsWithoutRef","ComponentRef","forwardRef","Primitive","useAui","useAuiState","SpanPrimitiveCollapseToggle","Element","button","Props","props","ref","$","_c","hasChildren","_temp","isCollapsed","_temp2","aui","t0","e","stopPropagation","span","toggleCollapse","onClick","t1","displayName","s","s_0"],"sources":["../../../src/primitives/span/SpanCollapseToggle.tsx"],"sourcesContent":["import {\n  type ComponentPropsWithoutRef,\n  type ComponentRef,\n  forwardRef,\n} from \"react\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { useAui, useAuiState } from \"@assistant-ui/store\";\n\nexport namespace SpanPrimitiveCollapseToggle {\n  export type Element = ComponentRef<typeof Primitive.button>;\n  export type Props = ComponentPropsWithoutRef<typeof Primitive.button>;\n}\n\nexport const SpanPrimitiveCollapseToggle = forwardRef<\n  SpanPrimitiveCollapseToggle.Element,\n  SpanPrimitiveCollapseToggle.Props\n>((props, ref) => {\n  const hasChildren = useAuiState((s) => s.span.hasChildren);\n  const isCollapsed = useAuiState((s) => s.span.isCollapsed);\n  const aui = useAui();\n\n  if (!hasChildren) return null;\n\n  return (\n    <Primitive.button\n      type=\"button\"\n      {...props}\n      ref={ref}\n      data-collapsed={isCollapsed}\n      onClick={(e) => {\n        e.stopPropagation();\n        aui.span().toggleCollapse();\n        props.onClick?.(e);\n      }}\n    />\n  );\n});\n\nSpanPrimitiveCollapseToggle.displayName = \"SpanPrimitive.CollapseToggle\";\n"],"mappings":";;;;;;AAaA,MAAaM,8BAA8BJ,YAGzCQ,OAAAC,QAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CACA,MAAAC,cAAoBT,YAAYU,KAAyB;CACzD,MAAAC,cAAoBX,YAAYY,MAAyB;CACzD,MAAAC,MAAYd,OAAO;CAEnB,IAAI,CAACU,aAAW,OAAS;CAAK,IAAAK;CAAA,IAAAP,EAAA,OAAAM,OAAAN,EAAA,OAAAF,OAAA;EAQjBS,MAAAC,MAAA;GACPA,EAACC,gBAAiB;GAClBH,IAAGI,KAAM,CAAC,CAAAC,eAAgB;GAC1Bb,MAAKc,UAAWJ,CAAC;EAAC;EACnBR,EAAA,KAAAM;EAAAN,EAAA,KAAAF;EAAAE,EAAA,KAAAO;CAAA,OAAAA,KAAAP,EAAA;CAAA,IAAAa;CAAA,IAAAb,EAAA,OAAAI,eAAAJ,EAAA,OAAAF,SAAAE,EAAA,OAAAD,OAAAC,EAAA,OAAAO,IAAA;EATHM,KAAA,oBAAA,UAAA,QAAA;GACO,MAAA;GAAQ,GACTf;GACCC;GACWK,kBAAAA;GACP,SAAAG;EAIR,CAAA;EACDP,EAAA,KAAAI;EAAAJ,EAAA,KAAAF;EAAAE,EAAA,KAAAD;EAAAC,EAAA,KAAAO;EAAAP,EAAA,KAAAa;CAAA,OAAAA,KAAAb,EAAA;CAAA,OAVFa;AAUE,CAEL;AAEDnB,4BAA4BoB,cAAc;AAtBxC,SAAAX,MAAAY,GAAA;CAAA,OACuCA,EAACL,KAAKR;AAAY;AADzD,SAAAG,OAAAW,KAAA;CAAA,OAEuCD,IAACL,KAAKN;AAAY"}

package/dist/primitives/span/SpanIndent.js

@@ -1,27 +1,63 @@
-import { forwardRef, useMemo } from "@assistant-ui/tap/react-shim";
+import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
+import { forwardRef } from "@assistant-ui/tap/react-shim";
 import { Primitive } from "@radix-ui/react-primitive";
 import { useAuiState } from "@assistant-ui/store";
 import { jsx } from "react/jsx-runtime";
 //#region src/primitives/span/SpanIndent.tsx
-const SpanPrimitiveIndent = forwardRef(({ baseIndent = 8, indentPerLevel = 12, style, ...props }, ref) => {
-	const depth = useAuiState((s) => s.span.depth);
-	const mergedStyle = useMemo(() => ({
-		...style,
-		paddingLeft: baseIndent + depth * indentPerLevel
-	}), [
-		style,
-		baseIndent,
-		depth,
-		indentPerLevel
-	]);
-	return /* @__PURE__ */ jsx(Primitive.div, {
-		...props,
-		ref,
-		style: mergedStyle,
-		"data-span-depth": depth
-	});
+const SpanPrimitiveIndent = forwardRef((t0, ref) => {
+	const $ = c(13);
+	let props;
+	let style;
+	let t1;
+	let t2;
+	if ($[0] !== t0) {
+		({baseIndent: t1, indentPerLevel: t2, style, ...props} = t0);
+		$[0] = t0;
+		$[1] = props;
+		$[2] = style;
+		$[3] = t1;
+		$[4] = t2;
+	} else {
+		props = $[1];
+		style = $[2];
+		t1 = $[3];
+		t2 = $[4];
+	}
+	const baseIndent = t1 === void 0 ? 8 : t1;
+	const indentPerLevel = t2 === void 0 ? 12 : t2;
+	const depth = useAuiState(_temp);
+	const t3 = baseIndent + depth * indentPerLevel;
+	let t4;
+	if ($[5] !== style || $[6] !== t3) {
+		t4 = {
+			...style,
+			paddingLeft: t3
+		};
+		$[5] = style;
+		$[6] = t3;
+		$[7] = t4;
+	} else t4 = $[7];
+	const mergedStyle = t4;
+	let t5;
+	if ($[8] !== depth || $[9] !== mergedStyle || $[10] !== props || $[11] !== ref) {
+		t5 = /* @__PURE__ */ jsx(Primitive.div, {
+			...props,
+			ref,
+			style: mergedStyle,
+			"data-span-depth": depth
+		});
+		$[8] = depth;
+		$[9] = mergedStyle;
+		$[10] = props;
+		$[11] = ref;
+		$[12] = t5;
+	} else t5 = $[12];
+	return t5;
 });
 SpanPrimitiveIndent.displayName = "SpanPrimitive.Indent";
+function _temp(s) {
+	return s.span.depth;
+}
 //#endregion
 export { SpanPrimitiveIndent };
 

package/dist/primitives/span/SpanIndent.js.map

@@ -1 +1 @@
-{"version":3,"file":"SpanIndent.js","names":[],"sources":["../../../src/primitives/span/SpanIndent.tsx"],"sourcesContent":["import {\n  type ComponentPropsWithoutRef,\n  type ComponentRef,\n  forwardRef,\n  useMemo,\n} from \"react\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { useAuiState } from \"@assistant-ui/store\";\n\nexport namespace SpanPrimitiveIndent {\n  export type Element = ComponentRef<typeof Primitive.div>;\n  export type Props = ComponentPropsWithoutRef<typeof Primitive.div> & {\n    baseIndent?: number;\n    indentPerLevel?: number;\n  };\n}\n\nexport const SpanPrimitiveIndent = forwardRef<\n  SpanPrimitiveIndent.Element,\n  SpanPrimitiveIndent.Props\n>(({ baseIndent = 8, indentPerLevel = 12, style, ...props }, ref) => {\n  const depth = useAuiState((s) => s.span.depth);\n\n  const mergedStyle = useMemo(\n    () => ({\n      ...style,\n      paddingLeft: baseIndent + depth * indentPerLevel,\n    }),\n    [style, baseIndent, depth, indentPerLevel],\n  );\n\n  return (\n    <Primitive.div\n      {...props}\n      ref={ref}\n      style={mergedStyle}\n      data-span-depth={depth}\n    />\n  );\n});\n\nSpanPrimitiveIndent.displayName = \"SpanPrimitive.Indent\";\n"],"mappings":";;;;;AAiBA,MAAa,sBAAsB,YAGhC,EAAE,aAAa,GAAG,iBAAiB,IAAI,OAAO,GAAG,SAAS,QAAQ;CACnE,MAAM,QAAQ,aAAa,MAAM,EAAE,KAAK,KAAK;CAE7C,MAAM,cAAc,eACX;EACL,GAAG;EACH,aAAa,aAAa,QAAQ;CACpC,IACA;EAAC;EAAO;EAAY;EAAO;CAAc,CAC3C;CAEA,OACE,oBAAC,UAAU,KAAX;EACE,GAAI;EACC;EACL,OAAO;EACP,mBAAiB;CAClB,CAAA;AAEL,CAAC;AAED,oBAAoB,cAAc"}
+{"version":3,"file":"SpanIndent.js","names":["ComponentPropsWithoutRef","ComponentRef","forwardRef","useMemo","Primitive","useAuiState","SpanPrimitiveIndent","Element","div","Props","baseIndent","indentPerLevel","t0","ref","$","_c","props","style","t1","t2","undefined","depth","_temp","t3","t4","paddingLeft","mergedStyle","t5","displayName","s","span"],"sources":["../../../src/primitives/span/SpanIndent.tsx"],"sourcesContent":["import {\n  type ComponentPropsWithoutRef,\n  type ComponentRef,\n  forwardRef,\n  useMemo,\n} from \"react\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { useAuiState } from \"@assistant-ui/store\";\n\nexport namespace SpanPrimitiveIndent {\n  export type Element = ComponentRef<typeof Primitive.div>;\n  export type Props = ComponentPropsWithoutRef<typeof Primitive.div> & {\n    baseIndent?: number;\n    indentPerLevel?: number;\n  };\n}\n\nexport const SpanPrimitiveIndent = forwardRef<\n  SpanPrimitiveIndent.Element,\n  SpanPrimitiveIndent.Props\n>(({ baseIndent = 8, indentPerLevel = 12, style, ...props }, ref) => {\n  const depth = useAuiState((s) => s.span.depth);\n\n  const mergedStyle = useMemo(\n    () => ({\n      ...style,\n      paddingLeft: baseIndent + depth * indentPerLevel,\n    }),\n    [style, baseIndent, depth, indentPerLevel],\n  );\n\n  return (\n    <Primitive.div\n      {...props}\n      ref={ref}\n      style={mergedStyle}\n      data-span-depth={depth}\n    />\n  );\n});\n\nSpanPrimitiveIndent.displayName = \"SpanPrimitive.Indent\";\n"],"mappings":";;;;;;AAiBA,MAAaM,sBAAsBJ,YAGjCU,IAAAC,QAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAL,EAAA,OAAAF,IAAA;EAAC,CAAA,CAAAF,YAAAQ,IAAAP,gBAAAQ,IAAAF,UAAAD,SAAAJ;EAAwDE,EAAA,KAAAF;EAAAE,EAAA,KAAAE;EAAAF,EAAA,KAAAG;EAAAH,EAAA,KAAAI;EAAAJ,EAAA,KAAAK;CAAA,OAAA;EAAAH,QAAAF,EAAA;EAAAG,QAAAH,EAAA;EAAAI,KAAAJ,EAAA;EAAAK,KAAAL,EAAA;CAAA;CAAtD,MAAAJ,aAAAQ,OAAAE,KAAAA,IAAA,IAAAF;CAAgB,MAAAP,iBAAAQ,OAAAC,KAAAA,IAAA,KAAAD;CACnB,MAAAE,QAAchB,YAAYiB,KAAmB;CAK5B,MAAAC,KAAAb,aAAaW,QAAQV;CAAc,IAAAa;CAAA,IAAAV,EAAA,OAAAG,SAAAH,EAAA,OAAAS,IAAA;EAF3CC,KAAA;GAAA,GACFP;GAAKQ,aACKF;EACf;EAACT,EAAA,KAAAG;EAAAH,EAAA,KAAAS;EAAAT,EAAA,KAAAU;CAAA,OAAAA,KAAAV,EAAA;CAJH,MAAAY,cACSF;CAKP,IAAAG;CAAA,IAAAb,EAAA,OAAAO,SAAAP,EAAA,OAAAY,eAAAZ,EAAA,QAAAE,SAAAF,EAAA,QAAAD,KAAA;EAGAc,KAAA,oBAAA,UAAA,KAAA;GAAA,GACMX;GACCH;GACEa,OAAAA;GACUL,mBAAAA;EAAK,CAAA;EACtBP,EAAA,KAAAO;EAAAP,EAAA,KAAAY;EAAAZ,EAAA,MAAAE;EAAAF,EAAA,MAAAD;EAAAC,EAAA,MAAAa;CAAA,OAAAA,KAAAb,EAAA;CAAA,OALFa;AAKE,CAEL;AAEDrB,oBAAoBsB,cAAc;AArBhC,SAAAN,MAAAO,GAAA;CAAA,OACiCA,EAACC,KAAKT;AAAM"}

package/dist/primitives/span/SpanName.js

@@ -1,17 +1,31 @@
+import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
 import { forwardRef } from "@assistant-ui/tap/react-shim";
 import { Primitive } from "@radix-ui/react-primitive";
 import { useAuiState } from "@assistant-ui/store";
 import { jsx } from "react/jsx-runtime";
 //#region src/primitives/span/SpanName.tsx
 const SpanPrimitiveName = forwardRef((props, ref) => {
-	const name = useAuiState((s) => s.span.name);
-	return /* @__PURE__ */ jsx(Primitive.span, {
-		...props,
-		ref,
-		children: props.children ?? name
-	});
+	const $ = c(4);
+	const name = useAuiState(_temp);
+	const t0 = props.children ?? name;
+	let t1;
+	if ($[0] !== props || $[1] !== ref || $[2] !== t0) {
+		t1 = /* @__PURE__ */ jsx(Primitive.span, {
+			...props,
+			ref,
+			children: t0
+		});
+		$[0] = props;
+		$[1] = ref;
+		$[2] = t0;
+		$[3] = t1;
+	} else t1 = $[3];
+	return t1;
 });
 SpanPrimitiveName.displayName = "SpanPrimitive.Name";
+function _temp(s) {
+	return s.span.name;
+}
 //#endregion
 export { SpanPrimitiveName };
 

package/dist/primitives/span/SpanName.js.map

@@ -1 +1 @@
-{"version":3,"file":"SpanName.js","names":[],"sources":["../../../src/primitives/span/SpanName.tsx"],"sourcesContent":["import {\n  type ComponentPropsWithoutRef,\n  type ComponentRef,\n  forwardRef,\n} from \"react\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { useAuiState } from \"@assistant-ui/store\";\n\nexport namespace SpanPrimitiveName {\n  export type Element = ComponentRef<typeof Primitive.span>;\n  export type Props = ComponentPropsWithoutRef<typeof Primitive.span>;\n}\n\nexport const SpanPrimitiveName = forwardRef<\n  SpanPrimitiveName.Element,\n  SpanPrimitiveName.Props\n>((props, ref) => {\n  const name = useAuiState((s) => s.span.name);\n\n  return (\n    <Primitive.span {...props} ref={ref}>\n      {props.children ?? name}\n    </Primitive.span>\n  );\n});\n\nSpanPrimitiveName.displayName = \"SpanPrimitive.Name\";\n"],"mappings":";;;;;AAaA,MAAa,oBAAoB,YAG9B,OAAO,QAAQ;CAChB,MAAM,OAAO,aAAa,MAAM,EAAE,KAAK,IAAI;CAE3C,OACE,oBAAC,UAAU,MAAX;EAAgB,GAAI;EAAY;YAC7B,MAAM,YAAY;CACL,CAAA;AAEpB,CAAC;AAED,kBAAkB,cAAc"}
+{"version":3,"file":"SpanName.js","names":["ComponentPropsWithoutRef","ComponentRef","forwardRef","Primitive","useAuiState","SpanPrimitiveName","Element","span","Props","props","ref","$","_c","name","_temp","t0","children","t1","displayName","s"],"sources":["../../../src/primitives/span/SpanName.tsx"],"sourcesContent":["import {\n  type ComponentPropsWithoutRef,\n  type ComponentRef,\n  forwardRef,\n} from \"react\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { useAuiState } from \"@assistant-ui/store\";\n\nexport namespace SpanPrimitiveName {\n  export type Element = ComponentRef<typeof Primitive.span>;\n  export type Props = ComponentPropsWithoutRef<typeof Primitive.span>;\n}\n\nexport const SpanPrimitiveName = forwardRef<\n  SpanPrimitiveName.Element,\n  SpanPrimitiveName.Props\n>((props, ref) => {\n  const name = useAuiState((s) => s.span.name);\n\n  return (\n    <Primitive.span {...props} ref={ref}>\n      {props.children ?? name}\n    </Primitive.span>\n  );\n});\n\nSpanPrimitiveName.displayName = \"SpanPrimitive.Name\";\n"],"mappings":";;;;;;AAaA,MAAaK,oBAAoBH,YAG/BO,OAAAC,QAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CACA,MAAAC,OAAaT,YAAYU,KAAkB;CAItC,MAAAC,KAAAN,MAAKO,YAALH;CAAsB,IAAAI;CAAA,IAAAN,EAAA,OAAAF,SAAAE,EAAA,OAAAD,OAAAC,EAAA,OAAAI,IAAA;EADzBE,KAAA,oBAAA,UAAA,MAAA;GAAA,GAAoBR;GAAYC;aAC7BK;EACH,CAAA;EAAiBJ,EAAA,KAAAF;EAAAE,EAAA,KAAAD;EAAAC,EAAA,KAAAI;EAAAJ,EAAA,KAAAM;CAAA,OAAAA,KAAAN,EAAA;CAAA,OAFjBM;AAEiB,CAEpB;AAEDZ,kBAAkBa,cAAc;AAV9B,SAAAJ,MAAAK,GAAA;CAAA,OACgCA,EAACZ,KAAKM;AAAK"}

package/dist/primitives/span/SpanRoot.js

@@ -1,25 +1,54 @@
+import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
 import { forwardRef } from "@assistant-ui/tap/react-shim";
 import { Primitive } from "@radix-ui/react-primitive";
 import { useAuiState } from "@assistant-ui/store";
 import { jsx } from "react/jsx-runtime";
 //#region src/primitives/span/SpanRoot.tsx
 const SpanPrimitiveRoot = forwardRef((props, ref) => {
-	const spanId = useAuiState((s) => s.span.id);
-	const status = useAuiState((s) => s.span.status);
-	const type = useAuiState((s) => s.span.type);
-	const depth = useAuiState((s) => s.span.depth);
-	const isCollapsed = useAuiState((s) => s.span.isCollapsed);
-	return /* @__PURE__ */ jsx(Primitive.div, {
-		...props,
-		ref,
-		"data-span-id": spanId,
-		"data-span-status": status,
-		"data-span-type": type,
-		"data-span-depth": depth,
-		"data-collapsed": isCollapsed
-	});
+	const $ = c(8);
+	const spanId = useAuiState(_temp);
+	const status = useAuiState(_temp2);
+	const type = useAuiState(_temp3);
+	const depth = useAuiState(_temp4);
+	const isCollapsed = useAuiState(_temp5);
+	let t0;
+	if ($[0] !== depth || $[1] !== isCollapsed || $[2] !== props || $[3] !== ref || $[4] !== spanId || $[5] !== status || $[6] !== type) {
+		t0 = /* @__PURE__ */ jsx(Primitive.div, {
+			...props,
+			ref,
+			"data-span-id": spanId,
+			"data-span-status": status,
+			"data-span-type": type,
+			"data-span-depth": depth,
+			"data-collapsed": isCollapsed
+		});
+		$[0] = depth;
+		$[1] = isCollapsed;
+		$[2] = props;
+		$[3] = ref;
+		$[4] = spanId;
+		$[5] = status;
+		$[6] = type;
+		$[7] = t0;
+	} else t0 = $[7];
+	return t0;
 });
 SpanPrimitiveRoot.displayName = "SpanPrimitive.Root";
+function _temp(s) {
+	return s.span.id;
+}
+function _temp2(s_0) {
+	return s_0.span.status;
+}
+function _temp3(s_1) {
+	return s_1.span.type;
+}
+function _temp4(s_2) {
+	return s_2.span.depth;
+}
+function _temp5(s_3) {
+	return s_3.span.isCollapsed;
+}
 //#endregion
 export { SpanPrimitiveRoot };
 

package/dist/primitives/span/SpanRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"SpanRoot.js","names":[],"sources":["../../../src/primitives/span/SpanRoot.tsx"],"sourcesContent":["import {\n  type ComponentPropsWithoutRef,\n  type ComponentRef,\n  forwardRef,\n} from \"react\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { useAuiState } from \"@assistant-ui/store\";\n\nexport namespace SpanPrimitiveRoot {\n  export type Element = ComponentRef<typeof Primitive.div>;\n  export type Props = ComponentPropsWithoutRef<typeof Primitive.div>;\n}\n\nexport const SpanPrimitiveRoot = forwardRef<\n  SpanPrimitiveRoot.Element,\n  SpanPrimitiveRoot.Props\n>((props, ref) => {\n  const spanId = useAuiState((s) => s.span.id);\n  const status = useAuiState((s) => s.span.status);\n  const type = useAuiState((s) => s.span.type);\n  const depth = useAuiState((s) => s.span.depth);\n  const isCollapsed = useAuiState((s) => s.span.isCollapsed);\n\n  return (\n    <Primitive.div\n      {...props}\n      ref={ref}\n      data-span-id={spanId}\n      data-span-status={status}\n      data-span-type={type}\n      data-span-depth={depth}\n      data-collapsed={isCollapsed}\n    />\n  );\n});\n\nSpanPrimitiveRoot.displayName = \"SpanPrimitive.Root\";\n"],"mappings":";;;;;AAaA,MAAa,oBAAoB,YAG9B,OAAO,QAAQ;CAChB,MAAM,SAAS,aAAa,MAAM,EAAE,KAAK,EAAE;CAC3C,MAAM,SAAS,aAAa,MAAM,EAAE,KAAK,MAAM;CAC/C,MAAM,OAAO,aAAa,MAAM,EAAE,KAAK,IAAI;CAC3C,MAAM,QAAQ,aAAa,MAAM,EAAE,KAAK,KAAK;CAC7C,MAAM,cAAc,aAAa,MAAM,EAAE,KAAK,WAAW;CAEzD,OACE,oBAAC,UAAU,KAAX;EACE,GAAI;EACC;EACL,gBAAc;EACd,oBAAkB;EAClB,kBAAgB;EAChB,mBAAiB;EACjB,kBAAgB;CACjB,CAAA;AAEL,CAAC;AAED,kBAAkB,cAAc"}
+{"version":3,"file":"SpanRoot.js","names":["ComponentPropsWithoutRef","ComponentRef","forwardRef","Primitive","useAuiState","SpanPrimitiveRoot","Element","div","Props","props","ref","$","_c","spanId","_temp","status","_temp2","type","_temp3","depth","_temp4","isCollapsed","_temp5","t0","displayName","s","span","id","s_0","s_1","s_2","s_3"],"sources":["../../../src/primitives/span/SpanRoot.tsx"],"sourcesContent":["import {\n  type ComponentPropsWithoutRef,\n  type ComponentRef,\n  forwardRef,\n} from \"react\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { useAuiState } from \"@assistant-ui/store\";\n\nexport namespace SpanPrimitiveRoot {\n  export type Element = ComponentRef<typeof Primitive.div>;\n  export type Props = ComponentPropsWithoutRef<typeof Primitive.div>;\n}\n\nexport const SpanPrimitiveRoot = forwardRef<\n  SpanPrimitiveRoot.Element,\n  SpanPrimitiveRoot.Props\n>((props, ref) => {\n  const spanId = useAuiState((s) => s.span.id);\n  const status = useAuiState((s) => s.span.status);\n  const type = useAuiState((s) => s.span.type);\n  const depth = useAuiState((s) => s.span.depth);\n  const isCollapsed = useAuiState((s) => s.span.isCollapsed);\n\n  return (\n    <Primitive.div\n      {...props}\n      ref={ref}\n      data-span-id={spanId}\n      data-span-status={status}\n      data-span-type={type}\n      data-span-depth={depth}\n      data-collapsed={isCollapsed}\n    />\n  );\n});\n\nSpanPrimitiveRoot.displayName = \"SpanPrimitive.Root\";\n"],"mappings":";;;;;;AAaA,MAAaK,oBAAoBH,YAG/BO,OAAAC,QAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CACA,MAAAC,SAAeT,YAAYU,KAAgB;CAC3C,MAAAC,SAAeX,YAAYY,MAAoB;CAC/C,MAAAC,OAAab,YAAYc,MAAkB;CAC3C,MAAAC,QAAcf,YAAYgB,MAAmB;CAC7C,MAAAC,cAAoBjB,YAAYkB,MAAyB;CAAE,IAAAC;CAAA,IAAAZ,EAAA,OAAAQ,SAAAR,EAAA,OAAAU,eAAAV,EAAA,OAAAF,SAAAE,EAAA,OAAAD,OAAAC,EAAA,OAAAE,UAAAF,EAAA,OAAAI,UAAAJ,EAAA,OAAAM,MAAA;EAGzDM,KAAA,oBAAA,UAAA,KAAA;GAAA,GACMd;GACCC;GACSG,gBAAAA;GACIE,oBAAAA;GACFE,kBAAAA;GACCE,mBAAAA;GACDE,kBAAAA;EAAW,CAAA;EAC3BV,EAAA,KAAAQ;EAAAR,EAAA,KAAAU;EAAAV,EAAA,KAAAF;EAAAE,EAAA,KAAAD;EAAAC,EAAA,KAAAE;EAAAF,EAAA,KAAAI;EAAAJ,EAAA,KAAAM;EAAAN,EAAA,KAAAY;CAAA,OAAAA,KAAAZ,EAAA;CAAA,OARFY;AAQE,CAEL;AAEDlB,kBAAkBmB,cAAc;AApB9B,SAAAV,MAAAW,GAAA;CAAA,OACkCA,EAACC,KAAKC;AAAG;AAD3C,SAAAX,OAAAY,KAAA;CAAA,OAEkCH,IAACC,KAAKX;AAAO;AAF/C,SAAAG,OAAAW,KAAA;CAAA,OAGgCJ,IAACC,KAAKT;AAAK;AAH3C,SAAAG,OAAAU,KAAA;CAAA,OAIiCL,IAACC,KAAKP;AAAM;AAJ7C,SAAAG,OAAAS,KAAA;CAAA,OAKuCN,IAACC,KAAKL;AAAY"}

package/dist/primitives/span/SpanStatusIndicator.js

@@ -1,17 +1,30 @@
+import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
 import { forwardRef } from "@assistant-ui/tap/react-shim";
 import { Primitive } from "@radix-ui/react-primitive";
 import { useAuiState } from "@assistant-ui/store";
 import { jsx } from "react/jsx-runtime";
 //#region src/primitives/span/SpanStatusIndicator.tsx
 const SpanPrimitiveStatusIndicator = forwardRef((props, ref) => {
-	const status = useAuiState((s) => s.span.status);
-	return /* @__PURE__ */ jsx(Primitive.span, {
-		...props,
-		ref,
-		"data-span-status": status
-	});
+	const $ = c(4);
+	const status = useAuiState(_temp);
+	let t0;
+	if ($[0] !== props || $[1] !== ref || $[2] !== status) {
+		t0 = /* @__PURE__ */ jsx(Primitive.span, {
+			...props,
+			ref,
+			"data-span-status": status
+		});
+		$[0] = props;
+		$[1] = ref;
+		$[2] = status;
+		$[3] = t0;
+	} else t0 = $[3];
+	return t0;
 });
 SpanPrimitiveStatusIndicator.displayName = "SpanPrimitive.StatusIndicator";
+function _temp(s) {
+	return s.span.status;
+}
 //#endregion
 export { SpanPrimitiveStatusIndicator };
 

package/dist/primitives/span/SpanStatusIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"SpanStatusIndicator.js","names":[],"sources":["../../../src/primitives/span/SpanStatusIndicator.tsx"],"sourcesContent":["import {\n  type ComponentPropsWithoutRef,\n  type ComponentRef,\n  forwardRef,\n} from \"react\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { useAuiState } from \"@assistant-ui/store\";\n\nexport namespace SpanPrimitiveStatusIndicator {\n  export type Element = ComponentRef<typeof Primitive.span>;\n  export type Props = ComponentPropsWithoutRef<typeof Primitive.span>;\n}\n\nexport const SpanPrimitiveStatusIndicator = forwardRef<\n  SpanPrimitiveStatusIndicator.Element,\n  SpanPrimitiveStatusIndicator.Props\n>((props, ref) => {\n  const status = useAuiState((s) => s.span.status);\n\n  return <Primitive.span {...props} ref={ref} data-span-status={status} />;\n});\n\nSpanPrimitiveStatusIndicator.displayName = \"SpanPrimitive.StatusIndicator\";\n"],"mappings":";;;;;AAaA,MAAa,+BAA+B,YAGzC,OAAO,QAAQ;CAChB,MAAM,SAAS,aAAa,MAAM,EAAE,KAAK,MAAM;CAE/C,OAAO,oBAAC,UAAU,MAAX;EAAgB,GAAI;EAAY;EAAK,oBAAkB;CAAS,CAAA;AACzE,CAAC;AAED,6BAA6B,cAAc"}
+{"version":3,"file":"SpanStatusIndicator.js","names":["ComponentPropsWithoutRef","ComponentRef","forwardRef","Primitive","useAuiState","SpanPrimitiveStatusIndicator","Element","span","Props","props","ref","$","_c","status","_temp","t0","displayName","s"],"sources":["../../../src/primitives/span/SpanStatusIndicator.tsx"],"sourcesContent":["import {\n  type ComponentPropsWithoutRef,\n  type ComponentRef,\n  forwardRef,\n} from \"react\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { useAuiState } from \"@assistant-ui/store\";\n\nexport namespace SpanPrimitiveStatusIndicator {\n  export type Element = ComponentRef<typeof Primitive.span>;\n  export type Props = ComponentPropsWithoutRef<typeof Primitive.span>;\n}\n\nexport const SpanPrimitiveStatusIndicator = forwardRef<\n  SpanPrimitiveStatusIndicator.Element,\n  SpanPrimitiveStatusIndicator.Props\n>((props, ref) => {\n  const status = useAuiState((s) => s.span.status);\n\n  return <Primitive.span {...props} ref={ref} data-span-status={status} />;\n});\n\nSpanPrimitiveStatusIndicator.displayName = \"SpanPrimitive.StatusIndicator\";\n"],"mappings":";;;;;;AAaA,MAAaK,+BAA+BH,YAG1CO,OAAAC,QAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CACA,MAAAC,SAAeT,YAAYU,KAAoB;CAAE,IAAAC;CAAA,IAAAJ,EAAA,OAAAF,SAAAE,EAAA,OAAAD,OAAAC,EAAA,OAAAE,QAAA;EAE1CE,KAAA,oBAAA,UAAA,MAAA;GAAA,GAAoBN;GAAYC;GAAuBG,oBAAAA;EAAM,CAAA;EAAIF,EAAA,KAAAF;EAAAE,EAAA,KAAAD;EAAAC,EAAA,KAAAE;EAAAF,EAAA,KAAAI;CAAA,OAAAA,KAAAJ,EAAA;CAAA,OAAjEI;AAAiE,CACzE;AAEDV,6BAA6BW,cAAc;AANzC,SAAAF,MAAAG,GAAA;CAAA,OACkCA,EAACV,KAAKM;AAAO"}

package/dist/primitives/span/SpanTypeBadge.js

@@ -1,18 +1,33 @@
+import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
 import { forwardRef } from "@assistant-ui/tap/react-shim";
 import { Primitive } from "@radix-ui/react-primitive";
 import { useAuiState } from "@assistant-ui/store";
 import { jsx } from "react/jsx-runtime";
 //#region src/primitives/span/SpanTypeBadge.tsx
 const SpanPrimitiveTypeBadge = forwardRef((props, ref) => {
-	const type = useAuiState((s) => s.span.type);
-	return /* @__PURE__ */ jsx(Primitive.span, {
-		...props,
-		ref,
-		"data-span-type": type,
-		children: props.children ?? type
-	});
+	const $ = c(5);
+	const type = useAuiState(_temp);
+	const t0 = props.children ?? type;
+	let t1;
+	if ($[0] !== props || $[1] !== ref || $[2] !== t0 || $[3] !== type) {
+		t1 = /* @__PURE__ */ jsx(Primitive.span, {
+			...props,
+			ref,
+			"data-span-type": type,
+			children: t0
+		});
+		$[0] = props;
+		$[1] = ref;
+		$[2] = t0;
+		$[3] = type;
+		$[4] = t1;
+	} else t1 = $[4];
+	return t1;
 });
 SpanPrimitiveTypeBadge.displayName = "SpanPrimitive.TypeBadge";
+function _temp(s) {
+	return s.span.type;
+}
 //#endregion
 export { SpanPrimitiveTypeBadge };
 

package/dist/primitives/span/SpanTypeBadge.js.map

@@ -1 +1 @@
-{"version":3,"file":"SpanTypeBadge.js","names":[],"sources":["../../../src/primitives/span/SpanTypeBadge.tsx"],"sourcesContent":["import {\n  type ComponentPropsWithoutRef,\n  type ComponentRef,\n  forwardRef,\n} from \"react\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { useAuiState } from \"@assistant-ui/store\";\n\nexport namespace SpanPrimitiveTypeBadge {\n  export type Element = ComponentRef<typeof Primitive.span>;\n  export type Props = ComponentPropsWithoutRef<typeof Primitive.span>;\n}\n\nexport const SpanPrimitiveTypeBadge = forwardRef<\n  SpanPrimitiveTypeBadge.Element,\n  SpanPrimitiveTypeBadge.Props\n>((props, ref) => {\n  const type = useAuiState((s) => s.span.type);\n\n  return (\n    <Primitive.span {...props} ref={ref} data-span-type={type}>\n      {props.children ?? type}\n    </Primitive.span>\n  );\n});\n\nSpanPrimitiveTypeBadge.displayName = \"SpanPrimitive.TypeBadge\";\n"],"mappings":";;;;;AAaA,MAAa,yBAAyB,YAGnC,OAAO,QAAQ;CAChB,MAAM,OAAO,aAAa,MAAM,EAAE,KAAK,IAAI;CAE3C,OACE,oBAAC,UAAU,MAAX;EAAgB,GAAI;EAAY;EAAK,kBAAgB;YAClD,MAAM,YAAY;CACL,CAAA;AAEpB,CAAC;AAED,uBAAuB,cAAc"}
+{"version":3,"file":"SpanTypeBadge.js","names":["ComponentPropsWithoutRef","ComponentRef","forwardRef","Primitive","useAuiState","SpanPrimitiveTypeBadge","Element","span","Props","props","ref","$","_c","type","_temp","t0","children","t1","displayName","s"],"sources":["../../../src/primitives/span/SpanTypeBadge.tsx"],"sourcesContent":["import {\n  type ComponentPropsWithoutRef,\n  type ComponentRef,\n  forwardRef,\n} from \"react\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { useAuiState } from \"@assistant-ui/store\";\n\nexport namespace SpanPrimitiveTypeBadge {\n  export type Element = ComponentRef<typeof Primitive.span>;\n  export type Props = ComponentPropsWithoutRef<typeof Primitive.span>;\n}\n\nexport const SpanPrimitiveTypeBadge = forwardRef<\n  SpanPrimitiveTypeBadge.Element,\n  SpanPrimitiveTypeBadge.Props\n>((props, ref) => {\n  const type = useAuiState((s) => s.span.type);\n\n  return (\n    <Primitive.span {...props} ref={ref} data-span-type={type}>\n      {props.children ?? type}\n    </Primitive.span>\n  );\n});\n\nSpanPrimitiveTypeBadge.displayName = \"SpanPrimitive.TypeBadge\";\n"],"mappings":";;;;;;AAaA,MAAaK,yBAAyBH,YAGpCO,OAAAC,QAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CACA,MAAAC,OAAaT,YAAYU,KAAkB;CAItC,MAAAC,KAAAN,MAAKO,YAALH;CAAsB,IAAAI;CAAA,IAAAN,EAAA,OAAAF,SAAAE,EAAA,OAAAD,OAAAC,EAAA,OAAAI,MAAAJ,EAAA,OAAAE,MAAA;EADzBI,KAAA,oBAAA,UAAA,MAAA;GAAA,GAAoBR;GAAYC;GAAqBG,kBAAAA;aAClDE;EACH,CAAA;EAAiBJ,EAAA,KAAAF;EAAAE,EAAA,KAAAD;EAAAC,EAAA,KAAAI;EAAAJ,EAAA,KAAAE;EAAAF,EAAA,KAAAM;CAAA,OAAAA,KAAAN,EAAA;CAAA,OAFjBM;AAEiB,CAEpB;AAEDZ,uBAAuBa,cAAc;AAVnC,SAAAJ,MAAAK,GAAA;CAAA,OACgCA,EAACZ,KAAKM;AAAK"}

package/dist/primitives/span.js.map

@@ -1 +1 @@
-{"version":3,"file":"span.js","names":[],"sources":["../../src/primitives/span.ts"],"sourcesContent":["export { SpanPrimitiveRoot as Root } from \"./span/SpanRoot\";\nexport { SpanPrimitiveName as Name } from \"./span/SpanName\";\nexport { SpanPrimitiveTypeBadge as TypeBadge } from \"./span/SpanTypeBadge\";\nexport { SpanPrimitiveStatusIndicator as StatusIndicator } from \"./span/SpanStatusIndicator\";\nexport { SpanPrimitiveCollapseToggle as CollapseToggle } from \"./span/SpanCollapseToggle\";\nexport { SpanPrimitiveIndent as Indent } from \"./span/SpanIndent\";\nexport { SpanPrimitiveChildren as Children } from \"./span/SpanChildren\";\n"],"mappings":""}
+{"version":3,"file":"span.js","names":["SpanPrimitiveRoot","Root","SpanPrimitiveName","Name","SpanPrimitiveTypeBadge","TypeBadge","SpanPrimitiveStatusIndicator","StatusIndicator","SpanPrimitiveCollapseToggle","CollapseToggle","SpanPrimitiveIndent","Indent","SpanPrimitiveChildren","Children"],"sources":["../../src/primitives/span.ts"],"sourcesContent":["export { SpanPrimitiveRoot as Root } from \"./span/SpanRoot\";\nexport { SpanPrimitiveName as Name } from \"./span/SpanName\";\nexport { SpanPrimitiveTypeBadge as TypeBadge } from \"./span/SpanTypeBadge\";\nexport { SpanPrimitiveStatusIndicator as StatusIndicator } from \"./span/SpanStatusIndicator\";\nexport { SpanPrimitiveCollapseToggle as CollapseToggle } from \"./span/SpanCollapseToggle\";\nexport { SpanPrimitiveIndent as Indent } from \"./span/SpanIndent\";\nexport { SpanPrimitiveChildren as Children } from \"./span/SpanChildren\";\n"],"mappings":""}

package/dist/resources/SpanResource.d.ts

@@ -11,11 +11,9 @@ type SpanData = {
   endedAt: number | null;
   latencyMs: number | null;
 };
-declare const SpanResource: (props: {
+declare const SpanResource: import("@assistant-ui/tap").Resource<ClientOutput<"span">, [{
   spans: SpanData[];
-}) => import("@assistant-ui/tap").ResourceElement<ClientOutput<"span">, {
-  spans: SpanData[];
-}>;
+}]>;
 //#endregion
 export { SpanData, SpanResource };
 //# sourceMappingURL=SpanResource.d.ts.map

package/dist/resources/SpanResource.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SpanResource.d.ts","names":[],"sources":["../../src/resources/SpanResource.tsx"],"mappings":";;;KAOY,QAAA;EACV,EAAA;EACA,YAAA;EACA,IAAA;EACA,IAAA;EACA,MAAA;EACA,SAAA;EACA,OAAA;EACA,SAAA;AAAA;AAAA,cA0HW,YAAA,GAAY,KAAA;SAGhB,QAAA;AAAA;SAAA,QAAA;AAAA"}
+{"version":3,"file":"SpanResource.d.ts","names":[],"sources":["../../src/resources/SpanResource.tsx"],"mappings":";;;KAOY,QAAA;EACV,EAAA;EACA,YAAA;EACA,IAAA;EACA,IAAA;EACA,MAAA;EACA,SAAA;EACA,OAAA;EACA,SAAA;AAAA;AAAA,cA8LW,YAAA,8BAAY,QAAA,CAAA,YAAA;SA/DhB,QAAQ;AAAA"}

package/dist/resources/SpanResource.js

@@ -1,4 +1,5 @@
-import { useMemo, useState } from "@assistant-ui/tap/react-shim";
+import { c } from "@assistant-ui/tap/react-shim/compiler-runtime";
+import { useState } from "@assistant-ui/tap/react-shim";
 import { useClientLookup } from "@assistant-ui/store";
 import { resource, withKey } from "@assistant-ui/tap";
 //#region src/resources/SpanResource.tsx
@@ -74,7 +75,7 @@ function buildFlatList(allSpans, collapsedIds) {
 	dfs(null);
 	return result;
 }
-const SpanChildResource = resource(function SpanChildResource({ span, timeRange, onToggleCollapse }) {
+const useSpanChildResource = ({ span, timeRange, onToggleCollapse }) => {
 	const state = {
 		...span,
 		children: [],
@@ -89,49 +90,102 @@ const SpanChildResource = resource(function SpanChildResource({ span, timeRange,
 			onToggleCollapse(span.id);
 		}
 	};
-});
-const SpanResource = resource(function SpanResource({ spans }) {
-	const { allSpans, timeRange } = useMemo(() => enrichSpans(spans), [spans]);
-	const [collapsedIds, setCollapsedIds] = useState(() => /* @__PURE__ */ new Set());
-	const visibleSpans = useMemo(() => buildFlatList(allSpans, collapsedIds), [allSpans, collapsedIds]);
-	const toggleCollapse = (spanId) => {
-		setCollapsedIds((prev) => {
-			const next = new Set(prev);
-			if (next.has(spanId)) next.delete(spanId);
-			else next.add(spanId);
-			return next;
-		});
-	};
-	const lookup = useClientLookup(() => visibleSpans.map((span) => withKey(span.id, SpanChildResource({
-		span,
-		timeRange,
-		onToggleCollapse: toggleCollapse
-	}))), [
-		visibleSpans,
-		timeRange,
-		toggleCollapse
-	]);
-	const rootState = {
-		id: "__root__",
-		parentSpanId: null,
-		name: "",
-		type: "root",
-		status: "completed",
-		startedAt: timeRange.min,
-		endedAt: timeRange.max,
-		latencyMs: timeRange.max - timeRange.min,
-		depth: -1,
-		hasChildren: lookup.state.length > 0,
-		isCollapsed: false,
-		children: lookup.state,
-		timeRange
-	};
-	return {
-		getState: () => rootState,
-		child: lookup.get,
-		toggleCollapse: () => {}
-	};
-});
+};
+const SpanChildResource = resource(useSpanChildResource);
+const useSpanResource = (t0) => {
+	const $ = c(19);
+	const { spans } = t0;
+	let t1;
+	if ($[0] !== spans) {
+		t1 = enrichSpans(spans);
+		$[0] = spans;
+		$[1] = t1;
+	} else t1 = $[1];
+	const { allSpans, timeRange } = t1;
+	const [collapsedIds, setCollapsedIds] = useState(_temp);
+	let t2;
+	if ($[2] !== allSpans || $[3] !== collapsedIds) {
+		t2 = buildFlatList(allSpans, collapsedIds);
+		$[2] = allSpans;
+		$[3] = collapsedIds;
+		$[4] = t2;
+	} else t2 = $[4];
+	const visibleSpans = t2;
+	let t3;
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = (spanId) => {
+			setCollapsedIds((prev) => {
+				const next = new Set(prev);
+				if (next.has(spanId)) next.delete(spanId);
+				else next.add(spanId);
+				return next;
+			});
+		};
+		$[5] = t3;
+	} else t3 = $[5];
+	const toggleCollapse = t3;
+	let t4;
+	if ($[6] !== timeRange || $[7] !== visibleSpans) {
+		let t5;
+		if ($[9] !== timeRange) {
+			t5 = (span) => withKey(span.id, SpanChildResource({
+				span,
+				timeRange,
+				onToggleCollapse: toggleCollapse
+			}));
+			$[9] = timeRange;
+			$[10] = t5;
+		} else t5 = $[10];
+		t4 = visibleSpans.map(t5);
+		$[6] = timeRange;
+		$[7] = visibleSpans;
+		$[8] = t4;
+	} else t4 = $[8];
+	const lookup = useClientLookup(t4);
+	const t5 = timeRange.max - timeRange.min;
+	const t6 = lookup.state.length > 0;
+	let t7;
+	if ($[11] !== lookup.state || $[12] !== t5 || $[13] !== t6 || $[14] !== timeRange) {
+		const rootState = {
+			id: "__root__",
+			parentSpanId: null,
+			name: "",
+			type: "root",
+			status: "completed",
+			startedAt: timeRange.min,
+			endedAt: timeRange.max,
+			latencyMs: t5,
+			depth: -1,
+			hasChildren: t6,
+			isCollapsed: false,
+			children: lookup.state,
+			timeRange
+		};
+		t7 = () => rootState;
+		$[11] = lookup.state;
+		$[12] = t5;
+		$[13] = t6;
+		$[14] = timeRange;
+		$[15] = t7;
+	} else t7 = $[15];
+	let t8;
+	if ($[16] !== lookup.get || $[17] !== t7) {
+		t8 = {
+			getState: t7,
+			child: lookup.get,
+			toggleCollapse: _temp2
+		};
+		$[16] = lookup.get;
+		$[17] = t7;
+		$[18] = t8;
+	} else t8 = $[18];
+	return t8;
+};
+const SpanResource = resource(useSpanResource);
+function _temp() {
+	return /* @__PURE__ */ new Set();
+}
+function _temp2() {}
 //#endregion
 export { SpanResource };
 

package/dist/resources/SpanResource.js.map

@@ -1 +1 @@
-{"version":3,"file":"SpanResource.js","names":[],"sources":["../../src/resources/SpanResource.tsx"],"sourcesContent":["import \"../o11y-scope\";\n\nimport { useMemo, useState } from \"react\";\nimport { resource, withKey } from \"@assistant-ui/tap\";\nimport { useClientLookup, type ClientOutput } from \"@assistant-ui/store\";\nimport type { SpanItemState, SpanState } from \"../o11y-scope\";\n\nexport type SpanData = {\n  id: string;\n  parentSpanId: string | null;\n  name: string;\n  type: string;\n  status: \"running\" | \"completed\" | \"failed\" | \"skipped\";\n  startedAt: number;\n  endedAt: number | null;\n  latencyMs: number | null;\n};\n\nfunction calculateDepth(\n  spanId: string,\n  spanMap: Map<string, SpanData>,\n  cache: Map<string, number>,\n): number {\n  const cached = cache.get(spanId);\n  if (cached !== undefined) return cached;\n\n  const span = spanMap.get(spanId);\n  if (!span?.parentSpanId) {\n    cache.set(spanId, 0);\n    return 0;\n  }\n\n  const depth = calculateDepth(span.parentSpanId, spanMap, cache) + 1;\n  cache.set(spanId, depth);\n  return depth;\n}\n\nfunction enrichSpans(rawSpans: SpanData[]): {\n  allSpans: Map<string, SpanItemState>;\n  timeRange: { min: number; max: number };\n} {\n  const spanMap = new Map<string, SpanData>();\n  for (const span of rawSpans) {\n    spanMap.set(span.id, span);\n  }\n\n  const depthCache = new Map<string, number>();\n  const childrenCount = new Map<string, number>();\n  for (const span of rawSpans) {\n    if (span.parentSpanId) {\n      childrenCount.set(\n        span.parentSpanId,\n        (childrenCount.get(span.parentSpanId) ?? 0) + 1,\n      );\n    }\n  }\n\n  const allSpans = new Map<string, SpanItemState>();\n  let min = Infinity;\n  let max = -Infinity;\n\n  for (const span of rawSpans) {\n    const depth = calculateDepth(span.id, spanMap, depthCache);\n    const hasChildren = (childrenCount.get(span.id) ?? 0) > 0;\n    allSpans.set(span.id, { ...span, depth, hasChildren, isCollapsed: false });\n\n    if (span.startedAt < min) min = span.startedAt;\n    const end = span.endedAt ?? Date.now();\n    if (end > max) max = end;\n  }\n\n  if (min === Infinity) min = Date.now();\n  if (max === -Infinity) max = Date.now();\n  if (max === min) max = min + 100;\n\n  return { allSpans, timeRange: { min, max } };\n}\n\nfunction buildFlatList(\n  allSpans: Map<string, SpanItemState>,\n  collapsedIds: Set<string>,\n): SpanItemState[] {\n  const children = new Map<string | null, SpanItemState[]>();\n  for (const span of allSpans.values()) {\n    const parent = span.parentSpanId ?? null;\n    let group = children.get(parent);\n    if (!group) {\n      group = [];\n      children.set(parent, group);\n    }\n    group.push(span);\n  }\n\n  for (const group of children.values()) {\n    group.sort((a, b) => a.startedAt - b.startedAt);\n  }\n\n  const result: SpanItemState[] = [];\n  function dfs(parentId: string | null) {\n    const kids = children.get(parentId);\n    if (!kids) return;\n    for (const span of kids) {\n      result.push({ ...span, isCollapsed: collapsedIds.has(span.id) });\n      if (!collapsedIds.has(span.id)) {\n        dfs(span.id);\n      }\n    }\n  }\n  dfs(null);\n  return result;\n}\n\nconst SpanChildResource = resource(function SpanChildResource({\n  span,\n  timeRange,\n  onToggleCollapse,\n}: {\n  span: SpanItemState;\n  timeRange: { min: number; max: number };\n  onToggleCollapse: (spanId: string) => void;\n}): ClientOutput<\"span\"> {\n  const state: SpanState = {\n    ...span,\n    children: [],\n    timeRange,\n  };\n  return {\n    getState: () => state,\n    child: () => {\n      throw new Error(\"child spans do not have children in flat mode\");\n    },\n    toggleCollapse: () => {\n      onToggleCollapse(span.id);\n    },\n  };\n});\n\nexport const SpanResource = resource(function SpanResource({\n  spans,\n}: {\n  spans: SpanData[];\n}): ClientOutput<\"span\"> {\n  const { allSpans, timeRange } = useMemo(() => enrichSpans(spans), [spans]);\n\n  const [collapsedIds, setCollapsedIds] = useState<Set<string>>(\n    () => new Set(),\n  );\n\n  const visibleSpans = useMemo(\n    () => buildFlatList(allSpans, collapsedIds),\n    [allSpans, collapsedIds],\n  );\n\n  const toggleCollapse = (spanId: string) => {\n    setCollapsedIds((prev) => {\n      const next = new Set(prev);\n      if (next.has(spanId)) {\n        next.delete(spanId);\n      } else {\n        next.add(spanId);\n      }\n      return next;\n    });\n  };\n\n  const lookup = useClientLookup(\n    () =>\n      visibleSpans.map((span) =>\n        withKey(\n          span.id,\n          SpanChildResource({\n            span,\n            timeRange,\n            onToggleCollapse: toggleCollapse,\n          }),\n        ),\n      ),\n    [visibleSpans, timeRange, toggleCollapse],\n  );\n\n  const rootState: SpanState = {\n    id: \"__root__\",\n    parentSpanId: null,\n    name: \"\",\n    type: \"root\",\n    status: \"completed\",\n    startedAt: timeRange.min,\n    endedAt: timeRange.max,\n    latencyMs: timeRange.max - timeRange.min,\n    depth: -1,\n    hasChildren: lookup.state.length > 0,\n    isCollapsed: false,\n    children: lookup.state,\n    timeRange,\n  };\n\n  return {\n    getState: () => rootState,\n    child: lookup.get,\n    toggleCollapse: () => {\n      // Root span collapse is a no-op\n    },\n  };\n});\n"],"mappings":"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"}
+{"version":3,"file":"SpanResource.js","names":["useMemo","useState","resource","withKey","useClientLookup","ClientOutput","SpanItemState","SpanState","SpanData","id","parentSpanId","name","type","status","startedAt","endedAt","latencyMs","calculateDepth","spanId","spanMap","Map","cache","cached","get","undefined","span","set","depth","enrichSpans","rawSpans","allSpans","timeRange","min","max","depthCache","childrenCount","Infinity","hasChildren","isCollapsed","end","Date","now","buildFlatList","collapsedIds","Set","children","values","parent","group","push","sort","a","b","result","dfs","parentId","kids","has","useSpanChildResource","onToggleCollapse","state","getState","child","Error","toggleCollapse","SpanChildResource","useSpanResource","t0","$","_c","spans","t1","setCollapsedIds","_temp","t2","visibleSpans","t3","Symbol","for","prev","next","delete","add","t4","t5","map","lookup","t6","length","t7","rootState","t8","_temp2","SpanResource"],"sources":["../../src/resources/SpanResource.tsx"],"sourcesContent":["import \"../o11y-scope\";\n\nimport { useMemo, useState } from \"react\";\nimport { resource, withKey } from \"@assistant-ui/tap\";\nimport { useClientLookup, type ClientOutput } from \"@assistant-ui/store\";\nimport type { SpanItemState, SpanState } from \"../o11y-scope\";\n\nexport type SpanData = {\n  id: string;\n  parentSpanId: string | null;\n  name: string;\n  type: string;\n  status: \"running\" | \"completed\" | \"failed\" | \"skipped\";\n  startedAt: number;\n  endedAt: number | null;\n  latencyMs: number | null;\n};\n\nfunction calculateDepth(\n  spanId: string,\n  spanMap: Map<string, SpanData>,\n  cache: Map<string, number>,\n): number {\n  const cached = cache.get(spanId);\n  if (cached !== undefined) return cached;\n\n  const span = spanMap.get(spanId);\n  if (!span?.parentSpanId) {\n    cache.set(spanId, 0);\n    return 0;\n  }\n\n  const depth = calculateDepth(span.parentSpanId, spanMap, cache) + 1;\n  cache.set(spanId, depth);\n  return depth;\n}\n\nfunction enrichSpans(rawSpans: SpanData[]): {\n  allSpans: Map<string, SpanItemState>;\n  timeRange: { min: number; max: number };\n} {\n  const spanMap = new Map<string, SpanData>();\n  for (const span of rawSpans) {\n    spanMap.set(span.id, span);\n  }\n\n  const depthCache = new Map<string, number>();\n  const childrenCount = new Map<string, number>();\n  for (const span of rawSpans) {\n    if (span.parentSpanId) {\n      childrenCount.set(\n        span.parentSpanId,\n        (childrenCount.get(span.parentSpanId) ?? 0) + 1,\n      );\n    }\n  }\n\n  const allSpans = new Map<string, SpanItemState>();\n  let min = Infinity;\n  let max = -Infinity;\n\n  for (const span of rawSpans) {\n    const depth = calculateDepth(span.id, spanMap, depthCache);\n    const hasChildren = (childrenCount.get(span.id) ?? 0) > 0;\n    allSpans.set(span.id, { ...span, depth, hasChildren, isCollapsed: false });\n\n    if (span.startedAt < min) min = span.startedAt;\n    const end = span.endedAt ?? Date.now();\n    if (end > max) max = end;\n  }\n\n  if (min === Infinity) min = Date.now();\n  if (max === -Infinity) max = Date.now();\n  if (max === min) max = min + 100;\n\n  return { allSpans, timeRange: { min, max } };\n}\n\nfunction buildFlatList(\n  allSpans: Map<string, SpanItemState>,\n  collapsedIds: Set<string>,\n): SpanItemState[] {\n  const children = new Map<string | null, SpanItemState[]>();\n  for (const span of allSpans.values()) {\n    const parent = span.parentSpanId ?? null;\n    let group = children.get(parent);\n    if (!group) {\n      group = [];\n      children.set(parent, group);\n    }\n    group.push(span);\n  }\n\n  for (const group of children.values()) {\n    group.sort((a, b) => a.startedAt - b.startedAt);\n  }\n\n  const result: SpanItemState[] = [];\n  function dfs(parentId: string | null) {\n    const kids = children.get(parentId);\n    if (!kids) return;\n    for (const span of kids) {\n      result.push({ ...span, isCollapsed: collapsedIds.has(span.id) });\n      if (!collapsedIds.has(span.id)) {\n        dfs(span.id);\n      }\n    }\n  }\n  dfs(null);\n  return result;\n}\n\nconst useSpanChildResource = ({\n  span,\n  timeRange,\n  onToggleCollapse,\n}: {\n  span: SpanItemState;\n  timeRange: { min: number; max: number };\n  onToggleCollapse: (spanId: string) => void;\n}): ClientOutput<\"span\"> => {\n  const state: SpanState = {\n    ...span,\n    children: [],\n    timeRange,\n  };\n  return {\n    getState: () => state,\n    child: () => {\n      throw new Error(\"child spans do not have children in flat mode\");\n    },\n    toggleCollapse: () => {\n      onToggleCollapse(span.id);\n    },\n  };\n};\n\nconst SpanChildResource = resource(useSpanChildResource);\n\nconst useSpanResource = ({\n  spans,\n}: {\n  spans: SpanData[];\n}): ClientOutput<\"span\"> => {\n  const { allSpans, timeRange } = useMemo(() => enrichSpans(spans), [spans]);\n\n  const [collapsedIds, setCollapsedIds] = useState<Set<string>>(\n    () => new Set(),\n  );\n\n  const visibleSpans = useMemo(\n    () => buildFlatList(allSpans, collapsedIds),\n    [allSpans, collapsedIds],\n  );\n\n  const toggleCollapse = (spanId: string) => {\n    setCollapsedIds((prev) => {\n      const next = new Set(prev);\n      if (next.has(spanId)) {\n        next.delete(spanId);\n      } else {\n        next.add(spanId);\n      }\n      return next;\n    });\n  };\n\n  const lookup = useClientLookup(\n    visibleSpans.map((span) =>\n      withKey(\n        span.id,\n        SpanChildResource({\n          span,\n          timeRange,\n          onToggleCollapse: toggleCollapse,\n        }),\n      ),\n    ),\n  );\n\n  const rootState: SpanState = {\n    id: \"__root__\",\n    parentSpanId: null,\n    name: \"\",\n    type: \"root\",\n    status: \"completed\",\n    startedAt: timeRange.min,\n    endedAt: timeRange.max,\n    latencyMs: timeRange.max - timeRange.min,\n    depth: -1,\n    hasChildren: lookup.state.length > 0,\n    isCollapsed: false,\n    children: lookup.state,\n    timeRange,\n  };\n\n  return {\n    getState: () => rootState,\n    child: lookup.get,\n    toggleCollapse: () => {\n      // Root span collapse is a no-op\n    },\n  };\n};\n\nexport const SpanResource = resource(useSpanResource);\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@assistant-ui/react-o11y",
-  "version": "0.0.19",
+  "version": "0.0.22",
   "description": "Observability primitives for @assistant-ui",
   "keywords": [
     "observability",
@@ -29,8 +29,8 @@
   "sideEffects": false,
   "dependencies": {
     "@radix-ui/react-primitive": "^2.1.5",
-    "@assistant-ui/store": "0.2.14",
-    "@assistant-ui/tap": "0.6.1"
+    "@assistant-ui/store": "0.2.17",
+    "@assistant-ui/tap": "0.8.1"
   },
   "peerDependencies": {
     "@types/react": "*",
@@ -44,7 +44,7 @@
   "devDependencies": {
     "@types/react": "^19.2.17",
     "react": "^19.2.7",
-    "@assistant-ui/x-buildutils": "0.0.12"
+    "@assistant-ui/x-buildutils": "0.0.13"
   },
   "publishConfig": {
     "access": "public",

package/src/resources/SpanResource.tsx

@@ -110,7 +110,7 @@ function buildFlatList(
   return result;
 }
 
-const SpanChildResource = resource(function SpanChildResource({
+const useSpanChildResource = ({
   span,
   timeRange,
   onToggleCollapse,
@@ -118,7 +118,7 @@ const SpanChildResource = resource(function SpanChildResource({
   span: SpanItemState;
   timeRange: { min: number; max: number };
   onToggleCollapse: (spanId: string) => void;
-}): ClientOutput<"span"> {
+}): ClientOutput<"span"> => {
   const state: SpanState = {
     ...span,
     children: [],
@@ -133,13 +133,15 @@ const SpanChildResource = resource(function SpanChildResource({
       onToggleCollapse(span.id);
     },
   };
-});
+};
+
+const SpanChildResource = resource(useSpanChildResource);
 
-export const SpanResource = resource(function SpanResource({
+const useSpanResource = ({
   spans,
 }: {
   spans: SpanData[];
-}): ClientOutput<"span"> {
+}): ClientOutput<"span"> => {
   const { allSpans, timeRange } = useMemo(() => enrichSpans(spans), [spans]);
 
   const [collapsedIds, setCollapsedIds] = useState<Set<string>>(
@@ -164,18 +166,16 @@ export const SpanResource = resource(function SpanResource({
   };
 
   const lookup = useClientLookup(
-    () =>
-      visibleSpans.map((span) =>
-        withKey(
-          span.id,
-          SpanChildResource({
-            span,
-            timeRange,
-            onToggleCollapse: toggleCollapse,
-          }),
-        ),
+    visibleSpans.map((span) =>
+      withKey(
+        span.id,
+        SpanChildResource({
+          span,
+          timeRange,
+          onToggleCollapse: toggleCollapse,
+        }),
       ),
-    [visibleSpans, timeRange, toggleCollapse],
+    ),
   );
 
   const rootState: SpanState = {
@@ -201,4 +201,6 @@ export const SpanResource = resource(function SpanResource({
       // Root span collapse is a no-op
     },
   };
-});
+};
+
+export const SpanResource = resource(useSpanResource);