@vitest-agent/ui 4.1.0 → 5.0.0

package/index.d.ts

@@ -1,5 +1,4 @@
 import { Schema } from "effect";
-import { FC, ReactElement } from "react";
 import { CoreStatusName, GlyphSet, Status, Style, TokenName } from "@effected/cli";
 //#region ../sdk/dist/dev/pkg/index.d.ts
 //#region src/schemas/Coverage.d.ts
@@ -381,6 +380,21 @@ export declare const RenderState: Schema.Struct<{
     readonly expected: Schema.optional<Schema.String>;
     readonly received: Schema.optional<Schema.String>;
   }>>;
+  /**
+   * What the run wrote straight to the terminal, past Vitest's console
+   * capture, folded from `RunFinished.strayOutput`. Absent when the run
+   * wrote nothing stray.
+   */
+  readonly strayOutput: Schema.optional<Schema.Struct<{
+    readonly total: Schema.Number;
+    readonly stdout: Schema.Number;
+    readonly stderr: Schema.Number;
+    readonly bytes: Schema.Number;
+    readonly samples: Schema.$Array<Schema.Struct<{
+      readonly stream: Schema.Literals<readonly ["stdout", "stderr"]>;
+      readonly text: Schema.String;
+    }>>;
+  }>>;
 }>;
 /** @public */
 export type RenderState = typeof RenderState.Type;
@@ -701,6 +715,16 @@ declare const AgentReport: Schema.Struct<{
       readonly files: Schema.Number;
     }>>;
   }>>;
+  readonly strayOutput: Schema.optional<Schema.Struct<{
+    readonly total: Schema.Number;
+    readonly stdout: Schema.Number;
+    readonly stderr: Schema.Number;
+    readonly bytes: Schema.Number;
+    readonly samples: Schema.$Array<Schema.Struct<{
+      readonly stream: Schema.Literals<readonly ["stdout", "stderr"]>;
+      readonly text: Schema.String;
+    }>>;
+  }>>;
 }>;
 /** @public */
 type AgentReport = typeof AgentReport.Type;
@@ -956,6 +980,21 @@ export declare const RunEvent: Schema.Union<readonly [Schema.TaggedStruct<"RunSt
     readonly expected: Schema.optional<Schema.String>;
     readonly received: Schema.optional<Schema.String>;
   }>>>;
+  /**
+   * What the run wrote straight to the terminal, past Vitest's console
+   * capture (`AgentReport.strayOutput`). Optional: absent when the run
+   * wrote nothing stray, and in older replay data.
+   */
+  readonly strayOutput: Schema.optional<Schema.Struct<{
+    readonly total: Schema.Number;
+    readonly stdout: Schema.Number;
+    readonly stderr: Schema.Number;
+    readonly bytes: Schema.Number;
+    readonly samples: Schema.$Array<Schema.Struct<{
+      readonly stream: Schema.Literals<readonly ["stdout", "stderr"]>;
+      readonly text: Schema.String;
+    }>>;
+  }>>;
 }>]>;
 /** @public */
 export type RunEvent = typeof RunEvent.Type;
