@tangle-network/sandbox-ui 1.1.8 → 2.0.0

package/README.md

@@ -51,7 +51,7 @@ An app that runs its own Tailwind v4 compile imports the source entry instead, a
 ```
 
 The entry carries Brand's tokens and utility registrations, this package's runtime CSS, and `@source` lines for its own `dist` and the `@tangle-network/ui` peer, so every component utility compiles once, in the app's own layer order.
-Agent apps import `@tangle-network/agent-app/tailwind.css`, which includes this entry.
+Brand defaults live in `theme.brand`, so host refinements in `theme` can override them. Agent apps import `@tangle-network/agent-app/tailwind.css`, which includes this entry.
 
 ### Dashboard page spacing
 

package/dist/{AgentGraph-DxAeQQch.d.ts → AgentGraph-B4uWLXlD.d.ts}

@@ -1,22 +1,9 @@
 import { ReactNode } from "react";
 /**
- * Where every agent of a multi-agent run sits on the `AgentGraph` canvas.
- *
- * Only SPAWN edges shape the layout: they make the run's tree (a manager and
- * the workers it started). Message and delegation edges are drawn over the
- * finished layout and never move a card.
- *
- * A parent that spawned many workers which spawned nobody would, laid out as a
- * plain tree, put all of them in one row: sixteen 200px cards side by side is a
- * 3,000px strip that a 360px pane can only show as specks. Those leaf workers
- * are packed into a grid inside one frame instead, reached by one edge from
- * their parent, and the grid's column count is chosen for the canvas it is
- * shown in ({@link pickAgentLayout}). Workers that spawned workers of their own
- * stay tree nodes, so the depth of the run is still visible.
- *
- * Positions come from ELK's layered algorithm (the optional `elkjs` peer,
- * shared with `WorkflowGraph` through `loadElk`). Without it, a row-per-depth
- * layout keeps the graph drawable.
+ * Stable desktop geometry for AgentGraph. Spawn edges determine the tree and
+ * packed leaf groups; message and delegation edges never move cards.
+ * ELK lays out candidate column counts; a row-per-depth fallback keeps the
+ * graph usable without that optional peer. Narrow containers use Canvas's list.
  */
 type AgentGraphStatus = "running" | "waiting" |
 /** Blocked on a person: drawn amber, named in the header. */
@@ -40,6 +27,10 @@ interface AgentGraphNode {
   activity?: AgentGraphActivity | null;
   /** Live cards: its latest tool calls or events, oldest first; the card shows the last three. */
   events?: readonly AgentGraphEvent[] | null;
+  /** Recorded activity and full-stream median, when the visible event tail is bounded. Epoch milliseconds. */
+  lastActivityAt?: number;
+  /** Median interval between recorded events, in milliseconds. */
+  medianEventGapMs?: number;
   /** Live cards: the reasoning effort it runs at, e.g. "high". */
   effort?: string | null;
   /** Live cards: epoch ms it was spawned, for its time alive. */
@@ -127,6 +118,10 @@ interface AgentGraphProps {
    * agent shrinks to a chip with its `result`, and a new spawn grows in. Cards keep a fixed size, so updates never move one.
    */
   live?: boolean;
+  /** Host tool identity, such as charts' toolGlyph(event.label). Core graphs need no charts dependency. */
+  renderEventIcon?: (event: AgentGraphEvent) => ReactNode;
+  /** Live tree activity; false when a shared workspace already supplies its strip. */
+  showLatestEvents?: boolean;
 }
 declare function AgentGraph(props: AgentGraphProps): import("react").JSX.Element;
 export { AgentGraphTool as a, AgentGraphEdge as c, AgentGraphNode as d, AgentGraphStatus as f, AgentGraphCallKind as i, AgentGraphEdgeKind as l, AgentGraphProps as n, AgentGraphActivity as o, AgentGraphCall as r, AgentGraphDirection as s, AgentGraph as t, AgentGraphEvent as u };