@harborppm/cli 0.11.2 → 0.13.0

package/dist/app.mjs

@@ -1485,6 +1485,97 @@ function forecastAtCompletion(item, now) {
 	};
 }
 
+//#endregion
+//#region src/lib/flow.ts
+function tasksInProgramOf(data, programId) {
+	const ids = new Set(data.projects.filter((p) => p.programId === programId).map((p) => p.id));
+	return data.tasks.filter((t) => ids.has(t.projectId));
+}
+function constraintOf(data, programId) {
+	const rows = data.constraints ?? [];
+	return rows.find((c) => c.programId === programId && c.status === "active") ?? rows.find((c) => c.programId === programId);
+}
+function activeConstraints(data) {
+	return (data.constraints ?? []).filter((c) => c.status === "active");
+}
+function constraintsOwnedBy(data, personId) {
+	return activeConstraints(data).filter((c) => c.ownerId === personId);
+}
+function constraintIdle(data, constraint) {
+	if (constraint.status !== "active" || !constraint.ownerId) return false;
+	const tasks = tasksInProgramOf(data, constraint.programId);
+	if (!tasks.some((t) => t.status !== "done")) return false;
+	if (tasks.some((t) => t.assigneeId === constraint.ownerId && t.status === "doing")) return false;
+	const here = new Set(tasks.map((t) => t.id));
+	return data.tasks.some((t) => t.assigneeId === constraint.ownerId && t.status === "doing" && !here.has(t.id));
+}
+
+//#endregion
+//#region src/lib/spend.ts
+function spendEntriesOf(data, projectId) {
+	return (data.spendEntries ?? []).filter((e) => e.projectId === projectId).sort((a, b) => a.date.localeCompare(b.date));
+}
+function spentFromEntries(entries) {
+	return entries.reduce((sum, e) => sum + e.amount, 0);
+}
+/** The entry that makes the ledger agree with a total typed by hand. */
+function adjustmentEntry(projectId, oldSpent, newSpent, date, id) {
+	const delta = Math.round((newSpent - oldSpent) * 100) / 100;
+	if (delta === 0) return null;
+	return {
+		id,
+		projectId,
+		amount: delta,
+		date,
+		note: "Adjusted the total by hand"
+	};
+}
+
+//#endregion
+//#region src/lib/selectors.ts
+function programsIn(data, portfolioId) {
+	return data.programs.filter((p) => p.portfolioId === portfolioId);
+}
+function projectsInProgram(data, programId) {
+	return data.projects.filter((p) => p.programId === programId);
+}
+/** Projects (or programs) still running, and the ones set to Done, which lists tuck away until asked for. */
+function splitDone(items) {
+	const open = [];
+	const done = [];
+	for (const item of items) (item.health === "done" ? done : open).push(item);
+	return {
+		open,
+		done
+	};
+}
+function projectsInPortfolio(data, portfolioId) {
+	const ids = new Set(programsIn(data, portfolioId).map((p) => p.id));
+	return data.projects.filter((p) => ids.has(p.programId));
+}
+function sum(values) {
+	return values.reduce((a, b) => a + b, 0);
+}
+/** Projects are the leaf: their own `spent` field, no rollup needed. */
+function programSpent(data, programId) {
+	return sum(projectsInProgram(data, programId).map((p) => p.spent));
+}
+/** Sum of a program's own projects' budgets — compare against the program's stated budget to see over/under-allocation. */
+function programBudgetAllocated(data, programId) {
+	return sum(projectsInProgram(data, programId).map((p) => p.budget));
+}
+/** This program's own items plus everything raised in its projects. */
+function programRaidItems(data, programId) {
+	const projectIds = new Set(projectsInProgram(data, programId).map((p) => p.id));
+	return data.raidItems.filter((r) => r.programId === programId || r.projectId != null && projectIds.has(r.projectId));
+}
+/** This portfolio's own items plus everything raised in its programs and their projects. */
+function portfolioRaidItems(data, portfolioId) {
+	const programIds = new Set(programsIn(data, portfolioId).map((p) => p.id));
+	const projectIds = new Set(projectsInPortfolio(data, portfolioId).map((p) => p.id));
+	return data.raidItems.filter((r) => r.portfolioId === portfolioId || r.programId != null && programIds.has(r.programId) || r.projectId != null && projectIds.has(r.projectId));
+}
+
 //#endregion
 //#region src/lib/baseline.ts
 const day$2 = (iso) => /* @__PURE__ */ new Date(`${iso}T12:00:00`);
@@ -1823,27 +1914,6 @@ function searchTasks(tasks, projects, query, limit = 12) {
 	}, limit);
 }
 
-//#endregion
-//#region src/lib/spend.ts
-function spendEntriesOf(data, projectId) {
-	return (data.spendEntries ?? []).filter((e) => e.projectId === projectId).sort((a, b) => a.date.localeCompare(b.date));
-}
-function spentFromEntries(entries) {
-	return entries.reduce((sum, e) => sum + e.amount, 0);
-}
-/** The entry that makes the ledger agree with a total typed by hand. */
-function adjustmentEntry(projectId, oldSpent, newSpent, date, id) {
-	const delta = Math.round((newSpent - oldSpent) * 100) / 100;
-	if (delta === 0) return null;
-	return {
-		id,
-		projectId,
-		amount: delta,
-		date,
-		note: "Adjusted the total by hand"
-	};
-}
-
 //#endregion
 //#region src/lib/work.ts
 /** Every task this one waits on that still exists, done or not. */
@@ -2088,6 +2158,82 @@ function forecastLine(f) {
 	const side = f.variance >= 0 ? "under" : "over";
 	return `At this rate it ends at ${money(Math.round(f.eac))} (${money(gap)} ${side} budget)`;
 }
+const NO_FILTER = {
+	who: "any",
+	priority: "any"
+};
+function filterTasks(tasks, f) {
+	if (f.who === "any" && f.priority === "any") return tasks;
+	return tasks.filter((t) => (f.who === "any" || (f.who === "none" ? t.assigneeId === null : t.assigneeId === f.who)) && (f.priority === "any" || t.priority === f.priority));
+}
+/**
+* Bands of lines, each line owned by one item (a program or a project):
+* the first line to show so the selected band fits, scrolling as little
+* as it can from the top.
+*/
+function bandStart(owners, selected, rows) {
+	const first = owners.indexOf(selected);
+	if (first < 0) return 0;
+	const last = owners.lastIndexOf(selected);
+	return Math.max(0, Math.min(first, last - rows + 1));
+}
+/** The next milestones still to reach, soonest first. */
+function nextMarks(data, programId, n) {
+	return data.milestones.filter((m) => m.programId === programId && !m.done).sort((a, b) => a.dueDate.localeCompare(b.dueDate)).slice(0, n);
+}
+/** Open risks and issues, worst first. */
+function worst(items, n) {
+	return sortRaid(items.filter(isActive)).slice(0, n);
+}
+function projectRow(data, project, today) {
+	const tasks = tasksOf(data.tasks, project.id);
+	const open = {};
+	let done = 0;
+	let late = 0;
+	for (const t of tasks) {
+		if (t.status === "done") done++;
+		else open[t.status] = (open[t.status] ?? 0) + 1;
+		if (isLate(t, today)) late++;
+	}
+	return {
+		project,
+		progress: tasks.length ? Math.round(done / tasks.length * 100) : 0,
+		late,
+		open
+	};
+}
+function activeConstraint(data, programId) {
+	const c = constraintOf(data, programId);
+	return c?.status === "active" ? c.title : null;
+}
+/** A portfolio read program by program, as the website's By program layout. */
+function programBands(data, portfolioId, today, showDone) {
+	const split = splitDone(data.programs.filter((p) => p.portfolioId === portfolioId));
+	return (showDone ? [...split.open, ...split.done] : split.open).map((program) => {
+		const mine = splitDone(data.projects.filter((p) => p.programId === program.id));
+		const rows = (showDone ? [...mine.open, ...mine.done] : mine.open).map((p) => projectRow(data, p, today));
+		const all = [...mine.open, ...mine.done].map((p) => tasksOf(data.tasks, p.id));
+		const total = all.reduce((n, t) => n + t.length, 0);
+		const done = all.reduce((n, t) => n + t.filter((x) => x.status === "done").length, 0);
+		return {
+			program,
+			progress: total ? Math.round(done / total * 100) : 0,
+			constraint: activeConstraint(data, program.id),
+			projects: rows,
+			doneProjects: showDone ? 0 : mine.done.length,
+			milestones: nextMarks(data, program.id, 2),
+			risks: worst(programRaidItems(data, program.id), 2)
+		};
+	});
+}
+/** A program read project by project, as the website's By project layout. */
+function projectBands(data, programId, today, showDone) {
+	const split = splitDone(data.projects.filter((p) => p.programId === programId));
+	return (showDone ? [...split.open, ...split.done] : split.open).map((p) => ({
+		...projectRow(data, p, today),
+		risks: worst(data.raidItems.filter((r) => r.projectId === p.id), 2)
+	}));
+}
 
 //#endregion
 //#region src/tui/theme.ts
