formalconf 2.0.0 → 2.0.1

package/dist/formalconf.js

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 // src/cli/formalconf.tsx
-import { useState as useState4, useEffect as useEffect3, useMemo } from "react";
-import { render, Box as Box10, Text as Text9, useApp, useInput as useInput3 } from "ink";
+import { useState as useState5, useEffect as useEffect4, useMemo as useMemo2, useCallback, useRef } from "react";
+import { render, Box as Box12, Text as Text11, useApp, useInput as useInput5 } from "ink";
 import { Spinner } from "@inkjs/ui";
 
 // src/components/ui/VimSelect.tsx
@@ -170,6 +170,115 @@ async function execLive(command, cwd) {
     });
   });
 }
+async function execStreaming(command, onLine, cwd) {
+  if (isBun) {
+    const proc = Bun.spawn(command, {
+      stdout: "pipe",
+      stderr: "pipe",
+      cwd
+    });
+    const processStream = async (stream) => {
+      const reader = stream.getReader();
+      const decoder = new TextDecoder;
+      let buffer = "";
+      while (true) {
+        const { done, value } = await reader.read();
+        if (done)
+          break;
+        buffer += decoder.decode(value, { stream: true });
+        const lines = buffer.split(`
+`);
+        buffer = lines.pop() || "";
+        for (const line of lines) {
+          onLine(line);
+        }
+      }
+      if (buffer) {
+        onLine(buffer);
+      }
+    };
+    await Promise.all([
+      processStream(proc.stdout),
+      processStream(proc.stderr)
+    ]);
+    return await proc.exited;
+  }
+  return new Promise((resolve) => {
+    const [cmd, ...args] = command;
+    const proc = nodeSpawn(cmd, args, { cwd, shell: false });
+    const processData = (data) => {
+      const text = data.toString();
+      const lines = text.split(`
+`);
+      for (const line of lines) {
+        if (line)
+          onLine(line);
+      }
+    };
+    proc.stdout?.on("data", processData);
+    proc.stderr?.on("data", processData);
+    proc.on("close", (code) => {
+      resolve(code ?? 1);
+    });
+  });
+}
+async function execStreamingWithTTY(command, onLine, cwd) {
+  if (isBun) {
+    const proc = Bun.spawn(command, {
+      stdout: "pipe",
+      stderr: "pipe",
+      stdin: "inherit",
+      cwd
+    });
+    const processStream = async (stream) => {
+      const reader = stream.getReader();
+      const decoder = new TextDecoder;
+      let buffer = "";
+      while (true) {
+        const { done, value } = await reader.read();
+        if (done)
+          break;
+        buffer += decoder.decode(value, { stream: true });
+        const lines = buffer.split(`
+`);
+        buffer = lines.pop() || "";
+        for (const line of lines) {
+          onLine(line);
+        }
+      }
+      if (buffer) {
+        onLine(buffer);
+      }
+    };
+    await Promise.all([
+      processStream(proc.stdout),
+      processStream(proc.stderr)
+    ]);
+    return await proc.exited;
+  }
+  return new Promise((resolve) => {
+    const [cmd, ...args] = command;
+    const proc = nodeSpawn(cmd, args, {
+      cwd,
+      shell: false,
+      stdio: ["inherit", "pipe", "pipe"]
+    });
+    const processData = (data) => {
+      const text = data.toString();
+      const lines = text.split(`
+`);
+      for (const line of lines) {
+        if (line)
+          onLine(line);
+      }
+    };
+    proc.stdout?.on("data", processData);
+    proc.stderr?.on("data", processData);
+    proc.on("close", (code) => {
+      resolve(code ?? 1);
+    });
+  });
+}
 async function readJson(path) {
   if (isBun) {
     return Bun.file(path).json();
@@ -210,6 +319,19 @@ async function commandExists(cmd) {
   const result = await exec(["which", cmd]);
   return result.success;
 }
+async function checkPrerequisites() {
+  const required = [
+    { name: "stow", install: "brew install stow" },
+    { name: "brew", install: "https://brew.sh" }
+  ];
+  const missing = [];
+  for (const dep of required) {
+    if (!await commandExists(dep.name)) {
+      missing.push(dep);
+    }
+  }
+  return { ok: missing.length === 0, missing };
+}
 
 // src/lib/paths.ts
 var HOME_DIR = homedir();
@@ -316,7 +438,7 @@ function StatusIndicator({
 // package.json
 var package_default = {
   name: "formalconf",
-  version: "2.0.0",
+  version: "2.0.1",
   description: "Dotfiles management TUI for macOS - config management, package sync, and theme switching",
   type: "module",
   main: "./dist/formalconf.js",
@@ -625,6 +747,130 @@ function ThemeCard({ theme, isSelected, width }) {
   }, undefined, false, undefined, this);
 }
 
+// src/components/ScrollableLog.tsx
+import { useState as useState4, useEffect as useEffect3, useMemo } from "react";
+import { Box as Box10, Text as Text9, useInput as useInput3 } from "ink";
+import { jsxDEV as jsxDEV10 } from "react/jsx-dev-runtime";
+function ScrollableLog({
+  lines,
+  maxHeight,
+  autoScroll = true,
+  showScrollHint = true
+}) {
+  const { rows } = useTerminalSize();
+  const visibleLines = maxHeight || Math.max(5, rows - 12);
+  const [scrollOffset, setScrollOffset] = useState4(0);
+  const [isAutoScrolling, setIsAutoScrolling] = useState4(autoScroll);
+  const totalLines = lines.length;
+  const maxOffset = Math.max(0, totalLines - visibleLines);
+  useEffect3(() => {
+    if (isAutoScrolling) {
+      setScrollOffset(maxOffset);
+    }
+  }, [totalLines, maxOffset, isAutoScrolling]);
+  useInput3((input, key) => {
+    if (key.downArrow || input === "j") {
+      setIsAutoScrolling(false);
+      setScrollOffset((prev) => Math.min(prev + 1, maxOffset));
+    }
+    if (key.upArrow || input === "k") {
+      setIsAutoScrolling(false);
+      setScrollOffset((prev) => Math.max(prev - 1, 0));
+    }
+    if (input === "G") {
+      setIsAutoScrolling(true);
+      setScrollOffset(maxOffset);
+    }
+    if (input === "g") {
+      setIsAutoScrolling(false);
+      setScrollOffset(0);
+    }
+  });
+  const visibleContent = useMemo(() => {
+    return lines.slice(scrollOffset, scrollOffset + visibleLines);
+  }, [lines, scrollOffset, visibleLines]);
+  const showScrollUp = scrollOffset > 0;
+  const showScrollDown = scrollOffset < maxOffset;
+  return /* @__PURE__ */ jsxDEV10(Box10, {
+    flexDirection: "column",
+    children: [
+      showScrollHint && showScrollUp && /* @__PURE__ */ jsxDEV10(Text9, {
+        dimColor: true,
+        children: [
+          "  ↑ ",
+          scrollOffset,
+          " more line",
+          scrollOffset !== 1 ? "s" : ""
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV10(Box10, {
+        flexDirection: "column",
+        height: visibleLines,
+        overflow: "hidden",
+        children: visibleContent.map((line, i) => /* @__PURE__ */ jsxDEV10(Text9, {
+          children: line
+        }, scrollOffset + i, false, undefined, this))
+      }, undefined, false, undefined, this),
+      showScrollHint && showScrollDown && /* @__PURE__ */ jsxDEV10(Text9, {
+        dimColor: true,
+        children: [
+          "  ↓ ",
+          maxOffset - scrollOffset,
+          " more line",
+          maxOffset - scrollOffset !== 1 ? "s" : ""
+        ]
+      }, undefined, true, undefined, this),
+      showScrollHint && totalLines > visibleLines && /* @__PURE__ */ jsxDEV10(Text9, {
+        dimColor: true,
+        children: [
+          "j/k scroll • g top • G bottom ",
+          isAutoScrolling ? "(auto-scroll)" : ""
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
+// src/components/PromptInput.tsx
+import { Box as Box11, Text as Text10, useInput as useInput4 } from "ink";
+import { jsxDEV as jsxDEV11 } from "react/jsx-dev-runtime";
+function PromptInput({
+  question,
+  options = ["y", "n"],
+  onAnswer
+}) {
+  useInput4((input) => {
+    const lower = input.toLowerCase();
+    if (options.includes(lower)) {
+      onAnswer(lower);
+    }
+  });
+  return /* @__PURE__ */ jsxDEV11(Box11, {
+    marginTop: 1,
+    borderStyle: "single",
+    borderColor: colors.accent,
+    paddingX: 1,
+    children: /* @__PURE__ */ jsxDEV11(Text10, {
+      children: [
+        question,
+        " ",
+        /* @__PURE__ */ jsxDEV11(Text10, {
+          color: colors.accent,
+          children: [
+            "[",
+            options.join("/"),
+            "]"
+          ]
+        }, undefined, true, undefined, this),
+        /* @__PURE__ */ jsxDEV11(Text10, {
+          dimColor: true,
+          children: ": "
+        }, undefined, false, undefined, this)
+      ]
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this);
+}
+
 // src/lib/theme-parser.ts
 import { existsSync as existsSync2, readdirSync as readdirSync2 } from "fs";
 import { join as join3 } from "path";
@@ -1203,6 +1449,15 @@ var colors3 = {
   bold: "\x1B[1m",
   reset: "\x1B[0m"
 };
+async function runCommand(command, callbacks, cwd, needsTTY = false) {
+  if (callbacks) {
+    if (needsTTY) {
+      return execStreamingWithTTY(command, callbacks.onLog, cwd);
+    }
+    return execStreaming(command, callbacks.onLog, cwd);
+  }
+  return execLive(command, cwd);
+}
 async function checkDependencies() {
   if (!await commandExists("brew")) {
     console.error(`${colors3.red}Error: Homebrew not installed${colors3.reset}`);
@@ -1238,34 +1493,35 @@ async function getOutdatedMas() {
     return null;
   }).filter((app) => app !== null);
 }
-async function upgradeWithVerification() {
+async function upgradeWithVerification(cb = null) {
+  const log = cb?.onLog ?? console.log;
   const result = {
     attempted: [],
     succeeded: [],
     failed: [],
     stillOutdated: []
   };
-  console.log(`
+  log(`
 ${colors3.cyan}=== Checking for updates ===${colors3.reset}
 `);
-  await execLive(["brew", "update"]);
+  await runCommand(["brew", "update"], cb);
   const beforeUpgrade = await getOutdatedPackages();
   result.attempted = beforeUpgrade.map((p) => p.name);
   if (beforeUpgrade.length === 0) {
-    console.log(`
+    log(`
 ${colors3.green}All brew packages are up to date${colors3.reset}`);
   } else {
-    console.log(`
+    log(`
 ${colors3.yellow}Found ${beforeUpgrade.length} outdated packages${colors3.reset}
 `);
-    console.log(`${colors3.cyan}=== Upgrading formulas ===${colors3.reset}
+    log(`${colors3.cyan}=== Upgrading formulas ===${colors3.reset}
 `);
-    await execLive(["brew", "upgrade", "--formula"]);
-    console.log(`
+    await runCommand(["brew", "upgrade", "--formula"], cb);
+    log(`
 ${colors3.cyan}=== Upgrading casks ===${colors3.reset}
 `);
-    await execLive(["brew", "upgrade", "--cask", "--greedy"]);
-    console.log(`
+    await runCommand(["brew", "upgrade", "--cask", "--greedy"], cb);
+    log(`
 ${colors3.cyan}=== Verifying upgrades ===${colors3.reset}
 `);
     const afterUpgrade = await getOutdatedPackages();
@@ -1278,13 +1534,13 @@ ${colors3.cyan}=== Verifying upgrades ===${colors3.reset}
       }
     }
     if (result.stillOutdated.length > 0) {
-      console.log(`${colors3.yellow}${result.stillOutdated.length} packages still outdated, retrying individually...${colors3.reset}
+      log(`${colors3.yellow}${result.stillOutdated.length} packages still outdated, retrying individually...${colors3.reset}
 `);
       for (const pkgName of [...result.stillOutdated]) {
         const pkg = afterUpgrade.find((p) => p.name === pkgName);
         if (!pkg)
           continue;
-        console.log(`  Retrying ${colors3.blue}${pkgName}${colors3.reset}...`);
+        log(`  Retrying ${colors3.blue}${pkgName}${colors3.reset}...`);
         const upgradeCmd = pkg.type === "cask" ? ["brew", "upgrade", "--cask", pkgName] : ["brew", "upgrade", pkgName];
         const retryResult = await exec(upgradeCmd);
         const checkResult = await exec([
@@ -1298,11 +1554,11 @@ ${colors3.cyan}=== Verifying upgrades ===${colors3.reset}
         if (!stillOutdatedNow.includes(pkgName)) {
           result.succeeded.push(pkgName);
           result.stillOutdated = result.stillOutdated.filter((n) => n !== pkgName);
-          console.log(`    ${colors3.green}✓ Success${colors3.reset}`);
+          log(`    ${colors3.green}✓ Success${colors3.reset}`);
         } else {
           result.failed.push(pkgName);
           result.stillOutdated = result.stillOutdated.filter((n) => n !== pkgName);
-          console.log(`    ${colors3.red}✗ Failed${colors3.reset} ${retryResult.stderr ? `(${retryResult.stderr.split(`
+          log(`    ${colors3.red}✗ Failed${colors3.reset} ${retryResult.stderr ? `(${retryResult.stderr.split(`
 `)[0]})` : ""}`);
         }
       }
@@ -1311,74 +1567,77 @@ ${colors3.cyan}=== Verifying upgrades ===${colors3.reset}
   if (await commandExists("mas")) {
     const masOutdated = await getOutdatedMas();
     if (masOutdated.length > 0) {
-      console.log(`
+      log(`
 ${colors3.cyan}=== Upgrading Mac App Store apps ===${colors3.reset}
 `);
-      await execLive(["mas", "upgrade"]);
+      await runCommand(["mas", "upgrade"], cb, undefined, true);
     }
   }
-  console.log(`
+  log(`
 ${colors3.cyan}=== Cleanup ===${colors3.reset}
 `);
-  await execLive(["brew", "cleanup"]);
-  console.log(`
+  await runCommand(["brew", "cleanup"], cb);
+  log(`
 ${colors3.cyan}=== Updating lockfile ===${colors3.reset}
 `);
   const lock = await updateLockfile();
   const lockTotal = Object.keys(lock.formulas).length + Object.keys(lock.casks).length;
-  console.log(`  Locked ${lockTotal} packages`);
+  log(`  Locked ${lockTotal} packages`);
   return result;
 }
-async function upgradeInteractive() {
-  console.log(`
+async function upgradeInteractive(cb = null) {
+  const log = cb?.onLog ?? console.log;
+  const askPrompt = cb?.onPrompt ?? (async (q) => (prompt(q) || "").trim().toLowerCase());
+  log(`
 ${colors3.cyan}=== Checking for updates ===${colors3.reset}
 `);
-  await execLive(["brew", "update"]);
+  await runCommand(["brew", "update"], cb);
   const outdated = await getOutdatedPackages();
   if (outdated.length === 0) {
-    console.log(`
+    log(`
 ${colors3.green}All packages are up to date${colors3.reset}
 `);
     return;
   }
-  console.log(`
+  log(`
 ${colors3.yellow}Found ${outdated.length} outdated packages${colors3.reset}
 `);
   for (const pkg of outdated) {
-    const question = `Upgrade ${colors3.blue}${pkg.name}${colors3.reset} (${pkg.type})? [y/n/q]: `;
-    const answer = (prompt(question) || "").trim().toLowerCase();
+    const question = `Upgrade ${colors3.blue}${pkg.name}${colors3.reset} (${pkg.type})?`;
+    const answer = await askPrompt(question, ["y", "n", "q"]);
     if (answer === "q") {
-      console.log(`
+      log(`
 ${colors3.yellow}Upgrade cancelled${colors3.reset}`);
       return;
     }
     if (answer === "y" || answer === "yes") {
       const cmd = pkg.type === "cask" ? ["brew", "upgrade", "--cask", pkg.name] : ["brew", "upgrade", pkg.name];
-      await execLive(cmd);
+      await runCommand(cmd, cb);
     }
   }
   const stillOutdated = await getOutdatedPackages();
   if (stillOutdated.length > 0) {
-    console.log(`
+    log(`
 ${colors3.yellow}Still outdated: ${stillOutdated.map((p) => p.name).join(", ")}${colors3.reset}`);
   } else {
-    console.log(`
+    log(`
 ${colors3.green}All selected packages upgraded successfully${colors3.reset}`);
   }
-  await execLive(["brew", "cleanup"]);
-  console.log(`
+  await runCommand(["brew", "cleanup"], cb);
+  log(`
 ${colors3.cyan}=== Updating lockfile ===${colors3.reset}
 `);
   await updateLockfile();
 }
-async function syncPackages(config) {
+async function syncPackages(config, cb = null) {
+  const log = cb?.onLog ?? console.log;
   if (config.config.autoUpdate) {
-    console.log(`
+    log(`
 ${colors3.cyan}=== Updating Homebrew ===${colors3.reset}
 `);
-    await execLive(["brew", "update"]);
+    await runCommand(["brew", "update"], cb);
   }
-  console.log(`
+  log(`
 ${colors3.cyan}=== Installing taps ===${colors3.reset}
 `);
   const tappedResult = await exec(["brew", "tap"]);
@@ -1386,34 +1645,34 @@ ${colors3.cyan}=== Installing taps ===${colors3.reset}
 `).filter(Boolean);
   for (const tap of config.taps) {
     if (!tapped.includes(tap)) {
-      console.log(`  Adding tap: ${colors3.blue}${tap}${colors3.reset}`);
-      await execLive(["brew", "tap", tap]);
+      log(`  Adding tap: ${colors3.blue}${tap}${colors3.reset}`);
+      await runCommand(["brew", "tap", tap], cb);
     }
   }
-  console.log(`
+  log(`
 ${colors3.cyan}=== Installing packages ===${colors3.reset}
 `);
   const installedFormulas = (await exec(["brew", "list", "--formula"])).stdout.split(`
 `).filter(Boolean);
   for (const pkg of config.packages) {
     if (!installedFormulas.includes(pkg)) {
-      console.log(`  Installing: ${colors3.blue}${pkg}${colors3.reset}`);
-      await execLive(["brew", "install", pkg]);
+      log(`  Installing: ${colors3.blue}${pkg}${colors3.reset}`);
+      await runCommand(["brew", "install", pkg], cb);
     }
   }
-  console.log(`
+  log(`
 ${colors3.cyan}=== Installing casks ===${colors3.reset}
 `);
   const installedCasks = (await exec(["brew", "list", "--cask"])).stdout.split(`
 `).filter(Boolean);
   for (const cask of config.casks) {
     if (!installedCasks.includes(cask)) {
-      console.log(`  Installing: ${colors3.blue}${cask}${colors3.reset}`);
-      await execLive(["brew", "install", "--cask", cask]);
+      log(`  Installing: ${colors3.blue}${cask}${colors3.reset}`);
+      await runCommand(["brew", "install", "--cask", cask], cb);
     }
   }
   if (await commandExists("mas")) {
-    console.log(`
+    log(`
 ${colors3.cyan}=== Installing Mac App Store apps ===${colors3.reset}
 `);
     const masResult = await exec(["mas", "list"]);
@@ -1424,26 +1683,28 @@ ${colors3.cyan}=== Installing Mac App Store apps ===${colors3.reset}
     });
     for (const [name, id] of Object.entries(config.mas)) {
       if (!installedMas.includes(id)) {
-        console.log(`  Installing: ${colors3.blue}${name}${colors3.reset}`);
-        await execLive(["mas", "install", String(id)]);
+        log(`  Installing: ${colors3.blue}${name}${colors3.reset}`);
+        await runCommand(["mas", "install", String(id)], cb, undefined, true);
       }
     }
   }
   if (config.config.purge) {
-    await purgeUnlisted(config, config.config.purgeInteractive);
+    await purgeUnlisted(config, config.config.purgeInteractive, cb);
   }
-  console.log(`
+  log(`
 ${colors3.cyan}=== Updating lockfile ===${colors3.reset}
 `);
   const lock = await updateLockfile();
   const lockTotal = Object.keys(lock.formulas).length + Object.keys(lock.casks).length;
-  console.log(`  Locked ${lockTotal} packages`);
-  console.log(`
+  log(`  Locked ${lockTotal} packages`);
+  log(`
 ${colors3.green}=== Sync complete ===${colors3.reset}
 `);
 }
-async function purgeUnlisted(config, interactive) {
-  console.log(`
+async function purgeUnlisted(config, interactive, cb = null) {
+  const log = cb?.onLog ?? console.log;
+  const askPrompt = cb?.onPrompt ?? (async (q) => (prompt(q) || "").trim().toLowerCase());
+  log(`
 ${colors3.cyan}=== Checking for unlisted packages ===${colors3.reset}
 `);
   const installedFormulas = (await exec(["brew", "list", "--formula"])).stdout.split(`
@@ -1452,17 +1713,17 @@ ${colors3.cyan}=== Checking for unlisted packages ===${colors3.reset}
     if (!config.packages.includes(pkg)) {
       const usesResult = await exec(["brew", "uses", "--installed", pkg]);
       if (usesResult.stdout.trim()) {
-        console.log(`  ${colors3.yellow}Skipping ${pkg} (has dependents)${colors3.reset}`);
+        log(`  ${colors3.yellow}Skipping ${pkg} (has dependents)${colors3.reset}`);
         continue;
       }
       if (interactive) {
-        const answer = (prompt(`  Remove ${colors3.red}${pkg}${colors3.reset}? [y/n]: `) || "").trim().toLowerCase();
+        const answer = await askPrompt(`Remove ${colors3.red}${pkg}${colors3.reset}?`, ["y", "n"]);
         if (answer === "y") {
-          await execLive(["brew", "uninstall", pkg]);
+          await runCommand(["brew", "uninstall", pkg], cb);
         }
       } else {
-        console.log(`  Removing: ${colors3.red}${pkg}${colors3.reset}`);
-        await execLive(["brew", "uninstall", pkg]);
+        log(`  Removing: ${colors3.red}${pkg}${colors3.reset}`);
+        await runCommand(["brew", "uninstall", pkg], cb);
       }
     }
   }
@@ -1471,13 +1732,13 @@ ${colors3.cyan}=== Checking for unlisted packages ===${colors3.reset}
   for (const cask of installedCasks) {
     if (!config.casks.includes(cask)) {
       if (interactive) {
-        const answer = (prompt(`  Remove cask ${colors3.red}${cask}${colors3.reset}? [y/n]: `) || "").trim().toLowerCase();
+        const answer = await askPrompt(`Remove cask ${colors3.red}${cask}${colors3.reset}?`, ["y", "n"]);
         if (answer === "y") {
-          await execLive(["brew", "uninstall", "--cask", cask]);
+          await runCommand(["brew", "uninstall", "--cask", cask], cb);
         }
       } else {
-        console.log(`  Removing cask: ${colors3.red}${cask}${colors3.reset}`);
-        await execLive(["brew", "uninstall", "--cask", cask]);
+        log(`  Removing cask: ${colors3.red}${cask}${colors3.reset}`);
+        await runCommand(["brew", "uninstall", "--cask", cask], cb);
       }
     }
   }
@@ -1495,22 +1756,22 @@ ${colors3.cyan}=== Checking for unlisted packages ===${colors3.reset}
       }
       if (!configMasIds.includes(app.id)) {
         if (interactive) {
-          const answer = (prompt(`  Remove app ${colors3.red}${app.name}${colors3.reset}? [y/n]: `) || "").trim().toLowerCase();
+          const answer = await askPrompt(`Remove app ${colors3.red}${app.name}${colors3.reset}?`, ["y", "n"]);
           if (answer === "y") {
-            await execLive(["mas", "uninstall", String(app.id)]);
+            await runCommand(["mas", "uninstall", String(app.id)], cb, undefined, true);
           }
         } else {
-          console.log(`  Removing app: ${colors3.red}${app.name}${colors3.reset}`);
-          await execLive(["mas", "uninstall", String(app.id)]);
+          log(`  Removing app: ${colors3.red}${app.name}${colors3.reset}`);
+          await runCommand(["mas", "uninstall", String(app.id)], cb, undefined, true);
         }
       }
     }
   }
-  console.log(`
+  log(`
 ${colors3.cyan}=== Cleaning up ===${colors3.reset}
 `);
-  await execLive(["brew", "autoremove"]);
-  await execLive(["brew", "cleanup"]);
+  await runCommand(["brew", "autoremove"], cb);
+  await runCommand(["brew", "cleanup"], cb);
 }
 function printUsage2() {
   console.log(`
@@ -1527,7 +1788,7 @@ Examples:
   bun run pkg-sync --purge            Sync and remove unlisted packages
 `);
 }
-async function runPkgSync(args) {
+async function runPkgSyncWithCallbacks(args, callbacks) {
   const { values, positionals } = parseArgs2({
     args,
     options: {
@@ -1539,12 +1800,19 @@ async function runPkgSync(args) {
     allowPositionals: true
   });
   try {
-    await checkDependencies();
+    if (!await commandExists("brew")) {
+      callbacks.onLog(`${colors3.red}Error: Homebrew not installed${colors3.reset}`);
+      return { output: "Homebrew not installed", success: false };
+    }
   } catch {
     return { output: "Homebrew not installed", success: false };
   }
+  if (values["upgrade-interactive"]) {
+    await upgradeInteractive(callbacks);
+    return { output: "Interactive upgrade complete", success: true };
+  }
   if (values["upgrade-only"]) {
-    const result = await upgradeWithVerification();
+    const result = await upgradeWithVerification(callbacks);
     let output = `Upgrade complete
 `;
     if (result.succeeded.length > 0) {
@@ -1561,7 +1829,7 @@ async function runPkgSync(args) {
   if (values.purge) {
     config.config.purge = true;
   }
-  await syncPackages(config);
+  await syncPackages(config, callbacks);
   return { output: "Sync complete", success: true };
 }
 async function main2() {
@@ -1957,12 +2225,12 @@ if (isMainModule4) {
 }
 
 // src/cli/formalconf.tsx
-import { jsxDEV as jsxDEV10 } from "react/jsx-dev-runtime";
+import { jsxDEV as jsxDEV12 } from "react/jsx-dev-runtime";
 function MainMenu({ onSelect }) {
   const { exit } = useApp();
-  return /* @__PURE__ */ jsxDEV10(Panel, {
+  return /* @__PURE__ */ jsxDEV12(Panel, {
     title: "Main Menu",
-    children: /* @__PURE__ */ jsxDEV10(VimSelect, {
+    children: /* @__PURE__ */ jsxDEV12(VimSelect, {
       options: [
         { label: "Config Manager", value: "config" },
         { label: "Package Sync", value: "packages" },
@@ -1980,10 +2248,10 @@ function MainMenu({ onSelect }) {
   }, undefined, false, undefined, this);
 }
 function ConfigMenu({ onBack }) {
-  const [state, setState] = useState4("menu");
-  const [output, setOutput] = useState4("");
-  const [success, setSuccess] = useState4(true);
-  useInput3((input, key) => {
+  const [state, setState] = useState5("menu");
+  const [output, setOutput] = useState5("");
+  const [success, setSuccess] = useState5(true);
+  useInput5((input, key) => {
     if (state === "menu" && (key.escape || key.leftArrow || input === "h")) {
       onBack();
     }
@@ -2000,24 +2268,24 @@ function ConfigMenu({ onBack }) {
     setState("result");
   };
   if (state === "running") {
-    return /* @__PURE__ */ jsxDEV10(Panel, {
+    return /* @__PURE__ */ jsxDEV12(Panel, {
       title: "Config Manager",
-      children: /* @__PURE__ */ jsxDEV10(Spinner, {
+      children: /* @__PURE__ */ jsxDEV12(Spinner, {
         label: "Processing..."
       }, undefined, false, undefined, this)
     }, undefined, false, undefined, this);
   }
   if (state === "result") {
-    return /* @__PURE__ */ jsxDEV10(CommandOutput, {
+    return /* @__PURE__ */ jsxDEV12(CommandOutput, {
       title: "Config Manager",
       output,
       success,
       onDismiss: () => setState("menu")
     }, undefined, false, undefined, this);
   }
-  return /* @__PURE__ */ jsxDEV10(Panel, {
+  return /* @__PURE__ */ jsxDEV12(Panel, {
     title: "Config Manager",
-    children: /* @__PURE__ */ jsxDEV10(VimSelect, {
+    children: /* @__PURE__ */ jsxDEV12(VimSelect, {
       options: [
         { label: "Stow all packages", value: "stow-all" },
         { label: "Unstow all packages", value: "unstow-all" },
@@ -2030,66 +2298,145 @@ function ConfigMenu({ onBack }) {
   }, undefined, false, undefined, this);
 }
 function PackageMenu({ onBack }) {
-  const [state, setState] = useState4("menu");
-  const [output, setOutput] = useState4("");
-  const [success, setSuccess] = useState4(true);
-  useInput3((input, key) => {
+  const [state, setState] = useState5("menu");
+  const [lines, setLines] = useState5([]);
+  const [output, setOutput] = useState5("");
+  const [isStreamingOp, setIsStreamingOp] = useState5(true);
+  const [pendingPrompt, setPendingPrompt] = useState5(null);
+  const [success, setSuccess] = useState5(true);
+  const isRunningRef = useRef(false);
+  useInput5((input, key) => {
     if (state === "menu" && (key.escape || key.leftArrow || input === "h")) {
       onBack();
     }
+    if (state === "result") {
+      setState("menu");
+      setLines([]);
+    }
   });
+  const callbacks = useMemo2(() => ({
+    onLog: (line) => {
+      setLines((prev) => [...prev, line]);
+    },
+    onPrompt: (question, options) => {
+      return new Promise((resolve) => {
+        setPendingPrompt({ question, options, resolve });
+      });
+    }
+  }), []);
+  const handlePromptAnswer = useCallback((answer) => {
+    if (pendingPrompt) {
+      setLines((prev) => [...prev, `> ${answer}`]);
+      pendingPrompt.resolve(answer);
+      setPendingPrompt(null);
+    }
+  }, [pendingPrompt]);
   const handleAction = async (action) => {
     if (action === "back") {
       onBack();
       return;
     }
+    if (isRunningRef.current)
+      return;
+    isRunningRef.current = true;
     setState("running");
+    setLines([]);
+    setOutput("");
+    setPendingPrompt(null);
     let result;
     switch (action) {
       case "sync":
-        result = await runPkgSync([]);
+        setIsStreamingOp(true);
+        result = await runPkgSyncWithCallbacks([], callbacks);
         break;
       case "sync-purge":
-        result = await runPkgSync(["--purge"]);
+        setIsStreamingOp(true);
+        result = await runPkgSyncWithCallbacks(["--purge"], callbacks);
         break;
       case "upgrade":
-        result = await runPkgSync(["--upgrade-only"]);
+        setIsStreamingOp(true);
+        result = await runPkgSyncWithCallbacks(["--upgrade-only"], callbacks);
         break;
       case "upgrade-interactive":
-        result = await runPkgSync(["--upgrade-interactive"]);
+        setIsStreamingOp(true);
+        result = await runPkgSyncWithCallbacks(["--upgrade-interactive"], callbacks);
         break;
       case "lock-update":
+        setIsStreamingOp(false);
         result = await runPkgLock(["update"]);
+        setOutput(result.output);
         break;
       case "lock-status":
+        setIsStreamingOp(false);
         result = await runPkgLock(["status"]);
+        setOutput(result.output);
         break;
       default:
+        setIsStreamingOp(false);
         result = { output: "Unknown action", success: false };
+        setOutput(result.output);
     }
-    setOutput(result.output);
     setSuccess(result.success);
     setState("result");
+    isRunningRef.current = false;
   };
   if (state === "running") {
-    return /* @__PURE__ */ jsxDEV10(Panel, {
+    if (!isStreamingOp) {
+      return /* @__PURE__ */ jsxDEV12(Panel, {
+        title: "Package Sync",
+        children: /* @__PURE__ */ jsxDEV12(Spinner, {
+          label: "Processing..."
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this);
+    }
+    return /* @__PURE__ */ jsxDEV12(Panel, {
       title: "Package Sync",
-      children: /* @__PURE__ */ jsxDEV10(Spinner, {
-        label: "Syncing packages..."
-      }, undefined, false, undefined, this)
-    }, undefined, false, undefined, this);
+      children: [
+        /* @__PURE__ */ jsxDEV12(ScrollableLog, {
+          lines
+        }, undefined, false, undefined, this),
+        pendingPrompt && /* @__PURE__ */ jsxDEV12(PromptInput, {
+          question: pendingPrompt.question,
+          options: pendingPrompt.options,
+          onAnswer: handlePromptAnswer
+        }, undefined, false, undefined, this)
+      ]
+    }, undefined, true, undefined, this);
   }
   if (state === "result") {
-    return /* @__PURE__ */ jsxDEV10(CommandOutput, {
+    if (!isStreamingOp) {
+      return /* @__PURE__ */ jsxDEV12(CommandOutput, {
+        title: "Package Sync",
+        output,
+        success,
+        onDismiss: () => setState("menu")
+      }, undefined, false, undefined, this);
+    }
+    return /* @__PURE__ */ jsxDEV12(Panel, {
       title: "Package Sync",
-      output,
-      success,
-      onDismiss: () => setState("menu")
-    }, undefined, false, undefined, this);
+      borderColor: success ? colors.success : colors.error,
+      children: [
+        /* @__PURE__ */ jsxDEV12(ScrollableLog, {
+          lines,
+          autoScroll: false
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV12(Box12, {
+          marginTop: 1,
+          children: /* @__PURE__ */ jsxDEV12(Text11, {
+            color: success ? colors.success : colors.error,
+            children: success ? "Done" : "Failed"
+          }, undefined, false, undefined, this)
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV12(Text11, {
+          dimColor: true,
+          children: "Press any key to continue..."
+        }, undefined, false, undefined, this)
+      ]
+    }, undefined, true, undefined, this);
   }
-  return /* @__PURE__ */ jsxDEV10(Panel, {
+  return /* @__PURE__ */ jsxDEV12(Panel, {
     title: "Package Sync",
-    children: /* @__PURE__ */ jsxDEV10(VimSelect, {
+    children: /* @__PURE__ */ jsxDEV12(VimSelect, {
       options: [
         { label: "Sync packages", value: "sync" },
         { label: "Sync with purge", value: "sync-purge" },
@@ -2104,45 +2451,45 @@ function PackageMenu({ onBack }) {
   }, undefined, false, undefined, this);
 }
 function ThemeMenu({ onBack }) {
-  const [themes, setThemes] = useState4([]);
-  const [loading, setLoading] = useState4(true);
-  const [selectedIndex, setSelectedIndex] = useState4(0);
-  const [state, setState] = useState4("menu");
-  const [output, setOutput] = useState4("");
-  const [success, setSuccess] = useState4(true);
+  const [themes, setThemes] = useState5([]);
+  const [loading, setLoading] = useState5(true);
+  const [selectedIndex, setSelectedIndex] = useState5(0);
+  const [state, setState] = useState5("menu");
+  const [output, setOutput] = useState5("");
+  const [success, setSuccess] = useState5(true);
   const { columns, rows } = useTerminalSize();
   const CARD_HEIGHT = 3;
   const LAYOUT_OVERHEAD = 20;
-  const cardWidth = useMemo(() => {
+  const cardWidth = useMemo2(() => {
     const availableWidth = columns - 6;
     const cardsPerRow2 = Math.max(1, Math.floor(availableWidth / 28));
     return Math.floor(availableWidth / cardsPerRow2);
   }, [columns]);
-  const cardsPerRow = useMemo(() => {
+  const cardsPerRow = useMemo2(() => {
     const availableWidth = columns - 6;
     return Math.max(1, Math.floor(availableWidth / 28));
   }, [columns]);
-  const visibleRows = useMemo(() => {
+  const visibleRows = useMemo2(() => {
     const availableHeight = rows - LAYOUT_OVERHEAD;
     return Math.max(1, Math.floor(availableHeight / CARD_HEIGHT));
   }, [rows]);
   const selectedRow = Math.floor(selectedIndex / cardsPerRow);
   const totalRows = Math.ceil(themes.length / cardsPerRow);
-  const [scrollOffset, setScrollOffset] = useState4(0);
-  useEffect3(() => {
+  const [scrollOffset, setScrollOffset] = useState5(0);
+  useEffect4(() => {
     if (selectedRow < scrollOffset) {
       setScrollOffset(selectedRow);
     } else if (selectedRow >= scrollOffset + visibleRows) {
       setScrollOffset(selectedRow - visibleRows + 1);
     }
   }, [selectedRow, scrollOffset, visibleRows]);
-  const visibleThemes = useMemo(() => {
+  const visibleThemes = useMemo2(() => {
     const startIdx = scrollOffset * cardsPerRow;
     const endIdx = (scrollOffset + visibleRows) * cardsPerRow;
     return themes.slice(startIdx, endIdx);
   }, [themes, scrollOffset, visibleRows, cardsPerRow]);
   const visibleStartIndex = scrollOffset * cardsPerRow;
-  useInput3((input, key) => {
+  useInput5((input, key) => {
     if (state !== "menu" || loading)
       return;
     if (key.escape) {
@@ -2175,7 +2522,7 @@ function ThemeMenu({ onBack }) {
       applyTheme2(themes[selectedIndex]);
     }
   });
-  useEffect3(() => {
+  useEffect4(() => {
     async function loadThemes() {
       if (!existsSync6(THEMES_DIR)) {
         setThemes([]);
@@ -2205,15 +2552,15 @@ function ThemeMenu({ onBack }) {
     setState("result");
   };
   if (loading || state === "running") {
-    return /* @__PURE__ */ jsxDEV10(Panel, {
+    return /* @__PURE__ */ jsxDEV12(Panel, {
       title: "Select Theme",
-      children: /* @__PURE__ */ jsxDEV10(Spinner, {
+      children: /* @__PURE__ */ jsxDEV12(Spinner, {
         label: loading ? "Loading themes..." : "Applying theme..."
       }, undefined, false, undefined, this)
     }, undefined, false, undefined, this);
   }
   if (state === "result") {
-    return /* @__PURE__ */ jsxDEV10(CommandOutput, {
+    return /* @__PURE__ */ jsxDEV12(CommandOutput, {
       title: "Select Theme",
       output,
       success,
@@ -2221,28 +2568,28 @@ function ThemeMenu({ onBack }) {
     }, undefined, false, undefined, this);
   }
   if (themes.length === 0) {
-    return /* @__PURE__ */ jsxDEV10(Panel, {
+    return /* @__PURE__ */ jsxDEV12(Panel, {
       title: "Select Theme",
       children: [
-        /* @__PURE__ */ jsxDEV10(Box10, {
+        /* @__PURE__ */ jsxDEV12(Box12, {
           flexDirection: "column",
           children: [
-            /* @__PURE__ */ jsxDEV10(Text9, {
+            /* @__PURE__ */ jsxDEV12(Text11, {
               color: colors.warning,
               children: "No themes available."
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV10(Text9, {
+            /* @__PURE__ */ jsxDEV12(Text11, {
               children: "This system is compatible with omarchy themes."
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV10(Text9, {
+            /* @__PURE__ */ jsxDEV12(Text11, {
               dimColor: true,
               children: "Add themes to ~/.config/formalconf/themes/"
             }, undefined, false, undefined, this)
           ]
         }, undefined, true, undefined, this),
-        /* @__PURE__ */ jsxDEV10(Box10, {
+        /* @__PURE__ */ jsxDEV12(Box12, {
           marginTop: 1,
-          children: /* @__PURE__ */ jsxDEV10(VimSelect, {
+          children: /* @__PURE__ */ jsxDEV12(VimSelect, {
             options: [{ label: "Back", value: "back" }],
             onChange: () => onBack()
           }, undefined, false, undefined, this)
@@ -2253,10 +2600,10 @@ function ThemeMenu({ onBack }) {
   const showScrollUp = scrollOffset > 0;
   const showScrollDown = scrollOffset + visibleRows < totalRows;
   const gridHeight = visibleRows * CARD_HEIGHT;
-  return /* @__PURE__ */ jsxDEV10(Panel, {
+  return /* @__PURE__ */ jsxDEV12(Panel, {
     title: "Select Theme",
     children: [
-      showScrollUp && /* @__PURE__ */ jsxDEV10(Text9, {
+      showScrollUp && /* @__PURE__ */ jsxDEV12(Text11, {
         dimColor: true,
         children: [
           "  ↑ ",
@@ -2265,18 +2612,18 @@ function ThemeMenu({ onBack }) {
           scrollOffset > 1 ? "s" : ""
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV10(Box10, {
+      /* @__PURE__ */ jsxDEV12(Box12, {
         flexDirection: "row",
         flexWrap: "wrap",
         height: gridHeight,
         overflow: "hidden",
-        children: visibleThemes.map((theme, index) => /* @__PURE__ */ jsxDEV10(ThemeCard, {
+        children: visibleThemes.map((theme, index) => /* @__PURE__ */ jsxDEV12(ThemeCard, {
           theme,
           isSelected: visibleStartIndex + index === selectedIndex,
           width: cardWidth
         }, theme.path, false, undefined, this))
       }, undefined, false, undefined, this),
-      showScrollDown && /* @__PURE__ */ jsxDEV10(Text9, {
+      showScrollDown && /* @__PURE__ */ jsxDEV12(Text11, {
         dimColor: true,
         children: [
           "  ↓ ",
@@ -2285,9 +2632,9 @@ function ThemeMenu({ onBack }) {
           totalRows - scrollOffset - visibleRows > 1 ? "s" : ""
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV10(Box10, {
+      /* @__PURE__ */ jsxDEV12(Box12, {
         marginTop: 1,
-        children: /* @__PURE__ */ jsxDEV10(Text9, {
+        children: /* @__PURE__ */ jsxDEV12(Text11, {
           dimColor: true,
           children: "←→↑↓/hjkl navigate • Enter select • Esc back"
         }, undefined, false, undefined, this)
@@ -2295,16 +2642,76 @@ function ThemeMenu({ onBack }) {
     ]
   }, undefined, true, undefined, this);
 }
+function PrerequisiteError({
+  missing,
+  onExit
+}) {
+  useInput5(() => onExit());
+  return /* @__PURE__ */ jsxDEV12(Layout, {
+    breadcrumb: ["Error"],
+    children: /* @__PURE__ */ jsxDEV12(Panel, {
+      title: "Missing Prerequisites",
+      borderColor: colors.error,
+      children: [
+        /* @__PURE__ */ jsxDEV12(Text11, {
+          color: colors.error,
+          children: "Required tools are not installed:"
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV12(Box12, {
+          flexDirection: "column",
+          marginTop: 1,
+          children: missing.map((dep) => /* @__PURE__ */ jsxDEV12(Box12, {
+            children: [
+              /* @__PURE__ */ jsxDEV12(Text11, {
+                color: colors.warning,
+                children: [
+                  "• ",
+                  dep.name
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV12(Text11, {
+                dimColor: true,
+                children: [
+                  " — Install: ",
+                  dep.install
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, dep.name, true, undefined, this))
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV12(Box12, {
+          marginTop: 1,
+          children: /* @__PURE__ */ jsxDEV12(Text11, {
+            dimColor: true,
+            children: "Press any key to exit..."
+          }, undefined, false, undefined, this)
+        }, undefined, false, undefined, this)
+      ]
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this);
+}
 function App() {
-  const [screen, setScreen] = useState4("main");
+  const [appState, setAppState] = useState5("loading");
+  const [missingDeps, setMissingDeps] = useState5([]);
+  const [screen, setScreen] = useState5("main");
   const { exit } = useApp();
-  useInput3((input) => {
+  useInput5((input) => {
     if (input === "q") {
       exit();
     }
   });
-  useEffect3(() => {
-    ensureConfigDir();
+  useEffect4(() => {
+    async function init() {
+      ensureConfigDir();
+      const result = await checkPrerequisites();
+      if (!result.ok) {
+        setMissingDeps(result.missing);
+        setAppState("error");
+      } else {
+        setAppState("ready");
+      }
+    }
+    init();
   }, []);
   const getBreadcrumb = () => {
     switch (screen) {
@@ -2318,22 +2725,39 @@ function App() {
         return ["Main"];
     }
   };
-  return /* @__PURE__ */ jsxDEV10(Layout, {
+  if (appState === "loading") {
+    return /* @__PURE__ */ jsxDEV12(Layout, {
+      breadcrumb: ["Loading"],
+      children: /* @__PURE__ */ jsxDEV12(Panel, {
+        title: "FormalConf",
+        children: /* @__PURE__ */ jsxDEV12(Spinner, {
+          label: "Checking prerequisites..."
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this)
+    }, undefined, false, undefined, this);
+  }
+  if (appState === "error") {
+    return /* @__PURE__ */ jsxDEV12(PrerequisiteError, {
+      missing: missingDeps,
+      onExit: exit
+    }, undefined, false, undefined, this);
+  }
+  return /* @__PURE__ */ jsxDEV12(Layout, {
     breadcrumb: getBreadcrumb(),
     children: [
-      screen === "main" && /* @__PURE__ */ jsxDEV10(MainMenu, {
+      screen === "main" && /* @__PURE__ */ jsxDEV12(MainMenu, {
         onSelect: setScreen
       }, undefined, false, undefined, this),
-      screen === "config" && /* @__PURE__ */ jsxDEV10(ConfigMenu, {
+      screen === "config" && /* @__PURE__ */ jsxDEV12(ConfigMenu, {
         onBack: () => setScreen("main")
       }, undefined, false, undefined, this),
-      screen === "packages" && /* @__PURE__ */ jsxDEV10(PackageMenu, {
+      screen === "packages" && /* @__PURE__ */ jsxDEV12(PackageMenu, {
         onBack: () => setScreen("main")
       }, undefined, false, undefined, this),
-      screen === "themes" && /* @__PURE__ */ jsxDEV10(ThemeMenu, {
+      screen === "themes" && /* @__PURE__ */ jsxDEV12(ThemeMenu, {
         onBack: () => setScreen("main")
       }, undefined, false, undefined, this)
     ]
   }, undefined, true, undefined, this);
 }
-render(/* @__PURE__ */ jsxDEV10(App, {}, undefined, false, undefined, this));
+render(/* @__PURE__ */ jsxDEV12(App, {}, undefined, false, undefined, this));