taskair-cli 1.0.5 → 1.0.7

package/dist/index.js

@@ -4,7 +4,7 @@
 import { program } from "commander";
 
 // src/commands/config.tsx
-import React3, { useState as useState3, useEffect as useEffect3 } from "react";
+import React4, { useState as useState4, useEffect as useEffect4 } from "react";
 import { Box as Box4, Text as Text4, useInput, useApp } from "ink";
 import { hostname } from "os";
 import http from "http";
@@ -283,6 +283,7 @@ function Spinner({
 }
 
 // src/components/AsciiHeader.tsx
+import { useState as useState3, useEffect as useEffect3 } from "react";
 import { Box as Box3, Text as Text3 } from "ink";
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var LOGO = [
@@ -293,23 +294,86 @@ var LOGO = [
   "   \u2588\u2588\u2551   \u2588\u2588\u2551  \u2588\u2588\u2551\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2551\u2588\u2588\u2551  \u2588\u2588\u2557  \u2588\u2588\u2551  \u2588\u2588\u2551\u2588\u2588\u2551\u2588\u2588\u2551  \u2588\u2588\u2551",
   "   \u255A\u2550\u255D   \u255A\u2550\u255D  \u255A\u2550\u255D\u255A\u2550\u2550\u2550\u2550\u2550\u2550\u255D\u255A\u2550\u255D  \u255A\u2550\u255D  \u255A\u2550\u255D  \u255A\u2550\u255D\u255A\u2550\u255D\u255A\u2550\u255D  \u255A\u2550\u255D"
 ];
-var TAGLINE = "  \u2726 Space-themed \xB7 Privacy-first \xB7 AI-native task management \u2726";
-function AsciiHeader() {
+var WAVE_COLORS = [
+  "#FF0080",
+  "#EE40FB",
+  "#B44FFF",
+  "#7B61FF",
+  "#5B8AFF",
+  "#00D4FF",
+  "#5B8AFF",
+  "#7B61FF",
+  "#B44FFF",
+  "#EE40FB"
+];
+var DIVIDER_COLORS = [
+  "#7B61FF",
+  "#B44FFF",
+  "#FF0080",
+  "#B44FFF",
+  "#7B61FF",
+  "#5B8AFF",
+  "#00D4FF",
+  "#5B8AFF"
+];
+var TAGLINE = "\u2726 CLI \xB7 MCP \xB7 Web \u2726";
+var DIVIDER_LEN = 60;
+function AnimatedDivider() {
+  const [frame, setFrame] = useState3(0);
+  useEffect3(() => {
+    const id = setInterval(() => {
+      setFrame((f) => (f + 1) % DIVIDER_COLORS.length);
+    }, 280);
+    return () => clearInterval(id);
+  }, []);
+  return /* @__PURE__ */ jsx3(Text3, { color: DIVIDER_COLORS[frame], children: "\u2500".repeat(DIVIDER_LEN) });
+}
+function PremiumHeader() {
+  const [visibleLines, setVisibleLines] = useState3(0);
+  const [colorFrame, setColorFrame] = useState3(0);
+  const [taglineChars, setTaglineChars] = useState3(0);
+  const [showDivider, setShowDivider] = useState3(false);
+  const revealed = visibleLines >= LOGO.length;
+  useEffect3(() => {
+    if (visibleLines >= LOGO.length) return;
+    const id = setTimeout(() => setVisibleLines((v) => v + 1), 55);
+    return () => clearTimeout(id);
+  }, [visibleLines]);
+  useEffect3(() => {
+    if (!revealed) return;
+    const id = setInterval(() => {
+      setColorFrame((f) => (f + 1) % WAVE_COLORS.length);
+    }, 110);
+    return () => clearInterval(id);
+  }, [revealed]);
+  useEffect3(() => {
+    if (!revealed || taglineChars >= TAGLINE.length) return;
+    const id = setTimeout(() => setTaglineChars((c) => c + 1), 38);
+    return () => clearTimeout(id);
+  }, [revealed, taglineChars]);
+  useEffect3(() => {
+    if (taglineChars >= TAGLINE.length && !showDivider) {
+      setShowDivider(true);
+    }
+  }, [taglineChars, showDivider]);
   return /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", marginBottom: 1, children: [
-    /* @__PURE__ */ jsx3(Box3, { flexDirection: "column", children: LOGO.map((line, i) => /* @__PURE__ */ jsx3(Text3, { color: "magenta", bold: true, children: line }, i)) }),
-    /* @__PURE__ */ jsx3(Text3, { color: "cyan", dimColor: true, children: TAGLINE }),
-    /* @__PURE__ */ jsx3(Box3, { marginTop: 0, children: /* @__PURE__ */ jsx3(Text3, { color: "#7B61FF", children: "\u2500".repeat(60) }) })
+    /* @__PURE__ */ jsx3(Box3, { flexDirection: "column", children: LOGO.slice(0, visibleLines).map((line, i) => {
+      const colorIdx = (i * 2 + colorFrame) % WAVE_COLORS.length;
+      return /* @__PURE__ */ jsx3(Text3, { color: revealed ? WAVE_COLORS[colorIdx] : "#B44FFF", bold: true, children: line }, i);
+    }) }),
+    revealed && taglineChars > 0 && /* @__PURE__ */ jsx3(Box3, { marginTop: 0, children: /* @__PURE__ */ jsxs3(Text3, { color: "#00D4FF", bold: true, children: [
+      "  ",
+      TAGLINE.slice(0, taglineChars),
+      taglineChars < TAGLINE.length ? /* @__PURE__ */ jsx3(Text3, { color: "#7B61FF", children: "\u258C" }) : null
+    ] }) }),
+    showDivider && /* @__PURE__ */ jsx3(Box3, { marginTop: 0, children: /* @__PURE__ */ jsx3(AnimatedDivider, {}) })
   ] });
 }
+function AsciiHeader() {
+  return /* @__PURE__ */ jsx3(PremiumHeader, {});
+}
 function MiniHeader() {
-  return /* @__PURE__ */ jsxs3(Box3, { marginBottom: 1, children: [
-    /* @__PURE__ */ jsxs3(Text3, { color: "magenta", bold: true, children: [
-      "\u2726",
-      " "
-    ] }),
-    /* @__PURE__ */ jsx3(Text3, { color: "cyan", bold: true, children: "TaskAir" }),
-    /* @__PURE__ */ jsx3(Text3, { color: "#7B61FF", children: " \u2014 Space-grade task management" })
-  ] });
+  return /* @__PURE__ */ jsx3(PremiumHeader, {});
 }
 
 // src/commands/config.tsx
