@dxos/react-ui-trace 0.11.1 → 0.13.0

package/dist/types/src/components/Gantt/Gantt.stories.d.ts

@@ -1,16 +1,39 @@
 import { type StoryObj } from '@storybook/react-vite';
 import React from 'react';
-import { type GanttData, type GanttLane, type GanttMarker } from './Gantt.tsx';
-type StoryArgs = GanttData & {
+import { type GanttData, type GanttGroup, type GanttLane, type GanttMarker } from './Gantt.tsx';
+type EventStreamOptions = {
+    /** How often an event arrives, in milliseconds. The stream is static without it. */
+    interval?: number;
+    /** The supervisor lane: what spawns the first children, and what they report back to. */
+    laneId: string;
+    /** How far each arrival advances the clock — the axis reads the instant, `interval` is real time. */
+    step: number;
+    /** The supervisor opens another child every so many arrivals. */
+    spawnEvery?: number;
+    /** How many events of its own a lane runs before it is finished, inclusive. */
+    childEvents?: readonly [number, number];
+    /** Percent chance a direct child delegates rather than works; halved at each level below it. */
+    nestedChance?: number;
+    /**
+     * How many lanes may be opened at each depth, deepest last. This is what makes the run finite: the
+     * budget is spent, everything in flight reports back, and the chart comes to rest — a demo that
+     * grows for as long as it is left open never shows what finishing looks like.
+     */
+    maxSpawns?: readonly number[];
+};
+type StoryArgs = GanttData & Partial<EventStreamOptions> & {
     /** Render the drawing alone, as a host that already lists the lanes does. */
     chartOnly?: boolean;
+    /** Show the data the chart was drawn from beneath it. */
+    inspect?: boolean;
 };
-declare const DefaultStory: (props: StoryArgs) => React.JSX.Element;
+declare const DefaultStory: ({ chartOnly, inspect, interval, laneId, step, spawnEvery, childEvents, nestedChance, maxSpawns, ...data }: StoryArgs) => React.JSX.Element;
 declare const meta: {
     title: string;
     render: typeof DefaultStory;
     decorators: import("@storybook/react").Decorator[];
     args: {
+        groups: GanttGroup[];
         lanes: GanttLane[];
         markers: GanttMarker[];
         now: number;
@@ -18,6 +41,7 @@ declare const meta: {
             start: number;
             end: number;
         };
+        inspect: true;
         onLaneSelect: (lane: GanttLane) => void;
         onMarkerSelect: (marker: GanttMarker) => void;
     };
@@ -26,5 +50,51 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
 export declare const ChartOnly: Story;
+/** The time axis under a stream: every arrival widens the range, so the whole history shifts left. */
 export declare const Live: Story;
+/** The same run on the fitted axis, for contrast with {@link Live}: gaps argue for space by duration. */
+export declare const TimeAxis: Story;
+/** The primitives alone: one lane, one event a second, each opening out of the one before it. */
+export declare const SingleLane: Story;
+/**
+ * The supervisor fans out: every third arrival opens another child, and a child may delegate again
+ * rather than work — less likely the deeper it already is. Each lane runs a handful of events,
+ * reports back into a node of its own, and waits on anything it opened before it does.
+ *
+ * The run finishes: `maxSpawns` bounds how many lanes each depth may open, so the branches unwind
+ * from the leaves up, the supervisor closes its own span, and the chart comes to rest.
+ */
+export declare const Delegation: Story;
+/** One band, one lane, six events. */
+export declare const OneLane: Story;
+/** One band, four lanes over different spans — one worked twice, one still open. */
+export declare const ManyLanes: Story;
+/** A chart wider than its viewport opens scrolled to its newest events, not to the start of the history. */
+export declare const TestOpensAtNewest: Story;
+/** Beside the legend column the chart takes the remaining width, rather than collapsing to nothing. */
+export declare const TestChartFillsRow: Story;
+/**
+ * The legend's toggle switches its column between the lanes' titles and their stats, and hovering a
+ * title shows the stats it is not showing.
+ *
+ * 1. Hover the first lane's title: its card shows the lane's token count.
+ * 2. Press the legend toggle: the column shows stats instead of titles.
+ * 3. Press it again: the titles are back.
+ */
+export declare const TestLegendStats: Story;
+/** In a host taller than its lanes the chart fills it, so the horizontal scroll bar is at the host's foot. */
+export declare const TestScrollerAtFoot: Story;
+/**
+ * The drawing is one keyboard stop that walks its nodes.
+ *
+ * 1. Click the first node of the second lane: the chart takes focus and that node is current.
+ * 2. ArrowRight: the next node along the same lane.
+ * 3. ArrowDown: the nearest node on the lane below.
+ * 4. Space opens the current node's card; Space again closes it.
+ */
+export declare const TestKeyboardNodes: Story;
+/** One band whose lanes branch off one another: `parentId` indents, `openedFrom` and `closedInto` connect. */
+export declare const Branching: Story;
+/** Four bands: two nested under the first, one unrelated. */
+export declare const ManyGroups: Story;
 //# sourceMappingURL=Gantt.stories.d.ts.map

package/dist/types/src/components/Gantt/Gantt.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Gantt.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Gantt/Gantt.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAA8C,MAAM,OAAO,CAAC;AAMnE,OAAO,EAAS,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,KAAK,WAAW,EAAE,MAAM,aAAa,CAAC;AAuJtF,KAAK,SAAS,GAAG,SAAS,GAAG;IAC3B,6EAA6E;IAC7E,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAUF,QAAA,MAAM,YAAY,UAAW,SAAS,sBAKrC,CAAC;AAkCF,QAAA,MAAM,IAAI;;;;;;;;;YAQG,KAAK;YAAM,GAAG;;6BACF,SAAS;iCACL,WAAW;;CAEH,CAAC;eAEvB,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAElB,CAAC"}
+{"version":3,"file":"Gantt.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Gantt/Gantt.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAA8C,MAAM,OAAO,CAAC;AAOnE,OAAO,EAAS,KAAK,SAAS,EAAE,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,KAAK,WAAW,EAAE,MAAM,aAAa,CAAC;AAqYvG,KAAK,kBAAkB,GAAG;IACxB,oFAAoF;IACpF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,yFAAyF;IACzF,MAAM,EAAE,MAAM,CAAC;IACf,qGAAqG;IACrG,IAAI,EAAE,MAAM,CAAC;IACb,iEAAiE;IACjE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+EAA+E;IAC/E,WAAW,CAAC,EAAE,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACxC,gGAAgG;IAChG,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;OAIG;IACH,SAAS,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;CAC/B,CAAC;AAsQF,KAAK,SAAS,GAAG,SAAS,GACxB,OAAO,CAAC,kBAAkB,CAAC,GAAG;IAC5B,6EAA6E;IAC7E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,yDAAyD;IACzD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAKJ,QAAA,MAAM,YAAY,8GAWf,SAAS,sBAyCX,CAAC;AAEF,QAAA,MAAM,IAAI;;;;;;;;;;YASG,KAAK;YAAM,GAAG;;;6BAEF,SAAS;iCACL,WAAW;;CAEH,CAAC;eAEvB,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAC;AAEF,sGAAsG;AACtG,eAAO,MAAM,IAAI,EAAE,KAKlB,CAAC;AAEF,yGAAyG;AACzG,eAAO,MAAM,QAAQ,EAAE,KAItB,CAAC;AAEF,iGAAiG;AACjG,eAAO,MAAM,UAAU,EAAE,KAcxB,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,UAAU,EAAE,KAUxB,CAAC;AAMF,sCAAsC;AACtC,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC;AAEF,oFAAoF;AACpF,eAAO,MAAM,SAAS,EAAE,KASvB,CAAC;AAEF,4GAA4G;AAC5G,eAAO,MAAM,iBAAiB,EAAE,KAuB/B,CAAC;AAEF,uGAAuG;AACvG,eAAO,MAAM,iBAAiB,EAAE,KAe/B,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,eAAe,EAAE,KAoC7B,CAAC;AAEF,8GAA8G;AAC9G,eAAO,MAAM,kBAAkB,EAAE,KAqChC,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAyC/B,CAAC;AAEF,8GAA8G;AAC9G,eAAO,MAAM,SAAS,EAAE,KASvB,CAAC;AAEF,6DAA6D;AAC7D,eAAO,MAAM,UAAU,EAAE,KASxB,CAAC"}

package/dist/types/src/components/Gantt/gantt-rows.d.ts

@@ -0,0 +1,26 @@
+import { type GanttGroup, type GanttLane } from './Gantt.tsx';
+export type Row = {
+    lane: GanttLane;
+    depth: number;
+    index: number;
+    groupId: string | undefined;
+};
+/** A group's rows, contiguous — which is what lets one rectangle enclose them. */
+export type Band = {
+    group: GanttGroup;
+    first: number;
+    last: number;
+};
+/**
+ * Rows in reading order: the ungrouped lanes, then each group's band, a nested group's band directly
+ * after its parent's. Within a band the lanes come in the order given, each nested under its
+ * `parentId`.
+ *
+ * A band is contiguous by construction, which is the whole reason the order is settled here rather
+ * than left to the caller: one rectangle can only enclose a run of adjacent rows.
+ */
+export declare const orderRows: (groups: readonly GanttGroup[], lanes: readonly GanttLane[]) => {
+    rows: Row[];
+    bands: Band[];
+};
+//# sourceMappingURL=gantt-rows.d.ts.map

package/dist/types/src/components/Gantt/gantt-rows.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gantt-rows.d.ts","sourceRoot":"","sources":["../../../../../src/components/Gantt/gantt-rows.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,MAAM,aAAa,CAAC;AAE9D,MAAM,MAAM,GAAG,GAAG;IAChB,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;CAC7B,CAAC;AAEF,kFAAkF;AAClF,MAAM,MAAM,IAAI,GAAG;IACjB,KAAK,EAAE,UAAU,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,SAAS,WACZ,SAAS,UAAU,EAAE,SACtB,SAAS,SAAS,EAAE,KAC1B;IAAE,IAAI,EAAE,GAAG,EAAE,CAAC;IAAC,KAAK,EAAE,IAAI,EAAE,CAAA;CAoC9B,CAAC"}

package/dist/types/src/components/Gantt/gantt-rows.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=gantt-rows.test.d.ts.map

package/dist/types/src/components/Gantt/gantt-rows.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gantt-rows.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/Gantt/gantt-rows.test.ts"],"names":[],"mappings":""}

package/dist/types/src/components/Gantt/gantt-scale.d.ts

@@ -0,0 +1,57 @@
+/**
+ * What the horizontal axis measures.
+ * - `time` — real duration, fitted to the width available: an idle gap is as wide as it was long.
+ * - `unit` — one fixed step per event: a burst and a lull read alike, and the drawing grows to the
+ *   right instead of compressing, so an event already placed never moves again. That is what makes a
+ *   live chart watchable — on a fitted axis every arrival shifts the whole history left.
+ */
+export type GanttAxis = 'time' | 'unit';
+/** A labelled gridline, positioned in the same pixels as `GanttScale.at`. */
+export type GanttTick = {
+    at: number;
+    label: string;
+};
+/** The mapping every part of the drawing shares: an instant to a horizontal offset in pixels. */
+export type GanttScale = {
+    at: (time: number) => number;
+    /** The drawing's width: the time axis takes what it is given, the unit axis states its own. */
+    width: number;
+    /** The labelled gridlines, as many as fit — the label's own width decides, so the scale owns this. */
+    ticks: GanttTick[];
+};
+/**
+ * Elapsed time since the start of the axis. The span picks the form for every tick alike, so a
+ * run's labels read as one unit: `0.2s` below a second's step, `45s` below a minute, `1:05` below an
+ * hour, `1:02:05` beyond.
+ */
+export declare const formatElapsed: (elapsed: number, { span, step }: {
+    span: number;
+    step: number;
+}) => string;
+export type TimeScaleOptions = {
+    range: {
+        start: number;
+        end: number;
+    };
+    /** The width the range is fitted into. */
+    width: number;
+    /** Clearance at each end, so a bar's cap and the first tick's label stay inside the drawing. */
+    pad: number;
+};
+/** Duration against width, labelled with the time elapsed since the start of the range. */
+export declare const timeScale: ({ range, width, pad }: TimeScaleOptions) => GanttScale;
+export type UnitScaleOptions = {
+    /** Every event's instant; order and duplicates do not matter. */
+    times: readonly number[];
+    /** Pixels per event — the axis's one unit. */
+    step: number;
+    /** Clearance at each end, which also keeps the newest node off the edge. */
+    pad: number;
+};
+/**
+ * One step per event, in the order they happened. Ordinals are global rather than per lane: a
+ * delegation drops from a parent's node to its child's first node, and only a shared ordering keeps
+ * those two at the same offset.
+ */
+export declare const unitScale: ({ times, step, pad }: UnitScaleOptions) => GanttScale;
+//# sourceMappingURL=gantt-scale.d.ts.map

package/dist/types/src/components/Gantt/gantt-scale.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gantt-scale.d.ts","sourceRoot":"","sources":["../../../../../src/components/Gantt/gantt-scale.ts"],"names":[],"mappings":"AAIA;;;;;;GAMG;AACH,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;AAExC,6EAA6E;AAC7E,MAAM,MAAM,SAAS,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAEtD,iGAAiG;AACjG,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IAC7B,+FAA+F;IAC/F,KAAK,EAAE,MAAM,CAAC;IACd,sGAAsG;IACtG,KAAK,EAAE,SAAS,EAAE,CAAC;CACpB,CAAC;AAcF;;;;GAIG;AACH,eAAO,MAAM,aAAa,YAAa,MAAM,kBAAkB;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,KAAG,MAY/F,CAAC;AAKF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;IACtC,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,gGAAgG;IAChG,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,2FAA2F;AAC3F,eAAO,MAAM,SAAS,0BAA2B,gBAAgB,KAAG,UAanE,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,iEAAiE;IACjE,KAAK,EAAE,SAAS,MAAM,EAAE,CAAC;IACzB,8CAA8C;IAC9C,IAAI,EAAE,MAAM,CAAC;IACb,4EAA4E;IAC5E,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,SAAS,yBAA0B,gBAAgB,KAAG,UA6ClE,CAAC"}

package/dist/types/src/components/Gantt/gantt-scale.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=gantt-scale.test.d.ts.map

package/dist/types/src/components/Gantt/gantt-scale.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gantt-scale.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/Gantt/gantt-scale.test.ts"],"names":[],"mappings":""}

package/dist/types/src/components/Gantt/index.d.ts

@@ -1,2 +1,4 @@
 export * from './Gantt.tsx';
+export * from './gantt-rows.ts';
+export * from './gantt-scale.ts';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/Gantt/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Gantt/index.ts"],"names":[],"mappings":"AAIA,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Gantt/index.ts"],"names":[],"mappings":"AAIA,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC"}

package/dist/types/src/components/Gantt/useEnter.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Which of `ids` arrived since the last frame.
+ *
+ * A caller draws an entering element at the place it came from — the event before it, the node that
+ * spawned its lane — and the next frame draws it where it belongs, leaving a CSS transition to carry
+ * it the rest of the way. That is all the bookkeeping an enter animation needs: everything else in
+ * the drawing animates from its own previous value, which the browser already has.
+ *
+ * Nothing present on mount ever counts as entering — a chart that animates its whole history open on
+ * first paint is noise, since the reader was not there to see it arrive.
+ */
+export declare const useEnter: (ids: readonly string[]) => ((id: string) => boolean);
+//# sourceMappingURL=useEnter.d.ts.map

package/dist/types/src/components/Gantt/useEnter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEnter.d.ts","sourceRoot":"","sources":["../../../../../src/components/Gantt/useEnter.ts"],"names":[],"mappings":"AAMA;;;;;;;;;;GAUG;AACH,eAAO,MAAM,QAAQ,QAAS,SAAS,MAAM,EAAE,KAAG,CAAC,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAezE,CAAC"}

package/dist/types/src/components/Gantt/useRangeTween.d.ts

@@ -0,0 +1,12 @@
+export type TimeRange = {
+    start: number;
+    end: number;
+};
+/**
+ * The range to draw with: `target`, reached over a short ease rather than in one step, so a
+ * time axis whose bounds move (a new event, `now` advancing) slides every span, node and tick to
+ * its new place together instead of jumping. A new target mid-flight eases on from wherever the
+ * drawing is, so a stream of updates reads as one continuous motion.
+ */
+export declare const useRangeTween: (target: TimeRange, enabled: boolean) => TimeRange;
+//# sourceMappingURL=useRangeTween.d.ts.map

package/dist/types/src/components/Gantt/useRangeTween.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRangeTween.d.ts","sourceRoot":"","sources":["../../../../../src/components/Gantt/useRangeTween.ts"],"names":[],"mappings":"AAMA,MAAM,MAAM,SAAS,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAAC;AAavD;;;;;GAKG;AACH,eAAO,MAAM,aAAa,WAAY,SAAS,WAAW,OAAO,KAAG,SAmCnE,CAAC"}

package/dist/types/src/components/ProcessTree/ProcessTree.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import * as Process from '@dxos/compute/Process';
 export type ProcessTreeProps = {
-    processes: readonly Process.Info[];
+    processes: readonly Process.Process[];
     /**
      * Maximum nesting depth from the root (1 = top-level processes only).
      *
@@ -14,12 +14,12 @@ export type ProcessTreeProps = {
      *
      * Must be referentially stable — `ProcessTree` is memoized on its props.
      */
-    resolveLabel?: (process: Process.Info) => string | undefined;
+    resolveLabel?: (process: Process.Process) => string | undefined;
     /** Pids drawn as selected; the tree is controlled, so a click reports through `onSelectedChange`. */
     selected?: readonly string[];
     /** The selection after a click: the clicked pid alone, or toggled among the others on a meta-click. */
     onSelectedChange?: (selected: string[]) => void;
-    onProcessTerminate?: (process: Process.Info) => void;
+    onProcessTerminate?: (process: Process.Process) => void;
 };
 /**
  * The agent's running processes as a tree, one row per process with its status glyph and metrics

package/dist/types/src/components/ProcessTree/ProcessTree.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProcessTree.d.ts","sourceRoot":"","sources":["../../../../../src/components/ProcessTree/ProcessTree.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAExE,OAAO,KAAK,OAAO,MAAM,uBAAuB,CAAC;AAcjD,MAAM,MAAM,gBAAgB,GAAG;IAE7B,SAAS,EAAE,SAAS,OAAO,CAAC,IAAI,EAAE,CAAC;IACnC;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;OAKG;IACH,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,IAAI,KAAK,MAAM,GAAG,SAAS,CAAC;IAC7D,qGAAqG;IACrG,QAAQ,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC7B,uGAAuG;IACvG,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAChD,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,IAAI,KAAK,IAAI,CAAC;CACtD,CAAC;AAeF;;;;GAIG;AACH,eAAO,MAAM,WAAW;;6GAkFvB,CAAC"}
+{"version":3,"file":"ProcessTree.d.ts","sourceRoot":"","sources":["../../../../../src/components/ProcessTree/ProcessTree.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAExE,OAAO,KAAK,OAAO,MAAM,uBAAuB,CAAC;AAgBjD,MAAM,MAAM,gBAAgB,GAAG;IAE7B,SAAS,EAAE,SAAS,OAAO,CAAC,OAAO,EAAE,CAAC;IACtC;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;OAKG;IACH,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,OAAO,KAAK,MAAM,GAAG,SAAS,CAAC;IAChE,qGAAqG;IACrG,QAAQ,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC7B,uGAAuG;IACvG,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAChD,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,OAAO,KAAK,IAAI,CAAC;CACzD,CAAC;AAeF;;;;GAIG;AACH,eAAO,MAAM,WAAW;;6GAkFvB,CAAC"}

package/dist/types/src/components/ProcessTree/ProcessTree.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProcessTree.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/ProcessTree/ProcessTree.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAUjE,OAAO,EAAE,WAAW,EAAyB,MAAM,mBAAmB,CAAC;AAuDvE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAKC,CAAC;eAEtB,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAKhC,CAAC"}
+{"version":3,"file":"ProcessTree.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/ProcessTree/ProcessTree.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AASjE,OAAO,EAAE,WAAW,EAAyB,MAAM,mBAAmB,CAAC;AAuDvE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAKC,CAAC;eAEtB,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAKhC,CAAC"}

package/dist/types/src/components/Timeline/Timeline.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { LogLevel } from '@dxos/log';
-import { type ThemedClassName } from '@dxos/react-ui';
+import * as Util from '@dxos/react-ui/Util';
 import { type TimelineOptions } from './timeline-options.ts';
 /**
  * Mercurial-style Commit.
@@ -17,7 +17,7 @@ export type Commit = {
     /** DXN link for navigation to referenced objects. */
     link?: string;
 };
-export type TimelineProps = ThemedClassName<{
+export type TimelineProps = Util.ThemedClassName<{
     /** Optional whitelist. */
     branches?: string[];
     /**
@@ -31,6 +31,11 @@ export type TimelineProps = ThemedClassName<{
     compact?: boolean;
     options?: TimelineOptions;
     debug?: boolean;
+    /**
+     * The element the rows are windowed against, which the host owns: a `ScrollArea.Viewport` or a
+     * `ScrollContainer.Viewport`, as `MessageList` binds to. Rows mount once it exists.
+     */
+    scroller: HTMLElement | null;
     onChange?: (props: {
         current?: number;
         commit?: Commit;
@@ -43,6 +48,9 @@ export type TimelineProps = ThemedClassName<{
 }>;
 /**
  * GitGraph-style timeline.
+ *
+ * Rows are windowed by `useWindow`, so rendering costs the viewport rather than the history. The
+ * layout is still computed over the whole history, so a windowed row draws every lane crossing it.
  */
 export declare const Timeline: React.NamedExoticComponent<Omit<TimelineProps, "className"> & {
     classNames?: import("@dxos/ui-types").ClassNameValue;

package/dist/types/src/components/Timeline/Timeline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../../../../src/components/Timeline/Timeline.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAGlE,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AACrC,OAAO,EAAQ,KAAK,eAAe,EAAkD,MAAM,gBAAgB,CAAC;AAQ5G,OAAO,EAAE,KAAK,eAAe,EAAkC,MAAM,uBAAuB,CAAC;AAE7F;;GAEG;AACH,MAAM,MAAM,MAAM,GAAG;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,qDAAqD;IACrD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAWF,MAAM,MAAM,aAAa,GAAG,eAAe,CAAC;IAC1C,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAClE;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CACjD,CAAC,CAAC;AAEH;;GAEG;AAEH,eAAO,MAAM,QAAQ;;6GAoTpB,CAAC"}
+{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../../../../src/components/Timeline/Timeline.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAkE,MAAM,OAAO,CAAC;AAGvF,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAKrC,OAAO,KAAK,IAAI,MAAM,qBAAqB,CAAC;AAM5C,OAAO,EAAE,KAAK,eAAe,EAAkC,MAAM,uBAAuB,CAAC;AAE7F;;GAEG;AACH,MAAM,MAAM,MAAM,GAAG;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,qDAAqD;IACrD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAWF,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,eAAe,CAAC;IAC/C,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAClE;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CACjD,CAAC,CAAC;AAEH;;;;;GAKG;AACH,eAAO,MAAM,QAAQ;;6GA4LpB,CAAC"}

package/dist/types/src/components/Timeline/Timeline.stories.d.ts

@@ -1,12 +1,9 @@
 import { type StoryObj } from '@storybook/react-vite';
 import React from 'react';
 import { TimelineProps } from './Timeline.tsx';
-declare const DefaultStory: (props: TimelineProps) => React.JSX.Element;
+declare const DefaultStory: (props: Omit<TimelineProps, 'scroller'>) => React.JSX.Element;
 declare const meta: {
     title: string;
-    component: React.NamedExoticComponent<Omit<TimelineProps, "className"> & {
-        classNames?: import("@dxos/ui-types").ClassNameValue;
-    } & Pick<React.HTMLAttributes<Element>, "children" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
     render: typeof DefaultStory;
     decorators: import("@storybook/react").Decorator[];
 };
@@ -20,5 +17,12 @@ export declare const Linear: Story;
 export declare const Empty: Story;
 export declare const Random: Story;
 export declare const Compact: Story;
+export declare const Large: Story;
+/**
+ * Windowing must not cost the graph: a row deep in the history still draws every lane crossing it,
+ * because the spans it reads are computed over the whole history, not over the mounted rows.
+ */
+export declare const Branching: Story;
+export declare const Keyboard: Story;
 export declare const Streaming: Story;
 //# sourceMappingURL=Timeline.stories.d.ts.map

package/dist/types/src/components/Timeline/Timeline.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Timeline.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Timeline/Timeline.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAA2B,MAAM,OAAO,CAAC;AAQhD,OAAO,EAAyB,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAuHtE,QAAA,MAAM,YAAY,UAAW,aAAa,sBAQzC,CAAC;AAEF,QAAA,MAAM,IAAI;;;;;;;CAKuB,CAAC;eAEnB,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAgBrB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAUpB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KA4BvB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAenB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAUpB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAAU,CAAC;AAE/B,eAAO,MAAM,MAAM,EAAE,KAEpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAqEvB,CAAC"}
+{"version":3,"file":"Timeline.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Timeline/Timeline.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAA2B,MAAM,OAAO,CAAC;AAchD,OAAO,EAAyB,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAuHtE,QAAA,MAAM,YAAY,UAAW,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC,sBAU3D,CAAC;AAEF,QAAA,MAAM,IAAI;;;;CAI2B,CAAC;eAEvB,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAgBrB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAUpB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KA4BvB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAenB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAUpB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAAU,CAAC;AAE/B,eAAO,MAAM,MAAM,EAAE,KAEpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAuBF,eAAO,MAAM,KAAK,EAAE,KAanB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,KAqBvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAetB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAsEvB,CAAC"}

package/dist/types/src/components/Timeline/timeline-layout.d.ts

@@ -0,0 +1,35 @@
+import { type Commit } from './Timeline.tsx';
+/** The row range a branch's line covers, in commit indices. */
+export type TimelineSpan = {
+    start: number;
+    end: number;
+};
+export type TimelineRow = {
+    commit: Commit;
+    /** Index into the commit list the layout was built from; `spans` share these coordinates. */
+    index: number;
+};
+export type TimelineLayout = {
+    /** One row per commit on a whitelisted branch, in commit order. */
+    rows: TimelineRow[];
+    /** Lane per branch; a branch outside the whitelist gets none, and so gets no rows. */
+    branchLane: Map<string, number>;
+    /** Lanes the row graphic has to be wide enough for. */
+    laneCount: number;
+    /** The span each branch's line covers. */
+    spans: Map<string, TimelineSpan>;
+    /** Row index per commit index — the keyboard navigates in commit indices but scrolls rows. */
+    rowByCommitIndex: Map<number, number>;
+    /** Commit index per commit id — a click names a commit, everything else speaks in indices. */
+    commitIndexById: Map<string, number>;
+};
+/**
+ * Lays a commit graph out into rows: which lane each branch draws in, how far each branch's line
+ * runs, and which commits get a row at all.
+ *
+ * Pure and linear in the number of commits: every lookup a commit makes about a parent, and every
+ * lane release, is served from an index built in one pass. Commits are assumed to be in topological
+ * order — a parent always precedes its children.
+ */
+export declare const layoutTimeline: (commits: readonly Commit[], branches: readonly string[]) => TimelineLayout;
+//# sourceMappingURL=timeline-layout.d.ts.map

package/dist/types/src/components/Timeline/timeline-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeline-layout.d.ts","sourceRoot":"","sources":["../../../../../src/components/Timeline/timeline-layout.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAE7C,+DAA+D;AAC/D,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,6FAA6F;IAC7F,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,mEAAmE;IACnE,IAAI,EAAE,WAAW,EAAE,CAAC;IACpB,sFAAsF;IACtF,UAAU,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,uDAAuD;IACvD,SAAS,EAAE,MAAM,CAAC;IAClB,0CAA0C;IAC1C,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;IACjC,8FAA8F;IAC9F,gBAAgB,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACtC,8FAA8F;IAC9F,eAAe,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACtC,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc,YAAa,SAAS,MAAM,EAAE,YAAY,SAAS,MAAM,EAAE,KAAG,cA+GxF,CAAC"}

package/dist/types/src/components/Timeline/timeline-layout.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=timeline-layout.test.d.ts.map

package/dist/types/src/components/Timeline/timeline-layout.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeline-layout.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/Timeline/timeline-layout.test.ts"],"names":[],"mappings":""}

package/dist/types/src/components/TracePanel/SpanTreeView.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import type * as Util from '@dxos/react-ui/Util';
+export type SpanTreeViewProps = Util.ThemedClassName<{
+    spanTree: unknown;
+}>;
+/**
+ * The trace's span tree as read-only JSON.
+ *
+ * CodeMirror puts only the lines in view into the DOM and parses the rest in time-sliced chunks, so
+ * showing a tree stops costing what the tree is worth — a highlighter renders every one of its lines
+ * in one synchronous pass. `TextEditor` rather than `Editor.View`: this pane has no toolbar, so the
+ * compound component's context would only be wiring nothing reads.
+ */
+export declare const SpanTreeView: ({ classNames, spanTree }: SpanTreeViewProps) => React.JSX.Element;
+//# sourceMappingURL=SpanTreeView.d.ts.map

package/dist/types/src/components/TracePanel/SpanTreeView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpanTreeView.d.ts","sourceRoot":"","sources":["../../../../../src/components/TracePanel/SpanTreeView.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAIvC,OAAO,KAAK,KAAK,IAAI,MAAM,qBAAqB,CAAC;AAIjD,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,eAAe,CAAC;IACnD,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC,CAAC;AAEH;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY,6BAA8B,iBAAiB,sBAcvE,CAAC"}

package/dist/types/src/components/TracePanel/TracePanel.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
 import type * as Process from '@dxos/compute/Process';
-import { type ThemedClassName } from '@dxos/react-ui';
+import * as Util from '@dxos/react-ui/Util';
 import { type ExecutionGraph } from '../../execution-graph/index.ts';
 import { type ProcessTreeProps } from '../ProcessTree/index.ts';
 import { type ProcessEnvironment } from './trace-filter.ts';
-export type TracePanelProps = ThemedClassName<Pick<ProcessTreeProps, 'resolveLabel' | 'selected' | 'onSelectedChange' | 'onProcessTerminate'> & {
+export type TracePanelProps = Util.ThemedClassName<Pick<ProcessTreeProps, 'resolveLabel' | 'selected' | 'onSelectedChange' | 'onProcessTerminate'> & {
     /** The live process tree; narrowed here by `environments`. */
-    processes: readonly Process.Info[];
+    processes: readonly Process.Process[];
     /** The trace as a commit graph, built by `useExecutionGraph` (already narrowed to `selected`). */
     graph: ExecutionGraph;
     /** Process environments shown; the toolbar's funnel edits it. */

package/dist/types/src/components/TracePanel/TracePanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TracePanel.d.ts","sourceRoot":"","sources":["../../../../../src/components/TracePanel/TracePanel.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAEhF,OAAO,KAAK,KAAK,OAAO,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAIL,KAAK,eAAe,EAIrB,MAAM,gBAAgB,CAAC;AAKxB,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAErE,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAG7E,OAAO,EAAE,KAAK,kBAAkB,EAAmB,MAAM,mBAAmB,CAAC;AAG7E,MAAM,MAAM,eAAe,GAAG,eAAe,CAC3C,IAAI,CAAC,gBAAgB,EAAE,cAAc,GAAG,UAAU,GAAG,kBAAkB,GAAG,oBAAoB,CAAC,GAAG;IAChG,8DAA8D;IAC9D,SAAS,EAAE,SAAS,OAAO,CAAC,IAAI,EAAE,CAAC;IACnC,kGAAkG;IAClG,KAAK,EAAE,cAAc,CAAC;IACtB,iEAAiE;IACjE,YAAY,EAAE,SAAS,kBAAkB,EAAE,CAAC;IAC5C,oBAAoB,EAAE,CAAC,YAAY,EAAE,kBAAkB,EAAE,KAAK,IAAI,CAAC;IACnE,4DAA4D;IAC5D,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,iGAAiG;IACjG,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,CACF,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,UAAU;;6GAuJtB,CAAC"}
+{"version":3,"file":"TracePanel.d.ts","sourceRoot":"","sources":["../../../../../src/components/TracePanel/TracePanel.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAEhF,OAAO,KAAK,KAAK,OAAO,MAAM,uBAAuB,CAAC;AAOtD,OAAO,KAAK,IAAI,MAAM,qBAAqB,CAAC;AAG5C,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAErE,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAG7E,OAAO,EAAE,KAAK,kBAAkB,EAAmB,MAAM,mBAAmB,CAAC;AAG7E,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,eAAe,CAChD,IAAI,CAAC,gBAAgB,EAAE,cAAc,GAAG,UAAU,GAAG,kBAAkB,GAAG,oBAAoB,CAAC,GAAG;IAChG,8DAA8D;IAC9D,SAAS,EAAE,SAAS,OAAO,CAAC,OAAO,EAAE,CAAC;IACtC,kGAAkG;IAClG,KAAK,EAAE,cAAc,CAAC;IACtB,iEAAiE;IACjE,YAAY,EAAE,SAAS,kBAAkB,EAAE,CAAC;IAC5C,oBAAoB,EAAE,CAAC,YAAY,EAAE,kBAAkB,EAAE,KAAK,IAAI,CAAC;IACnE,4DAA4D;IAC5D,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,iGAAiG;IACjG,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,CACF,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,UAAU;;6GAkKtB,CAAC"}

package/dist/types/src/components/TracePanel/TracePanel.stories.d.ts

@@ -0,0 +1,46 @@
+import { type StoryObj } from '@storybook/react-vite';
+import React from 'react';
+import { type TracePanelProps } from './TracePanel.tsx';
+type StoryProps = Pick<TracePanelProps, 'debug'>;
+/** The story holds what the app's container would: the selection, the environment filter, the graph. */
+declare const DefaultStory: ({ debug }: StoryProps) => React.JSX.Element;
+declare const meta: {
+    title: string;
+    component: typeof DefaultStory;
+    decorators: import("@storybook/react").Decorator[];
+    parameters: {
+        layout: string;
+        translations: [{
+            readonly 'en-US': {
+                readonly "@dxos/react-ui-trace": {
+                    readonly 'no-commits.message': 'No events yet';
+                    readonly 'gantt-axis-time.label': 'Fit to time';
+                    readonly 'gantt-axis-unit.label': 'One step per event';
+                    readonly 'gantt-legend-stats.label': 'Show usage';
+                    readonly 'gantt-legend-title.label': 'Show titles';
+                    readonly 'gantt-chart.label': 'Timeline';
+                    readonly 'trace.label': 'Trace';
+                    readonly 'trace-processes.label': 'Processes';
+                    readonly 'trace-details.label': 'Details';
+                    readonly 'trace-filter.menu': 'Filter processes';
+                    readonly 'trace-clear-selection.label': 'Clear process selection';
+                    readonly 'trace-filter-all.label': 'Show all';
+                    readonly 'trace-filter-none.label': 'Hide all';
+                    readonly 'trace-environment-app.label': 'App';
+                    readonly 'trace-environment-space.label': 'Space';
+                    readonly 'trace-environment-conversation.label': 'Conversation';
+                };
+            };
+        }];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * A captured sub-agent delegation: the supervisor, its tool calls and the spawned sub-agent, as the
+ * process tree and the commit graph. Click a process to narrow the trace to it; ⌘-click adds one.
+ */
+export declare const Default: Story;
+/** The span tree the graph was built from, in place of the timeline. */
+export declare const Debug: Story;
+//# sourceMappingURL=TracePanel.stories.d.ts.map

package/dist/types/src/components/TracePanel/TracePanel.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TracePanel.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/TracePanel/TracePanel.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjE,OAAO,KAA4B,MAAM,OAAO,CAAC;AAYjD,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAqCpE,KAAK,UAAU,GAAG,IAAI,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC;AAEjD,wGAAwG;AACxG,QAAA,MAAM,YAAY,cAAe,UAAU,sBAyB1C,CAAC;AAEF,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKkB,CAAC;eAEd,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC;;;GAGG;AACH,eAAO,MAAM,OAAO,EAAE,KAAoB,CAAC;AAE3C,wEAAwE;AACxE,eAAO,MAAM,KAAK,EAAE,KAEnB,CAAC"}

package/dist/types/src/components/TracePanel/trace-filter.d.ts

@@ -20,8 +20,8 @@ export declare const ALL_PROCESS_ENVIRONMENTS: readonly ProcessEnvironment[];
 export declare const DEFAULT_PROCESS_ENVIRONMENTS: readonly ProcessEnvironment[];
 export declare const environmentIcon: (environment: ProcessEnvironment) => string;
 /** `conversation` outranks `space`, since a conversation always runs inside one. */
-export declare const processEnvironment: (process: Process.Info) => ProcessEnvironment;
-export declare const filterProcesses: (processes: readonly Process.Info[], selected: readonly ProcessEnvironment[]) => readonly Process.Info[];
+export declare const processEnvironment: (process: Process.Process) => ProcessEnvironment;
+export declare const filterProcesses: (processes: readonly Process.Process[], selected: readonly ProcessEnvironment[]) => readonly Process.Process[];
 /** Toggles an environment, preserving the canonical order. */
 export declare const toggleProcessEnvironment: (selected: readonly ProcessEnvironment[], environment: ProcessEnvironment) => ProcessEnvironment[];
 /**
@@ -35,5 +35,10 @@ export declare const parseProcessEnvironments: (selected: readonly string[] | un
  * runs as a child of the process it serves, so its events are that process's work. An empty
  * selection is no filter.
  */
+/**
+ * Narrows the process tree to the selected processes and their descendants, the process-side twin of
+ * {@link filterTraceMessages}: a running child of a picked process is that process's live work.
+ */
+export declare const filterProcessesBySelection: (processes: readonly Process.Process[], selected: readonly string[]) => readonly Process.Process[];
 export declare const filterTraceMessages: (messages: readonly Trace.Message[], selected: readonly string[]) => readonly Trace.Message[];
 //# sourceMappingURL=trace-filter.d.ts.map

package/dist/types/src/components/TracePanel/trace-filter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"trace-filter.d.ts","sourceRoot":"","sources":["../../../../../src/components/TracePanel/trace-filter.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,OAAO,MAAM,uBAAuB,CAAC;AACtD,OAAO,KAAK,KAAK,KAAK,MAAM,qBAAqB,CAAC;AAElD;;;;GAIG;AACH,eAAO,MAAM,kBAAkB;IAC7B,sFAAsF;aACtF,GAAG,EAAE,KAAK;IACV,8DAA8D;aAC9D,KAAK,EAAE,OAAO;IACd,6EAA6E;aAC7E,YAAY,EAAE,cAAc;CACpB,CAAC;AAEX,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,OAAO,kBAAkB,CAAC,CAAC;AAE9F,sGAAsG;AACtG,eAAO,MAAM,wBAAwB,EAAE,SAAS,kBAAkB,EAIjE,CAAC;AAEF,yGAAyG;AACzG,eAAO,MAAM,4BAA4B,EAAE,SAAS,kBAAkB,EAGrE,CAAC;AAQF,eAAO,MAAM,eAAe,gBAAiB,kBAAkB,KAAG,MAAwC,CAAC;AAE3G,oFAAoF;AACpF,eAAO,MAAM,kBAAkB,YAAa,OAAO,CAAC,IAAI,KAAG,kBAQ1D,CAAC;AAEF,eAAO,MAAM,eAAe,cACf,SAAS,OAAO,CAAC,IAAI,EAAE,YACxB,SAAS,kBAAkB,EAAE,KACtC,SAAS,OAAO,CAAC,IAAI,EAOvB,CAAC;AAEF,8DAA8D;AAC9D,eAAO,MAAM,wBAAwB,aACzB,SAAS,kBAAkB,EAAE,eAC1B,kBAAkB,KAC9B,kBAAkB,EAGlB,CAAC;AAEJ;;;;GAIG;AACH,eAAO,MAAM,wBAAwB,aAAc,SAAS,MAAM,EAAE,GAAG,SAAS,KAAG,SAAS,kBAAkB,EAGxB,CAAC;AAEvF;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,aACpB,SAAS,KAAK,CAAC,OAAO,EAAE,YACxB,SAAS,MAAM,EAAE,KAC1B,SAAS,KAAK,CAAC,OAAO,EAyBxB,CAAC"}
+{"version":3,"file":"trace-filter.d.ts","sourceRoot":"","sources":["../../../../../src/components/TracePanel/trace-filter.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,OAAO,MAAM,uBAAuB,CAAC;AACtD,OAAO,KAAK,KAAK,KAAK,MAAM,qBAAqB,CAAC;AAElD;;;;GAIG;AAEH,eAAO,MAAM,kBAAkB;IAC7B,sFAAsF;aACtF,GAAG,EAAE,KAAK;IACV,8DAA8D;aAC9D,KAAK,EAAE,OAAO;IACd,6EAA6E;aAC7E,YAAY,EAAE,cAAc;CACpB,CAAC;AAEX,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,OAAO,kBAAkB,CAAC,CAAC;AAE9F,sGAAsG;AACtG,eAAO,MAAM,wBAAwB,EAAE,SAAS,kBAAkB,EAIjE,CAAC;AAEF,yGAAyG;AACzG,eAAO,MAAM,4BAA4B,EAAE,SAAS,kBAAkB,EAGrE,CAAC;AAQF,eAAO,MAAM,eAAe,gBAAiB,kBAAkB,KAAG,MAAwC,CAAC;AAE3G,oFAAoF;AACpF,eAAO,MAAM,kBAAkB,YAAa,OAAO,CAAC,OAAO,KAAG,kBAQ7D,CAAC;AAEF,eAAO,MAAM,eAAe,cACf,SAAS,OAAO,CAAC,OAAO,EAAE,YAC3B,SAAS,kBAAkB,EAAE,KACtC,SAAS,OAAO,CAAC,OAAO,EAO1B,CAAC;AAEF,8DAA8D;AAC9D,eAAO,MAAM,wBAAwB,aACzB,SAAS,kBAAkB,EAAE,eAC1B,kBAAkB,KAC9B,kBAAkB,EAGlB,CAAC;AAEJ;;;;GAIG;AACH,eAAO,MAAM,wBAAwB,aAAc,SAAS,MAAM,EAAE,GAAG,SAAS,KAAG,SAAS,kBAAkB,EAGxB,CAAC;AAEvF;;;;GAIG;AACH;;;GAGG;AACH,eAAO,MAAM,0BAA0B,cAC1B,SAAS,OAAO,CAAC,OAAO,EAAE,YAC3B,SAAS,MAAM,EAAE,KAC1B,SAAS,OAAO,CAAC,OAAO,EAe1B,CAAC;AAEF,eAAO,MAAM,mBAAmB,aACpB,SAAS,KAAK,CAAC,OAAO,EAAE,YACxB,SAAS,MAAM,EAAE,KAC1B,SAAS,KAAK,CAAC,OAAO,EAyBxB,CAAC"}

package/dist/types/src/components/TracePanel/useTraceMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTraceMenu.d.ts","sourceRoot":"","sources":["../../../../../src/components/TracePanel/useTraceMenu.ts"],"names":[],"mappings":"AAUA,OAAO,EAEL,KAAK,kBAAkB,EAGxB,MAAM,mBAAmB,CAAC;AAE3B,MAAM,MAAM,mBAAmB,GAAG;IAChC,4CAA4C;IAC5C,QAAQ,EAAE,SAAS,kBAAkB,EAAE,CAAC;IACxC,gBAAgB,EAAE,CAAC,YAAY,EAAE,kBAAkB,EAAE,KAAK,IAAI,CAAC;IAC/D,uFAAuF;IACvF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;CAC/B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,sEAKtB,mBAAmB,8CA2DrB,CAAC"}
+{"version":3,"file":"useTraceMenu.d.ts","sourceRoot":"","sources":["../../../../../src/components/TracePanel/useTraceMenu.ts"],"names":[],"mappings":"AASA,OAAO,EAEL,KAAK,kBAAkB,EAGxB,MAAM,mBAAmB,CAAC;AAE3B,MAAM,MAAM,mBAAmB,GAAG;IAChC,4CAA4C;IAC5C,QAAQ,EAAE,SAAS,kBAAkB,EAAE,CAAC;IACxC,gBAAgB,EAAE,CAAC,YAAY,EAAE,kBAAkB,EAAE,KAAK,IAAI,CAAC;IAC/D,uFAAuF;IACvF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;CAC/B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,sEAKtB,mBAAmB,8CA2DrB,CAAC"}

package/dist/types/src/execution-graph/execution-graph.d.ts

@@ -5,7 +5,7 @@ import { type Commit } from '../components/Timeline/index.ts';
 import { type Span } from './span-tree.ts';
 export interface BuildExecutionGraphParams {
     traceMessages: readonly Trace.Message[];
-    activeProcesses?: readonly Process.Info[];
+    activeProcesses?: readonly Process.Process[];
     collapseCompletedSpans?: boolean;
     eventLimit?: number;
     /**

package/dist/types/src/execution-graph/execution-graph.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"execution-graph.d.ts","sourceRoot":"","sources":["../../../../src/execution-graph/execution-graph.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"execution-graph.d.ts","sourceRoot":"","sources":["../../../../src/execution-graph/execution-graph.ts"],"names":[],"mappings":"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"}

package/dist/types/src/hooks/useExecutionGraph.d.ts

@@ -1,4 +1,4 @@
-import * as Atom from 'effect/unstable/reactivity/Atom';
+import * as Atom from 'effect/reactivity/Atom';
 import * as Process from '@dxos/compute/Process';
 import { type Space } from '@dxos/react-client/echo';
 import { type ExecutionGraph } from '../execution-graph/index.ts';
@@ -13,5 +13,5 @@ export type UseExecutionGraphOptions = {
  * `processesAtom` is the host's live process tree (a running agent draws a spinner commit); without
  * it the graph is the durable trace alone.
  */
-export declare const useExecutionGraph: (space: Space, processesAtom: Atom.Atom<readonly Process.Info[]> | undefined, { collapseCompletedSpans, eventLimit, selectedPids }?: UseExecutionGraphOptions) => ExecutionGraph;
+export declare const useExecutionGraph: (space: Space, processesAtom: Atom.Atom<readonly Process.Process[]> | undefined, { collapseCompletedSpans, eventLimit, selectedPids }?: UseExecutionGraphOptions) => ExecutionGraph;
 //# sourceMappingURL=useExecutionGraph.d.ts.map