kandown 0.3.4 → 0.4.0

package/README.md

@@ -13,214 +13,122 @@
   <a href="https://www.npmjs.com/package/kandown"><img src="https://img.shields.io/npm/v/kandown?color=cb3837&label=npm" alt="npm version"></a>
   <a href="https://www.npmjs.com/package/kandown"><img src="https://img.shields.io/npm/dm/kandown?color=blue" alt="npm downloads"></a>
   <img src="https://img.shields.io/badge/license-MIT-green" alt="MIT License">
-  <img src="https://img.shields.io/badge/languages-48-purple" alt="48 languages">
   <img src="https://img.shields.io/badge/local--first-100%25-orange" alt="100% local-first">
 </p>
 
-<p align="center">
-  <a href="#-quick-start">Quick Start</a> ·
-  <a href="#-features">Features</a> ·
-  <a href="#-cli-commands">CLI</a> ·
-  <a href="#-board-tui">Board TUI</a> ·
-  <a href="#-ai-agent-integration">AI Agents</a> ·
-  <a href="#-keyboard-shortcuts">Shortcuts</a> ·
-  <a href="#-development">Development</a>
-</p>
-
 ---
 
-## 🚀 Quick Start
-
-### 1. Install globally
+## Description
 
-```bash
-npm i -g kandown
-```
+Kandown is a **local-first Kanban board** where your tasks live as plain Markdown files. No cloud, no account, no vendor lock-in — just a `.kandown/` folder in your project that you own forever.
 
-### 2. Initialize in any project
+- **Your data is portable** — tasks are `.md` files versioned with git, readable by any text editor or AI agent
+- **AI-agent friendly** — Claude, Codex, Gemini, Goose, Aider, and OpenCode can read and update tasks directly
+- **Dual interface** — a polished web UI + a full terminal TUI, both running entirely offline
+- **Single-file deployment** — `kandown.html` is a self-contained app you can open in any browser
 
-```bash
-cd my-project
-kandown init
-```
+---
 
-### 3. Launch your board
+## Installation
 
 ```bash
-kandown
+npm install -g kandown
 ```
 
-> That's it. A local web UI opens in your browser, and an interactive board TUI appears in your terminal. All your data stays in `.kandown/` as plain markdown — versioned with git, readable by humans and AI agents alike.
+**Requirements:** Node.js 18+
 
 ---
 
-## 💡 Why Kandown?
+## Usage
 
-Most kanban tools trap your data in their cloud. Kandown does the opposite.
-
-| Traditional Kanban | Kandown |
-|---|---|
-| ☁️ Cloud-hosted, needs an account | 📁 100% local, no account |
-| 🔒 Proprietary data format | 📝 Plain Markdown + JSON |
-| 💰 Paid plans for teams | 🆓 Free & open-source (MIT) |
-| 🤖 No AI integration | 🤖 AI-agent native (Claude, Codex, Gemini…) |
-| 🔄 Requires sync/internet | 📂 Git-diffable, offline-first |
-| 🏗️ Backend, database, infra | 🚫 Zero backend, zero dependencies |
+### Initialize in any project
 
-**Your tasks are just `.md` files.** Move them, `grep` them, edit them in Vim, let an AI agent process them — they're yours.
-
----
-
-## 📦 What Gets Installed
+```bash
+cd my-project
+kandown init
+```
 
-Running `kandown init` creates a `.kandown/` folder in your project:
+This creates a `.kandown/` folder with:
 
 ```
 .kandown/
-├── kandown.html      ← Single-file web app (opens in any browser)
-├── kandown.json      ← Project preferences, columns, appearance
-├── tasks/            ← One markdown file per task (source of truth)
-├── AGENT.md          ← AI-agent quick reference
-└── README.md         ← Project-local user guide
+├── kandown.html      # Single-file web app
+├── kandown.json      # Project config (columns, appearance)
+├── tasks/            # One .md file per task
+└── AGENT.md          # AI-agent quick reference
+```
+
+### Launch the board
+
+```bash
+kandown
 ```
 
