@fiete/drift 1.0.5 → 1.0.6

package/dist/{AddForm-NVOWLCPV.js → AddForm-ZMSCP6CU.js}

@@ -1,8 +1,8 @@
 #!/usr/bin/env node
 import {
   AddForm
-} from "./chunk-GUH6BVED.js";
-import "./chunk-CRXU4OLG.js";
+} from "./chunk-TBVOGPA4.js";
+import "./chunk-SRTEOAGN.js";
 export {
   AddForm
 };

package/dist/{Browser-6Q6XF5D4.js → Browser-67UFH2PS.js}

@@ -1,13 +1,14 @@
 #!/usr/bin/env node
 import {
   AddForm,
+  ProjectSelect,
   useStore
-} from "./chunk-GUH6BVED.js";
-import "./chunk-CRXU4OLG.js";
+} from "./chunk-TBVOGPA4.js";
+import "./chunk-SRTEOAGN.js";
 
 // src/ui/Browser.tsx
-import { useState as useState3, useCallback as useCallback2 } from "react";
-import { Box as Box7, Text as Text7, useInput as useInput4, useApp } from "ink";
+import { useState as useState4, useCallback as useCallback3 } from "react";
+import { Box as Box11, Text as Text11, useInput as useInput6, useApp as useApp2 } from "ink";
 import clipboard from "clipboardy";
 
 // src/hooks/useFuzzySearch.ts
