@arthony/keybook 0.2.0 → 0.3.0

package/dist/cli.js

@@ -1,436 +1,1149 @@
 #!/usr/bin/env node
-
-// src/cli.ts
-import { spawn } from "child_process";
-import { readFileSync as readFileSync2 } from "fs";
-import { dirname as dirname2, join as join3 } from "path";
-import { fileURLToPath as fileURLToPath2 } from "url";
+import { spawn, spawnSync } from "node:child_process";
+import { cpSync, existsSync, mkdirSync, readFileSync, readdirSync, unlinkSync, writeFileSync } from "node:fs";
+import { basename, dirname, join } from "node:path";
+import { fileURLToPath } from "node:url";
 import { Command } from "commander";
-import { render } from "ink";
-import { createElement } from "react";
-
-// src/config.ts
-import { cpSync, existsSync, mkdirSync, readdirSync } from "fs";
-import { homedir } from "os";
-import { dirname, join } from "path";
-import { fileURLToPath } from "url";
-var YAML_RE = /\.ya?ml$/;
+import { Box, Text, render, useApp, useInput, useStdout } from "ink";
+import { createElement, useCallback, useMemo, useState } from "react";
+import { homedir } from "node:os";
+import { Document, parse, parseDocument } from "yaml";
+import { z } from "zod";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Fzf, extendedMatch } from "fzf";
+//#region src/config.ts
+const YAML_RE$2 = /\.ya?ml$/;
 function resolveDataDir(env = process.env) {
-  if (env.KEYBOOK_DATA_DIR) return { dir: env.KEYBOOK_DATA_DIR, source: "env" };
-  if (env.XDG_CONFIG_HOME) return { dir: join(env.XDG_CONFIG_HOME, "keybook"), source: "xdg" };
-  return { dir: join(homedir(), ".config", "keybook"), source: "default" };
+	if (env.KEYBOOK_DATA_DIR) return {
+		dir: env.KEYBOOK_DATA_DIR,
+		source: "env"
+	};
+	if (env.XDG_CONFIG_HOME) return {
+		dir: join(env.XDG_CONFIG_HOME, "keybook"),
+		source: "xdg"
+	};
+	return {
+		dir: join(homedir(), ".config", "keybook"),
+		source: "default"
+	};
 }
