@gjermundgaraba/upup 0.2.0 → 0.3.0

package/dist/{Tui-PjGIvm7J.mjs → Tui-BiTtZ1EF.mjs}

@@ -1,10 +1,46 @@
-import { a as describeOutcome, c as describeError, d as rowKey, i as questionOf, l as isAppUpdate, n as aboutKey, o as changedLines, r as auditKey, s as unauditable, t as Session, u as isVendorUpdate } from "./main.mjs";
+import { a as describeOutcome, c as describeError, d as unauditedKind, i as questionOf, l as isUnauditedUpdate, n as aboutKey, o as changedLines, r as auditKey, s as unauditable, t as Session, u as rowKey } from "./main.mjs";
 import { Deferred, Effect, FiberSet, Stream } from "effect";
 import { spawn } from "node:child_process";
 import { homedir } from "node:os";
+import semver from "semver";
 import { createComponent, createElement, createTextNode, effect, insert, insertNode, memo, render, setProp, use, useKeyboard, usePaste, useTerminalDimensions } from "@opentui/solid";
 import { TextAttributes, createCliRenderer } from "@opentui/core";
 import { For, Match, Show, Switch, createEffect, createMemo, createRenderEffect, createSignal, on, onCleanup, untrack } from "solid-js/dist/solid.js";
