@polterware/polter 0.0.0 → 0.1.0

package/dist/index.js

@@ -1,36 +1,102 @@
 #!/usr/bin/env node
+import {
+  allCommands,
+  applyActions,
+  commandExists,
+  executePipeline,
+  features,
+  findCommandByValue,
+  findNearestPackageRoot,
+  findPipelineByName,
+  getAllPipelines,
+  getCommandById,
+  getCommandValue,
+  getCurrentStatus,
+  getFeatureById,
+  getFlagsForTool,
+  getOrCreateProjectConfig,
+  getProjectConfigPath,
+  getToolInfo,
+  parsePolterYaml,
+  planChanges,
+  resolveToolCommand,
+  runCommand,
+  runSupabaseCommand,
+  savePipeline,
+  writeProjectConfig
+} from "./chunk-TWWRDI3Q.js";
 
 // src/index.tsx
-import React8 from "react";
+import React19 from "react";
 import { render } from "ink";
 
 // src/app.tsx
-import { Box as Box14, Text as Text13, useApp } from "ink";
+import { Box as Box21, Text as Text23, useApp } from "ink";
 
 // src/hooks/useNavigation.ts
 import { useState, useCallback } from "react";
 function useNavigation() {
-  const [state, setState] = useState({
-    screen: "main-menu",
-    params: {}
-  });
+  const [stack, setStack] = useState([
+    { screen: "home", params: {} }
+  ]);
+  const current = stack[stack.length - 1];
   const navigate = useCallback((screen, params) => {
-    setState({
-      screen,
-      params: params ?? {}
-    });
+    setStack((prev) => [...prev, { screen, params: params ?? {} }]);
   }, []);
   const goBack = useCallback(() => {
-    setState({ screen: "main-menu", params: {} });
+    setStack((prev) => {
+      if (prev.length <= 1) return [{ screen: "home", params: {} }];
+      return prev.slice(0, -1);
+    });
+  }, []);
+  const goHome = useCallback(() => {
+    setStack([{ screen: "home", params: {} }]);
   }, []);
-  return { screen: state.screen, params: state.params, navigate, goBack };
+  return {
+    screen: current.screen,
+    params: current.params,
+    navigate,
+    goBack,
+    goHome
+  };
 }
 
-// src/screens/MainMenu.tsx
-import { useEffect as useEffect2, useMemo as useMemo2, useState as useState3 } from "react";
-import { Box as Box4, Text as Text4 } from "ink";
+// src/hooks/useTerminalDimensions.ts
+import { useState as useState2, useEffect } from "react";
+import { useStdout } from "ink";
+function useTerminalDimensions() {
+  const { stdout } = useStdout();
+  const [dimensions, setDimensions] = useState2(() => ({
+    width: stdout?.columns ?? process.stdout.columns ?? 80,
+    height: stdout?.rows ?? process.stdout.rows ?? 24
+  }));
+  useEffect(() => {
+    const onResize = () => {
+      setDimensions({
+        width: stdout?.columns ?? process.stdout.columns ?? 80,
+        height: stdout?.rows ?? process.stdout.rows ?? 24
+      });
+    };
+    process.stdout.on("resize", onResize);
+    return () => {
+      process.stdout.off("resize", onResize);
+    };
+  }, [stdout]);
+  return dimensions;
+}
+
+// src/hooks/useTerminalWidth.ts
+function useTerminalWidth() {
+  return useTerminalDimensions().width;
+}
+
+// src/hooks/useTerminalHeight.ts
+function useTerminalHeight() {
+  return useTerminalDimensions().height;
+}
 
 // src/components/GhostBanner.tsx
+import React from "react";
 import { Box, Text } from "ink";
 
 // src/theme.ts
@@ -67,6 +133,33 @@ var colors = {
   white: pc.white,
   highlight: (s) => supabaseBg(pc.black(pc.bold(s)))
 };
+var symbols = {
+  pointer: "\u203A",
+  pointerActive: "\u276F",
+  check: "\u2713",
+  cross: "\u2717",
+  bullet: "\u25CF",
+  bulletEmpty: "\u25CB",
+  pin: "\u{1F4CC}",
+  ghost: "\u{1F47B}",
+  exit: "\u{1F6AA}",
+  edit: "\u270F\uFE0F",
+  gear: "\u2699\uFE0F",
+  back: "\u2190",
+  arrowRight: "\u2192",
+  separator: "\u2500",
+  cornerTL: "\u256D",
+  cornerTR: "\u256E",
+  cornerBL: "\u2570",
+  cornerBR: "\u256F",
+  vertical: "\u2502",
+  horizontal: "\u2500"
+};
+var panel = {
+  borderFocused: SUPABASE_HEX,
+  borderDim: "#555555",
+  sidebarWidth: (termWidth) => Math.max(20, Math.min(35, Math.floor(termWidth * 0.3)))
+};
 var ghost = {
   art: [
     "    \u2584\u2584\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2584\u2584",
@@ -82,7 +175,84 @@ var ghost = {
 
 // src/components/GhostBanner.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
-function GhostBanner() {
+var ToolStatusBadges = React.memo(function ToolStatusBadges2() {
+  const tools = ["supabase", "gh", "vercel"].map(getToolInfo);
+  return /* @__PURE__ */ jsx(Box, { gap: 1, children: tools.map((t) => /* @__PURE__ */ jsxs(
+    Text,
+    {
+      color: t.installed ? inkColors.accent : "red",
+      dimColor: !t.installed,
+      children: [
+        t.id,
+        ":",
+        t.installed ? "ok" : "x"
+      ]
+    },
+    t.id
+  )) });
+});
+function GhostBanner({ width = 80, compact = false }) {
+  if (compact) {
+    if (width < 60) {
+      return /* @__PURE__ */ jsxs(Box, { children: [
+        /* @__PURE__ */ jsx(Text, { color: inkColors.accent, bold: true, children: "POLTER" }),
+        /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+          " v",
+          VERSION,
+          "  "
+        ] }),
+        /* @__PURE__ */ jsx(ToolStatusBadges, {})
+      ] });
+    }
+    return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 2, children: [
+      /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: ghost.art.map((line, i) => /* @__PURE__ */ jsx(Text, { color: inkColors.accent, children: line }, i)) }),
+      /* @__PURE__ */ jsxs(Box, { flexDirection: "column", justifyContent: "center", children: [
+        /* @__PURE__ */ jsx(Text, { color: inkColors.accent, bold: true, children: "POLTER" }),
+        /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+          "v",
+          VERSION
+        ] }),
+        /* @__PURE__ */ jsx(ToolStatusBadges, {})
+      ] })
+    ] });
+  }
+  if (width < 50) {
+    return /* @__PURE__ */ jsxs(Box, { marginBottom: 1, children: [
+      /* @__PURE__ */ jsx(Text, { color: inkColors.accent, bold: true, children: "POLTER" }),
+      /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+        " v",
+        VERSION
+      ] })
+    ] });
+  }
+  if (width < 80) {
+    return /* @__PURE__ */ jsxs(
+      Box,
+      {
+        flexDirection: "column",
+        borderStyle: "single",
+        borderColor: inkColors.accent,
+        paddingX: 1,
+        marginBottom: 1,
+        children: [
+          /* @__PURE__ */ jsx(
+            Text,
+            {
+              backgroundColor: inkColors.accent,
+              color: inkColors.accentContrast,
+              bold: true,
+              children: " POLTER "
+            }
+          ),
+          /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+            "Version: ",
+            VERSION
+          ] }),
+          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Project & infrastructure orchestrator" })
+        ]
+      }
+    );
+  }
   return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", alignItems: "flex-start", gap: 2, marginBottom: 1, children: [
     /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: ghost.art.map((line, i) => /* @__PURE__ */ jsx(Text, { color: inkColors.accent, children: line }, i)) }),
     /* @__PURE__ */ jsxs(
@@ -106,16 +276,45 @@ function GhostBanner() {
             "Version: ",
             VERSION
           ] }),
-          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "The modern interactive CLI for Supabase" })
+          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Project & infrastructure orchestrator" })
         ]
       }
     )
   ] });
 }
 
+// src/screens/Home.tsx
+import { useEffect as useEffect3, useMemo as useMemo2, useState as useState4 } from "react";
+import { Box as Box5, Text as Text5, useInput as useInput2 } from "ink";
+
+// src/components/TabBar.tsx
+import { Box as Box2, Text as Text2 } from "ink";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function TabBar({ tabs, activeIndex, width = 80 }) {
+  const narrow = width < 50;
+  const medium = width < 80;
+  return /* @__PURE__ */ jsx2(Box2, { gap: 1, children: tabs.map((tab, i) => {
+    const isActive = i === activeIndex;
+    const showLabel = narrow ? false : medium ? isActive : true;
+    const displayText = showLabel ? `${tab.icon} ${tab.label}` : tab.icon;
+    return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx2(
+        Text2,
+        {
+          color: isActive ? inkColors.accent : void 0,
+          bold: isActive,
+          dimColor: !isActive,
+          children: displayText
+        }
+      ),
+      isActive && !narrow && /* @__PURE__ */ jsx2(Text2, { color: inkColors.accent, children: "\u2550".repeat(displayText.length) })
+    ] }, tab.id);
+  }) });
+}
+
 // src/components/SelectList.tsx
-import { useEffect, useMemo, useState as useState2 } from "react";
-import { Box as Box2, Text as Text2, useInput } from "ink";
+import { useEffect as useEffect2, useMemo, useState as useState3 } from "react";
+import { Box as Box3, Text as Text3, useInput } from "ink";
 
 // src/components/selectListSections.ts
 function isHeader(item) {
@@ -193,16 +392,21 @@ function countBoxedSectionLines(sections) {
 }
 
 // src/components/SelectList.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function SelectList({
   items,
   onSelect,
   onRightAction,
   onCancel,
   maxVisible = 16,
-  labelWidth = 34,
-  boxedSections = false
+  labelWidth: labelWidthProp,
+  boxedSections = false,
+  width = 80,
+  isInputActive = true,
+  arrowNavigation = false
 }) {
+  const labelWidth = labelWidthProp ?? Math.max(16, Math.floor(width * 0.45));
+  const isNarrow = width < 50;
   const isHeader2 = (item) => item.kind === "header";
   const isSelectable = (item) => item.selectable ?? !isHeader2(item);
   const isPinnedRow = (item) => item.section === "pinned-runs" || item.section === "pinned-commands";
@@ -215,8 +419,8 @@ function SelectList({
     }, []),
     [items]
   );
