kankaku-tui 0.4.1 → 0.9.0

package/README.md

@@ -8,6 +8,9 @@ in. Built with [Ink](https://github.com/vadimdemedes/ink) on Node 24. Four
 screens — Dashboard, Tasks, Catalog and Sync — share one tab bar, and each
 has a plain-text subcommand for scripts and cron.
 
+This package lives in the [kankaku monorepo](https://github.com/soyunninja/kankaku),
+under `packages/tui`.
+
 ## Install everything
 
 ```
@@ -33,9 +36,10 @@ The wizard's steps, `enter` to advance and `esc` to go back throughout
    agent schedules removing kankaku from it, not just skipping it. Codex
    and OpenCode are listed but disabled, showing `no adapter yet` (found,
    but kankaku can't write its config) or `not installed` (not found).
-2. **Claude Code** — the `kankaku-claude` checkout path (only shown when
-   Claude Code is checked and not already configured), guessed from any
-   existing `statusLine`.
+2. **Claude Code** — the `kankaku-claude` checkout path (packages/claude
+   inside a kankaku monorepo checkout; only shown when Claude Code is
+   checked and not already configured), guessed from any existing
+   `statusLine`.
 3. **Hub** — `use an existing hub` (URL, email, masked password, a `c`
    inline health check, reusing the current credentials as the default),
    `install locally`, or `skip`. Installing locally looks for a

package/dist/adapters/hub-manager/package.js

@@ -1,7 +1,6 @@
 /**
- * Locates the installed `kankaku-hub` npm package (a real dependency —
- * `file:../kankaku-hub-worktrees/npm-package` until the package is
- * published) and reads/validates its `hub-manifest.json`.
+ * Locates the installed `kankaku-hub` npm package (a real registry
+ * dependency) and reads/validates its `hub-manifest.json`.
  */
 import { createRequire } from "node:module";
 import { readFileSync } from "node:fs";

package/dist/domain/setup-wizard.js

@@ -173,7 +173,7 @@ export function next(state, facts) {
             return { ...state, step: claudeStepNeeded(state) ? "claude" : "hub", errors: {} };
         case "claude": {
             if (state.claudeCheckout.trim() === "") {
-                return { ...state, errors: { ...state.errors, claudeCheckout: "enter the kankaku-claude checkout path" } };
+                return { ...state, errors: { ...state.errors, claudeCheckout: "enter the kankaku-claude checkout path (packages/claude in a kankaku checkout)" } };
             }
             return { ...state, step: "hub", errors: clearError(state.errors, "claudeCheckout") };
         }

package/dist/ui/setup/wizard-screen.js

@@ -178,7 +178,7 @@ export function SetupWizard({ facts, actions, onDone, onQuit, version, columns,
     const height = rows ?? stdout?.rows ?? DEFAULT_ROWS;
     const mainWidth = width;
     const mainHeight = Math.max(height - HEADER_ROWS - FOOTER_ROWS, 0);
-    return (_jsxs(Box, { flexDirection: "column", width: width, height: height, children: [_jsx(HeaderBar, { left: `>_ kankaku setup${version ? ` ${version}` : ""}`, width: width }), _jsx(Box, { flexDirection: "column", flexGrow: 1, minHeight: 0, children: _jsxs(Panel, { title: panelTitle(state), width: mainWidth, height: mainHeight, active: true, children: [state.step === "agents" && (_jsx(Checklist, { items: agentChecklistItems(state.agents, state.selected, facts.homeDir), cursor: agentCursor, onToggle: (id) => setState((s) => toggleAgent(s, id)), onMove: (delta) => setAgentCursor((c) => Math.min(Math.max(c + delta, 0), state.agents.length - 1)), focused: true })), state.step === "claude" && (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { children: "kankaku-claude checkout path:" }), _jsx(TextInput, { value: state.claudeCheckout, onChange: (value) => setState((s) => setClaudeCheckout(s, value)), focused: true }), state.errors.claudeCheckout && _jsx(Text, { color: theme.error, children: state.errors.claudeCheckout })] })), state.step === "hub" && (_jsxs(Box, { flexDirection: "column", children: [_jsx(Radio, { options: HUB_MODE_OPTIONS, value: state.hub.mode, onChange: (mode) => setState((s) => setHubMode(s, mode)), focused: hubFocus === 0 }), state.hub.mode === "existing" && (_jsxs(Box, { flexDirection: "column", children: [["url", "email", "password"].map((field, index) => (_jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { children: `${field}: ` }), _jsx(TextInput, { value: state.hub[field], onChange: (value) => setState((s) => setHubField(s, field, value)), masked: field === "password", focused: hubFocus === index + 1 })] }, field))), state.errors.url && _jsx(Text, { color: theme.error, children: state.errors.url }), state.errors.email && _jsx(Text, { color: theme.error, children: state.errors.email }), state.errors.password && _jsx(Text, { color: theme.error, children: state.errors.password }), _jsx(Text, { children: `[ check ] c   ${healthLine(state.hub.healthOk, healthChecking)}` })] })), state.hub.mode === "local" && (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { dimColor: true, children: `will install and run at http://127.0.0.1:${DEFAULT_HUB_PORT}` }), _jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { children: "owner email: " }), _jsx(TextInput, { value: state.hub.ownerEmail, onChange: (value) => setState((s) => setHubField(s, "ownerEmail", value)), focused: hubFocus === 1 })] }), _jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { children: "owner password: " }), _jsx(TextInput, { value: state.hub.ownerPassword, onChange: (value) => setState((s) => setHubField(s, "ownerPassword", value)), masked: true, focused: hubFocus === 2 })] }), state.errors.ownerEmail && _jsx(Text, { color: theme.error, children: state.errors.ownerEmail }), state.errors.ownerPassword && _jsx(Text, { color: theme.error, children: state.errors.ownerPassword })] }))] })), state.step === "roots" && (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { children: "project roots (comma-separated):" }), _jsx(TextInput, { value: rootsText, onChange: (value) => {
+    return (_jsxs(Box, { flexDirection: "column", width: width, height: height, children: [_jsx(HeaderBar, { left: `>_ kankaku setup${version ? ` ${version}` : ""}`, width: width }), _jsx(Box, { flexDirection: "column", flexGrow: 1, minHeight: 0, children: _jsxs(Panel, { title: panelTitle(state), width: mainWidth, height: mainHeight, active: true, children: [state.step === "agents" && (_jsx(Checklist, { items: agentChecklistItems(state.agents, state.selected, facts.homeDir), cursor: agentCursor, onToggle: (id) => setState((s) => toggleAgent(s, id)), onMove: (delta) => setAgentCursor((c) => Math.min(Math.max(c + delta, 0), state.agents.length - 1)), focused: true })), state.step === "claude" && (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { children: "kankaku-claude checkout path (packages/claude in a kankaku checkout):" }), _jsx(TextInput, { value: state.claudeCheckout, onChange: (value) => setState((s) => setClaudeCheckout(s, value)), focused: true }), state.errors.claudeCheckout && _jsx(Text, { color: theme.error, children: state.errors.claudeCheckout })] })), state.step === "hub" && (_jsxs(Box, { flexDirection: "column", children: [_jsx(Radio, { options: HUB_MODE_OPTIONS, value: state.hub.mode, onChange: (mode) => setState((s) => setHubMode(s, mode)), focused: hubFocus === 0 }), state.hub.mode === "existing" && (_jsxs(Box, { flexDirection: "column", children: [["url", "email", "password"].map((field, index) => (_jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { children: `${field}: ` }), _jsx(TextInput, { value: state.hub[field], onChange: (value) => setState((s) => setHubField(s, field, value)), masked: field === "password", focused: hubFocus === index + 1 })] }, field))), state.errors.url && _jsx(Text, { color: theme.error, children: state.errors.url }), state.errors.email && _jsx(Text, { color: theme.error, children: state.errors.email }), state.errors.password && _jsx(Text, { color: theme.error, children: state.errors.password }), _jsx(Text, { children: `[ check ] c   ${healthLine(state.hub.healthOk, healthChecking)}` })] })), state.hub.mode === "local" && (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { dimColor: true, children: `will install and run at http://127.0.0.1:${DEFAULT_HUB_PORT}` }), _jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { children: "owner email: " }), _jsx(TextInput, { value: state.hub.ownerEmail, onChange: (value) => setState((s) => setHubField(s, "ownerEmail", value)), focused: hubFocus === 1 })] }), _jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { children: "owner password: " }), _jsx(TextInput, { value: state.hub.ownerPassword, onChange: (value) => setState((s) => setHubField(s, "ownerPassword", value)), masked: true, focused: hubFocus === 2 })] }), state.errors.ownerEmail && _jsx(Text, { color: theme.error, children: state.errors.ownerEmail }), state.errors.ownerPassword && _jsx(Text, { color: theme.error, children: state.errors.ownerPassword })] }))] })), state.step === "roots" && (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { children: "project roots (comma-separated):" }), _jsx(TextInput, { value: rootsText, onChange: (value) => {
                                         setRootsText(value);
                                         setState((s) => setRoots(s, value));
                                     }, focused: true }), state.errors.roots && _jsx(Text, { color: theme.error, children: state.errors.roots })] })), state.step === "review" && (_jsx(Table, { columns: reviewColumns(mainWidth), rows: state.plan, rowKey: (row) => `${row.kind}-${row.file}`, cell: reviewCell, emptyText: "nothing to change" })), state.step === "apply" && (_jsxs(Box, { flexDirection: "column", children: [state.results.map((result, index) => (_jsx(Text, { children: applyResultLine(result) }, `${result.action.kind}-${index}`))), state.results.length < state.plan.length && _jsx(Text, { dimColor: true, children: "applying\u2026" })] })), state.step === "done" && (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { children: `setup complete: ${state.results.length} change(s) applied` }), _jsx(Text, { dimColor: true, children: "enter open dashboard" })] }))] }) }), _jsx(KeyHints, { hints: hints })] }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kankaku-tui",
