@frehilm/ordna-cli 0.1.0

package/dist/commands/web.js

@@ -0,0 +1,26 @@
+import { runWeb } from "@frehilm/ordna-web";
+import { c } from "../colors.js";
+export async function runWebCommand(options = {}) {
+    const handle = await runWeb({
+        port: options.port,
+        host: options.host,
+        openBrowser: !options.noOpen,
+    });
+    const url = `http://${options.host ?? "127.0.0.1"}:${handle.port}`;
+    console.log(c.green(`Ordna web running at ${c.bold(url)}`));
+    console.log(c.dim("Press Ctrl+C to stop."));
+    let shuttingDown = false;
+    const shutdown = async () => {
+        if (shuttingDown) {
+            console.log(c.dim("Forcing exit."));
+            process.exit(1);
+        }
+        shuttingDown = true;
+        console.log(c.dim("Shutting down…"));
+        await handle.close();
+        process.exit(0);
+    };
+    process.on("SIGINT", shutdown);
+    process.on("SIGTERM", shutdown);
+}
+//# sourceMappingURL=web.js.map

package/dist/commands/web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"web.js","sourceRoot":"","sources":["../../src/commands/web.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AAQjC,MAAM,CAAC,KAAK,UAAU,aAAa,CAAC,UAAsB,EAAE;IAC3D,MAAM,MAAM,GAAG,MAAM,MAAM,CAAC;QAC3B,IAAI,EAAE,OAAO,CAAC,IAAI;QAClB,IAAI,EAAE,OAAO,CAAC,IAAI;QAClB,WAAW,EAAE,CAAC,OAAO,CAAC,MAAM;KAC5B,CAAC,CAAC;IACH,MAAM,GAAG,GAAG,UAAU,OAAO,CAAC,IAAI,IAAI,WAAW,IAAI,MAAM,CAAC,IAAI,EAAE,CAAC;IACnE,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,wBAAwB,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;IAC5D,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,uBAAuB,CAAC,CAAC,CAAC;IAE5C,IAAI,YAAY,GAAG,KAAK,CAAC;IACzB,MAAM,QAAQ,GAAG,KAAK,IAAmB,EAAE;QAC1C,IAAI,YAAY,EAAE,CAAC;YAClB,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC,CAAC;YACpC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QACjB,CAAC;QACD,YAAY,GAAG,IAAI,CAAC;QACpB,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC,CAAC;QACrC,MAAM,MAAM,CAAC,KAAK,EAAE,CAAC;QACrB,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IACjB,CAAC,CAAC;IACF,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAC/B,OAAO,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;AACjC,CAAC"}

package/dist/format.d.ts

@@ -0,0 +1,6 @@
+import type { OrdnaConfig, Task } from "@frehilm/ordna-core";
+export declare function colorStatus(status: string): string;
+export declare function formatListRow(task: Task): string;
+export declare function formatTask(task: Task): string;
+export declare function summarizeStatuses(config: OrdnaConfig, tasks: Task[]): string;
+//# sourceMappingURL=format.d.ts.map

package/dist/format.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.d.ts","sourceRoot":"","sources":["../src/format.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAS7D,wBAAgB,WAAW,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAGlD;AAED,wBAAgB,aAAa,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,CAShD;AAED,wBAAgB,UAAU,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,CAyB7C;AAED,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,MAAM,CAK5E"}

package/dist/format.js

