@polterware/polter 0.2.4 → 0.3.1

package/dist/index.js

@@ -3,37 +3,49 @@ import {
   allCommands,
   applyActions,
   commandExists,
+  detectPkgManager,
   executePipeline,
   features,
   findCommandByValue,
   findNearestPackageRoot,
   findPipelineByName,
+  findPolterYaml,
   getAllPipelines,
   getCommandById,
   getCommandValue,
   getCurrentStatus,
   getFeatureById,
   getFlagsForTool,
+  getMcpStatusInfo,
   getOrCreateProjectConfig,
+  getProcessOutput,
   getProjectConfigPath,
   getToolInfo,
   getToolLinkInfo,
+  installMcpServer,
+  installMcpServerSilent,
+  listProcesses,
+  mcpStatus,
   parsePolterYaml,
   planChanges,
+  removeMcpServer,
+  removeMcpServerSilent,
+  removeProcess,
   resolveToolCommand,
   runCommand,
   runInteractiveCommand,
   runSupabaseCommand,
   savePipeline,
+  stopProcess,
   writeProjectConfig
-} from "./chunk-2B2UWOVQ.js";
+} from "./chunk-7MIUDIAI.js";
 
 // src/index.tsx
-import React20 from "react";
+import React27 from "react";
 import { render } from "ink";
 
 // src/app.tsx
-import { Box as Box22, Text as Text26, useApp } from "ink";
+import { Box as Box28, Text as Text32, useApp } from "ink";
 
 // src/hooks/useNavigation.ts
 import { useState, useCallback } from "react";
@@ -99,7 +111,7 @@ function useTerminalHeight() {
 
 // src/components/GhostBanner.tsx
 import React from "react";
-import { Box, Text } from "ink";
+import { Box, Text as Text2 } from "ink";
 
 // src/theme.ts
 import { createRequire } from "module";
@@ -175,56 +187,93 @@ var ghost = {
   ]
 };
 
+// src/components/ToolBadge.tsx
+import { Text } from "ink";
+import { jsx } from "react/jsx-runtime";
+var toolColors = {
+  supabase: "#3ECF8E",
+  gh: "#58A6FF",
+  vercel: "#FFFFFF",
+  git: "#F05032",
+  pkg: "#CB3837"
+};
+var toolLabels = {
+  supabase: "supabase",
+  gh: "github",
+  vercel: "vercel",
+  git: "git",
+  pkg: "pkg"
+};
+function ToolBadge({ tool }) {
+  return /* @__PURE__ */ jsx(Text, { color: toolColors[tool], dimColor: true, children: toolLabels[tool] });
+}
+
 // src/components/GhostBanner.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var McpBadge = React.memo(function McpBadge2() {
+  const info = getMcpStatusInfo();
+  const registered = info.scopes.some((s) => s.registered);
+  const color = registered ? "#3ECF8E" : "red";
+  return /* @__PURE__ */ jsx2(Box, { borderStyle: "round", borderColor: color, children: /* @__PURE__ */ jsxs(Text2, { color, dimColor: !registered, children: [
+    "mcp:",
+    registered ? "ok" : "x"
+  ] }) });
+});
 var ToolStatusBadges = React.memo(function ToolStatusBadges2() {
   const tools = ["supabase", "gh", "vercel"].map((id) => getToolLinkInfo(id));
-  return /* @__PURE__ */ jsx(Box, { gap: 1, children: tools.map((t) => /* @__PURE__ */ jsxs(
-    Text,
-    {
-      color: t.linked ? inkColors.accent : t.installed ? "yellow" : "red",
-      dimColor: !t.installed,
-      children: [
+  return /* @__PURE__ */ jsxs(Box, { gap: 1, children: [
+    tools.map((t) => {
+      const color = t.linked ? toolColors[t.id] : t.installed ? "yellow" : "red";
+      return /* @__PURE__ */ jsx2(Box, { borderStyle: "round", borderColor: color, children: /* @__PURE__ */ jsxs(Text2, { color, dimColor: !t.installed, children: [
         t.id,
         ":",
         t.linked ? "linked" : t.installed ? "ok" : "x"
-      ]
-    },
-    t.id
-  )) });
+      ] }) }, t.id);
+    }),
+    /* @__PURE__ */ jsx2(McpBadge, {})
+  ] });
 });
 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,