@@ -82,6 +83,7 @@ function CommandItem({ command, isSelected, dimmed = false }) {
 import { Box as Box3, Text as Text3 } from "ink";
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var HINTS = [
+  ["\u2190\u2192", "tabs"],
   ["\u2191\u2193", "navigate"],
   ["Shift+\u2191\u2193", "reorder"],
   ["/", "search"],
@@ -94,24 +96,44 @@ var HINTS = [
 ];
 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(Box3, { gap: 0, children: HINTS.map(([key, label], i) => /* @__PURE__ */ jsxs3(Box3, { children: [
+      i > 0 && /* @__PURE__ */ jsx3(Text3, { color: "gray", dimColor: true, children: " \u2502 " }),
       /* @__PURE__ */ jsx3(Text3, { bold: true, color: "yellow", children: key }),
-      /* @__PURE__ */ jsx3(Text3, { color: "gray", children: label })
+      /* @__PURE__ */ jsxs3(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";
+// src/ui/TabBar.tsx
+import { Box as Box4, Text as Text4 } from "ink";
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+function TabBar({ projects, activeIndex }) {
+  const tabs = ["All", ...projects.map((p) => p.name)];
+  const newTabIndex = tabs.length;
+  return /* @__PURE__ */ jsxs4(Box4, { paddingX: 1, paddingY: 0, gap: 0, children: [
+    tabs.map((tab, i) => /* @__PURE__ */ jsx4(Box4, { paddingX: 1, children: i === activeIndex ? /* @__PURE__ */ jsxs4(Text4, { bold: true, color: "blueBright", children: [
+      "[",
+      tab,
+      "]"
+    ] }) : /* @__PURE__ */ jsx4(Text4, { color: "gray", dimColor: true, children: tab }) }, i)),
+    /* @__PURE__ */ jsx4(Box4, { paddingX: 1, children: activeIndex === newTabIndex ? /* @__PURE__ */ jsx4(Text4, { bold: true, color: "greenBright", children: "[+]" }) : /* @__PURE__ */ jsx4(Text4, { color: "gray", dimColor: true, children: "[+]" }) })
+  ] });
+}
+
+// src/ui/ConfirmDelete.tsx
+import { Box as Box5, Text as Text5, useInput } from "ink";
+import { jsx as jsx5, jsxs as jsxs5 } 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,
+  return /* @__PURE__ */ jsxs5(
+    Box5,
     {
       borderStyle: "round",
       borderColor: "red",
@@ -121,41 +143,111 @@ function ConfirmDelete({ command, onConfirm, onCancel }) {
       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" })
+        /* @__PURE__ */ jsx5(Text5, { color: "red", bold: true, children: "Delete command?" }),
+        /* @__PURE__ */ jsx5(Box5, { marginTop: 1, children: /* @__PURE__ */ jsx5(Text5, { color: "gray", dimColor: true, children: command.command }) }),
+        /* @__PURE__ */ jsxs5(Box5, { marginTop: 1, gap: 2, children: [
+          /* @__PURE__ */ jsx5(Text5, { bold: true, color: "red", children: "[y]" }),
+          /* @__PURE__ */ jsx5(Text5, { color: "gray", children: "yes, delete it" }),
+          /* @__PURE__ */ jsx5(Text5, { bold: true, color: "white", children: "  [n]" }),
+          /* @__PURE__ */ jsx5(Text5, { color: "gray", children: "cancel" })
         ] })
       ]
     }
   );
 }
 
-// src/ui/EditModal.tsx
+// src/ui/AddProjectForm.tsx
 import { useState, useCallback } from "react";
-import { Box as Box5, Text as Text5, useInput as useInput2 } from "ink";
+import { Box as Box6, Text as Text6, useApp, 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"];
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+var FIELD_ORDER = ["name", "root"];
+function AddProjectForm({ onSave, onCancel }) {
+  const { exit } = useApp();
+  const [fieldIndex, setFieldIndex] = useState(0);
+  const field = FIELD_ORDER[fieldIndex];
+  const [formData, setFormData] = useState({ name: "", root: "" });
+  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 {
+      if (!updated.name.trim()) {
+        setFieldIndex(0);
+        return;
+      }
+      onSave(updated.name.trim(), updated.root.trim());
+    }
+  };
+  return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", padding: 1, gap: 1, children: [
+    /* @__PURE__ */ jsx6(Box6, { marginBottom: 1, children: /* @__PURE__ */ jsx6(Text6, { bold: true, color: "blueBright", children: " New Project" }) }),
+    [["name", "Name", "e.g. Backend"], ["root", "Root Directory", "e.g. /Users/me/project"]].map(([f, label, placeholder], i) => {
+      const isActive = i === fieldIndex;
+      return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", children: [
+        /* @__PURE__ */ jsxs6(Text6, { color: isActive ? "yellowBright" : "gray", children: [
+          isActive ? "\u203A" : " ",
+          " ",
+          label
+        ] }),
+        /* @__PURE__ */ jsx6(Box6, { paddingLeft: 2, children: isActive ? /* @__PURE__ */ jsx6(
+          TextInput,
+          {
+            placeholder,
+            defaultValue: formData[f],
+            onChange: handleChange,
+            onSubmit: handleSubmit
+          },
+          f
+        ) : /* @__PURE__ */ jsx6(Text6, { color: formData[f] ? "white" : "gray", dimColor: !formData[f], children: formData[f] || placeholder }) })
+      ] }, f);
+    }),
+    /* @__PURE__ */ jsx6(Box6, { marginTop: 1, children: /* @__PURE__ */ jsx6(Text6, { color: "gray", dimColor: true, children: "\u2191\u2193 navigate \xB7 Enter to advance \xB7 ESC to cancel" }) })
+  ] });
+}
+
+// src/ui/EditModal.tsx
+import { useState as useState2, useCallback as useCallback2 } from "react";
+import { Box as Box7, Text as Text7, useInput as useInput3 } from "ink";
+import { TextInput as TextInput2 } from "@inkjs/ui";
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+var FIELD_ORDER2 = ["description", "command", "directory", "tags", "project"];
 var LABELS = {
   description: "Description",
   command: "Command",
   directory: "Directory (optional)",
-  tags: "Tags (comma-separated)"
+  tags: "Tags (comma-separated)",
+  project: "Project"
 };
-function EditModal({ command, onSave, onCancel }) {
-  const [fieldIndex, setFieldIndex] = useState(0);
-  const field = FIELD_ORDER[fieldIndex];
-  const [formData, setFormData] = useState({
+function EditModal({ command, projects, onSave, onCancel }) {
+  const [fieldIndex, setFieldIndex] = useState2(0);
+  const field = FIELD_ORDER2[fieldIndex];
+  const [formData, setFormData] = useState2({
     description: command.description,
     command: command.command,
     directory: command.directory ?? "",
-    tags: command.tags.join(", ")
+    tags: command.tags.join(", "),
+    projectId: command.projectId
   });
-  useInput2((_, key) => {
+  const projectOptions = [void 0, ...projects.map((p) => p.id)];
+  useInput3((_, key) => {
     if (key.escape) {
       onCancel();
       return;
@@ -165,29 +257,47 @@ function EditModal({ command, onSave, onCancel }) {
       return;
     }
     if (key.downArrow) {
-      setFieldIndex((i) => Math.min(FIELD_ORDER.length - 1, i + 1));
+      setFieldIndex((i) => Math.min(FIELD_ORDER2.length - 1, i + 1));
+      return;
+    }
+    if (field === "project" && (key.leftArrow || key.rightArrow)) {
+      const currentIdx = projectOptions.findIndex((id) => id === formData.projectId);
+      const safeIdx = currentIdx === -1 ? 0 : currentIdx;
+      const next = key.rightArrow ? Math.min(projectOptions.length - 1, safeIdx + 1) : Math.max(0, safeIdx - 1);
+      setFormData((d) => ({ ...d, projectId: projectOptions[next] }));
+      return;
+    }
+    if (field === "project" && key.return) {
+      onSave({
+        command: formData.command.trim(),
+        description: formData.description.trim(),
+        directory: formData.directory.trim() || void 0,
+        tags: formData.tags.split(",").map((t) => t.trim()).filter(Boolean),
+        projectId: formData.projectId
+      });
       return;
     }
   });
-  const handleChange = useCallback((value) => {
+  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) {
+    if (fieldIndex < FIELD_ORDER2.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)
+        tags: updated.tags.split(",").map((t) => t.trim()).filter(Boolean),
+        projectId: updated.projectId
       });
     }
   };
-  return /* @__PURE__ */ jsxs5(
-    Box5,
+  return /* @__PURE__ */ jsxs7(
+    Box7,
     {
       borderStyle: "round",
       borderColor: "yellowBright",
@@ -197,51 +307,60 @@ function EditModal({ command, onSave, onCancel }) {
       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" })
+        /* @__PURE__ */ jsxs7(Box7, { marginBottom: 1, justifyContent: "space-between", children: [
+          /* @__PURE__ */ jsx7(Text7, { bold: true, color: "yellowBright", children: " Edit Command" }),
+          /* @__PURE__ */ jsx7(Text7, { color: "gray", dimColor: true, children: "ESC to cancel" })
         ] }),
-        FIELD_ORDER.map((f, i) => {
+        FIELD_ORDER2.map((f, i) => {
           const isActive = i === fieldIndex;
-          return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", marginBottom: 1, children: [
-            /* @__PURE__ */ jsxs5(Text5, { color: isActive ? "yellowBright" : "gray", children: [
+          return /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", marginBottom: 1, children: [
+            /* @__PURE__ */ jsxs7(Text7, { color: isActive ? "yellowBright" : "gray", children: [
               isActive ? "\u203A" : " ",
               " ",
               LABELS[f]
             ] }),
-            /* @__PURE__ */ jsx5(Box5, { paddingLeft: 2, children: isActive ? /* @__PURE__ */ jsx5(
-              TextInput,
+            /* @__PURE__ */ jsx7(Box7, { paddingLeft: 2, children: f === "project" ? /* @__PURE__ */ jsx7(
+              ProjectSelect,
+              {
+                projects,
+                selectedProjectId: formData.projectId,
+                isActive
+              }
+            ) : isActive ? /* @__PURE__ */ jsx7(
+              TextInput2,
               {
-                defaultValue: formData[f],
+                defaultValue: formData[f] ?? "",
                 onChange: handleChange,
                 onSubmit: handleSubmit
               },
               f
-            ) : /* @__PURE__ */ jsx5(Text5, { color: "gray", dimColor: true, children: formData[f] || "(empty)" }) })
+            ) : /* @__PURE__ */ jsx7(Text7, { 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" }) })
+        /* @__PURE__ */ jsx7(Box7, { marginTop: 1, children: /* @__PURE__ */ jsxs7(Text7, { color: "gray", dimColor: true, children: [
+          "\u2191\u2193 navigate \xB7 Enter to advance \xB7 ",
+          field === "project" ? "\u2190\u2192 select project \xB7 " : "",
+          "saves on last field"
+        ] }) })
       ]
     }
   );
 }
 
 // src/ui/Onboarding.tsx
-import { useEffect, useRef, useState as useState2 } from "react";
-import { Box as Box6, Text as Text6, useInput as useInput3 } from "ink";
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Box as Box9, Text as Text9, useInput as useInput4 } from "ink";
+
+// src/ui/DriftCanvas.tsx
+import { useEffect, useRef, useState as useState3 } from "react";
+import { Box as Box8, Text as Text8 } from "ink";
+import { jsx as jsx8 } from "react/jsx-runtime";
 var W = 64;
 var H = 20;
 var PATHS = [
-  // 1 — bottom-center → sweep hard left → exit top-right (original)
   [{ x: 0.45, y: 1.12 }, { x: 0.45, y: 0.55 }, { x: 0.1, y: 0.12 }, { x: 1.12, y: 0.1 }],
-  // 2 — bottom-right → wide left arc → exit left-middle
   [{ x: 0.8, y: 1.12 }, { x: 0.8, y: 0.45 }, { x: 0.15, y: 0.18 }, { x: -0.12, y: 0.45 }],
-  // 3 — bottom-left → arc right → exit top-right (mirror of 1)
   [{ x: 0.22, y: 1.12 }, { x: 0.22, y: 0.55 }, { x: 0.88, y: 0.12 }, { x: 1.12, y: 0.1 }],
-  // 4 — left-middle → sweep right across → exit top-right
   [{ x: -0.12, y: 0.7 }, { x: 0.22, y: 0.7 }, { x: 0.78, y: 0.12 }, { x: 1.12, y: 0.12 }],
-  // 5 — right-middle → sweep left across → exit top-left
   [{ x: 1.12, y: 0.7 }, { x: 0.78, y: 0.7 }, { x: 0.22, y: 0.12 }, { x: -0.12, y: 0.12 }]
 ];
 function bezier(bp, t) {
@@ -301,8 +420,8 @@ function renderFrame(marks, smokes) {
   }
   return buf.map((row) => row.join("")).join("\n");
 }
-function Onboarding({ onDismiss }) {
-  const [canvas, setCanvas] = useState2(() => Array(H).fill(" ".repeat(W)).join("\n"));
+function DriftCanvas() {
+  const [canvas, setCanvas] = useState3(() => Array(H).fill(" ".repeat(W)).join("\n"));
   const anim = useRef({
     marks: [],
     smokes: [],
@@ -311,9 +430,6 @@ function Onboarding({ onDismiss }) {
     pathIndex: 0,
     cycleCount: 0
   });
-  useInput3(() => {
-    onDismiss();
-  });
   useEffect(() => {
     const id = setInterval(() => {
       const s = anim.current;
@@ -341,9 +457,18 @@ function Onboarding({ onDismiss }) {
     }, 40);
     return () => clearInterval(id);
   }, []);
+  return /* @__PURE__ */ jsx8(Box8, { width: W, children: /* @__PURE__ */ jsx8(Text8, { children: canvas }) });
+}
+
+// src/ui/Onboarding.tsx
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+function Onboarding({ onDismiss }) {
+  useInput4(() => {
+    onDismiss();
+  });
   const termH = process.stdout.rows ?? 24;
-  return /* @__PURE__ */ jsx6(Box6, { height: termH, alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ jsxs6(
-    Box6,
+  return /* @__PURE__ */ jsx9(Box9, { height: termH, alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ jsxs8(
+    Box9,
     {
       borderStyle: "round",
       borderColor: "white",
@@ -352,42 +477,89 @@ function Onboarding({ onDismiss }) {
       paddingY: 1,
       width: W + 8,
       children: [
-        /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", alignItems: "center", marginBottom: 1, children: [
-          /* @__PURE__ */ jsx6(Text6, { bold: true, children: " drift " }),
-          /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "your commands. always within reach." })
+        /* @__PURE__ */ jsxs8(Box9, { flexDirection: "column", alignItems: "center", marginBottom: 1, children: [
+          /* @__PURE__ */ jsx9(Text9, { bold: true, children: " drift " }),
+          /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "your commands. always within reach." })
         ] }),
-        /* @__PURE__ */ jsx6(Box6, { width: W, children: /* @__PURE__ */ jsx6(Text6, { children: canvas }) }),
-        /* @__PURE__ */ jsx6(Box6, { justifyContent: "center", marginTop: 1, children: /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "press any key to continue" }) })
+        /* @__PURE__ */ jsx9(DriftCanvas, {}),
+        /* @__PURE__ */ jsx9(Box9, { justifyContent: "center", marginTop: 1, children: /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "press any key to continue" }) })
+      ]
+    }
+  ) });
+}
+
+// src/ui/UpdatePrompt.tsx
+import { Box as Box10, Text as Text10, useInput as useInput5 } from "ink";
+import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+function UpdatePrompt({ currentVersion, latestVersion, onConfirm, onSkip }) {
+  useInput5((input, key) => {
+    if (input === "y" || input === "Y") onConfirm();
+    if (input === "s" || input === "S" || key.escape) onSkip();
+  });
+  const termH = process.stdout.rows ?? 24;
+  return /* @__PURE__ */ jsx10(Box10, { height: termH, alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ jsxs9(
+    Box10,
+    {
+      borderStyle: "round",
+      borderColor: "white",
+      flexDirection: "column",
+      paddingX: 2,
+      paddingY: 1,
+      width: W + 8,
+      children: [
+        /* @__PURE__ */ jsxs9(Box10, { flexDirection: "column", alignItems: "center", marginBottom: 1, children: [
+          /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "update available  " }),
+          /* @__PURE__ */ jsxs9(Text10, { children: [
+            /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: currentVersion }),
+            /* @__PURE__ */ jsx10(Text10, { children: " \u2192 " }),
+            /* @__PURE__ */ jsx10(Text10, { color: "cyan", bold: true, children: latestVersion })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx10(DriftCanvas, {}),
+        /* @__PURE__ */ jsxs9(Box10, { justifyContent: "center", marginTop: 1, gap: 2, children: [
+          /* @__PURE__ */ jsxs9(Text10, { children: [
+            /* @__PURE__ */ jsx10(Text10, { bold: true, color: "green", children: "[y]" }),
+            /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: " update now" })
+          ] }),
+          /* @__PURE__ */ jsxs9(Text10, { children: [
+            /* @__PURE__ */ jsx10(Text10, { bold: true, color: "white", children: "[s]" }),
+            /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: " skip for now" })
+          ] })
+        ] })
       ]
     }
   ) });
 }
 
 // src/ui/Browser.tsx
-import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
-var HEADER_ROWS = 4;
+import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+var HEADER_ROWS = 5;
 var FOOTER_ROWS = 3;
-function Browser({ onExecute, forceOnboarding = false }) {
-  const { exit } = useApp();
-  const { commands, updateCommand, moveCommand, removeCommand } = useStore();
-  const [query, setQuery] = useState3("");
-  const [isSearching, setIsSearching] = useState3(false);
-  const [selectedIndex, setSelectedIndex] = useState3(0);
-  const [viewportStart, setViewportStart] = useState3(0);
-  const [screen, setScreen] = useState3(
-    () => forceOnboarding || commands.length === 0 ? "onboarding" : "browser"
-  );
-  const [statusMessage, setStatusMessage] = useState3("");
-  const filtered = useFuzzySearch(commands, query);
+function Browser({ onExecute, forceOnboarding = false, currentVersion, latestVersion, onUpdate }) {
+  const { exit } = useApp2();
+  const { commands, projects, addProject, updateCommand, moveCommand, removeCommand } = useStore();
+  const [query, setQuery] = useState4("");
+  const [isSearching, setIsSearching] = useState4(false);
+  const [selectedIndex, setSelectedIndex] = useState4(0);
+  const [viewportStart, setViewportStart] = useState4(0);
+  const [activeTabIndex, setActiveTabIndex] = useState4(0);
+  const [screen, setScreen] = useState4(() => {
+    if (latestVersion) return "update-prompt";
+    return forceOnboarding || commands.length === 0 ? "onboarding" : "browser";
+  });
+  const [statusMessage, setStatusMessage] = useState4("");
+  const newProjectTabIndex = 1 + projects.length;
+  const tabCommands = activeTabIndex === 0 || activeTabIndex === newProjectTabIndex ? commands : commands.filter((c) => c.projectId === projects[activeTabIndex - 1]?.id);
+  const filtered = useFuzzySearch(tabCommands, 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) => {
+  const flash = useCallback3((msg) => {
     setStatusMessage(msg);
     setTimeout(() => setStatusMessage(""), 2e3);
   }, []);
-  const navigate = useCallback2(
+  const navigate = useCallback3(
     (direction) => {
       setSelectedIndex((prev) => {
         const next = Math.max(0, Math.min(filtered.length - 1, prev + direction));
@@ -401,9 +573,26 @@ function Browser({ onExecute, forceOnboarding = false }) {
     },
     [filtered.length, visibleRows]
   );
-  useInput4(
+  const navigateTab = useCallback3(
+    (direction) => {
+      const tabCount = 1 + projects.length + 1;
+      setActiveTabIndex((prev) => Math.max(0, Math.min(tabCount - 1, prev + direction)));
+      setSelectedIndex(0);
+      setViewportStart(0);
+    },
+    [projects.length]
+  );
+  const buildExecString = useCallback3(
+    (cmd) => {
+      if (!cmd) return "";
+      const dir = cmd.directory ?? (cmd.projectId ? projects.find((p) => p.id === cmd.projectId)?.root : void 0);
+      return dir && cmd.command ? `cd "${dir}" && ${cmd.command}` : dir ? `cd "${dir}"` : cmd.command;
+    },
+    [projects]
+  );
+  useInput6(
     (input, key) => {
-      if (screen === "confirm-delete") return;
+      if (screen === "confirm-delete" || screen === "update-prompt") return;
       if (isSearching) {
         if (key.escape) {
           setQuery("");
@@ -439,6 +628,14 @@ function Browser({ onExecute, forceOnboarding = false }) {
         }
         return;
       }
+      if (key.leftArrow && !key.shift) {
+        navigateTab(-1);
+        return;
+      }
+      if (key.rightArrow && !key.shift) {
+        navigateTab(1);
+        return;
+      }
       if (key.upArrow && key.shift && selected && !query) {
         moveCommand(selected.id, -1);
         navigate(-1);
@@ -469,15 +666,17 @@ function Browser({ onExecute, forceOnboarding = false }) {
         } else exit();
         return;
       }
+      if (key.return && activeTabIndex === 1 + projects.length) {
+        setScreen("add-project");
+        return;
+      }
       if (key.return && selected) {
-        const full = selected.directory && selected.command ? `cd "${selected.directory}" && ${selected.command}` : selected.directory ? `cd "${selected.directory}"` : selected.command;
-        onExecute(full);
+        onExecute(buildExecString(selected));
         exit();
         return;
       }
       if (key.ctrl && input === "e" && selected) {
-        const full = selected.directory && selected.command ? `cd "${selected.directory}" && ${selected.command}` : selected.directory ? `cd "${selected.directory}"` : selected.command;
-        clipboard.writeSync(full);
+        clipboard.writeSync(buildExecString(selected));
         flash("Copied!");
         return;
       }
@@ -496,13 +695,44 @@ function Browser({ onExecute, forceOnboarding = false }) {
     },
     { isActive: screen === "browser" }
   );
+  if (screen === "update-prompt" && latestVersion) {
+    const nextScreen = forceOnboarding || commands.length === 0 ? "onboarding" : "browser";
+    return /* @__PURE__ */ jsx11(
+      UpdatePrompt,
+      {
+        currentVersion,
+        latestVersion,
+        onConfirm: () => {
+          onUpdate();
+          exit();
+        },
+        onSkip: () => setScreen(nextScreen)
+      }
+    );
+  }
   if (screen === "onboarding") {
-    return /* @__PURE__ */ jsx7(Onboarding, { onDismiss: () => setScreen("browser") });
+    return /* @__PURE__ */ jsx11(Onboarding, { onDismiss: () => setScreen("browser") });
+  }
+  if (screen === "add-project") {
+    return /* @__PURE__ */ jsx11(
+      AddProjectForm,
+      {
+        onSave: (name, root) => {
+          addProject({ name, root });
+          setScreen("browser");
+          setActiveTabIndex(1 + projects.length);
+          flash(`Project "${name}" created.`);
+        },
+        onCancel: () => setScreen("browser")
+      }
+    );
   }
   if (screen === "add") {
-    return /* @__PURE__ */ jsx7(
+    const defaultProjectId = activeTabIndex > 0 ? projects[activeTabIndex - 1]?.id : void 0;
+    return /* @__PURE__ */ jsx11(
       AddForm,
       {
+        initialValues: { projectId: defaultProjectId },
         onSave: () => {
           setScreen("browser");
           flash("Saved!");
@@ -512,9 +742,10 @@ function Browser({ onExecute, forceOnboarding = false }) {
     );
   }
   const isOverlay = screen === "confirm-delete" || screen === "edit";
-  return /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", height: process.stdout.rows ?? 24, children: [
-    /* @__PURE__ */ jsx7(SearchBar, { query, isSearching, total: commands.length, filtered: filtered.length }),
-    /* @__PURE__ */ jsx7(Box7, { flexDirection: "column", flexGrow: 1, children: filtered.length === 0 ? /* @__PURE__ */ jsx7(Box7, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx7(Text7, { 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__ */ jsx7(
+  return /* @__PURE__ */ jsxs10(Box11, { flexDirection: "column", height: process.stdout.rows ?? 24, children: [
+    /* @__PURE__ */ jsx11(TabBar, { projects, activeIndex: activeTabIndex }),
+    /* @__PURE__ */ jsx11(SearchBar, { query, isSearching, total: tabCommands.length, filtered: filtered.length }),
+    /* @__PURE__ */ jsx11(Box11, { flexDirection: "column", flexGrow: 1, children: filtered.length === 0 ? /* @__PURE__ */ jsx11(Box11, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx11(Text11, { color: "gray", dimColor: true, children: tabCommands.length === 0 ? activeTabIndex === 0 ? "No commands saved yet. Press `a` to add your first command." : "No commands in this project. Press `a` to add one." : "No matches. Keep typing or clear the search." }) }) : visibleCommands.map((cmd, i) => /* @__PURE__ */ jsx11(
       CommandItem,
       {
         command: cmd,
@@ -523,10 +754,11 @@ function Browser({ onExecute, forceOnboarding = false }) {
       },
       cmd.id
     )) }),
-    screen === "edit" && selected && /* @__PURE__ */ jsx7(
+    screen === "edit" && selected && /* @__PURE__ */ jsx11(
       EditModal,
       {
         command: selected,
+        projects,
         onSave: (patch) => {
           updateCommand(selected.id, patch);
           setScreen("browser");
@@ -535,7 +767,7 @@ function Browser({ onExecute, forceOnboarding = false }) {
         onCancel: () => setScreen("browser")
       }
     ),
-    screen === "confirm-delete" && selected && /* @__PURE__ */ jsx7(
+    screen === "confirm-delete" && selected && /* @__PURE__ */ jsx11(
       ConfirmDelete,
       {
         command: selected,
@@ -548,7 +780,7 @@ function Browser({ onExecute, forceOnboarding = false }) {
         onCancel: () => setScreen("browser")
       }
     ),
-    /* @__PURE__ */ jsx7(StatusBar, { message: statusMessage })
+    /* @__PURE__ */ jsx11(StatusBar, { message: statusMessage })
   ] });
 }
 export {

package/dist/{FileStore-5LGMICIM.js → FileStore-DV2QBZJL.js}

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

package/dist/checkUpdate-G4I5BZTU.js

@@ -0,0 +1,30 @@
+#!/usr/bin/env node
+
+// src/lib/checkUpdate.ts
+function isNewer(latest, current) {
+  const a = latest.split(".").map(Number);
+  const b = current.split(".").map(Number);
+  for (let i = 0; i < 3; i++) {
+    if (a[i] > b[i]) return true;
+    if (a[i] < b[i]) return false;
+  }
+  return false;
+}
+async function checkForUpdate(currentVersion) {
+  try {
+    const controller = new AbortController();
+    const timeout = setTimeout(() => controller.abort(), 2e3);
+    const res = await fetch("https://registry.npmjs.org/@fiete/drift/latest", {
+      signal: controller.signal
+    });
+    clearTimeout(timeout);
+    const data = await res.json();
+    const latest = data.version;
+    return isNewer(latest, currentVersion) ? latest : null;
+  } catch {
+    return null;
+  }
+}
+export {
+  checkForUpdate
+};

package/dist/{chunk-CRXU4OLG.js → chunk-SRTEOAGN.js}

@@ -7,7 +7,7 @@ import fs from "fs";
 import { nanoid } from "nanoid";
 var STORE_DIR = path.join(os.homedir(), ".config", "drift");
 var STORE_FILE = path.join(STORE_DIR, "commands.json");
-var CURRENT_VERSION = 1;
+var CURRENT_VERSION = 2;
 var FileStore = class {
   data;
   constructor() {
@@ -16,12 +16,21 @@ var FileStore = class {
   load() {
     if (!fs.existsSync(STORE_FILE)) {
       fs.mkdirSync(STORE_DIR, { recursive: true });
-      const initial = { version: CURRENT_VERSION, commands: [] };
+      const initial = { version: CURRENT_VERSION, commands: [], projects: [] };
       fs.writeFileSync(STORE_FILE, JSON.stringify(initial, null, 2));
       return initial;
     }
     const raw = fs.readFileSync(STORE_FILE, "utf8");
-    return JSON.parse(raw);
+    const parsed = JSON.parse(raw);
+    return this.migrate(parsed);
+  }
+  migrate(data) {
+    if (data.version < 2) {
+      data.projects = [];
+      data.version = 2;
+      fs.writeFileSync(STORE_FILE, JSON.stringify(data, null, 2));
+    }
+    return data;
   }
   save(data) {
     fs.writeFileSync(STORE_FILE, JSON.stringify(data, null, 2));
@@ -64,6 +73,38 @@ var FileStore = class {
     }
     return false;
   }
+  // ── Projects ────────────────────────────────────────────────────────────────
+  getProjects() {
+    return this.data.projects;
+  }
+  getProjectById(id) {
+    return this.data.projects.find((p) => p.id === id);
+  }
+  addProject(input) {
+    const project = { ...input, id: nanoid(), createdAt: (/* @__PURE__ */ new Date()).toISOString() };
+    this.data.projects.push(project);
+    this.save(this.data);
+    return project;
+  }
+  updateProject(id, patch) {
+    const idx = this.data.projects.findIndex((p) => p.id === id);
+    if (idx === -1) return false;
+    this.data.projects[idx] = { ...this.data.projects[idx], ...patch };
+    this.save(this.data);
+    return true;
+  }
+  removeProject(id) {
+    const before = this.data.projects.length;
+    this.data.projects = this.data.projects.filter((p) => p.id !== id);
+    this.data.commands = this.data.commands.map(
+      (c) => c.projectId === id ? { ...c, projectId: void 0 } : c
+    );
+    if (this.data.projects.length < before) {
+      this.save(this.data);
+      return true;
+    }
+    return false;
+  }
 };
 
 export {

package/dist/chunk-TBVOGPA4.js

@@ -0,0 +1,233 @@
+#!/usr/bin/env node
+import {
+  FileStore
+} from "./chunk-SRTEOAGN.js";
+
+// src/ui/AddForm.tsx
+import { useState as useState2, useCallback as useCallback2 } from "react";
+import { Box as Box2, Text as Text2, 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 [projects, setProjects] = useState(() => store.getProjects());
+  const refresh = useCallback(() => {
+    setCommands([...store.getAll()]);
+    setProjects([...store.getProjects()]);
+  }, []);
+  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]
+  );
+  const addProject = useCallback(
+    (input) => {
+      store.addProject(input);
+      refresh();
+    },
+    [refresh]
+  );
+  const updateProject = useCallback(
+    (id, patch) => {
+      store.updateProject(id, patch);
+      refresh();
+    },
+    [refresh]
+  );
+  const removeProject = useCallback(
+    (id) => {
+      store.removeProject(id);
+      refresh();
+    },
+    [refresh]
+  );
+  return {
+    commands,
+    projects,
+    addCommand,
+    updateCommand,
+    moveCommand,
+    removeCommand,
+    addProject,
+    updateProject,
+    removeProject
+  };
+}
+
+// src/ui/ProjectSelect.tsx
+import { Box, Text } from "ink";
+import { jsx, jsxs } from "react/jsx-runtime";
+function ProjectSelect({ projects, selectedProjectId, isActive }) {
+  const options = [{ id: void 0, name: "None" }, ...projects.map((p) => ({ id: p.id, name: p.name }))];
+  const selectedIdx = options.findIndex((o) => o.id === selectedProjectId);
+  const displayIdx = selectedIdx === -1 ? 0 : selectedIdx;
+  return /* @__PURE__ */ jsx(Box, { gap: 1, flexWrap: "wrap", children: options.map((opt, i) => {
+    const isCurrent = i === displayIdx;
+    if (isCurrent && isActive) {
+      return /* @__PURE__ */ jsxs(Text, { color: "yellowBright", bold: true, children: [
+        "\u2039 ",
+        opt.name,
+        " \u203A"
+      ] }, i);
+    }
+    return /* @__PURE__ */ jsx(Text, { color: isCurrent ? "white" : "gray", dimColor: !isCurrent, children: opt.name }, i);
+  }) });
+}
+
+// src/ui/AddForm.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var FIELD_ORDER = ["description", "command", "directory", "tags", "project"];
+var LABELS = {
+  description: "Description",
+  command: "Command",
+  directory: "Directory",
+  tags: "Tags (comma-separated)",
+  project: "Project"
+};
+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",
+  project: ""
+};
+function AddForm({ initialValues, onSave, onCancel }) {
+  const { exit } = useApp();
+  const { addCommand, projects } = useStore();
+  const [fieldIndex, setFieldIndex] = useState2(0);
+  const field = FIELD_ORDER[fieldIndex];
+  const [formData, setFormData] = useState2({
+    description: initialValues?.description ?? "",
+    command: initialValues?.command ?? "",
+    directory: "",
+    tags: initialValues?.tags ?? "",
+    projectId: initialValues?.projectId
+  });
+  const cancel = () => {
+    onCancel ? onCancel() : exit();
+  };
+  const projectOptions = [void 0, ...projects.map((p) => p.id)];
+  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;
+    }
+    if (field === "project" && (key.leftArrow || key.rightArrow)) {
+      const currentIdx = projectOptions.findIndex((id) => id === formData.projectId);
+      const safeIdx = currentIdx === -1 ? 0 : currentIdx;
+      const next = key.rightArrow ? Math.min(projectOptions.length - 1, safeIdx + 1) : Math.max(0, safeIdx - 1);
+      setFormData((d) => ({ ...d, projectId: projectOptions[next] }));
+      return;
+    }
+    if (field === "project" && key.return) {
+      handleProjectSubmit();
+      return;
+    }
+  });
+  const handleChange = useCallback2((value) => {
+    setFormData((d) => ({ ...d, [field]: value }));
+  }, [field]);
+  const handleProjectSubmit = () => {
+    if (!formData.command.trim() && !formData.directory.trim()) {
+      setFieldIndex(FIELD_ORDER.indexOf("command"));
+      return;
+    }
+    addCommand({
+      command: formData.command.trim(),
+      description: formData.description.trim(),
+      directory: formData.directory.trim() || void 0,
+      tags: formData.tags.split(",").map((t) => t.trim()).filter(Boolean),
+      projectId: formData.projectId
+    });
+    if (onSave) {
+      onSave();
+    } else {
+      console.log("\nSaved!");
+      exit();
+    }
+  };
+  const handleSubmit = (value) => {
+    const updated = { ...formData, [field]: value };
+    setFormData(updated);
+    if (fieldIndex < FIELD_ORDER.length - 1) {
+      setFieldIndex((i) => i + 1);
+    } else {
+      handleProjectSubmit();
+    }
+  };
+  return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", padding: 1, gap: 1, children: [
+    /* @__PURE__ */ jsx2(Box2, { marginBottom: 1, children: /* @__PURE__ */ jsx2(Text2, { bold: true, color: "blueBright", children: " Add New Command" }) }),
+    FIELD_ORDER.map((f, i) => {
+      const isActive = i === fieldIndex;
+      return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", children: [
+        /* @__PURE__ */ jsxs2(Text2, { color: isActive ? "yellowBright" : "gray", children: [
+          isActive ? "\u203A" : " ",
+          " ",
+          LABELS[f]
+        ] }),
+        /* @__PURE__ */ jsx2(Box2, { paddingLeft: 2, children: f === "project" ? /* @__PURE__ */ jsx2(
+          ProjectSelect,
+          {
+            projects,
+            selectedProjectId: formData.projectId,
+            isActive
+          }
+        ) : isActive ? /* @__PURE__ */ jsx2(
+          TextInput,
+          {
+            placeholder: PLACEHOLDERS[f],
+            defaultValue: formData[f] ?? "",
+            onChange: handleChange,
+            onSubmit: handleSubmit
+          },
+          f
+        ) : /* @__PURE__ */ jsx2(Text2, { color: formData[f] ? "white" : "gray", dimColor: !formData[f], children: formData[f] || PLACEHOLDERS[f] }) })
+      ] }, f);
+    }),
+    /* @__PURE__ */ jsx2(Box2, { marginTop: 1, children: /* @__PURE__ */ jsxs2(Text2, { color: "gray", dimColor: true, children: [
+      "\u2191\u2193 navigate \xB7 Enter to advance \xB7 ",
+      field === "project" ? "\u2190\u2192 select project \xB7 " : "",
+      "ESC to cancel"
+    ] }) })
+  ] });
+}
+
+export {
+  useStore,
+  ProjectSelect,
+  AddForm
+};

package/dist/index.js

@@ -5,21 +5,35 @@ import { program } from "commander";
 import { render } from "ink";
 import React from "react";
 import { execa } from "execa";
+import { createRequire } from "module";
+var require2 = createRequire(import.meta.url);
+var packageJson = require2("../package.json");
 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)").option("--onboarding", "Force the onboarding screen (debug)").action(async (opts) => {
-  const { Browser } = await import("./Browser-6Q6XF5D4.js");
+  const { Browser } = await import("./Browser-67UFH2PS.js");
+  const { checkForUpdate } = await import("./checkUpdate-G4I5BZTU.js");
+  const latestVersion = await checkForUpdate(packageJson.version);
   let commandToRun;
+  let shouldUpdate = false;
   const { waitUntilExit } = render(
     React.createElement(Browser, {
       onExecute: (cmd) => {
         commandToRun = cmd;
       },
-      forceOnboarding: opts.onboarding ?? false
+      forceOnboarding: opts.onboarding ?? false,
+      currentVersion: packageJson.version,
+      latestVersion: latestVersion ?? void 0,
+      onUpdate: () => {
+        shouldUpdate = true;
+      }
     })
   );
   await waitUntilExit();
   process.stdout.write("\x1Bc");
-  if (commandToRun) {
+  if (shouldUpdate) {
+    console.log("\nInstalling @fiete/drift@latest...\n");
+    await execa("npm", ["install", "-g", "@fiete/drift"], { stdio: "inherit" });
+  } else if (commandToRun) {
     await execa(commandToRun, { shell: true, stdio: "inherit" }).catch(() => {
     });
   }
@@ -27,7 +41,7 @@ program.command("list", { isDefault: true }).description("Browse saved commands
 });
 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").option("--dir <directory>", "Working directory").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-5LGMICIM.js");
+    const { FileStore } = await import("./FileStore-DV2QBZJL.js");
     const store = new FileStore();
     store.addCommand({
       command: command.trim(),
@@ -38,7 +52,7 @@ program.command("add [command]").description("Add a command. Pass it as a quoted
     console.log("Saved!");
     process.exit(0);
   }
-  const { AddForm } = await import("./AddForm-NVOWLCPV.js");
+  const { AddForm } = await import("./AddForm-ZMSCP6CU.js");
   const initialValues = {
     command: command ?? "",
     description: opts.desc ?? "",
@@ -51,7 +65,7 @@ program.command("add [command]").description("Add a command. Pass it as a quoted
   process.exit(0);
 });
 program.command("remove <id>").description("Remove a command by ID").action(async (id) => {
-  const { FileStore } = await import("./FileStore-5LGMICIM.js");
+  const { FileStore } = await import("./FileStore-DV2QBZJL.js");
   const store = new FileStore();
   const removed = store.removeCommand(id);
   if (removed) {
@@ -62,7 +76,7 @@ program.command("remove <id>").description("Remove a command by ID").action(asyn
   }
 });
 program.command("ls").description("List all saved commands").option("--json", "Output as JSON").action(async (opts) => {
-  const { FileStore } = await import("./FileStore-5LGMICIM.js");
+  const { FileStore } = await import("./FileStore-DV2QBZJL.js");
   const store = new FileStore();
   const commands = store.getAll();
   if (opts.json) {
@@ -82,7 +96,7 @@ program.command("ls").description("List all saved commands").option("--json", "O
   process.exit(0);
 });
 program.command("search <query>").description("Search saved commands (fuzzy)").option("--json", "Output as JSON").action(async (query, opts) => {
-  const { FileStore } = await import("./FileStore-5LGMICIM.js");
+  const { FileStore } = await import("./FileStore-DV2QBZJL.js");
   const { searchCommands } = await import("./search-HZEMV67M.js");
   const store = new FileStore();
   const results = searchCommands(store.getAll(), query);
@@ -103,7 +117,7 @@ program.command("search <query>").description("Search saved commands (fuzzy)").o
   process.exit(0);
 });
 program.command("get <id>").description("Get a single command by ID").option("--json", "Output as JSON").action(async (id, opts) => {
-  const { FileStore } = await import("./FileStore-5LGMICIM.js");
+  const { FileStore } = await import("./FileStore-DV2QBZJL.js");
   const store = new FileStore();
   const cmd = store.getById(id);
   if (!cmd) {
@@ -121,7 +135,7 @@ program.command("get <id>").description("Get a single command by ID").option("--
   process.exit(0);
 });
 program.command("execute <id>").description("Execute a saved command by ID").action(async (id) => {
-  const { FileStore } = await import("./FileStore-5LGMICIM.js");
+  const { FileStore } = await import("./FileStore-DV2QBZJL.js");
   const store = new FileStore();
   const cmd = store.getById(id);
   if (!cmd) {
@@ -133,7 +147,7 @@ program.command("execute <id>").description("Execute a saved command by ID").act
   process.exit(0);
 });
 program.command("copy <id>").description("Copy a saved command to the clipboard").action(async (id) => {
-  const { FileStore } = await import("./FileStore-5LGMICIM.js");
+  const { FileStore } = await import("./FileStore-DV2QBZJL.js");
   const { default: clipboardy } = await import("clipboardy");
   const store = new FileStore();
   const cmd = store.getById(id);
@@ -146,7 +160,7 @@ program.command("copy <id>").description("Copy a saved command to the clipboard"
   process.exit(0);
 });
 program.command("edit <id>").description("Edit a saved command by ID").option("-c, --command <command>", "New command string").option("-d, --desc <description>", "New description").option("-t, --tags <tags>", "New comma-separated tags").option("--dir <directory>", "New working directory").option("--json", "Output updated command as JSON").action(async (id, opts) => {
-  const { FileStore } = await import("./FileStore-5LGMICIM.js");
+  const { FileStore } = await import("./FileStore-DV2QBZJL.js");
   const store = new FileStore();
   const patch = {};
   if (opts.command !== void 0) patch.command = opts.command.trim();
@@ -169,4 +183,42 @@ program.command("edit <id>").description("Edit a saved command by ID").option("-
   }
   process.exit(0);
 });
+var projectCmd = program.command("project").description("Manage projects");
+projectCmd.command("add <name>").description("Create a new project").requiredOption("-r, --root <path>", "Root directory for this project").action(async (name, opts) => {
+  const { FileStore } = await import("./FileStore-DV2QBZJL.js");
+  const store = new FileStore();
+  const project = store.addProject({ name: name.trim(), root: opts.root.trim() });
+  console.log(`Created project "${project.name}" (${project.id})
+  root: ${project.root}`);
+  process.exit(0);
+});
+projectCmd.command("ls").description("List all projects").option("--json", "Output as JSON").action(async (opts) => {
+  const { FileStore } = await import("./FileStore-DV2QBZJL.js");
+  const store = new FileStore();
+  const projects = store.getProjects();
+  if (opts.json) {
+    console.log(JSON.stringify(projects, null, 2));
+  } else {
+    if (projects.length === 0) {
+      console.log("No projects yet. Run `drift project add <name> --root <path>` to create one.");
+    } else {
+      for (const p of projects) {
+        console.log(`${p.id}  ${p.name}`);
+        console.log(`         root: ${p.root}`);
+      }
+    }
+  }
+  process.exit(0);
+});
+projectCmd.command("rm <id>").description("Remove a project by ID (commands are unassigned, not deleted)").action(async (id) => {
+  const { FileStore } = await import("./FileStore-DV2QBZJL.js");
+  const store = new FileStore();
+  const removed = store.removeProject(id);
+  if (removed) {
+    console.log(`Removed project ${id}`);
+  } else {
+    console.error(`No project found with ID: ${id}`);
+    process.exit(1);
+  }
+});
 program.parse();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fiete/drift",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "description": "A TUI command vault for your shell",
   "type": "module",
   "preferGlobal": true,

package/dist/chunk-GUH6BVED.js

@@ -1,154 +0,0 @@
-#!/usr/bin/env node
-import {
-  FileStore
-} from "./chunk-CRXU4OLG.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",
-  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() && !updated.directory.trim()) {
-        setFieldIndex(1);
-        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
-};