@adea-ai/ui 0.140.0 → 0.142.0

package/dist/components/composites/terminal/terminal.js

@@ -0,0 +1,500 @@
+import { cn } from "../../../lib/utils.js";
+import { Button } from "../../ui/button/button.js";
+import { writeClipboardText } from "../../../lib/clipboard.js";
+import { createAnsiParser, isPlainStyle, resolveColors } from "./ansi.js";
+import { isAtBottom, isFailedExit, revealEarlier, terminalStatusLabel, terminalWindow } from "./terminal-model.js";
+import { className, createComponent, effect, insert, memo, mergeProps, setAttribute, setStyleProperty, spread, template, use } from "solid-js/web";
+import { ArrowDown, Check, CircleAlert, CircleSlash, Copy, Eraser, LoaderCircle } from "lucide-solid";
+import { For, Show, createEffect, createMemo, createSignal, on, splitProps } from "solid-js";
+//#region src/components/composites/terminal/terminal.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<span class="opacity-70 select-none"> … <!> more characters not shown`);
+var _tmpl$2 = /*#__PURE__*/ template(`<div>`);
+var _tmpl$3 = /*#__PURE__*/ template(`<span>`);
+var _tmpl$4 = /*#__PURE__*/ template(`<span aria-hidden=true class="grid size-3.5 place-items-center [&amp;_svg]:size-3.5">`);
+var _tmpl$5 = /*#__PURE__*/ template(`<span role=status data-slot=terminal-status>`);
+var _tmpl$6 = /*#__PURE__*/ template(`<span class="flex min-w-0 flex-1 items-baseline gap-2"><span aria-hidden=true class="shrink-0 font-code text-code text-muted-foreground select-none">$</span><code class="line-clamp-2 min-w-0 font-code text-code text-foreground [overflow-wrap:anywhere]">`);
+var _tmpl$7 = /*#__PURE__*/ template(`<div data-slot=terminal-hidden-note class="flex items-center gap-2 border-t border-border px-3 py-1 text-xs text-muted-foreground"><span>`);
+var _tmpl$8 = /*#__PURE__*/ template(`<pre>`);
+var _tmpl$9 = /*#__PURE__*/ template(`<span class="text-muted-foreground tabular-nums">(<!> newer <!>)`);
+var _tmpl$0 = /*#__PURE__*/ template(`<div data-slot=terminal><div><div class="flex items-center gap-1 opacity-0 transition-opacity group-focus-within/terminal:opacity-100 group-hover/terminal:opacity-100 [@media(hover:none)]:opacity-100"></div></div><div class=relative><div data-slot=terminal-body role=region tabindex=0 class="scroll-fade overflow-auto border-t border-border bg-(--terminal-background) text-(color:--terminal-foreground)">`);
+var _tmpl$1 = /*#__PURE__*/ template(`<span class="flex-1 text-xs text-muted-foreground">Terminal`);
+var _tmpl$10 = /*#__PURE__*/ template(`<p><span class="font-code text-code">`);
+/** Finished lines mounted by default. */
+var TERMINAL_MAX_LINES = 1e3;
+var FG_CLASS = [
+	"text-(color:--terminal-ansi-black)",
+	"text-(color:--terminal-ansi-red)",
+	"text-(color:--terminal-ansi-green)",
+	"text-(color:--terminal-ansi-yellow)",
+	"text-(color:--terminal-ansi-blue)",
+	"text-(color:--terminal-ansi-magenta)",
+	"text-(color:--terminal-ansi-cyan)",
+	"text-(color:--terminal-ansi-white)",
+	"text-(color:--terminal-ansi-bright-black)",
+	"text-(color:--terminal-ansi-bright-red)",
+	"text-(color:--terminal-ansi-bright-green)",
+	"text-(color:--terminal-ansi-bright-yellow)",
+	"text-(color:--terminal-ansi-bright-blue)",
+	"text-(color:--terminal-ansi-bright-magenta)",
+	"text-(color:--terminal-ansi-bright-cyan)",
+	"text-(color:--terminal-ansi-bright-white)"
+];
+var BG_CLASS = [
+	"bg-(--terminal-ansi-black)",
+	"bg-(--terminal-ansi-red)",
+	"bg-(--terminal-ansi-green)",
+	"bg-(--terminal-ansi-yellow)",
+	"bg-(--terminal-ansi-blue)",
+	"bg-(--terminal-ansi-magenta)",
+	"bg-(--terminal-ansi-cyan)",
+	"bg-(--terminal-ansi-white)",
+	"bg-(--terminal-ansi-bright-black)",
+	"bg-(--terminal-ansi-bright-red)",
+	"bg-(--terminal-ansi-bright-green)",
+	"bg-(--terminal-ansi-bright-yellow)",
+	"bg-(--terminal-ansi-bright-blue)",
+	"bg-(--terminal-ansi-bright-magenta)",
+	"bg-(--terminal-ansi-bright-cyan)",
+	"bg-(--terminal-ansi-bright-white)"
+];
+function segmentClass(style) {
+	const { fg, bg } = resolveColors(style);
+	return cn({
+		"font-bold": style.bold,
+		"opacity-70": style.dim,
+		italic: style.italic,
+		underline: style.underline && !style.strike,
+		"line-through": style.strike && !style.underline,
+		"[text-decoration-line:underline_line-through]": style.underline && style.strike,
+		"text-(color:--terminal-background)": fg === "default-bg",
+		"bg-(--terminal-foreground)": bg === "default-fg"
+	}, typeof fg === "number" && FG_CLASS[fg], typeof bg === "number" && BG_CLASS[bg]);
+}
+function LineView(props) {
+	return (() => {
+		var _el$ = _tmpl$2();
+		insert(_el$, createComponent(For, {
+			get each() {
+				return props.line.segments;
+			},
+			children: (segment) => isPlainStyle(segment.style) ? segment.text : (() => {
+				var _el$7 = _tmpl$3();
+				insert(_el$7, () => segment.text);
+				effect(() => className(_el$7, segmentClass(segment.style)));
+				return _el$7;
+			})()
+		}), null);
+		insert(_el$, createComponent(Show, {
+			get when() {
+				return props.line.truncated > 0;
+			},
+			get children() {
+				var _el$2 = _tmpl$(), _el$6 = _el$2.firstChild.nextSibling;
+				_el$6.nextSibling;
+				insert(_el$2, () => props.line.truncated.toLocaleString(), _el$6);
+				return _el$2;
+			}
+		}), null);
+		effect(() => className(_el$, cn("min-h-lh", {
+			"whitespace-pre-wrap [overflow-wrap:anywhere]": props.wrap,
+			"w-max min-w-full": !props.wrap
+		})));
+		return _el$;
+	})();
+}
+function sameAnsiLine(left, right) {
+	return left.truncated === right.truncated && left.segments.length === right.segments.length && left.segments.every((segment, index) => segment.text === right.segments[index]?.text && segment.style === right.segments[index]?.style);
+}
+function StatusReadout(props) {
+	return (() => {
+		var _el$8 = _tmpl$5();
+		insert(_el$8, createComponent(Show, {
+			get when() {
+				return props.status.state !== "exited" || isFailedExit(props.status);
+			},
+			get children() {
+				var _el$9 = _tmpl$4();
+				insert(_el$9, createComponent(Show, {
+					get when() {
+						return props.status.state === "running";
+					},
+					get fallback() {
+						return createComponent(Show, {
+							get when() {
+								return props.status.state === "cancelled";
+							},
+							get fallback() {
+								return createComponent(CircleAlert, {});
+							},
+							get children() {
+								return createComponent(CircleSlash, {});
+							}
+						});
+					},
+					get children() {
+						return createComponent(LoaderCircle, { "class": "motion-safe:animate-spin" });
+					}
+				}));
+				return _el$9;
+			}
+		}), null);
+		insert(_el$8, () => terminalStatusLabel(props.status), null);
+		effect((_p$) => {
+			var _v$ = props.status.state, _v$2 = cn("flex shrink-0 items-center gap-1 text-xs", {
+				"text-destructive": isFailedExit(props.status),
+				"text-info": props.status.state === "running",
+				"text-muted-foreground": props.status.state !== "running" && !isFailedExit(props.status)
+			});
+			_v$ !== _p$.e && setAttribute(_el$8, "data-state", _p$.e = _v$);
+			_v$2 !== _p$.t && className(_el$8, _p$.t = _v$2);
+			return _p$;
+		}, {
+			e: void 0,
+			t: void 0
+		});
+		return _el$8;
+	})();
+}
+function Terminal(props) {
+	const [local, rest] = splitProps(props, [
+		"output",
+		"command",
+		"status",
+		"maxLines",
+		"retainLines",
+		"maxHeight",
+		"wrap",
+		"size",
+		"onClear",
+		"copyLabel",
+		"copiedLabel",
+		"clearLabel",
+		"onCopy",
+		"class"
+	]);
+	const small = () => local.size === "sm";
+	const pageSize = () => Math.max(1, Math.floor(local.maxLines ?? 1e3));
+	const maxHeight = () => typeof local.maxHeight === "number" ? `${local.maxHeight}px` : local.maxHeight ?? "20rem";
+	const newParser = () => createAnsiParser({ retainLines: local.retainLines });
+	let parser = newParser();
+	let consumed = "";
+	let epoch = 0;
+	const revision = createMemo(() => {
+		const next = local.output;
+		if (next.length >= consumed.length && next.startsWith(consumed)) parser.write(next.slice(consumed.length));
+		else {
+			parser = newParser();
+			parser.write(next);
+			epoch += 1;
+		}
+		consumed = next;
+		return epoch;
+	}, void 0, { equals: false });
+	const [limit, setLimit] = createSignal(pageSize());
+	createEffect(on(pageSize, (size) => setLimit(size), { defer: true }));
+	createEffect(on(() => local.output === "", (empty) => {
+		if (empty) setLimit(pageSize());
+	}, { defer: true }));
+	const outputRows = createMemo(() => {
+		revision();
+		const rows = parser.lines.slice();
+		const open = parser.openLine();
+		if (open) rows.push(open);
+		return rows;
+	}, [], { equals: false });
+	const [parked, setParked] = createSignal();
+	const total = () => parser.droppedLines + outputRows().length;
+	const anchorEnd = () => {
+		const current = revision();
+		const position = parked();
+		return position && position.epoch === current ? position.end : void 0;
+	};
+	const lineWindow = createMemo(() => {
+		revision();
+		return terminalWindow(outputRows().length, parser.droppedLines, limit(), anchorEnd());
+	});
+	const visibleRows = createMemo(() => {
+		revision();
+		const start = lineWindow().start;
+		const end = lineWindow().end;
+		const rows = outputRows().slice(start, end);
+		const position = parked();
+		if (position?.epoch === revision() && position.open) {
+			const retainedIndex = position.end - 1 - parser.droppedLines;
+			if (retainedIndex >= start && retainedIndex < end) rows[retainedIndex - start] = position.open;
+		}
+		return rows;
+	}, [], { equals: false });
+	const changedParkedLine = () => {
+		const position = parked();
+		if (position?.epoch !== revision() || !position.open) return false;
+		const retainedIndex = position.end - 1 - parser.droppedLines;
+		const current = outputRows()[retainedIndex];
+		return current !== void 0 && !sameAnsiLine(position.open, current);
+	};
+	const newerRows = () => lineWindow().later + (changedParkedLine() ? 1 : 0);
+	let scroller;
+	const following = () => anchorEnd() === void 0;
+	const onScroll = () => {
+		if (!scroller) return;
+		const atEnd = isAtBottom(scroller.scrollHeight, scroller.scrollTop, scroller.clientHeight);
+		const position = anchorEnd();
+		if (!atEnd) {
+			if (position === void 0) {
+				const currentEpoch = revision();
+				setParked({
+					epoch: currentEpoch,
+					end: total(),
+					open: parser.openLine()
+				});
+			}
+		} else if (position !== void 0 && position >= total() && !changedParkedLine()) setParked(void 0);
+	};
+	createEffect(on(revision, () => {
+		if (scroller && following()) scroller.scrollTop = scroller.scrollHeight;
+	}));
+	const jumpToLatest = () => {
+		if (!scroller) return;
+		setParked(void 0);
+		scroller.scrollTop = scroller.scrollHeight;
+		scroller.focus();
+	};
+	const [copied, setCopied] = createSignal(false);
+	const [copyFailed, setCopyFailed] = createSignal(false);
+	const copy = async () => {
+		let ok = true;
+		try {
+			await writeClipboardText(local.output);
+		} catch {
+			ok = false;
+		}
+		setCopied(ok);
+		setCopyFailed(!ok);
+		local.onCopy?.(ok);
+		if (ok) setTimeout(() => setCopied(false), 1500);
+	};
+	const empty = () => local.output === "";
+	const regionLabel = () => local.command ? `Output of ${local.command.slice(0, 120)}` : "Terminal output";
+	return (() => {
+		var _el$0 = _tmpl$0(), _el$1 = _el$0.firstChild, _el$13 = _el$1.firstChild, _el$16 = _el$1.nextSibling, _el$17 = _el$16.firstChild;
+		spread(_el$0, mergeProps({
+			get ["data-size"]() {
+				return local.size ?? "default";
+			},
+			get ["aria-busy"]() {
+				return local.status?.state === "running" || void 0;
+			},
+			get ["class"]() {
+				return cn("group/terminal overflow-hidden border border-border bg-card", small() ? "rounded-lg" : "rounded-xl", local.class);
+			}
+		}, rest), false, true);
+		insert(_el$1, createComponent(Show, {
+			get when() {
+				return local.command !== void 0;
+			},
+			get fallback() {
+				return _tmpl$1();
+			},
+			get children() {
+				var _el$10 = _tmpl$6(), _el$12 = _el$10.firstChild.nextSibling;
+				insert(_el$12, () => local.command);
+				effect(() => setAttribute(_el$12, "title", local.command));
+				return _el$10;
+			}
+		}), _el$13);
+		insert(_el$1, createComponent(Show, {
+			get when() {
+				return local.status;
+			},
+			children: (status) => createComponent(StatusReadout, { get status() {
+				return status();
+			} })
+		}), _el$13);
+		insert(_el$13, createComponent(Show, {
+			get when() {
+				return memo(() => local.onClear !== void 0)() && !empty();
+			},
+			get children() {
+				return createComponent(Button, {
+					variant: "ghost",
+					size: "icon-2xs",
+					get ["aria-label"]() {
+						return local.clearLabel ?? "Clear output";
+					},
+					onClick: () => local.onClear?.(),
+					get children() {
+						return createComponent(Eraser, { "aria-hidden": "true" });
+					}
+				});
+			}
+		}), null);
+		insert(_el$13, createComponent(Show, {
+			get when() {
+				return !empty();
+			},
+			get children() {
+				return createComponent(Button, {
+					variant: "ghost",
+					size: "icon-2xs",
+					get ["aria-label"]() {
+						return memo(() => !!copied())() ? local.copiedLabel ?? "Copied" : local.copyLabel ?? "Copy output";
+					},
+					get title() {
+						return copyFailed() ? "Copying is unavailable in this context" : void 0;
+					},
+					onClick: () => void copy(),
+					get children() {
+						return createComponent(Show, {
+							get when() {
+								return copied();
+							},
+							get fallback() {
+								return createComponent(Copy, { "aria-hidden": "true" });
+							},
+							get children() {
+								return createComponent(Check, { "aria-hidden": "true" });
+							}
+						});
+					}
+				});
+			}
+		}), null);
+		insert(_el$0, createComponent(Show, {
+			get when() {
+				return lineWindow().hidden > 0 || lineWindow().evicted > 0;
+			},
+			get children() {
+				var _el$14 = _tmpl$7(), _el$15 = _el$14.firstChild;
+				insert(_el$15, createComponent(Show, {
+					get when() {
+						return lineWindow().hidden > 0;
+					},
+					get children() {
+						return [
+							memo(() => lineWindow().hidden.toLocaleString()),
+							" earlier",
+							" ",
+							memo(() => lineWindow().hidden === 1 ? "line" : "lines"),
+							" hidden",
+							createComponent(Show, {
+								get when() {
+									return parser.droppedLines > 0;
+								},
+								get children() {
+									return [
+										" ",
+										"(",
+										memo(() => parser.droppedLines.toLocaleString()),
+										" only in the copy)"
+									];
+								}
+							}),
+							"."
+						];
+					}
+				}), null);
+				insert(_el$15, createComponent(Show, {
+					get when() {
+						return lineWindow().evicted > 0;
+					},
+					get children() {
+						return [" ", memo(() => memo(() => !!lineWindow().lost)() ? `The lines you were reading were discarded to keep memory bounded; showing the oldest ${lineWindow().end.toLocaleString()} still kept.` : `${lineWindow().evicted.toLocaleString()} of the lines you were reading were discarded to keep memory bounded.`)];
+					}
+				}), null);
+				insert(_el$14, createComponent(Show, {
+					get when() {
+						return lineWindow().revealable > 0;
+					},
+					get children() {
+						return createComponent(Button, {
+							variant: "ghost",
+							size: "2xs",
+							onClick: () => setLimit(revealEarlier(limit(), pageSize(), outputRows().length)),
+							get children() {
+								return [
+									"Show ",
+									memo(() => Math.min(pageSize(), lineWindow().revealable).toLocaleString()),
+									" earlier"
+								];
+							}
+						});
+					}
+				}), null);
+				return _el$14;
+			}
+		}), _el$16);
+		_el$17.addEventListener("scroll", onScroll);
+		use((element) => scroller = element, _el$17);
+		insert(_el$17, createComponent(Show, {
+			get when() {
+				return !empty();
+			},
+			get fallback() {
+				return (() => {
+					var _el$26 = _tmpl$10(), _el$27 = _el$26.firstChild;
+					insert(_el$27, () => local.status?.state === "running" ? "Waiting for output…" : "No output");
+					effect(() => className(_el$26, cn("m-0 opacity-70", small() ? "px-2 py-1.5" : "px-3 py-2")));
+					return _el$26;
+				})();
+			},
+			get children() {
+				var _el$18 = _tmpl$8();
+				insert(_el$18, createComponent(For, {
+					get each() {
+						return visibleRows();
+					},
+					children: (line) => createComponent(LineView, {
+						line,
+						get wrap() {
+							return local.wrap === true;
+						}
+					})
+				}));
+				effect(() => className(_el$18, cn("m-0 font-code text-code leading-normal", small() ? "px-2 py-1.5" : "px-3 py-2")));
+				return _el$18;
+			}
+		}));
+		insert(_el$16, createComponent(Show, {
+			get when() {
+				return newerRows() > 0;
+			},
+			get children() {
+				return createComponent(Button, {
+					variant: "secondary",
+					size: "2xs",
+					"class": "absolute end-3 bottom-2 shadow-sm",
+					onClick: jumpToLatest,
+					get children() {
+						return [
+							createComponent(ArrowDown, { "aria-hidden": "true" }),
+							"Jump to latest",
+							(() => {
+								var _el$19 = _tmpl$9(), _el$23 = _el$19.firstChild.nextSibling, _el$24 = _el$23.nextSibling.nextSibling;
+								_el$24.nextSibling;
+								insert(_el$19, () => newerRows().toLocaleString(), _el$23);
+								insert(_el$19, () => newerRows() === 1 ? "line" : "lines", _el$24);
+								return _el$19;
+							})()
+						];
+					}
+				});
+			}
+		}), null);
+		effect((_p$) => {
+			var _v$3 = cn("flex items-center gap-2", small() ? "px-2 py-0.5" : "px-3 py-1"), _v$4 = regionLabel(), _v$5 = maxHeight();
+			_v$3 !== _p$.e && className(_el$1, _p$.e = _v$3);
+			_v$4 !== _p$.t && setAttribute(_el$17, "aria-label", _p$.t = _v$4);
+			_v$5 !== _p$.a && setStyleProperty(_el$17, "max-height", _p$.a = _v$5);
+			return _p$;
+		}, {
+			e: void 0,
+			t: void 0,
+			a: void 0
+		});
+		return _el$0;
+	})();
+}
+//#endregion
+export { TERMINAL_MAX_LINES, Terminal };
+
+//# sourceMappingURL=terminal.js.map