@@ -2973,27 +3119,6 @@ function HistoryView({ active, width, height, go }) {
 	});
 }
 
-//#endregion
-//#region src/lib/flow.ts
-function tasksInProgramOf(data, programId) {
-	const ids = new Set(data.projects.filter((p) => p.programId === programId).map((p) => p.id));
-	return data.tasks.filter((t) => ids.has(t.projectId));
-}
-function activeConstraints(data) {
-	return (data.constraints ?? []).filter((c) => c.status === "active");
-}
-function constraintsOwnedBy(data, personId) {
-	return activeConstraints(data).filter((c) => c.ownerId === personId);
-}
-function constraintIdle(data, constraint) {
-	if (constraint.status !== "active" || !constraint.ownerId) return false;
-	const tasks = tasksInProgramOf(data, constraint.programId);
-	if (!tasks.some((t) => t.status !== "done")) return false;
-	if (tasks.some((t) => t.assigneeId === constraint.ownerId && t.status === "doing")) return false;
-	const here = new Set(tasks.map((t) => t.id));
-	return data.tasks.some((t) => t.assigneeId === constraint.ownerId && t.status === "doing" && !here.has(t.id));
-}
-
 //#endregion
 //#region src/lib/inbox.ts
 const KIND_RANK = {
@@ -3285,19 +3410,6 @@ function weeklyLoad(tasks, personId, now, weeks = 6) {
 	};
 }
 
-//#endregion
-//#region src/lib/selectors.ts
-/** Projects (or programs) still running, and the ones set to Done, which lists tuck away until asked for. */
-function splitDone(items) {
-	const open = [];
-	const done = [];
-	for (const item of items) (item.health === "done" ? done : open).push(item);
-	return {
-		open,
-		done
-	};
-}
-
 //#endregion
 //#region src/tui/views/lists.tsx
 const count = (n, noun) => `${n} ${noun}${n === 1 ? "" : "s"}`;