+/** Locate the bundled seed/ relative to this module (works in dist and in tests). */
 function seedDir() {
-  return join(dirname(fileURLToPath(import.meta.url)), "..", "seed");
+	return join(dirname(fileURLToPath(import.meta.url)), "..", "seed");
 }
 function ensureDataDir(dir, seed = seedDir()) {
-  const hasYaml = existsSync(dir) && readdirSync(dir).some((f) => YAML_RE.test(f));
-  if (hasYaml) return { initialized: false, fileCount: 0 };
-  mkdirSync(dir, { recursive: true });
-  const seedFiles = readdirSync(seed).filter((f) => YAML_RE.test(f));
-  for (const f of seedFiles) cpSync(join(seed, f), join(dir, f));
-  return { initialized: true, fileCount: seedFiles.length };
-}
-
-// src/data/loader.ts
-import { readFileSync, readdirSync as readdirSync2 } from "fs";
-import { join as join2 } from "path";
-import { parse as parseYaml } from "yaml";
-
-// src/data/schema.ts
-import { z } from "zod";
-var entrySchema = z.object({
-  action: z.string().min(1),
-  keys: z.string().min(1).optional(),
-  steps: z.array(z.string().min(1)).min(1).optional(),
-  command: z.string().min(1).optional(),
-  tags: z.array(z.string().min(1)).optional(),
-  notes: z.string().min(1).optional(),
-  source: z.string().min(1).optional()
-}).strict().refine((e) => Boolean(e.keys) || Boolean(e.steps) || Boolean(e.command), {
-  message: "entry must have at least one of: keys, steps, command"
-});
-var fileShape = z.object({
-  app: z.string().min(1),
-  entries: z.array(z.unknown()).min(1)
+	if (existsSync(dir) && readdirSync(dir).some((f) => YAML_RE$2.test(f))) return {
+		initialized: false,
+		fileCount: 0
+	};
+	mkdirSync(dir, { recursive: true });
+	const seedFiles = readdirSync(seed).filter((f) => YAML_RE$2.test(f));
+	for (const f of seedFiles) cpSync(join(seed, f), join(dir, f));
+	return {
+		initialized: true,
+		fileCount: seedFiles.length
+	};
+}
+//#endregion
+//#region src/data/keys.ts
+const MODS = {
+	cmd: "⌘",
+	command: "⌘",
+	"⌘": "⌘",
+	opt: "⌥",
+	option: "⌥",
+	alt: "⌥",
+	"⌥": "⌥",
+	ctrl: "⌃",
+	control: "⌃",
+	"⌃": "⌃",
+	shift: "⇧",
+	"⇧": "⇧"
+};
+const NAMED = {
+	return: "⏎",
+	enter: "⏎",
+	"⏎": "⏎",
+	esc: "⎋",
+	escape: "⎋",
+	"⎋": "⎋",
+	del: "⌫",
+	delete: "⌫",
+	backspace: "⌫",
+	"⌫": "⌫",
+	tab: "⇥",
+	"⇥": "⇥",
+	space: "␣",
+	"␣": "␣",
+	up: "↑",
+	down: "↓",
+	left: "←",
+	right: "→",
+	"↑": "↑",
+	"↓": "↓",
+	"←": "←",
+	"→": "→"
+};
+const MOD_ORDER = [
+	"⌃",
+	"⌥",
+	"⇧",
+	"⌘"
+];
+function normalizeSegment(seg) {
+	const trimmed = seg.trim();
+	if (!trimmed) return "";
+	const tokens = trimmed.split(/[\s+]+/).filter(Boolean);
+	const mods = /* @__PURE__ */ new Set();
+	const keys = [];
+	for (const tok of tokens) {
+		const low = tok.toLowerCase();
+		if (MODS[low]) mods.add(MODS[low]);
+		else if (NAMED[low]) keys.push(NAMED[low]);
+		else keys.push(tok.length === 1 && /[a-z]/i.test(tok) ? tok.toUpperCase() : tok);
+	}
+	return MOD_ORDER.filter((m) => mods.has(m)).join("") + keys.join("");
+}
+/** Normalize human key input into the canonical macOS glyph string. Never throws. */
+function normalizeKeys(input) {
+	return input.split(/\s*,\s*|\s+then\s+/i).map(normalizeSegment).filter(Boolean).join(", ");
+}
+//#endregion
+//#region src/data/schema.ts
+const entrySchema = z.object({
+	action: z.string().min(1),
+	keys: z.string().min(1).optional(),
+	steps: z.array(z.string().min(1)).min(1).optional(),
+	command: z.string().min(1).optional(),
+	tags: z.array(z.string().min(1)).optional(),
+	notes: z.string().min(1).optional(),
+	source: z.string().min(1).optional()
+}).strict().refine((e) => Boolean(e.keys) || Boolean(e.steps) || Boolean(e.command), { message: "entry must have at least one of: keys, steps, command" });
+const fileShape = z.object({
+	app: z.string().min(1),
+	entries: z.array(z.unknown()).min(1)
 }).strict();
-
-// src/data/loader.ts
-var YAML_RE2 = /\.ya?ml$/;
+//#endregion
+//#region src/data/loader.ts
+const YAML_RE$1 = /\.ya?ml$/;
 function loadEntries(dataDir) {
-  const entries = [];
-  const errors = [];
-  let files;
-  try {
-    files = readdirSync2(dataDir).filter((f) => YAML_RE2.test(f)).sort();
-  } catch (err) {
-    errors.push({
-      file: dataDir,
-      entryIndex: null,
-      message: `cannot read data dir: ${err.message}`
-    });
-    return { entries, errors };
-  }
-  for (const file of files) {
-    let raw;
-    try {
-      raw = parseYaml(readFileSync(join2(dataDir, file), "utf8"));
-    } catch (err) {
-      errors.push({
-        file,
-        entryIndex: null,
-        message: `YAML parse error: ${err.message}`
-      });
-      continue;
-    }
-    const shape = fileShape.safeParse(raw);
-    if (!shape.success) {
-      errors.push({
-        file,
-        entryIndex: null,
-        message: shape.error.issues[0]?.message ?? "invalid file shape"
-      });
-      continue;
-    }
-    const { app, entries: rawEntries } = shape.data;
-    rawEntries.forEach((rawEntry, i) => {
-      const parsed = entrySchema.safeParse(rawEntry);
-      if (!parsed.success) {
-        errors.push({
-          file,
-          entryIndex: i,
-          message: parsed.error.issues.map((s) => s.message).join("; ")
-        });
-        return;
-      }
-      entries.push({ app, ...parsed.data });
-    });
-  }
-  return { entries, errors };
-}
-
-// src/commands.ts
+	const entries = [];
+	const errors = [];
+	let files;
+	try {
+		files = readdirSync(dataDir).filter((f) => YAML_RE$1.test(f)).sort();
+	} catch (err) {
+		errors.push({
+			file: dataDir,
+			entryIndex: null,
+			message: `cannot read data dir: ${err.message}`
+		});
+		return {
+			entries,
+			errors
+		};
+	}
+	for (const file of files) {
+		let raw;
+		try {
+			raw = parse(readFileSync(join(dataDir, file), "utf8"));
+		} catch (err) {
+			errors.push({
+				file,
+				entryIndex: null,
+				message: `YAML parse error: ${err.message}`
+			});
+			continue;
+		}
+		const shape = fileShape.safeParse(raw);
+		if (!shape.success) {
+			errors.push({
+				file,
+				entryIndex: null,
+				message: shape.error.issues[0]?.message ?? "invalid file shape"
+			});
+			continue;
+		}
+		const { app, entries: rawEntries } = shape.data;
+		rawEntries.forEach((rawEntry, i) => {
+			const parsed = entrySchema.safeParse(rawEntry);
+			if (!parsed.success) {
+				errors.push({
+					file,
+					entryIndex: i,
+					message: parsed.error.issues.map((s) => s.message).join("; ")
+				});
+				return;
+			}
+			entries.push({
+				app,
+				...parsed.data
+			});
+		});
+	}
+	return {
+		entries,
+		errors
+	};
+}
+//#endregion
+//#region src/data/writer.ts
+const YAML_RE = /\.ya?ml$/;
+function yamlFiles(dir) {
+	if (!existsSync(dir)) return [];
+	return readdirSync(dir).filter((f) => YAML_RE.test(f)).sort();
+}
+function readApp(path) {
+	try {
+		const app = parseDocument(readFileSync(path, "utf8")).get("app");
+		return typeof app === "string" && app.trim() ? app.trim() : null;
+	} catch {
+		return null;
+	}
+}
+function listApps(dir) {
+	const seen = /* @__PURE__ */ new Map();
+	for (const f of yamlFiles(dir)) {
+		const app = readApp(join(dir, f));
+		if (app && !seen.has(app.toLowerCase())) seen.set(app.toLowerCase(), app);
+	}
+	return [...seen.values()].sort((a, b) => a.localeCompare(b));
+}
+function slugify(app) {
+	return app.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "") || "app";
+}
+function findFileForApp(dir, app) {
+	const want = app.trim().toLowerCase();
+	for (const f of yamlFiles(dir)) if (readApp(join(dir, f))?.toLowerCase() === want) return join(dir, f);
+	return null;
+}
+function freshPath(dir, app) {
+	const base = slugify(app);
+	let name = `${base}.yaml`;
+	let n = 2;
+	while (existsSync(join(dir, name))) {
+		name = `${base}-${n}.yaml`;
+		n += 1;
+	}
+	return join(dir, name);
+}
+/**
+* Resolve where an entry for `app` would be written, without writing anything.
+* Returns the existing file (created:false) or the fresh slug path (created:true).
+*/
+function resolveTargetFile(dir, app) {
+	const existing = findFileForApp(dir, app);
+	if (existing) return {
+		file: existing,
+		created: false
+	};
+	return {
+		file: freshPath(dir, app),
+		created: true
+	};
+}
+function buildClean(e) {
+	const out = { action: e.action };
+	if (e.keys) out.keys = e.keys;
+	if (e.steps?.length) out.steps = e.steps;
+	if (e.command) out.command = e.command;
+	if (e.tags?.length) out.tags = e.tags;
+	if (e.notes) out.notes = e.notes;
+	if (e.source) out.source = e.source;
+	return out;
+}
+function err(file, lines, created = false) {
+	return {
+		ok: false,
+		file,
+		created,
+		lines
+	};
+}
+function addEntry(dir, app, entry) {
+	if ("app" in entry) return err("", ["Error: entry must not have an app field; use --app instead"]);
+	if (!app.trim()) return err("", ["Error: app is required"]);
+	const parsed = entrySchema.safeParse(entry);
+	if (!parsed.success) return err("", parsed.error.issues.map((i) => i.message));
+	const clean = buildClean(parsed.data);
+	try {
+		mkdirSync(dir, { recursive: true });
+	} catch (e) {
+		return err(dir, [e.message]);
+	}
+	const existing = findFileForApp(dir, app);
+	const created = !existing;
+	const file = existing ?? freshPath(dir, app);
+	let original = null;
+	let text;
+	if (created) text = new Document({
+		app: app.trim(),
+		entries: [clean]
+	}).toString();
+	else {
+		try {
+			original = readFileSync(file, "utf8");
+		} catch (e) {
+			return err(file, [e.message]);
+		}
+		const doc = parseDocument(original);
+		doc.addIn(["entries"], doc.createNode(clean));
+		text = doc.toString();
+	}
+	try {
+		writeFileSync(file, text);
+	} catch (e) {
+		return err(file, [e.message], created);
+	}
+	const fileErr = loadEntries(dir).errors.find((e) => e.file === basename(file));
+	if (fileErr) {
+		if (created) try {
+			unlinkSync(file);
+		} catch {}
+		else if (original !== null) writeFileSync(file, original);
+		return err(file, [`✗ ${fileErr.message}`], created);
+	}
+	return {
+		ok: true,
+		file,
+		created,
+		lines: [`✓ ${created ? "created" : "added to"} ${basename(file)}`]
+	};
+}
+//#endregion
+//#region src/commands.ts
 function runPath(env = process.env) {
-  const { dir, source } = resolveDataDir(env);
-  return `${dir}  (source: ${source})`;
+	const { dir, source } = resolveDataDir(env);
+	return `${dir}  (source: ${source})`;
 }
 function runCheck(dir) {
-  const { entries, errors } = loadEntries(dir);
-  if (errors.length === 0) return { ok: true, lines: [`\u2713 ${entries.length} entries OK`] };
-  return {
-    ok: false,
-    lines: errors.map(
-      (e) => `\u2717 ${e.file}${e.entryIndex !== null ? ` [entry ${e.entryIndex}]` : ""}: ${e.message}`
-    )
-  };
-}
-
-// src/tui/App.tsx
-import { Box as Box6, useApp, useInput, useStdout } from "ink";
-import { useMemo, useState } from "react";
-
-// src/clipboard.ts
-import { spawnSync } from "child_process";
-function copyToClipboard(text) {
-  try {
-    const res = spawnSync("pbcopy", { input: text });
-    return res.status === 0;
-  } catch {
-    return false;
-  }
-}
-
-// src/search.ts
-import { Fzf, extendedMatch } from "fzf";
-function haystack(e) {
-  return [e.action, (e.tags ?? []).join(" "), e.app, e.keys ?? "", e.notes ?? ""].filter(Boolean).join("  ");
+	const { entries, errors } = loadEntries(dir);
+	if (errors.length === 0) return {
+		ok: true,
+		lines: [`✓ ${entries.length} entries OK`]
+	};
+	return {
+		ok: false,
+		lines: errors.map((e) => `✗ ${e.file}${e.entryIndex !== null ? ` [entry ${e.entryIndex}]` : ""}: ${e.message}`)
+	};
 }