package/dist/components/composites/terminal/terminal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"terminal.js","names":["ArrowDown","Check","CircleAlert","CircleSlash","Copy","Eraser","LoaderCircle","createEffect","createMemo","createSignal","For","on","Show","splitProps","ComponentProps","writeClipboardText","cn","Button","createAnsiParser","isPlainStyle","resolveColors","AnsiLine","AnsiStyle","isAtBottom","isFailedExit","revealEarlier","terminalStatusLabel","terminalWindow","TerminalStatus","TerminalProps","Omit","output","command","status","maxLines","retainLines","maxHeight","wrap","size","onClear","copyLabel","copiedLabel","clearLabel","onCopy","ok","TERMINAL_MAX_LINES","FG_CLASS","const","BG_CLASS","segmentClass","style","fg","bg","bold","dim","italic","underline","strike","LineView","props","line","_el$","_tmpl$2","_$insert","_$createComponent","each","segments","children","segment","text","_el$7","_tmpl$3","_$effect","_$className","when","truncated","_el$2","_tmpl$","_el$3","firstChild","_el$6","nextSibling","_el$5","toLocaleString","sameAnsiLine","left","right","length","every","index","StatusReadout","_el$8","_tmpl$5","state","_el$9","_tmpl$4","fallback","_p$","_v$","_v$2","e","_$setAttribute","t","undefined","Terminal","local","rest","small","pageSize","Math","max","floor","newParser","parser","consumed","epoch","revision","next","startsWith","write","slice","equals","limit","setLimit","defer","empty","outputRows","rows","lines","open","openLine","push","parked","setParked","end","total","droppedLines","anchorEnd","current","position","lineWindow","visibleRows","start","retainedIndex","changedParkedLine","newerRows","later","scroller","HTMLDivElement","following","onScroll","atEnd","scrollHeight","scrollTop","clientHeight","currentEpoch","jumpToLatest","focus","copied","setCopied","copyFailed","setCopyFailed","copy","setTimeout","regionLabel","_el$0","_tmpl$0","_el$1","_el$13","_el$16","_el$17","_$spread","_$mergeProps","data-size","aria-busy","class","_tmpl$1","_el$10","_tmpl$6","_el$11","_el$12","_$memo","variant","aria-label","onClick","title","hidden","evicted","_el$14","_tmpl$7","_el$15","lost","revealable","min","addEventListener","_$use","element","_el$26","_tmpl$10","_el$27","_el$18","_tmpl$8","_el$19","_tmpl$9","_el$20","_el$23","_el$21","_el$24","_el$22","_v$3","_v$4","_v$5","a","_$setStyleProperty","_$createComponent","_$className","_$setAttribute","_$mergeProps","_$memo","_$setStyleProperty"],"sources":["../../../../src/components/composites/terminal/terminal.tsx"],"sourcesContent":["import {\n  ArrowDown,\n  Check,\n  CircleAlert,\n  CircleSlash,\n  Copy,\n  Eraser,\n  LoaderCircle,\n} from 'lucide-solid'\nimport {\n  createEffect,\n  createMemo,\n  createSignal,\n  For,\n  on,\n  Show,\n  splitProps,\n  type ComponentProps,\n} from 'solid-js'\nimport { writeClipboardText } from '#lib/clipboard'\nimport { cn } from '#lib/utils'\nimport { Button } from '../../ui/button'\nimport {\n  createAnsiParser,\n  isPlainStyle,\n  resolveColors,\n  type AnsiLine,\n  type AnsiStyle,\n} from './ansi'\nimport {\n  isAtBottom,\n  isFailedExit,\n  revealEarlier,\n  terminalStatusLabel,\n  terminalWindow,\n  type TerminalStatus,\n} from './terminal-model'\n\n/**\n * Terminal.\n *\n * A command and its output, as it arrives. It is the thing to put inside an\n * agent's \"ran a command\" line (a `TraceLine`, with `size=\"sm\"`) when the output\n * is the evidence; reach for `CodeBlock` instead when the text is source or a\n * finished log that needs no live behaviour, and for `TestResults` when the\n * output is a test run the host can structure.\n *\n * It does not wrap `CodeBlock`. A block's `highlight` seam re-renders the whole\n * body whenever the code changes, which is exactly wrong for output that grows a\n * line at a time, and a terminal has to own its scroller to follow the tail. It\n * keeps the block's header and surface vocabulary so the two read as one family.\n *\n * ## What the output is allowed to do\n *\n * Output is untrusted bytes. It is parsed by `createAnsiParser` into plain text\n * and a fixed set of styles — sixteen theme colours, bold, dim, italic,\n * underline, strike-through, reverse — and everything else (cursor movement,\n * title and clipboard sequences, anything malformed) is dropped, never echoed.\n * Colours come from the theme's `--terminal-ansi-*` tokens, painted on the\n * theme's own terminal background, so a program's colours keep the contrast the\n * theme measured for them. Nothing is rendered as markup.\n *\n * ## Streaming\n *\n * `output` is the whole string so far. When the new value begins with the old\n * one, only the appended text is parsed, so a chunk costs the size of the chunk\n * and not of the transcript. Finished lines are keyed by identity and are never\n * re-rendered; only the line still being written changes, which is what makes a\n * `\\r` progress bar redraw in place. Batch appends per frame — the host sees a\n * prefix check proportional to the output on every change.\n *\n * Only the last `maxLines` finished lines are mounted. The rest are counted in\n * an explicit note with a control to show them a page at a time, because tens of\n * thousands of row elements are a frozen page, not a transcript. Copy still\n * writes `output` exactly as given — not the rendered lines, not the visible tail.\n *\n * ## Following the tail\n *\n * The terminal scrolls inside its own bounded box and follows new output only\n * while the reader is at the bottom of that box. Scrolling up *parks* the view:\n * the lines mounted are the ones that were there when they left, however much\n * output arrives, and \"Jump to latest\" is the only way back to the tail (reaching\n * the bottom of a parked view with nothing newer resumes it, because nothing was\n * missed). If retention discards the lines they were reading the note says how\n * many, and when none are left the oldest retained lines are shown. The page\n * itself is never scrolled. Scrolling is instant, so there is no animation to\n * reduce.\n *\n * ## Status is a claim\n *\n * `status` is drawn only when the host passes it, in words as well as an icon,\n * and only a non-zero exit is toned as a failure: this component does not decide\n * that a command \"passed\". Without a status the header says nothing about whether\n * the command is still running. `onClear` adds a clear button; without it the\n * output is the host's record and nothing here offers to erase it.\n */\nexport type TerminalProps = Omit<ComponentProps<'div'>, 'children'> & {\n  /** Everything the command has printed so far, exactly as received. */\n  output: string\n  /** The command line. Shown as text; the prompt glyph is decoration. */\n  command?: string\n  status?: TerminalStatus\n  /** Finished lines mounted at once; earlier ones are counted and revealed a page at a time. */\n  maxLines?: number\n  /** Finished lines kept at all; older ones are discarded and counted. Default 200 000. */\n  retainLines?: number\n  /** Height of the output box, which scrolls past it. A number is pixels. Default `20rem`. */\n  maxHeight?: number | string\n  /** Soft-wrap long lines instead of scrolling sideways. Off: terminal columns keep their alignment. */\n  wrap?: boolean\n  /** `sm` is the compact chrome for output nested inside a Trace line. */\n  size?: 'default' | 'sm'\n  /** Show a clear button. The host empties `output`; the terminal erases nothing itself. */\n  onClear?: () => void\n  copyLabel?: string\n  copiedLabel?: string\n  clearLabel?: string\n  /** Called after each copy attempt with whether the clipboard accepted it. */\n  onCopy?: (ok: boolean) => void\n}\n\n/** Finished lines mounted by default. */\nexport const TERMINAL_MAX_LINES = 1000\n\n// One literal class per colour, written out in full so the stylesheet generator\n// can see each of them; a class assembled from an index would never be emitted.\nconst FG_CLASS = [\n  'text-(color:--terminal-ansi-black)',\n  'text-(color:--terminal-ansi-red)',\n  'text-(color:--terminal-ansi-green)',\n  'text-(color:--terminal-ansi-yellow)',\n  'text-(color:--terminal-ansi-blue)',\n  'text-(color:--terminal-ansi-magenta)',\n  'text-(color:--terminal-ansi-cyan)',\n  'text-(color:--terminal-ansi-white)',\n  'text-(color:--terminal-ansi-bright-black)',\n  'text-(color:--terminal-ansi-bright-red)',\n  'text-(color:--terminal-ansi-bright-green)',\n  'text-(color:--terminal-ansi-bright-yellow)',\n  'text-(color:--terminal-ansi-bright-blue)',\n  'text-(color:--terminal-ansi-bright-magenta)',\n  'text-(color:--terminal-ansi-bright-cyan)',\n  'text-(color:--terminal-ansi-bright-white)',\n] as const\nconst BG_CLASS = [\n  'bg-(--terminal-ansi-black)',\n  'bg-(--terminal-ansi-red)',\n  'bg-(--terminal-ansi-green)',\n  'bg-(--terminal-ansi-yellow)',\n  'bg-(--terminal-ansi-blue)',\n  'bg-(--terminal-ansi-magenta)',\n  'bg-(--terminal-ansi-cyan)',\n  'bg-(--terminal-ansi-white)',\n  'bg-(--terminal-ansi-bright-black)',\n  'bg-(--terminal-ansi-bright-red)',\n  'bg-(--terminal-ansi-bright-green)',\n  'bg-(--terminal-ansi-bright-yellow)',\n  'bg-(--terminal-ansi-bright-blue)',\n  'bg-(--terminal-ansi-bright-magenta)',\n  'bg-(--terminal-ansi-bright-cyan)',\n  'bg-(--terminal-ansi-bright-white)',\n] as const\n\nfunction segmentClass(style: AnsiStyle): string {\n  const { fg, bg } = resolveColors(style)\n  return cn(\n    {\n      'font-bold': style.bold,\n      'opacity-70': style.dim,\n      italic: style.italic,\n      underline: style.underline && !style.strike,\n      'line-through': style.strike && !style.underline,\n      '[text-decoration-line:underline_line-through]': style.underline && style.strike,\n      'text-(color:--terminal-background)': fg === 'default-bg',\n      'bg-(--terminal-foreground)': bg === 'default-fg',\n    },\n    typeof fg === 'number' && FG_CLASS[fg],\n    typeof bg === 'number' && BG_CLASS[bg]\n  )\n}\n\nfunction LineView(props: { line: AnsiLine; wrap: boolean }) {\n  return (\n    // `min-h-lh` keeps an empty line one line tall; a block with no text would\n    // collapse and the transcript would lose its blank lines.\n    <div\n      class={cn('min-h-lh', {\n        'whitespace-pre-wrap [overflow-wrap:anywhere]': props.wrap,\n        'w-max min-w-full': !props.wrap,\n      })}\n    >\n      <For each={props.line.segments}>\n        {(segment) =>\n          isPlainStyle(segment.style) ? (\n            segment.text\n          ) : (\n            <span class={segmentClass(segment.style)}>{segment.text}</span>\n          )\n        }\n      </For>\n      <Show when={props.line.truncated > 0}>\n        <span class=\"opacity-70 select-none\">\n          {' '}\n          … {props.line.truncated.toLocaleString()} more characters not shown\n        </span>\n      </Show>\n    </div>\n  )\n}\n\nfunction sameAnsiLine(left: AnsiLine, right: AnsiLine): boolean {\n  return (\n    left.truncated === right.truncated &&\n    left.segments.length === right.segments.length &&\n    left.segments.every(\n      (segment, index) =>\n        segment.text === right.segments[index]?.text &&\n        segment.style === right.segments[index]?.style\n    )\n  )\n}\n\nfunction StatusReadout(props: { status: TerminalStatus }) {\n  return (\n    // A live region, so a command that finishes while the reader is elsewhere is\n    // announced once, in words.\n    <span\n      role=\"status\"\n      data-slot=\"terminal-status\"\n      data-state={props.status.state}\n      class={cn('flex shrink-0 items-center gap-1 text-xs', {\n        'text-destructive': isFailedExit(props.status),\n        'text-info': props.status.state === 'running',\n        'text-muted-foreground': props.status.state !== 'running' && !isFailedExit(props.status),\n      })}\n    >\n      {/* A zero exit gets no glyph: a tick would be this component deciding the\n          command succeeded, and some tools exit non-zero on purpose or zero on\n          failure. The words carry the fact; only a non-zero code is toned. */}\n      <Show when={props.status.state !== 'exited' || isFailedExit(props.status)}>\n        <span aria-hidden=\"true\" class=\"grid size-3.5 place-items-center [&_svg]:size-3.5\">\n          <Show\n            when={props.status.state === 'running'}\n            fallback={\n              <Show when={props.status.state === 'cancelled'} fallback={<CircleAlert />}>\n                <CircleSlash />\n              </Show>\n            }\n          >\n            <LoaderCircle class=\"motion-safe:animate-spin\" />\n          </Show>\n        </span>\n      </Show>\n      {terminalStatusLabel(props.status)}\n    </span>\n  )\n}\n\nexport function Terminal(props: TerminalProps) {\n  const [local, rest] = splitProps(props, [\n    'output',\n    'command',\n    'status',\n    'maxLines',\n    'retainLines',\n    'maxHeight',\n    'wrap',\n    'size',\n    'onClear',\n    'copyLabel',\n    'copiedLabel',\n    'clearLabel',\n    'onCopy',\n    'class',\n  ])\n\n  const small = () => local.size === 'sm'\n  const pageSize = () => Math.max(1, Math.floor(local.maxLines ?? TERMINAL_MAX_LINES))\n  const maxHeight = () =>\n    typeof local.maxHeight === 'number' ? `${local.maxHeight}px` : (local.maxHeight ?? '20rem')\n\n  // The parser outlives renders: it holds the half-read escape sequence, the\n  // current style and the open line. A new `output` that extends the old one is\n  // fed only its tail; anything else (a clear, a different command) starts over.\n  const newParser = () => createAnsiParser({ retainLines: local.retainLines })\n  let parser = newParser()\n  let consumed = ''\n  // Bumped when the output restarts, so a parked position from the old output\n  // is never applied to the new one.\n  let epoch = 0\n  const revision = createMemo(\n    () => {\n      const next = local.output\n      if (next.length >= consumed.length && next.startsWith(consumed)) {\n        parser.write(next.slice(consumed.length))\n      } else {\n        parser = newParser()\n        parser.write(next)\n        epoch += 1\n      }\n      consumed = next\n      return epoch\n    },\n    undefined,\n    { equals: false }\n  )\n\n  const [limit, setLimit] = createSignal(pageSize())\n  createEffect(on(pageSize, (size) => setLimit(size), { defer: true }))\n  // A cleared terminal is a fresh one: the next command starts at the page size.\n  createEffect(\n    on(\n      () => local.output === '',\n      (empty) => {\n        if (empty) setLimit(pageSize())\n      },\n      { defer: true }\n    )\n  )\n\n  const outputRows = createMemo(\n    () => {\n      revision()\n      const rows = parser.lines.slice()\n      const open = parser.openLine()\n      if (open) rows.push(open)\n      return rows\n    },\n    [],\n    { equals: false }\n  )\n  // Where the reader parked, as a count of lines since the output began. An open\n  // line is a row too: freeze its snapshot so streamed characters and CR redraws\n  // do not rewrite the text under a parked reader.\n  const [parked, setParked] = createSignal<{ epoch: number; end: number; open?: AnsiLine }>()\n  const total = () => parser.droppedLines + outputRows().length\n  const anchorEnd = () => {\n    const current = revision()\n    const position = parked()\n    return position && position.epoch === current ? position.end : undefined\n  }\n  const lineWindow = createMemo(() => {\n    revision()\n    return terminalWindow(outputRows().length, parser.droppedLines, limit(), anchorEnd())\n  })\n  // Finished rows keep their parser identity. If an open row existed when the\n  // reader parked, substitute its immutable snapshot until they jump to latest.\n  const visibleRows = createMemo(\n    () => {\n      revision()\n      const start = lineWindow().start\n      const end = lineWindow().end\n      const rows = outputRows().slice(start, end)\n      const position = parked()\n      if (position?.epoch === revision() && position.open) {\n        const retainedIndex = position.end - 1 - parser.droppedLines\n        if (retainedIndex >= start && retainedIndex < end) {\n          rows[retainedIndex - start] = position.open\n        }\n      }\n      return rows\n    },\n    [],\n    { equals: false }\n  )\n  const changedParkedLine = () => {\n    const position = parked()\n    if (position?.epoch !== revision() || !position.open) return false\n    const retainedIndex = position.end - 1 - parser.droppedLines\n    const current = outputRows()[retainedIndex]\n    return current !== undefined && !sameAnsiLine(position.open, current)\n  }\n  const newerRows = () => lineWindow().later + (changedParkedLine() ? 1 : 0)\n\n  let scroller: HTMLDivElement | undefined\n  const following = () => anchorEnd() === undefined\n\n  const onScroll = () => {\n    if (!scroller) return\n    const atEnd = isAtBottom(scroller.scrollHeight, scroller.scrollTop, scroller.clientHeight)\n    const position = anchorEnd()\n    if (!atEnd) {\n      if (position === undefined) {\n        const currentEpoch = revision()\n        setParked({ epoch: currentEpoch, end: total(), open: parser.openLine() })\n      }\n    } else if (position !== undefined && position >= total() && !changedParkedLine()) {\n      // Back at the end of a view with nothing newer: nothing was missed.\n      setParked(undefined)\n    }\n  }\n  createEffect(\n    on(revision, () => {\n      if (scroller && following()) scroller.scrollTop = scroller.scrollHeight\n    })\n  )\n  const jumpToLatest = () => {\n    if (!scroller) return\n    setParked(undefined)\n    scroller.scrollTop = scroller.scrollHeight\n    // The button is about to disappear; leave focus somewhere real.\n    scroller.focus()\n  }\n\n  const [copied, setCopied] = createSignal(false)\n  const [copyFailed, setCopyFailed] = createSignal(false)\n  const copy = async () => {\n    let ok = true\n    try {\n      await writeClipboardText(local.output)\n    } catch {\n      ok = false\n    }\n    setCopied(ok)\n    setCopyFailed(!ok)\n    local.onCopy?.(ok)\n    if (ok) setTimeout(() => setCopied(false), 1500)\n  }\n\n  const empty = () => local.output === ''\n  const regionLabel = () =>\n    local.command ? `Output of ${local.command.slice(0, 120)}` : 'Terminal output'\n\n  return (\n    <div\n      data-slot=\"terminal\"\n      data-size={local.size ?? 'default'}\n      aria-busy={local.status?.state === 'running' || undefined}\n      class={cn(\n        'group/terminal overflow-hidden border border-border bg-card',\n        small() ? 'rounded-lg' : 'rounded-xl',\n        local.class\n      )}\n      {...rest}\n    >\n      <div class={cn('flex items-center gap-2', small() ? 'px-2 py-0.5' : 'px-3 py-1')}>\n        <Show\n          when={local.command !== undefined}\n          fallback={<span class=\"flex-1 text-xs text-muted-foreground\">Terminal</span>}\n        >\n          <span class=\"flex min-w-0 flex-1 items-baseline gap-2\">\n            <span\n              aria-hidden=\"true\"\n              class=\"shrink-0 font-code text-code text-muted-foreground select-none\"\n            >\n              $\n            </span>\n            <code\n              title={local.command}\n              class=\"line-clamp-2 min-w-0 font-code text-code text-foreground [overflow-wrap:anywhere]\"\n            >\n              {local.command}\n            </code>\n          </span>\n        </Show>\n        <Show when={local.status}>{(status) => <StatusReadout status={status()} />}</Show>\n        {/* Hidden until the terminal is hovered or holds focus, never removed:\n            a control that only exists under the pointer is unreachable by\n            keyboard, and a touch screen has no hover, so it always shows there. */}\n        <div class=\"flex items-center gap-1 opacity-0 transition-opacity group-focus-within/terminal:opacity-100 group-hover/terminal:opacity-100 [@media(hover:none)]:opacity-100\">\n          <Show when={local.onClear !== undefined && !empty()}>\n            <Button\n              variant=\"ghost\"\n              size=\"icon-2xs\"\n              aria-label={local.clearLabel ?? 'Clear output'}\n              onClick={() => local.onClear?.()}\n            >\n              <Eraser aria-hidden=\"true\" />\n            </Button>\n          </Show>\n          <Show when={!empty()}>\n            <Button\n              variant=\"ghost\"\n              size=\"icon-2xs\"\n              aria-label={\n                copied() ? (local.copiedLabel ?? 'Copied') : (local.copyLabel ?? 'Copy output')\n              }\n              title={copyFailed() ? 'Copying is unavailable in this context' : undefined}\n              onClick={() => void copy()}\n            >\n              <Show when={copied()} fallback={<Copy aria-hidden=\"true\" />}>\n                <Check aria-hidden=\"true\" />\n              </Show>\n            </Button>\n          </Show>\n        </div>\n      </div>\n\n      <Show when={lineWindow().hidden > 0 || lineWindow().evicted > 0}>\n        <div\n          data-slot=\"terminal-hidden-note\"\n          class=\"flex items-center gap-2 border-t border-border px-3 py-1 text-xs text-muted-foreground\"\n        >\n          <span>\n            <Show when={lineWindow().hidden > 0}>\n              {lineWindow().hidden.toLocaleString()} earlier{' '}\n              {lineWindow().hidden === 1 ? 'line' : 'lines'} hidden\n              <Show when={parser.droppedLines > 0}>\n                {' '}\n                ({parser.droppedLines.toLocaleString()} only in the copy)\n              </Show>\n              .\n            </Show>\n            <Show when={lineWindow().evicted > 0}>\n              {' '}\n              {lineWindow().lost\n                ? `The lines you were reading were discarded to keep memory bounded; showing the oldest ${lineWindow().end.toLocaleString()} still kept.`\n                : `${lineWindow().evicted.toLocaleString()} of the lines you were reading were discarded to keep memory bounded.`}\n            </Show>\n          </span>\n          <Show when={lineWindow().revealable > 0}>\n            <Button\n              variant=\"ghost\"\n              size=\"2xs\"\n              onClick={() => setLimit(revealEarlier(limit(), pageSize(), outputRows().length))}\n            >\n              Show {Math.min(pageSize(), lineWindow().revealable).toLocaleString()} earlier\n            </Button>\n          </Show>\n        </div>\n      </Show>\n\n      <div class=\"relative\">\n        <div\n          ref={(element) => (scroller = element)}\n          data-slot=\"terminal-body\"\n          // A region that scrolls must be focusable, and a tab stop needs a name.\n          role=\"region\"\n          tabindex=\"0\"\n          aria-label={regionLabel()}\n          onScroll={onScroll}\n          style={{ 'max-height': maxHeight() }}\n          class=\"scroll-fade overflow-auto border-t border-border bg-(--terminal-background) text-(color:--terminal-foreground)\"\n        >\n          <Show\n            when={!empty()}\n            fallback={\n              <p class={cn('m-0 opacity-70', small() ? 'px-2 py-1.5' : 'px-3 py-2')}>\n                <span class=\"font-code text-code\">\n                  {local.status?.state === 'running' ? 'Waiting for output…' : 'No output'}\n                </span>\n              </p>\n            }\n          >\n            <pre\n              class={cn(\n                'm-0 font-code text-code leading-normal',\n                small() ? 'px-2 py-1.5' : 'px-3 py-2'\n              )}\n            >\n              <For each={visibleRows()}>\n                {(line) => <LineView line={line} wrap={local.wrap === true} />}\n              </For>\n            </pre>\n          </Show>\n        </div>\n        <Show when={newerRows() > 0}>\n          <Button\n            variant=\"secondary\"\n            size=\"2xs\"\n            class=\"absolute end-3 bottom-2 shadow-sm\"\n            onClick={jumpToLatest}\n          >\n            <ArrowDown aria-hidden=\"true\" />\n            Jump to latest\n            <span class=\"text-muted-foreground tabular-nums\">\n              ({newerRows().toLocaleString()} newer {newerRows() === 1 ? 'line' : 'lines'})\n            </span>\n          </Button>\n        </Show>\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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"}

