@vitest-agent/ui 4.0.1 → 5.0.0

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",

package/ink/dispatch-ink.js

@@ -0,0 +1,61 @@
+import { dispatcherTable, scopedCoverageNoteFor, strayOutputNoteFor } from "../dispatcher/dispatch.js";
+import { renderAgentStringAsInk } from "./ink-helpers.js";
+import { Box, Text } from "ink";
+import { createElement } from "react";
+
+//#region src/ink/dispatch-ink.ts
+/** The Ink half of a cell whose live view is its agent string, painted. */
+const asInk = (agent) => (inputs, opts) => renderAgentStringAsInk(agent(inputs, opts));
+const inkOf = (shape, outcome) => asInk(dispatcherTable[shape][outcome].agent);
+/**
+* The 4×3 Ink cell table, keyed by the same `(RunShape, RunOutcome)`
+* matrix as the root entry's `dispatcherTable`. An `undefined` entry is a
+* cell with no Ink half (`single-test × threshold-violation`).
+*
+* @public
+*/
+const inkDispatcherTable = {
+	"single-test": {
+		"all-pass": inkOf("single-test", "all-pass"),
+		"some-fail": inkOf("single-test", "some-fail"),
+		"threshold-violation": void 0
+	},
+	"single-file": {
+		"all-pass": inkOf("single-file", "all-pass"),
+		"some-fail": inkOf("single-file", "some-fail"),
+		"threshold-violation": inkOf("single-file", "threshold-violation")
+	},
+	"single-project": {
+		"all-pass": inkOf("single-project", "all-pass"),
+		"some-fail": inkOf("single-project", "some-fail"),
+		"threshold-violation": inkOf("single-project", "threshold-violation")
+	},
+	workspace: {
+		"all-pass": inkOf("workspace", "all-pass"),
+		"some-fail": inkOf("workspace", "some-fail"),
+		"threshold-violation": inkOf("workspace", "threshold-violation")
+	}
+};
+/**
+* Dispatch to the cell that matches `(inputs.shape, inputs.outcome)`
+* and return its Ink-half React tree, followed by the scoped-coverage
+* note on a partial run. Returns `null` when the matched cell has no Ink
+* half — callers fall back to the root entry's `dispatch` string then.
+*
+* @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
+*/
+const dispatchInk = (inputs, opts) => {
+	const cell = inkDispatcherTable[inputs.shape][inputs.outcome];
+	if (cell === void 0) return null;
+	const element = cell(inputs, opts);
+	const note = scopedCoverageNoteFor(inputs);
+	const stray = strayOutputNoteFor(inputs);
+	if (note === null && stray === null) return element;
+	return createElement(Box, { flexDirection: "column" }, element, note !== null ? createElement(Text, null, note) : null, stray !== null ? createElement(Box, { marginTop: 1 }, createElement(Text, null, stray)) : null);
+};
+
+//#endregion
+export { dispatchInk, inkDispatcherTable };

package/{dispatcher → ink}/ink-helpers.js

@@ -2,7 +2,7 @@ import { inkStyle, statusGlyph, statusInkStyle } from "../theme.js";
 import { Box, Text } from "ink";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 
-//#region src/dispatcher/ink-helpers.tsx
+//#region src/ink/ink-helpers.tsx
 /**
 * Render an agent-string output as a column of Ink Text rows, applying
 * color to the leading status glyph on each line.