@@ -0,0 +1,55 @@
+import { c } from "./colors.js";
+const STATUS_COLORS = {
+    todo: c.gray,
+    doing: c.yellow,
+    done: c.green,
+};
+export function colorStatus(status) {
+    const fn = STATUS_COLORS[status] ?? c.cyan;
+    return fn(status);
+}
+export function formatListRow(task) {
+    const pieces = [
+        c.bold(task.id.padEnd(8)),
+        colorStatus(task.status.padEnd(8)),
+        task.assignee ? c.magenta(`@${task.assignee}`.padEnd(14)) : " ".repeat(14),
+        task.priority ? c.yellow(`!${task.priority}`.padEnd(8)) : " ".repeat(8),
+        task.title,
+    ];
+    return pieces.join(" ");
+}
+export function formatTask(task) {
+    const lines = [];
+    lines.push(`${c.bold(task.id)}  ${task.title}`);
+    lines.push([
+        `  status: ${colorStatus(task.status)}`,
+        `assignee: ${task.assignee ?? c.dim("—")}`,
+        `priority: ${task.priority ?? c.dim("—")}`,
+    ].join("  "));
+    if (task.tags.length > 0)
+        lines.push(`  tags: ${task.tags.map((t) => c.cyan(t)).join(", ")}`);
+    if (task.depends_on.length > 0)
+        lines.push(`  depends_on: ${task.depends_on.map((d) => c.blue(d)).join(", ")}`);
+    lines.push(c.dim(`  created_at: ${task.created_at}   updated_at: ${task.updated_at}`));
+    lines.push("");
+    for (const section of task.sections) {
+        if (section.heading === "") {
+            lines.push(section.content);
+            continue;
+        }
+        lines.push(c.bold(`## ${section.heading}`));
+        if (section.content.length > 0)
+            lines.push(section.content);
+        lines.push("");
+    }
+    return lines.join("\n");
+}
+export function summarizeStatuses(config, tasks) {
+    const counts = {};
+    for (const s of config.statuses)
+        counts[s] = 0;
+    for (const t of tasks)
+        counts[t.status] = (counts[t.status] ?? 0) + 1;
+    return config.statuses.map((s) => `${colorStatus(s)}: ${counts[s] ?? 0}`).join("   ");
+}
+//# sourceMappingURL=format.js.map

package/dist/format.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.js","sourceRoot":"","sources":["../src/format.ts"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+export * from "@frehilm/ordna-core";
+export { runBoard } from "./tui/index.js";
+export type { RunBoardOptions } from "./tui/index.js";
+export type { AgentHookConfig, AgentContext } from "./agent.js";
+export { loadAgentHook, sendAgent } from "./agent.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AAEpC,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACtD,YAAY,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC"}

package/dist/index.js

@@ -0,0 +1,4 @@
+export * from "@frehilm/ordna-core";
+export { runBoard } from "./tui/index.js";
+export { loadAgentHook, sendAgent } from "./agent.js";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AAEpC,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAG1C,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC"}

package/dist/tui/App.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { type AgentHookConfig } from "../agent.js";
+export interface AppProps {
+    agentHook?: AgentHookConfig | null;
+}
+export declare function App({ agentHook: agentHookProp }?: AppProps): React.JSX.Element;
+//# sourceMappingURL=App.d.ts.map

package/dist/tui/App.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../../src/tui/App.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAoD,MAAM,OAAO,CAAC;AACzE,OAAO,EAAE,KAAK,eAAe,EAA4B,MAAM,aAAa,CAAC;AA2C7E,MAAM,WAAW,QAAQ;IACxB,SAAS,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;CACnC;AAED,wBAAgB,GAAG,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,GAAE,QAAa,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAgmBlF"}

package/dist/tui/App.js

