@workerdeck/ui 0.20.0 → 0.22.0

package/build/index.d.mts

@@ -1,5 +1,5 @@
 import { a as formatDuration, c as formatRelativeTime, d as rateLimitWindowSeconds, f as toolInputPreview, i as formatCountdown, l as formatTokens, n as formatBytes, o as formatRateLimitWindow, r as formatCost, s as formatRateLimitWindowLong, t as formatAgoPrecise, u as friendlyModel } from "./format-ljc3lKpA.mjs";
-import { C as permissionModeChoices, S as PermissionModeSelectProps, _ as useAffordances, a as SessionVitals, b as PermissionModeMeta, c as TranscriptDensityProvider, d as TranscriptVariantProvider, f as useTranscriptDensity, g as WithActions, h as TerminalAffordances, i as SessionSurfacePanel, l as TranscriptFont, m as CopyAction, n as SessionPanel, o as TerminalMetrics, p as useTranscriptVariant, r as SessionPanelProps, s as TranscriptDensity, t as SessionControls, u as TranscriptVariant, v as PERMISSION_MODES, w as permissionModeMeta, x as PermissionModeSelect, y as PermissionModeChoice } from "./SessionPanel-CnU_IJ3-.mjs";
+import { C as permissionModeChoices, S as PermissionModeSelectProps, _ as useAffordances, a as SessionVitals, b as PermissionModeMeta, c as TranscriptDensityProvider, d as TranscriptVariantProvider, f as useTranscriptDensity, g as WithActions, h as TerminalAffordances, i as SessionSurfacePanel, l as TranscriptFont, m as CopyAction, n as SessionPanel, o as TerminalMetrics, p as useTranscriptVariant, r as SessionPanelProps, s as TranscriptDensity, t as SessionControls, u as TranscriptVariant, v as PERMISSION_MODES, w as permissionModeMeta, x as PermissionModeSelect, y as PermissionModeChoice } from "./SessionPanel-13l25ubU.mjs";
 import * as _$react from "react";
 import { ButtonHTMLAttributes, FunctionComponent, HTMLAttributes, InputHTMLAttributes, ReactElement, ReactNode, Ref, RefObject, TextareaHTMLAttributes } from "react";
 import { VariantProps } from "class-variance-authority";