@@ -1135,23 +1174,15 @@ interface VitestTestModule {
  */
 type AgentCellFn = (inputs: DispatchInputs, opts: CellOptions) => string;
 /**
- * A cell's Ink half: pure function from dispatch inputs to a React
- * element rendered live to the terminal.
- *
- * @public
- */
-type InkCellFn = (inputs: DispatchInputs, opts: CellOptions) => ReactElement;
-/**
- * One entry in the dispatcher matrix: an agent-string renderer and an
- * optional Ink-tree renderer for the same `(RunShape, RunOutcome)` pair.
+ * One entry in the dispatcher matrix: the agent-string renderer for a
+ * `(RunShape, RunOutcome)` pair. The Ink half of the same pair is the
+ * matching entry of `inkDispatcherTable` in `@vitest-agent/ui/ink`.
  *
  * @public
  */
 interface Cell {
   /** Agent-string half — always present. */
   readonly agent: AgentCellFn;
-  /** Ink-tree half — omitted for cells where agent output is sufficient. */
-  readonly ink?: InkCellFn;
 }
 //#endregion
 //#region src/dispatcher/classify.d.ts
@@ -1216,18 +1247,6 @@ export declare const dispatcherTable: Readonly<Record<RunShape, Readonly<Record<
  * @public
  */
 export declare const dispatch: (inputs: DispatchInputs, opts: CellOptions) => string;
-/**
- * Dispatch to the cell that matches `(inputs.shape, inputs.outcome)`
- * and return its Ink-half React tree. Returns `null` when the matched
- * cell does not expose an `ink` half — callers should fall back to
- * the agent string in that case.
- *
- * @param inputs - the classified dispatch inputs
- * @param opts - cell rendering options
- * @returns the Ink React element, or `null` when the cell has no Ink half
- * @public
- */
-export declare const dispatchInk: (inputs: DispatchInputs, opts: CellOptions) => ReactElement | null;
 //#endregion
 //#region src/dispatcher/footer.d.ts
 /**
@@ -1358,229 +1377,7 @@ interface RenderAgentOptions {
  */
 export declare const renderAgent: (state: RenderState, options?: RenderAgentOptions) => string;
 //#endregion
-//#region src/render-ink/CountColumns.d.ts
-/**
- * Props for the `CountColumns` component.
- *
- * @public
- */
-interface CountColumnsProps {
-  /** Number of passing tests. */
-  readonly passCount: number;
-  /** Number of failing tests. */
-  readonly failCount: number;
-  /** Number of skipped tests. */
-  readonly skipCount: number;
-  /** Number of timed-out tests. */
-  readonly timeoutCount: number;
-}
-/**
- * Fixed width of the duration cell that follows the count columns on an
- * aggregate row — sized for the formatter's widest common output
- * (`59m 59s`). Longer values overflow their row rather than truncate.
- *
- * @public
- */
-export declare const DURATION_CELL_WIDTH = 7;
-/**
- * Renders four colored count columns (pass ✓, fail ✗, skip ↷, timeout ⧖)
- * for an aggregate row. Counts render right-aligned in fixed 4-digit cells so
- * columns align across rows; counts of 10,000+ overflow their row without
- * truncation. Zeros are greyed; all four columns always appear. Glyphs and
- * colours come from `VitestAgentStatus` (skip is `muted`).
- *
- * @public
- */
-export declare const CountColumns: FC<CountColumnsProps>;
-//#endregion
-//#region src/render-ink/CoverageBlock.d.ts
-/**
- * Props for the `CoverageBlock` component.
- *
- * @public
- */
-interface CoverageBlockProps {
-  /** The coverage render state to display. */
-  readonly coverage: CoverageRenderState;
-  /** Maximum number of gap entries to list; defaults to 3. */
-  readonly maxGaps?: number;
-}
-/**
- * Renders the coverage section: per-metric percentages, threshold
- * violations, and top-N gap entries sorted by missing line count.
- *
- * @public
- */
-export declare const CoverageBlock: FC<CoverageBlockProps>;
-//#endregion
-//#region src/render-ink/FailureSection.d.ts
-/**
- * Props for the `FailureSection` component.
- *
- * @public
- */
-interface FailureSectionProps {
-  /** The list of failure records to display. */
-  readonly failures: ReadonlyArray<FailureRecord>;
-  /** When `true`, renders the full stack trace under each failure. */
-  readonly includeStack?: boolean;
-}
-/**
- * Renders one block per failed test: glyph, path, classification tag,
- * error message, diff lines, and optionally the stack trace.
- *
- * @public
- */
-export declare const FailureSection: FC<FailureSectionProps>;
-//#endregion
-//#region src/render-ink/FailuresSection.d.ts
-/**
- * Props for the `FailuresSection` component.
- *
- * @public
- */
-interface FailuresSectionProps {
-  /** The list of failure records to display. */
-  readonly failures: ReadonlyArray<FailureRecord>;
-  /** Maximum entries to list before collapsing the rest into an overflow line. */
-  readonly limit: number;
-}
-/**
- * Renders the capped failures block for aggregate-row shapes.
- * Entries beyond `limit` collapse into an overflow line.
- *
- * @public
- */
-export declare const FailuresSection: FC<FailuresSectionProps>;
-//#endregion
-//#region src/render-ink/ModuleHeader.d.ts
-/**
- * Props for the `ModuleHeader` component.
- *
- * @public
- */
-interface ModuleHeaderProps {
-  /** The module record to display. */
-  readonly module: ModuleRecord;
-}
-/**
- * Renders the per-module title line: a status glyph, the module path,
- * and a dimmed inline summary of pass/fail/skip counts and duration.
- *
- * @public
- */
-export declare const ModuleHeader: FC<ModuleHeaderProps>;
-//#endregion
-//#region src/render-ink/ProjectRow.d.ts
-/**
- * Props for the `ProjectRow` component.
- *
- * @public
- */
-interface ProjectRowProps {
-  /** The per-project rollup. */
-  readonly project: ProjectSummary;
-  /** Pass/fail/skip/timeout counts for the project. */
-  readonly counts: {
-    passCount: number;
-    failCount: number;
-    skipCount: number;
-    timeoutCount: number;
-  };
-  /** True while the project still has a running or queued module. */
-  readonly running: boolean;
-  /**
-   * True when the run has been timed out — running rows resolve to the
-   * `⧖` glyph instead of continuing to animate the spinner.
-   */
-  readonly timedOut?: boolean;
-  /** Elapsed milliseconds — wall-clock while running, summed duration once finished. */
-  readonly elapsedMs: number;
-  /** Current spinner glyph; rendered in place of the status icon while running. */
-  readonly frame: string;
-  /** Name-column width so the count columns align across rows. */
-  readonly nameWidth: number;
-  /** Per-tag test counts for the project, merged across its modules; feeds the TagColumns cells. */
-  readonly tagCounts?: Record<string, number> | undefined;
-  /**
-   * The view-level tag union. Every row renders every tag in it so the
-   * tag columns align; empty (the default) renders no tag cells.
-   */
-  readonly tagUnion?: ReadonlyArray<string>;
-}
-/**
- * Renders one per-project row in the `workspace`-shape live view: status
- * glyph (animated spinner while running), project name, count columns,
- * elapsed duration, and optional tag counts.
- *
- * @public
- */
-export declare const ProjectRow: FC<ProjectRowProps>;
-//#endregion
-//#region src/render-ink/StatusIcon.d.ts
-/**
- * The set of named statuses a `StatusIcon` can render.
- *
- * @public
- */
-type StatusIconKind = "passed" | "failed" | "skipped" | "pending" | "running" | "queued" | "finished" | "threshold" | "timed-out";
-/**
- * Props for the `StatusIcon` component.
- *
- * @public
- */
-interface StatusIconProps {
-  /** The status to render as a colored glyph. */
-  readonly status: StatusIconKind;
-}
-/**
- * Renders a single colored status glyph for a test, module, or run.
- *
- * @public
- */
-export declare const StatusIcon: FC<StatusIconProps>;
-//#endregion
-//#region src/render-ink/StreamApp.d.ts
-/**
- * Props for the `StreamApp` component.
- *
- * @public
- */
-interface StreamAppProps {
-  /** The current reduced render state to display. */
-  readonly state: RenderState;
-  /** Current spinner frame index (the live view's `frame`: wall-clock ticks of `SPINNER_FRAME_MS`). */
-  readonly frameIndex: number;
-  /** Current wall-clock time in milliseconds; defaults to `Date.now()`. */
-  readonly nowMs?: number;
-}
-/**
- * Root Ink component for the `stream` live renderer. Classifies the run
- * shape and renders the appropriate per-shape live region.
- *
- * @public
- */
-export declare const StreamApp: FC<StreamAppProps>;
-//#endregion
-//#region src/render-ink/SuggestedActions.d.ts
-/**
- * Props for the `SuggestedActions` component.
- *
- * @public
- */
-interface SuggestedActionsProps {
-  /** The list of suggested actions to display. */
-  readonly actions: ReadonlyArray<SuggestedActionRecord>;
-}
-/**
- * Renders the suggested-actions queue as severity-prefixed rows with
- * optional tool hints. Returns `null` when the actions list is empty.
- *
- * @public
- */
-export declare const SuggestedActions: FC<SuggestedActionsProps>;
-//#endregion
-//#region src/render-ink/spinner.d.ts
+//#region src/spinner.d.ts
 /**
  * The Unicode spinner frames, in animation order (`Glyphs.unicode.spinner`).
  *
@@ -1606,74 +1403,6 @@ export declare const SPINNER_FRAME_MS: number;
  */
 export declare const spinnerFrame: (index: number, glyphs?: GlyphSet) => string;
 //#endregion
-//#region src/render-ink/TagColumns.d.ts
-/**
- * Compute the view-level tag union: the alphabetically sorted set of tag
- * names across every row's tag counts. A union of a single tag carries no
- * signal (the whole view is one kind), so it collapses to empty and the
- * view renders no tag columns at all.
- *
- * @public
- */
-export declare const tagUnion: (rows: ReadonlyArray<Record<string, number> | undefined>) => ReadonlyArray<string>;
-/**
- * Props for the `TagColumns` component.
- *
- * @public
- */
-interface TagColumnsProps {
-  /** The view-level tag union — every row renders every tag in it. */
-  readonly tags: ReadonlyArray<string>;
-  /** This row's per-tag test counts; tags absent here render a dimmed 0. */
-  readonly counts?: Record<string, number> | undefined;
-}
-/**
- * Renders one row's fixed-width tag cells for the given tag union.
- * Renders nothing when the union is empty.
- *
- * @public
- */
-export declare const TagColumns: FC<TagColumnsProps>;
-//#endregion
-//#region src/render-ink/TestRow.d.ts
-/**
- * Props for the `TestRow` component.
- *
- * @public
- */
-interface TestRowProps {
-  /** The test record to display. */
-  readonly test: TestRecord;
-  /** Leading indentation in spaces; defaults to 2. */
-  readonly indent?: number;
-}
-/**
- * Renders one test row: status glyph, optional suite prefix, test name, and duration.
- *
- * @public
- */
-export declare const TestRow: FC<TestRowProps>;
-//#endregion
-//#region src/render-ink/TrendLine.d.ts
-/**
- * Props for the `TrendLine` component.
- *
- * @public
- */
-interface TrendLineProps {
-  /** The trend summary to display. */
-  readonly trend: {
-    readonly direction: "improving" | "regressing" | "stable";
-    readonly runCount: number;
-  };
-}
-/**
- * Renders the one-line trend signal: direction (colored) and run count.
- *
- * @public
- */
-export declare const TrendLine: FC<TrendLineProps>;
-//#endregion
 //#region src/synthesize.d.ts
 /**
  * Synthetic test name used to surface a suite-level (collection/load)
@@ -1871,5 +1600,5 @@ export declare const statusInkStyle: (name: VitestAgentStatusName) => InkTextSty
  */
 export declare const CURRENT_UI_VERSION: string;
 //#endregion
-export { type AgentCellFn, type AgentReport, type Cell, type CellOptions, type CountColumnsProps, type CoverageBlockProps, FileCoverageReport as CoverageFile, type CoverageTotals, type DispatchInputs, type FailureSectionProps, type FailuresSectionProps, type GlobShortfall, type InkCellFn, type InkTextStyle, type MetricThresholds, type ModuleHeaderProps, type ProjectRowProps, type ProjectSummary, type RenderAgentOptions, type RunEventByTag, type RunOutcome, type RunShape, type StatusIconKind, type StatusIconProps, type StreamAppProps, type SuggestedActionsProps, type SynthesizeFromAgentReportOptions, type SynthesizeOptions, type SynthesizedCoverage, type TagColumnsProps, type TestClassification, type TestRowProps, type TrendLineProps, type TrendSummary, type VitestAgentStatusName, type VitestModuleDiagnostic, type VitestModuleError, type VitestParsedStack, type VitestTestCase, type VitestTestDiagnostic, type VitestTestError, type VitestTestModule, type VitestTestResult, type VitestTestSuite };
+export { type AgentCellFn, type AgentReport, type Cell, type CellOptions, FileCoverageReport as CoverageFile, type CoverageTotals, type DispatchInputs, type GlobShortfall, type InkTextStyle, type MetricThresholds, type ProjectSummary, type RenderAgentOptions, type RunEventByTag, type RunOutcome, type RunShape, type SynthesizeFromAgentReportOptions, type SynthesizeOptions, type SynthesizedCoverage, type TestClassification, type TrendSummary, type VitestAgentStatusName, type VitestModuleDiagnostic, type VitestModuleError, type VitestParsedStack, type VitestTestCase, type VitestTestDiagnostic, type VitestTestError, type VitestTestModule, type VitestTestResult, type VitestTestSuite };
 //# sourceMappingURL=index.d.ts.map

package/index.js

@@ -2,23 +2,10 @@ import { classifyOutcome, classifyRunShape } from "./dispatcher/classify.js";
 import { buildFooter, dominantClassification } from "./dispatcher/footer.js";
 import { VitestAgentStatus, VitestAgentTokens, inkStyle, statusGlyph, statusInkStyle } from "./theme.js";
 import { formatDisplayDuration } from "./format-duration.js";
-import { dispatch, dispatchInk, dispatcherTable } from "./dispatcher/dispatch.js";
+import { dispatch, dispatcherTable } from "./dispatcher/dispatch.js";
 import { reduceRenderState, reduceRenderStateAll } from "./reducer.js";
 import { renderAgent } from "./render-agent.js";
-import { CountColumns, DURATION_CELL_WIDTH } from "./render-ink/CountColumns.js";
-import { CoverageBlock } from "./render-ink/CoverageBlock.js";
-import { FailureSection } from "./render-ink/FailureSection.js";
-import { FailuresSection } from "./render-ink/FailuresSection.js";
-import { StatusIcon } from "./render-ink/StatusIcon.js";
-import { ModuleHeader } from "./render-ink/ModuleHeader.js";
-import { TagColumns, tagUnion } from "./render-ink/TagColumns.js";
-import { ProjectRow } from "./render-ink/ProjectRow.js";
-import { SPINNER_FRAMES, SPINNER_FRAME_MS, spinnerFrame } from "./render-ink/spinner.js";
-import { TestRow } from "./render-ink/TestRow.js";
-import { TrendLine } from "./render-ink/TrendLine.js";
-import { StreamApp } from "./render-ink/StreamApp.js";
-import { SuggestedActions } from "./render-ink/SuggestedActions.js";
-import "./render-ink/index.js";
+import { SPINNER_FRAMES, SPINNER_FRAME_MS, spinnerFrame } from "./spinner.js";
 import { SUITE_FAILURE_LABEL, SUITE_LOAD_FAILURE_LABEL, synthesizeFromAgentReport, synthesizeRunEvents } from "./synthesize.js";
 import { ActionSeverity, CoverageFile, CoverageGap, CoverageMetric, CoverageRenderState, FailureRecord, ModuleRecord, RenderState, RenderTotals, RunEvent, SuggestedActionRecord, TestRecord, initialRenderState } from "@vitest-agent/sdk";
 
@@ -30,7 +17,7 @@ import { ActionSeverity, CoverageFile, CoverageGap, CoverageMetric, CoverageRend
 *
 * @public
 */
-const CURRENT_UI_VERSION = "4.1.0";
+const CURRENT_UI_VERSION = "5.0.0";
 
 //#endregion
-export { ActionSeverity, CURRENT_UI_VERSION, CountColumns, CoverageBlock, CoverageFile, CoverageGap, CoverageMetric, CoverageRenderState, DURATION_CELL_WIDTH, FailureRecord, FailureSection, FailuresSection, ModuleHeader, ModuleRecord, ProjectRow, RenderState, RenderTotals, RunEvent, SPINNER_FRAMES, SPINNER_FRAME_MS, SUITE_FAILURE_LABEL, SUITE_LOAD_FAILURE_LABEL, StatusIcon, StreamApp, SuggestedActionRecord, SuggestedActions, TagColumns, TestRecord, TestRow, TrendLine, VitestAgentStatus, VitestAgentTokens, buildFooter, classifyOutcome, classifyRunShape, dispatch, dispatchInk, dispatcherTable, dominantClassification, formatDisplayDuration, initialRenderState, inkStyle, reduceRenderState, reduceRenderStateAll, renderAgent, spinnerFrame, statusGlyph, statusInkStyle, synthesizeFromAgentReport, synthesizeRunEvents, tagUnion };
+export { ActionSeverity, CURRENT_UI_VERSION, CoverageFile, CoverageGap, CoverageMetric, CoverageRenderState, FailureRecord, ModuleRecord, RenderState, RenderTotals, RunEvent, SPINNER_FRAMES, SPINNER_FRAME_MS, SUITE_FAILURE_LABEL, SUITE_LOAD_FAILURE_LABEL, SuggestedActionRecord, TestRecord, VitestAgentStatus, VitestAgentTokens, buildFooter, classifyOutcome, classifyRunShape, dispatch, dispatcherTable, dominantClassification, formatDisplayDuration, initialRenderState, inkStyle, reduceRenderState, reduceRenderStateAll, renderAgent, spinnerFrame, statusGlyph, statusInkStyle, synthesizeFromAgentReport, synthesizeRunEvents };

package/{render-ink → ink}/CountColumns.js

@@ -1,9 +1,9 @@
 import { VitestAgentTokens, inkStyle, statusGlyph, statusInkStyle } from "../theme.js";
-import { Text } from "ink";
 import { useGlyphs } from "@effected/cli/ui";
+import { Text } from "ink";
 import { jsxs } from "react/jsx-runtime";
 
-//#region src/render-ink/CountColumns.tsx
+//#region src/ink/CountColumns.tsx
 /**
 * Fixed width of the duration cell that follows the count columns on an
 * aggregate row — sized for the formatter's widest common output

package/{render-ink → ink}/CoverageBlock.js

@@ -1,9 +1,9 @@
 import { inkStyle } from "../theme.js";
-import { Box, Text } from "ink";
 import { Fmt } from "@effected/cli";
+import { Box, Text } from "ink";
 import { jsx, jsxs } from "react/jsx-runtime";
 
-//#region src/render-ink/CoverageBlock.tsx
+//#region src/ink/CoverageBlock.tsx
 /**
 * Coverage section: per-metric percentage, threshold violations, top-N gaps.
 */

package/{render-ink → ink}/FailureSection.js

@@ -1,9 +1,9 @@
 import { inkStyle, statusGlyph, statusInkStyle } from "../theme.js";
-import { Box, Text } from "ink";
 import { useGlyphs } from "@effected/cli/ui";
+import { Box, Text } from "ink";
 import { jsx, jsxs } from "react/jsx-runtime";
 
-//#region src/render-ink/FailureSection.tsx
+//#region src/ink/FailureSection.tsx
 /**
 * Failure list: one block per failed test with classification, message,
 * diff, and optionally stack trace.

package/{render-ink → ink}/FailuresSection.js

@@ -1,9 +1,9 @@
 import { VitestAgentTokens, inkStyle, statusGlyph, statusInkStyle } from "../theme.js";
-import { Box, Text } from "ink";
 import { useGlyphs } from "@effected/cli/ui";
+import { Box, Text } from "ink";
 import { jsx, jsxs } from "react/jsx-runtime";
 
-//#region src/render-ink/FailuresSection.tsx
+//#region src/ink/FailuresSection.tsx
 /**
 * The capped failures block for aggregate-row shapes (workspace,
 * single-project) — the rows there are projects or modules and cannot

package/{render-ink → ink}/ModuleHeader.js

@@ -3,7 +3,7 @@ import { StatusIcon } from "./StatusIcon.js";
 import { Box, Text } from "ink";
 import { jsx, jsxs } from "react/jsx-runtime";
 
-//#region src/render-ink/ModuleHeader.tsx
+//#region src/ink/ModuleHeader.tsx
 const moduleGlyph = (m) => {
 	if (m.status === "queued") return "queued";
 	if (m.status === "running") return "running";

package/{render-ink → ink}/ProjectRow.js

@@ -6,7 +6,7 @@ import { TagColumns } from "./TagColumns.js";
 import { Box, Text } from "ink";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 
-//#region src/render-ink/ProjectRow.tsx
+//#region src/ink/ProjectRow.tsx
 /**
 * Pick the glyph element for the project row using the spec's severity
 * precedence (`✗ > ⧖ > ⚠ > ↷ > ✓`). Skip-only projects (no passes, no

package/{render-ink → ink}/StatusIcon.js

@@ -1,9 +1,9 @@
 import { statusGlyph, statusInkStyle } from "../theme.js";
-import { Text } from "ink";
 import { useGlyphs } from "@effected/cli/ui";
+import { Text } from "ink";
 import { jsx } from "react/jsx-runtime";
 
-//#region src/render-ink/StatusIcon.tsx
+//#region src/ink/StatusIcon.tsx
 /**
 * Single-character status glyph for tests, modules, and the run itself.
 *

package/{render-ink → ink}/StreamApp.js

@@ -1,19 +1,20 @@
 import { classifyRunShape } from "../dispatcher/classify.js";
 import { VitestAgentTokens, inkStyle, statusGlyph, statusInkStyle } from "../theme.js";
 import { formatDisplayDuration } from "../format-duration.js";
+import { spinnerFrame } from "../spinner.js";
 import { CountColumns, DURATION_CELL_WIDTH } from "./CountColumns.js";
 import { StatusIcon } from "./StatusIcon.js";
 import { TagColumns, tagUnion } from "./TagColumns.js";
 import { ProjectRow } from "./ProjectRow.js";
-import { spinnerFrame } from "./spinner.js";
 import { TestRow } from "./TestRow.js";
 import { TrendLine } from "./TrendLine.js";
-import { Box, Text } from "ink";
+import { formatStrayOutputNote } from "@vitest-agent/sdk";
 import { Fmt } from "@effected/cli";
 import { useGlyphs } from "@effected/cli/ui";
+import { Box, Text } from "ink";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 
-//#region src/render-ink/StreamApp.tsx
+//#region src/ink/StreamApp.tsx
 const ANONYMOUS_PROJECT = "default";
 /** Maximum number of running rows displayed in the Live region. Beyond this,
 *  excess running units collapse into a single "… and N more running" line. */
@@ -508,9 +509,17 @@ const StreamApp = ({ state, frameIndex, nowMs }) => {
 	const projects = groupByProject(state).map((g) => buildProjectSummary(g.name, sumCounts(g.modules)));
 	const shape = classifyRunShape(state, projects);
 	const liveContent = liveRegion(state, shape, now, frame, glyphs);
-	return /* @__PURE__ */ jsx(Box, {
+	const stray = state.strayOutput !== void 0 ? formatStrayOutputNote(state.strayOutput) : null;
+	return /* @__PURE__ */ jsxs(Box, {
 		flexDirection: "column",
-		children: liveContent
+		children: [liveContent, stray !== null ? /* @__PURE__ */ jsx(Box, {
+			flexDirection: "column",
+			marginTop: 1,
+			children: stray.map((line, i) => /* @__PURE__ */ jsx(Text, {
+				...i === 0 ? statusInkStyle("warning") : {},
+				children: line
+			}, `stray:${i}`))
+		}) : null]
 	});
 };
 

package/{render-ink → ink}/SuggestedActions.js

@@ -1,9 +1,9 @@
 import { inkStyle } from "../theme.js";
-import { Box, Text } from "ink";
 import { Token } from "@effected/cli";
+import { Box, Text } from "ink";
 import { jsx, jsxs } from "react/jsx-runtime";
 
-//#region src/render-ink/SuggestedActions.tsx
+//#region src/ink/SuggestedActions.tsx
 const SEVERITY_TOKEN = {
 	info: Token.named("blue"),
 	warn: "warning",

package/{render-ink → ink}/TagColumns.js

@@ -2,7 +2,7 @@ import { VitestAgentTokens, inkStyle } from "../theme.js";
 import { Text } from "ink";
 import { jsx, jsxs } from "react/jsx-runtime";
 
-//#region src/render-ink/TagColumns.tsx
+//#region src/ink/TagColumns.tsx
 /**
 * Fixed-width tag-count columns for aggregate rows in the `stream` view.
 * Every row renders every tag in the view's union so the columns align

package/{render-ink → ink}/TestRow.js

@@ -3,7 +3,7 @@ import { StatusIcon } from "./StatusIcon.js";
 import { Box, Text } from "ink";
 import { jsx, jsxs } from "react/jsx-runtime";
 
-//#region src/render-ink/TestRow.tsx
+//#region src/ink/TestRow.tsx
 const testGlyph = (status) => status;
 /**
 * Renders one test row: status glyph, optional suite prefix, test name, and duration.

package/{render-ink → ink}/TrendLine.js

@@ -1,9 +1,9 @@
 import { VitestAgentTokens, inkStyle } from "../theme.js";
-import { Text } from "ink";
 import { Fmt } from "@effected/cli";
+import { Text } from "ink";
 import { jsx, jsxs } from "react/jsx-runtime";
 
-//#region src/render-ink/TrendLine.tsx
+//#region src/ink/TrendLine.tsx
 /** A regressing trend is a `warning`, not a failure (the kit's drift decision). */
 const TOKEN = {
 	improving: "success",