@tangle-network/charts 0.20.2 → 0.20.3

package/dist/react/flow-waterfall.css

@@ -262,7 +262,8 @@
 .fw-root .fw-badge { height: 18px; padding: 0 8px; border-radius: 999px; font-size: 12px; line-height: 16px; font-weight: 600; color: var(--fw-amber); background: color-mix(in oklab, var(--fw-amber) 13%, transparent); border: 1px solid color-mix(in oklab, var(--fw-amber) 28%, transparent); }
 
 /* Handoff elbows: 1.5 px stroke, 6 px radius, a 5 px dot where the handoff leaves its sender. */
-.fw-root .fw-links { position: absolute; top: 0; bottom: 0; left: var(--fw-label-col); right: 0; overflow: hidden; pointer-events: none; z-index: 1; }
+/* Under the rows (which follow it), so end labels and badges always sit above the connectors. */
+.fw-root .fw-links { position: absolute; top: 0; bottom: 0; left: var(--fw-label-col); right: 0; overflow: hidden; pointer-events: none; z-index: 0; }
 .fw-root .fw-link {
   --x: calc(var(--fw-pad) + (var(--s) - var(--fw-v0)) * var(--fw-k) * 1px);
   position: absolute; width: 8px; border: 0 solid var(--line); border-bottom-width: 1.5px; translate: 0 var(--fw-bar-shift);

package/dist/react/index.js

@@ -2663,7 +2663,8 @@ function agentFamilies(agents, open) {
 				detail: members[0].span.detail,
 				meta: {
 					failedAgents: failed,
-					costPartial: known.length < members.length
+					costPartial: known.length < members.length,
+					members: members.map((row) => row.id)
 				}
 			}
 		});
@@ -2780,6 +2781,16 @@ function stepRuns(steps) {
 	}
 	return out;
 }
+/** A row as the view draws it: its drawn copy, or for a member of a folded family, itself in the family's hue. */
+function drawnRow(row, visible) {
+	const drawn = visible.find((item) => item.id === row.id);
+	if (drawn) return drawn;
+	const family = visible.find((item) => (item.span.meta?.members)?.includes(row.id));
+	return family ? {
+		...row,
+		tone: family.tone
+	} : row;
+}
 //#endregion
 //#region src/react/flow-waterfall-icons.tsx
 const svg = (children, label) => /* @__PURE__ */ jsx("svg", {
@@ -4550,7 +4561,7 @@ function FlowWaterfall({ trace, live, startedAt, label = "Trace waterfall", defa
 	const busy = agents.reduce((sum, row) => sum + busyMs(row, limit), 0);
 	const speedup = limit > 0 ? busy / limit : 0;
 	const done = !isLive && !trace.spans.some(spanRunning);
-	const shown = (row) => row && (visible.find((item) => item.id === row.id) ?? row);
+	const shown = (row) => row && drawnRow(row, visible);
 	const cardRow = shown(card ? byId.get(card.target) : void 0);
 	const cardAgent = cardRow && (() => {
 		for (let cursor = cardRow; cursor; cursor = cursor.parentId ? byId.get(cursor.parentId) : void 0) if (cursor.kind === "pipeline") return shown(cursor);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tangle-network/charts",
-  "version": "0.20.2",
+  "version": "0.20.3",
   "description": "Static SVG and HTML figures for benchmarks and operational timing. Draws from producer data and refuses what it cannot draw honestly.",
   "type": "module",
   "license": "MIT",