+// src/tui/text.ts
+const segmenter = new Intl.Segmenter();
+const graphemes = (text) => Array.from(segmenter.segment(text), ({ segment }) => segment);
+const padded = (text, width, align = "start") => {
+	const room = " ".repeat(Math.max(0, width - graphemes(text).length));
+	return align === "end" ? `${room}${text}` : `${text}${room}`;
+};
+const cut = (chars, width) => {
+	if (chars.length <= width) return chars.join("");
+	if (width <= 0) return "";
+	return `${chars.slice(0, width - 1).join("")}…`;
+};
+const fit = (text, width, align = "start") => {
+	const shown = cut(graphemes(text.replaceAll(/\s+/gu, " ")), width);
+	return padded(shown, width, align);
+};
+const clip = (text, width) => graphemes(text).length <= width ? text : cut(graphemes(text.trimEnd()), width);
+const fitName = (text, width) => {
+	const chars = graphemes(text);
+	if (chars.length <= width) return padded(text, width);
+	if (width <= 3) return fit(text, width);
+	const slash = chars.indexOf("/");
+	const base = chars.slice(slash + 1);
+	const scope = chars.slice(0, slash);
+	if (text.startsWith("@") && slash > 0 && base.length + 4 <= width) {
+		const keep = Math.min(scope.length, width - base.length - 2);
+		return padded(`${scope.slice(0, keep).join("")}…/${base.join("")}`, width);
+	}
+	const head = Math.ceil((width - 1) / 2);
+	const tail = width - 1 - head;
+	return `${chars.slice(0, head).join("")}…${chars.slice(chars.length - tail).join("")}`;
+};
+const plural = (count, noun) => `${count} ${noun}${count === 1 ? "" : "s"}`;
+const capitalized = (text) => `${text.charAt(0).toUpperCase()}${text.slice(1)}`;
+const listed = (names) => names.length <= 3 ? names.join(", ") : `${names.slice(0, 3).join(", ")} and ${names.length - 3} more`;
 // src/tui/keys.ts
 const keys = {
 	up: {
@@ -261,7 +297,7 @@ const describe = (key) => {
 	return `${key.ctrl ? "ctrl+" : ""}${key.meta ? "meta+" : ""}${key.shift && !single ? "shift+" : ""}${name}`;
 };
 const matches = (binding, key) => binding.keys.includes(describe(key));
-const typed = (key) => !key.ctrl && !key.meta && [...key.sequence].length === 1 && key.sequence >= " " ? key.sequence : void 0;
+const typed = (key) => !key.ctrl && !key.meta && graphemes(key.sequence).length === 1 && key.sequence >= " " ? key.sequence : void 0;
 const pasted = (bytes) => new TextDecoder().decode(bytes).replaceAll(/[\r\n]+/gu, "");
 // src/tui/theme.ts
 const dark = {
@@ -270,13 +306,12 @@ const dark = {
 	accent: "#8aa9ff",
 	onAccent: "#14161c",
 	muted: "#9198a8",
-	faint: "#7c8496",
 	ok: "#8fd694",
 	warn: "#f2c46d",
 	danger: "#ff8a94",
 	info: "#7dd3e8",
-	cursor: "#2b3348",
-	selected: "#1f2a3d",
+	cursor: "#262b3c",
+	selected: "#1e212c",
 	surface: "#1c1f27",
 	chip: "#2e3340",
 	rule: "#3a3f4c",
@@ -288,13 +323,12 @@ const light = {
 	accent: "#3657d6",
 	onAccent: "#ffffff",
 	muted: "#5f6878",
-	faint: "#6f7787",
-	ok: "#25803a",
-	warn: "#a86a00",
+	ok: "#1f7033",
+	warn: "#8f5a00",
 	danger: "#c8283c",
 	info: "#0b7c99",
-	cursor: "#dfe6fb",
-	selected: "#edf1fd",
+	cursor: "#e7ebfa",
+	selected: "#f5f7fd",
 	surface: "#f6f7fa",
 	chip: "#e4e7ee",
 	rule: "#d3d7e0",
@@ -333,8 +367,8 @@ const derive = (base, background) => {
 	const lift = base === light ? "#000000" : "#ffffff";
 	return {
 		...base,
-		cursor: mix(background, base.accent, .22),
-		selected: mix(background, base.accent, .1),
+		cursor: mix(background, base.accent, .12),
+		selected: mix(background, base.accent, .05),
 		surface: mix(background, lift, .04),
 		chip: mix(background, lift, .12),
 		rule: mix(background, lift, .16)
@@ -371,9 +405,6 @@ const theme = {
 	get muted() {
 		return palette().muted;
 	},
-	get faint() {
-		return palette().faint;
-	},
 	get ok() {
 		return palette().ok;
 	},
@@ -406,69 +437,65 @@ const theme = {
 // src/tui/Popup.tsx
 const separator = 2;
 const chip = (binding) => ` ${binding.hint ?? ""} `;
-const hintsWidth = (bindings) => bindings.reduce((width, binding, index) => width + (index === 0 ? 0 : separator) + [...chip(binding)].length + 1 + [...binding.description ?? ""].length, 0);
-function Key(props) {
-	return (() => {
-		var _el$ = createElement("text");
-		setProp(_el$, "flexShrink", 0);
-		insert(_el$, () => ` ${props.hint} `);
-		effect((_p$) => {
-			var _v$ = props.color ?? theme.strong, _v$2 = theme.chip, _v$3 = TextAttributes.BOLD;
-			_v$ !== _p$.e && (_p$.e = setProp(_el$, "fg", _v$, _p$.e));
-			_v$2 !== _p$.t && (_p$.t = setProp(_el$, "bg", _v$2, _p$.t));
-			_v$3 !== _p$.a && (_p$.a = setProp(_el$, "attributes", _v$3, _p$.a));
-			return _p$;
-		}, {
-			e: void 0,
-			t: void 0,
-			a: void 0
-		});
-		return _el$;
-	})();
-}
-function Hints(props) {
-	return (() => {
-		var _el$2 = createElement("box");
-		setProp(_el$2, "flexDirection", "row");
-		setProp(_el$2, "flexShrink", 0);
-		insert(_el$2, createComponent(For, {
-			get each() {
-				return props.bindings;
-			},
-			children: (binding, index) => (() => {
-				var _el$3 = createElement("box"), _el$4 = createElement("text");
-				insertNode(_el$3, _el$4);
-				setProp(_el$3, "flexDirection", "row");
-				setProp(_el$3, "flexShrink", 0);
-				insert(_el$3, createComponent(Key, { get hint() {
-					return binding.hint ?? "";
-				} }), _el$4);
-				setProp(_el$4, "flexShrink", 0);
-				insert(_el$4, () => ` ${binding.description ?? ""}`);
-				effect((_p$) => {
-					var _v$6 = index() === 0 ? 0 : separator, _v$7 = theme.muted;
-					_v$6 !== _p$.e && (_p$.e = setProp(_el$3, "marginLeft", _v$6, _p$.e));
-					_v$7 !== _p$.t && (_p$.t = setProp(_el$4, "fg", _v$7, _p$.t));
-					return _p$;
-				}, {
-					e: void 0,
-					t: void 0
-				});
-				return _el$3;
-			})()
-		}));
-		effect((_p$) => {
-			var _v$4 = props.wrap === true ? "wrap" : "no-wrap", _v$5 = props.wrap === true ? "auto" : 1;
-			_v$4 !== _p$.e && (_p$.e = setProp(_el$2, "flexWrap", _v$4, _p$.e));
-			_v$5 !== _p$.t && (_p$.t = setProp(_el$2, "height", _v$5, _p$.t));
-			return _p$;
-		}, {
-			e: void 0,
-			t: void 0
-		});
-		return _el$2;
-	})();
-}
+const hintsWidth = (bindings) => bindings.reduce((width, binding, index) => width + (index === 0 ? 0 : separator) + graphemes(chip(binding)).length + 1 + graphemes(binding.description ?? "").length, 0);
+const Key = (props) => (() => {
+	var _el$ = createElement("text");
+	setProp(_el$, "flexShrink", 0);
+	insert(_el$, () => ` ${props.hint} `);
+	effect((_p$) => {
+		var _v$ = props.color ?? theme.strong, _v$2 = theme.chip, _v$3 = TextAttributes.BOLD;
+		_v$ !== _p$.e && (_p$.e = setProp(_el$, "fg", _v$, _p$.e));
+		_v$2 !== _p$.t && (_p$.t = setProp(_el$, "bg", _v$2, _p$.t));
+		_v$3 !== _p$.a && (_p$.a = setProp(_el$, "attributes", _v$3, _p$.a));
+		return _p$;
+	}, {
+		e: void 0,
+		t: void 0,
+		a: void 0
+	});
+	return _el$;
+})();
+const Hints = (props) => (() => {
+	var _el$2 = createElement("box");
+	setProp(_el$2, "flexDirection", "row");
+	setProp(_el$2, "flexShrink", 0);
+	insert(_el$2, createComponent(For, {
+		get each() {
+			return props.bindings;
+		},
+		children: (binding, index) => (() => {
+			var _el$3 = createElement("box"), _el$4 = createElement("text");
+			insertNode(_el$3, _el$4);
+			setProp(_el$3, "flexDirection", "row");
+			setProp(_el$3, "flexShrink", 0);
+			insert(_el$3, createComponent(Key, { get hint() {
+				return binding.hint ?? "";
+			} }), _el$4);
+			setProp(_el$4, "flexShrink", 0);
+			insert(_el$4, () => ` ${binding.description ?? ""}`);
+			effect((_p$) => {
+				var _v$6 = index() === 0 ? 0 : separator, _v$7 = theme.muted;
+				_v$6 !== _p$.e && (_p$.e = setProp(_el$3, "marginLeft", _v$6, _p$.e));
+				_v$7 !== _p$.t && (_p$.t = setProp(_el$4, "fg", _v$7, _p$.t));
+				return _p$;
+			}, {
+				e: void 0,
+				t: void 0
+			});
+			return _el$3;
+		})()
+	}));
+	effect((_p$) => {
+		var _v$4 = props.wrap === true ? "wrap" : "no-wrap", _v$5 = props.wrap === true ? "auto" : 1;
+		_v$4 !== _p$.e && (_p$.e = setProp(_el$2, "flexWrap", _v$4, _p$.e));
+		_v$5 !== _p$.t && (_p$.t = setProp(_el$2, "height", _v$5, _p$.t));
+		return _p$;
+	}, {
+		e: void 0,
+		t: void 0
+	});
+	return _el$2;
+})();
 const toneColor = (tone) => {
 	switch (tone) {
 		case "accent": return theme.accent;
@@ -477,12 +504,31 @@ const toneColor = (tone) => {
 		case "quiet": return theme.muted;
 	}
 };
-function Popup(props) {
+const useCompact = () => {
+	const dimensions = useTerminalDimensions();
+	return () => dimensions().height < 20;
+};
+const frame = 6;
+const popupWidth = (wanted, terminal) => Math.min(wanted, terminal - 4);
+const bodyWidth = (wanted, terminal) => popupWidth(wanted, terminal) - frame;
+const scrollHint = {
+	keys: [],
+	hint: "↑↓",
+	description: "scroll"
+};
+const Popup = (props) => {
 	const dimensions = useTerminalDimensions();
-	const width = () => Math.min(props.width ?? 64, dimensions().width - 4);
+	const compact = useCompact();
+	const width = () => popupWidth(props.width ?? 64, dimensions().width);
 	const color = () => toneColor(props.tone ?? "accent");
+	let body;
+	useKeyboard((key) => {
+		if (props.scrolls !== true) return;
+		if (matches(keys.down, key)) body?.scrollBy(1);
+		else if (matches(keys.up, key)) body?.scrollBy(-1);
+	});
 	return (() => {
-		var _el$5 = createElement("box"), _el$6 = createElement("box"), _el$7 = createElement("box"), _el$8 = createElement("text"), _el$9 = createElement("text"), _el$1 = createElement("text");
+		var _el$5 = createElement("box"), _el$6 = createElement("box"), _el$7 = createElement("box"), _el$8 = createElement("text"), _el$9 = createElement("text"), _el$1 = createElement("scrollbox"), _el$10 = createElement("text");
 		insertNode(_el$5, _el$6);
 		setProp(_el$5, "position", "absolute");
 		setProp(_el$5, "zIndex", 10);
@@ -500,6 +546,7 @@ function Popup(props) {
 		insertNode(_el$7, _el$8);
 		insertNode(_el$7, _el$9);
 		insertNode(_el$7, _el$1);
+		insertNode(_el$7, _el$10);
 		setProp(_el$7, "flexShrink", 1);
 		setProp(_el$7, "overflow", "hidden");
 		setProp(_el$7, "flexDirection", "column");
@@ -507,27 +554,36 @@ function Popup(props) {
 		setProp(_el$7, "borderStyle", "rounded");
 		setProp(_el$7, "paddingLeft", 2);
 		setProp(_el$7, "paddingRight", 2);
-		setProp(_el$7, "paddingTop", 1);
+		setProp(_el$8, "flexShrink", 0);
 		insert(_el$8, () => props.title);
 		insertNode(_el$9, createTextNode(` `));
-		insert(_el$7, () => props.children, _el$1);
-		insertNode(_el$1, createTextNode(` `));
+		setProp(_el$9, "flexShrink", 0);
+		use((box) => {
+			body = box;
+		}, _el$1);
+		setProp(_el$1, "flexShrink", 1);
+		setProp(_el$1, "minHeight", 1);
+		setProp(_el$1, "contentOptions", { minHeight: 0 });
+		insert(_el$1, () => props.children);
+		insertNode(_el$10, createTextNode(` `));
+		setProp(_el$10, "flexShrink", 0);
 		insert(_el$7, createComponent(Hints, {
 			get bindings() {
-				return props.bindings;
+				return memo(() => props.scrolls === true)() ? [scrollHint, ...props.bindings] : props.bindings;
 			},
 			wrap: true
 		}), null);
 		effect((_p$) => {
-			var _v$8 = width() + 2, _v$9 = dimensions().height, _v$0 = theme.surface, _v$1 = width(), _v$10 = color(), _v$11 = theme.surface, _v$12 = props.tone === "quiet" ? theme.strong : color(), _v$13 = TextAttributes.BOLD;
+			var _v$8 = width() + 2, _v$9 = theme.surface, _v$0 = width(), _v$1 = dimensions().height, _v$10 = color(), _v$11 = theme.surface, _v$12 = compact() ? 0 : 1, _v$13 = props.tone === "quiet" ? theme.strong : color(), _v$14 = TextAttributes.BOLD;
 			_v$8 !== _p$.e && (_p$.e = setProp(_el$6, "width", _v$8, _p$.e));
-			_v$9 !== _p$.t && (_p$.t = setProp(_el$6, "maxHeight", _v$9, _p$.t));
-			_v$0 !== _p$.a && (_p$.a = setProp(_el$6, "backgroundColor", _v$0, _p$.a));
-			_v$1 !== _p$.o && (_p$.o = setProp(_el$7, "width", _v$1, _p$.o));
+			_v$9 !== _p$.t && (_p$.t = setProp(_el$6, "backgroundColor", _v$9, _p$.t));
+			_v$0 !== _p$.a && (_p$.a = setProp(_el$7, "width", _v$0, _p$.a));
+			_v$1 !== _p$.o && (_p$.o = setProp(_el$7, "maxHeight", _v$1, _p$.o));
 			_v$10 !== _p$.i && (_p$.i = setProp(_el$7, "borderColor", _v$10, _p$.i));
 			_v$11 !== _p$.n && (_p$.n = setProp(_el$7, "backgroundColor", _v$11, _p$.n));
-			_v$12 !== _p$.s && (_p$.s = setProp(_el$8, "fg", _v$12, _p$.s));
-			_v$13 !== _p$.h && (_p$.h = setProp(_el$8, "attributes", _v$13, _p$.h));
+			_v$12 !== _p$.s && (_p$.s = setProp(_el$7, "paddingTop", _v$12, _p$.s));
+			_v$13 !== _p$.h && (_p$.h = setProp(_el$8, "fg", _v$13, _p$.h));
+			_v$14 !== _p$.r && (_p$.r = setProp(_el$8, "attributes", _v$14, _p$.r));
 			return _p$;
 		}, {
 			e: void 0,
@@ -537,11 +593,12 @@ function Popup(props) {
 			i: void 0,
 			n: void 0,
 			s: void 0,
-			h: void 0
+			h: void 0,
+			r: void 0
 		});
 		return _el$5;
 	})();
-}
+};
 // src/tui/Spinner.tsx
 const frames = [
 	"⠋",
@@ -555,10 +612,14 @@ const frames = [
 	"⠇",
 	"⠏"
 ];
-function Spinner(props) {
+const Spinner = (props) => {
 	const [frame, setFrame] = createSignal(0);
-	const timer = setInterval(() => setFrame((at) => (at + 1) % frames.length), 80);
-	onCleanup(() => clearInterval(timer));
+	const timer = setInterval(() => {
+		setFrame((at) => (at + 1) % frames.length);
+	}, 80);
+	onCleanup(() => {
+		clearInterval(timer);
+	});
 	return (() => {
 		var _el$ = createElement("text");
 		setProp(_el$, "flexShrink", 0);
@@ -566,24 +627,31 @@ function Spinner(props) {
 		effect((_$p) => setProp(_el$, "fg", props.color ?? theme.accent, _$p));
 		return _el$;
 	})();
-}
+};
 // src/tui/Changes.tsx
 const shownLines = 2e3;
 const diffHead = "changes-diff-head";
-const areas = {
-	to: "Package",
-	"payload-to": "Payload",
-	"wheel-to": "Wheel",
-	source: "Source",
-	"repo-to": "Source repository",
-	"go-source-to": "Go source",
-	"dependencies-to": "Dependencies"
-};
+const areas = /* @__PURE__ */ new Map([
+	["to", "Package"],
+	["payload-to", "Payload"],
+	["wheel-to", "Wheel"],
+	["source", "Source"],
+	["repo-to", "Source repository"],
+	["go-source-to", "Go source"],
+	["dependencies-to", "Dependencies"]
+]);
 const metadata = "Package metadata";
 const generated = "Generated";
-const isGenerated = (path) => path.endsWith(".map") || /\.min\.(js|css)$/u.test(path) || /(^|\/)chunk-[\w-]*\d[\w-]*\.\w+$/u.test(path) || /(^|\/)(dist|build|out)\//u.test(path);
-const areaOf = (section) => isGenerated(section.path) ? generated : section.tree === "" ? metadata : areas[section.tree] ?? section.tree;
-const rank = (area) => area === generated ? 2 : area === metadata ? 1 : 0;
+const isGenerated = (path) => path.endsWith(".map") || /\.min\.(?:js|css)$/u.test(path) || /(?:^|\/)chunk-[\w-]*\d[\w-]*\.\w+$/u.test(path) || /(?:^|\/)(?:dist|build|out)\//u.test(path);
+const areaOf = (section) => {
+	if (isGenerated(section.path)) return generated;
+	if (section.tree === "") return metadata;
+	return areas.get(section.tree) ?? section.tree;
+};
+const rank = (area) => {
+	if (area === generated) return 2;
+	return area === metadata ? 1 : 0;
+};
 const files = (view) => view.sections.map((section) => ({
 	section,
 	area: areaOf(section),
@@ -624,11 +692,15 @@ const grades = {
 		color: () => theme.muted
 	}
 };
-const lineColor = (line) => line.startsWith("+") ? theme.ok : line.startsWith("-") ? theme.danger : line.startsWith("@@") ? theme.info : theme.muted;
+const lineColor = (line) => {
+	if (line.startsWith("+")) return theme.ok;
+	if (line.startsWith("-")) return theme.danger;
+	return line.startsWith("@@") ? theme.info : theme.muted;
+};
 const endings = (from, to) => {
 	const left = from.split("/");
 	const right = to.split("/");
-	for (let count = 2; count < Math.max(left.length, right.length); count++) {
+	for (let count = 2; count < Math.max(left.length, right.length); count += 1) {
 		const ours = left.slice(-count).join("/");
 		const theirs = right.slice(-count).join("/");
 		if (ours !== theirs) return [ours, theirs];
@@ -636,18 +708,23 @@ const endings = (from, to) => {
 	return [from, to];
 };
 const flags = (section) => [section.binary ? "binary" : "", section.longLine ? "long lines" : ""].filter(Boolean).join(", ");
-function Diff(props) {
+const Diff = (props) => {
 	const list = createMemo(() => files(props.view));
 	const current = createMemo(() => list()[Math.min(props.at, list().length - 1)]);
 	const at = (file) => file.section === current()?.section;
 	const next = () => list()[Math.min(props.at, list().length - 1) + 1];
-	const totals = () => list().reduce((sum, file) => ({
-		added: sum.added + file.added,
-		removed: sum.removed + file.removed
-	}), {
-		added: 0,
-		removed: 0
-	});
+	const totals = () => {
+		let added = 0;
+		let removed = 0;
+		for (const file of list()) {
+			added += file.added;
+			removed += file.removed;
+		}
+		return {
+			added,
+			removed
+		};
+	};
 	const width = () => Math.max(3, ...list().flatMap((file) => [`${file.added}`.length, `${file.removed}`.length])) + 1;
 	const grouped = () => {
 		const byArea = /* @__PURE__ */ new Map();
@@ -764,6 +841,10 @@ function Diff(props) {
 					children: ([area, entries]) => {
 						const folded = () => area === generated && !entries.some(at);
 						const window = () => around(entries, entries.findIndex(at));
+						const foldMark = () => {
+							if (area !== generated) return "";
+							return folded() ? "▸ " : "▾ ";
+						};
 						return (() => {
 							var _el$22 = createElement("box"), _el$23 = createElement("box"), _el$24 = createElement("text"), _el$25 = createElement("text");
 							insertNode(_el$22, _el$23);
@@ -774,7 +855,7 @@ function Diff(props) {
 							setProp(_el$23, "flexDirection", "row");
 							setProp(_el$23, "height", 1);
 							setProp(_el$24, "flexShrink", 0);
-							insert(_el$24, () => `${area === generated ? folded() ? "▸ " : "▾ " : ""}${area}`);
+							insert(_el$24, () => `${foldMark()}${area}`);
 							setProp(_el$25, "flexShrink", 0);
 							insert(_el$25, () => `  ${entries.length}`);
 							insert(_el$23, createComponent(Show, {
@@ -801,7 +882,7 @@ function Diff(props) {
 											var _el$28 = createElement("text");
 											insertNode(_el$28, createTextNode(`   build output, maps and hashed chunks`));
 											setProp(_el$28, "flexShrink", 0);
-											effect((_$p) => setProp(_el$28, "fg", theme.faint, _$p));
+											effect((_$p) => setProp(_el$28, "fg", theme.muted, _$p));
 											return _el$28;
 										})()
 									];
@@ -820,7 +901,7 @@ function Diff(props) {
 											get children() {
 												var _el$30 = createElement("text");
 												insert(_el$30, () => `   … ${window().before} earlier`);
-												effect((_$p) => setProp(_el$30, "fg", theme.faint, _$p));
+												effect((_$p) => setProp(_el$30, "fg", theme.muted, _$p));
 												return _el$30;
 											}
 										}),
@@ -883,7 +964,7 @@ function Diff(props) {
 											get children() {
 												var _el$31 = createElement("text");
 												insert(_el$31, () => `   … ${window().after} more · n/p step through them`);
-												effect((_$p) => setProp(_el$31, "fg", theme.faint, _$p));
+												effect((_$p) => setProp(_el$31, "fg", theme.muted, _$p));
 												return _el$31;
 											}
 										})
@@ -891,7 +972,7 @@ function Diff(props) {
 								}
 							}), null);
 							effect((_p$) => {
-								var _v$0 = theme.muted, _v$1 = TextAttributes.BOLD, _v$10 = theme.faint;
+								var _v$0 = theme.muted, _v$1 = TextAttributes.BOLD, _v$10 = theme.muted;
 								_v$0 !== _p$.e && (_p$.e = setProp(_el$24, "fg", _v$0, _p$.e));
 								_v$1 !== _p$.t && (_p$.t = setProp(_el$24, "attributes", _v$1, _p$.t));
 								_v$10 !== _p$.a && (_p$.a = setProp(_el$25, "fg", _v$10, _p$.a));
@@ -989,7 +1070,7 @@ function Diff(props) {
 										return () => _c$() ? " previous file  (this is the last)" : ` next: ${endings(file().section.path, next()?.section.path ?? "")[1]}`;
 									})());
 									effect((_p$) => {
-										var _v$16 = theme.faint, _v$17 = theme.muted;
+										var _v$16 = theme.muted, _v$17 = theme.muted;
 										_v$16 !== _p$.e && (_p$.e = setProp(_el$50, "fg", _v$16, _p$.e));
 										_v$17 !== _p$.t && (_p$.t = setProp(_el$51, "fg", _v$17, _p$.t));
 										return _p$;
@@ -1046,8 +1127,8 @@ function Diff(props) {
 		});
 		return _el$;
 	})();
-}
-function Changes(props) {
+};
+const Changes = (props) => {
 	const ready = () => props.loaded?._tag === "Ready" ? props.loaded.value : void 0;
 	const unavailable = () => props.loaded?._tag === "Unavailable" ? props.loaded.issue : void 0;
 	return createComponent(Switch, {
@@ -1058,56 +1139,56 @@ function Changes(props) {
 				},
 				get fallback() {
 					return (() => {
-						var _el$59 = createElement("box"), _el$60 = createElement("text");
-						insertNode(_el$59, _el$60);
-						setProp(_el$59, "flexDirection", "column");
-						setProp(_el$60, "wrapMode", "word");
-						insert(_el$60, () => `Nothing to compare: ${props.unauditable ?? ""}.`);
-						insert(_el$59, createComponent(Show, {
+						var _el$60 = createElement("box"), _el$61 = createElement("text");
+						insertNode(_el$60, _el$61);
+						setProp(_el$60, "flexDirection", "column");
+						setProp(_el$61, "wrapMode", "word");
+						insert(_el$61, () => `Nothing to compare: ${props.unauditable ?? ""}.`);
+						insert(_el$60, createComponent(Show, {
 							get when() {
 								return props.notes;
 							},
 							children: (notes) => [
 								(() => {
-									var _el$61 = createElement("text");
-									insertNode(_el$61, createTextNode(` `));
-									return _el$61;
+									var _el$62 = createElement("text");
+									insertNode(_el$62, createTextNode(` `));
+									return _el$62;
 								})(),
 								(() => {
-									var _el$63 = createElement("text");
-									insertNode(_el$63, createTextNode(`Release notes`));
+									var _el$64 = createElement("text");
+									insertNode(_el$64, createTextNode(`Release notes`));
 									effect((_p$) => {
 										var _v$21 = theme.muted, _v$22 = TextAttributes.BOLD;
-										_v$21 !== _p$.e && (_p$.e = setProp(_el$63, "fg", _v$21, _p$.e));
-										_v$22 !== _p$.t && (_p$.t = setProp(_el$63, "attributes", _v$22, _p$.t));
+										_v$21 !== _p$.e && (_p$.e = setProp(_el$64, "fg", _v$21, _p$.e));
+										_v$22 !== _p$.t && (_p$.t = setProp(_el$64, "attributes", _v$22, _p$.t));
 										return _p$;
 									}, {
 										e: void 0,
 										t: void 0
 									});
-									return _el$63;
+									return _el$64;
 								})(),
 								(() => {
-									var _el$65 = createElement("text");
-									setProp(_el$65, "wrapMode", "word");
-									insert(_el$65, notes);
-									return _el$65;
+									var _el$66 = createElement("text");
+									setProp(_el$66, "wrapMode", "word");
+									insert(_el$66, notes);
+									return _el$66;
 								})()
 							]
 						}), null);
-						effect((_$p) => setProp(_el$60, "fg", theme.muted, _$p));
-						return _el$59;
+						effect((_$p) => setProp(_el$61, "fg", theme.muted, _$p));
+						return _el$60;
 					})();
 				},
 				get children() {
-					var _el$56 = createElement("box"), _el$57 = createElement("text");
-					insertNode(_el$56, _el$57);
-					setProp(_el$56, "flexDirection", "row");
-					setProp(_el$56, "height", 1);
-					insert(_el$56, createComponent(Spinner, {}), _el$57);
-					insertNode(_el$57, createTextNode(` Preparing the comparison…`));
-					effect((_$p) => setProp(_el$57, "fg", theme.muted, _$p));
-					return _el$56;
+					var _el$57 = createElement("box"), _el$58 = createElement("text");
+					insertNode(_el$57, _el$58);
+					setProp(_el$57, "flexDirection", "row");
+					setProp(_el$57, "height", 1);
+					insert(_el$57, createComponent(Spinner, {}), _el$58);
+					insertNode(_el$58, createTextNode(` Preparing the comparison…`));
+					effect((_$p) => setProp(_el$58, "fg", theme.muted, _$p));
+					return _el$57;
 				}
 			});
 		},
@@ -1118,12 +1199,12 @@ function Changes(props) {
 						return props.loaded?._tag === "Loading";
 					},
 					get children() {
-						var _el$53 = createElement("box"), _el$54 = createElement("text");
+						var _el$53 = createElement("box"), _el$54 = createElement("text"), _el$55 = createTextNode(` Downloading, verifying and comparing both versions…`);
 						insertNode(_el$53, _el$54);
 						setProp(_el$53, "flexDirection", "row");
 						setProp(_el$53, "height", 1);
 						insert(_el$53, createComponent(Spinner, {}), _el$54);
-						insertNode(_el$54, createTextNode(` Downloading, verifying and comparing both versions…`));
+						insertNode(_el$54, _el$55);
 						effect((_$p) => setProp(_el$54, "fg", theme.muted, _$p));
 						return _el$53;
 					}
@@ -1133,11 +1214,11 @@ function Changes(props) {
 						return unavailable();
 					},
 					children: (issue) => (() => {
-						var _el$66 = createElement("text");
-						setProp(_el$66, "wrapMode", "word");
-						insert(_el$66, () => `✗ Changes unavailable: ${issue()}`);
-						effect((_$p) => setProp(_el$66, "fg", theme.danger, _$p));
-						return _el$66;
+						var _el$67 = createElement("text");
+						setProp(_el$67, "wrapMode", "word");
+						insert(_el$67, () => `✗ Changes unavailable: ${issue()}`);
+						effect((_$p) => setProp(_el$67, "fg", theme.danger, _$p));
+						return _el$67;
 					})()
 				}),
 				createComponent(Match, {
@@ -1156,10 +1237,60 @@ function Changes(props) {
 			];
 		}
 	});
-}
+};
+// src/tui/Segments.tsx
+const segment = (color, text, bold = false) => ({
+	text,
+	color,
+	bold
+});
+const Segments = (props) => (() => {
+	var _el$ = createElement("box");
+	setProp(_el$, "flexDirection", "row");
+	setProp(_el$, "height", 1);
+	insert(_el$, createComponent(For, {
+		get each() {
+			return props.segments.filter((part) => part.text !== "");
+		},
+		children: (part) => (() => {
+			var _el$2 = createElement("text");
+			setProp(_el$2, "flexShrink", 0);
+			setProp(_el$2, "wrapMode", "none");
+			insert(_el$2, () => part.text);
+			effect((_p$) => {
+				var _v$ = part.color, _v$2 = part.bold === true ? TextAttributes.BOLD : TextAttributes.NONE;
+				_v$ !== _p$.e && (_p$.e = setProp(_el$2, "fg", _v$, _p$.e));
+				_v$2 !== _p$.t && (_p$.t = setProp(_el$2, "attributes", _v$2, _p$.t));
+				return _p$;
+			}, {
+				e: void 0,
+				t: void 0
+			});
+			return _el$2;
+		})()
+	}));
+	effect((_$p) => setProp(_el$, "backgroundColor", props.background ?? theme.none, _$p));
+	return _el$;
+})();
 // src/tui/view.ts
 const visibleRows = (group) => group.collapsed === true ? group.kept ?? [] : group.rows;
 const byName = (left, right) => left.pkg.name.localeCompare(right.pkg.name) || left.pkg.provider.localeCompare(right.pkg.provider);
+const providerLabels = /* @__PURE__ */ new Map([
+	["brew", "Homebrew"],
+	["npm-global", "npm -g"],
+	["pnpm-global", "pnpm -g"],
+	["vp-global", "Vite+ global"],
+	["vp-self", "Vite+"],
+	["cargo-install", "cargo install"],
+	["go-install", "go install"],
+	["uv-tool", "uv tool"],
+	["softwareupdate", "Software Update"],
+	["apps", "Apps"],
+	["github-actions", "GitHub Actions"],
+	["node-not-listed", "Node"],
+	["node-pins", "Node.js"]
+]);
+const providerLabel = (provider) => providerLabels.get(provider) ?? provider;
 const providedBy = (provider, needle) => needle.length >= 2 && `${provider} ${providerLabel(provider)}`.toLowerCase().split(/[^a-z0-9+]+/u).some((word) => word.startsWith(needle));
 const groups = (state, filter) => {
 	const needle = filter.toLowerCase();
@@ -1207,39 +1338,51 @@ const lines = (grouped) => {
 			_tag: "Heading",
 			group
 		},
-		...visibleRows(group).map((row) => ({
-			_tag: "Package",
-			row,
-			index: index++
-		}))
+		...visibleRows(group).map((row) => {
+			const line = {
+				_tag: "Package",
+				row,
+				index
+			};
+			index += 1;
+			return line;
+		})
 	]);
 };
 const reachable = (grouped) => grouped.flatMap(visibleRows);
-const providerLabels = {
-	brew: "Homebrew",
-	"npm-global": "npm -g",
-	"pnpm-global": "pnpm -g",
-	"vp-global": "Vite+ global",
-	"vp-self": "Vite+",
-	"cargo-install": "cargo install",
-	"go-install": "go install",
-	"uv-tool": "uv tool",
-	softwareupdate: "Software Update",
-	"github-actions": "GitHub Actions"
+const unauditedLabels = {
+	app: "app update",
+	runtime: "runtime pin",
+	os: "OS update"
 };
-const providerLabel = (provider) => providerLabels[provider] ?? provider;
-const parts = (version) => version.replace(/^v/u, "").split(/([._+-])/u);
-const bump = (current, target) => {
+const parts = (version) => version.replace(/^v/u, "").split(/(?<separator>[._+-])/u);
+const semverPrerelease = (version) => semver.prerelease(version) !== null;
+const prereleases = {
+	npm: semverPrerelease,
+	crates: semverPrerelease,
+	go: semverPrerelease,
+	"github-actions": semverPrerelease,
+	node: semverPrerelease,
+	pypi: (version) => /\d(?:[-_.]?(?:a|b|c|rc|alpha|beta|pre|preview)\d*|[-_.]?dev\d*)(?:$|[+.-])/iu.test(version)
+};
+const bump = (current, target, ecosystem) => {
 	const from = parts(current);
 	const to = parts(target);
 	let at = 0;
-	while (at < to.length && from[at] === to[at]) at++;
+	while (at < to.length && from[at] === to[at]) at += 1;
 	const prefix = target.startsWith("v") && current.startsWith("v") ? 1 : 0;
 	const shared = to.slice(0, at);
 	const same = target.slice(0, prefix + shared.join("").length);
 	const changed = target.slice(same.length);
 	const numbers = to.filter((_, index) => index % 2 === 0);
-	if (!(numbers.length >= 2 && numbers.slice(0, 3).every((part) => /^\d+$/u.test(part)))) return {
+	const plain = numbers.length >= 2 && numbers.slice(0, 3).every((part) => /^\d+$/u.test(part));
+	if (prereleases[ecosystem]?.(current) === true) return {
+		kind: "prerelease",
+		risk: "major",
+		same,
+		changed
+	};
+	if (!plain) return {
 		kind: "other",
 		risk: "other",
 		same,
@@ -1260,8 +1403,16 @@ const bump = (current, target) => {
 		changed
 	};
 };
-const bumpLabel = (change) => change.kind === "other" ? "" : change.risk === change.kind ? change.kind : `0.x ${change.kind}`;
-const bumpTone = (change) => change.risk === "major" ? theme.strong : change.kind === "patch" ? theme.muted : theme.text;
+const bumpLabel = (change) => {
+	if (change.kind === "other") return "";
+	if (change.kind === "prerelease" || change.risk === change.kind) return change.kind;
+	return `0.x ${change.kind}`;
+};
+const bumpTone = (change) => {
+	if (change.risk === "major") return theme.strong;
+	if (change.kind === "patch") return theme.muted;
+	return theme.text;
+};
 const window = (count, height, focus, offset) => {
 	const page = Math.max(1, height);
 	const bottom = Math.max(Math.min(offset, focus), focus - page + 1);
@@ -1323,7 +1474,9 @@ const outcomeIcon = (outcome) => {
 		case "Completed": return "✓";
 		case "Failed":
 		case "Unexpected": return "✗";
-		default: return "·";
+		case "Excluded":
+		case "NotStarted":
+		case "Stale": return "·";
 	}
 };
 const outcomeColor = (outcome) => {
@@ -1331,7 +1484,9 @@ const outcomeColor = (outcome) => {
 		case "Completed": return theme.ok;
 		case "Failed":
 		case "Unexpected": return theme.danger;
-		default: return theme.warn;
+		case "Excluded":
+		case "NotStarted":
+		case "Stale": return theme.warn;
 	}
 };
 const verdictIcons = {
@@ -1356,7 +1511,7 @@ const status = (state, row) => {
 	const outcome = state.outcomes[row.key];
 	if (state.removed[row.key] !== void 0) return {
 		text: "– removed",
-		color: theme.faint
+		color: theme.muted
 	};
 	if (outcome !== void 0 && (audit === void 0 || ran.has(outcome._tag))) {
 		if (outcome._tag === "Completed" && auditedAs(state, row.pkg) !== row.pkg) {
@@ -1382,18 +1537,12 @@ const status = (state, row) => {
 		};
 		if (row.pkg.target === void 0 || state.recalling) return {
 			text: "",
-			color: theme.faint
+			color: theme.muted
 		};
-		if (isAppUpdate(row.pkg)) return {
-			text: "app update",
-			color: theme.faint
-		};
-		if (isVendorUpdate(row.pkg)) return row.pkg.restart === true ? {
-			text: "OS · restarts",
-			color: theme.faint
-		} : {
-			text: "OS update",
-			color: theme.faint
+		const kind = unauditedKind(row.pkg);
+		if (kind !== void 0) return {
+			text: kind === "os" && row.pkg.restart === true ? "OS · restarts" : unauditedLabels[kind],
+			color: theme.muted
 		};
 		if (majorsOf(state, row.pkg).length > 0) return {
 			text: breakingMark,
@@ -1401,7 +1550,7 @@ const status = (state, row) => {
 		};
 		return {
 			text: "not audited",
-			color: theme.faint
+			color: theme.muted
 		};
 	}
 	if (audit._tag === "Running") return {
@@ -1413,22 +1562,321 @@ const status = (state, row) => {
 		text: "✗ audit failed",
 		color: theme.danger
 	};
-	const verdict = audit.result.report.verdict;
+	const { verdict } = audit.result.report;
 	const installed = auditedAs(state, row.pkg) !== row.pkg;
 	return {
 		text: `${verdictIcons[verdict]} ${installed ? "installed" : verdictLabels[verdict]}`,
 		color: verdictColor(verdict)
 	};
 };
-const fit = (text, width) => {
-	const chars = [...text.replaceAll(/\s+/gu, " ")];
-	if (chars.length <= width) return chars.join("").padEnd(width);
-	return width <= 1 ? "…".slice(0, width) : `${chars.slice(0, width - 1).join("")}…`;
-};
 const modelLabel = (state, provider, modelId) => {
 	const choice = state.catalogue?._tag === "Ready" ? state.catalogue.value.find((entry) => entry.provider === provider && entry.modelId === modelId) : void 0;
 	return choice === void 0 ? `${provider}/${modelId}` : `${choice.providerName} · ${choice.name}`;
 };
+// src/tui/Confirm.tsx
+const confirmations = {
+	update: {
+		verb: "Update",
+		done: "updated"
+	},
+	uninstall: {
+		verb: "Remove",
+		done: "removed"
+	},
+	audit: {
+		verb: "Audit",
+		done: "audited"
+	}
+};
+const flaggedFirst = (pending) => {
+	const flagged = new Set(pending.flagged.map((entry) => entry.row.key));
+	return [...pending.rows.filter((row) => flagged.has(row.key)), ...pending.rows.filter((row) => !flagged.has(row.key))];
+};
+const markOf = (pending, row) => {
+	const verdict = pending.flagged.find((entry) => entry.row.key === row.key)?.verdict;
+	const mixed = pending.unaudited.length > 0 && pending.unaudited.length < pending.rows.length;
+	if (verdict === void 0 && pending.unauditable.includes(row.key)) {
+		const restarts = pending.action === "update" && row.pkg.restart === true;
+		return {
+			text: `${unauditedLabels[unauditedKind(row.pkg) ?? "os"]}${restarts ? " · restarts" : ""} · not audited`,
+			color: restarts ? theme.warn : theme.muted
+		};
+	}
+	if (verdict === void 0) {
+		if (pending.action === "update" && !pending.unaudited.includes(row.key)) return {
+			text: `${verdictIcons.ok} ${verdictLabels.ok}`,
+			color: theme.ok
+		};
+		const unread = pending.action === "update" && pending.unaudited.includes(row.key) && (mixed || !pending.auditFirst);
+		if (pending.action === "update" && pending.breaking.includes(row.key)) return {
+			text: `${breakingMark}${unread ? " · not audited" : ""}`,
+			color: theme.warn
+		};
+		return unread ? {
+			text: "not audited",
+			color: theme.muted
+		} : void 0;
+	}
+	if (verdict === "failed") return {
+		text: "✗ audit failed",
+		color: theme.danger
+	};
+	return {
+		text: `${verdictIcons[verdict]} ${verdictLabels[verdict]}`,
+		color: verdictColor(verdict)
+	};
+};
+const flaggedSentence = (flagged) => {
+	const only = flagged.length === 1 ? flagged[0] : void 0;
+	if (only !== void 0) return only.verdict === "failed" ? `! ${only.row.pkg.name}'s audit did not complete, so it was not reviewed. Confirming installs it anyway.` : `! ${only.row.pkg.name} was audited: ${verdictLabels[only.verdict]}${only.top === void 0 ? "" : ` (${only.top})`}. Confirming installs it anyway.`;
+	const failed = flagged.filter((entry) => entry.verdict === "failed").length;
+	const reviewed = flagged.length - failed;
+	return `! Of these, ${[...reviewed > 0 ? [`${reviewed} ${reviewed === 1 ? "has" : "have"} an audit warning`] : [], ...failed > 0 ? [`${failed} could not be audited`] : []].join(" and ")}. Confirming installs them anyway.`;
+};
+const tone = (pending) => {
+	if (pending.action === "uninstall") return "danger";
+	if (pending.flagged.some((entry) => entry.verdict === "danger")) return "danger";
+	return pending.flagged.length > 0 ? "warn" : "accent";
+};
+const signedOut = (state) => {
+	const { setup } = state.preferences;
+	const { catalogue } = state;
+	if (setup === void 0 || catalogue?._tag !== "Ready") return;
+	const choice = catalogue.value.find((entry) => entry.provider === setup.provider && entry.modelId === setup.modelId);
+	return choice === void 0 || choice.signedIn ? void 0 : choice.providerName;
+};
+const signIn$1 = {
+	keys: [",", "return"],
+	hint: ",/Enter",
+	description: "sign in"
+};
+const widest$1 = (texts) => Math.max(0, ...texts.map((text) => graphemes(text).length));
+const wantedWidth = 90;
+const ConfirmPopup = (props) => {
+	const dimensions = useTerminalDimensions();
+	const compact = useCompact();
+	const pending = () => props.pending;
+	const removing = () => pending().action === "uninstall";
+	const unsigned = () => pending().action === "audit" || pending().action === "update" && props.state.preferences.auditFirst && pending().unauditable.length < pending().rows.length ? signedOut(props.state) : void 0;
+	const confirmKey = () => {
+		const verb = confirmations[pending().action].verb.toLowerCase();
+		if (removing()) return keys.confirmRemove;
+		if (unsigned() !== void 0 || pending().flagged.length > 0) return {
+			keys: ["y"],
+			hint: "y",
+			description: `${verb} anyway`
+		};
+		return {
+			...keys.confirm,
+			hint: "y/Enter",
+			description: verb
+		};
+	};
+	const version = (row) => removing() ? row.pkg.current : `→ ${row.pkg.target ?? ""}`;
+	const layout = createMemo(() => {
+		const rows = flaggedFirst(pending());
+		const marks = rows.map((row) => markOf(pending(), row));
+		const versions = Math.min(16, widest$1(rows.map(version)));
+		const verdicts = widest$1(marks.map((mark) => mark?.text ?? ""));
+		const longest = widest$1(rows.map((row) => row.pkg.name));
+		const width = Math.max(64, Math.min(8 + longest + 2 + versions + 2 + verdicts, wantedWidth));
+		const inner = bodyWidth(width, dimensions().width) - 1;
+		const name = Math.max(Math.min(longest, 12), Math.min(longest, inner - 6 - versions - verdicts));
+		return {
+			width,
+			lines: rows.map((row, at) => ({
+				row,
+				version: fit(version(row), versions),
+				mark: marks[at],
+				room: inner - 6 - name - versions
+			})),
+			name
+		};
+	});
+	useKeyboard((key) => {
+		if (unsigned() !== void 0 && matches(signIn$1, key)) props.signIn();
+		else if (matches(confirmKey(), key)) props.confirm();
+		else if (matches(keys.cancel, key)) props.cancel();
+	});
+	const body = () => bodyWidth(layout().width, dimensions().width);
+	const providers = () => [...new Set(pending().rows.map((row) => providerLabel(row.pkg.provider)))].join(", ");
+	const explains = () => !compact();
+	return createComponent(Popup, {
+		get title() {
+			return `${confirmations[pending().action].verb} ${plural(pending().rows.length, "package")}?`;
+		},
+		get width() {
+			return layout().width;
+		},
+		get tone() {
+			return tone(pending());
+		},
+		get bindings() {
+			return [
+				...unsigned() === void 0 ? [] : [signIn$1],
+				confirmKey(),
+				keys.cancel
+			];
+		},
+		scrolls: true,
+		get children() {
+			return [
+				(() => {
+					var _el$ = createElement("text");
+					setProp(_el$, "wrapMode", "none");
+					insert(_el$, () => clip(pending().action === "audit" ? `${props.where} · read-only, nothing will be installed` : `${props.where} · ${providers()}`, body()));
+					effect((_$p) => setProp(_el$, "fg", theme.muted, _$p));
+					return _el$;
+				})(),
+				createComponent(Show, {
+					get when() {
+						return pending().skipped > 0;
+					},
+					get children() {
+						var _el$2 = createElement("text");
+						setProp(_el$2, "wrapMode", "word");
+						insert(_el$2, () => `${pending().skipped} selected ${pending().skipped === 1 ? "package has" : "packages have"} no update and ${pending().skipped === 1 ? "is" : "are"} left out.`);
+						effect((_$p) => setProp(_el$2, "fg", theme.muted, _$p));
+						return _el$2;
+					}
+				}),
+				createComponent(For, {
+					get each() {
+						return pending().refused;
+					},
+					children: (group) => (() => {
+						var _el$10 = createElement("text");
+						setProp(_el$10, "wrapMode", "word");
+						insert(_el$10, () => `! Left out: ${listed(group.names)}. ${capitalized(group.reason)}.`);
+						effect((_$p) => setProp(_el$10, "fg", theme.warn, _$p));
+						return _el$10;
+					})()
+				}),
+				(() => {
+					var _el$3 = createElement("text");
+					insertNode(_el$3, createTextNode(` `));
+					return _el$3;
+				})(),
+				createComponent(Show, {
+					get when() {
+						return memo(() => !!(explains() && pending().action === "update" && props.state.preferences.auditFirst))() && pending().flagged.length + pending().unauditable.length < pending().rows.length;
+					},
+					get children() {
+						var _el$5 = createElement("text");
+						setProp(_el$5, "wrapMode", "word");
+						insert(_el$5, () => pending().flagged.length === 0 && pending().unauditable.length === 0 ? "Each is audited first, and only those the audit finds ok are applied." : "The rest are audited first, and only those the audit finds ok are applied.");
+						effect((_$p) => setProp(_el$5, "fg", theme.muted, _$p));
+						return _el$5;
+					}
+				}),
+				createComponent(Show, {
+					get when() {
+						return memo(() => !!(explains() && pending().action === "update"))() && pending().unauditable.length > 0;
+					},
+					get children() {
+						var _el$6 = createElement("text");
+						setProp(_el$6, "wrapMode", "word");
+						insert(_el$6, () => pending().rows.some((row) => unauditedKind(row.pkg) === "runtime") ? "upup does not audit the runtime versions a project pins: confirming moves them as offered." : "upup does not audit operating-system or app updates: confirming installs them as the vendor offers them, and upup asks for your password if sudo needs it.");
+						effect((_$p) => setProp(_el$6, "fg", theme.muted, _$p));
+						return _el$6;
+					}
+				}),
+				createComponent(Show, {
+					get when() {
+						return pending().flagged.length > 0;
+					},
+					get children() {
+						var _el$7 = createElement("text");
+						setProp(_el$7, "wrapMode", "word");
+						insert(_el$7, () => flaggedSentence(pending().flagged));
+						effect((_$p) => setProp(_el$7, "fg", theme.warn, _$p));
+						return _el$7;
+					}
+				}),
+				createComponent(Show, {
+					get when() {
+						return unsigned();
+					},
+					children: (provider) => (() => {
+						var _el$11 = createElement("text");
+						setProp(_el$11, "wrapMode", "word");
+						setProp(_el$11, "marginBottom", 1);
+						insert(_el$11, () => `! upup is not signed in to ${provider()}, so no model can read this. Press Enter to sign in.`);
+						effect((_$p) => setProp(_el$11, "fg", theme.warn, _$p));
+						return _el$11;
+					})()
+				}),
+				createComponent(Show, {
+					get when() {
+						return pending().action === "audit";
+					},
+					get children() {
+						return [createComponent(Show, {
+							get when() {
+								return explains();
+							},
+							get children() {
+								var _el$8 = createElement("text");
+								insertNode(_el$8, createTextNode(`Both versions are downloaded and verified, and the model reads what changed.`));
+								setProp(_el$8, "wrapMode", "word");
+								effect((_$p) => setProp(_el$8, "fg", theme.muted, _$p));
+								return _el$8;
+							}
+						}), createComponent(Show, {
+							get when() {
+								return props.state.preferences.setup;
+							},
+							children: (setup) => (() => {
+								var _el$12 = createElement("box"), _el$13 = createElement("text"), _el$15 = createElement("text");
+								insertNode(_el$12, _el$13);
+								insertNode(_el$12, _el$15);
+								setProp(_el$12, "flexDirection", "row");
+								setProp(_el$12, "height", 1);
+								setProp(_el$12, "marginTop", 1);
+								insertNode(_el$13, createTextNode(`Model  `));
+								setProp(_el$13, "flexShrink", 0);
+								setProp(_el$15, "flexShrink", 0);
+								insert(_el$15, () => clip(`${modelLabel(props.state, setup().provider, setup().modelId)} · ${setup().thinking} thinking`, body() - 7));
+								effect((_p$) => {
+									var _v$ = theme.muted, _v$2 = theme.text;
+									_v$ !== _p$.e && (_p$.e = setProp(_el$13, "fg", _v$, _p$.e));
+									_v$2 !== _p$.t && (_p$.t = setProp(_el$15, "fg", _v$2, _p$.t));
+									return _p$;
+								}, {
+									e: void 0,
+									t: void 0
+								});
+								return _el$12;
+							})()
+						})];
+					}
+				}),
+				createComponent(Show, {
+					get when() {
+						return pending().flagged.length > 0 || pending().action === "audit" || explains() && pending().action === "update" && (props.state.preferences.auditFirst || pending().unauditable.length > 0);
+					},
+					get children() {
+						var _el$0 = createElement("text");
+						insertNode(_el$0, createTextNode(` `));
+						return _el$0;
+					}
+				}),
+				createComponent(For, {
+					get each() {
+						return layout().lines;
+					},
+					children: (line) => createComponent(Segments, { get segments() {
+						return [
+							segment(theme.text, `  ${fitName(line.row.pkg.name, layout().name)}`),
+							segment(theme.strong, `  ${line.version}`),
+							...line.mark === void 0 ? [] : [segment(line.mark.color, `  ${clip(line.mark.text, line.room)}`)]
+						];
+					} })
+				})
+			];
+		}
+	});
+};
 // src/tui/Report.tsx
 const severityColor = (severity) => {
 	switch (severity) {
@@ -1453,75 +1901,69 @@ const stages = {
 	preparing: "Downloading and verifying the published artifacts…",
 	auditing: "The model is reading the evidence. Its steps are on the Transcript tab."
 };
-function Heading$1(props) {
-	return (() => {
-		var _el$ = createElement("text");
-		insert(_el$, () => props.children);
-		effect((_p$) => {
-			var _v$ = theme.muted, _v$2 = TextAttributes.BOLD;
-			_v$ !== _p$.e && (_p$.e = setProp(_el$, "fg", _v$, _p$.e));
-			_v$2 !== _p$.t && (_p$.t = setProp(_el$, "attributes", _v$2, _p$.t));
-			return _p$;
-		}, {
-			e: void 0,
-			t: void 0
-		});
-		return _el$;
-	})();
-}
-const pieces = (text) => text.split(/(`[^`\n]+`)/u).map((piece) => piece.startsWith("`") && piece.endsWith("`") && piece.length > 2 ? {
+const Heading$1 = (props) => (() => {
+	var _el$ = createElement("text");
+	insert(_el$, () => props.children);
+	effect((_p$) => {
+		var _v$ = theme.muted, _v$2 = TextAttributes.BOLD;
+		_v$ !== _p$.e && (_p$.e = setProp(_el$, "fg", _v$, _p$.e));
+		_v$2 !== _p$.t && (_p$.t = setProp(_el$, "attributes", _v$2, _p$.t));
+		return _p$;
+	}, {
+		e: void 0,
+		t: void 0
+	});
+	return _el$;
+})();
+const pieces = (text) => text.split(/(?<code>`[^`\n]+`)/u).map((piece) => piece.startsWith("`") && piece.endsWith("`") && piece.length > 2 ? {
 	code: true,
 	text: piece.slice(1, -1)
 } : {
 	code: false,
 	text: piece
 });
-function Prose(props) {
-	return (() => {
-		var _el$2 = createElement("text");
-		setProp(_el$2, "wrapMode", "word");
-		insert(_el$2, createComponent(For, {
-			get each() {
-				return pieces(props.children);
-			},
-			children: (piece) => piece.code ? (() => {
-				var _el$3 = createElement("span");
-				use((node) => {
-					createRenderEffect(() => {
-						node.fg = theme.info;
-					});
-				}, _el$3);
-				insert(_el$3, () => piece.text);
-				return _el$3;
-			})() : piece.text
-		}));
-		effect((_$p) => setProp(_el$2, "fg", props.color ?? theme.text, _$p));
-		return _el$2;
-	})();
-}
-function Bullet(props) {
-	return (() => {
-		var _el$4 = createElement("box"), _el$5 = createElement("text"), _el$7 = createElement("box");
-		insertNode(_el$4, _el$5);
-		insertNode(_el$4, _el$7);
-		setProp(_el$4, "flexDirection", "row");
-		insertNode(_el$5, createTextNode(`• `));
-		setProp(_el$5, "flexShrink", 0);
-		setProp(_el$7, "flexGrow", 1);
-		setProp(_el$7, "flexShrink", 1);
-		insert(_el$7, createComponent(Prose, {
-			get color() {
-				return props.color;
-			},
-			get children() {
-				return props.children;
-			}
-		}));
-		effect((_$p) => setProp(_el$5, "fg", theme.faint, _$p));
-		return _el$4;
-	})();
-}
-function Done(props) {
+const Prose = (props) => (() => {
+	var _el$2 = createElement("text");
+	setProp(_el$2, "wrapMode", "word");
+	insert(_el$2, createComponent(For, {
+		get each() {
+			return pieces(props.children);
+		},
+		children: (piece) => piece.code ? (() => {
+			var _el$3 = createElement("span");
+			use((node) => {
+				createRenderEffect(() => {
+					node.fg = theme.info;
+				});
+			}, _el$3);
+			insert(_el$3, () => piece.text);
+			return _el$3;
+		})() : piece.text
+	}));
+	effect((_$p) => setProp(_el$2, "fg", props.color ?? theme.text, _$p));
+	return _el$2;
+})();
+const Bullet = (props) => (() => {
+	var _el$4 = createElement("box"), _el$5 = createElement("text"), _el$7 = createElement("box");
+	insertNode(_el$4, _el$5);
+	insertNode(_el$4, _el$7);
+	setProp(_el$4, "flexDirection", "row");
+	insertNode(_el$5, createTextNode(`• `));
+	setProp(_el$5, "flexShrink", 0);
+	setProp(_el$7, "flexGrow", 1);
+	setProp(_el$7, "flexShrink", 1);
+	insert(_el$7, createComponent(Prose, {
+		get color() {
+			return props.color;
+		},
+		get children() {
+			return props.children;
+		}
+	}));
+	effect((_$p) => setProp(_el$5, "fg", theme.muted, _$p));
+	return _el$4;
+})();
+const Done = (props) => {
 	const report = () => props.result.report;
 	return (() => {
 		var _el$8 = createElement("box"), _el$9 = createElement("box"), _el$0 = createElement("text"), _el$1 = createElement("text"), _el$10 = createElement("text"), _el$12 = createElement("text"), _el$16 = createElement("text"), _el$18 = createElement("box"), _el$19 = createElement("text");
@@ -1692,9 +2134,9 @@ function Done(props) {
 		});
 		return _el$8;
 	})();
-}
+};
 const signIn = (issue) => /not configured|sign[ -]?in|log ?in|api key|unauthori[sz]ed|credential|\b401\b|\b403\b/iu.test(issue);
-function Report(props) {
+const Report = (props) => {
 	const running = () => props.audit?._tag === "Running" ? props.audit : void 0;
 	const result = () => props.audit?._tag === "Done" ? props.audit.result : void 0;
 	const reported = () => {
@@ -1705,6 +2147,11 @@ function Report(props) {
 		const done = result();
 		return done?._tag === "Failed" ? done : void 0;
 	};
+	const unaudited = () => {
+		if (props.unauditable !== void 0) return `Nothing to audit: ${props.unauditable}.`;
+		if (props.installed === true) return "This update was installed without an audit, so there is no report.";
+		return "Not audited yet. Press r to have a model review this update.";
+	};
 	return createComponent(Switch, {
 		get fallback() {
 			return createComponent(Prose, {
@@ -1712,7 +2159,7 @@ function Report(props) {
 					return theme.muted;
 				},
 				get children() {
-					return memo(() => props.unauditable !== void 0)() ? `Nothing to audit: ${props.unauditable}.` : props.installed === true ? "This update was installed without an audit, so there is no report." : "Not audited yet. Press r to have a model review this update.";
+					return unaudited();
 				}
 			});
 		},
@@ -1796,7 +2243,7 @@ function Report(props) {
 			];
 		}
 	});
-}
+};
 // src/tui/Transcript.tsx
 const color = (kind) => {
 	switch (kind) {
@@ -1807,9 +2254,9 @@ const color = (kind) => {
 		case "retry": return theme.warn;
 	}
 };
-const heading = /^\*\*(.+?)\*\*\s*/u;
-function Thought(props) {
-	const title = () => heading.exec(props.text.trim())?.[1];
+const heading = /^\*\*(?<title>.+?)\*\*\s*/u;
+const Thought = (props) => {
+	const title = () => heading.exec(props.text.trim())?.groups?.["title"];
 	const body = () => props.text.trim().replace(heading, "").replaceAll("**", "").trim();
 	return (() => {
 		var _el$ = createElement("box");
@@ -1857,12 +2304,12 @@ function Thought(props) {
 		effect((_$p) => setProp(_el$, "marginTop", title() === void 0 ? 0 : 1, _$p));
 		return _el$;
 	})();
-}
-function Tool(props) {
+};
+const Tool = (props) => {
 	const space = () => props.text.indexOf(" ");
 	const verb = () => space() < 0 ? props.text : props.text.slice(0, space());
 	const rest = () => space() < 0 ? "" : props.text.slice(space() + 1);
-	const range = () => /^(.*?)(\s+bytes \S+)$/u.exec(rest());
+	const range = () => /^(?<path>.*?)(?<bytes>\s+bytes \S+)$/u.exec(rest());
 	return createComponent(Show, {
 		get when() {
 			return verb() !== "submit_report";
@@ -1894,7 +2341,7 @@ function Tool(props) {
 			insert(_el$5, () => verb().padEnd(8));
 			setProp(_el$6, "flexShrink", 1);
 			setProp(_el$6, "wrapMode", "char");
-			insert(_el$6, () => range()?.[1] ?? rest());
+			insert(_el$6, () => range()?.groups?.["path"] ?? rest());
 			insert(_el$4, createComponent(Show, {
 				get when() {
 					return range();
@@ -1902,7 +2349,7 @@ function Tool(props) {
 				children: (found) => (() => {
 					var _el$0 = createElement("text");
 					setProp(_el$0, "flexShrink", 0);
-					insert(_el$0, () => found()[2]);
+					insert(_el$0, () => found().groups?.["bytes"]);
 					effect((_$p) => setProp(_el$0, "fg", theme.muted, _$p));
 					return _el$0;
 				})()
@@ -1931,46 +2378,48 @@ function Tool(props) {
 			return _el$4;
 		}
 	});
-}
-const runs = (entries) => entries.reduce((list, entry) => {
-	const last = list.at(-1);
-	if (last !== void 0 && entry.kind === "tool" && last.entry.kind === "tool" && last.entry.text === entry.text) {
-		last.times += 1;
-		return list;
+};
+const runs = (entries) => {
+	const list = [];
+	for (const entry of entries) {
+		const last = list.at(-1);
+		if (last !== void 0 && entry.kind === "tool" && last.entry.kind === "tool" && last.entry.text === entry.text) {
+			last.times += 1;
+			continue;
+		}
+		list.push({
+			entry,
+			times: 1
+		});
 	}
-	return [...list, {
-		entry,
-		times: 1
-	}];
-}, []);
-function Lines(props) {
-	return (() => {
-		var _el$1 = createElement("box");
-		setProp(_el$1, "flexDirection", "column");
-		insert(_el$1, createComponent(For, {
-			get each() {
-				return runs(props.entries);
+	return list;
+};
+const Lines = (props) => (() => {
+	var _el$1 = createElement("box");
+	setProp(_el$1, "flexDirection", "column");
+	insert(_el$1, createComponent(For, {
+		get each() {
+			return runs(props.entries);
+		},
+		children: (run) => run.entry.kind === "tool" ? createComponent(Tool, {
+			get text() {
+				return run.entry.text;
 			},
-			children: (run) => run.entry.kind === "tool" ? createComponent(Tool, {
-				get text() {
-					return run.entry.text;
-				},
-				get times() {
-					return run.times;
-				}
-			}) : createComponent(Thought, {
-				get text() {
-					return run.entry.text;
-				},
-				get kind() {
-					return run.entry.kind;
-				}
-			})
-		}));
-		return _el$1;
-	})();
-}
-function Transcript(props) {
+			get times() {
+				return run.times;
+			}
+		}) : createComponent(Thought, {
+			get text() {
+				return run.entry.text;
+			},
+			get kind() {
+				return run.entry.kind;
+			}
+		})
+	}));
+	return _el$1;
+})();
+const Transcript = (props) => {
 	const ready = () => props.stored?._tag === "Ready" ? props.stored.value : void 0;
 	const unavailable = () => props.stored?._tag === "Unavailable" ? props.stored.issue : void 0;
 	return createComponent(Switch, {
@@ -2006,19 +2455,19 @@ function Transcript(props) {
 									},
 									get fallback() {
 										return (() => {
-											var _el$21 = createElement("text");
-											insertNode(_el$21, createTextNode(`✗ The audit failed before the model started.`));
-											effect((_$p) => setProp(_el$21, "fg", theme.danger, _$p));
-											return _el$21;
+											var _el$22 = createElement("text");
+											insertNode(_el$22, createTextNode(`✗ The audit failed before the model started.`));
+											effect((_$p) => setProp(_el$22, "fg", theme.danger, _$p));
+											return _el$22;
 										})();
 									},
 									get children() {
-										var _el$18 = createElement("box"), _el$19 = createElement("text");
+										var _el$18 = createElement("box"), _el$19 = createElement("text"), _el$20 = createTextNode(` Preparing the evidence; the model starts next…`);
 										insertNode(_el$18, _el$19);
 										setProp(_el$18, "flexDirection", "row");
 										setProp(_el$18, "height", 1);
 										insert(_el$18, createComponent(Spinner, {}), _el$19);
-										insertNode(_el$19, createTextNode(` Preparing the evidence; the model starts next…`));
+										insertNode(_el$19, _el$20);
 										effect((_$p) => setProp(_el$19, "fg", theme.muted, _$p));
 										return _el$18;
 									}
@@ -2068,11 +2517,11 @@ function Transcript(props) {
 						return unavailable();
 					},
 					children: (issue) => (() => {
-						var _el$23 = createElement("text");
-						setProp(_el$23, "wrapMode", "word");
-						insert(_el$23, () => `Transcript unavailable: ${issue()}`);
-						effect((_$p) => setProp(_el$23, "fg", theme.faint, _$p));
-						return _el$23;
+						var _el$24 = createElement("text");
+						setProp(_el$24, "wrapMode", "word");
+						insert(_el$24, () => `Transcript unavailable: ${issue()}`);
+						effect((_$p) => setProp(_el$24, "fg", theme.muted, _$p));
+						return _el$24;
 					})()
 				}),
 				createComponent(Match, {
@@ -2086,43 +2535,41 @@ function Transcript(props) {
 			];
 		}
 	});
-}
+};
 // src/tui/Details.tsx
-function Fact(props) {
-	return createComponent(Show, {
-		get when() {
-			return memo(() => props.value !== void 0)() && props.value !== "";
-		},
-		get children() {
-			var _el$ = createElement("box"), _el$2 = createElement("text"), _el$3 = createElement("text");
-			insertNode(_el$, _el$2);
-			insertNode(_el$, _el$3);
-			setProp(_el$, "flexDirection", "row");
-			setProp(_el$2, "width", 13);
-			setProp(_el$2, "flexShrink", 0);
-			insert(_el$2, () => props.label);
-			setProp(_el$3, "flexGrow", 1);
-			setProp(_el$3, "flexShrink", 1);
-			setProp(_el$3, "wrapMode", "word");
-			insert(_el$3, () => props.value ?? "");
-			effect((_p$) => {
-				var _v$ = theme.faint, _v$2 = theme.text;
-				_v$ !== _p$.e && (_p$.e = setProp(_el$2, "fg", _v$, _p$.e));
-				_v$2 !== _p$.t && (_p$.t = setProp(_el$3, "fg", _v$2, _p$.t));
-				return _p$;
-			}, {
-				e: void 0,
-				t: void 0
-			});
-			return _el$;
-		}
-	});
-}
+const Fact = (props) => createComponent(Show, {
+	get when() {
+		return memo(() => props.value !== void 0)() && props.value !== "";
+	},
+	get children() {
+		var _el$ = createElement("box"), _el$2 = createElement("text"), _el$3 = createElement("text");
+		insertNode(_el$, _el$2);
+		insertNode(_el$, _el$3);
+		setProp(_el$, "flexDirection", "row");
+		setProp(_el$2, "width", 13);
+		setProp(_el$2, "flexShrink", 0);
+		insert(_el$2, () => props.label);
+		setProp(_el$3, "flexGrow", 1);
+		setProp(_el$3, "flexShrink", 1);
+		setProp(_el$3, "wrapMode", "word");
+		insert(_el$3, () => props.value ?? "");
+		effect((_p$) => {
+			var _v$ = theme.muted, _v$2 = theme.text;
+			_v$ !== _p$.e && (_p$.e = setProp(_el$2, "fg", _v$, _p$.e));
+			_v$2 !== _p$.t && (_p$.t = setProp(_el$3, "fg", _v$2, _p$.t));
+			return _p$;
+		}, {
+			e: void 0,
+			t: void 0
+		});
+		return _el$;
+	}
+});
 const described = (about) => about?._tag === "Ready" ? about.value.description : void 0;
 const months = "Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec".split(" ");
 const day = (timestamp) => {
 	const at = new Date(timestamp ?? "");
-	if (Number.isNaN(at.getTime())) return void 0;
+	if (Number.isNaN(at.getTime())) return;
 	const year = at.getFullYear();
 	const shown = `${months[at.getMonth()] ?? ""} ${at.getDate()}`;
 	return year === (/* @__PURE__ */ new Date()).getFullYear() ? shown : `${shown} ${year}`;
@@ -2148,7 +2595,7 @@ const releases = (metadata, versions) => {
 	const apart = gap === void 0 || Number.isNaN(gap) || gap < 0 ? [] : [gap === 0 ? "released the same day" : `released ${gap} day${gap === 1 ? "" : "s"} apart`];
 	return dated.length === 0 ? void 0 : [...dated.toReversed(), ...apart].join("\n");
 };
-function Registry(props) {
+const Registry = (props) => {
 	const versions = () => [props.current, ...props.target === void 0 ? [] : [props.target]];
 	const ready = () => props.about?._tag === "Ready" ? props.about.value : void 0;
 	const unavailable = () => props.about?._tag === "Unavailable" ? props.about.issue : void 0;
@@ -2161,7 +2608,7 @@ function Registry(props) {
 				get children() {
 					var _el$4 = createElement("text");
 					insertNode(_el$4, createTextNode(`Looking up the registry…`));
-					effect((_$p) => setProp(_el$4, "fg", theme.faint, _$p));
+					effect((_$p) => setProp(_el$4, "fg", theme.muted, _$p));
 					return _el$4;
 				}
 			}),
@@ -2173,7 +2620,7 @@ function Registry(props) {
 					var _el$6 = createElement("text");
 					setProp(_el$6, "wrapMode", "word");
 					insert(_el$6, () => `Registry details unavailable: ${issue()}`);
-					effect((_$p) => setProp(_el$6, "fg", theme.faint, _$p));
+					effect((_$p) => setProp(_el$6, "fg", theme.muted, _$p));
 					return _el$6;
 				})()
 			}),
@@ -2258,9 +2705,9 @@ function Registry(props) {
 			})
 		];
 	} });
-}
+};
 const badge = (tab, audit) => {
-	if (tab !== "report" || audit === void 0) return void 0;
+	if (tab !== "report" || audit === void 0) return;
 	if (audit._tag === "Running") return {
 		text: "…",
 		color: theme.accent
@@ -2269,14 +2716,14 @@ const badge = (tab, audit) => {
 		text: "✗",
 		color: theme.danger
 	};
-	const verdict = audit.result.report.verdict;
+	const { verdict } = audit.result.report;
 	return {
 		text: verdictIcons[verdict],
 		color: verdictColor(verdict)
 	};
 };
-function Version(props) {
-	const change = () => props.target === void 0 ? void 0 : bump(props.current, props.target);
+const Version = (props) => {
+	const change = () => props.target === void 0 ? void 0 : bump(props.current, props.target, props.ecosystem);
 	return (() => {
 		var _el$10 = createElement("box"), _el$11 = createElement("text"), _el$12 = createElement("text");
 		insertNode(_el$10, _el$11);
@@ -2316,7 +2763,7 @@ function Version(props) {
 					}
 				}), null);
 				effect((_p$) => {
-					var _v$5 = theme.faint, _v$6 = theme.text, _v$7 = theme.strong, _v$8 = TextAttributes.BOLD;
+					var _v$5 = theme.muted, _v$6 = theme.text, _v$7 = theme.strong, _v$8 = TextAttributes.BOLD;
 					_v$5 !== _p$.e && (_p$.e = setProp(_el$14, "fg", _v$5, _p$.e));
 					_v$6 !== _p$.t && (_p$.t = setProp(_el$16, "fg", _v$6, _p$.t));
 					_v$7 !== _p$.a && (_p$.a = setProp(_el$17, "fg", _v$7, _p$.a));
@@ -2334,7 +2781,7 @@ function Version(props) {
 		setProp(_el$12, "flexShrink", 0);
 		insert(_el$12, () => `  ·  ${props.provider}`);
 		effect((_p$) => {
-			var _v$3 = theme.muted, _v$4 = theme.faint;
+			var _v$3 = theme.muted, _v$4 = theme.muted;
 			_v$3 !== _p$.e && (_p$.e = setProp(_el$11, "fg", _v$3, _p$.e));
 			_v$4 !== _p$.t && (_p$.t = setProp(_el$12, "fg", _v$4, _p$.t));
 			return _p$;
@@ -2344,7 +2791,7 @@ function Version(props) {
 		});
 		return _el$10;
 	})();
-}
+};
 const headerLines = 5;
 const tabs = [
 	"about",
@@ -2359,491 +2806,516 @@ const tabTitles = {
 	transcript: "Transcript"
 };
 const storedTranscript = (audit) => audit?._tag === "Done" && audit.result._tag === "Reported" ? audit.result.file : void 0;
-const liveTranscript = (audit) => audit?._tag === "Running" ? audit.transcript : audit?._tag === "Done" && audit.result._tag === "Failed" ? audit.result.transcript : void 0;
-function Details(props) {
-	return (() => {
-		var _el$19 = createElement("box");
-		setProp(_el$19, "flexDirection", "column");
-		setProp(_el$19, "flexGrow", 1);
-		setProp(_el$19, "paddingLeft", 1);
-		setProp(_el$19, "paddingRight", 1);
-		insert(_el$19, createComponent(Show, {
-			get when() {
-				return props.row;
-			},
-			get fallback() {
-				return (() => {
-					var _el$20 = createElement("text");
-					insertNode(_el$20, createTextNode(` `));
-					return _el$20;
-				})();
-			},
-			children: (row) => {
-				const pkg = () => row().pkg;
-				const reviewed = () => auditedAs(props.state, pkg());
-				const notices = () => props.state.providers.flatMap((entry) => entry.notices).filter((notice) => notice.rowKey === row().key);
-				const outcome = () => props.state.outcomes[row().key];
-				const gone = () => props.state.removed[row().key] !== void 0;
-				const nothing = () => gone() ? "it was removed" : unauditable(reviewed());
-				const failure = () => {
-					const latest = outcome();
-					if (latest?._tag !== "Failed" && latest?._tag !== "Unexpected") return void 0;
-					const what = props.state.actions[row().key] === "uninstall" ? "Removal" : "Update";
-					const told = describeOutcome(latest);
-					const whole = `✗ ${what} ${told.charAt(0).toLowerCase()}${told.slice(1)}`;
-					const room = props.width - 4;
-					if (props.tab === "about" || Array.from(whole).length <= room) return whole;
-					return `${Array.from(whole).slice(0, Math.max(10, room - 17)).join("").trimEnd()} … whole on About`;
-				};
-				const about = () => props.state.about[aboutKey(pkg())];
-				const reading = () => {
-					const key = auditKey(reviewed(), props.state.mode);
-					const loaded = key === void 0 ? void 0 : props.state.changes[key];
-					if (loaded?._tag !== "Ready") return void 0;
-					const list = files(loaded.value);
-					const file = list[Math.min(props.file, list.length - 1)];
-					return file === void 0 || list.length < 2 ? void 0 : `${position(list, props.file)} · ${file.section.path}`;
-				};
-				const declaration = () => {
-					const declared = pkg().declaration;
-					return declared === void 0 ? void 0 : `${declared.manifest} (${declared.section})`;
-				};
-				return (() => {
-					var _el$22 = createElement("box"), _el$23 = createElement("box"), _el$24 = createElement("text"), _el$25 = createElement("text"), _el$26 = createElement("box"), _el$27 = createElement("text"), _el$28 = createElement("scrollbox");
-					insertNode(_el$22, _el$23);
-					insertNode(_el$22, _el$25);
-					insertNode(_el$22, _el$26);
-					insertNode(_el$22, _el$27);
-					insertNode(_el$22, _el$28);
-					setProp(_el$22, "flexDirection", "column");
-					setProp(_el$22, "flexGrow", 1);
-					insertNode(_el$23, _el$24);
-					setProp(_el$23, "flexDirection", "row");
-					setProp(_el$23, "height", 1);
-					setProp(_el$23, "flexShrink", 0);
-					setProp(_el$24, "wrapMode", "none");
-					setProp(_el$24, "truncate", true);
-					setProp(_el$24, "flexShrink", 1);
-					insert(_el$24, () => pkg().name);
-					insert(_el$23, createComponent(Show, {
-						get when() {
-							return props.position;
-						},
-						children: (position) => (() => {
-							var _el$32 = createElement("text");
-							setProp(_el$32, "flexShrink", 0);
-							insert(_el$32, () => `   ${position()}`);
-							effect((_$p) => setProp(_el$32, "fg", theme.faint, _$p));
-							return _el$32;
-						})()
-					}), null);
-					insert(_el$22, createComponent(Version, {
-						get current() {
-							return pkg().current;
-						},
-						get target() {
-							return pkg().target;
-						},
-						get provider() {
-							return providerLabel(pkg().provider);
-						}
-					}), _el$25);
-					setProp(_el$25, "flexShrink", 0);
-					setProp(_el$25, "wrapMode", "none");
-					setProp(_el$25, "truncate", true);
-					insert(_el$25, () => failure() ?? (gone() ? "– Removed this week · there is nothing to do" : reviewed() === pkg() ? " " : auditOf(props.state, pkg()) === void 0 ? `Updated from ${reviewed().current} · not audited` : `Updated from ${reviewed().current} · audited before installing`));
-					setProp(_el$26, "flexDirection", "row");
-					setProp(_el$26, "height", 1);
-					setProp(_el$26, "flexShrink", 0);
-					insert(_el$26, createComponent(For, {
-						each: tabs,
-						children: (tab) => (() => {
-							var _el$33 = createElement("box"), _el$34 = createElement("text"), _el$35 = createElement("text");
-							insertNode(_el$33, _el$34);
-							insertNode(_el$33, _el$35);
-							setProp(_el$33, "flexDirection", "row");
-							setProp(_el$33, "flexShrink", 0);
-							setProp(_el$33, "marginRight", 1);
-							setProp(_el$34, "flexShrink", 0);
-							insert(_el$34, () => ` ${tabTitles[tab]}${badge(tab, auditOf(props.state, pkg())) === void 0 ? "" : " "}`);
-							insert(_el$33, createComponent(Show, {
-								get when() {
-									return badge(tab, auditOf(props.state, pkg()));
-								},
-								children: (shown) => (() => {
-									var _el$37 = createElement("text");
-									setProp(_el$37, "flexShrink", 0);
-									insert(_el$37, () => shown().text);
-									effect((_p$) => {
-										var _v$18 = tab === props.tab ? theme.onAccent : shown().color, _v$19 = tab === props.tab ? theme.accent : theme.none;
-										_v$18 !== _p$.e && (_p$.e = setProp(_el$37, "fg", _v$18, _p$.e));
-										_v$19 !== _p$.t && (_p$.t = setProp(_el$37, "bg", _v$19, _p$.t));
-										return _p$;
-									}, {
-										e: void 0,
-										t: void 0
-									});
-									return _el$37;
-								})()
-							}), _el$35);
-							insertNode(_el$35, createTextNode(` `));
-							setProp(_el$35, "flexShrink", 0);
-							effect((_p$) => {
-								var _v$14 = tab === props.tab ? theme.onAccent : theme.muted, _v$15 = tab === props.tab ? theme.accent : theme.none, _v$16 = tab === props.tab ? TextAttributes.BOLD : TextAttributes.NONE, _v$17 = tab === props.tab ? theme.accent : theme.none;
-								_v$14 !== _p$.e && (_p$.e = setProp(_el$34, "fg", _v$14, _p$.e));
-								_v$15 !== _p$.t && (_p$.t = setProp(_el$34, "bg", _v$15, _p$.t));
-								_v$16 !== _p$.a && (_p$.a = setProp(_el$34, "attributes", _v$16, _p$.a));
-								_v$17 !== _p$.o && (_p$.o = setProp(_el$35, "bg", _v$17, _p$.o));
-								return _p$;
-							}, {
-								e: void 0,
-								t: void 0,
-								a: void 0,
-								o: void 0
-							});
-							return _el$33;
-						})()
-					}));
-					setProp(_el$27, "flexShrink", 0);
-					setProp(_el$27, "wrapMode", "none");
-					setProp(_el$27, "truncate", true);
-					insert(_el$27, (() => {
-						var _c$ = memo(() => props.tab === "changes");
-						return () => _c$() ? reading() ?? " " : " ";
-					})());
-					var _ref$ = props.scroller;
-					typeof _ref$ === "function" ? use(_ref$, _el$28) : props.scroller = _el$28;
-					setProp(_el$28, "contentOptions", { paddingRight: 2 });
-					setProp(_el$28, "stickyStart", "bottom");
-					insert(_el$28, createComponent(Switch, { get children() {
-						return [
-							createComponent(Match, {
-								get when() {
-									return props.tab === "about";
-								},
-								get children() {
-									var _el$29 = createElement("box"), _el$30 = createElement("text");
-									insertNode(_el$29, _el$30);
-									setProp(_el$29, "flexDirection", "column");
-									insert(_el$29, createComponent(Show, {
-										get when() {
-											return pkg().description ?? described(about());
+const liveTranscript = (audit) => {
+	if (audit?._tag === "Running") return audit.transcript;
+	if (audit?._tag === "Done" && audit.result._tag === "Failed") return audit.result.transcript;
+};
+const Details = (props) => (() => {
+	var _el$19 = createElement("box");
+	setProp(_el$19, "flexDirection", "column");
+	setProp(_el$19, "flexGrow", 1);
+	setProp(_el$19, "paddingLeft", 1);
+	setProp(_el$19, "paddingRight", 1);
+	insert(_el$19, createComponent(Show, {
+		get when() {
+			return props.row;
+		},
+		get fallback() {
+			return (() => {
+				var _el$20 = createElement("text");
+				insertNode(_el$20, createTextNode(` `));
+				return _el$20;
+			})();
+		},
+		children: (row) => {
+			const pkg = () => row().pkg;
+			const reviewed = () => auditedAs(props.state, pkg());
+			const notices = () => props.state.providers.flatMap((entry) => entry.notices).filter((notice) => notice.rowKey === row().key);
+			const outcome = () => props.state.outcomes[row().key];
+			const gone = () => props.state.removed[row().key] !== void 0;
+			const nothing = () => gone() ? "it was removed" : unauditable(reviewed());
+			const failure = () => {
+				const latest = outcome();
+				if (latest?._tag !== "Failed" && latest?._tag !== "Unexpected") return;
+				const what = props.state.actions[row().key] === "uninstall" ? "Removal" : "Update";
+				const told = describeOutcome(latest);
+				const whole = `✗ ${what} ${told.charAt(0).toLowerCase()}${told.slice(1)}`;
+				const room = props.width - 4;
+				if (props.tab === "about" || graphemes(whole).length <= room) return whole;
+				return `${graphemes(whole).slice(0, Math.max(10, room - 17)).join("").trimEnd()} … whole on About`;
+			};
+			const installedNote = () => {
+				if (gone()) return "– Removed this week · there is nothing to do";
+				if (reviewed() === pkg()) return " ";
+				if (auditOf(props.state, pkg()) === void 0) return `Updated from ${reviewed().current} · not audited`;
+				return `Updated from ${reviewed().current} · audited before installing`;
+			};
+			const updateLabel = (latest) => {
+				if (props.state.actions[row().key] === "uninstall") return "Removal";
+				if (latest._tag === "Completed") return "Updated";
+				return "Update";
+			};
+			const about = () => props.state.about[aboutKey(pkg())];
+			const reading = () => {
+				const key = auditKey(reviewed(), props.state.mode);
+				const loaded = key === void 0 ? void 0 : props.state.changes[key];
+				if (loaded?._tag !== "Ready") return;
+				const list = files(loaded.value);
+				const file = list[Math.min(props.file, list.length - 1)];
+				if (file === void 0 || list.length < 2) return;
+				return `${position(list, props.file)} · ${file.section.path}`;
+			};
+			const declaration = () => {
+				const declared = pkg().declaration;
+				return declared === void 0 ? void 0 : `${declared.manifest} (${declared.section})`;
+			};
+			return (() => {
+				var _el$22 = createElement("box"), _el$23 = createElement("box"), _el$24 = createElement("text"), _el$25 = createElement("text"), _el$26 = createElement("box"), _el$27 = createElement("text"), _el$28 = createElement("scrollbox");
+				insertNode(_el$22, _el$23);
+				insertNode(_el$22, _el$25);
+				insertNode(_el$22, _el$26);
+				insertNode(_el$22, _el$27);
+				insertNode(_el$22, _el$28);
+				setProp(_el$22, "flexDirection", "column");
+				setProp(_el$22, "flexGrow", 1);
+				insertNode(_el$23, _el$24);
+				setProp(_el$23, "flexDirection", "row");
+				setProp(_el$23, "height", 1);
+				setProp(_el$23, "flexShrink", 0);
+				setProp(_el$24, "wrapMode", "none");
+				setProp(_el$24, "truncate", true);
+				setProp(_el$24, "flexShrink", 1);
+				insert(_el$24, () => pkg().name);
+				insert(_el$23, createComponent(Show, {
+					get when() {
+						return props.position;
+					},
+					children: (rowPosition) => (() => {
+						var _el$32 = createElement("text");
+						setProp(_el$32, "flexShrink", 0);
+						insert(_el$32, () => `   ${rowPosition()}`);
+						effect((_$p) => setProp(_el$32, "fg", theme.muted, _$p));
+						return _el$32;
+					})()
+				}), null);
+				insert(_el$22, createComponent(Version, {
+					get current() {
+						return pkg().current;
+					},
+					get target() {
+						return pkg().target;
+					},
+					get ecosystem() {
+						return pkg().ecosystem;
+					},
+					get provider() {
+						return providerLabel(pkg().provider);
+					}
+				}), _el$25);
+				setProp(_el$25, "flexShrink", 0);
+				setProp(_el$25, "wrapMode", "none");
+				setProp(_el$25, "truncate", true);
+				insert(_el$25, () => failure() ?? installedNote());
+				setProp(_el$26, "flexDirection", "row");
+				setProp(_el$26, "height", 1);
+				setProp(_el$26, "flexShrink", 0);
+				insert(_el$26, createComponent(For, {
+					each: tabs,
+					children: (tab) => (() => {
+						var _el$33 = createElement("box"), _el$34 = createElement("text"), _el$35 = createElement("text");
+						insertNode(_el$33, _el$34);
+						insertNode(_el$33, _el$35);
+						setProp(_el$33, "flexDirection", "row");
+						setProp(_el$33, "flexShrink", 0);
+						setProp(_el$33, "marginRight", 1);
+						setProp(_el$34, "flexShrink", 0);
+						insert(_el$34, () => ` ${tabTitles[tab]}${badge(tab, auditOf(props.state, pkg())) === void 0 ? "" : " "}`);
+						insert(_el$33, createComponent(Show, {
+							get when() {
+								return badge(tab, auditOf(props.state, pkg()));
+							},
+							children: (shown) => (() => {
+								var _el$37 = createElement("text");
+								setProp(_el$37, "flexShrink", 0);
+								insert(_el$37, () => shown().text);
+								effect((_p$) => {
+									var _v$18 = tab === props.tab ? theme.onAccent : shown().color, _v$19 = tab === props.tab ? theme.accent : theme.none;
+									_v$18 !== _p$.e && (_p$.e = setProp(_el$37, "fg", _v$18, _p$.e));
+									_v$19 !== _p$.t && (_p$.t = setProp(_el$37, "bg", _v$19, _p$.t));
+									return _p$;
+								}, {
+									e: void 0,
+									t: void 0
+								});
+								return _el$37;
+							})()
+						}), _el$35);
+						insertNode(_el$35, createTextNode(` `));
+						setProp(_el$35, "flexShrink", 0);
+						effect((_p$) => {
+							var _v$14 = tab === props.tab ? theme.onAccent : theme.muted, _v$15 = tab === props.tab ? theme.accent : theme.none, _v$16 = tab === props.tab ? TextAttributes.BOLD : TextAttributes.NONE, _v$17 = tab === props.tab ? theme.accent : theme.none;
+							_v$14 !== _p$.e && (_p$.e = setProp(_el$34, "fg", _v$14, _p$.e));
+							_v$15 !== _p$.t && (_p$.t = setProp(_el$34, "bg", _v$15, _p$.t));
+							_v$16 !== _p$.a && (_p$.a = setProp(_el$34, "attributes", _v$16, _p$.a));
+							_v$17 !== _p$.o && (_p$.o = setProp(_el$35, "bg", _v$17, _p$.o));
+							return _p$;
+						}, {
+							e: void 0,
+							t: void 0,
+							a: void 0,
+							o: void 0
+						});
+						return _el$33;
+					})()
+				}));
+				setProp(_el$27, "flexShrink", 0);
+				setProp(_el$27, "wrapMode", "none");
+				setProp(_el$27, "truncate", true);
+				insert(_el$27, (() => {
+					var _c$ = memo(() => props.tab === "changes");
+					return () => _c$() ? reading() ?? " " : " ";
+				})());
+				var _ref$ = props.scroller;
+				typeof _ref$ === "function" ? use(_ref$, _el$28) : props.scroller = _el$28;
+				setProp(_el$28, "contentOptions", { paddingRight: 2 });
+				setProp(_el$28, "stickyStart", "bottom");
+				insert(_el$28, createComponent(Switch, { get children() {
+					return [
+						createComponent(Match, {
+							get when() {
+								return props.tab === "about";
+							},
+							get children() {
+								var _el$29 = createElement("box"), _el$30 = createElement("text");
+								insertNode(_el$29, _el$30);
+								setProp(_el$29, "flexDirection", "column");
+								insert(_el$29, createComponent(Show, {
+									get when() {
+										return pkg().description ?? described(about());
+									},
+									children: (description) => (() => {
+										var _el$38 = createElement("text");
+										setProp(_el$38, "wrapMode", "word");
+										insert(_el$38, description);
+										effect((_$p) => setProp(_el$38, "fg", theme.text, _$p));
+										return _el$38;
+									})()
+								}), _el$30);
+								insertNode(_el$30, createTextNode(` `));
+								insert(_el$29, createComponent(Fact, {
+									label: "Provider",
+									get value() {
+										return providerLabel(pkg().provider);
+									}
+								}), null);
+								insert(_el$29, createComponent(Fact, {
+									label: "Ecosystem",
+									get value() {
+										return pkg().ecosystem;
+									}
+								}), null);
+								insert(_el$29, createComponent(Fact, {
+									label: "Artifact",
+									get value() {
+										return pkg().artifact;
+									}
+								}), null);
+								insert(_el$29, createComponent(Fact, {
+									label: "Runtime",
+									get value() {
+										return pkg().runtime;
+									}
+								}), null);
+								insert(_el$29, createComponent(Fact, {
+									label: "Declared in",
+									get value() {
+										return declaration();
+									}
+								}), null);
+								insert(_el$29, createComponent(Fact, {
+									label: "Requires",
+									get value() {
+										return pkg().requires?.join(", ");
+									}
+								}), null);
+								insert(_el$29, createComponent(Fact, {
+									label: "Required by",
+									get value() {
+										return pkg().requiredBy?.join(", ");
+									}
+								}), null);
+								insert(_el$29, createComponent(Show, {
+									get when() {
+										return outcome();
+									},
+									children: (latest) => createComponent(Fact, {
+										get label() {
+											return updateLabel(latest());
 										},
-										children: (description) => (() => {
-											var _el$38 = createElement("text");
-											setProp(_el$38, "wrapMode", "word");
-											insert(_el$38, description);
-											effect((_$p) => setProp(_el$38, "fg", theme.text, _$p));
-											return _el$38;
-										})()
-									}), _el$30);
-									insertNode(_el$30, createTextNode(` `));
-									insert(_el$29, createComponent(Fact, {
-										label: "Provider",
-										get value() {
-											return providerLabel(pkg().provider);
-										}
-									}), null);
-									insert(_el$29, createComponent(Fact, {
-										label: "Ecosystem",
-										get value() {
-											return pkg().ecosystem;
-										}
-									}), null);
-									insert(_el$29, createComponent(Fact, {
-										label: "Artifact",
-										get value() {
-											return pkg().artifact;
-										}
-									}), null);
-									insert(_el$29, createComponent(Fact, {
-										label: "Runtime",
-										get value() {
-											return pkg().runtime;
-										}
-									}), null);
-									insert(_el$29, createComponent(Fact, {
-										label: "Declared in",
-										get value() {
-											return declaration();
-										}
-									}), null);
-									insert(_el$29, createComponent(Fact, {
-										label: "Requires",
 										get value() {
-											return pkg().requires?.join(", ");
+											return memo(() => !!(latest()._tag === "Completed" && reviewed() !== pkg()))() ? `this session, from ${reviewed().current}` : describeOutcome(latest());
 										}
-									}), null);
-									insert(_el$29, createComponent(Fact, {
-										label: "Required by",
-										get value() {
-											return pkg().requiredBy?.join(", ");
-										}
-									}), null);
-									insert(_el$29, createComponent(Show, {
-										get when() {
-											return outcome();
-										},
-										children: (latest) => createComponent(Fact, {
-											get label() {
-												return memo(() => props.state.actions[row().key] === "uninstall")() ? "Removal" : latest()._tag === "Completed" ? "Updated" : "Update";
-											},
-											get value() {
-												return memo(() => !!(latest()._tag === "Completed" && reviewed() !== pkg()))() ? `this session, from ${reviewed().current}` : describeOutcome(latest());
+									})
+								}), null);
+								insert(_el$29, createComponent(Registry, {
+									get about() {
+										return about();
+									},
+									get current() {
+										return pkg().current;
+									},
+									get target() {
+										return pkg().target;
+									}
+								}), null);
+								insert(_el$29, createComponent(Show, {
+									get when() {
+										return memo(() => pkg().target === void 0)() ? void 0 : pkg().elsewhere;
+									},
+									children: (elsewhere) => (() => {
+										var _el$39 = createElement("box"), _el$40 = createElement("text"), _el$41 = createElement("box"), _el$42 = createElement("text");
+										insertNode(_el$39, _el$40);
+										insertNode(_el$39, _el$41);
+										setProp(_el$39, "flexDirection", "column");
+										setProp(_el$39, "marginTop", 1);
+										setProp(_el$40, "wrapMode", "word");
+										insert(_el$40, () => `${elsewhere().reason.replace(/^./u, (first) => first.toUpperCase())}.`);
+										insertNode(_el$41, _el$42);
+										setProp(_el$41, "flexDirection", "row");
+										setProp(_el$41, "height", 1);
+										insert(_el$41, createComponent(Key, {
+											hint: "o",
+											get color() {
+												return theme.muted;
 											}
-										})
-									}), null);
-									insert(_el$29, createComponent(Registry, {
-										get about() {
-											return about();
-										},
-										get current() {
-											return pkg().current;
-										},
-										get target() {
-											return pkg().target;
-										}
-									}), null);
-									insert(_el$29, createComponent(Show, {
-										get when() {
-											return memo(() => pkg().target === void 0)() ? void 0 : pkg().elsewhere;
-										},
-										children: (elsewhere) => (() => {
-											var _el$39 = createElement("box"), _el$40 = createElement("text"), _el$41 = createElement("box"), _el$42 = createElement("text");
-											insertNode(_el$39, _el$40);
-											insertNode(_el$39, _el$41);
-											setProp(_el$39, "flexDirection", "column");
-											setProp(_el$39, "marginTop", 1);
-											setProp(_el$40, "wrapMode", "word");
-											insert(_el$40, () => `${elsewhere().reason.replace(/^./u, (first) => first.toUpperCase())}.`);
-											insertNode(_el$41, _el$42);
-											setProp(_el$41, "flexDirection", "row");
-											setProp(_el$41, "height", 1);
-											insert(_el$41, createComponent(Key, {
-												hint: "o",
-												get color() {
-													return theme.muted;
-												}
-											}), _el$42);
-											insert(_el$42, () => ` open ${elsewhere().app}`);
-											effect((_p$) => {
-												var _v$20 = theme.muted, _v$21 = theme.muted;
-												_v$20 !== _p$.e && (_p$.e = setProp(_el$40, "fg", _v$20, _p$.e));
-												_v$21 !== _p$.t && (_p$.t = setProp(_el$42, "fg", _v$21, _p$.t));
-												return _p$;
-											}, {
-												e: void 0,
-												t: void 0
-											});
-											return _el$39;
-										})()
-									}), null);
-									insert(_el$29, createComponent(For, {
-										get each() {
-											return notices();
-										},
-										children: (notice) => (() => {
-											var _el$43 = createElement("text");
-											setProp(_el$43, "wrapMode", "word");
-											insert(_el$43, () => notice.message);
-											effect((_$p) => setProp(_el$43, "fg", theme.warn, _$p));
-											return _el$43;
-										})()
-									}), null);
-									return _el$29;
-								}
-							}),
-							createComponent(Match, {
-								get when() {
-									return props.tab === "changes";
-								},
-								get children() {
-									return createComponent(Changes, {
-										get loaded() {
-											const key = auditKey(reviewed(), props.state.mode);
-											return key === void 0 ? void 0 : props.state.changes[key];
-										},
-										get unauditable() {
-											return nothing();
-										},
-										get notes() {
-											return memo(() => !!gone())() ? void 0 : pkg().notes;
-										},
-										get at() {
-											return props.file;
-										}
-									});
-								}
-							}),
-							createComponent(Match, {
-								get when() {
-									return props.tab === "report";
-								},
-								get children() {
-									return createComponent(Report, {
-										get audit() {
-											return auditOf(props.state, pkg());
-										},
-										get installed() {
-											return reviewed() !== pkg();
-										},
-										get unauditable() {
-											return nothing();
-										},
-										model: (id) => {
-											const slash = id.indexOf("/");
-											return slash < 0 ? id : modelLabel(props.state, id.slice(0, slash), id.slice(slash + 1));
-										}
-									});
-								}
-							}),
-							createComponent(Match, {
-								get when() {
-									return props.tab === "transcript";
-								},
-								get children() {
-									return createComponent(Transcript, {
-										get live() {
-											return liveTranscript(auditOf(props.state, pkg()));
-										},
-										get running() {
-											return auditOf(props.state, pkg())?._tag === "Running";
-										},
-										get stored() {
-											const file = storedTranscript(auditOf(props.state, pkg()));
-											return file === void 0 ? void 0 : props.state.transcripts[file];
-										},
-										get unauditable() {
-											return nothing();
-										}
-									});
-								}
-							})
-						];
-					} }));
-					effect((_p$) => {
-						var _v$9 = theme.strong, _v$0 = TextAttributes.BOLD, _v$1 = failure() === void 0 ? theme.muted : theme.danger, _v$10 = theme.muted, _v$11 = Math.max(1, props.height - headerLines), _v$12 = props.tab === "transcript", _v$13 = { trackOptions: {
-							backgroundColor: theme.surface,
-							foregroundColor: theme.rule
-						} };
-						_v$9 !== _p$.e && (_p$.e = setProp(_el$24, "fg", _v$9, _p$.e));
-						_v$0 !== _p$.t && (_p$.t = setProp(_el$24, "attributes", _v$0, _p$.t));
-						_v$1 !== _p$.a && (_p$.a = setProp(_el$25, "fg", _v$1, _p$.a));
-						_v$10 !== _p$.o && (_p$.o = setProp(_el$27, "fg", _v$10, _p$.o));
-						_v$11 !== _p$.i && (_p$.i = setProp(_el$28, "height", _v$11, _p$.i));
-						_v$12 !== _p$.n && (_p$.n = setProp(_el$28, "stickyScroll", _v$12, _p$.n));
-						_v$13 !== _p$.s && (_p$.s = setProp(_el$28, "verticalScrollbarOptions", _v$13, _p$.s));
-						return _p$;
-					}, {
-						e: void 0,
-						t: void 0,
-						a: void 0,
-						o: void 0,
-						i: void 0,
-						n: void 0,
-						s: void 0
-					});
-					return _el$22;
-				})();
-			}
-		}));
-		effect((_$p) => setProp(_el$19, "maxWidth", props.tab === "about" || props.tab === "report" ? 100 : "100%", _$p));
-		return _el$19;
-	})();
-}
+										}), _el$42);
+										insert(_el$42, () => ` open ${elsewhere().app}`);
+										effect((_p$) => {
+											var _v$20 = theme.muted, _v$21 = theme.muted;
+											_v$20 !== _p$.e && (_p$.e = setProp(_el$40, "fg", _v$20, _p$.e));
+											_v$21 !== _p$.t && (_p$.t = setProp(_el$42, "fg", _v$21, _p$.t));
+											return _p$;
+										}, {
+											e: void 0,
+											t: void 0
+										});
+										return _el$39;
+									})()
+								}), null);
+								insert(_el$29, createComponent(For, {
+									get each() {
+										return notices();
+									},
+									children: (notice) => (() => {
+										var _el$43 = createElement("text");
+										setProp(_el$43, "wrapMode", "word");
+										insert(_el$43, () => notice.message);
+										effect((_$p) => setProp(_el$43, "fg", theme.warn, _$p));
+										return _el$43;
+									})()
+								}), null);
+								return _el$29;
+							}
+						}),
+						createComponent(Match, {
+							get when() {
+								return props.tab === "changes";
+							},
+							get children() {
+								return createComponent(Changes, {
+									get loaded() {
+										const key = auditKey(reviewed(), props.state.mode);
+										return key === void 0 ? void 0 : props.state.changes[key];
+									},
+									get unauditable() {
+										return nothing();
+									},
+									get notes() {
+										return memo(() => !!gone())() ? void 0 : pkg().notes;
+									},
+									get at() {
+										return props.file;
+									}
+								});
+							}
+						}),
+						createComponent(Match, {
+							get when() {
+								return props.tab === "report";
+							},
+							get children() {
+								return createComponent(Report, {
+									get audit() {
+										return auditOf(props.state, pkg());
+									},
+									get installed() {
+										return reviewed() !== pkg();
+									},
+									get unauditable() {
+										return nothing();
+									},
+									model: (id) => {
+										const slash = id.indexOf("/");
+										return slash === -1 ? id : modelLabel(props.state, id.slice(0, slash), id.slice(slash + 1));
+									}
+								});
+							}
+						}),
+						createComponent(Match, {
+							get when() {
+								return props.tab === "transcript";
+							},
+							get children() {
+								return createComponent(Transcript, {
+									get live() {
+										return liveTranscript(auditOf(props.state, pkg()));
+									},
+									get running() {
+										return auditOf(props.state, pkg())?._tag === "Running";
+									},
+									get stored() {
+										const file = storedTranscript(auditOf(props.state, pkg()));
+										return file === void 0 ? void 0 : props.state.transcripts[file];
+									},
+									get unauditable() {
+										return nothing();
+									}
+								});
+							}
+						})
+					];
+				} }));
+				effect((_p$) => {
+					var _v$9 = theme.strong, _v$0 = TextAttributes.BOLD, _v$1 = failure() === void 0 ? theme.muted : theme.danger, _v$10 = theme.muted, _v$11 = Math.max(1, props.height - headerLines), _v$12 = props.tab === "transcript", _v$13 = { trackOptions: {
+						backgroundColor: theme.surface,
+						foregroundColor: theme.rule
+					} };
+					_v$9 !== _p$.e && (_p$.e = setProp(_el$24, "fg", _v$9, _p$.e));
+					_v$0 !== _p$.t && (_p$.t = setProp(_el$24, "attributes", _v$0, _p$.t));
+					_v$1 !== _p$.a && (_p$.a = setProp(_el$25, "fg", _v$1, _p$.a));
+					_v$10 !== _p$.o && (_p$.o = setProp(_el$27, "fg", _v$10, _p$.o));
+					_v$11 !== _p$.i && (_p$.i = setProp(_el$28, "height", _v$11, _p$.i));
+					_v$12 !== _p$.n && (_p$.n = setProp(_el$28, "stickyScroll", _v$12, _p$.n));
+					_v$13 !== _p$.s && (_p$.s = setProp(_el$28, "verticalScrollbarOptions", _v$13, _p$.s));
+					return _p$;
+				}, {
+					e: void 0,
+					t: void 0,
+					a: void 0,
+					o: void 0,
+					i: void 0,
+					n: void 0,
+					s: void 0
+				});
+				return _el$22;
+			})();
+		}
+	}));
+	effect((_$p) => setProp(_el$19, "maxWidth", props.tab === "about" || props.tab === "report" ? 100 : "100%", _$p));
+	return _el$19;
+})();
 // src/tui/Inventory.tsx
 const gap = 2;
 const prefix = 4;
 const arrow = " → ";
 const statusWidth = 14;
 const mark = (text) => {
-	const first = [...text][0] ?? "";
+	const first = graphemes(text)[0] ?? "";
 	return /\p{L}/u.test(first) ? "·" : first;
 };
-const widest = (values, least, most) => Math.min(most, Math.max(least, ...values.map((value) => [...value].length)));
+const widest = (values, least, most = Infinity) => Math.min(most, Math.max(least, ...values.map((value) => graphemes(value).length)));
 const naturalColumns = (rows, state) => {
 	const providers = new Set(rows.map((row) => row.pkg.provider));
 	const statuses = rows.some((row) => row.pkg.target !== void 0 || status(state, row).text !== "");
 	return {
 		name: widest(rows.map((row) => row.pkg.name), 22, 40),
-		current: widest(rows.map((row) => row.pkg.current), 10, 16),
+		current: widest(rows.map((row) => row.pkg.current), 10, 24),
 		target: widest(rows.map((row) => row.pkg.target ?? ""), 0, 24),
-		bump: rows.some((row) => row.pkg.target !== void 0) ? widest(rows.map((row) => row.pkg.target === void 0 ? "" : bumpLabel(bump(row.pkg.current, row.pkg.target))), 4, 9) : 0,
+		bump: rows.some((row) => row.pkg.target !== void 0) ? widest(rows.map((row) => row.pkg.target === void 0 ? "" : bumpLabel(bump(row.pkg.current, row.pkg.target, row.pkg.ecosystem))), 4) : 0,
 		provider: providers.size > 1 ? widest(rows.map((row) => providerLabel(row.pkg.provider)), 8, 16) : 0,
 		status: statuses ? statusWidth : 0
 	};
 };
 const optional = (width) => width === 0 ? 0 : gap + width;
 const tableWidth = (columns) => prefix + columns.name + gap + columns.current + (columns.target === 0 ? 0 : 3 + columns.target) + optional(columns.bump) + optional(columns.provider) + optional(columns.status);
-const fitColumns = (columns, width, mode = "project") => {
-	let excess = tableWidth(columns) - width;
-	const shrink = (value, floor) => {
-		const cut = Math.max(0, Math.min(excess, value - floor));
-		excess -= cut;
-		return value - cut;
-	};
-	const drop = (width) => {
-		if (excess <= 0 || width === 0) return width;
-		excess -= gap + width;
-		return 0;
-	};
-	const system = mode === "system";
-	const bumpFirst = system ? drop(columns.bump) : void 0;
-	const narrowed = system ? {
-		name: shrink(columns.name, Math.min(columns.name, 24)),
-		target: shrink(columns.target, Math.min(columns.target, 10)),
-		current: shrink(columns.current, 10)
-	} : columns;
-	const provider = drop(columns.provider);
-	const kind = bumpFirst ?? drop(columns.bump);
-	const target = shrink(narrowed.target, Math.min(narrowed.target, 8));
-	const current = shrink(narrowed.current, 8);
-	const roomy = shrink(narrowed.name, Math.min(narrowed.name, 18));
-	const status = shrink(columns.status, Math.min(columns.status, 2));
-	const current2 = excess > 0 && columns.target > 0 ? 0 : current;
-	excess -= current - current2;
-	return {
-		name: roomy - Math.max(0, Math.min(excess, roomy - 8)),
-		current: current2,
-		target,
-		bump: kind,
-		provider,
-		status
-	};
+const drop = (column) => [column, 0];
+const nameFloor = {
+	roomy: 24,
+	bothEnds: 18,
+	last: 8
 };
-const leastWidth = (columns, mode = "project") => {
-	const keeps = (fitted) => fitted.status === columns.status && fitted.current > 0 && fitted.name >= Math.min(columns.name, 24) && (mode !== "system" || fitted.provider === columns.provider);
-	let least = tableWidth(columns);
-	while (least > 0 && keeps(fitColumns(columns, least - 1, mode))) least -= 1;
-	return least;
+const versionFloor = {
+	long: 10,
+	short: 8
 };
-const fitName = (text, width) => {
-	const chars = [...text];
-	if (chars.length <= width) return text.padEnd(width);
-	if (width <= 3) return fit(text, width);
-	const slash = text.indexOf("/");
-	const base = Array.from(text.slice(slash + 1));
-	const scope = Array.from(text.slice(0, slash));
-	if (text.startsWith("@") && slash > 0 && base.length + 4 <= width) {
-		const keep = Math.min(scope.length, width - base.length - 2);
-		return `${scope.slice(0, keep).join("")}…/${base.join("")}`.padEnd(width);
+const giveWayByMode = {
+	system: {
+		besideDetails: [
+			drop("bump"),
+			["name", nameFloor.roomy],
+			["current", versionFloor.long]
+		],
+		listAlone: [
+			["name", nameFloor.bothEnds],
+			["target", versionFloor.long],
+			drop("provider")
+		]
+	},
+	project: {
+		besideDetails: [
+			drop("provider"),
+			drop("bump"),
+			["name", nameFloor.roomy]
+		],
+		listAlone: [["name", nameFloor.bothEnds]]
 	}
-	const head = Math.ceil((width - 1) / 2);
-	const tail = width - 1 - head;
-	return `${chars.slice(0, head).join("")}…${chars.slice(chars.length - tail).join("")}`;
 };
+const lastResort = (columns) => {
+	const offersVersion = columns.target > 0;
+	return [
+		["current", versionFloor.short],
+		["target", versionFloor.short],
+		["status", 2],
+		...offersVersion ? [drop("current")] : [],
+		["name", nameFloor.last]
+	];
+};
+const giveWay = (columns, width, order) => {
+	const fitted = { ...columns };
+	for (const [column, floor] of order) {
+		const excess = tableWidth(fitted) - width;
+		const value = fitted[column];
+		if (excess <= 0 || value === 0) continue;
+		fitted[column] = floor === 0 ? 0 : value - Math.min(excess, Math.max(0, value - floor));
+	}
+	return fitted;
+};
+const fitColumns = (columns, width, mode = "project") => {
+	const { besideDetails, listAlone } = giveWayByMode[mode];
+	return giveWay(columns, width, [
+		...besideDetails,
+		...listAlone,
+		...lastResort(columns)
+	]);
+};
+const leastWidth = (columns, mode = "project") => tableWidth(giveWay(columns, 0, giveWayByMode[mode].besideDetails));
 const pad = " ".repeat(gap);
+const targetText = (text, room) => fit(text, room).trimEnd();
 const labels = (columns, filled) => [
-	fit("Version", columns.current + (columns.target === 0 ? 0 : 3 + columns.target)),
+	`${" ".repeat(Math.max(0, columns.current - 7))}${fit("Version", Math.min(columns.current, 7) + (columns.target === 0 ? 0 : 3 + columns.target))}`,
 	columns.bump === 0 ? "" : pad + fit(filled.bump ? "Bump" : "", columns.bump),
 	columns.provider === 0 ? "" : pad + fit("Provider", columns.provider),
 	columns.status === 0 ? "" : pad + fit(filled.status ? "Status" : "", columns.status)
 ].join("").trimEnd();
-function Heading(props) {
+const Heading = (props) => {
 	const updates = () => props.group.kind === "updates";
 	const folds = () => props.group.kind === "current";
 	const hinted = () => folds() && !props.typing;
-	const used = () => 2 + Array.from(props.group.title).length + `  ${props.group.rows.length}`.length + (props.selected > 0 ? `  · ${props.selected} selected`.length : 0) + (hinted() ? `   ${keys.fold.hint ?? ""} show`.length + 2 : 0);
+	const foldMark = () => {
+		if (!folds()) return "  ";
+		return props.group.collapsed === true ? "▸ " : "▾ ";
+	};
+	const used = () => 2 + graphemes(props.group.title).length + `  ${props.group.rows.length}`.length + (props.selected > 0 ? `  · ${props.selected} selected`.length : 0) + (hinted() ? `   ${keys.fold.hint ?? ""} show`.length + 2 : 0);
 	const start = () => prefix + props.columns.name + gap;
 	return (() => {
 		var _el$ = createElement("box"), _el$2 = createElement("text"), _el$3 = createElement("text"), _el$4 = createElement("text");
@@ -2853,10 +3325,7 @@ function Heading(props) {
 		setProp(_el$, "flexDirection", "row");
 		setProp(_el$, "height", 1);
 		setProp(_el$2, "flexShrink", 0);
-		insert(_el$2, (() => {
-			var _c$ = memo(() => !!folds());
-			return () => _c$() ? props.group.collapsed === true ? "▸ " : "▾ " : "  ";
-		})());
+		insert(_el$2, foldMark);
 		setProp(_el$3, "flexShrink", 0);
 		insert(_el$3, () => props.group.title);
 		setProp(_el$4, "flexShrink", 0);
@@ -2897,7 +3366,7 @@ function Heading(props) {
 						var _el$8 = createElement("text");
 						setProp(_el$8, "flexShrink", 0);
 						insert(_el$8, () => props.group.collapsed === true ? " show" : " hide");
-						effect((_$p) => setProp(_el$8, "fg", theme.faint, _$p));
+						effect((_$p) => setProp(_el$8, "fg", theme.muted, _$p));
 						return _el$8;
 					})()
 				];
@@ -2913,12 +3382,12 @@ function Heading(props) {
 				setProp(_el$9, "wrapMode", "none");
 				setProp(_el$9, "truncate", true);
 				insert(_el$9, () => " ".repeat(start() - used()) + labels(props.columns, props.filled));
-				effect((_$p) => setProp(_el$9, "fg", theme.faint, _$p));
+				effect((_$p) => setProp(_el$9, "fg", theme.muted, _$p));
 				return _el$9;
 			}
 		}), null);
 		effect((_p$) => {
-			var _v$ = theme.faint, _v$2 = updates() ? theme.accent : theme.muted, _v$3 = TextAttributes.BOLD, _v$4 = theme.faint;
+			var _v$ = theme.muted, _v$2 = updates() ? theme.accent : theme.muted, _v$3 = TextAttributes.BOLD, _v$4 = theme.muted;
 			_v$ !== _p$.e && (_p$.e = setProp(_el$2, "fg", _v$, _p$.e));
 			_v$2 !== _p$.t && (_p$.t = setProp(_el$3, "fg", _v$2, _p$.t));
 			_v$3 !== _p$.a && (_p$.a = setProp(_el$3, "attributes", _v$3, _p$.a));
@@ -2932,111 +3401,36 @@ function Heading(props) {
 		});
 		return _el$;
 	})();
-}
-function Inventory(props) {
-	const visible = () => props.lines.slice(props.offset, props.offset + props.height);
-	return (() => {
-		var _el$0 = createElement("box");
-		setProp(_el$0, "flexDirection", "column");
-		insert(_el$0, createComponent(For, {
-			get each() {
-				return visible();
-			},
-			children: (line) => createComponent(Switch, { get children() {
-				return [
-					createComponent(Match, {
-						get when() {
-							return line._tag === "Gap";
-						},
-						get children() {
-							var _el$1 = createElement("text");
-							insertNode(_el$1, createTextNode(` `));
-							return _el$1;
-						}
-					}),
-					createComponent(Match, {
-						get when() {
-							return memo(() => line._tag === "Heading")() ? line.group : void 0;
-						},
-						children: (group) => createComponent(Heading, {
-							get group() {
-								return group();
-							},
-							get columns() {
-								return props.columns;
-							},
-							get filled() {
-								return {
-									bump: group().kind === "updates",
-									status: visibleRows(group()).some((row) => status(props.state, row).text !== "")
-								};
-							},
-							get typing() {
-								return props.typing;
-							},
-							get selected() {
-								return group().rows.filter((row) => props.state.selected.includes(row.key)).length;
-							}
-						})
-					}),
-					createComponent(Match, {
-						get when() {
-							return line._tag === "Package" ? line : void 0;
-						},
-						children: (found) => createComponent(PackageLine, {
-							get row() {
-								return found().row;
-							},
-							get state() {
-								return props.state;
-							},
-							get columns() {
-								return props.columns;
-							},
-							get focused() {
-								return found().index === props.cursor;
-							}
-						})
-					})
-				];
-			} })
-		}));
-		effect((_$p) => setProp(_el$0, "flexGrow", props.lines.length === 0 ? 0 : 1, _$p));
+};
+const Cell = (props) => createComponent(Show, {
+	get when() {
+		return props.text !== "";
+	},
+	get children() {
+		var _el$0 = createElement("text");
+		setProp(_el$0, "flexShrink", 0);
+		setProp(_el$0, "wrapMode", "none");
+		insert(_el$0, () => props.text);
+		effect((_p$) => {
+			var _v$5 = props.color, _v$6 = props.bold === true ? TextAttributes.BOLD : TextAttributes.NONE;
+			_v$5 !== _p$.e && (_p$.e = setProp(_el$0, "fg", _v$5, _p$.e));
+			_v$6 !== _p$.t && (_p$.t = setProp(_el$0, "attributes", _v$6, _p$.t));
+			return _p$;
+		}, {
+			e: void 0,
+			t: void 0
+		});
 		return _el$0;
-	})();
-}
-function Cell(props) {
-	return createComponent(Show, {
-		get when() {
-			return props.text !== "";
-		},
-		get children() {
-			var _el$11 = createElement("text");
-			setProp(_el$11, "flexShrink", 0);
-			setProp(_el$11, "wrapMode", "none");
-			insert(_el$11, () => props.text);
-			effect((_p$) => {
-				var _v$5 = props.color, _v$6 = props.bold === true ? TextAttributes.BOLD : TextAttributes.NONE;
-				_v$5 !== _p$.e && (_p$.e = setProp(_el$11, "fg", _v$5, _p$.e));
-				_v$6 !== _p$.t && (_p$.t = setProp(_el$11, "attributes", _v$6, _p$.t));
-				return _p$;
-			}, {
-				e: void 0,
-				t: void 0
-			});
-			return _el$11;
-		}
-	});
-}
-function PackageLine(props) {
+	}
+});
+const PackageLine = (props) => {
 	const pkg = () => props.row.pkg;
 	const selected = () => props.state.selected.includes(props.row.key);
 	const shown = () => status(props.state, props.row);
 	const change = () => {
-		const target = pkg().target;
-		return target === void 0 ? void 0 : bump(pkg().current, target);
+		const { target } = pkg();
+		return target === void 0 ? void 0 : bump(pkg().current, target, pkg().ecosystem);
 	};
-	const targetText = (text, room) => fit(text, room).trimEnd();
 	const outcome = () => props.state.outcomes[props.row.key];
 	const marker = () => {
 		if (selected()) return {
@@ -3045,7 +3439,7 @@ function PackageLine(props) {
 		};
 		if (props.state.removed[props.row.key] !== void 0) return {
 			text: "–",
-			color: theme.faint
+			color: theme.muted
 		};
 		const done = outcome();
 		if (done !== void 0) return {
@@ -3054,14 +3448,31 @@ function PackageLine(props) {
 		};
 		return {
 			text: "○",
-			color: props.focused ? theme.muted : theme.faint
+			color: theme.muted
 		};
 	};
+	const background = () => {
+		if (props.focused) return theme.cursor;
+		return selected() ? theme.selected : theme.none;
+	};
+	const nameColor = () => {
+		if (selected()) return theme.accent;
+		if (props.state.removed[props.row.key] !== void 0) return theme.muted;
+		return props.focused ? theme.strong : theme.text;
+	};
+	const bumpText = () => {
+		const changed = change();
+		return changed === void 0 ? "" : bumpLabel(changed);
+	};
+	const bumpColor = () => {
+		const changed = change();
+		return changed === void 0 ? theme.muted : bumpTone(changed);
+	};
 	return (() => {
-		var _el$12 = createElement("box");
-		setProp(_el$12, "flexDirection", "row");
-		setProp(_el$12, "height", 1);
-		insert(_el$12, createComponent(Cell, {
+		var _el$1 = createElement("box");
+		setProp(_el$1, "flexDirection", "row");
+		setProp(_el$1, "height", 1);
+		insert(_el$1, createComponent(Cell, {
 			get text() {
 				return props.focused ? "▌" : " ";
 			},
@@ -3069,13 +3480,13 @@ function PackageLine(props) {
 				return theme.accent;
 			}
 		}), null);
-		insert(_el$12, createComponent(Cell, {
+		insert(_el$1, createComponent(Cell, {
 			text: " ",
 			get color() {
 				return theme.text;
 			}
 		}), null);
-		insert(_el$12, createComponent(Cell, {
+		insert(_el$1, createComponent(Cell, {
 			get text() {
 				return marker().text;
 			},
@@ -3084,31 +3495,31 @@ function PackageLine(props) {
 			},
 			bold: true
 		}), null);
-		insert(_el$12, createComponent(Cell, {
+		insert(_el$1, createComponent(Cell, {
 			text: " ",
 			get color() {
 				return theme.text;
 			}
 		}), null);
-		insert(_el$12, createComponent(Cell, {
+		insert(_el$1, createComponent(Cell, {
 			get text() {
 				return fitName(pkg().name, props.columns.name) + pad;
 			},
 			get color() {
-				return memo(() => !!selected())() ? theme.accent : memo(() => props.state.removed[props.row.key] !== void 0)() ? theme.faint : memo(() => !!props.focused)() ? theme.strong : theme.text;
+				return nameColor();
 			},
 			get bold() {
 				return selected() || props.focused;
 			}
 		}), null);
-		insert(_el$12, createComponent(Show, {
+		insert(_el$1, createComponent(Show, {
 			get when() {
 				return props.columns.current > 0;
 			},
 			get children() {
 				return createComponent(Cell, {
 					get text() {
-						return fit(pkg().current, props.columns.current);
+						return fit(pkg().current, props.columns.current, "end");
 					},
 					get color() {
 						return theme.muted;
@@ -3116,7 +3527,7 @@ function PackageLine(props) {
 				});
 			}
 		}), null);
-		insert(_el$12, createComponent(Show, {
+		insert(_el$1, createComponent(Show, {
 			get when() {
 				return props.columns.target > 0;
 			},
@@ -3136,16 +3547,16 @@ function PackageLine(props) {
 						});
 					},
 					children: (changed) => (() => {
-						var _el$13 = createElement("box");
-						setProp(_el$13, "flexDirection", "row");
-						setProp(_el$13, "flexShrink", 0);
-						insert(_el$13, createComponent(Cell, {
+						var _el$10 = createElement("box");
+						setProp(_el$10, "flexDirection", "row");
+						setProp(_el$10, "flexShrink", 0);
+						insert(_el$10, createComponent(Cell, {
 							text: arrow,
 							get color() {
-								return theme.faint;
+								return theme.muted;
 							}
 						}), null);
-						insert(_el$13, createComponent(Cell, {
+						insert(_el$10, createComponent(Cell, {
 							get text() {
 								return targetText(changed().same, props.columns.target);
 							},
@@ -3153,39 +3564,39 @@ function PackageLine(props) {
 								return theme.muted;
 							}
 						}), null);
-						insert(_el$13, createComponent(Cell, {
+						insert(_el$10, createComponent(Cell, {
 							get text() {
-								return targetText(changed().changed, Math.max(0, props.columns.target - [...changed().same].length));
+								return targetText(changed().changed, Math.max(0, props.columns.target - graphemes(changed().same).length));
 							},
 							get color() {
 								return theme.strong;
 							},
 							bold: true
 						}), null);
-						insert(_el$13, createComponent(Cell, {
+						insert(_el$10, createComponent(Cell, {
 							get text() {
-								return " ".repeat(Math.max(0, props.columns.target - [...changed().same, ...changed().changed].length));
+								return " ".repeat(Math.max(0, props.columns.target - (graphemes(changed().same).length + graphemes(changed().changed).length)));
 							},
 							get color() {
 								return theme.text;
 							}
 						}), null);
-						return _el$13;
+						return _el$10;
 					})()
 				});
 			}
 		}), null);
-		insert(_el$12, createComponent(Show, {
+		insert(_el$1, createComponent(Show, {
 			get when() {
 				return props.columns.bump > 0;
 			},
 			get children() {
 				return createComponent(Cell, {
 					get text() {
-						return pad + fit(change() === void 0 ? "" : bumpLabel(change()), props.columns.bump);
+						return pad + fit(bumpText(), props.columns.bump);
 					},
 					get color() {
-						return memo(() => change() === void 0)() ? theme.faint : bumpTone(change());
+						return bumpColor();
 					},
 					get bold() {
 						return change()?.risk === "major";
@@ -3193,22 +3604,22 @@ function PackageLine(props) {
 				});
 			}
 		}), null);
-		insert(_el$12, createComponent(Show, {
+		insert(_el$1, createComponent(Show, {
 			get when() {
 				return props.columns.provider > 0;
 			},
 			get children() {
 				return createComponent(Cell, {
 					get text() {
-						return pad + fit(providerLabel(pkg().provider), props.columns.provider);
+						return pad + fitName(providerLabel(pkg().provider), props.columns.provider);
 					},
 					get color() {
-						return theme.faint;
+						return theme.muted;
 					}
 				});
 			}
 		}), null);
-		insert(_el$12, createComponent(Show, {
+		insert(_el$1, createComponent(Show, {
 			get when() {
 				return props.columns.status > 0;
 			},
@@ -3246,11 +3657,83 @@ function PackageLine(props) {
 				];
 			}
 		}), null);
-		effect((_$p) => setProp(_el$12, "backgroundColor", props.focused ? theme.cursor : selected() ? theme.selected : theme.none, _$p));
-		return _el$12;
+		effect((_$p) => setProp(_el$1, "backgroundColor", background(), _$p));
+		return _el$1;
+	})();
+};
+const Inventory = (props) => {
+	const visible = () => props.lines.slice(props.offset, props.offset + props.height);
+	return (() => {
+		var _el$11 = createElement("box");
+		setProp(_el$11, "flexDirection", "column");
+		insert(_el$11, createComponent(For, {
+			get each() {
+				return visible();
+			},
+			children: (line) => createComponent(Switch, { get children() {
+				return [
+					createComponent(Match, {
+						get when() {
+							return line._tag === "Gap";
+						},
+						get children() {
+							var _el$12 = createElement("text");
+							insertNode(_el$12, createTextNode(` `));
+							return _el$12;
+						}
+					}),
+					createComponent(Match, {
+						get when() {
+							return memo(() => line._tag === "Heading")() ? line.group : void 0;
+						},
+						children: (group) => createComponent(Heading, {
+							get group() {
+								return group();
+							},
+							get columns() {
+								return props.columns;
+							},
+							get filled() {
+								return {
+									bump: group().kind === "updates",
+									status: visibleRows(group()).some((row) => status(props.state, row).text !== "")
+								};
+							},
+							get typing() {
+								return props.typing;
+							},
+							get selected() {
+								return group().rows.filter((row) => props.state.selected.includes(row.key)).length;
+							}
+						})
+					}),
+					createComponent(Match, {
+						get when() {
+							return line._tag === "Package" ? line : void 0;
+						},
+						children: (found) => createComponent(PackageLine, {
+							get row() {
+								return found().row;
+							},
+							get state() {
+								return props.state;
+							},
+							get columns() {
+								return props.columns;
+							},
+							get focused() {
+								return found().index === props.cursor;
+							}
+						})
+					})
+				];
+			} })
+		}));
+		effect((_$p) => setProp(_el$11, "flexGrow", props.lines.length === 0 ? 0 : 1, _$p));
+		return _el$11;
 	})();
-}
-function Empty(props) {
+};
+const Empty = (props) => {
 	const problems = () => [...props.state.discoveryError === void 0 ? [] : [describeError(props.state.discoveryError)], ...props.state.providers.flatMap((entry) => entry.error === void 0 ? [] : [`${providerLabel(entry.name)}: ${describeError(entry.error)}`])];
 	return (() => {
 		var _el$14 = createElement("box");
@@ -3349,11 +3832,11 @@ function Empty(props) {
 									insert(_el$36, () => ` ${providerLabel(entry.name).padEnd(16)}`);
 									setProp(_el$37, "flexShrink", 0);
 									insert(_el$37, (() => {
-										var _c$2 = memo(() => entry.status === "ready");
-										return () => _c$2() ? `${entry.packages.length}` : "";
+										var _c$ = memo(() => entry.status === "ready");
+										return () => _c$() ? `${entry.packages.length}` : "";
 									})());
 									effect((_p$) => {
-										var _v$7 = theme.text, _v$8 = theme.faint;
+										var _v$7 = theme.text, _v$8 = theme.muted;
 										_v$7 !== _p$.e && (_p$.e = setProp(_el$36, "fg", _v$7, _p$.e));
 										_v$8 !== _p$.t && (_p$.t = setProp(_el$37, "fg", _v$8, _p$.t));
 										return _p$;
@@ -3423,72 +3906,29 @@ function Empty(props) {
 						})(), (() => {
 							var _el$27 = createElement("text");
 							insertNode(_el$27, createTextNode(`Press m to see the tools installed on this machine.`));
-							effect((_$p) => setProp(_el$27, "fg", theme.faint, _$p));
+							effect((_$p) => setProp(_el$27, "fg", theme.muted, _$p));
 							return _el$27;
 						})()];
 					}
-				}),
-				createComponent(Match, {
-					get when() {
-						return props.state.mode === "system";
-					},
-					get children() {
-						var _el$29 = createElement("text");
-						insertNode(_el$29, createTextNode(`No package managers reported any installed tools.`));
-						effect((_$p) => setProp(_el$29, "fg", theme.text, _$p));
-						return _el$29;
-					}
-				})
-			];
-		} }));
-		return _el$14;
-	})();
-}
-// src/tui/Segments.tsx
-const segment = (color, text, bold = false) => ({
-	text,
-	color,
-	bold
-});
-const shrinking = (color, text, bold = false) => ({
-	...segment(color, text, bold),
-	shrink: true
-});
-function Segments(props) {
-	return (() => {
-		var _el$ = createElement("box");
-		setProp(_el$, "flexDirection", "row");
-		setProp(_el$, "height", 1);
-		insert(_el$, createComponent(For, {
-			get each() {
-				return props.segments;
-			},
-			children: (part) => (() => {
-				var _el$2 = createElement("text");
-				setProp(_el$2, "wrapMode", "none");
-				insert(_el$2, () => part.text);
-				effect((_p$) => {
-					var _v$ = part.color, _v$2 = part.shrink === true ? 1 : 0, _v$3 = part.shrink === true, _v$4 = part.bold === true ? TextAttributes.BOLD : TextAttributes.NONE;
-					_v$ !== _p$.e && (_p$.e = setProp(_el$2, "fg", _v$, _p$.e));
-					_v$2 !== _p$.t && (_p$.t = setProp(_el$2, "flexShrink", _v$2, _p$.t));
-					_v$3 !== _p$.a && (_p$.a = setProp(_el$2, "truncate", _v$3, _p$.a));
-					_v$4 !== _p$.o && (_p$.o = setProp(_el$2, "attributes", _v$4, _p$.o));
-					return _p$;
-				}, {
-					e: void 0,
-					t: void 0,
-					a: void 0,
-					o: void 0
-				});
-				return _el$2;
-			})()
-		}));
-		effect((_$p) => setProp(_el$, "backgroundColor", props.background ?? theme.none, _$p));
-		return _el$;
+				}),
+				createComponent(Match, {
+					get when() {
+						return props.state.mode === "system";
+					},
+					get children() {
+						var _el$29 = createElement("text");
+						insertNode(_el$29, createTextNode(`No package managers reported any installed tools.`));
+						effect((_$p) => setProp(_el$29, "fg", theme.text, _$p));
+						return _el$29;
+					}
+				})
+			];
+		} }));
+		return _el$14;
 	})();
-}
+};
 // src/tui/Password.tsx
-function PasswordPopup(props) {
+const PasswordPopup = (props) => {
 	const [entry, setEntry] = createSignal("");
 	useKeyboard((key) => {
 		if (key.name === "escape") props.answer(void 0);
@@ -3503,7 +3943,9 @@ function PasswordPopup(props) {
 			if (char !== void 0) setEntry((text) => text + char);
 		}
 	});
-	usePaste((event) => setEntry((text) => text + pasted(event.bytes)));
+	usePaste((event) => {
+		setEntry((text) => text + pasted(event.bytes));
+	});
 	return createComponent(Popup, {
 		title: "Password needed",
 		tone: "warn",
@@ -3532,16 +3974,17 @@ function PasswordPopup(props) {
 				})(),
 				(() => {
 					var _el$4 = createElement("text");
-					insert(_el$4, () => `${"•".repeat([...entry()].length)}▏`);
+					insert(_el$4, () => `${"•".repeat(graphemes(entry()).length)}▏`);
 					effect((_$p) => setProp(_el$4, "fg", theme.text, _$p));
 					return _el$4;
 				})()
 			];
 		}
 	});
-}
+};
 // src/tui/Settings.tsx
 const listHeight = 10;
+const width$1 = 84;
 const menu = [
 	"model",
 	"thinking",
@@ -3557,7 +4000,7 @@ const binding = (hint, description) => ({
 	hint,
 	description
 });
-function SettingsPopup(props) {
+const SettingsPopup = (props) => {
 	const [mode, setMode] = createSignal({ _tag: "Menu" });
 	const [row, setRow] = createSignal(0);
 	const [filter, setFilter] = createSignal("");
@@ -3572,10 +4015,11 @@ function SettingsPopup(props) {
 		const chosen = current();
 		return chosen !== void 0 && !chosen.signedIn ? chosen : void 0;
 	};
-	const ordered = createMemo(() => {
-		const standing = (choice) => choice === current() ? 0 : choice.signedIn ? 1 : 2;
-		return catalogue().toSorted((left, right) => standing(left) - standing(right));
-	});
+	const standing = (choice) => {
+		if (choice === current()) return 0;
+		return choice.signedIn ? 1 : 2;
+	};
+	const ordered = createMemo(() => catalogue().toSorted((left, right) => standing(left) - standing(right)));
 	const matching = createMemo(() => {
 		const words = filter().toLowerCase().split(/\s+/u).filter(Boolean);
 		return ordered().filter((choice) => {
@@ -3678,16 +4122,16 @@ function SettingsPopup(props) {
 			if (char !== void 0) setEntry((text) => text + char);
 		}
 	};
+	const cancel = () => {
+		props.run(props.session.closeSignIn);
+		setMode({ _tag: "Picker" });
+	};
 	const onSignIn = (key, signIn) => {
-		const cancel = () => {
-			props.run(props.session.closeSignIn);
-			setMode({ _tag: "Picker" });
-		};
 		if (signIn?._tag !== "Working" || signIn.prompt === void 0) {
 			if (key.name === "escape") cancel();
 			return;
 		}
-		const prompt = signIn.prompt;
+		const { prompt } = signIn;
 		if (prompt.type === "select") {
 			if (key.name === "escape") cancel();
 			else if (key.name === "down") setPicked((index) => Math.min(prompt.options.length - 1, index + 1));
@@ -3706,22 +4150,32 @@ function SettingsPopup(props) {
 	useKeyboard((key) => {
 		const now = mode();
 		switch (now._tag) {
-			case "Menu": return onMenu(key);
-			case "Picker": return onPicker(key);
-			case "Method": return onMethod(key, now.choice);
-			case "Key": return onEntry(key, (text) => {
-				if (text.trim() === "") return;
-				props.run(props.session.saveKey(now.choice.provider, text.trim()));
-				setEntry("");
-				setMode({
-					_tag: "SigningIn",
-					choice: now.choice
+			case "Menu":
+				onMenu(key);
+				return;
+			case "Picker":
+				onPicker(key);
+				return;
+			case "Method":
+				onMethod(key, now.choice);
+				return;
+			case "Key":
+				onEntry(key, (text) => {
+					if (text.trim() === "") return;
+					props.run(props.session.saveKey(now.choice.provider, text.trim()));
+					setEntry("");
+					setMode({
+						_tag: "SigningIn",
+						choice: now.choice
+					});
+				}, () => {
+					setMode({
+						_tag: "Method",
+						choice: now.choice
+					});
 				});
-			}, () => setMode({
-				_tag: "Method",
-				choice: now.choice
-			}));
-			case "SigningIn": return onSignIn(key, props.state.signIn);
+				return;
+			case "SigningIn": onSignIn(key, props.state.signIn);
 		}
 	});
 	const modelLabel = () => {
@@ -3730,27 +4184,38 @@ function SettingsPopup(props) {
 		const known = current();
 		return known === void 0 ? `${chosen.provider}/${chosen.modelId}` : `${known.providerName} · ${known.name}`;
 	};
+	const compact = useCompact();
+	const dimensions = useTerminalDimensions();
+	const room = (before) => bodyWidth(width$1, dimensions().width) - before;
 	const menuLine = (index, label, value, color, help) => (() => {
-		var _el$ = createElement("box"), _el$2 = createElement("box"), _el$3 = createElement("text");
-		insertNode(_el$, _el$2);
+		var _el$ = createElement("box");
 		setProp(_el$, "flexDirection", "column");
-		setProp(_el$, "marginBottom", 1);
 		insert(_el$, createComponent(Segments, { get segments() {
 			return [
 				segment(theme.accent, row() === index ? "▌ " : "  "),
 				segment(row() === index ? theme.strong : theme.muted, label.padEnd(14), row() === index),
-				shrinking(color, value, true)
+				segment(color, clip(value, room(16)), true)
 			];
-		} }), _el$2);
-		insertNode(_el$2, _el$3);
-		setProp(_el$2, "paddingLeft", 16);
-		setProp(_el$2, "paddingRight", 1);
-		setProp(_el$3, "wrapMode", "word");
-		insert(_el$3, help);
+		} }), null);
+		insert(_el$, createComponent(Show, {
+			get when() {
+				return !compact();
+			},
+			get children() {
+				var _el$2 = createElement("box"), _el$3 = createElement("text");
+				insertNode(_el$2, _el$3);
+				setProp(_el$2, "paddingLeft", 16);
+				setProp(_el$2, "paddingRight", 1);
+				setProp(_el$3, "wrapMode", "word");
+				insert(_el$3, help);
+				effect((_$p) => setProp(_el$3, "fg", theme.muted, _$p));
+				return _el$2;
+			}
+		}), null);
 		effect((_p$) => {
-			var _v$ = row() === index ? theme.cursor : theme.none, _v$2 = theme.muted;
-			_v$ !== _p$.e && (_p$.e = setProp(_el$, "backgroundColor", _v$, _p$.e));
-			_v$2 !== _p$.t && (_p$.t = setProp(_el$3, "fg", _v$2, _p$.t));
+			var _v$ = index === menu.length - 1 ? 0 : 1, _v$2 = row() === index ? theme.cursor : theme.none;
+			_v$ !== _p$.e && (_p$.e = setProp(_el$, "marginBottom", _v$, _p$.e));
+			_v$2 !== _p$.t && (_p$.t = setProp(_el$, "backgroundColor", _v$2, _p$.t));
 			return _p$;
 		}, {
 			e: void 0,
@@ -3758,7 +4223,7 @@ function SettingsPopup(props) {
 		});
 		return _el$;
 	})();
-	const masked = () => "•".repeat([...entry()].length);
+	const masked = () => "•".repeat(graphemes(entry()).length);
 	const method = () => {
 		const now = mode();
 		return now._tag === "Method" ? now : void 0;
@@ -3786,9 +4251,9 @@ function SettingsPopup(props) {
 		const text = pasted(event.bytes);
 		const now = mode();
 		if (now._tag === "Picker") {
-			setFilter((current) => current + text);
+			setFilter((previous) => previous + text);
 			setCursor(0);
-		} else if (now._tag === "Key" || now._tag === "SigningIn" && selecting() === void 0) setEntry((current) => current + text);
+		} else if (now._tag === "Key" || now._tag === "SigningIn" && selecting() === void 0) setEntry((previous) => previous + text);
 	});
 	return createComponent(Switch, { get children() {
 		return [
@@ -3799,7 +4264,7 @@ function SettingsPopup(props) {
 				get children() {
 					return createComponent(Popup, {
 						title: "Settings",
-						width: 76,
+						width: width$1,
 						get bindings() {
 							return [
 								keys.up,
@@ -3818,20 +4283,14 @@ function SettingsPopup(props) {
 										return props.state.settingsIssue;
 									},
 									children: (issue) => (() => {
-										var _el$8 = createElement("text");
-										setProp(_el$8, "wrapMode", "word");
-										insert(_el$8, issue);
-										effect((_$p) => setProp(_el$8, "fg", theme.danger, _$p));
-										return _el$8;
+										var _el$6 = createElement("text");
+										setProp(_el$6, "wrapMode", "word");
+										setProp(_el$6, "marginTop", 1);
+										insert(_el$6, issue);
+										effect((_$p) => setProp(_el$6, "fg", theme.danger, _$p));
+										return _el$6;
 									})()
-								}),
-								(() => {
-									var _el$4 = createElement("text");
-									insertNode(_el$4, createTextNode(`Credentials are shared with pi through its auth.json.`));
-									setProp(_el$4, "wrapMode", "word");
-									effect((_$p) => setProp(_el$4, "fg", theme.faint, _$p));
-									return _el$4;
-								})()
+								})
 							];
 						}
 					});
@@ -3844,7 +4303,7 @@ function SettingsPopup(props) {
 				get children() {
 					return createComponent(Popup, {
 						title: "Audit model",
-						width: 84,
+						width: width$1,
 						get bindings() {
 							return [
 								binding("type", "filter"),
@@ -3855,20 +4314,20 @@ function SettingsPopup(props) {
 						},
 						get children() {
 							return [(() => {
-								var _el$6 = createElement("text");
-								insert(_el$6, () => `/${filter()}▏`);
-								effect((_$p) => setProp(_el$6, "fg", theme.text, _$p));
-								return _el$6;
+								var _el$4 = createElement("text");
+								insert(_el$4, () => `/${filter()}▏`);
+								effect((_$p) => setProp(_el$4, "fg", theme.text, _$p));
+								return _el$4;
 							})(), createComponent(Show, {
 								get when() {
 									return props.state.catalogue?._tag === "Ready";
 								},
 								get fallback() {
 									return (() => {
-										var _el$9 = createElement("text");
-										insertNode(_el$9, createTextNode(`Reading pi-ai's catalogue…`));
-										effect((_$p) => setProp(_el$9, "fg", theme.faint, _$p));
-										return _el$9;
+										var _el$7 = createElement("text");
+										insertNode(_el$7, createTextNode(`Reading pi-ai's catalogue…`));
+										effect((_$p) => setProp(_el$7, "fg", theme.muted, _$p));
+										return _el$7;
 									})();
 								},
 								get children() {
@@ -3882,18 +4341,18 @@ function SettingsPopup(props) {
 											},
 											get segments() {
 												return [
-													segment(choice === current() ? theme.accent : theme.faint, choice === current() ? "● " : "  "),
-													segment(choice.signedIn ? theme.ok : theme.faint, choice.signedIn ? "✓ " : "  "),
+													segment(choice === current() ? theme.accent : theme.muted, choice === current() ? "● " : "  "),
+													segment(choice.signedIn ? theme.ok : theme.muted, choice.signedIn ? "✓ " : "  "),
 													segment(theme.muted, fit(choice.providerName, 22)),
-													shrinking(choice === current() ? theme.strong : theme.text, ` ${choice.name}`, choice === current())
+													segment(choice === current() ? theme.strong : theme.text, ` ${clip(choice.name, room(27))}`, choice === current())
 												];
 											}
 										})
 									}), (() => {
-										var _el$7 = createElement("text");
-										insert(_el$7, () => `${matching().length} of ${catalogue().length} models · ✓ signed in · ● current`);
-										effect((_$p) => setProp(_el$7, "fg", theme.faint, _$p));
-										return _el$7;
+										var _el$5 = createElement("text");
+										insert(_el$5, () => `${matching().length} of ${catalogue().length} models · ✓ signed in · ● current`);
+										effect((_$p) => setProp(_el$5, "fg", theme.muted, _$p));
+										return _el$5;
 									})()];
 								}
 							})];
@@ -3906,6 +4365,7 @@ function SettingsPopup(props) {
 					return method();
 				},
 				children: (chosen) => createComponent(Popup, {
+					width: width$1,
 					get title() {
 						return `Sign in to ${chosen().choice.providerName}`;
 					},
@@ -3938,6 +4398,7 @@ function SettingsPopup(props) {
 					return entering();
 				},
 				children: (keyed) => createComponent(Popup, {
+					width: width$1,
 					get title() {
 						return `${keyed().choice.providerName} API key`;
 					},
@@ -3946,16 +4407,16 @@ function SettingsPopup(props) {
 					},
 					get children() {
 						return [(() => {
-							var _el$1 = createElement("text");
-							insert(_el$1, () => `${masked()}▏`);
-							effect((_$p) => setProp(_el$1, "fg", theme.text, _$p));
-							return _el$1;
+							var _el$9 = createElement("text");
+							insert(_el$9, () => `${masked()}▏`);
+							effect((_$p) => setProp(_el$9, "fg", theme.text, _$p));
+							return _el$9;
 						})(), (() => {
-							var _el$10 = createElement("text");
-							insertNode(_el$10, createTextNode(`Saved to pi's auth.json. $VAR and !command values resolve the way pi resolves them.`));
-							setProp(_el$10, "wrapMode", "word");
-							effect((_$p) => setProp(_el$10, "fg", theme.faint, _$p));
-							return _el$10;
+							var _el$0 = createElement("text");
+							insertNode(_el$0, createTextNode(`Saved to pi's auth.json. $VAR and !command values resolve the way pi resolves them.`));
+							setProp(_el$0, "wrapMode", "word");
+							effect((_$p) => setProp(_el$0, "fg", theme.muted, _$p));
+							return _el$0;
 						})()];
 					}
 				})
@@ -3964,9 +4425,10 @@ function SettingsPopup(props) {
 				get when() {
 					return signing();
 				},
-				children: (current) => createComponent(Popup, {
+				children: (signingIn) => createComponent(Popup, {
+					width: width$1,
 					get title() {
-						return `Sign in to ${current().choice.providerName}`;
+						return `Sign in to ${signingIn().choice.providerName}`;
 					},
 					get bindings() {
 						return [binding("Enter", "submit"), binding("Esc", "cancel")];
@@ -3978,51 +4440,51 @@ function SettingsPopup(props) {
 							},
 							get fallback() {
 								return (() => {
-									var _el$12 = createElement("box");
-									setProp(_el$12, "flexDirection", "column");
-									insert(_el$12, createComponent(Show, {
+									var _el$10 = createElement("box");
+									setProp(_el$10, "flexDirection", "column");
+									insert(_el$10, createComponent(Show, {
 										get when() {
 											return memo(() => (working()?.notices.length ?? 0) === 0)() && prompt() === void 0;
 										},
 										get children() {
-											var _el$13 = createElement("text");
-											insertNode(_el$13, createTextNode(`Working…`));
-											effect((_$p) => setProp(_el$13, "fg", theme.faint, _$p));
-											return _el$13;
+											var _el$11 = createElement("text");
+											insertNode(_el$11, createTextNode(`Working…`));
+											effect((_$p) => setProp(_el$11, "fg", theme.muted, _$p));
+											return _el$11;
 										}
 									}), null);
-									insert(_el$12, createComponent(For, {
+									insert(_el$10, createComponent(For, {
 										get each() {
 											return working()?.notices ?? [];
 										},
 										children: (notice) => (() => {
-											var _el$15 = createElement("text");
-											setProp(_el$15, "wrapMode", "char");
-											insert(_el$15, notice);
-											effect((_$p) => setProp(_el$15, "fg", theme.text, _$p));
-											return _el$15;
+											var _el$13 = createElement("text");
+											setProp(_el$13, "wrapMode", "char");
+											insert(_el$13, notice);
+											effect((_$p) => setProp(_el$13, "fg", theme.text, _$p));
+											return _el$13;
 										})()
 									}), null);
-									insert(_el$12, createComponent(Show, {
+									insert(_el$10, createComponent(Show, {
 										get when() {
 											return prompt();
 										},
 										children: (asked) => (() => {
-											var _el$16 = createElement("box"), _el$17 = createElement("text");
-											insertNode(_el$16, _el$17);
-											setProp(_el$16, "flexDirection", "column");
-											setProp(_el$17, "wrapMode", "word");
-											insert(_el$17, () => asked().message);
-											insert(_el$16, createComponent(Show, {
+											var _el$14 = createElement("box"), _el$15 = createElement("text");
+											insertNode(_el$14, _el$15);
+											setProp(_el$14, "flexDirection", "column");
+											setProp(_el$15, "wrapMode", "word");
+											insert(_el$15, () => asked().message);
+											insert(_el$14, createComponent(Show, {
 												get when() {
 													return selecting();
 												},
 												get fallback() {
 													return (() => {
-														var _el$18 = createElement("text");
-														insert(_el$18, () => `${asked().type === "secret" ? masked() : entry()}▏`);
-														effect((_$p) => setProp(_el$18, "fg", theme.text, _$p));
-														return _el$18;
+														var _el$16 = createElement("text");
+														insert(_el$16, () => `${asked().type === "secret" ? masked() : entry()}▏`);
+														effect((_$p) => setProp(_el$16, "fg", theme.text, _$p));
+														return _el$16;
 													})();
 												},
 												children: (select) => createComponent(For, {
@@ -4034,24 +4496,24 @@ function SettingsPopup(props) {
 															return memo(() => index() === picked())() ? theme.cursor : theme.none;
 														},
 														get segments() {
-															return [shrinking(theme.text, `  ${option.label}`)];
+															return [segment(theme.text, `  ${clip(option.label, room(2))}`)];
 														}
 													})
 												})
 											}), null);
-											effect((_$p) => setProp(_el$17, "fg", theme.accent, _$p));
-											return _el$16;
+											effect((_$p) => setProp(_el$15, "fg", theme.accent, _$p));
+											return _el$14;
 										})()
 									}), null);
-									return _el$12;
+									return _el$10;
 								})();
 							},
 							children: (failed) => (() => {
-								var _el$19 = createElement("text");
-								setProp(_el$19, "wrapMode", "word");
-								insert(_el$19, () => `Sign-in failed: ${failed().issue}`);
-								effect((_$p) => setProp(_el$19, "fg", theme.danger, _$p));
-								return _el$19;
+								var _el$17 = createElement("text");
+								setProp(_el$17, "wrapMode", "word");
+								insert(_el$17, () => `Sign-in failed: ${failed().issue}`);
+								effect((_$p) => setProp(_el$17, "fg", theme.danger, _$p));
+								return _el$17;
 							})()
 						});
 					}
@@ -4059,7 +4521,7 @@ function SettingsPopup(props) {
 			})
 		];
 	} });
-}
+};
 // src/tui/App.tsx
 const severities = [
 	"high",
@@ -4068,89 +4530,58 @@ const severities = [
 	"info"
 ];
 const topFinding = (report) => {
-	const finding = [...report.findings].sort((left, right) => severities.indexOf(left.severity) - severities.indexOf(right.severity))[0];
+	const [finding] = report.findings.toSorted((left, right) => severities.indexOf(left.severity) - severities.indexOf(right.severity));
 	return finding === void 0 ? void 0 : `${finding.severity}: ${finding.title}`;
 };
 const leftOut = (rows, why) => {
-	const groups = /* @__PURE__ */ new Map();
+	const byReason = /* @__PURE__ */ new Map();
 	for (const row of rows) {
 		const reason = why(row);
-		if (reason !== void 0) groups.set(reason, [...groups.get(reason) ?? [], row.pkg.name]);
+		if (reason !== void 0) byReason.set(reason, [...byReason.get(reason) ?? [], row.pkg.name]);
 	}
-	return [...groups].map(([reason, names]) => ({
+	return [...byReason].map(([reason, names]) => ({
 		names,
 		reason
 	}));
 };
+const runTone = (failed, skipped) => {
+	if (failed > 0) return theme.danger;
+	return skipped > 0 ? theme.warn : theme.ok;
+};
+const updatesNote = (offered, total, settled) => {
+	if (offered > 0) return plural(offered, "update");
+	if (!settled) return "checking…";
+	return total > 0 ? "all up to date" : "";
+};
+const openCommand = (platform) => {
+	if (platform === "darwin") return "open";
+	return platform === "win32" ? "explorer" : "xdg-open";
+};
+const essential = 0;
+const leastStatusRoom = 12;
+const width = (list) => hintsWidth(list.map(([binding]) => binding));
+const lowestRanked = (list) => {
+	let worst = 0;
+	for (const [index, [, rank]] of list.entries()) if (rank >= (list[worst]?.[1] ?? 0)) worst = index;
+	return worst;
+};
+const fitFooterHints = (hints, room, status) => {
+	const kept = [...hints];
+	const droppable = () => kept.some(([, rank]) => rank > essential);
+	while (droppable() && width(kept) > room - status) kept.splice(lowestRanked(kept), 1);
+	while (kept.length > 0 && width(kept) > room - leastStatusRoom) kept.pop();
+	return kept.map(([binding]) => binding);
+};
 const none = { _tag: "None" };
 const sameAnchor = (left, right) => left?.key === right?.key && left?.section === right?.section && left?.index === right?.index;
-const confirmations = {
-	update: {
-		verb: "Update",
-		done: "updated",
-		tone: "accent"
-	},
-	uninstall: {
-		verb: "Remove",
-		done: "removed",
-		tone: "danger"
-	},
-	audit: {
-		verb: "Audit",
-		done: "audited",
-		tone: "accent"
-	}
-};
 const detailMin = 60;
 const listMin = 60;
 const chromeLines = 4;
-const clip = (text, width) => {
-	if (Array.from(text).length <= width) return text;
-	const trimmed = Array.from(text.trimEnd());
-	if (trimmed.length <= width) return trimmed.join("");
-	return width <= 0 ? "" : `${trimmed.slice(0, width - 1).join("")}…`;
-};
-const plural = (count, noun) => `${count} ${noun}${count === 1 ? "" : "s"}`;
-const capitalized = (text) => `${text.charAt(0).toUpperCase()}${text.slice(1)}`;
-const listed = (names) => names.length <= 3 ? names.join(", ") : `${names.slice(0, 3).join(", ")} and ${names.length - 3} more`;
 const home = homedir();
 const tidy = (path) => home !== "" && (path === home || path.startsWith(`${home}/`)) ? `~${path.slice(home.length)}` : path;
 const noticeLimit = 4;
 const otherMode = (mode) => mode === "system" ? "project" : "system";
-const flaggedFirst = (pending) => {
-	const flagged = new Set(pending.flagged.map((entry) => entry.row.key));
-	return [...pending.rows.filter((row) => flagged.has(row.key)), ...pending.rows.filter((row) => !flagged.has(row.key))];
-};
-const confirmColumns = (pending, inner) => {
-	const widest = (texts) => Math.max(0, ...texts.map((text) => Array.from(text).length));
-	const current = Math.min(14, widest(pending.rows.map((row) => row.pkg.current)));
-	const target = pending.action === "uninstall" ? 0 : 3 + Math.min(14, widest(pending.rows.map((row) => row.pkg.target ?? "")));
-	const verdict = widest(pending.rows.map((row) => flaggedVerdict(pending, row).map((part) => part.text).join("")));
-	const room = inner - 2 - 2 - current - target - verdict;
-	const longest = widest(pending.rows.map((row) => row.pkg.name));
-	const name = Math.max(6, Math.min(longest, room));
-	const wanted = 8 + longest + 2 + current + target + verdict;
-	return {
-		name,
-		current,
-		target: Math.max(0, target - 3),
-		wanted
-	};
-};
-const flaggedVerdict = (pending, row) => {
-	const verdict = pending.flagged.find((entry) => entry.row.key === row.key)?.verdict;
-	const mixed = pending.unaudited.length > 0 && pending.unaudited.length < pending.rows.length;
-	if (verdict === void 0 && pending.vendor.includes(row.key)) return [segment(theme.faint, `  ${isAppUpdate(row.pkg) ? "app" : "OS"} update · not audited`), ...pending.action === "update" && row.pkg.restart === true ? [segment(theme.warn, " · restarts")] : []];
-	if (verdict === void 0) {
-		if (pending.action === "update" && !pending.unaudited.includes(row.key)) return [segment(theme.ok, `  ${verdictIcons.ok} ${verdictLabels.ok}`)];
-		const unread = pending.action === "update" && pending.unaudited.includes(row.key) && (mixed || !pending.auditFirst);
-		if (pending.action === "update" && pending.breaking.includes(row.key)) return [segment(theme.warn, `  ${breakingMark}`), ...unread ? [segment(theme.faint, " · not audited")] : []];
-		return unread ? [segment(theme.faint, "  not audited")] : [];
-	}
-	if (verdict === "failed") return [segment(theme.danger, "  ✗ audit failed")];
-	return [segment(verdictColor(verdict), `  ${verdictIcons[verdict]} ${verdictLabels[verdict]}`)];
-};
-function App(props) {
+const App = (props) => {
 	const dimensions = useTerminalDimensions();
 	const [anchor, setAnchor] = createSignal(void 0, { equals: sameAnchor });
 	const [offset, setOffset] = createSignal(0);
@@ -4159,25 +4590,28 @@ function App(props) {
 	const [overlay, setOverlay] = createSignal(none);
 	const [quitting, setQuitting] = createSignal(false);
 	const [tab, setTab] = createSignal("about");
-	const [listTop, setListTop] = createSignal(0);
 	const [fileAt, setFileAt] = createSignal(0);
-	const [lastRun, setLastRun] = createSignal([]);
-	const [runNames, setRunNames] = createSignal(/* @__PURE__ */ new Map());
+	const [run, setRun] = createSignal();
 	const [toast, setToast] = createSignal();
 	let toastTimer;
 	const showToast = (next) => {
 		clearTimeout(toastTimer);
 		setToast(next);
-		if (next !== void 0) toastTimer = setTimeout(() => setToast(void 0), 8e3);
+		if (next !== void 0) toastTimer = setTimeout(() => {
+			setToast(void 0);
+		}, 8e3);
 	};
-	onCleanup(() => clearTimeout(toastTimer));
+	onCleanup(() => {
+		clearTimeout(toastTimer);
+	});
 	let scroller;
-	let helpScroller;
 	const loadedOnce = createMemo((was) => !props.state.discovering && (was || !props.state.providers.some((entry) => entry.status === "loading")), false);
 	const [fold, setFold] = createSignal("auto");
 	const grouped = createMemo(() => {
 		const found = groups(props.state, filter());
-		const folds = fold() === "hidden" || fold() === "auto" && filter() === "" && (!loadedOnce() || found.some((group) => group.kind === "updates"));
+		const updatesToDecideOn = !loadedOnce() || found.some((group) => group.kind === "updates");
+		const foldsUntilToggled = filter() === "" && updatesToDecideOn;
+		const folds = fold() === "auto" ? foldsUntilToggled : fold() === "hidden";
 		const kept = (row) => props.state.outcomes[row.key] !== void 0 || props.state.selected.includes(row.key);
 		return found.map((group) => group.kind === "current" && folds ? {
 			...group,
@@ -4188,19 +4622,27 @@ function App(props) {
 	const rows = createMemo(() => reachable(grouped()));
 	const allLines = createMemo(() => lines(grouped()));
 	const clamp = (index) => Math.max(0, Math.min(index, rows().length - 1));
-	const sectionOf = (row) => props.state.removed[row.key] !== void 0 ? "removed" : row.pkg.target !== void 0 ? "updates" : props.state.installed[row.key] !== void 0 ? "updated" : "current";
-	const cursor = () => {
-		const held = anchor();
-		if (held === void 0) return 0;
+	const sectionOf = (row) => {
+		if (props.state.removed[row.key] !== void 0) return "removed";
+		if (row.pkg.target !== void 0) return "updates";
+		return props.state.installed[row.key] === void 0 ? "current" : "updated";
+	};
+	const successorInSection = (held) => {
 		const all = rows();
-		const index = all.findIndex((row) => row.key === held.key);
-		const row = all[index];
-		if (row !== void 0 && sectionOf(row) === held.section) return index;
 		const start = all.findIndex((other) => sectionOf(other) === held.section);
-		if (start < 0) return held.section === "updates" ? 0 : clamp(all.length - 1);
+		if (start === -1) return held.section === "updates" ? 0 : clamp(all.length - 1);
 		const end = all.findLastIndex((other) => sectionOf(other) === held.section);
 		return Math.min(start + held.index, end);
 	};
+	const followAnchor = (held) => {
+		const index = rows().findIndex((row) => row.key === held.key);
+		const row = rows()[index];
+		return row !== void 0 && sectionOf(row) === held.section ? index : successorInSection(held);
+	};
+	const cursor = () => {
+		const held = anchor();
+		return held === void 0 ? 0 : followAnchor(held);
+	};
 	const anchorAt = (index) => {
 		const row = rows()[index];
 		if (row === void 0) return;
@@ -4235,11 +4677,11 @@ function App(props) {
 			}],
 			...props.state.providers.flatMap((entry) => entry.error === void 0 ? [] : [{
 				color: theme.danger,
-				message: `✗ ${entry.name}: ${describeError(entry.error)}`
+				message: `✗ ${providerLabel(entry.name)}: ${describeError(entry.error)}`
 			}]),
 			...props.state.providers.flatMap((entry) => entry.notices.filter((notice) => notice.rowKey === void 0 || !everyRow().some((row) => row.key === notice.rowKey)).map((notice) => ({
 				color: theme.warn,
-				message: `! ${entry.name}: ${notice.message}`
+				message: `! ${providerLabel(entry.name)}: ${notice.message}`
 			})))
 		].slice(0, noticeLimit);
 	});
@@ -4247,7 +4689,7 @@ function App(props) {
 	const fullList = () => Math.max(tableWidth(natural()) + 4, listMin);
 	const leastList = createMemo(() => Math.max(leastWidth(natural(), props.state.mode) + 4, listMin));
 	const split = () => dimensions().width >= leastList() + 1 + detailMin;
-	const listWidth = () => Math.min(fullList(), Math.max(leastList(), dimensions().width - 1 - detailMin));
+	const listWidth = () => Math.max(leastList(), Math.min(fullList(), dimensions().width - 1 - detailMin, Math.floor(dimensions().width * .6)));
 	const contentHeight = () => Math.max(1, dimensions().height - chromeLines - notices().length);
 	const inventoryWidth = () => split() ? listWidth() : dimensions().width;
 	const columns = () => fitColumns(natural(), split() ? inventoryWidth() - 2 : inventoryWidth(), props.state.mode);
@@ -4258,6 +4700,8 @@ function App(props) {
 		return index <= 1 ? 0 : index;
 	};
 	const top = () => window(allLines().length, contentHeight(), focusLine(), offset());
+	const places = /* @__PURE__ */ new Map();
+	const [restoring, setRestoring] = createSignal();
 	const move = (to) => {
 		setRestoring(void 0);
 		anchorAt(clamp(to));
@@ -4284,20 +4728,19 @@ function App(props) {
 		setAnchor(void 0);
 		setOffset(0);
 	};
-	const places = /* @__PURE__ */ new Map();
-	const [restoring, setRestoring] = createSignal();
 	createEffect(() => {
 		const wanted = restoring();
 		if (wanted === void 0 || props.state.mode !== wanted.mode) return;
 		const index = rows().findIndex((row) => row.key === wanted.key);
-		if (index >= 0) {
+		if (index !== -1) {
 			anchorAt(index);
 			setOffset(top());
 			setRestoring(void 0);
 		} else if (!props.state.discovering && !props.state.providers.some((entry) => entry.status === "loading")) setRestoring(void 0);
 	});
-	const fire = (effect) => props.run(effect);
-	const modelName = (provider, modelId) => modelLabel(props.state, provider, modelId);
+	const fire = (effect) => {
+		props.run(effect);
+	};
 	const shown = (wanted) => {
 		const row = focused();
 		return row !== void 0 && showDetails() && tab() === wanted ? row : void 0;
@@ -4309,7 +4752,7 @@ function App(props) {
 	const compared = createMemo(() => {
 		const row = shown("changes");
 		const pkg = row === void 0 ? void 0 : auditedAs(props.state, row.pkg);
-		if (pkg?.target === void 0) return void 0;
+		if (pkg?.target === void 0) return;
 		const key = auditKey(pkg, props.state.mode);
 		const missing = key !== void 0 && props.state.changes[key] === void 0 && auditOf(props.state, pkg)?._tag !== "Running";
 		return `${aboutKey(pkg)}${missing ? ":missing" : ""}`;
@@ -4323,12 +4766,17 @@ function App(props) {
 		if (key !== void 0 && row !== void 0) fire(props.session.describe(row.pkg));
 	}));
 	createEffect(on(compared, (key) => {
-		if (key === void 0) return fire(props.session.readChanges(void 0));
+		if (key === void 0) {
+			fire(props.session.readChanges(void 0));
+			return;
+		}
 		const timer = setTimeout(() => {
 			const row = untrack(focused);
 			fire(props.session.readChanges(row && auditedAs(props.state, row.pkg)));
 		}, 250);
-		onCleanup(() => clearTimeout(timer));
+		onCleanup(() => {
+			clearTimeout(timer);
+		});
 	}));
 	const readTo = /* @__PURE__ */ new Map();
 	createEffect(on(() => [focused()?.key, tab()], ([key, now], before) => {
@@ -4349,24 +4797,24 @@ function App(props) {
 	}));
 	createEffect(on(() => props.state.running, (now, before) => {
 		if (before !== true || now) return;
-		const outcomes = untrack(lastRun).flatMap((key) => {
-			const outcome = props.state.outcomes[key];
+		const last = untrack(run);
+		if (last === void 0) return;
+		const outcomes = last.targets.flatMap((target) => {
+			const outcome = props.state.outcomes[target.key];
 			return outcome === void 0 ? [] : [outcome];
 		});
 		if (outcomes.length === 0) return;
 		const done = outcomes.filter((outcome) => outcome._tag === "Completed").length;
 		const failed = outcomes.filter((outcome) => outcome._tag === "Failed" || outcome._tag === "Unexpected").length;
 		const other = outcomes.length - done - failed;
-		const only = outcomes.length === 1 ? untrack(lastRun)[0] : void 0;
-		const name = only === void 0 ? void 0 : untrack(runNames).get(only);
-		const removal = only !== void 0 && props.state.actions[only] === "uninstall";
-		const parts = name !== void 0 && done === 1 ? [removal ? `✓ Removed ${name}` : `✓ ${name} updated`] : [
+		const name = outcomes.length === 1 ? last.targets[0]?.name : void 0;
+		const parts = name !== void 0 && done === 1 ? [last.action === "uninstall" ? `✓ Removed ${name}` : `✓ ${name} updated`] : [
 			...done > 0 ? [`✓ ${done} done`] : [],
 			...failed > 0 ? [`✗ ${failed} failed`] : [],
 			...other > 0 ? [`· ${other} skipped`] : []
 		];
 		showToast({
-			color: failed > 0 ? theme.danger : other > 0 ? theme.warn : theme.ok,
+			color: runTone(failed, other),
 			text: parts.join("  ")
 		});
 	}));
@@ -4377,14 +4825,15 @@ function App(props) {
 		const only = finished.length === 1 ? finished[0]?.[1] : void 0;
 		const row = everyRow().find((entry) => auditOf(props.state, entry.pkg) === only);
 		if (only?._tag === "Done" && row !== void 0) {
-			const result = only.result;
-			return showToast(result._tag === "Failed" ? {
+			const { result } = only;
+			showToast(result._tag === "Failed" ? {
 				color: theme.danger,
 				text: `✗ ${row.pkg.name} audit failed`
 			} : {
 				color: verdictColor(result.report.verdict),
 				text: `${verdictIcons[result.report.verdict]} ${row.pkg.name} audited: ${verdictLabels[result.report.verdict]}`
 			});
+			return;
 		}
 		showToast({
 			color: theme.accent,
@@ -4397,37 +4846,7 @@ function App(props) {
 	createEffect(() => {
 		if (tab() === "report" && props.state.catalogue === void 0) fire(props.session.loadCatalogue);
 	});
-	const confirmWidth = (pending) => Math.min(Math.max(64, Math.min(confirmColumns(pending, 0).wanted, 90)), dimensions().width - 4);
-	const confirmInner = () => {
-		const pending = confirmation();
-		return (pending === void 0 ? 64 : confirmWidth(pending)) - 6;
-	};
 	const scrollDetails = (direction) => scroller?.scrollBy(direction * Math.max(1, Math.floor(contentHeight() / 2)));
-	const flaggedSentence = (flagged) => {
-		const only = flagged.length === 1 ? flagged[0] : void 0;
-		if (only !== void 0) return only.verdict === "failed" ? `! ${only.row.pkg.name}'s audit did not complete, so it was not reviewed. Confirming installs it anyway.` : `! ${only.row.pkg.name} was audited: ${verdictLabels[only.verdict]}${only.top === void 0 ? "" : ` (${only.top})`}. Confirming installs it anyway.`;
-		const failed = flagged.filter((entry) => entry.verdict === "failed").length;
-		const reviewed = flagged.length - failed;
-		return `! Of these, ${[...reviewed > 0 ? [`${reviewed} ${reviewed === 1 ? "has" : "have"} an audit warning`] : [], ...failed > 0 ? [`${failed} could not be audited`] : []].join(" and ")}. Confirming installs them anyway.`;
-	};
-	const confirmTone = (pending) => {
-		if (pending.action === "uninstall") return "danger";
-		if (pending.flagged.some((entry) => entry.verdict === "danger")) return "danger";
-		return pending.flagged.length > 0 ? "warn" : "accent";
-	};
-	const destination = (pending) => {
-		const providers = [...new Set(pending.rows.map((row) => providerLabel(row.pkg.provider)))].join(", ");
-		const where = props.state.mode === "system" ? "on this machine" : `in ${tidy(props.state.scope)}`;
-		return pending.action === "audit" ? `${where} · read-only, nothing will be installed` : `${where} · ${providers}`;
-	};
-	const signedOut = () => {
-		const setup = props.state.preferences.setup;
-		const catalogue = props.state.catalogue;
-		if (setup === void 0 || catalogue?._tag !== "Ready") return void 0;
-		const choice = catalogue.value.find((entry) => entry.provider === setup.provider && entry.modelId === setup.modelId);
-		return choice === void 0 || choice.signedIn ? void 0 : choice.providerName;
-	};
-	const needsSignIn = (pending) => (pending.action === "audit" || pending.action === "update" && props.state.preferences.auditFirst && pending.vendor.length < pending.rows.length) && signedOut() !== void 0;
 	const confirm = (action) => {
 		if (action === "audit" || action === "update" && props.state.preferences.auditFirst) fire(props.session.loadCatalogue);
 		const focusedRow = focused();
@@ -4439,7 +4858,11 @@ function App(props) {
 			return;
 		}
 		const candidates = selectedRows().length > 0 ? selectedRows() : [focused()].filter((row) => row !== void 0);
-		const why = (row) => action === "uninstall" ? row.pkg.unremovable : action === "audit" ? unauditable(row.pkg) : row.pkg.elsewhere?.reason;
+		const why = (row) => {
+			if (action === "uninstall") return row.pkg.unremovable;
+			if (action === "audit") return unauditable(row.pkg);
+			return row.pkg.elsewhere?.reason;
+		};
 		const eligible = action === "uninstall" ? candidates : candidates.filter((row) => row.pkg.target !== void 0);
 		const refused = eligible.filter((row) => why(row) !== void 0);
 		const actionable = eligible.filter((row) => why(row) === void 0);
@@ -4454,32 +4877,30 @@ function App(props) {
 				row,
 				verdict: "failed"
 			}];
-			const report = audit.result.report;
-			return report.verdict !== "ok" ? [{
+			const { report } = audit.result;
+			return report.verdict === "ok" ? [] : [{
 				row,
 				verdict: report.verdict,
 				top: topFinding(report)
-			}] : [];
+			}];
 		}) : [];
-		if (actionable.length > 0) {
-			setListTop(0);
-			setOverlay({
-				_tag: "Confirm",
-				pending: {
-					action,
-					rows: actionable,
-					flagged,
-					auditFirst: props.state.preferences.auditFirst,
-					breaking: action === "update" ? actionable.filter((row) => majorsOf(props.state, row.pkg).length > 0).map((row) => row.key) : [],
-					unaudited: action === "update" ? actionable.filter((row) => !isVendorUpdate(row.pkg) && auditOf(props.state, row.pkg)?._tag !== "Done").map((row) => row.key) : [],
-					vendor: actionable.filter((row) => isVendorUpdate(row.pkg)).map((row) => row.key),
-					skipped: candidates.length - actionable.length - refused.length,
-					refused: leftOut(refused, why)
-				}
-			});
-		} else if (refused.length > 0) {
+		if (actionable.length > 0) setOverlay({
+			_tag: "Confirm",
+			pending: {
+				action,
+				rows: actionable,
+				flagged,
+				auditFirst: props.state.preferences.auditFirst,
+				breaking: action === "update" ? actionable.filter((row) => majorsOf(props.state, row.pkg).length > 0).map((row) => row.key) : [],
+				unaudited: action === "update" ? actionable.filter((row) => !isUnauditedUpdate(row.pkg) && auditOf(props.state, row.pkg)?._tag !== "Done").map((row) => row.key) : [],
+				unauditable: actionable.filter((row) => isUnauditedUpdate(row.pkg)).map((row) => row.key),
+				skipped: candidates.length - actionable.length - refused.length,
+				refused: leftOut(refused, why)
+			}
+		});
+		else if (refused.length > 0) {
 			const only = refused.length === 1 ? refused[0]?.pkg.name : void 0;
-			const done = confirmations[action].done;
+			const { done } = confirmations[action];
 			const opens = refused.some((row) => row.pkg.elsewhere !== void 0);
 			setOverlay({
 				_tag: "Notice",
@@ -4496,7 +4917,10 @@ function App(props) {
 		}
 	};
 	const quit = () => {
-		if (!props.state.running) return props.quit();
+		if (!props.state.running) {
+			props.quit();
+			return;
+		}
 		setQuitting(true);
 		fire(props.session.stop.pipe(Effect.andThen(props.session.awaitIdle), Effect.andThen(Effect.sync(props.quit))));
 	};
@@ -4504,45 +4928,17 @@ function App(props) {
 		if (matches(keys.allow, key)) fire(props.session.answer(true));
 		else if (matches(keys.deny, key)) fire(props.session.answer(false));
 	};
-	const listRoom = () => Math.max(3, dimensions().height - 20);
-	const shownTop = (pending) => Math.max(0, Math.min(listTop(), pending.rows.length - listRoom()));
-	const signIn = {
-		...keys.settings,
-		keys: [",", "return"],
-		hint: ",/Enter",
-		description: "sign in"
-	};
-	const confirmKey = (pending) => {
-		const verb = confirmations[pending.action].verb.toLowerCase();
-		if (pending.action === "uninstall") return keys.confirmRemove;
-		if (needsSignIn(pending) || pending.flagged.length > 0) return {
-			keys: ["y"],
-			hint: "y",
-			description: `${verb} anyway`
-		};
-		return {
-			...keys.confirm,
-			hint: "y/Enter",
-			description: verb
-		};
-	};
-	const onConfirmation = (key, pending) => {
-		const last = Math.max(0, pending.rows.length - listRoom());
-		if (matches(keys.down, key)) setListTop(Math.min(last, shownTop(pending) + 1));
-		else if (matches(keys.up, key)) setListTop(Math.max(0, shownTop(pending) - 1));
-		else if (needsSignIn(pending) && matches(signIn, key)) setOverlay({
-			_tag: "Settings",
-			back: pending
+	const onConfirmation = (pending) => {
+		setOverlay(none);
+		const chosen = pending.rows.map((row) => row.key);
+		if (pending.action !== "audit") setRun({
+			action: pending.action,
+			targets: pending.rows.map((row) => ({
+				key: row.key,
+				name: row.pkg.name
+			}))
 		});
-		else if (matches(confirmKey(pending), key)) {
-			setOverlay(none);
-			const chosen = pending.rows.map((row) => row.key);
-			if (pending.action !== "audit") {
-				setLastRun(chosen);
-				setRunNames(new Map(pending.rows.map((row) => [row.key, row.pkg.name])));
-			}
-			fire(pending.action === "audit" ? props.session.audit(chosen) : props.session.run(pending.action, chosen, pending.flagged.map((entry) => entry.row.key)));
-		} else if (matches(keys.cancel, key)) setOverlay(none);
+		fire(pending.action === "audit" ? props.session.audit(chosen) : props.session.run(pending.action, chosen, pending.flagged.map((entry) => entry.row.key)));
 	};
 	const onFinding = (key) => {
 		if (matches(keys.keepFilter, key) && filter() === "") {
@@ -4556,7 +4952,7 @@ function App(props) {
 			return;
 		} else if (key.name === "backspace") setFilter((current) => current.slice(0, -1));
 		else if (key.ctrl && key.name === "u") setFilter("");
-		else if (!key.ctrl && !key.meta && [...key.sequence].length === 1 && key.sequence >= " ") setFilter((current) => current + key.sequence);
+		else if (!key.ctrl && !key.meta && graphemes(key.sequence).length === 1 && key.sequence >= " ") setFilter((current) => current + key.sequence);
 		else return;
 		toFirst();
 	};
@@ -4582,23 +4978,24 @@ function App(props) {
 		const homepage = about?._tag === "Ready" ? about.value.homepage ?? about.value.repository : void 0;
 		const url = row?.pkg.elsewhere?.open ?? (homepage !== void 0 && /^https?:\/\//u.test(homepage) ? homepage : void 0);
 		if (url === void 0) return;
-		const opener = process.platform === "darwin" ? "open" : process.platform === "win32" ? "explorer" : "xdg-open";
+		const opener = openCommand(process.platform);
 		const child = spawn(opener, [url], {
 			detached: true,
 			stdio: "ignore"
 		});
-		child.on("error", () => showToast({
-			color: theme.danger,
-			text: `✗ Could not open ${url}`
-		}));
+		child.on("error", () => {
+			showToast({
+				color: theme.danger,
+				text: `✗ Could not open ${url}`
+			});
+		});
 		child.unref();
 		showToast({
 			color: theme.accent,
 			text: `Opened ${row?.pkg.elsewhere?.app ?? url}`
 		});
 	};
-	const helpColumns = () => dimensions().width >= 84 ? [help.slice(0, 3), help.slice(3)] : [help];
-	const helpHeight = () => Math.max(...helpColumns().map((column) => column.reduce((sum, group, index) => sum + group.bindings.length + 1 + (index === 0 ? 0 : 1), 0)));
+	const helpColumns = () => dimensions().width >= 88 ? [help.slice(0, 3), help.slice(3)] : [help];
 	const onInventory = (key) => {
 		const page = contentHeight() - 1;
 		if (reading() && matches(keys.down, key)) scroller?.scrollBy(1);
@@ -4668,21 +5065,21 @@ function App(props) {
 	};
 	useKeyboard((key) => {
 		const asked = question();
-		if (asked !== void 0) return asked._tag === "Password" ? void 0 : onDecision(key);
-		const now = overlay();
-		switch (now._tag) {
-			case "Settings": return;
+		if (asked !== void 0) {
+			if (asked._tag !== "Password") onDecision(key);
+			return;
+		}
+		switch (overlay()._tag) {
+			case "Settings":
+			case "Confirm": return;
 			case "Help":
-				if (matches(keys.down, key)) return helpScroller?.scrollBy(1);
-				if (matches(keys.up, key)) return helpScroller?.scrollBy(-1);
-				if (matches(keys.closeHelp, key)) return setOverlay(none);
-				return;
-			case "Confirm": return onConfirmation(key, now.pending);
 			case "Notice":
 				if (matches(keys.closeHelp, key)) setOverlay(none);
 				return;
-			case "Find": return onFinding(key);
-			case "None": return onInventory(key);
+			case "Find":
+				onFinding(key);
+				return;
+			case "None": onInventory(key);
 		}
 	});
 	usePaste((event) => {
@@ -4690,18 +5087,17 @@ function App(props) {
 		setFilter((current) => current + pasted(event.bytes));
 		toFirst();
 	});
-	const loading = () => props.state.providers.filter((entry) => entry.status === "loading").map((entry) => entry.name);
+	const loading = () => props.state.providers.filter((entry) => entry.status === "loading").map((entry) => providerLabel(entry.name));
 	const scope = () => {
 		if (props.state.discovering || props.state.mode === "system") return "";
 		const path = tidy(props.state.scope);
 		return dimensions().width < 90 ? path.split("/").at(-1) ?? path : path;
 	};
 	const progress = () => {
-		const busy = Object.keys(props.state.activity);
-		const done = lastRun().filter((key) => props.state.outcomes[key] !== void 0).length;
-		const total = Math.max(lastRun().length, done + busy.length);
-		const name = everyRow().find((row) => props.state.activity[row.key] !== void 0)?.pkg.name;
-		return `Working… ${done} of ${total}${name === void 0 ? "" : ` · ${name}`}`;
+		const targets = run()?.targets ?? [];
+		const done = targets.filter((target) => props.state.outcomes[target.key] !== void 0).length;
+		const total = Math.max(targets.length, done + Object.keys(props.state.activity).length);
+		return `${run()?.action === "uninstall" ? "Removing" : "Updating"} ${done} of ${total}`;
 	};
 	const auditing = () => Object.values(props.state.audits).filter((audit) => audit._tag === "Running").length;
 	const summary = () => {
@@ -4710,16 +5106,19 @@ function App(props) {
 		if (props.state.running) return progress();
 		const all = rows();
 		const selected = selectedRows().length;
-		const hidden = selectedRows().filter((row) => !all.some((shown) => shown.key === row.key)).length;
+		const hidden = selectedRows().filter((row) => !all.some((visible) => visible.key === row.key)).length;
 		const total = everyRow().length;
 		const offeredOverall = everyRow().filter((row) => row.pkg.target !== void 0).length;
 		const settled = !props.state.discovering && loading().length === 0;
 		const matched = grouped().reduce((sum, group) => sum + group.rows.length, 0);
 		const count = filter() === "" ? plural(total, "package") : `${matched} of ${total} match`;
-		const updates = offeredOverall > 0 ? plural(offeredOverall, "update") : settled && total > 0 ? "all up to date" : settled ? "" : "checking…";
+		const updates = updatesNote(offeredOverall, total, settled);
 		const picked = selected === 0 ? "" : ` · ${selected} selected${hidden > 0 ? ` (${hidden} hidden)` : ""}`;
 		const audits = auditing() > 0 ? `Auditing ${auditing()}… · ` : "";
-		if (dimensions().width < 90) return `${audits}${filter() === "" ? updates === "" ? count : updates : `${matched}/${total} match`}${picked}`;
+		if (dimensions().width < 90) {
+			const unfiltered = updates === "" ? count : updates;
+			return `${audits}${filter() === "" ? unfiltered : `${matched}/${total} match`}${picked}`;
+		}
 		const position = rows().length > contentHeight() ? ` · ${cursor() + 1}/${rows().length}` : "";
 		return `${audits}${count}${updates === "" ? "" : ` · ${updates}`}${picked}${position}`;
 	};
@@ -4765,13 +5164,14 @@ function App(props) {
 				...keys.nextFile,
 				description: "file"
 			}, 3]] : [],
-			...filter() !== "" ? [[{
-				...keys.back,
-				description: "clear filter"
-			}, 0]] : picked ? [[{
+			...filter() === "" && picked ? [[{
 				...keys.back,
 				description: "clear checks"
 			}, 3]] : [],
+			...filter() === "" ? [] : [[{
+				...keys.back,
+				description: "clear filter"
+			}, 0]],
 			...anything && !record ? [[keys.select, 2]] : [],
 			...actionable ? [[keys.update, 1]] : [],
 			...actionable ? [[keys.audit, picked ? 1 : 2]] : [],
@@ -4789,24 +5189,13 @@ function App(props) {
 		];
 	};
 	const footnote = () => {
-		const shown = toast();
-		return shown === void 0 ? summary() : `${summary()}   ${shown.text}`;
+		const latest = toast();
+		return latest === void 0 ? summary() : `${summary()}   ${latest.text}`;
 	};
 	const busy = () => props.state.running || auditing() > 0;
 	const footerRoom = () => dimensions().width - 2 - (busy() ? 2 : 0);
+	const fitted = () => overlay()._tag !== "None" && !finding() ? [] : fitFooterHints(hints(), footerRoom(), graphemes(`${footnote()}   `).length);
 	const statusRoom = () => footerRoom() - hintsWidth(fitted());
-	const fitted = () => {
-		if (overlay()._tag !== "None" && !finding()) return [];
-		const width = (list) => hintsWidth(list.map(([binding]) => binding));
-		const room = footerRoom() - Array.from(`${footnote()}   `).length;
-		const shown = [...hints()];
-		while (shown.some(([, rank]) => rank > 0) && width(shown) > room) {
-			const worst = shown.reduce((at, [, rank], index) => rank >= (shown[at]?.[1] ?? 0) ? index : at, 0);
-			shown.splice(worst, 1);
-		}
-		while (shown.length > 0 && width(shown) > footerRoom() - 12) shown.pop();
-		return shown.map(([binding]) => binding);
-	};
 	return (() => {
 		var _el$ = createElement("box"), _el$2 = createElement("box"), _el$3 = createElement("text"), _el$5 = createElement("text"), _el$7 = createElement("text"), _el$10 = createElement("text"), _el$12 = createElement("text"), _el$14 = createElement("box"), _el$19 = createElement("text"), _el$21 = createElement("box"), _el$24 = createElement("text"), _el$25 = createElement("box");
 		insertNode(_el$, _el$2);
@@ -4832,20 +5221,20 @@ function App(props) {
 		insert(_el$2, createComponent(For, {
 			each: ["project", "system"],
 			children: (mode) => (() => {
-				var _el$28 = createElement("text");
-				setProp(_el$28, "flexShrink", 0);
-				setProp(_el$28, "marginRight", 2);
-				insert(_el$28, mode === "project" ? "Project" : "System");
+				var _el$27 = createElement("text");
+				setProp(_el$27, "flexShrink", 0);
+				setProp(_el$27, "marginRight", 2);
+				insert(_el$27, mode === "project" ? "Project" : "System");
 				effect((_p$) => {
-					var _v$8 = props.state.mode === mode ? theme.strong : theme.faint, _v$9 = props.state.mode === mode ? TextAttributes.BOLD | TextAttributes.UNDERLINE : TextAttributes.NONE;
-					_v$8 !== _p$.e && (_p$.e = setProp(_el$28, "fg", _v$8, _p$.e));
-					_v$9 !== _p$.t && (_p$.t = setProp(_el$28, "attributes", _v$9, _p$.t));
+					var _v$8 = props.state.mode === mode ? theme.strong : theme.muted, _v$9 = props.state.mode === mode ? TextAttributes.BOLD | TextAttributes.UNDERLINE : TextAttributes.NONE;
+					_v$8 !== _p$.e && (_p$.e = setProp(_el$27, "fg", _v$8, _p$.e));
+					_v$9 !== _p$.t && (_p$.t = setProp(_el$27, "attributes", _v$9, _p$.t));
 					return _p$;
 				}, {
 					e: void 0,
 					t: void 0
 				});
-				return _el$28;
+				return _el$27;
 			})()
 		}), _el$7);
 		insert(_el$2, createComponent(Key, {
@@ -5027,14 +5416,14 @@ function App(props) {
 				return notices();
 			},
 			children: (notice) => (() => {
-				var _el$29 = createElement("box"), _el$30 = createElement("text");
-				insertNode(_el$29, _el$30);
-				setProp(_el$29, "paddingLeft", 1);
-				setProp(_el$29, "height", 1);
-				setProp(_el$30, "truncate", true);
-				insert(_el$30, () => notice.message);
-				effect((_$p) => setProp(_el$30, "fg", notice.color, _$p));
-				return _el$29;
+				var _el$28 = createElement("box"), _el$29 = createElement("text");
+				insertNode(_el$28, _el$29);
+				setProp(_el$28, "paddingLeft", 1);
+				setProp(_el$28, "height", 1);
+				setProp(_el$29, "truncate", true);
+				insert(_el$29, () => notice.message);
+				effect((_$p) => setProp(_el$29, "fg", notice.color, _$p));
+				return _el$28;
 			})()
 		}), _el$19);
 		insertNode(_el$19, createTextNode(` `));
@@ -5065,20 +5454,20 @@ function App(props) {
 			get when() {
 				return toast();
 			},
-			children: (shown) => (() => {
-				var _el$31 = createElement("text");
-				setProp(_el$31, "flexShrink", 0);
-				insert(_el$31, () => clip(`${shown().text}   `, statusRoom() - Array.from(`${summary()}   `).length));
+			children: (note) => (() => {
+				var _el$30 = createElement("text");
+				setProp(_el$30, "flexShrink", 0);
+				insert(_el$30, () => clip(`${note().text}   `, statusRoom() - graphemes(`${summary()}   `).length));
 				effect((_p$) => {
-					var _v$0 = shown().color, _v$1 = TextAttributes.BOLD;
-					_v$0 !== _p$.e && (_p$.e = setProp(_el$31, "fg", _v$0, _p$.e));
-					_v$1 !== _p$.t && (_p$.t = setProp(_el$31, "attributes", _v$1, _p$.t));
+					var _v$0 = note().color, _v$1 = TextAttributes.BOLD;
+					_v$0 !== _p$.e && (_p$.e = setProp(_el$30, "fg", _v$0, _p$.e));
+					_v$1 !== _p$.t && (_p$.t = setProp(_el$30, "attributes", _v$1, _p$.t));
 					return _p$;
 				}, {
 					e: void 0,
 					t: void 0
 				});
-				return _el$31;
+				return _el$30;
 			})()
 		}), _el$25);
 		setProp(_el$25, "flexGrow", 1);
@@ -5089,187 +5478,27 @@ function App(props) {
 			get when() {
 				return confirmation();
 			},
-			children: (pending) => createComponent(Popup, {
-				get title() {
-					return `${confirmations[pending().action].verb} ${plural(pending().rows.length, "package")}?`;
+			children: (pending) => createComponent(ConfirmPopup, {
+				get pending() {
+					return pending();
 				},
-				get width() {
-					return confirmWidth(pending());
+				get state() {
+					return props.state;
 				},
-				get tone() {
-					return confirmTone(pending());
+				get where() {
+					return memo(() => props.state.mode === "system")() ? "on this machine" : `in ${tidy(props.state.scope)}`;
 				},
-				get bindings() {
-					return [
-						...needsSignIn(pending()) ? [signIn] : [],
-						confirmKey(pending()),
-						keys.cancel
-					];
+				confirm: () => {
+					onConfirmation(pending());
 				},
-				get children() {
-					return [
-						(() => {
-							var _el$32 = createElement("text");
-							setProp(_el$32, "wrapMode", "none");
-							setProp(_el$32, "truncate", true);
-							insert(_el$32, () => destination(pending()));
-							effect((_$p) => setProp(_el$32, "fg", theme.muted, _$p));
-							return _el$32;
-						})(),
-						createComponent(Show, {
-							get when() {
-								return pending().skipped > 0;
-							},
-							get children() {
-								var _el$33 = createElement("text");
-								setProp(_el$33, "wrapMode", "word");
-								insert(_el$33, () => `${pending().skipped} selected ${pending().skipped === 1 ? "package has" : "packages have"} no update and ${pending().skipped === 1 ? "is" : "are"} left out.`);
-								effect((_$p) => setProp(_el$33, "fg", theme.muted, _$p));
-								return _el$33;
-							}
-						}),
-						createComponent(For, {
-							get each() {
-								return pending().refused;
-							},
-							children: (group) => (() => {
-								var _el$45 = createElement("text");
-								setProp(_el$45, "wrapMode", "word");
-								insert(_el$45, () => `! Left out: ${listed(group.names)}. ${capitalized(group.reason)}.`);
-								effect((_$p) => setProp(_el$45, "fg", theme.warn, _$p));
-								return _el$45;
-							})()
-						}),
-						(() => {
-							var _el$34 = createElement("text");
-							insertNode(_el$34, createTextNode(` `));
-							return _el$34;
-						})(),
-						createComponent(Show, {
-							get when() {
-								return memo(() => !!(pending().action === "update" && props.state.preferences.auditFirst))() && pending().flagged.length + pending().vendor.length < pending().rows.length;
-							},
-							get children() {
-								var _el$36 = createElement("text");
-								setProp(_el$36, "wrapMode", "word");
-								insert(_el$36, () => pending().flagged.length === 0 && pending().vendor.length === 0 ? "Each is audited first, and only those the audit finds ok are applied." : "The rest are audited first, and only those the audit finds ok are applied.");
-								effect((_$p) => setProp(_el$36, "fg", theme.muted, _$p));
-								return _el$36;
-							}
-						}),
-						createComponent(Show, {
-							get when() {
-								return memo(() => pending().action === "update")() && pending().vendor.length > 0;
-							},
-							get children() {
-								var _el$37 = createElement("text");
-								insertNode(_el$37, createTextNode(`upup does not audit operating-system or app updates: confirming installs them as the vendor offers them, and upup asks for your password if sudo needs it.`));
-								setProp(_el$37, "wrapMode", "word");
-								effect((_$p) => setProp(_el$37, "fg", theme.muted, _$p));
-								return _el$37;
-							}
-						}),
-						createComponent(Show, {
-							get when() {
-								return pending().flagged.length > 0;
-							},
-							get children() {
-								var _el$39 = createElement("text");
-								setProp(_el$39, "wrapMode", "word");
-								insert(_el$39, () => flaggedSentence(pending().flagged));
-								effect((_$p) => setProp(_el$39, "fg", theme.warn, _$p));
-								return _el$39;
-							}
-						}),
-						createComponent(Show, {
-							get when() {
-								return memo(() => !!needsSignIn(pending()))() ? signedOut() : void 0;
-							},
-							children: (provider) => (() => {
-								var _el$46 = createElement("text");
-								setProp(_el$46, "wrapMode", "word");
-								setProp(_el$46, "marginBottom", 1);
-								insert(_el$46, () => `! upup is not signed in to ${provider()}, so no model can read this. Press Enter to sign in.`);
-								effect((_$p) => setProp(_el$46, "fg", theme.warn, _$p));
-								return _el$46;
-							})()
-						}),
-						createComponent(Show, {
-							get when() {
-								return pending().action === "audit";
-							},
-							get children() {
-								return [(() => {
-									var _el$40 = createElement("text");
-									insertNode(_el$40, createTextNode(`Both versions are downloaded and verified, and the model reads what changed.`));
-									setProp(_el$40, "wrapMode", "word");
-									effect((_$p) => setProp(_el$40, "fg", theme.muted, _$p));
-									return _el$40;
-								})(), createComponent(Show, {
-									get when() {
-										return props.state.preferences.setup;
-									},
-									children: (setup) => (() => {
-										var _el$47 = createElement("box"), _el$48 = createElement("text"), _el$50 = createElement("text");
-										insertNode(_el$47, _el$48);
-										insertNode(_el$47, _el$50);
-										setProp(_el$47, "flexDirection", "row");
-										setProp(_el$47, "height", 1);
-										setProp(_el$47, "marginTop", 1);
-										insertNode(_el$48, createTextNode(`Model  `));
-										setProp(_el$48, "flexShrink", 0);
-										setProp(_el$50, "flexShrink", 1);
-										setProp(_el$50, "truncate", true);
-										insert(_el$50, () => `${modelName(setup().provider, setup().modelId)} · ${setup().thinking} thinking`);
-										effect((_p$) => {
-											var _v$10 = theme.faint, _v$11 = theme.text;
-											_v$10 !== _p$.e && (_p$.e = setProp(_el$48, "fg", _v$10, _p$.e));
-											_v$11 !== _p$.t && (_p$.t = setProp(_el$50, "fg", _v$11, _p$.t));
-											return _p$;
-										}, {
-											e: void 0,
-											t: void 0
-										});
-										return _el$47;
-									})()
-								})];
-							}
-						}),
-						createComponent(Show, {
-							get when() {
-								return pending().flagged.length > 0 || pending().action === "audit" || pending().action === "update" && (props.state.preferences.auditFirst || pending().vendor.length > 0);
-							},
-							get children() {
-								var _el$42 = createElement("text");
-								insertNode(_el$42, createTextNode(` `));
-								return _el$42;
-							}
-						}),
-						createComponent(For, {
-							get each() {
-								return flaggedFirst(pending()).slice(shownTop(pending()), shownTop(pending()) + listRoom());
-							},
-							children: (row) => createComponent(Segments, { get segments() {
-								return [
-									shrinking(theme.text, `  ${fitName(row.pkg.name, confirmColumns(pending(), confirmInner()).name)}`),
-									segment(theme.muted, `  ${fit(row.pkg.current, confirmColumns(pending(), confirmInner()).current)}`),
-									segment(theme.strong, pending().action === "uninstall" ? "" : ` → ${fit(row.pkg.target ?? "", confirmColumns(pending(), confirmInner()).target)}`),
-									...flaggedVerdict(pending(), row)
-								];
-							} })
-						}),
-						createComponent(Show, {
-							get when() {
-								return pending().rows.length > listRoom();
-							},
-							get children() {
-								var _el$44 = createElement("text");
-								insert(_el$44, () => `  ${shownTop(pending()) + 1}–${Math.min(pending().rows.length, shownTop(pending()) + listRoom())} of ${pending().rows.length} · ↑↓ scroll`);
-								effect((_$p) => setProp(_el$44, "fg", theme.faint, _$p));
-								return _el$44;
-							}
-						})
-					];
+				cancel: () => {
+					setOverlay(none);
+				},
+				signIn: () => {
+					setOverlay({
+						_tag: "Settings",
+						back: pending()
+					});
 				}
 			})
 		}), null);
@@ -5287,11 +5516,11 @@ function App(props) {
 					return [keys.closeHelp];
 				},
 				get children() {
-					var _el$51 = createElement("text");
-					setProp(_el$51, "wrapMode", "word");
-					insert(_el$51, () => notice().text);
-					effect((_$p) => setProp(_el$51, "fg", theme.text, _$p));
-					return _el$51;
+					var _el$31 = createElement("text");
+					setProp(_el$31, "wrapMode", "word");
+					insert(_el$31, () => notice().text);
+					effect((_$p) => setProp(_el$31, "fg", theme.text, _$p));
+					return _el$31;
 				}
 			})
 		}), null);
@@ -5305,83 +5534,74 @@ function App(props) {
 					tone: "quiet",
 					width: 86,
 					bindings: [{
-						keys: [],
-						hint: "↑↓",
-						description: "scroll"
-					}, {
 						keys: [],
 						hint: "Esc",
 						description: "close"
 					}],
+					scrolls: true,
 					get children() {
-						var _el$26 = createElement("scrollbox"), _el$27 = createElement("box");
-						insertNode(_el$26, _el$27);
-						use((box) => {
-							helpScroller = box;
-						}, _el$26);
-						setProp(_el$27, "flexDirection", "row");
-						setProp(_el$27, "flexShrink", 0);
-						insert(_el$27, createComponent(For, {
+						var _el$26 = createElement("box");
+						setProp(_el$26, "flexDirection", "row");
+						setProp(_el$26, "flexShrink", 0);
+						insert(_el$26, createComponent(For, {
 							get each() {
 								return helpColumns();
 							},
 							children: (column) => (() => {
-								var _el$52 = createElement("box");
-								setProp(_el$52, "flexDirection", "column");
-								setProp(_el$52, "flexGrow", 1);
-								setProp(_el$52, "flexBasis", 0);
-								setProp(_el$52, "flexShrink", 0);
-								insert(_el$52, createComponent(For, {
+								var _el$32 = createElement("box");
+								setProp(_el$32, "flexDirection", "column");
+								setProp(_el$32, "flexGrow", 1);
+								setProp(_el$32, "flexBasis", 0);
+								setProp(_el$32, "flexShrink", 0);
+								insert(_el$32, createComponent(For, {
 									each: column,
 									children: (group, index) => (() => {
-										var _el$53 = createElement("box"), _el$54 = createElement("text");
-										insertNode(_el$53, _el$54);
-										setProp(_el$53, "flexDirection", "column");
-										setProp(_el$53, "flexShrink", 0);
-										setProp(_el$54, "flexShrink", 0);
-										insert(_el$54, () => group.title);
-										insert(_el$53, createComponent(For, {
+										var _el$33 = createElement("box"), _el$34 = createElement("text");
+										insertNode(_el$33, _el$34);
+										setProp(_el$33, "flexDirection", "column");
+										setProp(_el$33, "flexShrink", 0);
+										setProp(_el$34, "flexShrink", 0);
+										insert(_el$34, () => group.title);
+										insert(_el$33, createComponent(For, {
 											get each() {
 												return group.bindings;
 											},
 											children: (binding) => (() => {
-												var _el$55 = createElement("box"), _el$56 = createElement("box"), _el$57 = createElement("text");
-												insertNode(_el$55, _el$56);
-												insertNode(_el$55, _el$57);
-												setProp(_el$55, "flexDirection", "row");
-												setProp(_el$55, "height", 1);
-												setProp(_el$55, "flexShrink", 0);
-												setProp(_el$56, "width", 13);
-												setProp(_el$56, "flexShrink", 0);
-												setProp(_el$56, "flexDirection", "row");
-												insert(_el$56, createComponent(Key, { get hint() {
+												var _el$35 = createElement("box"), _el$36 = createElement("box"), _el$37 = createElement("text");
+												insertNode(_el$35, _el$36);
+												insertNode(_el$35, _el$37);
+												setProp(_el$35, "flexDirection", "row");
+												setProp(_el$35, "height", 1);
+												setProp(_el$35, "flexShrink", 0);
+												setProp(_el$36, "width", 13);
+												setProp(_el$36, "flexShrink", 0);
+												setProp(_el$36, "flexDirection", "row");
+												insert(_el$36, createComponent(Key, { get hint() {
 													return binding.hint ?? "";
 												} }));
-												setProp(_el$57, "flexShrink", 1);
-												setProp(_el$57, "truncate", true);
-												insert(_el$57, () => binding.description ?? "");
-												effect((_$p) => setProp(_el$57, "fg", theme.text, _$p));
-												return _el$55;
+												setProp(_el$37, "flexShrink", 0);
+												insert(_el$37, () => binding.description ?? "");
+												effect((_$p) => setProp(_el$37, "fg", theme.text, _$p));
+												return _el$35;
 											})()
 										}), null);
 										effect((_p$) => {
-											var _v$12 = index() === 0 ? 0 : 1, _v$13 = theme.accent, _v$14 = TextAttributes.BOLD;
-											_v$12 !== _p$.e && (_p$.e = setProp(_el$53, "marginTop", _v$12, _p$.e));
-											_v$13 !== _p$.t && (_p$.t = setProp(_el$54, "fg", _v$13, _p$.t));
-											_v$14 !== _p$.a && (_p$.a = setProp(_el$54, "attributes", _v$14, _p$.a));
+											var _v$10 = index() === 0 ? 0 : 1, _v$11 = theme.accent, _v$12 = TextAttributes.BOLD;
+											_v$10 !== _p$.e && (_p$.e = setProp(_el$33, "marginTop", _v$10, _p$.e));
+											_v$11 !== _p$.t && (_p$.t = setProp(_el$34, "fg", _v$11, _p$.t));
+											_v$12 !== _p$.a && (_p$.a = setProp(_el$34, "attributes", _v$12, _p$.a));
 											return _p$;
 										}, {
 											e: void 0,
 											t: void 0,
 											a: void 0
 										});
-										return _el$53;
+										return _el$33;
 									})()
 								}));
-								return _el$52;
+								return _el$32;
 							})()
 						}));
-						effect((_$p) => setProp(_el$26, "height", Math.max(3, Math.min(helpHeight(), dimensions().height - 9)), _$p));
 						return _el$26;
 					}
 				});
@@ -5420,7 +5640,9 @@ function App(props) {
 				get request() {
 					return request();
 				},
-				answer: (password) => fire(props.session.answerPassword(password))
+				answer: (password) => {
+					fire(props.session.answerPassword(password));
+				}
 			})
 		}), null);
 		insert(_el$, createComponent(Show, {
@@ -5440,11 +5662,11 @@ function App(props) {
 					}, keys.deny];
 				},
 				get children() {
-					var _el$58 = createElement("text");
-					setProp(_el$58, "wrapMode", "word");
-					insert(_el$58, () => `${running().app} is open. upup quits it to install its update, then opens it again. Unsaved work in it may be lost.`);
-					effect((_$p) => setProp(_el$58, "fg", theme.text, _$p));
-					return _el$58;
+					var _el$38 = createElement("text");
+					setProp(_el$38, "wrapMode", "word");
+					insert(_el$38, () => `${running().app} is open. upup quits it to install its update, then opens it again. Unsaved work in it may be lost.`);
+					effect((_$p) => setProp(_el$38, "fg", theme.text, _$p));
+					return _el$38;
 				}
 			})
 		}), null);
@@ -5466,36 +5688,36 @@ function App(props) {
 						},
 						get fallback() {
 							return [(() => {
-								var _el$62 = createElement("text");
-								setProp(_el$62, "wrapMode", "word");
-								insert(_el$62, () => `${blocked().command} wants to run install scripts that are not allowed:`);
-								effect((_$p) => setProp(_el$62, "fg", theme.text, _$p));
-								return _el$62;
+								var _el$42 = createElement("text");
+								setProp(_el$42, "wrapMode", "word");
+								insert(_el$42, () => `${blocked().command} wants to run install scripts that are not allowed:`);
+								effect((_$p) => setProp(_el$42, "fg", theme.text, _$p));
+								return _el$42;
 							})(), createComponent(For, {
 								get each() {
 									return blocked().scripts;
 								},
 								children: (script) => (() => {
-									var _el$63 = createElement("text");
-									insert(_el$63, `  ${script}`);
-									effect((_$p) => setProp(_el$63, "fg", theme.warn, _$p));
-									return _el$63;
+									var _el$43 = createElement("text");
+									insert(_el$43, `  ${script}`);
+									effect((_$p) => setProp(_el$43, "fg", theme.warn, _$p));
+									return _el$43;
 								})()
 							})];
 						},
 						get children() {
 							return [(() => {
-								var _el$59 = createElement("text");
-								setProp(_el$59, "wrapMode", "word");
-								insert(_el$59, () => `${blocked().command} failed in npm's strict-allow-scripts check before installing (an npm bug with new global install folders).`);
-								effect((_$p) => setProp(_el$59, "fg", theme.text, _$p));
-								return _el$59;
+								var _el$39 = createElement("text");
+								setProp(_el$39, "wrapMode", "word");
+								insert(_el$39, () => `${blocked().command} failed in npm's strict-allow-scripts check before installing (an npm bug with new global install folders).`);
+								effect((_$p) => setProp(_el$39, "fg", theme.text, _$p));
+								return _el$39;
 							})(), (() => {
-								var _el$60 = createElement("text");
-								insertNode(_el$60, createTextNode(`Retrying turns the strict check off for this one command, so install scripts not on your allow list may run.`));
-								setProp(_el$60, "wrapMode", "word");
-								effect((_$p) => setProp(_el$60, "fg", theme.warn, _$p));
-								return _el$60;
+								var _el$40 = createElement("text");
+								insertNode(_el$40, createTextNode(`Retrying turns the strict check off for this one command, so install scripts not on your allow list may run.`));
+								setProp(_el$40, "wrapMode", "word");
+								effect((_$p) => setProp(_el$40, "fg", theme.warn, _$p));
+								return _el$40;
 							})()];
 						}
 					});
@@ -5503,7 +5725,7 @@ function App(props) {
 			})
 		}), null);
 		effect((_p$) => {
-			var _v$3 = theme.onAccent, _v$4 = theme.accent, _v$5 = TextAttributes.BOLD, _v$6 = theme.faint, _v$7 = props.state.running ? theme.text : theme.muted;
+			var _v$3 = theme.onAccent, _v$4 = theme.accent, _v$5 = TextAttributes.BOLD, _v$6 = theme.muted, _v$7 = props.state.running ? theme.text : theme.muted;
 			_v$3 !== _p$.e && (_p$.e = setProp(_el$3, "fg", _v$3, _p$.e));
 			_v$4 !== _p$.t && (_p$.t = setProp(_el$3, "bg", _v$4, _p$.t));
 			_v$5 !== _p$.a && (_p$.a = setProp(_el$3, "attributes", _v$5, _p$.a));
@@ -5519,7 +5741,7 @@ function App(props) {
 		});
 		return _el$;
 	})();
-}
+};
 // src/tui/Tui.tsx
 const connect = Effect.fn("Tui.connect")(function* (projectDir) {
 	const session = yield* Session;
@@ -5549,16 +5771,24 @@ const connect = Effect.fn("Tui.connect")(function* (projectDir) {
 });
 const launch = Effect.fn("Tui.launch")(function* (projectDir) {
 	const { view, quit, done } = yield* connect(projectDir);
-	const renderer = yield* Effect.acquireRelease(Effect.promise(() => createCliRenderer({ exitOnCtrlC: true })), (renderer) => Effect.sync(() => renderer.destroy()));
+	const renderer = yield* Effect.acquireRelease(Effect.promise(async () => await createCliRenderer({ exitOnCtrlC: true })), (created) => Effect.sync(() => {
+		created.destroy();
+	}));
 	renderer.on("destroy", quit);
-	const adopt = Effect.promise(() => renderer.getPalette({ timeout: 300 }).then((colors) => setBackground(colors.defaultBackground), () => void 0));
-	setThemeMode(yield* Effect.promise(() => renderer.waitForThemeMode(300)));
+	const adopt = Effect.promise(async () => {
+		const colors = await renderer.getPalette({ timeout: 300 }).catch(() => void 0);
+		if (colors !== void 0) setBackground(colors.defaultBackground);
+	});
+	setThemeMode(yield* Effect.promise(async () => await renderer.waitForThemeMode(300)));
+	const context = yield* Effect.context();
 	yield* adopt;
 	renderer.on("theme_mode", (mode) => {
 		setThemeMode(mode);
-		Effect.runPromise(adopt);
+		Effect.runPromiseWith(context)(adopt);
+	});
+	yield* Effect.promise(async () => {
+		await render(view, renderer);
 	});
-	yield* Effect.promise(() => render(view, renderer));
 	yield* done;
 });
 export { connect, launch };