-function search(entries, query) {
-  const q = query.trim();
-  if (!q) {
-    return [...entries].sort(
-      (a, b) => a.app.localeCompare(b.app) || a.action.localeCompare(b.action)
-    );
-  }
-  const fzf = new Fzf(entries, { selector: haystack, match: extendedMatch });
-  return fzf.find(q).map((r) => r.item);
-}
-
-// src/tui/Footer.tsx
-import { Box, Text } from "ink";
-import { jsx, jsxs } from "react/jsx-runtime";
-function Footer({
-  flash,
-  errorCount,
-  resultCount
-}) {
-  return /* @__PURE__ */ jsxs(Box, { marginTop: 1, justifyContent: "space-between", children: [
-    /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
-      "\u2191\u2193 move \u23CE copy \u238B quit \u2325\u232B/\u2303W del word \u2303U clear (",
-      resultCount,
-      ")"
-    ] }),
-    flash ? /* @__PURE__ */ jsx(Text, { color: "green", children: flash }) : errorCount > 0 ? /* @__PURE__ */ jsxs(Text, { color: "yellow", children: [
-      "\u26A0 ",
-      errorCount,
-      " skipped \u2014 run `keybook check`"
-    ] }) : /* @__PURE__ */ jsx(Text, { children: " " })
-  ] });
-}
-
-// src/tui/PreviewPane.tsx
-import { Box as Box2, Text as Text2 } from "ink";
-
-// src/tui/keycaps.ts
-var GLYPHS = /* @__PURE__ */ new Set(["\u2318", "\u2325", "\u2303", "\u21E7", "\u21EA", "\u23CE", "\u238B", "\u232B", "\u21E5", "\u2423", "\u2191", "\u2193", "\u2190", "\u2192"]);
+function runAdd(dir, draft) {
+	const entry = { action: draft.action };
+	const keys = draft.keys ? normalizeKeys(draft.keys).trim() : "";
+	if (keys) entry.keys = keys;
+	if (draft.command?.trim()) entry.command = draft.command.trim();
+	if (draft.steps?.length) entry.steps = draft.steps;
+	if (draft.tags?.length) entry.tags = draft.tags;
+	if (draft.notes?.trim()) entry.notes = draft.notes.trim();
+	const result = addEntry(dir, draft.app, entry);
+	return {
+		ok: result.ok,
+		lines: result.lines
+	};
+}
+//#endregion
+//#region src/tui/StepsBuilder.tsx
+function StepsBuilder({ steps, line, active }) {
+	return /* @__PURE__ */ jsxs(Box, {
+		flexDirection: "column",
+		children: [
+			steps.map((s, i) => /* @__PURE__ */ jsxs(Text, { children: [
+				i + 1,
+				". ",
+				s
+			] }, i)),
+			/* @__PURE__ */ jsxs(Box, { children: [
+				/* @__PURE__ */ jsxs(Text, {
+					color: active ? "cyan" : "gray",
+					children: [steps.length + 1, ". "]
+				}),
+				/* @__PURE__ */ jsx(Text, { children: line }),
+				active ? /* @__PURE__ */ jsx(Text, {
+					inverse: true,
+					children: " "
+				}) : null
+			] }),
+			steps.length === 0 ? /* @__PURE__ */ jsx(Text, {
+				color: "gray",
+				children: "⏎ adds a step · ⌫ on an empty line removes the last"
+			}) : null
+		]
+	});
+}
+//#endregion
+//#region src/tui/FormFields.tsx
+const TYPES$1 = [
+	"shortcut",
+	"command",
+	"recipe"
+];
+function Field({ label, value, focused }) {
+	return /* @__PURE__ */ jsxs(Box, { children: [
+		/* @__PURE__ */ jsx(Text, {
+			color: focused ? "cyan" : "gray",
+			children: label.padEnd(8)
+		}),
+		/* @__PURE__ */ jsx(Text, { children: value }),
+		focused ? /* @__PURE__ */ jsx(Text, {
+			inverse: true,
+			children: " "
+		}) : null
+	] });
+}
+function FormFields({ draft, apps, appIndex, focused, existingTags }) {
+	const appChoices = [...apps, "Create new app…"];
+	return /* @__PURE__ */ jsxs(Box, {
+		flexDirection: "column",
+		children: [
+			/* @__PURE__ */ jsxs(Box, { children: [/* @__PURE__ */ jsx(Text, {
+				color: focused === 0 ? "cyan" : "gray",
+				children: "App".padEnd(8)
+			}), draft.creatingApp ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Text, { children: draft.newApp }), focused === 0 ? /* @__PURE__ */ jsx(Text, {
+				inverse: true,
+				children: " "
+			}) : null] }) : /* @__PURE__ */ jsxs(Text, { children: [appChoices[appIndex] ?? "—", focused === 0 ? "  (↑/↓)" : ""] })] }),
+			/* @__PURE__ */ jsxs(Box, { children: [/* @__PURE__ */ jsx(Text, {
+				color: focused === 1 ? "cyan" : "gray",
+				children: "Type".padEnd(8)
+			}), /* @__PURE__ */ jsx(Text, { children: TYPES$1.map((t) => t === draft.type ? `(•) ${t}` : `( ) ${t}`).join("  ") })] }),
+			/* @__PURE__ */ jsx(Field, {
+				label: "Action",
+				value: draft.action,
+				focused: focused === 2
+			}),
+			draft.type === "shortcut" ? /* @__PURE__ */ jsxs(Box, { children: [
+				/* @__PURE__ */ jsx(Text, {
+					color: focused === 3 ? "cyan" : "gray",
+					children: "Keys".padEnd(8)
+				}),
+				/* @__PURE__ */ jsx(Text, { children: draft.keys }),
+				focused === 3 ? /* @__PURE__ */ jsx(Text, {
+					inverse: true,
+					children: " "
+				}) : null,
+				draft.keys.trim() ? /* @__PURE__ */ jsxs(Text, {
+					color: "gray",
+					children: ["  →  ", normalizeKeys(draft.keys)]
+				}) : null
+			] }) : draft.type === "command" ? /* @__PURE__ */ jsx(Field, {
+				label: "Command",
+				value: `$ ${draft.command}`,
+				focused: focused === 3
+			}) : /* @__PURE__ */ jsxs(Box, {
+				flexDirection: "column",
+				children: [/* @__PURE__ */ jsx(Text, {
+					color: focused === 3 ? "cyan" : "gray",
+					children: "Steps"
+				}), /* @__PURE__ */ jsx(StepsBuilder, {
+					steps: draft.steps,
+					line: draft.stepLine,
+					active: focused === 3
+				})]
+			}),
+			/* @__PURE__ */ jsx(Field, {
+				label: "Tags",
+				value: draft.tags,
+				focused: focused === 4
+			}),
+			focused === 4 && existingTags && existingTags.length > 0 ? /* @__PURE__ */ jsx(Text, {
+				color: "gray",
+				children: `${"".padEnd(8)}e.g. ${existingTags.slice(0, 6).join(", ")}`
+			}) : null,
+			/* @__PURE__ */ jsx(Field, {
+				label: "Notes",
+				value: draft.notes,
+				focused: focused === 5
+			})
+		]
+	});
+}
+//#endregion
+//#region src/tui/keycaps.ts
+const GLYPHS = new Set([
+	"⌘",
+	"⌥",
+	"⌃",
+	"⇧",
+	"⇪",
+	"⏎",
+	"⎋",
+	"⌫",
+	"⇥",
+	"␣",
+	"↑",
+	"↓",
+	"←",
+	"→"
+]);
 function parseSegment(seg) {
-  const tokens = [];
-  let buf = "";
-  for (const ch of seg) {
-    if (GLYPHS.has(ch)) {
-      if (buf) {
-        tokens.push(buf);
-        buf = "";
-      }
-      tokens.push(ch);
-    } else if (ch === " ") {
-      if (buf) {
-        tokens.push(buf);
-        buf = "";
-      }
-    } else {
-      buf += ch;
-    }
-  }
-  if (buf) tokens.push(buf);
-  return tokens.length ? tokens : [seg];
+	const tokens = [];
+	let buf = "";
+	for (const ch of seg) if (GLYPHS.has(ch)) {
+		if (buf) {
+			tokens.push(buf);
+			buf = "";
+		}
+		tokens.push(ch);
+	} else if (ch === " ") {
+		if (buf) {
+			tokens.push(buf);
+			buf = "";
+		}
+	} else buf += ch;
+	if (buf) tokens.push(buf);
+	return tokens.length ? tokens : [seg];
 }