-It also copies `AGENT_KANDOWN.md` to the project root and wires it into your `AGENTS.md` / `CLAUDE.md` so AI agents know how to manage your board automatically.
+This opens:
+- A **web UI** in your browser (board view, list view, task editor)
+- A **terminal TUI** for keyboard-driven workflow (works over SSH, no browser needed)
+
+### CLI Commands
+
+| Command | Description |
+|---|---|
+| `kandown` | Launch web UI + board TUI |
+| `kandown init` | Initialize in current project |
+| `kandown board` | TUI only (no browser) |
+| `kandown settings` | Terminal settings editor |
+| `kandown update` | Update `kandown.html` to latest |
+| `kandown help` | CLI help |
 
 ---
 
-## ✨ Features
+## Features
 
 ### Board & Views
 
 | Feature | Description |
 |---|---|
-| 🗂️ Board view | Horizontal kanban with drag-and-drop between columns |
-| 📋 List view | Dense table-like view with the same filters & search |
-| 🔍 Content search | Search titles, body, subtasks, tags, assignee, priority — with highlighted previews |
-| ⌨️ Command palette | `⌘K` / `Ctrl+K` for quick actions and task lookup |
-| 🏷️ Custom columns | Add, rename, delete columns — unknown statuses appear as temp columns |
-| 🗑️ Guarded deletion | Double-click the trash icon to delete — no accidental losses |
+| Board view | Horizontal kanban with drag-and-drop |
+| List view | Dense table with filters & search |
+| Content search | Search titles, body, subtasks, tags, assignee, priority |
+| Command palette | `⌘K` / `Ctrl+K` for quick actions |
+| Custom columns | Add, rename, delete columns freely |
+| Guarded deletion | Double-click to delete — no accidents |
 
 ### Task Management
 
 | Feature | Description |
 |---|---|
-| ✏️ Rich task drawer | Edit title, metadata, subtasks, and body via WYSIWYG markdown editor |
-| ☑️ Subtasks | Full checklist support with progress tracking on cards |
-| 📊 Metadata fields | Priority, assignee, tags, due date, owner type — toggle each on/off |
-| 👤 Owner filtering | Separate human tasks from AI-agent tasks |
-| ⚡ External-change detection | Warns when a file was modified outside the app (Reload / Overwrite / Cancel) |
+| Rich task drawer | WYSIWYG markdown editor for title, metadata, subtasks, body |
+| Subtasks | Full checklist with progress tracking on cards |
+| Metadata fields | Priority, assignee, tags, due date, owner type |
+| Owner filtering | Filter human vs AI-agent tasks separately |
+| External-change detection | Warns when files are modified outside the app |
 
 ### Appearance & UX
 
 | Feature | Description |
 |---|---|
-| 🎨 5 built-in skins | Kandown, Graphite, Sage, Cobalt, Rose |
-| 🌗 Theme modes | Auto, Light, Dark |
-| 🔤 5 font stacks | Inter, System, Serif, Mono, Rounded |
-| 🌊 Animated backgrounds | WebGL fluid simulation (LiquidEther) |
-| 🔔 Notifications | Browser + in-page sound alerts for status changes, edits, subtask completions |
-| 🌍 48 languages | Full i18n support |
-| 📌 Recent projects | Stored in IndexedDB for quick reopening |
+| 5 built-in skins | Kandown, Graphite, Sage, Cobalt, Rose |
+| Theme modes | Auto (system), Light, Dark |
+| 5 font stacks | Inter, System, Serif, Mono, Rounded |
+| Animated backgrounds | WebGL fluid simulation (LiquidEther) |
+| 48 languages | Full i18n support |
+| Notifications | Browser + sound alerts for status changes, edits, completions |
 