-  const [selectedSelectableIndex, setSelectedSelectableIndex] = useState2(0);
-  useEffect(() => {
+  const [selectedSelectableIndex, setSelectedSelectableIndex] = useState3(0);
+  useEffect2(() => {
     if (selectableIndexes.length === 0) {
       setSelectedSelectableIndex(0);
       return;
@@ -250,104 +454,104 @@ function SelectList({
         return next;
       });
     }
-    if (key.return) {
+    if (key.return || arrowNavigation && key.rightArrow) {
       if (selectedItem) {
         onSelect(selectedItem.value, selectedItem);
       }
     }
-    if (key.rightArrow && onRightAction && selectedItem?.rightActionable) {
+    if (arrowNavigation && key.leftArrow) {
+      if (onCancel) onCancel();
+    }
+    if ((input2 === "p" || input2 === "P") && onRightAction && selectedItem?.rightActionable) {
       onRightAction(selectedItem);
     }
     if (key.escape && onCancel) {
       onCancel();
     }
-  });
-  const getWindowStart = () => {
-    if (items.length <= maxVisible) {
-      return 0;
-    }
-    const safeSelectedIndex = selectedItemIndex >= 0 ? selectedItemIndex : 0;
-    let start = Math.max(
-      0,
-      Math.min(
-        safeSelectedIndex - Math.floor(maxVisible / 2),
-        items.length - maxVisible
-      )
-    );
-    const firstVisible = items[start];
-    if (start > 0 && firstVisible && !isHeader2(firstVisible)) {
-      let previousHeaderIndex = -1;
-      for (let i = start - 1; i >= 0; i--) {
-        if (isHeader2(items[i])) {
-          previousHeaderIndex = i;
-          break;
+  }, { isActive: isInputActive });
+  const { windowStart, windowEnd, visibleItems, boxedLayout } = useMemo(() => {
+    let windowStartVal = 0;
+    if (items.length > maxVisible) {
+      const safeSelectedIndex = selectedItemIndex >= 0 ? selectedItemIndex : 0;
+      windowStartVal = Math.max(
+        0,
+        Math.min(
+          safeSelectedIndex - Math.floor(maxVisible / 2),
+          items.length - maxVisible
+        )
+      );
+      const firstVisible = items[windowStartVal];
+      if (windowStartVal > 0 && firstVisible && !isHeader2(firstVisible)) {
+        let previousHeaderIndex = -1;
+        for (let i = windowStartVal - 1; i >= 0; i--) {
+          if (isHeader2(items[i])) {
+            previousHeaderIndex = i;
+            break;
+          }
+        }
+        if (previousHeaderIndex >= 0 && safeSelectedIndex - previousHeaderIndex < maxVisible) {
+          windowStartVal = previousHeaderIndex;
         }
       }
-      if (previousHeaderIndex >= 0 && safeSelectedIndex - previousHeaderIndex < maxVisible) {
-        start = previousHeaderIndex;
-      }
-    }
-    return start;
-  };
-  const getWindowRange = () => {
-    const initialStart = getWindowStart();
-    const initialEnd = Math.min(initialStart + maxVisible, items.length);
-    if (!boxedSections) {
-      return [initialStart, initialEnd];
     }
-    let start = initialStart;
+    const initialEnd = Math.min(windowStartVal + maxVisible, items.length);
+    let start = windowStartVal;
     let end = initialEnd;
-    while (start < end) {
-      const sections = buildBoxedSectionLayout(items, start, end);
-      if (countBoxedSectionLines(sections) <= maxVisible) {
-        break;
-      }
-      if (selectedItemIndex >= 0 && start === selectedItemIndex && end === selectedItemIndex + 1) {
-        break;
-      }
-      const canTrimStart = selectedItemIndex > start;
-      const canTrimEnd = selectedItemIndex < end - 1;
-      if (canTrimEnd && (!canTrimStart || end - selectedItemIndex >= selectedItemIndex - start)) {
+    if (boxedSections) {
+      while (start < end) {
+        const sections = buildBoxedSectionLayout(items, start, end);
+        if (countBoxedSectionLines(sections) <= maxVisible) {
+          break;
+        }
+        if (selectedItemIndex >= 0 && start === selectedItemIndex && end === selectedItemIndex + 1) {
+          break;
+        }
+        const canTrimStart = selectedItemIndex > start;
+        const canTrimEnd = selectedItemIndex < end - 1;
+        if (canTrimEnd && (!canTrimStart || end - selectedItemIndex >= selectedItemIndex - start)) {
+          end -= 1;
+          continue;
+        }
+        if (canTrimStart) {
+          start += 1;
+          continue;
+        }
         end -= 1;
-        continue;
-      }
-      if (canTrimStart) {
-        start += 1;
-        continue;
       }
-      end -= 1;
     }
-    return [start, end];
-  };
-  const [windowStart, windowEnd] = getWindowRange();
-  const visibleItems = items.slice(windowStart, windowEnd);
-  const boxedLayout = boxedSections ? buildBoxedSectionLayout(items, windowStart, windowEnd) : [];
+    return {
+      windowStart: start,
+      windowEnd: end,
+      visibleItems: items.slice(start, end),
+      boxedLayout: boxedSections ? buildBoxedSectionLayout(items, start, end) : []
+    };
+  }, [items, selectedItemIndex, maxVisible, boxedSections]);
   const showScrollUp = windowStart > 0;
   const showScrollDown = windowEnd < items.length;
   const renderSelectableRow = (item, globalIdx) => {
     const isSelected = globalIdx === selectedItemIndex;
-    return /* @__PURE__ */ jsxs2(Box2, { gap: 1, children: [
-      /* @__PURE__ */ jsx2(Text2, { color: isSelected ? inkColors.accent : void 0, children: isSelected ? "\u276F" : " " }),
-      /* @__PURE__ */ jsx2(Box2, { width: labelWidth, children: /* @__PURE__ */ jsxs2(
-        Text2,
+    return /* @__PURE__ */ jsxs3(Box3, { gap: 1, children: [
+      /* @__PURE__ */ jsx3(Text3, { color: isSelected ? inkColors.accent : void 0, children: isSelected ? "\u276F" : " " }),
+      /* @__PURE__ */ jsx3(Box3, { width: labelWidth, children: /* @__PURE__ */ jsxs3(
+        Text3,
         {
           color: isSelected ? inkColors.accent : isPinnedRow(item) ? "white" : void 0,
           bold: isSelected || isPinnedRow(item),
+          wrap: "truncate",
           children: [
             item.icon ? `${item.icon} ` : "",
             item.label
           ]
         }
       ) }),
-      item.hint && /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: item.hint }),
-      isSelected && item.rightActionable && /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "\u2192 pin/unpin" })
+      !isNarrow && item.hint && /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: item.hint })
     ] }, item.id ?? `${item.value}-${globalIdx}`);
   };
-  return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", children: [
-    showScrollUp && /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "  \u2191 more" }),
+  return /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", children: [
+    showScrollUp && /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "  \u2191 more" }),
     boxedSections ? boxedLayout.map((section) => {
       if (section.type === "heading") {
-        return /* @__PURE__ */ jsx2(Box2, { children: /* @__PURE__ */ jsx2(Text2, { color: inkColors.accent, bold: true, children: section.label }) }, section.key);
+        return /* @__PURE__ */ jsx3(Box3, { children: /* @__PURE__ */ jsx3(Text3, { color: inkColors.accent, bold: true, children: section.label }) }, section.key);
       }
       const hasSelectedRow = section.rows.some(
         (row) => row.globalIndex === selectedItemIndex
@@ -355,8 +559,8 @@ function SelectList({
       const isPinnedSection = section.rows.some(
         (row) => isPinnedRow(row.item)
       );
-      return /* @__PURE__ */ jsxs2(
-        Box2,
+      return /* @__PURE__ */ jsxs3(
+        Box3,
         {
           flexDirection: "column",
           borderStyle: "round",
@@ -364,8 +568,8 @@ function SelectList({
           borderDimColor: !hasSelectedRow && !isPinnedSection,
           paddingX: 1,
           children: [
-            section.title && /* @__PURE__ */ jsx2(Text2, { color: inkColors.accent, bold: true, children: section.title }),
-            /* @__PURE__ */ jsx2(Box2, { flexDirection: "column", children: section.rows.map(
+            section.title && /* @__PURE__ */ jsx3(Text3, { color: inkColors.accent, bold: true, children: section.title }),
+            /* @__PURE__ */ jsx3(Box3, { flexDirection: "column", children: section.rows.map(
               (row) => renderSelectableRow(row.item, row.globalIndex)
             ) })
           ]
@@ -376,28 +580,28 @@ function SelectList({
       const globalIdx = windowStart + i;
       const selectable = isSelectable(item);
       if (!selectable) {
-        return /* @__PURE__ */ jsx2(
-          Box2,
+        return /* @__PURE__ */ jsx3(
+          Box3,
           {
             marginTop: i === 0 ? 0 : 1,
-            children: /* @__PURE__ */ jsx2(Text2, { color: inkColors.accent, bold: true, children: item.label })
+            children: /* @__PURE__ */ jsx3(Text3, { color: inkColors.accent, bold: true, children: item.label })
           },
           item.id ?? `${item.value}-${globalIdx}`
         );
       }
       return renderSelectableRow(item, globalIdx);
     }),
-    showScrollDown && /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "  \u2193 more" })
+    showScrollDown && /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "  \u2193 more" })
   ] });
 }
 
 // src/components/StatusBar.tsx
-import { Box as Box3, Text as Text3 } from "ink";
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-function StatusBar({ hint }) {
-  return /* @__PURE__ */ jsxs3(Box3, { marginTop: 1, justifyContent: "space-between", children: [
-    /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: hint || "\u2191\u2193 navigate \xB7 Enter select \xB7 Esc back" }),
-    /* @__PURE__ */ jsxs3(Text3, { dimColor: true, children: [
+import { Box as Box4, Text as Text4 } from "ink";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+function StatusBar({ hint, width = 80 }) {
+  return /* @__PURE__ */ jsxs4(Box4, { marginTop: 1, justifyContent: "space-between", children: [
+    /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: hint || "\u2191\u2193 navigate \xB7 Enter select \xB7 Esc back" }),
+    width >= 60 && /* @__PURE__ */ jsxs4(Text4, { dimColor: true, children: [
       "polter v",
       VERSION
     ] })
@@ -459,184 +663,53 @@ function isPinnedRun(runCommand2) {
   return getPinnedRuns().includes(runCommand2);
 }
 
-// src/data/commands.ts
-var categories = {
-  "quick-start": {
-    icon: "\u{1F680}",
-    label: "Quick Start",
-    description: "Get started with Supabase",
-    commands: [
-      {
-        value: "bootstrap",
-        label: "bootstrap",
-        hint: "Bootstrap from a starter template"
-      },
-      { value: "init", label: "init", hint: "Initialize a local project" },
-      {
-        value: "login",
-        label: "login",
-        hint: "Authenticate with access token"
-      },
-      { value: "logout", label: "logout", hint: "Remove local auth token" }
-    ]
-  },
-  "local-dev": {
-    icon: "\u{1F6E0}",
-    label: "Local Dev",
-    description: "Day-to-day local workflow",
-    commands: [
-      {
-        value: "start",
-        label: "start",
-        hint: "Start local Supabase containers"
-      },
-      { value: "stop", label: "stop", hint: "Stop local Supabase containers" },
-      { value: "status", label: "status", hint: "Show container status" },
-      { value: "db", label: "db", hint: "Manage Postgres databases" },
-      {
-        value: "migration",
-        label: "migration",
-        hint: "Manage migration scripts"
-      },
-      { value: "seed", label: "seed", hint: "Seed from config.toml" },
-      { value: "test", label: "test", hint: "Run tests on local stack" }
-    ]
-  },
-  "inspect-generate": {
-    icon: "\u{1F50D}",
-    label: "Inspect & Generate",
-    description: "Tooling and introspection",
-    commands: [
-      { value: "inspect", label: "inspect", hint: "Inspect project resources" },
-      { value: "gen", label: "gen", hint: "Run code generation tools" },
-      { value: "services", label: "services", hint: "Show service versions" },
-      { value: "link", label: "link", hint: "Link to remote project" },
-      { value: "unlink", label: "unlink", hint: "Unlink remote project" }
-    ]
-  },
-  cloud: {
-    icon: "\u2601\uFE0F",
-    label: "Cloud Management",
-    description: "Core cloud resources",
-    commands: [
-      {
-        value: "projects",
-        label: "projects",
-        hint: "Manage Supabase projects"
-      },
-      { value: "functions", label: "functions", hint: "Manage Edge Functions" },
-      { value: "secrets", label: "secrets", hint: "Manage project secrets" },
-      {
-        value: "config",
-        label: "config",
-        hint: "Manage project configuration"
-      },
-      { value: "storage", label: "storage", hint: "Manage Storage objects" }
-    ]
-  },
-  networking: {
-    icon: "\u{1F310}",
-    label: "Networking & Security",
-    description: "Network and security config",
-    commands: [
-      { value: "domains", label: "domains", hint: "Manage custom domains" },
-      {
-        value: "ssl-enforcement",
-        label: "ssl-enforcement",
-        hint: "Manage SSL config"
-      },
-      {
-        value: "network-bans",
-        label: "network-bans",
-        hint: "Manage network bans"
-      },
-      {
-        value: "network-restrictions",
-        label: "network-restrictions",
-        hint: "Manage network restrictions"
-      },
-      {
-        value: "vanity-subdomains",
-        label: "vanity-subdomains",
-        hint: "Manage vanity subdomains"
-      },
-      {
-        value: "encryption",
-        label: "encryption",
-        hint: "Manage encryption keys"
-      }
-    ]
-  },
-  "org-auth": {
-    icon: "\u{1F465}",
-    label: "Organizations & Admin",
-    description: "Team management and admin tools",
-    commands: [
-      { value: "orgs", label: "orgs", hint: "Manage organizations" },
-      { value: "sso", label: "sso", hint: "Manage Single Sign-On" },
-      { value: "branches", label: "branches", hint: "Manage preview branches" },
-      { value: "backups", label: "backups", hint: "Manage physical backups" },
-      { value: "snippets", label: "snippets", hint: "Manage SQL snippets" },
-      {
-        value: "postgres-config",
-        label: "postgres-config",
-        hint: "Manage Postgres config"
-      }
-    ]
-  },
-  utilities: {
-    icon: "\u2699\uFE0F",
-    label: "Utilities",
-    description: "Help and shell completions",
-    commands: [
-      {
-        value: "completion",
-        label: "completion",
-        hint: "Generate shell completion script"
-      },
-      { value: "help", label: "help", hint: "Help about any command" }
-    ]
+// src/screens/homeModel.ts
+function getFeatures() {
+  return features;
+}
+function buildPinnedOnlyItems(pinnedCommands, pinnedRuns) {
+  const items = [];
+  if (pinnedCommands.length > 0) {
+    items.push({
+      id: "pinned-commands-header",
+      value: "__pinned_commands_header__",
+      label: "\u{1F4CC} Commands",
+      kind: "header",
+      selectable: false
+    });
+    for (const command of pinnedCommands) {
+      const cmdDef = findCommandByValue(command);
+      const toolHint = cmdDef ? cmdDef.tool : "supabase";
+      const labelHint = cmdDef?.hint;
+      items.push({
+        id: `command:${command}`,
+        value: command,
+        label: command,
+        hint: [toolHint, labelHint].filter(Boolean).join(" \xB7 "),
+        icon: "\u{1F4CC}",
+        kind: "command",
+        rightActionable: true,
+        section: "pinned-commands"
+      });
+    }
   }
-};
-
-// src/screens/mainMenuModel.ts
-var commandCatalog = Object.entries(categories).flatMap(
-  ([, category]) => category.commands.map((command) => ({
-    categoryIcon: category.icon,
-    categoryLabel: category.label,
-    value: command.value,
-    hint: command.hint
-  }))
-);
-var commandInfoByValue = new Map(
-  commandCatalog.map((entry) => [entry.value, entry])
-);
-function getCommandInfo(commandValue) {
-  return commandInfoByValue.get(commandValue);
-}
-function buildMainMenuItems({
-  pinnedCommands,
-  pinnedRuns
-}) {
-  const pinnedCommandSet = new Set(pinnedCommands);
-  const nextItems = [];
   if (pinnedRuns.length > 0) {
-    nextItems.push({
-      id: "section-pinned-runs",
-      value: "__section_pinned_runs__",
-      label: "\u25B6 Pinned Runs",
+    items.push({
+      id: "pinned-runs-header",
+      value: "__pinned_runs_header__",
+      label: "\u25B6 Pipelines",
       kind: "header",
       selectable: false
     });
     for (const runCommand2 of pinnedRuns) {
       const baseCommand = runCommand2.split(" ").filter(Boolean)[0] ?? "";
-      const info = getCommandInfo(baseCommand);
-      const infoHint = info ? `${info.categoryIcon} ${info.categoryLabel} \xB7 exact pinned run` : "Exact pinned run";
-      nextItems.push({
+      const cmdDef = findCommandByValue(baseCommand);
+      const toolHint = cmdDef ? cmdDef.tool : "supabase";
+      items.push({
         id: `run:${runCommand2}`,
         value: runCommand2,
         label: runCommand2,
-        hint: infoHint,
+        hint: toolHint,
         icon: "\u25B6",
         kind: "run",
         rightActionable: true,
@@ -644,115 +717,122 @@ function buildMainMenuItems({
       });
     }
   }
-  if (pinnedCommands.length > 0) {
-    nextItems.push({
-      id: "section-pinned-commands",
-      value: "__section_pinned_commands__",
-      label: "\u{1F4CC} Pinned Commands",
+  return items;
+}
+function buildHomeItems({
+  activeFeature,
+  pinnedCommands,
+  pinnedRuns,
+  showPinnedSection = true
+}) {
+  const items = [];
+  if (showPinnedSection && (pinnedRuns.length > 0 || pinnedCommands.length > 0)) {
+    items.push({
+      id: "section-pinned",
+      value: "__section_pinned__",
+      label: "\u{1F4CC} Pinned",
       kind: "header",
       selectable: false
     });
-    for (const command of pinnedCommands) {
-      const info = getCommandInfo(command);
-      const infoHint = info ? `${info.categoryIcon} ${info.categoryLabel}${info.hint ? ` \xB7 ${info.hint}` : ""}` : "Pinned command";
-      nextItems.push({
-        id: `command:${command}`,
-        value: command,
-        label: command,
-        hint: infoHint,
-        icon: "\u{1F4CC}",
-        kind: "command",
-        rightActionable: true,
-        section: "pinned-commands"
-      });
-    }
+    items.push(...buildPinnedOnlyItems(pinnedCommands, pinnedRuns));
   }
-  nextItems.push({
-    id: "section-all-commands",
-    value: "__section_all_commands__",
-    label: "\u{1F4C2} All Commands",
+  items.push({
+    id: "section-commands",
+    value: "__section_commands__",
+    label: `\u{1F4C2} ${activeFeature.label} Commands`,
     kind: "header",
     selectable: false
   });
-  for (const [categoryKey, category] of Object.entries(categories)) {
-    nextItems.push({
-      id: `category-${categoryKey}`,
-      value: `__category_${categoryKey}__`,
-      label: `${category.icon}  ${category.label}`,
+  const toolOrder = { supabase: 0, vercel: 1, gh: 2, pulumi: 3 };
+  const toolIcons = { supabase: "\u{1F7E2}", vercel: "\u26AA", gh: "\u{1F535}", pulumi: "\u{1F7E3}" };
+  const grouped = /* @__PURE__ */ new Map();
+  for (const cmd of activeFeature.commands) {
+    const existing = grouped.get(cmd.tool) ?? [];
+    existing.push(cmd);
+    grouped.set(cmd.tool, existing);
+  }
+  const sortedTools = [...grouped.keys()].sort(
+    (a, b) => (toolOrder[a] ?? 99) - (toolOrder[b] ?? 99)
+  );
+  for (const tool of sortedTools) {
+    const cmds = grouped.get(tool);
+    const icon = toolIcons[tool] ?? "\u26AA";
+    items.push({
+      id: `tool-header-${tool}`,
+      value: `__tool_header_${tool}__`,
+      label: `${icon} ${tool}`,
       kind: "header",
       selectable: false
     });
-    for (const command of category.commands) {
-      const pinHint = pinnedCommandSet.has(command.value) ? "pinned" : void 0;
-      nextItems.push({
-        id: `cmd-${categoryKey}-${command.value}`,
-        value: command.value,
-        label: command.label,
-        hint: [command.hint, pinHint].filter(Boolean).join(" \xB7 "),
+    for (const cmd of cmds) {
+      const value = getCommandValue(cmd);
+      const isPinned = pinnedCommands.includes(value);
+      items.push({
+        id: `cmd-${cmd.id}`,
+        value,
+        label: cmd.label,
+        hint: [cmd.hint, isPinned ? "pinned" : void 0].filter(Boolean).join(" \xB7 "),
         kind: "command",
         rightActionable: true,
-        section: categoryKey,
-        groupLabel: category.label
+        section: activeFeature.id,
+        groupLabel: tool
       });
     }
   }
-  nextItems.push({
-    id: "section-actions",
-    value: "__section_actions__",
-    label: "\u26A1 Actions",
-    kind: "header",
-    selectable: false
-  });
-  nextItems.push({
-    id: "action-custom",
-    value: "__action_custom__",
-    label: "Custom Command",
-    hint: "Free-form args or check version",
-    icon: "\u270F\uFE0F",
-    kind: "action"
-  });
-  nextItems.push({
-    id: "action-update",
-    value: "__action_update__",
-    label: "Update Polter",
-    hint: "Update the current repo install or the global install",
-    icon: "\u2B06\uFE0F",
-    kind: "action"
-  });
-  nextItems.push({
-    id: "action-exit",
-    value: "__action_exit__",
-    label: "Exit",
-    icon: "\u{1F6AA}",
-    kind: "action"
-  });
-  return nextItems;
+  return items;
 }
 
-// src/screens/MainMenu.tsx
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-function MainMenu({
+// src/screens/Home.tsx
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+function Home({
   onNavigate,
-  onExit
+  onExit,
+  width = 80,
+  height = 24
 }) {
-  const [pinnedCommands, setPinnedCommands2] = useState3(
+  const allFeatures = useMemo2(() => getFeatures(), []);
+  const [activeTabIndex, setActiveTabIndex] = useState4(0);
+  const [pinnedCommands, setPinnedCommands2] = useState4(
     () => getPinnedCommands()
   );
-  const [pinnedRuns, setPinnedRuns2] = useState3(
+  const [pinnedRuns, setPinnedRuns2] = useState4(
     () => getPinnedRuns()
   );
-  const [pinFeedback, setPinFeedback] = useState3();
-  useEffect2(() => {
+  const [pinFeedback, setPinFeedback] = useState4();
+  const activeFeature = allFeatures[activeTabIndex];
+  useEffect3(() => {
     if (!pinFeedback) return;
     const timeout = setTimeout(() => setPinFeedback(void 0), 1400);
     return () => clearTimeout(timeout);
   }, [pinFeedback]);
+  useInput2((_input, key) => {
+    if (key.leftArrow && !key.meta) {
+      setActiveTabIndex(
+        (prev) => prev > 0 ? prev - 1 : allFeatures.length - 1
+      );
+    }
+    if (key.rightArrow && !key.meta) {
+      setActiveTabIndex(
+        (prev) => prev < allFeatures.length - 1 ? prev + 1 : 0
+      );
+    }
+    if (key.tab) {
+      setActiveTabIndex(
+        (prev) => prev < allFeatures.length - 1 ? prev + 1 : 0
+      );
+    }
+  });
+  const tabs = useMemo2(
+    () => allFeatures.map((f) => ({ id: f.id, icon: f.icon, label: f.label })),
+    [allFeatures]
+  );
   const items = useMemo2(
-    () => buildMainMenuItems({
+    () => buildHomeItems({
+      activeFeature,
       pinnedCommands,
       pinnedRuns
     }),
-    [pinnedCommands, pinnedRuns]
+    [activeFeature, pinnedCommands, pinnedRuns]
   );
   const pinnedCommandSet = useMemo2(
     () => new Set(pinnedCommands),
@@ -766,78 +846,98 @@ function MainMenu({
   const handleSelect = (value, item) => {
     if (!item) return;
     if (item.kind === "command") {
-      onNavigate("command-args", { command: value });
+      const cmdDef = findCommandByValue(value);
+      if (cmdDef) {
+        onNavigate("command-args", {
+          command: value,
+          commandId: cmdDef.id,
+          tool: cmdDef.tool
+        });
+      } else {
+        onNavigate("command-args", { command: value, tool: "supabase" });
+      }
       return;
     }
     if (item.kind === "run") {
       const args = value.split(" ").filter(Boolean);
       if (args.length > 0) {
-        onNavigate("confirm-execute", { args });
+        const basePart = args[0] ?? "";
+        const cmdDef = findCommandByValue(basePart);
+        const tool = cmdDef?.tool ?? "supabase";
+        onNavigate("confirm-execute", { args, tool });
       }
       return;
     }
-    if (value === "__action_custom__") {
-      onNavigate("custom-command");
-      return;
-    }
-    if (value === "__action_update__") {
-      onNavigate("self-update");
-      return;
-    }
-    if (value === "__action_exit__") {
-      onExit();
+    switch (value) {
+      case "__action_custom__":
+        onNavigate("custom-command");
+        break;
+      case "__action_pipelines__":
+        onNavigate("pipeline-list");
+        break;
+      case "__action_tools__":
+        onNavigate("tool-status");
+        break;
+      case "__action_config__":
+        onNavigate("project-config");
+        break;
+      case "__action_update__":
+        onNavigate("self-update");
+        break;
+      case "__action_exit__":
+        onExit();
+        break;
     }
   };
   const handleRightAction = (item) => {
     if (item.kind === "command") {
-      const command = item.value;
-      const wasPinned = pinnedCommandSet.has(command);
-      togglePinnedCommand(command);
+      const wasPinned = pinnedCommandSet.has(item.value);
+      togglePinnedCommand(item.value);
       refreshPins();
       setPinFeedback(
-        wasPinned ? `Unpinned "${command}"` : `Pinned "${command}"`
+        wasPinned ? `Unpinned "${item.value}"` : `Pinned "${item.value}"`
       );
       return;
     }
     if (item.kind === "run") {
-      const runCommand2 = item.value;
-      const wasPinned = pinnedRunSet.has(runCommand2);
-      togglePinnedRun(runCommand2);
+      const wasPinned = pinnedRunSet.has(item.value);
+      togglePinnedRun(item.value);
       refreshPins();
       setPinFeedback(
-        wasPinned ? `Unpinned exact run "${runCommand2}"` : `Pinned exact run "${runCommand2}"`
+        wasPinned ? `Unpinned run "${item.value}"` : `Pinned run "${item.value}"`
       );
     }
   };
-  return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx4(GhostBanner, {}),
-    /* @__PURE__ */ jsx4(Box4, { marginBottom: 1, children: /* @__PURE__ */ jsx4(Text4, { bold: true, children: "Choose a command, then press Enter to continue." }) }),
-    pinFeedback && /* @__PURE__ */ jsx4(Box4, { marginBottom: 1, children: /* @__PURE__ */ jsxs4(Text4, { color: inkColors.accent, children: [
+  return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx5(Box5, { marginBottom: 1, children: /* @__PURE__ */ jsx5(TabBar, { tabs, activeIndex: activeTabIndex, width }) }),
+    pinFeedback && /* @__PURE__ */ jsx5(Box5, { marginBottom: 1, children: /* @__PURE__ */ jsxs5(Text5, { color: inkColors.accent, children: [
       "\u2713 ",
       pinFeedback
     ] }) }),
-    /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ jsx5(
       SelectList,
       {
         items,
         onSelect: handleSelect,
         onRightAction: handleRightAction,
-        boxedSections: true
+        boxedSections: true,
+        width,
+        maxVisible: Math.max(8, height - 14)
       }
     ),
-    /* @__PURE__ */ jsx4(StatusBar, { hint: "\u2191\u2193 navigate \xB7 Enter select \xB7 \u2192 pin/unpin \xB7 Esc back" })
+    /* @__PURE__ */ jsx5(StatusBar, { hint: "\u2190\u2192 tab \xB7 \u2191\u2193 navigate \xB7 Enter select \xB7 p pin", width })
   ] });
 }
 
 // src/screens/CommandArgs.tsx
-import { useEffect as useEffect3, useMemo as useMemo3, useState as useState5 } from "react";
-import { Box as Box6, Text as Text6 } from "ink";
+import { useEffect as useEffect4, useMemo as useMemo3, useState as useState6 } from "react";
+import { Box as Box7, Text as Text8 } from "ink";
 
 // src/components/TextPrompt.tsx
-import { useState as useState4 } from "react";
-import { Box as Box5, Text as Text5, useInput as useInput2 } from "ink";
+import { useState as useState5 } from "react";
+import { Box as Box6, Text as Text6, useInput as useInput3 } from "ink";
 import TextInputComponent from "ink-text-input";
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 function TextPrompt({
   label,
   placeholder,
@@ -845,9 +945,9 @@ function TextPrompt({
   onCancel,
   validate
 }) {
-  const [value, setValue] = useState4("");
-  const [error, setError] = useState4();
-  useInput2((_input, key) => {
+  const [value, setValue] = useState5("");
+  const [error, setError] = useState5();
+  useInput3((_input, key) => {
     if (key.escape && onCancel) {
       onCancel();
     }
@@ -863,14 +963,14 @@ function TextPrompt({
     setError(void 0);
     onSubmit(val);
   };
-  return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsxs5(Box5, { gap: 1, children: [
-      /* @__PURE__ */ jsx5(Text5, { color: inkColors.accent, bold: true, children: "?" }),
-      /* @__PURE__ */ jsx5(Text5, { children: label })
+  return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs6(Box6, { gap: 1, children: [
+      /* @__PURE__ */ jsx6(Text6, { color: inkColors.accent, bold: true, children: "?" }),
+      /* @__PURE__ */ jsx6(Text6, { children: label })
     ] }),
-    /* @__PURE__ */ jsxs5(Box5, { gap: 1, marginLeft: 2, children: [
-      /* @__PURE__ */ jsx5(Text5, { color: inkColors.accent, children: "\u276F" }),
-      /* @__PURE__ */ jsx5(
+    /* @__PURE__ */ jsxs6(Box6, { gap: 1, marginLeft: 2, children: [
+      /* @__PURE__ */ jsx6(Text6, { color: inkColors.accent, children: "\u276F" }),
+      /* @__PURE__ */ jsx6(
         TextInputComponent,
         {
           value,
@@ -883,68 +983,30 @@ function TextPrompt({
         }
       )
     ] }),
-    error && /* @__PURE__ */ jsx5(Box5, { marginLeft: 2, children: /* @__PURE__ */ jsxs5(Text5, { color: "red", children: [
+    error && /* @__PURE__ */ jsx6(Box6, { marginLeft: 2, children: /* @__PURE__ */ jsxs6(Text6, { color: "red", children: [
       "\u2717 ",
       error
     ] }) })
   ] });
 }
 
-// src/data/suggestedArgs.ts
-var suggestedArgsByCommand = {
-  db: [
-    { value: "pull", label: "pull", hint: "Pull schema from remote", args: ["pull"] },
-    { value: "push", label: "push", hint: "Push local migrations", args: ["push"] },
-    { value: "reset", label: "reset", hint: "Reset local database", args: ["reset"] },
-    { value: "dump", label: "dump", hint: "Dump schema/data", args: ["dump"] },
-    { value: "diff", label: "diff", hint: "Show migration diff", args: ["diff"] },
-    { value: "lint", label: "lint", hint: "Lint SQL migrations", args: ["lint"] }
-  ],
-  migration: [
-    { value: "new", label: "new <name>", hint: "Create migration file", args: ["new"] },
-    { value: "up", label: "up", hint: "Apply pending migrations", args: ["up"] },
-    { value: "down", label: "down", hint: "Rollback last migration", args: ["down"] },
-    { value: "list", label: "list", hint: "List local migrations", args: ["list"] },
-    { value: "repair", label: "repair", hint: "Repair migration history", args: ["repair"] },
-    { value: "fetch", label: "fetch", hint: "Fetch migration history", args: ["fetch"] }
-  ],
-  projects: [
-    { value: "list", label: "list", hint: "List projects", args: ["list"] },
-    { value: "create", label: "create", hint: "Create project", args: ["create"] },
-    { value: "delete", label: "delete", hint: "Delete project", args: ["delete"] }
-  ],
-  functions: [
-    { value: "list", label: "list", hint: "List functions", args: ["list"] },
-    { value: "new", label: "new <name>", hint: "Create a function", args: ["new"] },
-    { value: "serve", label: "serve", hint: "Serve functions locally", args: ["serve"] },
-    { value: "deploy", label: "deploy <name>", hint: "Deploy function", args: ["deploy"] },
-    { value: "delete", label: "delete <name>", hint: "Delete function", args: ["delete"] }
-  ],
-  storage: [
-    { value: "ls", label: "ls", hint: "List storage objects", args: ["ls"] },
-    { value: "cp", label: "cp", hint: "Copy storage object", args: ["cp"] },
-    { value: "mv", label: "mv", hint: "Move storage object", args: ["mv"] },
-    { value: "rm", label: "rm", hint: "Remove storage object", args: ["rm"] }
-  ],
-  seed: [
-    { value: "run", label: "run", hint: "Run configured seed file", args: ["run"] }
-  ],
-  orgs: [
-    { value: "list", label: "list", hint: "List organizations", args: ["list"] },
-    { value: "create", label: "create", hint: "Create organization", args: ["create"] }
-  ],
-  snippets: [
-    { value: "list", label: "list", hint: "List SQL snippets", args: ["list"] },
-    { value: "create", label: "create", hint: "Create SQL snippet", args: ["create"] },
-    { value: "delete", label: "delete", hint: "Delete SQL snippet", args: ["delete"] }
-  ],
-  backups: [
-    { value: "list", label: "list", hint: "List backups", args: ["list"] },
-    { value: "download", label: "download", hint: "Download backup", args: ["download"] }
-  ]
+// src/components/ToolBadge.tsx
+import { Text as Text7 } from "ink";
+import { jsx as jsx7 } from "react/jsx-runtime";
+var toolColors = {
+  supabase: "#3ECF8E",
+  gh: "#58A6FF",
+  vercel: "#FFFFFF",
+  pulumi: "#8B5CF6"
+};
+var toolLabels = {
+  supabase: "supabase",
+  gh: "github",
+  vercel: "vercel",
+  pulumi: "pulumi"
 };
-function getSuggestedArgOptions(command) {
-  return suggestedArgsByCommand[command] ?? [];
+function ToolBadge({ tool }) {
+  return /* @__PURE__ */ jsx7(Text7, { color: toolColors[tool], dimColor: true, children: toolLabels[tool] });
 }
 
 // src/screens/commandArgsModel.ts
@@ -1000,7 +1062,7 @@ function buildCommandArgItems({
       value: "__run_base__",
       label: "Run without additional args",
       hint: [
-        `supabase ${command}`,
+        `${command}`,
         pinnedRunSet.has(baseRunCommand) ? "pinned run" : void 0
       ].filter(Boolean).join(" \xB7 "),
       kind: "action",
@@ -1021,55 +1083,71 @@ function buildCommandArgItems({
 }
 
 // src/screens/CommandArgs.tsx
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 function CommandArgs({
   command,
+  tool,
   onNavigate,
-  onBack
+  onBack,
+  width = 80,
+  panelMode = false,
+  isInputActive = true
 }) {
-  const suggestions = useMemo3(() => getSuggestedArgOptions(command), [command]);
-  const [pinnedRuns, setPinnedRuns2] = useState5(() => getPinnedRuns());
-  const [pinFeedback, setPinFeedback] = useState5();
-  const [phase, setPhase] = useState5(
+  const cmdDef = useMemo3(() => findCommandByValue(command), [command]);
+  const resolvedTool = tool ?? cmdDef?.tool ?? "supabase";
+  const suggestions = useMemo3(
+    () => cmdDef?.suggestedArgs ?? [],
+    [cmdDef]
+  );
+  const [pinnedRuns, setPinnedRuns2] = useState6(() => getPinnedRuns());
+  const [pinFeedback, setPinFeedback] = useState6();
+  const [phase, setPhase] = useState6(
     suggestions.length > 0 ? "select" : "custom"
   );
-  useEffect3(() => {
+  useEffect4(() => {
     setPhase(suggestions.length > 0 ? "select" : "custom");
   }, [command, suggestions.length]);
-  useEffect3(() => {
+  useEffect4(() => {
     if (!pinFeedback) return;
     const timeout = setTimeout(() => setPinFeedback(void 0), 1400);
     return () => clearTimeout(timeout);
   }, [pinFeedback]);
   const navigateWithExtraArgs = (extraArgs) => {
+    const baseArgs = cmdDef ? cmdDef.base : [command];
     onNavigate("flag-selection", {
-      args: [command, ...extraArgs],
-      command
+      args: [...baseArgs, ...extraArgs],
+      command,
+      tool: resolvedTool
     });
   };
   if (!command) {
-    return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx6(Box6, { marginBottom: 1, children: /* @__PURE__ */ jsx6(Text6, { color: "red", children: "Command not provided." }) }),
-      /* @__PURE__ */ jsx6(
+    return /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx8(Box7, { marginBottom: 1, children: /* @__PURE__ */ jsx8(Text8, { color: "red", children: "Command not provided." }) }),
+      /* @__PURE__ */ jsx8(
         SelectList,
         {
           items: [{ value: "__back__", label: "\u2190 Back to menu" }],
           onSelect: onBack,
-          onCancel: onBack
+          onCancel: onBack,
+          width,
+          isInputActive,
+          arrowNavigation: panelMode
         }
       )
     ] });
   }
   if (phase === "custom") {
-    return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsxs6(Box6, { marginBottom: 1, gap: 1, children: [
-        /* @__PURE__ */ jsx6(Text6, { color: inkColors.accent, bold: true, children: "Command" }),
-        /* @__PURE__ */ jsx6(Text6, { children: command })
+    const toolLabel = resolvedTool === "supabase" ? "supabase" : resolvedTool;
+    return /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs7(Box7, { marginBottom: 1, gap: 1, children: [
+        /* @__PURE__ */ jsx8(Text8, { color: inkColors.accent, bold: true, children: "Command" }),
+        /* @__PURE__ */ jsx8(Text8, { children: command }),
+        /* @__PURE__ */ jsx8(ToolBadge, { tool: resolvedTool })
       ] }),
-      /* @__PURE__ */ jsx6(
+      /* @__PURE__ */ jsx8(
         TextPrompt,
         {
-          label: `Additional args for supabase ${command}?`,
+          label: `Additional args for ${toolLabel} ${command}?`,
           placeholder: "e.g. list, pull, push (Enter to skip)",
           onSubmit: (extra) => {
             const extraArgs = extra.trim().split(" ").filter(Boolean);
@@ -1084,27 +1162,34 @@ function CommandArgs({
           }
         }
       ),
-      /* @__PURE__ */ jsx6(StatusBar, { hint: "Type args \xB7 Enter to continue \xB7 Esc to go back" })
+      !panelMode && /* @__PURE__ */ jsx8(StatusBar, { hint: "Type args \xB7 Enter to continue \xB7 Esc to go back", width })
     ] });
   }
+  const legacySuggestions = suggestions.map((s) => ({
+    value: s.value,
+    label: s.label,
+    hint: s.hint,
+    args: s.args
+  }));
   const items = useMemo3(
     () => buildCommandArgItems({
       command,
-      suggestions,
+      suggestions: legacySuggestions,
       pinnedRuns
     }),
-    [command, pinnedRuns, suggestions]
+    [command, legacySuggestions, pinnedRuns]
   );
-  return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsxs6(Box6, { marginBottom: 1, gap: 1, children: [
-      /* @__PURE__ */ jsx6(Text6, { color: inkColors.accent, bold: true, children: "Command" }),
-      /* @__PURE__ */ jsx6(Text6, { children: command })
+  return /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs7(Box7, { marginBottom: 1, gap: 1, children: [
+      /* @__PURE__ */ jsx8(Text8, { color: inkColors.accent, bold: true, children: "Command" }),
+      /* @__PURE__ */ jsx8(Text8, { children: command }),
+      /* @__PURE__ */ jsx8(ToolBadge, { tool: resolvedTool })
     ] }),
-    pinFeedback && /* @__PURE__ */ jsx6(Box6, { marginBottom: 1, children: /* @__PURE__ */ jsxs6(Text6, { color: inkColors.accent, children: [
+    pinFeedback && /* @__PURE__ */ jsx8(Box7, { marginBottom: 1, children: /* @__PURE__ */ jsxs7(Text8, { color: inkColors.accent, children: [
       "\u2713 ",
       pinFeedback
     ] }) }),
-    /* @__PURE__ */ jsx6(
+    /* @__PURE__ */ jsx8(
       SelectList,
       {
         items,
@@ -1125,7 +1210,7 @@ function CommandArgs({
             const runCommand2 = getRunCommandFromArgsSelection(
               command,
               value,
-              suggestions
+              legacySuggestions
             );
             if (runCommand2) {
               navigateWithExtraArgs(
@@ -1139,7 +1224,7 @@ function CommandArgs({
           const runCommand2 = getRunCommandFromArgsSelection(
             command,
             item.value,
-            suggestions
+            legacySuggestions
           );
           if (!runCommand2) {
             return;
@@ -1152,56 +1237,103 @@ function CommandArgs({
           );
         },
         onCancel: onBack,
-        boxedSections: true
+        boxedSections: true,
+        width,
+        isInputActive,
+        arrowNavigation: panelMode
       }
     ),
-    /* @__PURE__ */ jsx6(StatusBar, { hint: "\u2191\u2193 navigate \xB7 Enter select \xB7 \u2192 pin run \xB7 Esc back" })
+    !panelMode && /* @__PURE__ */ jsx8(StatusBar, { hint: "\u2191\u2193 navigate \xB7 Enter select \xB7 p pin \xB7 Esc back", width })
   ] });
 }
 
 // src/screens/CustomCommand.tsx
-import { Box as Box7 } from "ink";
-import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+import { useState as useState7 } from "react";
+import { Box as Box8, Text as Text9 } from "ink";
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
 function CustomCommand({
   onNavigate,
-  onBack
+  onBack,
+  width = 80,
+  panelMode = false,
+  isInputActive = true
 }) {
-  return /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx7(
+  const [phase, setPhase] = useState7("tool-select");
+  const [selectedTool, setSelectedTool] = useState7("supabase");
+  if (phase === "tool-select") {
+    return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx9(Box8, { marginBottom: 1, children: /* @__PURE__ */ jsx9(Text9, { bold: true, color: inkColors.accent, children: "\u270F\uFE0F Custom Command" }) }),
+      /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "Select tool:" }),
+      /* @__PURE__ */ jsx9(
+        SelectList,
+        {
+          items: [
+            { value: "supabase", label: "Supabase CLI", hint: "supabase ..." },
+            { value: "gh", label: "GitHub CLI", hint: "gh ..." },
+            { value: "vercel", label: "Vercel CLI", hint: "vercel ..." },
+            { value: "__back__", label: "\u2190 Back" }
+          ],
+          onSelect: (value) => {
+            if (value === "__back__") {
+              onBack();
+              return;
+            }
+            setSelectedTool(value);
+            setPhase("input");
+          },
+          onCancel: onBack,
+          width,
+          isInputActive,
+          arrowNavigation: panelMode
+        }
+      ),
+      !panelMode && /* @__PURE__ */ jsx9(StatusBar, { hint: "\u2191\u2193 navigate \xB7 Enter select \xB7 Esc back", width })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs8(Box8, { marginBottom: 1, gap: 1, children: [
+      /* @__PURE__ */ jsx9(Text9, { bold: true, color: inkColors.accent, children: "\u270F\uFE0F Custom Command" }),
+      /* @__PURE__ */ jsxs8(Text9, { dimColor: true, children: [
+        "(",
+        selectedTool,
+        ")"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx9(
       TextPrompt,
       {
-        label: "Enter your Supabase command/flags:",
-        placeholder: "e.g. -v, status -o json, db pull",
+        label: `Enter your ${selectedTool} command/flags:`,
+        placeholder: `e.g. ${selectedTool === "supabase" ? "-v, status -o json, db pull" : selectedTool === "gh" ? "pr list, issue create" : "deploy, env ls"}`,
         validate: (val) => {
           if (!val || !val.trim()) return "Please enter a command";
           return void 0;
         },
         onSubmit: (value) => {
           const args = value.split(" ").filter(Boolean);
-          onNavigate("flag-selection", { args });
+          onNavigate("flag-selection", { args, tool: selectedTool });
         },
-        onCancel: onBack
+        onCancel: () => setPhase("tool-select")
       }
     ),
-    /* @__PURE__ */ jsx7(StatusBar, { hint: "Type a command \xB7 Enter to continue \xB7 Esc to go back" })
+    !panelMode && /* @__PURE__ */ jsx9(StatusBar, { hint: "Type a command \xB7 Enter to continue \xB7 Esc to go back", width })
   ] });
 }
 
 // src/screens/FlagSelection.tsx
-import { Box as Box9 } from "ink";
+import { Box as Box10 } from "ink";
 
 // src/components/FlagToggle.tsx
-import { useState as useState6 } from "react";
-import { Box as Box8, Text as Text7, useInput as useInput3 } from "ink";
-import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+import { useState as useState8 } from "react";
+import { Box as Box9, Text as Text10, useInput as useInput4 } from "ink";
+import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
 function FlagToggle({
   flags,
   onSubmit,
   onCancel
 }) {
-  const [cursor, setCursor] = useState6(0);
-  const [selected, setSelected] = useState6(/* @__PURE__ */ new Set());
-  useInput3((input2, key) => {
+  const [cursor, setCursor] = useState8(0);
+  const [selected, setSelected] = useState8(/* @__PURE__ */ new Set());
+  useInput4((input2, key) => {
     if (key.upArrow || input2 === "k") {
       setCursor((prev) => prev > 0 ? prev - 1 : flags.length - 1);
     }
@@ -1227,106 +1359,99 @@ function FlagToggle({
       onCancel();
     }
   });
-  return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsxs8(Box8, { marginBottom: 1, children: [
-      /* @__PURE__ */ jsx8(Text7, { bold: true, color: inkColors.accent, children: "\u2691 Global Flags" }),
-      /* @__PURE__ */ jsx8(Text7, { dimColor: true, children: " (Space to toggle, Enter to confirm)" })
+  return /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs9(Box9, { marginBottom: 1, children: [
+      /* @__PURE__ */ jsx10(Text10, { bold: true, color: inkColors.accent, children: "\u2691 Global Flags" }),
+      /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: " (Space to toggle, Enter to confirm)" })
     ] }),
     flags.map((flag, i) => {
       const isActive = cursor === i;
       const isChecked = selected.has(flag.value);
-      return /* @__PURE__ */ jsxs8(Box8, { gap: 1, children: [
-        /* @__PURE__ */ jsx8(Text7, { color: isActive ? inkColors.accent : void 0, children: isActive ? "\u276F" : " " }),
-        /* @__PURE__ */ jsx8(
-          Text7,
+      return /* @__PURE__ */ jsxs9(Box9, { gap: 1, children: [
+        /* @__PURE__ */ jsx10(Text10, { color: isActive ? inkColors.accent : void 0, children: isActive ? "\u276F" : " " }),
+        /* @__PURE__ */ jsx10(
+          Text10,
           {
             color: isChecked || isActive ? inkColors.accent : void 0,
             bold: isChecked,
             children: isChecked ? "\u25C9" : "\u25CB"
           }
         ),
-        /* @__PURE__ */ jsx8(
-          Text7,
+        /* @__PURE__ */ jsx10(
+          Text10,
           {
             color: isActive ? inkColors.accent : void 0,
             bold: isActive,
             children: flag.label
           }
         ),
-        flag.hint && /* @__PURE__ */ jsx8(Text7, { dimColor: true, children: flag.hint })
+        flag.hint && /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: flag.hint })
       ] }, flag.value);
     }),
-    /* @__PURE__ */ jsx8(Box8, { marginTop: 1, children: /* @__PURE__ */ jsx8(Text7, { dimColor: true, children: selected.size > 0 ? `${selected.size} flag${selected.size > 1 ? "s" : ""} selected` : "No flags selected (Enter to skip)" }) })
+    /* @__PURE__ */ jsx10(Box9, { marginTop: 1, children: /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: selected.size > 0 ? `${selected.size} flag${selected.size > 1 ? "s" : ""} selected` : "No flags selected (Enter to skip)" }) })
   ] });
 }
 
-// src/data/flags.ts
-var globalFlags = [
-  { value: "--debug", label: "--debug", hint: "Output debug logs to stderr" },
-  { value: "--yes", label: "--yes", hint: "Answer yes to all prompts" },
-  {
-    value: "--create-ticket",
-    label: "--create-ticket",
-    hint: "Create support ticket on error"
-  },
-  {
-    value: "--experimental",
-    label: "--experimental",
-    hint: "Enable experimental features"
-  }
-];
-
 // src/screens/FlagSelection.tsx
-import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
 function FlagSelection({
   args,
+  tool = "supabase",
   onNavigate,
-  onBack
+  onBack,
+  width = 80,
+  panelMode = false,
+  isInputActive = true
 }) {
-  return /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx9(
+  const flags = getFlagsForTool(tool);
+  if (flags.length === 0) {
+    onNavigate("confirm-execute", { args, tool });
+    return /* @__PURE__ */ jsx11(Box10, {});
+  }
+  return /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx11(
       FlagToggle,
       {
-        flags: globalFlags,
+        flags,
         onSubmit: (selectedFlags) => {
           const finalArgs = selectedFlags.length > 0 ? [...args, ...selectedFlags] : args;
-          onNavigate("confirm-execute", { args: finalArgs });
+          onNavigate("confirm-execute", { args: finalArgs, tool });
         },
         onCancel: onBack
       }
     ),
-    /* @__PURE__ */ jsx9(StatusBar, { hint: "Space toggle \xB7 Enter confirm \xB7 Esc back" })
+    !panelMode && /* @__PURE__ */ jsx11(StatusBar, { hint: "Space toggle \xB7 Enter confirm \xB7 Esc back", width })
   ] });
 }
 
 // src/screens/CommandExecution.tsx
-import { useState as useState8, useEffect as useEffect4 } from "react";
-import { Box as Box12, Text as Text11 } from "ink";
+import { useState as useState10, useEffect as useEffect5 } from "react";
+import { Box as Box12, Text as Text14 } from "ink";
 
 // src/components/Spinner.tsx
-import { Text as Text8 } from "ink";
+import { Text as Text11 } from "ink";
 import InkSpinner from "ink-spinner";
-import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
 function Spinner({
   label = "Running...",
   color = inkColors.accent
 }) {
-  return /* @__PURE__ */ jsxs10(Text8, { children: [
-    /* @__PURE__ */ jsx10(Text8, { color, children: /* @__PURE__ */ jsx10(InkSpinner, { type: "dots" }) }),
+  return /* @__PURE__ */ jsxs11(Text11, { children: [
+    /* @__PURE__ */ jsx12(Text11, { color, children: /* @__PURE__ */ jsx12(InkSpinner, { type: "dots" }) }),
     " ",
-    /* @__PURE__ */ jsx10(Text8, { children: label })
+    /* @__PURE__ */ jsx12(Text11, { children: label })
   ] });
 }
 
 // src/components/ConfirmPrompt.tsx
-import { Box as Box10, Text as Text9, useInput as useInput4 } from "ink";
-import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Box as Box11, Text as Text12, useInput as useInput5 } from "ink";
+import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
 function ConfirmPrompt({
   message,
   defaultValue = true,
   onConfirm
 }) {
-  useInput4((input2) => {
+  useInput5((input2) => {
     if (input2 === "y" || input2 === "Y") {
       onConfirm(true);
     } else if (input2 === "n" || input2 === "N") {
@@ -1335,26 +1460,27 @@ function ConfirmPrompt({
       onConfirm(defaultValue);
     }
   });
-  return /* @__PURE__ */ jsxs11(Box10, { gap: 1, children: [
-    /* @__PURE__ */ jsx11(Text9, { color: inkColors.accent, bold: true, children: "?" }),
-    /* @__PURE__ */ jsx11(Text9, { children: message }),
-    /* @__PURE__ */ jsx11(Text9, { dimColor: true, children: defaultValue ? "(Y/n)" : "(y/N)" })
+  return /* @__PURE__ */ jsxs12(Box11, { gap: 1, children: [
+    /* @__PURE__ */ jsx13(Text12, { color: inkColors.accent, bold: true, children: "?" }),
+    /* @__PURE__ */ jsx13(Text12, { children: message }),
+    /* @__PURE__ */ jsx13(Text12, { dimColor: true, children: defaultValue ? "(Y/n)" : "(y/N)" })
   ] });
 }
 
 // src/components/Divider.tsx
-import { Text as Text10 } from "ink";
-import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Text as Text13 } from "ink";
+import { jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
 function Divider({
   label,
-  width = 50
+  width
 }) {
+  const effectiveWidth = width ?? (process.stdout.columns ?? 50);
   if (label) {
     const labelLen = label.length + 2;
-    const sideLen = Math.max(2, Math.floor((width - labelLen) / 2));
+    const sideLen = Math.max(2, Math.floor((effectiveWidth - labelLen) / 2));
     const left = "\u2500".repeat(sideLen);
     const right = "\u2500".repeat(sideLen);
-    return /* @__PURE__ */ jsxs12(Text10, { dimColor: true, children: [
+    return /* @__PURE__ */ jsxs13(Text13, { dimColor: true, children: [
       left,
       " ",
       label,
@@ -1362,112 +1488,30 @@ function Divider({
       right
     ] });
   }
-  return /* @__PURE__ */ jsx12(Text10, { dimColor: true, children: "\u2500".repeat(width) });
-}
-
-// src/hooks/useCommand.ts
-import { useState as useState7, useCallback as useCallback2 } from "react";
-
-// src/lib/runner.ts
-import { spawn } from "child_process";
-import { existsSync } from "fs";
-import { delimiter, dirname, join, resolve } from "path";
-function getSupabaseBinaryCandidates() {
-  if (process.platform === "win32") {
-    return ["supabase.cmd", "supabase.exe", "supabase"];
-  }
-  return ["supabase"];
-}
-function hasLocalSupabaseBinary(binDir) {
-  return getSupabaseBinaryCandidates().some(
-    (candidate) => existsSync(join(binDir, candidate))
-  );
-}
-function getPathEnvKey(env) {
-  return Object.keys(env).find((key) => key.toLowerCase() === "path") ?? "PATH";
-}
-function findLocalSupabaseBinDir(startDir = process.cwd()) {
-  let currentDir = resolve(startDir);
-  while (true) {
-    const binDir = join(currentDir, "node_modules", ".bin");
-    if (hasLocalSupabaseBinary(binDir)) {
-      return binDir;
-    }
-    const parentDir = dirname(currentDir);
-    if (parentDir === currentDir) {
-      return void 0;
-    }
-    currentDir = parentDir;
-  }
-}
-function resolveSupabaseCommand(startDir = process.cwd(), env = process.env) {
-  const localBinDir = findLocalSupabaseBinDir(startDir);
-  if (!localBinDir) {
-    return {
-      command: "supabase",
-      env: { ...env },
-      source: "path"
-    };
-  }
-  const pathKey = getPathEnvKey(env);
-  const currentPath = env[pathKey];
-  return {
-    command: "supabase",
-    env: {
-      ...env,
-      [pathKey]: currentPath ? `${localBinDir}${delimiter}${currentPath}` : localBinDir
-    },
-    source: "repository",
-    localBinDir
-  };
-}
-async function runCommand(execution, args, cwd = process.cwd()) {
-  return new Promise((resolve4) => {
-    let stdout = "";
-    let stderr = "";
-    const resolvedExecution = typeof execution === "string" ? { command: execution } : execution;
-    const child = spawn(resolvedExecution.command, args, {
-      cwd,
-      env: resolvedExecution.env,
-      shell: true,
-      stdio: ["inherit", "pipe", "pipe"]
-    });
-    child.stdout?.on("data", (data) => {
-      const text = data.toString();
-      stdout += text;
-      process.stdout.write(text);
-    });
-    child.stderr?.on("data", (data) => {
-      const text = data.toString();
-      stderr += text;
-      process.stderr.write(text);
-    });
-    child.on("error", (err) => {
-      resolve4({
-        exitCode: null,
-        signal: null,
-        stdout,
-        stderr,
-        spawnError: err.message
-      });
-    });
-    child.on("exit", (code, signal) => {
-      resolve4({ exitCode: code, signal, stdout, stderr });
-    });
-  });
-}
-async function runSupabaseCommand(args, cwd = process.cwd()) {
-  return runCommand(resolveSupabaseCommand(cwd), args, cwd);
+  return /* @__PURE__ */ jsx14(Text13, { dimColor: true, children: "\u2500".repeat(effectiveWidth) });
 }
 
 // src/hooks/useCommand.ts
+import { useState as useState9, useCallback as useCallback2 } from "react";
 function useCommand(execution = "supabase", cwd = process.cwd()) {
-  const [status, setStatus] = useState7("idle");
-  const [result, setResult] = useState7(null);
+  const [status, setStatus] = useState9("idle");
+  const [result, setResult] = useState9(null);
   const run = useCallback2(async (args) => {
     setStatus("running");
     setResult(null);
-    const res = execution === "supabase" ? await runSupabaseCommand(args, cwd) : await runCommand(execution, args, cwd);
+    let resolvedExecution;
+    if (typeof execution === "string") {
+      const toolIds2 = ["supabase", "gh", "vercel"];
+      if (toolIds2.includes(execution)) {
+        const resolved = resolveToolCommand(execution, cwd);
+        resolvedExecution = { command: resolved.command, env: resolved.env };
+      } else {
+        resolvedExecution = execution;
+      }
+    } else {
+      resolvedExecution = execution;
+    }
+    const res = await runCommand(resolvedExecution, args, cwd);
     setResult(res);
     if (res.spawnError || res.exitCode !== null && res.exitCode !== 0) {
       setStatus("error");
@@ -1484,43 +1528,41 @@ function useCommand(execution = "supabase", cwd = process.cwd()) {
 }
 
 // src/lib/clipboard.ts
-import { spawn as spawn2, exec } from "child_process";
-async function openInBrowser(url) {
-  return new Promise((resolve4) => {
-    const cmd = process.platform === "darwin" ? `open "${url}"` : process.platform === "win32" ? `start "${url}"` : `xdg-open "${url}"`;
-    exec(cmd, () => resolve4());
-  });
-}
+import { spawn, exec } from "child_process";
 async function copyToClipboard(text) {
-  return new Promise((resolve4) => {
+  return new Promise((resolve2) => {
     const cmd = process.platform === "darwin" ? "pbcopy" : process.platform === "win32" ? "clip" : "xclip -selection clipboard";
-    const child = spawn2(cmd, [], { shell: true });
+    const child = spawn(cmd, [], { shell: true });
     child.stdin?.write(text);
     child.stdin?.end();
-    child.on("exit", () => resolve4());
-    child.on("error", () => resolve4());
+    child.on("exit", () => resolve2());
+    child.on("error", () => resolve2());
   });
 }
 
 // src/screens/CommandExecution.tsx
-import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
 function CommandExecution({
   args: initialArgs,
+  tool = "supabase",
   onBack,
-  onExit
+  onExit,
+  width = 80,
+  panelMode = false,
+  isInputActive = true
 }) {
-  const [phase, setPhase] = useState8("confirm");
-  const [currentArgs, setCurrentArgs] = useState8(initialArgs);
-  const [pinMessage, setPinMessage] = useState8();
-  const { status, result, run, reset } = useCommand();
-  const cmdDisplay = `supabase ${currentArgs.join(" ")}`;
+  const [phase, setPhase] = useState10("confirm");
+  const [currentArgs, setCurrentArgs] = useState10(initialArgs);
+  const [pinMessage, setPinMessage] = useState10();
+  const { status, result, run, reset } = useCommand(tool);
+  const cmdDisplay = `${tool} ${currentArgs.join(" ")}`;
   const runCommand2 = currentArgs.join(" ");
-  useEffect4(() => {
+  useEffect5(() => {
     if (phase === "running" && status === "idle") {
       run(currentArgs);
     }
   }, [phase, status, run, currentArgs]);
-  useEffect4(() => {
+  useEffect5(() => {
     if (phase === "running" && status === "success") {
       if (isPinnedRun(runCommand2)) {
         setPhase("success");
@@ -1533,7 +1575,7 @@ function CommandExecution({
     }
   }, [phase, runCommand2, status]);
   if (phase === "confirm") {
-    return /* @__PURE__ */ jsx13(Box12, { flexDirection: "column", children: /* @__PURE__ */ jsx13(
+    return /* @__PURE__ */ jsx15(Box12, { flexDirection: "column", children: /* @__PURE__ */ jsx15(
       ConfirmPrompt,
       {
         message: `Execute ${cmdDisplay}?`,
@@ -1549,25 +1591,26 @@ function CommandExecution({
     ) });
   }
   if (phase === "running") {
-    return /* @__PURE__ */ jsxs13(Box12, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx13(Divider, {}),
-      /* @__PURE__ */ jsxs13(Box12, { marginY: 1, gap: 1, children: [
-        /* @__PURE__ */ jsx13(Text11, { color: inkColors.accent, bold: true, children: "\u25B6" }),
-        /* @__PURE__ */ jsx13(Text11, { dimColor: true, children: "Running:" }),
-        /* @__PURE__ */ jsx13(Text11, { children: cmdDisplay })
+    return /* @__PURE__ */ jsxs14(Box12, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx15(Divider, { width }),
+      /* @__PURE__ */ jsxs14(Box12, { marginY: 1, gap: 1, children: [
+        /* @__PURE__ */ jsx15(Text14, { color: inkColors.accent, bold: true, children: "\u25B6" }),
+        /* @__PURE__ */ jsx15(Text14, { dimColor: true, children: "Running:" }),
+        /* @__PURE__ */ jsx15(Text14, { children: cmdDisplay }),
+        /* @__PURE__ */ jsx15(ToolBadge, { tool })
       ] }),
-      /* @__PURE__ */ jsx13(Divider, {}),
-      /* @__PURE__ */ jsx13(Box12, { marginTop: 1, children: /* @__PURE__ */ jsx13(Spinner, { label: `Executing ${cmdDisplay}...` }) })
+      /* @__PURE__ */ jsx15(Divider, { width }),
+      /* @__PURE__ */ jsx15(Box12, { marginTop: 1, children: /* @__PURE__ */ jsx15(Spinner, { label: `Executing ${cmdDisplay}...` }) })
     ] });
   }
   if (phase === "success-pin-offer") {
-    return /* @__PURE__ */ jsxs13(Box12, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx13(Divider, {}),
-      /* @__PURE__ */ jsxs13(Box12, { marginY: 1, gap: 1, children: [
-        /* @__PURE__ */ jsx13(Text11, { color: inkColors.accent, bold: true, children: "\u2713" }),
-        /* @__PURE__ */ jsx13(Text11, { color: inkColors.accent, bold: true, children: "Command completed successfully!" })
+    return /* @__PURE__ */ jsxs14(Box12, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx15(Divider, { width }),
+      /* @__PURE__ */ jsxs14(Box12, { marginY: 1, gap: 1, children: [
+        /* @__PURE__ */ jsx15(Text14, { color: inkColors.accent, bold: true, children: "\u2713" }),
+        /* @__PURE__ */ jsx15(Text14, { color: inkColors.accent, bold: true, children: "Command completed successfully!" })
       ] }),
-      /* @__PURE__ */ jsx13(
+      /* @__PURE__ */ jsx15(
         ConfirmPrompt,
         {
           message: "Pin this exact command?",
@@ -1584,19 +1627,22 @@ function CommandExecution({
     ] });
   }
   if (phase === "success") {
-    return /* @__PURE__ */ jsxs13(Box12, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx13(Divider, {}),
-      /* @__PURE__ */ jsxs13(Box12, { marginY: 1, gap: 1, children: [
-        /* @__PURE__ */ jsx13(Text11, { color: inkColors.accent, bold: true, children: "\u2713" }),
-        /* @__PURE__ */ jsx13(Text11, { color: inkColors.accent, bold: true, children: "Command completed successfully!" })
+    return /* @__PURE__ */ jsxs14(Box12, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx15(Divider, { width }),
+      /* @__PURE__ */ jsxs14(Box12, { marginY: 1, gap: 1, children: [
+        /* @__PURE__ */ jsx15(Text14, { color: inkColors.accent, bold: true, children: "\u2713" }),
+        /* @__PURE__ */ jsx15(Text14, { color: inkColors.accent, bold: true, children: "Command completed successfully!" })
       ] }),
-      pinMessage && /* @__PURE__ */ jsx13(Box12, { marginBottom: 1, children: /* @__PURE__ */ jsx13(Text11, { color: inkColors.accent, children: pinMessage }) }),
-      /* @__PURE__ */ jsx13(
+      pinMessage && /* @__PURE__ */ jsx15(Box12, { marginBottom: 1, children: /* @__PURE__ */ jsx15(Text14, { color: inkColors.accent, children: pinMessage }) }),
+      /* @__PURE__ */ jsx15(
         SelectList,
         {
           items: [{ value: "__back__", label: "\u2190 Back to menu" }],
           onSelect: onBack,
-          onCancel: onBack
+          onCancel: onBack,
+          width,
+          isInputActive,
+          arrowNavigation: panelMode
         }
       )
     ] });
@@ -1614,11 +1660,6 @@ function CommandExecution({
     }
   }
   errorItems.push(
-    {
-      value: "docs",
-      label: "\u{1F4D6} Open Supabase CLI docs",
-      hint: "Opens in browser"
-    },
     {
       value: "copy",
       label: "\u{1F4CB} Copy command to clipboard"
@@ -1626,44 +1667,42 @@ function CommandExecution({
     { value: "menu", label: "\u2190 Return to main menu" },
     { value: "exit", label: "\u{1F6AA} Exit Polter" }
   );
-  return /* @__PURE__ */ jsxs13(Box12, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx13(Divider, {}),
-    result?.spawnError ? /* @__PURE__ */ jsxs13(Box12, { flexDirection: "column", marginY: 1, children: [
-      /* @__PURE__ */ jsxs13(Box12, { gap: 1, children: [
-        /* @__PURE__ */ jsx13(Text11, { color: "red", bold: true, children: "\u2717" }),
-        /* @__PURE__ */ jsx13(Text11, { color: "red", bold: true, children: "Failed to start command" })
+  return /* @__PURE__ */ jsxs14(Box12, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx15(Divider, { width }),
+    result?.spawnError ? /* @__PURE__ */ jsxs14(Box12, { flexDirection: "column", marginY: 1, children: [
+      /* @__PURE__ */ jsxs14(Box12, { gap: 1, children: [
+        /* @__PURE__ */ jsx15(Text14, { color: "red", bold: true, children: "\u2717" }),
+        /* @__PURE__ */ jsx15(Text14, { color: "red", bold: true, children: "Failed to start command" })
       ] }),
-      /* @__PURE__ */ jsxs13(Box12, { marginLeft: 2, marginTop: 1, children: [
-        /* @__PURE__ */ jsx13(Text11, { dimColor: true, children: "Error: " }),
-        /* @__PURE__ */ jsx13(Text11, { color: "red", children: result.spawnError })
+      /* @__PURE__ */ jsxs14(Box12, { marginLeft: 2, marginTop: 1, children: [
+        /* @__PURE__ */ jsx15(Text14, { dimColor: true, children: "Error: " }),
+        /* @__PURE__ */ jsx15(Text14, { color: "red", children: result.spawnError })
       ] }),
-      (result.spawnError.includes("ENOENT") || result.spawnError.includes("not found")) && /* @__PURE__ */ jsxs13(Box12, { flexDirection: "column", marginLeft: 2, marginTop: 1, children: [
-        /* @__PURE__ */ jsx13(Text11, { color: inkColors.accent, bold: true, children: "\u{1F4A1} Supabase CLI not found in this repository or PATH" }),
-        /* @__PURE__ */ jsxs13(Box12, { gap: 1, children: [
-          /* @__PURE__ */ jsx13(Text11, { dimColor: true, children: "Install it:" }),
-          /* @__PURE__ */ jsx13(Text11, { color: inkColors.accent, children: "https://supabase.com/docs/guides/cli" })
-        ] })
-      ] })
-    ] }) : /* @__PURE__ */ jsxs13(Box12, { flexDirection: "column", marginY: 1, children: [
-      /* @__PURE__ */ jsxs13(Box12, { gap: 1, children: [
-        /* @__PURE__ */ jsx13(Text11, { color: "red", bold: true, children: "\u2717" }),
-        /* @__PURE__ */ jsx13(Text11, { color: "red", children: "Command failed " }),
-        /* @__PURE__ */ jsx13(Text11, { dimColor: true, children: "(exit code " }),
-        /* @__PURE__ */ jsx13(Text11, { color: "red", bold: true, children: String(result?.exitCode) }),
-        /* @__PURE__ */ jsx13(Text11, { dimColor: true, children: ")" })
+      (result.spawnError.includes("ENOENT") || result.spawnError.includes("not found")) && /* @__PURE__ */ jsx15(Box12, { flexDirection: "column", marginLeft: 2, marginTop: 1, children: /* @__PURE__ */ jsxs14(Text14, { color: inkColors.accent, bold: true, children: [
+        "\u{1F4A1} ",
+        tool,
+        " CLI not found in this repository or PATH"
+      ] }) })
+    ] }) : /* @__PURE__ */ jsxs14(Box12, { flexDirection: "column", marginY: 1, children: [
+      /* @__PURE__ */ jsxs14(Box12, { gap: 1, children: [
+        /* @__PURE__ */ jsx15(Text14, { color: "red", bold: true, children: "\u2717" }),
+        /* @__PURE__ */ jsx15(Text14, { color: "red", children: "Command failed " }),
+        /* @__PURE__ */ jsx15(Text14, { dimColor: true, children: "(exit code " }),
+        /* @__PURE__ */ jsx15(Text14, { color: "red", bold: true, children: String(result?.exitCode) }),
+        /* @__PURE__ */ jsx15(Text14, { dimColor: true, children: ")" })
       ] }),
-      /* @__PURE__ */ jsxs13(Box12, { marginLeft: 2, marginTop: 1, children: [
-        /* @__PURE__ */ jsx13(Text11, { dimColor: true, children: "Command: " }),
-        /* @__PURE__ */ jsx13(Text11, { children: cmdDisplay })
+      /* @__PURE__ */ jsxs14(Box12, { marginLeft: 2, marginTop: 1, children: [
+        /* @__PURE__ */ jsx15(Text14, { dimColor: true, children: "Command: " }),
+        /* @__PURE__ */ jsx15(Text14, { children: cmdDisplay })
       ] }),
-      !hasDebug && /* @__PURE__ */ jsxs13(Box12, { marginLeft: 2, marginTop: 1, gap: 1, children: [
-        /* @__PURE__ */ jsx13(Text11, { dimColor: true, children: "\u{1F4A1} Tip: retry with" }),
-        /* @__PURE__ */ jsx13(Text11, { color: inkColors.accent, children: "--debug" }),
-        /* @__PURE__ */ jsx13(Text11, { dimColor: true, children: "to see detailed logs" })
+      !hasDebug && /* @__PURE__ */ jsxs14(Box12, { marginLeft: 2, marginTop: 1, gap: 1, children: [
+        /* @__PURE__ */ jsx15(Text14, { dimColor: true, children: "\u{1F4A1} Tip: retry with" }),
+        /* @__PURE__ */ jsx15(Text14, { color: inkColors.accent, children: "--debug" }),
+        /* @__PURE__ */ jsx15(Text14, { dimColor: true, children: "to see detailed logs" })
       ] })
     ] }),
-    /* @__PURE__ */ jsx13(Box12, { marginTop: 1, marginBottom: 1, children: /* @__PURE__ */ jsx13(Text11, { bold: true, children: "What would you like to do?" }) }),
-    /* @__PURE__ */ jsx13(
+    /* @__PURE__ */ jsx15(Box12, { marginTop: 1, marginBottom: 1, children: /* @__PURE__ */ jsx15(Text14, { bold: true, children: "What would you like to do?" }) }),
+    /* @__PURE__ */ jsx15(
       SelectList,
       {
         items: errorItems,
@@ -1682,9 +1721,6 @@ function CommandExecution({
               setPhase("running");
               break;
             }
-            case "docs":
-              await openInBrowser("https://supabase.com/docs/guides/cli");
-              break;
             case "copy":
               await copyToClipboard(cmdDisplay);
               break;
@@ -1696,36 +1732,20 @@ function CommandExecution({
               break;
           }
         },
-        onCancel: onBack
+        onCancel: onBack,
+        width,
+        isInputActive,
+        arrowNavigation: panelMode
       }
     ),
-    /* @__PURE__ */ jsx13(StatusBar, {})
+    !panelMode && /* @__PURE__ */ jsx15(StatusBar, { width })
   ] });
 }
 
 // src/screens/SelfUpdate.tsx
-import { useEffect as useEffect5, useState as useState9 } from "react";
-import { Box as Box13, Text as Text12 } from "ink";
-
-// src/lib/packageRoot.ts
-import { existsSync as existsSync2 } from "fs";
-import { dirname as dirname2, join as join2, resolve as resolve2 } from "path";
-function findNearestPackageRoot(startDir = process.cwd()) {
-  let currentDir = resolve2(startDir);
-  while (true) {
-    if (existsSync2(join2(currentDir, "package.json"))) {
-      return currentDir;
-    }
-    const parentDir = dirname2(currentDir);
-    if (parentDir === currentDir) {
-      return void 0;
-    }
-    currentDir = parentDir;
-  }
-}
-
-// src/screens/SelfUpdate.tsx
-import { jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
+import { useEffect as useEffect6, useState as useState11 } from "react";
+import { Box as Box13, Text as Text15 } from "ink";
+import { jsx as jsx16, jsxs as jsxs15 } from "react/jsx-runtime";
 var packageName = "@polterware/polter";
 var globalUpdateArgs = ["install", "-g", `${packageName}@latest`];
 var repositoryUpdateArgs = ["install", "-D", `${packageName}@latest`];
@@ -1734,25 +1754,28 @@ function getUpdateArgs(target) {
 }
 function SelfUpdate({
   onBack,
-  onExit
+  onExit,
+  width = 80,
+  panelMode = false,
+  isInputActive = true
 }) {
   const repositoryRoot = findNearestPackageRoot();
-  const [target, setTarget] = useState9(
+  const [target, setTarget] = useState11(
     repositoryRoot ? "repository" : "global"
   );
-  const [phase, setPhase] = useState9(
+  const [phase, setPhase] = useState11(
     repositoryRoot ? "target" : "confirm"
   );
   const updateArgs = getUpdateArgs(target);
   const updateDisplay = `npm ${updateArgs.join(" ")}`;
   const updateCwd = target === "repository" && repositoryRoot ? repositoryRoot : process.cwd();
   const { status, result, run, reset } = useCommand("npm", updateCwd);
-  useEffect5(() => {
+  useEffect6(() => {
     if (phase === "running" && status === "idle") {
       run(updateArgs);
     }
   }, [phase, run, status, updateArgs]);
-  useEffect5(() => {
+  useEffect6(() => {
     if (phase === "running" && status === "success") {
       setPhase("success");
     }
@@ -1761,9 +1784,9 @@ function SelfUpdate({
     }
   }, [phase, status]);
   if (phase === "target") {
-    return /* @__PURE__ */ jsxs14(Box13, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx14(Box13, { marginBottom: 1, children: /* @__PURE__ */ jsx14(Text12, { bold: true, children: "Choose where to update Polter." }) }),
-      /* @__PURE__ */ jsx14(
+    return /* @__PURE__ */ jsxs15(Box13, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx16(Box13, { marginBottom: 1, children: /* @__PURE__ */ jsx16(Text15, { bold: true, children: "Choose where to update Polter." }) }),
+      /* @__PURE__ */ jsx16(
         SelectList,
         {
           items: [
@@ -1788,18 +1811,21 @@ function SelfUpdate({
             reset();
             setPhase("confirm");
           },
-          onCancel: onBack
+          onCancel: onBack,
+          width,
+          isInputActive,
+          arrowNavigation: panelMode
         }
       ),
-      repositoryRoot && /* @__PURE__ */ jsx14(Box13, { marginTop: 1, marginLeft: 2, children: /* @__PURE__ */ jsxs14(Text12, { dimColor: true, children: [
+      repositoryRoot && /* @__PURE__ */ jsx16(Box13, { marginTop: 1, marginLeft: 2, children: /* @__PURE__ */ jsxs15(Text15, { dimColor: true, children: [
         "Repository root: ",
         repositoryRoot
       ] }) })
     ] });
   }
   if (phase === "confirm") {
-    return /* @__PURE__ */ jsxs14(Box13, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx14(
+    return /* @__PURE__ */ jsxs15(Box13, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx16(
         ConfirmPrompt,
         {
           message: `Run ${updateDisplay}?`,
@@ -1818,9 +1844,9 @@ function SelfUpdate({
           }
         }
       ),
-      /* @__PURE__ */ jsxs14(Box13, { marginTop: 1, marginLeft: 2, flexDirection: "column", children: [
-        /* @__PURE__ */ jsx14(Text12, { dimColor: true, children: target === "repository" ? "This updates the dependency in the current repository." : "This updates the global npm install." }),
-        target === "repository" && repositoryRoot && /* @__PURE__ */ jsxs14(Text12, { dimColor: true, children: [
+      /* @__PURE__ */ jsxs15(Box13, { marginTop: 1, marginLeft: 2, flexDirection: "column", children: [
+        /* @__PURE__ */ jsx16(Text15, { dimColor: true, children: target === "repository" ? "This updates the dependency in the current repository." : "This updates the global npm install." }),
+        target === "repository" && repositoryRoot && /* @__PURE__ */ jsxs15(Text15, { dimColor: true, children: [
           "Run location: ",
           repositoryRoot
         ] })
@@ -1828,32 +1854,32 @@ function SelfUpdate({
     ] });
   }
   if (phase === "running") {
-    return /* @__PURE__ */ jsxs14(Box13, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx14(Divider, {}),
-      /* @__PURE__ */ jsxs14(Box13, { marginY: 1, gap: 1, children: [
-        /* @__PURE__ */ jsx14(Text12, { color: inkColors.accent, bold: true, children: "\u25B6" }),
-        /* @__PURE__ */ jsx14(Text12, { dimColor: true, children: "Running:" }),
-        /* @__PURE__ */ jsx14(Text12, { children: updateDisplay })
+    return /* @__PURE__ */ jsxs15(Box13, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx16(Divider, { width }),
+      /* @__PURE__ */ jsxs15(Box13, { marginY: 1, gap: 1, children: [
+        /* @__PURE__ */ jsx16(Text15, { color: inkColors.accent, bold: true, children: "\u25B6" }),
+        /* @__PURE__ */ jsx16(Text15, { dimColor: true, children: "Running:" }),
+        /* @__PURE__ */ jsx16(Text15, { children: updateDisplay })
       ] }),
-      /* @__PURE__ */ jsx14(Divider, {}),
-      /* @__PURE__ */ jsx14(Box13, { marginTop: 1, children: /* @__PURE__ */ jsx14(Spinner, { label: "Updating Polter..." }) })
+      /* @__PURE__ */ jsx16(Divider, { width }),
+      /* @__PURE__ */ jsx16(Box13, { marginTop: 1, children: /* @__PURE__ */ jsx16(Spinner, { label: "Updating Polter..." }) })
     ] });
   }
   if (phase === "success") {
-    return /* @__PURE__ */ jsxs14(Box13, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx14(Divider, {}),
-      /* @__PURE__ */ jsxs14(Box13, { marginY: 1, gap: 1, children: [
-        /* @__PURE__ */ jsx14(Text12, { color: inkColors.accent, bold: true, children: "\u2713" }),
-        /* @__PURE__ */ jsx14(Text12, { color: inkColors.accent, bold: true, children: "Update completed successfully!" })
+    return /* @__PURE__ */ jsxs15(Box13, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx16(Divider, { width }),
+      /* @__PURE__ */ jsxs15(Box13, { marginY: 1, gap: 1, children: [
+        /* @__PURE__ */ jsx16(Text15, { color: inkColors.accent, bold: true, children: "\u2713" }),
+        /* @__PURE__ */ jsx16(Text15, { color: inkColors.accent, bold: true, children: "Update completed successfully!" })
       ] }),
-      /* @__PURE__ */ jsxs14(Box13, { marginBottom: 1, marginLeft: 2, flexDirection: "column", children: [
-        /* @__PURE__ */ jsx14(Text12, { dimColor: true, children: "Restart Polter to use the latest version." }),
-        target === "repository" && repositoryRoot && /* @__PURE__ */ jsxs14(Text12, { dimColor: true, children: [
+      /* @__PURE__ */ jsxs15(Box13, { marginBottom: 1, marginLeft: 2, flexDirection: "column", children: [
+        /* @__PURE__ */ jsx16(Text15, { dimColor: true, children: "Restart Polter to use the latest version." }),
+        target === "repository" && repositoryRoot && /* @__PURE__ */ jsxs15(Text15, { dimColor: true, children: [
           "Repository updated in: ",
           repositoryRoot
         ] })
       ] }),
-      /* @__PURE__ */ jsx14(
+      /* @__PURE__ */ jsx16(
         SelectList,
         {
           items: [
@@ -1867,130 +1893,1915 @@ function SelfUpdate({
             }
             onBack();
           },
+          onCancel: onBack,
+          width,
+          isInputActive,
+          arrowNavigation: panelMode
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsxs15(Box13, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx16(Divider, { width }),
+    result?.spawnError ? /* @__PURE__ */ jsxs15(Box13, { flexDirection: "column", marginY: 1, children: [
+      /* @__PURE__ */ jsxs15(Box13, { gap: 1, children: [
+        /* @__PURE__ */ jsx16(Text15, { color: "red", bold: true, children: "\u2717" }),
+        /* @__PURE__ */ jsx16(Text15, { color: "red", bold: true, children: "Failed to start update" })
+      ] }),
+      /* @__PURE__ */ jsxs15(Box13, { marginLeft: 2, marginTop: 1, children: [
+        /* @__PURE__ */ jsx16(Text15, { dimColor: true, children: "Error: " }),
+        /* @__PURE__ */ jsx16(Text15, { color: "red", children: result.spawnError })
+      ] })
+    ] }) : /* @__PURE__ */ jsxs15(Box13, { flexDirection: "column", marginY: 1, children: [
+      /* @__PURE__ */ jsxs15(Box13, { gap: 1, children: [
+        /* @__PURE__ */ jsx16(Text15, { color: "red", bold: true, children: "\u2717" }),
+        /* @__PURE__ */ jsx16(Text15, { color: "red", children: "Update failed " }),
+        /* @__PURE__ */ jsx16(Text15, { dimColor: true, children: "(exit code " }),
+        /* @__PURE__ */ jsx16(Text15, { color: "red", bold: true, children: String(result?.exitCode) }),
+        /* @__PURE__ */ jsx16(Text15, { dimColor: true, children: ")" })
+      ] }),
+      /* @__PURE__ */ jsxs15(Box13, { marginLeft: 2, marginTop: 1, children: [
+        /* @__PURE__ */ jsx16(Text15, { dimColor: true, children: "Command: " }),
+        /* @__PURE__ */ jsx16(Text15, { children: updateDisplay })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs15(Box13, { marginBottom: 1, marginLeft: 2, flexDirection: "column", children: [
+      /* @__PURE__ */ jsx16(Text15, { dimColor: true, children: "Manual fallback:" }),
+      /* @__PURE__ */ jsx16(Text15, { color: inkColors.accent, children: updateDisplay }),
+      target === "repository" && repositoryRoot && /* @__PURE__ */ jsxs15(Text15, { dimColor: true, children: [
+        "Run location: ",
+        repositoryRoot
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx16(Box13, { marginTop: 1, marginBottom: 1, children: /* @__PURE__ */ jsx16(Text15, { bold: true, children: "What would you like to do?" }) }),
+    /* @__PURE__ */ jsx16(
+      SelectList,
+      {
+        items: [
+          { value: "retry", label: "\u{1F504} Retry update" },
+          ...repositoryRoot ? [{ value: "target", label: "\u2194 Choose update target" }] : [],
+          { value: "menu", label: "\u2190 Return to main menu" },
+          { value: "exit", label: "\u{1F6AA} Exit Polter" }
+        ],
+        onSelect: (value) => {
+          switch (value) {
+            case "retry":
+              reset();
+              setPhase("running");
+              break;
+            case "target":
+              reset();
+              setPhase("target");
+              break;
+            case "menu":
+              onBack();
+              break;
+            case "exit":
+              onExit();
+              break;
+          }
+        },
+        onCancel: onBack,
+        width,
+        isInputActive,
+        arrowNavigation: panelMode
+      }
+    ),
+    !panelMode && /* @__PURE__ */ jsx16(StatusBar, { width })
+  ] });
+}
+
+// src/screens/ToolStatus.tsx
+import { useMemo as useMemo4 } from "react";
+import { Box as Box14, Text as Text16 } from "ink";
+import { jsx as jsx17, jsxs as jsxs16 } from "react/jsx-runtime";
+var toolIds = ["supabase", "gh", "vercel", "pulumi"];
+function ToolStatus({ onBack, width = 80, panelMode = false, isInputActive = true }) {
+  const tools = useMemo4(() => toolIds.map(getToolInfo), []);
+  return /* @__PURE__ */ jsxs16(Box14, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx17(Box14, { marginBottom: 1, children: /* @__PURE__ */ jsx17(Text16, { bold: true, color: inkColors.accent, children: "\u{1F527} Tool Status" }) }),
+    tools.map((tool) => /* @__PURE__ */ jsxs16(Box14, { gap: 1, marginLeft: 2, children: [
+      /* @__PURE__ */ jsx17(Text16, { color: tool.installed ? inkColors.accent : "red", children: tool.installed ? "\u2713" : "\u2717" }),
+      /* @__PURE__ */ jsx17(Box14, { width: 16, children: /* @__PURE__ */ jsx17(Text16, { bold: true, children: tool.label }) }),
+      /* @__PURE__ */ jsx17(Text16, { dimColor: true, children: tool.installed ? tool.version ?? "installed" : "not found" })
+    ] }, tool.id)),
+    /* @__PURE__ */ jsx17(Box14, { marginTop: 1, children: /* @__PURE__ */ jsx17(
+      SelectList,
+      {
+        items: [{ value: "__back__", label: "\u2190 Back" }],
+        onSelect: onBack,
+        onCancel: onBack,
+        width,
+        isInputActive,
+        arrowNavigation: panelMode
+      }
+    ) }),
+    !panelMode && /* @__PURE__ */ jsx17(StatusBar, { hint: "Enter to go back", width })
+  ] });
+}
+
+// src/screens/ProjectConfig.tsx
+import { useMemo as useMemo5, useState as useState13 } from "react";
+import { Box as Box15, Text as Text17 } from "ink";
+
+// src/hooks/useEditor.ts
+import { useState as useState12, useCallback as useCallback3 } from "react";
+import { useStdin } from "ink";
+
+// src/lib/editor.ts
+import { spawnSync, spawn as spawn2 } from "child_process";
+import { basename } from "path";
+var TERMINAL_EDITORS = /* @__PURE__ */ new Set([
+  "vi",
+  "vim",
+  "nvim",
+  "nano",
+  "pico",
+  "emacs",
+  "micro",
+  "helix",
+  "hx",
+  "joe",
+  "mcedit"
+]);
+function resolveEditor() {
+  const raw = process.env["VISUAL"] || process.env["EDITOR"];
+  if (raw) {
+    const parts = raw.trim().split(/\s+/);
+    return { command: parts[0], args: parts.slice(1) };
+  }
+  const fallback = process.platform === "win32" ? "notepad" : "nano";
+  return { command: fallback, args: [] };
+}
+function isTerminalEditor(cmd) {
+  return TERMINAL_EDITORS.has(basename(cmd));
+}
+function openInEditor(filePath) {
+  const editor = resolveEditor();
+  const terminal = isTerminalEditor(editor.command);
+  if (terminal) {
+    const result = spawnSync(editor.command, [...editor.args, filePath], {
+      stdio: "inherit"
+    });
+    return { exitCode: result.status, isTerminal: true };
+  }
+  const child = spawn2(editor.command, [...editor.args, filePath], {
+    detached: true,
+    stdio: "ignore"
+  });
+  child.unref();
+  return { exitCode: 0, isTerminal: false };
+}
+
+// src/hooks/useEditor.ts
+function useEditor() {
+  const { setRawMode } = useStdin();
+  const [isEditing, setIsEditing] = useState12(false);
+  const openEditor = useCallback3(async (filePath) => {
+    const editor = resolveEditor();
+    const terminal = isTerminalEditor(editor.command);
+    setIsEditing(true);
+    if (terminal) {
+      setRawMode(false);
+    }
+    try {
+      openInEditor(filePath);
+    } finally {
+      if (terminal) {
+        setRawMode(true);
+      }
+      setIsEditing(false);
+    }
+  }, [setRawMode]);
+  return { openEditor, isEditing };
+}
+
+// src/screens/ProjectConfig.tsx
+import { jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
+function ProjectConfig({
+  onBack,
+  width = 80,
+  panelMode = false,
+  isInputActive = true
+}) {
+  const configPath = useMemo5(() => getProjectConfigPath(), []);
+  const [config2, setConfig] = useState13(() => getOrCreateProjectConfig());
+  const [phase, setPhase] = useState13("overview");
+  const [feedback, setFeedback] = useState13();
+  const { openEditor, isEditing } = useEditor();
+  if (!configPath) {
+    return /* @__PURE__ */ jsxs17(Box15, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx18(Text17, { color: "red", children: "No package.json found. Run from a project directory." }),
+      /* @__PURE__ */ jsx18(
+        SelectList,
+        {
+          items: [{ value: "__back__", label: "\u2190 Back" }],
+          onSelect: onBack,
+          onCancel: onBack,
+          width,
+          isInputActive,
+          arrowNavigation: panelMode
+        }
+      )
+    ] });
+  }
+  if (phase === "edit-supabase-ref") {
+    return /* @__PURE__ */ jsx18(Box15, { flexDirection: "column", children: /* @__PURE__ */ jsx18(
+      TextPrompt,
+      {
+        label: "Supabase project ref:",
+        placeholder: "e.g. abcdefghijklmnop",
+        onSubmit: (val) => {
+          const updated = {
+            ...config2,
+            tools: {
+              ...config2.tools,
+              supabase: { ...config2.tools.supabase, projectRef: val.trim() || void 0 }
+            }
+          };
+          writeProjectConfig(updated);
+          setConfig(updated);
+          setFeedback("Supabase project ref updated");
+          setPhase("overview");
+        },
+        onCancel: () => setPhase("overview")
+      }
+    ) });
+  }
+  if (phase === "edit-vercel-id") {
+    return /* @__PURE__ */ jsx18(Box15, { flexDirection: "column", children: /* @__PURE__ */ jsx18(
+      TextPrompt,
+      {
+        label: "Vercel project ID:",
+        placeholder: "e.g. prj_xxxx",
+        onSubmit: (val) => {
+          const updated = {
+            ...config2,
+            tools: {
+              ...config2.tools,
+              vercel: { ...config2.tools.vercel, projectId: val.trim() || void 0 }
+            }
+          };
+          writeProjectConfig(updated);
+          setConfig(updated);
+          setFeedback("Vercel project ID updated");
+          setPhase("overview");
+        },
+        onCancel: () => setPhase("overview")
+      }
+    ) });
+  }
+  if (phase === "edit-gh-repo") {
+    return /* @__PURE__ */ jsx18(Box15, { flexDirection: "column", children: /* @__PURE__ */ jsx18(
+      TextPrompt,
+      {
+        label: "GitHub repo (owner/name):",
+        placeholder: "e.g. myorg/my-app",
+        onSubmit: (val) => {
+          const updated = {
+            ...config2,
+            tools: {
+              ...config2.tools,
+              gh: { ...config2.tools.gh, repo: val.trim() || void 0 }
+            }
+          };
+          writeProjectConfig(updated);
+          setConfig(updated);
+          setFeedback("GitHub repo updated");
+          setPhase("overview");
+        },
+        onCancel: () => setPhase("overview")
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsxs17(Box15, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx18(Box15, { marginBottom: 1, children: /* @__PURE__ */ jsx18(Text17, { bold: true, color: inkColors.accent, children: "\u2699\uFE0F Project Config" }) }),
+    /* @__PURE__ */ jsxs17(Box15, { marginBottom: 1, marginLeft: 2, flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs17(Text17, { dimColor: true, children: [
+        "Path: ",
+        configPath.file
+      ] }),
+      /* @__PURE__ */ jsxs17(Text17, { children: [
+        "Supabase ref: ",
+        config2.tools.supabase?.projectRef ?? /* @__PURE__ */ jsx18(Text17, { dimColor: true, children: "not set" })
+      ] }),
+      /* @__PURE__ */ jsxs17(Text17, { children: [
+        "Vercel ID: ",
+        config2.tools.vercel?.projectId ?? /* @__PURE__ */ jsx18(Text17, { dimColor: true, children: "not set" })
+      ] }),
+      /* @__PURE__ */ jsxs17(Text17, { children: [
+        "GitHub repo: ",
+        config2.tools.gh?.repo ?? /* @__PURE__ */ jsx18(Text17, { dimColor: true, children: "not set" })
+      ] })
+    ] }),
+    feedback && /* @__PURE__ */ jsx18(Box15, { marginBottom: 1, children: /* @__PURE__ */ jsxs17(Text17, { color: inkColors.accent, children: [
+      "\u2713 ",
+      feedback
+    ] }) }),
+    /* @__PURE__ */ jsx18(
+      SelectList,
+      {
+        items: [
+          { value: "supabase", label: "Set Supabase project ref" },
+          { value: "vercel", label: "Set Vercel project ID" },
+          { value: "gh", label: "Set GitHub repo" },
+          { value: "editor", label: "Open config in editor" },
+          { value: "__back__", label: "\u2190 Back" }
+        ],
+        onSelect: (value) => {
+          switch (value) {
+            case "supabase":
+              setPhase("edit-supabase-ref");
+              break;
+            case "vercel":
+              setPhase("edit-vercel-id");
+              break;
+            case "gh":
+              setPhase("edit-gh-repo");
+              break;
+            case "editor":
+              openEditor(configPath.file).then(() => {
+                try {
+                  const reloaded = getOrCreateProjectConfig();
+                  setConfig(reloaded);
+                  setFeedback("Config reloaded from file");
+                } catch {
+                  setFeedback("Warning: could not parse config after editing");
+                }
+              });
+              break;
+            default:
+              onBack();
+          }
+        },
+        onCancel: onBack,
+        width,
+        isInputActive,
+        arrowNavigation: panelMode
+      }
+    ),
+    !panelMode && /* @__PURE__ */ jsx18(StatusBar, { hint: "\u2191\u2193 navigate \xB7 Enter select \xB7 Esc back", width })
+  ] });
+}
+
+// src/screens/PipelineList.tsx
+import { useMemo as useMemo6 } from "react";
+import { Box as Box16, Text as Text18 } from "ink";
+import { jsx as jsx19, jsxs as jsxs18 } from "react/jsx-runtime";
+function PipelineList({
+  onNavigate,
+  onBack,
+  width = 80,
+  panelMode = false,
+  isInputActive = true
+}) {
+  const pipelines = useMemo6(() => getAllPipelines(), []);
+  const items = useMemo6(() => {
+    const list = [];
+    if (pipelines.length === 0) {
+      list.push({
+        id: "empty-hint",
+        value: "__empty__",
+        label: "No pipelines yet",
+        kind: "header",
+        selectable: false
+      });
+    } else {
+      list.push({
+        id: "section-pipelines",
+        value: "__section__",
+        label: "\u{1F517} Saved Pipelines",
+        kind: "header",
+        selectable: false
+      });
+      for (const pipeline of pipelines) {
+        list.push({
+          id: `pipeline:${pipeline.id}`,
+          value: pipeline.id,
+          label: pipeline.name,
+          hint: `${pipeline.steps.length} steps \xB7 ${pipeline.source}${pipeline.description ? ` \xB7 ${pipeline.description}` : ""}`,
+          kind: "action"
+        });
+      }
+    }
+    list.push({
+      id: "section-actions",
+      value: "__section_actions__",
+      label: "\u26A1 Actions",
+      kind: "header",
+      selectable: false
+    });
+    list.push({
+      id: "action-new",
+      value: "__new__",
+      label: "Create Pipeline",
+      hint: "Build a new command sequence",
+      icon: "\u2795",
+      kind: "action"
+    });
+    list.push({
+      id: "action-back",
+      value: "__back__",
+      label: "\u2190 Back",
+      kind: "action"
+    });
+    return list;
+  }, [pipelines]);
+  return /* @__PURE__ */ jsxs18(Box16, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx19(Box16, { marginBottom: 1, children: /* @__PURE__ */ jsx19(Text18, { bold: true, color: inkColors.accent, children: "\u{1F517} Pipelines" }) }),
+    /* @__PURE__ */ jsx19(
+      SelectList,
+      {
+        items,
+        onSelect: (value) => {
+          if (value === "__back__") {
+            onBack();
+            return;
+          }
+          if (value === "__new__") {
+            onNavigate("pipeline-builder");
+            return;
+          }
+          onNavigate("pipeline-execution", { pipelineId: value });
+        },
+        onCancel: onBack,
+        width,
+        isInputActive,
+        arrowNavigation: panelMode
+      }
+    ),
+    !panelMode && /* @__PURE__ */ jsx19(StatusBar, { hint: "\u2191\u2193 navigate \xB7 Enter select \xB7 Esc back", width })
+  ] });
+}
+
+// src/screens/PipelineBuilder.tsx
+import { useState as useState14 } from "react";
+import { Box as Box17, Text as Text19 } from "ink";
+import { jsx as jsx20, jsxs as jsxs19 } from "react/jsx-runtime";
+var stepCounter = 0;
+function nextStepId() {
+  stepCounter += 1;
+  return `step-${Date.now()}-${stepCounter}`;
+}
+function PipelineBuilder({
+  onBack,
+  width = 80,
+  height = 24,
+  panelMode = false,
+  isInputActive = true
+}) {
+  const [phase, setPhase] = useState14("name");
+  const [name, setName] = useState14("");
+  const [steps, setSteps] = useState14([]);
+  if (phase === "name") {
+    return /* @__PURE__ */ jsxs19(Box17, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx20(Box17, { marginBottom: 1, children: /* @__PURE__ */ jsx20(Text19, { bold: true, color: inkColors.accent, children: "\u{1F517} New Pipeline" }) }),
+      /* @__PURE__ */ jsx20(
+        TextPrompt,
+        {
+          label: "Pipeline name:",
+          placeholder: "e.g. deploy-all",
+          validate: (val) => {
+            if (!val?.trim()) return "Name is required";
+            return void 0;
+          },
+          onSubmit: (val) => {
+            setName(val.trim());
+            setPhase("add-step");
+          },
           onCancel: onBack
         }
+      ),
+      !panelMode && /* @__PURE__ */ jsx20(StatusBar, { hint: "Type name \xB7 Enter to continue \xB7 Esc cancel", width })
+    ] });
+  }
+  if (phase === "add-step") {
+    const commandItems = [
+      {
+        id: "section-commands",
+        value: "__section__",
+        label: "Available Commands",
+        kind: "header",
+        selectable: false
+      },
+      ...allCommands.map((cmd) => ({
+        id: cmd.id,
+        value: cmd.id,
+        label: `${cmd.tool}: ${cmd.label}`,
+        hint: cmd.hint,
+        kind: "command"
+      })),
+      {
+        id: "section-done",
+        value: "__section_done__",
+        label: "\u26A1 Actions",
+        kind: "header",
+        selectable: false
+      },
+      {
+        id: "action-done",
+        value: "__done__",
+        label: steps.length > 0 ? "\u2713 Done - save pipeline" : "\u2190 Cancel",
+        kind: "action"
+      }
+    ];
+    return /* @__PURE__ */ jsxs19(Box17, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs19(Box17, { marginBottom: 1, gap: 1, children: [
+        /* @__PURE__ */ jsxs19(Text19, { bold: true, color: inkColors.accent, children: [
+          "\u{1F517} ",
+          name
+        ] }),
+        /* @__PURE__ */ jsxs19(Text19, { dimColor: true, children: [
+          "(",
+          steps.length,
+          " steps)"
+        ] })
+      ] }),
+      steps.length > 0 && /* @__PURE__ */ jsx20(Box17, { flexDirection: "column", marginBottom: 1, children: steps.map((step, i) => /* @__PURE__ */ jsxs19(Text19, { dimColor: true, children: [
+        i + 1,
+        ". ",
+        step.commandId,
+        step.args.length > 0 ? ` ${step.args.join(" ")}` : ""
+      ] }, step.id)) }),
+      /* @__PURE__ */ jsx20(Text19, { dimColor: true, children: "Select a command to add as step:" }),
+      /* @__PURE__ */ jsx20(
+        SelectList,
+        {
+          items: commandItems,
+          onSelect: (value) => {
+            if (value === "__done__") {
+              if (steps.length > 0) {
+                setPhase("review");
+              } else {
+                onBack();
+              }
+              return;
+            }
+            setSteps((prev) => [
+              ...prev,
+              {
+                id: nextStepId(),
+                commandId: value,
+                args: [],
+                flags: [],
+                continueOnError: false
+              }
+            ]);
+          },
+          onCancel: () => {
+            if (steps.length > 0) {
+              setPhase("review");
+            } else {
+              onBack();
+            }
+          },
+          maxVisible: Math.max(8, height - 14),
+          width,
+          isInputActive,
+          arrowNavigation: panelMode
+        }
+      ),
+      !panelMode && /* @__PURE__ */ jsx20(StatusBar, { hint: "\u2191\u2193 navigate \xB7 Enter add step \xB7 Esc done", width })
+    ] });
+  }
+  const reviewItems = [
+    {
+      id: "action-save",
+      value: "__save__",
+      label: "\u2713 Save pipeline",
+      kind: "action"
+    },
+    {
+      id: "action-add-more",
+      value: "__add__",
+      label: "\u2795 Add more steps",
+      kind: "action"
+    },
+    {
+      id: "action-cancel",
+      value: "__cancel__",
+      label: "\u2190 Cancel",
+      kind: "action"
+    }
+  ];
+  return /* @__PURE__ */ jsxs19(Box17, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx20(Box17, { marginBottom: 1, children: /* @__PURE__ */ jsxs19(Text19, { bold: true, color: inkColors.accent, children: [
+      "\u{1F517} Review: ",
+      name
+    ] }) }),
+    /* @__PURE__ */ jsx20(Box17, { flexDirection: "column", marginBottom: 1, children: steps.map((step, i) => /* @__PURE__ */ jsxs19(Text19, { children: [
+      i + 1,
+      ". ",
+      step.commandId,
+      step.args.length > 0 ? ` ${step.args.join(" ")}` : ""
+    ] }, step.id)) }),
+    /* @__PURE__ */ jsx20(
+      SelectList,
+      {
+        items: reviewItems,
+        onSelect: (value) => {
+          if (value === "__save__") {
+            const now = (/* @__PURE__ */ new Date()).toISOString();
+            const pipeline = {
+              id: `pipeline-${Date.now()}`,
+              name,
+              steps,
+              createdAt: now,
+              updatedAt: now
+            };
+            savePipeline(pipeline, "project");
+            onBack();
+            return;
+          }
+          if (value === "__add__") {
+            setPhase("add-step");
+            return;
+          }
+          onBack();
+        },
+        onCancel: onBack,
+        width,
+        isInputActive,
+        arrowNavigation: panelMode
+      }
+    ),
+    !panelMode && /* @__PURE__ */ jsx20(StatusBar, { hint: "\u2191\u2193 navigate \xB7 Enter select \xB7 Esc back", width })
+  ] });
+}
+
+// src/screens/PipelineExecution.tsx
+import { useState as useState15, useEffect as useEffect7, useMemo as useMemo7 } from "react";
+import { Box as Box20, Text as Text22 } from "ink";
+
+// src/components/StepIndicator.tsx
+import { Box as Box18, Text as Text20 } from "ink";
+import { jsx as jsx21, jsxs as jsxs20 } from "react/jsx-runtime";
+var statusIcons = {
+  pending: "\u25CB",
+  running: "",
+  success: "\u2713",
+  error: "\u2717",
+  skipped: "\u2298"
+};
+var statusColors = {
+  pending: void 0,
+  running: inkColors.accent,
+  success: inkColors.accent,
+  error: "red",
+  skipped: void 0
+};
+function StepIndicator({
+  label,
+  status,
+  index
+}) {
+  return /* @__PURE__ */ jsxs20(Box18, { gap: 1, children: [
+    /* @__PURE__ */ jsxs20(Text20, { dimColor: true, children: [
+      String(index + 1).padStart(2, " "),
+      "."
+    ] }),
+    status === "running" ? /* @__PURE__ */ jsx21(Spinner, { label: "" }) : /* @__PURE__ */ jsx21(
+      Text20,
+      {
+        color: statusColors[status],
+        dimColor: status === "pending" || status === "skipped",
+        children: statusIcons[status]
+      }
+    ),
+    /* @__PURE__ */ jsx21(
+      Text20,
+      {
+        color: statusColors[status],
+        dimColor: status === "pending" || status === "skipped",
+        bold: status === "running",
+        children: label
+      }
+    )
+  ] });
+}
+
+// src/components/PipelineProgress.tsx
+import { Box as Box19, Text as Text21 } from "ink";
+import { jsxs as jsxs21 } from "react/jsx-runtime";
+function PipelineProgressBar({
+  total,
+  completed,
+  errors,
+  width = 80
+}) {
+  const barWidth = Math.max(10, width - 20);
+  const filledCount = total > 0 ? Math.round(completed / total * barWidth) : 0;
+  const filled = "\u2588".repeat(filledCount);
+  const empty = "\u2591".repeat(barWidth - filledCount);
+  return /* @__PURE__ */ jsxs21(Box19, { gap: 1, children: [
+    /* @__PURE__ */ jsxs21(Text21, { color: errors > 0 ? "red" : inkColors.accent, children: [
+      "[",
+      filled,
+      empty,
+      "]"
+    ] }),
+    /* @__PURE__ */ jsxs21(Text21, { dimColor: true, children: [
+      completed,
+      "/",
+      total,
+      errors > 0 ? ` (${errors} failed)` : ""
+    ] })
+  ] });
+}
+
+// src/screens/PipelineExecution.tsx
+import { Fragment, jsx as jsx22, jsxs as jsxs22 } from "react/jsx-runtime";
+function PipelineExecution({
+  pipelineId,
+  onBack,
+  onExit,
+  width = 80,
+  panelMode = false,
+  isInputActive = true
+}) {
+  const pipeline = useMemo7(
+    () => getAllPipelines().find((p) => p.id === pipelineId),
+    [pipelineId]
+  );
+  const [phase, setPhase] = useState15("running");
+  const [progress, setProgress] = useState15(null);
+  const [results, setResults] = useState15([]);
+  useEffect7(() => {
+    if (!pipeline) return;
+    executePipeline(pipeline, (p) => {
+      setProgress({ ...p });
+      if (p.done) {
+        setResults(p.stepResults);
+        setPhase("done");
+      }
+    }).catch(() => {
+      setPhase("done");
+    });
+  }, [pipeline]);
+  if (!pipeline) {
+    return /* @__PURE__ */ jsxs22(Box20, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs22(Text22, { color: "red", children: [
+        "Pipeline not found: ",
+        pipelineId
+      ] }),
+      /* @__PURE__ */ jsx22(
+        SelectList,
+        {
+          items: [{ value: "__back__", label: "\u2190 Back" }],
+          onSelect: onBack,
+          onCancel: onBack,
+          width,
+          isInputActive,
+          arrowNavigation: panelMode
+        }
       )
     ] });
   }
-  return /* @__PURE__ */ jsxs14(Box13, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx14(Divider, {}),
-    result?.spawnError ? /* @__PURE__ */ jsxs14(Box13, { flexDirection: "column", marginY: 1, children: [
-      /* @__PURE__ */ jsxs14(Box13, { gap: 1, children: [
-        /* @__PURE__ */ jsx14(Text12, { color: "red", bold: true, children: "\u2717" }),
-        /* @__PURE__ */ jsx14(Text12, { color: "red", bold: true, children: "Failed to start update" })
-      ] }),
-      /* @__PURE__ */ jsxs14(Box13, { marginLeft: 2, marginTop: 1, children: [
-        /* @__PURE__ */ jsx14(Text12, { dimColor: true, children: "Error: " }),
-        /* @__PURE__ */ jsx14(Text12, { color: "red", children: result.spawnError })
-      ] })
-    ] }) : /* @__PURE__ */ jsxs14(Box13, { flexDirection: "column", marginY: 1, children: [
-      /* @__PURE__ */ jsxs14(Box13, { gap: 1, children: [
-        /* @__PURE__ */ jsx14(Text12, { color: "red", bold: true, children: "\u2717" }),
-        /* @__PURE__ */ jsx14(Text12, { color: "red", children: "Update failed " }),
-        /* @__PURE__ */ jsx14(Text12, { dimColor: true, children: "(exit code " }),
-        /* @__PURE__ */ jsx14(Text12, { color: "red", bold: true, children: String(result?.exitCode) }),
-        /* @__PURE__ */ jsx14(Text12, { dimColor: true, children: ")" })
-      ] }),
-      /* @__PURE__ */ jsxs14(Box13, { marginLeft: 2, marginTop: 1, children: [
-        /* @__PURE__ */ jsx14(Text12, { dimColor: true, children: "Command: " }),
-        /* @__PURE__ */ jsx14(Text12, { children: updateDisplay })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs14(Box13, { marginBottom: 1, marginLeft: 2, flexDirection: "column", children: [
-      /* @__PURE__ */ jsx14(Text12, { dimColor: true, children: "Manual fallback:" }),
-      /* @__PURE__ */ jsx14(Text12, { color: inkColors.accent, children: updateDisplay }),
-      target === "repository" && repositoryRoot && /* @__PURE__ */ jsxs14(Text12, { dimColor: true, children: [
-        "Run location: ",
-        repositoryRoot
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx14(Box13, { marginTop: 1, marginBottom: 1, children: /* @__PURE__ */ jsx14(Text12, { bold: true, children: "What would you like to do?" }) }),
-    /* @__PURE__ */ jsx14(
+  const stepResults = progress?.stepResults ?? [];
+  const completedCount = stepResults.filter(
+    (s) => s.status === "success" || s.status === "error" || s.status === "skipped"
+  ).length;
+  const errorCount = stepResults.filter((s) => s.status === "error").length;
+  function getStepLabel(step) {
+    const cmdDef = getCommandById(step.commandId);
+    const base = cmdDef ? `${cmdDef.tool}: ${cmdDef.label}` : step.commandId;
+    return step.args.length > 0 ? `${base} ${step.args.join(" ")}` : base;
+  }
+  return /* @__PURE__ */ jsxs22(Box20, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs22(Box20, { marginBottom: 1, gap: 1, children: [
+      /* @__PURE__ */ jsxs22(Text22, { bold: true, color: inkColors.accent, children: [
+        "\u{1F517} ",
+        pipeline.name
+      ] }),
+      /* @__PURE__ */ jsx22(Text22, { dimColor: true, children: phase === "running" ? "Running..." : "Complete" })
+    ] }),
+    /* @__PURE__ */ jsx22(
+      PipelineProgressBar,
+      {
+        total: pipeline.steps.length,
+        completed: completedCount,
+        errors: errorCount,
+        width
+      }
+    ),
+    /* @__PURE__ */ jsx22(Divider, { width }),
+    /* @__PURE__ */ jsx22(Box20, { flexDirection: "column", marginY: 1, children: pipeline.steps.map((step, i) => /* @__PURE__ */ jsx22(
+      StepIndicator,
+      {
+        label: step.label ?? getStepLabel(step),
+        status: stepResults[i]?.status ?? "pending",
+        index: i
+      },
+      step.id
+    )) }),
+    phase === "done" && /* @__PURE__ */ jsxs22(Fragment, { children: [
+      /* @__PURE__ */ jsx22(Divider, { width }),
+      /* @__PURE__ */ jsx22(Box20, { marginY: 1, children: /* @__PURE__ */ jsx22(
+        Text22,
+        {
+          color: errorCount > 0 ? "red" : inkColors.accent,
+          bold: true,
+          children: errorCount > 0 ? `Pipeline completed with ${errorCount} error(s)` : "Pipeline completed successfully!"
+        }
+      ) }),
+      /* @__PURE__ */ jsx22(
+        SelectList,
+        {
+          items: [
+            { value: "__back__", label: "\u2190 Back" },
+            { value: "__exit__", label: "\u{1F6AA} Exit" }
+          ],
+          onSelect: (value) => {
+            if (value === "__exit__") {
+              onExit();
+              return;
+            }
+            onBack();
+          },
+          onCancel: onBack,
+          width,
+          isInputActive,
+          arrowNavigation: panelMode
+        }
+      )
+    ] }),
+    !panelMode && /* @__PURE__ */ jsx22(
+      StatusBar,
+      {
+        hint: phase === "running" ? "Running pipeline..." : "Enter select \xB7 Esc back",
+        width
+      }
+    )
+  ] });
+}
+
+// src/app.tsx
+import { jsx as jsx23, jsxs as jsxs23 } from "react/jsx-runtime";
+function AppClassic() {
+  const { screen, params, navigate, goBack, goHome } = useNavigation();
+  const { exit } = useApp();
+  const width = useTerminalWidth();
+  const height = useTerminalHeight();
+  const handleExit = () => {
+    process.stdout.write(
+      "\n" + colors.dim("Thank you for using ") + colors.primaryBold("Polter") + colors.dim("!") + "\n\n"
+    );
+    exit();
+  };
+  const renderScreen = () => {
+    switch (screen) {
+      case "home":
+        return /* @__PURE__ */ jsx23(Home, { onNavigate: navigate, onExit: handleExit, width, height });
+      case "command-args":
+        return /* @__PURE__ */ jsx23(
+          CommandArgs,
+          {
+            command: params.command ?? "",
+            tool: params.tool,
+            onNavigate: navigate,
+            onBack: goBack,
+            width
+          }
+        );
+      case "custom-command":
+        return /* @__PURE__ */ jsx23(CustomCommand, { onNavigate: navigate, onBack: goBack, width });
+      case "flag-selection":
+        return /* @__PURE__ */ jsx23(
+          FlagSelection,
+          {
+            args: params.args ?? [],
+            tool: params.tool,
+            onNavigate: navigate,
+            onBack: goBack,
+            width
+          }
+        );
+      case "confirm-execute":
+      case "command-execution":
+        return /* @__PURE__ */ jsx23(
+          CommandExecution,
+          {
+            args: params.args ?? [],
+            tool: params.tool,
+            onBack: goBack,
+            onExit: handleExit,
+            width
+          }
+        );
+      case "self-update":
+        return /* @__PURE__ */ jsx23(SelfUpdate, { onBack: goBack, onExit: handleExit, width });
+      case "tool-status":
+        return /* @__PURE__ */ jsx23(ToolStatus, { onBack: goBack, width });
+      case "project-config":
+        return /* @__PURE__ */ jsx23(ProjectConfig, { onBack: goBack, width });
+      case "pipeline-list":
+        return /* @__PURE__ */ jsx23(PipelineList, { onNavigate: navigate, onBack: goBack, width });
+      case "pipeline-builder":
+        return /* @__PURE__ */ jsx23(PipelineBuilder, { onBack: goBack, width, height });
+      case "pipeline-execution":
+        return /* @__PURE__ */ jsx23(
+          PipelineExecution,
+          {
+            pipelineId: params.pipelineId ?? "",
+            onBack: goBack,
+            onExit: handleExit,
+            width
+          }
+        );
+      default:
+        return /* @__PURE__ */ jsx23(Box21, { children: /* @__PURE__ */ jsxs23(Text23, { color: "red", children: [
+          "Unknown screen: ",
+          screen
+        ] }) });
+    }
+  };
+  return /* @__PURE__ */ jsxs23(Box21, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx23(GhostBanner, { width }),
+    renderScreen()
+  ] });
+}
+
+// src/appPanel.tsx
+import React18 from "react";
+import { Box as Box29, Text as Text30, useApp as useApp2, useInput as useInput7 } from "ink";
+
+// src/hooks/useFullscreen.ts
+import { useEffect as useEffect8 } from "react";
+var ENTER_ALT_SCREEN = "\x1B[?1049h";
+var LEAVE_ALT_SCREEN = "\x1B[?1049l";
+var HIDE_CURSOR = "\x1B[?25l";
+var SHOW_CURSOR = "\x1B[?25h";
+function useFullscreen() {
+  useEffect8(() => {
+    process.stdout.write(ENTER_ALT_SCREEN + HIDE_CURSOR);
+    return () => {
+      process.stdout.write(SHOW_CURSOR + LEAVE_ALT_SCREEN);
+    };
+  }, []);
+}
+
+// src/hooks/usePanelNavigation.ts
+import { useState as useState16, useCallback as useCallback4 } from "react";
+function usePanelNavigation() {
+  const [state, setState] = useState16({
+    view: "feature",
+    featureId: "database",
+    innerScreen: "home",
+    innerParams: {},
+    innerStack: []
+  });
+  const selectSidebarItem = useCallback4((itemId) => {
+    const featureIds = [
+      "database",
+      "functions",
+      "deploy",
+      "repo",
+      "cicd",
+      "auth-storage",
+      "networking",
+      "infrastructure",
+      "setup"
+    ];
+    if (featureIds.includes(itemId)) {
+      setState({
+        view: "feature",
+        featureId: itemId,
+        innerScreen: "home",
+        innerParams: {},
+        innerStack: []
+      });
+      return;
+    }
+    const viewMap = {
+      pinned: "pinned",
+      "custom-command": "custom-command",
+      pipelines: "pipelines",
+      "tool-status": "tool-status",
+      config: "config",
+      "self-update": "self-update"
+    };
+    const view = viewMap[itemId];
+    if (view) {
+      setState({
+        view,
+        featureId: state.featureId,
+        innerScreen: "home",
+        innerParams: {},
+        innerStack: []
+      });
+    }
+  }, [state.featureId]);
+  const navigateInner = useCallback4((screen, params) => {
+    setState((prev) => ({
+      ...prev,
+      innerStack: [...prev.innerStack, { screen: prev.innerScreen, params: prev.innerParams }],
+      innerScreen: screen,
+      innerParams: params ?? {}
+    }));
+  }, []);
+  const goBackInner = useCallback4(() => {
+    setState((prev) => {
+      if (prev.innerStack.length === 0) {
+        return { ...prev, innerScreen: "home", innerParams: {} };
+      }
+      const newStack = [...prev.innerStack];
+      const last = newStack.pop();
+      return {
+        ...prev,
+        innerStack: newStack,
+        innerScreen: last.screen,
+        innerParams: last.params
+      };
+    });
+  }, []);
+  const goHomeInner = useCallback4(() => {
+    setState((prev) => ({
+      ...prev,
+      innerScreen: "home",
+      innerParams: {},
+      innerStack: []
+    }));
+  }, []);
+  return {
+    ...state,
+    selectSidebarItem,
+    navigateInner,
+    goBackInner,
+    goHomeInner
+  };
+}
+
+// src/hooks/usePanelFocus.ts
+import { useState as useState17, useCallback as useCallback5 } from "react";
+function usePanelFocus() {
+  const [focused, setFocused] = useState17("sidebar");
+  const toggleFocus = useCallback5(() => {
+    setFocused((prev) => prev === "sidebar" ? "main" : "sidebar");
+  }, []);
+  const focusSidebar = useCallback5(() => setFocused("sidebar"), []);
+  const focusMain = useCallback5(() => setFocused("main"), []);
+  return {
+    focused,
+    isSidebarFocused: focused === "sidebar",
+    isMainFocused: focused === "main",
+    toggleFocus,
+    focusSidebar,
+    focusMain
+  };
+}
+
+// src/hooks/useSidebarItems.ts
+import { useMemo as useMemo8 } from "react";
+function useSidebarItems(hasPins = false) {
+  return useMemo8(() => {
+    const items = [];
+    if (hasPins) {
+      items.push({ id: "pinned", label: "Pinned", icon: "\u{1F4CC}", type: "action" });
+      items.push({ id: "__sep_pinned__", label: "---", icon: "", type: "separator" });
+    }
+    for (const feature of features) {
+      items.push({
+        id: feature.id,
+        label: feature.label,
+        icon: feature.icon,
+        type: "feature"
+      });
+    }
+    items.push({ id: "__sep__", label: "---", icon: "", type: "separator" });
+    items.push({ id: "custom-command", label: "Custom Cmd", icon: "\u270F\uFE0F", type: "action" });
+    items.push({ id: "pipelines", label: "Pipelines", icon: "\u{1F517}", type: "action" });
+    items.push({ id: "tool-status", label: "Tool Status", icon: "\u{1F527}", type: "action" });
+    items.push({ id: "config", label: "Config", icon: "\u2699\uFE0F", type: "action" });
+    items.push({ id: "self-update", label: "Update", icon: "\u2B06\uFE0F", type: "action" });
+    items.push({ id: "exit", label: "Exit", icon: "\u{1F6AA}", type: "action" });
+    return items;
+  }, [hasPins]);
+}
+
+// src/hooks/useModal.ts
+import { useState as useState18, useCallback as useCallback6 } from "react";
+function useModal() {
+  const [state, setState] = useState18(null);
+  const openModal = useCallback6((content, title) => {
+    setState({ content, title });
+  }, []);
+  const closeModal = useCallback6(() => {
+    setState(null);
+  }, []);
+  return {
+    isOpen: state !== null,
+    modalContent: state?.content ?? null,
+    modalTitle: state?.title ?? "",
+    openModal,
+    closeModal
+  };
+}
+
+// src/components/PanelLayout.tsx
+import { Box as Box22 } from "ink";
+import { jsx as jsx24, jsxs as jsxs24 } from "react/jsx-runtime";
+function PanelLayout({
+  header,
+  footer,
+  sidebar,
+  main: main2,
+  width,
+  height,
+  bannerHeight,
+  singlePanel = false
+}) {
+  const footerHeight = 1;
+  const contentHeight = Math.max(5, height - bannerHeight - footerHeight);
+  const sidebarWidth = singlePanel ? 0 : panel.sidebarWidth(width);
+  const mainWidth = singlePanel ? width : width - sidebarWidth;
+  return /* @__PURE__ */ jsxs24(Box22, { flexDirection: "column", width, height, children: [
+    header,
+    /* @__PURE__ */ jsxs24(Box22, { flexDirection: "row", height: contentHeight, children: [
+      !singlePanel && /* @__PURE__ */ jsx24(Box22, { width: sidebarWidth, height: contentHeight, children: sidebar }),
+      /* @__PURE__ */ jsx24(Box22, { width: mainWidth, height: contentHeight, children: main2 })
+    ] }),
+    /* @__PURE__ */ jsx24(Box22, { height: footerHeight, children: footer })
+  ] });
+}
+
+// src/components/Panel.tsx
+import { Box as Box23, Text as Text24 } from "ink";
+import { jsx as jsx25, jsxs as jsxs25 } from "react/jsx-runtime";
+function Panel({
+  id,
+  title,
+  width,
+  height,
+  focused = false,
+  children
+}) {
+  const borderColor = focused ? panel.borderFocused : panel.borderDim;
+  return /* @__PURE__ */ jsxs25(
+    Box23,
+    {
+      flexDirection: "column",
+      width,
+      height,
+      borderStyle: "round",
+      borderColor,
+      overflow: "hidden",
+      children: [
+        title && /* @__PURE__ */ jsx25(Box23, { marginBottom: 0, children: /* @__PURE__ */ jsxs25(Text24, { color: focused ? inkColors.accent : void 0, bold: focused, dimColor: !focused, children: [
+          " ",
+          title,
+          " "
+        ] }) }),
+        /* @__PURE__ */ jsx25(Box23, { flexDirection: "column", flexGrow: 1, overflow: "hidden", children })
+      ]
+    }
+  );
+}
+
+// src/components/Sidebar.tsx
+import { useEffect as useEffect9, useMemo as useMemo9, useState as useState19 } from "react";
+import { Box as Box24, Text as Text25, useInput as useInput6 } from "ink";
+import { jsx as jsx26, jsxs as jsxs26 } from "react/jsx-runtime";
+function Sidebar({
+  items,
+  selectedId,
+  isFocused,
+  height,
+  onSelect,
+  onHighlight
+}) {
+  const selectableItems = useMemo9(
+    () => items.filter((item) => item.type !== "separator"),
+    [items]
+  );
+  const selectedIdx = selectableItems.findIndex((item) => item.id === selectedId);
+  const [cursorIdx, setCursorIdx] = useState19(Math.max(0, selectedIdx));
+  useEffect9(() => {
+    const idx = selectableItems.findIndex((item) => item.id === selectedId);
+    if (idx >= 0) setCursorIdx(idx);
+  }, [selectedId, selectableItems]);
+  useInput6(
+    (input2, key) => {
+      if (key.upArrow || input2 === "k") {
+        setCursorIdx((prev) => {
+          const next = prev > 0 ? prev - 1 : selectableItems.length - 1;
+          const item = selectableItems[next];
+          if (item && onHighlight) onHighlight(item.id);
+          return next;
+        });
+      }
+      if (key.downArrow || input2 === "j") {
+        setCursorIdx((prev) => {
+          const next = prev < selectableItems.length - 1 ? prev + 1 : 0;
+          const item = selectableItems[next];
+          if (item && onHighlight) onHighlight(item.id);
+          return next;
+        });
+      }
+      if (key.return || key.rightArrow) {
+        const item = selectableItems[cursorIdx];
+        if (item) {
+          onSelect(item.id);
+        }
+      }
+    },
+    { isActive: isFocused }
+  );
+  let selectableIdx = 0;
+  return /* @__PURE__ */ jsx26(Box24, { flexDirection: "column", paddingX: 1, children: items.map((item) => {
+    if (item.type === "separator") {
+      return /* @__PURE__ */ jsx26(Box24, { children: /* @__PURE__ */ jsx26(Text25, { dimColor: true, children: symbols.horizontal.repeat(10) }) }, item.id);
+    }
+    const thisIdx = selectableIdx;
+    selectableIdx++;
+    const isCursor = isFocused && thisIdx === cursorIdx;
+    const isActive = item.id === selectedId;
+    return /* @__PURE__ */ jsx26(Box24, { gap: 0, children: /* @__PURE__ */ jsxs26(
+      Text25,
+      {
+        color: isCursor ? inkColors.accent : isActive ? inkColors.accent : void 0,
+        bold: isCursor || isActive,
+        dimColor: !isCursor && !isActive,
+        children: [
+          isCursor ? `${symbols.pointerActive} ` : "  ",
+          item.icon,
+          " ",
+          item.label
+        ]
+      }
+    ) }, item.id);
+  }) });
+}
+
+// src/components/PanelFooter.tsx
+import { Box as Box25, Text as Text26 } from "ink";
+import { jsx as jsx27, jsxs as jsxs27 } from "react/jsx-runtime";
+function PanelFooter({ hints, width }) {
+  return /* @__PURE__ */ jsx27(Box25, { width, children: /* @__PURE__ */ jsx27(Box25, { gap: 1, children: hints.map((hint) => /* @__PURE__ */ jsxs27(Box25, { gap: 0, children: [
+    /* @__PURE__ */ jsx27(Text26, { color: inkColors.accent, bold: true, children: hint.key }),
+    /* @__PURE__ */ jsxs27(Text26, { dimColor: true, children: [
+      ":",
+      hint.action
+    ] })
+  ] }, hint.key)) }) });
+}
+
+// src/components/Modal.tsx
+import { Box as Box26, Text as Text27 } from "ink";
+import { jsx as jsx28, jsxs as jsxs28 } from "react/jsx-runtime";
+function Modal({
+  title,
+  width,
+  height,
+  children
+}) {
+  const modalWidth = Math.min(width - 4, 60);
+  const modalHeight = Math.min(height - 4, 20);
+  const padX = Math.max(0, Math.floor((width - modalWidth) / 2));
+  const padY = Math.max(0, Math.floor((height - modalHeight) / 2));
+  return /* @__PURE__ */ jsxs28(Box26, { flexDirection: "column", width, height, children: [
+    padY > 0 && /* @__PURE__ */ jsx28(Box26, { height: padY }),
+    /* @__PURE__ */ jsx28(Box26, { marginLeft: padX, children: /* @__PURE__ */ jsxs28(
+      Box26,
+      {
+        flexDirection: "column",
+        width: modalWidth,
+        height: modalHeight,
+        borderStyle: "double",
+        borderColor: inkColors.accent,
+        paddingX: 1,
+        children: [
+          /* @__PURE__ */ jsx28(Box26, { marginBottom: 1, children: /* @__PURE__ */ jsx28(Text27, { color: inkColors.accent, bold: true, children: title }) }),
+          /* @__PURE__ */ jsx28(Box26, { flexDirection: "column", flexGrow: 1, overflow: "hidden", children })
+        ]
+      }
+    ) })
+  ] });
+}
+
+// src/components/FeatureCommands.tsx
+import { useEffect as useEffect10, useMemo as useMemo10, useState as useState20 } from "react";
+import { Box as Box27, Text as Text28 } from "ink";
+import { jsx as jsx29, jsxs as jsxs29 } from "react/jsx-runtime";
+function FeatureCommands({
+  feature,
+  onNavigate,
+  onExit,
+  onBack,
+  onPinsChanged,
+  width = 80,
+  height = 24,
+  isInputActive = true
+}) {
+  const [pinnedCommands, setPinnedCommands2] = useState20(() => getPinnedCommands());
+  const [pinnedRuns, setPinnedRuns2] = useState20(() => getPinnedRuns());
+  const [pinFeedback, setPinFeedback] = useState20();
+  useEffect10(() => {
+    if (!pinFeedback) return;
+    const timeout = setTimeout(() => setPinFeedback(void 0), 1400);
+    return () => clearTimeout(timeout);
+  }, [pinFeedback]);
+  const items = useMemo10(
+    () => buildHomeItems({
+      activeFeature: feature,
+      pinnedCommands,
+      pinnedRuns,
+      showPinnedSection: false
+    }),
+    [feature, pinnedCommands, pinnedRuns]
+  );
+  const pinnedCommandSet = useMemo10(() => new Set(pinnedCommands), [pinnedCommands]);
+  const pinnedRunSet = useMemo10(() => new Set(pinnedRuns), [pinnedRuns]);
+  const refreshPins = () => {
+    setPinnedCommands2(getPinnedCommands());
+    setPinnedRuns2(getPinnedRuns());
+  };
+  const handleSelect = (value, item) => {
+    if (!item) return;
+    if (item.kind === "command") {
+      const cmdDef = findCommandByValue(value);
+      if (cmdDef) {
+        onNavigate("command-args", {
+          command: value,
+          commandId: cmdDef.id,
+          tool: cmdDef.tool
+        });
+      } else {
+        onNavigate("command-args", { command: value, tool: "supabase" });
+      }
+      return;
+    }
+    if (item.kind === "run") {
+      const args = value.split(" ").filter(Boolean);
+      if (args.length > 0) {
+        const basePart = args[0] ?? "";
+        const cmdDef = findCommandByValue(basePart);
+        const tool = cmdDef?.tool ?? "supabase";
+        onNavigate("confirm-execute", { args, tool });
+      }
+      return;
+    }
+  };
+  const handleRightAction = (item) => {
+    if (item.kind === "command") {
+      const wasPinned = pinnedCommandSet.has(item.value);
+      togglePinnedCommand(item.value);
+      refreshPins();
+      onPinsChanged?.();
+      setPinFeedback(
+        wasPinned ? `Unpinned "${item.value}"` : `Pinned "${item.value}"`
+      );
+      return;
+    }
+    if (item.kind === "run") {
+      const wasPinned = pinnedRunSet.has(item.value);
+      togglePinnedRun(item.value);
+      refreshPins();
+      onPinsChanged?.();
+      setPinFeedback(
+        wasPinned ? `Unpinned run "${item.value}"` : `Pinned run "${item.value}"`
+      );
+    }
+  };
+  return /* @__PURE__ */ jsxs29(Box27, { flexDirection: "column", paddingX: 1, children: [
+    /* @__PURE__ */ jsx29(Box27, { marginBottom: 1, children: /* @__PURE__ */ jsxs29(Text28, { color: inkColors.accent, bold: true, children: [
+      feature.icon,
+      " ",
+      feature.label
+    ] }) }),
+    pinFeedback && /* @__PURE__ */ jsx29(Box27, { marginBottom: 1, children: /* @__PURE__ */ jsxs29(Text28, { color: inkColors.accent, children: [
+      "\u2713 ",
+      pinFeedback
+    ] }) }),
+    /* @__PURE__ */ jsx29(
+      SelectList,
+      {
+        items,
+        onSelect: handleSelect,
+        onRightAction: handleRightAction,
+        boxedSections: true,
+        width: Math.max(20, width - 4),
+        maxVisible: Math.max(6, height - 6),
+        onCancel: onBack,
+        isInputActive,
+        arrowNavigation: true
+      }
+    )
+  ] });
+}
+
+// src/components/PinnedCommands.tsx
+import { useEffect as useEffect11, useMemo as useMemo11, useState as useState21 } from "react";
+import { Box as Box28, Text as Text29 } from "ink";
+import { jsx as jsx30, jsxs as jsxs30 } from "react/jsx-runtime";
+function PinnedCommands({
+  onNavigate,
+  onBack,
+  onPinsChanged,
+  width = 80,
+  height = 24,
+  isInputActive = true
+}) {
+  const [pinnedCommands, setPinnedCommands2] = useState21(() => getPinnedCommands());
+  const [pinnedRuns, setPinnedRuns2] = useState21(() => getPinnedRuns());
+  const [pinFeedback, setPinFeedback] = useState21();
+  useEffect11(() => {
+    if (!pinFeedback) return;
+    const timeout = setTimeout(() => setPinFeedback(void 0), 1400);
+    return () => clearTimeout(timeout);
+  }, [pinFeedback]);
+  const items = useMemo11(
+    () => buildPinnedOnlyItems(pinnedCommands, pinnedRuns),
+    [pinnedCommands, pinnedRuns]
+  );
+  const pinnedCommandSet = useMemo11(() => new Set(pinnedCommands), [pinnedCommands]);
+  const pinnedRunSet = useMemo11(() => new Set(pinnedRuns), [pinnedRuns]);
+  const refreshPins = () => {
+    setPinnedCommands2(getPinnedCommands());
+    setPinnedRuns2(getPinnedRuns());
+  };
+  const handleSelect = (value, item) => {
+    if (!item) return;
+    if (item.kind === "command") {
+      const cmdDef = findCommandByValue(value);
+      if (cmdDef) {
+        onNavigate("command-args", {
+          command: value,
+          commandId: cmdDef.id,
+          tool: cmdDef.tool
+        });
+      } else {
+        onNavigate("command-args", { command: value, tool: "supabase" });
+      }
+      return;
+    }
+    if (item.kind === "run") {
+      const args = value.split(" ").filter(Boolean);
+      if (args.length > 0) {
+        const basePart = args[0] ?? "";
+        const cmdDef = findCommandByValue(basePart);
+        const tool = cmdDef?.tool ?? "supabase";
+        onNavigate("confirm-execute", { args, tool });
+      }
+    }
+  };
+  const handleRightAction = (item) => {
+    if (item.kind === "command") {
+      const wasPinned = pinnedCommandSet.has(item.value);
+      togglePinnedCommand(item.value);
+      refreshPins();
+      onPinsChanged?.();
+      setPinFeedback(
+        wasPinned ? `Unpinned "${item.value}"` : `Pinned "${item.value}"`
+      );
+      return;
+    }
+    if (item.kind === "run") {
+      const wasPinned = pinnedRunSet.has(item.value);
+      togglePinnedRun(item.value);
+      refreshPins();
+      onPinsChanged?.();
+      setPinFeedback(
+        wasPinned ? `Unpinned run "${item.value}"` : `Pinned run "${item.value}"`
+      );
+    }
+  };
+  if (items.length === 0) {
+    return /* @__PURE__ */ jsxs30(Box28, { flexDirection: "column", paddingX: 1, children: [
+      /* @__PURE__ */ jsx30(Box28, { marginBottom: 1, children: /* @__PURE__ */ jsx30(Text29, { color: inkColors.accent, bold: true, children: "\u{1F4CC} Pinned" }) }),
+      /* @__PURE__ */ jsx30(Text29, { color: "gray", children: "No pinned items. Press p on any command to pin it." })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs30(Box28, { flexDirection: "column", paddingX: 1, children: [
+    /* @__PURE__ */ jsx30(Box28, { marginBottom: 1, children: /* @__PURE__ */ jsx30(Text29, { color: inkColors.accent, bold: true, children: "\u{1F4CC} Pinned" }) }),
+    pinFeedback && /* @__PURE__ */ jsx30(Box28, { marginBottom: 1, children: /* @__PURE__ */ jsxs30(Text29, { color: inkColors.accent, children: [
+      "\u2713 ",
+      pinFeedback
+    ] }) }),
+    /* @__PURE__ */ jsx30(
       SelectList,
       {
-        items: [
-          { value: "retry", label: "\u{1F504} Retry update" },
-          ...repositoryRoot ? [{ value: "target", label: "\u2194 Choose update target" }] : [],
-          { value: "menu", label: "\u2190 Return to main menu" },
-          { value: "exit", label: "\u{1F6AA} Exit Polter" }
-        ],
-        onSelect: (value) => {
-          switch (value) {
-            case "retry":
-              reset();
-              setPhase("running");
-              break;
-            case "target":
-              reset();
-              setPhase("target");
-              break;
-            case "menu":
-              onBack();
-              break;
-            case "exit":
-              onExit();
-              break;
-          }
-        },
-        onCancel: onBack
+        items,
+        onSelect: handleSelect,
+        onRightAction: handleRightAction,
+        boxedSections: true,
+        width: Math.max(20, width - 4),
+        maxVisible: Math.max(6, height - 6),
+        onCancel: onBack,
+        isInputActive,
+        arrowNavigation: true
       }
-    ),
-    /* @__PURE__ */ jsx14(StatusBar, {})
+    )
   ] });
 }
 
-// src/app.tsx
-import { jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
-function App() {
-  const { screen, params, navigate, goBack } = useNavigation();
-  const { exit } = useApp();
+// src/appPanel.tsx
+import { jsx as jsx31, jsxs as jsxs31 } from "react/jsx-runtime";
+var FOOTER_HINTS = [
+  { key: "\u2190\u2192", action: "panels" },
+  { key: "j/k", action: "nav" },
+  { key: "Enter", action: "select" },
+  { key: "Esc", action: "back" },
+  { key: "q", action: "quit" },
+  { key: "p", action: "pin" },
+  { key: "?", action: "help" }
+];
+function AppPanel() {
+  useFullscreen();
+  const { width, height } = useTerminalDimensions();
+  const { exit } = useApp2();
+  const nav = usePanelNavigation();
+  const focus = usePanelFocus();
+  const [hasPins, setHasPins] = React18.useState(
+    () => getPinnedCommands().length > 0 || getPinnedRuns().length > 0
+  );
+  const sidebarItems = useSidebarItems(hasPins);
+  const modal = useModal();
+  const refreshPins = React18.useCallback(() => {
+    const newHasPins = getPinnedCommands().length > 0 || getPinnedRuns().length > 0;
+    setHasPins(newHasPins);
+    if (!newHasPins && nav.view === "pinned") {
+      nav.selectSidebarItem("database");
+    }
+  }, [nav.view, nav.selectSidebarItem]);
+  const singlePanel = width < 60 || height < 15;
   const handleExit = () => {
     process.stdout.write(
       "\n" + colors.dim("Thank you for using ") + colors.primaryBold("Polter") + colors.dim("!") + "\n\n"
     );
     exit();
   };
-  switch (screen) {
-    case "main-menu":
-      return /* @__PURE__ */ jsx15(MainMenu, { onNavigate: navigate, onExit: handleExit });
-    case "command-args":
-      return /* @__PURE__ */ jsx15(
-        CommandArgs,
-        {
-          command: params.command ?? "",
-          onNavigate: navigate,
-          onBack: goBack
-        }
+  useInput7((input2, key) => {
+    if (modal.isOpen) {
+      if (key.escape || input2 === "q") {
+        modal.closeModal();
+      }
+      return;
+    }
+    if (input2 === "q") {
+      handleExit();
+      return;
+    }
+    if (key.tab) {
+      focus.toggleFocus();
+      return;
+    }
+    if (key.leftArrow && focus.isMainFocused && nav.innerScreen === "home") {
+      focus.focusSidebar();
+      return;
+    }
+    if (key.escape && focus.isMainFocused && nav.innerScreen === "home") {
+      focus.focusSidebar();
+      return;
+    }
+    if (input2 === "?") {
+      modal.openModal(
+        /* @__PURE__ */ jsxs31(Box29, { flexDirection: "column", children: [
+          /* @__PURE__ */ jsxs31(Text30, { children: [
+            /* @__PURE__ */ jsx31(Text30, { bold: true, children: "\u2190/\u2192" }),
+            "    Move between sidebar and main panel"
+          ] }),
+          /* @__PURE__ */ jsxs31(Text30, { children: [
+            /* @__PURE__ */ jsx31(Text30, { bold: true, children: "Tab" }),
+            "     Toggle sidebar / main panel"
+          ] }),
+          /* @__PURE__ */ jsxs31(Text30, { children: [
+            /* @__PURE__ */ jsx31(Text30, { bold: true, children: "j/k" }),
+            "     Navigate up/down"
+          ] }),
+          /* @__PURE__ */ jsxs31(Text30, { children: [
+            /* @__PURE__ */ jsx31(Text30, { bold: true, children: "Enter" }),
+            "   Select item"
+          ] }),
+          /* @__PURE__ */ jsxs31(Text30, { children: [
+            /* @__PURE__ */ jsx31(Text30, { bold: true, children: "Esc" }),
+            "     Go back (or return to sidebar)"
+          ] }),
+          /* @__PURE__ */ jsxs31(Text30, { children: [
+            /* @__PURE__ */ jsx31(Text30, { bold: true, children: "q" }),
+            "       Quit Polter"
+          ] }),
+          /* @__PURE__ */ jsxs31(Text30, { children: [
+            /* @__PURE__ */ jsx31(Text30, { bold: true, children: "?" }),
+            "       Show this help"
+          ] }),
+          /* @__PURE__ */ jsxs31(Text30, { children: [
+            /* @__PURE__ */ jsx31(Text30, { bold: true, children: "p" }),
+            "       Pin/unpin command"
+          ] })
+        ] }),
+        "Keyboard Shortcuts"
       );
-    case "custom-command":
-      return /* @__PURE__ */ jsx15(CustomCommand, { onNavigate: navigate, onBack: goBack });
-    case "flag-selection":
-      return /* @__PURE__ */ jsx15(
-        FlagSelection,
-        {
-          args: params.args ?? [],
-          onNavigate: navigate,
-          onBack: goBack
+    }
+  });
+  const activeSidebarId = (() => {
+    switch (nav.view) {
+      case "feature":
+        return nav.featureId;
+      case "pinned":
+        return "pinned";
+      case "custom-command":
+        return "custom-command";
+      case "pipelines":
+        return "pipelines";
+      case "tool-status":
+        return "tool-status";
+      case "config":
+        return "config";
+      case "self-update":
+        return "self-update";
+      default:
+        return nav.featureId;
+    }
+  })();
+  const handleSidebarHighlight = (itemId) => {
+    if (itemId === "exit") return;
+    nav.selectSidebarItem(itemId);
+  };
+  const handleSidebarSelect = (itemId) => {
+    if (itemId === "exit") {
+      handleExit();
+      return;
+    }
+    nav.selectSidebarItem(itemId);
+    focus.focusMain();
+  };
+  const bannerHeight = width < 60 ? 1 : 8;
+  const footerHints = FOOTER_HINTS;
+  const mainContentHeight = Math.max(5, height - bannerHeight - 1 - 2);
+  const mainContentWidth = singlePanel ? width : width - Math.max(20, Math.min(35, Math.floor(width * 0.3)));
+  const renderMainContent = () => {
+    if (nav.innerScreen !== "home") {
+      return renderInnerScreen();
+    }
+    switch (nav.view) {
+      case "pinned":
+        return /* @__PURE__ */ jsx31(
+          PinnedCommands,
+          {
+            onNavigate: nav.navigateInner,
+            onBack: focus.focusSidebar,
+            onPinsChanged: refreshPins,
+            width: mainContentWidth - 2,
+            height: mainContentHeight,
+            isInputActive: focus.isMainFocused
+          }
+        );
+      case "feature": {
+        const feature = getFeatureById(nav.featureId);
+        if (!feature) {
+          return /* @__PURE__ */ jsxs31(Text30, { color: "red", children: [
+            "Feature not found: ",
+            nav.featureId
+          ] });
         }
-      );
-    case "confirm-execute":
-    case "command-execution":
-      return /* @__PURE__ */ jsx15(
-        CommandExecution,
+        return /* @__PURE__ */ jsx31(
+          FeatureCommands,
+          {
+            feature,
+            onNavigate: nav.navigateInner,
+            onExit: handleExit,
+            onBack: focus.focusSidebar,
+            onPinsChanged: refreshPins,
+            width: mainContentWidth - 2,
+            height: mainContentHeight,
+            isInputActive: focus.isMainFocused
+          }
+        );
+      }
+      case "custom-command":
+        return /* @__PURE__ */ jsx31(
+          CustomCommand,
+          {
+            onNavigate: nav.navigateInner,
+            onBack: focus.focusSidebar,
+            width: mainContentWidth - 2,
+            panelMode: true,
+            isInputActive: focus.isMainFocused
+          }
+        );
+      case "pipelines":
+        return /* @__PURE__ */ jsx31(
+          PipelineList,
+          {
+            onNavigate: nav.navigateInner,
+            onBack: focus.focusSidebar,
+            width: mainContentWidth - 2,
+            panelMode: true,
+            isInputActive: focus.isMainFocused
+          }
+        );
+      case "tool-status":
+        return /* @__PURE__ */ jsx31(
+          ToolStatus,
+          {
+            onBack: focus.focusSidebar,
+            width: mainContentWidth - 2,
+            panelMode: true,
+            isInputActive: focus.isMainFocused
+          }
+        );
+      case "config":
+        return /* @__PURE__ */ jsx31(
+          ProjectConfig,
+          {
+            onBack: focus.focusSidebar,
+            width: mainContentWidth - 2,
+            panelMode: true,
+            isInputActive: focus.isMainFocused
+          }
+        );
+      case "self-update":
+        return /* @__PURE__ */ jsx31(
+          SelfUpdate,
+          {
+            onBack: focus.focusSidebar,
+            onExit: handleExit,
+            width: mainContentWidth - 2,
+            panelMode: true,
+            isInputActive: focus.isMainFocused
+          }
+        );
+      default:
+        return /* @__PURE__ */ jsx31(Text30, { children: "Select an item from the sidebar" });
+    }
+  };
+  const renderInnerScreen = () => {
+    const isActive = focus.isMainFocused;
+    const w = mainContentWidth - 2;
+    switch (nav.innerScreen) {
+      case "command-args":
+        return /* @__PURE__ */ jsx31(
+          CommandArgs,
+          {
+            command: nav.innerParams.command ?? "",
+            tool: nav.innerParams.tool,
+            onNavigate: nav.navigateInner,
+            onBack: nav.goBackInner,
+            width: w,
+            panelMode: true,
+            isInputActive: isActive
+          }
+        );
+      case "custom-command":
+        return /* @__PURE__ */ jsx31(
+          CustomCommand,
+          {
+            onNavigate: nav.navigateInner,
+            onBack: nav.goBackInner,
+            width: w,
+            panelMode: true,
+            isInputActive: isActive
+          }
+        );
+      case "flag-selection":
+        return /* @__PURE__ */ jsx31(
+          FlagSelection,
+          {
+            args: nav.innerParams.args ?? [],
+            tool: nav.innerParams.tool,
+            onNavigate: nav.navigateInner,
+            onBack: nav.goBackInner,
+            width: w,
+            panelMode: true,
+            isInputActive: isActive
+          }
+        );
+      case "confirm-execute":
+      case "command-execution":
+        return /* @__PURE__ */ jsx31(
+          CommandExecution,
+          {
+            args: nav.innerParams.args ?? [],
+            tool: nav.innerParams.tool,
+            onBack: nav.goBackInner,
+            onExit: handleExit,
+            width: w,
+            panelMode: true,
+            isInputActive: isActive
+          }
+        );
+      case "pipeline-list":
+        return /* @__PURE__ */ jsx31(
+          PipelineList,
+          {
+            onNavigate: nav.navigateInner,
+            onBack: nav.goBackInner,
+            width: w,
+            panelMode: true,
+            isInputActive: isActive
+          }
+        );
+      case "pipeline-builder":
+        return /* @__PURE__ */ jsx31(
+          PipelineBuilder,
+          {
+            onBack: nav.goBackInner,
+            width: w,
+            height: mainContentHeight,
+            panelMode: true,
+            isInputActive: isActive
+          }
+        );
+      case "pipeline-execution":
+        return /* @__PURE__ */ jsx31(
+          PipelineExecution,
+          {
+            pipelineId: nav.innerParams.pipelineId ?? "",
+            onBack: nav.goBackInner,
+            onExit: handleExit,
+            width: w,
+            panelMode: true,
+            isInputActive: isActive
+          }
+        );
+      case "self-update":
+        return /* @__PURE__ */ jsx31(
+          SelfUpdate,
+          {
+            onBack: nav.goBackInner,
+            onExit: handleExit,
+            width: w,
+            panelMode: true,
+            isInputActive: isActive
+          }
+        );
+      case "tool-status":
+        return /* @__PURE__ */ jsx31(
+          ToolStatus,
+          {
+            onBack: nav.goBackInner,
+            width: w,
+            panelMode: true,
+            isInputActive: isActive
+          }
+        );
+      case "project-config":
+        return /* @__PURE__ */ jsx31(
+          ProjectConfig,
+          {
+            onBack: nav.goBackInner,
+            width: w,
+            panelMode: true,
+            isInputActive: isActive
+          }
+        );
+      default:
+        return /* @__PURE__ */ jsxs31(Text30, { color: "red", children: [
+          "Unknown screen: ",
+          nav.innerScreen
+        ] });
+    }
+  };
+  if (modal.isOpen) {
+    return /* @__PURE__ */ jsx31(Box29, { flexDirection: "column", width, height, children: /* @__PURE__ */ jsx31(Modal, { title: modal.modalTitle, width, height, children: modal.modalContent }) });
+  }
+  const header = /* @__PURE__ */ jsx31(GhostBanner, { width, compact: true });
+  const sidebar = /* @__PURE__ */ jsx31(
+    Panel,
+    {
+      id: "sidebar",
+      title: "Menu",
+      width: Math.max(20, Math.min(35, Math.floor(width * 0.3))),
+      height: Math.max(5, height - bannerHeight - 1),
+      focused: focus.isSidebarFocused,
+      children: /* @__PURE__ */ jsx31(
+        Sidebar,
         {
-          args: params.args ?? [],
-          onBack: goBack,
-          onExit: handleExit
+          items: sidebarItems,
+          selectedId: activeSidebarId,
+          isFocused: focus.isSidebarFocused,
+          height: Math.max(5, height - bannerHeight - 4),
+          onSelect: handleSidebarSelect,
+          onHighlight: handleSidebarHighlight
         }
-      );
-    case "self-update":
-      return /* @__PURE__ */ jsx15(SelfUpdate, { onBack: goBack, onExit: handleExit });
-    default:
-      return /* @__PURE__ */ jsx15(Box14, { children: /* @__PURE__ */ jsxs15(Text13, { color: "red", children: [
-        "Unknown screen: ",
-        screen
-      ] }) });
-  }
+      )
+    }
+  );
+  const main2 = /* @__PURE__ */ jsx31(
+    Panel,
+    {
+      id: "main",
+      title: nav.view === "feature" ? getFeatureById(nav.featureId)?.label : nav.view === "pinned" ? "Pinned" : nav.view,
+      width: mainContentWidth,
+      height: Math.max(5, height - bannerHeight - 1),
+      focused: focus.isMainFocused,
+      children: renderMainContent()
+    }
+  );
+  const footer = /* @__PURE__ */ jsx31(PanelFooter, { hints: footerHints, width });
+  return /* @__PURE__ */ jsx31(
+    PanelLayout,
+    {
+      header,
+      footer,
+      sidebar,
+      main: main2,
+      width,
+      height,
+      bannerHeight,
+      singlePanel
+    }
+  );
 }
 
 // src/lib/cliArgs.ts
@@ -2009,20 +3820,39 @@ function takeValue(args, index) {
   return { value: args[index + 1], nextIndex: index + 1 };
 }
 function parseCliArgs(argv) {
-  if (argv.length === 0) {
-    return { mode: "interactive", options: {} };
+  const classic = argv.includes("--classic");
+  const filteredArgv = argv.filter((a) => a !== "--classic");
+  if (filteredArgv.length === 0) {
+    return { mode: "interactive", options: {}, classic };
   }
-  if (argv[0] === "--help" || argv[0] === "help") {
+  if (filteredArgv[0] === "--help" || filteredArgv[0] === "help") {
     return { mode: "help", options: {} };
   }
-  if (argv[0] !== "app") {
-    return { mode: "interactive", options: {} };
+  const argv_ = filteredArgv;
+  if (argv_[0] === "pipeline" && argv_[1] === "run" && argv_[2]) {
+    return { mode: "pipeline-run", options: {}, pipelineName: argv_[2] };
+  }
+  if (argv_[0] === "config") {
+    const edit = argv_.includes("--edit");
+    return { mode: "config", options: {}, configEdit: edit, classic };
+  }
+  if (argv_[0] === "plan") {
+    return { mode: "plan", options: {} };
+  }
+  if (argv_[0] === "apply") {
+    return { mode: "apply", options: {} };
+  }
+  if (argv_[0] === "status") {
+    return { mode: "status", options: {} };
+  }
+  if (argv_[0] !== "app") {
+    return { mode: "interactive", options: {}, classic };
   }
   const options = {};
-  options.action = argv[1];
-  options.app = argv[2];
-  for (let index = 3; index < argv.length; index += 1) {
-    const token = argv[index];
+  options.action = argv_[1];
+  options.app = argv_[2];
+  for (let index = 3; index < argv_.length; index += 1) {
+    const token = argv_[index];
     if (token === "push" || token === "lint" || token === "reset" || token === "local-reset") {
       options.migrationAction = token;
       continue;
@@ -2044,25 +3874,25 @@ function parseCliArgs(argv) {
       continue;
     }
     if (token.startsWith("--path")) {
-      const parsed = takeValue(argv, index);
+      const parsed = takeValue(argv_, index);
       options.path = parsed.value;
       index = parsed.nextIndex;
       continue;
     }
     if (token.startsWith("--version")) {
-      const parsed = takeValue(argv, index);
+      const parsed = takeValue(argv_, index);
       options.version = parsed.value;
       index = parsed.nextIndex;
       continue;
     }
     if (token.startsWith("--artifact-url")) {
-      const parsed = takeValue(argv, index);
+      const parsed = takeValue(argv_, index);
       options.artifactUrl = parsed.value;
       index = parsed.nextIndex;
       continue;
     }
     if (token.startsWith("--install-dir")) {
-      const parsed = takeValue(argv, index);
+      const parsed = takeValue(argv_, index);
       options.installDir = parsed.value;
       index = parsed.nextIndex;
       continue;
@@ -2076,10 +3906,17 @@ function parseCliArgs(argv) {
 function printCliHelp() {
   process.stdout.write(
     [
-      "Polter",
+      "Polter \u2014 Project & Infrastructure Orchestrator",
       "",
       "Usage:",
-      "  polter",
+      "  polter                           Interactive mode",
+      "  polter pipeline run <name>       Run a saved pipeline",
+      "  polter config                    Manage per-repo config",
+      "  polter config --edit             Open config in $EDITOR",
+      "  polter plan                      Show declarative state diff",
+      "  polter apply                     Apply declarative state changes",
+      "  polter status                    Show current tool status",
+      "",
       "  polter app setup ops [--path <dir>] [--create-project|--use-existing-project] [--yes]",
       "  polter app link ops [--path <dir>] [--relink]",
       "  polter app migrate ops [push|lint|reset|local-reset] [--path <dir>] [--relink]",
@@ -2087,12 +3924,8 @@ function printCliHelp() {
       "  polter app install ops [--version <version>] [--artifact-url <url>] [--install-dir <dir>] [--yes]",
       "  polter app update ops [--version <version>] [--artifact-url <url>] [--install-dir <dir>] [--yes]",
       "",
-      "Notes:",
-      "  - App workflows stay separate from the generic Supabase interactive menu.",
-      "  - `install ops` is macOS-only and resolves the latest GitHub release from polterware/ops by default.",
-      "  - `update ops` replaces the installed app bundle without touching the persisted runtime/app state.",
-      "  - Use --artifact-url or POLTER_OPS_MACOS_ARTIFACT_URL to override the downloaded asset.",
-      "  - Use POLTER_OPS_GITHUB_REPO=owner/repo to resolve releases from a different repository.",
+      "Options:",
+      "  --classic                        Use classic single-screen UI",
       ""
     ].join("\n")
   );
@@ -2102,19 +3935,19 @@ function printCliHelp() {
 import pc3 from "picocolors";
 
 // src/apps/ops.ts
-import { existsSync as existsSync3, mkdirSync, readFileSync, rmSync, writeFileSync } from "fs";
+import { existsSync, mkdirSync, readFileSync, rmSync, writeFileSync } from "fs";
 import { mkdtemp, readdir, stat } from "fs/promises";
-import { dirname as dirname3, join as join4, resolve as resolve3 } from "path";
+import { dirname, join as join2, resolve } from "path";
 import { tmpdir } from "os";
 import pc2 from "picocolors";
 
 // src/apps/bootstrapPaths.ts
 import { homedir } from "os";
-import { join as join3 } from "path";
+import { join } from "path";
 function getOpsBootstrapPayloadPath() {
   const home = homedir();
   if (process.platform === "darwin") {
-    return join3(
+    return join(
       home,
       "Library",
       "Application Support",
@@ -2124,10 +3957,10 @@ function getOpsBootstrapPayloadPath() {
     );
   }
   if (process.platform === "win32") {
-    const appData = process.env.APPDATA ?? join3(home, "AppData", "Roaming");
-    return join3(appData, "ops", "bootstrap", "supabase.json");
+    const appData = process.env.APPDATA ?? join(home, "AppData", "Roaming");
+    return join(appData, "ops", "bootstrap", "supabase.json");
   }
-  return join3(home, ".config", "ops", "bootstrap", "supabase.json");
+  return join(home, ".config", "ops", "bootstrap", "supabase.json");
 }
 
 // src/apps/opsRelease.ts
@@ -2398,33 +4231,22 @@ async function promptSelect(label, options, defaultValue) {
   }
 }
 
-// src/lib/system.ts
-import { execSync } from "child_process";
-function commandExists(command) {
-  try {
-    execSync(`command -v ${command}`, { stdio: "ignore" });
-    return true;
-  } catch {
-    return false;
-  }
-}
-
 // src/apps/ops.ts
-var LINK_REF_FILE = join4("supabase", ".temp", "project-ref");
+var LINK_REF_FILE = join2("supabase", ".temp", "project-ref");
 function isOpsProjectRoot(candidate) {
-  return existsSync3(join4(candidate, "src-tauri", "tauri.conf.json")) && existsSync3(join4(candidate, "supabase", "migrations")) && existsSync3(join4(candidate, "package.json"));
+  return existsSync(join2(candidate, "src-tauri", "tauri.conf.json")) && existsSync(join2(candidate, "supabase", "migrations")) && existsSync(join2(candidate, "package.json"));
 }
 function findNearestOpsRoot(startDir) {
-  let currentDir = resolve3(startDir);
+  let currentDir = resolve(startDir);
   while (true) {
     if (isOpsProjectRoot(currentDir)) {
       return currentDir;
     }
-    const siblingCandidate = join4(currentDir, "ops");
+    const siblingCandidate = join2(currentDir, "ops");
     if (isOpsProjectRoot(siblingCandidate)) {
       return siblingCandidate;
     }
-    const parentDir = dirname3(currentDir);
+    const parentDir = dirname(currentDir);
     if (parentDir === currentDir) {
       return void 0;
     }
@@ -2432,7 +4254,7 @@ function findNearestOpsRoot(startDir) {
   }
 }
 function readEnvFile(envPath) {
-  if (!existsSync3(envPath)) {
+  if (!existsSync(envPath)) {
     return {};
   }
   const content = readFileSync(envPath, "utf-8");
@@ -2466,8 +4288,8 @@ function assertProjectRoot(projectRoot) {
   return projectRoot;
 }
 function getLinkedProjectRef(projectRoot) {
-  const refPath = join4(projectRoot, LINK_REF_FILE);
-  if (!existsSync3(refPath)) {
+  const refPath = join2(projectRoot, LINK_REF_FILE);
+  if (!existsSync(refPath)) {
     return null;
   }
   const value = readFileSync(refPath, "utf-8").trim();
@@ -2524,7 +4346,7 @@ async function ensureSupabaseLink(projectRoot, forceRelink = false) {
   );
 }
 async function collectSupabaseConfig(projectRoot) {
-  const envPath = projectRoot ? join4(projectRoot, ".env.local") : void 0;
+  const envPath = projectRoot ? join2(projectRoot, ".env.local") : void 0;
   const currentEnv = envPath ? readEnvFile(envPath) : {};
   const currentRef = projectRoot ? getLinkedProjectRef(projectRoot) : null;
   const url = await promptText("Supabase URL", {
@@ -2546,7 +4368,7 @@ async function collectSupabaseConfig(projectRoot) {
   };
 }
 function writeOpsEnv(projectRoot, config2) {
-  const envPath = join4(projectRoot, ".env.local");
+  const envPath = join2(projectRoot, ".env.local");
   const currentEnv = readEnvFile(envPath);
   const nextEnv = {
     ...currentEnv,
@@ -2557,7 +4379,7 @@ function writeOpsEnv(projectRoot, config2) {
 }
 function writeBootstrapPayload(config2) {
   const payloadPath = getOpsBootstrapPayloadPath();
-  mkdirSync(dirname3(payloadPath), { recursive: true });
+  mkdirSync(dirname(payloadPath), { recursive: true });
   writeFileSync(
     payloadPath,
     JSON.stringify(
@@ -2746,7 +4568,7 @@ async function extractArchive(archivePath, outputDir) {
 async function findFirstAppBundle(dir) {
   const entries = await readdir(dir);
   for (const entry of entries) {
-    const fullPath = join4(dir, entry);
+    const fullPath = join2(dir, entry);
     const entryStat = await stat(fullPath);
     if (entryStat.isDirectory() && entry.endsWith(".app")) {
       return fullPath;
@@ -2762,9 +4584,9 @@ async function findFirstAppBundle(dir) {
 }
 async function deployMacosApp(context, options) {
   const artifact = await resolveOpsMacosArtifact(context.options);
-  const tempRoot = await mkdtemp(join4(tmpdir(), "polter-ops-"));
-  const archivePath = join4(tempRoot, artifact.fileName);
-  const extractDir = join4(tempRoot, "extract");
+  const tempRoot = await mkdtemp(join2(tmpdir(), "polter-ops-"));
+  const archivePath = join2(tempRoot, artifact.fileName);
+  const extractDir = join2(tempRoot, "extract");
   mkdirSync(extractDir, { recursive: true });
   if (artifact.source === "github-release") {
     const releaseLabel = artifact.tagName ?? "latest";
@@ -2793,13 +4615,13 @@ async function deployMacosApp(context, options) {
   }
   const installDir = context.options.installDir ?? "/Applications";
   mkdirSync(installDir, { recursive: true });
-  const destination = join4(installDir, "ops.app");
-  if (options.requireExistingInstallation && !existsSync3(destination)) {
+  const destination = join2(installDir, "ops.app");
+  if (options.requireExistingInstallation && !existsSync(destination)) {
     throw new Error(
       `No existing Ops installation was found at ${destination}. Run \`polter app install ops\` first.`
     );
   }
-  if (existsSync3(destination)) {
+  if (existsSync(destination)) {
     const confirmed = context.options.yes || await promptConfirm(`Replace existing installation at ${destination}?`, false);
     if (!confirmed) {
       process.stdout.write(`${pc2.yellow("Cancelled.")}
@@ -2854,7 +4676,7 @@ var opsProfile = {
   },
   resolveProjectRoot(startDir = process.cwd(), explicitPath) {
     if (explicitPath) {
-      const resolved = resolve3(explicitPath);
+      const resolved = resolve(explicitPath);
       if (isOpsProjectRoot(resolved)) {
         return resolved;
       }
@@ -2915,6 +4737,7 @@ async function runAppCli(options) {
 }
 
 // src/index.tsx
+import pc4 from "picocolors";
 async function main() {
   const parsed = parseCliArgs(process.argv.slice(2));
   if (parsed.mode === "help") {
@@ -2925,7 +4748,132 @@ async function main() {
     const exitCode = await runAppCli(parsed.options);
     process.exit(exitCode);
   }
-  render(React8.createElement(App));
+  if (parsed.mode === "pipeline-run") {
+    const pipeline = findPipelineByName(parsed.pipelineName);
+    if (!pipeline) {
+      process.stderr.write(`Pipeline not found: ${parsed.pipelineName}
+`);
+      process.exit(1);
+    }
+    process.stdout.write(pc4.bold(`Running pipeline: ${pipeline.name}
+`));
+    const results = await executePipeline(pipeline, (progress) => {
+      if (progress.done) return;
+      const step = pipeline.steps[progress.currentStepIndex];
+      if (step) {
+        const cmdDef = getCommandById(step.commandId);
+        const label = cmdDef ? `${cmdDef.tool}: ${cmdDef.label}` : step.commandId;
+        process.stdout.write(`  ${progress.currentStepIndex + 1}. ${label}...
+`);
+      }
+    });
+    const errors = results.filter((r) => r.status === "error");
+    if (errors.length > 0) {
+      process.stderr.write(pc4.red(`
+Pipeline completed with ${errors.length} error(s)
+`));
+      process.exit(1);
+    }
+    process.stdout.write(pc4.green("\nPipeline completed successfully!\n"));
+    return;
+  }
+  if (parsed.mode === "status") {
+    const tools = ["supabase", "gh", "vercel"];
+    process.stdout.write(pc4.bold("Tool Status\n\n"));
+    for (const toolId of tools) {
+      const info = getToolInfo(toolId);
+      const status = info.installed ? pc4.green(`\u2713 ${info.label} ${info.version ?? ""}`) : pc4.red(`\u2717 ${info.label} not found`);
+      process.stdout.write(`  ${status}
+`);
+    }
+    process.stdout.write(pc4.bold("\nProject Status\n\n"));
+    const projectStatus = getCurrentStatus();
+    if (projectStatus.supabase) {
+      process.stdout.write(`  Supabase: ${projectStatus.supabase.linked ? "linked" : "not linked"}
+`);
+    }
+    if (projectStatus.vercel) {
+      process.stdout.write(`  Vercel: ${projectStatus.vercel.linked ? "linked" : "not linked"}
+`);
+    }
+    if (projectStatus.github) {
+      process.stdout.write(`  GitHub: ${projectStatus.github.repo ?? "no repo"} ${projectStatus.github.authenticated ? "(authenticated)" : "(not authenticated)"}
+`);
+    }
+    return;
+  }
+  if (parsed.mode === "plan") {
+    const yaml = parsePolterYaml();
+    if (!yaml) {
+      process.stderr.write("No polter.yaml found in current directory.\n");
+      process.exit(1);
+    }
+    const plan = planChanges(yaml);
+    if (plan.noChanges) {
+      process.stdout.write(pc4.green("No changes needed. State is up to date.\n"));
+      return;
+    }
+    process.stdout.write(pc4.bold(`Plan: ${plan.actions.length} action(s)
+
+`));
+    for (const action of plan.actions) {
+      const prefix = action.action === "create" ? "+" : action.action === "delete" ? "-" : "~";
+      const color = action.action === "create" ? pc4.green : action.action === "delete" ? pc4.red : pc4.yellow;
+      process.stdout.write(`  ${color(`${prefix} [${action.tool}] ${action.description}`)}
+`);
+    }
+    return;
+  }
+  if (parsed.mode === "apply") {
+    const yaml = parsePolterYaml();
+    if (!yaml) {
+      process.stderr.write("No polter.yaml found in current directory.\n");
+      process.exit(1);
+    }
+    const plan = planChanges(yaml);
+    if (plan.noChanges) {
+      process.stdout.write(pc4.green("No changes needed. State is up to date.\n"));
+      return;
+    }
+    process.stdout.write(pc4.bold(`Applying ${plan.actions.length} action(s)...
+
+`));
+    const results = await applyActions(plan.actions, process.cwd(), (i, total, action) => {
+      process.stdout.write(`  [${i + 1}/${total}] ${action.description}...
+`);
+    });
+    const errors = results.filter((r) => !r.success);
+    if (errors.length > 0) {
+      process.stderr.write(pc4.red(`
+Apply completed with ${errors.length} error(s).
+`));
+      for (const err of errors) {
+        process.stderr.write(pc4.red(`  \u2717 ${err.action.description}
+`));
+      }
+      process.exit(1);
+    }
+    process.stdout.write(pc4.green("\nAll changes applied successfully!\n"));
+    return;
+  }
+  if (parsed.mode === "config") {
+    if (parsed.configEdit) {
+      const configPath = getProjectConfigPath();
+      if (!configPath) {
+        process.stderr.write("No package.json found. Run from a project directory.\n");
+        process.exit(1);
+      }
+      getOrCreateProjectConfig();
+      writeProjectConfig(getOrCreateProjectConfig());
+      const result = openInEditor(configPath.file);
+      process.exit(result.exitCode ?? 0);
+    }
+    const AppComponent2 = parsed.classic ? AppClassic : AppPanel;
+    render(React19.createElement(AppComponent2));
+    return;
+  }
+  const AppComponent = parsed.classic ? AppClassic : AppPanel;
+  render(React19.createElement(AppComponent));
 }
 main().catch((error) => {
   const message = error instanceof Error ? error.message : String(error);