@@ -0,0 +1,484 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { spawn } from "node:child_process";
+import { ARCHIVED_STATUS, createContext as createStoreContext, createTask, listTasks, moveTask, updateTask, watchTasks, } from "@frehilm/ordna-core";
+import { Box, Text, useApp, useInput, useStdin } from "ink";
+import React, { useCallback, useEffect, useMemo, useState } from "react";
+import { loadAgentHook, sendAgent } from "../agent.js";
+import { Column } from "./Column.js";
+import { useTerminalSize } from "./hooks.js";
+import { SelectPrompt } from "./SelectPrompt.js";
+import { Sidebar, buildSidebarRows, matchesFilter, rowKey, } from "./Sidebar.js";
+import { Subbar } from "./Subbar.js";
+import { TaskDetail } from "./TaskDetail.js";
+import { TextPrompt } from "./TextPrompt.js";
+import { theme } from "./theme.js";
+const SIDEBAR_WIDTH = 22;
+function groupByStatus(tasks, statuses) {
+    const groups = new Map();
+    for (const status of statuses)
+        groups.set(status, []);
+    for (const task of tasks) {
+        const bucket = groups.get(task.status);
+        if (bucket)
+            bucket.push(task);
+    }
+    return groups;
+}
+function flattenSidebarRows(rows) {
+    return [...rows.views, ...rows.priorities, ...rows.tags];
+}
+export function App({ agentHook: agentHookProp } = {}) {
+    const { exit } = useApp();
+    const { setRawMode } = useStdin();
+    const { rows: termRows, columns: termCols } = useTerminalSize();
+    const [ctx] = useState(() => createStoreContext());
+    const [tasks, setTasks] = useState([]);
+    const [loaded, setLoaded] = useState(false);
+    const [columnIndex, setColumnIndex] = useState(0);
+    const [rowIndex, setRowIndex] = useState(0);
+    const [mode, setMode] = useState({ kind: "browse" });
+    const [searchQuery, setSearchQuery] = useState("");
+    const [toast, setToast] = useState(null);
+    const [grabbedId, setGrabbedId] = useState(null);
+    const [filter, setFilter] = useState({ kind: "all" });
+    const [focus, setFocus] = useState("board");
+    const [sidebarFocusedKey, setSidebarFocusedKey] = useState(null);
+    const [scrollOffsets, setScrollOffsets] = useState({});
+    const [agentHook] = useState(() => {
+        if (agentHookProp !== undefined)
+            return agentHookProp;
+        return loadAgentHook();
+    });
+    const statuses = ctx.config.statuses;
+    const reload = useCallback(async () => {
+        const fresh = await listTasks(ctx);
+        setTasks(fresh);
+        setLoaded(true);
+    }, [ctx]);
+    useEffect(() => {
+        void reload();
+        const unsubscribe = watchTasks(ctx, () => {
+            void reload();
+        });
+        return () => {
+            void unsubscribe();
+        };
+    }, [ctx, reload]);
+    const sidebarRows = useMemo(() => buildSidebarRows(tasks, statuses), [tasks, statuses]);
+    const flatRows = useMemo(() => flattenSidebarRows(sidebarRows), [sidebarRows]);
+    useEffect(() => {
+        if (focus !== "sidebar")
+            return;
+        if (sidebarFocusedKey === null && flatRows.length > 0) {
+            const active = flatRows.find((r) => rowKey(r.item) === rowKey(filter));
+            setSidebarFocusedKey(rowKey(active?.item ?? flatRows[0]?.item ?? { kind: "all" }));
+        }
+    }, [focus, flatRows, sidebarFocusedKey, filter]);
+    const showingBoardColumns = filter.kind !== "archived";
+    const boardStatuses = useMemo(() => {
+        if (filter.kind === "archived")
+            return [ARCHIVED_STATUS];
+        if (filter.kind === "status")
+            return [filter.status];
+        return statuses;
+    }, [filter, statuses]);
+    const filteredTasks = useMemo(() => {
+        const q = searchQuery.toLowerCase();
+        return tasks.filter((t) => {
+            if (!matchesFilter(t, filter))
+                return false;
+            if (!q)
+                return true;
+            return (t.title.toLowerCase().includes(q) ||
+                t.id.toLowerCase().includes(q) ||
+                t.tags.some((tag) => tag.toLowerCase().includes(q)));
+        });
+    }, [tasks, filter, searchQuery]);
+    const groups = useMemo(() => groupByStatus(filteredTasks, boardStatuses), [filteredTasks, boardStatuses]);
+    const activeStatus = boardStatuses[columnIndex] ?? boardStatuses[0] ?? "";
+    const activeColumn = groups.get(activeStatus) ?? [];
+    const selectedTask = activeColumn[rowIndex];
+    useEffect(() => {
+        if (columnIndex >= boardStatuses.length)
+            setColumnIndex(0);
+    }, [boardStatuses.length, columnIndex]);
+    useEffect(() => {
+        if (rowIndex >= activeColumn.length) {
+            setRowIndex(Math.max(0, activeColumn.length - 1));
+        }
+    }, [activeColumn.length, rowIndex]);
+    const visibleCount = filteredTasks.length;
+    const totalCount = useMemo(() => tasks.filter((t) => t.status !== ARCHIVED_STATUS).length, [tasks]);
+    const launchEditor = useCallback((task) => {
+        const editor = process.env.EDITOR || process.env.VISUAL || "vi";
+        setRawMode?.(false);
+        const proc = spawn(editor, [task.filePath], { stdio: "inherit" });
+        proc.on("exit", () => {
+            setRawMode?.(true);
+            void reload();
+        });
+    }, [reload, setRawMode]);
+    const flashToast = (message) => {
+        setToast(message);
+        setTimeout(() => setToast((t) => (t === message ? null : t)), 2500);
+    };
+    const moveGrabbedTo = async (targetIndex) => {
+        if (grabbedId === null)
+            return;
+        const targetStatus = boardStatuses[targetIndex];
+        if (!targetStatus)
+            return;
+        const task = tasks.find((t) => t.id === grabbedId);
+        if (!task || task.status === targetStatus) {
+            setColumnIndex(targetIndex);
+            return;
+        }
+        try {
+            await moveTask(grabbedId, targetStatus, ctx);
+            await reload();
+            setColumnIndex(targetIndex);
+            const fresh = await listTasks(ctx);
+            const group = fresh.filter((t) => t.status === targetStatus);
+            const nextIdx = group.findIndex((t) => t.id === grabbedId);
+            const clampedIdx = Math.max(0, nextIdx);
+            setRowIndex(clampedIdx);
+            ensureRowVisible(targetStatus, clampedIdx, group);
+        }
+        catch (error) {
+            flashToast(error.message);
+        }
+    };
+    const archiveSelected = async (task) => {
+        try {
+            await updateTask(task.id, { status: ARCHIVED_STATUS }, ctx);
+            flashToast(`${task.id} archived`);
+            await reload();
+        }
+        catch (error) {
+            flashToast(error.message);
+        }
+    };
+    const triggerAgent = async (task) => {
+        if (!agentHook)
+            return;
+        try {
+            const result = await sendAgent(agentHook, task, {
+                tasksDir: ctx.config.tasksDir,
+                cwd: ctx.cwd,
+                schema: ctx.config.schema,
+            });
+            if (!result.ok) {
+                flashToast(`${agentHook.label} hook failed (${result.status})`);
+                return;
+            }
+            flashToast(`Sent ${task.id} to ${agentHook.label}`);
+        }
+        catch (error) {
+            flashToast(error.message);
+        }
+    };
+    const applySidebarFocused = () => {
+        if (sidebarFocusedKey === null)
+            return;
+        const row = flatRows.find((r) => rowKey(r.item) === sidebarFocusedKey);
+        if (row) {
+            setFilter(row.item);
+            setColumnIndex(0);
+            setRowIndex(0);
+            setFocus("board");
+        }
+    };
+    useInput(async (input, key) => {
+        if (mode.kind !== "browse")
+            return;
+        if (key.tab) {
+            if (focus === "board") {
+                setFocus("sidebar");
+                setSidebarFocusedKey(rowKey(filter));
+            }
+            else {
+                setFocus("board");
+            }
+            return;
+        }
+        if (focus === "sidebar") {
+            if (key.escape) {
+                setFocus("board");
+                return;
+            }
+            if (key.upArrow || input === "k") {
+                const idx = flatRows.findIndex((r) => rowKey(r.item) === sidebarFocusedKey);
+                if (idx > 0)
+                    setSidebarFocusedKey(rowKey(flatRows[idx - 1]?.item ?? flatRows[0]?.item ?? { kind: "all" }));
+                return;
+            }
+            if (key.downArrow || input === "j") {
+                const idx = flatRows.findIndex((r) => rowKey(r.item) === sidebarFocusedKey);
+                if (idx >= 0 && idx < flatRows.length - 1) {
+                    setSidebarFocusedKey(rowKey(flatRows[idx + 1]?.item ?? flatRows[0]?.item ?? { kind: "all" }));
+                }
+                return;
+            }
+            if (key.return) {
+                applySidebarFocused();
+                return;
+            }
+            if (input === "q") {
+                exit();
+            }
+            return;
+        }
+        if (grabbedId !== null) {
+            if (input === " " || key.return) {
+                flashToast(`Dropped ${grabbedId}`);
+                setGrabbedId(null);
+                return;
+            }
+            if (key.escape) {
+                setGrabbedId(null);
+                return;
+            }
+            if (key.leftArrow || input === "h") {
+                await moveGrabbedTo(Math.max(0, columnIndex - 1));
+                return;
+            }
+            if (key.rightArrow || input === "l") {
+                await moveGrabbedTo(Math.min(boardStatuses.length - 1, columnIndex + 1));
+                return;
+            }
+            return;
+        }
+        if (input === "q") {
+            exit();
+            return;
+        }
+        if (key.leftArrow || input === "h") {
+            setColumnIndex((i) => Math.max(0, i - 1));
+            setRowIndex(0);
+        }
+        else if (key.rightArrow || input === "l") {
+            setColumnIndex((i) => Math.min(boardStatuses.length - 1, i + 1));
+            setRowIndex(0);
+        }
+        else if (key.upArrow || input === "k") {
+            const nextRow = Math.max(0, rowIndex - 1);
+            setRowIndex(nextRow);
+            ensureRowVisible(activeStatus, nextRow, activeColumn);
+        }
+        else if (key.downArrow || input === "j") {
+            const nextRow = Math.min(Math.max(0, activeColumn.length - 1), rowIndex + 1);
+            setRowIndex(nextRow);
+            ensureRowVisible(activeStatus, nextRow, activeColumn);
+        }
+        else if (input === " " && selectedTask) {
+            setGrabbedId(selectedTask.id);
+            flashToast(`Grabbed ${selectedTask.id} — ← → to move, space to drop`);
+        }
+        else if (key.return && selectedTask) {
+            setMode({ kind: "detail", task: selectedTask });
+        }
+        else if (input === "c") {
+            setMode({ kind: "create" });
+        }
+        else if (input === "m" && selectedTask) {
+            setMode({ kind: "move", task: selectedTask });
+        }
+        else if (input === "a" && selectedTask) {
+            setMode({ kind: "assign", task: selectedTask });
+        }
+        else if (input === "e" && selectedTask) {
+            launchEditor(selectedTask);
+        }
+        else if (input === "x" && selectedTask) {
+            void archiveSelected(selectedTask);
+        }
+        else if (input === "g" && selectedTask && agentHook) {
+            void triggerAgent(selectedTask);
+        }
+        else if (input === "/") {
+            setMode({ kind: "search" });
+        }
+        else if (key.escape && searchQuery) {
+            setSearchQuery("");
+        }
+    }, { isActive: mode.kind === "browse" });
+    const onCreate = async (title) => {
+        try {
+            const task = await createTask({ title }, ctx);
+            flashToast(`Created ${task.id}`);
+            await reload();
+        }
+        catch (error) {
+            flashToast(error.message);
+        }
+        setMode({ kind: "browse" });
+    };
+    const onMove = async (targetStatus) => {
+        if (mode.kind !== "move")
+            return;
+        try {
+            await moveTask(mode.task.id, targetStatus, ctx);
+            flashToast(`${mode.task.id} → ${targetStatus}`);
+            await reload();
+            const fresh = await listTasks(ctx);
+            const group = fresh.filter((t) => t.status === targetStatus);
+            const nextIdx = group.findIndex((t) => t.id === mode.task.id);
+            if (nextIdx >= 0) {
+                const targetColIdx = boardStatuses.indexOf(targetStatus);
+                if (targetColIdx >= 0)
+                    setColumnIndex(targetColIdx);
+                setRowIndex(nextIdx);
+                ensureRowVisible(targetStatus, nextIdx, group);
+            }
+        }
+        catch (error) {
+            flashToast(error.message);
+        }
+        setMode({ kind: "browse" });
+    };
+    const onAssign = async (name) => {
+        if (mode.kind !== "assign")
+            return;
+        try {
+            const value = name.trim().length === 0 ? null : name.trim();
+            await updateTask(mode.task.id, { assignee: value }, ctx);
+            flashToast(`${mode.task.id} ${value ? `→ @${value}` : "unassigned"}`);
+            await reload();
+        }
+        catch (error) {
+            flashToast(error.message);
+        }
+        setMode({ kind: "browse" });
+    };
+    const moveOptions = useMemo(() => [...statuses, ARCHIVED_STATUS], [statuses]);
+    const sidebarWidth = SIDEBAR_WIDTH;
+    const boardAreaWidth = Math.max(30, termCols - sidebarWidth);
+    const subbarHeight = 1;
+    const bodyHeight = Math.max(5, termRows - 3);
+    const boardHeight = Math.max(5, bodyHeight - subbarHeight - 1);
+    // Normal board column width = boardAreaWidth evenly split across configured statuses.
+    // Archive view reuses this width (one column, same size as a regular lane).
+    // Other views (all / status / tag) stretch columns to fill the board area evenly.
+    const normalColCount = Math.max(1, statuses.length);
+    const normalColWidth = Math.max(24, Math.floor(boardAreaWidth / normalColCount));
+    const isArchive = filter.kind === "archived";
+    const stretchedColCount = Math.max(1, boardStatuses.length);
+    const stretchedColWidth = Math.max(24, Math.floor(boardAreaWidth / stretchedColCount));
+    // Each column body has (boardHeight - 2) usable rows after title + bottom border.
+    const columnBodyLines = Math.max(1, boardHeight - 2);
+    const columnLayout = useCallback((status, all) => {
+        const total = all.length;
+        const needsScroll = total > columnBodyLines;
+        // Reserve 1 row top + 1 row bottom for scroll indicators when needed.
+        const visibleCount = needsScroll
+            ? Math.max(1, columnBodyLines - 2)
+            : columnBodyLines;
+        const maxOffset = Math.max(0, total - visibleCount);
+        const storedOffset = scrollOffsets[status] ?? 0;
+        const offset = Math.max(0, Math.min(maxOffset, storedOffset));
+        const visible = all.slice(offset, offset + visibleCount);
+        return {
+            visible,
+            offset,
+            visibleCount,
+            aboveCount: offset,
+            belowCount: Math.max(0, total - offset - visibleCount),
+            total,
+        };
+    }, [columnBodyLines, scrollOffsets]);
+    const ensureRowVisible = useCallback((status, nextRow, all) => {
+        const total = all.length;
+        const needsScroll = total > columnBodyLines;
+        const visibleCount = needsScroll
+            ? Math.max(1, columnBodyLines - 2)
+            : columnBodyLines;
+        setScrollOffsets((prev) => {
+            const cur = prev[status] ?? 0;
+            let next = cur;
+            if (nextRow < cur)
+                next = nextRow;
+            else if (nextRow >= cur + visibleCount)
+                next = nextRow - visibleCount + 1;
+            const maxOffset = Math.max(0, total - visibleCount);
+            next = Math.max(0, Math.min(maxOffset, next));
+            if (next === cur)
+                return prev;
+            return { ...prev, [status]: next };
+        });
+    }, [columnBodyLines]);
+    const popupWidth = Math.min(boardAreaWidth - 4, Math.max(40, Math.floor(boardAreaWidth * 0.75)));
+    const popupHeight = Math.min(boardHeight - 2, Math.max(10, Math.floor(boardHeight * 0.85)));
+    const renderBoard = () => (_jsx(Box, { flexDirection: "row", height: boardHeight, width: boardAreaWidth, children: boardStatuses.map((s, idx) => {
+            const all = groups.get(s) ?? [];
+            const layout = columnLayout(s, all);
+            const isFocusedCol = idx === columnIndex && mode.kind === "browse" && focus === "board";
+            const selectedRelativeIndex = isFocusedCol
+                ? rowIndex - layout.offset
+                : -1;
+            let w;
+            if (isArchive) {
+                w = normalColWidth;
+            }
+            else if (idx === boardStatuses.length - 1) {
+                w = boardAreaWidth - stretchedColWidth * (boardStatuses.length - 1);
+            }
+            else {
+                w = stretchedColWidth;
+            }
+            return (_jsx(Column, { status: s, statusIndex: statuses.indexOf(s) >= 0 ? statuses.indexOf(s) : idx, visibleTasks: layout.visible, totalTasks: layout.total, aboveCount: layout.aboveCount, belowCount: layout.belowCount, focused: isFocusedCol, selectedRelativeIndex: selectedRelativeIndex, grabbedId: grabbedId, width: w, height: boardHeight }, s));
+        }) }));
+    const renderOverlay = () => {
+        if (mode.kind === "create") {
+            return (_jsx(TextPrompt, { label: "New task title", onSubmit: onCreate, onCancel: () => setMode({ kind: "browse" }) }));
+        }
+        if (mode.kind === "move") {
+            return (_jsx(SelectPrompt, { label: `Move ${mode.task.id} to…`, options: moveOptions, initialIndex: Math.max(0, moveOptions.indexOf(mode.task.status)), onSubmit: onMove, onCancel: () => setMode({ kind: "browse" }) }));
+        }
+        if (mode.kind === "assign") {
+            return (_jsx(TextPrompt, { label: `Assign ${mode.task.id} (blank to unassign)`, initialValue: mode.task.assignee ?? "", onSubmit: onAssign, onCancel: () => setMode({ kind: "browse" }) }));
+        }
+        if (mode.kind === "search") {
+            return (_jsx(TextPrompt, { label: "Search", initialValue: searchQuery, onSubmit: (v) => {
+                    setSearchQuery(v);
+                    setMode({ kind: "browse" });
+                }, onCancel: () => setMode({ kind: "browse" }) }));
+        }
+        return null;
+    };
+    const overlay = renderOverlay();
+    const showDetail = mode.kind === "detail";
+    const sidebarHints = [
+        { keys: "Tab", label: "board" },
+        { keys: "↑/↓", label: "select" },
+        { keys: "Enter", label: "apply" },
+        { keys: "Esc", label: "back" },
+    ];
+    const grabHints = [
+        { keys: "←/→", label: "move" },
+        { keys: "Space", label: "drop" },
+        { keys: "Esc", label: "cancel" },
+    ];
+    const browseHints = [
+        { keys: "Tab", label: "sidebar" },
+        { keys: "←/→", label: "cols" },
+        { keys: "↑/↓", label: "tasks" },
+        { keys: "Space", label: "grab" },
+        { keys: "Enter", label: "open" },
+        { keys: "c", label: "new" },
+        { keys: "m", label: "move" },
+        { keys: "a", label: "assign" },
+        { keys: "e", label: "edit" },
+        { keys: "x", label: "archive" },
+        ...(agentHook ? [{ keys: "g", label: agentHook.label.toLowerCase() }] : []),
+        { keys: "/", label: "find" },
+        { keys: "q", label: "quit" },
+    ];
+    const footerHints = focus === "sidebar" ? sidebarHints : grabbedId ? grabHints : browseHints;
+    const footerPrefix = focus === "board" && grabbedId ? `moving ${grabbedId} · ` : null;
+    return (_jsxs(Box, { flexDirection: "column", width: termCols, height: termRows, children: [_jsxs(Box, { paddingX: 1, width: termCols, children: [_jsx(Text, { bold: true, color: theme.accent, children: "Ordna" }), _jsx(Text, { color: theme.textMuted, children: `  ${ctx.tasksDir}` }), _jsx(Box, { flexGrow: 1 }), toast ? _jsx(Text, { color: theme.accent2, children: toast }) : null] }), _jsxs(Box, { flexDirection: "row", width: termCols, height: bodyHeight, children: [_jsx(Box, { width: sidebarWidth, height: bodyHeight, children: _jsx(Sidebar, { rows: sidebarRows, active: filter, focusedKey: focus === "sidebar" ? sidebarFocusedKey : null, focused: focus === "sidebar", width: sidebarWidth, height: bodyHeight }) }), _jsxs(Box, { flexDirection: "column", width: boardAreaWidth, height: bodyHeight, children: [_jsx(Subbar, { filter: filter, visible: visibleCount, total: totalCount, searchQuery: searchQuery }), overlay ? (_jsx(Box, { height: boardHeight, width: boardAreaWidth, paddingX: 1, paddingY: 1, children: overlay })) : showDetail && mode.kind === "detail" ? (_jsx(Box, { height: boardHeight, width: boardAreaWidth, alignItems: "center", justifyContent: "center", children: _jsx(TaskDetail, { task: mode.task, onClose: () => setMode({ kind: "browse" }), onEdit: () => {
+                                        const target = mode.task;
+                                        setMode({ kind: "browse" });
+                                        launchEditor(target);
+                                    }, width: popupWidth, height: popupHeight }) })) : !loaded ? (_jsx(Box, { height: boardHeight, paddingX: 1, children: _jsx(Text, { color: theme.textMuted, children: "Loading\u2026" }) })) : showingBoardColumns || filter.kind === "archived" ? (renderBoard()) : (renderBoard())] })] }), _jsx(Box, { paddingX: 1, width: termCols, children: _jsxs(Text, { wrap: "truncate-end", children: [footerPrefix ? (_jsx(Text, { color: theme.textMuted, children: footerPrefix })) : null, footerHints.map((hint, idx) => (_jsxs(Text, { children: [idx > 0 ? (_jsx(Text, { color: theme.textFaint, children: "  ·  " })) : null, _jsx(Text, { color: theme.textDim, bold: true, children: hint.keys }), _jsx(Text, { color: theme.textMuted, children: ` ${hint.label}` })] }, `${hint.keys}-${hint.label}`)))] }) })] }));
+}
+//# sourceMappingURL=App.js.map