@fiete/drift 1.0.0

package/dist/AddForm-VA5UMZDC.js

@@ -0,0 +1,8 @@
+#!/usr/bin/env node
+import {
+  AddForm
+} from "./chunk-VS6YEHBV.js";
+import "./chunk-QT5M6VMT.js";
+export {
+  AddForm
+};

package/dist/Browser-WWFMCIAC.js

@@ -0,0 +1,414 @@
+#!/usr/bin/env node
+import {
+  AddForm,
+  useStore
+} from "./chunk-VS6YEHBV.js";
+import "./chunk-QT5M6VMT.js";
+
+// src/ui/Browser.tsx
+import { useState as useState2, useCallback as useCallback2 } from "react";
+import { Box as Box6, Text as Text6, useInput as useInput3, useApp } from "ink";
+import clipboard from "clipboardy";
+
+// src/hooks/useFuzzySearch.ts
+import { useMemo } from "react";
+import Fuse from "fuse.js";
+var FUSE_OPTIONS = {
+  keys: [
+    { name: "command", weight: 0.5 },
+    { name: "description", weight: 0.3 },
+    { name: "tags", weight: 0.2 }
+  ],
+  threshold: 0.35,
+  includeScore: false,
+  minMatchCharLength: 1,
+  shouldSort: true
+};
+function useFuzzySearch(commands, query) {
+  const fuse = useMemo(() => new Fuse(commands, FUSE_OPTIONS), [commands]);
+  return useMemo(() => {
+    if (!query.trim()) return commands;
+    return fuse.search(query).map((r) => r.item);
+  }, [fuse, query, commands]);
+}
+
+// src/ui/SearchBar.tsx
+import { Box, Text } from "ink";
+import { jsx, jsxs } from "react/jsx-runtime";
+function SearchBar({ query, isSearching, total, filtered }) {
+  const borderColor = isSearching ? "blueBright" : "gray";
+  return /* @__PURE__ */ jsxs(Box, { borderStyle: "round", borderColor, paddingX: 1, children: [
+    /* @__PURE__ */ jsx(Text, { color: isSearching ? "blueBright" : "gray", bold: true, children: "/" }),
+    /* @__PURE__ */ jsx(Text, { color: isSearching ? "white" : "gray", dimColor: !isSearching, children: query || (isSearching ? "" : " type / to search") }),
+    isSearching && /* @__PURE__ */ jsx(Text, { color: "blueBright", children: "\u258C" }),
+    /* @__PURE__ */ jsx(Box, { flexGrow: 1 }),
+    /* @__PURE__ */ jsxs(Text, { color: "gray", dimColor: true, children: [
+      filtered,
+      "/",
+      total
+    ] })
+  ] });
+}
+
+// src/ui/CommandItem.tsx
+import { Box as Box2, Text as Text2 } from "ink";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function CommandItem({ command, isSelected, dimmed = false }) {
+  return /* @__PURE__ */ jsxs2(
+    Box2,
+    {
+      paddingX: 1,
+      flexDirection: "row",
+      gap: 1,
+      backgroundColor: isSelected && !dimmed ? "blueBright" : void 0,
+      children: [
+        /* @__PURE__ */ jsx2(Text2, { color: isSelected && !dimmed ? "white" : "gray", bold: isSelected && !dimmed, dimColor: dimmed, children: isSelected ? "\u203A" : " " }),
+        /* @__PURE__ */ jsx2(Box2, { width: 32, flexShrink: 0, children: /* @__PURE__ */ jsxs2(Text2, { color: isSelected && !dimmed ? "white" : "gray", bold: isSelected && !dimmed, dimColor: dimmed, children: [
+          command.description.slice(0, 30),
+          command.description.length > 30 ? "\u2026" : ""
+        ] }) }),
+        /* @__PURE__ */ jsx2(Box2, { flexGrow: 1, flexShrink: 1, overflow: "hidden", children: /* @__PURE__ */ jsx2(Text2, { color: isSelected && !dimmed ? "white" : "cyan", bold: true, dimColor: dimmed, children: command.command }) }),
+        command.directory && /* @__PURE__ */ jsx2(Box2, { flexShrink: 0, children: /* @__PURE__ */ jsx2(Text2, { color: isSelected && !dimmed ? "white" : "yellow", dimColor: dimmed, children: command.directory }) }),
+        /* @__PURE__ */ jsx2(Box2, { flexShrink: 0, gap: 1, children: command.tags.map((tag) => /* @__PURE__ */ jsxs2(Text2, { color: isSelected && !dimmed ? "white" : "magenta", dimColor: dimmed, children: [
+          "#",
+          tag
+        ] }, tag)) })
+      ]
+    }
+  );
+}
+
+// src/ui/StatusBar.tsx
+import { Box as Box3, Text as Text3 } from "ink";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var HINTS = [
+  ["\u2191\u2193", "navigate"],
+  ["Shift+\u2191\u2193", "reorder"],
+  ["/", "search"],
+  ["Enter", "execute"],
+  ["a", "add"],
+  ["e", "edit"],
+  ["^E", "copy"],
+  ["^D", "delete"],
+  ["ESC", "quit"]
+];
+function StatusBar({ message }) {
+  return /* @__PURE__ */ jsxs3(Box3, { borderStyle: "single", borderColor: "gray", paddingX: 1, justifyContent: "space-between", children: [
+    /* @__PURE__ */ jsx3(Box3, { gap: 2, children: HINTS.map(([key, label]) => /* @__PURE__ */ jsxs3(Box3, { gap: 1, children: [
+      /* @__PURE__ */ jsx3(Text3, { bold: true, color: "yellow", children: key }),
+      /* @__PURE__ */ jsx3(Text3, { color: "gray", children: label })
+    ] }, key)) }),
+    message && /* @__PURE__ */ jsx3(Text3, { color: "greenBright", bold: true, children: message })
+  ] });
+}
+
+// src/ui/ConfirmDelete.tsx
+import { Box as Box4, Text as Text4, useInput } from "ink";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+function ConfirmDelete({ command, onConfirm, onCancel }) {
+  useInput((input, key) => {
+    if (input === "y" || input === "Y") onConfirm();
+    if (input === "n" || input === "N" || key.escape) onCancel();
+  });
+  return /* @__PURE__ */ jsxs4(
+    Box4,
+    {
+      borderStyle: "round",
+      borderColor: "red",
+      flexDirection: "column",
+      paddingX: 2,
+      paddingY: 1,
+      marginX: 2,
+      marginY: 1,
+      children: [
+        /* @__PURE__ */ jsx4(Text4, { color: "red", bold: true, children: "Delete command?" }),
+        /* @__PURE__ */ jsx4(Box4, { marginTop: 1, children: /* @__PURE__ */ jsx4(Text4, { color: "gray", dimColor: true, children: command.command }) }),
+        /* @__PURE__ */ jsxs4(Box4, { marginTop: 1, gap: 2, children: [
+          /* @__PURE__ */ jsx4(Text4, { bold: true, color: "red", children: "[y]" }),
+          /* @__PURE__ */ jsx4(Text4, { color: "gray", children: "yes, delete it" }),
+          /* @__PURE__ */ jsx4(Text4, { bold: true, color: "white", children: "  [n]" }),
+          /* @__PURE__ */ jsx4(Text4, { color: "gray", children: "cancel" })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/ui/EditModal.tsx
+import { useState, useCallback } from "react";
+import { Box as Box5, Text as Text5, useInput as useInput2 } from "ink";
+import { TextInput } from "@inkjs/ui";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+var FIELD_ORDER = ["description", "command", "directory", "tags"];
+var LABELS = {
+  description: "Description",
+  command: "Command",
+  directory: "Directory (optional)",
+  tags: "Tags (comma-separated)"
+};
+function EditModal({ command, onSave, onCancel }) {
+  const [fieldIndex, setFieldIndex] = useState(0);
+  const field = FIELD_ORDER[fieldIndex];
+  const [formData, setFormData] = useState({
+    description: command.description,
+    command: command.command,
+    directory: command.directory ?? "",
+    tags: command.tags.join(", ")
+  });
+  useInput2((_, key) => {
+    if (key.escape) {
+      onCancel();
+      return;
+    }
+    if (key.upArrow) {
+      setFieldIndex((i) => Math.max(0, i - 1));
+      return;
+    }
+    if (key.downArrow) {
+      setFieldIndex((i) => Math.min(FIELD_ORDER.length - 1, i + 1));
+      return;
+    }
+  });
+  const handleChange = useCallback((value) => {
+    setFormData((d) => ({ ...d, [field]: value }));
+  }, [field]);
+  const handleSubmit = (value) => {
+    const updated = { ...formData, [field]: value };
+    setFormData(updated);
+    if (fieldIndex < FIELD_ORDER.length - 1) {
+      setFieldIndex((i) => i + 1);
+    } else {
+      onSave({
+        command: updated.command.trim(),
+        description: updated.description.trim(),
+        directory: updated.directory.trim() || void 0,
+        tags: updated.tags.split(",").map((t) => t.trim()).filter(Boolean)
+      });
+    }
+  };
+  return /* @__PURE__ */ jsxs5(
+    Box5,
+    {
+      borderStyle: "round",
+      borderColor: "yellowBright",
+      flexDirection: "column",
+      paddingX: 2,
+      paddingY: 1,
+      marginX: 2,
+      marginY: 1,
+      children: [
+        /* @__PURE__ */ jsxs5(Box5, { marginBottom: 1, justifyContent: "space-between", children: [
+          /* @__PURE__ */ jsx5(Text5, { bold: true, color: "yellowBright", children: " Edit Command" }),
+          /* @__PURE__ */ jsx5(Text5, { color: "gray", dimColor: true, children: "ESC to cancel" })
+        ] }),
+        FIELD_ORDER.map((f, i) => {
+          const isActive = i === fieldIndex;
+          return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", marginBottom: 1, children: [
+            /* @__PURE__ */ jsxs5(Text5, { color: isActive ? "yellowBright" : "gray", children: [
+              isActive ? "\u203A" : " ",
+              " ",
+              LABELS[f]
+            ] }),
+            /* @__PURE__ */ jsx5(Box5, { paddingLeft: 2, children: isActive ? /* @__PURE__ */ jsx5(
+              TextInput,
+              {
+                defaultValue: formData[f],
+                onChange: handleChange,
+                onSubmit: handleSubmit
+              },
+              f
+            ) : /* @__PURE__ */ jsx5(Text5, { color: "gray", dimColor: true, children: formData[f] || "(empty)" }) })
+          ] }, f);
+        }),
+        /* @__PURE__ */ jsx5(Box5, { marginTop: 1, children: /* @__PURE__ */ jsx5(Text5, { color: "gray", dimColor: true, children: "\u2191\u2193 navigate \xB7 Enter to advance \xB7 saves on last field" }) })
+      ]
+    }
+  );
+}
+
+// src/ui/Browser.tsx
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+var HEADER_ROWS = 4;
+var FOOTER_ROWS = 3;
+function Browser({ onExecute }) {
+  const { exit } = useApp();
+  const { commands, updateCommand, moveCommand, removeCommand } = useStore();
+  const [query, setQuery] = useState2("");
+  const [isSearching, setIsSearching] = useState2(false);
+  const [selectedIndex, setSelectedIndex] = useState2(0);
+  const [viewportStart, setViewportStart] = useState2(0);
+  const [screen, setScreen] = useState2("browser");
+  const [statusMessage, setStatusMessage] = useState2("");
+  const filtered = useFuzzySearch(commands, query);
+  const clampedIndex = Math.min(selectedIndex, Math.max(0, filtered.length - 1));
+  const selected = filtered[clampedIndex] ?? null;
+  const visibleRows = Math.max(1, (process.stdout.rows ?? 24) - HEADER_ROWS - FOOTER_ROWS);
+  const visibleCommands = filtered.slice(viewportStart, viewportStart + visibleRows);
+  const flash = useCallback2((msg) => {
+    setStatusMessage(msg);
+    setTimeout(() => setStatusMessage(""), 2e3);
+  }, []);
+  const navigate = useCallback2(
+    (direction) => {
+      setSelectedIndex((prev) => {
+        const next = Math.max(0, Math.min(filtered.length - 1, prev + direction));
+        setViewportStart((vs) => {
+          if (next >= vs + visibleRows) return next - visibleRows + 1;
+          if (next < vs) return next;
+          return vs;
+        });
+        return next;
+      });
+    },
+    [filtered.length, visibleRows]
+  );
+  useInput3(
+    (input, key) => {
+      if (screen === "confirm-delete") return;
+      if (isSearching) {
+        if (key.escape) {
+          setQuery("");
+          setIsSearching(false);
+          setSelectedIndex(0);
+          setViewportStart(0);
+          return;
+        }
+        if (key.return) {
+          setIsSearching(false);
+          return;
+        }
+        if (key.upArrow) {
+          navigate(-1);
+          return;
+        }
+        if (key.downArrow) {
+          navigate(1);
+          return;
+        }
+        if (!key.ctrl && !key.meta) {
+          if (key.backspace || key.delete) {
+            setQuery((q) => {
+              const next = q.slice(0, -1);
+              if (next === "") setIsSearching(false);
+              return next;
+            });
+          } else if (input && input.length === 1) {
+            setQuery((q) => q + input);
+          }
+          setSelectedIndex(0);
+          setViewportStart(0);
+        }
+        return;
+      }
+      if (key.upArrow && key.shift && selected && !query) {
+        moveCommand(selected.id, -1);
+        navigate(-1);
+        return;
+      }
+      if (key.downArrow && key.shift && selected && !query) {
+        moveCommand(selected.id, 1);
+        navigate(1);
+        return;
+      }
+      if (key.upArrow) {
+        navigate(-1);
+        return;
+      }
+      if (key.downArrow) {
+        navigate(1);
+        return;
+      }
+      if (input === "/") {
+        setIsSearching(true);
+        return;
+      }
+      if (key.escape) {
+        if (query) {
+          setQuery("");
+          setSelectedIndex(0);
+          setViewportStart(0);
+        } else exit();
+        return;
+      }
+      if (key.return && selected) {
+        const full = selected.directory ? `cd ${selected.directory} && ${selected.command}` : selected.command;
+        onExecute(full);
+        exit();
+        return;
+      }
+      if (key.ctrl && input === "e" && selected) {
+        const full = selected.directory ? `cd ${selected.directory} && ${selected.command}` : selected.command;
+        clipboard.writeSync(full);
+        flash("Copied!");
+        return;
+      }
+      if (key.ctrl && input === "d" && selected) {
+        setScreen("confirm-delete");
+        return;
+      }
+      if (input === "a") {
+        setScreen("add");
+        return;
+      }
+      if (input === "e" && selected) {
+        setScreen("edit");
+        return;
+      }
+    },
+    { isActive: screen === "browser" }
+  );
+  if (screen === "add") {
+    return /* @__PURE__ */ jsx6(
+      AddForm,
+      {
+        onSave: () => {
+          setScreen("browser");
+          flash("Saved!");
+        },
+        onCancel: () => setScreen("browser")
+      }
+    );
+  }
+  const isOverlay = screen === "confirm-delete" || screen === "edit";
+  return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", height: process.stdout.rows ?? 24, children: [
+    /* @__PURE__ */ jsx6(SearchBar, { query, isSearching, total: commands.length, filtered: filtered.length }),
+    /* @__PURE__ */ jsx6(Box6, { flexDirection: "column", flexGrow: 1, children: filtered.length === 0 ? /* @__PURE__ */ jsx6(Box6, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx6(Text6, { color: "gray", dimColor: true, children: commands.length === 0 ? "No commands saved yet. Press `a` to add your first command." : "No matches. Keep typing or clear the search." }) }) : visibleCommands.map((cmd, i) => /* @__PURE__ */ jsx6(
+      CommandItem,
+      {
+        command: cmd,
+        isSelected: viewportStart + i === clampedIndex,
+        dimmed: isOverlay
+      },
+      cmd.id
+    )) }),
+    screen === "edit" && selected && /* @__PURE__ */ jsx6(
+      EditModal,
+      {
+        command: selected,
+        onSave: (patch) => {
+          updateCommand(selected.id, patch);
+          setScreen("browser");
+          flash("Updated.");
+        },
+        onCancel: () => setScreen("browser")
+      }
+    ),
+    screen === "confirm-delete" && selected && /* @__PURE__ */ jsx6(
+      ConfirmDelete,
+      {
+        command: selected,
+        onConfirm: () => {
+          removeCommand(selected.id);
+          setScreen("browser");
+          setSelectedIndex((i) => Math.max(0, i - 1));
+          flash("Deleted.");
+        },
+        onCancel: () => setScreen("browser")
+      }
+    ),
+    /* @__PURE__ */ jsx6(StatusBar, { message: statusMessage })
+  ] });
+}
+export {
+  Browser
+};