+/** Parse a keys string into a chord sequence of token groups. Never throws. */
 function parseKeys(input) {
-  return input.split(",").map((s) => s.trim()).filter(Boolean).map(parseSegment);
+	return input.split(",").map((s) => s.trim()).filter(Boolean).map(parseSegment);
 }
-
-// src/tui/PreviewPane.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+//#endregion
+//#region src/tui/key-caps.tsx
 function KeyCaps({ value }) {
-  const chords = parseKeys(value);
-  return /* @__PURE__ */ jsx2(Box2, { children: chords.map((seg, si) => (
-    // biome-ignore lint/suspicious/noArrayIndexKey: token order is stable; tokens can repeat (e.g. ⌃X⌃E) so the value is not a unique key
-    /* @__PURE__ */ jsxs2(Box2, { children: [
-      si > 0 ? /* @__PURE__ */ jsx2(Text2, { children: " , " }) : null,
-      seg.map((tok, ti) => (
-        // biome-ignore lint/suspicious/noArrayIndexKey: see above — repeated tokens make the value non-unique
-        /* @__PURE__ */ jsx2(Box2, { marginRight: 1, borderStyle: "round", paddingX: 1, children: /* @__PURE__ */ jsx2(Text2, { bold: true, children: tok }) }, ti)
-      ))
-    ] }, si)
-  )) });
+	return /* @__PURE__ */ jsx(Box, { children: parseKeys(value).map((seg, si) => /* @__PURE__ */ jsxs(Box, { children: [si > 0 ? /* @__PURE__ */ jsx(Text, { children: " , " }) : null, seg.map((tok, ti) => /* @__PURE__ */ jsx(Box, {
+		marginRight: 1,
+		borderStyle: "round",
+		paddingX: 1,
+		children: /* @__PURE__ */ jsx(Text, {
+			bold: true,
+			children: tok
+		})
+	}, ti))] }, si)) });
+}
+//#endregion
+//#region src/tui/ReviewScreen.tsx
+function ReviewScreen({ app, entry, targetPath, error }) {
+	return /* @__PURE__ */ jsxs(Box, {
+		flexDirection: "column",
+		children: [
+			/* @__PURE__ */ jsxs(Text, {
+				color: "cyan",
+				children: ["Review — ", app]
+			}),
+			/* @__PURE__ */ jsx(Text, {
+				bold: true,
+				children: entry.action
+			}),
+			/* @__PURE__ */ jsxs(Box, {
+				marginTop: 1,
+				flexDirection: "column",
+				children: [
+					entry.keys ? /* @__PURE__ */ jsx(KeyCaps, { value: entry.keys }) : null,
+					entry.steps?.map((s, i) => /* @__PURE__ */ jsxs(Text, { children: [
+						i + 1,
+						". ",
+						s
+					] }, i)),
+					entry.command ? /* @__PURE__ */ jsxs(Text, {
+						color: "green",
+						children: ["$ ", entry.command]
+					}) : null
+				]
+			}),
+			entry.tags?.length ? /* @__PURE__ */ jsxs(Text, {
+				color: "gray",
+				children: ["tags: ", entry.tags.join(", ")]
+			}) : null,
+			entry.notes ? /* @__PURE__ */ jsx(Text, {
+				color: "gray",
+				children: entry.notes
+			}) : null,
+			/* @__PURE__ */ jsxs(Text, {
+				color: "gray",
+				children: ["→ ", targetPath]
+			}),
+			error ? /* @__PURE__ */ jsx(Text, {
+				color: "red",
+				children: error
+			}) : null,
+			/* @__PURE__ */ jsx(Box, {
+				marginTop: 1,
+				children: /* @__PURE__ */ jsx(Text, {
+					color: "gray",
+					children: "⏎ save · e edit · esc cancel"
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/tui/useAddForm.ts
+const emptyDraft = {
+	app: "",
+	newApp: "",
+	creatingApp: false,
+	type: "shortcut",
+	action: "",
+	keys: "",
+	command: "",
+	steps: [],
+	stepLine: "",
+	tags: "",
+	notes: ""
+};
+function parseTags(raw) {
+	return raw.split(",").map((t) => t.trim()).filter(Boolean);
+}
+function resolvedApp(d) {
+	return (d.creatingApp ? d.newApp : d.app).trim();
+}
+/**
+* Flush a typed-but-not-yet-appended recipe step (`stepLine`) into `steps`.
+* Returns `d` unchanged when `stepLine` is empty after trimming.
+*/
+function flushStep(d) {
+	const line = d.stepLine.trim();
+	if (!line) return d;
+	return {
+		...d,
+		steps: [...d.steps, line],
+		stepLine: ""
+	};
+}
+function validateDraft(d) {
+	if (!resolvedApp(d)) return "App is required";
+	if (!d.action.trim()) return "Action is required";
+	if (!(Boolean(normalizeKeys(d.keys).trim()) || Boolean(d.command.trim()) || d.steps.length > 0)) return "Add keys, a command, or at least one step";
+	return null;
+}
+function draftToEntryInput(d) {
+	const e = { action: d.action.trim() };
+	const keys = normalizeKeys(d.keys).trim();
+	if (keys) e.keys = keys;
+	if (d.command.trim()) e.command = d.command.trim();
+	if (d.steps.length) e.steps = d.steps;
+	const tags = parseTags(d.tags);
+	if (tags.length) e.tags = tags;
+	if (d.notes.trim()) e.notes = d.notes.trim();
+	return e;
+}
+function useAddForm(initialApp = "") {
+	const [draft, setDraft] = useState(() => ({
+		...emptyDraft,
+		app: initialApp
+	}));
+	const update = (patch) => setDraft((d) => ({
+		...d,
+		...patch
+	}));
+	return {
+		draft,
+		update,
+		setDraft
+	};
+}
+//#endregion
+//#region src/tui/AddEntryForm.tsx
+const TYPES = [
+	"shortcut",
+	"command",
+	"recipe"
+];
+const LAST_FIELD = 5;
+function AddEntryForm({ apps, existingTags, onSubmit, onComplete, onCancel, resolveTarget }) {
+	const { draft, update, setDraft } = useAddForm(apps[0] ?? "");
+	const [focused, setFocused] = useState(0);
+	const [appIndex, setAppIndex] = useState(0);
+	const [screen, setScreen] = useState("form");
+	const [hint, setHint] = useState("");
+	const [writeError, setWriteError] = useState("");
+	const appChoices = [...apps, "Create new app…"];
+	function commitAppSelection(index) {
+		if (index === apps.length) update({ creatingApp: true });
+		else update({
+			creatingApp: false,
+			app: apps[index] ?? ""
+		});
+	}
+	function goReview() {
+		const d = flushStep(draft);
+		const v = validateDraft(d);
+		if (v) {
+			setHint(v);
+			return;
+		}
+		setHint("");
+		setDraft(d);
+		setScreen("review");
+	}
+	const review = flushStep(draft);
+	const target = resolveTarget?.(resolvedApp(review));
+	const targetPath = target ? `${basename(target.file)}${target.created ? " (new)" : ""}` : `${resolvedApp(review)} file`;
+	useInput((input, key) => {
+		if (screen === "review") {
+			if (key.escape) return onCancel();
+			if (input === "e") return setScreen("form");
+			if (key.return) {
+				const result = onSubmit(resolvedApp(review), draftToEntryInput(review));
+				if (result.ok) onComplete?.(result);
+				else setWriteError(result.lines.join("; "));
+			}
+			return;
+		}
+		if (key.escape) return onCancel();
+		if (key.ctrl && input === "n") return setFocused((f) => Math.min(f + 1, LAST_FIELD));
+		if (key.ctrl && input === "p") return setFocused((f) => Math.max(f - 1, 0));
+		if (focused === 0) {
+			if (key.upArrow) {
+				const next = Math.max(appIndex - 1, 0);
+				setAppIndex(next);
+				return commitAppSelection(next);
+			}
+			if (key.downArrow) {
+				const next = Math.min(appIndex + 1, appChoices.length - 1);
+				setAppIndex(next);
+				return commitAppSelection(next);
+			}
+			if (draft.creatingApp) {
+				if (key.return) return setFocused(1);
+				if (key.backspace || key.delete) return update({ newApp: draft.newApp.slice(0, -1) });
+				if (input && !key.ctrl && !key.meta) return update({ newApp: draft.newApp + input });
+				return;
+			}
+			if (key.return) return setFocused(1);
+			return;
+		}
+		if (focused === 1) {
+			if (key.leftArrow || key.rightArrow || input === " ") {
+				const idx = TYPES.indexOf(draft.type);
+				return update({ type: TYPES[key.leftArrow ? (idx + TYPES.length - 1) % TYPES.length : (idx + 1) % TYPES.length] });
+			}
+			if (key.return) return goReview();
+			return;
+		}
+		if (focused === 3 && draft.type === "recipe") {
+			if (key.return) {
+				if (draft.stepLine.trim()) update({
+					steps: [...draft.steps, draft.stepLine.trim()],
+					stepLine: ""
+				});
+				return;
+			}
+			if (key.backspace || key.delete) {
+				if (draft.stepLine) return update({ stepLine: draft.stepLine.slice(0, -1) });
+				return update({ steps: draft.steps.slice(0, -1) });
+			}
+			if (input && !key.ctrl && !key.meta) return update({ stepLine: draft.stepLine + input });
+			return;
+		}
+		if (key.return) return goReview();
+		const fieldKey = focused === 2 ? "action" : focused === 3 ? draft.type === "command" ? "command" : "keys" : focused === 4 ? "tags" : "notes";
+		if (key.backspace || key.delete) return update({ [fieldKey]: draft[fieldKey].slice(0, -1) });
+		if (input && !key.ctrl && !key.meta) return update({ [fieldKey]: draft[fieldKey] + input });
+	});
+	if (screen === "review") return /* @__PURE__ */ jsx(ReviewScreen, {
+		app: resolvedApp(review),
+		entry: draftToEntryInput(review),
+		targetPath,
+		error: writeError
+	});
+	return /* @__PURE__ */ jsxs(Box, {
+		flexDirection: "column",
+		children: [
+			/* @__PURE__ */ jsx(Text, {
+				color: "cyan",
+				children: "keybook add"
+			}),
+			/* @__PURE__ */ jsx(Box, {
+				marginTop: 1,
+				children: /* @__PURE__ */ jsx(FormFields, {
+					draft,
+					apps,
+					appIndex,
+					focused,
+					existingTags
+				})
+			}),
+			/* @__PURE__ */ jsx(Box, {
+				marginTop: 1,
+				children: /* @__PURE__ */ jsx(Text, {
+					color: hint ? "red" : "gray",
+					children: hint || "⌃N next · ⌃P prev · ⏎ review · esc cancel"
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/clipboard.ts
+/** Copy text to the macOS clipboard via pbcopy. Returns false if it fails. */
+function copyToClipboard(text) {
+	try {
+		return spawnSync("pbcopy", { input: text }).status === 0;
+	} catch {
+		return false;
+	}
+}
+//#endregion
+//#region src/search.ts
+function haystack(e) {
+	return [
+		e.action,
+		(e.tags ?? []).join(" "),
+		e.app,
+		e.keys ?? "",
+		e.notes ?? ""
+	].filter(Boolean).join("  ");
+}
+/** Pure fuzzy search. Empty query → all entries in stable browse order. */
+function search(entries, query) {
+	const q = query.trim();
+	if (!q) return [...entries].sort((a, b) => a.app.localeCompare(b.app) || a.action.localeCompare(b.action));
+	return new Fzf(entries, {
+		selector: haystack,
+		match: extendedMatch
+	}).find(q).map((r) => r.item);
 }
+//#endregion
+//#region src/tui/Footer.tsx
+function Footer({ flash, errorCount, resultCount }) {
+	return /* @__PURE__ */ jsxs(Box, {
+		marginTop: 1,
+		justifyContent: "space-between",
+		children: [/* @__PURE__ */ jsxs(Text, {
+			color: "gray",
+			children: [
+				"↑↓ move ⏎ copy ⌃O add ⎋ quit ⌥⌫/⌃W del ⌃U clear (",
+				resultCount,
+				")"
+			]
+		}), flash ? /* @__PURE__ */ jsx(Text, {
+			color: "green",
+			children: flash
+		}) : errorCount > 0 ? /* @__PURE__ */ jsxs(Text, {
+			color: "yellow",
+			children: [
+				"⚠ ",
+				errorCount,
+				" skipped — run `keybook check`"
+			]
+		}) : /* @__PURE__ */ jsx(Text, { children: " " })]
+	});
+}
+//#endregion
+//#region src/tui/PreviewPane.tsx
 function PreviewPane({ entry, width = "50%" }) {
-  if (!entry) return null;
-  return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", width, paddingLeft: 2, children: [
-    /* @__PURE__ */ jsx2(Text2, { color: "cyan", children: entry.app }),
-    /* @__PURE__ */ jsx2(Text2, { bold: true, children: entry.action }),
-    /* @__PURE__ */ jsxs2(Box2, { marginTop: 1, flexDirection: "column", children: [
-      entry.keys ? /* @__PURE__ */ jsx2(KeyCaps, { value: entry.keys }) : null,
-      entry.steps?.map((s, i) => /* @__PURE__ */ jsxs2(Text2, { children: [
-        i + 1,
-        ". ",
-        s
-      ] }, s)),
-      entry.command ? /* @__PURE__ */ jsxs2(Text2, { color: "green", children: [
-        "$ ",
-        entry.command
-      ] }) : null
-    ] }),
-    entry.tags?.length ? /* @__PURE__ */ jsxs2(Text2, { color: "gray", children: [
-      "tags: ",
-      entry.tags.join(", ")
-    ] }) : null,
-    entry.notes ? /* @__PURE__ */ jsx2(Text2, { color: "gray", children: entry.notes }) : null
-  ] });
-}
-
-// src/tui/ResultList.tsx
-import { Box as Box4, Text as Text4 } from "ink";
-
-// src/tui/ResultRow.tsx
-import { Box as Box3, Text as Text3 } from "ink";
-import { jsxs as jsxs3 } from "react/jsx-runtime";
+	if (!entry) return null;
+	return /* @__PURE__ */ jsxs(Box, {
+		flexDirection: "column",
+		width,
+		paddingLeft: 2,
+		children: [
+			/* @__PURE__ */ jsx(Text, {
+				color: "cyan",
+				children: entry.app
+			}),
+			/* @__PURE__ */ jsx(Text, {
+				bold: true,
+				children: entry.action
+			}),
+			/* @__PURE__ */ jsxs(Box, {
+				marginTop: 1,
+				flexDirection: "column",
+				children: [
+					entry.keys ? /* @__PURE__ */ jsx(KeyCaps, { value: entry.keys }) : null,
+					entry.steps?.map((s, i) => /* @__PURE__ */ jsxs(Text, { children: [
+						i + 1,
+						". ",
+						s
+					] }, s)),
+					entry.command ? /* @__PURE__ */ jsxs(Text, {
+						color: "green",
+						children: ["$ ", entry.command]
+					}) : null
+				]
+			}),
+			entry.tags?.length ? /* @__PURE__ */ jsxs(Text, {
+				color: "gray",
+				children: ["tags: ", entry.tags.join(", ")]
+			}) : null,
+			entry.notes ? /* @__PURE__ */ jsx(Text, {
+				color: "gray",
+				children: entry.notes
+			}) : null
+		]
+	});
+}
+//#endregion
+//#region src/tui/ResultRow.tsx
 function ResultRow({ entry, selected }) {
-  const right = entry.keys ?? "recipe";
-  return /* @__PURE__ */ jsxs3(Box3, { children: [
-    /* @__PURE__ */ jsxs3(Text3, { color: selected ? "cyan" : void 0, inverse: selected, children: [
-      selected ? "\u25B8 " : "  ",
-      entry.app,
-      " \xB7 ",
-      entry.action
-    ] }),
-    /* @__PURE__ */ jsxs3(Text3, { color: "gray", children: [
-      " ",
-      right
-    ] })
-  ] });
-}
-
-// src/tui/ResultList.tsx
-import { jsx as jsx3, jsxs as jsxs4 } from "react/jsx-runtime";
-function ResultList({
-  results,
-  selected,
-  query,
-  height = 12,
-  width = "50%"
-}) {
-  if (results.length === 0) {
-    return /* @__PURE__ */ jsx3(Box4, { width, justifyContent: "center", children: /* @__PURE__ */ jsxs4(Text4, { color: "gray", children: [
-      'No matches for "',
-      query,
-      '"'
-    ] }) });
-  }
-  const start = Math.max(0, Math.min(selected - Math.floor(height / 2), results.length - height));
-  const visible = results.slice(Math.max(0, start), Math.max(0, start) + height);
-  return /* @__PURE__ */ jsx3(Box4, { flexDirection: "column", width, children: visible.map((e, i) => /* @__PURE__ */ jsx3(
-    ResultRow,
-    {
-      entry: e,
-      selected: Math.max(0, start) + i === selected
-    },
-    `${e.app}:${e.action}`
-  )) });
-}
-
-// src/tui/SearchInput.tsx
-import { Box as Box5, Text as Text5 } from "ink";
-import { jsx as jsx4, jsxs as jsxs5 } from "react/jsx-runtime";
+	const right = entry.keys ?? "recipe";
+	return /* @__PURE__ */ jsxs(Box, { children: [/* @__PURE__ */ jsxs(Text, {
+		color: selected ? "cyan" : void 0,
+		inverse: selected,
+		children: [
+			selected ? "▸ " : "  ",
+			entry.app,
+			" · ",
+			entry.action
+		]
+	}), /* @__PURE__ */ jsxs(Text, {
+		color: "gray",
+		children: [" ", right]
+	})] });
+}
+//#endregion
+//#region src/tui/ResultList.tsx
+function ResultList({ results, selected, query, height = 12, width = "50%" }) {
+	if (results.length === 0) return /* @__PURE__ */ jsx(Box, {
+		width,
+		justifyContent: "center",
+		children: /* @__PURE__ */ jsxs(Text, {
+			color: "gray",
+			children: [
+				"No matches for \"",
+				query,
+				"\""
+			]
+		})
+	});
+	const start = Math.max(0, Math.min(selected - Math.floor(height / 2), results.length - height));
+	return /* @__PURE__ */ jsx(Box, {
+		flexDirection: "column",
+		width,
+		children: results.slice(Math.max(0, start), Math.max(0, start) + height).map((e, i) => /* @__PURE__ */ jsx(ResultRow, {
+			entry: e,
+			selected: Math.max(0, start) + i === selected
+		}, `${e.app}:${e.action}`))
+	});
+}
+//#endregion
+//#region src/tui/SearchInput.tsx
 function SearchInput({ query }) {
-  return /* @__PURE__ */ jsxs5(Box5, { children: [
-    /* @__PURE__ */ jsx4(Text5, { color: "cyan", children: "search: " }),
-    /* @__PURE__ */ jsx4(Text5, { children: query }),
-    /* @__PURE__ */ jsx4(Text5, { inverse: true, children: " " })
-  ] });
-}
-
-// src/tui/input.ts
+	return /* @__PURE__ */ jsxs(Box, { children: [
+		/* @__PURE__ */ jsx(Text, {
+			color: "cyan",
+			children: "search: "
+		}),
+		/* @__PURE__ */ jsx(Text, { children: query }),
+		/* @__PURE__ */ jsx(Text, {
+			inverse: true,
+			children: " "
+		})
+	] });
+}
+//#endregion
+//#region src/tui/input.ts
+/**
+* Drop the run of trailing whitespace, then the run of trailing non-whitespace.
+* Mirrors readline's `unix-word-rubout` / `backward-kill-word` behavior so a
+* single press eats both the spaces and the word immediately before them.
+*/
 function deleteWordBack(query) {
-  const trimmed = query.replace(/\s+$/, "");
-  const lastSpace = trimmed.lastIndexOf(" ");
-  if (lastSpace === -1) return "";
-  return trimmed.slice(0, lastSpace + 1);
-}
-
-// src/tui/layout.ts
-var RESERVED_ROWS = 4;
+	const trimmed = query.replace(/\s+$/, "");
+	const lastSpace = trimmed.lastIndexOf(" ");
+	if (lastSpace === -1) return "";
+	return trimmed.slice(0, lastSpace + 1);
+}
+/**
+* Rows to give the windowed result list, sized to the terminal height so the
+* whole frame fits the viewport. Ink can only redraw in place while the frame
+* stays within the terminal; an oversized frame duplicates on every keypress.
+*/
 function visibleListHeight(terminalRows) {
-  const rows = terminalRows && terminalRows > 0 ? terminalRows : 24;
-  return Math.max(1, rows - RESERVED_ROWS);
+	return Math.max(1, (terminalRows && terminalRows > 0 ? terminalRows : 24) - 4);
 }
+/**
+* Integer widths for the two side-by-side panes. They MUST sum to the exact
+* terminal width: two `width="50%"` siblings each round up on an odd-width
+* terminal (58 + 58 = 116 at 115 cols), overflowing by a column. The terminal
+* then soft-wraps the full-width rows, Ink miscounts the frame height, and its
+* redraw leaves stale lines stacked on every keystroke.
+*/
 function columnWidths(terminalCols) {
-  const cols = terminalCols && terminalCols > 0 ? terminalCols : 80;
-  const left = Math.floor(cols / 2);
-  return { left, right: cols - left };
-}
-
-// src/tui/App.tsx
-import { jsx as jsx5, jsxs as jsxs6 } from "react/jsx-runtime";
-function App({ entries, errorCount = 0, onCopy = copyToClipboard }) {
-  const { exit } = useApp();
-  const { stdout } = useStdout();
-  const [query, setQuery] = useState("");
-  const [selected, setSelected] = useState(0);
-  const [flash, setFlash] = useState("");
-  const results = useMemo(() => search(entries, query), [entries, query]);
-  const sel = results.length ? Math.min(selected, results.length - 1) : 0;
-  const current = results[sel];
-  const listHeight = visibleListHeight(stdout?.rows);
-  const { left, right } = columnWidths(stdout?.columns);
-  useInput((input, key) => {
-    if (!key.return && flash) setFlash("");
-    if (key.escape || key.ctrl && input === "c") {
-      exit();
-      return;
-    }
-    if (key.downArrow || key.ctrl && input === "n") {
-      setSelected((s) => Math.min(s + 1, results.length - 1));
-      return;
-    }
-    if (key.upArrow || key.ctrl && input === "p") {
-      setSelected((s) => Math.max(s - 1, 0));
-      return;
-    }
-    if (key.return) {
-      if (current) {
-        const text = current.keys ?? current.command ?? `${current.app}: ${current.action}`;
-        setFlash(onCopy(text) ? "\u2713 copied!" : "\u2717 copy failed");
-      }
-      return;
-    }
-    if (key.meta && (key.backspace || key.delete) || key.ctrl && input === "w") {
-      setQuery(deleteWordBack);
-      setSelected(0);
-      return;
-    }
-    if (key.ctrl && input === "u") {
-      setQuery("");
-      setSelected(0);
-      return;
-    }
-    if (key.backspace || key.delete) {
-      setQuery((q) => q.slice(0, -1));
-      setSelected(0);
-      return;
-    }
-    if (input && !key.ctrl && !key.meta) {
-      setQuery((q) => q + input);
-      setSelected(0);
-    }
-  });
-  return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx5(SearchInput, { query }),
-    /* @__PURE__ */ jsxs6(Box6, { children: [
-      /* @__PURE__ */ jsx5(
-        ResultList,
-        {
-          results,
-          selected: sel,
-          query,
-          height: listHeight,
-          width: left
-        }
-      ),
-      /* @__PURE__ */ jsx5(PreviewPane, { entry: current, width: right })
-    ] }),
-    /* @__PURE__ */ jsx5(Footer, { flash, errorCount, resultCount: results.length })
-  ] });
-}
-
-// src/cli.ts
-var pkgPath = join3(dirname2(fileURLToPath2(import.meta.url)), "..", "package.json");
-var pkg = JSON.parse(readFileSync2(pkgPath, "utf8"));
-var program = new Command();
+	const cols = terminalCols && terminalCols > 0 ? terminalCols : 80;
+	const left = Math.floor(cols / 2);
+	return {
+		left,
+		right: cols - left
+	};
+}
+//#endregion
+//#region src/tui/App.tsx
+function App({ entries: initial, errorCount = 0, dataDir, onCopy = copyToClipboard }) {
+	const { exit } = useApp();
+	const { stdout } = useStdout();
+	const [entries, setEntries] = useState(initial);
+	const [mode, setMode] = useState("search");
+	const [query, setQuery] = useState("");
+	const [selected, setSelected] = useState(0);
+	const [flash, setFlash] = useState("");
+	const reload = useCallback(() => {
+		if (dataDir) setEntries(loadEntries(dataDir).entries);
+	}, [dataDir]);
+	const results = useMemo(() => search(entries, query), [entries, query]);
+	const sel = results.length ? Math.min(selected, results.length - 1) : 0;
+	const current = results[sel];
+	const listHeight = visibleListHeight(stdout?.rows);
+	const { left, right } = columnWidths(stdout?.columns);
+	useInput((input, key) => {
+		if (!key.return && flash) setFlash("");
+		if (key.escape || key.ctrl && input === "c") {
+			exit();
+			return;
+		}
+		if (dataDir && key.ctrl && input === "o") {
+			setMode("add");
+			return;
+		}
+		if (key.downArrow || key.ctrl && input === "n") {
+			setSelected((s) => Math.min(s + 1, results.length - 1));
+			return;
+		}
+		if (key.upArrow || key.ctrl && input === "p") {
+			setSelected((s) => Math.max(s - 1, 0));
+			return;
+		}
+		if (key.return) {
+			if (current) setFlash(onCopy(current.keys ?? current.command ?? `${current.app}: ${current.action}`) ? "✓ copied!" : "✗ copy failed");
+			return;
+		}
+		if (key.meta && (key.backspace || key.delete) || key.ctrl && input === "w") {
+			setQuery(deleteWordBack);
+			setSelected(0);
+			return;
+		}
+		if (key.ctrl && input === "u") {
+			setQuery("");
+			setSelected(0);
+			return;
+		}
+		if (key.backspace || key.delete) {
+			setQuery((q) => q.slice(0, -1));
+			setSelected(0);
+			return;
+		}
+		if (input && !key.ctrl && !key.meta) {
+			setQuery((q) => q + input);
+			setSelected(0);
+		}
+	}, { isActive: mode === "search" });
+	if (mode === "add" && dataDir) {
+		const existingTags = [...new Set(entries.flatMap((e) => e.tags ?? []))].sort();
+		return /* @__PURE__ */ jsx(AddEntryForm, {
+			apps: listApps(dataDir),
+			existingTags,
+			resolveTarget: (a) => resolveTargetFile(dataDir, a),
+			onSubmit: (app, entry) => addEntry(dataDir, app, entry),
+			onComplete: (result) => {
+				if (result.ok) {
+					reload();
+					setSelected(0);
+					setFlash(result.lines[0] ?? "✓ added");
+				}
+				setMode("search");
+			},
+			onCancel: () => setMode("search")
+		});
+	}
+	return /* @__PURE__ */ jsxs(Box, {
+		flexDirection: "column",
+		children: [
+			/* @__PURE__ */ jsx(SearchInput, { query }),
+			/* @__PURE__ */ jsxs(Box, { children: [/* @__PURE__ */ jsx(ResultList, {
+				results,
+				selected: sel,
+				query,
+				height: listHeight,
+				width: left
+			}), /* @__PURE__ */ jsx(PreviewPane, {
+				entry: current,
+				width: right
+			})] }),
+			/* @__PURE__ */ jsx(Footer, {
+				flash,
+				errorCount,
+				resultCount: results.length
+			})
+		]
+	});
+}
+//#endregion
+//#region src/cli.ts
+const pkgPath = join(dirname(fileURLToPath(import.meta.url)), "..", "package.json");
+const pkg = JSON.parse(readFileSync(pkgPath, "utf8"));
+const program = new Command();
 program.name("keybook").description("Search keyboard shortcuts & recipes for your apps").version(pkg.version);
 program.command("path").description("Print the data directory").action(() => {
-  console.log(runPath());
+	console.log(runPath());
 });
 program.command("edit").description("Open the data directory in $EDITOR").action(() => {
-  const { dir } = resolveDataDir();
-  ensureDataDir(dir);
-  const editor = process.env.EDITOR || "code";
-  const child = spawn(editor, [dir], { stdio: "inherit" });
-  child.on("error", () => spawn("open", [dir], { stdio: "inherit" }));
+	const { dir } = resolveDataDir();
+	ensureDataDir(dir);
+	spawn(process.env.EDITOR || "code", [dir], { stdio: "inherit" }).on("error", () => spawn("open", [dir], { stdio: "inherit" }));
 });
 program.command("check").description("Validate all data files").action(() => {
-  const { dir } = resolveDataDir();
-  ensureDataDir(dir);
-  const result = runCheck(dir);
-  for (const line of result.lines) (result.ok ? console.log : console.error)(line);
-  process.exit(result.ok ? 0 : 1);
+	const { dir } = resolveDataDir();
+	ensureDataDir(dir);
+	const result = runCheck(dir);
+	for (const line of result.lines) (result.ok ? console.log : console.error)(line);
+	process.exit(result.ok ? 0 : 1);
+});
+program.command("add").description("Add a new entry (interactive, or non-interactive with flags)").option("--app <name>", "target app").option("--action <text>", "what the entry does").option("--keys <combo>", "key combo (glyphs or words, e.g. 'shift cmd p')").option("--command <cmd>", "terminal command").option("--step <text...>", "recipe step (repeatable)").option("--tags <list>", "comma-separated tags").option("--notes <text>", "notes").action((opts) => {
+	const { dir } = resolveDataDir();
+	try {
+		ensureDataDir(dir);
+	} catch (e) {
+		console.error(`Error: could not prepare data directory ${dir}: ${e.message}`);
+		process.exit(1);
+	}
+	const app = opts.app;
+	const action = opts.action;
+	const keys = opts.keys;
+	const command = opts.command;
+	const steps = opts.step ?? void 0;
+	const tags = typeof opts.tags === "string" ? opts.tags.split(",").map((t) => t.trim()).filter(Boolean) : void 0;
+	const notes = opts.notes;
+	const haveBody = Boolean(keys || command || steps?.length);
+	if (Boolean(app && action && haveBody)) {
+		const result = runAdd(dir, {
+			app,
+			action,
+			keys,
+			command,
+			steps,
+			tags,
+			notes
+		});
+		for (const line of result.lines) (result.ok ? console.log : console.error)(line);
+		process.exit(result.ok ? 0 : 1);
+	}
+	if (!process.stdout.isTTY) {
+		const missing = [
+			!app && "--app",
+			!action && "--action",
+			!haveBody && "--keys/--command/--step"
+		].filter(Boolean).join(", ");
+		console.error(`Error: missing required field(s): ${missing}`);
+		process.exit(2);
+	}
+	const { entries } = loadEntries(dir);
+	const existingTags = [...new Set(entries.flatMap((e) => e.tags ?? []))].sort();
+	const instance = render(createElement(AddEntryForm, {
+		apps: listApps(dir),
+		existingTags,
+		resolveTarget: (a) => resolveTargetFile(dir, a),
+		onSubmit: (a, entry) => addEntry(dir, a, entry),
+		onComplete: (result) => {
+			if (result.lines[0]) console.log(result.lines[0]);
+			instance.unmount();
+		},
+		onCancel: () => instance.unmount()
+	}));
+	instance.waitUntilExit().then(() => process.exit(0));
 });
 program.action(() => {
-  const { dir } = resolveDataDir();
-  const init = ensureDataDir(dir);
-  if (init.initialized) console.log(`Initialized ${dir} from seed (${init.fileCount} files).`);
-  const { entries, errors } = loadEntries(dir);
-  for (const e of errors) console.error(`\u26A0 ${e.file}: ${e.message}`);
-  render(createElement(App, { entries, errorCount: errors.length }));
+	const { dir } = resolveDataDir();
+	const init = ensureDataDir(dir);
+	if (init.initialized) console.log(`Initialized ${dir} from seed (${init.fileCount} files).`);
+	const { entries, errors } = loadEntries(dir);
+	for (const e of errors) console.error(`⚠ ${e.file}: ${e.message}`);
+	render(createElement(App, {
+		entries,
+		errorCount: errors.length,
+		dataDir: dir
+	}));
 });
 program.parse();
+//#endregion
+export {};