@@ -321,12 +385,12 @@ function openBrowser(url) {
 }
 function ConfigUI({ initialApiUrl }) {
   const { exit } = useApp();
-  const [stage, setStage] = useState3("input_api_url");
-  const [apiUrl, setApiUrl] = useState3(initialApiUrl);
-  const [currentInput, setCurrentInput] = useState3(initialApiUrl);
-  const [port, setPort] = useState3(0);
-  const [errorMsg, setErrorMsg] = useState3("");
-  const [authDetails, setAuthDetails] = useState3(null);
+  const [stage, setStage] = useState4("input_api_url");
+  const [apiUrl, setApiUrl] = useState4(initialApiUrl);
+  const [currentInput, setCurrentInput] = useState4(initialApiUrl);
+  const [port, setPort] = useState4(0);
+  const [errorMsg, setErrorMsg] = useState4("");
+  const [authDetails, setAuthDetails] = useState4(null);
   useInput((input, key) => {
     if (stage === "input_api_url") {
       if (key.return) {
@@ -350,7 +414,7 @@ function ConfigUI({ initialApiUrl }) {
       }
     }
   });
-  useEffect3(() => {
+  useEffect4(() => {
     if (stage !== "waiting_for_browser") return;
     let server = null;
     let isActive = true;
@@ -557,7 +621,7 @@ function ConfigUI({ initialApiUrl }) {
       }
     };
   }, [stage, apiUrl]);
-  useEffect3(() => {
+  useEffect4(() => {
     if (stage !== "registering" || !authDetails) return;
     async function registerAndSave() {
       try {
@@ -633,7 +697,7 @@ function registerConfig(program2) {
     const existing = readCredentials();
     const { render } = await import("ink");
     render(
-      React3.createElement(ConfigUI, {
+      React4.createElement(ConfigUI, {
         initialApiUrl: existing?.api_url ?? "http://localhost:3001"
       })
     );
@@ -641,19 +705,19 @@ function registerConfig(program2) {
 }
 
 // src/commands/login.tsx
-import React4, { useState as useState4, useEffect as useEffect4 } from "react";
+import React5, { useState as useState5, useEffect as useEffect5 } from "react";
 import { Box as Box5, Text as Text5, useInput as useInput2, useApp as useApp2 } from "ink";
 import { hostname as hostname2 } from "os";
 import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 function LoginUI() {
   const { exit } = useApp2();
   const creds = readCredentials();
-  const [email, setEmail] = useState4(creds?.email ?? "");
-  const [password, setPassword] = useState4("");
-  const [stage, setStage] = useState4("input_email");
-  const [currentInput, setCurrentInput] = useState4(creds?.email ?? "");
-  const [errorMsg, setErrorMsg] = useState4("");
-  useEffect4(() => {
+  const [email, setEmail] = useState5(creds?.email ?? "");
+  const [password, setPassword] = useState5("");
+  const [stage, setStage] = useState5("input_email");
+  const [currentInput, setCurrentInput] = useState5(creds?.email ?? "");
+  const [errorMsg, setErrorMsg] = useState5("");
+  useEffect5(() => {
     if (stage === "loading") {
       const apiUrl = creds?.api_url ?? "http://localhost:3001";
       apiLogin(apiUrl, email, password).then(async (res) => {
@@ -750,19 +814,19 @@ function LoginUI() {
 function registerLogin(program2) {
   program2.command("login").description("Authenticate with TaskAir API").action(async () => {
     const { render } = await import("ink");
-    render(React4.createElement(LoginUI));
+    render(React5.createElement(LoginUI));
   });
 }
 
 // src/commands/logout.tsx
-import React5, { useEffect as useEffect5, useState as useState5 } from "react";
+import React6, { useEffect as useEffect6, useState as useState6 } from "react";
 import { Box as Box6, useApp as useApp3 } from "ink";
 import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 function LogoutUI() {
   const { exit } = useApp3();
-  const [status, setStatus] = useState5("loading");
-  const [message, setMessage] = useState5("");
-  useEffect5(() => {
+  const [status, setStatus] = useState6("loading");
+  const [message, setMessage] = useState6("");
+  useEffect6(() => {
     const creds = readCredentials();
     if (!creds?.access_token) {
       setMessage("Not logged in.");
@@ -789,12 +853,12 @@ function LogoutUI() {
 function registerLogout(program2) {
   program2.command("logout").description("Clear local credentials and revoke session").action(async () => {
     const { render } = await import("ink");
-    render(React5.createElement(LogoutUI));
+    render(React6.createElement(LogoutUI));
   });
 }
 
 // src/commands/whoami.tsx
-import React6 from "react";
+import React7 from "react";
 import { Box as Box7, Text as Text7 } from "ink";
 import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 function WhoamiUI() {
@@ -854,12 +918,12 @@ function WhoamiUI() {
 function registerWhoami(program2) {
   program2.command("whoami").description("Display the currently authenticated user").action(async () => {
     const { render } = await import("ink");
-    render(React6.createElement(WhoamiUI));
+    render(React7.createElement(WhoamiUI));
   });
 }
 
 // src/commands/add.tsx
-import React7, { useEffect as useEffect6, useState as useState6 } from "react";
+import React8, { useEffect as useEffect7, useState as useState7 } from "react";
 import { Box as Box8, Text as Text8, useApp as useApp4 } from "ink";
 import { v4 as uuidv42 } from "uuid";
 
@@ -981,6 +1045,50 @@ function computeStats() {
   };
 }
 
+// src/lib/crypto.ts
+import {
+  pbkdf2Sync,
+  createCipheriv,
+  createDecipheriv,
+  randomBytes,
+  createHash
+} from "crypto";
+var PBKDF2_ITERATIONS = 1e5;
+var KEY_LENGTH = 32;
+var SALT_LENGTH = 16;
+var IV_LENGTH = 16;
+function deriveMasterKey(password, salt) {
+  return pbkdf2Sync(password, salt, PBKDF2_ITERATIONS, KEY_LENGTH, "sha256");
+}
+function deriveEncryptionKey(masterKey) {
+  const hash = createHash("sha256");
+  hash.update(masterKey);
+  hash.update("taskair-encryption");
+  return hash.digest();
+}
+function encrypt(plaintext, password) {
+  const salt = randomBytes(SALT_LENGTH);
+  const iv = randomBytes(IV_LENGTH);
+  const masterKey = deriveMasterKey(password, salt);
+  const encKey = deriveEncryptionKey(masterKey);
+  const cipher = createCipheriv("aes-256-gcm", encKey, iv);
+  const encrypted = Buffer.concat([
+    cipher.update(plaintext, "utf8"),
+    cipher.final()
+  ]);
+  const authTag = cipher.getAuthTag();
+  return {
+    version: "1",
+    salt: salt.toString("base64"),
+    iv: iv.toString("base64"),
+    ciphertext: encrypted.toString("base64"),
+    authTag: authTag.toString("base64")
+  };
+}
+function checksum(plaintext) {
+  return createHash("sha256").update(plaintext).digest("hex");
+}
+
 // src/commands/add.tsx
 import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 function AddUI({
@@ -990,33 +1098,73 @@ function AddUI({
   tags
 }) {
   const { exit } = useApp4();
-  const [status, setStatus] = useState6("working");
-  const [taskId, setTaskId] = useState6("");
-  const [errorMsg, setErrorMsg] = useState6("");
-  useEffect6(() => {
-    try {
-      const auth = requireAuth();
-      const task = {
-        id: uuidv42(),
-        description,
-        priority,
-        status: "pending",
-        tags,
-        due_date: due,
-        created_at: (/* @__PURE__ */ new Date()).toISOString(),
-        updated_at: (/* @__PURE__ */ new Date()).toISOString(),
-        device_id: auth.deviceId,
-        vector_clock: { [auth.deviceId]: 1 }
-      };
-      insertTask(task);
-      setTaskId(task.id.slice(0, 8));
-      setStatus("success");
-      setTimeout(() => exit(), 1500);
-    } catch (e) {
-      setErrorMsg(e.message);
-      setStatus("error");
-      setTimeout(() => exit(e), 1500);
+  const [status, setStatus] = useState7("working");
+  const [syncStatus, setSyncStatus] = useState7("idle");
+  const [syncMessage, setSyncMessage] = useState7("");
+  const [taskId, setTaskId] = useState7("");
+  const [errorMsg, setErrorMsg] = useState7("");
+  useEffect7(() => {
+    async function createTaskAndSync() {
+      try {
+        const auth = requireAuth();
+        const task = {
+          id: uuidv42(),
+          description,
+          priority,
+          status: "pending",
+          tags,
+          due_date: due,
+          created_at: (/* @__PURE__ */ new Date()).toISOString(),
+          updated_at: (/* @__PURE__ */ new Date()).toISOString(),
+          device_id: auth.deviceId,
+          vector_clock: { [auth.deviceId]: 1 }
+        };
+        insertTask(task);
+        setTaskId(task.id.slice(0, 8));
+        setStatus("success");
+        setSyncStatus("syncing");
+        const tasks = getAllTasks();
+        const bundle = {
+          tasks,
+          schema_version: "1",
+          exported_at: (/* @__PURE__ */ new Date()).toISOString()
+        };
+        const plaintext = JSON.stringify(bundle);
+        const blobChecksum = checksum(plaintext);
+        const syncPassword = auth.password;
+        if (!syncPassword) {
+          setSyncStatus("failed");
+          setSyncMessage('Encryption password required. Run "taskair sync --password <pwd>".');
+          setTimeout(() => exit(), 3e3);
+          return;
+        }
+        const blob = encrypt(plaintext, syncPassword);
+        const res = await apiUploadSync(
+          auth.apiUrl,
+          auth.accessToken,
+          blob,
+          blobChecksum,
+          auth.deviceId
+        );
+        if (res.success) {
+          clearSyncQueue();
+          setSyncStatus("synced");
+          setTimeout(() => exit(), 2e3);
+        } else if (res.error?.code === "NETWORK_ERROR") {
+          setSyncStatus("offline");
+          setTimeout(() => exit(), 2500);
+        } else {
+          setSyncStatus("failed");
+          setSyncMessage(res.error?.message ?? "Sync failed");
+          setTimeout(() => exit(), 3500);
+        }
+      } catch (e) {
+        setErrorMsg(e.message);
+        setStatus("error");
+        setTimeout(() => exit(e), 2e3);
+      }
     }
+    createTaskAndSync();
   }, []);
   return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", padding: 1, children: [
     /* @__PURE__ */ jsx8(MiniHeader, {}),
@@ -1048,14 +1196,13 @@ function AddUI({
           /* @__PURE__ */ jsx8(Text8, { color: "#7B61FF", children: tags.join(", ") })
         ] }),
         /* @__PURE__ */ jsxs8(Box8, { marginTop: 1, children: [
-          /* @__PURE__ */ jsxs8(Text8, { color: "gray", dimColor: true, children: [
-            "Queued for sync \xB7 Run",
-            " "
-          ] }),
-          /* @__PURE__ */ jsx8(Text8, { color: "cyan", dimColor: true, children: "taskair sync" }),
-          /* @__PURE__ */ jsxs8(Text8, { color: "gray", dimColor: true, children: [
-            " ",
-            "to push to cloud"
+          /* @__PURE__ */ jsx8(Text8, { color: "gray", children: "  Sync:        " }),
+          syncStatus === "syncing" && /* @__PURE__ */ jsx8(Text8, { color: "magenta", children: "Syncing to cloud (E2E encrypted)..." }),
+          syncStatus === "synced" && /* @__PURE__ */ jsx8(Text8, { color: "green", children: "\u2713 Synced to cloud" }),
+          syncStatus === "offline" && /* @__PURE__ */ jsx8(Text8, { color: "yellow", children: "\u2601 Offline (queued locally)" }),
+          syncStatus === "failed" && /* @__PURE__ */ jsxs8(Text8, { color: "red", children: [
+            "\u2717 ",
+            syncMessage
           ] })
         ] })
       ] })
@@ -1073,7 +1220,7 @@ function registerAdd(program2) {
     const tags = options.tags ? options.tags.split(",").map((t) => t.trim()).filter(Boolean) : [];
     const { render } = await import("ink");
     render(
-      React7.createElement(AddUI, {
+      React8.createElement(AddUI, {
         description,
         priority,
         due: options.due,
@@ -1084,11 +1231,11 @@ function registerAdd(program2) {
 }
 
 // src/commands/list.tsx
-import React9, { useEffect as useEffect7, useState as useState7 } from "react";
+import React10, { useEffect as useEffect8, useState as useState8 } from "react";
 import { Box as Box10, Text as Text10, useApp as useApp5 } from "ink";
 
 // src/components/TaskTable.tsx
-import React8 from "react";
+import React9 from "react";
 import { Box as Box9, Text as Text9 } from "ink";
 import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
 function priorityColor(p) {
@@ -1190,7 +1337,7 @@ function TaskTable({ tasks }) {
     /* @__PURE__ */ jsx9(TopBorder, {}),
     /* @__PURE__ */ jsx9(Header, {}),
     /* @__PURE__ */ jsx9(Separator, {}),
-    tasks.map((task, i) => /* @__PURE__ */ jsxs9(React8.Fragment, { children: [
+    tasks.map((task, i) => /* @__PURE__ */ jsxs9(React9.Fragment, { children: [
       /* @__PURE__ */ jsx9(TableRow, { task }),
       i < tasks.length - 1 && /* @__PURE__ */ jsx9(Separator, {})
     ] }, task.id)),
@@ -1247,8 +1394,8 @@ function TaskCompact({ tasks }) {
 import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
 function ListUI({ filter, format }) {
   const { exit } = useApp5();
-  const [tasks, setTasks] = useState7([]);
-  useEffect7(() => {
+  const [tasks, setTasks] = useState8([]);
+  useEffect8(() => {
     const results = filterTasks(filter);
     results.sort((a, b) => {
       const pOrder = { high: 0, medium: 1, low: 2 };
@@ -1311,78 +1458,204 @@ function registerList(program2) {
       return;
     }
     const { render } = await import("ink");
-    render(React9.createElement(ListUI, { filter, format }));
+    render(React10.createElement(ListUI, { filter, format }));
   });
 }
 
 // src/commands/done.tsx
-import React10, { useEffect as useEffect8, useState as useState8 } from "react";
+import React11, { useEffect as useEffect9, useState as useState9 } from "react";
 import { Box as Box11, Text as Text11, useApp as useApp6 } from "ink";
-import { Fragment as Fragment2, jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
 function DoneUI({ id, note }) {
   const { exit } = useApp6();
-  const [status, setStatus] = useState8("success");
-  const [message, setMessage] = useState8("");
-  const [description, setDescription] = useState8("");
-  useEffect8(() => {
-    const task = getTask(id);
-    if (!task) {
-      setMessage(`No task found with ID starting with "${id}"`);
-      setStatus("error");
-      setTimeout(() => exit(new Error("Task not found")), 1200);
-      return;
-    }
-    if (task.status === "completed") {
-      setMessage(`Task is already marked as completed.`);
-      setStatus("error");
-      setTimeout(() => exit(), 1200);
-      return;
-    }
-    const updated = updateTask(task.id, {
-      status: "completed",
-      completed_at: (/* @__PURE__ */ new Date()).toISOString(),
-      completion_note: note
-    });
-    if (updated) {
-      setDescription(task.description);
-      setMessage(`Task marked complete!`);
-      setStatus("success");
-      setTimeout(() => exit(), 1500);
+  const [status, setStatus] = useState9("working");
+  const [syncStatus, setSyncStatus] = useState9("idle");
+  const [syncMessage, setSyncMessage] = useState9("");
+  const [message, setMessage] = useState9("");
+  const [description, setDescription] = useState9("");
+  useEffect9(() => {
+    async function completeTaskAndSync() {
+      try {
+        const auth = requireAuth();
+        const task = getTask(id);
+        if (!task) {
+          setMessage(`No task found with ID starting with "${id}"`);
+          setStatus("error");
+          setTimeout(() => exit(new Error("Task not found")), 1200);
+          return;
+        }
+        if (task.status === "completed") {
+          setMessage(`Task is already marked as completed.`);
+          setStatus("error");
+          setTimeout(() => exit(), 1200);
+          return;
+        }
+        const updated = updateTask(task.id, {
+          status: "completed",
+          completed_at: (/* @__PURE__ */ new Date()).toISOString(),
+          completion_note: note
+        });
+        if (updated) {
+          setDescription(task.description);
+          setMessage(`Task marked complete!`);
+          setStatus("success");
+          setSyncStatus("syncing");
+          const tasks = getAllTasks();
+          const bundle = {
+            tasks,
+            schema_version: "1",
+            exported_at: (/* @__PURE__ */ new Date()).toISOString()
+          };
+          const plaintext = JSON.stringify(bundle);
+          const blobChecksum = checksum(plaintext);
+          const syncPassword = auth.password;
+          if (!syncPassword) {
+            setSyncStatus("failed");
+            setSyncMessage('Encryption password required. Run "taskair sync --password <pwd>".');
+            setTimeout(() => exit(), 3e3);
+            return;
+          }
+          const blob = encrypt(plaintext, syncPassword);
+          const res = await apiUploadSync(
+            auth.apiUrl,
+            auth.accessToken,
+            blob,
+            blobChecksum,
+            auth.deviceId
+          );
+          if (res.success) {
+            clearSyncQueue();
+            setSyncStatus("synced");
+            setTimeout(() => exit(), 2e3);
+          } else if (res.error?.code === "NETWORK_ERROR") {
+            setSyncStatus("offline");
+            setTimeout(() => exit(), 2500);
+          } else {
+            setSyncStatus("failed");
+            setSyncMessage(res.error?.message ?? "Sync failed");
+            setTimeout(() => exit(), 3500);
+          }
+        }
+      } catch (e) {
+        setMessage(e.message);
+        setStatus("error");
+        setTimeout(() => exit(e), 2e3);
+      }
     }
+    completeTaskAndSync();
   }, []);
   return /* @__PURE__ */ jsxs11(Box11, { flexDirection: "column", padding: 1, children: [
     /* @__PURE__ */ jsx11(MiniHeader, {}),
-    /* @__PURE__ */ jsx11(Box11, { marginTop: 1, flexDirection: "column", children: status === "success" ? /* @__PURE__ */ jsxs11(Fragment2, { children: [
+    status === "working" && /* @__PURE__ */ jsx11(Spinner, { label: "Updating task\u2026", type: "star", color: "green" }),
+    status === "success" && /* @__PURE__ */ jsxs11(Box11, { flexDirection: "column", children: [
       /* @__PURE__ */ jsx11(StarBurst, { label: message, color: "green" }),
-      description && /* @__PURE__ */ jsxs11(Box11, { marginTop: 1, children: [
-        /* @__PURE__ */ jsx11(Text11, { color: "gray", children: "  " }),
-        /* @__PURE__ */ jsx11(Text11, { color: "green", children: "\u2713 " }),
-        /* @__PURE__ */ jsx11(Text11, { color: "white", children: description })
-      ] }),
-      note && /* @__PURE__ */ jsxs11(Box11, { children: [
-        /* @__PURE__ */ jsx11(Text11, { color: "gray", children: "  Note: " }),
-        /* @__PURE__ */ jsx11(Text11, { color: "cyan", children: note })
+      /* @__PURE__ */ jsxs11(Box11, { marginTop: 1, flexDirection: "column", children: [
+        description && /* @__PURE__ */ jsxs11(Box11, { children: [
+          /* @__PURE__ */ jsx11(Text11, { color: "gray", children: "  Task: " }),
+          /* @__PURE__ */ jsx11(Text11, { color: "white", children: description })
+        ] }),
+        note && /* @__PURE__ */ jsxs11(Box11, { children: [
+          /* @__PURE__ */ jsx11(Text11, { color: "gray", children: "  Note: " }),
+          /* @__PURE__ */ jsx11(Text11, { color: "cyan", children: note })
+        ] }),
+        /* @__PURE__ */ jsxs11(Box11, { marginTop: 1, children: [
+          /* @__PURE__ */ jsx11(Text11, { color: "gray", children: "  Sync: " }),
+          syncStatus === "syncing" && /* @__PURE__ */ jsx11(Text11, { color: "magenta", children: "Syncing to cloud (E2E encrypted)..." }),
+          syncStatus === "synced" && /* @__PURE__ */ jsx11(Text11, { color: "green", children: "\u2713 Synced to cloud" }),
+          syncStatus === "offline" && /* @__PURE__ */ jsx11(Text11, { color: "yellow", children: "\u2601 Offline (queued locally)" }),
+          syncStatus === "failed" && /* @__PURE__ */ jsxs11(Text11, { color: "red", children: [
+            "\u2717 ",
+            syncMessage
+          ] })
+        ] })
       ] })
-    ] }) : /* @__PURE__ */ jsx11(StatusBadge, { type: "error", message }) })
+    ] }),
+    status === "error" && /* @__PURE__ */ jsx11(StatusBadge, { type: "error", message })
   ] });
 }
 function registerDone(program2) {
   program2.command("done <id>").alias("-d").description("Mark a task as complete").option("-n, --note <note>", "Completion note").action(async (id, options) => {
     const { render } = await import("ink");
-    render(React10.createElement(DoneUI, { id, note: options.note }));
+    render(React11.createElement(DoneUI, { id, note: options.note }));
   });
 }
 
 // src/commands/remove.tsx
-import React11, { useEffect as useEffect9, useState as useState9 } from "react";
+import React12, { useEffect as useEffect10, useState as useState10 } from "react";
 import { Box as Box12, Text as Text12, useApp as useApp7, useInput as useInput3 } from "ink";
 import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
 function RemoveUI({ id, force }) {
   const { exit } = useApp7();
-  const [stage, setStage] = useState9("confirm");
-  const [message, setMessage] = useState9("");
+  const [stage, setStage] = useState10("confirm");
+  const [syncStatus, setSyncStatus] = useState10("idle");
+  const [syncMessage, setSyncMessage] = useState10("");
+  const [message, setMessage] = useState10("");
   const task = getTask(id);
-  useEffect9(() => {
+  const performDeleteAndSync = async () => {
+    try {
+      const auth = requireAuth();
+      setStage("deleting");
+      const deleted = deleteTask(task.id);
+      if (deleted) {
+        setMessage(`Task removed: ${task.description}`);
+        setSyncStatus("syncing");
+        const tasks = getAllTasks();
+        const bundle = {
+          tasks,
+          schema_version: "1",
+          exported_at: (/* @__PURE__ */ new Date()).toISOString()
+        };
+        const plaintext = JSON.stringify(bundle);
+        const blobChecksum = checksum(plaintext);
+        const syncPassword = auth.password;
+        if (!syncPassword) {
+          setSyncStatus("failed");
+          setSyncMessage('Encryption password required. Run "taskair sync --password <pwd>".');
+          setStage("success");
+          setTimeout(() => exit(), 3e3);
+          return;
+        }
+        const blob = encrypt(plaintext, syncPassword);
+        const res = await apiUploadSync(
+          auth.apiUrl,
+          auth.accessToken,
+          blob,
+          blobChecksum,
+          auth.deviceId
+        );
+        setStage("success");
+        if (res.success) {
+          clearSyncQueue();
+          setSyncStatus("synced");
+          setTimeout(() => exit(), 2e3);
+        } else if (res.error?.code === "NETWORK_ERROR") {
+          setSyncStatus("offline");
+          setTimeout(() => exit(), 2500);
+        } else {
+          setSyncStatus("failed");
+          setSyncMessage(res.error?.message ?? "Sync failed");
+          setTimeout(() => exit(), 3500);
+        }
+      } else {
+        setMessage("Failed to delete task.");
+        setStage("error");
+        setTimeout(() => exit(new Error("Delete failed")), 1200);
+      }
+    } catch (e) {
+      setMessage(e.message);
+      setStage("error");
+      setTimeout(() => exit(e), 2e3);
+    }
+  };
+  useEffect10(() => {
+    try {
+      requireAuth();
+    } catch (e) {
+      setMessage(e.message);
+      setStage("error");
+      setTimeout(() => exit(e), 2e3);
+      return;
+    }
     if (!task) {
       setMessage(`No task found with ID starting with "${id}"`);
       setStage("error");
@@ -1390,23 +1663,13 @@ function RemoveUI({ id, force }) {
       return;
     }
     if (force) {
-      const deleted = deleteTask(task.id);
-      if (deleted) {
-        setMessage(`Task removed: ${task.description}`);
-        setStage("success");
-        setTimeout(() => exit(), 1200);
-      }
+      performDeleteAndSync();
     }
   }, []);
   useInput3((input) => {
     if (stage !== "confirm" || !task) return;
     if (input.toLowerCase() === "y") {
-      const deleted = deleteTask(task.id);
-      if (deleted) {
-        setMessage(`Task removed: ${task.description}`);
-        setStage("success");
-        setTimeout(() => exit(), 1200);
-      }
+      performDeleteAndSync();
     } else if (input.toLowerCase() === "n" || input === "") {
       setStage("cancelled");
       setTimeout(() => exit(), 800);
@@ -1442,7 +1705,20 @@ function RemoveUI({ id, force }) {
         /* @__PURE__ */ jsx12(Text12, { color: "gray", children: " to cancel: " })
       ] })
     ] }),
-    stage === "success" && /* @__PURE__ */ jsx12(StarBurst, { label: message, color: "cyan" }),
+    stage === "deleting" && /* @__PURE__ */ jsx12(Spinner, { label: "Removing task\u2026", type: "star", color: "cyan" }),
+    stage === "success" && /* @__PURE__ */ jsxs12(Box12, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx12(StarBurst, { label: message, color: "cyan" }),
+      /* @__PURE__ */ jsx12(Box12, { marginTop: 1, flexDirection: "column", children: /* @__PURE__ */ jsxs12(Box12, { children: [
+        /* @__PURE__ */ jsx12(Text12, { color: "gray", children: "  Sync: " }),
+        syncStatus === "syncing" && /* @__PURE__ */ jsx12(Text12, { color: "magenta", children: "Syncing to cloud (E2E encrypted)..." }),
+        syncStatus === "synced" && /* @__PURE__ */ jsx12(Text12, { color: "green", children: "\u2713 Synced to cloud" }),
+        syncStatus === "offline" && /* @__PURE__ */ jsx12(Text12, { color: "yellow", children: "\u2601 Offline (queued locally)" }),
+        syncStatus === "failed" && /* @__PURE__ */ jsxs12(Text12, { color: "red", children: [
+          "\u2717 ",
+          syncMessage
+        ] })
+      ] }) })
+    ] }),
     stage === "error" && /* @__PURE__ */ jsx12(StatusBadge, { type: "error", message }),
     stage === "cancelled" && /* @__PURE__ */ jsx12(StatusBadge, { type: "info", message: "Deletion cancelled." })
   ] });
@@ -1450,92 +1726,153 @@ function RemoveUI({ id, force }) {
 function registerRemove(program2) {
   program2.command("remove <id>").alias("-r").description("Delete a task").option("--force", "Skip confirmation prompt", false).action(async (id, options) => {
     const { render } = await import("ink");
-    render(React11.createElement(RemoveUI, { id, force: options.force }));
+    render(React12.createElement(RemoveUI, { id, force: options.force }));
   });
 }
 
 // src/commands/edit.tsx
-import React12, { useState as useState10, useEffect as useEffect10 } from "react";
+import React13, { useState as useState11, useEffect as useEffect11 } from "react";
 import { Box as Box13, Text as Text13, useApp as useApp8 } from "ink";
-import { Fragment as Fragment3, jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
 function EditUI({ id, updates }) {
   const { exit } = useApp8();
-  const [status, setStatus] = useState10("success");
-  const [message, setMessage] = useState10("");
-  const [changes, setChanges] = useState10([]);
-  useEffect10(() => {
-    const task = getTask(id);
-    if (!task) {
-      setMessage(`No task found with ID starting with "${id}"`);
-      setStatus("error");
-      setTimeout(() => exit(new Error("Task not found")), 1200);
-      return;
-    }
-    const taskUpdates = {};
-    const changesLog = [];
-    if (updates.description) {
-      taskUpdates.description = updates.description;
-      changesLog.push(`description \u2192 "${updates.description}"`);
-    }
-    if (updates.priority) {
-      taskUpdates.priority = updates.priority;
-      changesLog.push(`priority \u2192 ${updates.priority}`);
-    }
-    if (updates.status) {
-      taskUpdates.status = updates.status;
-      if (updates.status === "completed") {
-        taskUpdates.completed_at = (/* @__PURE__ */ new Date()).toISOString();
+  const [status, setStatus] = useState11("working");
+  const [syncStatus, setSyncStatus] = useState11("idle");
+  const [syncMessage, setSyncMessage] = useState11("");
+  const [message, setMessage] = useState11("");
+  const [changes, setChanges] = useState11([]);
+  useEffect11(() => {
+    async function editTaskAndSync() {
+      try {
+        const auth = requireAuth();
+        const task = getTask(id);
+        if (!task) {
+          setMessage(`No task found with ID starting with "${id}"`);
+          setStatus("error");
+          setTimeout(() => exit(new Error("Task not found")), 1200);
+          return;
+        }
+        const taskUpdates = {};
+        const changesLog = [];
+        if (updates.description) {
+          taskUpdates.description = updates.description;
+          changesLog.push(`description \u2192 "${updates.description}"`);
+        }
+        if (updates.priority) {
+          taskUpdates.priority = updates.priority;
+          changesLog.push(`priority \u2192 ${updates.priority}`);
+        }
+        if (updates.status) {
+          taskUpdates.status = updates.status;
+          if (updates.status === "completed") {
+            taskUpdates.completed_at = (/* @__PURE__ */ new Date()).toISOString();
+          }
+          changesLog.push(`status \u2192 ${updates.status}`);
+        }
+        if (updates.due) {
+          taskUpdates.due_date = updates.due;
+          changesLog.push(`due date \u2192 ${updates.due}`);
+        }
+        if (updates.tags) {
+          taskUpdates.tags = updates.tags.split(",").map((t) => t.trim());
+          changesLog.push(`tags \u2192 [${taskUpdates.tags.join(", ")}]`);
+        }
+        if (updates.note) {
+          taskUpdates.completion_note = updates.note;
+          changesLog.push(`note \u2192 "${updates.note}"`);
+        }
+        if (changesLog.length === 0) {
+          setMessage("No changes specified. Use options like --description, --priority, etc.");
+          setStatus("error");
+          setTimeout(() => exit(), 1200);
+          return;
+        }
+        const updated = updateTask(task.id, taskUpdates);
+        if (updated) {
+          setChanges(changesLog);
+          setMessage(`Task ${task.id.slice(0, 8)} updated!`);
+          setStatus("success");
+          setSyncStatus("syncing");
+          const tasks = getAllTasks();
+          const bundle = {
+            tasks,
+            schema_version: "1",
+            exported_at: (/* @__PURE__ */ new Date()).toISOString()
+          };
+          const plaintext = JSON.stringify(bundle);
+          const blobChecksum = checksum(plaintext);
+          const syncPassword = auth.password;
+          if (!syncPassword) {
+            setSyncStatus("failed");
+            setSyncMessage('Encryption password required. Run "taskair sync --password <pwd>".');
+            setTimeout(() => exit(), 3e3);
+            return;
+          }
+          const blob = encrypt(plaintext, syncPassword);
+          const res = await apiUploadSync(
+            auth.apiUrl,
+            auth.accessToken,
+            blob,
+            blobChecksum,
+            auth.deviceId
+          );
+          if (res.success) {
+            clearSyncQueue();
+            setSyncStatus("synced");
+            setTimeout(() => exit(), 2e3);
+          } else if (res.error?.code === "NETWORK_ERROR") {
+            setSyncStatus("offline");
+            setTimeout(() => exit(), 2500);
+          } else {
+            setSyncStatus("failed");
+            setSyncMessage(res.error?.message ?? "Sync failed");
+            setTimeout(() => exit(), 3500);
+          }
+        }
+      } catch (e) {
+        setMessage(e.message);
+        setStatus("error");
+        setTimeout(() => exit(e), 2e3);
       }
-      changesLog.push(`status \u2192 ${updates.status}`);
-    }
-    if (updates.due) {
-      taskUpdates.due_date = updates.due;
-      changesLog.push(`due date \u2192 ${updates.due}`);
-    }
-    if (updates.tags) {
-      taskUpdates.tags = updates.tags.split(",").map((t) => t.trim());
-      changesLog.push(`tags \u2192 [${taskUpdates.tags.join(", ")}]`);
-    }
-    if (updates.note) {
-      taskUpdates.completion_note = updates.note;
-      changesLog.push(`note \u2192 "${updates.note}"`);
-    }
-    if (changesLog.length === 0) {
-      setMessage("No changes specified. Use options like --description, --priority, etc.");
-      setStatus("error");
-      setTimeout(() => exit(), 1200);
-      return;
-    }
-    const updated = updateTask(task.id, taskUpdates);
-    if (updated) {
-      setChanges(changesLog);
-      setMessage(`Task ${task.id.slice(0, 8)} updated!`);
-      setStatus("success");
-      setTimeout(() => exit(), 1500);
     }
+    editTaskAndSync();
   }, []);
   return /* @__PURE__ */ jsxs13(Box13, { flexDirection: "column", padding: 1, children: [
     /* @__PURE__ */ jsx13(MiniHeader, {}),
-    /* @__PURE__ */ jsx13(Box13, { marginTop: 1, flexDirection: "column", children: status === "success" ? /* @__PURE__ */ jsxs13(Fragment3, { children: [
+    status === "working" && /* @__PURE__ */ jsx13(Spinner, { label: "Updating task\u2026", type: "star", color: "magenta" }),
+    status === "success" && /* @__PURE__ */ jsxs13(Box13, { flexDirection: "column", children: [
       /* @__PURE__ */ jsx13(StarBurst, { label: message, color: "magenta" }),
-      changes.map((c) => /* @__PURE__ */ jsxs13(Box13, { marginTop: 0, children: [
-        /* @__PURE__ */ jsx13(Text13, { color: "gray", children: "  \u21B3 " }),
-        /* @__PURE__ */ jsx13(Text13, { color: "white", children: c })
-      ] }, c))
-    ] }) : /* @__PURE__ */ jsx13(StatusBadge, { type: "error", message }) })
+      /* @__PURE__ */ jsxs13(Box13, { marginTop: 1, flexDirection: "column", children: [
+        changes.map((c) => /* @__PURE__ */ jsxs13(Box13, { marginTop: 0, children: [
+          /* @__PURE__ */ jsx13(Text13, { color: "gray", children: "  \u21B3 " }),
+          /* @__PURE__ */ jsx13(Text13, { color: "white", children: c })
+        ] }, c)),
+        /* @__PURE__ */ jsxs13(Box13, { marginTop: 1, children: [
+          /* @__PURE__ */ jsx13(Text13, { color: "gray", children: "  Sync: " }),
+          syncStatus === "syncing" && /* @__PURE__ */ jsx13(Text13, { color: "magenta", children: "Syncing to cloud (E2E encrypted)..." }),
+          syncStatus === "synced" && /* @__PURE__ */ jsx13(Text13, { color: "green", children: "\u2713 Synced to cloud" }),
+          syncStatus === "offline" && /* @__PURE__ */ jsx13(Text13, { color: "yellow", children: "\u2601 Offline (queued locally)" }),
+          syncStatus === "failed" && /* @__PURE__ */ jsxs13(Text13, { color: "red", children: [
+            "\u2717 ",
+            syncMessage
+          ] })
+        ] })
+      ] })
+    ] }),
+    status === "error" && /* @__PURE__ */ jsx13(StatusBadge, { type: "error", message })
   ] });
 }
 function registerEdit(program2) {
   program2.command("edit <id>").alias("-e").description("Update one or more fields of a task").option("--description <text>", "New description").option("--priority <level>", "New priority: high | medium | low").option("--status <status>", "New status: pending | in_progress | completed").option("--due <datetime>", "New due date").option("--tags <tags>", "New comma-separated tags").option("--note <note>", "Add a completion note").action(async (id, options) => {
     const { render } = await import("ink");
-    render(React12.createElement(EditUI, { id, updates: options }));
+    render(React13.createElement(EditUI, { id, updates: options }));
   });
 }
 
 // src/commands/stats.tsx
-import React13, { useEffect as useEffect11 } from "react";
+import React14, { useEffect as useEffect12 } from "react";
 import { Box as Box14, Text as Text14, useApp as useApp9 } from "ink";
-import { Fragment as Fragment4, jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
 function ProgressBar({
   value,
   max,
@@ -1554,7 +1891,7 @@ function ProgressBar({
 function StatsUI() {
   const { exit } = useApp9();
   const stats = computeStats();
-  useEffect11(() => {
+  useEffect12(() => {
     setTimeout(() => exit(), 100);
   }, []);
   const rows = [
@@ -1590,7 +1927,7 @@ function StatsUI() {
           row.label.padEnd(16)
         ] }),
         /* @__PURE__ */ jsx14(Text14, { color: row.color, bold: true, children: String(row.value).padStart(4) }),
-        stats.total > 0 && /* @__PURE__ */ jsxs14(Fragment4, { children: [
+        stats.total > 0 && /* @__PURE__ */ jsxs14(Fragment2, { children: [
           /* @__PURE__ */ jsx14(Text14, { color: "gray", children: "  " }),
           /* @__PURE__ */ jsx14(
             ProgressBar,
@@ -1612,7 +1949,7 @@ function StatsUI() {
           row.label.padEnd(20)
         ] }),
         /* @__PURE__ */ jsx14(Text14, { color: row.color, bold: true, children: String(row.value).padStart(4) }),
-        stats.total > 0 && /* @__PURE__ */ jsxs14(Fragment4, { children: [
+        stats.total > 0 && /* @__PURE__ */ jsxs14(Fragment2, { children: [
           /* @__PURE__ */ jsx14(Text14, { color: "gray", children: "  " }),
           /* @__PURE__ */ jsx14(
             ProgressBar,
@@ -1645,66 +1982,20 @@ function StatsUI() {
 function registerStats(program2) {
   program2.command("stats").description("Show task analytics and completion stats").action(async () => {
     const { render } = await import("ink");
-    render(React13.createElement(StatsUI));
+    render(React14.createElement(StatsUI));
   });
 }
 
 // src/commands/sync.tsx
-import React14, { useState as useState11, useEffect as useEffect12 } from "react";
+import React15, { useState as useState12, useEffect as useEffect13 } from "react";
 import { Box as Box15, Text as Text15, useApp as useApp10 } from "ink";
-
-// src/lib/crypto.ts
-import {
-  pbkdf2Sync,
-  createCipheriv,
-  createDecipheriv,
-  randomBytes,
-  createHash
-} from "crypto";
-var PBKDF2_ITERATIONS = 1e5;
-var KEY_LENGTH = 32;
-var SALT_LENGTH = 16;
-var IV_LENGTH = 16;
-function deriveMasterKey(password, salt) {
-  return pbkdf2Sync(password, salt, PBKDF2_ITERATIONS, KEY_LENGTH, "sha256");
-}
-function deriveEncryptionKey(masterKey) {
-  const hash = createHash("sha256");
-  hash.update(masterKey);
-  hash.update("taskair-encryption");
-  return hash.digest();
-}
-function encrypt(plaintext, password) {
-  const salt = randomBytes(SALT_LENGTH);
-  const iv = randomBytes(IV_LENGTH);
-  const masterKey = deriveMasterKey(password, salt);
-  const encKey = deriveEncryptionKey(masterKey);
-  const cipher = createCipheriv("aes-256-gcm", encKey, iv);
-  const encrypted = Buffer.concat([
-    cipher.update(plaintext, "utf8"),
-    cipher.final()
-  ]);
-  const authTag = cipher.getAuthTag();
-  return {
-    version: "1",
-    salt: salt.toString("base64"),
-    iv: iv.toString("base64"),
-    ciphertext: encrypted.toString("base64"),
-    authTag: authTag.toString("base64")
-  };
-}
-function checksum(plaintext) {
-  return createHash("sha256").update(plaintext).digest("hex");
-}
-
-// src/commands/sync.tsx
-import { Fragment as Fragment5, jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
 function SyncUI({ dryRun, password }) {
   const { exit } = useApp10();
-  const [status, setStatus] = useState11("loading");
-  const [message, setMessage] = useState11("");
-  const [details, setDetails] = useState11([]);
-  useEffect12(() => {
+  const [status, setStatus] = useState12("loading");
+  const [message, setMessage] = useState12("");
+  const [details, setDetails] = useState12([]);
+  useEffect13(() => {
     async function doSync() {
       try {
         const auth = requireAuth();
@@ -1779,7 +2070,7 @@ function SyncUI({ dryRun, password }) {
     /* @__PURE__ */ jsx15(MiniHeader, {}),
     /* @__PURE__ */ jsxs15(Box15, { marginTop: 1, flexDirection: "column", children: [
       status === "loading" && /* @__PURE__ */ jsx15(Spinner, { label: "Syncing to cloud (E2E encrypted)\u2026", type: "orbit", color: "magenta" }),
-      status === "success" && /* @__PURE__ */ jsxs15(Fragment5, { children: [
+      status === "success" && /* @__PURE__ */ jsxs15(Fragment3, { children: [
         /* @__PURE__ */ jsx15(StarBurst, { label: message, color: "cyan" }),
         details.map((d) => /* @__PURE__ */ jsxs15(Box15, { children: [
           /* @__PURE__ */ jsx15(Text15, { color: "gray", children: "  \xB7 " }),
@@ -1807,7 +2098,7 @@ function SyncUI({ dryRun, password }) {
 function registerSync(program2) {
   program2.command("sync").description("Sync tasks with cloud (E2E encrypted)").option("--dry-run", "Preview what would be synced without making changes", false).option("--password <password>", "Master password for encryption").action(async (options) => {
     const { render } = await import("ink");
-    render(React14.createElement(SyncUI, { dryRun: options.dryRun, password: options.password }));
+    render(React15.createElement(SyncUI, { dryRun: options.dryRun, password: options.password }));
   });
 }
 
@@ -1873,18 +2164,19 @@ function registerExport(program2) {
 }
 
 // src/commands/upgrade.tsx
-import React15, { useState as useState12, useEffect as useEffect13 } from "react";
-import { Box as Box16, Text as Text16 } from "ink";
+import React16, { useState as useState13, useEffect as useEffect14 } from "react";
+import { Box as Box16, Text as Text16, useApp as useApp11 } from "ink";
 import { exec as exec2 } from "child_process";
 
 // src/lib/version.ts
-var CLI_VERSION = "1.0.5";
+var CLI_VERSION = "1.0.7";
 
 // src/commands/upgrade.tsx
 import { jsx as jsx16, jsxs as jsxs16 } from "react/jsx-runtime";
 function isOutdated(current, latest) {
-  const cParts = current.split(".").map(Number);
-  const lParts = latest.split(".").map(Number);
+  if (!current) return true;
+  const cParts = current.replace(/^v/, "").split(".").map(Number);
+  const lParts = latest.replace(/^v/, "").split(".").map(Number);
   for (let i = 0; i < 3; i++) {
     const c = cParts[i] ?? 0;
     const l = lParts[i] ?? 0;
@@ -1893,40 +2185,159 @@ function isOutdated(current, latest) {
   }
   return false;
 }
-function UpgradeUI() {
-  const [status, setStatus] = useState12("checking");
-  const [latestVersion, setLatestVersion] = useState12("");
-  const [errorMsg, setErrorMsg] = useState12("");
-  useEffect13(() => {
+function UpgradeUI({ target }) {
+  const { exit } = useApp11();
+  const shouldUpgradeCli = !target || target.toLowerCase() === "cli";
+  const shouldUpgradeMcp = !target || target.toLowerCase() === "mcp";
+  const [cliState, setCliState] = useState13({
+    name: "TaskAir CLI",
+    pkgName: "taskair-cli",
+    current: CLI_VERSION,
+    latest: "",
+    status: shouldUpgradeCli ? "checking" : "up-to-date",
+    errorMsg: ""
+  });
+  const [mcpState, setMcpState] = useState13({
+    name: "TaskAir MCP Server",
+    pkgName: "taskair-mcp",
+    current: "",
+    latest: "",
+    status: shouldUpgradeMcp ? "checking" : "up-to-date",
+    errorMsg: ""
+  });
+  useEffect14(() => {
     async function checkAndUpgrade() {
-      try {
-        const res = await fetch("https://registry.npmjs.org/taskair-cli/latest", {
-          signal: AbortSignal.timeout(5e3)
-          // 5s timeout
+      const tasks = [];
+      let mcpCurrent = "";
+      if (shouldUpgradeMcp) {
+        mcpCurrent = await new Promise((resolve) => {
+          exec2("npm list -g taskair-mcp --json", (err, stdout) => {
+            if (err) {
+              resolve("");
+              return;
+            }
+            try {
+              const data = JSON.parse(stdout);
+              resolve(data.dependencies?.["taskair-mcp"]?.version || "");
+            } catch {
+              resolve("");
+            }
+          });
         });
-        if (!res.ok) {
-          throw new Error(`Failed to fetch latest version from npm registry. Status: ${res.status}`);
+      }
+      let cliLatest = "";
+      if (shouldUpgradeCli) {
+        try {
+          const res = await fetch("https://registry.npmjs.org/taskair-cli/latest", {
+            signal: AbortSignal.timeout(5e3)
+          });
+          if (res.ok) {
+            const data = await res.json();
+            cliLatest = data.version || "";
+          }
+        } catch {
+          cliLatest = "";
         }
-        const data = await res.json();
-        const latest = data.version || "1.0.4";
-        setLatestVersion(latest);
-        if (isOutdated(CLI_VERSION, latest)) {
-          setStatus("upgrading");
-          exec2("npm install -g taskair-cli", (error, stdout, stderr) => {
-            if (error) {
-              setErrorMsg(error.message || stderr || "Failed to install update");
-              setStatus("error");
-            } else {
-              setStatus("success");
-            }
+      }
+      let mcpLatest = "";
+      if (shouldUpgradeMcp) {
+        try {
+          const res = await fetch("https://registry.npmjs.org/taskair-mcp/latest", {
+            signal: AbortSignal.timeout(5e3)
           });
+          if (res.ok) {
+            const data = await res.json();
+            mcpLatest = data.version || "";
+          }
+        } catch {
+          mcpLatest = "";
+        }
+      }
+      if (shouldUpgradeCli) {
+        if (!cliLatest) {
+          setCliState((prev) => ({
+            ...prev,
+            status: "error",
+            errorMsg: "Could not fetch latest version from registry."
+          }));
         } else {
-          setStatus("up-to-date");
+          setCliState((prev) => ({ ...prev, latest: cliLatest }));
+          if (isOutdated(CLI_VERSION, cliLatest)) {
+            setCliState((prev) => ({ ...prev, status: "upgrading" }));
+            tasks.push(new Promise((resolve) => {
+              exec2("npm install -g taskair-cli", (error, stdout, stderr) => {
+                if (error) {
+                  setCliState((prev) => ({
+                    ...prev,
+                    status: "error",
+                    errorMsg: error.message || stderr || "Failed to install updates"
+                  }));
+                } else {
+                  setCliState((prev) => ({ ...prev, status: "success" }));
+                }
+                resolve();
+              });
+            }));
+          } else {
+            setCliState((prev) => ({ ...prev, status: "up-to-date" }));
+          }
+        }
+      }
+      if (shouldUpgradeMcp) {
+        if (!mcpLatest) {
+          setMcpState((prev) => ({
+            ...prev,
+            status: "error",
+            errorMsg: "Could not fetch latest version from registry."
+          }));
+        } else {
+          setMcpState((prev) => ({ ...prev, latest: mcpLatest, current: mcpCurrent }));
+          const isMcpInstalled = !!mcpCurrent;
+          if (!isMcpInstalled) {
+            if (target === "mcp") {
+              setMcpState((prev) => ({ ...prev, status: "upgrading" }));
+              tasks.push(new Promise((resolve) => {
+                exec2("npm install -g taskair-mcp", (error, stdout, stderr) => {
+                  if (error) {
+                    setMcpState((prev) => ({
+                      ...prev,
+                      status: "error",
+                      errorMsg: error.message || stderr || "Failed to install"
+                    }));
+                  } else {
+                    setMcpState((prev) => ({ ...prev, status: "success" }));
+                  }
+                  resolve();
+                });
+              }));
+            } else {
+              setMcpState((prev) => ({ ...prev, status: "not-installed" }));
+            }
+          } else if (isOutdated(mcpCurrent, mcpLatest)) {
+            setMcpState((prev) => ({ ...prev, status: "upgrading" }));
+            tasks.push(new Promise((resolve) => {
+              exec2("npm install -g taskair-mcp", (error, stdout, stderr) => {
+                if (error) {
+                  setMcpState((prev) => ({
+                    ...prev,
+                    status: "error",
+                    errorMsg: error.message || stderr || "Failed to install updates"
+                  }));
+                } else {
+                  setMcpState((prev) => ({ ...prev, status: "success" }));
+                }
+                resolve();
+              });
+            }));
+          } else {
+            setMcpState((prev) => ({ ...prev, status: "up-to-date" }));
+          }
         }
-      } catch (err) {
-        setErrorMsg(err.message || "Network error checking for updates.");
-        setStatus("error");
       }
+      if (tasks.length > 0) {
+        await Promise.all(tasks);
+      }
+      setTimeout(() => exit(), 2500);
     }
     checkAndUpgrade();
   }, []);
@@ -1934,45 +2345,68 @@ function UpgradeUI() {
     /* @__PURE__ */ jsx16(MiniHeader, {}),
     /* @__PURE__ */ jsxs16(Box16, { flexDirection: "column", borderStyle: "round", borderColor: "#7B61FF", paddingX: 2, paddingY: 1, marginTop: 1, children: [
       /* @__PURE__ */ jsx16(Box16, { marginBottom: 1, children: /* @__PURE__ */ jsx16(Text16, { color: "cyan", bold: true, children: "\u2726 TaskAir Upgrade" }) }),
-      status === "checking" && /* @__PURE__ */ jsx16(Spinner, { label: `Checking npm registry for updates... (Current: v${CLI_VERSION})`, type: "orbit" }),
-      status === "upgrading" && /* @__PURE__ */ jsxs16(Box16, { flexDirection: "column", children: [
-        /* @__PURE__ */ jsxs16(Text16, { color: "yellow", bold: true, children: [
-          "\u2726 New version detected: v",
+      shouldUpgradeCli && /* @__PURE__ */ jsxs16(Box16, { flexDirection: "column", marginBottom: 1, children: [
+        /* @__PURE__ */ jsx16(Text16, { bold: true, color: "white", children: "TaskAir CLI:" }),
+        cliState.status === "checking" && /* @__PURE__ */ jsx16(Spinner, { label: `Checking latest version... (Current: v${CLI_VERSION})`, type: "orbit" }),
+        cliState.status === "upgrading" && /* @__PURE__ */ jsx16(Spinner, { label: `Upgrading globally: v${CLI_VERSION} \u2192 v${cliState.latest}...`, type: "star", color: "yellow" }),
+        cliState.status === "success" && /* @__PURE__ */ jsxs16(Text16, { color: "green", children: [
+          "\u2713 Successfully upgraded to v",
+          cliState.latest,
+          "!"
+        ] }),
+        cliState.status === "up-to-date" && /* @__PURE__ */ jsxs16(Text16, { color: "gray", children: [
+          "\u2713 Already up to date (v",
           CLI_VERSION,
-          " \u2192 v",
-          latestVersion
+          ")"
         ] }),
-        /* @__PURE__ */ jsx16(Box16, { marginTop: 1, children: /* @__PURE__ */ jsx16(Spinner, { label: "Upgrading globally via npm install -g taskair-cli...", type: "star", color: "yellow" }) })
-      ] }),
-      status === "success" && /* @__PURE__ */ jsxs16(Box16, { flexDirection: "column", children: [
-        /* @__PURE__ */ jsx16(StatusBadge, { type: "success", message: `TaskAir CLI successfully upgraded to v${latestVersion}!` }),
-        /* @__PURE__ */ jsx16(Box16, { marginTop: 1, children: /* @__PURE__ */ jsx16(Text16, { color: "gray", children: "You are now running the latest space-grade build." }) })
-      ] }),
-      status === "up-to-date" && /* @__PURE__ */ jsxs16(Box16, { flexDirection: "column", children: [
-        /* @__PURE__ */ jsx16(StatusBadge, { type: "success", message: `TaskAir CLI is already up to date (v${CLI_VERSION}).` }),
-        /* @__PURE__ */ jsx16(Box16, { marginTop: 1, children: /* @__PURE__ */ jsx16(Text16, { color: "gray", children: "No upgrade required at this time. Blast off! \u{1F680}" }) })
+        cliState.status === "error" && /* @__PURE__ */ jsxs16(Box16, { flexDirection: "column", children: [
+          /* @__PURE__ */ jsxs16(Text16, { color: "red", children: [
+            "\u2717 Upgrade failed: ",
+            cliState.errorMsg
+          ] }),
+          /* @__PURE__ */ jsx16(Text16, { color: "gray", dimColor: true, children: "Run manually: npm install -g taskair-cli" })
+        ] })
       ] }),
-      status === "error" && /* @__PURE__ */ jsxs16(Box16, { flexDirection: "column", children: [
-        /* @__PURE__ */ jsx16(StatusBadge, { type: "error", message: `Upgrade failed: ${errorMsg}` }),
-        /* @__PURE__ */ jsxs16(Box16, { marginTop: 1, flexDirection: "column", children: [
-          /* @__PURE__ */ jsx16(Text16, { color: "gray", children: "You can try upgrading manually by running:" }),
-          /* @__PURE__ */ jsx16(Text16, { color: "cyan", bold: true, children: "  npm install -g taskair-cli" }),
-          /* @__PURE__ */ jsx16(Text16, { color: "gray", marginTop: 1, children: "If permission errors occur, run with administrative rights (sudo)." })
+      shouldUpgradeMcp && /* @__PURE__ */ jsxs16(Box16, { flexDirection: "column", children: [
+        /* @__PURE__ */ jsx16(Text16, { bold: true, color: "white", children: "TaskAir MCP Server:" }),
+        mcpState.status === "checking" && /* @__PURE__ */ jsx16(Spinner, { label: `Checking latest version... (Current: ${mcpState.current ? "v" + mcpState.current : "not installed"})`, type: "orbit" }),
+        mcpState.status === "upgrading" && /* @__PURE__ */ jsx16(Spinner, { label: `Upgrading globally: ${mcpState.current ? "v" + mcpState.current : "installing"} \u2192 v${mcpState.latest}...`, type: "star", color: "yellow" }),
+        mcpState.status === "success" && /* @__PURE__ */ jsxs16(Text16, { color: "green", children: [
+          "\u2713 Successfully upgraded to v",
+          mcpState.latest,
+          "!"
+        ] }),
+        mcpState.status === "up-to-date" && /* @__PURE__ */ jsxs16(Text16, { color: "gray", children: [
+          "\u2713 Already up to date (v",
+          mcpState.current,
+          ")"
+        ] }),
+        mcpState.status === "not-installed" && /* @__PURE__ */ jsxs16(Box16, { flexDirection: "column", children: [
+          /* @__PURE__ */ jsx16(Text16, { color: "yellow", children: "\u2601 Not installed globally." }),
+          /* @__PURE__ */ jsx16(Text16, { color: "gray", dimColor: true, children: "Install manually: npm install -g taskair-mcp" }),
+          /* @__PURE__ */ jsx16(Text16, { color: "gray", dimColor: true, children: "Or install now with: taskair upgrade mcp" })
+        ] }),
+        mcpState.status === "error" && /* @__PURE__ */ jsxs16(Box16, { flexDirection: "column", children: [
+          /* @__PURE__ */ jsxs16(Text16, { color: "red", children: [
+            "\u2717 Upgrade failed: ",
+            mcpState.errorMsg
+          ] }),
+          /* @__PURE__ */ jsx16(Text16, { color: "gray", dimColor: true, children: "Run manually: npm install -g taskair-mcp" })
         ] })
       ] })
     ] })
   ] });
 }
 function registerUpgrade(program2) {
-  program2.command("upgrade").description("Upgrade TaskAir CLI to the latest version").action(async () => {
+  program2.command("upgrade [target]").description('Upgrade TaskAir CLI and MCP Server. Target can be "cli", "mcp", or omitted to upgrade both.').action(async (target) => {
     const { render } = await import("ink");
-    render(React15.createElement(UpgradeUI));
+    render(React16.createElement(UpgradeUI, { target }));
   });
 }
 
 // src/index.ts
 program.name("taskair").description(
-  "\u2726 Space-themed task management with E2E encryption \xB7 AI-native \xB7 Privacy-first"
+  "\u2726 Privacy-first task management with E2E encryption \xB7 AI-native \xB7 CLI \xB7 MCP \xB7 Web"
 ).version(CLI_VERSION, "-v, --version", "Output the current version").helpOption("-h, --help", "Display help information");
 registerConfig(program);
 registerLogin(program);
@@ -1990,10 +2424,14 @@ registerExport(program);
 program.addHelpText(
   "beforeAll",
   `
-\u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557
-\u2551  \u2726  T A S K A I R  \u2014  Space-grade task management  \u2726        \u2551
-\u2551     End-to-end encrypted \xB7 AI-native \xB7 Developer-first       \u2551
-\u255A\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255D
+\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557 \u2588\u2588\u2588\u2588\u2588\u2557 \u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2557  \u2588\u2588\u2557   \u2588\u2588\u2588\u2588\u2588\u2557 \u2588\u2588\u2557\u2588\u2588\u2588\u2588\u2588\u2588\u2557 
+\u255A\u2550\u2550\u2588\u2588\u2554\u2550\u2550\u255D\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2554\u2550\u2550\u2550\u2550\u255D\u2588\u2588\u2551 \u2588\u2588\u2554\u255D  \u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2551\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557
+   \u2588\u2588\u2551   \u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2551\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2588\u2588\u2588\u2554\u255D   \u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2551\u2588\u2588\u2551\u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255D
+   \u2588\u2588\u2551   \u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2551\u255A\u2550\u2550\u2550\u2550\u2588\u2588\u2551\u2588\u2588\u2554\u2550\u2588\u2588\u2557   \u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2551\u2588\u2588\u2551\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557
+   \u2588\u2588\u2551   \u2588\u2588\u2551  \u2588\u2588\u2551\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2551\u2588\u2588\u2551  \u2588\u2588\u2557  \u2588\u2588\u2551  \u2588\u2588\u2551\u2588\u2588\u2551\u2588\u2588\u2551  \u2588\u2588\u2551
+   \u255A\u2550\u255D   \u255A\u2550\u255D  \u255A\u2550\u255D\u255A\u2550\u2550\u2550\u2550\u2550\u2550\u255D\u255A\u2550\u255D  \u255A\u2550\u255D  \u255A\u2550\u255D  \u255A\u2550\u255D\u255A\u2550\u255D\u255A\u2550\u255D  \u255A\u2550\u255D
+
+  \u2726 CLI \xB7 MCP \xB7 Web \u2726
 `
 );
 var args = [...process.argv];