----
-
-## 🖥️ CLI Commands
-
-### Usage
-
-```bash
-# If installed globally (recommended):
-kandown [command] [options]
-
-# Or with npx (no install needed):
-npx kandown [command] [options]
-```
-
-### Commands
-
-| Command | Description |
-|---|---|
-| `kandown` | Launch web UI + board TUI (recommended daily workflow) |
-| `kandown init` | Initialize Kandown in the current project |
-| `kandown board` | Open the board TUI only (no browser) |
-| `kandown settings` | Open the terminal settings editor |
-| `kandown update` | Update `kandown.html` to the latest version |
-| `kandown help` | Print CLI help |
-
-### Init Options
-
-| Flag | Description |
-|---|---|
-| `--path <dir>` | Install `.kandown` at a custom location |
-| `--force` | Overwrite existing installation |
-| `--no-agents` | Skip AI agent docs setup |
-
-### Serve Options
-
-| Flag | Description |
-|---|---|
-| `--port <number>` | Use a specific port (default: auto-scan 2048–2060) |
-
----
-
-## 📟 Board TUI
-
-The board TUI is a full-screen terminal kanban built with [Ink](https://github.com/vadimdemedes/ink). Same columns and tasks as the web UI — plus the ability to launch AI agents on any task.
-
-```
-  KANDOWN  tmux  My Project
-  ──────────────────────────────────────────────────────────────
-  Backlog (3)   │ Todo (2)     │ In Progress  │ Review (1) │ Done
-  ──────────────│──────────────│──────────────│────────────│──────
-  ▸ t9         │ t16         │ (empty)      │ t18       │ ...
-    t10        │ t7          │              │
-    t11        │              │
-```
+### AI Agent Integration
 
-### TUI Navigation
-
-| Key | Action |
-|---|---|
-| `h` / `l` or `←` / `→` | Move between columns |
-| `j` / `k` or `↑` / `↓` | Move between tasks |
-| `Enter` | Open task detail (scrollable) |
-| `a` | Launch AI agent picker |
-| `r` | Reload files from disk |
-| `q` / `Esc` | Quit or go back |
-
----
-
-## 🤖 AI Agent Integration
-
-Press `a` in the board TUI to launch an AI agent on the selected task. Kandown auto-detects installed agents and builds a context-rich prompt from `AGENT_KANDOWN.md` + the task file.
-
-### Supported Agents
+Press `a` in the board TUI to launch an AI agent on any task. Supported agents:
 
 | Agent | Binary | Launch mode |
 |---|---|---|
-| **Claude Code** | `claude` | Interactive session with initial prompt |
-| **OpenAI Codex** | `codex` | Interactive session |
-| **Gemini CLI** | `gemini` | `-p` flag for initial prompt |
-| **Goose** | `goose` | `run --text` for non-interactive |
-| **Aider** | `aider` | `--message` for initial prompt |
-| **OpenCode** | `opencode` | TUI, context written to `/tmp` |
-
-### How it works
+| Claude Code | `claude` | Interactive session |
+| OpenAI Codex | `codex` | Interactive session |
+| Gemini CLI | `gemini` | `-p` flag for initial prompt |
+| Goose | `goose` | `run --text` for non-interactive |
+| Aider | `aider` | `--message` for initial prompt |
+| OpenCode | `opencode` | TUI, context written to `/tmp` |
 
-1. Selecting an agent sets the task status to **In Progress**
-2. A system prompt is built from `AGENT_KANDOWN.md` + the task file
-3. Context is written to `/tmp/kandown-<id>-context.md`
-4. **In tmux**: opens in a 50%-wide split pane (TUI stays visible)
-5. **Without tmux**: exits TUI and hands the terminal to the agent
-
-> **Tip:** AI agents can also edit task files directly — Kandown detects external changes and syncs automatically.
-
----
-
-## ⌨️ Keyboard Shortcuts
-
-### Web UI
+### Keyboard Shortcuts
 
 | Shortcut | Action |
 |---|---|
@@ -231,149 +139,42 @@ Press `a` in the board TUI to launch an AI agent on the selected task. Kandown a
 | `R` | Reload from disk |
 | `/` | Focus search |
 | `Esc` | Close drawer / palette |
-| `⌘S` / `Ctrl+S` | Save task in drawer |
+| `⌘S` / `Ctrl+S` | Save task |
 | `⌘⌫` / `Ctrl+Backspace` | Delete task (with confirmation) |
 
----
-
-## 📄 Data Model
-
-### Task files — `tasks/<id>.md`
+### Data Model
 
-Each task is a standalone markdown file with YAML frontmatter:
+Each task is a standalone Markdown file:
 
 ```markdown
 ---
 id: t1
 title: Implement user auth
 status: Todo
-order: 0
 priority: P1
 tags: [backend, security]
 assignee: chacha
 created: 2026-04-10
-ownerType: human
 ---
 
 # Implement user auth
 
 ## Context
-Why this task exists and what it solves.
+Why this task exists.
 
 ## Subtasks
 - [ ] Set up OAuth provider
 - [x] Create user model
 - [ ] Add session middleware
-
-## Notes
-Extra details, links, decisions.
-```
-
-### Configuration — `kandown.json`
-
-<details>
-<summary>Full default configuration</summary>
-
-```json
-{
-  "ui": {
-    "language": "en",
-    "theme": "auto",
-    "skin": "kandown",
-    "font": "inter"
-  },
-  "agent": {
-    "suggestFollowUp": false,
-    "maxSuggestions": 3
-  },
-  "board": {
-    "taskPrefix": "t",
-    "defaultPriority": "P3",
-    "defaultOwnerType": "human"
-  },
-  "fields": {
-    "priority": false,
-    "assignee": false,
-    "tags": false,
-    "dueDate": false,
-    "ownerType": false,
-    "tools": false
-  },
-  "notifications": {
-    "browser": false,
-    "sound": false,
-    "soundId": "soft",
-    "statusChanges": true,
-    "taskEdits": true,
-    "subtaskCompletions": true,
-    "editDebounceMs": 2000
-  }
-}
 ```
 
-</details>
-
-| Section | Key options |
-|---|---|
-| `ui` | Language (48 locales), theme mode, skin, font |
-| `board` | Task ID prefix, default priority/owner |
-| `fields` | Toggle visibility of priority, assignee, tags, due date, owner type |
-| `notifications` | Browser alerts, sound cues, debounce timing |
-
-Disabled fields are hidden from cards, list view, the task drawer, and metadata filters.
-
----
-
-## 🌐 Browser Support
-
-| Browser | Supported |
-|---|---|
-| Chrome | ✅ |
-| Edge | ✅ |
-| Brave | ✅ |
-| Opera | ✅ |
-| Firefox | ❌ (no File System Access API) |
-| Safari | ❌ (no File System Access API) |
-
-> **Server mode** (`kandown` CLI command) works in all browsers — it proxies file operations through a local REST API, bypassing the File System Access API requirement.
-
 ---
 
-## 🎨 Appearance
-
-### Skins
-
-| Skin | Description |
-|---|---|
-| `kandown` | Crisp neutral default |
-| `graphite` | Soft gray surfaces |
-| `sage` | Calm green-gray planning palette |
-| `cobalt` | Cool blue accent, restrained surfaces |
-| `rose` | Warm ink with rose accent |
-
-### Theme Modes
-
-| Mode | Behavior |
-|---|---|
-| `auto` | Follows system `prefers-color-scheme` |
-| `light` | Force light theme |
-| `dark` | Force dark theme |
-
-### Fonts
-
-| Font | Stack |
-|---|---|
-| `inter` | Inter-first sans stack |
-| `system` | Native platform sans stack |
-| `serif` | Editorial serif stack |
-| `mono` | Monospace stack |
-| `rounded` | Rounded system stack |
-
----
+## Contributing
 
-## 🛠️ Development
+Contributions are welcome! Please read the existing code style and conventions before submitting PRs.
 
-### Setup
+### Development Setup
 
 ```bash
 git clone https://github.com/vava-nessa/kandown.git
@@ -386,107 +187,24 @@ pnpm dev          # Web UI at localhost:5173
 
 | Script | Description |
 |---|---|
-| `pnpm dev` | Vite dev server for the web UI |
-| `pnpm dev:cli` | Watch-mode build for the CLI TUI |
-| `pnpm build` | Full build: typecheck → web app → CLI TUI |
-| `pnpm build:cli` | One-shot CLI TUI build |
-| `pnpm preview` | Preview the Vite production build |
-| `pnpm typecheck` | TypeScript check without emitting |
-
-### Dev Workflow (CLI / TUI)
-
-```bash
-# Terminal 1 — watch and rebuild on save
-pnpm dev:cli
-
-# Terminal 2 — test the board TUI
-node bin/kandown.js board
-
-# Or full experience (web server + browser + TUI):
-node bin/kandown.js --port 3000
-```
-
-### Build Output
-
-| File | Purpose |
-|---|---|
-| `dist/index.html` | Single-file web app → copied as `kandown.html` |
-| `bin/tui.js` | Bundled Ink TUI → used by `kandown board` and `kandown settings` |
-
----
-
-## 🏗️ Architecture
-
-<details>
-<summary>Project structure</summary>
-
-```
-kandown/
-├── bin/
-│   ├── kandown.js          # CLI entrypoint (hand-rolled, no deps)
-│   └── tui.js              # Generated TUI bundle (tsup)
-├── src/
-│   ├── App.tsx             # Web app shell + global shortcuts
-│   ├── main.tsx            # React/Vite browser entrypoint
-│   ├── cli/                # Ink terminal UI source
-│   │   ├── tui.tsx         # Ink entrypoint (alternate screen buffer)
-│   │   ├── app.tsx         # TUI screen router
-│   │   ├── lib/            # Node-side helpers (config, board, agents, launcher)
-│   │   └── screens/        # board.tsx, agent-picker.tsx, settings.tsx
-│   ├── components/         # React UI components (web)
-│   ├── hooks/              # React hooks
-│   ├── lib/                # Domain model, parser, serializer, store, theme, i18n
-│   └── styles/             # Tailwind layers + CSS tokens
-├── templates/              # Files copied by `kandown init`
-├── dist/index.html         # Generated single-file web app
-├── vite.config.ts
-├── tsup.config.ts
-└── package.json
-```
-
-</details>
-
-<details>
-<summary>Runtime flow</summary>
-
-1. `main.tsx` mounts the React app
-2. `App` renders header + board / list / settings / empty state
-3. User selects a folder → File System Access API (or server mode)
-4. `filesystem.ts` resolves `.kandown/`, `tasks/`, `kandown.json`
-5. `store.ts` loads config, applies theme, scans tasks, saves recent project handles
-6. `parser.ts` converts task markdown into typed data
-7. Mutations flow back through store → `serializer.ts` → `filesystem.ts`
-
-</details>
-
-<details>
-<summary>Key modules</summary>
-
-| Module | Role |
-|---|---|
-| `src/lib/store.ts` | Zustand state machine — project loading, board mutations, drawer, search, config |
-| `src/lib/filesystem.ts` | File System Access API + IndexedDB helpers |
-| `src/lib/parser.ts` | Markdown parsing, subtask extraction, content search |
-| `src/lib/serializer.ts` | Markdown serialization |
-| `src/lib/theme.ts` | Theme engine — skins, fonts, CSS variables |
-| `src/lib/watcher.ts` | 500ms polling watcher with SHA-256 hashing for external change detection |
-| `src/lib/i18n/index.ts` | 48-locale translation system |
-
-</details>
+| `pnpm dev` | Vite dev server for web UI |
+| `pnpm dev:cli` | Watch-mode build for CLI TUI |
+| `pnpm build` | Full build: typecheck → web app → CLI |
+| `pnpm build:cli` | CLI TUI build only |
+| `pnpm preview` | Preview production build |
+| `pnpm typecheck` | TypeScript check |
 
 ---
 
-## 📐 Design Constraints
+## License
 
-- **Local-first, backend-free** — no servers, no sync vendors
-- **Markdown is the canonical data format** — always human-readable
-- **Task files are the single source of truth** — no index files to sync
-- **Single-file web app** — `kandown.html` bundles everything
-- **Project config in `kandown.json`** — columns, appearance, fields, notifications
-- **Browser state in IndexedDB** — only for convenience (recent project handles)
+[MIT](LICENSE) — use it, fork it, ship it.
 
 ---
 
-## 📜 License
-
-[MIT](LICENSE) — use it, fork it, ship it.
+<p align="center">
+  <a href="#-quick-start">Quick Start</a> ·
+  <a href="#-features">Features</a> ·
+  <a href="#-cli-commands">CLI</a> ·
+  <a href="#-ai-agent-integration">AI Agents</a>
+</p>

package/bin/kandown.js

@@ -18,6 +18,7 @@
  *  → parseArgs — parses shared CLI flags
  *  → cmdInit — installs `.kandown`
  *  → cmdUpdate — refreshes installed kandown.html
+ *  → injectServerRoot — injects the CLI server root into single-file HTML
  *  → createServeServer — creates the local zero-dependency HTTP server
  *  → cmdServe — opens the web UI over localhost and launches the board TUI
  *  → main — dispatches CLI commands
@@ -333,6 +334,11 @@ function cmdInit(rawArgs) {
   const kandownPath = args.path;
   const kandownDir = resolve(cwd, kandownPath);
 
+  if (existsSync(join(cwd, '.kandown', 'board.md'))) {
+    err(`Kandown already initialized in this directory. To reinitialize, remove the .kandown folder first.`);
+    process.exit(1);
+  }
+
   log('');
   info(`Installing kandown in ${c.bold}${kandownPath}/${c.reset}`);
   log('');
@@ -549,6 +555,22 @@ function deleteTask(res, kandownDir, id) {
   }
 }
 
+/**
+ * 📖 The single-file Vite bundle can contain literal strings such as
+ * `</head>` from HTML parser libraries. Use the last closing head tag so the
+ * CLI does not inject server-mode globals into bundled JavaScript text.
+ */
+function injectServerRoot(html, kandownDir) {
+  const marker = '</head>';
+  const markerIndex = html.toLowerCase().lastIndexOf(marker);
+  const safeRoot = JSON.stringify(kandownDir).replace(/</g, '\\u003c');
+  const script = `<script>window.__KANDOWN_ROOT__ = ${safeRoot};</script>\n`;
+
+  if (markerIndex === -1) return script + html;
+
+  return html.slice(0, markerIndex) + script + html.slice(markerIndex);
+}
+
 function handleApi(req, res, url, kandownDir) {
   const parts = url.pathname.replace('/api/', '').split('/');
   const resource = parts[0];
@@ -583,10 +605,7 @@ function serveApp(res, kandownDir) {
 
   try {
     const html = readFileSync(htmlPath, 'utf8');
-    const injected = html.replace(
-      '</head>',
-      `<script>window.__KANDOWN_ROOT__ = ${JSON.stringify(kandownDir)};</script>\n</head>`,
-    );
+    const injected = injectServerRoot(html, kandownDir);
     res.writeHead(200, { 'Content-Type': 'text/html; charset=utf-8' });
     res.end(injected);
   } catch (e) {