-  "version": "0.4.1",
+  "version": "0.9.0",
   "description": "Terminal app that shows today's kankaku work across every project on disk",
   "license": "MIT",
   "type": "module",
@@ -25,7 +25,7 @@
   },
   "dependencies": {
     "ink": "^7.1.1",
-    "kankaku": "^0.8.2",
+    "kankaku": "^0.9.0",
     "kankaku-hub": "^0.2.0",
     "react": "^19.3.0"
   },
@@ -35,5 +35,10 @@
     "ink-testing-library": "^4",
     "tsx": "^4",
     "typescript": "^5.7.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/soyunninja/kankaku.git",
+    "directory": "packages/tui"
   }
 }

package/dist/ui/today-screen.js

@@ -1,161 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRef, useState } from "react";
-import { Box, Text, useInput } from "ink";
-import { formatMinutes } from "../domain/today-model.js";
-import { SCREENS, hintsFor } from "../domain/nav-model.js";
-import { Layout } from "./layout.js";
-import { Panel } from "./components/panel.js";
-import { Table } from "./components/table.js";
-import { Sparkline } from "./components/sparkline.js";
-import { renderBar } from "./components/bar.js";
-const KEY_HINTS = [
-    { key: "↑↓", label: "move" },
-    { key: "enter", label: "open" },
-    { key: "r", label: "refresh" },
-    { key: "1-4", label: "screens" },
-    { key: "q", label: "quit" },
-];
-/** `HH:MM`, local time, from an ISO timestamp. */
-function formatTime(iso) {
-    const date = new Date(iso);
-    const hours = String(date.getHours()).padStart(2, "0");
-    const minutes = String(date.getMinutes()).padStart(2, "0");
-    return `${hours}:${minutes}`;
-}
-function formatCost(cost) {
-    return `$${cost.toFixed(2)}`;
-}
-/** The header bar's right-hand hub status, or `undefined` when the hub is not configured. */
-function hubHeaderText(hub) {
-    if (hub.status !== "ready")
-        return undefined;
-    const domain = hub.catalog?.url.replace(/^https?:\/\//, "");
-    const domainPart = domain !== undefined ? `${domain} · ` : "";
-    const syncedPart = hub.lastSyncAt !== undefined ? `synced ${formatTime(hub.lastSyncAt)}` : "no sync yet";
-    return `hub ${hub.lastSyncOk ? "●" : "✕"} ${domainPart}${syncedPart}`;
-}
-function TodayPanel({ today, width, height }) {
-    const cacheHitPart = today.cacheHit !== undefined ? `   cache hit ${Math.round(today.cacheHit * 100)}%` : "";
-    return (_jsxs(Panel, { title: "Today", width: width, height: height, children: [_jsx(Text, { children: `work   ${formatMinutes(today.workMs)}` }), _jsx(Text, { children: `wait   ${formatMinutes(today.waitingMs)}   cost  ${formatCost(today.cost)}` }), _jsx(Text, { children: `tasks  ${today.tasks}${cacheHitPart}` })] }));
-}
-function Last7DaysPanel({ points, width, height }) {
-    return (_jsxs(Panel, { title: "Last 7 days", width: width, height: height, children: [_jsxs(Text, { children: ["work  ", _jsx(Sparkline, { values: points.map((point) => point.workMs) }), "   cost  ", _jsx(Sparkline, { values: points.map((point) => point.cost) })] }), _jsx(Text, { dimColor: true, children: points.map((point) => point.weekday).join(" ") })] }));
-}
-/** Combined width of every fixed-width column but `project`, plus their separating spaces, the row's own `› `/`  ` marker prefix, and the panel's own left/right border columns. */
-const PROJECT_FIXED_COLUMNS_WIDTH = 8 + 1 + 7 + 1 + 12 + 1 + 2 + 2;
-/** Floor for the `project` column so a very narrow table still shows a sliver of the name instead of collapsing to nothing. */
-const MIN_PROJECT_NAME_WIDTH = 4;
-/**
- * `work`/`cost`/`share` are fixed-width; `project` absorbs whatever width
- * is left in `panelWidth` (the panel's own outer width, including its
- * border columns) so the row's total text never exceeds the panel's
- * actual content width — which would otherwise wrap inside the
- * fixed-height, `overflow: hidden` panel and corrupt the scrolling
- * window (see the matching fix in `tasks-screen.tsx`).
- */
-function projectColumns(panelWidth) {
-    const nameWidth = Math.max(panelWidth - PROJECT_FIXED_COLUMNS_WIDTH, MIN_PROJECT_NAME_WIDTH);
-    return [
-        { key: "name", header: "project", width: nameWidth },
-        { key: "work", header: "work", width: 8, align: "right" },
-        { key: "cost", header: "cost", width: 7, align: "right" },
-        { key: "share", header: "share", width: 12 },
-    ];
-}
-function projectCell(row, key) {
-    switch (key) {
-        case "name":
-            return row.name;
-        case "work":
-            return formatMinutes(row.workMs);
-        case "cost":
-            return formatCost(row.cost);
-        case "share":
-            return renderBar(row.share, 1, 10);
-        default:
-            return "";
-    }
-}
-function ProjectsPanel({ rows, selectedIndex, width, height, maxRows, active }) {
-    return (_jsx(Panel, { title: "Projects", width: width, height: height, active: active, children: _jsx(Table, { columns: projectColumns(width), rows: rows, rowKey: (row) => row.name, cell: projectCell, selectedIndex: selectedIndex, emptyText: "no work recorded today", maxRows: maxRows }) }));
-}
-function HubPanel({ hub, width, height }) {
-    return (_jsx(Panel, { title: "Hub", width: width, height: height, children: hub.status === "unavailable" ? (_jsx(Text, { dimColor: true, children: "hub not configured" })) : (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { children: `pending ${hub.pending} · stale ${hub.staleOutsideWindow}` }), _jsx(Text, { children: `last sync ${hub.lastSyncOk ? "ok" : "error"}${hub.lastSyncAt !== undefined ? ` ${formatTime(hub.lastSyncAt)}` : ""}` }), hub.catalog !== undefined && _jsx(Text, { children: `catalog ${hub.catalog.clientCount} clients · ${hub.catalog.projectCount} projects` })] })) }));
-}
-/** Below this main-content width, the two-column grid collapses to one column, stacking every panel. */
-const GRID_BREAKPOINT = 70;
-/** Rows the Today card's panel takes: 1 top border + 3 content lines + 1 bottom border. */
-const TODAY_PANEL_ROWS = 5;
-/** Rows the Last 7 days panel takes: 1 top border + 2 content lines + 1 bottom border. */
-const LAST7_PANEL_ROWS = 4;
-/** Rows the Hub panel takes at most: 1 top border + up to 3 content lines + 1 bottom border. */
-const HUB_PANEL_ROWS = 5;
-/** Rows the Projects panel's own chrome (border + table header) takes outside its data rows. */
-const TABLE_CHROME_ROWS = 3;
-/** How many data rows the Projects table can show for a given `mainHeight`, depending on whether the grid is two columns (`grid`) or stacked to one (`stacked`). */
-function projectsMaxRows(mainHeight, layout) {
-    const fixedRows = layout === "grid" ? TODAY_PANEL_ROWS : TODAY_PANEL_ROWS + LAST7_PANEL_ROWS + HUB_PANEL_ROWS;
-    return Math.max(mainHeight - fixedRows - TABLE_CHROME_ROWS, 1);
-}
-/**
- * The Projects panel's own explicit height for a given `mainHeight`/`layout`
- * — `TABLE_CHROME_ROWS` plus however many data rows `projectsMaxRows`
- * allows, so the panel itself never grows past what its own table renders
- * (see the layout-stability rule this screen's panels all follow).
- */
-function projectsPanelHeight(mainHeight, layout) {
-    return TABLE_CHROME_ROWS + projectsMaxRows(mainHeight, layout);
-}
-function DashboardGrid({ model, selectedIndex, mainWidth, mainHeight, focused, }) {
-    if (mainWidth < GRID_BREAKPOINT) {
-        return (_jsxs(Box, { flexDirection: "column", children: [_jsx(TodayPanel, { today: model.today, width: mainWidth, height: TODAY_PANEL_ROWS }), _jsx(Last7DaysPanel, { points: model.last7Days, width: mainWidth, height: LAST7_PANEL_ROWS }), _jsx(ProjectsPanel, { rows: model.projects, selectedIndex: selectedIndex, width: mainWidth, height: projectsPanelHeight(mainHeight, "stacked"), maxRows: projectsMaxRows(mainHeight, "stacked"), active: focused }), _jsx(HubPanel, { hub: model.hub, width: mainWidth, height: HUB_PANEL_ROWS })] }));
-    }
-    const leftWidth = Math.floor(mainWidth * 0.55);
-    const rightWidth = Math.max(mainWidth - leftWidth - 1, 1);
-    return (_jsxs(Box, { flexDirection: "row", children: [_jsxs(Box, { flexDirection: "column", width: leftWidth, children: [_jsx(TodayPanel, { today: model.today, width: leftWidth, height: TODAY_PANEL_ROWS }), _jsx(ProjectsPanel, { rows: model.projects, selectedIndex: selectedIndex, width: leftWidth, height: projectsPanelHeight(mainHeight, "grid"), maxRows: projectsMaxRows(mainHeight, "grid"), active: focused })] }), _jsx(Box, { width: 1 }), _jsxs(Box, { flexDirection: "column", width: rightWidth, children: [_jsx(Last7DaysPanel, { points: model.last7Days, width: rightWidth, height: LAST7_PANEL_ROWS }), _jsx(HubPanel, { hub: model.hub, width: rightWidth, height: HUB_PANEL_ROWS })] })] }));
-}
-/**
- * The Today screen: a dashboard (Today card, Last 7 days sparklines,
- * Projects table with share bars, Hub card) inside the shared
- * header/sidebar/footer frame. `r` reloads through `load`; `↑↓` move the
- * Projects selection; `enter` opens the selected project in Tasks via
- * `onOpenProject`. Never writes anything to disk.
- */
-export function TodayScreen({ load, roots, version, columns, rows, focused = true, onOpenProject }) {
-    const [model, setModel] = useState(load);
-    const [selected, setSelected] = useState(0);
-    const maxRowsRef = useRef(0);
-    useInput((input, key) => {
-        const lastIndex = Math.max(model.projects.length - 1, 0);
-        if (input === "r") {
-            setModel(load());
-        }
-        else if (key.downArrow) {
-            setSelected((index) => Math.min(index + 1, lastIndex));
-        }
-        else if (key.upArrow) {
-            setSelected((index) => Math.max(index - 1, 0));
-        }
-        else if (key.pageDown) {
-            setSelected((index) => Math.min(index + Math.max(maxRowsRef.current, 1), lastIndex));
-        }
-        else if (key.pageUp) {
-            setSelected((index) => Math.max(index - Math.max(maxRowsRef.current, 1), 0));
-        }
-        else if (key.home) {
-            setSelected(0);
-        }
-        else if (key.end) {
-            setSelected(lastIndex);
-        }
-        else if (key.return) {
-            const project = model.projects[selected];
-            if (project)
-                onOpenProject?.(project.name);
-        }
-    }, { isActive: focused });
-    return (_jsx(Layout, { columns: columns, rows: rows, headerLeft: `>_ kankaku ${version}`, headerRight: hubHeaderText(model.hub), sidebarItems: SCREENS, activeId: "today", sidebarStats: [`roots ${roots.length}`, `projects ${model.projects.length}`], keyHints: hintsFor("today", focused ? "main" : "sidebar", KEY_HINTS), focus: focused ? "main" : "sidebar", children: ({ mainWidth, mainHeight }) => {
-            maxRowsRef.current = projectsMaxRows(mainHeight, mainWidth < GRID_BREAKPOINT ? "stacked" : "grid");
-            return _jsx(DashboardGrid, { model: model, selectedIndex: selected, mainWidth: mainWidth, mainHeight: mainHeight, focused: focused });
-        } }));
-}