formalconf 2.0.3 → 2.0.5

package/dist/formalconf.js

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 // src/cli/formalconf.tsx
-import { useState as useState10, useEffect as useEffect6 } from "react";
-import { render, useApp as useApp2, useInput as useInput10 } from "ink";
+import { useState as useState11, useEffect as useEffect6 } from "react";
+import { render, useApp as useApp2, useInput as useInput11 } from "ink";
 import { Spinner as Spinner2 } from "@inkjs/ui";
 
 // src/components/layout/Layout.tsx
@@ -414,7 +414,7 @@ function StatusIndicator({
 // package.json
 var package_default = {
   name: "formalconf",
-  version: "2.0.3",
+  version: "2.0.5",
   description: "Dotfiles management TUI for macOS - config management, package sync, and theme switching",
   type: "module",
   main: "./dist/formalconf.js",
@@ -1674,8 +1674,8 @@ function ConfigMenu({ onBack }) {
 }
 
 // src/components/menus/PackageMenu.tsx
-import { useState as useState7, useCallback as useCallback2, useMemo as useMemo2, useRef } from "react";
-import { Box as Box13, Text as Text12, useInput as useInput8 } from "ink";
+import { useState as useState8, useCallback as useCallback2, useMemo as useMemo2, useRef } from "react";
+import { Box as Box14, Text as Text13, useInput as useInput9 } from "ink";
 
 // src/components/ScrollableLog.tsx
 import { useState as useState6, useEffect as useEffect3, useMemo } from "react";
@@ -1801,6 +1801,142 @@ function PromptInput({
   }, undefined, false, undefined, this);
 }
 
+// src/components/OrphanTable.tsx
+import { useState as useState7 } from "react";
+import { Box as Box13, Text as Text12, useInput as useInput8 } from "ink";
+import { jsxDEV as jsxDEV16 } from "react/jsx-dev-runtime";
+function OrphanTable({ result, onAction, onDismiss }) {
+  const [selectedIndex, setSelectedIndex] = useState7(0);
+  const { orphans } = result;
+  useInput8((input, key) => {
+    if (orphans.length > 0) {
+      if (input === "j" || key.downArrow) {
+        setSelectedIndex((i) => Math.min(i + 1, orphans.length - 1));
+      }
+      if (input === "k" || key.upArrow) {
+        setSelectedIndex((i) => Math.max(i - 1, 0));
+      }
+      if (input === "a") {
+        onAction("add", orphans[selectedIndex]);
+      }
+      if (input === "x") {
+        onAction("uninstall", orphans[selectedIndex]);
+      }
+    }
+    if (key.escape || input === "h" || key.leftArrow) {
+      onDismiss();
+    }
+  });
+  const borderColor = orphans.length > 0 ? colors.warning : colors.success;
+  return /* @__PURE__ */ jsxDEV16(Panel, {
+    title: "Orphaned Packages",
+    borderColor,
+    children: [
+      /* @__PURE__ */ jsxDEV16(Box13, {
+        marginBottom: 1,
+        children: /* @__PURE__ */ jsxDEV16(Text12, {
+          dimColor: true,
+          children: [
+            "Config: ",
+            result.configFormulas,
+            " formulas, ",
+            result.configCasks,
+            " casks | Installed: ",
+            result.installedLeaves,
+            " leaves, ",
+            result.installedCasks,
+            " ",
+            "casks"
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this),
+      orphans.length === 0 ? /* @__PURE__ */ jsxDEV16(Box13, {
+        flexDirection: "column",
+        children: [
+          /* @__PURE__ */ jsxDEV16(Text12, {
+            color: colors.success,
+            children: "No orphaned packages found!"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV16(Text12, {
+            dimColor: true,
+            children: "All installed packages are in your config."
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this) : /* @__PURE__ */ jsxDEV16(Box13, {
+        flexDirection: "column",
+        children: [
+          /* @__PURE__ */ jsxDEV16(Text12, {
+            color: colors.warning,
+            children: [
+              "Found ",
+              orphans.length,
+              " orphaned package",
+              orphans.length !== 1 ? "s" : "",
+              ":"
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV16(Box13, {
+            marginTop: 1,
+            flexDirection: "column",
+            children: [
+              /* @__PURE__ */ jsxDEV16(Box13, {
+                children: [
+                  /* @__PURE__ */ jsxDEV16(Text12, {
+                    bold: true,
+                    children: [
+                      "  ",
+                      "Name"
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV16(Text12, {
+                    bold: true,
+                    children: [
+                      " ".repeat(28),
+                      "Type"
+                    ]
+                  }, undefined, true, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV16(Text12, {
+                color: colors.border,
+                children: "─".repeat(50)
+              }, undefined, false, undefined, this),
+              orphans.map((pkg, i) => {
+                const isSelected = i === selectedIndex;
+                return /* @__PURE__ */ jsxDEV16(Box13, {
+                  children: [
+                    /* @__PURE__ */ jsxDEV16(Text12, {
+                      color: isSelected ? colors.primary : undefined,
+                      children: [
+                        isSelected ? "❯ " : "  ",
+                        pkg.name.padEnd(30)
+                      ]
+                    }, undefined, true, undefined, this),
+                    /* @__PURE__ */ jsxDEV16(Text12, {
+                      color: pkg.type === "formula" ? colors.info : colors.accent,
+                      children: pkg.type
+                    }, undefined, false, undefined, this)
+                  ]
+                }, `${pkg.type}-${pkg.name}`, true, undefined, this);
+              })
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV16(Box13, {
+        marginTop: 1,
+        children: orphans.length > 0 ? /* @__PURE__ */ jsxDEV16(Text12, {
+          dimColor: true,
+          children: "j/k navigate | a add to config | x uninstall | esc/h back | q quit"
+        }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV16(Text12, {
+          dimColor: true,
+          children: "esc/h back | q quit"
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
 // src/cli/pkg-sync.ts
 import { parseArgs as parseArgs2 } from "util";
 
@@ -2613,21 +2749,88 @@ if (isMainModule3) {
   main3().catch(console.error);
 }
 
+// src/lib/orphan-detector.ts
+function getPackageName(fullName) {
+  const parts = fullName.split("/");
+  return parts[parts.length - 1];
+}
+async function detectOrphanedPackages() {
+  const config = await loadPkgConfig();
+  const leavesResult = await exec(["brew", "leaves"]);
+  const installedLeaves = leavesResult.success ? leavesResult.stdout.split(`
+`).filter(Boolean) : [];
+  const casksResult = await exec(["brew", "list", "--cask"]);
+  const installedCasks = casksResult.success ? casksResult.stdout.split(`
+`).filter(Boolean) : [];
+  const orphans = [];
+  const configPackages = config.packages.map((pkg) => ({
+    full: pkg,
+    short: getPackageName(pkg)
+  }));
+  for (const installed of installedLeaves) {
+    const installedShort = getPackageName(installed);
+    const isInConfig = configPackages.some((cfg) => installed === cfg.full || installed === cfg.short || installedShort === cfg.full || installedShort === cfg.short || installed.endsWith(`/${cfg.short}`));
+    if (!isInConfig) {
+      orphans.push({ name: installed, type: "formula" });
+    }
+  }
+  const configCasksSet = new Set(config.casks);
+  for (const cask of installedCasks) {
+    if (!configCasksSet.has(cask)) {
+      orphans.push({ name: cask, type: "cask" });
+    }
+  }
+  orphans.sort((a, b) => {
+    if (a.type !== b.type)
+      return a.type === "formula" ? -1 : 1;
+    return a.name.localeCompare(b.name);
+  });
+  return {
+    orphans,
+    configFormulas: config.packages.length,
+    configCasks: config.casks.length,
+    installedLeaves: installedLeaves.length,
+    installedCasks: installedCasks.length
+  };
+}
+async function addToConfig(pkg) {
+  const config = await loadPkgConfig();
+  if (pkg.type === "formula") {
+    if (!config.packages.includes(pkg.name)) {
+      config.packages.push(pkg.name);
+      config.packages.sort();
+    }
+  } else {
+    if (!config.casks.includes(pkg.name)) {
+      config.casks.push(pkg.name);
+      config.casks.sort();
+    }
+  }
+  await savePkgConfig(config);
+}
+async function uninstallPackage(pkg) {
+  const cmd = pkg.type === "cask" ? ["brew", "uninstall", "--cask", pkg.name] : ["brew", "uninstall", pkg.name];
+  const result = await exec(cmd);
+  return result.success;
+}
+
 // src/components/menus/PackageMenu.tsx
-import { jsxDEV as jsxDEV16 } from "react/jsx-dev-runtime";
+import { jsxDEV as jsxDEV17 } from "react/jsx-dev-runtime";
 function PackageMenu({ onBack }) {
-  const [state, setState] = useState7("menu");
-  const [lines, setLines] = useState7([]);
-  const [output, setOutput] = useState7("");
-  const [isStreamingOp, setIsStreamingOp] = useState7(true);
-  const [pendingPrompt, setPendingPrompt] = useState7(null);
-  const [success, setSuccess] = useState7(true);
+  const [state, setState] = useState8("menu");
+  const [lines, setLines] = useState8([]);
+  const [output, setOutput] = useState8("");
+  const [isStreamingOp, setIsStreamingOp] = useState8(true);
+  const [pendingPrompt, setPendingPrompt] = useState8(null);
+  const [success, setSuccess] = useState8(true);
+  const [orphanResult, setOrphanResult] = useState8(null);
+  const [isOrphanView, setIsOrphanView] = useState8(false);
   const isRunningRef = useRef(false);
-  useInput8((input, key) => {
+  useInput9((input, key) => {
     if (state === "menu" && (key.escape || key.leftArrow || input === "h")) {
       onBack();
     }
-    if (state === "result") {
+    if (state === "result" && !isOrphanView) {
       setState("menu");
       setLines([]);
     }
@@ -2689,6 +2892,13 @@ function PackageMenu({ onBack }) {
         result = await runPkgLock(["status"]);
         setOutput(result.output);
         break;
+      case "orphans":
+        setIsStreamingOp(false);
+        setIsOrphanView(true);
+        const orphanData = await detectOrphanedPackages();
+        setOrphanResult(orphanData);
+        result = { output: "", success: true };
+        break;
       default:
         setIsStreamingOp(false);
         result = { output: "Unknown action", success: false };
@@ -2700,17 +2910,17 @@ function PackageMenu({ onBack }) {
   };
   if (state === "running") {
     if (!isStreamingOp) {
-      return /* @__PURE__ */ jsxDEV16(LoadingPanel, {
+      return /* @__PURE__ */ jsxDEV17(LoadingPanel, {
         title: "Package Sync"
       }, undefined, false, undefined, this);
     }
-    return /* @__PURE__ */ jsxDEV16(Panel, {
+    return /* @__PURE__ */ jsxDEV17(Panel, {
       title: "Package Sync",
       children: [
-        /* @__PURE__ */ jsxDEV16(ScrollableLog, {
+        /* @__PURE__ */ jsxDEV17(ScrollableLog, {
           lines
         }, undefined, false, undefined, this),
-        pendingPrompt && /* @__PURE__ */ jsxDEV16(PromptInput, {
+        pendingPrompt && /* @__PURE__ */ jsxDEV17(PromptInput, {
           question: pendingPrompt.question,
           options: pendingPrompt.options,
           onAnswer: handlePromptAnswer
@@ -2719,39 +2929,58 @@ function PackageMenu({ onBack }) {
     }, undefined, true, undefined, this);
   }
   if (state === "result") {
+    if (isOrphanView && orphanResult) {
+      const handleOrphanAction = async (action, pkg) => {
+        if (action === "add") {
+          await addToConfig(pkg);
+        } else {
+          await uninstallPackage(pkg);
+        }
+        const updated = await detectOrphanedPackages();
+        setOrphanResult(updated);
+      };
+      return /* @__PURE__ */ jsxDEV17(OrphanTable, {
+        result: orphanResult,
+        onAction: handleOrphanAction,
+        onDismiss: () => {
+          setIsOrphanView(false);
+          setState("menu");
+        }
+      }, undefined, false, undefined, this);
+    }
     if (!isStreamingOp) {
-      return /* @__PURE__ */ jsxDEV16(CommandOutput, {
+      return /* @__PURE__ */ jsxDEV17(CommandOutput, {
         title: "Package Sync",
         output,
         success,
         onDismiss: () => setState("menu")
       }, undefined, false, undefined, this);
     }
-    return /* @__PURE__ */ jsxDEV16(Panel, {
+    return /* @__PURE__ */ jsxDEV17(Panel, {
       title: "Package Sync",
       borderColor: success ? colors.success : colors.error,
       children: [
-        /* @__PURE__ */ jsxDEV16(ScrollableLog, {
+        /* @__PURE__ */ jsxDEV17(ScrollableLog, {
           lines,
           autoScroll: false
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV16(Box13, {
+        /* @__PURE__ */ jsxDEV17(Box14, {
           marginTop: 1,
-          children: /* @__PURE__ */ jsxDEV16(Text12, {
+          children: /* @__PURE__ */ jsxDEV17(Text13, {
             color: success ? colors.success : colors.error,
             children: success ? "Done" : "Failed"
           }, undefined, false, undefined, this)
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV16(Text12, {
+        /* @__PURE__ */ jsxDEV17(Text13, {
           dimColor: true,
           children: "Press any key to continue..."
         }, undefined, false, undefined, this)
       ]
     }, undefined, true, undefined, this);
   }
-  return /* @__PURE__ */ jsxDEV16(Panel, {
+  return /* @__PURE__ */ jsxDEV17(Panel, {
     title: "Package Sync",
-    children: /* @__PURE__ */ jsxDEV16(VimSelect, {
+    children: /* @__PURE__ */ jsxDEV17(VimSelect, {
       options: [
         { label: "Sync packages", value: "sync" },
         { label: "Sync with purge", value: "sync-purge" },
@@ -2759,6 +2988,7 @@ function PackageMenu({ onBack }) {
         { label: "Upgrade interactive", value: "upgrade-interactive" },
         { label: "Update lockfile", value: "lock-update" },
         { label: "Lockfile status", value: "lock-status" },
+        { label: "Find orphaned packages", value: "orphans" },
         { label: "Back", value: "back" }
       ],
       onChange: handleAction
@@ -2767,14 +2997,14 @@ function PackageMenu({ onBack }) {
 }
 
 // src/components/menus/ThemeMenu.tsx
-import { useState as useState9, useEffect as useEffect5, useMemo as useMemo4 } from "react";
-import { Box as Box15, Text as Text14 } from "ink";
+import { useState as useState10, useEffect as useEffect5, useMemo as useMemo4 } from "react";
+import { Box as Box16, Text as Text15 } from "ink";
 import { existsSync as existsSync7, readdirSync as readdirSync5 } from "fs";
 import { join as join6 } from "path";
 
 // src/components/ThemeCard.tsx
-import { Box as Box14, Text as Text13 } from "ink";
-import { jsxDEV as jsxDEV17 } from "react/jsx-dev-runtime";
+import { Box as Box15, Text as Text14 } from "ink";
+import { jsxDEV as jsxDEV18 } from "react/jsx-dev-runtime";
 function ThemeCard({ theme, isSelected, width }) {
   const borderColor = isSelected ? colors.accent : colors.border;
   const nameColor = isSelected ? colors.primary : colors.text;
@@ -2784,25 +3014,25 @@ function ThemeCard({ theme, isSelected, width }) {
   if (theme.isLightMode)
     indicators.push("light");
   const indicatorText = indicators.length > 0 ? ` [${indicators.join(" ")}]` : "";
-  return /* @__PURE__ */ jsxDEV17(Box14, {
+  return /* @__PURE__ */ jsxDEV18(Box15, {
     flexDirection: "column",
     width,
     borderStyle: borderStyles.panel,
     borderColor,
     paddingX: 1,
-    children: /* @__PURE__ */ jsxDEV17(Box14, {
+    children: /* @__PURE__ */ jsxDEV18(Box15, {
       children: [
-        /* @__PURE__ */ jsxDEV17(Text13, {
+        /* @__PURE__ */ jsxDEV18(Text14, {
           color: isSelected ? colors.accent : colors.primaryDim,
           children: isSelected ? "● " : "  "
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV17(Text13, {
+        /* @__PURE__ */ jsxDEV18(Text14, {
           color: nameColor,
           bold: true,
           wrap: "truncate",
           children: theme.name
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV17(Text13, {
+        /* @__PURE__ */ jsxDEV18(Text14, {
           color: colors.primaryDim,
           children: indicatorText
         }, undefined, false, undefined, this)
@@ -2812,8 +3042,8 @@ function ThemeCard({ theme, isSelected, width }) {
 }
 
 // src/hooks/useThemeGrid.ts
-import { useState as useState8, useEffect as useEffect4 } from "react";
-import { useInput as useInput9 } from "ink";
+import { useState as useState9, useEffect as useEffect4 } from "react";
+import { useInput as useInput10 } from "ink";
 function useThemeGrid({
   itemCount,
   cardHeight = 3,
@@ -2824,8 +3054,8 @@ function useThemeGrid({
   enabled = true
 }) {
   const { columns, rows } = useTerminalSize();
-  const [selectedIndex, setSelectedIndex] = useState8(0);
-  const [scrollOffset, setScrollOffset] = useState8(0);
+  const [selectedIndex, setSelectedIndex] = useState9(0);
+  const [scrollOffset, setScrollOffset] = useState9(0);
   const availableWidth = columns - 6;
   const cardsPerRow = Math.max(1, Math.floor(availableWidth / minCardWidth));
   const cardWidth = Math.floor(availableWidth / cardsPerRow);
@@ -2840,7 +3070,7 @@ function useThemeGrid({
       setScrollOffset(selectedRow - visibleRows + 1);
     }
   }, [selectedRow, scrollOffset, visibleRows]);
-  useInput9((input, key) => {
+  useInput10((input, key) => {
     if (!enabled)
       return;
     if (key.escape && onBack) {
@@ -3135,10 +3365,10 @@ if (isMainModule4) {
 }
 
 // src/components/menus/ThemeMenu.tsx
-import { jsxDEV as jsxDEV18 } from "react/jsx-dev-runtime";
+import { jsxDEV as jsxDEV19 } from "react/jsx-dev-runtime";
 function ThemeMenu({ onBack }) {
-  const [themes, setThemes] = useState9([]);
-  const [loading, setLoading] = useState9(true);
+  const [themes, setThemes] = useState10([]);
+  const [loading, setLoading] = useState10(true);
   const { state, output, success, isRunning, isResult, execute, reset } = useMenuAction();
   const grid = useThemeGrid({
     itemCount: themes.length,
@@ -3175,13 +3405,13 @@ function ThemeMenu({ onBack }) {
     return themes.slice(grid.visibleStartIndex, grid.visibleEndIndex);
   }, [themes, grid.visibleStartIndex, grid.visibleEndIndex]);
   if (loading || isRunning) {
-    return /* @__PURE__ */ jsxDEV18(LoadingPanel, {
+    return /* @__PURE__ */ jsxDEV19(LoadingPanel, {
       title: "Select Theme",
       label: loading ? "Loading themes..." : "Applying theme..."
     }, undefined, false, undefined, this);
   }
   if (isResult) {
-    return /* @__PURE__ */ jsxDEV18(CommandOutput, {
+    return /* @__PURE__ */ jsxDEV19(CommandOutput, {
       title: "Select Theme",
       output,
       success,
@@ -3189,28 +3419,28 @@ function ThemeMenu({ onBack }) {
     }, undefined, false, undefined, this);
   }
   if (themes.length === 0) {
-    return /* @__PURE__ */ jsxDEV18(Panel, {
+    return /* @__PURE__ */ jsxDEV19(Panel, {
       title: "Select Theme",
       children: [
-        /* @__PURE__ */ jsxDEV18(Box15, {
+        /* @__PURE__ */ jsxDEV19(Box16, {
           flexDirection: "column",
           children: [
-            /* @__PURE__ */ jsxDEV18(Text14, {
+            /* @__PURE__ */ jsxDEV19(Text15, {
               color: colors.warning,
               children: "No themes available."
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV18(Text14, {
+            /* @__PURE__ */ jsxDEV19(Text15, {
               children: "This system is compatible with omarchy themes."
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV18(Text14, {
+            /* @__PURE__ */ jsxDEV19(Text15, {
               dimColor: true,
               children: "Add themes to ~/.config/formalconf/themes/"
             }, undefined, false, undefined, this)
           ]
         }, undefined, true, undefined, this),
-        /* @__PURE__ */ jsxDEV18(Box15, {
+        /* @__PURE__ */ jsxDEV19(Box16, {
           marginTop: 1,
-          children: /* @__PURE__ */ jsxDEV18(VimSelect, {
+          children: /* @__PURE__ */ jsxDEV19(VimSelect, {
             options: [{ label: "Back", value: "back" }],
             onChange: () => onBack()
           }, undefined, false, undefined, this)
@@ -3218,10 +3448,10 @@ function ThemeMenu({ onBack }) {
       ]
     }, undefined, true, undefined, this);
   }
-  return /* @__PURE__ */ jsxDEV18(Panel, {
+  return /* @__PURE__ */ jsxDEV19(Panel, {
     title: "Select Theme",
     children: [
-      grid.showScrollUp && /* @__PURE__ */ jsxDEV18(Text14, {
+      grid.showScrollUp && /* @__PURE__ */ jsxDEV19(Text15, {
         dimColor: true,
         children: [
           "  ",
@@ -3231,18 +3461,18 @@ function ThemeMenu({ onBack }) {
           grid.scrollOffset > 1 ? "s" : ""
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV18(Box15, {
+      /* @__PURE__ */ jsxDEV19(Box16, {
         flexDirection: "row",
         flexWrap: "wrap",
         height: grid.gridHeight,
         overflow: "hidden",
-        children: visibleThemes.map((theme, index) => /* @__PURE__ */ jsxDEV18(ThemeCard, {
+        children: visibleThemes.map((theme, index) => /* @__PURE__ */ jsxDEV19(ThemeCard, {
           theme,
           isSelected: grid.visibleStartIndex + index === grid.selectedIndex,
           width: grid.cardWidth
         }, theme.path, false, undefined, this))
       }, undefined, false, undefined, this),
-      grid.showScrollDown && /* @__PURE__ */ jsxDEV18(Text14, {
+      grid.showScrollDown && /* @__PURE__ */ jsxDEV19(Text15, {
         dimColor: true,
         children: [
           "  ",
@@ -3252,9 +3482,9 @@ function ThemeMenu({ onBack }) {
           grid.totalRows - grid.scrollOffset - grid.visibleRows > 1 ? "s" : ""
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV18(Box15, {
+      /* @__PURE__ */ jsxDEV19(Box16, {
         marginTop: 1,
-        children: /* @__PURE__ */ jsxDEV18(Text14, {
+        children: /* @__PURE__ */ jsxDEV19(Text15, {
           dimColor: true,
           children: "←→↑↓/hjkl navigate • Enter select • Esc back"
         }, undefined, false, undefined, this)
@@ -3264,7 +3494,7 @@ function ThemeMenu({ onBack }) {
 }
 
 // src/cli/formalconf.tsx
-import { jsxDEV as jsxDEV19 } from "react/jsx-dev-runtime";
+import { jsxDEV as jsxDEV20 } from "react/jsx-dev-runtime";
 var BREADCRUMBS = {
   main: ["Main"],
   config: ["Main", "Config Manager"],
@@ -3272,11 +3502,11 @@ var BREADCRUMBS = {
   themes: ["Main", "Themes"]
 };
 function App() {
-  const [appState, setAppState] = useState10("loading");
-  const [missingDeps, setMissingDeps] = useState10([]);
-  const [screen, setScreen] = useState10("main");
+  const [appState, setAppState] = useState11("loading");
+  const [missingDeps, setMissingDeps] = useState11([]);
+  const [screen, setScreen] = useState11("main");
   const { exit } = useApp2();
-  useInput10((input) => {
+  useInput11((input) => {
     if (input === "q")
       exit();
   });
@@ -3299,44 +3529,44 @@ function App() {
     init();
   }, []);
   if (appState === "loading") {
-    return /* @__PURE__ */ jsxDEV19(Layout, {
+    return /* @__PURE__ */ jsxDEV20(Layout, {
       breadcrumb: ["Loading"],
-      children: /* @__PURE__ */ jsxDEV19(Panel, {
+      children: /* @__PURE__ */ jsxDEV20(Panel, {
         title: "FormalConf",
-        children: /* @__PURE__ */ jsxDEV19(Spinner2, {
+        children: /* @__PURE__ */ jsxDEV20(Spinner2, {
           label: "Checking prerequisites..."
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this)
     }, undefined, false, undefined, this);
   }
   if (appState === "error") {
-    return /* @__PURE__ */ jsxDEV19(PrerequisiteError, {
+    return /* @__PURE__ */ jsxDEV20(PrerequisiteError, {
       missing: missingDeps,
       onExit: exit
     }, undefined, false, undefined, this);
   }
   if (appState === "onboarding") {
-    return /* @__PURE__ */ jsxDEV19(Onboarding, {
+    return /* @__PURE__ */ jsxDEV20(Onboarding, {
       onComplete: () => setAppState("ready")
     }, undefined, false, undefined, this);
   }
   const goBack = () => setScreen("main");
-  return /* @__PURE__ */ jsxDEV19(Layout, {
+  return /* @__PURE__ */ jsxDEV20(Layout, {
     breadcrumb: BREADCRUMBS[screen],
     children: [
-      screen === "main" && /* @__PURE__ */ jsxDEV19(MainMenu, {
+      screen === "main" && /* @__PURE__ */ jsxDEV20(MainMenu, {
         onSelect: setScreen
       }, undefined, false, undefined, this),
-      screen === "config" && /* @__PURE__ */ jsxDEV19(ConfigMenu, {
+      screen === "config" && /* @__PURE__ */ jsxDEV20(ConfigMenu, {
         onBack: goBack
       }, undefined, false, undefined, this),
-      screen === "packages" && /* @__PURE__ */ jsxDEV19(PackageMenu, {
+      screen === "packages" && /* @__PURE__ */ jsxDEV20(PackageMenu, {
         onBack: goBack
       }, undefined, false, undefined, this),
-      screen === "themes" && /* @__PURE__ */ jsxDEV19(ThemeMenu, {
+      screen === "themes" && /* @__PURE__ */ jsxDEV20(ThemeMenu, {
         onBack: goBack
       }, undefined, false, undefined, this)
     ]
   }, undefined, true, undefined, this);
 }
-render(/* @__PURE__ */ jsxDEV19(App, {}, undefined, false, undefined, this));
+render(/* @__PURE__ */ jsxDEV20(App, {}, undefined, false, undefined, this));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "formalconf",
-  "version": "2.0.3",
+  "version": "2.0.5",
   "description": "Dotfiles management TUI for macOS - config management, package sync, and theme switching",
   "type": "module",
   "main": "./dist/formalconf.js",