@assistant-ui/react-o11y 0.0.40 → 0.0.42

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

@@ -1 +1 @@
-{"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"}
+{"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,OAAA,GAAAD,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/SpanTimeline.js.map

@@ -1 +1 @@
-{"version":3,"file":"SpanTimeline.js","names":["ComponentPropsWithoutRef","ComponentRef","CSSProperties","createContext","forwardRef","useContext","useMemo","Primitive","useAuiState","SpanTimelineRange","min","max","TimelineCssProperties","clampPercent","value","Math","normalizeRange","range","paddingEnd","duration","safePaddingEnd","SpanTimelineRangeContext","SpanPrimitiveTimeline","Element","div","Props","timeRange","t0","ref","$","_c","children","props","style","t1","undefined","spanTimeRange","_temp","t2","t3","resolvedRange","rangeMs","t4","mergedStyle","t5","t6","displayName","SpanPrimitiveTimelineBar","now","getSpanTimelineBarVars","startedAt","endedAt","effectiveEnd","leftPercent","rawEndPercent","endPercent","widthPercent","durationMs","contextRange","_temp2","_temp3","_temp4","status","_temp5","type","_temp6","vars","position","insetInlineStart","inlineSize","t7","t8","s","span","s_0","s_1","s_2","s_3"],"sources":["../../../src/primitives/span/SpanTimeline.tsx"],"sourcesContent":["import {\n  type ComponentPropsWithoutRef,\n  type ComponentRef,\n  type CSSProperties,\n  createContext,\n  forwardRef,\n  useContext,\n  useMemo,\n} from \"react\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { useAuiState } from \"@assistant-ui/store\";\n\nexport type SpanTimelineRange = { min: number; max: number };\n\ntype TimelineCssProperties = CSSProperties & {\n  \"--span-timeline-min-ms\"?: number;\n  \"--span-timeline-max-ms\"?: number;\n  \"--span-timeline-range-ms\"?: number;\n  \"--span-timeline-left\"?: string;\n  \"--span-timeline-end\"?: string;\n  \"--span-timeline-width\"?: string;\n  \"--span-timeline-duration-ms\"?: number;\n  \"--span-timeline-min-width\"?: string | number;\n};\n\nconst clampPercent = (value: number) => Math.min(100, Math.max(0, value));\n\nconst normalizeRange = (\n  range: SpanTimelineRange,\n  paddingEnd = 0,\n): SpanTimelineRange => {\n  const duration = Math.max(1, range.max - range.min);\n  const safePaddingEnd = Math.max(0, paddingEnd);\n  return {\n    min: range.min,\n    max: range.max + duration * safePaddingEnd,\n  };\n};\n\nconst SpanTimelineRangeContext = createContext<SpanTimelineRange | null>(null);\n\nexport namespace SpanPrimitiveTimeline {\n  export type Element = ComponentRef<typeof Primitive.div>;\n  export type Props = ComponentPropsWithoutRef<typeof Primitive.div> & {\n    timeRange?: SpanTimelineRange | undefined;\n    paddingEnd?: number | undefined;\n  };\n}\n\nexport const SpanPrimitiveTimeline = forwardRef<\n  SpanPrimitiveTimeline.Element,\n  SpanPrimitiveTimeline.Props\n>(({ timeRange, paddingEnd = 0, style, children, ...props }, ref) => {\n  const spanTimeRange = useAuiState((s) => s.span.timeRange);\n  const resolvedRange = useMemo(\n    () => normalizeRange(timeRange ?? spanTimeRange, paddingEnd),\n    [timeRange, spanTimeRange, paddingEnd],\n  );\n  const rangeMs = Math.max(1, resolvedRange.max - resolvedRange.min);\n\n  const mergedStyle: TimelineCssProperties = {\n    ...style,\n    \"--span-timeline-min-ms\": resolvedRange.min,\n    \"--span-timeline-max-ms\": resolvedRange.max,\n    \"--span-timeline-range-ms\": rangeMs,\n  };\n\n  return (\n    <SpanTimelineRangeContext.Provider value={resolvedRange}>\n      <Primitive.div\n        {...props}\n        ref={ref}\n        style={mergedStyle}\n        data-span-timeline=\"\"\n      >\n        {children}\n      </Primitive.div>\n    </SpanTimelineRangeContext.Provider>\n  );\n});\n\nSpanPrimitiveTimeline.displayName = \"SpanPrimitive.Timeline\";\n\nexport namespace SpanPrimitiveTimelineBar {\n  export type Element = ComponentRef<typeof Primitive.div>;\n  export type Props = ComponentPropsWithoutRef<typeof Primitive.div> & {\n    now?: number | undefined;\n    timeRange?: SpanTimelineRange | undefined;\n  };\n}\n\nexport const getSpanTimelineBarVars = ({\n  startedAt,\n  endedAt,\n  timeRange,\n  now,\n}: {\n  startedAt: number;\n  endedAt: number | null;\n  timeRange: SpanTimelineRange;\n  now?: number | undefined;\n}) => {\n  const rangeMs = Math.max(1, timeRange.max - timeRange.min);\n  const effectiveEnd = endedAt ?? now ?? timeRange.max;\n  const leftPercent = clampPercent(\n    ((startedAt - timeRange.min) / rangeMs) * 100,\n  );\n  const rawEndPercent = ((effectiveEnd - timeRange.min) / rangeMs) * 100;\n  const endPercent = clampPercent(Math.max(leftPercent, rawEndPercent));\n  const widthPercent = endPercent - leftPercent;\n  const durationMs = Math.max(0, effectiveEnd - startedAt);\n\n  return {\n    leftPercent,\n    endPercent,\n    widthPercent,\n    durationMs,\n    effectiveEnd,\n  };\n};\n\nexport const SpanPrimitiveTimelineBar = forwardRef<\n  SpanPrimitiveTimelineBar.Element,\n  SpanPrimitiveTimelineBar.Props\n>(({ now, timeRange, style, ...props }, ref) => {\n  const contextRange = useContext(SpanTimelineRangeContext);\n  const spanTimeRange = useAuiState((s) => s.span.timeRange);\n  const startedAt = useAuiState((s) => s.span.startedAt);\n  const endedAt = useAuiState((s) => s.span.endedAt);\n  const status = useAuiState((s) => s.span.status);\n  const type = useAuiState((s) => s.span.type);\n\n  const vars = getSpanTimelineBarVars({\n    startedAt,\n    endedAt,\n    timeRange: timeRange ?? contextRange ?? spanTimeRange,\n    now,\n  });\n\n  const mergedStyle: TimelineCssProperties = {\n    ...style,\n    position: \"absolute\",\n    insetInlineStart: \"var(--span-timeline-left)\",\n    inlineSize:\n      \"max(var(--span-timeline-width), var(--span-timeline-min-width, 0px))\",\n    \"--span-timeline-left\": `${vars.leftPercent}%`,\n    \"--span-timeline-end\": `${vars.endPercent}%`,\n    \"--span-timeline-width\": `${vars.widthPercent}%`,\n    \"--span-timeline-duration-ms\": vars.durationMs,\n  };\n\n  return (\n    <Primitive.div\n      {...props}\n      ref={ref}\n      style={mergedStyle}\n      data-span-status={status}\n      data-span-type={type}\n      data-span-running={endedAt === null ? \"\" : undefined}\n    />\n  );\n});\n\nSpanPrimitiveTimelineBar.displayName = \"SpanPrimitive.TimelineBar\";\n"],"mappings":"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"}
+{"version":3,"file":"SpanTimeline.js","names":["ComponentPropsWithoutRef","ComponentRef","CSSProperties","createContext","forwardRef","useContext","useMemo","Primitive","useAuiState","SpanTimelineRange","min","max","TimelineCssProperties","clampPercent","value","Math","normalizeRange","range","paddingEnd","duration","safePaddingEnd","SpanTimelineRangeContext","SpanPrimitiveTimeline","Element","div","Props","timeRange","t0","ref","$","_c","children","props","style","t1","undefined","spanTimeRange","_temp","t2","t3","resolvedRange","rangeMs","t4","mergedStyle","t5","t6","displayName","SpanPrimitiveTimelineBar","now","getSpanTimelineBarVars","startedAt","endedAt","effectiveEnd","leftPercent","rawEndPercent","endPercent","widthPercent","durationMs","contextRange","_temp2","_temp3","_temp4","status","_temp5","type","_temp6","vars","position","insetInlineStart","inlineSize","t7","t8","s","span","s_0","s_1","s_2","s_3"],"sources":["../../../src/primitives/span/SpanTimeline.tsx"],"sourcesContent":["import {\n  type ComponentPropsWithoutRef,\n  type ComponentRef,\n  type CSSProperties,\n  createContext,\n  forwardRef,\n  useContext,\n  useMemo,\n} from \"react\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { useAuiState } from \"@assistant-ui/store\";\n\nexport type SpanTimelineRange = { min: number; max: number };\n\ntype TimelineCssProperties = CSSProperties & {\n  \"--span-timeline-min-ms\"?: number;\n  \"--span-timeline-max-ms\"?: number;\n  \"--span-timeline-range-ms\"?: number;\n  \"--span-timeline-left\"?: string;\n  \"--span-timeline-end\"?: string;\n  \"--span-timeline-width\"?: string;\n  \"--span-timeline-duration-ms\"?: number;\n  \"--span-timeline-min-width\"?: string | number;\n};\n\nconst clampPercent = (value: number) => Math.min(100, Math.max(0, value));\n\nconst normalizeRange = (\n  range: SpanTimelineRange,\n  paddingEnd = 0,\n): SpanTimelineRange => {\n  const duration = Math.max(1, range.max - range.min);\n  const safePaddingEnd = Math.max(0, paddingEnd);\n  return {\n    min: range.min,\n    max: range.max + duration * safePaddingEnd,\n  };\n};\n\nconst SpanTimelineRangeContext = createContext<SpanTimelineRange | null>(null);\n\nexport namespace SpanPrimitiveTimeline {\n  export type Element = ComponentRef<typeof Primitive.div>;\n  export type Props = ComponentPropsWithoutRef<typeof Primitive.div> & {\n    timeRange?: SpanTimelineRange | undefined;\n    paddingEnd?: number | undefined;\n  };\n}\n\nexport const SpanPrimitiveTimeline = forwardRef<\n  SpanPrimitiveTimeline.Element,\n  SpanPrimitiveTimeline.Props\n>(({ timeRange, paddingEnd = 0, style, children, ...props }, ref) => {\n  const spanTimeRange = useAuiState((s) => s.span.timeRange);\n  const resolvedRange = useMemo(\n    () => normalizeRange(timeRange ?? spanTimeRange, paddingEnd),\n    [timeRange, spanTimeRange, paddingEnd],\n  );\n  const rangeMs = Math.max(1, resolvedRange.max - resolvedRange.min);\n\n  const mergedStyle: TimelineCssProperties = {\n    ...style,\n    \"--span-timeline-min-ms\": resolvedRange.min,\n    \"--span-timeline-max-ms\": resolvedRange.max,\n    \"--span-timeline-range-ms\": rangeMs,\n  };\n\n  return (\n    <SpanTimelineRangeContext.Provider value={resolvedRange}>\n      <Primitive.div\n        {...props}\n        ref={ref}\n        style={mergedStyle}\n        data-span-timeline=\"\"\n      >\n        {children}\n      </Primitive.div>\n    </SpanTimelineRangeContext.Provider>\n  );\n});\n\nSpanPrimitiveTimeline.displayName = \"SpanPrimitive.Timeline\";\n\nexport namespace SpanPrimitiveTimelineBar {\n  export type Element = ComponentRef<typeof Primitive.div>;\n  export type Props = ComponentPropsWithoutRef<typeof Primitive.div> & {\n    now?: number | undefined;\n    timeRange?: SpanTimelineRange | undefined;\n  };\n}\n\nexport const getSpanTimelineBarVars = ({\n  startedAt,\n  endedAt,\n  timeRange,\n  now,\n}: {\n  startedAt: number;\n  endedAt: number | null;\n  timeRange: SpanTimelineRange;\n  now?: number | undefined;\n}) => {\n  const rangeMs = Math.max(1, timeRange.max - timeRange.min);\n  const effectiveEnd = endedAt ?? now ?? timeRange.max;\n  const leftPercent = clampPercent(\n    ((startedAt - timeRange.min) / rangeMs) * 100,\n  );\n  const rawEndPercent = ((effectiveEnd - timeRange.min) / rangeMs) * 100;\n  const endPercent = clampPercent(Math.max(leftPercent, rawEndPercent));\n  const widthPercent = endPercent - leftPercent;\n  const durationMs = Math.max(0, effectiveEnd - startedAt);\n\n  return {\n    leftPercent,\n    endPercent,\n    widthPercent,\n    durationMs,\n    effectiveEnd,\n  };\n};\n\nexport const SpanPrimitiveTimelineBar = forwardRef<\n  SpanPrimitiveTimelineBar.Element,\n  SpanPrimitiveTimelineBar.Props\n>(({ now, timeRange, style, ...props }, ref) => {\n  const contextRange = useContext(SpanTimelineRangeContext);\n  const spanTimeRange = useAuiState((s) => s.span.timeRange);\n  const startedAt = useAuiState((s) => s.span.startedAt);\n  const endedAt = useAuiState((s) => s.span.endedAt);\n  const status = useAuiState((s) => s.span.status);\n  const type = useAuiState((s) => s.span.type);\n\n  const vars = getSpanTimelineBarVars({\n    startedAt,\n    endedAt,\n    timeRange: timeRange ?? contextRange ?? spanTimeRange,\n    now,\n  });\n\n  const mergedStyle: TimelineCssProperties = {\n    ...style,\n    position: \"absolute\",\n    insetInlineStart: \"var(--span-timeline-left)\",\n    inlineSize:\n      \"max(var(--span-timeline-width), var(--span-timeline-min-width, 0px))\",\n    \"--span-timeline-left\": `${vars.leftPercent}%`,\n    \"--span-timeline-end\": `${vars.endPercent}%`,\n    \"--span-timeline-width\": `${vars.widthPercent}%`,\n    \"--span-timeline-duration-ms\": vars.durationMs,\n  };\n\n  return (\n    <Primitive.div\n      {...props}\n      ref={ref}\n      style={mergedStyle}\n      data-span-status={status}\n      data-span-type={type}\n      data-span-running={endedAt === null ? \"\" : undefined}\n    />\n  );\n});\n\nSpanPrimitiveTimelineBar.displayName = \"SpanPrimitive.TimelineBar\";\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"SpanResource.d.ts","names":[],"sources":["../../src/resources/SpanResource.tsx"],"mappings":";;;KAOY;EACV;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;cA6PW,0CAAY,SAAA;EAlEhB,OAAA"}
+{"version":3,"file":"SpanResource.d.ts","names":[],"sources":["../../src/resources/SpanResource.tsx"],"mappings":";;;KAOY;EACV;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;cAqQW,0CAAY,SAAA;EAlEhB,OAAA"}

package/dist/resources/SpanResource.js

@@ -98,18 +98,21 @@ function buildFlatList(allSpans, parents, collapsedIds) {
 	}
 	for (const group of children.values()) group.sort((a, b) => a.startedAt - b.startedAt);
 	const result = [];
-	function dfs(parentId) {
-		const kids = children.get(parentId);
-		if (!kids) return;
-		for (const span of kids) {
-			result.push({
-				...span,
-				isCollapsed: collapsedIds.has(span.id)
-			});
-			if (!collapsedIds.has(span.id)) dfs(span.id);
+	const stack = [];
+	const roots = children.get(null) ?? [];
+	for (let index = roots.length - 1; index >= 0; index--) stack.push(roots[index]);
+	while (stack.length > 0) {
+		const span = stack.pop();
+		const isCollapsed = collapsedIds.has(span.id);
+		result.push({
+			...span,
+			isCollapsed
+		});
+		if (!isCollapsed) {
+			const kids = children.get(span.id) ?? [];
+			for (let index = kids.length - 1; index >= 0; index--) stack.push(kids[index]);
 		}
 	}
-	dfs(null);
 	return result;
 }
 const useSpanChildResource = ({ span, timeRange, onToggleCollapse }) => {

package/dist/resources/SpanResource.js.map

@@ -1 +1 @@
-{"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","parents","Map","cache","cached","get","undefined","path","current","depth","currentDepth","push","index","length","set","normalizeSpanParents","spanMap","span","values","has","resolved","Set","keys","pathIds","add","enrichSpans","rawSpans","allSpans","timeRange","min","max","depthCache","childrenCount","Infinity","hasChildren","isCollapsed","end","Date","now","buildFlatList","collapsedIds","children","parent","group","sort","a","b","result","dfs","parentId","kids","useSpanChildResource","onToggleCollapse","state","getState","child","Error","toggleCollapse","SpanChildResource","useSpanResource","t0","$","_c","spans","t1","setCollapsedIds","_temp","t2","visibleSpans","t3","Symbol","for","prev","next","delete","t4","t5","map","lookup","t6","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  parents: Map<string, string | null>,\n  cache: Map<string, number>,\n): number {\n  const cached = cache.get(spanId);\n  if (cached !== undefined) return cached;\n\n  const path: string[] = [];\n  let current: string | null = spanId;\n  let depth = -1;\n\n  while (current !== null) {\n    const currentDepth = cache.get(current);\n    if (currentDepth !== undefined) {\n      depth = currentDepth;\n      break;\n    }\n\n    path.push(current);\n    current = parents.get(current) ?? null;\n  }\n\n  for (let index = path.length - 1; index >= 0; index--) {\n    depth += 1;\n    cache.set(path[index]!, depth);\n  }\n\n  return depth;\n}\n\nfunction normalizeSpanParents(\n  spanMap: Map<string, SpanData>,\n): Map<string, string | null> {\n  const parents = new Map<string, string | null>();\n  for (const span of spanMap.values()) {\n    parents.set(\n      span.id,\n      span.parentSpanId && spanMap.has(span.parentSpanId)\n        ? span.parentSpanId\n        : null,\n    );\n  }\n\n  const resolved = new Set<string>();\n  for (const spanId of spanMap.keys()) {\n    if (resolved.has(spanId)) continue;\n\n    const path: string[] = [];\n    const pathIds = new Set<string>();\n    let current: string | null = spanId;\n\n    while (current !== null && !resolved.has(current)) {\n      if (pathIds.has(current)) {\n        parents.set(current, null);\n        break;\n      }\n\n      path.push(current);\n      pathIds.add(current);\n      current = parents.get(current) ?? null;\n    }\n\n    for (const id of path) resolved.add(id);\n  }\n\n  return parents;\n}\n\nfunction enrichSpans(rawSpans: SpanData[]): {\n  allSpans: Map<string, SpanItemState>;\n  parents: Map<string, string | null>;\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 parents = normalizeSpanParents(spanMap);\n  const depthCache = new Map<string, number>();\n  const childrenCount = new Map<string, number>();\n  for (const span of rawSpans) {\n    const parentSpanId = parents.get(span.id);\n    if (parentSpanId) {\n      childrenCount.set(\n        parentSpanId,\n        (childrenCount.get(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, parents, depthCache);\n    const hasChildren = (childrenCount.get(span.id) ?? 0) > 0;\n    allSpans.set(span.id, {\n      ...span,\n      parentSpanId: parents.get(span.id) ?? null,\n      depth,\n      hasChildren,\n      isCollapsed: false,\n    });\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, parents, timeRange: { min, max } };\n}\n\nfunction buildFlatList(\n  allSpans: Map<string, SpanItemState>,\n  parents: Map<string, string | null>,\n  collapsedIds: Set<string>,\n): SpanItemState[] {\n  const children = new Map<string | null, SpanItemState[]>();\n  for (const span of allSpans.values()) {\n    const parent = parents.get(span.id) ?? 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, parents, timeRange } = useMemo(\n    () => enrichSpans(spans),\n    [spans],\n  );\n\n  const [collapsedIds, setCollapsedIds] = useState<Set<string>>(\n    () => new Set(),\n  );\n\n  const visibleSpans = useMemo(\n    () => buildFlatList(allSpans, parents, collapsedIds),\n    [allSpans, parents, 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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"}
+{"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","parents","Map","cache","cached","get","undefined","path","current","depth","currentDepth","push","index","length","set","normalizeSpanParents","spanMap","span","values","has","resolved","Set","keys","pathIds","add","enrichSpans","rawSpans","allSpans","timeRange","min","max","depthCache","childrenCount","Infinity","hasChildren","isCollapsed","end","Date","now","buildFlatList","collapsedIds","children","parent","group","sort","a","b","result","stack","roots","pop","kids","useSpanChildResource","onToggleCollapse","state","getState","child","Error","toggleCollapse","SpanChildResource","useSpanResource","t0","$","_c","spans","t1","setCollapsedIds","_temp","t2","visibleSpans","t3","Symbol","for","prev","next","delete","t4","t5","map","lookup","t6","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  parents: Map<string, string | null>,\n  cache: Map<string, number>,\n): number {\n  const cached = cache.get(spanId);\n  if (cached !== undefined) return cached;\n\n  const path: string[] = [];\n  let current: string | null = spanId;\n  let depth = -1;\n\n  while (current !== null) {\n    const currentDepth = cache.get(current);\n    if (currentDepth !== undefined) {\n      depth = currentDepth;\n      break;\n    }\n\n    path.push(current);\n    current = parents.get(current) ?? null;\n  }\n\n  for (let index = path.length - 1; index >= 0; index--) {\n    depth += 1;\n    cache.set(path[index]!, depth);\n  }\n\n  return depth;\n}\n\nfunction normalizeSpanParents(\n  spanMap: Map<string, SpanData>,\n): Map<string, string | null> {\n  const parents = new Map<string, string | null>();\n  for (const span of spanMap.values()) {\n    parents.set(\n      span.id,\n      span.parentSpanId && spanMap.has(span.parentSpanId)\n        ? span.parentSpanId\n        : null,\n    );\n  }\n\n  const resolved = new Set<string>();\n  for (const spanId of spanMap.keys()) {\n    if (resolved.has(spanId)) continue;\n\n    const path: string[] = [];\n    const pathIds = new Set<string>();\n    let current: string | null = spanId;\n\n    while (current !== null && !resolved.has(current)) {\n      if (pathIds.has(current)) {\n        parents.set(current, null);\n        break;\n      }\n\n      path.push(current);\n      pathIds.add(current);\n      current = parents.get(current) ?? null;\n    }\n\n    for (const id of path) resolved.add(id);\n  }\n\n  return parents;\n}\n\nfunction enrichSpans(rawSpans: SpanData[]): {\n  allSpans: Map<string, SpanItemState>;\n  parents: Map<string, string | null>;\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 parents = normalizeSpanParents(spanMap);\n  const depthCache = new Map<string, number>();\n  const childrenCount = new Map<string, number>();\n  for (const span of rawSpans) {\n    const parentSpanId = parents.get(span.id);\n    if (parentSpanId) {\n      childrenCount.set(\n        parentSpanId,\n        (childrenCount.get(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, parents, depthCache);\n    const hasChildren = (childrenCount.get(span.id) ?? 0) > 0;\n    allSpans.set(span.id, {\n      ...span,\n      parentSpanId: parents.get(span.id) ?? null,\n      depth,\n      hasChildren,\n      isCollapsed: false,\n    });\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, parents, timeRange: { min, max } };\n}\n\nfunction buildFlatList(\n  allSpans: Map<string, SpanItemState>,\n  parents: Map<string, string | null>,\n  collapsedIds: Set<string>,\n): SpanItemState[] {\n  const children = new Map<string | null, SpanItemState[]>();\n  for (const span of allSpans.values()) {\n    const parent = parents.get(span.id) ?? 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  const stack: SpanItemState[] = [];\n  const roots = children.get(null) ?? [];\n  for (let index = roots.length - 1; index >= 0; index--) {\n    stack.push(roots[index]!);\n  }\n\n  while (stack.length > 0) {\n    const span = stack.pop()!;\n    const isCollapsed = collapsedIds.has(span.id);\n    result.push({ ...span, isCollapsed });\n\n    if (!isCollapsed) {\n      const kids = children.get(span.id) ?? [];\n      for (let index = kids.length - 1; index >= 0; index--) {\n        stack.push(kids[index]!);\n      }\n    }\n  }\n\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, parents, timeRange } = useMemo(\n    () => enrichSpans(spans),\n    [spans],\n  );\n\n  const [collapsedIds, setCollapsedIds] = useState<Set<string>>(\n    () => new Set(),\n  );\n\n  const visibleSpans = useMemo(\n    () => buildFlatList(allSpans, parents, collapsedIds),\n    [allSpans, parents, 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.40",
+  "version": "0.0.42",
   "description": "Observability primitives for @assistant-ui",
   "keywords": [
     "observability",
@@ -28,9 +28,9 @@
   ],
   "sideEffects": false,
   "dependencies": {
-    "@radix-ui/react-primitive": "^2.1.10",
-    "@assistant-ui/store": "0.3.10",
-    "@assistant-ui/tap": "0.9.13"
+    "@assistant-ui/store": "0.3.11",
+    "@assistant-ui/tap": "0.9.15",
+    "@radix-ui/react-primitive": "^2.1.10"
   },
   "peerDependencies": {
     "@types/react": "*",
@@ -42,12 +42,12 @@
     }
   },
   "devDependencies": {
+    "@assistant-ui/x-buildutils": "0.0.24",
     "@types/react": "^19.2.18",
-    "@types/react-dom": "^19.2.4",
+    "@types/react-dom": "^19.2.5",
     "react": "^19.2.8",
     "react-dom": "^19.2.8",
-    "vitest": "^4.1.10",
-    "@assistant-ui/x-buildutils": "0.0.23"
+    "vitest": "^4.1.11"
   },
   "publishConfig": {
     "access": "public",

package/src/resources/SpanResource.test.tsx

@@ -4,14 +4,18 @@ import { AuiProvider, useAui } from "@assistant-ui/store";
 import * as SpanPrimitive from "../primitives/span";
 import { SpanResource, type SpanData } from "./SpanResource";
 
-const createSpan = (id: string, parentSpanId: string | null): SpanData => ({
+const createSpan = (
+  id: string,
+  parentSpanId: string | null,
+  startedAt = 0,
+): SpanData => ({
   id,
   parentSpanId,
   name: id,
   type: "test",
   status: "completed",
-  startedAt: 0,
-  endedAt: 1,
+  startedAt,
+  endedAt: startedAt + 1,
   latencyMs: 1,
 });
 
@@ -103,4 +107,30 @@ describe("SpanResource", () => {
       'data-span-id="orphan" data-parent-span-id="root" data-span-depth="0"',
     );
   });
+
+  it("preserves depth-first start-time ordering", () => {
+    const html = renderSpans([
+      createSpan("root", null),
+      createSpan("later", "root", 2),
+      createSpan("earlier", "root", 1),
+      createSpan("nested", "earlier", 3),
+    ]);
+
+    const spanIds = [...html.matchAll(/data-span-id="([^"]+)"/g)].map(
+      (match) => match[1],
+    );
+    expect(spanIds).toEqual(["root", "earlier", "nested", "later"]);
+  });
+
+  it("renders deeply nested parent chains without overflowing the stack", () => {
+    const spans = Array.from({ length: 20_000 }, (_, index) =>
+      createSpan(`span-${index}`, index === 0 ? null : `span-${index - 1}`),
+    );
+
+    const html = renderSpans(spans);
+
+    expect(html).toContain(
+      'data-span-id="span-19999" data-parent-span-id="span-19998" data-span-depth="19999"',
+    );
+  });
 });

package/src/resources/SpanResource.tsx

@@ -156,17 +156,25 @@ function buildFlatList(
   }
 
   const result: SpanItemState[] = [];
-  function dfs(parentId: string | null) {
-    const kids = children.get(parentId);
-    if (!kids) return;
-    for (const span of kids) {
-      result.push({ ...span, isCollapsed: collapsedIds.has(span.id) });
-      if (!collapsedIds.has(span.id)) {
-        dfs(span.id);
+  const stack: SpanItemState[] = [];
+  const roots = children.get(null) ?? [];
+  for (let index = roots.length - 1; index >= 0; index--) {
+    stack.push(roots[index]!);
+  }
+
+  while (stack.length > 0) {
+    const span = stack.pop()!;
+    const isCollapsed = collapsedIds.has(span.id);
+    result.push({ ...span, isCollapsed });
+
+    if (!isCollapsed) {
+      const kids = children.get(span.id) ?? [];
+      for (let index = kids.length - 1; index >= 0; index--) {
+        stack.push(kids[index]!);
       }
     }
   }
-  dfs(null);
+
   return result;
 }