package/dist/components/composites/test-results/index.d.ts

@@ -0,0 +1,3 @@
+export { TestResults, TEST_RESULTS_LIST_LIMIT, type TestResultsProps } from './test-results';
+export { describeCount, firstFailureKey, formatDuration as formatTestDuration, listedCounts, reconcileCounts, suiteKey, suiteState, testKey, type CountLine, type ListedCounts, type RunCounts, type SuiteState, type TestCase, type TestCaseStatus, type TestOutcome, type TestSuite, type TestSummary, } from './test-results-model';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/composites/test-results/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/composites/test-results/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,uBAAuB,EAAE,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAC5F,OAAO,EACL,aAAa,EACb,eAAe,EACf,cAAc,IAAI,kBAAkB,EACpC,YAAY,EACZ,eAAe,EACf,QAAQ,EACR,UAAU,EACV,OAAO,EACP,KAAK,SAAS,EACd,KAAK,YAAY,EACjB,KAAK,SAAS,EACd,KAAK,UAAU,EACf,KAAK,QAAQ,EACb,KAAK,cAAc,EACnB,KAAK,WAAW,EAChB,KAAK,SAAS,EACd,KAAK,WAAW,GACjB,MAAM,sBAAsB,CAAA"}

package/dist/components/composites/test-results/index.js

@@ -0,0 +1,3 @@
+import { describeCount, firstFailureKey, formatDuration, listedCounts, reconcileCounts, suiteKey, suiteState, testKey } from "./test-results-model.js";
+import { TEST_RESULTS_LIST_LIMIT, TestResults } from "./test-results.js";
+export { TEST_RESULTS_LIST_LIMIT, TestResults, describeCount, firstFailureKey, formatDuration as formatTestDuration, listedCounts, reconcileCounts, suiteKey, suiteState, testKey };