@@ -883,17 +883,21 @@ interface TranscriptProps {
   /** Terminal theme only: the pointer affordances a real terminal cannot offer.
    * `false` for none. See {@link TerminalAffordances}. */
   affordances?: TerminalAffordances | boolean;
-  /** Terminal theme only: hold the prompt of the turn being read at the top of
-   * the scroller. The *real* row is pinned, not a copy — see `TranscriptRows`. */
+  /** Hold the prompt of the turn being read at the top of the scroller. Works
+   * in both variants: the terminal clips to one line, cards shows a frosted
+   * bar. The *real* row is pinned, not a copy — see `TranscriptRows`. */
   stickyPrompt?: boolean;
   /**
-   * Terminal theme only: mount the overview-ruler scrubber — a 2ch rail of
-   * marks (your prompts, each turn's response and result as one mark, errors,
-   * the pending approval, the catch-up boundary) that replaces the native
-   * scrollbar. Ignored under `cards`: the rail's positions ride the height
-   * calculator, which has no claim there. With `affordances={false}` the rail
-   * degrades to passive paint — no drag, peek or click — and the native
-   * scrollbar stays. See {@link TerminalScrubber}.
+   * Mount the overview scrubber — a 12px rail of marks (your prompts, each
+   * turn's response and result as one mark, errors, the pending approval, the
+   * catch-up boundary) over the scroller's right edge. Two rails behind one
+   * prop: under `terminal` it is the pixel-exact ruler that replaces the
+   * native scrollbar (positions ride the height calculator; drag scrubs), and
+   * under `cards` it is the **proportional annotation rail** — positioned by
+   * `itemIndex / items.length`, because proportional text gives the
+   * calculator no claim there — where the native scrollbar stays and the rail
+   * only peeks and jumps. With `affordances={false}` either rail degrades to
+   * passive paint — no drag, peek or click.
    */
   scrubber?: boolean;
   /**
@@ -989,6 +993,12 @@ interface TranscriptProps {
    * sessions list instead.
    */
   onOpenSubagent?: (toolUseId: string) => void;
+  /**
+   * Replaces the default empty state when the transcript has no items. Pass a
+   * `ReactNode` to show your product's own onboarding instead of WorkerDeck's
+   * generic "`>_` Tell the agent what to do." placeholder.
+   */
+  emptyState?: ReactNode;
   className?: string;
 }
 declare function Transcript({
@@ -1012,6 +1022,7 @@ declare function Transcript({
   reveal,
   frame,
   onOpenSubagent,
+  emptyState,
   className
 }: TranscriptProps): _$react.JSX.Element;
 //#endregion
@@ -1115,6 +1126,7 @@ declare function TerminalTranscript({
 //#endregion
 //#region src/components/terminal/StatusLine.d.ts
 interface TerminalStatusLineProps {
+  className?: string;
   state: TranscriptState;
   /** Plan windows to read from, when they should not be the session's own — the
    * gateway's per-profile state merged over this transcript's. See
@@ -1130,6 +1142,7 @@ interface TerminalStatusLineProps {
   onOpenUsage?: () => void;
 }
 declare function TerminalStatusLine({
+  className,
   state,
   rateLimits,
   connection,
@@ -1161,11 +1174,13 @@ interface TerminalPermissionPromptProps {
   /** `message` is fed back to the agent, which can then try something else;
    * `interrupt` also stops the turn. */
   onDeny: (requestId: string, message?: string, interrupt?: boolean) => void;
+  className?: string;
 }
 declare function TerminalPermissionPrompt({
   request,
   onApprove,
-  onDeny
+  onDeny,
+  className
 }: TerminalPermissionPromptProps): _$react.JSX.Element;
 //#endregion
 //#region src/components/terminal/QuestionPrompt.d.ts
@@ -1176,11 +1191,13 @@ interface TerminalQuestionPromptProps {
   onAnswer: (requestId: string, updatedInput: Record<string, unknown>) => void;
   /** Deny the tool — the model proceeds without an answer. */
   onDismiss: (requestId: string, message?: string) => void;
+  className?: string;
 }
 declare function TerminalQuestionPrompt({
   request,
   onAnswer,
-  onDismiss
+  onDismiss,
+  className
 }: TerminalQuestionPromptProps): _$react.JSX.Element;
 //#endregion
 //#region src/components/terminal/diff.d.ts
@@ -1641,6 +1658,7 @@ interface ContextDialogProps {
   usage?: ContextUsage;
   open: boolean;
   onOpenChange: (open: boolean) => void;
+  className?: string;
 }
 /**
  * What is in the model's context window right now, category by category.
@@ -1652,7 +1670,8 @@ interface ContextDialogProps {
 declare function ContextDialog({
   usage,
   open,
-  onOpenChange
+  onOpenChange,
+  className
 }: ContextDialogProps): _$react.JSX.Element;
 //#endregion
 //#region src/components/agent/UsageDialog.d.ts
@@ -1678,6 +1697,7 @@ interface UsageDialogProps {
   updatedAt?: number;
   open: boolean;
   onOpenChange: (open: boolean) => void;
+  className?: string;
 }
 /**
  * The session's view of the plan: every window as a meter (see
@@ -1690,7 +1710,8 @@ declare function UsageDialog({
   totalCostUsd,
   updatedAt,
   open,
-  onOpenChange
+  onOpenChange,
+  className
 }: UsageDialogProps): _$react.JSX.Element;
 //#endregion
 //#region src/components/agent/UsageMeters.d.ts
@@ -1768,6 +1789,7 @@ interface McpDialogProps {
    * that 501 are worse than buttons that aren't there.
    */
   canManageServers?: boolean;
+  className?: string;
 }
 /**
  * The session's MCP servers, at the CLI's own `/mcp` depth: servers → one server
@@ -1786,7 +1808,8 @@ declare function McpDialog({
   sessionId,
   open,
   onOpenChange,
-  canManageServers
+  canManageServers,
+  className
 }: McpDialogProps): _$react.JSX.Element;
 //#endregion
 //#region src/components/agent/SkillsDialog.d.ts
@@ -1797,6 +1820,7 @@ interface SkillsDialogProps {
   /** Insert a skill's opening message into the composer, if the host offers
    * that. Omit and the dialog is read-only. */
   onUse?: (skill: SkillInfo) => void;
+  className?: string;
 }
 /**
  * What this session's engine can do beyond its own tools: the skills it found,
@@ -1815,7 +1839,8 @@ declare function SkillsDialog({
   skills,
   open,
   onOpenChange,
-  onUse
+  onUse,
+  className
 }: SkillsDialogProps): _$react.JSX.Element;
 //#endregion
 //#region src/components/agent/HostFilesDialog.d.ts
@@ -1848,12 +1873,14 @@ interface SessionListItemProps {
   active?: boolean;
   onSelect?: (id: string) => void;
   onDelete?: (id: string) => void;
+  className?: string;
 }
 declare function SessionListItem({
   session,
   active,
   onSelect,
-  onDelete
+  onDelete,
+  className
 }: SessionListItemProps): _$react.JSX.Element;
 interface SessionListProps {
   sessions: SessionInfo[];
@@ -1872,6 +1899,37 @@ declare function SessionList({
   className
 }: SessionListProps): _$react.JSX.Element;
 //#endregion
+//#region src/components/agent/SessionStatusIcon.d.ts
+/**
+ * State as one glyph — a ringing bell when it wants a human, a spinner while it
+ * works, a moon when it is only sleeping. Replaces the text badge: in a sidebar
+ * the word costs more room than it earns, and the states that matter are the two
+ * you can recognise without reading.
+ *
+ * **It reads `row.state`, not `info.status`, and that distinction is the whole
+ * point of the row model.** `sessionState` already folds in the arm this glyph
+ * cannot see for itself: a *background* sub-agent outlives its turn by design,
+ * so the turn ends, `status` comes to rest at `idle`, and the agent keeps
+ * working. Reading the raw status drew a **moon on a row filed under the
+ * "Working" header** — the list contradicting itself on one line, which is
+ * exactly what a derived view model exists to prevent. The value was in scope
+ * and unread.
+ *
+ * The terminal statuses still come off `info.status`, because `ended` collapses
+ * `failed` and `closed` into one bucket and those are worth telling apart here.
+ *
+ * It lives in its own file rather than inside the dashboard's browser because
+ * the extension's cards draw it too, and a second copy there is how the two
+ * lists last disagreed about what a parked session looks like.
+ */
+declare function SessionStatusIcon({
+  row,
+  className
+}: {
+  row: SessionRow;
+  className?: string;
+}): _$react.JSX.Element;
+//#endregion
 //#region src/components/agent/SessionBrowser.d.ts
 /**
  * A sessions list with the affordances a list of thirty needs: search, facets,
@@ -1895,6 +1953,13 @@ interface SessionBrowserProps {
    * phone — makes the scope filter genuinely inert rather than empty. */
   scope?: WorkspaceScope;
   activeId?: string;
+  /**
+   * Which sub-agent the host currently has open, by tool-use id — the *finer*
+   * of the two selections. The card holding it drops to the secondary grey and
+   * that step takes the blue; see `SessionItem`. A host with no sub-agent
+   * surface leaves it undefined and nothing changes.
+   */
+  activeSubagentId?: string;
   onSelect?: (row: SessionRow) => void;
   onDelete?: (row: SessionRow) => void;
   /**
@@ -1923,6 +1988,11 @@ interface SessionBrowserProps {
    * transcript to a `Task` row. Absent, the sub-agent list still expands and a
    * step just opens its session — see `SessionRowItemProps`. */
   onSelectSubagent?: (row: SessionRow, toolUseId: string) => void;
+  /** Open a session and travel to one of its **tasks** — see
+   * `SessionItem.onRevealStep`. A task has no agent behind it, so it is a place
+   * to go rather than a thing to open, and framing it as an agent drew an empty
+   * view. */
+  onRevealStep?: (row: SessionRow, toolUseId: string) => void;
   /** Rendered when nothing at all exists (as opposed to nothing matching). */
   emptyState?: React.ReactNode;
   /**
@@ -1971,38 +2041,168 @@ declare function SessionBrowser({
   onConfigChange,
   scope,
   activeId,
+  activeSubagentId,
   onSelect,
   onDelete,
   onRename,
   onClearContext,
   onSelectSubagent,
+  onRevealStep,
   emptyState,
   showControls,
   projectIcons,
   className
 }: SessionBrowserProps): _$react.JSX.Element;
+//#endregion
+//#region src/components/agent/SessionItem.d.ts
 /**
- * State as one glyph — a ringing bell when it wants a human, a spinner while it
- * works, a moon when it is only sleeping. Replaces the text badge: in a sidebar
- * the word costs more room than it earns, and the states that matter are the two
- * you can recognise without reading.
- *
- * **It reads `row.state`, not `info.status`, and that distinction is the whole
- * point of the row model.** `sessionState` already folds in the arm this glyph
- * cannot see for itself: a *background* sub-agent outlives its turn by design, so
- * the turn ends, `status` comes to rest at `idle`, and the agent keeps working.
- * Reading the raw status drew a **moon on a row filed under the "Working"
- * header** — the list contradicting itself on one line, which is exactly what a
- * derived view model exists to prevent. The value was in scope and unread.
- *
- * The terminal statuses still come off `info.status`, because `ended` collapses
- * `failed` and `closed` into one bucket and those are worth telling apart here.
+ * One session in a list — the **card**, and the only drawing of it in the
+ * product.
+ *
+ * The dashboard's `SessionBrowser` and the VS Code sidebar both render this;
+ * before it existed they rendered two hand-kept copies that agreed on the model
+ * and disagreed on every measurement, and the two lists read as two products.
+ * iOS mirrors this file's geometry rather than either copy.
+ *
+ * ## The shape
+ *
+ * A 4px-padded, 4px-rounded card whose whole surface is the hit target, holding
+ * two 20px lines and, when it is open, the work under them.
+ *
+ * **Line one is state and identity**: the status glyph leads, the title takes
+ * the rest, and the line closes with the unread badge and the context ring. The
+ * glyph leads because a sessions list is scanned for *state* first — which of
+ * these is working, which is waiting on me — and the title is what you read once
+ * the glyph has told you which row to read. The two readings that close the line
+ * are the two that change while you are looking at them.
+ *
+ * **Line two is identity and cost**: the engine's mark and its model in the
+ * vendor's own colour, then the project, then everything else the host wants
+ * said, then the age — a `·`-joined run that ends in the one part of it that
+ * keeps moving. The line's right edge belongs to the disclosure (which doubles
+ * as the count of the work below, so the card says how much there is without
+ * being opened) and to the host's own actions.
+ *
+ * **The gutter is one 16px cell, shared by both lines.** The two glyphs are
+ * different sizes and laying them out as plain flex children starts the two
+ * text columns at different x — two pixels, invisible as a measurement and
+ * obvious as a misalignment. Centring inside a fixed cell fixes the text edges
+ * and the ink centres at once. It is the terminal gutter's argument at card
+ * scale.
+ *
+ * ## Selection
+ *
+ * **Selection is the card's own fill**, not a gutter bar: the card is an inset
+ * shape with air around it, so filling it is unambiguous in a way a fill on a
+ * full-bleed row is not, and it leaves the left edge to the state glyph.
+ *
+ * There are **two selections at two grains**, and the card and its steps split
+ * them:
+ *
+ * | what is on screen | card | the step |
+ * | --- | --- | --- |
+ * | nothing | transparent, hovers | transparent, hovers |
+ * | this session | `--row-selected` (blue) | transparent, hovers |
+ * | one of its sub-agents | `--row-selected-weak` (grey) | `--row-selected` (blue) |
+ *
+ * **The blue always marks the finest thing selected.** Opening a sub-agent
+ * selects its session too, so both claims are true at once and the blue can only
+ * carry one; it goes to the agent, and the card steps back to grey — present,
+ * holding what you are looking at, not itself the thing you are looking at.
+ * Reversing that (blue card, blue row inside it) says nothing, which is what a
+ * blue-on-blue card looked like.
+ *
+ * A filled card does **not** also answer hover: the fill is already spent, and a
+ * selected row that lightened under the pointer read as a third state nobody
+ * could name. Its steps still do, on `--row-active`, which is a tint and so
+ * works on all three grounds.
+ *
+ * A **task** never takes the blue. It is a reference to a place inside a
+ * session, so pressing one selects the session and travels to its marker — see
+ * `StepRow`.
  */
-declare function SessionStatusIcon({
-  row
-}: {
+interface SessionItemProps {
   row: SessionRow;
-}): _$react.JSX.Element;
+  /** This session is the one the host is showing. */
+  active?: boolean;
+  /**
+   * Which sub-agent is open, by `Step.key` — the *finer* of the two selections.
+   * When it names one of this card's agents, that step takes the blue and the
+   * card drops to the secondary grey. A key belonging to some other card's
+   * agent, or to a task, changes nothing here.
+   */
+  activeStepKey?: string;
+  /** Shown when the list is not already grouped by gateway. */
+  showGateway?: boolean;
+  /**
+   * False when the list is already grouped by project — the header above has
+   * said the name, so the card must not spend its metadata line repeating it.
+   * What takes the slot is the *sub-path inside the project*
+   * (`projectSubpath`): `packages/ui`, `packages/server` — the one thing the
+   * header cannot say and the only thing that tells two sessions in one repo
+   * apart. A session at the project root has nothing to add and the slot
+   * disappears entirely. Exactly the rule `showGateway` follows one facet over.
+   */
+  showProject?: boolean;
+  /** Resolved project-icon bytes by content hash. A hash this map has not got
+   * yet simply draws no icon. */
+  projectIcons?: Record<string, string>;
+  /** Uncontrolled by default — pass both to drive expansion from the host. */
+  expanded?: boolean;
+  onExpandedChange?: (expanded: boolean) => void;
+  onSelect?: () => void;
+  /** Open the session *at* one of its sub-agents — hand the panel body over to
+   * that agent's own work. Only ever called for an **agent** step. Absent is not
+   * a missing feature: without it a step just opens the session, which is all a
+   * host with no sub-agent surface can offer. */
+  onSelectSubagent?: (toolUseId: string) => void;
+  /**
+   * Open the session and travel to a **task**'s row in the transcript — where
+   * the work was started, and where it finished.
+   *
+   * A separate seam from `onSelectSubagent` because the destinations are
+   * different, and conflating them is not a styling detail: a task has no agent
+   * behind it, so framing its tool-use id selects **no items at all** and the
+   * panel draws an empty agent view. That was the bug. A task is a reference,
+   * and the only honest thing to do with a reference is follow it.
+   */
+  onRevealStep?: (toolUseId: string) => void;
+  /** Enables in-place rename. The trigger is the host's — see `renameOn`. */
+  onRename?: (title: string) => void;
+  /**
+   * How a rename starts. `doubleClick` is the editor feel (a rename is a thing
+   * you do to the word you are looking at); `external` means the host opens it
+   * from its own affordance — a menu entry, a pencil in `actions` — and drives
+   * it through `editing`/`onEditingChange`.
+   */
+  renameOn?: 'doubleClick' | 'external';
+  editing?: boolean;
+  onEditingChange?: (editing: boolean) => void;
+  /** The card's trailing controls, at the end of line two. A single overflow
+   * glyph is what the design draws; a host with three always-on actions can put
+   * them here instead. */
+  actions?: ReactNode;
+  className?: string;
+}
+declare function SessionItem({
+  row,
+  active,
+  activeStepKey,
+  showGateway,
+  showProject,
+  projectIcons,
+  expanded,
+  onExpandedChange,
+  onSelect,
+  onSelectSubagent,
+  onRevealStep,
+  onRename,
+  renameOn,
+  editing,
+  onEditingChange,
+  actions,
+  className
+}: SessionItemProps): _$react.JSX.Element;
 //#endregion
 //#region src/components/agent/EngineIcon.d.ts
 /**
@@ -2064,10 +2264,16 @@ type Step = {
   label: string; /** What one of these is called, for the disclosure's count. */
   noun: string;
   /**
-   * An **agent** has an identity and work of its own, so it is pressable and
-   * wears the sub-agent colour. A **task** is something the model described with
-   * no agent behind it (`isAgentRecord`), so it is inert: there is no frame to
-   * open, and a row that offered one would show an empty screen.
+   * Both kinds press. The kind decides **where the press goes**, which is the
+   * whole of the distinction.
+   *
+   * An **agent** has an identity and work of its own, so it wears the sub-agent
+   * colour and opens that agent's own frame. A **task** is something the model
+   * described with no agent behind it (`isAgentRecord`), so there is no frame:
+   * framing its id selects no items and draws an empty screen. What it has
+   * instead is a *place* — the spawning call's row in the transcript — so it is
+   * muted, never selected, and travels there. See `StepRow` for why an inert
+   * row was the worse answer.
    *
    * Two values and not a boolean because the checklist source this shape was
    * drawn for (see above) produces the second kind natively — a to-do is a task
@@ -2080,7 +2286,26 @@ type Step = {
   title: string;
   onSelect: () => void;
 };
-declare function sessionSteps(info: SessionInfo, onSelectSubagent: (toolUseId: string) => void): Step[];
+/**
+ * The steps under one session, **agents first**.
+ *
+ * The two kinds do different things when pressed and are worth different
+ * amounts of attention: an agent has work of its own to go and read, a task is a
+ * marker in a transcript. Interleaved in dispatch order they read as one
+ * undifferentiated list, and the rows you can actually open are scattered
+ * through it. Grouped, the openable ones are a block at the top and the markers
+ * are a tail you can skip.
+ *
+ * Stable **within** each group, deliberately: dispatch order is the only order
+ * these records have that means anything (it is the order the work was started
+ * in), so the sort partitions and never reorders inside a partition.
+ *
+ * `onSelect` is handed the **kind** as well as the id, because the two kinds go
+ * to different places — see `SessionItem`, which is what routes them. Passing
+ * only the id is what let a task be opened as if it were an agent, and a framed
+ * task id matches no items, so the panel drew an **empty agent view**.
+ */
+declare function sessionSteps(info: SessionInfo, onSelect: (toolUseId: string, kind: Step['kind']) => void): Step[];
 /** How many of these are still going — the live half of the disclosure's count. */
 declare function runningSteps(steps: readonly Step[]): number;
 /**
@@ -2107,23 +2332,54 @@ declare function StepToggle({
   onToggle: () => void;
 }): _$react.JSX.Element;
 /**
- * One step under its session. Pressing an **agent** hands the panel over to that
- * agent's own work — it is not a session and never becomes one, but it does now
- * have a surface (`SessionPanel.openSubagent`). A host that cannot frame one
- * falls back to revealing its `Task` row, which was this row's only meaning
- * before the takeover existed. A **task** is not pressable at all; see
- * {@link Step.kind}.
- *
- * Divided from the row's header and from each other by a rule rather than by
- * indentation: these are a list *inside* the row, and at 11px an indent is not
- * enough to say so. The rule is black at 25% so it darkens whatever the row is
- * filled with, selected or not, without needing a colour per state.
+ * One step under its session — **pressable, all of them**, and what a press
+ * means is what tells the two kinds apart.
+ *
+ * Pressing an **agent** hands the panel over to that agent's own work
+ * (`SessionPanel.openSubagent`): it is not a session and never becomes one, but
+ * it has a surface, so it can be the selected thing. Pressing a **task** selects
+ * the *session* and travels to that task's marker inside it — a task is a
+ * reference to a place in a transcript, not a thing with a screen, so it can be
+ * followed but never held.
+ *
+ * That is a reversal, and a deliberate one. A task used to be inert markup on
+ * the argument that "a disabled-looking button still announces itself as one" —
+ * correct about the markup, wrong about the premise, because there *was* always
+ * somewhere to go and the row simply swallowed the click on its way there. A row
+ * that looks like a list item, sits in a list, and does nothing when pressed is
+ * the worse lie. So every step answers the pointer and every step answers a
+ * press; only what the press does differs.
+ *
+ * Divided from the card's header by **indentation and its own hit shape**, not
+ * by a rule. The rules came first, on the argument that at 11px an indent is not
+ * enough to say "list inside a row" — and they were right about the reading and
+ * wrong about the cost: a stack of hairlines across every open card turned the
+ * list into a ledger, and a rule cannot answer a pointer. A step that lights up
+ * under the cursor and fills when it is the one on screen says *list* far more
+ * plainly than a line between two of them, and it says it while doing the job
+ * the rule could not.
+ *
+ * **Only an agent can wear the selection**, and `active` is guarded on that here
+ * rather than trusted from the caller: a host that hands back a task's key is
+ * describing where it navigated, not what it selected, and the row must not
+ * paint itself blue for it.
+ *
+ * The hover is `--row-active` — **alpha, not a flat fill** — because this row
+ * has to answer the pointer on three different grounds: a transparent card, a
+ * blue one (its session is selected), and a grey one (a sibling agent is). A
+ * flat value tuned for any of those is wrong on the other two; a tint darkens or
+ * lifts whatever it lands on. It is the one place in the list where the alpha
+ * token earns its keep.
  */
 declare function StepRow({
   step,
+  active,
   onSelect
 }: {
   step: Step;
+  /** The panel is showing this step's own work. Ignored for tasks, which cannot
+   * be the selected thing — see above. */
+  active?: boolean;
   onSelect: () => void;
 }): _$react.JSX.Element;
 //#endregion
@@ -2312,5 +2568,5 @@ declare function toolIcon(toolName: string): LucideIcon;
  */
 declare function isMutatingTool(toolName: string): boolean;
 //#endregion
-export { AlertDialog, AlertDialogClose, AlertDialogContent, AlertDialogDescription, AlertDialogTitle, AlertDialogTrigger, Badge, type BadgeProps, Band, Blank, Button, type ButtonProps, Card, CardContent, CardHeader, CardTitle, type ChipSegment, CodeBlock, type CodeBlockProps, Composer, type ComposerFileMatch, type ComposerHandle, type ComposerProps, ContextDialog, type ContextDialogProps, ContextRing, Conversation, ConversationContent, type ConversationProps, ConversationScrollButton, CopyAction, CopyButton, type CopyButtonProps, Dialog, DialogBody, DialogClose, DialogContent, DialogHeader, DialogRow, DialogTrigger, Empty, EmptyKey, EngineIcon, FileCard, type FileCardProps, type FileDeliveredItem, HostFilesDialog, type HostFilesDialogProps, Ink, Input, Loader, McpDialog, type McpDialogProps, Menu, MenuContent, MenuItem, MenuSeparator, MenuTrigger, Message, MessageContent, type MessageProps, ModelSelect, type ModelSelectProps, PERMISSION_MODES, type PermissionModeChoice, type PermissionModeMeta, PermissionModeSelect, type PermissionModeSelectProps, PermissionPrompt, type PermissionPromptProps, ProgressRing, type ProgressRingProps, ProjectIcon, PromptArea, type PromptAreaHandle, type PromptAreaProps, PromptTokenText, QUESTION_BEHAVIORS, type QuestionBehaviorMeta, QuestionPrompt, type QuestionPromptProps, Reasoning, type ReasoningProps, Response, type ResponseProps, Row, type RowProps, STATUS_META, type Segment, Select, SelectContent, SelectItem, SelectItemText, SelectTrigger, SelectValue, SessionBrowser, type SessionBrowserProps, type SessionControls, SessionEmptyState, type SessionEmptyStateProps, SessionInfoDialog, type SessionInfoDialogProps, SessionList, SessionListItem, type SessionListItemProps, type SessionListProps, SessionPanel, type SessionPanelProps, SessionStatusIcon, type SessionSurfacePanel, type SessionVitals, SkillsDialog, type SkillsDialogProps, Spinner, Splitter, type SplitterProps, StatusBar, type StatusBarProps, type Step, StepRow, StepToggle, SubagentStrip, type TerminalAffordances, TerminalDiff, TerminalItemView, TerminalMarkdown, type TerminalMarkdownProps, type TerminalMetrics, TerminalPermissionPrompt, type TerminalPermissionPromptProps, TerminalQuestionPrompt, type TerminalQuestionPromptProps, TerminalStatusLine, type TerminalStatusLineProps, TerminalSurface, type TerminalSurfaceProps, TerminalTranscript, type TerminalTranscriptProps, type TextSegment, Textarea, Tip, Toaster, type Tone, ToolCallCard, type ToolCallCardProps, type ToolCallItem, TooltipContent, TooltipProvider, Transcript, type TranscriptDensity, TranscriptDensityProvider, type TranscriptFont, type TranscriptProps, type TranscriptVariant, TranscriptVariantProvider, type TriggerConfig, type TriggerSuggestion, UsageDialog, type UsageDialogProps, UsageMeters, WithActions, badgeVariants, buttonVariants, cn, commandTrigger, copyText, engineMark, formatAgoPrecise, formatBytes, formatCost, formatCountdown, formatDuration, formatRateLimitWindow, formatRateLimitWindowLong, formatRelativeTime, formatTokens, friendlyModel, getChipsByTrigger, hashtagTrigger, isMutatingTool, isSegmentsEmpty, mentionTrigger, parseUserQuestions, permissionModeChoices, permissionModeMeta, plainTextToSegments, previewPatch, rateLimitWindowSeconds, rowShapeClass, runningSteps, segmentsToPlainText, sessionSteps, skillPrompt, toast, toolIcon, toolInputPreview, useAffordances, useMinuteClock, usePromptAreaState, useTranscriptDensity, useTranscriptVariant, vendorMarkClass, vendorTextClass };
+export { AlertDialog, AlertDialogClose, AlertDialogContent, AlertDialogDescription, AlertDialogTitle, AlertDialogTrigger, Badge, type BadgeProps, Band, Blank, Button, type ButtonProps, Card, CardContent, CardHeader, CardTitle, type ChipSegment, CodeBlock, type CodeBlockProps, Composer, type ComposerFileMatch, type ComposerHandle, type ComposerProps, ContextDialog, type ContextDialogProps, ContextRing, Conversation, ConversationContent, type ConversationProps, ConversationScrollButton, CopyAction, CopyButton, type CopyButtonProps, Dialog, DialogBody, DialogClose, DialogContent, DialogHeader, DialogRow, DialogTrigger, Empty, EmptyKey, EngineIcon, FileCard, type FileCardProps, type FileDeliveredItem, HostFilesDialog, type HostFilesDialogProps, Ink, Input, Loader, McpDialog, type McpDialogProps, Menu, MenuContent, MenuItem, MenuSeparator, MenuTrigger, Message, MessageContent, type MessageProps, ModelSelect, type ModelSelectProps, PERMISSION_MODES, type PermissionModeChoice, type PermissionModeMeta, PermissionModeSelect, type PermissionModeSelectProps, PermissionPrompt, type PermissionPromptProps, ProgressRing, type ProgressRingProps, ProjectIcon, PromptArea, type PromptAreaHandle, type PromptAreaProps, PromptTokenText, QUESTION_BEHAVIORS, type QuestionBehaviorMeta, QuestionPrompt, type QuestionPromptProps, Reasoning, type ReasoningProps, Response, type ResponseProps, Row, type RowProps, STATUS_META, type Segment, Select, SelectContent, SelectItem, SelectItemText, SelectTrigger, SelectValue, SessionBrowser, type SessionBrowserProps, type SessionControls, SessionEmptyState, type SessionEmptyStateProps, SessionInfoDialog, type SessionInfoDialogProps, SessionItem, type SessionItemProps, SessionList, SessionListItem, type SessionListItemProps, type SessionListProps, SessionPanel, type SessionPanelProps, SessionStatusIcon, type SessionSurfacePanel, type SessionVitals, SkillsDialog, type SkillsDialogProps, Spinner, Splitter, type SplitterProps, StatusBar, type StatusBarProps, type Step, StepRow, StepToggle, SubagentStrip, type TerminalAffordances, TerminalDiff, TerminalItemView, TerminalMarkdown, type TerminalMarkdownProps, type TerminalMetrics, TerminalPermissionPrompt, type TerminalPermissionPromptProps, TerminalQuestionPrompt, type TerminalQuestionPromptProps, TerminalStatusLine, type TerminalStatusLineProps, TerminalSurface, type TerminalSurfaceProps, TerminalTranscript, type TerminalTranscriptProps, type TextSegment, Textarea, Tip, Toaster, type Tone, ToolCallCard, type ToolCallCardProps, type ToolCallItem, TooltipContent, TooltipProvider, Transcript, type TranscriptDensity, TranscriptDensityProvider, type TranscriptFont, type TranscriptProps, type TranscriptVariant, TranscriptVariantProvider, type TriggerConfig, type TriggerSuggestion, UsageDialog, type UsageDialogProps, UsageMeters, WithActions, badgeVariants, buttonVariants, cn, commandTrigger, copyText, engineMark, formatAgoPrecise, formatBytes, formatCost, formatCountdown, formatDuration, formatRateLimitWindow, formatRateLimitWindowLong, formatRelativeTime, formatTokens, friendlyModel, getChipsByTrigger, hashtagTrigger, isMutatingTool, isSegmentsEmpty, mentionTrigger, parseUserQuestions, permissionModeChoices, permissionModeMeta, plainTextToSegments, previewPatch, rateLimitWindowSeconds, rowShapeClass, runningSteps, segmentsToPlainText, sessionSteps, skillPrompt, toast, toolIcon, toolInputPreview, useAffordances, useMinuteClock, usePromptAreaState, useTranscriptDensity, useTranscriptVariant, vendorMarkClass, vendorTextClass };
 //# sourceMappingURL=index.d.mts.map