package/dist/FileStore-W4YQ3VAM.js

@@ -0,0 +1,7 @@
+#!/usr/bin/env node
+import {
+  FileStore
+} from "./chunk-QT5M6VMT.js";
+export {
+  FileStore
+};

package/dist/chunk-QT5M6VMT.js

@@ -0,0 +1,68 @@
+#!/usr/bin/env node
+
+// src/store/FileStore.ts
+import path from "path";
+import os from "os";
+import fs from "fs";
+import { nanoid } from "nanoid";
+var STORE_DIR = path.join(os.homedir(), ".config", "cmdvault");
+var STORE_FILE = path.join(STORE_DIR, "commands.json");
+var CURRENT_VERSION = 1;
+var FileStore = class {
+  data;
+  constructor() {
+    this.data = this.load();
+  }
+  load() {
+    if (!fs.existsSync(STORE_FILE)) {
+      fs.mkdirSync(STORE_DIR, { recursive: true });
+      const initial = { version: CURRENT_VERSION, commands: [] };
+      fs.writeFileSync(STORE_FILE, JSON.stringify(initial, null, 2));
+      return initial;
+    }
+    const raw = fs.readFileSync(STORE_FILE, "utf8");
+    return JSON.parse(raw);
+  }
+  save(data) {
+    fs.writeFileSync(STORE_FILE, JSON.stringify(data, null, 2));
+    this.data = data;
+  }
+  getAll() {
+    return this.data.commands;
+  }
+  addCommand(input) {
+    const now = (/* @__PURE__ */ new Date()).toISOString();
+    const cmd = { ...input, id: nanoid(), createdAt: now, updatedAt: now };
+    this.data.commands.push(cmd);
+    this.save(this.data);
+    return cmd;
+  }
+  updateCommand(id, patch) {
+    const idx = this.data.commands.findIndex((c) => c.id === id);
+    if (idx === -1) return false;
+    this.data.commands[idx] = { ...this.data.commands[idx], ...patch, updatedAt: (/* @__PURE__ */ new Date()).toISOString() };
+    this.save(this.data);
+    return true;
+  }
+  moveCommand(id, direction) {
+    const idx = this.data.commands.findIndex((c) => c.id === id);
+    const target = idx + direction;
+    if (idx === -1 || target < 0 || target >= this.data.commands.length) return false;
+    [this.data.commands[idx], this.data.commands[target]] = [this.data.commands[target], this.data.commands[idx]];
+    this.save(this.data);
+    return true;
+  }
+  removeCommand(id) {
+    const before = this.data.commands.length;
+    this.data.commands = this.data.commands.filter((c) => c.id !== id);
+    if (this.data.commands.length < before) {
+      this.save(this.data);
+      return true;
+    }
+    return false;
+  }
+};
+
+export {
+  FileStore
+};