-          "  "
+      return /* @__PURE__ */ jsxs(Box, { borderStyle: "round", borderColor: inkColors.accent, flexDirection: "column", alignItems: "flex-start", children: [
+        /* @__PURE__ */ jsxs(Box, { borderStyle: "round", borderColor: inkColors.accent, paddingX: 1, gap: 2, children: [
+          /* @__PURE__ */ jsx2(Text2, { color: inkColors.accent, bold: true, children: "POLTER" }),
+          /* @__PURE__ */ jsxs(Text2, { dimColor: true, children: [
+            "v",
+            VERSION
+          ] }),
+          /* @__PURE__ */ jsx2(Text2, { color: "yellow", children: "alpha" })
         ] }),
-        /* @__PURE__ */ jsx(ToolStatusBadges, {})
+        /* @__PURE__ */ jsx2(Box, { borderStyle: "round", borderColor: inkColors.accent, paddingX: 1, children: /* @__PURE__ */ jsx2(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
+    return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", borderStyle: "round", borderColor: inkColors.accent, gap: 1, alignItems: "flex-start", children: [
+      /* @__PURE__ */ jsx2(Box, { flexDirection: "column", children: ghost.art.map((line, i) => /* @__PURE__ */ jsx2(Text2, { color: inkColors.accent, children: line }, i)) }),
+      /* @__PURE__ */ jsxs(Box, { flexDirection: "column", alignItems: "flex-start", children: [
+        /* @__PURE__ */ jsxs(Box, { borderStyle: "round", borderColor: inkColors.accent, paddingX: 1, gap: 2, children: [
+          /* @__PURE__ */ jsx2(Text2, { color: inkColors.accent, bold: true, children: "POLTER" }),
+          /* @__PURE__ */ jsxs(Text2, { dimColor: true, children: [
+            "v",
+            VERSION
+          ] }),
+          /* @__PURE__ */ jsx2(Text2, { color: "yellow", children: "alpha" })
         ] }),
-        /* @__PURE__ */ jsx(ToolStatusBadges, {})
+        /* @__PURE__ */ jsx2(Box, { borderStyle: "round", borderColor: inkColors.accent, paddingX: 1, children: /* @__PURE__ */ jsx2(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
-      ] })
+    return /* @__PURE__ */ jsxs(Box, { marginBottom: 1, borderStyle: "round", borderColor: inkColors.accent, flexDirection: "column", alignItems: "flex-start", children: [
+      /* @__PURE__ */ jsxs(Box, { borderStyle: "round", borderColor: inkColors.accent, paddingX: 1, gap: 2, children: [
+        /* @__PURE__ */ jsx2(Text2, { color: inkColors.accent, bold: true, children: "POLTER" }),
+        /* @__PURE__ */ jsxs(Text2, { dimColor: true, children: [
+          "v",
+          VERSION
+        ] }),
+        /* @__PURE__ */ jsx2(Text2, { color: "yellow", children: "alpha" })
+      ] }),
+      /* @__PURE__ */ jsx2(Box, { borderStyle: "round", borderColor: inkColors.accent, paddingX: 1, children: /* @__PURE__ */ jsx2(ToolStatusBadges, {}) })
     ] });
   }
   if (width < 80) {
@@ -232,76 +281,59 @@ function GhostBanner({ width = 80, compact = false }) {
       Box,
       {
         flexDirection: "column",
-        borderStyle: "single",
+        alignItems: "flex-start",
+        borderStyle: "round",
         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__ */ jsxs(Box, { borderStyle: "round", borderColor: inkColors.accent, paddingX: 1, gap: 2, children: [
+            /* @__PURE__ */ jsx2(Text2, { color: inkColors.accent, bold: true, children: "POLTER" }),
+            /* @__PURE__ */ jsxs(Text2, { dimColor: true, children: [
+              "v",
+              VERSION
+            ] }),
+            /* @__PURE__ */ jsx2(Text2, { color: "yellow", children: "alpha" })
           ] }),
-          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Project & infrastructure orchestrator" })
+          /* @__PURE__ */ jsx2(Box, { borderStyle: "round", borderColor: inkColors.accent, paddingX: 1, children: /* @__PURE__ */ jsx2(ToolStatusBadges, {}) }),
+          /* @__PURE__ */ jsx2(Text2, { 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(
-      Box,
-      {
-        flexDirection: "column",
-        borderStyle: "single",
-        borderColor: inkColors.accent,
-        paddingX: 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", borderStyle: "round", borderColor: inkColors.accent, gap: 1, marginBottom: 1, children: [
+    /* @__PURE__ */ jsx2(Box, { flexDirection: "column", children: ghost.art.map((line, i) => /* @__PURE__ */ jsx2(Text2, { color: inkColors.accent, children: line }, i)) }),
+    /* @__PURE__ */ jsxs(Box, { flexDirection: "column", alignItems: "flex-start", children: [
+      /* @__PURE__ */ jsxs(Box, { borderStyle: "round", borderColor: inkColors.accent, paddingX: 1, gap: 2, children: [
+        /* @__PURE__ */ jsx2(Text2, { color: inkColors.accent, bold: true, children: "POLTER" }),
+        /* @__PURE__ */ jsxs(Text2, { dimColor: true, children: [
+          "v",
+          VERSION
+        ] }),
+        /* @__PURE__ */ jsx2(Text2, { color: "yellow", children: "alpha" })
+      ] }),
+      /* @__PURE__ */ jsx2(Box, { borderStyle: "round", borderColor: inkColors.accent, paddingX: 1, children: /* @__PURE__ */ jsx2(ToolStatusBadges, {}) }),
+      /* @__PURE__ */ jsx2(Text2, { 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";
+import { Box as Box5, Text as Text6, 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";
+import { Box as Box2, Text as Text3 } from "ink";
+import { jsx as jsx3, 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) => {
+  return /* @__PURE__ */ jsx3(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,
+      /* @__PURE__ */ jsx3(
+        Text3,
         {
           color: isActive ? inkColors.accent : void 0,
           bold: isActive,
@@ -309,14 +341,14 @@ function TabBar({ tabs, activeIndex, width = 80 }) {
           children: displayText
         }
       ),
-      isActive && !narrow && /* @__PURE__ */ jsx2(Text2, { color: inkColors.accent, children: "\u2550".repeat(displayText.length) })
+      isActive && !narrow && /* @__PURE__ */ jsx3(Text3, { color: inkColors.accent, children: "\u2550".repeat(displayText.length) })
     ] }, tab.id);
   }) });
 }
 
 // src/components/SelectList.tsx
 import { useEffect as useEffect2, useMemo, useState as useState3 } from "react";
-import { Box as Box3, Text as Text3, useInput } from "ink";
+import { Box as Box3, Text as Text4, useInput } from "ink";
 
 // src/components/selectListSections.ts
 function isHeader(item) {
@@ -394,7 +426,7 @@ function countBoxedSectionLines(sections) {
 }
 
 // src/components/SelectList.tsx
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 function SelectList({
   items,
   onSelect,
@@ -534,9 +566,9 @@ function SelectList({
   const renderSelectableRow = (item, globalIdx) => {
     const isSelected = globalIdx === selectedItemIndex;
     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,
+      /* @__PURE__ */ jsx4(Text4, { color: isSelected ? inkColors.accent : void 0, children: isSelected ? "\u276F" : " " }),
+      /* @__PURE__ */ jsx4(Box3, { width: labelWidth, children: /* @__PURE__ */ jsxs3(
+        Text4,
         {
           color: isSelected ? inkColors.accent : isPinnedRow(item) ? "white" : void 0,
           bold: isSelected || isPinnedRow(item),
@@ -547,14 +579,14 @@ function SelectList({
           ]
         }
       ) }),
-      !isNarrow && item.hint && /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: item.hint })
+      !isNarrow && item.hint && /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: item.hint })
     ] }, item.id ?? `${item.value}-${globalIdx}`);
   };
   return /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", children: [
-    showScrollUp && /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "  \u2191 more" }),
+    showScrollUp && /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "  \u2191 more" }),
     boxedSections ? boxedLayout.map((section) => {
       if (section.type === "heading") {
-        return /* @__PURE__ */ jsx3(Box3, { children: /* @__PURE__ */ jsx3(Text3, { color: inkColors.accent, bold: true, children: section.label }) }, section.key);
+        return /* @__PURE__ */ jsx4(Box3, { children: /* @__PURE__ */ jsx4(Text4, { color: inkColors.accent, bold: true, children: section.label }) }, section.key);
       }
       const hasSelectedRow = section.rows.some(
         (row) => row.globalIndex === selectedItemIndex
@@ -571,8 +603,8 @@ function SelectList({
           borderDimColor: !hasSelectedRow && !isPinnedSection,
           paddingX: 1,
           children: [
-            section.title && /* @__PURE__ */ jsx3(Text3, { color: inkColors.accent, bold: true, children: section.title }),
-            /* @__PURE__ */ jsx3(Box3, { flexDirection: "column", children: section.rows.map(
+            section.title && /* @__PURE__ */ jsx4(Text4, { color: inkColors.accent, bold: true, children: section.title }),
+            /* @__PURE__ */ jsx4(Box3, { flexDirection: "column", children: section.rows.map(
               (row) => renderSelectableRow(row.item, row.globalIndex)
             ) })
           ]
@@ -583,28 +615,28 @@ function SelectList({
       const globalIdx = windowStart + i;
       const selectable = isSelectable(item);
       if (!selectable) {
-        return /* @__PURE__ */ jsx3(
+        return /* @__PURE__ */ jsx4(
           Box3,
           {
             marginTop: i === 0 ? 0 : 1,
-            children: /* @__PURE__ */ jsx3(Text3, { color: inkColors.accent, bold: true, children: item.label })
+            children: /* @__PURE__ */ jsx4(Text4, { color: inkColors.accent, bold: true, children: item.label })
           },
           item.id ?? `${item.value}-${globalIdx}`
         );
       }
       return renderSelectableRow(item, globalIdx);
     }),
-    showScrollDown && /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "  \u2193 more" })
+    showScrollDown && /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "  \u2193 more" })
   ] });
 }
 
 // src/components/StatusBar.tsx
-import { Box as Box4, Text as Text4 } from "ink";
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Box as Box4, Text as Text5 } from "ink";
+import { jsx as jsx5, 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: [
+    /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: hint || "\u2191\u2193 navigate \xB7 Enter select \xB7 Esc back" }),
+    width >= 60 && /* @__PURE__ */ jsxs4(Text5, { dimColor: true, children: [
       "polter v",
       VERSION
     ] })
@@ -673,13 +705,6 @@ function getFeatures() {
 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";
@@ -687,7 +712,7 @@ function buildPinnedOnlyItems(pinnedCommands, pinnedRuns) {
       items.push({
         id: `command:${command}`,
         value: command,
-        label: command,
+        label: cmdDef ? `${cmdDef.tool} ${command}` : command,
         hint: [toolHint, labelHint].filter(Boolean).join(" \xB7 "),
         icon: "\u{1F4CC}",
         kind: "command",
@@ -697,13 +722,6 @@ function buildPinnedOnlyItems(pinnedCommands, pinnedRuns) {
     }
   }
   if (pinnedRuns.length > 0) {
-    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 cmdDef = findCommandByValue(baseCommand);
@@ -711,7 +729,7 @@ function buildPinnedOnlyItems(pinnedCommands, pinnedRuns) {
       items.push({
         id: `run:${runCommand2}`,
         value: runCommand2,
-        label: runCommand2,
+        label: cmdDef ? `${cmdDef.tool} ${runCommand2}` : runCommand2,
         hint: toolHint,
         icon: "\u25B6",
         kind: "run",
@@ -785,11 +803,79 @@ function buildHomeItems({
       });
     }
   }
+  items.push({
+    id: "section-system",
+    value: "__section_system__",
+    label: "\u2699\uFE0F System",
+    kind: "header",
+    selectable: false
+  });
+  items.push({
+    id: "action-declarative-plan",
+    value: "__action_declarative_plan__",
+    label: "Plan / Apply",
+    hint: "Declarative infrastructure",
+    kind: "action"
+  });
+  items.push({
+    id: "action-declarative-status",
+    value: "__action_declarative_status__",
+    label: "Infra Status",
+    hint: "Live state from CLI tools",
+    kind: "action"
+  });
+  items.push({
+    id: "action-init-scaffold",
+    value: "__action_init_scaffold__",
+    label: "Init polter.yaml",
+    hint: "Generate from detected state",
+    kind: "action"
+  });
+  items.push({
+    id: "action-pipelines",
+    value: "__action_pipelines__",
+    label: "Pipelines",
+    hint: "Multi-step workflows",
+    kind: "action"
+  });
+  items.push({
+    id: "action-tools",
+    value: "__action_tools__",
+    label: "Tool Status",
+    hint: "Check installed CLI tools",
+    kind: "action"
+  });
+  items.push({
+    id: "action-config",
+    value: "__action_config__",
+    label: "Project Config",
+    hint: "Tool refs and settings",
+    kind: "action"
+  });
+  items.push({
+    id: "action-custom",
+    value: "__action_custom__",
+    label: "Custom Command",
+    hint: "Free-form args",
+    kind: "action"
+  });
+  items.push({
+    id: "action-update",
+    value: "__action_update__",
+    label: "Update Polter",
+    kind: "action"
+  });
+  items.push({
+    id: "action-exit",
+    value: "__action_exit__",
+    label: "Exit",
+    kind: "action"
+  });
   return items;
 }
 
 // src/screens/Home.tsx
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 function Home({
   onNavigate,
   onExit,
@@ -890,6 +976,15 @@ function Home({
       case "__action_update__":
         onNavigate("self-update");
         break;
+      case "__action_declarative_plan__":
+        onNavigate("declarative-plan");
+        break;
+      case "__action_declarative_status__":
+        onNavigate("declarative-status");
+        break;
+      case "__action_init_scaffold__":
+        onNavigate("init-scaffold");
+        break;
       case "__action_exit__":
         onExit();
         break;
@@ -915,12 +1010,12 @@ function Home({
     }
   };
   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: [
+    /* @__PURE__ */ jsx6(Box5, { marginBottom: 1, children: /* @__PURE__ */ jsx6(TabBar, { tabs, activeIndex: activeTabIndex, width }) }),
+    pinFeedback && /* @__PURE__ */ jsx6(Box5, { marginBottom: 1, children: /* @__PURE__ */ jsxs5(Text6, { color: inkColors.accent, children: [
       "\u2713 ",
       pinFeedback
     ] }) }),
-    /* @__PURE__ */ jsx5(
+    /* @__PURE__ */ jsx6(
       SelectList,
       {
         items,
@@ -931,7 +1026,7 @@ function Home({
         maxVisible: Math.max(8, height - 14)
       }
     ),
-    /* @__PURE__ */ jsx5(StatusBar, { hint: "\u2190\u2192 tab \xB7 \u2191\u2193 navigate \xB7 Enter select \xB7 p pin", width })
+    /* @__PURE__ */ jsx6(StatusBar, { hint: "\u2190\u2192 tab \xB7 \u2191\u2193 navigate \xB7 Enter select \xB7 p pin", width })
   ] });
 }
 
@@ -941,9 +1036,9 @@ import { Box as Box7, Text as Text8, useInput as useInput4 } from "ink";
 
 // src/components/TextPrompt.tsx
 import { useState as useState5 } from "react";
-import { Box as Box6, Text as Text6, useInput as useInput3 } from "ink";
+import { Box as Box6, Text as Text7, useInput as useInput3 } from "ink";
 import TextInputComponent from "ink-text-input";
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 function TextPrompt({
   label,
   placeholder,
@@ -964,6 +1059,9 @@ function TextPrompt({
     if (arrowNavigation && key.leftArrow && value === "" && onCancel) {
       onCancel();
     }
+    if (arrowNavigation && key.rightArrow) {
+      handleSubmit(value);
+    }
   }, { isActive: isInputActive });
   const handleSubmit = (val) => {
     if (validate) {
@@ -978,12 +1076,12 @@ function TextPrompt({
   };
   const content = /* @__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__ */ jsx7(Text7, { color: inkColors.accent, bold: true, children: "?" }),
+      /* @__PURE__ */ jsx7(Text7, { children: label })
     ] }),
     /* @__PURE__ */ jsxs6(Box6, { gap: 1, marginLeft: 2, children: [
-      /* @__PURE__ */ jsx6(Text6, { color: inkColors.accent, children: "\u276F" }),
-      /* @__PURE__ */ jsx6(
+      /* @__PURE__ */ jsx7(Text7, { color: inkColors.accent, children: "\u276F" }),
+      /* @__PURE__ */ jsx7(
         TextInputComponent,
         {
           value,
@@ -996,36 +1094,17 @@ function TextPrompt({
         }
       )
     ] }),
-    error && /* @__PURE__ */ jsx6(Box6, { marginLeft: 2, children: /* @__PURE__ */ jsxs6(Text6, { color: "red", children: [
+    error && /* @__PURE__ */ jsx7(Box6, { marginLeft: 2, children: /* @__PURE__ */ jsxs6(Text7, { color: "red", children: [
       "\u2717 ",
       error
     ] }) })
   ] });
   if (boxed) {
-    return /* @__PURE__ */ jsx6(Box6, { borderStyle: "round", borderColor: focused ? inkColors.accent : panel.borderDim, paddingX: 1, children: content });
+    return /* @__PURE__ */ jsx7(Box6, { borderStyle: "round", borderColor: focused ? inkColors.accent : panel.borderDim, paddingX: 1, children: content });
   }
   return content;
 }
 
-// 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",
-  git: "#F05032"
-};
-var toolLabels = {
-  supabase: "supabase",
-  gh: "github",
-  vercel: "vercel",
-  git: "git"
-};
-function ToolBadge({ tool }) {
-  return /* @__PURE__ */ jsx7(Text7, { color: toolColors[tool], dimColor: true, children: toolLabels[tool] });
-}
-
 // src/screens/commandArgsModel.ts
 function buildRunCommand(command, extraArgs) {
   return [command, ...extraArgs].join(" ");
@@ -1490,8 +1569,8 @@ function FlagSelection({
 }
 
 // src/screens/CommandExecution.tsx
-import { useState as useState11, useEffect as useEffect6 } from "react";
-import { Box as Box13, Text as Text17 } from "ink";
+import { useState as useState11, useEffect as useEffect7 } from "react";
+import { Box as Box13, Text as Text17, useInput as useInput8 } from "ink";
 
 // src/components/Spinner.tsx
 import { Text as Text12 } from "ink";
@@ -1636,10 +1715,17 @@ function CommandOutput({
 }
 
 // src/hooks/useCommand.ts
-import { useState as useState10, useCallback as useCallback2 } from "react";
+import { useState as useState10, useCallback as useCallback2, useRef, useEffect as useEffect5 } from "react";
 function useCommand(execution = "supabase", cwd = process.cwd(), options) {
   const [status, setStatus] = useState10("idle");
   const [result, setResult] = useState10(null);
+  const abortRef = useRef(null);
+  useEffect5(() => {
+    return () => {
+      abortRef.current?.();
+      abortRef.current = null;
+    };
+  }, []);
   const run = useCallback2(async (args) => {
     setStatus("running");
     setResult(null);
@@ -1656,7 +1742,10 @@ function useCommand(execution = "supabase", cwd = process.cwd(), options) {
       resolvedExecution = execution;
     }
     const runOpts = options?.quiet ? { quiet: true } : void 0;
-    const res = await runCommand(resolvedExecution, args, cwd, runOpts);
+    const handle = runCommand(resolvedExecution, args, cwd, runOpts);
+    abortRef.current = handle.abort;
+    const res = await handle.promise;
+    abortRef.current = null;
     setResult(res);
     if (res.spawnError || res.exitCode !== null && res.exitCode !== 0) {
       setStatus("error");
@@ -1665,24 +1754,28 @@ function useCommand(execution = "supabase", cwd = process.cwd(), options) {
     }
     return res;
   }, [cwd, execution, options?.quiet]);
+  const abort = useCallback2(() => {
+    abortRef.current?.();
+    abortRef.current = null;
+  }, []);
   const reset = useCallback2(() => {
     setStatus("idle");
     setResult(null);
   }, []);
-  return { status, result, run, reset };
+  return { status, result, run, reset, abort };
 }
 
 // src/hooks/useInteractiveRun.ts
 import { useCallback as useCallback3 } from "react";
 
 // src/hooks/useFullscreen.ts
-import { useEffect as useEffect5 } from "react";
+import { useEffect as useEffect6 } 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() {
-  useEffect5(() => {
+  useEffect6(() => {
     process.stdout.write(ENTER_ALT_SCREEN + HIDE_CURSOR);
     return () => {
       process.stdout.write(SHOW_CURSOR + LEAVE_ALT_SCREEN);
@@ -1800,13 +1893,35 @@ function CommandExecution({
   const [phase, setPhase] = useState11("confirm");
   const [currentArgs, setCurrentArgs] = useState11(initialArgs);
   const [pinMessage, setPinMessage] = useState11();
-  const { status, result, run, reset } = useCommand(tool, process.cwd(), {
+  const { status, result, run, reset, abort } = useCommand(tool, process.cwd(), {
     quiet: panelMode
   });
   const { runInteractive } = useInteractiveRun();
+  const [outputFocused, setOutputFocused] = useState11(false);
+  const [copyMessage, setCopyMessage] = useState11();
   const cmdDisplay = `${tool} ${currentArgs.join(" ")}`;
   const runCommand2 = currentArgs.join(" ");
-  useEffect6(() => {
+  useInput8(
+    (_input, key) => {
+      if (key.escape) {
+        abort();
+        onBack();
+      }
+    },
+    { isActive: isInputActive && phase === "running" }
+  );
+  useInput8(
+    (input2, key) => {
+      if (input2 === "o" && !outputFocused) {
+        setOutputFocused(true);
+      }
+      if (key.escape && outputFocused) {
+        setOutputFocused(false);
+      }
+    },
+    { isActive: isInputActive && phase === "error-menu" }
+  );
+  useEffect7(() => {
     if (phase === "running" && status === "idle") {
       if (panelMode && interactive) {
         const interactiveResult = runInteractive(tool, currentArgs);
@@ -1820,7 +1935,7 @@ function CommandExecution({
       }
     }
   }, [phase, status, run, currentArgs, panelMode, interactive, tool, runInteractive]);
-  useEffect6(() => {
+  useEffect7(() => {
     if (phase === "running" && status === "success") {
       if (isPinnedRun(runCommand2)) {
         setPhase("success");
@@ -1833,6 +1948,16 @@ function CommandExecution({
     }
   }, [phase, runCommand2, status]);
   if (phase === "confirm") {
+    const pinned = isPinnedRun(runCommand2);
+    const confirmItems = [
+      { value: "execute", label: "\u25B6 Execute command" },
+      {
+        value: "pin",
+        label: pinned ? "\u{1F4CC} Unpin command" : "\u{1F4CC} Pin command",
+        hint: "Save to quick access"
+      },
+      { value: "cancel", label: "\u2190 Cancel" }
+    ];
     const confirmContent = /* @__PURE__ */ jsxs15(Box13, { flexDirection: "column", children: [
       /* @__PURE__ */ jsxs15(Box13, { marginBottom: 1, gap: 1, children: [
         /* @__PURE__ */ jsxs15(Text17, { color: inkColors.accent, bold: true, children: [
@@ -1842,24 +1967,36 @@ function CommandExecution({
         ] }),
         /* @__PURE__ */ jsx17(ToolBadge, { tool })
       ] }),
+      pinMessage && /* @__PURE__ */ jsx17(Box13, { marginBottom: 1, children: /* @__PURE__ */ jsx17(Text17, { color: inkColors.accent, children: pinMessage }) }),
       /* @__PURE__ */ jsx17(
-        ConfirmPrompt,
+        SelectList,
         {
-          message: `Execute ${cmdDisplay}?`,
-          defaultValue: true,
-          onConfirm: (confirmed) => {
-            if (confirmed) {
-              setPhase("running");
-            } else {
-              onBack();
+          items: confirmItems,
+          onSelect: (action) => {
+            switch (action) {
+              case "execute":
+                setPinMessage(void 0);
+                setPhase("running");
+                break;
+              case "pin":
+                togglePinnedRun(runCommand2);
+                setPinMessage(
+                  isPinnedRun(runCommand2) ? "\u2713 Command pinned" : "\u2713 Command unpinned"
+                );
+                break;
+              case "cancel":
+                onBack();
+                break;
             }
           },
           onCancel: onBack,
+          width: panelMode ? Math.max(20, width - 4) : width,
           isInputActive,
-          arrowNavigation: panelMode
+          arrowNavigation: panelMode,
+          boxedSections: panelMode,
+          panelFocused: isInputActive
         }
-      ),
-      /* @__PURE__ */ jsx17(Box13, { marginTop: 1, children: /* @__PURE__ */ jsx17(Text17, { dimColor: true, children: "Enter to execute \xB7 n to cancel" }) })
+      )
     ] });
     return /* @__PURE__ */ jsx17(Box13, { flexDirection: "column", paddingX: panelMode ? 1 : 0, children: panelMode ? /* @__PURE__ */ jsx17(
       Box13,
@@ -1883,7 +2020,12 @@ function CommandExecution({
         /* @__PURE__ */ jsx17(ToolBadge, { tool })
       ] }),
       /* @__PURE__ */ jsx17(Divider, { width: panelMode ? width - 4 : width }),
-      /* @__PURE__ */ jsx17(Box13, { marginTop: 1, children: /* @__PURE__ */ jsx17(Spinner, { label: `Executing ${cmdDisplay}...` }) })
+      /* @__PURE__ */ jsx17(Box13, { marginTop: 1, children: /* @__PURE__ */ jsx17(Spinner, { label: `Executing ${cmdDisplay}...` }) }),
+      /* @__PURE__ */ jsxs15(Box13, { marginTop: 1, children: [
+        /* @__PURE__ */ jsx17(Text17, { dimColor: true, children: "Press " }),
+        /* @__PURE__ */ jsx17(Text17, { color: inkColors.accent, children: "Esc" }),
+        /* @__PURE__ */ jsx17(Text17, { dimColor: true, children: " to abort" })
+      ] })
     ] });
   }
   if (phase === "success-pin-offer") {
@@ -1994,6 +2136,15 @@ function CommandExecution({
     value: "copy",
     label: "\u{1F4CB} Copy command to clipboard"
   });
+  errorItems.push({
+    value: "copy-output",
+    label: "\u{1F4C4} Copy output to clipboard"
+  });
+  errorItems.push({
+    value: "__nav_header__",
+    label: "",
+    kind: "header"
+  });
   errorItems.push({
     value: "menu",
     label: "\u2190 Back to menu"
@@ -2041,11 +2192,21 @@ function CommandExecution({
       {
         stdout: result?.stdout,
         stderr: result?.stderr,
-        height: Math.max(3, height - 13 - errorItems.length - (suggestions.length > 0 ? suggestions.length + 4 : 0)),
-        isActive: false
+        height: Math.max(3, height - 14 - errorItems.length - (suggestions.length > 0 ? suggestions.length + 4 : 0) - (copyMessage ? 1 : 0)),
+        isActive: isInputActive && outputFocused
       }
     ),
-    /* @__PURE__ */ jsx17(Box13, { marginTop: 1, marginBottom: 1, children: /* @__PURE__ */ jsx17(Text17, { bold: true, children: "What would you like to do?" }) }),
+    copyMessage && /* @__PURE__ */ jsx17(Box13, { marginTop: 1, children: /* @__PURE__ */ jsx17(Text17, { color: inkColors.accent, children: copyMessage }) }),
+    outputFocused ? /* @__PURE__ */ jsxs15(Box13, { marginTop: 1, children: [
+      /* @__PURE__ */ jsx17(Text17, { dimColor: true, children: "j/k scroll \xB7 " }),
+      /* @__PURE__ */ jsx17(Text17, { color: inkColors.accent, children: "Esc" }),
+      /* @__PURE__ */ jsx17(Text17, { dimColor: true, children: " back to menu" })
+    ] }) : /* @__PURE__ */ jsxs15(Box13, { marginTop: 1, marginBottom: 1, children: [
+      /* @__PURE__ */ jsx17(Text17, { bold: true, children: "What would you like to do?" }),
+      /* @__PURE__ */ jsx17(Text17, { dimColor: true, children: "  (press " }),
+      /* @__PURE__ */ jsx17(Text17, { color: inkColors.accent, children: "o" }),
+      /* @__PURE__ */ jsx17(Text17, { dimColor: true, children: " to scroll output)" })
+    ] }),
     /* @__PURE__ */ jsx17(
       SelectList,
       {
@@ -2069,6 +2230,7 @@ function CommandExecution({
           switch (action) {
             case "retry":
               setPinMessage(void 0);
+              setCopyMessage(void 0);
               reset();
               setPhase("running");
               break;
@@ -2076,6 +2238,7 @@ function CommandExecution({
               const newArgs = [...currentArgs, "--debug"];
               setCurrentArgs(newArgs);
               setPinMessage(void 0);
+              setCopyMessage(void 0);
               reset();
               setPhase("running");
               break;
@@ -2089,7 +2252,14 @@ function CommandExecution({
             }
             case "copy":
               await copyToClipboard(cmdDisplay);
+              setCopyMessage("\u2713 Command copied to clipboard");
               break;
+            case "copy-output": {
+              const output2 = [result?.stdout, result?.stderr].filter(Boolean).join("\n");
+              await copyToClipboard(output2);
+              setCopyMessage("\u2713 Output copied to clipboard");
+              break;
+            }
             case "menu":
               (onHome ?? onBack)();
               break;
@@ -2102,9 +2272,9 @@ function CommandExecution({
         boxedSections: panelMode,
         width: panelMode ? Math.max(20, width - 4) : width,
         maxVisible: panelMode ? Math.max(errorItems.length + (suggestions.length > 0 ? 4 : 0), height - 6) : void 0,
-        isInputActive,
+        isInputActive: isInputActive && !outputFocused,
         arrowNavigation: panelMode,
-        panelFocused: isInputActive
+        panelFocused: isInputActive && !outputFocused
       }
     ),
     !panelMode && /* @__PURE__ */ jsx17(StatusBar, { width })
@@ -2112,7 +2282,7 @@ function CommandExecution({
 }
 
 // src/screens/SelfUpdate.tsx
-import { useEffect as useEffect7, useState as useState12 } from "react";
+import { useEffect as useEffect8, useState as useState12 } from "react";
 import { Box as Box14, Text as Text18 } from "ink";
 import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
 var packageName = "@polterware/polter";
@@ -2142,12 +2312,12 @@ function SelfUpdate({
   const { status, result, run, reset } = useCommand("npm", updateCwd, {
     quiet: panelMode
   });
-  useEffect7(() => {
+  useEffect8(() => {
     if (phase === "running" && status === "idle") {
       run(updateArgs);
     }
   }, [phase, run, status, updateArgs]);
-  useEffect7(() => {
+  useEffect8(() => {
     if (phase === "running" && status === "success") {
       setPhase("success");
     }
@@ -2388,13 +2558,33 @@ function SelfUpdate({
 }
 
 // src/screens/ToolStatus.tsx
-import { useMemo as useMemo4 } from "react";
+import { useEffect as useEffect9, useState as useState13 } from "react";
 import { Box as Box15, Text as Text19 } from "ink";
 import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
-var toolIds = ["supabase", "gh", "vercel", "git"];
-var linkableTools = /* @__PURE__ */ new Set(["supabase", "gh", "vercel"]);
-function ToolStatus({ onBack, width = 80, height = 24, panelMode = false, isInputActive = true }) {
-  const tools = useMemo4(() => toolIds.map((id) => getToolLinkInfo(id)), []);
+var toolIds = ["supabase", "gh", "vercel", "git", "pkg"];
+var linkableTools = /* @__PURE__ */ new Set(["supabase", "gh", "vercel", "pkg"]);
+function ToolStatus({ onBack, onNavigate, width = 80, height = 24, panelMode = false, isInputActive = true }) {
+  const [tools, setTools] = useState13(null);
+  const [mcpInfo, setMcpInfo] = useState13(null);
+  useEffect9(() => {
+    const t = setTimeout(() => {
+      setTools(toolIds.map((id) => getToolLinkInfo(id)));
+      setMcpInfo(getMcpStatusInfo());
+    }, 0);
+    return () => clearTimeout(t);
+  }, []);
+  if (!tools || !mcpInfo) {
+    return /* @__PURE__ */ jsx19(Box15, { flexDirection: "column", paddingX: panelMode ? 1 : 0, children: /* @__PURE__ */ jsx19(Text19, { color: inkColors.accent, children: "Loading tool status..." }) });
+  }
+  const mcpRegistered = mcpInfo.scopes.some((s) => s.registered);
+  const mcpScopeHint = mcpInfo.scopes.filter((s) => s.registered).map((s) => s.scope).join(", ");
+  const handleSelect = (value) => {
+    if (value === "mcp-manage" && onNavigate) {
+      onNavigate("mcp-manage");
+    } else if (value === "__back__") {
+      onBack();
+    }
+  };
   if (panelMode) {
     const statusItems = [
       { value: "__section__", label: "Installed Tools", kind: "header", selectable: false },
@@ -2403,14 +2593,20 @@ function ToolStatus({ onBack, width = 80, height = 24, panelMode = false, isInpu
         label: `${tool.installed ? "\u2713" : "\u2717"} ${tool.label}`,
         hint: tool.installed ? `${tool.version ?? "installed"}${linkableTools.has(tool.id) ? tool.linked ? ` \u2192 ${tool.project ? `linked (${tool.project})` : "linked"}` : " \u2192 not linked" : ""}` : "not found",
         kind: "action"
-      }))
+      })),
+      { value: "__mcp_section__", label: "MCP Server", kind: "header", selectable: false },
+      {
+        value: "mcp-manage",
+        label: `${mcpRegistered ? "\u2713" : "\u2717"} polter-mcp`,
+        hint: `v${mcpInfo.installedVersion}${mcpRegistered ? ` \u2192 ${mcpScopeHint}` : " \u2192 not registered"}`,
+        kind: "action"
+      }
     ];
     return /* @__PURE__ */ jsx19(Box15, { flexDirection: "column", paddingX: 1, children: /* @__PURE__ */ jsx19(
       SelectList,
       {
         items: statusItems,
-        onSelect: () => {
-        },
+        onSelect: handleSelect,
         onCancel: onBack,
         boxedSections: true,
         width: Math.max(20, width - 4),
@@ -2422,32 +2618,45 @@ function ToolStatus({ onBack, width = 80, height = 24, panelMode = false, isInpu
     ) });
   }
   return /* @__PURE__ */ jsxs17(Box15, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx19(Box15, { marginBottom: 1, children: /* @__PURE__ */ jsx19(Text19, { bold: true, color: inkColors.accent, children: "\u{1F527} Tool Status" }) }),
+    /* @__PURE__ */ jsx19(Box15, { marginBottom: 1, children: /* @__PURE__ */ jsx19(Text19, { bold: true, color: inkColors.accent, children: "Tool Status" }) }),
     tools.map((tool) => /* @__PURE__ */ jsxs17(Box15, { gap: 1, marginLeft: 2, children: [
       /* @__PURE__ */ jsx19(Text19, { color: tool.installed ? inkColors.accent : "red", children: tool.installed ? "\u2713" : "\u2717" }),
       /* @__PURE__ */ jsx19(Box15, { width: 16, children: /* @__PURE__ */ jsx19(Text19, { bold: true, children: tool.label }) }),
       /* @__PURE__ */ jsx19(Text19, { dimColor: true, children: tool.installed ? `${tool.version ?? "installed"}${linkableTools.has(tool.id) ? tool.linked ? ` \u2192 ${tool.project ?? "linked"}` : " \u2192 not linked" : ""}` : "not found" })
     ] }, tool.id)),
+    /* @__PURE__ */ jsx19(Box15, { marginTop: 1, marginBottom: 1, children: /* @__PURE__ */ jsx19(Text19, { bold: true, color: inkColors.accent, children: "  MCP Server" }) }),
+    /* @__PURE__ */ jsxs17(Box15, { gap: 1, marginLeft: 2, children: [
+      /* @__PURE__ */ jsx19(Text19, { color: mcpRegistered ? inkColors.accent : "red", children: mcpRegistered ? "\u2713" : "\u2717" }),
+      /* @__PURE__ */ jsx19(Box15, { width: 16, children: /* @__PURE__ */ jsx19(Text19, { bold: true, children: "polter-mcp" }) }),
+      /* @__PURE__ */ jsxs17(Text19, { dimColor: true, children: [
+        "v",
+        mcpInfo.installedVersion,
+        mcpRegistered ? ` \u2192 ${mcpScopeHint}` : " \u2192 not registered"
+      ] })
+    ] }),
     /* @__PURE__ */ jsx19(Box15, { marginTop: 1, children: /* @__PURE__ */ jsx19(
       SelectList,
       {
-        items: [{ value: "__back__", label: "\u2190 Back" }],
-        onSelect: onBack,
+        items: [
+          { value: "mcp-manage", label: "Manage MCP Server \u2192" },
+          { value: "__back__", label: "\u2190 Back" }
+        ],
+        onSelect: handleSelect,
         onCancel: onBack,
         width,
         isInputActive
       }
     ) }),
-    /* @__PURE__ */ jsx19(StatusBar, { hint: "Enter to go back", width })
+    /* @__PURE__ */ jsx19(StatusBar, { hint: "Enter to select \\u00B7 Esc back", width })
   ] });
 }
 
 // src/screens/ProjectConfig.tsx
-import { useMemo as useMemo5, useState as useState14 } from "react";
+import { useMemo as useMemo4, useState as useState15 } from "react";
 import { Box as Box16, Text as Text20 } from "ink";
 
 // src/hooks/useEditor.ts
-import { useState as useState13, useCallback as useCallback4 } from "react";
+import { useState as useState14, useCallback as useCallback4 } from "react";
 import { useStdin } from "ink";
 
 // src/lib/editor.ts
@@ -2498,7 +2707,7 @@ function openInEditor(filePath) {
 // src/hooks/useEditor.ts
 function useEditor() {
   const { setRawMode } = useStdin();
-  const [isEditing, setIsEditing] = useState13(false);
+  const [isEditing, setIsEditing] = useState14(false);
   const openEditor = useCallback4(async (filePath) => {
     const editor = resolveEditor();
     const terminal = isTerminalEditor(editor.command);
@@ -2519,7 +2728,7 @@ function useEditor() {
 }
 
 // src/screens/ProjectConfig.tsx
-import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
 function ProjectConfig({
   onBack,
   width = 80,
@@ -2527,11 +2736,14 @@ function ProjectConfig({
   panelMode = false,
   isInputActive = true
 }) {
-  const configPath = useMemo5(() => getProjectConfigPath(), []);
-  const [config2, setConfig] = useState14(() => getOrCreateProjectConfig());
-  const [phase, setPhase] = useState14("overview");
-  const [feedback, setFeedback] = useState14();
+  const configPath = useMemo4(() => getProjectConfigPath(), []);
+  const [config2, setConfig] = useState15(() => getOrCreateProjectConfig());
+  const [phase, setPhase] = useState15("overview");
+  const [feedback, setFeedback] = useState15();
+  const [envKey, setEnvKey] = useState15("");
+  const [selectedEnvKey, setSelectedEnvKey] = useState15("");
   const { openEditor, isEditing } = useEditor();
+  const detectedPkg = useMemo4(() => detectPkgManager(), []);
   if (!configPath) {
     return /* @__PURE__ */ jsxs18(Box16, { flexDirection: "column", paddingX: panelMode ? 1 : 0, children: [
       /* @__PURE__ */ jsx20(Text20, { color: "red", children: "No package.json found. Run from a project directory." }),
@@ -2628,15 +2840,158 @@ function ProjectConfig({
       }
     ) });
   }
+  if (phase === "edit-pkg-manager") {
+    const pkgOptions = [
+      { value: "npm", label: "npm" },
+      { value: "pnpm", label: "pnpm" },
+      { value: "yarn", label: "yarn" },
+      { value: "bun", label: "bun" },
+      { value: "__auto__", label: `auto-detect (${detectedPkg.id})` },
+      { value: "__cancel__", label: "\u2190 Cancel" }
+    ];
+    return /* @__PURE__ */ jsxs18(Box16, { flexDirection: "column", paddingX: panelMode ? 1 : 0, children: [
+      /* @__PURE__ */ jsx20(Box16, { marginBottom: 1, children: /* @__PURE__ */ jsx20(Text20, { bold: true, children: "Select package manager:" }) }),
+      /* @__PURE__ */ jsx20(
+        SelectList,
+        {
+          items: pkgOptions,
+          onSelect: (value) => {
+            if (value === "__cancel__") {
+              setPhase("overview");
+              return;
+            }
+            const manager = value === "__auto__" ? void 0 : value;
+            const updated = {
+              ...config2,
+              tools: {
+                ...config2.tools,
+                pkg: manager ? { ...config2.tools.pkg, manager } : {}
+              }
+            };
+            writeProjectConfig(updated);
+            setConfig(updated);
+            setFeedback(manager ? `Package manager set to ${manager}` : "Package manager cleared (auto-detect)");
+            setPhase("overview");
+          },
+          onCancel: () => setPhase("overview"),
+          width: panelMode ? Math.max(20, width - 4) : width,
+          isInputActive,
+          arrowNavigation: panelMode,
+          panelFocused: panelMode ? isInputActive : void 0
+        }
+      )
+    ] });
+  }
+  if (phase === "add-env-var") {
+    return /* @__PURE__ */ jsx20(Box16, { flexDirection: "column", paddingX: panelMode ? 1 : 0, children: /* @__PURE__ */ jsx20(
+      TextPrompt,
+      {
+        label: "Environment variable name:",
+        placeholder: "e.g. API_KEY",
+        onSubmit: (val) => {
+          const key = val.trim();
+          if (!key) {
+            setPhase("overview");
+            return;
+          }
+          setEnvKey(key);
+          setPhase("add-env-value");
+        },
+        onCancel: () => setPhase("overview"),
+        arrowNavigation: panelMode,
+        isInputActive,
+        boxed: panelMode,
+        focused: isInputActive
+      }
+    ) });
+  }
+  if (phase === "add-env-value") {
+    return /* @__PURE__ */ jsx20(Box16, { flexDirection: "column", paddingX: panelMode ? 1 : 0, children: /* @__PURE__ */ jsx20(
+      TextPrompt,
+      {
+        label: `Value for ${envKey}:`,
+        placeholder: "Enter value",
+        onSubmit: (val) => {
+          const updated = {
+            ...config2,
+            env: { ...config2.env, [envKey]: val }
+          };
+          writeProjectConfig(updated);
+          setConfig(updated);
+          setFeedback(`Set ${envKey}`);
+          setEnvKey("");
+          setPhase("overview");
+        },
+        onCancel: () => {
+          setEnvKey("");
+          setPhase("overview");
+        },
+        arrowNavigation: panelMode,
+        isInputActive,
+        boxed: panelMode,
+        focused: isInputActive
+      }
+    ) });
+  }
+  if (phase === "manage-env-entry") {
+    const currentVal = config2.env?.[selectedEnvKey] ?? "";
+    const items = [
+      { value: "__info__", label: `${selectedEnvKey} = ${currentVal}`, kind: "header", selectable: false },
+      { value: "edit", label: "Edit value", kind: "action" },
+      { value: "remove", label: "Remove", kind: "action" },
+      { value: "__cancel__", label: "\u2190 Cancel" }
+    ];
+    return /* @__PURE__ */ jsx20(Box16, { flexDirection: "column", paddingX: panelMode ? 1 : 0, children: /* @__PURE__ */ jsx20(
+      SelectList,
+      {
+        items,
+        onSelect: (value) => {
+          if (value === "edit") {
+            setEnvKey(selectedEnvKey);
+            setPhase("add-env-value");
+          } else if (value === "remove") {
+            const newEnv = { ...config2.env };
+            delete newEnv[selectedEnvKey];
+            const updated = { ...config2, env: newEnv };
+            writeProjectConfig(updated);
+            setConfig(updated);
+            setFeedback(`Removed ${selectedEnvKey}`);
+            setPhase("overview");
+          } else {
+            setPhase("overview");
+          }
+        },
+        onCancel: () => setPhase("overview"),
+        width: panelMode ? Math.max(20, width - 4) : width,
+        isInputActive,
+        arrowNavigation: panelMode,
+        panelFocused: panelMode ? isInputActive : void 0
+      }
+    ) });
+  }
+  const envEntries = Object.entries(config2.env ?? {});
+  const pkgDisplay = config2.tools.pkg?.manager ?? `auto-detect (${detectedPkg.id})`;
   const configItems = [
     { value: "__section_current__", label: "\u{1F4CB} Current Values", kind: "header", selectable: false },
     { value: "__info_supabase__", label: `Supabase ref: ${config2.tools.supabase?.projectRef ?? "not set"}`, kind: "header", selectable: false },
     { value: "__info_vercel__", label: `Vercel ID: ${config2.tools.vercel?.projectId ?? "not set"}`, kind: "header", selectable: false },
     { value: "__info_gh__", label: `GitHub repo: ${config2.tools.gh?.repo ?? "not set"}`, kind: "header", selectable: false },
+    { value: "__info_pkg__", label: `Pkg manager: ${pkgDisplay}`, kind: "header", selectable: false },
+    { value: "__info_pipelines__", label: `Pipelines: ${config2.pipelines.length}`, kind: "header", selectable: false },
+    ...envEntries.length > 0 ? [
+      { value: "__section_env__", label: "\u{1F510} Environment Variables", kind: "header", selectable: false },
+      ...envEntries.map(([k, v]) => ({
+        value: `env:${k}`,
+        label: `${k} = ${v}`,
+        kind: "action"
+      }))
+    ] : [],
     { value: "__section_actions__", label: "\u26A1 Actions", kind: "header", selectable: false },
     { value: "supabase", label: "Set Supabase project ref", kind: "action" },
     { value: "vercel", label: "Set Vercel project ID", kind: "action" },
     { value: "gh", label: "Set GitHub repo", kind: "action" },
+    { value: "pkg-manager", label: "Set package manager", kind: "action" },
+    { value: "add-env", label: "Add environment variable", kind: "action" },
     { value: "editor", label: "Open config in editor", kind: "action" },
     ...!panelMode ? [{ value: "__back__", label: "\u2190 Back" }] : []
   ];
@@ -2644,10 +2999,17 @@ function ProjectConfig({
     { value: "supabase", label: "Set Supabase project ref" },
     { value: "vercel", label: "Set Vercel project ID" },
     { value: "gh", label: "Set GitHub repo" },
+    { value: "pkg-manager", label: "Set package manager" },
+    { value: "add-env", label: "Add environment variable" },
     { value: "editor", label: "Open config in editor" },
     ...!panelMode ? [{ value: "__back__", label: "\u2190 Back" }] : []
   ];
   const handleSelect = (value) => {
+    if (value.startsWith("env:")) {
+      setSelectedEnvKey(value.slice(4));
+      setPhase("manage-env-entry");
+      return;
+    }
     switch (value) {
       case "supabase":
         setPhase("edit-supabase-ref");
@@ -2658,6 +3020,12 @@ function ProjectConfig({
       case "gh":
         setPhase("edit-gh-repo");
         break;
+      case "pkg-manager":
+        setPhase("edit-pkg-manager");
+        break;
+      case "add-env":
+        setPhase("add-env-var");
+        break;
       case "editor":
         openEditor(configPath.file).then(() => {
           try {
@@ -2717,6 +3085,26 @@ function ProjectConfig({
       /* @__PURE__ */ jsxs18(Text20, { children: [
         "GitHub repo: ",
         config2.tools.gh?.repo ?? /* @__PURE__ */ jsx20(Text20, { dimColor: true, children: "not set" })
+      ] }),
+      /* @__PURE__ */ jsxs18(Text20, { children: [
+        "Pkg manager: ",
+        pkgDisplay
+      ] }),
+      /* @__PURE__ */ jsxs18(Text20, { children: [
+        "Pipelines: ",
+        config2.pipelines.length
+      ] }),
+      envEntries.length > 0 && /* @__PURE__ */ jsxs18(Fragment, { children: [
+        /* @__PURE__ */ jsxs18(Text20, { bold: true, children: [
+          "\n",
+          "Environment Variables:"
+        ] }),
+        envEntries.map(([k, v]) => /* @__PURE__ */ jsxs18(Text20, { children: [
+          "  ",
+          k,
+          " = ",
+          v
+        ] }, k))
       ] })
     ] }),
     feedback && /* @__PURE__ */ jsx20(Box16, { marginBottom: 1, children: /* @__PURE__ */ jsxs18(Text20, { color: inkColors.accent, children: [
@@ -2739,7 +3127,7 @@ function ProjectConfig({
 }
 
 // src/screens/PipelineList.tsx
-import { useMemo as useMemo6 } from "react";
+import { useMemo as useMemo5 } from "react";
 import { Box as Box17, Text as Text21 } from "ink";
 import { jsx as jsx21, jsxs as jsxs19 } from "react/jsx-runtime";
 function PipelineList({
@@ -2750,8 +3138,8 @@ function PipelineList({
   panelMode = false,
   isInputActive = true
 }) {
-  const pipelines = useMemo6(() => getAllPipelines(), []);
-  const items = useMemo6(() => {
+  const pipelines = useMemo5(() => getAllPipelines(), []);
+  const items = useMemo5(() => {
     const list = [];
     if (pipelines.length === 0) {
       list.push({
@@ -2835,7 +3223,7 @@ function PipelineList({
 }
 
 // src/screens/PipelineBuilder.tsx
-import { useState as useState15 } from "react";
+import { useState as useState16 } from "react";
 import { Box as Box18, Text as Text22 } from "ink";
 import { jsx as jsx22, jsxs as jsxs20 } from "react/jsx-runtime";
 var stepCounter = 0;
@@ -2850,9 +3238,9 @@ function PipelineBuilder({
   panelMode = false,
   isInputActive = true
 }) {
-  const [phase, setPhase] = useState15("name");
-  const [name, setName] = useState15("");
-  const [steps, setSteps] = useState15([]);
+  const [phase, setPhase] = useState16("name");
+  const [name, setName] = useState16("");
+  const [steps, setSteps] = useState16([]);
   if (phase === "name") {
     return /* @__PURE__ */ jsxs20(Box18, { flexDirection: "column", paddingX: panelMode ? 1 : 0, children: [
       /* @__PURE__ */ jsx22(Box18, { marginBottom: 1, children: /* @__PURE__ */ jsx22(Text22, { bold: true, color: inkColors.accent, children: "\u{1F517} New Pipeline" }) }),
@@ -3038,7 +3426,7 @@ function PipelineBuilder({
 }
 
 // src/screens/PipelineExecution.tsx
-import { useState as useState16, useEffect as useEffect8, useMemo as useMemo7 } from "react";
+import { useState as useState17, useEffect as useEffect10, useMemo as useMemo6 } from "react";
 import { Box as Box21, Text as Text25 } from "ink";
 
 // src/components/StepIndicator.tsx
@@ -3118,7 +3506,7 @@ function PipelineProgressBar({
 }
 
 // src/screens/PipelineExecution.tsx
-import { Fragment, jsx as jsx24, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx24, jsxs as jsxs23 } from "react/jsx-runtime";
 function PipelineExecution({
   pipelineId,
   onBack,
@@ -3127,14 +3515,14 @@ function PipelineExecution({
   panelMode = false,
   isInputActive = true
 }) {
-  const pipeline = useMemo7(
+  const pipeline = useMemo6(
     () => getAllPipelines().find((p) => p.id === pipelineId),
     [pipelineId]
   );
-  const [phase, setPhase] = useState16("running");
-  const [progress, setProgress] = useState16(null);
-  const [results, setResults] = useState16([]);
-  useEffect8(() => {
+  const [phase, setPhase] = useState17("running");
+  const [progress, setProgress] = useState17(null);
+  const [results, setResults] = useState17([]);
+  useEffect10(() => {
     if (!pipeline) return;
     executePipeline(pipeline, (p) => {
       setProgress({ ...p });
@@ -3204,7 +3592,7 @@ function PipelineExecution({
       },
       step.id
     )) }),
-    phase === "done" && /* @__PURE__ */ jsxs23(Fragment, { children: [
+    phase === "done" && /* @__PURE__ */ jsxs23(Fragment2, { children: [
       /* @__PURE__ */ jsx24(Divider, { width }),
       /* @__PURE__ */ jsx24(Box21, { marginY: 1, children: /* @__PURE__ */ jsx24(
         Text25,
@@ -3247,25 +3635,1180 @@ function PipelineExecution({
   ] });
 }
 
-// src/app.tsx
+// src/screens/McpManage.tsx
+import { useState as useState18, useCallback as useCallback5 } from "react";
+import { Box as Box22, Text as Text26 } from "ink";
 import { jsx as jsx25, jsxs as jsxs24 } 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"
+function McpManage({
+  onBack,
+  width = 80,
+  height = 24,
+  panelMode = false,
+  isInputActive = true
+}) {
+  const [status, setStatus] = useState18(() => getMcpStatusInfo());
+  const [phase, setPhase] = useState18("overview");
+  const [action, setAction] = useState18(null);
+  const [result, setResult] = useState18(null);
+  const refreshStatus = useCallback5(() => {
+    setStatus(getMcpStatusInfo());
+  }, []);
+  const executeAction = useCallback5(async (act) => {
+    setAction(act);
+    setPhase("executing");
+    try {
+      const res = act.type === "install" ? await installMcpServerSilent(act.scope) : await removeMcpServerSilent(act.scope);
+      setResult(res);
+    } catch (err) {
+      setResult({ success: false, message: err instanceof Error ? err.message : "Unknown error" });
+    }
+    setPhase("result");
+  }, []);
+  if (phase === "executing") {
+    return /* @__PURE__ */ jsx25(Box22, { flexDirection: "column", paddingX: panelMode ? 1 : 0, children: /* @__PURE__ */ jsx25(Box22, { marginBottom: 1, children: /* @__PURE__ */ jsxs24(Text26, { color: inkColors.accent, children: [
+      action?.type === "install" ? "Installing" : "Removing",
+      " MCP server (",
+      action?.scope,
+      ")..."
+    ] }) }) });
+  }
+  if (phase === "result" && result) {
+    const resultItems = [
+      { value: "back-overview", label: "\u2190 Back to overview" },
+      ...!panelMode ? [{ value: "__back__", label: "\u2190 Back to Tool Status" }] : []
+    ];
+    return /* @__PURE__ */ jsxs24(Box22, { flexDirection: "column", paddingX: panelMode ? 1 : 0, children: [
+      /* @__PURE__ */ jsx25(Box22, { marginBottom: 1, children: /* @__PURE__ */ jsxs24(Text26, { color: result.success ? inkColors.accent : "red", children: [
+        result.success ? "\u2713" : "\u2717",
+        " ",
+        result.message
+      ] }) }),
+      /* @__PURE__ */ jsx25(
+        SelectList,
+        {
+          items: resultItems,
+          onSelect: (val) => {
+            if (val === "back-overview") {
+              refreshStatus();
+              setPhase("overview");
+            } else {
+              onBack();
+            }
+          },
+          onCancel: () => {
+            refreshStatus();
+            setPhase("overview");
+          },
+          width: panelMode ? Math.max(20, width - 4) : width,
+          isInputActive,
+          arrowNavigation: panelMode,
+          panelFocused: panelMode ? isInputActive : void 0
+        }
+      ),
+      !panelMode && /* @__PURE__ */ jsx25(StatusBar, { hint: "Enter select . Esc back", width })
+    ] });
+  }
+  const projectScope = status.scopes.find((s) => s.scope === "project");
+  const userScope = status.scopes.find((s) => s.scope === "user");
+  const items = panelMode ? [
+    { value: "__info__", label: `Version: v${status.installedVersion}`, kind: "header", selectable: false },
+    { value: "__proj__", label: `Project: ${projectScope?.registered ? "registered" : "not registered"}`, kind: "header", selectable: false },
+    { value: "__user__", label: `User: ${userScope?.registered ? "registered" : "not registered"}`, kind: "header", selectable: false },
+    { value: "__actions__", label: "Actions", kind: "header", selectable: false },
+    { value: "install-project", label: "Install (project scope)", kind: "action" },
+    { value: "install-user", label: "Install (user scope)", kind: "action" },
+    { value: "remove-project", label: "Remove (project scope)", kind: "action" },
+    { value: "remove-user", label: "Remove (user scope)", kind: "action" }
+  ] : [
+    { value: "install-project", label: "Install (project scope)" },
+    { value: "install-user", label: "Install (user scope)" },
+    { value: "remove-project", label: "Remove (project scope)" },
+    { value: "remove-user", label: "Remove (user scope)" },
+    { value: "__back__", label: "\u2190 Back" }
+  ];
+  const handleSelect = (value) => {
+    switch (value) {
+      case "install-project":
+        executeAction({ type: "install", scope: "project" });
+        break;
+      case "install-user":
+        executeAction({ type: "install", scope: "user" });
+        break;
+      case "remove-project":
+        executeAction({ type: "remove", scope: "project" });
+        break;
+      case "remove-user":
+        executeAction({ type: "remove", scope: "user" });
+        break;
+      default:
+        onBack();
+    }
+  };
+  if (panelMode) {
+    return /* @__PURE__ */ jsx25(Box22, { flexDirection: "column", paddingX: 1, children: /* @__PURE__ */ jsx25(
+      SelectList,
+      {
+        items,
+        onSelect: handleSelect,
+        onCancel: onBack,
+        boxedSections: true,
+        width: Math.max(20, width - 4),
+        maxVisible: Math.max(6, height - 6),
+        isInputActive,
+        arrowNavigation: true,
+        panelFocused: isInputActive
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsxs24(Box22, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx25(Box22, { marginBottom: 1, children: /* @__PURE__ */ jsx25(Text26, { bold: true, color: inkColors.accent, children: "MCP Server Management" }) }),
+    /* @__PURE__ */ jsxs24(Box22, { marginLeft: 2, marginBottom: 1, flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs24(Text26, { children: [
+        "Version: v",
+        status.installedVersion
+      ] }),
+      /* @__PURE__ */ jsxs24(Text26, { children: [
+        "Project: ",
+        /* @__PURE__ */ jsx25(Text26, { color: projectScope?.registered ? inkColors.accent : void 0, dimColor: !projectScope?.registered, children: projectScope?.registered ? "registered" : "not registered" })
+      ] }),
+      /* @__PURE__ */ jsxs24(Text26, { children: [
+        "User: ",
+        /* @__PURE__ */ jsx25(Text26, { color: userScope?.registered ? inkColors.accent : void 0, dimColor: !userScope?.registered, children: userScope?.registered ? "registered" : "not registered" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx25(
+      SelectList,
+      {
+        items,
+        onSelect: handleSelect,
+        onCancel: onBack,
+        width,
+        isInputActive
+      }
+    ),
+    /* @__PURE__ */ jsx25(StatusBar, { hint: "Enter select . Esc back", width })
+  ] });
+}
+
+// src/screens/ProcessList.tsx
+import { useState as useState19, useEffect as useEffect11, useCallback as useCallback6 } from "react";
+import { Box as Box23, Text as Text27, useInput as useInput9 } from "ink";
+import { homedir } from "os";
+import { jsx as jsx26, jsxs as jsxs25 } from "react/jsx-runtime";
+function formatUptime(ms) {
+  const seconds = Math.floor(ms / 1e3);
+  const minutes = Math.floor(seconds / 60);
+  const hours = Math.floor(minutes / 60);
+  if (hours > 0) return `${hours}h ${minutes % 60}m`;
+  if (minutes > 0) return `${minutes}m ${seconds % 60}s`;
+  return `${seconds}s`;
+}
+function formatDuration(startedAt, exitedAt) {
+  if (!exitedAt) return "\u2014";
+  const ms = new Date(exitedAt).getTime() - new Date(startedAt).getTime();
+  return formatUptime(ms);
+}
+function statusIcon(status) {
+  switch (status) {
+    case "running":
+      return { icon: "\u25CF", color: "green" };
+    case "exited":
+      return { icon: "\u25CB", color: "gray" };
+    case "errored":
+      return { icon: "\u25CF", color: "red" };
+  }
+}
+function shortenPath(p) {
+  const home = homedir();
+  return p.startsWith(home) ? "~" + p.slice(home.length) : p;
+}
+var CARD_HEIGHT = 6;
+function ProcessList({
+  onNavigate,
+  onBack,
+  width = 80,
+  height = 24,
+  panelMode = false,
+  isInputActive = true
+}) {
+  const [processes, setProcesses] = useState19(() => listProcesses());
+  const [selectedIndex, setSelectedIndex] = useState19(0);
+  const [feedback, setFeedback] = useState19();
+  useEffect11(() => {
+    const interval = setInterval(() => {
+      setProcesses(listProcesses());
+    }, 2e3);
+    return () => clearInterval(interval);
+  }, []);
+  useEffect11(() => {
+    if (feedback) {
+      const timer = setTimeout(() => setFeedback(void 0), 2e3);
+      return () => clearTimeout(timer);
+    }
+  }, [feedback]);
+  useEffect11(() => {
+    if (selectedIndex >= processes.length && processes.length > 0) {
+      setSelectedIndex(processes.length - 1);
+    }
+  }, [processes.length, selectedIndex]);
+  const handleStop = useCallback6(async (id) => {
+    try {
+      await stopProcess(id);
+      setProcesses(listProcesses());
+      setFeedback(`Stopped: ${id}`);
+    } catch (err) {
+      setFeedback(`Error: ${err instanceof Error ? err.message : "unknown"}`);
+    }
+  }, []);
+  const handleRemove = useCallback6((id) => {
+    try {
+      removeProcess(id);
+      setProcesses(listProcesses());
+      setFeedback(`Removed: ${id}`);
+    } catch (err) {
+      setFeedback(`Error: ${err instanceof Error ? err.message : "unknown"}`);
+    }
+  }, []);
+  useInput9((input2, key) => {
+    if (!isInputActive) return;
+    if (key.escape || key.leftArrow && !key.ctrl) {
+      onBack();
+      return;
+    }
+    if (processes.length === 0) return;
+    if (key.upArrow || input2 === "k") {
+      setSelectedIndex((i) => Math.max(0, i - 1));
+      return;
+    }
+    if (key.downArrow || input2 === "j") {
+      setSelectedIndex((i) => Math.min(processes.length - 1, i + 1));
+      return;
+    }
+    if (key.rightArrow || key.return) {
+      const proc = processes[selectedIndex];
+      if (proc) onNavigate("process-logs", { processId: proc.id });
+      return;
+    }
+    if (input2 === "x") {
+      const proc = processes[selectedIndex];
+      if (proc?.status === "running") handleStop(proc.id);
+      return;
+    }
+    if (input2 === "d") {
+      const proc = processes[selectedIndex];
+      if (proc && proc.status !== "running") handleRemove(proc.id);
+      return;
+    }
+  });
+  const cardWidth = Math.max(30, (panelMode ? width - 4 : width) - 2);
+  if (processes.length === 0) {
+    return /* @__PURE__ */ jsxs25(Box23, { flexDirection: "column", paddingX: panelMode ? 1 : 0, children: [
+      !panelMode && /* @__PURE__ */ jsx26(Box23, { marginBottom: 1, children: /* @__PURE__ */ jsx26(Text27, { bold: true, color: inkColors.accent, children: "Processes" }) }),
+      /* @__PURE__ */ jsxs25(
+        Box23,
+        {
+          flexDirection: "column",
+          borderStyle: "round",
+          borderColor: panel.borderDim,
+          borderDimColor: true,
+          paddingX: 1,
+          width: cardWidth,
+          children: [
+            /* @__PURE__ */ jsx26(Text27, { dimColor: true, children: "No tracked processes" }),
+            /* @__PURE__ */ jsx26(Text27, { dimColor: true, children: "Start processes via MCP tools or CLI" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx26(Box23, { marginTop: 1, gap: 2, children: /* @__PURE__ */ jsx26(Text27, { dimColor: true, children: "Esc:back" }) })
+    ] });
+  }
+  const footerHeight = 2;
+  const headerHeight = panelMode ? 0 : 2;
+  const feedbackHeight = feedback ? 2 : 0;
+  const availableHeight = height - headerHeight - footerHeight - feedbackHeight;
+  const visibleCards = Math.max(1, Math.floor(availableHeight / CARD_HEIGHT));
+  const windowStart = Math.max(0, Math.min(selectedIndex - Math.floor(visibleCards / 2), processes.length - visibleCards));
+  const visibleProcesses = processes.slice(windowStart, windowStart + visibleCards);
+  return /* @__PURE__ */ jsxs25(Box23, { flexDirection: "column", paddingX: panelMode ? 1 : 0, children: [
+    !panelMode && /* @__PURE__ */ jsx26(Box23, { marginBottom: 1, children: /* @__PURE__ */ jsx26(Text27, { bold: true, color: inkColors.accent, children: "Processes" }) }),
+    feedback && /* @__PURE__ */ jsx26(Box23, { marginBottom: 1, children: /* @__PURE__ */ jsx26(Text27, { color: inkColors.accent, children: feedback }) }),
+    visibleProcesses.map((proc) => {
+      const idx = processes.indexOf(proc);
+      const isFocused = idx === selectedIndex;
+      const si = statusIcon(proc.status);
+      const pid = proc.pid ? String(proc.pid) : "\u2014";
+      const uptimeOrExit = proc.status === "running" ? `UP   ${formatUptime(proc.uptime)}` : `EXIT ${proc.exitCode ?? "?"}        DURATION ${formatDuration(proc.startedAt, proc.exitedAt)}`;
+      return /* @__PURE__ */ jsxs25(
+        Box23,
+        {
+          flexDirection: "column",
+          borderStyle: "round",
+          borderColor: isFocused ? inkColors.accent : panel.borderDim,
+          borderDimColor: !isFocused,
+          paddingX: 1,
+          width: cardWidth,
+          children: [
+            /* @__PURE__ */ jsxs25(Box23, { justifyContent: "space-between", children: [
+              /* @__PURE__ */ jsxs25(Text27, { bold: true, children: [
+                si.icon,
+                " ",
+                proc.id
+              ] }),
+              /* @__PURE__ */ jsx26(Text27, { color: si.color, children: proc.status })
+            ] }),
+            /* @__PURE__ */ jsxs25(Text27, { dimColor: true, children: [
+              "  CMD  ",
+              proc.command,
+              " ",
+              proc.args.join(" ")
+            ] }),
+            /* @__PURE__ */ jsxs25(Text27, { dimColor: true, children: [
+              "  PID  ",
+              pid,
+              "    CWD  ",
+              shortenPath(proc.cwd)
+            ] }),
+            /* @__PURE__ */ jsxs25(Text27, { dimColor: true, children: [
+              "  ",
+              uptimeOrExit
+            ] })
+          ]
+        },
+        proc.id
+      );
+    }),
+    processes.length > visibleCards && /* @__PURE__ */ jsx26(Box23, { children: /* @__PURE__ */ jsxs25(Text27, { dimColor: true, children: [
+      windowStart > 0 ? "\u25B2 " : "  ",
+      windowStart + visibleCards < processes.length ? "\u25BC " : "  ",
+      processes.length,
+      " processes"
+    ] }) }),
+    /* @__PURE__ */ jsxs25(Box23, { marginTop: 1, gap: 2, children: [
+      /* @__PURE__ */ jsxs25(Text27, { dimColor: true, children: [
+        "\u2192",
+        ":logs"
+      ] }),
+      /* @__PURE__ */ jsx26(Text27, { dimColor: true, children: "x:stop" }),
+      /* @__PURE__ */ jsx26(Text27, { dimColor: true, children: "d:remove" }),
+      /* @__PURE__ */ jsx26(Text27, { dimColor: true, children: "Esc:back" })
+    ] })
+  ] });
+}
+
+// src/screens/ProcessLogs.tsx
+import { useState as useState20, useEffect as useEffect12, useCallback as useCallback7 } from "react";
+import { Box as Box24, Text as Text28, useInput as useInput10 } from "ink";
+import { spawn as spawn3 } from "child_process";
+import { jsx as jsx27, jsxs as jsxs26 } from "react/jsx-runtime";
+function copyToClipboard2(text) {
+  const cmd = process.platform === "darwin" ? "pbcopy" : "xclip";
+  const args = process.platform === "darwin" ? [] : ["-selection", "clipboard"];
+  const proc = spawn3(cmd, args, { stdio: ["pipe", "ignore", "ignore"] });
+  proc.stdin?.write(text);
+  proc.stdin?.end();
+}
+function ProcessLogs({
+  processId,
+  onBack,
+  width = 80,
+  height = 24,
+  panelMode = false,
+  isInputActive = true
+}) {
+  const [stream, setStream] = useState20("both");
+  const [lines, setLines] = useState20([]);
+  const [proc, setProc] = useState20();
+  const [feedback, setFeedback] = useState20();
+  const logBoxHeight = Math.max(3, height - 6);
+  useEffect12(() => {
+    const refresh = () => {
+      try {
+        const output2 = getProcessOutput(processId, logBoxHeight, stream);
+        const combined = stream === "stderr" ? output2.stderr : stream === "stdout" ? output2.stdout : [...output2.stdout, ...output2.stderr].slice(-logBoxHeight);
+        setLines(combined);
+      } catch {
+        setLines([`Process "${processId}" not found`]);
+      }
+      const all = listProcesses();
+      setProc(all.find((p) => p.id === processId));
+    };
+    refresh();
+    const interval = setInterval(refresh, 1e3);
+    return () => clearInterval(interval);
+  }, [processId, logBoxHeight, stream]);
+  useEffect12(() => {
+    if (feedback) {
+      const timer = setTimeout(() => setFeedback(void 0), 2e3);
+      return () => clearTimeout(timer);
+    }
+  }, [feedback]);
+  const handleStop = useCallback7(async () => {
+    try {
+      await stopProcess(processId);
+      setFeedback("Stopped");
+    } catch (err) {
+      setFeedback(`Error: ${err instanceof Error ? err.message : "unknown"}`);
+    }
+  }, [processId]);
+  const handleCopy = useCallback7(() => {
+    try {
+      copyToClipboard2(lines.join("\n"));
+      setFeedback("Copied to clipboard");
+    } catch {
+      setFeedback("Copy failed");
+    }
+  }, [lines]);
+  useInput10((input2, key) => {
+    if (!isInputActive) return;
+    if (key.escape || key.leftArrow && !key.ctrl) {
+      onBack();
+      return;
+    }
+    if (input2 === "s") {
+      setStream((prev) => {
+        if (prev === "both") return "stdout";
+        if (prev === "stdout") return "stderr";
+        return "both";
+      });
+      return;
+    }
+    if (input2 === "x") {
+      if (proc?.status === "running") handleStop();
+      return;
+    }
+    if (input2 === "c") {
+      handleCopy();
+      return;
+    }
+  });
+  const statusColor = proc?.status === "running" ? "green" : proc?.status === "errored" ? "red" : "gray";
+  const statusIcon2 = proc?.status === "running" ? "\u25CF" : "\u25CB";
+  const cardWidth = Math.max(30, (panelMode ? width - 4 : width) - 2);
+  return /* @__PURE__ */ jsxs26(Box24, { flexDirection: "column", paddingX: panelMode ? 1 : 0, children: [
+    /* @__PURE__ */ jsxs26(Box24, { marginBottom: 1, gap: 2, children: [
+      /* @__PURE__ */ jsx27(Text28, { bold: true, color: inkColors.accent, children: processId }),
+      /* @__PURE__ */ jsxs26(Text28, { color: statusColor, children: [
+        statusIcon2,
+        " ",
+        proc?.status ?? "unknown"
+      ] }),
+      proc?.pid && /* @__PURE__ */ jsxs26(Text28, { dimColor: true, children: [
+        "PID ",
+        proc.pid
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx27(
+      Box24,
+      {
+        flexDirection: "column",
+        borderStyle: "round",
+        borderColor: inkColors.accent,
+        paddingX: 1,
+        height: logBoxHeight + 2,
+        width: cardWidth,
+        overflowY: "hidden",
+        children: lines.length === 0 ? /* @__PURE__ */ jsx27(Text28, { dimColor: true, children: "No output yet..." }) : lines.map((line, i) => /* @__PURE__ */ jsx27(Text28, { wrap: "truncate", children: line }, i))
+      }
+    ),
+    feedback && /* @__PURE__ */ jsx27(Box24, { children: /* @__PURE__ */ jsx27(Text28, { color: inkColors.accent, children: feedback }) }),
+    /* @__PURE__ */ jsxs26(Box24, { marginTop: 1, gap: 2, children: [
+      /* @__PURE__ */ jsxs26(Text28, { dimColor: true, children: [
+        "stream:[",
+        /* @__PURE__ */ jsx27(Text28, { bold: true, color: inkColors.accent, children: stream }),
+        "]"
+      ] }),
+      /* @__PURE__ */ jsx27(Text28, { dimColor: true, children: "s:toggle" }),
+      /* @__PURE__ */ jsx27(Text28, { dimColor: true, children: "x:stop" }),
+      /* @__PURE__ */ jsx27(Text28, { dimColor: true, children: "c:copy" }),
+      /* @__PURE__ */ jsx27(Text28, { dimColor: true, children: "Esc:back" })
+    ] })
+  ] });
+}
+
+// src/screens/DeclarativePlan.tsx
+import { useEffect as useEffect13, useState as useState21 } from "react";
+import { Box as Box25, Text as Text29 } from "ink";
+import { jsx as jsx28, jsxs as jsxs27 } from "react/jsx-runtime";
+function DeclarativePlan({
+  onBack,
+  onNavigate,
+  width = 80,
+  height = 24,
+  panelMode = false,
+  isInputActive = true
+}) {
+  const [phase, setPhase] = useState21("loading");
+  const [actions, setActions] = useState21([]);
+  const [applyProgress, setApplyProgress] = useState21("");
+  const [applyResults, setApplyResults] = useState21([]);
+  const { openEditor } = useEditor();
+  const loadPlan = () => {
+    setPhase("loading");
+    setTimeout(() => {
+      const yamlPath = findPolterYaml();
+      if (!yamlPath) {
+        setPhase("no-yaml");
+        return;
+      }
+      const yaml = parsePolterYaml();
+      if (!yaml) {
+        setPhase("no-yaml");
+        return;
+      }
+      const plan = planChanges(yaml);
+      setActions(plan.actions);
+      setPhase("plan-view");
+    }, 0);
+  };
+  useEffect13(() => {
+    loadPlan();
+  }, []);
+  if (phase === "loading") {
+    return /* @__PURE__ */ jsx28(Box25, { flexDirection: "column", paddingX: panelMode ? 1 : 0, children: /* @__PURE__ */ jsx28(Text29, { color: inkColors.accent, children: "Loading plan..." }) });
+  }
+  if (phase === "no-yaml") {
+    const items = [
+      ...onNavigate ? [{ value: "init", label: "Init from current state", kind: "action" }] : [],
+      { value: "editor", label: "Open editor to create polter.yaml", kind: "action" },
+      ...!panelMode ? [{ value: "__back__", label: "\u2190 Back" }] : []
+    ];
+    const handleSelect2 = (value) => {
+      if (value === "init" && onNavigate) {
+        onNavigate("init-scaffold");
+      } else if (value === "editor") {
+        const cwd = process.cwd();
+        openEditor(`${cwd}/polter.yaml`).then(() => loadPlan());
+      } else {
+        onBack();
+      }
+    };
+    return /* @__PURE__ */ jsxs27(Box25, { flexDirection: "column", paddingX: panelMode ? 1 : 0, children: [
+      /* @__PURE__ */ jsx28(Box25, { marginBottom: 1, children: /* @__PURE__ */ jsx28(Text29, { color: "yellow", children: "No polter.yaml found in the current directory." }) }),
+      /* @__PURE__ */ jsx28(
+        SelectList,
+        {
+          items,
+          onSelect: handleSelect2,
+          onCancel: onBack,
+          width: panelMode ? Math.max(20, width - 4) : width,
+          isInputActive,
+          arrowNavigation: panelMode,
+          panelFocused: panelMode ? isInputActive : void 0
+        }
+      ),
+      !panelMode && /* @__PURE__ */ jsx28(StatusBar, { hint: "Enter select \\u00B7 Esc back", width })
+    ] });
+  }
+  if (phase === "applying") {
+    return /* @__PURE__ */ jsxs27(Box25, { flexDirection: "column", paddingX: panelMode ? 1 : 0, children: [
+      /* @__PURE__ */ jsx28(Box25, { marginBottom: 1, children: /* @__PURE__ */ jsx28(Text29, { bold: true, color: inkColors.accent, children: "Applying changes..." }) }),
+      /* @__PURE__ */ jsx28(Text29, { children: applyProgress })
+    ] });
+  }
+  if (phase === "results") {
+    const resultItems = [
+      { value: "__section_results__", label: "Results", kind: "header", selectable: false },
+      ...applyResults.map((r, i) => ({
+        value: `result-${i}`,
+        label: `${r.success ? "\u2713" : "\u2717"} ${r.action.description}`,
+        hint: r.success ? "success" : r.result.stderr || "failed",
+        kind: "header",
+        selectable: false
+      })),
+      { value: "__section_actions__", label: "Actions", kind: "header", selectable: false },
+      { value: "replan", label: "Re-run plan", kind: "action" },
+      ...!panelMode ? [{ value: "__back__", label: "\u2190 Back" }] : []
+    ];
+    const handleSelect2 = (value) => {
+      if (value === "replan") {
+        loadPlan();
+      } else {
+        onBack();
+      }
+    };
+    if (panelMode) {
+      return /* @__PURE__ */ jsx28(Box25, { flexDirection: "column", paddingX: 1, children: /* @__PURE__ */ jsx28(
+        SelectList,
+        {
+          items: resultItems,
+          onSelect: handleSelect2,
+          onCancel: onBack,
+          boxedSections: true,
+          width: Math.max(20, width - 4),
+          maxVisible: Math.max(6, height - 6),
+          isInputActive,
+          arrowNavigation: true,
+          panelFocused: isInputActive
+        }
+      ) });
+    }
+    return /* @__PURE__ */ jsxs27(Box25, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx28(Box25, { marginBottom: 1, children: /* @__PURE__ */ jsx28(Text29, { bold: true, color: inkColors.accent, children: "Apply Results" }) }),
+      /* @__PURE__ */ jsx28(
+        SelectList,
+        {
+          items: resultItems,
+          onSelect: handleSelect2,
+          onCancel: onBack,
+          boxedSections: true,
+          width,
+          maxVisible: Math.max(8, height - 10),
+          isInputActive
+        }
+      ),
+      /* @__PURE__ */ jsx28(StatusBar, { hint: "Enter select \\u00B7 Esc back", width })
+    ] });
+  }
+  const actionPrefix = (a) => {
+    switch (a.action) {
+      case "create":
+        return "+";
+      case "update":
+        return "~";
+      case "delete":
+        return "-";
+    }
+  };
+  const actionColor = (a) => {
+    switch (a.action) {
+      case "create":
+        return "green";
+      case "update":
+        return "yellow";
+      case "delete":
+        return "red";
+    }
+  };
+  const planItems = [
+    {
+      value: "__section_plan__",
+      label: actions.length > 0 ? `Plan: ${actions.length} action${actions.length > 1 ? "s" : ""}` : "No changes needed",
+      kind: "header",
+      selectable: false
+    },
+    ...actions.map((a, i) => ({
+      value: `action-${i}`,
+      label: `${actionPrefix(a)} ${a.description}`,
+      hint: `${a.tool} ${a.resource}`,
+      kind: "header",
+      selectable: false
+    })),
+    { value: "__section_actions__", label: "Actions", kind: "header", selectable: false },
+    ...actions.length > 0 ? [{ value: "apply", label: "Apply all changes", kind: "action" }] : [],
+    { value: "editor", label: "Open polter.yaml in editor", kind: "action" },
+    { value: "refresh", label: "Refresh plan", kind: "action" },
+    ...!panelMode ? [{ value: "__back__", label: "\u2190 Back" }] : []
+  ];
+  const handleSelect = (value) => {
+    if (value === "apply") {
+      setPhase("applying");
+      applyActions(actions, process.cwd(), (completed, total, current) => {
+        setApplyProgress(`[${completed + 1}/${total}] ${current.description}...`);
+      }).then((results) => {
+        setApplyResults(results);
+        setPhase("results");
+      });
+    } else if (value === "editor") {
+      const yamlPath = findPolterYaml();
+      if (yamlPath) {
+        openEditor(yamlPath).then(() => loadPlan());
+      }
+    } else if (value === "refresh") {
+      loadPlan();
+    } else {
+      onBack();
+    }
+  };
+  if (panelMode) {
+    return /* @__PURE__ */ jsx28(Box25, { flexDirection: "column", paddingX: 1, children: /* @__PURE__ */ jsx28(
+      SelectList,
+      {
+        items: planItems,
+        onSelect: handleSelect,
+        onCancel: onBack,
+        boxedSections: true,
+        width: Math.max(20, width - 4),
+        maxVisible: Math.max(6, height - 6),
+        isInputActive,
+        arrowNavigation: true,
+        panelFocused: isInputActive
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsxs27(Box25, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx28(Box25, { marginBottom: 1, children: /* @__PURE__ */ jsx28(Text29, { bold: true, color: inkColors.accent, children: "Plan / Apply" }) }),
+    /* @__PURE__ */ jsx28(
+      SelectList,
+      {
+        items: planItems,
+        onSelect: handleSelect,
+        onCancel: onBack,
+        boxedSections: true,
+        width,
+        maxVisible: Math.max(8, height - 10),
+        isInputActive
+      }
+    ),
+    /* @__PURE__ */ jsx28(StatusBar, { hint: "Enter select \\u00B7 Esc back", width })
+  ] });
+}
+
+// src/screens/DeclarativeStatus.tsx
+import { useEffect as useEffect14, useState as useState22 } from "react";
+import { Box as Box26, Text as Text30 } from "ink";
+import { jsx as jsx29, jsxs as jsxs28 } from "react/jsx-runtime";
+function DeclarativeStatus({
+  onBack,
+  width = 80,
+  height = 24,
+  panelMode = false,
+  isInputActive = true
+}) {
+  const [phase, setPhase] = useState22("loading");
+  const [status, setStatus] = useState22({});
+  const [config2, setConfig] = useState22(null);
+  const [pkgInfo, setPkgInfo] = useState22(null);
+  const load = () => {
+    setPhase("loading");
+    setTimeout(() => {
+      const s = getCurrentStatus();
+      const c = getOrCreateProjectConfig();
+      const p = detectPkgManager();
+      setStatus(s);
+      setConfig(c);
+      setPkgInfo(p);
+      setPhase("display");
+    }, 0);
+  };
+  useEffect14(() => {
+    load();
+  }, []);
+  if (phase === "loading") {
+    return /* @__PURE__ */ jsx29(Box26, { flexDirection: "column", paddingX: panelMode ? 1 : 0, children: /* @__PURE__ */ jsx29(Text30, { color: inkColors.accent, children: "Loading infrastructure status..." }) });
+  }
+  const configuredPkg = config2?.tools?.pkg?.manager;
+  const items = [
+    { value: "__section_supabase__", label: "Supabase", kind: "header", selectable: false },
+    {
+      value: "__info_sb_linked__",
+      label: `Linked: ${status.supabase?.linked ? "yes" : "no"}`,
+      kind: "header",
+      selectable: false
+    },
+    {
+      value: "__info_sb_ref__",
+      label: `Project ref: ${status.supabase?.projectRef ?? "not set"}`,
+      kind: "header",
+      selectable: false
+    },
+    {
+      value: "__info_sb_fns__",
+      label: `Functions: ${status.supabase?.functions?.length ? status.supabase.functions.join(", ") : "none"}`,
+      kind: "header",
+      selectable: false
+    },
+    { value: "__section_vercel__", label: "Vercel", kind: "header", selectable: false },
+    {
+      value: "__info_vc_linked__",
+      label: `Linked: ${status.vercel?.linked ? "yes" : "no"}`,
+      kind: "header",
+      selectable: false
+    },
+    {
+      value: "__info_vc_id__",
+      label: `Project ID: ${status.vercel?.projectId ?? "not set"}`,
+      kind: "header",
+      selectable: false
+    },
+    { value: "__section_github__", label: "GitHub", kind: "header", selectable: false },
+    {
+      value: "__info_gh_auth__",
+      label: `Authenticated: ${status.github?.authenticated ? "yes" : "no"}`,
+      kind: "header",
+      selectable: false
+    },
+    {
+      value: "__info_gh_repo__",
+      label: `Repo: ${status.github?.repo ?? "not set"}`,
+      kind: "header",
+      selectable: false
+    },
+    { value: "__section_pkg__", label: "Package Manager", kind: "header", selectable: false },
+    {
+      value: "__info_pkg__",
+      label: `Detected: ${pkgInfo?.id ?? "npm"}${configuredPkg ? ` (configured: ${configuredPkg})` : ""}`,
+      kind: "header",
+      selectable: false
+    },
+    { value: "__section_actions__", label: "Actions", kind: "header", selectable: false },
+    { value: "refresh", label: "Refresh", kind: "action" },
+    ...!panelMode ? [{ value: "__back__", label: "\u2190 Back" }] : []
+  ];
+  const handleSelect = (value) => {
+    if (value === "refresh") {
+      load();
+    } else if (value === "__back__") {
+      onBack();
+    }
+  };
+  if (panelMode) {
+    return /* @__PURE__ */ jsx29(Box26, { flexDirection: "column", paddingX: 1, children: /* @__PURE__ */ jsx29(
+      SelectList,
+      {
+        items,
+        onSelect: handleSelect,
+        onCancel: onBack,
+        boxedSections: true,
+        width: Math.max(20, width - 4),
+        maxVisible: Math.max(6, height - 6),
+        isInputActive,
+        arrowNavigation: true,
+        panelFocused: isInputActive
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsxs28(Box26, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx29(Box26, { marginBottom: 1, children: /* @__PURE__ */ jsx29(Text30, { bold: true, color: inkColors.accent, children: "Infrastructure Status" }) }),
+    /* @__PURE__ */ jsx29(
+      SelectList,
+      {
+        items,
+        onSelect: handleSelect,
+        onCancel: onBack,
+        boxedSections: true,
+        width,
+        maxVisible: Math.max(8, height - 10),
+        isInputActive
+      }
+    ),
+    /* @__PURE__ */ jsx29(StatusBar, { hint: "Enter select \\u00B7 Esc back", width })
+  ] });
+}
+
+// src/screens/InitScaffold.tsx
+import { useEffect as useEffect15, useState as useState23 } from "react";
+import { Box as Box27, Text as Text31 } from "ink";
+import { writeFileSync } from "fs";
+import { join } from "path";
+
+// src/lib/yamlWriter.ts
+function generatePolterYaml(config2) {
+  const lines = [];
+  lines.push(`version: ${config2.version}`);
+  if (config2.project) {
+    lines.push("");
+    lines.push("project:");
+    lines.push(`  name: ${quote(config2.project.name)}`);
+  }
+  if (config2.supabase) {
+    lines.push("");
+    lines.push("supabase:");
+    if (config2.supabase.project_ref) {
+      lines.push(`  project_ref: ${quote(config2.supabase.project_ref)}`);
+    }
+    if (config2.supabase.region) {
+      lines.push(`  region: ${quote(config2.supabase.region)}`);
+    }
+    if (config2.supabase.database) {
+      lines.push("  database:");
+      if (config2.supabase.database.migrations_dir) {
+        lines.push(`    migrations_dir: ${quote(config2.supabase.database.migrations_dir)}`);
+      }
+    }
+    if (config2.supabase.functions && config2.supabase.functions.length > 0) {
+      lines.push("  functions:");
+      for (const fn of config2.supabase.functions) {
+        lines.push(`    - name: ${quote(fn.name)}`);
+        if (fn.verify_jwt !== void 0) {
+          lines.push(`      verify_jwt: ${fn.verify_jwt}`);
+        }
+      }
+    }
+    if (config2.supabase.secrets && config2.supabase.secrets.length > 0) {
+      lines.push("  secrets:");
+      for (const secret of config2.supabase.secrets) {
+        lines.push(`    - ${quote(secret)}`);
+      }
+    }
+  }
+  if (config2.vercel) {
+    lines.push("");
+    lines.push("vercel:");
+    if (config2.vercel.project_id) {
+      lines.push(`  project_id: ${quote(config2.vercel.project_id)}`);
+    }
+    if (config2.vercel.framework) {
+      lines.push(`  framework: ${quote(config2.vercel.framework)}`);
+    }
+    if (config2.vercel.domains && config2.vercel.domains.length > 0) {
+      lines.push("  domains:");
+      for (const domain of config2.vercel.domains) {
+        lines.push(`    - ${quote(domain)}`);
+      }
+    }
+    if (config2.vercel.env) {
+      lines.push("  env:");
+      for (const [env, vars] of Object.entries(config2.vercel.env)) {
+        lines.push(`    ${env}:`);
+        for (const [key, value] of Object.entries(vars)) {
+          lines.push(`      ${key}: ${quote(value)}`);
+        }
+      }
+    }
+  }
+  if (config2.github) {
+    lines.push("");
+    lines.push("github:");
+    if (config2.github.repo) {
+      lines.push(`  repo: ${quote(config2.github.repo)}`);
+    }
+    if (config2.github.branch_protection) {
+      lines.push("  branch_protection:");
+      for (const [branch, rules] of Object.entries(config2.github.branch_protection)) {
+        lines.push(`    ${branch}:`);
+        if (rules.required_reviews !== void 0) {
+          lines.push(`      required_reviews: ${rules.required_reviews}`);
+        }
+        if (rules.require_status_checks !== void 0) {
+          lines.push(`      require_status_checks: ${rules.require_status_checks}`);
+        }
+      }
+    }
+    if (config2.github.secrets && config2.github.secrets.length > 0) {
+      lines.push("  secrets:");
+      for (const secret of config2.github.secrets) {
+        lines.push(`    - ${quote(secret)}`);
+      }
+    }
+  }
+  if (config2.pkg) {
+    lines.push("");
+    lines.push("pkg:");
+    if (config2.pkg.manager) {
+      lines.push(`  manager: ${config2.pkg.manager}`);
+    }
+  }
+  if (config2.pipelines) {
+    lines.push("");
+    lines.push("pipelines:");
+    for (const [name, pipeline] of Object.entries(config2.pipelines)) {
+      lines.push(`  ${name}:`);
+      if (pipeline.description) {
+        lines.push(`    description: ${quote(pipeline.description)}`);
+      }
+      lines.push("    steps:");
+      for (const step of pipeline.steps) {
+        lines.push(`      - ${quote(step)}`);
+      }
+    }
+  }
+  lines.push("");
+  return lines.join("\n");
+}
+function needsQuoting(value) {
+  if (!value) return true;
+  if (/^[\d]/.test(value) && /[^\d.]/.test(value)) return true;
+  if (/[:#\[\]{}&*!|>'"%@`]/.test(value)) return true;
+  if (value === "true" || value === "false" || value === "null") return true;
+  if (value.includes(" ") && !value.startsWith('"')) return true;
+  return false;
+}
+function quote(value) {
+  if (needsQuoting(value)) {
+    return `"${value.replace(/\\/g, "\\\\").replace(/"/g, '\\"')}"`;
+  }
+  return value;
+}
+
+// src/screens/InitScaffold.tsx
+import { jsx as jsx30, jsxs as jsxs29 } from "react/jsx-runtime";
+function InitScaffold({
+  onBack,
+  onNavigate,
+  width = 80,
+  height = 24,
+  panelMode = false,
+  isInputActive = true
+}) {
+  const [phase, setPhase] = useState23("detecting");
+  const [yamlString, setYamlString] = useState23("");
+  const [overwrite, setOverwrite] = useState23(false);
+  const { openEditor } = useEditor();
+  const cwd = process.cwd();
+  const yamlPath = join(cwd, "polter.yaml");
+  const detect = (forceOverwrite = false) => {
+    setPhase("detecting");
+    setTimeout(() => {
+      const existing = findPolterYaml();
+      if (existing && !forceOverwrite) {
+        setPhase("already-exists");
+        return;
+      }
+      const status = getCurrentStatus();
+      const config2 = getOrCreateProjectConfig();
+      const pkg = detectPkgManager();
+      const yaml = {
+        version: 1,
+        project: { name: cwd.split("/").pop() ?? "my-project" }
+      };
+      if (status.supabase) {
+        yaml.supabase = {};
+        if (config2.tools.supabase?.projectRef) {
+          yaml.supabase.project_ref = config2.tools.supabase.projectRef;
+        }
+        if (status.supabase.functions && status.supabase.functions.length > 0) {
+          yaml.supabase.functions = status.supabase.functions.map((name) => ({ name }));
+        }
+      }
+      if (status.vercel) {
+        yaml.vercel = {};
+        if (config2.tools.vercel?.projectId) {
+          yaml.vercel.project_id = config2.tools.vercel.projectId;
+        }
+      }
+      if (status.github) {
+        yaml.github = {};
+        if (status.github.repo) {
+          yaml.github.repo = status.github.repo;
+        }
+      }
+      yaml.pkg = { manager: config2.tools.pkg?.manager ?? pkg.id };
+      const generated = generatePolterYaml(yaml);
+      setYamlString(generated);
+      setPhase("preview");
+    }, 0);
+  };
+  useEffect15(() => {
+    detect();
+  }, []);
+  if (phase === "detecting") {
+    return /* @__PURE__ */ jsx30(Box27, { flexDirection: "column", paddingX: panelMode ? 1 : 0, children: /* @__PURE__ */ jsx30(Text31, { color: inkColors.accent, children: "Detecting project state..." }) });
+  }
+  if (phase === "already-exists") {
+    const items2 = [
+      { value: "editor", label: "Open in editor", kind: "action" },
+      { value: "overwrite", label: "Overwrite with detected state", kind: "action" },
+      ...!panelMode ? [{ value: "__back__", label: "\u2190 Back" }] : []
+    ];
+    const handleSelect2 = (value) => {
+      if (value === "editor") {
+        openEditor(yamlPath);
+      } else if (value === "overwrite") {
+        detect(true);
+      } else {
+        onBack();
+      }
+    };
+    return /* @__PURE__ */ jsxs29(Box27, { flexDirection: "column", paddingX: panelMode ? 1 : 0, children: [
+      /* @__PURE__ */ jsx30(Box27, { marginBottom: 1, children: /* @__PURE__ */ jsx30(Text31, { color: "yellow", children: "polter.yaml already exists." }) }),
+      /* @__PURE__ */ jsx30(
+        SelectList,
+        {
+          items: items2,
+          onSelect: handleSelect2,
+          onCancel: onBack,
+          width: panelMode ? Math.max(20, width - 4) : width,
+          isInputActive,
+          arrowNavigation: panelMode,
+          panelFocused: panelMode ? isInputActive : void 0
+        }
+      ),
+      !panelMode && /* @__PURE__ */ jsx30(StatusBar, { hint: "Enter select \\u00B7 Esc back", width })
+    ] });
+  }
+  if (phase === "preview") {
+    const previewLines = yamlString.split("\n").slice(0, Math.max(8, height - 12));
+    const items2 = [
+      { value: "write", label: "Write polter.yaml", kind: "action" },
+      { value: "edit-first", label: "Edit before writing", kind: "action" },
+      ...!panelMode ? [{ value: "__back__", label: "\u2190 Back" }] : []
+    ];
+    const handleSelect2 = (value) => {
+      if (value === "write") {
+        writeFileSync(yamlPath, yamlString, "utf-8");
+        setPhase("done");
+      } else if (value === "edit-first") {
+        writeFileSync(yamlPath, yamlString, "utf-8");
+        openEditor(yamlPath);
+      } else {
+        onBack();
+      }
+    };
+    return /* @__PURE__ */ jsxs29(Box27, { flexDirection: "column", paddingX: panelMode ? 1 : 0, children: [
+      /* @__PURE__ */ jsx30(Box27, { marginBottom: 1, children: /* @__PURE__ */ jsx30(Text31, { bold: true, color: inkColors.accent, children: "Preview: polter.yaml" }) }),
+      /* @__PURE__ */ jsx30(Box27, { flexDirection: "column", marginBottom: 1, marginLeft: panelMode ? 1 : 2, children: previewLines.map((line, i) => /* @__PURE__ */ jsx30(Text31, { dimColor: true, children: line }, i)) }),
+      /* @__PURE__ */ jsx30(
+        SelectList,
+        {
+          items: items2,
+          onSelect: handleSelect2,
+          onCancel: onBack,
+          width: panelMode ? Math.max(20, width - 4) : width,
+          isInputActive,
+          arrowNavigation: panelMode,
+          panelFocused: panelMode ? isInputActive : void 0
+        }
+      ),
+      !panelMode && /* @__PURE__ */ jsx30(StatusBar, { hint: "Enter select \\u00B7 Esc back", width })
+    ] });
+  }
+  if (phase === "writing") {
+    return /* @__PURE__ */ jsx30(Box27, { flexDirection: "column", paddingX: panelMode ? 1 : 0, children: /* @__PURE__ */ jsx30(Text31, { color: inkColors.accent, children: "Writing polter.yaml..." }) });
+  }
+  const items = [
+    ...onNavigate ? [{ value: "plan", label: "View plan", kind: "action" }] : [],
+    { value: "editor", label: "Open in editor", kind: "action" },
+    ...!panelMode ? [{ value: "__back__", label: "\u2190 Back" }] : []
+  ];
+  const handleSelect = (value) => {
+    if (value === "plan" && onNavigate) {
+      onNavigate("declarative-plan");
+    } else if (value === "editor") {
+      openEditor(yamlPath);
+    } else {
+      onBack();
+    }
+  };
+  return /* @__PURE__ */ jsxs29(Box27, { flexDirection: "column", paddingX: panelMode ? 1 : 0, children: [
+    /* @__PURE__ */ jsx30(Box27, { marginBottom: 1, children: /* @__PURE__ */ jsxs29(Text31, { color: inkColors.accent, children: [
+      "\u2713",
+      " polter.yaml created successfully!"
+    ] }) }),
+    /* @__PURE__ */ jsx30(
+      SelectList,
+      {
+        items,
+        onSelect: handleSelect,
+        onCancel: onBack,
+        width: panelMode ? Math.max(20, width - 4) : width,
+        isInputActive,
+        arrowNavigation: panelMode,
+        panelFocused: panelMode ? isInputActive : void 0
+      }
+    ),
+    !panelMode && /* @__PURE__ */ jsx30(StatusBar, { hint: "Enter select \\u00B7 Esc back", width })
+  ] });
+}
+
+// src/app.tsx
+import { jsx as jsx31, jsxs as jsxs30 } 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__ */ jsx25(Home, { onNavigate: navigate, onExit: handleExit, width, height });
+        return /* @__PURE__ */ jsx31(Home, { onNavigate: navigate, onExit: handleExit, width, height });
       case "command-args":
-        return /* @__PURE__ */ jsx25(
+        return /* @__PURE__ */ jsx31(
           CommandArgs,
           {
             command: params.command ?? "",
@@ -3276,9 +4819,9 @@ function AppClassic() {
           }
         );
       case "custom-command":
-        return /* @__PURE__ */ jsx25(CustomCommand, { onNavigate: navigate, onBack: goBack, width });
+        return /* @__PURE__ */ jsx31(CustomCommand, { onNavigate: navigate, onBack: goBack, width });
       case "flag-selection":
-        return /* @__PURE__ */ jsx25(
+        return /* @__PURE__ */ jsx31(
           FlagSelection,
           {
             args: params.args ?? [],
@@ -3290,7 +4833,7 @@ function AppClassic() {
         );
       case "confirm-execute":
       case "command-execution":
-        return /* @__PURE__ */ jsx25(
+        return /* @__PURE__ */ jsx31(
           CommandExecution,
           {
             args: params.args ?? [],
@@ -3305,17 +4848,23 @@ function AppClassic() {
           }
         );
       case "self-update":
-        return /* @__PURE__ */ jsx25(SelfUpdate, { onBack: goBack, onExit: handleExit, width });
+        return /* @__PURE__ */ jsx31(SelfUpdate, { onBack: goBack, onExit: handleExit, width });
       case "tool-status":
-        return /* @__PURE__ */ jsx25(ToolStatus, { onBack: goBack, width });
+        return /* @__PURE__ */ jsx31(ToolStatus, { onBack: goBack, onNavigate: navigate, width });
+      case "mcp-manage":
+        return /* @__PURE__ */ jsx31(McpManage, { onBack: goBack, width });
+      case "process-list":
+        return /* @__PURE__ */ jsx31(ProcessList, { onNavigate: navigate, onBack: goBack, width, height });
+      case "process-logs":
+        return /* @__PURE__ */ jsx31(ProcessLogs, { processId: params.processId ?? "", onBack: goBack, width, height });
       case "project-config":
-        return /* @__PURE__ */ jsx25(ProjectConfig, { onBack: goBack, width });
+        return /* @__PURE__ */ jsx31(ProjectConfig, { onBack: goBack, width });
       case "pipeline-list":
-        return /* @__PURE__ */ jsx25(PipelineList, { onNavigate: navigate, onBack: goBack, width });
+        return /* @__PURE__ */ jsx31(PipelineList, { onNavigate: navigate, onBack: goBack, width });
       case "pipeline-builder":
-        return /* @__PURE__ */ jsx25(PipelineBuilder, { onBack: goBack, width, height });
+        return /* @__PURE__ */ jsx31(PipelineBuilder, { onBack: goBack, width, height });
       case "pipeline-execution":
-        return /* @__PURE__ */ jsx25(
+        return /* @__PURE__ */ jsx31(
           PipelineExecution,
           {
             pipelineId: params.pipelineId ?? "",
@@ -3324,34 +4873,40 @@ function AppClassic() {
             width
           }
         );
+      case "declarative-plan":
+        return /* @__PURE__ */ jsx31(DeclarativePlan, { onBack: goBack, onNavigate: navigate, width, height });
+      case "declarative-status":
+        return /* @__PURE__ */ jsx31(DeclarativeStatus, { onBack: goBack, width, height });
+      case "init-scaffold":
+        return /* @__PURE__ */ jsx31(InitScaffold, { onBack: goBack, onNavigate: navigate, width, height });
       default:
-        return /* @__PURE__ */ jsx25(Box22, { children: /* @__PURE__ */ jsxs24(Text26, { color: "red", children: [
+        return /* @__PURE__ */ jsx31(Box28, { children: /* @__PURE__ */ jsxs30(Text32, { color: "red", children: [
           "Unknown screen: ",
           screen
         ] }) });
     }
   };
-  return /* @__PURE__ */ jsxs24(Box22, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx25(GhostBanner, { width }),
+  return /* @__PURE__ */ jsxs30(Box28, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx31(GhostBanner, { width }),
     renderScreen()
   ] });
 }
 
 // src/appPanel.tsx
-import React19 from "react";
-import { Box as Box30, Text as Text33, useApp as useApp2, useInput as useInput9 } from "ink";
+import React26 from "react";
+import { Box as Box37, Text as Text39, useApp as useApp2, useInput as useInput12 } from "ink";
 
 // src/hooks/usePanelNavigation.ts
-import { useState as useState17, useCallback as useCallback5 } from "react";
+import { useState as useState24, useCallback as useCallback8 } from "react";
 function usePanelNavigation() {
-  const [state, setState] = useState17({
+  const [state, setState] = useState24({
     view: "pipelines",
     featureId: "database",
     innerScreen: "home",
     innerParams: {},
     innerStack: []
   });
-  const selectSidebarItem = useCallback5((itemId) => {
+  const selectSidebarItem = useCallback8((itemId) => {
     const featureIds = [
       "database",
       "functions",
@@ -3360,6 +4915,7 @@ function usePanelNavigation() {
       "cicd",
       "auth-storage",
       "networking",
+      "packages",
       "infrastructure",
       "setup"
     ];
@@ -3379,7 +4935,9 @@ function usePanelNavigation() {
       pipelines: "pipelines",
       "tool-status": "tool-status",
       config: "config",
-      "self-update": "self-update"
+      "self-update": "self-update",
+      processes: "processes",
+      declarative: "declarative"
     };
     const view = viewMap[itemId];
     if (view) {
@@ -3392,7 +4950,7 @@ function usePanelNavigation() {
       });
     }
   }, [state.featureId]);
-  const navigateInner = useCallback5((screen, params) => {
+  const navigateInner = useCallback8((screen, params) => {
     setState((prev) => ({
       ...prev,
       innerStack: [...prev.innerStack, { screen: prev.innerScreen, params: prev.innerParams }],
@@ -3400,7 +4958,7 @@ function usePanelNavigation() {
       innerParams: params ?? {}
     }));
   }, []);
-  const goBackInner = useCallback5(() => {
+  const goBackInner = useCallback8(() => {
     setState((prev) => {
       if (prev.innerStack.length === 0) {
         return { ...prev, innerScreen: "home", innerParams: {} };
@@ -3415,7 +4973,7 @@ function usePanelNavigation() {
       };
     });
   }, []);
-  const goHomeInner = useCallback5(() => {
+  const goHomeInner = useCallback8(() => {
     setState((prev) => ({
       ...prev,
       innerScreen: "home",
@@ -3423,7 +4981,7 @@ function usePanelNavigation() {
       innerStack: []
     }));
   }, []);
-  const switchViewAndNavigate = useCallback5(
+  const switchViewAndNavigate = useCallback8(
     (view, screen, params) => {
       setState((prev) => ({
         ...prev,
@@ -3446,14 +5004,14 @@ function usePanelNavigation() {
 }
 
 // src/hooks/usePanelFocus.ts
-import { useState as useState18, useCallback as useCallback6 } from "react";
+import { useState as useState25, useCallback as useCallback9 } from "react";
 function usePanelFocus() {
-  const [focused, setFocused] = useState18("sidebar");
-  const toggleFocus = useCallback6(() => {
+  const [focused, setFocused] = useState25("sidebar");
+  const toggleFocus = useCallback9(() => {
     setFocused((prev) => prev === "sidebar" ? "main" : "sidebar");
   }, []);
-  const focusSidebar = useCallback6(() => setFocused("sidebar"), []);
-  const focusMain = useCallback6(() => setFocused("main"), []);
+  const focusSidebar = useCallback9(() => setFocused("sidebar"), []);
+  const focusMain = useCallback9(() => setFocused("main"), []);
   return {
     focused,
     isSidebarFocused: focused === "sidebar",
@@ -3473,6 +5031,7 @@ function useSidebarItems() {
     items.push({ id: "pipelines", label: "Pipelines", icon: "\u{1F517}", type: "action", section: "workflows" });
     items.push({ id: "pinned", label: "Pinned", icon: "\u{1F4CC}", type: "action", section: "workflows" });
     items.push({ id: "custom-command", label: "Custom Cmd", icon: "\u270F\uFE0F", type: "action", section: "workflows" });
+    items.push({ id: "processes", label: "Processes", icon: "\u{1F4BB}", type: "action", section: "workflows" });
     items.push({ id: "__sep_features__", label: "---", icon: "", type: "separator", sectionTitle: "Features" });
     for (const feature of features) {
       items.push({
@@ -3484,6 +5043,7 @@ function useSidebarItems() {
       });
     }
     items.push({ id: "__sep_system__", label: "---", icon: "", type: "separator", sectionTitle: "System" });
+    items.push({ id: "declarative", label: "Infrastructure", icon: "\u{1F3D7}\uFE0F", type: "action", section: "system" });
     items.push({ id: "tool-status", label: "Tool Status", icon: "\u{1F527}", type: "action", section: "system" });
     items.push({ id: "config", label: "Config", icon: "\u2699\uFE0F", type: "action", section: "system" });
     items.push({ id: "self-update", label: "Update", icon: "\u2B06\uFE0F", type: "action", section: "system" });
@@ -3492,13 +5052,13 @@ function useSidebarItems() {
 }
 
 // src/hooks/useModal.ts
-import { useState as useState19, useCallback as useCallback7 } from "react";
+import { useState as useState26, useCallback as useCallback10 } from "react";
 function useModal() {
-  const [state, setState] = useState19(null);
-  const openModal = useCallback7((content, title) => {
+  const [state, setState] = useState26(null);
+  const openModal = useCallback10((content, title) => {
     setState({ content, title });
   }, []);
-  const closeModal = useCallback7(() => {
+  const closeModal = useCallback10(() => {
     setState(null);
   }, []);
   return {
@@ -3511,8 +5071,8 @@ function useModal() {
 }
 
 // src/components/PanelLayout.tsx
-import { Box as Box23 } from "ink";
-import { jsx as jsx26, jsxs as jsxs25 } from "react/jsx-runtime";
+import { Box as Box29 } from "ink";
+import { jsx as jsx32, jsxs as jsxs31 } from "react/jsx-runtime";
 function PanelLayout({
   header,
   footer,
@@ -3527,19 +5087,19 @@ function PanelLayout({
   const contentHeight = Math.max(5, height - bannerHeight - footerHeight);
   const sidebarWidth = singlePanel ? 0 : panel.sidebarWidth(width);
   const mainWidth = singlePanel ? width : width - sidebarWidth;
-  return /* @__PURE__ */ jsxs25(Box23, { flexDirection: "column", width, height, children: [
+  return /* @__PURE__ */ jsxs31(Box29, { flexDirection: "column", width, height, children: [
     header,
-    /* @__PURE__ */ jsxs25(Box23, { flexDirection: "row", height: contentHeight, children: [
-      !singlePanel && /* @__PURE__ */ jsx26(Box23, { width: sidebarWidth, height: contentHeight, children: sidebar }),
-      /* @__PURE__ */ jsx26(Box23, { width: mainWidth, height: contentHeight, children: main2 })
+    /* @__PURE__ */ jsxs31(Box29, { flexDirection: "row", height: contentHeight, children: [
+      !singlePanel && /* @__PURE__ */ jsx32(Box29, { width: sidebarWidth, height: contentHeight, children: sidebar }),
+      /* @__PURE__ */ jsx32(Box29, { width: mainWidth, height: contentHeight, children: main2 })
     ] }),
-    /* @__PURE__ */ jsx26(Box23, { height: footerHeight, children: footer })
+    /* @__PURE__ */ jsx32(Box29, { height: footerHeight, children: footer })
   ] });
 }
 
 // src/components/Panel.tsx
-import { Box as Box24, Text as Text27 } from "ink";
-import { jsx as jsx27, jsxs as jsxs26 } from "react/jsx-runtime";
+import { Box as Box30, Text as Text33 } from "ink";
+import { jsx as jsx33, jsxs as jsxs32 } from "react/jsx-runtime";
 function Panel({
   id,
   title,
@@ -3549,8 +5109,8 @@ function Panel({
   children
 }) {
   const borderColor = focused ? panel.borderFocused : panel.borderDim;
-  return /* @__PURE__ */ jsxs26(
-    Box24,
+  return /* @__PURE__ */ jsxs32(
+    Box30,
     {
       flexDirection: "column",
       width,
@@ -3559,21 +5119,21 @@ function Panel({
       borderColor,
       overflow: "hidden",
       children: [
-        title && /* @__PURE__ */ jsx27(Box24, { marginBottom: 0, children: /* @__PURE__ */ jsxs26(Text27, { color: focused ? inkColors.accent : void 0, bold: focused, dimColor: !focused, children: [
+        title && /* @__PURE__ */ jsx33(Box30, { marginBottom: 0, children: /* @__PURE__ */ jsxs32(Text33, { color: focused ? inkColors.accent : void 0, bold: focused, dimColor: !focused, children: [
           " ",
           title,
           " "
         ] }) }),
-        /* @__PURE__ */ jsx27(Box24, { flexDirection: "column", flexGrow: 1, overflow: "hidden", children })
+        /* @__PURE__ */ jsx33(Box30, { flexDirection: "column", flexGrow: 1, overflow: "hidden", children })
       ]
     }
   );
 }
 
 // src/components/Sidebar.tsx
-import { useEffect as useEffect9, useMemo as useMemo9, useState as useState20 } from "react";
-import { Box as Box25, Text as Text28, useInput as useInput8 } from "ink";
-import { jsx as jsx28, jsxs as jsxs27 } from "react/jsx-runtime";
+import { useEffect as useEffect16, useMemo as useMemo9, useState as useState27 } from "react";
+import { Box as Box31, Text as Text34, useInput as useInput11 } from "ink";
+import { jsx as jsx34, jsxs as jsxs33 } from "react/jsx-runtime";
 function groupSections(items) {
   const groups = [];
   let current = null;
@@ -3600,13 +5160,13 @@ function Sidebar({
     [items]
   );
   const selectedIdx = selectableItems.findIndex((item) => item.id === selectedId);
-  const [cursorIdx, setCursorIdx] = useState20(Math.max(0, selectedIdx));
+  const [cursorIdx, setCursorIdx] = useState27(Math.max(0, selectedIdx));
   const sections = useMemo9(() => groupSections(items), [items]);
-  useEffect9(() => {
+  useEffect16(() => {
     const idx = selectableItems.findIndex((item) => item.id === selectedId);
     if (idx >= 0) setCursorIdx(idx);
   }, [selectedId, selectableItems]);
-  useInput8(
+  useInput11(
     (input2, key) => {
       if (key.upArrow || input2 === "k") {
         setCursorIdx((prev) => {
@@ -3634,28 +5194,28 @@ function Sidebar({
     { isActive: isFocused }
   );
   let flatIdx = 0;
-  return /* @__PURE__ */ jsx28(Box25, { flexDirection: "column", gap: 0, children: sections.map((section) => {
+  return /* @__PURE__ */ jsx34(Box31, { flexDirection: "column", gap: 0, children: sections.map((section) => {
     const sectionStartIdx = flatIdx;
     const sectionEndIdx = sectionStartIdx + section.items.length - 1;
     const hasCursorInSection = isFocused && cursorIdx >= sectionStartIdx && cursorIdx <= sectionEndIdx;
     const hasActiveInSection = section.items.some((item) => item.id === selectedId);
     const borderColor = hasCursorInSection || hasActiveInSection ? inkColors.accent : "#555555";
-    const rendered = /* @__PURE__ */ jsxs27(
-      Box25,
+    const rendered = /* @__PURE__ */ jsxs33(
+      Box31,
       {
         flexDirection: "column",
         borderStyle: "round",
         borderColor,
         paddingX: 1,
         children: [
-          /* @__PURE__ */ jsx28(Text28, { dimColor: true, bold: true, children: section.title }),
+          /* @__PURE__ */ jsx34(Text34, { dimColor: true, bold: true, children: section.title }),
           section.items.map((item) => {
             const thisIdx = flatIdx;
             flatIdx++;
             const isCursor = isFocused && thisIdx === cursorIdx;
             const isActive = item.id === selectedId;
-            return /* @__PURE__ */ jsx28(Box25, { gap: 0, children: /* @__PURE__ */ jsxs27(
-              Text28,
+            return /* @__PURE__ */ jsx34(Box31, { gap: 0, children: /* @__PURE__ */ jsxs33(
+              Text34,
               {
                 color: isCursor ? inkColors.accent : isActive ? inkColors.accent : void 0,
                 bold: isCursor || isActive,
@@ -3678,12 +5238,12 @@ function Sidebar({
 }
 
 // src/components/PanelFooter.tsx
-import { Box as Box26, Text as Text29 } from "ink";
-import { jsx as jsx29, jsxs as jsxs28 } from "react/jsx-runtime";
+import { Box as Box32, Text as Text35 } from "ink";
+import { jsx as jsx35, jsxs as jsxs34 } from "react/jsx-runtime";
 function PanelFooter({ hints, width }) {
-  return /* @__PURE__ */ jsx29(Box26, { width, children: /* @__PURE__ */ jsx29(Box26, { gap: 1, children: hints.map((hint) => /* @__PURE__ */ jsxs28(Box26, { gap: 0, children: [
-    /* @__PURE__ */ jsx29(Text29, { color: inkColors.accent, bold: true, children: hint.key }),
-    /* @__PURE__ */ jsxs28(Text29, { dimColor: true, children: [
+  return /* @__PURE__ */ jsx35(Box32, { width, children: /* @__PURE__ */ jsx35(Box32, { gap: 1, children: hints.map((hint) => /* @__PURE__ */ jsxs34(Box32, { gap: 0, children: [
+    /* @__PURE__ */ jsx35(Text35, { color: inkColors.accent, bold: true, children: hint.key }),
+    /* @__PURE__ */ jsxs34(Text35, { dimColor: true, children: [
       ":",
       hint.action
     ] })
@@ -3691,8 +5251,8 @@ function PanelFooter({ hints, width }) {
 }
 
 // src/components/Modal.tsx
-import { Box as Box27, Text as Text30 } from "ink";
-import { jsx as jsx30, jsxs as jsxs29 } from "react/jsx-runtime";
+import { Box as Box33, Text as Text36 } from "ink";
+import { jsx as jsx36, jsxs as jsxs35 } from "react/jsx-runtime";
 function Modal({
   title,
   width,
@@ -3703,10 +5263,10 @@ function Modal({
   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__ */ jsxs29(Box27, { flexDirection: "column", width, height, children: [
-    padY > 0 && /* @__PURE__ */ jsx30(Box27, { height: padY }),
-    /* @__PURE__ */ jsx30(Box27, { marginLeft: padX, children: /* @__PURE__ */ jsxs29(
-      Box27,
+  return /* @__PURE__ */ jsxs35(Box33, { flexDirection: "column", width, height, children: [
+    padY > 0 && /* @__PURE__ */ jsx36(Box33, { height: padY }),
+    /* @__PURE__ */ jsx36(Box33, { marginLeft: padX, children: /* @__PURE__ */ jsxs35(
+      Box33,
       {
         flexDirection: "column",
         width: modalWidth,
@@ -3715,8 +5275,8 @@ function Modal({
         borderColor: inkColors.accent,
         paddingX: 1,
         children: [
-          /* @__PURE__ */ jsx30(Box27, { marginBottom: 1, children: /* @__PURE__ */ jsx30(Text30, { color: inkColors.accent, bold: true, children: title }) }),
-          /* @__PURE__ */ jsx30(Box27, { flexDirection: "column", flexGrow: 1, overflow: "hidden", children })
+          /* @__PURE__ */ jsx36(Box33, { marginBottom: 1, children: /* @__PURE__ */ jsx36(Text36, { color: inkColors.accent, bold: true, children: title }) }),
+          /* @__PURE__ */ jsx36(Box33, { flexDirection: "column", flexGrow: 1, overflow: "hidden", children })
         ]
       }
     ) })
@@ -3724,9 +5284,9 @@ function Modal({
 }
 
 // src/components/FeatureCommands.tsx
-import { useEffect as useEffect10, useMemo as useMemo10, useState as useState21 } from "react";
-import { Box as Box28, Text as Text31 } from "ink";
-import { jsx as jsx31, jsxs as jsxs30 } from "react/jsx-runtime";
+import { useEffect as useEffect17, useMemo as useMemo10, useState as useState28 } from "react";
+import { Box as Box34, Text as Text37 } from "ink";
+import { jsx as jsx37, jsxs as jsxs36 } from "react/jsx-runtime";
 function FeatureCommands({
   feature,
   onNavigate,
@@ -3737,10 +5297,10 @@ function FeatureCommands({
   height = 24,
   isInputActive = true
 }) {
-  const [pinnedCommands, setPinnedCommands2] = useState21(() => getPinnedCommands());
-  const [pinnedRuns, setPinnedRuns2] = useState21(() => getPinnedRuns());
-  const [pinFeedback, setPinFeedback] = useState21();
-  useEffect10(() => {
+  const [pinnedCommands, setPinnedCommands2] = useState28(() => getPinnedCommands());
+  const [pinnedRuns, setPinnedRuns2] = useState28(() => getPinnedRuns());
+  const [pinFeedback, setPinFeedback] = useState28();
+  useEffect17(() => {
     if (!pinFeedback) return;
     const timeout = setTimeout(() => setPinFeedback(void 0), 1400);
     return () => clearTimeout(timeout);
@@ -3808,12 +5368,12 @@ function FeatureCommands({
       );
     }
   };
-  return /* @__PURE__ */ jsxs30(Box28, { flexDirection: "column", paddingX: 1, children: [
-    pinFeedback && /* @__PURE__ */ jsx31(Box28, { marginBottom: 1, children: /* @__PURE__ */ jsxs30(Text31, { color: inkColors.accent, children: [
+  return /* @__PURE__ */ jsxs36(Box34, { flexDirection: "column", paddingX: 1, children: [
+    pinFeedback && /* @__PURE__ */ jsx37(Box34, { marginBottom: 1, children: /* @__PURE__ */ jsxs36(Text37, { color: inkColors.accent, children: [
       "\u2713 ",
       pinFeedback
     ] }) }),
-    /* @__PURE__ */ jsx31(
+    /* @__PURE__ */ jsx37(
       SelectList,
       {
         items,
@@ -3832,9 +5392,9 @@ function FeatureCommands({
 }
 
 // src/components/PinnedCommands.tsx
-import { useEffect as useEffect11, useMemo as useMemo11, useState as useState22 } from "react";
-import { Box as Box29, Text as Text32 } from "ink";
-import { jsx as jsx32, jsxs as jsxs31 } from "react/jsx-runtime";
+import { useEffect as useEffect18, useMemo as useMemo11, useState as useState29 } from "react";
+import { Box as Box35, Text as Text38 } from "ink";
+import { jsx as jsx38, jsxs as jsxs37 } from "react/jsx-runtime";
 function PinnedCommands({
   onNavigate,
   onBack,
@@ -3843,10 +5403,10 @@ function PinnedCommands({
   height = 24,
   isInputActive = true
 }) {
-  const [pinnedCommands, setPinnedCommands2] = useState22(() => getPinnedCommands());
-  const [pinnedRuns, setPinnedRuns2] = useState22(() => getPinnedRuns());
-  const [pinFeedback, setPinFeedback] = useState22();
-  useEffect11(() => {
+  const [pinnedCommands, setPinnedCommands2] = useState29(() => getPinnedCommands());
+  const [pinnedRuns, setPinnedRuns2] = useState29(() => getPinnedRuns());
+  const [pinFeedback, setPinFeedback] = useState29();
+  useEffect18(() => {
     if (!pinFeedback) return;
     const timeout = setTimeout(() => setPinFeedback(void 0), 1400);
     return () => clearTimeout(timeout);
@@ -3908,14 +5468,14 @@ function PinnedCommands({
     }
   };
   if (items.length === 0) {
-    return /* @__PURE__ */ jsx32(Box29, { flexDirection: "column", paddingX: 1, children: /* @__PURE__ */ jsx32(Text32, { color: "gray", children: "No pinned items. Press p on any command to pin it." }) });
+    return /* @__PURE__ */ jsx38(Box35, { flexDirection: "column", paddingX: 1, children: /* @__PURE__ */ jsx38(Text38, { color: "gray", children: "No pinned items. Press p on any command to pin it." }) });
   }
-  return /* @__PURE__ */ jsxs31(Box29, { flexDirection: "column", paddingX: 1, children: [
-    pinFeedback && /* @__PURE__ */ jsx32(Box29, { marginBottom: 1, children: /* @__PURE__ */ jsxs31(Text32, { color: inkColors.accent, children: [
+  return /* @__PURE__ */ jsxs37(Box35, { flexDirection: "column", paddingX: 1, children: [
+    pinFeedback && /* @__PURE__ */ jsx38(Box35, { marginBottom: 1, children: /* @__PURE__ */ jsxs37(Text38, { color: inkColors.accent, children: [
       "\u2713 ",
       pinFeedback
     ] }) }),
-    /* @__PURE__ */ jsx32(
+    /* @__PURE__ */ jsx38(
       SelectList,
       {
         items,
@@ -3933,8 +5493,43 @@ function PinnedCommands({
   ] });
 }
 
+// src/screens/DeclarativeHome.tsx
+import { useMemo as useMemo12 } from "react";
+import { Box as Box36 } from "ink";
+import { jsx as jsx39 } from "react/jsx-runtime";
+var ITEMS = [
+  { value: "declarative-plan", label: "Plan / Apply", hint: "Diff and apply polter.yaml", kind: "action" },
+  { value: "declarative-status", label: "Infrastructure Status", hint: "Live state from CLI tools", kind: "action" },
+  { value: "init-scaffold", label: "Init polter.yaml", hint: "Generate from detected state", kind: "action" }
+];
+function DeclarativeHome({
+  onNavigate,
+  onBack,
+  width = 80,
+  height = 24,
+  isInputActive = true
+}) {
+  const handleSelect = useMemo12(
+    () => (value) => onNavigate(value),
+    [onNavigate]
+  );
+  return /* @__PURE__ */ jsx39(Box36, { flexDirection: "column", paddingX: 1, children: /* @__PURE__ */ jsx39(
+    SelectList,
+    {
+      items: ITEMS,
+      onSelect: handleSelect,
+      onCancel: onBack,
+      width: Math.max(20, width - 4),
+      maxVisible: Math.max(6, height - 4),
+      isInputActive,
+      arrowNavigation: true,
+      panelFocused: isInputActive
+    }
+  ) });
+}
+
 // src/appPanel.tsx
-import { jsx as jsx33, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs38 } from "react/jsx-runtime";
 var screenLabels = {
   "command-args": "Args",
   "flag-selection": "Flags",
@@ -3946,7 +5541,13 @@ var screenLabels = {
   "pipeline-execution": "Run",
   "self-update": "Update",
   "tool-status": "Status",
-  "project-config": "Config"
+  "project-config": "Config",
+  "mcp-manage": "MCP",
+  "process-list": "Processes",
+  "process-logs": "Logs",
+  "declarative-plan": "Plan/Apply",
+  "declarative-status": "Status",
+  "init-scaffold": "Init"
 };
 function buildBreadcrumb(nav) {
   let base;
@@ -3974,6 +5575,12 @@ function buildBreadcrumb(nav) {
     case "self-update":
       base = "\u2B06\uFE0F Update";
       break;
+    case "processes":
+      base = "\u{1F4BB} Processes";
+      break;
+    case "declarative":
+      base = "\u{1F3D7}\uFE0F Infrastructure";
+      break;
     default:
       base = nav.view;
   }
@@ -4006,7 +5613,7 @@ function AppPanel() {
   const focus = usePanelFocus();
   const sidebarItems = useSidebarItems();
   const modal = useModal();
-  const refreshPins = React19.useCallback(() => {
+  const refreshPins = React26.useCallback(() => {
   }, []);
   const singlePanel = width < 60 || height < 15;
   const handleExit = () => {
@@ -4015,7 +5622,7 @@ function AppPanel() {
     );
     exit();
   };
-  useInput9((input2, key) => {
+  useInput12((input2, key) => {
     if (modal.isOpen) {
       if (key.escape || input2 === "q") {
         modal.closeModal();
@@ -4040,37 +5647,37 @@ function AppPanel() {
     }
     if (input2 === "?") {
       modal.openModal(
-        /* @__PURE__ */ jsxs32(Box30, { flexDirection: "column", children: [
-          /* @__PURE__ */ jsxs32(Text33, { children: [
-            /* @__PURE__ */ jsx33(Text33, { bold: true, children: "\u2190/\u2192" }),
+        /* @__PURE__ */ jsxs38(Box37, { flexDirection: "column", children: [
+          /* @__PURE__ */ jsxs38(Text39, { children: [
+            /* @__PURE__ */ jsx40(Text39, { bold: true, children: "\u2190/\u2192" }),
             "    Move between sidebar and main panel"
           ] }),
-          /* @__PURE__ */ jsxs32(Text33, { children: [
-            /* @__PURE__ */ jsx33(Text33, { bold: true, children: "Tab" }),
+          /* @__PURE__ */ jsxs38(Text39, { children: [
+            /* @__PURE__ */ jsx40(Text39, { bold: true, children: "Tab" }),
             "     Toggle sidebar / main panel"
           ] }),
-          /* @__PURE__ */ jsxs32(Text33, { children: [
-            /* @__PURE__ */ jsx33(Text33, { bold: true, children: "j/k" }),
+          /* @__PURE__ */ jsxs38(Text39, { children: [
+            /* @__PURE__ */ jsx40(Text39, { bold: true, children: "j/k" }),
             "     Navigate up/down"
           ] }),
-          /* @__PURE__ */ jsxs32(Text33, { children: [
-            /* @__PURE__ */ jsx33(Text33, { bold: true, children: "Enter" }),
+          /* @__PURE__ */ jsxs38(Text39, { children: [
+            /* @__PURE__ */ jsx40(Text39, { bold: true, children: "Enter" }),
             "   Select item"
           ] }),
-          /* @__PURE__ */ jsxs32(Text33, { children: [
-            /* @__PURE__ */ jsx33(Text33, { bold: true, children: "Esc" }),
+          /* @__PURE__ */ jsxs38(Text39, { children: [
+            /* @__PURE__ */ jsx40(Text39, { bold: true, children: "Esc" }),
             "     Go back (or return to sidebar)"
           ] }),
-          /* @__PURE__ */ jsxs32(Text33, { children: [
-            /* @__PURE__ */ jsx33(Text33, { bold: true, children: "q" }),
+          /* @__PURE__ */ jsxs38(Text39, { children: [
+            /* @__PURE__ */ jsx40(Text39, { bold: true, children: "q" }),
             "       Quit Polter"
           ] }),
-          /* @__PURE__ */ jsxs32(Text33, { children: [
-            /* @__PURE__ */ jsx33(Text33, { bold: true, children: "?" }),
+          /* @__PURE__ */ jsxs38(Text39, { children: [
+            /* @__PURE__ */ jsx40(Text39, { bold: true, children: "?" }),
             "       Show this help"
           ] }),
-          /* @__PURE__ */ jsxs32(Text33, { children: [
-            /* @__PURE__ */ jsx33(Text33, { bold: true, children: "p" }),
+          /* @__PURE__ */ jsxs38(Text39, { children: [
+            /* @__PURE__ */ jsx40(Text39, { bold: true, children: "p" }),
             "       Pin/unpin command"
           ] })
         ] }),
@@ -4094,6 +5701,10 @@ function AppPanel() {
         return "config";
       case "self-update":
         return "self-update";
+      case "processes":
+        return "processes";
+      case "declarative":
+        return "declarative";
       default:
         return nav.featureId;
     }
@@ -4110,7 +5721,7 @@ function AppPanel() {
     nav.selectSidebarItem(itemId);
     focus.focusMain();
   };
-  const bannerHeight = width < 60 ? 1 : 8;
+  const bannerHeight = width < 60 ? 6 : 10;
   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)));
@@ -4120,7 +5731,7 @@ function AppPanel() {
     }
     switch (nav.view) {
       case "pinned":
-        return /* @__PURE__ */ jsx33(
+        return /* @__PURE__ */ jsx40(
           PinnedCommands,
           {
             onNavigate: nav.navigateInner,
@@ -4134,12 +5745,12 @@ function AppPanel() {
       case "feature": {
         const feature = getFeatureById(nav.featureId);
         if (!feature) {
-          return /* @__PURE__ */ jsxs32(Text33, { color: "red", children: [
+          return /* @__PURE__ */ jsxs38(Text39, { color: "red", children: [
             "Feature not found: ",
             nav.featureId
           ] });
         }
-        return /* @__PURE__ */ jsx33(
+        return /* @__PURE__ */ jsx40(
           FeatureCommands,
           {
             feature,
@@ -4154,7 +5765,7 @@ function AppPanel() {
         );
       }
       case "custom-command":
-        return /* @__PURE__ */ jsx33(
+        return /* @__PURE__ */ jsx40(
           CustomCommand,
           {
             onNavigate: nav.navigateInner,
@@ -4166,7 +5777,7 @@ function AppPanel() {
           }
         );
       case "pipelines":
-        return /* @__PURE__ */ jsx33(
+        return /* @__PURE__ */ jsx40(
           PipelineList,
           {
             onNavigate: nav.navigateInner,
@@ -4178,9 +5789,22 @@ function AppPanel() {
           }
         );
       case "tool-status":
-        return /* @__PURE__ */ jsx33(
+        return /* @__PURE__ */ jsx40(
           ToolStatus,
           {
+            onBack: focus.focusSidebar,
+            onNavigate: nav.navigateInner,
+            width: mainContentWidth - 2,
+            height: mainContentHeight,
+            panelMode: true,
+            isInputActive: focus.isMainFocused
+          }
+        );
+      case "processes":
+        return /* @__PURE__ */ jsx40(
+          ProcessList,
+          {
+            onNavigate: nav.navigateInner,
             onBack: focus.focusSidebar,
             width: mainContentWidth - 2,
             height: mainContentHeight,
@@ -4188,8 +5812,19 @@ function AppPanel() {
             isInputActive: focus.isMainFocused
           }
         );
+      case "declarative":
+        return /* @__PURE__ */ jsx40(
+          DeclarativeHome,
+          {
+            onNavigate: nav.navigateInner,
+            onBack: focus.focusSidebar,
+            width: mainContentWidth - 2,
+            height: mainContentHeight,
+            isInputActive: focus.isMainFocused
+          }
+        );
       case "config":
-        return /* @__PURE__ */ jsx33(
+        return /* @__PURE__ */ jsx40(
           ProjectConfig,
           {
             onBack: focus.focusSidebar,
@@ -4200,7 +5835,7 @@ function AppPanel() {
           }
         );
       case "self-update":
-        return /* @__PURE__ */ jsx33(
+        return /* @__PURE__ */ jsx40(
           SelfUpdate,
           {
             onBack: focus.focusSidebar,
@@ -4212,7 +5847,7 @@ function AppPanel() {
           }
         );
       default:
-        return /* @__PURE__ */ jsx33(Text33, { children: "Select an item from the sidebar" });
+        return /* @__PURE__ */ jsx40(Text39, { children: "Select an item from the sidebar" });
     }
   };
   const renderInnerScreen = () => {
@@ -4220,7 +5855,7 @@ function AppPanel() {
     const w = mainContentWidth - 2;
     switch (nav.innerScreen) {
       case "command-args":
-        return /* @__PURE__ */ jsx33(
+        return /* @__PURE__ */ jsx40(
           CommandArgs,
           {
             command: nav.innerParams.command ?? "",
@@ -4233,7 +5868,7 @@ function AppPanel() {
           }
         );
       case "custom-command":
-        return /* @__PURE__ */ jsx33(
+        return /* @__PURE__ */ jsx40(
           CustomCommand,
           {
             onNavigate: nav.navigateInner,
@@ -4245,7 +5880,7 @@ function AppPanel() {
           }
         );
       case "flag-selection":
-        return /* @__PURE__ */ jsx33(
+        return /* @__PURE__ */ jsx40(
           FlagSelection,
           {
             args: nav.innerParams.args ?? [],
@@ -4261,7 +5896,7 @@ function AppPanel() {
         );
       case "confirm-execute":
       case "command-execution":
-        return /* @__PURE__ */ jsx33(
+        return /* @__PURE__ */ jsx40(
           CommandExecution,
           {
             args: nav.innerParams.args ?? [],
@@ -4281,7 +5916,7 @@ function AppPanel() {
           `${nav.view}-${nav.innerParams.tool}-${(nav.innerParams.args ?? []).join("-")}`
         );
       case "pipeline-list":
-        return /* @__PURE__ */ jsx33(
+        return /* @__PURE__ */ jsx40(
           PipelineList,
           {
             onNavigate: nav.navigateInner,
@@ -4293,7 +5928,7 @@ function AppPanel() {
           }
         );
       case "pipeline-builder":
-        return /* @__PURE__ */ jsx33(
+        return /* @__PURE__ */ jsx40(
           PipelineBuilder,
           {
             onBack: nav.goBackInner,
@@ -4304,7 +5939,7 @@ function AppPanel() {
           }
         );
       case "pipeline-execution":
-        return /* @__PURE__ */ jsx33(
+        return /* @__PURE__ */ jsx40(
           PipelineExecution,
           {
             pipelineId: nav.innerParams.pipelineId ?? "",
@@ -4316,7 +5951,7 @@ function AppPanel() {
           }
         );
       case "self-update":
-        return /* @__PURE__ */ jsx33(
+        return /* @__PURE__ */ jsx40(
           SelfUpdate,
           {
             onBack: nav.goBackInner,
@@ -4328,9 +5963,45 @@ function AppPanel() {
           }
         );
       case "tool-status":
-        return /* @__PURE__ */ jsx33(
+        return /* @__PURE__ */ jsx40(
           ToolStatus,
           {
+            onBack: nav.goBackInner,
+            onNavigate: nav.navigateInner,
+            width: w,
+            height: mainContentHeight,
+            panelMode: true,
+            isInputActive: isActive
+          }
+        );
+      case "mcp-manage":
+        return /* @__PURE__ */ jsx40(
+          McpManage,
+          {
+            onBack: nav.goBackInner,
+            width: w,
+            height: mainContentHeight,
+            panelMode: true,
+            isInputActive: isActive
+          }
+        );
+      case "process-list":
+        return /* @__PURE__ */ jsx40(
+          ProcessList,
+          {
+            onNavigate: nav.navigateInner,
+            onBack: nav.goBackInner,
+            width: w,
+            height: mainContentHeight,
+            panelMode: true,
+            isInputActive: isActive
+          }
+        );
+      case "process-logs":
+        return /* @__PURE__ */ jsx40(
+          ProcessLogs,
+          {
+            processId: nav.innerParams.processId ?? "",
             onBack: nav.goBackInner,
             width: w,
             height: mainContentHeight,
@@ -4339,7 +6010,7 @@ function AppPanel() {
           }
         );
       case "project-config":
-        return /* @__PURE__ */ jsx33(
+        return /* @__PURE__ */ jsx40(
           ProjectConfig,
           {
             onBack: nav.goBackInner,
@@ -4349,18 +6020,53 @@ function AppPanel() {
             isInputActive: isActive
           }
         );
+      case "declarative-plan":
+        return /* @__PURE__ */ jsx40(
+          DeclarativePlan,
+          {
+            onBack: nav.goBackInner,
+            onNavigate: nav.navigateInner,
+            width: w,
+            height: mainContentHeight,
+            panelMode: true,
+            isInputActive: isActive
+          }
+        );
+      case "declarative-status":
+        return /* @__PURE__ */ jsx40(
+          DeclarativeStatus,
+          {
+            onBack: nav.goBackInner,
+            width: w,
+            height: mainContentHeight,
+            panelMode: true,
+            isInputActive: isActive
+          }
+        );
+      case "init-scaffold":
+        return /* @__PURE__ */ jsx40(
+          InitScaffold,
+          {
+            onBack: nav.goBackInner,
+            onNavigate: nav.navigateInner,
+            width: w,
+            height: mainContentHeight,
+            panelMode: true,
+            isInputActive: isActive
+          }
+        );
       default:
-        return /* @__PURE__ */ jsxs32(Text33, { color: "red", children: [
+        return /* @__PURE__ */ jsxs38(Text39, { color: "red", children: [
           "Unknown screen: ",
           nav.innerScreen
         ] });
     }
   };
   if (modal.isOpen) {
-    return /* @__PURE__ */ jsx33(Box30, { flexDirection: "column", width, height, children: /* @__PURE__ */ jsx33(Modal, { title: modal.modalTitle, width, height, children: modal.modalContent }) });
+    return /* @__PURE__ */ jsx40(Box37, { flexDirection: "column", width, height, children: /* @__PURE__ */ jsx40(Modal, { title: modal.modalTitle, width, height, children: modal.modalContent }) });
   }
-  const header = /* @__PURE__ */ jsx33(GhostBanner, { width, compact: true });
-  const sidebar = /* @__PURE__ */ jsx33(
+  const header = /* @__PURE__ */ jsx40(GhostBanner, { width, compact: true });
+  const sidebar = /* @__PURE__ */ jsx40(
     Panel,
     {
       id: "sidebar",
@@ -4368,7 +6074,7 @@ function AppPanel() {
       width: Math.max(20, Math.min(35, Math.floor(width * 0.3))),
       height: Math.max(5, height - bannerHeight - 1),
       focused: focus.isSidebarFocused,
-      children: /* @__PURE__ */ jsx33(
+      children: /* @__PURE__ */ jsx40(
         Sidebar,
         {
           items: sidebarItems,
@@ -4381,7 +6087,7 @@ function AppPanel() {
       )
     }
   );
-  const main2 = /* @__PURE__ */ jsx33(
+  const main2 = /* @__PURE__ */ jsx40(
     Panel,
     {
       id: "main",
@@ -4392,8 +6098,8 @@ function AppPanel() {
       children: renderMainContent()
     }
   );
-  const footer = /* @__PURE__ */ jsx33(PanelFooter, { hints: footerHints, width });
-  return /* @__PURE__ */ jsx33(
+  const footer = /* @__PURE__ */ jsx40(PanelFooter, { hints: footerHints, width });
+  return /* @__PURE__ */ jsx40(
     PanelLayout,
     {
       header,
@@ -4557,19 +6263,19 @@ function printCliHelp() {
 import pc3 from "picocolors";
 
 // src/apps/ops.ts
-import { existsSync, mkdirSync, readFileSync, rmSync, writeFileSync } from "fs";
+import { existsSync, mkdirSync, readFileSync, rmSync, writeFileSync as writeFileSync2 } from "fs";
 import { mkdtemp, readdir, stat } from "fs/promises";
-import { dirname, join as join2, resolve } from "path";
+import { dirname, join as join3, resolve } from "path";
 import { tmpdir } from "os";
 import pc2 from "picocolors";
 
 // src/apps/bootstrapPaths.ts
-import { homedir } from "os";
-import { join } from "path";
+import { homedir as homedir2 } from "os";
+import { join as join2 } from "path";
 function getOpsBootstrapPayloadPath() {
-  const home = homedir();
+  const home = homedir2();
   if (process.platform === "darwin") {
-    return join(
+    return join2(
       home,
       "Library",
       "Application Support",
@@ -4579,10 +6285,10 @@ function getOpsBootstrapPayloadPath() {
     );
   }
   if (process.platform === "win32") {
-    const appData = process.env.APPDATA ?? join(home, "AppData", "Roaming");
-    return join(appData, "ops", "bootstrap", "supabase.json");
+    const appData = process.env.APPDATA ?? join2(home, "AppData", "Roaming");
+    return join2(appData, "ops", "bootstrap", "supabase.json");
   }
-  return join(home, ".config", "ops", "bootstrap", "supabase.json");
+  return join2(home, ".config", "ops", "bootstrap", "supabase.json");
 }
 
 // src/apps/opsRelease.ts
@@ -4854,9 +6560,9 @@ async function promptSelect(label, options, defaultValue) {
 }
 
 // src/apps/ops.ts
-var LINK_REF_FILE = join2("supabase", ".temp", "project-ref");
+var LINK_REF_FILE = join3("supabase", ".temp", "project-ref");
 function isOpsProjectRoot(candidate) {
-  return existsSync(join2(candidate, "src-tauri", "tauri.conf.json")) && existsSync(join2(candidate, "supabase", "migrations")) && existsSync(join2(candidate, "package.json"));
+  return existsSync(join3(candidate, "src-tauri", "tauri.conf.json")) && existsSync(join3(candidate, "supabase", "migrations")) && existsSync(join3(candidate, "package.json"));
 }
 function findNearestOpsRoot(startDir) {
   let currentDir = resolve(startDir);
@@ -4864,7 +6570,7 @@ function findNearestOpsRoot(startDir) {
     if (isOpsProjectRoot(currentDir)) {
       return currentDir;
     }
-    const siblingCandidate = join2(currentDir, "ops");
+    const siblingCandidate = join3(currentDir, "ops");
     if (isOpsProjectRoot(siblingCandidate)) {
       return siblingCandidate;
     }
@@ -4898,7 +6604,7 @@ function readEnvFile(envPath) {
 }
 function writeEnvFile(envPath, nextEnv) {
   const content = Object.entries(nextEnv).map(([key, value]) => `${key}=${value}`).join("\n");
-  writeFileSync(envPath, `${content}
+  writeFileSync2(envPath, `${content}
 `);
 }
 function assertProjectRoot(projectRoot) {
@@ -4910,7 +6616,7 @@ function assertProjectRoot(projectRoot) {
   return projectRoot;
 }
 function getLinkedProjectRef(projectRoot) {
-  const refPath = join2(projectRoot, LINK_REF_FILE);
+  const refPath = join3(projectRoot, LINK_REF_FILE);
   if (!existsSync(refPath)) {
     return null;
   }
@@ -4935,7 +6641,7 @@ async function ensurePrerequisites() {
   }
 }
 async function runOrThrow(execution, args, cwd, failureMessage) {
-  const result = await runCommand(execution, args, cwd);
+  const result = await runCommand(execution, args, cwd).promise;
   if (result.spawnError || result.exitCode !== 0) {
     throw new Error(
       result.stderr.trim() || result.spawnError || failureMessage
@@ -4968,7 +6674,7 @@ async function ensureSupabaseLink(projectRoot, forceRelink = false) {
   );
 }
 async function collectSupabaseConfig(projectRoot) {
-  const envPath = projectRoot ? join2(projectRoot, ".env.local") : void 0;
+  const envPath = projectRoot ? join3(projectRoot, ".env.local") : void 0;
   const currentEnv = envPath ? readEnvFile(envPath) : {};
   const currentRef = projectRoot ? getLinkedProjectRef(projectRoot) : null;
   const url = await promptText("Supabase URL", {
@@ -4990,7 +6696,7 @@ async function collectSupabaseConfig(projectRoot) {
   };
 }
 function writeOpsEnv(projectRoot, config2) {
-  const envPath = join2(projectRoot, ".env.local");
+  const envPath = join3(projectRoot, ".env.local");
   const currentEnv = readEnvFile(envPath);
   const nextEnv = {
     ...currentEnv,
@@ -5002,7 +6708,7 @@ function writeOpsEnv(projectRoot, config2) {
 function writeBootstrapPayload(config2) {
   const payloadPath = getOpsBootstrapPayloadPath();
   mkdirSync(dirname(payloadPath), { recursive: true });
-  writeFileSync(
+  writeFileSync2(
     payloadPath,
     JSON.stringify(
       {
@@ -5163,7 +6869,7 @@ async function downloadFile(url, destinationPath) {
   }
   const arrayBuffer = await response.arrayBuffer();
   const buffer = Buffer.from(arrayBuffer);
-  writeFileSync(destinationPath, buffer);
+  writeFileSync2(destinationPath, buffer);
   return buffer.byteLength;
 }
 async function extractArchive(archivePath, outputDir) {
@@ -5190,7 +6896,7 @@ async function extractArchive(archivePath, outputDir) {
 async function findFirstAppBundle(dir) {
   const entries = await readdir(dir);
   for (const entry of entries) {
-    const fullPath = join2(dir, entry);
+    const fullPath = join3(dir, entry);
     const entryStat = await stat(fullPath);
     if (entryStat.isDirectory() && entry.endsWith(".app")) {
       return fullPath;
@@ -5206,9 +6912,9 @@ async function findFirstAppBundle(dir) {
 }
 async function deployMacosApp(context, options) {
   const artifact = await resolveOpsMacosArtifact(context.options);
-  const tempRoot = await mkdtemp(join2(tmpdir(), "polter-ops-"));
-  const archivePath = join2(tempRoot, artifact.fileName);
-  const extractDir = join2(tempRoot, "extract");
+  const tempRoot = await mkdtemp(join3(tmpdir(), "polter-ops-"));
+  const archivePath = join3(tempRoot, artifact.fileName);
+  const extractDir = join3(tempRoot, "extract");
   mkdirSync(extractDir, { recursive: true });
   if (artifact.source === "github-release") {
     const releaseLabel = artifact.tagName ?? "latest";
@@ -5237,7 +6943,7 @@ async function deployMacosApp(context, options) {
   }
   const installDir = context.options.installDir ?? "/Applications";
   mkdirSync(installDir, { recursive: true });
-  const destination = join2(installDir, "ops.app");
+  const destination = join3(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.`
@@ -5358,168 +7064,8 @@ async function runAppCli(options) {
   });
 }
 
-// src/lib/mcpInstaller.ts
-import { spawnSync as spawnSync2 } from "child_process";
-import { readFileSync as readFileSync2, writeFileSync as writeFileSync2, mkdirSync as mkdirSync2, existsSync as existsSync2 } from "fs";
-import { join as join3 } from "path";
-import { homedir as homedir2 } from "os";
-import { createRequire as createRequire2 } from "module";
-import pc4 from "picocolors";
-var require3 = createRequire2(import.meta.url);
-var MCP_ARGS = ["npx", "-y", "-p", "@polterware/polter@latest", "polter-mcp"];
-var SCOPE_LABELS = {
-  local: "local (this machine)",
-  project: "project (shared via repo)",
-  user: "global (all projects)"
-};
-function tryClaudeCli(scope) {
-  if (!commandExists("claude")) return false;
-  const result = spawnSync2("claude", ["mcp", "add", "-s", scope, "polter", "--", ...MCP_ARGS], {
-    stdio: "inherit",
-    shell: true
-  });
-  return result.status === 0;
-}
-function getSettingsPath(scope) {
-  if (scope === "project") {
-    return join3(process.cwd(), ".mcp.json");
-  }
-  return join3(homedir2(), ".claude", "settings.json");
-}
-function tryManualInstall(scope) {
-  const settingsPath = getSettingsPath(scope);
-  const dir = join3(settingsPath, "..");
-  let settings = {};
-  if (existsSync2(settingsPath)) {
-    try {
-      settings = JSON.parse(readFileSync2(settingsPath, "utf-8"));
-    } catch {
-      process.stderr.write(pc4.red(`Failed to parse ${settingsPath}
-`));
-      return false;
-    }
-  } else {
-    mkdirSync2(dir, { recursive: true });
-  }
-  const mcpServers = settings.mcpServers ?? {};
-  mcpServers.polter = {
-    command: "npx",
-    args: ["-y", "-p", "@polterware/polter@latest", "polter-mcp"]
-  };
-  settings.mcpServers = mcpServers;
-  writeFileSync2(settingsPath, JSON.stringify(settings, null, 2) + "\n");
-  return true;
-}
-async function installMcpServer(scope) {
-  process.stdout.write(pc4.bold(`Installing Polter MCP server \u2014 ${SCOPE_LABELS[scope]}
-
-`));
-  if (commandExists("claude")) {
-    process.stdout.write(`  Using 'claude mcp add -s ${scope}'...
-`);
-    if (tryClaudeCli(scope)) {
-      process.stdout.write(pc4.green("\n  Done! Restart Claude Code to use Polter tools.\n"));
-      return;
-    }
-    process.stdout.write(pc4.yellow("  'claude mcp add' failed, falling back to manual install...\n\n"));
-  }
-  const settingsPath = getSettingsPath(scope);
-  process.stdout.write(`  Writing to ${settingsPath}...
-`);
-  if (tryManualInstall(scope)) {
-    process.stdout.write(pc4.green("\n  Done! Restart Claude Code to use Polter tools.\n"));
-  } else {
-    process.stderr.write(pc4.red("\n  Failed to install. Add manually:\n\n"));
-    process.stderr.write(`  ${pc4.dim(JSON.stringify({ mcpServers: { polter: { command: "npx", args: ["-y", "-p", "@polterware/polter@latest", "polter-mcp"] } } }, null, 2))}
-`);
-    process.exit(1);
-  }
-}
-async function removeMcpServer(scope) {
-  process.stdout.write(pc4.bold(`Removing Polter MCP server \u2014 ${SCOPE_LABELS[scope]}
-
-`));
-  if (commandExists("claude")) {
-    const result = spawnSync2("claude", ["mcp", "remove", "-s", scope, "polter"], {
-      stdio: "inherit",
-      shell: true
-    });
-    if (result.status === 0) {
-      process.stdout.write(pc4.green("\n  Done! Polter MCP server removed.\n"));
-      return;
-    }
-    process.stdout.write(pc4.yellow("  'claude mcp remove' failed, falling back to manual removal...\n\n"));
-  }
-  const settingsPath = getSettingsPath(scope);
-  if (!existsSync2(settingsPath)) {
-    process.stdout.write(pc4.yellow("  No settings file found. Nothing to remove.\n"));
-    return;
-  }
-  let settings;
-  try {
-    settings = JSON.parse(readFileSync2(settingsPath, "utf-8"));
-  } catch {
-    process.stderr.write(pc4.red(`  Failed to parse ${settingsPath}
-`));
-    process.exit(1);
-    return;
-  }
-  const mcpServers = settings.mcpServers;
-  if (!mcpServers?.polter) {
-    process.stdout.write(pc4.yellow("  Polter MCP server not found in settings. Nothing to remove.\n"));
-    return;
-  }
-  delete mcpServers.polter;
-  settings.mcpServers = mcpServers;
-  writeFileSync2(settingsPath, JSON.stringify(settings, null, 2) + "\n");
-  process.stdout.write(pc4.green("  Done! Polter MCP server removed.\n"));
-}
-async function mcpStatus() {
-  process.stdout.write(pc4.bold("Polter MCP Server Status\n\n"));
-  const pkg = require3("../../package.json");
-  process.stdout.write(`  Installed version: ${pc4.cyan(pkg.version)}
-`);
-  const latestResult = spawnSync2("npm", ["view", "@polterware/polter", "version"], {
-    encoding: "utf-8",
-    shell: true,
-    timeout: 1e4
-  });
-  const latest = latestResult.stdout?.trim();
-  if (latest) {
-    const upToDate = latest === pkg.version;
-    process.stdout.write(`  Latest version:    ${upToDate ? pc4.green(latest) : pc4.yellow(`${latest} (update available)`)}
-`);
-  }
-  process.stdout.write("\n");
-  const scopes = [
-    { label: "Project (.mcp.json)", path: join3(process.cwd(), ".mcp.json"), key: "project" },
-    { label: "User (~/.claude/settings.json)", path: join3(homedir2(), ".claude", "settings.json"), key: "user" }
-  ];
-  for (const scope of scopes) {
-    if (!existsSync2(scope.path)) {
-      process.stdout.write(`  ${scope.label}: ${pc4.dim("not found")}
-`);
-      continue;
-    }
-    try {
-      const settings = JSON.parse(readFileSync2(scope.path, "utf-8"));
-      const mcpServers = settings.mcpServers;
-      if (mcpServers?.polter) {
-        process.stdout.write(`  ${scope.label}: ${pc4.green("registered")}
-`);
-      } else {
-        process.stdout.write(`  ${scope.label}: ${pc4.dim("not registered")}
-`);
-      }
-    } catch {
-      process.stdout.write(`  ${scope.label}: ${pc4.red("error reading file")}
-`);
-    }
-  }
-}
-
 // src/index.tsx
-import pc5 from "picocolors";
+import pc4 from "picocolors";
 async function main() {
   const parsed = parseCliArgs(process.argv.slice(2));
   if (parsed.mode === "help") {
@@ -5553,7 +7099,7 @@ async function main() {
 `);
       process.exit(1);
     }
-    process.stdout.write(pc5.bold(`Running pipeline: ${pipeline.name}
+    process.stdout.write(pc4.bold(`Running pipeline: ${pipeline.name}
 `));
     const results = await executePipeline(pipeline, (progress) => {
       if (progress.done) return;
@@ -5567,24 +7113,24 @@ async function main() {
     });
     const errors = results.filter((r) => r.status === "error");
     if (errors.length > 0) {
-      process.stderr.write(pc5.red(`
+      process.stderr.write(pc4.red(`
 Pipeline completed with ${errors.length} error(s)
 `));
       process.exit(1);
     }
-    process.stdout.write(pc5.green("\nPipeline completed successfully!\n"));
+    process.stdout.write(pc4.green("\nPipeline completed successfully!\n"));
     return;
   }
   if (parsed.mode === "status") {
     const tools = ["supabase", "gh", "vercel", "git"];
-    process.stdout.write(pc5.bold("Tool Status\n\n"));
+    process.stdout.write(pc4.bold("Tool Status\n\n"));
     for (const toolId of tools) {
       const info = getToolInfo(toolId);
-      const status = info.installed ? pc5.green(`\u2713 ${info.label} ${info.version ?? ""}`) : pc5.red(`\u2717 ${info.label} not found`);
+      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(pc5.bold("\nProject Status\n\n"));
+    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"}
@@ -5608,15 +7154,15 @@ Pipeline completed with ${errors.length} error(s)
     }
     const plan = planChanges(yaml);
     if (plan.noChanges) {
-      process.stdout.write(pc5.green("No changes needed. State is up to date.\n"));
+      process.stdout.write(pc4.green("No changes needed. State is up to date.\n"));
       return;
     }
-    process.stdout.write(pc5.bold(`Plan: ${plan.actions.length} action(s)
+    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" ? pc5.green : action.action === "delete" ? pc5.red : pc5.yellow;
+      const color = action.action === "create" ? pc4.green : action.action === "delete" ? pc4.red : pc4.yellow;
       process.stdout.write(`  ${color(`${prefix} [${action.tool}] ${action.description}`)}
 `);
     }
@@ -5630,10 +7176,10 @@ Pipeline completed with ${errors.length} error(s)
     }
     const plan = planChanges(yaml);
     if (plan.noChanges) {
-      process.stdout.write(pc5.green("No changes needed. State is up to date.\n"));
+      process.stdout.write(pc4.green("No changes needed. State is up to date.\n"));
       return;
     }
-    process.stdout.write(pc5.bold(`Applying ${plan.actions.length} action(s)...
+    process.stdout.write(pc4.bold(`Applying ${plan.actions.length} action(s)...
 
 `));
     const results = await applyActions(plan.actions, process.cwd(), (i, total, action) => {
@@ -5642,16 +7188,16 @@ Pipeline completed with ${errors.length} error(s)
     });
     const errors = results.filter((r) => !r.success);
     if (errors.length > 0) {
-      process.stderr.write(pc5.red(`
+      process.stderr.write(pc4.red(`
 Apply completed with ${errors.length} error(s).
 `));
       for (const err of errors) {
-        process.stderr.write(pc5.red(`  \u2717 ${err.action.description}
+        process.stderr.write(pc4.red(`  \u2717 ${err.action.description}
 `));
       }
       process.exit(1);
     }
-    process.stdout.write(pc5.green("\nAll changes applied successfully!\n"));
+    process.stdout.write(pc4.green("\nAll changes applied successfully!\n"));
     return;
   }
   if (parsed.mode === "config") {
@@ -5667,11 +7213,11 @@ Apply completed with ${errors.length} error(s).
       process.exit(result.exitCode ?? 0);
     }
     const AppComponent2 = parsed.classic ? AppClassic : AppPanel;
-    render(React20.createElement(AppComponent2));
+    render(React27.createElement(AppComponent2));
     return;
   }
   const AppComponent = parsed.classic ? AppClassic : AppPanel;
-  render(React20.createElement(AppComponent));
+  render(React27.createElement(AppComponent));
 }
 main().catch((error) => {
   const message = error instanceof Error ? error.message : String(error);