@@ -3908,11 +4020,9 @@ function HarborSwitch({ harbors, current, width, onPick, onClose }) {
 	});
 }
 const HELP = [
-	["1–8", "the screens, as the sidebar lists them"],
+	["1–8 / Tab", "the screens / between the sidebar and a screen"],
 	[":", "anything: a screen, something new, a name"],
-	["/", "find a task by key or words"],
-	["H", "switch harbor"],
-	["Tab", "between the sidebar and the screen"],
+	["/ / 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"],
@@ -3923,7 +4033,9 @@ const HELP = [
 	["v", "on a project: board, list, budget"],
 	["m / R", "new milestone on a program / log a risk"],
 	["D", "show or hide Done projects and programs"],
-	["c / a", "on a task: comment / add a checklist step"],
+	["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)"]
 ];
 /**
@@ -4132,7 +4244,7 @@ function healthField(kind, item, go, set, clear) {
 		}
 	};
 }
-function ProgramPanel({ id, width, height, go, onClose }) {
+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);
@@ -4228,10 +4340,11 @@ function ProgramPanel({ id, width, height, go, onClose }) {
 				onClose();
 			}, "Delete");
 		} },
+		active,
 		onClose
 	});
 }
-function PortfolioPanel({ id, width, height, go, onClose }) {
+function PortfolioPanel({ id, width, height, go, active, onClose }) {
 	const { store } = useDeps();
 	const portfolio = useHarbor((s) => s.portfolios.find((p) => p.id === id));
 	const people = useHarbor((s) => s.people);
@@ -4295,10 +4408,11 @@ function PortfolioPanel({ id, width, height, go, onClose }) {
 				onClose();
 			}, "Delete");
 		} },
+		active,
 		onClose
 	});
 }
-function ProjectPanel({ id, width, height, go, onClose }) {
+function ProjectPanel({ id, width, height, go, active, onClose }) {
 	const { store, today } = useDeps();
 	const project = useHarbor((s) => s.projects.find((p) => p.id === id));
 	const people = useHarbor((s) => s.people);
@@ -4408,10 +4522,11 @@ function ProjectPanel({ id, width, height, go, onClose }) {
 				onClose();
 			}, "Delete");
 		} },
+		active,
 		onClose
 	});
 }
-function MilestonePanel({ id, width, height, go, onClose }) {
+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);
@@ -4482,10 +4597,11 @@ function MilestonePanel({ id, width, height, go, onClose }) {
 				onClose();
 			}, "Delete")
 		},
+		active,
 		onClose
 	});
 }
-function RaidPanel({ id, width, height, go, 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);
@@ -4632,10 +4748,11 @@ function RaidPanel({ id, width, height, go, onClose }) {
 				onClose();
 			}, "Delete")
 		},
+		active,
 		onClose
 	});
 }
-function PersonPanel({ id, width, height, go, onClose }) {
+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);
@@ -4719,122 +4836,429 @@ function PersonPanel({ id, width, height, go, onClose }) {
 				]
 			}, a.programId))
 		] }) : null,
+		active,
 		onClose
 	});
 }
 
 //#endregion
-//#region src/tui/views/program.tsx
+//#region src/tui/views/bands.tsx
 /**
-* One program: its health (and why, when set by hand), next move, its
-* projects and its milestones. ←→ between the two lists. Projects set to
-* Done stay out of the list until D shows them.
+* The website's band layouts in the terminal: a portfolio read program by
+* program, a program read project by project. Each band is a few lines; the
+* one you're on stays in view.
 */
-function ProgramView({ programId, active, width, height, go, onBack }) {
-	const { store, today } = useDeps();
-	const program = useHarbor((s) => s.programs.find((p) => p.id === programId));
-	const projects = useHarbor((s) => s.projects);
-	const tasks = useHarbor((s) => s.tasks);
-	const milestones = useHarbor((s) => s.milestones);
-	const people = useHarbor((s) => s.people);
-	const portfolio = useHarbor((s) => s.portfolios.find((p) => p.id === program?.portfolioId));
-	const [showDone, setShowDone] = useState(false);
-	const split = useMemo(() => splitDone(projects.filter((p) => p.programId === programId)), [projects, programId]);
-	const mine = showDone ? [...split.open, ...split.done] : split.open;
-	const marks = useMemo(() => milestonesOf({ milestones }, programId, today()), [
-		milestones,
-		programId,
-		today
-	]);
-	const [side, setSide] = useState("projects");
-	const [pAt, setPAt] = useState(0);
-	const [mAt, setMAt] = useState(0);
-	const project = mine[Math.min(pAt, mine.length - 1)];
-	const mark = marks[Math.min(mAt, marks.length - 1)]?.milestone;
-	useInput((input, key) => {
-		if (key.escape || key.backspace) return onBack();
-		if (key.leftArrow || input === "h") return setSide("projects");
-		if (key.rightArrow || input === "l") return setSide("milestones");
-		if (input === "e") return go.openPanel("program", programId);
-		if (input === "n") return go.create("project", { programId });
-		if (input === "m") return go.create("milestone", { programId });
-		if (input === "R") return go.create("raid", {});
-		if (input === "D" && split.done.length > 0) {
-			setSide("projects");
-			return setShowDone((v) => !v);
-		}
-		if (side === "projects") {
-			if (key.upArrow || input === "k") setPAt((i) => step(i, -1, mine.length));
-			else if (key.downArrow || input === "j") setPAt((i) => step(i, 1, mine.length));
-			else if (key.return && project) go.openProject(project.id);
-		} else if (key.upArrow || input === "k") setMAt((i) => step(i, -1, marks.length));
-		else if (key.downArrow || input === "j") setMAt((i) => step(i, 1, marks.length));
-		else if (key.return && mark) go.openPanel("milestone", mark.id);
-		else if (input === " " && mark) store.getState().toggleMilestone(mark.id);
-		else if (input === "d" && mark) go.confirm(`Delete the milestone “${mark.name}”? u undoes it.`, () => store.getState().deleteMilestone(mark.id), "Delete");
-	}, { isActive: active });
-	if (!program) return /* @__PURE__ */ jsx(Text, {
-		color: theme.muted,
-		children: " That program isn’t in this harbor any more. Esc goes back."
-	});
-	const lead = people.find((p) => p.id === program.ownerId);
-	const half = Math.floor((width - 3) / 2);
-	const rows = height - 6;
-	const data = {
-		tasks,
-		projects
-	};
-	return /* @__PURE__ */ jsxs(Box, {
+const NAME$1 = 24;
+function Lines({ lines, selected, rows }) {
+	const start = bandStart(lines.map((l) => l.owner), selected, rows);
+	const shown = lines.slice(start, start + rows);
+	return /* @__PURE__ */ jsx(Box, {
 		flexDirection: "column",
-		width,
-		height,
-		paddingX: 1,
+		height: rows,
+		children: shown.map((l, i) => /* @__PURE__ */ jsx(Box, { children: l.node }, start + i))
+	});
+}
+function fit(text, n) {
+	return text.length > n ? `${text.slice(0, n - 1)}…` : text.padEnd(n);
+}
+function riskLine(r, today) {
+	const score = scoreOf(r);
+	return /* @__PURE__ */ jsxs(Text, {
+		wrap: "truncate-end",
 		children: [
-			/* @__PURE__ */ jsxs(Box, {
-				justifyContent: "space-between",
-				children: [/* @__PURE__ */ jsxs(Text, {
-					wrap: "truncate-end",
-					children: [
-						/* @__PURE__ */ jsx(Text, {
-							bold: true,
-							children: program.name
-						}),
-						" ",
-						/* @__PURE__ */ jsx(HealthMark, {
-							health: program.health,
-							label: true
-						}),
-						program.healthOverride ? /* @__PURE__ */ jsxs(Text, {
-							color: theme.muted,
-							children: [
-								" (by hand: ",
-								program.healthNote || "no note",
-								")"
-							]
-						}) : null
-					]
-				}), /* @__PURE__ */ jsxs(Text, {
-					color: theme.muted,
-					children: [
-						portfolio?.name,
-						lead ? ` · ${lead.name}` : "",
-						" · ",
-						shortDay(program.startDate, today()),
-						"–",
-						shortDay(program.endDate, today())
-					]
-				})]
+			"    ",
+			/* @__PURE__ */ jsx(Text, {
+				color: r.kind === "issue" ? theme.bad : r.kind === "risk" ? theme.warn : theme.muted,
+				children: KIND_LABEL[r.kind].toLowerCase()
 			}),
+			" ",
+			r.title,
 			/* @__PURE__ */ jsxs(Text, {
-				wrap: "truncate-end",
-				color: program.nextMove ? void 0 : theme.muted,
-				children: ["Next move: ", program.nextMove || "none written yet (e to write one)"]
-			}),
-			/* @__PURE__ */ jsx(Text, { children: " " }),
-			/* @__PURE__ */ jsxs(Box, { children: [/* @__PURE__ */ jsxs(Box, {
-				flexDirection: "column",
-				width: half,
-				marginRight: 1,
+				color: theme.muted,
+				children: [score != null ? ` · score ${score}` : "", r.dueDate ? ` · review ${shortDay(r.dueDate, today)}` : ""]
+			})
+		]
+	});
+}
+function projectLine(row, w, bar, today, indent = 4) {
+	const p = row.project;
+	return /* @__PURE__ */ jsxs(Text, {
+		wrap: "truncate-end",
+		children: [
+			" ".repeat(indent),
+			/* @__PURE__ */ jsx(Text, {
+				color: HEALTH_COLOR[p.health],
+				children: "●"
+			}),
+			" ",
+			fit(p.name, NAME$1 - indent),
+			" ",
+			/* @__PURE__ */ jsx(Text, {
+				color: HEALTH_COLOR[p.health],
+				children: roadmapCells(p.startDate, p.endDate, [], w, bar)
+			}),
+			" ",
+			/* @__PURE__ */ jsxs(Text, {
+				color: theme.muted,
+				children: [String(row.progress).padStart(3), "%"]
+			}),
+			row.late ? /* @__PURE__ */ jsxs(Text, {
+				color: theme.bad,
+				children: [
+					" ",
+					row.late,
+					" late"
+				]
+			}) : null
+		]
+	});
+}
+/** The months over the bars, lined up with them. */
+function Axis({ w, bar }) {
+	return /* @__PURE__ */ jsxs(Text, {
+		color: theme.muted,
+		wrap: "truncate-end",
+		children: [" ".repeat(27), roadmapHeader(w, bar)]
+	});
+}
+/** A portfolio, program by program: each with its projects' bars, next milestones and worst risks. */
+function ProgramBands({ bands, at, active, width, height, w, today }) {
+	const bar = Math.max(10, width - NAME$1 - 19);
+	const lines = [];
+	bands.forEach((b, i) => {
+		const on = active && i === at;
+		const p = b.program;
+		lines.push({
+			owner: i,
+			node: /* @__PURE__ */ jsxs(Text, {
+				wrap: "truncate-end",
+				color: on ? theme.selected : void 0,
+				bold: on,
+				children: [
+					on ? "› " : "  ",
+					/* @__PURE__ */ jsx(Text, {
+						color: HEALTH_COLOR[p.health],
+						children: "●"
+					}),
+					" ",
+					p.name,
+					" ",
+					/* @__PURE__ */ jsxs(Text, {
+						color: theme.muted,
+						bold: false,
+						children: [
+							HEALTH_LABEL[p.health],
+							" · ",
+							b.progress,
+							"% done",
+							p.nextMove ? ` · next: ${p.nextMove}` : ""
+						]
+					})
+				]
+			})
+		});
+		if (b.constraint) lines.push({
+			owner: i,
+			node: /* @__PURE__ */ jsxs(Text, {
+				color: theme.warn,
+				wrap: "truncate-end",
+				children: [
+					"    ",
+					"Held back by ",
+					b.constraint
+				]
+			})
+		});
+		for (const row of b.projects) lines.push({
+			owner: i,
+			node: projectLine(row, w, bar, today)
+		});
+		if (b.projects.length === 0) lines.push({
+			owner: i,
+			node: /* @__PURE__ */ jsxs(Text, {
+				color: theme.muted,
+				children: ["    ", b.doneProjects ? "Every project here is done." : "No projects yet."]
+			})
+		});
+		else if (b.doneProjects) lines.push({
+			owner: i,
+			node: /* @__PURE__ */ jsxs(Text, {
+				color: theme.muted,
+				children: [
+					"    ",
+					b.doneProjects,
+					" done hidden (D)"
+				]
+			})
+		});
+		for (const m of b.milestones) lines.push({
+			owner: i,
+			node: /* @__PURE__ */ jsxs(Text, {
+				wrap: "truncate-end",
+				children: [
+					"    ",
+					/* @__PURE__ */ jsx(Text, {
+						color: m.dueDate < today ? theme.bad : theme.accent,
+						children: "◆"
+					}),
+					" ",
+					m.name,
+					/* @__PURE__ */ jsxs(Text, {
+						color: m.dueDate < today ? theme.bad : theme.muted,
+						children: [
+							" ",
+							"· ",
+							m.dueDate < today ? "late, " : "",
+							shortDay(m.dueDate, today)
+						]
+					})
+				]
+			})
+		});
+		for (const r of b.risks) lines.push({
+			owner: i,
+			node: riskLine(r, today)
+		});
+		lines.push({
+			owner: i,
+			node: /* @__PURE__ */ jsx(Text, { children: " " })
+		});
+	});
+	return /* @__PURE__ */ jsxs(Box, {
+		flexDirection: "column",
+		height,
+		children: [/* @__PURE__ */ jsx(Axis, {
+			w,
+			bar
+		}), /* @__PURE__ */ jsx(Lines, {
+			lines,
+			selected: at,
+			rows: Math.max(1, height - 1)
+		})]
+	});
+}
+/** A program, project by project: each with its bar, its open tasks by status and its worst risks. */
+function ProjectBands({ bands, at, active, width, height, w, today }) {
+	const bar = Math.max(10, width - NAME$1 - 14);
+	const lines = [];
+	bands.forEach((b, i) => {
+		const on = active && i === at;
+		const p = b.project;
+		lines.push({
+			owner: i,
+			node: /* @__PURE__ */ jsxs(Text, {
+				wrap: "truncate-end",
+				color: on ? theme.selected : void 0,
+				bold: on,
+				children: [
+					on ? "› " : "  ",
+					/* @__PURE__ */ jsx(Text, {
+						color: HEALTH_COLOR[p.health],
+						children: "●"
+					}),
+					" ",
+					fit(p.name, 22),
+					" ",
+					/* @__PURE__ */ jsx(Text, {
+						color: HEALTH_COLOR[p.health],
+						bold: false,
+						children: roadmapCells(p.startDate, p.endDate, [], w, bar)
+					}),
+					" ",
+					/* @__PURE__ */ jsxs(Text, {
+						color: theme.muted,
+						bold: false,
+						children: [String(b.progress).padStart(3), "%"]
+					})
+				]
+			})
+		});
+		const open = STATUS_ORDER.filter((s) => s !== "done" && b.open[s]).map((s) => `${STATUS_LABEL[s].toLowerCase()} ${b.open[s]}`);
+		lines.push({
+			owner: i,
+			node: /* @__PURE__ */ jsxs(Text, {
+				wrap: "truncate-end",
+				color: theme.muted,
+				children: [
+					"    ",
+					HEALTH_LABEL[p.health],
+					" · ",
+					open.length ? open.join(" · ") : "nothing open",
+					b.late ? /* @__PURE__ */ jsxs(Text, {
+						color: theme.bad,
+						children: [
+							" · ",
+							b.late,
+							" late"
+						]
+					}) : null,
+					" · ends",
+					" ",
+					shortDay(p.endDate, today)
+				]
+			})
+		});
+		for (const r of b.risks) lines.push({
+			owner: i,
+			node: riskLine(r, today)
+		});
+		lines.push({
+			owner: i,
+			node: /* @__PURE__ */ jsx(Text, { children: " " })
+		});
+	});
+	return /* @__PURE__ */ jsxs(Box, {
+		flexDirection: "column",
+		height,
+		children: [/* @__PURE__ */ jsx(Axis, {
+			w,
+			bar
+		}), /* @__PURE__ */ jsx(Lines, {
+			lines,
+			selected: at,
+			rows: Math.max(1, height - 1)
+		})]
+	});
+}
+
+//#endregion
+//#region src/tui/views/program.tsx
+/**
+* One program: its health (and why, when set by hand), next move, its
+* projects and its milestones. ←→ between the two lists. Projects set to
+* Done stay out of the list until D shows them. v reads it project by
+* project instead, as the website's By project layout.
+*/
+function ProgramView({ programId, active, width, height, go, onBack }) {
+	const { store, today } = useDeps();
+	const program = useHarbor((s) => s.programs.find((p) => p.id === programId));
+	const projects = useHarbor((s) => s.projects);
+	const tasks = useHarbor((s) => s.tasks);
+	const milestones = useHarbor((s) => s.milestones);
+	const people = useHarbor((s) => s.people);
+	const raidItems = useHarbor((s) => s.raidItems);
+	const portfolio = useHarbor((s) => s.portfolios.find((p) => p.id === program?.portfolioId));
+	const [showDone, setShowDone] = useState(false);
+	const split = useMemo(() => splitDone(projects.filter((p) => p.programId === programId)), [projects, programId]);
+	const mine = showDone ? [...split.open, ...split.done] : split.open;
+	const marks = useMemo(() => milestonesOf({ milestones }, programId, today()), [
+		milestones,
+		programId,
+		today
+	]);
+	const [side, setSide] = useState("projects");
+	const [layout, setLayout] = useState("board");
+	const [pAt, setPAt] = useState(0);
+	const [mAt, setMAt] = useState(0);
+	const project = mine[Math.min(pAt, mine.length - 1)];
+	const mark = marks[Math.min(mAt, marks.length - 1)]?.milestone;
+	useInput((input, key) => {
+		if (key.escape || key.backspace) return onBack();
+		if (input === "v") {
+			setSide("projects");
+			return setLayout((l) => l === "board" ? "bands" : "board");
+		}
+		if (layout === "board" && (key.leftArrow || input === "h")) return setSide("projects");
+		if (layout === "board" && (key.rightArrow || input === "l")) return setSide("milestones");
+		if (input === "e") return go.openPanel("program", programId);
+		if (input === "n") return go.create("project", { programId });
+		if (input === "m") return go.create("milestone", { programId });
+		if (input === "R") return go.create("raid", {});
+		if (input === "D" && split.done.length > 0) {
+			setSide("projects");
+			return setShowDone((v) => !v);
+		}
+		if (side === "projects") {
+			if (key.upArrow || input === "k") setPAt((i) => step(i, -1, mine.length));
+			else if (key.downArrow || input === "j") setPAt((i) => step(i, 1, mine.length));
+			else if (key.return && project) go.openProject(project.id);
+		} else if (key.upArrow || input === "k") setMAt((i) => step(i, -1, marks.length));
+		else if (key.downArrow || input === "j") setMAt((i) => step(i, 1, marks.length));
+		else if (key.return && mark) go.openPanel("milestone", mark.id);
+		else if (input === " " && mark) store.getState().toggleMilestone(mark.id);
+		else if (input === "d" && mark) go.confirm(`Delete the milestone “${mark.name}”? u undoes it.`, () => store.getState().deleteMilestone(mark.id), "Delete");
+	}, { isActive: active });
+	if (!program) return /* @__PURE__ */ jsx(Text, {
+		color: theme.muted,
+		children: " That program isn’t in this harbor any more. Esc goes back."
+	});
+	const lead = people.find((p) => p.id === program.ownerId);
+	const half = Math.floor((width - 3) / 2);
+	const rows = height - 6;
+	const data = {
+		tasks,
+		projects
+	};
+	const bands = layout === "bands" ? projectBands({
+		tasks,
+		projects,
+		raidItems
+	}, programId, today(), showDone) : [];
+	return /* @__PURE__ */ jsxs(Box, {
+		flexDirection: "column",
+		width,
+		height,
+		paddingX: 1,
+		children: [
+			/* @__PURE__ */ jsxs(Box, {
+				justifyContent: "space-between",
+				children: [/* @__PURE__ */ jsxs(Text, {
+					wrap: "truncate-end",
+					children: [
+						/* @__PURE__ */ jsx(Text, {
+							bold: true,
+							children: program.name
+						}),
+						" ",
+						/* @__PURE__ */ jsx(HealthMark, {
+							health: program.health,
+							label: true
+						}),
+						program.healthOverride ? /* @__PURE__ */ jsxs(Text, {
+							color: theme.muted,
+							children: [
+								" (by hand: ",
+								program.healthNote || "no note",
+								")"
+							]
+						}) : null
+					]
+				}), /* @__PURE__ */ jsxs(Text, {
+					color: theme.muted,
+					children: [
+						portfolio?.name,
+						lead ? ` · ${lead.name}` : "",
+						" · ",
+						shortDay(program.startDate, today()),
+						"–",
+						shortDay(program.endDate, today())
+					]
+				})]
+			}),
+			/* @__PURE__ */ jsxs(Text, {
+				wrap: "truncate-end",
+				color: program.nextMove ? void 0 : theme.muted,
+				children: ["Next move: ", program.nextMove || "none written yet (e to write one)"]
+			}),
+			/* @__PURE__ */ jsx(Text, { children: " " }),
+			layout === "bands" ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Heading, {
+				right: `${mine.length}${split.done.length > 0 ? ` · ${split.done.length} done ${showDone ? "shown" : "hidden"} (D)` : ""} · v board`,
+				children: "By project"
+			}), mine.length === 0 ? /* @__PURE__ */ jsx(Text, {
+				color: theme.muted,
+				children: split.done.length > 0 ? "Every project here is done. D shows them." : "None yet. n adds one."
+			}) : /* @__PURE__ */ jsx(ProjectBands, {
+				bands,
+				at: Math.min(pAt, bands.length - 1),
+				active,
+				width: width - 2,
+				height: height - 4,
+				w: roadmapWindow("half", today()),
+				today: today()
+			})] }) : /* @__PURE__ */ jsxs(Box, { children: [/* @__PURE__ */ jsxs(Box, {
+				flexDirection: "column",
+				width: half,
+				marginRight: 1,
 				children: [
 					/* @__PURE__ */ jsx(Heading, {
 						right: split.done.length > 0 ? `${mine.length} · ${split.done.length} done ${showDone ? "shown" : "hidden"} (D)` : `${mine.length}`,
@@ -4916,20 +5340,54 @@ function ProgramView({ programId, active, width, height, go, onBack }) {
 		]
 	});
 }
-/** One portfolio: its health and its programs, each with theirs; Done ones wait for D. */
+/**
+* One portfolio, as the website's board: its programs, with its worst
+* risks, next milestones and money beside them when there's room. v reads
+* it program by program instead (By program). Done programs wait for D.
+*/
 function PortfolioView({ portfolioId, active, width, height, go, onBack }) {
+	const { today } = useDeps();
 	const portfolio = useHarbor((s) => s.portfolios.find((p) => p.id === portfolioId));
 	const programs = useHarbor((s) => s.programs);
 	const projects = useHarbor((s) => s.projects);
+	const tasks = useHarbor((s) => s.tasks);
+	const milestones = useHarbor((s) => s.milestones);
+	const raidItems = useHarbor((s) => s.raidItems);
+	const constraints = useHarbor((s) => s.constraints);
 	const [showDone, setShowDone] = useState(false);
+	const [layout, setLayout] = useState("board");
 	const split = useMemo(() => splitDone(programs.filter((p) => p.portfolioId === portfolioId)), [programs, portfolioId]);
 	const list = showDone ? [...split.open, ...split.done] : split.open;
 	const [at, setAt] = useState(0);
 	const program = list[Math.min(at, list.length - 1)];
+	const day = today();
+	const data = useMemo(() => ({
+		programs,
+		projects,
+		tasks,
+		milestones,
+		raidItems,
+		constraints
+	}), [
+		programs,
+		projects,
+		tasks,
+		milestones,
+		raidItems,
+		constraints
+	]);
+	const bands = useMemo(() => layout === "bands" ? programBands(data, portfolioId, day, showDone) : [], [
+		layout,
+		data,
+		portfolioId,
+		day,
+		showDone
+	]);
 	useInput((input, key) => {
 		if (key.escape || key.backspace) return onBack();
 		if (input === "e") return go.openPanel("portfolio", portfolioId);
 		if (input === "n") return go.create("program", { portfolioId });
+		if (input === "v") return setLayout((l) => l === "board" ? "bands" : "board");
 		if (input === "D" && split.done.length > 0) return setShowDone((v) => !v);
 		if (key.upArrow || input === "k") setAt((i) => step(i, -1, list.length));
 		else if (key.downArrow || input === "j") setAt((i) => step(i, 1, list.length));
@@ -4939,6 +5397,15 @@ function PortfolioView({ portfolioId, active, width, height, go, onBack }) {
 		color: theme.muted,
 		children: " That portfolio isn’t in this harbor any more. Esc goes back."
 	});
+	const side = layout === "board" && width >= 96 ? Math.floor((width - 3) * .4) : 0;
+	const main = width - 2 - (side ? side + 1 : 0);
+	const body = height - 4;
+	const risks = sortRaid(portfolioRaidItems(data, portfolioId).filter(isActive));
+	const ids = new Set(list.map((p) => p.id));
+	const next = milestones.filter((m) => ids.has(m.programId) && !m.done).sort((a, b) => a.dueDate.localeCompare(b.dueDate));
+	const budget = list.reduce((n, p) => n + programBudgetAllocated(data, p.id), 0);
+	const spent = list.reduce((n, p) => n + programSpent(data, p.id), 0);
+	const listRows = Math.max(1, body - 1);
 	return /* @__PURE__ */ jsxs(Box, {
 		flexDirection: "column",
 		width,
@@ -4967,50 +5434,136 @@ function PortfolioView({ portfolioId, active, width, height, go, onBack }) {
 					}) : null
 				]
 			}),
-			/* @__PURE__ */ jsx(Text, {
+			/* @__PURE__ */ jsxs(Text, {
 				color: theme.muted,
 				wrap: "truncate-end",
-				children: portfolio.theme || "Portfolio"
+				children: [
+					portfolio.theme || "Portfolio",
+					" · ",
+					layout === "board" ? "board" : "by program",
+					" · v switches"
+				]
 			}),
 			/* @__PURE__ */ jsx(Text, { children: " " }),
-			/* @__PURE__ */ jsx(Heading, {
-				right: `${list.length} program${list.length === 1 ? "" : "s"}${split.done.length > 0 ? ` · ${split.done.length} done ${showDone ? "shown" : "hidden"} (D)` : ""}`,
-				children: "Programs"
-			}),
-			list.length === 0 ? /* @__PURE__ */ jsx(Text, {
-				color: theme.muted,
-				children: split.done.length > 0 ? "Every program here is done. D shows them." : "None yet. n adds one."
-			}) : null,
-			windowOf(list, at, height - 5).items.map((p) => {
-				const on = active && p.id === program?.id;
-				const count = projects.filter((x) => x.programId === p.id).length;
-				return /* @__PURE__ */ jsxs(Text, {
-					color: on ? theme.selected : void 0,
-					bold: on,
-					wrap: "truncate-end",
-					children: [
-						on ? "› " : "  ",
-						/* @__PURE__ */ jsx(Text, {
-							color: HEALTH_COLOR[p.health],
-							children: "●"
-						}),
-						" ",
-						p.name,
-						" ",
-						/* @__PURE__ */ jsxs(Text, {
-							color: theme.muted,
-							children: [
-								HEALTH_LABEL[p.health],
-								" · ",
-								count,
-								" project",
-								count === 1 ? "" : "s",
-								p.nextMove ? ` · next: ${p.nextMove}` : ""
-							]
-						})
-					]
-				}, p.id);
-			})
+			/* @__PURE__ */ jsxs(Box, { children: [/* @__PURE__ */ jsxs(Box, {
+				flexDirection: "column",
+				width: main,
+				children: [/* @__PURE__ */ jsx(Heading, {
+					right: `${list.length} program${list.length === 1 ? "" : "s"}${split.done.length > 0 ? ` · ${split.done.length} done ${showDone ? "shown" : "hidden"} (D)` : ""}`,
+					children: layout === "board" ? "Programs" : "By program"
+				}), list.length === 0 ? /* @__PURE__ */ jsx(Text, {
+					color: theme.muted,
+					children: split.done.length > 0 ? "Every program here is done. D shows them." : "None yet. n adds one."
+				}) : layout === "bands" ? /* @__PURE__ */ jsx(ProgramBands, {
+					bands,
+					at: Math.min(at, bands.length - 1),
+					active,
+					width: main,
+					height: listRows,
+					w: roadmapWindow("half", day),
+					today: day
+				}) : windowOf(list, at, listRows).items.map((p) => {
+					const on = active && p.id === program?.id;
+					const count = projects.filter((x) => x.programId === p.id).length;
+					return /* @__PURE__ */ jsxs(Text, {
+						color: on ? theme.selected : void 0,
+						bold: on,
+						wrap: "truncate-end",
+						children: [
+							on ? "› " : "  ",
+							/* @__PURE__ */ jsx(Text, {
+								color: HEALTH_COLOR[p.health],
+								children: "●"
+							}),
+							" ",
+							p.name,
+							" ",
+							/* @__PURE__ */ jsxs(Text, {
+								color: theme.muted,
+								children: [
+									HEALTH_LABEL[p.health],
+									" · ",
+									count,
+									" project",
+									count === 1 ? "" : "s",
+									p.nextMove ? ` · next: ${p.nextMove}` : ""
+								]
+							})
+						]
+					}, p.id);
+				})]
+			}), side ? /* @__PURE__ */ jsxs(Box, {
+				flexDirection: "column",
+				width: side,
+				marginLeft: 1,
+				children: [
+					/* @__PURE__ */ jsx(Heading, {
+						right: `${risks.length} open`,
+						children: "Risks & issues"
+					}),
+					risks.length === 0 ? /* @__PURE__ */ jsx(Text, {
+						color: theme.muted,
+						children: "Nothing open."
+					}) : null,
+					risks.slice(0, 5).map((r) => /* @__PURE__ */ jsxs(Text, {
+						wrap: "truncate-end",
+						children: [
+							/* @__PURE__ */ jsx(Text, {
+								color: r.kind === "issue" ? theme.bad : r.kind === "risk" ? theme.warn : theme.muted,
+								children: r.kind
+							}),
+							" ",
+							r.title
+						]
+					}, r.id)),
+					/* @__PURE__ */ jsx(Text, { children: " " }),
+					/* @__PURE__ */ jsx(Heading, { children: "Next milestones" }),
+					next.length === 0 ? /* @__PURE__ */ jsx(Text, {
+						color: theme.muted,
+						children: "None to come."
+					}) : null,
+					next.slice(0, 4).map((m) => /* @__PURE__ */ jsxs(Text, {
+						wrap: "truncate-end",
+						children: [
+							/* @__PURE__ */ jsx(Text, {
+								color: m.dueDate < day ? theme.bad : theme.accent,
+								children: "◆"
+							}),
+							" ",
+							m.name,
+							" ",
+							/* @__PURE__ */ jsx(Text, {
+								color: m.dueDate < day ? theme.bad : theme.muted,
+								children: shortDay(m.dueDate, day)
+							})
+						]
+					}, m.id)),
+					/* @__PURE__ */ jsx(Text, { children: " " }),
+					/* @__PURE__ */ jsx(Heading, { children: "Money" }),
+					/* @__PURE__ */ jsxs(Text, {
+						wrap: "truncate-end",
+						children: [
+							money(spent),
+							" ",
+							/* @__PURE__ */ jsx(Text, {
+								color: theme.muted,
+								children: "spent of"
+							}),
+							" ",
+							money(budget),
+							budget > 0 ? /* @__PURE__ */ jsxs(Text, {
+								color: spent > budget ? theme.bad : theme.muted,
+								children: [
+									" ",
+									"(",
+									Math.round(spent / budget * 100),
+									"%)"
+								]
+							}) : null
+						]
+					})
+				]
+			}) : null] })
 		]
 	});
 }
@@ -5036,8 +5589,21 @@ function ProjectView({ projectId, active, width, height, go, onBack }) {
 		people,
 		boardConfigs
 	]);
-	const columns = useMemo(() => boardOf(data, projectId), [data, projectId]);
-	const list = useMemo(() => projectTasks(data, projectId), [data, projectId]);
+	const [filter, setFilter] = useState(NO_FILTER);
+	const columns = useMemo(() => boardOf(data, projectId).map((c) => ({
+		...c,
+		all: c.tasks.length,
+		tasks: filterTasks(c.tasks, filter)
+	})), [
+		data,
+		projectId,
+		filter
+	]);
+	const list = useMemo(() => filterTasks(projectTasks(data, projectId), filter), [
+		data,
+		projectId,
+		filter
+	]);
 	const [mode, setMode] = useState("board");
 	const [spendAt, setSpendAt] = useState(0);
 	const spendEntries = useHarbor((s) => s.spendEntries) ?? [];
@@ -5069,6 +5635,38 @@ function ProjectView({ projectId, active, width, height, go, onBack }) {
 		if (input === "v") return setMode((m) => m === "board" ? "list" : m === "list" ? "budget" : "board");
 		if (input === "e") return go.openPanel("project", projectId);
 		if (input === "R") return go.create("raid", { projectId });
+		if (input === "f" && mode !== "budget") return go.pick("Show cards assigned to", [
+			{
+				label: "Anyone",
+				value: "any"
+			},
+			{
+				label: "Me",
+				value: store.getState().currentUserId
+			},
+			{
+				label: "Nobody yet",
+				value: "none"
+			},
+			...people.map((p) => ({
+				label: p.name,
+				value: p.id,
+				hint: p.role
+			}))
+		], (who) => setFilter((f) => ({
+			...f,
+			who
+		})));
+		if (input === "p" && mode !== "budget") return go.pick("Show cards of priority", [{
+			label: "Any priority",
+			value: "any"
+		}, ...PRIORITIES.map((p) => ({
+			label: PRIORITY_LABEL[p],
+			value: p
+		}))], (priority) => setFilter((f) => ({
+			...f,
+			priority
+		})));
 		if (mode === "budget") {
 			const entries = project ? budgetOf({ spendEntries }, project, /* @__PURE__ */ new Date()).entries : [];
 			const entry = entries[Math.min(spendAt, entries.length - 1)];
@@ -5108,6 +5706,7 @@ function ProjectView({ projectId, active, width, height, go, onBack }) {
 		})
 	});
 	const { done, total } = projectSummary(data, project);
+	const filtered = [filter.who === "none" ? "nobody's" : filter.who !== "any" ? `${people.find((p) => p.id === filter.who)?.name ?? "someone"}'s` : null, filter.priority !== "any" ? PRIORITY_LABEL[filter.priority].toLowerCase() : null].filter(Boolean);
 	const lead = people.find((p) => p.id === project.ownerId);
 	const body = height - 3;
 	const fit = Math.max(1, Math.floor((width - 2) / 14));
@@ -5156,7 +5755,16 @@ function ProjectView({ projectId, active, width, height, go, onBack }) {
 							lead ? ` · ${lead.name}` : "",
 							" · ",
 							mode,
-							" · v next · e details"
+							filtered.length && mode !== "budget" ? /* @__PURE__ */ jsxs(Text, {
+								color: theme.warn,
+								children: [
+									" · only ",
+									filtered.join(", "),
+									" cards"
+								]
+							}) : null,
+							" ",
+							"· v next · f p filter · e details"
 						]
 					})
 				})]
@@ -5180,7 +5788,7 @@ function ProjectView({ projectId, active, width, height, go, onBack }) {
 					const on = active && ci === col;
 					const r = Math.min(rowByCol[ci] ?? 0, Math.max(0, c.tasks.length - 1));
 					const view = windowOf(c.tasks, r, Math.max(1, Math.floor((body - 3) / 3)));
-					const over = c.limit != null && c.tasks.length > c.limit;
+					const over = c.limit != null && c.all > c.limit;
 					return /* @__PURE__ */ jsxs(Box, {
 						flexDirection: "column",
 						width: w,
@@ -5205,7 +5813,11 @@ function ProjectView({ projectId, active, width, height, go, onBack }) {
 											" ",
 											/* @__PURE__ */ jsxs(Text, {
 												color: over ? theme.bad : theme.muted,
-												children: [c.tasks.length, c.limit != null ? `/${c.limit}` : ""]
+												children: [
+													c.tasks.length < c.all ? `${c.tasks.length} of ` : "",
+													c.all,
+													c.limit != null ? `/${c.limit}` : ""
+												]
 											})
 										]
 									})
@@ -5497,6 +6109,78 @@ function RoadmapView({ active, width, height, go }) {
 	});
 }
 
+//#endregion
+//#region src/lib/deps.ts
+/**
+* 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/recurrence.ts
+const REPEAT_LABEL = {
+	weekly: "Every week",
+	biweekly: "Every two weeks",
+	monthly: "Every month"
+};
+const iso$1 = (d) => {
+	return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, "0")}-${String(d.getDate()).padStart(2, "0")}`;
+};
+/** The due date one interval after `from`. */
+function nextDueDate(from, repeat) {
+	const d = /* @__PURE__ */ new Date(`${from}T12:00:00`);
+	if (repeat === "weekly") return iso$1(addDays(d, 7));
+	if (repeat === "biweekly") return iso$1(addDays(d, 14));
+	return iso$1(addMonths(d, 1));
+}
+/**
+* The next occurrence of a repeating task once this one is done: same
+* title, owner, priority and checklist (unticked), due one interval after
+* the old due date (or after today when it had none), back in To do.
+* Null when the task does not repeat.
+*/
+function nextOccurrence(task, id, today, createdAt) {
+	if (!task.repeat) return null;
+	const anchor = task.dueDate && task.dueDate >= today ? task.dueDate : today;
+	return {
+		...task,
+		id,
+		status: "todo",
+		dueDate: nextDueDate(anchor, task.repeat),
+		createdAt,
+		completedAt: null,
+		blockedById: null,
+		blockedByIds: [],
+		checklist: (task.checklist ?? []).map((c) => ({
+			...c,
+			done: false
+		}))
+	};
+}
+
 //#endregion
 //#region src/tui/views/task.tsx
 const FIELDS = [
@@ -5524,19 +6208,34 @@ const FIELDS = [
 		field: "project",
 		label: "Project"
 	},
+	{
+		field: "waits",
+		label: "Waits on"
+	},
+	{
+		field: "repeat",
+		label: "Repeats"
+	},
 	{
 		field: "notes",
 		label: "Notes"
 	}
 ];
+const REPEATS = [
+	null,
+	"weekly",
+	"biweekly",
+	"monthly"
+];
 /** Everything about one task, every field editable: ↑↓ to a field, Enter to change it. */
-function TaskPanel({ taskId, width, height, go, onClose }) {
+function TaskPanel({ taskId, width, height, go, active = true, onClose }) {
 	const { store, today } = useDeps();
 	const tasks = useHarbor((s) => s.tasks);
 	const projects = useHarbor((s) => s.projects);
 	const people = useHarbor((s) => s.people);
 	const comments = useHarbor((s) => s.comments);
 	const viewOnly = useHarbor((s) => s.myRole === "viewer" || s.keepPaused);
+	const me = useHarbor((s) => s.currentUserId);
 	const task = tasks.find((t) => t.id === taskId);
 	const [at, setAt] = useState(0);
 	const [editing, setEditing] = useState(null);
@@ -5549,6 +6248,10 @@ function TaskPanel({ taskId, width, height, go, onClose }) {
 		if (key.downArrow || input === "j") return setAt((i) => step(i, 1, rows));
 		if (input === "c") return setEditing({ kind: "comment" });
 		if (input === "a") return setEditing({ kind: "step" });
+		if (input === "C") {
+			if (comments.some((c) => c.taskId === task.id && c.authorId === me)) return setEditing({ kind: "mine" });
+			return go.notify("You haven't commented on this task.");
+		}
 		if (input === "x") return moveTask(store, go, task, "done");
 		if (input === "d") return go.confirm(`Delete ${keyOf({ projects }, task)} “${task.title}”? u undoes it.`, () => {
 			store.getState().deleteTask(task.id);
@@ -5561,12 +6264,14 @@ function TaskPanel({ taskId, width, height, go, onClose }) {
 			kind: "field",
 			field: FIELDS[at].field
 		});
-	}, { isActive: editing === null });
+	}, { isActive: active && editing === null });
 	if (!task) return null;
 	const project = projects.find((p) => p.id === task.projectId);
 	const owner = people.find((p) => p.id === task.assigneeId);
 	const waits = openBlockerNames(task, tasks);
 	const thread = comments.filter((c) => c.taskId === task.id).slice(-4);
+	const mine = comments.filter((c) => c.taskId === task.id && c.authorId === me);
+	const blockers = blockersOf(task, tasks);
 	const done = () => setEditing(null);
 	const value = {
 		title: task.title,
@@ -5575,6 +6280,8 @@ function TaskPanel({ taskId, width, height, go, onClose }) {
 		due: task.dueDate ? `${shortDay(task.dueDate, day)}${isLate(task, day) ? " (late)" : ""}` : "None",
 		priority: PRIORITY_LABEL[task.priority],
 		project: project ? `${project.name}${project.key ? ` (${project.key})` : ""}` : "",
+		waits: blockers.length ? blockers.map((b) => `${keyOf({ projects }, b)}${b.status === "done" ? " (done)" : ""}`).join(", ") : "Nothing",
+		repeat: task.repeat ? REPEAT_LABEL[task.repeat] : "Never",
 		notes: task.description.replace(/\s+/g, " ").trim() || "None"
 	};
 	let editor = null;
@@ -5595,7 +6302,44 @@ function TaskPanel({ taskId, width, height, go, onClose }) {
 			done();
 		}
 	});
-	else if (editing?.kind === "field") {
+	else if (editing?.kind === "mine") editor = /* @__PURE__ */ jsx(Picker, {
+		title: "One of your comments: Enter to change it or take it out",
+		choices: mine.map((c) => ({
+			label: c.body.replace(/\s+/g, " "),
+			value: c.id
+		})),
+		initial: mine.length - 1,
+		onCancel: done,
+		onPick: (id) => {
+			const c = mine.find((x) => x.id === id);
+			setEditing(null);
+			go.pick("This comment", [{
+				label: "Change the words",
+				value: "edit"
+			}, {
+				label: "Take it out",
+				value: "delete"
+			}], (what) => {
+				if (what === "edit") setEditing({
+					kind: "reword",
+					id: c.id
+				});
+				else go.confirm("Take out your comment? u undoes it.", () => store.getState().deleteComment(c.id), "Take it out");
+			});
+		}
+	});
+	else if (editing?.kind === "reword") {
+		const c = comments.find((x) => x.id === editing.id);
+		editor = /* @__PURE__ */ jsx(TextField, {
+			label: "Your comment",
+			initial: c?.body ?? "",
+			onCancel: done,
+			onSubmit: (text) => {
+				if (c && text.trim() && text.trim() !== c.body) store.getState().updateComment(c.id, text.trim());
+				done();
+			}
+		});
+	} else if (editing?.kind === "field") {
 		const f = editing.field;
 		if (f === "title" || f === "notes") editor = /* @__PURE__ */ jsx(TextField, {
 			label: f === "title" ? "Title" : "Notes",
@@ -5663,7 +6407,24 @@ function TaskPanel({ taskId, width, height, go, onClose }) {
 					done();
 				}
 			});
-		} else if (f === "project") {
+		} else if (f === "repeat") editor = /* @__PURE__ */ jsx(Picker, {
+			title: "Repeats (finishing it queues the next one)",
+			choices: REPEATS.map((r) => ({
+				label: r ? REPEAT_LABEL[r] : "Never",
+				value: r
+			})),
+			initial: REPEATS.indexOf(task.repeat ?? null),
+			onCancel: done,
+			onPick: (r) => {
+				store.getState().updateTask(task.id, { repeat: r });
+				done();
+			}
+		});
+		else if (f === "waits") editor = /* @__PURE__ */ jsx(WaitsEditor, {
+			task,
+			onDone: done
+		});
+		else if (f === "project") {
 			const choices = projects.map((p) => ({
 				label: p.name,
 				value: p.id,
@@ -5796,7 +6557,7 @@ function TaskPanel({ taskId, width, height, go, onClose }) {
 			editor ?? /* @__PURE__ */ jsx(Text, {
 				color: theme.muted,
 				wrap: "truncate-end",
-				children: "↑↓ field · Enter change · c comment · a add step · space tick · x done · d delete · Esc close"
+				children: "↑↓ field · Enter change · c comment · C yours · a add step · space tick · x done · d delete · Esc close"
 			})
 		]
 	});
@@ -5819,16 +6580,140 @@ function DueField({ initial, today, onSubmit, onCancel }) {
 		})
 	});
 }
+/**
+* What a task waits on. Empty, it lists the current ones (Enter stops
+* waiting on one); typing finds others by key or words (Enter adds it).
+* Tasks already waiting on this one aren't offered, so nothing loops.
+*/
+function WaitsEditor({ task, onDone }) {
+	const { store } = useDeps();
+	const tasks = useHarbor((s) => s.tasks);
+	const projects = useHarbor((s) => s.projects);
+	const [query, setQuery] = useState("");
+	const [at, setAt] = useState(0);
+	const current = blockersOf(task, tasks);
+	const hits = useMemo(() => {
+		if (!query.trim()) return [];
+		const taken = new Set(current.map((b) => b.id));
+		const open = blockerOptions(tasks, task.id).filter((t) => !taken.has(t.id));
+		return searchTasks(open, projects, query.trim(), 8).map((h) => h.item);
+	}, [
+		query,
+		tasks,
+		projects,
+		task.id,
+		current
+	]);
+	const list = query.trim() ? hits : current;
+	const set = (ids) => store.getState().updateTask(task.id, blockersPatch(ids));
+	useInput((input, key) => {
+		if (key.escape) return onDone();
+		if (key.upArrow) return setAt((i) => step(i, -1, list.length));
+		if (key.downArrow) return setAt((i) => step(i, 1, list.length));
+		if (key.return) {
+			const pick = list[Math.min(at, list.length - 1)];
+			if (!pick) return onDone();
+			if (query.trim()) {
+				set([...current.map((b) => b.id), pick.id]);
+				setQuery("");
+			} else set(current.filter((b) => b.id !== pick.id).map((b) => b.id));
+			return setAt(0);
+		}
+		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",
+		borderStyle: "round",
+		borderColor: theme.border,
+		paddingX: 1,
+		children: [
+			/* @__PURE__ */ jsx(Text, {
+				bold: true,
+				children: "Waits on"
+			}),
+			/* @__PURE__ */ jsxs(Text, { children: [query || /* @__PURE__ */ jsx(Text, {
+				color: theme.muted,
+				children: "type a key like RR-42, or words, to add one"
+			}), /* @__PURE__ */ jsx(Text, {
+				inverse: true,
+				children: " "
+			})] }),
+			list.length === 0 ? /* @__PURE__ */ jsx(Text, {
+				color: theme.muted,
+				children: query.trim() ? "Nothing matches." : "Nothing yet."
+			}) : null,
+			list.map((t, i) => {
+				const on = i === Math.min(at, list.length - 1);
+				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({ projects }, t).padEnd(7)
+						}),
+						t.title,
+						/* @__PURE__ */ jsxs(Text, {
+							color: theme.muted,
+							children: [" · ", STATUS_LABEL[t.status]]
+						})
+					]
+				}, t.id);
+			}),
+			/* @__PURE__ */ jsxs(Text, {
+				color: theme.muted,
+				children: [query.trim() ? "Enter adds it" : "Enter stops waiting on it", " · Esc done"]
+			})
+		]
+	});
+}
+
+//#endregion
+//#region src/lib/focus.ts
+const FOCUS_CAP = 3;
+const CHECK_IN_QUESTION = "On the blocker, or on something else?";
+function focusIdsOf(data, personId, date = todayISO()) {
+	return (data.ropes ?? []).find((r) => r.personId === personId && r.date === date)?.taskIds ?? [];
+}
+function upsertFocus(ropes, personId, date, taskIds) {
+	const rest = (ropes ?? []).filter((r) => !(r.personId === personId && r.date === date));
+	if (taskIds.length === 0) return rest;
+	return [...rest, {
+		personId,
+		date,
+		taskIds: taskIds.slice(0, 3)
+	}];
+}
+function myCheckIn(data, personId, date = todayISO()) {
+	return (data.checkIns ?? []).find((c) => c.personId === personId && c.date === date);
+}
 
 //#endregion
 //#region src/tui/views/today.tsx