package/dist/chunk-VS6YEHBV.js

@@ -0,0 +1,154 @@
+#!/usr/bin/env node
+import {
+  FileStore
+} from "./chunk-QT5M6VMT.js";
+
+// src/ui/AddForm.tsx
+import { useState as useState2, useCallback as useCallback2 } from "react";
+import { Box, Text, useApp, useInput } from "ink";
+import { TextInput } from "@inkjs/ui";
+
+// src/hooks/useStore.ts
+import { useState, useCallback } from "react";
+var store = new FileStore();
+function useStore() {
+  const [commands, setCommands] = useState(() => store.getAll());
+  const refresh = useCallback(() => {
+    setCommands([...store.getAll()]);
+  }, []);
+  const addCommand = useCallback(
+    (input) => {
+      store.addCommand(input);
+      refresh();
+    },
+    [refresh]
+  );
+  const updateCommand = useCallback(
+    (id, patch) => {
+      store.updateCommand(id, patch);
+      refresh();
+    },
+    [refresh]
+  );
+  const moveCommand = useCallback(
+    (id, direction) => {
+      store.moveCommand(id, direction);
+      refresh();
+    },
+    [refresh]
+  );
+  const removeCommand = useCallback(
+    (id) => {
+      store.removeCommand(id);
+      refresh();
+    },
+    [refresh]
+  );
+  return { commands, addCommand, updateCommand, moveCommand, removeCommand };
+}
+
+// src/ui/AddForm.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var FIELD_ORDER = ["description", "command", "directory", "tags"];
+var LABELS = {
+  description: "Description",
+  command: "Command",
+  directory: "Directory (optional)",
+  tags: "Tags (comma-separated)"
+};
+var PLACEHOLDERS = {
+  description: "e.g. Show last 20 commits",
+  command: "e.g. git log --oneline -20",
+  directory: "e.g. /Users/me/project  (leave empty to skip)",
+  tags: "e.g. git, log"
+};
+function AddForm({ initialValues, onSave, onCancel }) {
+  const { exit } = useApp();
+  const { addCommand } = useStore();
+  const getStartIndex = () => {
+    if (initialValues?.command && !initialValues.description) return 0;
+    if (initialValues?.command && initialValues.description && !initialValues.tags) return 2;
+    return 0;
+  };
+  const [fieldIndex, setFieldIndex] = useState2(getStartIndex);
+  const field = FIELD_ORDER[fieldIndex];
+  const [formData, setFormData] = useState2({
+    description: initialValues?.description ?? "",
+    command: initialValues?.command ?? "",
+    directory: "",
+    tags: initialValues?.tags ?? ""
+  });
+  const cancel = () => {
+    onCancel ? onCancel() : exit();
+  };
+  useInput((_, key) => {
+    if (key.escape) {
+      cancel();
+      return;
+    }
+    if (key.upArrow) {
+      setFieldIndex((i) => Math.max(0, i - 1));
+      return;
+    }
+    if (key.downArrow) {
+      setFieldIndex((i) => Math.min(FIELD_ORDER.length - 1, i + 1));
+      return;
+    }
+  });
+  const handleChange = useCallback2((value) => {
+    setFormData((d) => ({ ...d, [field]: value }));
+  }, [field]);
+  const handleSubmit = (value) => {
+    const updated = { ...formData, [field]: value };
+    setFormData(updated);
+    if (fieldIndex < FIELD_ORDER.length - 1) {
+      setFieldIndex((i) => i + 1);
+    } else {
+      if (!updated.command.trim()) {
+        cancel();
+        return;
+      }
+      addCommand({
+        command: updated.command.trim(),
+        description: updated.description.trim(),
+        directory: updated.directory.trim() || void 0,
+        tags: updated.tags.split(",").map((t) => t.trim()).filter(Boolean)
+      });
+      if (onSave) {
+        onSave();
+      } else {
+        console.log("\nSaved!");
+        exit();
+      }
+    }
+  };
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", padding: 1, gap: 1, children: [
+    /* @__PURE__ */ jsx(Box, { marginBottom: 1, children: /* @__PURE__ */ jsx(Text, { bold: true, color: "blueBright", children: " Add New Command" }) }),
+    FIELD_ORDER.map((f, i) => {
+      const isActive = i === fieldIndex;
+      return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+        /* @__PURE__ */ jsxs(Text, { color: isActive ? "yellowBright" : "gray", children: [
+          isActive ? "\u203A" : " ",
+          " ",
+          LABELS[f]
+        ] }),
+        /* @__PURE__ */ jsx(Box, { paddingLeft: 2, children: isActive ? /* @__PURE__ */ jsx(
+          TextInput,
+          {
+            placeholder: PLACEHOLDERS[f],
+            defaultValue: formData[f],
+            onChange: handleChange,
+            onSubmit: handleSubmit
+          },
+          f
+        ) : /* @__PURE__ */ jsx(Text, { color: formData[f] ? "white" : "gray", dimColor: !formData[f], children: formData[f] || PLACEHOLDERS[f] }) })
+      ] }, f);
+    }),
+    /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: "gray", dimColor: true, children: "\u2191\u2193 navigate \xB7 Enter to advance \xB7 ESC to cancel" }) })
+  ] });
+}
+
+export {
+  useStore,
+  AddForm
+};

