@harborppm/cli 0.43.0 → 0.44.0

package/dist/app.mjs

@@ -1,6 +1,6 @@
 // Built from src/tui by cli/build.mjs. Edit the source, not this file.
 import { createInterface } from "node:readline/promises";
-import { Box, Text, render, useApp, useInput, useWindowSize } from "ink";
+import { Box, Text, render, useApp, useInput, useStdout, useWindowSize } from "ink";
 import React, { createContext, useContext, useEffect, useMemo, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { basename, dirname, join, relative, resolve } from "node:path";
@@ -2082,6 +2082,36 @@ function sortRaid(items) {
 		return b.updatedAt.localeCompare(a.updatedAt);
 	});
 }
+/**
+* Live risks rated on both scales, placed on the 5×5 grid: rows run from
+* impact 5 down to 1, columns from probability 1 up to 5, so the top-right
+* corner is the worst place to be.
+*/
+function heatGrid(items) {
+	const rows = [];
+	for (let impact = 5; impact >= 1; impact -= 1) {
+		const row = [];
+		for (let probability = 1; probability <= 5; probability += 1) row.push({
+			probability,
+			impact,
+			band: scoreBand(probability * impact),
+			items: []
+		});
+		rows.push(row);
+	}
+	for (const item of items) {
+		if (item.kind !== "risk" || !isActive(item)) continue;
+		const p = clampScale(item.probability);
+		const i = clampScale(item.impact);
+		if (p == null || i == null) continue;
+		rows[5 - i][p - 1].items.push(item);
+	}
+	return rows;
+}
+/** True when a risk sits in the given cell of the grid. */
+function inHeatCell(item, probability, impact) {
+	return item.kind === "risk" && item.probability === probability && item.impact === impact;
+}
 var KIND_LABEL, STATUS_LABEL$1, STATUSES, PROBABILITY_LABEL, IMPACT_LABEL, FIELD_COPY;
 var init_raid = __esmMin((() => {
 	KIND_LABEL = {
@@ -5401,6 +5431,173 @@ function renderBriefText(brief, data, workspace = "Harbor", all = false) {
 	return composeBriefBodyFrom(brief, data, workspace, all);
 }
 
+//#endregion
+//#region src/lib/shipping-forecast.ts
+init_date_fns();
+init_derived_health();
+init_raid();
+init_date_text();
+init_format();
+init_indexes();
+/** Areas read out by name; any more are summed up in one line. */
+const FORECAST_AREAS = 10;
+const WORDS = [
+	"no",
+	"one",
+	"two",
+	"three",
+	"four",
+	"five",
+	"six",
+	"seven",
+	"eight",
+	"nine",
+	"ten",
+	"eleven",
+	"twelve"
+];
+/** Small numbers as words, which a voice reads better and the forecast always uses. */
+function spoken(n) {
+	return n >= 0 && n < WORDS.length ? WORDS[n] : String(n);
+}
+function count$1(n, one, many = `${one}s`) {
+	return `${spoken(n)} ${n === 1 ? one : many}`;
+}
+const VISIBILITY = {
+	"on-track": "good",
+	"at-risk": "moderate",
+	"off-track": "poor"
+};
+const ORDER = {
+	"off-track": 0,
+	"at-risk": 1,
+	"on-track": 2
+};
+/** The time in words, to the nearest quarter hour: "nine", "half past nine", "quarter to ten". */
+function issuedAt(now) {
+	const quarter = Math.round(now.getMinutes() / 15);
+	const hour = (h) => {
+		const twelve = (h % 24 + 24) % 12;
+		if (twelve === 0) return h % 24 === 0 ? "midnight" : "noon";
+		return spoken(twelve);
+	};
+	const h = now.getHours();
+	if (quarter === 0) return hour(h);
+	if (quarter === 1) return `quarter past ${hour(h)}`;
+	if (quarter === 2) return `half past ${hour(h)}`;
+	if (quarter === 3) return `quarter to ${hour(h + 1)}`;
+	return hour(h + 1);
+}
+/** The wind for so many late tasks. */
+function windFor(late) {
+	const force = Math.min(12, 3 + late);
+	if (late === 0) return {
+		force,
+		words: "Variable 3 or less"
+	};
+	if (force >= 10) return {
+		force,
+		words: `Storm ${force}`
+	};
+	if (force >= 8) return {
+		force,
+		words: `Gale ${force}`
+	};
+	return {
+		force,
+		words: `Westerly ${force}`
+	};
+}
+function capital(s) {
+	return s.charAt(0).toUpperCase() + s.slice(1);
+}
+function list$1(names) {
+	if (names.length <= 1) return names.join("");
+	return `${names.slice(0, -1).join(", ")} and ${names.at(-1)}`;
+}
+/**
+* The forecast for a harbor, or one portfolio of it, at `now`. Reads the
+* document only; nothing here changes it.
+*/
+function shippingForecast(data, opts) {
+	const { now } = opts;
+	const today = todayISO(now);
+	const programs = data.programs.filter((p) => !opts.portfolioId || p.portfolioId === opts.portfolioId);
+	const areas = programs.filter((p) => ORDER[p.health] != null).sort((a, b) => (ORDER[a.health] ?? 9) - (ORDER[b.health] ?? 9) || a.endDate.localeCompare(b.endDate)).map((program) => area(data, program, now, today));
+	const opening = `And now the harbor forecast for ${opts.harborName?.trim() || "Harbor"}, issued at ${issuedAt(now)} on ${format(now, "EEEE d MMMM")}.`;
+	const gales = areas.filter((a) => a.health === "off-track").map((a) => a.name);
+	const warnings = gales.length ? `There are warnings of gales in ${list$1(gales)}.` : null;
+	const projectIds = new Set(data.projects.filter((p) => programs.some((g) => g.id === p.programId)).map((p) => p.id));
+	const tasks = data.tasks.filter((t) => projectIds.has(t.projectId));
+	const weekAgo = todayISO(subDays(now, 6));
+	const finished = tasks.filter((t) => t.status === "done" && t.completedAt && t.completedAt.slice(0, 10) >= weekAgo).length;
+	const late = lateTasksOf(tasks, now).length;
+	const synopsis = `General synopsis: ${count$1(finished, "task")} finished this week, ${count$1(late, "late", "late")}` + (late === 0 ? ", seas calm." : ".");
+	const coda = [];
+	const read = areas.slice(0, 10);
+	const rest = areas.slice(10);
+	if (rest.length) {
+		const fair = rest.every((a) => a.health === "on-track");
+		coda.push(`${capital(count$1(rest.length, "more area"))}, ${fair ? "fair, visibility good" : "mixed"}.`);
+	}
+	const port = programs.filter((p) => p.health === "done").map((p) => p.name);
+	if (port.length) coda.push(`In port: ${list$1(port)}.`);
+	const anchor = programs.filter((p) => p.health === "paused").map((p) => p.name);
+	if (anchor.length) coda.push(`At anchor: ${list$1(anchor)}.`);
+	const closing = areas.length || coda.length ? "That ends the harbor forecast." : "No programs at sea. That ends the harbor forecast.";
+	return {
+		opening,
+		warnings,
+		synopsis,
+		areas: read,
+		coda,
+		closing,
+		script: [
+			opening,
+			warnings,
+			synopsis,
+			...read.map((a) => `${a.name}: ${a.text}`),
+			...coda,
+			closing
+		].filter(Boolean).join("\n")
+	};
+}
+function area(data, program, now, today) {
+	const projects = data.projects.filter((p) => p.programId === program.id);
+	const projectIds = new Set(projects.map((p) => p.id));
+	const late = projects.flatMap((p) => lateTasksOf([...tasksOf(data.tasks, p.id)], now));
+	const wind = windFor(late.length);
+	const parts = [wind.words];
+	if (late.length) {
+		const worst = Math.max(...late.map((t) => daysOverdue(t.dueDate, now)));
+		if (late.length === 1) parts.push(`one task ${count$1(worst, "day")} late`);
+		else parts.push(`${count$1(late.length, "task")} late, the worst by ${count$1(worst, "day")}`);
+	}
+	const open = data.milestones.filter((m) => m.programId === program.id && !m.done).sort((a, b) => a.dueDate.localeCompare(b.dueDate));
+	const overdue = open.find((m) => m.dueDate < today);
+	const next = open.find((m) => m.dueDate >= today);
+	if (overdue) parts.push(`${overdue.name} overdue`);
+	else if (next) {
+		const days = differenceInCalendarDays(parseIso(next.dueDate), parseIso(today));
+		if (days <= 14) {
+			const when = days === 0 ? "today" : days === 1 ? "tomorrow" : `in ${count$1(days, "day")}`;
+			parts.push(`${next.name} ${when}`);
+		}
+	}
+	const gates = open.filter((m) => m.approverId && m.approvalStatus === "pending").length;
+	if (gates) parts.push(`${count$1(gates, "gate")} awaiting sign-off`);
+	const risks = data.raidItems.filter((r) => r.kind === "risk" && isActive(r) && isHighRisk(r) && (r.programId === program.id || r.projectId != null && projectIds.has(r.projectId))).length;
+	if (risks) parts.push(`${count$1(risks, "high risk")}`);
+	const visibility = VISIBILITY[program.health] ?? "good";
+	return {
+		programId: program.id,
+		name: program.name,
+		text: `${parts.join(", ")}. Visibility ${visibility}.`,
+		health: program.health,
+		force: wind.force
+	};
+}
+
 //#endregion
 //#region src/tui/views/letter.tsx
 /**
@@ -5457,13 +5654,24 @@ function Letter({ title, text, hints, width, height, active, keys = {}, onClose
 
 //#endregion
 //#region src/tui/views/brief.tsx
+init_swatches();
+/**
+* The terminal's copy of what it's given (OSC 52): most terminals put it on
+* the clipboard, over SSH too; tmux needs set-clipboard on.
+*/
+function copySequence(text) {
+	return `\u001b]52;c;${Buffer.from(text, "utf8").toString("base64")}\u0007`;
+}
 /**
-* The weekly brief, the same letter the website writes: what's off track,
-* risks to watch, milestones, late work, what got done and what the crew
-* said. ↑↓ read on, p narrows it to one portfolio.
+* The weekly brief, the same letter the website writes: how many programs
+* sit at each health, notes that opened, what's off track, risks to watch,
+* milestones, late work, what got done and what the crew said. ↑↓ read on,
+* p narrows it to one portfolio, f swaps in the shipping forecast and y
+* copies what's shown.
 */
 function BriefView({ active, width, height, go }) {
 	const { today } = useDeps();
+	const { stdout } = useStdout();
 	const harborName = useHarbor((s) => s.harborName);
 	const portfolios = useHarbor((s) => s.portfolios);
 	const programs = useHarbor((s) => s.programs);
@@ -5474,8 +5682,11 @@ function BriefView({ active, width, height, go }) {
 	const people = useHarbor((s) => s.people);
 	const checkIns = useHarbor((s) => s.checkIns);
 	const constraints = useHarbor((s) => s.constraints);
+	const reflections = useHarbor((s) => s.reflections);
 	const [portfolio, setPortfolio] = useState(null);
+	const [forecast, setForecast] = useState(false);
 	const day = today();
+	const name = harborName?.trim() || "Harbor";
 	const brief = useMemo(() => {
 		const data = {
 			portfolios,
@@ -5486,15 +5697,25 @@ function BriefView({ active, width, height, go }) {
 			raidItems,
 			people,
 			checkIns,
-			constraints
+			constraints,
+			reflections
 		};
 		const b = briefOf(data, {
 			portfolioId: portfolio,
 			now: /* @__PURE__ */ new Date(`${day}T12:00:00`)
 		});
+		const text = renderBriefText(b, data, name);
+		const scoped = programs.filter((p) => !portfolio || p.portfolioId === portfolio);
+		const counts = [
+			"on-track",
+			"at-risk",
+			"off-track"
+		].map((h) => `${scoped.filter((p) => p.health === h).length} ${HEALTH_LABEL$1[h].toLowerCase()}`).join(" · ");
+		const body = text.split("\n").slice(2).join("\n");
 		return {
 			scope: b.scopeLabel,
-			text: renderBriefText(b, data, harborName ?? "Harbor")
+			text,
+			shown: `${counts}\n\n${body}`
 		};
 	}, [
 		portfolios,
@@ -5506,24 +5727,53 @@ function BriefView({ active, width, height, go }) {
 		people,
 		checkIns,
 		constraints,
+		reflections,
 		portfolio,
 		day,
-		harborName
+		name
+	]);
+	const script = useMemo(() => forecast ? shippingForecast({
+		programs,
+		projects,
+		tasks,
+		milestones,
+		raidItems
+	}, {
+		now: /* @__PURE__ */ new Date(),
+		harborName: name,
+		portfolioId: portfolio
+	}).script : "", [
+		forecast,
+		programs,
+		projects,
+		tasks,
+		milestones,
+		raidItems,
+		name,
+		portfolio
 	]);
+	const copy = () => {
+		stdout.write(copySequence(forecast ? script : brief.text));
+		go.notify(`Copied the ${forecast ? "forecast" : "brief"}, if this terminal lets apps copy. harbor brief prints it too.`);
+	};
 	return /* @__PURE__ */ jsx(Letter, {
-		title: `Brief · ${brief.scope}`,
-		text: brief.text.split("\n").slice(2).join("\n"),
-		hints: "p portfolio",
+		title: `${forecast ? "Shipping forecast" : "Brief"} · ${brief.scope}`,
+		text: forecast ? script : brief.shown,
+		hints: `p portfolio · f ${forecast ? "brief" : "forecast"} · y copy`,
 		width,
 		height,
 		active,
-		keys: { p: () => go.pick("Brief for which portfolio?", [{
-			label: "All portfolios",
-			value: null
-		}, ...portfolios.map((p) => ({
-			label: p.name,
-			value: p.id
-		}))], (v) => setPortfolio(v ?? null)) }
+		keys: {
+			p: () => go.pick("Brief for which portfolio?", [{
+				label: "All portfolios",
+				value: null
+			}, ...portfolios.map((p) => ({
+				label: p.name,
+				value: p.id
+			}))], (v) => setPortfolio(v ?? null)),
+			f: () => setForecast((v) => !v),
+			y: copy
+		}
 	});
 }
 
@@ -6487,6 +6737,26 @@ var init_load = __esmMin((() => {
 	};
 }));
 
+//#endregion
+//#region src/lib/review.ts
+init_load();
+init_indexes();
+init_derived_health();
+/** A program is someone's when they lead it, lead one of its projects or hold a task in one. */
+function programTouches(program, data, personId) {
+	if (program.ownerId === personId) return true;
+	return data.projects.some((p) => p.programId === program.id && (p.ownerId === personId || tasksOf(data.tasks, p.id).some((t) => t.assigneeId === personId)));
+}
+/**
+* The review's programs: worst health first, then soonest end, narrowed to
+* one person's and one portfolio's when asked. Done ones are left in; the
+* website, the terminal and the agents' tool each tuck them away themselves.
+*/
+function reviewPrograms(data, opts = {}) {
+	const { ownerId, portfolioId } = opts;
+	return data.programs.filter((p) => (!portfolioId || p.portfolioId === portfolioId) && (!ownerId || programTouches(p, data, ownerId))).sort((a, b) => rankHealth(a.health) - rankHealth(b.health) || a.endDate.localeCompare(b.endDate));
+}
+
 //#endregion
 //#region src/lib/priority.ts
 /** Rules with anything missing or out of range brought back to the defaults. */
@@ -6523,2007 +6793,2116 @@ var init_priority = __esmMin((() => {
 }));
 
 //#endregion
-//#region src/tui/views/lists.tsx
-init_indexes();
-init_load();
-init_raid();
-init_derived_health();
+//#region src/tui/views/heat.tsx
 init_priority();
-const count = (n, noun) => `${n} ${noun}${n === 1 ? "" : "s"}`;
-function RowList({ title, right, rows, empty, active, width, height, onOpen, keys = {} }) {
-	const [at, setAt] = useState(0);
-	const row = rows[Math.min(at, rows.length - 1)];
-	useInput((input, key) => {
-		if (key.upArrow || input === "k") setAt((i) => step(i, -1, rows.length));
-		else if (key.downArrow || input === "j") setAt((i) => step(i, 1, rows.length));
-		else if (key.pageDown) setAt((i) => step(i, 10, rows.length));
-		else if (key.pageUp) setAt((i) => step(i, -10, rows.length));
-		else if (key.return && row) onOpen(row);
-		else keys[input]?.(row);
-	}, { isActive: active });
-	const view = windowOf(rows, at, Math.max(1, height - 2));
+init_raid();
+const CELL = 7;
+const SIDE = 9;
+const SHORT = [
+	"",
+	"Rare",
+	"Unlikely",
+	"Possible",
+	"Likely",
+	"Almost"
+];
+/**
+* The website's 5×5 risk heat map in text: impact up the side, likelihood
+* along the bottom, how many live risks sit in each cell, coloured by how
+* bad that corner is. The cell narrowed to is shown reversed.
+*/
+function HeatMap({ items, selected }) {
+	const grid = heatGrid(items);
 	return /* @__PURE__ */ jsxs(Box, {
 		flexDirection: "column",
-		width,
-		height,
-		paddingX: 1,
 		children: [
-			/* @__PURE__ */ jsx(Heading, {
-				right,
-				children: title
+			/* @__PURE__ */ jsx(Text, {
+				color: theme.muted,
+				children: "Impact ↓ · likelihood →"
 			}),
-			rows.length === 0 ? /* @__PURE__ */ jsx(Text, {
+			grid.map((row) => /* @__PURE__ */ jsxs(Text, {
+				wrap: "truncate-end",
+				children: [/* @__PURE__ */ jsx(Text, {
+					color: theme.muted,
+					children: IMPACT_LABEL[row[0].impact].padEnd(SIDE)
+				}), row.map((cell) => {
+					const on = selected?.probability === cell.probability && selected.impact === cell.impact;
+					const n = cell.items.length;
+					const text = (n ? String(n) : "·").padStart(Math.ceil(CELL / 2)).padEnd(CELL);
+					return /* @__PURE__ */ jsx(Text, {
+						inverse: on,
+						bold: n > 0,
+						color: n === 0 ? theme.muted : cell.band === "high" ? theme.bad : cell.band === "medium" ? theme.warn : theme.good,
+						children: text
+					}, cell.probability);
+				})]
+			}, row[0].impact)),
+			/* @__PURE__ */ jsxs(Text, {
 				color: theme.muted,
-				children: empty
-			}) : null,
-			view.items.map((r, i) => {
-				const on = active && view.start + i === at;
-				return /* @__PURE__ */ jsxs(Text, {
-					color: on ? theme.selected : r.color,
-					bold: on || r.bold,
-					wrap: "truncate-end",
-					children: [
-						on ? "› " : "  ",
-						"  ".repeat(r.depth),
-						r.health ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(HealthMark, { health: r.health }), " "] }) : null,
-						r.title,
-						r.detail ? /* @__PURE__ */ jsxs(Text, {
-							color: theme.muted,
-							children: [" ", r.detail]
-						}) : null
-					]
-				}, r.id);
+				wrap: "truncate-end",
+				children: [" ".repeat(SIDE), SHORT.slice(1).map((l) => l.slice(0, 6).padEnd(CELL)).join("")]
 			})
 		]
 	});
 }
-/** Every project, under its program and portfolio, with health and progress. Done
-*  projects and programs stay out of the way until D shows them. */
-function ProjectsView({ active, width, height, go }) {
-	const portfolios = useHarbor((s) => s.portfolios);
-	const programs = useHarbor((s) => s.programs);
-	const projects = useHarbor((s) => s.projects);
-	const tasks = useHarbor((s) => s.tasks);
-	const { today } = useDeps();
-	const [showDone, setShowDone] = useState(false);
-	const { rows, shown, hidden } = useMemo(() => {
-		const data = {
-			tasks,
-			projects
-		};
-		const out = [];
-		let shown = 0;
-		let hidden = 0;
-		for (const portfolio of portfolios) {
-			out.push({
-				id: portfolio.id,
-				kind: "portfolio",
-				depth: 0,
-				title: portfolio.name,
-				bold: true,
-				health: portfolio.health
-			});
-			for (const program of programs.filter((g) => g.portfolioId === portfolio.id)) {
-				const { open, done } = splitDone(projects.filter((p) => p.programId === program.id));
-				if (program.health === "done" && open.length === 0) {
-					hidden += 1 + done.length;
-					if (!showDone) continue;
-				} else hidden += done.length;
-				out.push({
-					id: program.id,
-					kind: "program",
-					depth: 1,
-					title: program.name,
-					health: program.health
-				});
-				for (const project of showDone ? [...open, ...done] : open) {
-					shown++;
-					const { done: finished, total } = projectSummary(data, project);
-					const late = tasksOf(tasks, project.id).filter((t) => isLate(t, today())).length;
-					out.push({
-						id: project.id,
-						kind: "project",
-						depth: 2,
-						title: `${project.name}${project.key ? ` ${project.key}` : ""}`,
-						health: project.health,
-						detail: `${finished}/${total} done${late ? ` · ${late} late` : ""} · ends ${shortDay(project.endDate, today())}`
-					});
-				}
-			}
-		}
-		return {
-			rows: out,
-			shown,
-			hidden
-		};
-	}, [
-		portfolios,
-		programs,
-		projects,
-		tasks,
-		today,
-		showDone
-	]);
-	return /* @__PURE__ */ jsx(RowList, {
-		title: "Portfolios, programs and projects",
-		right: `${count(shown, "project")}${hidden ? ` · ${hidden} done ${showDone ? "shown" : "hidden"} (D)` : ""} · n new project · e edit`,
-		rows,
-		empty: "No projects yet. n adds one.",
-		active,
-		width,
-		height,
-		onOpen: (r) => r.kind === "project" ? go.openProject(r.id) : r.kind === "program" ? go.openProgram(r.id) : go.openPortfolio(r.id),
-		keys: {
-			n: (r) => {
-				const programId = r?.kind === "program" ? r.id : r?.kind === "project" ? projects.find((p) => p.id === r.id)?.programId : void 0;
-				go.create("project", programId ? { programId } : {});
-			},
-			e: (r) => r && r.kind !== "raid" && r.kind !== "person" && go.openPanel(r.kind, r.id),
-			D: () => hidden > 0 && setShowDone((v) => !v)
-		}
-	});
+/** "likely and major impact", as the website says what a cell narrows to. */
+function cellWords(cell) {
+	return `${PROBABILITY_LABEL[cell.probability].toLowerCase()}, ${IMPACT_LABEL[cell.impact].toLowerCase()} impact`;
+}
+
+//#endregion
+//#region src/lib/deps.ts
+init_blockers();
+/** True when making `id` wait on `candidate` would close a loop (or is `id` itself). */
+function wouldCycle(id, candidate, items) {
+	const byId = new Map(items.map((n) => [n.id, n]));
+	const stack = [candidate];
+	const seen = /* @__PURE__ */ new Set();
+	while (stack.length) {
+		const cursor = stack.pop();
+		if (cursor === id) return true;
+		if (seen.has(cursor)) continue;
+		seen.add(cursor);
+		const node = byId.get(cursor);
+		if (node) stack.push(...blockerIds(node));
+	}
+	return false;
 }
 /**
-* The review, as on the website: programs worst first, then by end date,
-* each with its lead, how much is late, where it sits on the priority matrix
-* and the next move. o narrows to someone's programs, p to a portfolio, m
-* writes the next move; done programs wait behind D.
+* Everything that waits on `id`, directly or through others: the items that
+* would close a loop if `id` waited on them. One walk backwards from `id`,
+* instead of a walk forwards from every candidate.
 */
-function ProgramsView({ active, width, height, go }) {
-	const { store, today } = useDeps();
-	const programs = useHarbor((s) => s.programs);
-	const portfolios = useHarbor((s) => s.portfolios);
-	const projects = useHarbor((s) => s.projects);
-	const tasks = useHarbor((s) => s.tasks);
-	const people = useHarbor((s) => s.people);
-	const me = useHarbor((s) => s.currentUserId);
-	const priorityRules = useHarbor((s) => s.priorityRules);
-	const [showDone, setShowDone] = useState(false);
-	const [owner, setOwner] = useState(null);
-	const [portfolio, setPortfolio] = useState(null);
-	const day = today();
-	const data = useMemo(() => ({
-		projects,
-		tasks
-	}), [projects, tasks]);
-	const picked = useMemo(() => programs.filter((p) => (!portfolio || p.portfolioId === portfolio) && (!owner || programTouches(p, data, owner))).sort((a, b) => rankHealth(a.health) - rankHealth(b.health) || a.endDate.localeCompare(b.endDate)), [
-		programs,
-		portfolio,
-		owner,
-		data
-	]);
-	const split = useMemo(() => splitDone(picked), [picked]);
-	const listed = useMemo(() => showDone ? [...split.open, ...split.done] : split.open, [split, showDone]);
-	const rows = useMemo(() => {
-		const now = /* @__PURE__ */ new Date(`${day}T12:00:00`);
-		const rules = normalizeRules(priorityRules);
-		const maxBudget = Math.max(1, ...programs.map((p) => p.budget));
-		return listed.map((program) => {
-			const late = programLateCount(program.id, data, now);
-			const lead = people.find((p) => p.id === program.ownerId);
-			return {
-				id: program.id,
-				kind: "program",
-				depth: 0,
-				title: program.name,
-				health: program.health,
-				detail: [
-					lead?.name.split(" ")[0],
-					program.endDate ? `ends ${shortDay(program.endDate, day)}` : null,
-					late ? `${late} late` : null,
-					isRated(program) ? quadrantOf(program, maxBudget, rules) : null,
-					program.nextMove ? `next: ${program.nextMove}` : "no next move"
-				].filter(Boolean).join(" · ")
-			};
-		});
-	}, [
-		listed,
-		programs,
-		people,
-		data,
-		day,
-		priorityRules
-	]);
-	const done = split.done.length;
-	const whose = owner === me ? "My programs" : owner ? `${people.find((p) => p.id === owner)?.name ?? "Someone"}'s programs` : "Programs";
-	const where = portfolio ? ` in ${portfolios.find((p) => p.id === portfolio)?.name ?? "a portfolio"}` : "";
-	return /* @__PURE__ */ jsx(RowList, {
-		title: `${whose}${where}`,
-		right: `${count(listed.length, "program")}${done ? ` · ${done} done ${showDone ? "shown" : "hidden"} (D)` : ""} · m next move · o p narrow`,
-		rows,
-		empty: done ? "Every program here is done. D shows them." : owner || portfolio ? "Nothing here. o and p change what's shown." : "No programs yet. n adds one.",
-		active,
-		width,
-		height,
-		onOpen: (r) => go.openProgram(r.id),
-		keys: {
-			n: (r) => {
-				const portfolioId = r ? programs.find((p) => p.id === r.id)?.portfolioId : void 0;
-				go.create("program", portfolioId ? { portfolioId } : {});
-			},
-			e: (r) => r && go.openPanel("program", r.id),
-			m: (r) => {
-				const program = r && programs.find((p) => p.id === r.id);
-				if (!program) return;
-				go.ask(`Next move for ${program.name}`, (text) => store.getState().setNextMove(program.id, text.trim()), program.nextMove ?? "");
-			},
-			o: () => go.pick("Whose programs?", [
-				{
-					label: "Everyone's",
-					value: null
-				},
-				{
-					label: "Mine",
-					value: me
-				},
-				...people.filter((p) => p.id !== me).map((p) => ({
-					label: p.name,
-					value: p.id,
-					hint: p.role
-				}))
-			], (v) => setOwner(v ?? null)),
-			p: () => go.pick("In which portfolio?", [{
-				label: "Every portfolio",
-				value: null
-			}, ...portfolios.map((p) => ({
-				label: p.name,
-				value: p.id
-			}))], (v) => setPortfolio(v ?? null)),
-			D: () => done > 0 && setShowDone((v) => !v)
-		}
-	});
-}
-/** A program is someone's when they lead it, lead one of its projects or hold a task in one. */
-function programTouches(program, data, personId) {
-	if (program.ownerId === personId) return true;
-	return data.projects.some((p) => p.programId === program.id && (p.ownerId === personId || tasksOf(data.tasks, p.id).some((t) => t.assigneeId === personId)));
-}
-/**
-* The register, worst first: open items unless a shows closed ones too. As
-* on the website it narrows by kind (t), owner (o) and portfolio (p).
-*/
-function RisksView({ active, width, height, go }) {
-	const raidItems = useHarbor((s) => s.raidItems);
-	const projects = useHarbor((s) => s.projects);
-	const programs = useHarbor((s) => s.programs);
-	const portfolios = useHarbor((s) => s.portfolios);
-	const people = useHarbor((s) => s.people);
-	const [all, setAll] = useState(false);
-	const [kind, setKind] = useState(null);
-	const [owner, setOwner] = useState(null);
-	const [portfolio, setPortfolio] = useState(null);
-	const inPortfolio = useMemo(() => portfolio ? new Set(portfolioRaidItems({
-		raidItems,
-		projects,
-		programs
-	}, portfolio).map((r) => r.id)) : null, [
-		portfolio,
-		raidItems,
-		projects,
-		programs
-	]);
-	const rows = useMemo(() => sortRaid(raidItems.filter((r) => (all || isActive(r)) && (!kind || r.kind === kind) && (!owner || r.ownerId === owner) && (!inPortfolio || inPortfolio.has(r.id)))).map((r) => {
-		const score = scoreOf(r);
-		const band = score != null ? scoreBand(score) : null;
-		return {
-			id: r.id,
-			kind: "raid",
-			depth: 0,
-			title: `${KIND_LABEL[r.kind]}: ${r.title}`,
-			health: band === "high" ? "off-track" : band === "medium" ? "at-risk" : void 0,
-			color: isActive(r) ? void 0 : theme.muted,
-			detail: [
-				STATUS_LABEL$1[r.status],
-				score != null ? `score ${score}` : null,
-				people.find((p) => p.id === r.ownerId)?.name,
-				projects.find((p) => p.id === r.projectId)?.name
-			].filter(Boolean).join(" · ")
-		};
-	}), [
-		raidItems,
-		projects,
-		people,
-		all,
-		kind,
-		owner,
-		inPortfolio
-	]);
-	const what = kind ? `${KIND_LABEL[kind].toLowerCase()}s` : "risks, issues and decisions";
-	const whose = owner ? `${people.find((p) => p.id === owner)?.name ?? "Someone"}'s ` : "";
-	const where = portfolio ? ` in ${portfolios.find((p) => p.id === portfolio)?.name ?? "a portfolio"}` : "";
-	const phrase = `${whose}${all ? "" : "open "}${what}${where}`;
-	return /* @__PURE__ */ jsx(RowList, {
-		title: phrase.charAt(0).toUpperCase() + phrase.slice(1),
-		right: `${rows.length} · t o p a narrow`,
-		rows,
-		empty: kind || owner || portfolio ? "Nothing matches. t, o and p change what's shown." : "Nothing open in the register. n logs one.",
-		active,
-		width,
-		height,
-		onOpen: (r) => go.openPanel("raid", r.id),
-		keys: {
-			n: () => go.create("raid", {}),
-			a: () => setAll((v) => !v),
-			t: () => setKind((k) => KINDS[(KINDS.indexOf(k) + 1) % KINDS.length] ?? null),
-			o: () => go.pick("Whose?", [{
-				label: "Anyone's",
-				value: null
-			}, ...people.map((p) => ({
-				label: p.name,
-				value: p.id,
-				hint: p.role
-			}))], (v) => setOwner(v ?? null)),
-			p: () => go.pick("In which portfolio?", [{
-				label: "Every portfolio",
-				value: null
-			}, ...portfolios.map((p) => ({
-				label: p.name,
-				value: p.id
-			}))], (v) => setPortfolio(v ?? null))
-		}
-	});
+function waitingOnChain(items, id) {
+	const waiters = /* @__PURE__ */ new Map();
+	for (const n of items) for (const b of blockerIds(n)) {
+		const list = waiters.get(b);
+		if (list) list.push(n.id);
+		else waiters.set(b, [n.id]);
+	}
+	const out = /* @__PURE__ */ new Set();
+	const stack = [...waiters.get(id) ?? []];
+	while (stack.length) {
+		const cursor = stack.pop();
+		if (out.has(cursor)) continue;
+		out.add(cursor);
+		stack.push(...waiters.get(cursor) ?? []);
+	}
+	return out;
 }
-const KINDS = [
-	null,
-	"risk",
-	"issue",
-	"decision"
-];
-/** Who's here: open and late work, and how full each of the next weeks is against their capacity. */
-function PeopleView({ active, width, height, go }) {
-	const people = useHarbor((s) => s.people);
-	const tasks = useHarbor((s) => s.tasks);
-	const { today } = useDeps();
-	const rows = useMemo(() => {
-		const now = /* @__PURE__ */ new Date(`${today()}T12:00:00`);
-		const nameWidth = Math.max(0, ...people.map((p) => p.name.length));
-		return people.map((p) => {
-			const open = tasks.filter((t) => t.assigneeId === p.id && t.status !== "done");
-			const load = weeklyLoad(tasks, p.id, now, 4);
-			const cap = p.weeklyCapacity ?? 5;
-			const weeks = load.weeks.map((w) => (w.due === 0 ? "·" : w.due > cap ? `${w.due}!` : String(w.due)).padStart(3)).join("");
-			const late = load.overdue ? `${load.overdue} late` : "";
-			return {
-				id: p.id,
-				kind: "person",
-				depth: 0,
-				title: p.name.padEnd(nameWidth),
-				detail: `${String(open.length).padStart(3)} open  ${late.padEnd(7)}  weeks${weeks}  of ${cap}  · ${p.role}`
-			};
-		});
-	}, [
-		people,
-		tasks,
-		today
-	]);
-	return /* @__PURE__ */ jsx(RowList, {
-		title: "People",
-		right: `${people.length === 1 ? "1 person" : `${people.length} people`} · Enter to change`,
-		rows,
-		empty: "Nobody here yet. Invite people from the website.",
-		active,
-		width,
-		height,
-		onOpen: (r) => go.openPanel("person", r.id)
-	});
+/** The things `id` may wait on: everything except itself and anything already waiting on it, directly or through others. */
+function blockerOptions(items, id) {
+	const loops = waitingOnChain(items, id);
+	return items.filter((n) => n.id !== id && !loops.has(n.id));
 }
 
 //#endregion
-//#region cli/lib/logo.mjs
+//#region src/lib/status-report.ts
+init_derived_health();
+init_format();
+init_raid();
+init_swatches();
 /**
-* Harbor's mark for the terminal: the favicon (public/favicon.svg) as
-* pixels, a teal tile with the white H and three coral boats. Each
-* terminal row draws two pixel rows with half blocks (▀ ▄ █), so a square
-* grid comes out square. `harbor help` prints it; the full-screen app draws
-* it on its splash and its keys overlay (src/tui/logo.tsx).
-*
-* T teal, W white, C coral, P a boat's pointed bow (coral in the middle of
-* the two pixels, drawn with quarter blocks), . nothing (the rounded corners).
-*/
-/** 24 by 24: posts three wide, a pixel of water between each boat and the posts. */
-const LOGO = [
-	"...TTTTTTTTTTTTTTTTTT...",
-	"..TTTTTTTTTTTTTTTTTTTT..",
-	".TTTTTTTTTTTTTTTTTTTTTT.",
-	"TTTTTWWWTTTTTTTTWWWTTTTT",
-	"TTTTTWWWTTTTTTTTWWWTTTTT",
-	"TTPPTWWWTTTTTTTTWWWTTTTT",
-	"TTCCTWWWTTTTTTTTWWWTTTTT",
-	"TTCCTWWWTTTTTTTTWWWTTTTT",
-	"TTCCTWWWTTTTTTTTWWWTTTTT",
-	"TTCCTWWWTTTTTTTTWWWTTTTT",
-	"TTTTTWWWTTTTTTTTWWWTTTTT",
-	"TTTTTWWWWWWWWWWWWWWTTTTT",
-	"TTTTTWWWWWWWWWWWWWWTTTTT",
-	"TTTTTWWWTTTTTTTTWWWTTTTT",
-	"TTTTTWWWTTTTTTTTWWWTPPTT",
-	"TTTTTWWWTTTPPTTTWWWTCCTT",
-	"TTTTTWWWTTTCCTTTWWWTCCTT",
-	"TTTTTWWWTTTCCTTTWWWTCCTT",
-	"TTTTTWWWTTTCCTTTWWWTCCTT",
-	"TTTTTWWWTTTCCTTTWWWTTTTT",
-	"TTTTTWWWTTTTTTTTWWWTTTTT",
-	".TTTTTTTTTTTTTTTTTTTTTT.",
-	"..TTTTTTTTTTTTTTTTTTTT..",
-	"...TTTTTTTTTTTTTTTTTT..."
-];
-/** 16 by 16, for the keys overlay. */
-const LOGO_SMALL = [
-	"..TTTTTTTTTTTT..",
-	".TTTTTTTTTTTTTT.",
-	"TTTTWWTTTTWWTTTT",
-	"TTTTWWTTTTWWTTTT",
-	"TPPTWWTTTTWWTTTT",
-	"TCCTWWTTTTWWTTTT",
-	"TCCTWWTTTTWWTTTT",
-	"TTTTWWWWWWWWTTTT",
-	"TTTTWWWWWWWWTTTT",
-	"TTTTWWTTTTWWTPPT",
-	"TTTTWWTPPTWWTCCT",
-	"TTTTWWTCCTWWTCCT",
-	"TTTTWWTCCTWWTTTT",
-	"TTTTWWTTTTWWTTTT",
-	".TTTTTTTTTTTTTT.",
-	"..TTTTTTTTTTTT.."
-];
-/** The brand's fills, as in favicon.svg and src/styles.css. */
-const LOGO_COLOURS = {
-	T: "#0f6e64",
-	W: "#ffffff",
-	C: "#c44a2c"
-};
-/**
-* @typedef {{ text: string, fg?: string, bg?: string }} Run
-* One stretch of a terminal row in the same colours.
-*/
-/**
-* The logo as terminal rows, each a list of runs: the top pixel is the
-* half block's colour, the bottom one its background.
-* @param {string[]} pixels
-* @returns {Run[][]}
+* A program's status report as Markdown: what a lead pastes into a Friday
+* update or an exec thread. Everything in it is already on the program page;
+* this is the one-page version.
 */
-function logoRows(pixels = LOGO) {
-	/** @type {Run[][]} */
-	const rows = [];
-	for (let y = 0; y < pixels.length; y += 2) {
-		/** @type {Run[]} */
-		const runs = [];
-		const top = pixels[y] ?? "";
-		const bottom = pixels[y + 1] ?? "";
-		for (let x = 0; x < top.length; x++) {
-			const t = LOGO_COLOURS[top[x]];
-			const b = LOGO_COLOURS[bottom[x]];
-			const bowRow = top[x] === "P" ? top : bottom[x] === "P" ? bottom : null;
-			const left = bowRow ? bowRow[x - 1] !== "P" : false;
-			/** @type {Run} */
-			const cell = top[x] === "P" ? {
-				text: left ? "▟" : "▙",
-				fg: LOGO_COLOURS.C,
-				bg: LOGO_COLOURS.T
-			} : bottom[x] === "P" ? {
-				text: left ? "▗" : "▖",
-				fg: LOGO_COLOURS.C,
-				bg: t
-			} : !t && !b ? { text: " " } : t === b || !b ? {
-				text: t === b ? "█" : "▀",
-				fg: t
-			} : !t ? {
-				text: "▄",
-				fg: b
-			} : {
-				text: "▀",
-				fg: t,
-				bg: b
-			};
-			const last = runs.at(-1);
-			if (last && last.fg === cell.fg && last.bg === cell.bg) last.text += cell.text;
-			else runs.push(cell);
+function composeStatusReport(data, program, now = /* @__PURE__ */ new Date()) {
+	const projects = projectsInProgram(data, program.id);
+	const tasks = tasksInProgramOf(data, program.id);
+	const done = tasks.filter((t) => t.status === "done").length;
+	const late = lateTasksOf(tasks, now);
+	const milestones = data.milestones.filter((m) => m.programId === program.id);
+	const lateMilestones = lateMilestonesOf(milestones, now);
+	const upcoming = milestones.filter((m) => !m.done && !lateMilestones.includes(m)).sort((a, b) => a.dueDate.localeCompare(b.dueDate)).slice(0, 3);
+	const spent = programSpent(data, program.id);
+	const allocated = programBudgetAllocated(data, program.id);
+	const forecast = forecastRollup(projects, program.budget, now);
+	const owner = data.people.find((p) => p.id === program.ownerId)?.name ?? "Unassigned";
+	const live = sortRaid(programRaidItems(data, program.id).filter((r) => r.kind !== "decision" && isActive(r)));
+	const lines = [];
+	lines.push(`# ${program.name} — status ${shortDate(todayISO(now))}`);
+	lines.push("");
+	lines.push(`**Health:** ${HEALTH_LABEL$1[program.health]}${program.healthNote ? ` — ${program.healthNote}` : ""}`);
+	lines.push(`**Owner:** ${owner} · **Dates:** ${shortDate(program.startDate)} – ${shortDate(program.endDate)}`);
+	lines.push(`**Progress:** ${done} of ${tasks.length} tasks done${late.length ? `, ${late.length} late` : ""}`);
+	if (program.nextMove) lines.push(`**Next move:** ${program.nextMove}`);
+	lines.push("");
+	lines.push("## Budget");
+	if (program.budget > 0 || spent > 0) {
+		lines.push(`- ${money(spent)} spent of ${money(program.budget)}${allocated > program.budget ? ` (projects allocate ${money(allocated)})` : ""}`);
+		if (forecast) {
+			const verdict = forecast.tone === "over" ? `over by ${money(-forecast.variance)}` : forecast.tone === "tight" ? "within 5% of budget" : `under by ${money(forecast.variance)}`;
+			lines.push(`- Forecast at completion ${money(forecast.eac)}, ${verdict}`);
 		}
-		rows.push(runs);
+	} else lines.push("- No budget set");
+	lines.push("");
+	lines.push("## Milestones");
+	if (milestones.length === 0) lines.push("- None yet");
+	for (const m of lateMilestones) lines.push(`- **Late:** ${m.name}, due ${shortDate(m.dueDate)}`);
+	for (const m of upcoming) {
+		const risk = milestoneRisks(m, data)[0];
+		const note = !risk ? "" : risk.reason === "ends-after" ? ` — **at risk:** waits on ${risk.project.name}, which ends ${shortDate(risk.project.endDate)}` : ` — **at risk:** waits on ${risk.project.name}, which is off track`;
+		lines.push(`- ${m.name}, due ${shortDate(m.dueDate)}${note}`);
 	}
-	return rows;
+	const doneCount = milestones.filter((m) => m.done).length;
+	if (doneCount) lines.push(`- ${doneCount} of ${milestones.length} reached`);
+	lines.push("");
+	lines.push("## Projects");
+	if (projects.length === 0) lines.push("- None yet");
+	for (const p of projects) {
+		const own = tasks.filter((t) => t.projectId === p.id);
+		const ownDone = own.filter((t) => t.status === "done").length;
+		lines.push(`- ${p.name}: ${HEALTH_LABEL$1[p.health]}, ${ownDone}/${own.length} done, ${shortDate(p.startDate)} – ${shortDate(p.endDate)}`);
+	}
+	lines.push("");
+	lines.push("## Risks and issues");
+	if (live.length === 0) lines.push("- Nothing open");
+	for (const r of live.slice(0, 8)) {
+		const score = scoreOf(r);
+		const band = score != null ? ` (${scoreBand(score)}, ${score})` : "";
+		const who = data.people.find((p) => p.id === r.ownerId)?.name;
+		lines.push(`- ${r.kind === "risk" ? "Risk" : "Issue"}: ${r.title}${band}${who ? ` — ${who}` : ""}`);
+	}
+	lines.push("");
+	return lines.join("\n");
 }
 
 //#endregion
-//#region src/tui/logo.tsx
-/** Harbor's mark in half blocks (cli/lib/logo.mjs holds the pixels). */
-function Logo({ pixels = LOGO }) {
-	return /* @__PURE__ */ jsx(Box, {
-		flexDirection: "column",
-		flexShrink: 0,
-		children: logoRows(pixels).map((runs, y) => /* @__PURE__ */ jsx(Text, { children: runs.map((r, i) => /* @__PURE__ */ jsx(Text, {
-			color: r.fg,
-			backgroundColor: r.bg,
-			children: r.text
-		}, i)) }, y))
-	});
+//#region src/tui/views/panels.tsx
+/**
+* The panels that change one thing in place: a program, a portfolio, a
+* project's details, a milestone, a risk (issue, decision), a person. Each
+* is a DetailPanel of its fields; deleting asks first and u undoes it.
+*/
+init_blockers();
+init_baseline();
+init_derived_health();
+init_date_text();
+init_format();
+init_swatches();
+init_raid();
+/** The people of this harbor to pick from, with "Nobody" first when that's allowed. */
+function peopleChoices(people, allowNone) {
+	const list = people.map((p) => ({
+		label: p.name,
+		value: p.id,
+		hint: p.role
+	}));
+	return allowNone ? [{
+		label: "Nobody yet",
+		value: null
+	}, ...list] : list;
 }
-/** What shows while the harbor loads: the mark, centred, and which harbor. */
-function Splash({ opening }) {
-	const { columns, rows } = useWindowSize();
-	const mark = rows >= 18 && columns >= 30;
-	const height = (mark ? LOGO.length / 2 + 1 : 0) + 2;
-	return /* @__PURE__ */ jsxs(Box, {
-		width: columns,
-		height: rows,
-		flexDirection: "column",
-		alignItems: "center",
-		paddingTop: Math.max(0, Math.floor((rows - height) / 2)),
-		children: [
-			mark ? /* @__PURE__ */ jsx(Box, {
-				marginBottom: 1,
-				children: /* @__PURE__ */ jsx(Logo, {})
-			}) : null,
-			/* @__PURE__ */ jsx(Text, {
-				bold: true,
-				color: theme.accent,
-				children: "Harbor"
-			}),
-			/* @__PURE__ */ jsx(Text, {
-				color: theme.muted,
-				children: opening ? `Opening ${opening}…` : "Opening your harbor…"
-			})
-		]
-	});
+/** The healths to pick from by hand, after "worked out", which clears an override. */
+function healthChoices() {
+	return [{
+		label: `Worked out from what's under it`,
+		value: "derived"
+	}, ...HEALTHS.map((h) => ({
+		label: HEALTH_LABEL[h],
+		value: h,
+		color: HEALTH_COLOR[h]
+	}))];
 }
-
-//#endregion
-//#region src/tui/views/overlays.tsx
-init_search();
-/** Find a task by key or words; Enter opens it. */
-function SearchBox({ width, onOpen, onClose }) {
-	const tasks = useHarbor((s) => s.tasks);
-	const projects = useHarbor((s) => s.projects);
-	const [query, setQuery] = useState("");
-	const [at, setAt] = useState(0);
-	const hits = useMemo(() => searchTasks(tasks, projects, query.trim(), 12), [
-		tasks,
-		projects,
-		query
-	]);
-	useInput((input, key) => {
-		if (key.escape) return onClose();
-		if (key.upArrow) return setAt((i) => step(i, -1, hits.length));
-		if (key.downArrow) return setAt((i) => step(i, 1, hits.length));
-		if (key.return) {
-			const hit = hits[Math.min(at, hits.length - 1)];
-			if (hit) onOpen(hit.item.id);
-			return;
-		}
-		if (key.backspace || key.delete) {
-			setAt(0);
-			return setQuery((q) => q.slice(0, -1));
-		}
-		if (key.ctrl || key.meta || key.tab || key.leftArrow || key.rightArrow) return;
-		if (input) {
-			setAt(0);
-			setQuery((q) => q + input.replace(/[\r\n]+/g, " "));
+/** A health picked from healthChoices: "worked out" clears it, any other asks why (the note shows with it). */
+function healthPicked(value, go, set, clear) {
+	if (value === "derived") return clear();
+	if (value === "done") return go.ask(`What shipped? (optional, shows with the health)`, (note) => set("done", note.trim()));
+	go.ask(`Why is it ${HEALTH_LABEL[value].toLowerCase()}? (shows with the health)`, (note) => set(value, note.trim()));
+}
+/** Health with its override: picking one asks why (the note shows with it); "worked out" clears it. */
+function healthField(kind, item, go, set, clear, finished = false) {
+	return {
+		label: "Health",
+		value: `${HEALTH_LABEL[item.health]}${overridesTrack(item) ? ` (set by hand: ${item.healthNote || "no note"})` : item.healthNote && item.healthOverride ? ` (${item.healthNote})` : ""}${finished ? " · every task done, mark it Done?" : ""}`,
+		color: HEALTH_COLOR[item.health],
+		edit: {
+			kind: "pick",
+			title: `Health of this ${kind}`,
+			choices: healthChoices(),
+			initial: item.healthOverride ? HEALTHS.indexOf(item.healthOverride) + 1 : 0,
+			onPick: (value) => healthPicked(value, go, set, clear)
 		}
-	});
-	return /* @__PURE__ */ jsxs(Box, {
-		flexDirection: "column",
-		width,
-		borderStyle: "round",
-		borderColor: theme.border,
-		paddingX: 1,
-		children: [
-			/* @__PURE__ */ jsxs(Text, { children: [
-				/* @__PURE__ */ jsxs(Text, {
-					color: theme.accent,
-					bold: true,
-					children: ["/", " "]
-				}),
-				query || /* @__PURE__ */ jsx(Text, {
-					color: theme.muted,
-					children: "a key like RR-42, or words from a title"
-				}),
-				/* @__PURE__ */ jsx(Text, {
-					inverse: true,
-					children: " "
-				})
-			] }),
-			hits.length === 0 && query ? /* @__PURE__ */ jsx(Text, {
-				color: theme.muted,
-				children: "Nothing matches."
-			}) : null,
-			hits.map(({ item }, i) => {
-				const on = i === Math.min(at, hits.length - 1);
-				const project = projects.find((p) => p.id === item.projectId);
-				return /* @__PURE__ */ jsxs(Text, {
-					color: on ? theme.selected : void 0,
-					bold: on,
-					wrap: "truncate-end",
-					children: [
-						on ? "› " : "  ",
-						/* @__PURE__ */ jsx(Text, {
-							color: theme.muted,
-							children: keyOf$1({ projects }, item).padEnd(7)
-						}),
-						item.title,
-						/* @__PURE__ */ jsxs(Text, {
-							color: theme.muted,
-							children: [
-								" ",
-								"· ",
-								STATUS_LABEL[item.status],
-								project ? ` · ${project.name}` : ""
-							]
-						})
-					]
-				}, item.id);
-			}),
-			/* @__PURE__ */ jsx(Text, {
-				color: theme.muted,
-				children: "↑↓ choose · Enter open · Esc close"
-			})
-		]
-	});
+	};
 }
-/** Add a task: which project (when it isn't known), then its title. */
-function NewTask({ projectId, status, width, onDone, onFull }) {
-	const { store } = useDeps();
-	const projects = useHarbor((s) => s.projects);
-	const me = useHarbor((s) => s.currentUserId);
-	const [project, setProject] = useState(projectId);
-	const chosen = projects.find((p) => p.id === project);
-	if (!chosen) return /* @__PURE__ */ jsx(Box, {
-		width,
-		children: /* @__PURE__ */ jsx(Picker, {
-			title: projects.length ? "New task in which project?" : "No projects yet. Esc, then 3 for Projects and n to start one.",
-			choices: projects.map((p) => ({
-				label: p.name,
-				value: p.id,
-				hint: p.key
-			})),
-			onCancel: () => onDone(null),
-			onPick: (id) => setProject(id)
-		})
-	});
-	return /* @__PURE__ */ jsx(Box, {
-		width,
-		children: /* @__PURE__ */ jsx(TextField, {
-			label: `New task in ${chosen.name}${status ? ` · ${STATUS_LABEL[status]}` : ""}`,
-			placeholder: "What needs doing?",
-			hint: `Enter adds it (yours, ${STATUS_LABEL[status ?? "todo"].toLowerCase()}) · Esc leaves it`,
-			onCancel: () => onDone(null),
-			onSubmit: (title) => {
-				if (!title.trim()) return onDone(null);
-				const full = roomFor(store, chosen.id, status ?? "todo");
-				if (full) return onFull(full);
-				onDone(store.getState().addTask({
-					projectId: chosen.id,
-					title: title.trim(),
-					description: "",
-					status: status ?? "todo",
-					priority: "medium",
-					assigneeId: me || null,
-					dueDate: null
-				}));
+/**
+* What a thing waits on, picked from `options`: Enter on one adds it or
+* takes it off, and one that already waits on this (a loop) is refused.
+*/
+function waitsField(label, self, options, go, save, loops = true) {
+	const on = blockerIds(self);
+	const names = options.filter((o) => on.includes(o.id)).map((o) => o.name);
+	const choices = options.filter((o) => o.id !== self.id).map((o) => ({
+		label: `${on.includes(o.id) ? "✓" : " "} ${o.name}`,
+		value: o.id,
+		hint: on.includes(o.id) ? "Enter stops waiting" : void 0
+	}));
+	return {
+		label,
+		value: names.length ? names.join(", ") : "Nothing",
+		edit: choices.length ? {
+			kind: "pick",
+			title: `${label}: Enter adds or takes off one`,
+			choices,
+			onPick: (v) => {
+				const picked = v;
+				if (on.includes(picked)) return save(blockersPatch(on.filter((x) => x !== picked)));
+				if (loops && wouldCycle(self.id, picked, options)) return go.notify("That one already waits on this, so it would go round in a loop.");
+				save(blockersPatch([...on, picked]));
 			}
-		})
-	});
+		} : void 0
+	};
 }
-/** Switch to another harbor this account belongs to. */
-function HarborSwitch({ harbors, current, width, onPick, onClose }) {
-	return /* @__PURE__ */ jsx(Box, {
-		width,
-		children: /* @__PURE__ */ jsx(Picker, {
-			title: "Harbors",
-			choices: harbors.map((h) => ({
-				label: h.name,
-				value: h.id,
-				hint: `${h.role}${h.id === current ? " · open" : ""}`
-			})),
-			initial: Math.max(0, harbors.findIndex((h) => h.id === current)),
-			onCancel: onClose,
-			onPick
-		})
-	});
+/** The lines HealthMoves takes. */
+const movesRows = (history, today) => {
+	const n = healthMoves(history, today).length;
+	return n ? n + 2 : 0;
+};
+/** The last few moves of a thing's health, under its fields. */
+function HealthMoves({ history, today }) {
+	const moves = healthMoves(history, today);
+	if (!moves.length) return null;
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx(Text, { children: " " }),
+		/* @__PURE__ */ jsxs(Text, {
+			color: theme.muted,
+			children: ["  ", "Health history"]
+		}),
+		moves.map((m, i) => /* @__PURE__ */ jsxs(Text, {
+			wrap: "truncate-end",
+			children: ["  ", m]
+		}, i))
+	] });
 }
-const HELP = [
-	["0–9 / Tab", "the screens / between the sidebar and a screen"],
-	[":", "anything: a screen, something new, a name"],
-	["/ / H", "find a task by key or words / switch harbor"],
-	["↑↓ or j k", "move; ←→ or h l across columns and lists"],
-	["Enter / Esc", "open / back"],
-	["n", "new: a task, or what the screen lists"],
-	["e / b", "change what's open / a project's board setup"],
-	["[ ] / { }", "move a card a column / a project along its hill"],
-	["x / d", "mark done / delete (asks first)"],
-	["u / r", "undo your last change / retry saving"],
-	["v", "switch layout: board, list, budget, by project"],
-	["m / R", "new milestone on a program / log a risk"],
-	["D", "show or hide Done projects and programs"],
-	["c / a / C", "on a task: comment / add a step / change yours"],
-	["f / c", "on Today: focus on a task / check in"],
-	["f / p", "on a board: filter by owner / priority"],
-	["q", "quit (saves first)"]
-];
-/**
-* The mark sits beside the keys only when both fit: the longest line, a gap,
-* the 16-pixel mark, and the box's border and padding. Narrower, the lines
-* would wrap and split the mark.
-*/
-const HELP_WITH_MARK = 13 + Math.max(...HELP.map(([, what]) => what.length)) + 2 + LOGO_SMALL[0].length + 4;
-function Help({ width, onClose }) {
-	useInput((input, key) => {
-		if (key.escape || key.return || input === "?" || input === "q") onClose();
+const CONSTRAINT_KINDS = Object.keys(CONSTRAINT_KIND_LABEL);
+function ProgramPanel({ id, width, height, go, active, onClose }) {
+	const { store, today } = useDeps();
+	const program = useHarbor((s) => s.programs.find((p) => p.id === id));
+	const people = useHarbor((s) => s.people);
+	const portfolios = useHarbor((s) => s.portfolios);
+	const programs = useHarbor((s) => s.programs);
+	const projects = useHarbor((s) => s.projects);
+	const constraint = useHarbor((s) => s.constraints.find((c) => c.programId === id && c.status === "active"));
+	if (!program) return null;
+	const s = store.getState();
+	const inProgram = projects.filter((p) => p.programId === id);
+	const baselined = inProgram.filter(hasBaseline);
+	const holding = (patch) => store.getState().setConstraint(id, {
+		title: constraint?.title ?? "",
+		kind: constraint?.kind ?? "resource",
+		ownerId: constraint?.ownerId ?? null,
+		note: constraint?.note ?? "",
+		...patch
 	});
-	return /* @__PURE__ */ jsxs(Box, {
-		width,
-		borderStyle: "round",
-		borderColor: theme.border,
-		paddingX: 1,
-		children: [/* @__PURE__ */ jsxs(Box, {
-			flexDirection: "column",
-			flexGrow: 1,
-			children: [
-				/* @__PURE__ */ jsx(Text, {
-					bold: true,
-					color: theme.accent,
-					children: "Keys"
-				}),
-				HELP.map(([k, what]) => /* @__PURE__ */ jsxs(Text, { children: [/* @__PURE__ */ jsx(Text, {
-					bold: true,
-					children: k.padEnd(13)
-				}), what] }, k)),
-				/* @__PURE__ */ jsx(Text, {
-					color: theme.muted,
-					children: "Everything saves as you go and shows on the website."
-				})
-			]
-		}), width >= HELP_WITH_MARK ? /* @__PURE__ */ jsxs(Box, {
-			flexDirection: "column",
-			alignItems: "center",
-			marginLeft: 2,
-			marginTop: 1,
-			children: [
-				/* @__PURE__ */ jsx(Logo, { pixels: LOGO_SMALL }),
-				/* @__PURE__ */ jsx(Text, {
-					bold: true,
-					color: theme.accent,
-					children: "Harbor"
-				}),
-				/* @__PURE__ */ jsx(Text, {
-					color: theme.muted,
-					children: "harborppm.com"
-				})
-			]
-		}) : null]
-	});
-}
-
-//#endregion
-//#region src/tui/views/palette.tsx
-/**
-* `:` — everything in one list: screens, making things, every project and
-* program by name, other harbors. Type to narrow, Enter to run.
-*/
-function Palette({ width, base, open, onClose }) {
-	const projects = useHarbor((s) => s.projects);
-	const programs = useHarbor((s) => s.programs);
-	const portfolios = useHarbor((s) => s.portfolios);
-	const [query, setQuery] = useState("");
-	const [at, setAt] = useState(0);
-	const all = useMemo(() => [
-		...base,
-		...projects.map((p) => ({
-			label: `Open ${p.name}`,
-			hint: `project ${p.key ?? ""}`,
-			run: () => open("project", p.id)
-		})),
-		...programs.map((p) => ({
-			label: `Open ${p.name}`,
-			hint: "program",
-			run: () => open("program", p.id)
-		})),
-		...portfolios.map((p) => ({
-			label: `Open ${p.name}`,
-			hint: "portfolio",
-			run: () => open("portfolio", p.id)
-		}))
-	], [
-		base,
-		projects,
-		programs,
-		portfolios,
-		open
-	]);
-	const hits = useMemo(() => matchCommands(all, query, 12), [all, query]);
-	useInput((input, key) => {
-		if (key.escape) return onClose();
-		if (key.upArrow) return setAt((i) => step(i, -1, hits.length));
-		if (key.downArrow) return setAt((i) => step(i, 1, hits.length));
-		if (key.return) {
-			const hit = hits[Math.min(at, hits.length - 1)];
-			onClose();
-			if (hit) hit.run();
-			return;
-		}
-		if (key.backspace || key.delete) {
-			setAt(0);
-			return setQuery((q) => q.slice(0, -1));
-		}
-		if (key.ctrl || key.meta || key.tab || key.leftArrow || key.rightArrow) return;
-		if (input) {
-			setAt(0);
-			setQuery((q) => q + input.replace(/[\r\n]+/g, " "));
+	const fields = [
+		{
+			label: "Name",
+			value: program.name,
+			edit: {
+				kind: "text",
+				initial: program.name,
+				onSave: (v) => v.trim() && s.updateProgram(id, { name: v.trim() })
+			}
+		},
+		healthField("program", program, go, (h, n) => store.getState().setHealthOverride("program", id, h, n), () => store.getState().clearHealthOverride("program", id)),
+		{
+			label: "Next move",
+			value: program.nextMove ?? "",
+			edit: {
+				kind: "text",
+				initial: program.nextMove ?? "",
+				placeholder: "What happens next, in a line",
+				onSave: (v) => store.getState().setNextMove(id, v.trim())
+			}
+		},
+		{
+			label: "Lead",
+			value: people.find((p) => p.id === program.ownerId)?.name ?? "",
+			edit: {
+				kind: "pick",
+				choices: peopleChoices(people, false),
+				initial: people.findIndex((p) => p.id === program.ownerId),
+				onPick: (v) => store.getState().updateProgram(id, { ownerId: v })
+			}
+		},
+		{
+			label: "Starts",
+			value: shortDay(program.startDate, today()),
+			edit: {
+				kind: "date",
+				initial: program.startDate,
+				onSave: (v) => v && store.getState().updateProgram(id, { startDate: v })
+			}
+		},
+		{
+			label: "Ends",
+			value: shortDay(program.endDate, today()),
+			edit: {
+				kind: "date",
+				initial: program.endDate,
+				onSave: (v) => v && store.getState().updateProgram(id, { endDate: v })
+			}
+		},
+		{
+			label: "Portfolio",
+			value: portfolios.find((p) => p.id === program.portfolioId)?.name ?? "",
+			edit: {
+				kind: "pick",
+				choices: portfolios.map((p) => ({
+					label: p.name,
+					value: p.id
+				})),
+				initial: portfolios.findIndex((p) => p.id === program.portfolioId),
+				onPick: (v) => store.getState().updateProgram(id, { portfolioId: v })
+			}
+		},
+		{
+			label: "Budget",
+			value: money(program.budget),
+			edit: {
+				kind: "number",
+				initial: program.budget,
+				min: 0,
+				onSave: (v) => store.getState().updateProgram(id, { budget: v ?? 0 })
+			}
+		},
+		{
+			label: "Impact",
+			value: `${program.impact ?? 5} of 10${program.impact == null ? " (not set)" : ""}`,
+			edit: {
+				kind: "number",
+				initial: program.impact ?? 5,
+				min: 1,
+				max: 10,
+				onSave: (v) => v != null && store.getState().updateProgram(id, { impact: Math.round(v) })
+			}
+		},
+		{
+			label: "Holding it back",
+			value: constraint ? `${constraint.title} (${CONSTRAINT_KIND_LABEL[constraint.kind].toLowerCase()})` : "Nothing named",
+			edit: {
+				kind: "text",
+				initial: constraint?.title ?? "",
+				placeholder: "The one thing that sets the pace; empty when it's cleared",
+				onSave: (v) => v.trim() ? holding({ title: v.trim() }) : constraint && store.getState().resolveConstraint(constraint.id)
+			}
+		},
+		...constraint ? [{
+			label: "What kind",
+			value: CONSTRAINT_KIND_LABEL[constraint.kind],
+			edit: {
+				kind: "pick",
+				choices: CONSTRAINT_KINDS.map((k) => ({
+					label: CONSTRAINT_KIND_LABEL[k],
+					value: k,
+					hint: CONSTRAINT_KIND_HINT[k]
+				})),
+				initial: CONSTRAINT_KINDS.indexOf(constraint.kind),
+				onPick: (v) => holding({ kind: v })
+			}
+		}, {
+			label: "Who clears it",
+			value: people.find((p) => p.id === constraint.ownerId)?.name ?? "Nobody yet",
+			edit: {
+				kind: "pick",
+				choices: peopleChoices(people, true),
+				initial: Math.max(0, people.findIndex((p) => p.id === constraint.ownerId) + 1),
+				onPick: (v) => holding({ ownerId: v })
+			}
+		}] : [],
+		waitsField("Waits on", program, programs, go, (patch) => store.getState().updateProgram(id, patch)),
+		{
+			label: "Baseline",
+			value: !inProgram.length ? "No projects yet" : baselined.length === inProgram.length ? "Set on every project" : baselined.length ? `Set on ${baselined.length} of ${inProgram.length} projects` : "Not set",
+			edit: inProgram.length ? {
+				kind: "pick",
+				title: "The plan to measure slips against",
+				choices: [...baselined.length < inProgram.length ? [{
+					label: "Set it where it's missing",
+					value: "set",
+					hint: "today's dates become the plan"
+				}] : [], ...baselined.length ? [{
+					label: "Reset every project to today's dates",
+					value: "reset",
+					hint: "slips start from zero"
+				}] : []],
+				onPick: (v) => store.getState().snapshotBaseline(id, v === "reset")
+			} : void 0
+		},
+		{
+			label: "About",
+			value: program.description.replace(/\s+/g, " "),
+			edit: {
+				kind: "text",
+				initial: program.description,
+				onSave: (v) => store.getState().updateProgram(id, { description: v })
+			}
 		}
-	});
-	return /* @__PURE__ */ jsxs(Box, {
-		flexDirection: "column",
+	];
+	return /* @__PURE__ */ jsx(DetailPanel, {
+		title: /* @__PURE__ */ jsx(Text, {
+			bold: true,
+			children: program.name
+		}),
+		subtitle: "Program",
+		fields,
 		width,
-		borderStyle: "round",
-		borderColor: theme.border,
-		paddingX: 1,
-		children: [
-			/* @__PURE__ */ jsxs(Text, { children: [
-				/* @__PURE__ */ jsxs(Text, {
-					color: theme.accent,
-					bold: true,
-					children: [":", " "]
-				}),
-				query || /* @__PURE__ */ jsx(Text, {
-					color: theme.muted,
-					children: "a screen, “new …”, or a project, program or portfolio by name"
-				}),
-				/* @__PURE__ */ jsx(Text, {
-					inverse: true,
-					children: " "
-				})
-			] }),
-			hits.length === 0 ? /* @__PURE__ */ jsx(Text, {
-				color: theme.muted,
-				children: "Nothing matches."
-			}) : null,
-			hits.map((c, i) => {
-				const on = i === Math.min(at, hits.length - 1);
-				return /* @__PURE__ */ jsxs(Text, {
-					color: on ? theme.selected : void 0,
-					bold: on,
-					wrap: "truncate-end",
-					children: [
-						on ? "› " : "  ",
-						c.label,
-						c.hint ? /* @__PURE__ */ jsxs(Text, {
-							color: theme.muted,
-							children: [" · ", c.hint]
-						}) : null
-					]
-				}, `${c.label}-${i}`);
-			}),
-			/* @__PURE__ */ jsx(Text, {
-				color: theme.muted,
-				children: "↑↓ choose · Enter go · Esc close"
-			})
-		]
+		height,
+		hints: "r status report · d delete",
+		below: /* @__PURE__ */ jsx(HealthMoves, {
+			history: program.healthHistory,
+			today: today()
+		}),
+		belowRows: movesRows(program.healthHistory, today()),
+		keys: {
+			r: () => go.read(`Status report · ${program.name}`, markdownToPlain(composeStatusReport(store.getState(), program))),
+			d: () => {
+				const what = deleteSummary(store.getState(), "program", id);
+				go.confirm(`Delete the program “${program.name}”${what ? ` and ${what}` : ""}? u undoes it.`, () => {
+					store.getState().deleteEntity("program", id);
+					onClose();
+				}, "Delete");
+			}
+		},
+		active,
+		onClose
 	});
 }
-
-//#endregion
-//#region src/lib/deps.ts
-init_blockers();
-/** True when making `id` wait on `candidate` would close a loop (or is `id` itself). */
-function wouldCycle(id, candidate, items) {
-	const byId = new Map(items.map((n) => [n.id, n]));
-	const stack = [candidate];
-	const seen = /* @__PURE__ */ new Set();
-	while (stack.length) {
-		const cursor = stack.pop();
-		if (cursor === id) return true;
-		if (seen.has(cursor)) continue;
-		seen.add(cursor);
-		const node = byId.get(cursor);
-		if (node) stack.push(...blockerIds(node));
-	}
-	return false;
-}
-/**
-* Everything that waits on `id`, directly or through others: the items that
-* would close a loop if `id` waited on them. One walk backwards from `id`,
-* instead of a walk forwards from every candidate.
-*/
-function waitingOnChain(items, id) {
-	const waiters = /* @__PURE__ */ new Map();
-	for (const n of items) for (const b of blockerIds(n)) {
-		const list = waiters.get(b);
-		if (list) list.push(n.id);
-		else waiters.set(b, [n.id]);
-	}
-	const out = /* @__PURE__ */ new Set();
-	const stack = [...waiters.get(id) ?? []];
-	while (stack.length) {
-		const cursor = stack.pop();
-		if (out.has(cursor)) continue;
-		out.add(cursor);
-		stack.push(...waiters.get(cursor) ?? []);
-	}
-	return out;
-}
-/** The things `id` may wait on: everything except itself and anything already waiting on it, directly or through others. */
-function blockerOptions(items, id) {
-	const loops = waitingOnChain(items, id);
-	return items.filter((n) => n.id !== id && !loops.has(n.id));
-}
-
-//#endregion
-//#region src/lib/status-report.ts
-init_derived_health();
-init_format();
-init_raid();
-init_swatches();
-/**
-* A program's status report as Markdown: what a lead pastes into a Friday
-* update or an exec thread. Everything in it is already on the program page;
-* this is the one-page version.
-*/
-function composeStatusReport(data, program, now = /* @__PURE__ */ new Date()) {
-	const projects = projectsInProgram(data, program.id);
-	const tasks = tasksInProgramOf(data, program.id);
-	const done = tasks.filter((t) => t.status === "done").length;
-	const late = lateTasksOf(tasks, now);
-	const milestones = data.milestones.filter((m) => m.programId === program.id);
-	const lateMilestones = lateMilestonesOf(milestones, now);
-	const upcoming = milestones.filter((m) => !m.done && !lateMilestones.includes(m)).sort((a, b) => a.dueDate.localeCompare(b.dueDate)).slice(0, 3);
-	const spent = programSpent(data, program.id);
-	const allocated = programBudgetAllocated(data, program.id);
-	const forecast = forecastRollup(projects, program.budget, now);
-	const owner = data.people.find((p) => p.id === program.ownerId)?.name ?? "Unassigned";
-	const live = sortRaid(programRaidItems(data, program.id).filter((r) => r.kind !== "decision" && isActive(r)));
-	const lines = [];
-	lines.push(`# ${program.name} — status ${shortDate(todayISO(now))}`);
-	lines.push("");
-	lines.push(`**Health:** ${HEALTH_LABEL$1[program.health]}${program.healthNote ? ` — ${program.healthNote}` : ""}`);
-	lines.push(`**Owner:** ${owner} · **Dates:** ${shortDate(program.startDate)} – ${shortDate(program.endDate)}`);
-	lines.push(`**Progress:** ${done} of ${tasks.length} tasks done${late.length ? `, ${late.length} late` : ""}`);
-	if (program.nextMove) lines.push(`**Next move:** ${program.nextMove}`);
-	lines.push("");
-	lines.push("## Budget");
-	if (program.budget > 0 || spent > 0) {
-		lines.push(`- ${money(spent)} spent of ${money(program.budget)}${allocated > program.budget ? ` (projects allocate ${money(allocated)})` : ""}`);
-		if (forecast) {
-			const verdict = forecast.tone === "over" ? `over by ${money(-forecast.variance)}` : forecast.tone === "tight" ? "within 5% of budget" : `under by ${money(forecast.variance)}`;
-			lines.push(`- Forecast at completion ${money(forecast.eac)}, ${verdict}`);
+function PortfolioPanel({ id, width, height, go, active, onClose }) {
+	const { store, today } = useDeps();
+	const stored = useHarbor((s) => s.priorityRules);
+	const portfolio = useHarbor((s) => s.portfolios.find((p) => p.id === id));
+	const people = useHarbor((s) => s.people);
+	if (!portfolio) return null;
+	const rules = normalizeRules(stored);
+	const fields = [
+		{
+			label: "Name",
+			value: portfolio.name,
+			edit: {
+				kind: "text",
+				initial: portfolio.name,
+				onSave: (v) => v.trim() && store.getState().updatePortfolio(id, { name: v.trim() })
+			}
+		},
+		healthField("portfolio", portfolio, go, (h, n) => store.getState().setHealthOverride("portfolio", id, h, n), () => store.getState().clearHealthOverride("portfolio", id)),
+		{
+			label: "Owner",
+			value: people.find((p) => p.id === portfolio.ownerId)?.name ?? "",
+			edit: {
+				kind: "pick",
+				choices: peopleChoices(people, false),
+				initial: people.findIndex((p) => p.id === portfolio.ownerId),
+				onPick: (v) => store.getState().updatePortfolio(id, { ownerId: v })
+			}
+		},
+		{
+			label: "Theme",
+			value: portfolio.theme ?? "",
+			edit: {
+				kind: "text",
+				initial: portfolio.theme ?? "",
+				placeholder: "What this portfolio is for, in a line",
+				onSave: (v) => store.getState().updatePortfolio(id, { theme: v.trim() || null })
+			}
+		},
+		{
+			label: "Budget",
+			value: money(portfolio.budget),
+			edit: {
+				kind: "number",
+				initial: portfolio.budget,
+				min: 0,
+				onSave: (v) => store.getState().updatePortfolio(id, { budget: v ?? 0 })
+			}
+		},
+		{
+			label: "High impact from",
+			value: `${rules.impactThreshold} of 10${stored ? "" : " (the usual)"}`,
+			edit: {
+				kind: "number",
+				initial: rules.impactThreshold,
+				min: 1,
+				max: 10,
+				onSave: (v) => store.getState().setPriorityRules({
+					...rules,
+					impactThreshold: v ?? DEFAULT_RULES.impactThreshold
+				})
+			}
+		},
+		{
+			label: "High budget from",
+			value: `${Math.round(rules.budgetShare * 100)}% of the largest program's${stored ? "" : " (the usual)"}`,
+			edit: {
+				kind: "number",
+				initial: Math.round(rules.budgetShare * 100),
+				min: 5,
+				max: 100,
+				onSave: (v) => store.getState().setPriorityRules({
+					...rules,
+					budgetShare: (v ?? DEFAULT_RULES.budgetShare * 100) / 100
+				})
+			}
 		}
-	} else lines.push("- No budget set");
-	lines.push("");
-	lines.push("## Milestones");
-	if (milestones.length === 0) lines.push("- None yet");
-	for (const m of lateMilestones) lines.push(`- **Late:** ${m.name}, due ${shortDate(m.dueDate)}`);
-	for (const m of upcoming) {
-		const risk = milestoneRisks(m, data)[0];
-		const note = !risk ? "" : risk.reason === "ends-after" ? ` — **at risk:** waits on ${risk.project.name}, which ends ${shortDate(risk.project.endDate)}` : ` — **at risk:** waits on ${risk.project.name}, which is off track`;
-		lines.push(`- ${m.name}, due ${shortDate(m.dueDate)}${note}`);
-	}
-	const doneCount = milestones.filter((m) => m.done).length;
-	if (doneCount) lines.push(`- ${doneCount} of ${milestones.length} reached`);
-	lines.push("");
-	lines.push("## Projects");
-	if (projects.length === 0) lines.push("- None yet");
-	for (const p of projects) {
-		const own = tasks.filter((t) => t.projectId === p.id);
-		const ownDone = own.filter((t) => t.status === "done").length;
-		lines.push(`- ${p.name}: ${HEALTH_LABEL$1[p.health]}, ${ownDone}/${own.length} done, ${shortDate(p.startDate)} – ${shortDate(p.endDate)}`);
-	}
-	lines.push("");
-	lines.push("## Risks and issues");
-	if (live.length === 0) lines.push("- Nothing open");
-	for (const r of live.slice(0, 8)) {
-		const score = scoreOf(r);
-		const band = score != null ? ` (${scoreBand(score)}, ${score})` : "";
-		const who = data.people.find((p) => p.id === r.ownerId)?.name;
-		lines.push(`- ${r.kind === "risk" ? "Risk" : "Issue"}: ${r.title}${band}${who ? ` — ${who}` : ""}`);
-	}
-	lines.push("");
-	return lines.join("\n");
-}
-
-//#endregion
-//#region src/tui/views/panels.tsx
-/**
-* The panels that change one thing in place: a program, a portfolio, a
-* project's details, a milestone, a risk (issue, decision), a person. Each
-* is a DetailPanel of its fields; deleting asks first and u undoes it.
-*/
-init_blockers();
-init_baseline();
-init_derived_health();
-init_date_text();
-init_format();
-init_priority();
-init_swatches();
-init_raid();
-/** The people of this harbor to pick from, with "Nobody" first when that's allowed. */
-function peopleChoices(people, allowNone) {
-	const list = people.map((p) => ({
-		label: p.name,
-		value: p.id,
-		hint: p.role
-	}));
-	return allowNone ? [{
-		label: "Nobody yet",
-		value: null
-	}, ...list] : list;
+	];
+	return /* @__PURE__ */ jsx(DetailPanel, {
+		title: /* @__PURE__ */ jsx(Text, {
+			bold: true,
+			children: portfolio.name
+		}),
+		subtitle: "Portfolio",
+		fields,
+		width,
+		height,
+		hints: "d delete",
+		below: /* @__PURE__ */ jsx(HealthMoves, {
+			history: portfolio.healthHistory,
+			today: today()
+		}),
+		belowRows: movesRows(portfolio.healthHistory, today()),
+		keys: { d: () => {
+			const what = deleteSummary(store.getState(), "portfolio", id);
+			go.confirm(`Delete the portfolio “${portfolio.name}”${what ? ` and ${what}` : ""}? u undoes it.`, () => {
+				store.getState().deleteEntity("portfolio", id);
+				onClose();
+			}, "Delete");
+		} },
+		active,
+		onClose
+	});
 }
-/** Health with its override: picking one asks why (the note shows with it); "worked out" clears it. */
-function healthField(kind, item, go, set, clear, finished = false) {
-	const choices = [{
-		label: `Worked out from what's under it`,
-		value: "derived"
-	}, ...HEALTHS.map((h) => ({
-		label: HEALTH_LABEL[h],
-		value: h,
-		color: HEALTH_COLOR[h]
-	}))];
-	return {
-		label: "Health",
-		value: `${HEALTH_LABEL[item.health]}${overridesTrack(item) ? ` (set by hand: ${item.healthNote || "no note"})` : item.healthNote && item.healthOverride ? ` (${item.healthNote})` : ""}${finished ? " · every task done, mark it Done?" : ""}`,
-		color: HEALTH_COLOR[item.health],
-		edit: {
-			kind: "pick",
-			title: `Health of this ${kind}`,
-			choices,
-			initial: item.healthOverride ? HEALTHS.indexOf(item.healthOverride) + 1 : 0,
-			onPick: (value) => {
-				if (value === "derived") return clear();
-				if (value === "done") return go.ask(`What shipped? (optional, shows with the health)`, (note) => set("done", note.trim()));
-				go.ask(`Why is it ${HEALTH_LABEL[value].toLowerCase()}? (shows with the health)`, (note) => set(value, note.trim()));
+function ProjectPanel({ id, width, height, go, active, onClose }) {
+	const { store, today } = useDeps();
+	const project = useHarbor((s) => s.projects.find((p) => p.id === id));
+	const tasks = useHarbor((s) => s.tasks);
+	const people = useHarbor((s) => s.people);
+	const programs = useHarbor((s) => s.programs);
+	const projects = useHarbor((s) => s.projects);
+	if (!project) return null;
+	const up = (patch) => store.getState().updateProject(id, patch);
+	const planned = plannedByMonth(project);
+	const months = monthsBetween(project.startDate, project.endDate);
+	const monthName = (key) => format(parseIso(`${key}-01`), "MMM yyyy");
+	const waits = blockerIds(project);
+	const slip = slipLabel(project);
+	const fields = [
+		{
+			label: "Name",
+			value: project.name,
+			edit: {
+				kind: "text",
+				initial: project.name,
+				onSave: (v) => v.trim() && up({ name: v.trim() })
+			}
+		},
+		healthField("project", project, go, (h, n) => store.getState().setHealthOverride("project", id, h, n), () => store.getState().clearHealthOverride("project", id), suggestsDone(project, tasks)),
+		{
+			label: "Lead",
+			value: people.find((p) => p.id === project.ownerId)?.name ?? "",
+			edit: {
+				kind: "pick",
+				choices: peopleChoices(people, false),
+				initial: people.findIndex((p) => p.id === project.ownerId),
+				onPick: (v) => up({ ownerId: v })
+			}
+		},
+		{
+			label: "Starts",
+			value: shortDay(project.startDate, today()),
+			edit: {
+				kind: "date",
+				initial: project.startDate,
+				onSave: (v) => v && up({ startDate: v })
+			}
+		},
+		{
+			label: "Ends",
+			value: shortDay(project.endDate, today()),
+			edit: {
+				kind: "date",
+				initial: project.endDate,
+				onSave: (v) => v && up({ endDate: v })
+			}
+		},
+		{
+			label: "Budget",
+			value: money(project.budget),
+			edit: {
+				kind: "number",
+				initial: project.budget,
+				min: 0,
+				onSave: (v) => up({ budget: v ?? 0 })
+			}
+		},
+		{
+			label: "Spent",
+			value: money(project.spent),
+			edit: {
+				kind: "number",
+				initial: project.spent,
+				min: 0,
+				onSave: (v) => store.getState().setSpentTotal(id, v ?? 0)
+			}
+		},
+		{
+			label: "Program",
+			value: programs.find((p) => p.id === project.programId)?.name ?? "",
+			edit: {
+				kind: "pick",
+				choices: programs.map((p) => ({
+					label: p.name,
+					value: p.id
+				})),
+				initial: programs.findIndex((p) => p.id === project.programId),
+				onPick: (v) => store.getState().moveProjects([id], v)
+			}
+		},
+		{
+			label: "Plan by month",
+			value: hasOwnPhasing(project) ? "Set by hand" : "Spread evenly",
+			edit: months.length ? {
+				kind: "pick",
+				title: "Pick a month to change what it plans to spend",
+				choices: [...months.map((k) => ({
+					label: `${monthName(k)}  ${money(planned[k] ?? 0)}`,
+					value: k
+				})), ...hasOwnPhasing(project) ? [{
+					label: "Back to an even spread",
+					value: null
+				}] : []],
+				onPick: (v) => v == null ? up({ phasing: null }) : go.ask(`Planned for ${monthName(v)}`, (text) => {
+					const n = Number(text.replace(/[$,\s]/g, ""));
+					if (!Number.isFinite(n) || n < 0) return go.notify(`“${text}” isn't an amount.`);
+					up({ phasing: withMonth(project, v, n) });
+				}, String(planned[v] ?? 0))
+			} : void 0
+		},
+		waitsField("Waits on", project, projects, go, (patch) => up({
+			...patch,
+			lagDays: patch.blockedByIds.length ? project.lagDays : null
+		})),
+		...waits.length ? [{
+			label: "Lag days",
+			value: project.lagDays ? `${project.lagDays} after they finish` : "None",
+			edit: {
+				kind: "number",
+				initial: project.lagDays ?? null,
+				min: 0,
+				onSave: (v) => up({ lagDays: v ? Math.round(v) : null })
 			}
-		}
-	};
-}
-/**
-* What a thing waits on, picked from `options`: Enter on one adds it or
-* takes it off, and one that already waits on this (a loop) is refused.
-*/
-function waitsField(label, self, options, go, save, loops = true) {
-	const on = blockerIds(self);
-	const names = options.filter((o) => on.includes(o.id)).map((o) => o.name);
-	const choices = options.filter((o) => o.id !== self.id).map((o) => ({
-		label: `${on.includes(o.id) ? "✓" : " "} ${o.name}`,
-		value: o.id,
-		hint: on.includes(o.id) ? "Enter stops waiting" : void 0
-	}));
-	return {
-		label,
-		value: names.length ? names.join(", ") : "Nothing",
-		edit: choices.length ? {
-			kind: "pick",
-			title: `${label}: Enter adds or takes off one`,
-			choices,
-			onPick: (v) => {
-				const picked = v;
-				if (on.includes(picked)) return save(blockersPatch(on.filter((x) => x !== picked)));
-				if (loops && wouldCycle(self.id, picked, options)) return go.notify("That one already waits on this, so it would go round in a loop.");
-				save(blockersPatch([...on, picked]));
+		}] : [],
+		{
+			label: "Baseline",
+			value: hasBaseline(project) ? `${shortDay(project.baselineStart, today())} to ${shortDay(project.baselineEnd, today())}${slip ? `, ${slip}` : ""}` : "Not set (set it on the program)",
+			color: slip?.startsWith("slipped") ? theme.bad : void 0
+		},
+		{
+			label: "Key",
+			value: project.key ?? ""
+		},
+		{
+			label: "About",
+			value: project.description.replace(/\s+/g, " "),
+			edit: {
+				kind: "text",
+				initial: project.description,
+				onSave: (v) => up({ description: v })
 			}
-		} : void 0
-	};
-}
-/** The lines HealthMoves takes. */
-const movesRows = (history, today) => {
-	const n = healthMoves(history, today).length;
-	return n ? n + 2 : 0;
-};
-/** The last few moves of a thing's health, under its fields. */
-function HealthMoves({ history, today }) {
-	const moves = healthMoves(history, today);
-	if (!moves.length) return null;
-	return /* @__PURE__ */ jsxs(Fragment, { children: [
-		/* @__PURE__ */ jsx(Text, { children: " " }),
-		/* @__PURE__ */ jsxs(Text, {
-			color: theme.muted,
-			children: ["  ", "Health history"]
+		}
+	];
+	return /* @__PURE__ */ jsx(DetailPanel, {
+		title: /* @__PURE__ */ jsx(Text, {
+			bold: true,
+			children: project.name
 		}),
-		moves.map((m, i) => /* @__PURE__ */ jsxs(Text, {
-			wrap: "truncate-end",
-			children: ["  ", m]
-		}, i))
-	] });
+		subtitle: "Project details",
+		fields,
+		width,
+		height,
+		hints: "d delete",
+		below: /* @__PURE__ */ jsx(HealthMoves, {
+			history: project.healthHistory,
+			today: today()
+		}),
+		belowRows: movesRows(project.healthHistory, today()),
+		keys: { d: () => {
+			const what = deleteSummary(store.getState(), "project", id);
+			go.confirm(`Delete the project “${project.name}”${what ? ` and ${what}` : ""}? u undoes it.`, () => {
+				store.getState().deleteEntity("project", id);
+				onClose();
+			}, "Delete");
+		} },
+		active,
+		onClose
+	});
 }
-const CONSTRAINT_KINDS = Object.keys(CONSTRAINT_KIND_LABEL);
-function ProgramPanel({ id, width, height, go, active, onClose }) {
+const SIGN_OFF = {
+	pending: "Waiting for sign-off",
+	approved: "Approved",
+	changes_requested: "Changes requested"
+};
+function MilestonePanel({ id, width, height, go, active, onClose }) {
 	const { store, today } = useDeps();
-	const program = useHarbor((s) => s.programs.find((p) => p.id === id));
+	const milestone = useHarbor((s) => s.milestones.find((m) => m.id === id));
 	const people = useHarbor((s) => s.people);
-	const portfolios = useHarbor((s) => s.portfolios);
-	const programs = useHarbor((s) => s.programs);
 	const projects = useHarbor((s) => s.projects);
-	const constraint = useHarbor((s) => s.constraints.find((c) => c.programId === id && c.status === "active"));
-	if (!program) return null;
-	const s = store.getState();
-	const inProgram = projects.filter((p) => p.programId === id);
-	const baselined = inProgram.filter(hasBaseline);
-	const holding = (patch) => store.getState().setConstraint(id, {
-		title: constraint?.title ?? "",
-		kind: constraint?.kind ?? "resource",
-		ownerId: constraint?.ownerId ?? null,
-		note: constraint?.note ?? "",
-		...patch
-	});
+	const me = useHarbor((s) => s.currentUserId);
+	if (!milestone) return null;
+	const up = (patch) => store.getState().updateMilestone(id, patch);
+	const late = !milestone.done && milestone.dueDate < today();
+	const gated = Boolean(milestone.approverId);
+	const approver = people.find((p) => p.id === milestone.approverId);
+	const status = milestone.approvalStatus ?? "pending";
+	const inProgram = projects.filter((p) => p.programId === milestone.programId);
+	const risks = milestoneRisks(milestone, store.getState());
 	const fields = [
 		{
 			label: "Name",
-			value: program.name,
+			value: milestone.name,
+			edit: {
+				kind: "text",
+				initial: milestone.name,
+				onSave: (v) => v.trim() && up({ name: v.trim() })
+			}
+		},
+		{
+			label: "Due",
+			value: `${shortDay(milestone.dueDate, today())}${late ? " (late)" : ""}`,
+			color: late ? theme.bad : void 0,
+			edit: {
+				kind: "date",
+				initial: milestone.dueDate,
+				onSave: (v) => v && up({ dueDate: v })
+			}
+		},
+		{
+			label: "Done",
+			value: milestone.done ? "Yes" : gated ? "Not yet (the sign-off ticks it)" : "Not yet",
+			edit: gated ? void 0 : {
+				kind: "pick",
+				choices: [{
+					label: "Not yet",
+					value: false
+				}, {
+					label: "Yes",
+					value: true
+				}],
+				initial: milestone.done ? 1 : 0,
+				onPick: (v) => v !== milestone.done && store.getState().toggleMilestone(id)
+			}
+		},
+		{
+			label: "Signs off",
+			value: approver?.name ?? "Nobody (no sign-off)",
+			edit: {
+				kind: "pick",
+				title: "Who signs it off? Nobody else can tick it done.",
+				choices: peopleChoices(people, true),
+				initial: Math.max(0, people.findIndex((p) => p.id === milestone.approverId) + 1),
+				onPick: (v) => v ? v !== milestone.approverId && up({
+					approverId: v,
+					approvalStatus: "pending",
+					done: false
+				}) : up({
+					approverId: null,
+					approvalStatus: null,
+					approvalNote: null
+				})
+			}
+		},
+		...gated ? [{
+			label: "Sign-off",
+			value: `${SIGN_OFF[status]}${status === "changes_requested" && milestone.approvalNote ? `: ${milestone.approvalNote}` : ""}`,
+			color: status === "approved" ? theme.good : status === "pending" ? void 0 : theme.bad,
+			edit: milestone.approverId === me && status !== "approved" ? {
+				kind: "pick",
+				title: "Your sign-off",
+				choices: [{
+					label: "Approve",
+					value: "approve",
+					hint: "ticks it done"
+				}, {
+					label: "Request changes",
+					value: "changes"
+				}],
+				onPick: (v) => v === "approve" ? up({
+					approvalStatus: "approved",
+					done: true
+				}) : go.ask("What needs changing?", (note) => up({
+					approvalStatus: "changes_requested",
+					approvalNote: note.trim() || null,
+					done: false
+				}))
+			} : void 0
+		}] : [],
+		waitsField("Waits on", milestone, inProgram, go, (patch) => up(patch), false)
+	];
+	return /* @__PURE__ */ jsx(DetailPanel, {
+		title: /* @__PURE__ */ jsx(Text, {
+			bold: true,
+			children: milestone.name
+		}),
+		subtitle: "Milestone",
+		fields,
+		width,
+		height,
+		hints: gated ? "d delete" : "space done · d delete",
+		keys: {
+			" ": () => gated ? go.notify(`${approver?.name ?? "The approver"} ticks this off by signing it off.`) : store.getState().toggleMilestone(id),
+			d: () => go.confirm(`Delete the milestone “${milestone.name}”? u undoes it.`, () => {
+				store.getState().deleteMilestone(id);
+				onClose();
+			}, "Delete")
+		},
+		belowRows: risks.length ? risks.length + 1 : 0,
+		below: risks.length ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Text, { children: " " }), risks.map((r) => /* @__PURE__ */ jsxs(Text, {
+			color: theme.bad,
+			wrap: "truncate-end",
+			children: [
+				"  ",
+				"At risk:",
+				" ",
+				r.reason === "ends-after" ? `${r.project.name} ends ${shortDay(r.project.endDate, today())}` : `${r.project.name} is off track`
+			]
+		}, r.project.id))] }) : null,
+		active,
+		onClose
+	});
+}
+function RaidPanel({ id, width, height, go, active, onClose }) {
+	const { store, today } = useDeps();
+	const item = useHarbor((s) => s.raidItems.find((r) => r.id === id));
+	const people = useHarbor((s) => s.people);
+	const projects = useHarbor((s) => s.projects);
+	const me = useHarbor((s) => s.currentUserId);
+	if (!item) return null;
+	const up = (patch) => store.getState().updateRaidItem(id, patch);
+	const scale = (labels) => [
+		1,
+		2,
+		3,
+		4,
+		5
+	].map((n) => ({
+		label: `${n} ${labels[n]}`,
+		value: n
+	}));
+	const score = scoreOf(item);
+	const copy = FIELD_COPY[item.kind];
+	const person = (pid) => people.find((p) => p.id === pid)?.name;
+	const text = (key) => {
+		const label = copy[key];
+		if (!label) return [];
+		const value = item[key] ?? "";
+		return [{
+			label,
+			value: value.replace(/\s+/g, " "),
 			edit: {
 				kind: "text",
-				initial: program.name,
-				onSave: (v) => v.trim() && s.updateProgram(id, { name: v.trim() })
+				initial: value,
+				onSave: (v) => up({ [key]: v })
 			}
-		},
-		healthField("program", program, go, (h, n) => store.getState().setHealthOverride("program", id, h, n), () => store.getState().clearHealthOverride("program", id)),
+		}];
+	};
+	const fields = [
 		{
-			label: "Next move",
-			value: program.nextMove ?? "",
+			label: "Title",
+			value: item.title,
 			edit: {
 				kind: "text",
-				initial: program.nextMove ?? "",
-				placeholder: "What happens next, in a line",
-				onSave: (v) => store.getState().setNextMove(id, v.trim())
+				initial: item.title,
+				onSave: (v) => v.trim() && up({ title: v.trim() })
 			}
 		},
 		{
-			label: "Lead",
-			value: people.find((p) => p.id === program.ownerId)?.name ?? "",
+			label: "Kind",
+			value: KIND_LABEL[item.kind],
 			edit: {
 				kind: "pick",
-				choices: peopleChoices(people, false),
-				initial: people.findIndex((p) => p.id === program.ownerId),
-				onPick: (v) => store.getState().updateProgram(id, { ownerId: v })
+				choices: [
+					"risk",
+					"issue",
+					"decision"
+				].map((k) => ({
+					label: KIND_LABEL[k],
+					value: k
+				})),
+				initial: [
+					"risk",
+					"issue",
+					"decision"
+				].indexOf(item.kind),
+				onPick: (v) => up({ kind: v })
 			}
 		},
 		{
-			label: "Starts",
-			value: shortDay(program.startDate, today()),
+			label: "Status",
+			value: STATUS_LABEL$1[item.status],
 			edit: {
-				kind: "date",
-				initial: program.startDate,
-				onSave: (v) => v && store.getState().updateProgram(id, { startDate: v })
+				kind: "pick",
+				choices: STATUSES[item.kind].map((s) => ({
+					label: STATUS_LABEL$1[s],
+					value: s
+				})),
+				initial: STATUSES[item.kind].indexOf(item.status),
+				onPick: (v) => up(v === "decided" ? {
+					status: v,
+					decidedAt: item.decidedAt ?? today(),
+					decidedById: item.decidedById ?? me
+				} : { status: v })
 			}
 		},
 		{
-			label: "Ends",
-			value: shortDay(program.endDate, today()),
+			label: "Owner",
+			value: person(item.ownerId) ?? "Nobody yet",
 			edit: {
-				kind: "date",
-				initial: program.endDate,
-				onSave: (v) => v && store.getState().updateProgram(id, { endDate: v })
+				kind: "pick",
+				choices: peopleChoices(people, true),
+				initial: Math.max(0, people.findIndex((p) => p.id === item.ownerId) + 1),
+				onPick: (v) => up({ ownerId: v })
 			}
 		},
 		{
-			label: "Portfolio",
-			value: portfolios.find((p) => p.id === program.portfolioId)?.name ?? "",
+			label: "Project",
+			value: projects.find((p) => p.id === item.projectId)?.name ?? "None in particular",
 			edit: {
 				kind: "pick",
-				choices: portfolios.map((p) => ({
+				choices: [{
+					label: "None in particular",
+					value: null
+				}, ...projects.map((p) => ({
 					label: p.name,
 					value: p.id
-				})),
-				initial: portfolios.findIndex((p) => p.id === program.portfolioId),
-				onPick: (v) => store.getState().updateProgram(id, { portfolioId: v })
+				}))],
+				initial: Math.max(0, projects.findIndex((p) => p.id === item.projectId) + 1),
+				onPick: (v) => up({
+					projectId: v,
+					programId: projects.find((p) => p.id === v)?.programId ?? null
+				})
 			}
 		},
-		{
-			label: "Budget",
-			value: money(program.budget),
+		...item.kind === "risk" ? [{
+			label: "Likelihood",
+			value: item.probability ? `${item.probability} ${PROBABILITY_LABEL[item.probability]}` : "",
 			edit: {
-				kind: "number",
-				initial: program.budget,
-				min: 0,
-				onSave: (v) => store.getState().updateProgram(id, { budget: v ?? 0 })
+				kind: "pick",
+				choices: scale(PROBABILITY_LABEL),
+				initial: (item.probability ?? 3) - 1,
+				onPick: (v) => up({ probability: v })
 			}
-		},
-		{
+		}] : [],
+		...item.kind !== "decision" ? [{
 			label: "Impact",
-			value: `${program.impact ?? 5} of 10${program.impact == null ? " (not set)" : ""}`,
-			edit: {
-				kind: "number",
-				initial: program.impact ?? 5,
-				min: 1,
-				max: 10,
-				onSave: (v) => v != null && store.getState().updateProgram(id, { impact: Math.round(v) })
-			}
-		},
-		{
-			label: "Holding it back",
-			value: constraint ? `${constraint.title} (${CONSTRAINT_KIND_LABEL[constraint.kind].toLowerCase()})` : "Nothing named",
+			value: item.impact ? `${item.impact} ${IMPACT_LABEL[item.impact]}` : "",
 			edit: {
-				kind: "text",
-				initial: constraint?.title ?? "",
-				placeholder: "The one thing that sets the pace; empty when it's cleared",
-				onSave: (v) => v.trim() ? holding({ title: v.trim() }) : constraint && store.getState().resolveConstraint(constraint.id)
+				kind: "pick",
+				choices: scale(IMPACT_LABEL),
+				initial: (item.impact ?? 3) - 1,
+				onPick: (v) => up({ impact: v })
 			}
-		},
-		...constraint ? [{
-			label: "What kind",
-			value: CONSTRAINT_KIND_LABEL[constraint.kind],
+		}] : [],
+		...item.kind === "risk" ? [{
+			label: "Score",
+			value: score != null ? String(score) : ""
+		}] : [],
+		...item.kind === "decision" ? [{
+			label: "Decided by",
+			value: person(item.decidedById) ?? "Not yet",
 			edit: {
 				kind: "pick",
-				choices: CONSTRAINT_KINDS.map((k) => ({
-					label: CONSTRAINT_KIND_LABEL[k],
-					value: k,
-					hint: CONSTRAINT_KIND_HINT[k]
-				})),
-				initial: CONSTRAINT_KINDS.indexOf(constraint.kind),
-				onPick: (v) => holding({ kind: v })
+				choices: [{
+					label: "Not yet",
+					value: null
+				}, ...people.map((p) => ({
+					label: p.name,
+					value: p.id
+				}))],
+				initial: Math.max(0, people.findIndex((p) => p.id === item.decidedById) + 1),
+				onPick: (v) => up({ decidedById: v })
 			}
 		}, {
-			label: "Who clears it",
-			value: people.find((p) => p.id === constraint.ownerId)?.name ?? "Nobody yet",
+			label: "Decided on",
+			value: item.decidedAt ? shortDay(item.decidedAt, today()) : "Not yet",
 			edit: {
-				kind: "pick",
-				choices: peopleChoices(people, true),
-				initial: Math.max(0, people.findIndex((p) => p.id === constraint.ownerId) + 1),
-				onPick: (v) => holding({ ownerId: v })
+				kind: "date",
+				initial: item.decidedAt ?? null,
+				onSave: (v) => up({ decidedAt: v })
 			}
 		}] : [],
-		waitsField("Waits on", program, programs, go, (patch) => store.getState().updateProgram(id, patch)),
 		{
-			label: "Baseline",
-			value: !inProgram.length ? "No projects yet" : baselined.length === inProgram.length ? "Set on every project" : baselined.length ? `Set on ${baselined.length} of ${inProgram.length} projects` : "Not set",
-			edit: inProgram.length ? {
-				kind: "pick",
-				title: "The plan to measure slips against",
-				choices: [...baselined.length < inProgram.length ? [{
-					label: "Set it where it's missing",
-					value: "set",
-					hint: "today's dates become the plan"
-				}] : [], ...baselined.length ? [{
-					label: "Reset every project to today's dates",
-					value: "reset",
-					hint: "slips start from zero"
-				}] : []],
-				onPick: (v) => store.getState().snapshotBaseline(id, v === "reset")
-			} : void 0
+			label: copy.dueDate,
+			value: shortDay(item.dueDate, today()),
+			edit: {
+				kind: "date",
+				initial: item.dueDate,
+				onSave: (v) => up({ dueDate: v })
+			}
 		},
+		...text("description"),
+		...text("mitigation"),
+		...text("contingency"),
+		...text("resolution"),
+		...text("rationale"),
 		{
-			label: "About",
-			value: program.description.replace(/\s+/g, " "),
+			label: "Notes",
+			value: (item.notes ?? "").replace(/\s+/g, " "),
 			edit: {
 				kind: "text",
-				initial: program.description,
-				onSave: (v) => store.getState().updateProgram(id, { description: v })
+				initial: item.notes ?? "",
+				onSave: (v) => up({ notes: v })
 			}
 		}
 	];
+	const updates = item.updates.slice(-5);
+	const earlier = item.updates.length - updates.length;
 	return /* @__PURE__ */ jsx(DetailPanel, {
-		title: /* @__PURE__ */ jsx(Text, {
-			bold: true,
-			children: program.name
-		}),
-		subtitle: "Program",
+		title: /* @__PURE__ */ jsxs(Text, { children: [
+			/* @__PURE__ */ jsx(Text, {
+				color: theme.coral,
+				children: KIND_LABEL[item.kind]
+			}),
+			" ",
+			/* @__PURE__ */ jsx(Text, {
+				bold: true,
+				children: item.title
+			})
+		] }),
 		fields,
 		width,
 		height,
-		hints: "r status report · d delete",
-		below: /* @__PURE__ */ jsx(HealthMoves, {
-			history: program.healthHistory,
-			today: today()
-		}),
-		belowRows: movesRows(program.healthHistory, today()),
+		hints: "c add an update · d delete",
+		below: updates.length ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(Text, {
+			color: theme.muted,
+			children: ["Updates", earlier ? ` · the last ${updates.length} of ${item.updates.length}` : ""]
+		}), updates.map((u) => /* @__PURE__ */ jsxs(Text, {
+			wrap: "truncate-end",
+			children: [
+				/* @__PURE__ */ jsx(Text, {
+					bold: true,
+					children: person(u.authorId) ?? "Someone"
+				}),
+				" ",
+				/* @__PURE__ */ jsx(Text, {
+					color: theme.muted,
+					children: shortDay(u.createdAt.slice(0, 10), today())
+				}),
+				" ",
+				u.body.replace(/\s+/g, " ")
+			]
+		}, u.id))] }) : void 0,
 		keys: {
-			r: () => go.read(`Status report · ${program.name}`, markdownToPlain(composeStatusReport(store.getState(), program))),
-			d: () => {
-				const what = deleteSummary(store.getState(), "program", id);
-				go.confirm(`Delete the program “${program.name}”${what ? ` and ${what}` : ""}? u undoes it.`, () => {
-					store.getState().deleteEntity("program", id);
-					onClose();
-				}, "Delete");
-			}
+			c: () => go.ask("Update (shows in its history)", (text) => text.trim() && store.getState().addRaidUpdate(id, text.trim())),
+			d: () => go.confirm(`Delete “${item.title}” from the register? u undoes it.`, () => {
+				store.getState().deleteRaidItem(id);
+				onClose();
+			}, "Delete")
 		},
 		active,
 		onClose
 	});
 }
-function PortfolioPanel({ id, width, height, go, active, onClose }) {
-	const { store, today } = useDeps();
-	const stored = useHarbor((s) => s.priorityRules);
-	const portfolio = useHarbor((s) => s.portfolios.find((p) => p.id === id));
-	const people = useHarbor((s) => s.people);
-	if (!portfolio) return null;
-	const rules = normalizeRules(stored);
+function PersonPanel({ id, width, height, go, active, onClose }) {
+	const { store } = useDeps();
+	const person = useHarbor((s) => s.people.find((p) => p.id === id));
+	const programs = useHarbor((s) => s.programs);
+	if (!person) return null;
+	const up = (patch) => store.getState().updatePerson(id, patch);
+	const allocations = person.allocations ?? [];
 	const fields = [
 		{
 			label: "Name",
-			value: portfolio.name,
+			value: person.name,
 			edit: {
 				kind: "text",
-				initial: portfolio.name,
-				onSave: (v) => v.trim() && store.getState().updatePortfolio(id, { name: v.trim() })
-			}
-		},
-		healthField("portfolio", portfolio, go, (h, n) => store.getState().setHealthOverride("portfolio", id, h, n), () => store.getState().clearHealthOverride("portfolio", id)),
-		{
-			label: "Owner",
-			value: people.find((p) => p.id === portfolio.ownerId)?.name ?? "",
-			edit: {
-				kind: "pick",
-				choices: peopleChoices(people, false),
-				initial: people.findIndex((p) => p.id === portfolio.ownerId),
-				onPick: (v) => store.getState().updatePortfolio(id, { ownerId: v })
+				initial: person.name,
+				onSave: (v) => v.trim() && up({ name: v.trim() })
 			}
 		},
 		{
-			label: "Theme",
-			value: portfolio.theme ?? "",
+			label: "Role",
+			value: person.role,
 			edit: {
 				kind: "text",
-				initial: portfolio.theme ?? "",
-				placeholder: "What this portfolio is for, in a line",
-				onSave: (v) => store.getState().updatePortfolio(id, { theme: v.trim() || null })
+				initial: person.role,
+				onSave: (v) => up({ role: v.trim() })
 			}
 		},
 		{
-			label: "Budget",
-			value: money(portfolio.budget),
+			label: "Tasks a week",
+			value: person.weeklyCapacity != null ? String(person.weeklyCapacity) : "5 (the usual)",
 			edit: {
 				kind: "number",
-				initial: portfolio.budget,
+				initial: person.weeklyCapacity ?? null,
 				min: 0,
-				onSave: (v) => store.getState().updatePortfolio(id, { budget: v ?? 0 })
-			}
-		},
-		{
-			label: "High impact from",
-			value: `${rules.impactThreshold} of 10${stored ? "" : " (the usual)"}`,
-			edit: {
-				kind: "number",
-				initial: rules.impactThreshold,
-				min: 1,
-				max: 10,
-				onSave: (v) => store.getState().setPriorityRules({
-					...rules,
-					impactThreshold: v ?? DEFAULT_RULES.impactThreshold
-				})
+				max: 100,
+				onSave: (v) => up({ weeklyCapacity: v })
 			}
 		},
 		{
-			label: "High budget from",
-			value: `${Math.round(rules.budgetShare * 100)}% of the largest program's${stored ? "" : " (the usual)"}`,
+			label: "Location",
+			value: person.location,
 			edit: {
-				kind: "number",
-				initial: Math.round(rules.budgetShare * 100),
-				min: 5,
-				max: 100,
-				onSave: (v) => store.getState().setPriorityRules({
-					...rules,
-					budgetShare: (v ?? DEFAULT_RULES.budgetShare * 100) / 100
-				})
+				kind: "text",
+				initial: person.location,
+				onSave: (v) => up({ location: v.trim() })
 			}
 		}
 	];
 	return /* @__PURE__ */ jsx(DetailPanel, {
 		title: /* @__PURE__ */ jsx(Text, {
 			bold: true,
-			children: portfolio.name
+			children: person.name
 		}),
-		subtitle: "Portfolio",
+		subtitle: person.accountId ? "Signs in to Harbor" : "Doesn't sign in (named on tasks only)",
 		fields,
 		width,
 		height,
-		hints: "d delete",
-		below: /* @__PURE__ */ jsx(HealthMoves, {
-			history: portfolio.healthHistory,
-			today: today()
-		}),
-		belowRows: movesRows(portfolio.healthHistory, today()),
-		keys: { d: () => {
-			const what = deleteSummary(store.getState(), "portfolio", id);
-			go.confirm(`Delete the portfolio “${portfolio.name}”${what ? ` and ${what}` : ""}? u undoes it.`, () => {
-				store.getState().deleteEntity("portfolio", id);
-				onClose();
-			}, "Delete");
-		} },
+		hints: "a promise time to a program",
+		keys: { a: () => go.pick("Promise time to which program?", programs.map((p) => ({
+			label: p.name,
+			value: p.id
+		})), (programId) => go.ask("What share of their time, in percent? (0 takes it away)", (text) => {
+			const n = Number(text.replace("%", "").trim());
+			if (!Number.isFinite(n) || n < 0 || n > 100) return go.notify("A percent from 0 to 100.");
+			store.getState().setAllocation(id, programId, n || null);
+		})) },
+		below: allocations.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+			/* @__PURE__ */ jsx(Text, { children: " " }),
+			/* @__PURE__ */ jsxs(Text, {
+				color: theme.muted,
+				children: ["  ", "Time promised"]
+			}),
+			allocations.map((a) => /* @__PURE__ */ jsxs(Text, {
+				wrap: "truncate-end",
+				children: [
+					"  ",
+					programs.find((p) => p.id === a.programId)?.name ?? "A program",
+					" ",
+					/* @__PURE__ */ jsxs(Text, {
+						color: theme.muted,
+						children: [a.percent, "%"]
+					})
+				]
+			}, a.programId))
+		] }) : null,
 		active,
 		onClose
 	});
 }
-function ProjectPanel({ id, width, height, go, active, onClose }) {
+
+//#endregion
+//#region src/tui/views/lists.tsx
+init_indexes();
+init_raid();
+init_derived_health();
+init_priority();
+const count = (n, noun) => `${n} ${noun}${n === 1 ? "" : "s"}`;
+function RowList({ title, right, rows, empty, active, width, height, onOpen, keys = {}, above, aboveRows = 0 }) {
+	const [at, setAt] = useState(0);
+	const row = rows[Math.min(at, rows.length - 1)];
+	useInput((input, key) => {
+		if (key.upArrow || input === "k") setAt((i) => step(i, -1, rows.length));
+		else if (key.downArrow || input === "j") setAt((i) => step(i, 1, rows.length));
+		else if (key.pageDown) setAt((i) => step(i, 10, rows.length));
+		else if (key.pageUp) setAt((i) => step(i, -10, rows.length));
+		else if (key.return && row) onOpen(row);
+		else keys[input]?.(row);
+	}, { isActive: active });
+	const view = windowOf(rows, at, Math.max(1, height - 2 - (above ? aboveRows : 0)));
+	return /* @__PURE__ */ jsxs(Box, {
+		flexDirection: "column",
+		width,
+		height,
+		paddingX: 1,
+		children: [
+			/* @__PURE__ */ jsx(Heading, {
+				right,
+				children: title
+			}),
+			above,
+			rows.length === 0 ? /* @__PURE__ */ jsx(Text, {
+				color: theme.muted,
+				children: empty
+			}) : null,
+			view.items.map((r, i) => {
+				const on = active && view.start + i === at;
+				return /* @__PURE__ */ jsxs(Text, {
+					color: on ? theme.selected : r.color,
+					bold: on || r.bold,
+					wrap: "truncate-end",
+					children: [
+						on ? "› " : "  ",
+						"  ".repeat(r.depth),
+						r.health ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(HealthMark, { health: r.health }), " "] }) : null,
+						r.title,
+						r.detail ? /* @__PURE__ */ jsxs(Text, {
+							color: theme.muted,
+							children: [" ", r.detail]
+						}) : null
+					]
+				}, r.id);
+			})
+		]
+	});
+}
+/** Every project, under its program and portfolio, with health and progress. Done
+*  projects and programs stay out of the way until D shows them. */
+function ProjectsView({ active, width, height, go }) {
+	const portfolios = useHarbor((s) => s.portfolios);
+	const programs = useHarbor((s) => s.programs);
+	const projects = useHarbor((s) => s.projects);
+	const tasks = useHarbor((s) => s.tasks);
+	const { today } = useDeps();
+	const [showDone, setShowDone] = useState(false);
+	const { rows, shown, hidden } = useMemo(() => {
+		const data = {
+			tasks,
+			projects
+		};
+		const out = [];
+		let shown = 0;
+		let hidden = 0;
+		for (const portfolio of portfolios) {
+			out.push({
+				id: portfolio.id,
+				kind: "portfolio",
+				depth: 0,
+				title: portfolio.name,
+				bold: true,
+				health: portfolio.health
+			});
+			for (const program of programs.filter((g) => g.portfolioId === portfolio.id)) {
+				const { open, done } = splitDone(projects.filter((p) => p.programId === program.id));
+				if (program.health === "done" && open.length === 0) {
+					hidden += 1 + done.length;
+					if (!showDone) continue;
+				} else hidden += done.length;
+				out.push({
+					id: program.id,
+					kind: "program",
+					depth: 1,
+					title: program.name,
+					health: program.health
+				});
+				for (const project of showDone ? [...open, ...done] : open) {
+					shown++;
+					const { done: finished, total } = projectSummary(data, project);
+					const late = tasksOf(tasks, project.id).filter((t) => isLate(t, today())).length;
+					out.push({
+						id: project.id,
+						kind: "project",
+						depth: 2,
+						title: `${project.name}${project.key ? ` ${project.key}` : ""}`,
+						health: project.health,
+						detail: `${finished}/${total} done${late ? ` · ${late} late` : ""} · ends ${shortDay(project.endDate, today())}`
+					});
+				}
+			}
+		}
+		return {
+			rows: out,
+			shown,
+			hidden
+		};
+	}, [
+		portfolios,
+		programs,
+		projects,
+		tasks,
+		today,
+		showDone
+	]);
+	return /* @__PURE__ */ jsx(RowList, {
+		title: "Portfolios, programs and projects",
+		right: `${count(shown, "project")}${hidden ? ` · ${hidden} done ${showDone ? "shown" : "hidden"} (D)` : ""} · n new project · e edit`,
+		rows,
+		empty: "No projects yet. n adds one.",
+		active,
+		width,
+		height,
+		onOpen: (r) => r.kind === "project" ? go.openProject(r.id) : r.kind === "program" ? go.openProgram(r.id) : go.openPortfolio(r.id),
+		keys: {
+			n: (r) => {
+				const programId = r?.kind === "program" ? r.id : r?.kind === "project" ? projects.find((p) => p.id === r.id)?.programId : void 0;
+				go.create("project", programId ? { programId } : {});
+			},
+			e: (r) => r && r.kind !== "raid" && r.kind !== "person" && go.openPanel(r.kind, r.id),
+			D: () => hidden > 0 && setShowDone((v) => !v)
+		}
+	});
+}
+/**
+* The review, as on the website: programs worst first, then by end date,
+* each with its lead, how much is late, where it sits on the priority matrix
+* and the next move. o narrows to someone's programs, p to a portfolio, m
+* writes the next move, h sets the health by hand (with why) or hands it
+* back to the late work; done programs wait behind D.
+*/
+function ProgramsView({ active, width, height, go }) {
 	const { store, today } = useDeps();
-	const project = useHarbor((s) => s.projects.find((p) => p.id === id));
-	const tasks = useHarbor((s) => s.tasks);
-	const people = useHarbor((s) => s.people);
 	const programs = useHarbor((s) => s.programs);
+	const portfolios = useHarbor((s) => s.portfolios);
 	const projects = useHarbor((s) => s.projects);
-	if (!project) return null;
-	const up = (patch) => store.getState().updateProject(id, patch);
-	const planned = plannedByMonth(project);
-	const months = monthsBetween(project.startDate, project.endDate);
-	const monthName = (key) => format(parseIso(`${key}-01`), "MMM yyyy");
-	const waits = blockerIds(project);
-	const slip = slipLabel(project);
-	const fields = [
-		{
-			label: "Name",
-			value: project.name,
-			edit: {
-				kind: "text",
-				initial: project.name,
-				onSave: (v) => v.trim() && up({ name: v.trim() })
-			}
-		},
-		healthField("project", project, go, (h, n) => store.getState().setHealthOverride("project", id, h, n), () => store.getState().clearHealthOverride("project", id), suggestsDone(project, tasks)),
-		{
-			label: "Lead",
-			value: people.find((p) => p.id === project.ownerId)?.name ?? "",
-			edit: {
-				kind: "pick",
-				choices: peopleChoices(people, false),
-				initial: people.findIndex((p) => p.id === project.ownerId),
-				onPick: (v) => up({ ownerId: v })
-			}
-		},
-		{
-			label: "Starts",
-			value: shortDay(project.startDate, today()),
-			edit: {
-				kind: "date",
-				initial: project.startDate,
-				onSave: (v) => v && up({ startDate: v })
-			}
-		},
-		{
-			label: "Ends",
-			value: shortDay(project.endDate, today()),
-			edit: {
-				kind: "date",
-				initial: project.endDate,
-				onSave: (v) => v && up({ endDate: v })
-			}
-		},
-		{
-			label: "Budget",
-			value: money(project.budget),
-			edit: {
-				kind: "number",
-				initial: project.budget,
-				min: 0,
-				onSave: (v) => up({ budget: v ?? 0 })
-			}
-		},
-		{
-			label: "Spent",
-			value: money(project.spent),
-			edit: {
-				kind: "number",
-				initial: project.spent,
-				min: 0,
-				onSave: (v) => store.getState().setSpentTotal(id, v ?? 0)
-			}
-		},
-		{
-			label: "Program",
-			value: programs.find((p) => p.id === project.programId)?.name ?? "",
-			edit: {
-				kind: "pick",
-				choices: programs.map((p) => ({
-					label: p.name,
-					value: p.id
-				})),
-				initial: programs.findIndex((p) => p.id === project.programId),
-				onPick: (v) => store.getState().moveProjects([id], v)
-			}
-		},
-		{
-			label: "Plan by month",
-			value: hasOwnPhasing(project) ? "Set by hand" : "Spread evenly",
-			edit: months.length ? {
-				kind: "pick",
-				title: "Pick a month to change what it plans to spend",
-				choices: [...months.map((k) => ({
-					label: `${monthName(k)}  ${money(planned[k] ?? 0)}`,
-					value: k
-				})), ...hasOwnPhasing(project) ? [{
-					label: "Back to an even spread",
+	const tasks = useHarbor((s) => s.tasks);
+	const people = useHarbor((s) => s.people);
+	const me = useHarbor((s) => s.currentUserId);
+	const priorityRules = useHarbor((s) => s.priorityRules);
+	const [showDone, setShowDone] = useState(false);
+	const [owner, setOwner] = useState(null);
+	const [portfolio, setPortfolio] = useState(null);
+	const day = today();
+	const data = useMemo(() => ({
+		projects,
+		tasks
+	}), [projects, tasks]);
+	const picked = useMemo(() => reviewPrograms({
+		programs,
+		projects,
+		tasks
+	}, {
+		ownerId: owner,
+		portfolioId: portfolio
+	}), [
+		programs,
+		projects,
+		tasks,
+		portfolio,
+		owner
+	]);
+	const split = useMemo(() => splitDone(picked), [picked]);
+	const listed = useMemo(() => showDone ? [...split.open, ...split.done] : split.open, [split, showDone]);
+	const rows = useMemo(() => {
+		const now = /* @__PURE__ */ new Date(`${day}T12:00:00`);
+		const rules = normalizeRules(priorityRules);
+		const maxBudget = Math.max(1, ...programs.map((p) => p.budget));
+		return listed.map((program) => {
+			const late = programLateCount(program.id, data, now);
+			const lead = people.find((p) => p.id === program.ownerId);
+			return {
+				id: program.id,
+				kind: "program",
+				depth: 0,
+				title: program.name,
+				health: program.health,
+				detail: [
+					lead?.name.split(" ")[0],
+					program.endDate ? `ends ${shortDay(program.endDate, day)}` : null,
+					late ? `${late} late` : null,
+					isRated(program) ? quadrantOf(program, maxBudget, rules) : null,
+					program.nextMove ? `next: ${program.nextMove}` : "no next move"
+				].filter(Boolean).join(" · ")
+			};
+		});
+	}, [
+		listed,
+		programs,
+		people,
+		data,
+		day,
+		priorityRules
+	]);
+	const done = split.done.length;
+	const whose = owner === me ? "My programs" : owner ? `${people.find((p) => p.id === owner)?.name ?? "Someone"}'s programs` : "Programs";
+	const where = portfolio ? ` in ${portfolios.find((p) => p.id === portfolio)?.name ?? "a portfolio"}` : "";
+	return /* @__PURE__ */ jsx(RowList, {
+		title: `${whose}${where}`,
+		right: `${count(listed.length, "program")}${done ? ` · ${done} done ${showDone ? "shown" : "hidden"} (D)` : ""} · m next move · h health · o p narrow`,
+		rows,
+		empty: done ? "Every program here is done. D shows them." : owner || portfolio ? "Nothing here. o and p change what's shown." : "No programs yet. n adds one.",
+		active,
+		width,
+		height,
+		onOpen: (r) => go.openProgram(r.id),
+		keys: {
+			n: (r) => {
+				const portfolioId = r ? programs.find((p) => p.id === r.id)?.portfolioId : void 0;
+				go.create("program", portfolioId ? { portfolioId } : {});
+			},
+			e: (r) => r && go.openPanel("program", r.id),
+			m: (r) => {
+				const program = r && programs.find((p) => p.id === r.id);
+				if (!program) return;
+				go.ask(`Next move for ${program.name}`, (text) => store.getState().setNextMove(program.id, text.trim()), program.nextMove ?? "");
+			},
+			h: (r) => {
+				const program = r && programs.find((p) => p.id === r.id);
+				if (!program) return;
+				go.pick(`Health of ${program.name}`, healthChoices(), (v) => healthPicked(v, go, (health, note) => store.getState().setHealthOverride("program", program.id, health, note), () => store.getState().clearHealthOverride("program", program.id)));
+			},
+			o: () => go.pick("Whose programs?", [
+				{
+					label: "Everyone's",
 					value: null
-				}] : []],
-				onPick: (v) => v == null ? up({ phasing: null }) : go.ask(`Planned for ${monthName(v)}`, (text) => {
-					const n = Number(text.replace(/[$,\s]/g, ""));
-					if (!Number.isFinite(n) || n < 0) return go.notify(`“${text}” isn't an amount.`);
-					up({ phasing: withMonth(project, v, n) });
-				}, String(planned[v] ?? 0))
-			} : void 0
-		},
-		waitsField("Waits on", project, projects, go, (patch) => up({
-			...patch,
-			lagDays: patch.blockedByIds.length ? project.lagDays : null
-		})),
-		...waits.length ? [{
-			label: "Lag days",
-			value: project.lagDays ? `${project.lagDays} after they finish` : "None",
-			edit: {
-				kind: "number",
-				initial: project.lagDays ?? null,
-				min: 0,
-				onSave: (v) => up({ lagDays: v ? Math.round(v) : null })
-			}
-		}] : [],
-		{
-			label: "Baseline",
-			value: hasBaseline(project) ? `${shortDay(project.baselineStart, today())} to ${shortDay(project.baselineEnd, today())}${slip ? `, ${slip}` : ""}` : "Not set (set it on the program)",
-			color: slip?.startsWith("slipped") ? theme.bad : void 0
-		},
-		{
-			label: "Key",
-			value: project.key ?? ""
-		},
-		{
-			label: "About",
-			value: project.description.replace(/\s+/g, " "),
-			edit: {
-				kind: "text",
-				initial: project.description,
-				onSave: (v) => up({ description: v })
-			}
-		}
-	];
-	return /* @__PURE__ */ jsx(DetailPanel, {
-		title: /* @__PURE__ */ jsx(Text, {
-			bold: true,
-			children: project.name
-		}),
-		subtitle: "Project details",
-		fields,
+				},
+				{
+					label: "Mine",
+					value: me
+				},
+				...people.filter((p) => p.id !== me).map((p) => ({
+					label: p.name,
+					value: p.id,
+					hint: p.role
+				}))
+			], (v) => setOwner(v ?? null)),
+			p: () => go.pick("In which portfolio?", [{
+				label: "Every portfolio",
+				value: null
+			}, ...portfolios.map((p) => ({
+				label: p.name,
+				value: p.id
+			}))], (v) => setPortfolio(v ?? null)),
+			D: () => done > 0 && setShowDone((v) => !v)
+		}
+	});
+}
+/**
+* The register, worst first: open items unless a shows closed ones too. As
+* on the website it narrows by kind (t), owner (o) and portfolio (p); h shows
+* the heat map over it and c narrows to one of its cells.
+*/
+function RisksView({ active, width, height, go }) {
+	const raidItems = useHarbor((s) => s.raidItems);
+	const projects = useHarbor((s) => s.projects);
+	const programs = useHarbor((s) => s.programs);
+	const portfolios = useHarbor((s) => s.portfolios);
+	const people = useHarbor((s) => s.people);
+	const [all, setAll] = useState(false);
+	const [kind, setKind] = useState(null);
+	const [owner, setOwner] = useState(null);
+	const [portfolio, setPortfolio] = useState(null);
+	const [heat, setHeat] = useState(false);
+	const [cell, setCell] = useState(null);
+	const inPortfolio = useMemo(() => portfolio ? new Set(portfolioRaidItems({
+		raidItems,
+		projects,
+		programs
+	}, portfolio).map((r) => r.id)) : null, [
+		portfolio,
+		raidItems,
+		projects,
+		programs
+	]);
+	const inScope = useMemo(() => raidItems.filter((r) => (!owner || r.ownerId === owner) && (!inPortfolio || inPortfolio.has(r.id))), [
+		raidItems,
+		owner,
+		inPortfolio
+	]);
+	const rows = useMemo(() => sortRaid(inScope.filter((r) => (all || isActive(r)) && (!kind || r.kind === kind) && (!cell || inHeatCell(r, cell.probability, cell.impact)))).map((r) => {
+		const score = scoreOf(r);
+		const band = score != null ? scoreBand(score) : null;
+		return {
+			id: r.id,
+			kind: "raid",
+			depth: 0,
+			title: `${KIND_LABEL[r.kind]}: ${r.title}`,
+			health: band === "high" ? "off-track" : band === "medium" ? "at-risk" : void 0,
+			color: isActive(r) ? void 0 : theme.muted,
+			detail: [
+				STATUS_LABEL$1[r.status],
+				score != null ? `score ${score}` : null,
+				people.find((p) => p.id === r.ownerId)?.name,
+				projects.find((p) => p.id === r.projectId)?.name
+			].filter(Boolean).join(" · ")
+		};
+	}), [
+		inScope,
+		projects,
+		people,
+		all,
+		kind,
+		cell
+	]);
+	const cells = useMemo(() => heatGrid(inScope).flat().filter((c) => c.items.length > 0).sort((a, b) => b.probability * b.impact - a.probability * a.impact), [inScope]);
+	const showHeat = heat && (!kind || kind === "risk") && height >= 16;
+	const what = cell ? "risks" : kind ? `${KIND_LABEL[kind].toLowerCase()}s` : "risks, issues and decisions";
+	const whose = owner ? `${people.find((p) => p.id === owner)?.name ?? "Someone"}'s ` : "";
+	const where = portfolio ? ` in ${portfolios.find((p) => p.id === portfolio)?.name ?? "a portfolio"}` : "";
+	const rated = cell ? ` rated ${cellWords(cell)}` : "";
+	const phrase = `${whose}${all || cell ? "" : "open "}${what}${where}${rated}`;
+	return /* @__PURE__ */ jsx(RowList, {
+		title: phrase.charAt(0).toUpperCase() + phrase.slice(1),
+		right: `${rows.length} · t o p a narrow · h heat map${cells.length ? " · c cell" : ""}`,
+		above: showHeat ? /* @__PURE__ */ jsx(HeatMap, {
+			items: inScope,
+			selected: cell
+		}) : void 0,
+		aboveRows: 7,
+		rows,
+		empty: kind || owner || portfolio || cell ? "Nothing matches. t, o, p and c change what's shown." : "Nothing open in the register. n logs one.",
+		active,
 		width,
 		height,
-		hints: "d delete",
-		below: /* @__PURE__ */ jsx(HealthMoves, {
-			history: project.healthHistory,
-			today: today()
-		}),
-		belowRows: movesRows(project.healthHistory, today()),
-		keys: { d: () => {
-			const what = deleteSummary(store.getState(), "project", id);
-			go.confirm(`Delete the project “${project.name}”${what ? ` and ${what}` : ""}? u undoes it.`, () => {
-				store.getState().deleteEntity("project", id);
-				onClose();
-			}, "Delete");
-		} },
+		onOpen: (r) => go.openPanel("raid", r.id),
+		keys: {
+			n: () => go.create("raid", {}),
+			a: () => setAll((v) => !v),
+			t: () => setKind((k) => KINDS[(KINDS.indexOf(k) + 1) % KINDS.length] ?? null),
+			h: () => setHeat((v) => !v),
+			c: () => cells.length || cell ? go.pick("Which cell of the heat map?", [{
+				label: "Every risk",
+				value: null
+			}, ...cells.map((c) => ({
+				label: `${PROBABILITY_LABEL[c.probability]} × ${IMPACT_LABEL[c.impact]}`,
+				value: {
+					probability: c.probability,
+					impact: c.impact
+				},
+				hint: `${count(c.items.length, "risk")} · score ${c.probability * c.impact}`,
+				color: c.band === "high" ? theme.bad : c.band === "medium" ? theme.warn : theme.good
+			}))], (v) => setCell(v ?? null)) : go.notify("No live risk is rated on both scales yet."),
+			o: () => go.pick("Whose?", [{
+				label: "Anyone's",
+				value: null
+			}, ...people.map((p) => ({
+				label: p.name,
+				value: p.id,
+				hint: p.role
+			}))], (v) => setOwner(v ?? null)),
+			p: () => go.pick("In which portfolio?", [{
+				label: "Every portfolio",
+				value: null
+			}, ...portfolios.map((p) => ({
+				label: p.name,
+				value: p.id
+			}))], (v) => setPortfolio(v ?? null))
+		}
+	});
+}
+const KINDS = [
+	null,
+	"risk",
+	"issue",
+	"decision"
+];
+/** Who's here: open and late work, and how full each of the next weeks is against their capacity. */
+function PeopleView({ active, width, height, go }) {
+	const people = useHarbor((s) => s.people);
+	const tasks = useHarbor((s) => s.tasks);
+	const { today } = useDeps();
+	const rows = useMemo(() => {
+		const now = /* @__PURE__ */ new Date(`${today()}T12:00:00`);
+		const nameWidth = Math.max(0, ...people.map((p) => p.name.length));
+		return people.map((p) => {
+			const open = tasks.filter((t) => t.assigneeId === p.id && t.status !== "done");
+			const load = weeklyLoad(tasks, p.id, now, 4);
+			const cap = p.weeklyCapacity ?? 5;
+			const weeks = load.weeks.map((w) => (w.due === 0 ? "·" : w.due > cap ? `${w.due}!` : String(w.due)).padStart(3)).join("");
+			const late = load.overdue ? `${load.overdue} late` : "";
+			return {
+				id: p.id,
+				kind: "person",
+				depth: 0,
+				title: p.name.padEnd(nameWidth),
+				detail: `${String(open.length).padStart(3)} open  ${late.padEnd(7)}  weeks${weeks}  of ${cap}  · ${p.role}`
+			};
+		});
+	}, [
+		people,
+		tasks,
+		today
+	]);
+	return /* @__PURE__ */ jsx(RowList, {
+		title: "People",
+		right: `${people.length === 1 ? "1 person" : `${people.length} people`} · Enter to change`,
+		rows,
+		empty: "Nobody here yet. Invite people from the website.",
 		active,
-		onClose
+		width,
+		height,
+		onOpen: (r) => go.openPanel("person", r.id)
+	});
+}
+
+//#endregion
+//#region cli/lib/logo.mjs
+/**
+* Harbor's mark for the terminal: the favicon (public/favicon.svg) as
+* pixels, a teal tile with the white H and three coral boats. Each
+* terminal row draws two pixel rows with half blocks (▀ ▄ █), so a square
+* grid comes out square. `harbor help` prints it; the full-screen app draws
+* it on its splash and its keys overlay (src/tui/logo.tsx).
+*
+* T teal, W white, C coral, P a boat's pointed bow (coral in the middle of
+* the two pixels, drawn with quarter blocks), . nothing (the rounded corners).
+*/
+/** 24 by 24: posts three wide, a pixel of water between each boat and the posts. */
+const LOGO = [
+	"...TTTTTTTTTTTTTTTTTT...",
+	"..TTTTTTTTTTTTTTTTTTTT..",
+	".TTTTTTTTTTTTTTTTTTTTTT.",
+	"TTTTTWWWTTTTTTTTWWWTTTTT",
+	"TTTTTWWWTTTTTTTTWWWTTTTT",
+	"TTPPTWWWTTTTTTTTWWWTTTTT",
+	"TTCCTWWWTTTTTTTTWWWTTTTT",
+	"TTCCTWWWTTTTTTTTWWWTTTTT",
+	"TTCCTWWWTTTTTTTTWWWTTTTT",
+	"TTCCTWWWTTTTTTTTWWWTTTTT",
+	"TTTTTWWWTTTTTTTTWWWTTTTT",
+	"TTTTTWWWWWWWWWWWWWWTTTTT",
+	"TTTTTWWWWWWWWWWWWWWTTTTT",
+	"TTTTTWWWTTTTTTTTWWWTTTTT",
+	"TTTTTWWWTTTTTTTTWWWTPPTT",
+	"TTTTTWWWTTTPPTTTWWWTCCTT",
+	"TTTTTWWWTTTCCTTTWWWTCCTT",
+	"TTTTTWWWTTTCCTTTWWWTCCTT",
+	"TTTTTWWWTTTCCTTTWWWTCCTT",
+	"TTTTTWWWTTTCCTTTWWWTTTTT",
+	"TTTTTWWWTTTTTTTTWWWTTTTT",
+	".TTTTTTTTTTTTTTTTTTTTTT.",
+	"..TTTTTTTTTTTTTTTTTTTT..",
+	"...TTTTTTTTTTTTTTTTTT..."
+];
+/** 16 by 16, for the keys overlay. */
+const LOGO_SMALL = [
+	"..TTTTTTTTTTTT..",
+	".TTTTTTTTTTTTTT.",
+	"TTTTWWTTTTWWTTTT",
+	"TTTTWWTTTTWWTTTT",
+	"TPPTWWTTTTWWTTTT",
+	"TCCTWWTTTTWWTTTT",
+	"TCCTWWTTTTWWTTTT",
+	"TTTTWWWWWWWWTTTT",
+	"TTTTWWWWWWWWTTTT",
+	"TTTTWWTTTTWWTPPT",
+	"TTTTWWTPPTWWTCCT",
+	"TTTTWWTCCTWWTCCT",
+	"TTTTWWTCCTWWTTTT",
+	"TTTTWWTTTTWWTTTT",
+	".TTTTTTTTTTTTTT.",
+	"..TTTTTTTTTTTT.."
+];
+/** The brand's fills, as in favicon.svg and src/styles.css. */
+const LOGO_COLOURS = {
+	T: "#0f6e64",
+	W: "#ffffff",
+	C: "#c44a2c"
+};
+/**
+* @typedef {{ text: string, fg?: string, bg?: string }} Run
+* One stretch of a terminal row in the same colours.
+*/
+/**
+* The logo as terminal rows, each a list of runs: the top pixel is the
+* half block's colour, the bottom one its background.
+* @param {string[]} pixels
+* @returns {Run[][]}
+*/
+function logoRows(pixels = LOGO) {
+	/** @type {Run[][]} */
+	const rows = [];
+	for (let y = 0; y < pixels.length; y += 2) {
+		/** @type {Run[]} */
+		const runs = [];
+		const top = pixels[y] ?? "";
+		const bottom = pixels[y + 1] ?? "";
+		for (let x = 0; x < top.length; x++) {
+			const t = LOGO_COLOURS[top[x]];
+			const b = LOGO_COLOURS[bottom[x]];
+			const bowRow = top[x] === "P" ? top : bottom[x] === "P" ? bottom : null;
+			const left = bowRow ? bowRow[x - 1] !== "P" : false;
+			/** @type {Run} */
+			const cell = top[x] === "P" ? {
+				text: left ? "▟" : "▙",
+				fg: LOGO_COLOURS.C,
+				bg: LOGO_COLOURS.T
+			} : bottom[x] === "P" ? {
+				text: left ? "▗" : "▖",
+				fg: LOGO_COLOURS.C,
+				bg: t
+			} : !t && !b ? { text: " " } : t === b || !b ? {
+				text: t === b ? "█" : "▀",
+				fg: t
+			} : !t ? {
+				text: "▄",
+				fg: b
+			} : {
+				text: "▀",
+				fg: t,
+				bg: b
+			};
+			const last = runs.at(-1);
+			if (last && last.fg === cell.fg && last.bg === cell.bg) last.text += cell.text;
+			else runs.push(cell);
+		}
+		rows.push(runs);
+	}
+	return rows;
+}
+
+//#endregion
+//#region src/tui/logo.tsx
+/** Harbor's mark in half blocks (cli/lib/logo.mjs holds the pixels). */
+function Logo({ pixels = LOGO }) {
+	return /* @__PURE__ */ jsx(Box, {
+		flexDirection: "column",
+		flexShrink: 0,
+		children: logoRows(pixels).map((runs, y) => /* @__PURE__ */ jsx(Text, { children: runs.map((r, i) => /* @__PURE__ */ jsx(Text, {
+			color: r.fg,
+			backgroundColor: r.bg,
+			children: r.text
+		}, i)) }, y))
 	});
 }
-const SIGN_OFF = {
-	pending: "Waiting for sign-off",
-	approved: "Approved",
-	changes_requested: "Changes requested"
-};
-function MilestonePanel({ id, width, height, go, active, onClose }) {
-	const { store, today } = useDeps();
-	const milestone = useHarbor((s) => s.milestones.find((m) => m.id === id));
-	const people = useHarbor((s) => s.people);
+/** What shows while the harbor loads: the mark, centred, and which harbor. */
+function Splash({ opening }) {
+	const { columns, rows } = useWindowSize();
+	const mark = rows >= 18 && columns >= 30;
+	const height = (mark ? LOGO.length / 2 + 1 : 0) + 2;
+	return /* @__PURE__ */ jsxs(Box, {
+		width: columns,
+		height: rows,
+		flexDirection: "column",
+		alignItems: "center",
+		paddingTop: Math.max(0, Math.floor((rows - height) / 2)),
+		children: [
+			mark ? /* @__PURE__ */ jsx(Box, {
+				marginBottom: 1,
+				children: /* @__PURE__ */ jsx(Logo, {})
+			}) : null,
+			/* @__PURE__ */ jsx(Text, {
+				bold: true,
+				color: theme.accent,
+				children: "Harbor"
+			}),
+			/* @__PURE__ */ jsx(Text, {
+				color: theme.muted,
+				children: opening ? `Opening ${opening}…` : "Opening your harbor…"
+			})
+		]
+	});
+}
+
+//#endregion
+//#region src/tui/views/overlays.tsx
+init_search();
+/** Find a task by key or words; Enter opens it. */
+function SearchBox({ width, onOpen, onClose }) {
+	const tasks = useHarbor((s) => s.tasks);
 	const projects = useHarbor((s) => s.projects);
-	const me = useHarbor((s) => s.currentUserId);
-	if (!milestone) return null;
-	const up = (patch) => store.getState().updateMilestone(id, patch);
-	const late = !milestone.done && milestone.dueDate < today();
-	const gated = Boolean(milestone.approverId);
-	const approver = people.find((p) => p.id === milestone.approverId);
-	const status = milestone.approvalStatus ?? "pending";
-	const inProgram = projects.filter((p) => p.programId === milestone.programId);
-	const risks = milestoneRisks(milestone, store.getState());
-	const fields = [
-		{
-			label: "Name",
-			value: milestone.name,
-			edit: {
-				kind: "text",
-				initial: milestone.name,
-				onSave: (v) => v.trim() && up({ name: v.trim() })
-			}
-		},
-		{
-			label: "Due",
-			value: `${shortDay(milestone.dueDate, today())}${late ? " (late)" : ""}`,
-			color: late ? theme.bad : void 0,
-			edit: {
-				kind: "date",
-				initial: milestone.dueDate,
-				onSave: (v) => v && up({ dueDate: v })
-			}
-		},
-		{
-			label: "Done",
-			value: milestone.done ? "Yes" : gated ? "Not yet (the sign-off ticks it)" : "Not yet",
-			edit: gated ? void 0 : {
-				kind: "pick",
-				choices: [{
-					label: "Not yet",
-					value: false
-				}, {
-					label: "Yes",
-					value: true
-				}],
-				initial: milestone.done ? 1 : 0,
-				onPick: (v) => v !== milestone.done && store.getState().toggleMilestone(id)
-			}
-		},
-		{
-			label: "Signs off",
-			value: approver?.name ?? "Nobody (no sign-off)",
-			edit: {
-				kind: "pick",
-				title: "Who signs it off? Nobody else can tick it done.",
-				choices: peopleChoices(people, true),
-				initial: Math.max(0, people.findIndex((p) => p.id === milestone.approverId) + 1),
-				onPick: (v) => v ? v !== milestone.approverId && up({
-					approverId: v,
-					approvalStatus: "pending",
-					done: false
-				}) : up({
-					approverId: null,
-					approvalStatus: null,
-					approvalNote: null
-				})
-			}
-		},
-		...gated ? [{
-			label: "Sign-off",
-			value: `${SIGN_OFF[status]}${status === "changes_requested" && milestone.approvalNote ? `: ${milestone.approvalNote}` : ""}`,
-			color: status === "approved" ? theme.good : status === "pending" ? void 0 : theme.bad,
-			edit: milestone.approverId === me && status !== "approved" ? {
-				kind: "pick",
-				title: "Your sign-off",
-				choices: [{
-					label: "Approve",
-					value: "approve",
-					hint: "ticks it done"
-				}, {
-					label: "Request changes",
-					value: "changes"
-				}],
-				onPick: (v) => v === "approve" ? up({
-					approvalStatus: "approved",
-					done: true
-				}) : go.ask("What needs changing?", (note) => up({
-					approvalStatus: "changes_requested",
-					approvalNote: note.trim() || null,
-					done: false
-				}))
-			} : void 0
-		}] : [],
-		waitsField("Waits on", milestone, inProgram, go, (patch) => up(patch), false)
-	];
-	return /* @__PURE__ */ jsx(DetailPanel, {
-		title: /* @__PURE__ */ jsx(Text, {
-			bold: true,
-			children: milestone.name
-		}),
-		subtitle: "Milestone",
-		fields,
+	const [query, setQuery] = useState("");
+	const [at, setAt] = useState(0);
+	const hits = useMemo(() => searchTasks(tasks, projects, query.trim(), 12), [
+		tasks,
+		projects,
+		query
+	]);
+	useInput((input, key) => {
+		if (key.escape) return onClose();
+		if (key.upArrow) return setAt((i) => step(i, -1, hits.length));
+		if (key.downArrow) return setAt((i) => step(i, 1, hits.length));
+		if (key.return) {
+			const hit = hits[Math.min(at, hits.length - 1)];
+			if (hit) onOpen(hit.item.id);
+			return;
+		}
+		if (key.backspace || key.delete) {
+			setAt(0);
+			return setQuery((q) => q.slice(0, -1));
+		}
+		if (key.ctrl || key.meta || key.tab || key.leftArrow || key.rightArrow) return;
+		if (input) {
+			setAt(0);
+			setQuery((q) => q + input.replace(/[\r\n]+/g, " "));
+		}
+	});
+	return /* @__PURE__ */ jsxs(Box, {
+		flexDirection: "column",
 		width,
-		height,
-		hints: gated ? "d delete" : "space done · d delete",
-		keys: {
-			" ": () => gated ? go.notify(`${approver?.name ?? "The approver"} ticks this off by signing it off.`) : store.getState().toggleMilestone(id),
-			d: () => go.confirm(`Delete the milestone “${milestone.name}”? u undoes it.`, () => {
-				store.getState().deleteMilestone(id);
-				onClose();
-			}, "Delete")
-		},
-		belowRows: risks.length ? risks.length + 1 : 0,
-		below: risks.length ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Text, { children: " " }), risks.map((r) => /* @__PURE__ */ jsxs(Text, {
-			color: theme.bad,
-			wrap: "truncate-end",
-			children: [
-				"  ",
-				"At risk:",
-				" ",
-				r.reason === "ends-after" ? `${r.project.name} ends ${shortDay(r.project.endDate, today())}` : `${r.project.name} is off track`
-			]
-		}, r.project.id))] }) : null,
-		active,
-		onClose
+		borderStyle: "round",
+		borderColor: theme.border,
+		paddingX: 1,
+		children: [
+			/* @__PURE__ */ jsxs(Text, { children: [
+				/* @__PURE__ */ jsxs(Text, {
+					color: theme.accent,
+					bold: true,
+					children: ["/", " "]
+				}),
+				query || /* @__PURE__ */ jsx(Text, {
+					color: theme.muted,
+					children: "a key like RR-42, or words from a title"
+				}),
+				/* @__PURE__ */ jsx(Text, {
+					inverse: true,
+					children: " "
+				})
+			] }),
+			hits.length === 0 && query ? /* @__PURE__ */ jsx(Text, {
+				color: theme.muted,
+				children: "Nothing matches."
+			}) : null,
+			hits.map(({ item }, i) => {
+				const on = i === Math.min(at, hits.length - 1);
+				const project = projects.find((p) => p.id === item.projectId);
+				return /* @__PURE__ */ jsxs(Text, {
+					color: on ? theme.selected : void 0,
+					bold: on,
+					wrap: "truncate-end",
+					children: [
+						on ? "› " : "  ",
+						/* @__PURE__ */ jsx(Text, {
+							color: theme.muted,
+							children: keyOf$1({ projects }, item).padEnd(7)
+						}),
+						item.title,
+						/* @__PURE__ */ jsxs(Text, {
+							color: theme.muted,
+							children: [
+								" ",
+								"· ",
+								STATUS_LABEL[item.status],
+								project ? ` · ${project.name}` : ""
+							]
+						})
+					]
+				}, item.id);
+			}),
+			/* @__PURE__ */ jsx(Text, {
+				color: theme.muted,
+				children: "↑↓ choose · Enter open · Esc close"
+			})
+		]
 	});
 }
-function RaidPanel({ id, width, height, go, active, onClose }) {
-	const { store, today } = useDeps();
-	const item = useHarbor((s) => s.raidItems.find((r) => r.id === id));
-	const people = useHarbor((s) => s.people);
+/** Add a task: which project (when it isn't known), then its title. */
+function NewTask({ projectId, status, width, onDone, onFull }) {
+	const { store } = useDeps();
 	const projects = useHarbor((s) => s.projects);
 	const me = useHarbor((s) => s.currentUserId);
-	if (!item) return null;
-	const up = (patch) => store.getState().updateRaidItem(id, patch);
-	const scale = (labels) => [
-		1,
-		2,
-		3,
-		4,
-		5
-	].map((n) => ({
-		label: `${n} ${labels[n]}`,
-		value: n
-	}));
-	const score = scoreOf(item);
-	const copy = FIELD_COPY[item.kind];
-	const person = (pid) => people.find((p) => p.id === pid)?.name;
-	const text = (key) => {
-		const label = copy[key];
-		if (!label) return [];
-		const value = item[key] ?? "";
-		return [{
-			label,
-			value: value.replace(/\s+/g, " "),
-			edit: {
-				kind: "text",
-				initial: value,
-				onSave: (v) => up({ [key]: v })
-			}
-		}];
-	};
-	const fields = [
-		{
-			label: "Title",
-			value: item.title,
-			edit: {
-				kind: "text",
-				initial: item.title,
-				onSave: (v) => v.trim() && up({ title: v.trim() })
-			}
-		},
-		{
-			label: "Kind",
-			value: KIND_LABEL[item.kind],
-			edit: {
-				kind: "pick",
-				choices: [
-					"risk",
-					"issue",
-					"decision"
-				].map((k) => ({
-					label: KIND_LABEL[k],
-					value: k
-				})),
-				initial: [
-					"risk",
-					"issue",
-					"decision"
-				].indexOf(item.kind),
-				onPick: (v) => up({ kind: v })
-			}
-		},
-		{
-			label: "Status",
-			value: STATUS_LABEL$1[item.status],
-			edit: {
-				kind: "pick",
-				choices: STATUSES[item.kind].map((s) => ({
-					label: STATUS_LABEL$1[s],
-					value: s
-				})),
-				initial: STATUSES[item.kind].indexOf(item.status),
-				onPick: (v) => up(v === "decided" ? {
-					status: v,
-					decidedAt: item.decidedAt ?? today(),
-					decidedById: item.decidedById ?? me
-				} : { status: v })
-			}
-		},
-		{
-			label: "Owner",
-			value: person(item.ownerId) ?? "Nobody yet",
-			edit: {
-				kind: "pick",
-				choices: peopleChoices(people, true),
-				initial: Math.max(0, people.findIndex((p) => p.id === item.ownerId) + 1),
-				onPick: (v) => up({ ownerId: v })
-			}
-		},
-		{
-			label: "Project",
-			value: projects.find((p) => p.id === item.projectId)?.name ?? "None in particular",
-			edit: {
-				kind: "pick",
-				choices: [{
-					label: "None in particular",
-					value: null
-				}, ...projects.map((p) => ({
-					label: p.name,
-					value: p.id
-				}))],
-				initial: Math.max(0, projects.findIndex((p) => p.id === item.projectId) + 1),
-				onPick: (v) => up({
-					projectId: v,
-					programId: projects.find((p) => p.id === v)?.programId ?? null
-				})
-			}
-		},
-		...item.kind === "risk" ? [{
-			label: "Likelihood",
-			value: item.probability ? `${item.probability} ${PROBABILITY_LABEL[item.probability]}` : "",
-			edit: {
-				kind: "pick",
-				choices: scale(PROBABILITY_LABEL),
-				initial: (item.probability ?? 3) - 1,
-				onPick: (v) => up({ probability: v })
-			}
-		}] : [],
-		...item.kind !== "decision" ? [{
-			label: "Impact",
-			value: item.impact ? `${item.impact} ${IMPACT_LABEL[item.impact]}` : "",
-			edit: {
-				kind: "pick",
-				choices: scale(IMPACT_LABEL),
-				initial: (item.impact ?? 3) - 1,
-				onPick: (v) => up({ impact: v })
-			}
-		}] : [],
-		...item.kind === "risk" ? [{
-			label: "Score",
-			value: score != null ? String(score) : ""
-		}] : [],
-		...item.kind === "decision" ? [{
-			label: "Decided by",
-			value: person(item.decidedById) ?? "Not yet",
-			edit: {
-				kind: "pick",
-				choices: [{
-					label: "Not yet",
-					value: null
-				}, ...people.map((p) => ({
-					label: p.name,
-					value: p.id
-				}))],
-				initial: Math.max(0, people.findIndex((p) => p.id === item.decidedById) + 1),
-				onPick: (v) => up({ decidedById: v })
-			}
-		}, {
-			label: "Decided on",
-			value: item.decidedAt ? shortDay(item.decidedAt, today()) : "Not yet",
-			edit: {
-				kind: "date",
-				initial: item.decidedAt ?? null,
-				onSave: (v) => up({ decidedAt: v })
-			}
-		}] : [],
-		{
-			label: copy.dueDate,
-			value: shortDay(item.dueDate, today()),
-			edit: {
-				kind: "date",
-				initial: item.dueDate,
-				onSave: (v) => up({ dueDate: v })
+	const [project, setProject] = useState(projectId);
+	const chosen = projects.find((p) => p.id === project);
+	if (!chosen) return /* @__PURE__ */ jsx(Box, {
+		width,
+		children: /* @__PURE__ */ jsx(Picker, {
+			title: projects.length ? "New task in which project?" : "No projects yet. Esc, then 3 for Projects and n to start one.",
+			choices: projects.map((p) => ({
+				label: p.name,
+				value: p.id,
+				hint: p.key
+			})),
+			onCancel: () => onDone(null),
+			onPick: (id) => setProject(id)
+		})
+	});
+	return /* @__PURE__ */ jsx(Box, {
+		width,
+		children: /* @__PURE__ */ jsx(TextField, {
+			label: `New task in ${chosen.name}${status ? ` · ${STATUS_LABEL[status]}` : ""}`,
+			placeholder: "What needs doing?",
+			hint: `Enter adds it (yours, ${STATUS_LABEL[status ?? "todo"].toLowerCase()}) · Esc leaves it`,
+			onCancel: () => onDone(null),
+			onSubmit: (title) => {
+				if (!title.trim()) return onDone(null);
+				const full = roomFor(store, chosen.id, status ?? "todo");
+				if (full) return onFull(full);
+				onDone(store.getState().addTask({
+					projectId: chosen.id,
+					title: title.trim(),
+					description: "",
+					status: status ?? "todo",
+					priority: "medium",
+					assigneeId: me || null,
+					dueDate: null
+				}));
 			}
-		},
-		...text("description"),
-		...text("mitigation"),
-		...text("contingency"),
-		...text("resolution"),
-		...text("rationale")
-	];
-	const updates = item.updates.slice(-3);
-	return /* @__PURE__ */ jsx(DetailPanel, {
-		title: /* @__PURE__ */ jsxs(Text, { children: [
-			/* @__PURE__ */ jsx(Text, {
-				color: theme.coral,
-				children: KIND_LABEL[item.kind]
-			}),
-			" ",
-			/* @__PURE__ */ jsx(Text, {
-				bold: true,
-				children: item.title
-			})
-		] }),
-		fields,
+		})
+	});
+}
+/** Switch to another harbor this account belongs to. */
+function HarborSwitch({ harbors, current, width, onPick, onClose }) {
+	return /* @__PURE__ */ jsx(Box, {
+		width,
+		children: /* @__PURE__ */ jsx(Picker, {
+			title: "Harbors",
+			choices: harbors.map((h) => ({
+				label: h.name,
+				value: h.id,
+				hint: `${h.role}${h.id === current ? " · open" : ""}`
+			})),
+			initial: Math.max(0, harbors.findIndex((h) => h.id === current)),
+			onCancel: onClose,
+			onPick
+		})
+	});
+}
+const HELP = [
+	["0–9 / Tab", "the screens / between the sidebar and a screen"],
+	[":", "anything: a screen, something new, a name"],
+	["/ / H", "find a task by key or words / switch harbor"],
+	["↑↓ or j k", "move; ←→ or h l across columns and lists"],
+	["Enter / Esc", "open / back"],
+	["n", "new: a task, or what the screen lists"],
+	["e / b", "change what's open / a project's board setup"],
+	["[ ] / { }", "move a card a column / a project along its hill"],
+	["x / d", "mark done / delete (asks first)"],
+	["u / r", "undo your last change / retry saving"],
+	["v", "switch layout: board, list, budget, by project"],
+	["m / R", "new milestone on a program / log a risk"],
+	["D", "show or hide Done projects and programs"],
+	["c / a / C", "on a task: comment / add a step / change yours"],
+	["f / c", "on Today: focus on a task / check in"],
+	["f / p", "on a board: filter by owner / priority"],
+	["q", "quit (saves first)"]
+];
+/**
+* The mark sits beside the keys only when both fit: the longest line, a gap,
+* the 16-pixel mark, and the box's border and padding. Narrower, the lines
+* would wrap and split the mark.
+*/
+const HELP_WITH_MARK = 13 + Math.max(...HELP.map(([, what]) => what.length)) + 2 + LOGO_SMALL[0].length + 4;
+function Help({ width, onClose }) {
+	useInput((input, key) => {
+		if (key.escape || key.return || input === "?" || input === "q") onClose();
+	});
+	return /* @__PURE__ */ jsxs(Box, {
 		width,
-		height,
-		hints: "c add an update · d delete",
-		below: updates.length ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Text, {
-			color: theme.muted,
-			children: "Updates"
-		}), updates.map((u) => /* @__PURE__ */ jsxs(Text, {
-			wrap: "truncate-end",
+		borderStyle: "round",
+		borderColor: theme.border,
+		paddingX: 1,
+		children: [/* @__PURE__ */ jsxs(Box, {
+			flexDirection: "column",
+			flexGrow: 1,
 			children: [
 				/* @__PURE__ */ jsx(Text, {
 					bold: true,
-					children: person(u.authorId) ?? "Someone"
+					color: theme.accent,
+					children: "Keys"
 				}),
-				" ",
+				HELP.map(([k, what]) => /* @__PURE__ */ jsxs(Text, { children: [/* @__PURE__ */ jsx(Text, {
+					bold: true,
+					children: k.padEnd(13)
+				}), what] }, k)),
 				/* @__PURE__ */ jsx(Text, {
 					color: theme.muted,
-					children: shortDay(u.createdAt.slice(0, 10), today())
+					children: "Everything saves as you go and shows on the website."
+				})
+			]
+		}), width >= HELP_WITH_MARK ? /* @__PURE__ */ jsxs(Box, {
+			flexDirection: "column",
+			alignItems: "center",
+			marginLeft: 2,
+			marginTop: 1,
+			children: [
+				/* @__PURE__ */ jsx(Logo, { pixels: LOGO_SMALL }),
+				/* @__PURE__ */ jsx(Text, {
+					bold: true,
+					color: theme.accent,
+					children: "Harbor"
 				}),
-				" ",
-				u.body.replace(/\s+/g, " ")
+				/* @__PURE__ */ jsx(Text, {
+					color: theme.muted,
+					children: "harborppm.com"
+				})
 			]
-		}, u.id))] }) : void 0,
-		keys: {
-			c: () => go.ask("Update (shows in its history)", (text) => text.trim() && store.getState().addRaidUpdate(id, text.trim())),
-			d: () => go.confirm(`Delete “${item.title}” from the register? u undoes it.`, () => {
-				store.getState().deleteRaidItem(id);
-				onClose();
-			}, "Delete")
-		},
-		active,
-		onClose
+		}) : null]
 	});
 }
-function PersonPanel({ id, width, height, go, active, onClose }) {
-	const { store } = useDeps();
-	const person = useHarbor((s) => s.people.find((p) => p.id === id));
+
+//#endregion
+//#region src/tui/views/palette.tsx
+/**
+* `:` — everything in one list: screens, making things, every project and
+* program by name, other harbors. Type to narrow, Enter to run.
+*/
+function Palette({ width, base, open, onClose }) {
+	const projects = useHarbor((s) => s.projects);
 	const programs = useHarbor((s) => s.programs);
-	if (!person) return null;
-	const up = (patch) => store.getState().updatePerson(id, patch);
-	const allocations = person.allocations ?? [];
-	const fields = [
-		{
-			label: "Name",
-			value: person.name,
-			edit: {
-				kind: "text",
-				initial: person.name,
-				onSave: (v) => v.trim() && up({ name: v.trim() })
-			}
-		},
-		{
-			label: "Role",
-			value: person.role,
-			edit: {
-				kind: "text",
-				initial: person.role,
-				onSave: (v) => up({ role: v.trim() })
-			}
-		},
-		{
-			label: "Tasks a week",
-			value: person.weeklyCapacity != null ? String(person.weeklyCapacity) : "5 (the usual)",
-			edit: {
-				kind: "number",
-				initial: person.weeklyCapacity ?? null,
-				min: 0,
-				max: 100,
-				onSave: (v) => up({ weeklyCapacity: v })
-			}
-		},
-		{
-			label: "Location",
-			value: person.location,
-			edit: {
-				kind: "text",
-				initial: person.location,
-				onSave: (v) => up({ location: v.trim() })
-			}
+	const portfolios = useHarbor((s) => s.portfolios);
+	const [query, setQuery] = useState("");
+	const [at, setAt] = useState(0);
+	const all = useMemo(() => [
+		...base,
+		...projects.map((p) => ({
+			label: `Open ${p.name}`,
+			hint: `project ${p.key ?? ""}`,
+			run: () => open("project", p.id)
+		})),
+		...programs.map((p) => ({
+			label: `Open ${p.name}`,
+			hint: "program",
+			run: () => open("program", p.id)
+		})),
+		...portfolios.map((p) => ({
+			label: `Open ${p.name}`,
+			hint: "portfolio",
+			run: () => open("portfolio", p.id)
+		}))
+	], [
+		base,
+		projects,
+		programs,
+		portfolios,
+		open
+	]);
+	const hits = useMemo(() => matchCommands(all, query, 12), [all, query]);
+	useInput((input, key) => {
+		if (key.escape) return onClose();
+		if (key.upArrow) return setAt((i) => step(i, -1, hits.length));
+		if (key.downArrow) return setAt((i) => step(i, 1, hits.length));
+		if (key.return) {
+			const hit = hits[Math.min(at, hits.length - 1)];
+			onClose();
+			if (hit) hit.run();
+			return;
 		}
-	];
-	return /* @__PURE__ */ jsx(DetailPanel, {
-		title: /* @__PURE__ */ jsx(Text, {
-			bold: true,
-			children: person.name
-		}),
-		subtitle: person.accountId ? "Signs in to Harbor" : "Doesn't sign in (named on tasks only)",
-		fields,
+		if (key.backspace || key.delete) {
+			setAt(0);
+			return setQuery((q) => q.slice(0, -1));
+		}
+		if (key.ctrl || key.meta || key.tab || key.leftArrow || key.rightArrow) return;
+		if (input) {
+			setAt(0);
+			setQuery((q) => q + input.replace(/[\r\n]+/g, " "));
+		}
+	});
+	return /* @__PURE__ */ jsxs(Box, {
+		flexDirection: "column",
 		width,
-		height,
-		hints: "a promise time to a program",
-		keys: { a: () => go.pick("Promise time to which program?", programs.map((p) => ({
-			label: p.name,
-			value: p.id
-		})), (programId) => go.ask("What share of their time, in percent? (0 takes it away)", (text) => {
-			const n = Number(text.replace("%", "").trim());
-			if (!Number.isFinite(n) || n < 0 || n > 100) return go.notify("A percent from 0 to 100.");
-			store.getState().setAllocation(id, programId, n || null);
-		})) },
-		below: allocations.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
-			/* @__PURE__ */ jsx(Text, { children: " " }),
-			/* @__PURE__ */ jsxs(Text, {
+		borderStyle: "round",
+		borderColor: theme.border,
+		paddingX: 1,
+		children: [
+			/* @__PURE__ */ jsxs(Text, { children: [
+				/* @__PURE__ */ jsxs(Text, {
+					color: theme.accent,
+					bold: true,
+					children: [":", " "]
+				}),
+				query || /* @__PURE__ */ jsx(Text, {
+					color: theme.muted,
+					children: "a screen, “new …”, or a project, program or portfolio by name"
+				}),
+				/* @__PURE__ */ jsx(Text, {
+					inverse: true,
+					children: " "
+				})
+			] }),
+			hits.length === 0 ? /* @__PURE__ */ jsx(Text, {
 				color: theme.muted,
-				children: ["  ", "Time promised"]
+				children: "Nothing matches."
+			}) : null,
+			hits.map((c, i) => {
+				const on = i === Math.min(at, hits.length - 1);
+				return /* @__PURE__ */ jsxs(Text, {
+					color: on ? theme.selected : void 0,
+					bold: on,
+					wrap: "truncate-end",
+					children: [
+						on ? "› " : "  ",
+						c.label,
+						c.hint ? /* @__PURE__ */ jsxs(Text, {
+							color: theme.muted,
+							children: [" · ", c.hint]
+						}) : null
+					]
+				}, `${c.label}-${i}`);
 			}),
-			allocations.map((a) => /* @__PURE__ */ jsxs(Text, {
-				wrap: "truncate-end",
-				children: [
-					"  ",
-					programs.find((p) => p.id === a.programId)?.name ?? "A program",
-					" ",
-					/* @__PURE__ */ jsxs(Text, {
-						color: theme.muted,
-						children: [a.percent, "%"]
-					})
-				]
-			}, a.programId))
-		] }) : null,
-		active,
-		onClose
+			/* @__PURE__ */ jsx(Text, {
+				color: theme.muted,
+				children: "↑↓ choose · Enter go · Esc close"
+			})
+		]
 	});
 }