-/** What's on you: your open tasks, late first; who waits on you; your risks and issues. */
+/**
+* What's on you: today's focus and check-in, your open tasks, late first;
+* who waits on you; your risks and issues.
+*/
 function TodayView({ active, width, height, go }) {
 	const { store, today } = useDeps();
 	const tasks = useHarbor((s) => s.tasks);
 	const projects = useHarbor((s) => s.projects);
 	const raidItems = useHarbor((s) => s.raidItems);
 	const me = useHarbor((s) => s.currentUserId);
+	const ropes = useHarbor((s) => s.ropes);
+	const checkIns = useHarbor((s) => s.checkIns);
+	const focus = focusIdsOf({ ropes }, me).map((id) => tasks.find((t) => t.id === id)).filter((t) => t !== void 0 && t.status !== "done");
+	const said = myCheckIn({ checkIns }, me);
 	const day = today();
 	const data = useMemo(() => ({
 		tasks,
@@ -5857,8 +6742,24 @@ function TodayView({ active, width, height, go }) {
 		else if (key.return && selected) go.openTask(selected.id);
 		else if (input === "x" && selected) moveTask(store, go, selected, "done");
 		else if (input === "n") go.newTask(selected?.projectId ?? null);
+		else if (input === "f" && selected) {
+			if (store.getState().toggleFocus(selected.id) === "full") go.notify(`Today's focus holds ${3}. f on one of them takes it off first.`);
+		} else if (input === "c") go.ask("Check in: what are you on today? (one sentence)", (text) => {
+			const note = text.trim().slice(0, 280);
+			if (!note) return;
+			go.pick(CHECK_IN_QUESTION, [{
+				label: "On the blocker",
+				value: true
+			}, {
+				label: "Other work",
+				value: false
+			}], (onDrum) => {
+				store.getState().submitCheckIn(note, onDrum === true);
+				go.notify("Checked in for today.");
+			});
+		}, said?.body);
 	}, { isActive: active });
-	const extra = (waits.length ? waits.length + 2 : 0) + (risks.length ? Math.min(risks.length, 5) + 2 : 0);
+	const extra = (focus.length ? focus.length + 2 : 0) + 1 + (waits.length ? waits.length + 2 : 0) + (risks.length ? Math.min(risks.length, 5) + 2 : 0);
 	const rows = Math.max(3, height - 2 - extra);
 	const view = windowOf(mine, at, rows);
 	return /* @__PURE__ */ jsxs(Box, {
@@ -5867,8 +6768,32 @@ function TodayView({ active, width, height, go }) {
 		height,
 		paddingX: 1,
 		children: [
+			focus.length > 0 && /* @__PURE__ */ jsxs(Box, {
+				flexDirection: "column",
+				marginBottom: 1,
+				children: [/* @__PURE__ */ jsx(Heading, {
+					right: `${focus.length} of ${3} · f takes one off`,
+					children: "Today's focus"
+				}), focus.map((t) => /* @__PURE__ */ jsxs(Text, {
+					wrap: "truncate-end",
+					children: [
+						"  ",
+						/* @__PURE__ */ jsx(Text, {
+							color: theme.accent,
+							children: keyOf({ projects }, t)
+						}),
+						" ",
+						t.title
+					]
+				}, t.id))]
+			}),
+			/* @__PURE__ */ jsx(Text, {
+				color: theme.muted,
+				wrap: "truncate-end",
+				children: said ? `Your check-in: ${said.body}${said.onDrum ? " (on the blocker)" : ""} · c changes it` : "No check-in today · c checks in"
+			}),
 			/* @__PURE__ */ jsx(Heading, {
-				right: `${mine.length} open${late ? ` · ${late} late` : ""}`,
+				right: `${mine.length} open${late ? ` · ${late} late` : ""} · f focus`,
 				children: "On you"
 			}),
 			mine.length === 0 ? /* @__PURE__ */ jsx(Text, {
@@ -6288,6 +7213,7 @@ function App({ ui }) {
 		width: mainWidth,
 		height: bodyHeight,
 		go,
+		active: !covered,
 		onClose: () => setPanel(null)
 	};
 	let panelNode = null;
@@ -6327,6 +7253,7 @@ function App({ ui }) {
 		["x", "done"],
 		["d", "delete"],
 		["v", "board/list/budget"],
+		["f p", "filter"],
 		["e", "details"],
 		["Esc", "back"]
 	] : page ? [
@@ -6334,6 +7261,7 @@ function App({ ui }) {
 		["Enter", "open"],
 		["e", "edit"],
 		["n", "new"],
+		["v", "layout"],
 		...page.kind === "program" ? [["m", "milestone"], ["←→", "lists"]] : [],
 		["Esc", "back"]
 	] : [
@@ -6453,9 +7381,8 @@ function App({ ui }) {
 							display: overlayNode || panelNode ? "none" : "flex",
 							children: screenNode
 						}),
-						panelNode && !overlayNode ? panelNode : null,
-						panelNode && overlayNode ? /* @__PURE__ */ jsx(Box, {
-							display: "none",
+						panelNode ? /* @__PURE__ */ jsx(Box, {
+							display: overlayNode ? "none" : "flex",
 							children: panelNode
 						}) : null
 					]
@@ -6493,7 +7420,7 @@ function recordHealth(history, health, at, override, note) {
 
 //#endregion
 //#region src/lib/derived-health.ts
-const iso$1 = (d) => {
+const iso = (d) => {
 	return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, "0")}-${String(d.getDate()).padStart(2, "0")}`;
 };
 function parseDate(value) {
@@ -6536,7 +7463,7 @@ let overdueDay = "";
 const overdueByDue = /* @__PURE__ */ new Map();
 function daysOverdue(dueDate, now) {
 	if (!dueDate) return 0;
-	const today = iso$1(now);
+	const today = iso(now);
 	if (today !== overdueDay) {
 		overdueDay = today;
 		overdueByDue.clear();
@@ -6557,7 +7484,7 @@ let untilDay = "";
 const untilByDate = /* @__PURE__ */ new Map();
 function daysUntil(date, now) {
 	if (!date) return null;
-	const today = iso$1(now);
+	const today = iso(now);
 	if (today !== untilDay) {
 		untilDay = today;
 		untilByDate.clear();
@@ -6618,7 +7545,7 @@ function effectiveProjectHealth(project, data, now) {
 }
 /** Milestones past their date and still open. */
 function lateMilestonesOf(milestones, now) {
-	const today = iso$1(now);
+	const today = iso(now);
 	return milestones.filter((m) => !m.done && m.dueDate < today);
 }
 /**
@@ -7841,56 +8768,6 @@ function applyAutomations(project, prev, next, opts) {
 	};
 }
 
-//#endregion
-//#region src/lib/focus.ts
-const FOCUS_CAP = 3;
-function upsertFocus(ropes, personId, date, taskIds) {
-	const rest = (ropes ?? []).filter((r) => !(r.personId === personId && r.date === date));
-	if (taskIds.length === 0) return rest;
-	return [...rest, {
-		personId,
-		date,
-		taskIds: taskIds.slice(0, 3)
-	}];
-}
-
-//#endregion
-//#region src/lib/recurrence.ts
-const iso = (d) => {
-	return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, "0")}-${String(d.getDate()).padStart(2, "0")}`;
-};
-/** The due date one interval after `from`. */
-function nextDueDate(from, repeat) {
-	const d = /* @__PURE__ */ new Date(`${from}T12:00:00`);
-	if (repeat === "weekly") return iso(addDays(d, 7));
-	if (repeat === "biweekly") return iso(addDays(d, 14));
-	return iso(addMonths(d, 1));
-}
-/**
-* The next occurrence of a repeating task once this one is done: same
-* title, owner, priority and checklist (unticked), due one interval after
-* the old due date (or after today when it had none), back in To do.
-* Null when the task does not repeat.
-*/
-function nextOccurrence(task, id, today, createdAt) {
-	if (!task.repeat) return null;
-	const anchor = task.dueDate && task.dueDate >= today ? task.dueDate : today;
-	return {
-		...task,
-		id,
-		status: "todo",
-		dueDate: nextDueDate(anchor, task.repeat),
-		createdAt,
-		completedAt: null,
-		blockedById: null,
-		blockedByIds: [],
-		checklist: (task.checklist ?? []).map((c) => ({
-			...c,
-			done: false
-		}))
-	};
-}
-
 //#endregion
 //#region src/lib/assignment.ts
 /**