package/dist/index.js

@@ -0,0 +1,60 @@
+#!/usr/bin/env node
+
+// src/index.ts
+import { program } from "commander";
+import { render } from "ink";
+import React from "react";
+import { execa } from "execa";
+program.name("drift").description("cmdvault \u2014 A TUI command vault for your shell").version("1.0.0");
+program.command("list", { isDefault: true }).description("Browse saved commands (default)").action(async () => {
+  const { Browser } = await import("./Browser-WWFMCIAC.js");
+  let commandToRun;
+  const { waitUntilExit } = render(
+    React.createElement(Browser, { onExecute: (cmd) => {
+      commandToRun = cmd;
+    } })
+  );
+  await waitUntilExit();
+  process.stdout.write("\x1Bc");
+  if (commandToRun) {
+    await execa(commandToRun, { shell: true, stdio: "inherit" }).catch(() => {
+    });
+  }
+  process.exit(0);
+});
+program.command("add [command]").description("Add a command. Pass it as a quoted argument, or open the interactive form.").option("-d, --desc <description>", "Description for the command").option("-t, --tags <tags>", "Comma-separated tags").addHelpText("after", '\nExamples:\n  drift add "git log --oneline -20"\n  drift add "cd /project && npm run dev" --desc "Start dev server" --tags "node,dev"\n  drift add   (opens interactive form)').action(async (command, opts) => {
+  if (command && opts.desc !== void 0 && opts.tags !== void 0) {
+    const { FileStore } = await import("./FileStore-W4YQ3VAM.js");
+    const store = new FileStore();
+    store.addCommand({
+      command: command.trim(),
+      description: opts.desc.trim(),
+      tags: opts.tags.split(",").map((t) => t.trim()).filter(Boolean)
+    });
+    console.log("Saved!");
+    process.exit(0);
+  }
+  const { AddForm } = await import("./AddForm-VA5UMZDC.js");
+  const initialValues = {
+    command: command ?? "",
+    description: opts.desc ?? "",
+    tags: opts.tags ?? ""
+  };
+  const { waitUntilExit } = render(
+    React.createElement(AddForm, { initialValues })
+  );
+  await waitUntilExit();
+  process.exit(0);
+});
+program.command("remove <id>").description("Remove a command by ID").action(async (id) => {
+  const { FileStore } = await import("./FileStore-W4YQ3VAM.js");
+  const store = new FileStore();
+  const removed = store.removeCommand(id);
+  if (removed) {
+    console.log(`Removed command ${id}`);
+  } else {
+    console.error(`No command found with ID: ${id}`);
+    process.exit(1);
+  }
+});
+program.parse();

package/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "@fiete/drift",
+  "version": "1.0.0",
+  "description": "A TUI command vault for your shell",
+  "type": "module",
+  "bin": {
+    "drift": "dist/index.js"
+  },
+  "files": [
+    "dist"
+  ],
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "scripts": {
+    "build": "tsup && chmod +x dist/index.js",
+    "build:watch": "tsup --watch",
+    "dev": "tsx src/index.ts",
+    "typecheck": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@inkjs/ui": "^2.0.0",
+    "clipboardy": "^4.0.0",
+    "commander": "^12.0.0",
+    "execa": "^9.0.0",
+    "fuse.js": "^7.0.0",
+    "ink": "^5.0.0",
+    "nanoid": "^5.0.0",
+    "react": "^18.0.0"
+  },
+  "devDependencies": {
+    "@types/node": "^22.0.0",
+    "@types/react": "^18.0.0",
+    "tsup": "^8.0.0",
+    "tsx": "^4.0.0",
+    "typescript": "^5.0.0"
+  }
+}