@polterware/polter 0.3.1 → 0.4.1

package/dist/index.js

@@ -3,6 +3,7 @@ import {
   allCommands,
   applyActions,
   commandExists,
+  createIpcServer,
   detectPkgManager,
   executePipeline,
   features,
@@ -10,6 +11,7 @@ import {
   findNearestPackageRoot,
   findPipelineByName,
   findPolterYaml,
+  generateProcessId,
   getAllPipelines,
   getCommandById,
   getCommandValue,
@@ -20,6 +22,8 @@ import {
   getOrCreateProjectConfig,
   getProcessOutput,
   getProjectConfigPath,
+  getSocketPath,
+  getToolDisplayName,
   getToolInfo,
   getToolLinkInfo,
   installMcpServer,
@@ -36,16 +40,18 @@ import {
   runInteractiveCommand,
   runSupabaseCommand,
   savePipeline,
+  startProcess,
   stopProcess,
+  translateCommand,
   writeProjectConfig
-} from "./chunk-7MIUDIAI.js";
+} from "./chunk-ZHVOYB5M.js";
 
 // src/index.tsx
-import React27 from "react";
+import React28 from "react";
 import { render } from "ink";
 
 // src/app.tsx
-import { Box as Box28, Text as Text32, useApp } from "ink";
+import { Box as Box29, Text as Text33, useApp } from "ink";
 
 // src/hooks/useNavigation.ts
 import { useState, useCallback } from "react";
@@ -110,7 +116,7 @@ function useTerminalHeight() {
 }
 
 // src/components/GhostBanner.tsx
-import React from "react";
+import React, { useState as useState3, useEffect as useEffect2 } from "react";
 import { Box, Text as Text2 } from "ink";
 
 // src/theme.ts
@@ -197,6 +203,12 @@ var toolColors = {
   git: "#F05032",
   pkg: "#CB3837"
 };
+var pkgManagerColors = {
+  npm: "#CB3837",
+  pnpm: "#F69220",
+  yarn: "#2C8EBB",
+  bun: "#FBF0DF"
+};
 var toolLabels = {
   supabase: "supabase",
   gh: "github",
@@ -204,8 +216,21 @@ var toolLabels = {
   git: "git",
   pkg: "pkg"
 };
+function resolveToolColor(tool) {
+  if (tool === "pkg") {
+    const name = getToolDisplayName(tool);
+    return pkgManagerColors[name] ?? toolColors.pkg;
+  }
+  return toolColors[tool];
+}
+function resolveToolLabel(tool) {
+  if (tool === "pkg") {
+    return getToolDisplayName(tool);
+  }
+  return toolLabels[tool];
+}
 function ToolBadge({ tool }) {
-  return /* @__PURE__ */ jsx(Text, { color: toolColors[tool], dimColor: true, children: toolLabels[tool] });
+  return /* @__PURE__ */ jsx(Text, { color: resolveToolColor(tool), dimColor: true, children: resolveToolLabel(tool) });
 }
 
 // src/components/GhostBanner.tsx
@@ -219,6 +244,23 @@ var McpBadge = React.memo(function McpBadge2() {
     registered ? "ok" : "x"
   ] }) });
 });
+function ProcessBadge() {
+  const [count, setCount] = useState3(() => {
+    return listProcesses().filter((p) => p.status === "running").length;
+  });
+  useEffect2(() => {
+    const id = setInterval(() => {
+      const c = listProcesses().filter((p) => p.status === "running").length;
+      setCount(c);
+    }, 2e3);
+    return () => clearInterval(id);
+  }, []);
+  const color = count > 0 ? "#3ECF8E" : inkColors.accent;
+  return /* @__PURE__ */ jsx2(Box, { borderStyle: "round", borderColor: color, borderDimColor: count === 0, children: /* @__PURE__ */ jsxs(Text2, { color, dimColor: count === 0, children: [
+    "runs:",
+    count
+  ] }) });
+}
 var ToolStatusBadges = React.memo(function ToolStatusBadges2() {
   const tools = ["supabase", "gh", "vercel"].map((id) => getToolLinkInfo(id));
   return /* @__PURE__ */ jsxs(Box, { gap: 1, children: [
@@ -237,13 +279,16 @@ function GhostBanner({ width = 80, compact = false }) {
   if (compact) {
     if (width < 60) {
       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__ */ jsxs(Box, { gap: 1, 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(Text2, { color: "yellow", children: "alpha" })
+          /* @__PURE__ */ jsx2(ProcessBadge, {})
         ] }),
         /* @__PURE__ */ jsx2(Box, { borderStyle: "round", borderColor: inkColors.accent, paddingX: 1, children: /* @__PURE__ */ jsx2(ToolStatusBadges, {}) })
       ] });
@@ -251,13 +296,16 @@ function GhostBanner({ width = 80, compact = false }) {
     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__ */ jsxs(Box, { gap: 1, 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(Text2, { color: "yellow", children: "alpha" })
+          /* @__PURE__ */ jsx2(ProcessBadge, {})
         ] }),
         /* @__PURE__ */ jsx2(Box, { borderStyle: "round", borderColor: inkColors.accent, paddingX: 1, children: /* @__PURE__ */ jsx2(ToolStatusBadges, {}) })
       ] })
@@ -265,13 +313,16 @@ function GhostBanner({ width = 80, compact = false }) {
   }
   if (width < 50) {
     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__ */ jsxs(Box, { gap: 1, 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(Text2, { color: "yellow", children: "alpha" })
+        /* @__PURE__ */ jsx2(ProcessBadge, {})
       ] }),
       /* @__PURE__ */ jsx2(Box, { borderStyle: "round", borderColor: inkColors.accent, paddingX: 1, children: /* @__PURE__ */ jsx2(ToolStatusBadges, {}) })
     ] });
@@ -286,13 +337,16 @@ function GhostBanner({ width = 80, compact = false }) {
         borderColor: inkColors.accent,
         marginBottom: 1,
         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__ */ jsxs(Box, { gap: 1, 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(Text2, { color: "yellow", children: "alpha" })
+            /* @__PURE__ */ jsx2(ProcessBadge, {})
           ] }),
           /* @__PURE__ */ jsx2(Box, { borderStyle: "round", borderColor: inkColors.accent, paddingX: 1, children: /* @__PURE__ */ jsx2(ToolStatusBadges, {}) }),
           /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "Project & infrastructure orchestrator" })
@@ -303,13 +357,16 @@ function GhostBanner({ width = 80, compact = false }) {
   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__ */ jsxs(Box, { gap: 1, 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(Text2, { color: "yellow", children: "alpha" })
+        /* @__PURE__ */ jsx2(ProcessBadge, {})
       ] }),
       /* @__PURE__ */ jsx2(Box, { borderStyle: "round", borderColor: inkColors.accent, paddingX: 1, children: /* @__PURE__ */ jsx2(ToolStatusBadges, {}) }),
       /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: " Project & infrastructure orchestrator" })
@@ -318,7 +375,7 @@ function GhostBanner({ width = 80, compact = false }) {
 }
 
 // src/screens/Home.tsx
-import { useEffect as useEffect3, useMemo as useMemo2, useState as useState4 } from "react";
+import { useEffect as useEffect4, useMemo as useMemo2, useState as useState5 } from "react";
 import { Box as Box5, Text as Text6, useInput as useInput2 } from "ink";
 
 // src/components/TabBar.tsx
@@ -347,7 +404,7 @@ function TabBar({ tabs, activeIndex, width = 80 }) {
 }
 
 // src/components/SelectList.tsx
-import { useEffect as useEffect2, useMemo, useState as useState3 } from "react";
+import { useEffect as useEffect3, useMemo, useState as useState4 } from "react";
 import { Box as Box3, Text as Text4, useInput } from "ink";
 
 // src/components/selectListSections.ts
@@ -454,8 +511,8 @@ function SelectList({
     }, []),
     [items]
   );
-  const [selectedSelectableIndex, setSelectedSelectableIndex] = useState3(0);
-  useEffect2(() => {
+  const [selectedSelectableIndex, setSelectedSelectableIndex] = useState4(0);
+  useEffect3(() => {
     if (selectableIndexes.length === 0) {
       setSelectedSelectableIndex(0);
       return;
@@ -707,13 +764,13 @@ function buildPinnedOnlyItems(pinnedCommands, pinnedRuns) {
   if (pinnedCommands.length > 0) {
     for (const command of pinnedCommands) {
       const cmdDef = findCommandByValue(command);
-      const toolHint = cmdDef ? cmdDef.tool : "supabase";
+      const toolDisplay = cmdDef ? getToolDisplayName(cmdDef.tool) : "supabase";
       const labelHint = cmdDef?.hint;
       items.push({
         id: `command:${command}`,
         value: command,
-        label: cmdDef ? `${cmdDef.tool} ${command}` : command,
-        hint: [toolHint, labelHint].filter(Boolean).join(" \xB7 "),
+        label: cmdDef ? `${toolDisplay} ${command}` : command,
+        hint: [toolDisplay, labelHint].filter(Boolean).join(" \xB7 "),
         icon: "\u{1F4CC}",
         kind: "command",
         rightActionable: true,
@@ -725,12 +782,12 @@ function buildPinnedOnlyItems(pinnedCommands, pinnedRuns) {
     for (const runCommand2 of pinnedRuns) {
       const baseCommand = runCommand2.split(" ").filter(Boolean)[0] ?? "";
       const cmdDef = findCommandByValue(baseCommand);
-      const toolHint = cmdDef ? cmdDef.tool : "supabase";
+      const toolDisplay = cmdDef ? getToolDisplayName(cmdDef.tool) : "supabase";
       items.push({
         id: `run:${runCommand2}`,
         value: runCommand2,
-        label: cmdDef ? `${cmdDef.tool} ${runCommand2}` : runCommand2,
-        hint: toolHint,
+        label: cmdDef ? `${toolDisplay} ${runCommand2}` : runCommand2,
+        hint: toolDisplay,
         icon: "\u25B6",
         kind: "run",
         rightActionable: true,
@@ -767,8 +824,8 @@ function buildHomeItems({
       selectable: false
     });
   }
-  const toolOrder = { supabase: 0, vercel: 1, gh: 2, git: 3 };
-  const toolIcons = { supabase: "\u{1F7E2}", vercel: "\u26AA", gh: "\u{1F535}", git: "\u{1F7E0}" };
+  const toolOrder = { supabase: 0, vercel: 1, gh: 2, git: 3, pkg: 4 };
+  const toolIcons = { supabase: "\u{1F7E2}", vercel: "\u26AA", gh: "\u{1F535}", git: "\u{1F7E0}", pkg: "\u{1F4E6}" };
   const grouped = /* @__PURE__ */ new Map();
   for (const cmd of activeFeature.commands) {
     const existing = grouped.get(cmd.tool) ?? [];
@@ -784,7 +841,7 @@ function buildHomeItems({
     items.push({
       id: `tool-header-${tool}`,
       value: `__tool_header_${tool}__`,
-      label: `${icon} ${tool}`,
+      label: `${icon} ${getToolDisplayName(tool)}`,
       kind: "header",
       selectable: false
     });
@@ -883,16 +940,16 @@ function Home({
   height = 24
 }) {
   const allFeatures = useMemo2(() => getFeatures(), []);
-  const [activeTabIndex, setActiveTabIndex] = useState4(0);
-  const [pinnedCommands, setPinnedCommands2] = useState4(
+  const [activeTabIndex, setActiveTabIndex] = useState5(0);
+  const [pinnedCommands, setPinnedCommands2] = useState5(
     () => getPinnedCommands()
   );
-  const [pinnedRuns, setPinnedRuns2] = useState4(
+  const [pinnedRuns, setPinnedRuns2] = useState5(
     () => getPinnedRuns()
   );
-  const [pinFeedback, setPinFeedback] = useState4();
+  const [pinFeedback, setPinFeedback] = useState5();
   const activeFeature = allFeatures[activeTabIndex];
-  useEffect3(() => {
+  useEffect4(() => {
     if (!pinFeedback) return;
     const timeout = setTimeout(() => setPinFeedback(void 0), 1400);
     return () => clearTimeout(timeout);
@@ -1031,11 +1088,11 @@ function Home({
 }
 
 // src/screens/CommandArgs.tsx
-import { useEffect as useEffect4, useMemo as useMemo3, useState as useState6 } from "react";
+import { useEffect as useEffect5, useMemo as useMemo3, useState as useState7 } from "react";
 import { Box as Box7, Text as Text8, useInput as useInput4 } from "ink";
 
 // src/components/TextPrompt.tsx
-import { useState as useState5 } from "react";
+import { useState as useState6 } from "react";
 import { Box as Box6, Text as Text7, useInput as useInput3 } from "ink";
 import TextInputComponent from "ink-text-input";
 import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
@@ -1050,8 +1107,8 @@ function TextPrompt({
   boxed = false,
   focused = true
 }) {
-  const [value, setValue] = useState5("");
-  const [error, setError] = useState5();
+  const [value, setValue] = useState6("");
+  const [error, setError] = useState6();
   useInput3((_input, key) => {
     if (key.escape && onCancel) {
       onCancel();
@@ -1190,15 +1247,15 @@ function CommandArgs({
     () => cmdDef?.suggestedArgs ?? [],
     [cmdDef]
   );
-  const [pinnedRuns, setPinnedRuns2] = useState6(() => getPinnedRuns());
-  const [pinFeedback, setPinFeedback] = useState6();
-  const [phase, setPhase] = useState6(
+  const [pinnedRuns, setPinnedRuns2] = useState7(() => getPinnedRuns());
+  const [pinFeedback, setPinFeedback] = useState7();
+  const [phase, setPhase] = useState7(
     suggestions.length > 0 ? "select" : "custom"
   );
-  useEffect4(() => {
+  useEffect5(() => {
     setPhase(suggestions.length > 0 ? "select" : "custom");
   }, [command, suggestions.length]);
-  useEffect4(() => {
+  useEffect5(() => {
     if (!pinFeedback) return;
     const timeout = setTimeout(() => setPinFeedback(void 0), 1400);
     return () => clearTimeout(timeout);
@@ -1340,7 +1397,7 @@ function CommandArgs({
 }
 
 // src/screens/CustomCommand.tsx
-import { useState as useState7 } from "react";
+import { useState as useState8 } from "react";
 import { Box as Box8, Text as Text9 } from "ink";
 import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
 function CustomCommand({
@@ -1351,8 +1408,8 @@ function CustomCommand({
   panelMode = false,
   isInputActive = true
 }) {
-  const [phase, setPhase] = useState7("tool-select");
-  const [selectedTool, setSelectedTool] = useState7("supabase");
+  const [phase, setPhase] = useState8("tool-select");
+  const [selectedTool, setSelectedTool] = useState8("supabase");
   if (phase === "tool-select") {
     const toolItems = [
       { value: "__section__", label: "\u{1F6E0} Select Tool", kind: "header", selectable: false },
@@ -1360,6 +1417,8 @@ function CustomCommand({
       { value: "gh", label: "GitHub CLI", hint: "gh ...", kind: "action" },
       { value: "vercel", label: "Vercel CLI", hint: "vercel ...", kind: "action" },
       { value: "git", label: "Git", hint: "git ...", kind: "action" },
+      { value: "__free_header__", label: "", kind: "header", selectable: false },
+      { value: "free", label: "\u2328 Free command", hint: "any command", kind: "action" },
       ...!panelMode ? [{ value: "__back__", label: "\u2190 Back" }] : []
     ];
     return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", paddingX: panelMode ? 1 : 0, children: [
@@ -1374,6 +1433,10 @@ function CustomCommand({
               onBack();
               return;
             }
+            if (value === "free") {
+              setPhase("free-input");
+              return;
+            }
             setSelectedTool(value);
             setPhase("input");
           },
@@ -1389,6 +1452,34 @@ function CustomCommand({
       !panelMode && /* @__PURE__ */ jsx9(StatusBar, { hint: "\u2191\u2193 navigate \xB7 Enter select \xB7 Esc back", width })
     ] });
   }
+  if (phase === "free-input") {
+    return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", paddingX: panelMode ? 1 : 0, children: [
+      !panelMode && /* @__PURE__ */ jsx9(Box8, { marginBottom: 1, children: /* @__PURE__ */ jsx9(Text9, { bold: true, color: inkColors.accent, children: "\u2328 Free Command" }) }),
+      /* @__PURE__ */ jsx9(
+        TextPrompt,
+        {
+          label: "Enter full command:",
+          placeholder: "e.g. docker ps, curl -s http://..., make build",
+          validate: (val) => {
+            if (!val || !val.trim()) return "Please enter a command";
+            return void 0;
+          },
+          onSubmit: (value) => {
+            const parts = value.split(" ").filter(Boolean);
+            const cmd = parts[0];
+            const args = parts.slice(1);
+            onNavigate("command-execution", { args, rawCommand: cmd });
+          },
+          onCancel: () => setPhase("tool-select"),
+          arrowNavigation: panelMode,
+          isInputActive,
+          boxed: panelMode,
+          focused: isInputActive
+        }
+      ),
+      !panelMode && /* @__PURE__ */ jsx9(StatusBar, { hint: "Type full command \xB7 Enter to execute \xB7 Esc to go back", width })
+    ] });
+  }
   return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", paddingX: panelMode ? 1 : 0, children: [
     !panelMode && /* @__PURE__ */ jsxs8(Box8, { marginBottom: 1, gap: 1, children: [
       /* @__PURE__ */ jsx9(Text9, { bold: true, color: inkColors.accent, children: "\u270F\uFE0F Custom Command" }),
@@ -1409,7 +1500,7 @@ function CustomCommand({
         },
         onSubmit: (value) => {
           const args = value.split(" ").filter(Boolean);
-          onNavigate("flag-selection", { args, tool: selectedTool, interactive: true });
+          onNavigate("command-execution", { args, tool: selectedTool });
         },
         onCancel: () => setPhase("tool-select"),
         arrowNavigation: panelMode,
@@ -1426,7 +1517,7 @@ function CustomCommand({
 import { Box as Box10, Text as Text11 } from "ink";
 
 // src/components/FlagToggle.tsx
-import { useState as useState8 } from "react";
+import { useState as useState9 } from "react";
 import { Box as Box9, Text as Text10, useInput as useInput5 } from "ink";
 import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
 function FlagToggle({
@@ -1436,8 +1527,8 @@ function FlagToggle({
   isInputActive = true,
   arrowNavigation = false
 }) {
-  const [cursor, setCursor] = useState8(0);
-  const [selected, setSelected] = useState8(/* @__PURE__ */ new Set());
+  const [cursor, setCursor] = useState9(0);
+  const [selected, setSelected] = useState9(/* @__PURE__ */ new Set());
   useInput5((input2, key) => {
     if (key.upArrow || input2 === "k") {
       setCursor((prev) => prev > 0 ? prev - 1 : flags.length - 1);
@@ -1569,27 +1660,12 @@ function FlagSelection({
 }
 
 // src/screens/CommandExecution.tsx
-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";
-import InkSpinner from "ink-spinner";
-import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
-function Spinner({
-  label = "Running...",
-  color = inkColors.accent
-}) {
-  return /* @__PURE__ */ jsxs11(Text12, { children: [
-    /* @__PURE__ */ jsx12(Text12, { color, children: /* @__PURE__ */ jsx12(InkSpinner, { type: "dots" }) }),
-    " ",
-    /* @__PURE__ */ jsx12(Text12, { children: label })
-  ] });
-}
+import { useState as useState12, useEffect as useEffect9 } from "react";
+import { Box as Box13, Text as Text15, useInput as useInput8 } from "ink";
 
 // src/components/ConfirmPrompt.tsx
-import { Box as Box11, Text as Text13, useInput as useInput6 } from "ink";
-import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Box as Box11, Text as Text12, useInput as useInput6 } from "ink";
+import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
 function ConfirmPrompt({
   message,
   defaultValue = true,
@@ -1615,16 +1691,16 @@ function ConfirmPrompt({
       onConfirm(defaultValue);
     }
   }, { isActive: isInputActive });
-  return /* @__PURE__ */ jsxs12(Box11, { gap: 1, children: [
-    /* @__PURE__ */ jsx13(Text13, { color: inkColors.accent, bold: true, children: "?" }),
-    /* @__PURE__ */ jsx13(Text13, { children: message }),
-    /* @__PURE__ */ jsx13(Text13, { dimColor: true, children: defaultValue ? "(Y/n)" : "(y/N)" })
+  return /* @__PURE__ */ jsxs11(Box11, { gap: 1, children: [
+    /* @__PURE__ */ jsx12(Text12, { color: inkColors.accent, bold: true, children: "?" }),
+    /* @__PURE__ */ jsx12(Text12, { children: message }),
+    /* @__PURE__ */ jsx12(Text12, { dimColor: true, children: defaultValue ? "(Y/n)" : "(y/N)" })
   ] });
 }
 
 // src/components/Divider.tsx
-import { Text as Text14 } from "ink";
-import { jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Text as Text13 } from "ink";
+import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
 function Divider({
   label,
   width
@@ -1635,7 +1711,7 @@ function Divider({
     const sideLen = Math.max(2, Math.floor((effectiveWidth - labelLen) / 2));
     const left = "\u2500".repeat(sideLen);
     const right = "\u2500".repeat(sideLen);
-    return /* @__PURE__ */ jsxs13(Text14, { dimColor: true, children: [
+    return /* @__PURE__ */ jsxs12(Text13, { dimColor: true, children: [
       left,
       " ",
       label,
@@ -1643,31 +1719,44 @@ function Divider({
       right
     ] });
   }
-  return /* @__PURE__ */ jsx14(Text14, { dimColor: true, children: "\u2500".repeat(effectiveWidth) });
+  return /* @__PURE__ */ jsx13(Text13, { dimColor: true, children: "\u2500".repeat(effectiveWidth) });
 }
 
-// src/components/CommandOutput.tsx
-import { Text as Text16 } from "ink";
-
 // src/components/ScrollableBox.tsx
-import { useState as useState9 } from "react";
-import { Box as Box12, Text as Text15, useInput as useInput7 } from "ink";
-import { jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
+import { useState as useState10, useEffect as useEffect6, useRef } from "react";
+import { Box as Box12, Text as Text14, useInput as useInput7 } from "ink";
+import { jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
 function ScrollableBox({
   height,
   isActive = true,
+  autoScrollToBottom = false,
   children
 }) {
   const totalItems = children.length;
-  const [scrollOffset, setScrollOffset] = useState9(0);
+  const [scrollOffset, setScrollOffset] = useState10(0);
   const visibleCount = Math.max(1, height - 2);
+  const maxOffset = Math.max(0, totalItems - visibleCount);
+  const pinnedToBottom = useRef(autoScrollToBottom);
+  useEffect6(() => {
+    if (autoScrollToBottom && pinnedToBottom.current) {
+      setScrollOffset(maxOffset);
+    }
+  }, [autoScrollToBottom, maxOffset]);
   useInput7(
     (input2, key) => {
       if (key.upArrow || input2 === "k") {
-        setScrollOffset((prev) => Math.max(0, prev - 1));
+        setScrollOffset((prev) => {
+          const next = Math.max(0, prev - 1);
+          pinnedToBottom.current = next >= maxOffset;
+          return next;
+        });
       }
       if (key.downArrow || input2 === "j") {
-        setScrollOffset((prev) => Math.min(Math.max(0, totalItems - visibleCount), prev + 1));
+        setScrollOffset((prev) => {
+          const next = Math.min(maxOffset, prev + 1);
+          pinnedToBottom.current = next >= maxOffset;
+          return next;
+        });
       }
     },
     { isActive }
@@ -1675,52 +1764,22 @@ function ScrollableBox({
   const showScrollUp = scrollOffset > 0;
   const showScrollDown = scrollOffset + visibleCount < totalItems;
   const visible = children.slice(scrollOffset, scrollOffset + visibleCount);
-  return /* @__PURE__ */ jsxs14(Box12, { flexDirection: "column", height, children: [
-    showScrollUp && /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: "  \u2191 more" }),
+  return /* @__PURE__ */ jsxs13(Box12, { flexDirection: "column", height, children: [
+    showScrollUp && /* @__PURE__ */ jsx14(Text14, { dimColor: true, children: "  \u2191 more" }),
     visible,
-    showScrollDown && /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: "  \u2193 more" })
-  ] });
-}
-
-// src/lib/ansi.ts
-var ANSI_RE = (
-  // biome-ignore lint/suspicious/noControlCharactersInRegex: intentional ANSI stripping
-  /[\u001B\u009B][[\]()#;?]*(?:(?:(?:[a-zA-Z\d]*(?:;[-a-zA-Z\d/#&.:=?%@~_]*)*)?\u0007)|(?:(?:\d{1,4}(?:;\d{0,4})*)?[\dA-PR-TZcf-nq-uy=><~]))/g
-);
-function stripAnsi(text) {
-  return text.replace(ANSI_RE, "");
-}
-
-// src/components/CommandOutput.tsx
-import { jsx as jsx16 } from "react/jsx-runtime";
-function cleanLines(raw) {
-  const stripped = stripAnsi(raw);
-  return stripped.replace(/\r/g, "").split("\n").filter((line) => line.length > 0);
-}
-function CommandOutput({
-  stdout,
-  stderr,
-  height,
-  isActive = false
-}) {
-  const outLines = stdout ? cleanLines(stdout) : [];
-  const errLines = stderr ? cleanLines(stderr) : [];
-  if (outLines.length === 0 && errLines.length === 0) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx16(ScrollableBox, { height: Math.max(3, height), isActive, children: [
-    ...outLines.map((line, i) => /* @__PURE__ */ jsx16(Text16, { children: line }, `o-${i}`)),
-    ...errLines.map((line, i) => /* @__PURE__ */ jsx16(Text16, { color: "red", children: line }, `e-${i}`))
+    showScrollDown && /* @__PURE__ */ jsx14(Text14, { dimColor: true, children: "  \u2193 more" })
   ] });
 }
 
 // src/hooks/useCommand.ts
-import { useState as useState10, useCallback as useCallback2, useRef, useEffect as useEffect5 } from "react";
+import { useState as useState11, useCallback as useCallback2, useRef as useRef2, useEffect as useEffect7 } 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(() => {
+  const [status, setStatus] = useState11("idle");
+  const [result, setResult] = useState11(null);
+  const [partialStdout, setPartialStdout] = useState11("");
+  const [partialStderr, setPartialStderr] = useState11("");
+  const abortRef = useRef2(null);
+  useEffect7(() => {
     return () => {
       abortRef.current?.();
       abortRef.current = null;
@@ -1729,9 +1788,11 @@ function useCommand(execution = "supabase", cwd = process.cwd(), options) {
   const run = useCallback2(async (args) => {
     setStatus("running");
     setResult(null);
+    setPartialStdout("");
+    setPartialStderr("");
     let resolvedExecution;
     if (typeof execution === "string") {
-      const toolIds2 = ["supabase", "gh", "vercel"];
+      const toolIds2 = ["supabase", "gh", "vercel", "git", "pkg"];
       if (toolIds2.includes(execution)) {
         const resolved = resolveToolCommand(execution, cwd);
         resolvedExecution = { command: resolved.command, env: resolved.env };
@@ -1741,7 +1802,11 @@ function useCommand(execution = "supabase", cwd = process.cwd(), options) {
     } else {
       resolvedExecution = execution;
     }
-    const runOpts = options?.quiet ? { quiet: true } : void 0;
+    const onData = (stdout, stderr) => {
+      setPartialStdout(stdout);
+      setPartialStderr(stderr);
+    };
+    const runOpts = { quiet: options?.quiet, onData };
     const handle = runCommand(resolvedExecution, args, cwd, runOpts);
     abortRef.current = handle.abort;
     const res = await handle.promise;
@@ -1761,21 +1826,23 @@ function useCommand(execution = "supabase", cwd = process.cwd(), options) {
   const reset = useCallback2(() => {
     setStatus("idle");
     setResult(null);
+    setPartialStdout("");
+    setPartialStderr("");
   }, []);
-  return { status, result, run, reset, abort };
+  return { status, result, run, reset, abort, partialStdout, partialStderr };
 }
 
 // src/hooks/useInteractiveRun.ts
 import { useCallback as useCallback3 } from "react";
 
 // src/hooks/useFullscreen.ts
-import { useEffect as useEffect6 } from "react";
+import { useEffect as useEffect8 } from "react";
 var ENTER_ALT_SCREEN = "\x1B[?1049h";
 var LEAVE_ALT_SCREEN = "\x1B[?1049l";
 var HIDE_CURSOR = "\x1B[?25l";
 var SHOW_CURSOR = "\x1B[?25h";
 function useFullscreen() {
-  useEffect6(() => {
+  useEffect8(() => {
     process.stdout.write(ENTER_ALT_SCREEN + HIDE_CURSOR);
     return () => {
       process.stdout.write(SHOW_CURSOR + LEAVE_ALT_SCREEN);
@@ -1830,6 +1897,15 @@ async function copyToClipboard(text) {
   });
 }
 
+// src/lib/ansi.ts
+var ANSI_RE = (
+  // biome-ignore lint/suspicious/noControlCharactersInRegex: intentional ANSI stripping
+  /[\u001B\u009B][[\]()#;?]*(?:(?:(?:[a-zA-Z\d]*(?:;[-a-zA-Z\d/#&.:=?%@~_]*)*)?\u0007)|(?:(?:\d{1,4}(?:;\d{0,4})*)?[\dA-PR-TZcf-nq-uy=><~]))/g
+);
+function stripAnsi(text) {
+  return text.replace(ANSI_RE, "");
+}
+
 // src/lib/errorSuggestions.ts
 var KNOWN_TOOLS = ["supabase", "gh", "vercel", "git"];
 var BACKTICK_CMD = /(?:try\s+)?(?:run(?:ning)?|use|execute)\s+`([^`]+)`/gi;
@@ -1876,10 +1952,11 @@ ${stderr}`);
 }
 
 // src/screens/CommandExecution.tsx
-import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
 function CommandExecution({
   args: initialArgs,
   tool = "supabase",
+  rawCommand,
   interactive = false,
   onBack,
   onHome,
@@ -1890,38 +1967,56 @@ function CommandExecution({
   panelMode = false,
   isInputActive = true
 }) {
-  const [phase, setPhase] = useState11("confirm");
-  const [currentArgs, setCurrentArgs] = useState11(initialArgs);
-  const [pinMessage, setPinMessage] = useState11();
-  const { status, result, run, reset, abort } = useCommand(tool, process.cwd(), {
+  const [phase, setPhase] = useState12("confirm");
+  const [currentArgs, setCurrentArgs] = useState12(initialArgs);
+  const [pinMessage, setPinMessage] = useState12();
+  const execution = rawCommand ?? tool;
+  const { status, result, run, reset, abort, partialStdout, partialStderr } = useCommand(execution, process.cwd(), {
     quiet: panelMode
   });
   const { runInteractive } = useInteractiveRun();
-  const [outputFocused, setOutputFocused] = useState11(false);
-  const [copyMessage, setCopyMessage] = useState11();
-  const cmdDisplay = `${tool} ${currentArgs.join(" ")}`;
+  const [outputFocused, setOutputFocused] = useState12(false);
+  const [copyMessage, setCopyMessage] = useState12();
+  const [feedback, setFeedback] = useState12();
+  const [aborting, setAborting] = useState12(false);
+  const cmdDisplay = rawCommand ? `${rawCommand} ${currentArgs.join(" ")}`.trim() : `${getToolDisplayName(tool)} ${currentArgs.join(" ")}`;
   const runCommand2 = currentArgs.join(" ");
   useInput8(
-    (_input, key) => {
+    (input2, key) => {
       if (key.escape) {
         abort();
         onBack();
+        return;
+      }
+      if (input2 === "x" && !aborting) {
+        abort();
+        setAborting(true);
+        setFeedback("Aborting...");
+        return;
+      }
+      if (input2 === "c") {
+        const output2 = [partialStdout, partialStderr].filter(Boolean).join("\n");
+        copyToClipboard(output2).then(() => setFeedback("Copied to clipboard"));
+        return;
       }
     },
     { isActive: isInputActive && phase === "running" }
   );
   useInput8(
-    (input2, key) => {
-      if (input2 === "o" && !outputFocused) {
-        setOutputFocused(true);
-      }
-      if (key.escape && outputFocused) {
-        setOutputFocused(false);
+    (input2, _key) => {
+      if (input2 === "/") {
+        setOutputFocused((prev) => !prev);
       }
     },
-    { isActive: isInputActive && phase === "error-menu" }
+    { isActive: isInputActive && (phase === "error-menu" || phase === "success") }
   );
-  useEffect7(() => {
+  useEffect9(() => {
+    if (phase === "background-started") {
+      const t = setTimeout(() => onBack(), 1500);
+      return () => clearTimeout(t);
+    }
+  }, [phase, onBack]);
+  useEffect9(() => {
     if (phase === "running" && status === "idle") {
       if (panelMode && interactive) {
         const interactiveResult = runInteractive(tool, currentArgs);
@@ -1935,7 +2030,7 @@ function CommandExecution({
       }
     }
   }, [phase, status, run, currentArgs, panelMode, interactive, tool, runInteractive]);
-  useEffect7(() => {
+  useEffect9(() => {
     if (phase === "running" && status === "success") {
       if (isPinnedRun(runCommand2)) {
         setPhase("success");
@@ -1947,6 +2042,12 @@ function CommandExecution({
       setPhase("error-menu");
     }
   }, [phase, runCommand2, status]);
+  useEffect9(() => {
+    if (feedback) {
+      const timer = setTimeout(() => setFeedback(void 0), 2e3);
+      return () => clearTimeout(timer);
+    }
+  }, [feedback]);
   if (phase === "confirm") {
     const pinned = isPinnedRun(runCommand2);
     const confirmItems = [
@@ -1956,19 +2057,24 @@ function CommandExecution({
         label: pinned ? "\u{1F4CC} Unpin command" : "\u{1F4CC} Pin command",
         hint: "Save to quick access"
       },
+      {
+        value: "background",
+        label: "\u23E9 Run in background",
+        hint: "Start as background process"
+      },
       { 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: [
+    const confirmContent = /* @__PURE__ */ jsxs14(Box13, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs14(Box13, { marginBottom: 1, gap: 1, children: [
+        /* @__PURE__ */ jsxs14(Text15, { color: inkColors.accent, bold: true, children: [
           "\u25B6",
           " ",
           cmdDisplay
         ] }),
-        /* @__PURE__ */ jsx17(ToolBadge, { tool })
+        /* @__PURE__ */ jsx15(ToolBadge, { tool })
       ] }),
-      pinMessage && /* @__PURE__ */ jsx17(Box13, { marginBottom: 1, children: /* @__PURE__ */ jsx17(Text17, { color: inkColors.accent, children: pinMessage }) }),
-      /* @__PURE__ */ jsx17(
+      pinMessage && /* @__PURE__ */ jsx15(Box13, { marginBottom: 1, children: /* @__PURE__ */ jsx15(Text15, { color: inkColors.accent, children: pinMessage }) }),
+      /* @__PURE__ */ jsx15(
         SelectList,
         {
           items: confirmItems,
@@ -1984,6 +2090,19 @@ function CommandExecution({
                   isPinnedRun(runCommand2) ? "\u2713 Command pinned" : "\u2713 Command unpinned"
                 );
                 break;
+              case "background": {
+                const cwd = process.cwd();
+                if (rawCommand) {
+                  const id = generateProcessId(rawCommand, currentArgs);
+                  startProcess(id, rawCommand, currentArgs, cwd);
+                } else {
+                  const resolved = resolveToolCommand(tool, cwd);
+                  const id = generateProcessId(resolved.command, currentArgs);
+                  startProcess(id, resolved.command, currentArgs, cwd, resolved.env);
+                }
+                setPhase("background-started");
+                break;
+              }
               case "cancel":
                 onBack();
                 break;
@@ -1998,7 +2117,7 @@ function CommandExecution({
         }
       )
     ] });
-    return /* @__PURE__ */ jsx17(Box13, { flexDirection: "column", paddingX: panelMode ? 1 : 0, children: panelMode ? /* @__PURE__ */ jsx17(
+    return /* @__PURE__ */ jsx15(Box13, { flexDirection: "column", paddingX: panelMode ? 1 : 0, children: panelMode ? /* @__PURE__ */ jsx15(
       Box13,
       {
         flexDirection: "column",
@@ -2010,32 +2129,72 @@ function CommandExecution({
       }
     ) : confirmContent });
   }
+  if (phase === "background-started") {
+    return /* @__PURE__ */ jsxs14(Box13, { flexDirection: "column", paddingX: panelMode ? 1 : 0, children: [
+      /* @__PURE__ */ jsxs14(Box13, { marginY: 1, gap: 1, children: [
+        /* @__PURE__ */ jsx15(Text15, { color: "#3ECF8E", bold: true, children: "\u2713" }),
+        /* @__PURE__ */ jsx15(Text15, { color: "#3ECF8E", bold: true, children: "Started in background" })
+      ] }),
+      /* @__PURE__ */ jsxs14(Box13, { children: [
+        /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: "Command: " }),
+        /* @__PURE__ */ jsx15(Text15, { children: cmdDisplay })
+      ] })
+    ] });
+  }
   if (phase === "running") {
-    return /* @__PURE__ */ jsxs15(Box13, { flexDirection: "column", paddingX: panelMode ? 1 : 0, children: [
-      /* @__PURE__ */ jsx17(Divider, { width: panelMode ? width - 4 : width }),
-      /* @__PURE__ */ jsxs15(Box13, { marginY: 1, gap: 1, children: [
-        /* @__PURE__ */ jsx17(Text17, { color: inkColors.accent, bold: true, children: "\u25B6" }),
-        /* @__PURE__ */ jsx17(Text17, { dimColor: true, children: "Running:" }),
-        /* @__PURE__ */ jsx17(Text17, { children: cmdDisplay }),
-        /* @__PURE__ */ jsx17(ToolBadge, { tool })
+    const outputText = [partialStdout, partialStderr].filter(Boolean).join("\n");
+    const outputLines = outputText ? stripAnsi(outputText).split("\n") : [];
+    const logBoxHeight = Math.max(3, height - 7);
+    const cardWidth = Math.max(30, (panelMode ? width - 4 : width) - 2);
+    return /* @__PURE__ */ jsxs14(Box13, { flexDirection: "column", paddingX: panelMode ? 1 : 0, children: [
+      /* @__PURE__ */ jsxs14(Box13, { marginBottom: 1, gap: 1, children: [
+        /* @__PURE__ */ jsxs14(Text15, { color: inkColors.accent, bold: true, children: [
+          "\u25B6",
+          " ",
+          cmdDisplay
+        ] }),
+        /* @__PURE__ */ jsx15(ToolBadge, { tool }),
+        /* @__PURE__ */ jsxs14(Text15, { color: aborting ? "yellow" : "green", children: [
+          "\u25CF ",
+          aborting ? "aborting" : "running"
+        ] })
       ] }),
-      /* @__PURE__ */ jsx17(Divider, { width: panelMode ? width - 4 : width }),
-      /* @__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" })
+      /* @__PURE__ */ jsx15(
+        Box13,
+        {
+          flexDirection: "column",
+          borderStyle: "round",
+          borderColor: inkColors.accent,
+          paddingX: 1,
+          width: cardWidth,
+          children: /* @__PURE__ */ jsx15(
+            ScrollableBox,
+            {
+              height: logBoxHeight,
+              isActive: isInputActive,
+              autoScrollToBottom: true,
+              children: outputLines.length === 0 ? [/* @__PURE__ */ jsx15(Text15, { dimColor: true, children: "Waiting for output..." }, "empty")] : outputLines.map((line, i) => /* @__PURE__ */ jsx15(Text15, { wrap: "truncate", children: line }, i))
+            }
+          )
+        }
+      ),
+      feedback && /* @__PURE__ */ jsx15(Box13, { children: /* @__PURE__ */ jsx15(Text15, { color: inkColors.accent, children: feedback }) }),
+      /* @__PURE__ */ jsxs14(Box13, { marginTop: 1, gap: 2, children: [
+        /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: "\u2191\u2193:scroll" }),
+        /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: "x:abort" }),
+        /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: "c:copy" }),
+        /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: "Esc:back" })
       ] })
     ] });
   }
   if (phase === "success-pin-offer") {
-    return /* @__PURE__ */ jsxs15(Box13, { flexDirection: "column", paddingX: panelMode ? 1 : 0, children: [
-      /* @__PURE__ */ jsx17(Divider, { width: panelMode ? width - 4 : width }),
-      /* @__PURE__ */ jsxs15(Box13, { marginY: 1, gap: 1, children: [
-        /* @__PURE__ */ jsx17(Text17, { color: inkColors.accent, bold: true, children: "\u2713" }),
-        /* @__PURE__ */ jsx17(Text17, { color: inkColors.accent, bold: true, children: "Command completed successfully!" })
+    return /* @__PURE__ */ jsxs14(Box13, { flexDirection: "column", paddingX: panelMode ? 1 : 0, children: [
+      /* @__PURE__ */ jsx15(Divider, { width: panelMode ? width - 4 : width }),
+      /* @__PURE__ */ jsxs14(Box13, { marginY: 1, gap: 1, children: [
+        /* @__PURE__ */ jsx15(Text15, { color: inkColors.accent, bold: true, children: "\u2713" }),
+        /* @__PURE__ */ jsx15(Text15, { color: inkColors.accent, bold: true, children: "Command completed successfully!" })
       ] }),
-      /* @__PURE__ */ jsx17(
+      /* @__PURE__ */ jsx15(
         ConfirmPrompt,
         {
           message: "Pin this exact command?",
@@ -2058,24 +2217,49 @@ function CommandExecution({
     const successItems = [
       { value: "__back__", label: "\u2190 Back to menu" }
     ];
-    const outputHeight = Math.max(3, height - 12);
-    return /* @__PURE__ */ jsxs15(Box13, { flexDirection: "column", paddingX: panelMode ? 1 : 0, children: [
-      /* @__PURE__ */ jsx17(Divider, { width: panelMode ? width - 4 : width }),
-      /* @__PURE__ */ jsxs15(Box13, { marginY: 1, gap: 1, children: [
-        /* @__PURE__ */ jsx17(Text17, { color: inkColors.accent, bold: true, children: "\u2713" }),
-        /* @__PURE__ */ jsx17(Text17, { color: inkColors.accent, bold: true, children: "Command completed successfully!" })
+    const successOutput = [result?.stdout, result?.stderr].filter(Boolean).join("\n");
+    const successLines = successOutput ? stripAnsi(successOutput).split("\n") : [];
+    const successLogHeight = Math.max(3, height - 9 - (pinMessage ? 1 : 0));
+    const successCardWidth = Math.max(30, (panelMode ? width - 4 : width) - 2);
+    return /* @__PURE__ */ jsxs14(Box13, { flexDirection: "column", paddingX: panelMode ? 1 : 0, children: [
+      /* @__PURE__ */ jsxs14(Box13, { marginBottom: 1, gap: 1, children: [
+        /* @__PURE__ */ jsxs14(Text15, { color: inkColors.accent, bold: true, children: [
+          "\u2713",
+          " ",
+          cmdDisplay
+        ] }),
+        /* @__PURE__ */ jsx15(ToolBadge, { tool }),
+        /* @__PURE__ */ jsx15(Text15, { color: "green", children: "\u25CF completed" })
       ] }),
-      pinMessage && /* @__PURE__ */ jsx17(Box13, { marginBottom: 1, children: /* @__PURE__ */ jsx17(Text17, { color: inkColors.accent, children: pinMessage }) }),
-      /* @__PURE__ */ jsx17(
-        CommandOutput,
+      pinMessage && /* @__PURE__ */ jsx15(Box13, { marginBottom: 1, children: /* @__PURE__ */ jsx15(Text15, { color: inkColors.accent, children: pinMessage }) }),
+      /* @__PURE__ */ jsx15(
+        Box13,
         {
-          stdout: result?.stdout,
-          stderr: result?.stderr,
-          height: outputHeight,
-          isActive: isInputActive
+          flexDirection: "column",
+          borderStyle: "round",
+          borderColor: outputFocused ? inkColors.accent : panel.borderDim,
+          paddingX: 1,
+          width: successCardWidth,
+          children: /* @__PURE__ */ jsx15(
+            ScrollableBox,
+            {
+              height: successLogHeight,
+              isActive: isInputActive && outputFocused,
+              autoScrollToBottom: true,
+              children: successLines.length === 0 ? [/* @__PURE__ */ jsx15(Text15, { dimColor: true, children: "No output" }, "empty")] : successLines.map((line, i) => /* @__PURE__ */ jsx15(Text15, { wrap: "truncate", children: line }, i))
+            }
+          )
         }
       ),
-      /* @__PURE__ */ jsx17(
+      /* @__PURE__ */ jsxs14(Box13, { marginTop: 1, gap: 2, children: [
+        /* @__PURE__ */ jsxs14(Text15, { dimColor: true, children: [
+          "/:",
+          outputFocused ? "menu" : "scroll"
+        ] }),
+        outputFocused && /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: "\u2191\u2193:scroll" }),
+        /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: "Esc:back" })
+      ] }),
+      /* @__PURE__ */ jsx15(
         SelectList,
         {
           items: successItems,
@@ -2083,10 +2267,10 @@ function CommandExecution({
           onCancel: onHome ?? onBack,
           width: panelMode ? Math.max(20, width - 4) : width,
           maxVisible: panelMode ? Math.max(6, height - 6) : void 0,
-          isInputActive,
+          isInputActive: isInputActive && !outputFocused,
           arrowNavigation: panelMode,
           boxedSections: panelMode,
-          panelFocused: isInputActive
+          panelFocused: isInputActive && !outputFocused
         }
       )
     ] });
@@ -2149,65 +2333,67 @@ function CommandExecution({
     value: "menu",
     label: "\u2190 Back to menu"
   });
-  return /* @__PURE__ */ jsxs15(Box13, { flexDirection: "column", paddingX: panelMode ? 1 : 0, children: [
-    /* @__PURE__ */ jsx17(Divider, { width: panelMode ? width - 4 : width }),
-    result?.spawnError ? /* @__PURE__ */ jsxs15(Box13, { flexDirection: "column", marginY: 1, children: [
-      /* @__PURE__ */ jsxs15(Box13, { gap: 1, children: [
-        /* @__PURE__ */ jsx17(Text17, { color: "red", bold: true, children: "\u2717" }),
-        /* @__PURE__ */ jsx17(Text17, { color: "red", bold: true, children: "Failed to start command" })
-      ] }),
-      /* @__PURE__ */ jsxs15(Box13, { marginLeft: 2, marginTop: 1, children: [
-        /* @__PURE__ */ jsx17(Text17, { dimColor: true, children: "Error: " }),
-        /* @__PURE__ */ jsx17(Text17, { color: "red", children: result.spawnError })
-      ] }),
-      (result.spawnError.includes("ENOENT") || result.spawnError.includes("not found")) && /* @__PURE__ */ jsx17(Box13, { flexDirection: "column", marginLeft: 2, marginTop: 1, children: /* @__PURE__ */ jsxs15(Text17, { color: inkColors.accent, bold: true, children: [
-        "\u{1F4A1}",
+  const errorOutput = [result?.stdout, result?.stderr].filter(Boolean).join("\n");
+  const errorLines = errorOutput ? stripAnsi(errorOutput).split("\n") : [];
+  const errorLogHeight = Math.max(3, height - 8 - Math.min(errorItems.length, 6) - (copyMessage ? 1 : 0));
+  const errorCardWidth = Math.max(30, (panelMode ? width - 4 : width) - 2);
+  const errorStatusLabel = result?.spawnError ? "spawn error" : `exit ${result?.exitCode}`;
+  return /* @__PURE__ */ jsxs14(Box13, { flexDirection: "column", paddingX: panelMode ? 1 : 0, children: [
+    /* @__PURE__ */ jsxs14(Box13, { marginBottom: 1, gap: 1, children: [
+      /* @__PURE__ */ jsxs14(Text15, { color: "red", bold: true, children: [
+        "\u2717",
         " ",
+        cmdDisplay
+      ] }),
+      /* @__PURE__ */ jsx15(ToolBadge, { tool }),
+      /* @__PURE__ */ jsxs14(Text15, { color: "red", children: [
+        "\u25CF ",
+        errorStatusLabel
+      ] })
+    ] }),
+    result?.spawnError && /* @__PURE__ */ jsxs14(Box13, { marginBottom: 1, children: [
+      /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: "Error: " }),
+      /* @__PURE__ */ jsx15(Text15, { color: "red", children: result.spawnError }),
+      (result.spawnError.includes("ENOENT") || result.spawnError.includes("not found")) && /* @__PURE__ */ jsxs14(Text15, { color: inkColors.accent, children: [
+        " \u2014 ",
         tool,
         " CLI not found in this repository or PATH"
-      ] }) })
-    ] }) : /* @__PURE__ */ jsxs15(Box13, { flexDirection: "column", marginY: 1, children: [
-      /* @__PURE__ */ jsxs15(Box13, { gap: 1, children: [
-        /* @__PURE__ */ jsx17(Text17, { color: "red", bold: true, children: "\u2717" }),
-        /* @__PURE__ */ jsx17(Text17, { color: "red", children: "Command failed " }),
-        /* @__PURE__ */ jsx17(Text17, { dimColor: true, children: "(exit code " }),
-        /* @__PURE__ */ jsx17(Text17, { color: "red", bold: true, children: String(result?.exitCode) }),
-        /* @__PURE__ */ jsx17(Text17, { dimColor: true, children: ")" })
-      ] }),
-      /* @__PURE__ */ jsxs15(Box13, { marginLeft: 2, marginTop: 1, children: [
-        /* @__PURE__ */ jsx17(Text17, { dimColor: true, children: "Command: " }),
-        /* @__PURE__ */ jsx17(Text17, { children: cmdDisplay })
-      ] }),
-      !hasDebug && /* @__PURE__ */ jsxs15(Box13, { marginLeft: 2, marginTop: 1, gap: 1, children: [
-        /* @__PURE__ */ jsxs15(Text17, { dimColor: true, children: [
-          "\u{1F4A1}",
-          " Tip: retry with"
-        ] }),
-        /* @__PURE__ */ jsx17(Text17, { color: inkColors.accent, children: "--debug" }),
-        /* @__PURE__ */ jsx17(Text17, { dimColor: true, children: "to see detailed logs" })
       ] })
     ] }),
-    /* @__PURE__ */ jsx17(
-      CommandOutput,
+    !result?.spawnError && !hasDebug && /* @__PURE__ */ jsxs14(Box13, { marginBottom: 1, gap: 1, children: [
+      /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: "\u{1F4A1} Tip: retry with" }),
+      /* @__PURE__ */ jsx15(Text15, { color: inkColors.accent, children: "--debug" }),
+      /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: "to see detailed logs" })
+    ] }),
+    /* @__PURE__ */ jsx15(
+      Box13,
       {
-        stdout: result?.stdout,
-        stderr: result?.stderr,
-        height: Math.max(3, height - 14 - errorItems.length - (suggestions.length > 0 ? suggestions.length + 4 : 0) - (copyMessage ? 1 : 0)),
-        isActive: isInputActive && outputFocused
+        flexDirection: "column",
+        borderStyle: "round",
+        borderColor: outputFocused ? "red" : panel.borderDim,
+        paddingX: 1,
+        width: errorCardWidth,
+        children: /* @__PURE__ */ jsx15(
+          ScrollableBox,
+          {
+            height: errorLogHeight,
+            isActive: isInputActive && outputFocused,
+            autoScrollToBottom: true,
+            children: errorLines.length === 0 ? [/* @__PURE__ */ jsx15(Text15, { dimColor: true, children: "No output" }, "empty")] : errorLines.map((line, i) => /* @__PURE__ */ jsx15(Text15, { wrap: "truncate", children: line }, i))
+          }
+        )
       }
     ),
-    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)" })
+    copyMessage && /* @__PURE__ */ jsx15(Box13, { children: /* @__PURE__ */ jsx15(Text15, { color: inkColors.accent, children: copyMessage }) }),
+    /* @__PURE__ */ jsxs14(Box13, { marginTop: 1, gap: 2, children: [
+      /* @__PURE__ */ jsxs14(Text15, { dimColor: true, children: [
+        "/:",
+        outputFocused ? "menu" : "scroll"
+      ] }),
+      outputFocused && /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: "\u2191\u2193:scroll" }),
+      /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: "Esc:back" })
     ] }),
-    /* @__PURE__ */ jsx17(
+    /* @__PURE__ */ jsx15(
       SelectList,
       {
         items: errorItems,
@@ -2231,6 +2417,8 @@ function CommandExecution({
             case "retry":
               setPinMessage(void 0);
               setCopyMessage(void 0);
+              setAborting(false);
+              setFeedback(void 0);
               reset();
               setPhase("running");
               break;
@@ -2239,6 +2427,8 @@ function CommandExecution({
               setCurrentArgs(newArgs);
               setPinMessage(void 0);
               setCopyMessage(void 0);
+              setAborting(false);
+              setFeedback(void 0);
               reset();
               setPhase("running");
               break;
@@ -2277,13 +2467,54 @@ function CommandExecution({
         panelFocused: isInputActive && !outputFocused
       }
     ),
-    !panelMode && /* @__PURE__ */ jsx17(StatusBar, { width })
+    !panelMode && /* @__PURE__ */ jsx15(StatusBar, { width })
   ] });
 }
 
 // src/screens/SelfUpdate.tsx
-import { useEffect as useEffect8, useState as useState12 } from "react";
+import { useEffect as useEffect10, useState as useState13 } from "react";
 import { Box as Box14, Text as Text18 } from "ink";
+
+// src/components/Spinner.tsx
+import { Text as Text16 } from "ink";
+import InkSpinner from "ink-spinner";
+import { jsx as jsx16, jsxs as jsxs15 } from "react/jsx-runtime";
+function Spinner({
+  label = "Running...",
+  color = inkColors.accent
+}) {
+  return /* @__PURE__ */ jsxs15(Text16, { children: [
+    /* @__PURE__ */ jsx16(Text16, { color, children: /* @__PURE__ */ jsx16(InkSpinner, { type: "dots" }) }),
+    " ",
+    /* @__PURE__ */ jsx16(Text16, { children: label })
+  ] });
+}
+
+// src/components/CommandOutput.tsx
+import { Text as Text17 } from "ink";
+import { jsx as jsx17 } from "react/jsx-runtime";
+function cleanLines(raw) {
+  const stripped = stripAnsi(raw);
+  return stripped.replace(/\r/g, "").split("\n").filter((line) => line.length > 0);
+}
+function CommandOutput({
+  stdout,
+  stderr,
+  height,
+  isActive = false
+}) {
+  const outLines = stdout ? cleanLines(stdout) : [];
+  const errLines = stderr ? cleanLines(stderr) : [];
+  if (outLines.length === 0 && errLines.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx17(ScrollableBox, { height: Math.max(3, height), isActive, children: [
+    ...outLines.map((line, i) => /* @__PURE__ */ jsx17(Text17, { children: line }, `o-${i}`)),
+    ...errLines.map((line, i) => /* @__PURE__ */ jsx17(Text17, { color: "red", children: line }, `e-${i}`))
+  ] });
+}
+
+// src/screens/SelfUpdate.tsx
 import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
 var packageName = "@polterware/polter";
 var globalUpdateArgs = ["install", "-g", `${packageName}@latest`];
@@ -2300,10 +2531,10 @@ function SelfUpdate({
   isInputActive = true
 }) {
   const repositoryRoot = findNearestPackageRoot();
-  const [target, setTarget] = useState12(
+  const [target, setTarget] = useState13(
     repositoryRoot ? "repository" : "global"
   );
-  const [phase, setPhase] = useState12(
+  const [phase, setPhase] = useState13(
     repositoryRoot ? "target" : "confirm"
   );
   const updateArgs = getUpdateArgs(target);
@@ -2312,12 +2543,12 @@ function SelfUpdate({
   const { status, result, run, reset } = useCommand("npm", updateCwd, {
     quiet: panelMode
   });
-  useEffect8(() => {
+  useEffect10(() => {
     if (phase === "running" && status === "idle") {
       run(updateArgs);
     }
   }, [phase, run, status, updateArgs]);
-  useEffect8(() => {
+  useEffect10(() => {
     if (phase === "running" && status === "success") {
       setPhase("success");
     }
@@ -2558,15 +2789,15 @@ function SelfUpdate({
 }
 
 // src/screens/ToolStatus.tsx
-import { useEffect as useEffect9, useState as useState13 } from "react";
+import { useEffect as useEffect11, useState as useState14 } 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", "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 [tools, setTools] = useState14(null);
+  const [mcpInfo, setMcpInfo] = useState14(null);
+  useEffect11(() => {
     const t = setTimeout(() => {
       setTools(toolIds.map((id) => getToolLinkInfo(id)));
       setMcpInfo(getMcpStatusInfo());
@@ -2652,11 +2883,11 @@ function ToolStatus({ onBack, onNavigate, width = 80, height = 24, panelMode = f
 }
 
 // src/screens/ProjectConfig.tsx
-import { useMemo as useMemo4, useState as useState15 } from "react";
+import { useMemo as useMemo4, useState as useState16 } from "react";
 import { Box as Box16, Text as Text20 } from "ink";
 
 // src/hooks/useEditor.ts
-import { useState as useState14, useCallback as useCallback4 } from "react";
+import { useState as useState15, useCallback as useCallback4 } from "react";
 import { useStdin } from "ink";
 
 // src/lib/editor.ts
@@ -2707,7 +2938,7 @@ function openInEditor(filePath) {
 // src/hooks/useEditor.ts
 function useEditor() {
   const { setRawMode } = useStdin();
-  const [isEditing, setIsEditing] = useState14(false);
+  const [isEditing, setIsEditing] = useState15(false);
   const openEditor = useCallback4(async (filePath) => {
     const editor = resolveEditor();
     const terminal = isTerminalEditor(editor.command);
@@ -2737,11 +2968,11 @@ function ProjectConfig({
   isInputActive = true
 }) {
   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 [config2, setConfig] = useState16(() => getOrCreateProjectConfig());
+  const [phase, setPhase] = useState16("overview");
+  const [feedback, setFeedback] = useState16();
+  const [envKey, setEnvKey] = useState16("");
+  const [selectedEnvKey, setSelectedEnvKey] = useState16("");
   const { openEditor, isEditing } = useEditor();
   const detectedPkg = useMemo4(() => detectPkgManager(), []);
   if (!configPath) {
@@ -3223,7 +3454,7 @@ function PipelineList({
 }
 
 // src/screens/PipelineBuilder.tsx
-import { useState as useState16 } from "react";
+import { useState as useState17 } 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;
@@ -3238,9 +3469,9 @@ function PipelineBuilder({
   panelMode = false,
   isInputActive = true
 }) {
-  const [phase, setPhase] = useState16("name");
-  const [name, setName] = useState16("");
-  const [steps, setSteps] = useState16([]);
+  const [phase, setPhase] = useState17("name");
+  const [name, setName] = useState17("");
+  const [steps, setSteps] = useState17([]);
   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" }) }),
@@ -3426,7 +3657,7 @@ function PipelineBuilder({
 }
 
 // src/screens/PipelineExecution.tsx
-import { useState as useState17, useEffect as useEffect10, useMemo as useMemo6 } from "react";
+import { useState as useState18, useEffect as useEffect12, useMemo as useMemo6 } from "react";
 import { Box as Box21, Text as Text25 } from "ink";
 
 // src/components/StepIndicator.tsx
@@ -3519,10 +3750,10 @@ function PipelineExecution({
     () => getAllPipelines().find((p) => p.id === pipelineId),
     [pipelineId]
   );
-  const [phase, setPhase] = useState17("running");
-  const [progress, setProgress] = useState17(null);
-  const [results, setResults] = useState17([]);
-  useEffect10(() => {
+  const [phase, setPhase] = useState18("running");
+  const [progress, setProgress] = useState18(null);
+  const [results, setResults] = useState18([]);
+  useEffect12(() => {
     if (!pipeline) return;
     executePipeline(pipeline, (p) => {
       setProgress({ ...p });
@@ -3636,7 +3867,7 @@ function PipelineExecution({
 }
 
 // src/screens/McpManage.tsx
-import { useState as useState18, useCallback as useCallback5 } from "react";
+import { useState as useState19, 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 McpManage({
@@ -3646,10 +3877,10 @@ function McpManage({
   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 [status, setStatus] = useState19(() => getMcpStatusInfo());
+  const [phase, setPhase] = useState19("overview");
+  const [action, setAction] = useState19(null);
+  const [result, setResult] = useState19(null);
   const refreshStatus = useCallback5(() => {
     setStatus(getMcpStatusInfo());
   }, []);
@@ -3791,7 +4022,7 @@ function McpManage({
 }
 
 // src/screens/ProcessList.tsx
-import { useState as useState19, useEffect as useEffect11, useCallback as useCallback6 } from "react";
+import { useState as useState20, useEffect as useEffect13, 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";
@@ -3831,22 +4062,22 @@ function ProcessList({
   panelMode = false,
   isInputActive = true
 }) {
-  const [processes, setProcesses] = useState19(() => listProcesses());
-  const [selectedIndex, setSelectedIndex] = useState19(0);
-  const [feedback, setFeedback] = useState19();
-  useEffect11(() => {
+  const [processes, setProcesses] = useState20(() => listProcesses());
+  const [selectedIndex, setSelectedIndex] = useState20(0);
+  const [feedback, setFeedback] = useState20();
+  useEffect13(() => {
     const interval = setInterval(() => {
       setProcesses(listProcesses());
     }, 2e3);
     return () => clearInterval(interval);
   }, []);
-  useEffect11(() => {
+  useEffect13(() => {
     if (feedback) {
       const timer = setTimeout(() => setFeedback(void 0), 2e3);
       return () => clearTimeout(timer);
     }
   }, [feedback]);
-  useEffect11(() => {
+  useEffect13(() => {
     if (selectedIndex >= processes.length && processes.length > 0) {
       setSelectedIndex(processes.length - 1);
     }
@@ -3996,7 +4227,7 @@ function ProcessList({
 }
 
 // src/screens/ProcessLogs.tsx
-import { useState as useState20, useEffect as useEffect12, useCallback as useCallback7 } from "react";
+import { useState as useState21, useEffect as useEffect14, 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";
@@ -4015,16 +4246,16 @@ function ProcessLogs({
   panelMode = false,
   isInputActive = true
 }) {
-  const [stream, setStream] = useState20("both");
-  const [lines, setLines] = useState20([]);
-  const [proc, setProc] = useState20();
-  const [feedback, setFeedback] = useState20();
+  const [stream, setStream] = useState21("both");
+  const [lines, setLines] = useState21([]);
+  const [proc, setProc] = useState21();
+  const [feedback, setFeedback] = useState21();
   const logBoxHeight = Math.max(3, height - 6);
-  useEffect12(() => {
+  useEffect14(() => {
     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);
+        const output2 = getProcessOutput(processId, 1e3, stream);
+        const combined = stream === "stderr" ? output2.stderr : stream === "stdout" ? output2.stdout : [...output2.stdout, ...output2.stderr].slice(-1e3);
         setLines(combined);
       } catch {
         setLines([`Process "${processId}" not found`]);
@@ -4035,8 +4266,8 @@ function ProcessLogs({
     refresh();
     const interval = setInterval(refresh, 1e3);
     return () => clearInterval(interval);
-  }, [processId, logBoxHeight, stream]);
-  useEffect12(() => {
+  }, [processId, stream]);
+  useEffect14(() => {
     if (feedback) {
       const timer = setTimeout(() => setFeedback(void 0), 2e3);
       return () => clearTimeout(timer);
@@ -4104,10 +4335,16 @@ function ProcessLogs({
         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))
+        children: /* @__PURE__ */ jsx27(
+          ScrollableBox,
+          {
+            height: logBoxHeight,
+            isActive: isInputActive,
+            autoScrollToBottom: true,
+            children: lines.length === 0 ? [/* @__PURE__ */ jsx27(Text28, { dimColor: true, children: "No output yet..." }, "empty")] : 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 }) }),
@@ -4117,6 +4354,7 @@ function ProcessLogs({
         /* @__PURE__ */ jsx27(Text28, { bold: true, color: inkColors.accent, children: stream }),
         "]"
       ] }),
+      /* @__PURE__ */ jsx27(Text28, { dimColor: true, children: "\u2191\u2193:scroll" }),
       /* @__PURE__ */ jsx27(Text28, { dimColor: true, children: "s:toggle" }),
       /* @__PURE__ */ jsx27(Text28, { dimColor: true, children: "x:stop" }),
       /* @__PURE__ */ jsx27(Text28, { dimColor: true, children: "c:copy" }),
@@ -4126,7 +4364,7 @@ function ProcessLogs({
 }
 
 // src/screens/DeclarativePlan.tsx
-import { useEffect as useEffect13, useState as useState21 } from "react";
+import { useEffect as useEffect15, useState as useState22 } from "react";
 import { Box as Box25, Text as Text29 } from "ink";
 import { jsx as jsx28, jsxs as jsxs27 } from "react/jsx-runtime";
 function DeclarativePlan({
@@ -4137,10 +4375,10 @@ function DeclarativePlan({
   panelMode = false,
   isInputActive = true
 }) {
-  const [phase, setPhase] = useState21("loading");
-  const [actions, setActions] = useState21([]);
-  const [applyProgress, setApplyProgress] = useState21("");
-  const [applyResults, setApplyResults] = useState21([]);
+  const [phase, setPhase] = useState22("loading");
+  const [actions, setActions] = useState22([]);
+  const [applyProgress, setApplyProgress] = useState22("");
+  const [applyResults, setApplyResults] = useState22([]);
   const { openEditor } = useEditor();
   const loadPlan = () => {
     setPhase("loading");
@@ -4160,7 +4398,7 @@ function DeclarativePlan({
       setPhase("plan-view");
     }, 0);
   };
-  useEffect13(() => {
+  useEffect15(() => {
     loadPlan();
   }, []);
   if (phase === "loading") {
@@ -4354,7 +4592,7 @@ function DeclarativePlan({
 }
 
 // src/screens/DeclarativeStatus.tsx
-import { useEffect as useEffect14, useState as useState22 } from "react";
+import { useEffect as useEffect16, useState as useState23 } from "react";
 import { Box as Box26, Text as Text30 } from "ink";
 import { jsx as jsx29, jsxs as jsxs28 } from "react/jsx-runtime";
 function DeclarativeStatus({
@@ -4364,10 +4602,10 @@ function DeclarativeStatus({
   panelMode = false,
   isInputActive = true
 }) {
-  const [phase, setPhase] = useState22("loading");
-  const [status, setStatus] = useState22({});
-  const [config2, setConfig] = useState22(null);
-  const [pkgInfo, setPkgInfo] = useState22(null);
+  const [phase, setPhase] = useState23("loading");
+  const [status, setStatus] = useState23({});
+  const [config2, setConfig] = useState23(null);
+  const [pkgInfo, setPkgInfo] = useState23(null);
   const load = () => {
     setPhase("loading");
     setTimeout(() => {
@@ -4380,7 +4618,7 @@ function DeclarativeStatus({
       setPhase("display");
     }, 0);
   };
-  useEffect14(() => {
+  useEffect16(() => {
     load();
   }, []);
   if (phase === "loading") {
@@ -4486,7 +4724,7 @@ function DeclarativeStatus({
 }
 
 // src/screens/InitScaffold.tsx
-import { useEffect as useEffect15, useState as useState23 } from "react";
+import { useEffect as useEffect17, useState as useState24 } from "react";
 import { Box as Box27, Text as Text31 } from "ink";
 import { writeFileSync } from "fs";
 import { join } from "path";
@@ -4630,9 +4868,9 @@ function InitScaffold({
   panelMode = false,
   isInputActive = true
 }) {
-  const [phase, setPhase] = useState23("detecting");
-  const [yamlString, setYamlString] = useState23("");
-  const [overwrite, setOverwrite] = useState23(false);
+  const [phase, setPhase] = useState24("detecting");
+  const [yamlString, setYamlString] = useState24("");
+  const [overwrite, setOverwrite] = useState24(false);
   const { openEditor } = useEditor();
   const cwd = process.cwd();
   const yamlPath = join(cwd, "polter.yaml");
@@ -4678,7 +4916,7 @@ function InitScaffold({
       setPhase("preview");
     }, 0);
   };
-  useEffect15(() => {
+  useEffect17(() => {
     detect();
   }, []);
   if (phase === "detecting") {
@@ -4790,8 +5028,164 @@ function InitScaffold({
   ] });
 }
 
-// src/app.tsx
+// src/screens/ScriptPicker.tsx
+import { useState as useState25, useEffect as useEffect18, useMemo as useMemo8 } from "react";
+import { Box as Box28, Text as Text32, useInput as useInput11 } from "ink";
+import { readFileSync, existsSync } from "fs";
+import { join as join2 } from "path";
 import { jsx as jsx31, jsxs as jsxs30 } from "react/jsx-runtime";
+function readScripts(cwd) {
+  const pkgPath = join2(cwd, "package.json");
+  if (!existsSync(pkgPath)) return [];
+  try {
+    const raw = JSON.parse(readFileSync(pkgPath, "utf-8"));
+    const scripts = raw.scripts ?? {};
+    return Object.entries(scripts).map(([name, command]) => ({ name, command }));
+  } catch {
+    return [];
+  }
+}
+function ScriptPicker({
+  onNavigate,
+  onBack,
+  width = 80,
+  height = 24,
+  panelMode = false,
+  isInputActive = true
+}) {
+  const cwd = process.cwd();
+  const scripts = useMemo8(() => readScripts(cwd), [cwd]);
+  const mgr = useMemo8(() => detectPkgManager(cwd), [cwd]);
+  const [selectedIndex, setSelectedIndex] = useState25(0);
+  const [feedback, setFeedback] = useState25();
+  useEffect18(() => {
+    if (feedback) {
+      const timer = setTimeout(() => setFeedback(void 0), 3e3);
+      return () => clearTimeout(timer);
+    }
+  }, [feedback]);
+  useEffect18(() => {
+    if (selectedIndex >= scripts.length && scripts.length > 0) {
+      setSelectedIndex(scripts.length - 1);
+    }
+  }, [scripts.length, selectedIndex]);
+  useInput11((input2, key) => {
+    if (!isInputActive) return;
+    if (key.escape || key.leftArrow && !key.ctrl) {
+      onBack();
+      return;
+    }
+    if (scripts.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(scripts.length - 1, i + 1));
+      return;
+    }
+    if (key.return || key.rightArrow) {
+      const script = scripts[selectedIndex];
+      if (script) {
+        const resolved = resolveToolCommand("pkg", cwd);
+        try {
+          const translated = translateCommand(["run", script.name], mgr.id);
+          onNavigate("command-execution", {
+            tool: "pkg",
+            args: translated.args
+          });
+        } catch {
+          setFeedback(`"run" is not supported by ${mgr.id}`);
+        }
+      }
+      return;
+    }
+    if (input2 === "b") {
+      const script = scripts[selectedIndex];
+      if (script) {
+        try {
+          const translated = translateCommand(["run", script.name], mgr.id);
+          const id = generateProcessId(mgr.command, translated.args);
+          startProcess(id, mgr.command, translated.args, cwd);
+          setFeedback(`Started ${mgr.id} run ${script.name} as background process`);
+        } catch (err) {
+          setFeedback(err instanceof Error ? err.message : "Failed to start process");
+        }
+      }
+      return;
+    }
+  });
+  const contentWidth = Math.max(30, (panelMode ? width - 4 : width) - 2);
+  if (scripts.length === 0) {
+    return /* @__PURE__ */ jsxs30(Box28, { flexDirection: "column", paddingX: panelMode ? 1 : 0, children: [
+      !panelMode && /* @__PURE__ */ jsx31(Box28, { marginBottom: 1, children: /* @__PURE__ */ jsxs30(Text32, { bold: true, color: inkColors.accent, children: [
+        "\u{1F4DC}",
+        " ",
+        mgr.id,
+        " scripts"
+      ] }) }),
+      /* @__PURE__ */ jsx31(
+        Box28,
+        {
+          flexDirection: "column",
+          borderStyle: "round",
+          borderColor: panel.borderDim,
+          borderDimColor: true,
+          paddingX: 1,
+          width: contentWidth,
+          children: /* @__PURE__ */ jsx31(Text32, { dimColor: true, children: "No scripts found in package.json" })
+        }
+      ),
+      /* @__PURE__ */ jsx31(Box28, { marginTop: 1, gap: 2, children: /* @__PURE__ */ jsx31(Text32, { dimColor: true, children: "Esc:back" }) })
+    ] });
+  }
+  const headerHeight = panelMode ? 0 : 2;
+  const footerHeight = 2;
+  const feedbackHeight = feedback ? 2 : 0;
+  const availableHeight = height - headerHeight - footerHeight - feedbackHeight;
+  const itemHeight = 1;
+  const visibleCount = Math.max(1, Math.floor(availableHeight / itemHeight));
+  const windowStart = Math.max(0, Math.min(selectedIndex - Math.floor(visibleCount / 2), scripts.length - visibleCount));
+  const visibleScripts = scripts.slice(windowStart, windowStart + visibleCount);
+  return /* @__PURE__ */ jsxs30(Box28, { flexDirection: "column", paddingX: panelMode ? 1 : 0, children: [
+    !panelMode && /* @__PURE__ */ jsx31(Box28, { marginBottom: 1, children: /* @__PURE__ */ jsxs30(Text32, { bold: true, color: inkColors.accent, children: [
+      "\u{1F4DC}",
+      " ",
+      mgr.id,
+      " scripts"
+    ] }) }),
+    feedback && /* @__PURE__ */ jsx31(Box28, { marginBottom: 1, children: /* @__PURE__ */ jsx31(Text32, { color: inkColors.accent, children: feedback }) }),
+    /* @__PURE__ */ jsx31(Box28, { flexDirection: "column", width: contentWidth, children: visibleScripts.map((script) => {
+      const idx = scripts.indexOf(script);
+      const isFocused = idx === selectedIndex;
+      return /* @__PURE__ */ jsxs30(Box28, { gap: 1, children: [
+        /* @__PURE__ */ jsxs30(Text32, { color: isFocused ? inkColors.accent : void 0, bold: isFocused, children: [
+          isFocused ? "\u25B6" : " ",
+          " ",
+          script.name
+        ] }),
+        /* @__PURE__ */ jsx31(Text32, { dimColor: true, children: script.command })
+      ] }, script.name);
+    }) }),
+    scripts.length > visibleCount && /* @__PURE__ */ jsx31(Box28, { children: /* @__PURE__ */ jsxs30(Text32, { dimColor: true, children: [
+      windowStart > 0 ? "\u25B2 " : "  ",
+      windowStart + visibleCount < scripts.length ? "\u25BC " : "  ",
+      scripts.length,
+      " scripts"
+    ] }) }),
+    /* @__PURE__ */ jsxs30(Box28, { marginTop: 1, gap: 2, children: [
+      /* @__PURE__ */ jsxs30(Text32, { dimColor: true, children: [
+        "\u21B5",
+        ":run"
+      ] }),
+      /* @__PURE__ */ jsx31(Text32, { dimColor: true, children: "b:background" }),
+      /* @__PURE__ */ jsx31(Text32, { dimColor: true, children: "Esc:back" })
+    ] })
+  ] });
+}
+
+// src/app.tsx
+import { jsx as jsx32, jsxs as jsxs31 } from "react/jsx-runtime";
 function AppClassic() {
   const { screen, params, navigate, goBack, goHome } = useNavigation();
   const { exit } = useApp();
@@ -4806,9 +5200,9 @@ function AppClassic() {
   const renderScreen = () => {
     switch (screen) {
       case "home":
-        return /* @__PURE__ */ jsx31(Home, { onNavigate: navigate, onExit: handleExit, width, height });
+        return /* @__PURE__ */ jsx32(Home, { onNavigate: navigate, onExit: handleExit, width, height });
       case "command-args":
-        return /* @__PURE__ */ jsx31(
+        return /* @__PURE__ */ jsx32(
           CommandArgs,
           {
             command: params.command ?? "",
@@ -4819,9 +5213,9 @@ function AppClassic() {
           }
         );
       case "custom-command":
-        return /* @__PURE__ */ jsx31(CustomCommand, { onNavigate: navigate, onBack: goBack, width });
+        return /* @__PURE__ */ jsx32(CustomCommand, { onNavigate: navigate, onBack: goBack, width });
       case "flag-selection":
-        return /* @__PURE__ */ jsx31(
+        return /* @__PURE__ */ jsx32(
           FlagSelection,
           {
             args: params.args ?? [],
@@ -4833,11 +5227,12 @@ function AppClassic() {
         );
       case "confirm-execute":
       case "command-execution":
-        return /* @__PURE__ */ jsx31(
+        return /* @__PURE__ */ jsx32(
           CommandExecution,
           {
             args: params.args ?? [],
             tool: params.tool,
+            rawCommand: params.rawCommand,
             onBack: goBack,
             onExit: handleExit,
             onRunSuggestion: (sugTool, sugArgs) => {
@@ -4848,23 +5243,23 @@ function AppClassic() {
           }
         );
       case "self-update":
-        return /* @__PURE__ */ jsx31(SelfUpdate, { onBack: goBack, onExit: handleExit, width });
+        return /* @__PURE__ */ jsx32(SelfUpdate, { onBack: goBack, onExit: handleExit, width });
       case "tool-status":
-        return /* @__PURE__ */ jsx31(ToolStatus, { onBack: goBack, onNavigate: navigate, width });
+        return /* @__PURE__ */ jsx32(ToolStatus, { onBack: goBack, onNavigate: navigate, width });
       case "mcp-manage":
-        return /* @__PURE__ */ jsx31(McpManage, { onBack: goBack, width });
+        return /* @__PURE__ */ jsx32(McpManage, { onBack: goBack, width });
       case "process-list":
-        return /* @__PURE__ */ jsx31(ProcessList, { onNavigate: navigate, onBack: goBack, width, height });
+        return /* @__PURE__ */ jsx32(ProcessList, { onNavigate: navigate, onBack: goBack, width, height });
       case "process-logs":
-        return /* @__PURE__ */ jsx31(ProcessLogs, { processId: params.processId ?? "", onBack: goBack, width, height });
+        return /* @__PURE__ */ jsx32(ProcessLogs, { processId: params.processId ?? "", onBack: goBack, width, height });
       case "project-config":
-        return /* @__PURE__ */ jsx31(ProjectConfig, { onBack: goBack, width });
+        return /* @__PURE__ */ jsx32(ProjectConfig, { onBack: goBack, width });
       case "pipeline-list":
-        return /* @__PURE__ */ jsx31(PipelineList, { onNavigate: navigate, onBack: goBack, width });
+        return /* @__PURE__ */ jsx32(PipelineList, { onNavigate: navigate, onBack: goBack, width });
       case "pipeline-builder":
-        return /* @__PURE__ */ jsx31(PipelineBuilder, { onBack: goBack, width, height });
+        return /* @__PURE__ */ jsx32(PipelineBuilder, { onBack: goBack, width, height });
       case "pipeline-execution":
-        return /* @__PURE__ */ jsx31(
+        return /* @__PURE__ */ jsx32(
           PipelineExecution,
           {
             pipelineId: params.pipelineId ?? "",
@@ -4874,32 +5269,34 @@ function AppClassic() {
           }
         );
       case "declarative-plan":
-        return /* @__PURE__ */ jsx31(DeclarativePlan, { onBack: goBack, onNavigate: navigate, width, height });
+        return /* @__PURE__ */ jsx32(DeclarativePlan, { onBack: goBack, onNavigate: navigate, width, height });
       case "declarative-status":
-        return /* @__PURE__ */ jsx31(DeclarativeStatus, { onBack: goBack, width, height });
+        return /* @__PURE__ */ jsx32(DeclarativeStatus, { onBack: goBack, width, height });
       case "init-scaffold":
-        return /* @__PURE__ */ jsx31(InitScaffold, { onBack: goBack, onNavigate: navigate, width, height });
+        return /* @__PURE__ */ jsx32(InitScaffold, { onBack: goBack, onNavigate: navigate, width, height });
+      case "script-picker":
+        return /* @__PURE__ */ jsx32(ScriptPicker, { onNavigate: navigate, onBack: goBack, width, height });
       default:
-        return /* @__PURE__ */ jsx31(Box28, { children: /* @__PURE__ */ jsxs30(Text32, { color: "red", children: [
+        return /* @__PURE__ */ jsx32(Box29, { children: /* @__PURE__ */ jsxs31(Text33, { color: "red", children: [
           "Unknown screen: ",
           screen
         ] }) });
     }
   };
-  return /* @__PURE__ */ jsxs30(Box28, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx31(GhostBanner, { width }),
+  return /* @__PURE__ */ jsxs31(Box29, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx32(GhostBanner, { width }),
     renderScreen()
   ] });
 }
 
 // src/appPanel.tsx
-import React26 from "react";
-import { Box as Box37, Text as Text39, useApp as useApp2, useInput as useInput12 } from "ink";
+import React27 from "react";
+import { Box as Box38, Text as Text40, useApp as useApp2, useInput as useInput13 } from "ink";
 
 // src/hooks/usePanelNavigation.ts
-import { useState as useState24, useCallback as useCallback8 } from "react";
+import { useState as useState26, useCallback as useCallback8 } from "react";
 function usePanelNavigation() {
-  const [state, setState] = useState24({
+  const [state, setState] = useState26({
     view: "pipelines",
     featureId: "database",
     innerScreen: "home",
@@ -4937,6 +5334,7 @@ function usePanelNavigation() {
       config: "config",
       "self-update": "self-update",
       processes: "processes",
+      scripts: "scripts",
       declarative: "declarative"
     };
     const view = viewMap[itemId];
@@ -5004,9 +5402,9 @@ function usePanelNavigation() {
 }
 
 // src/hooks/usePanelFocus.ts
-import { useState as useState25, useCallback as useCallback9 } from "react";
+import { useState as useState27, useCallback as useCallback9 } from "react";
 function usePanelFocus() {
-  const [focused, setFocused] = useState25("sidebar");
+  const [focused, setFocused] = useState27("sidebar");
   const toggleFocus = useCallback9(() => {
     setFocused((prev) => prev === "sidebar" ? "main" : "sidebar");
   }, []);
@@ -5023,15 +5421,16 @@ function usePanelFocus() {
 }
 
 // src/hooks/useSidebarItems.ts
-import { useMemo as useMemo8 } from "react";
+import { useMemo as useMemo9 } from "react";
 function useSidebarItems() {
-  return useMemo8(() => {
+  return useMemo9(() => {
     const items = [];
     items.push({ id: "__sep_workflows__", label: "---", icon: "", type: "separator", sectionTitle: "Workflows" });
     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: "scripts", label: "Scripts", icon: "\u{1F4DC}", type: "action", section: "workflows" });
     items.push({ id: "__sep_features__", label: "---", icon: "", type: "separator", sectionTitle: "Features" });
     for (const feature of features) {
       items.push({
@@ -5052,9 +5451,9 @@ function useSidebarItems() {
 }
 
 // src/hooks/useModal.ts
-import { useState as useState26, useCallback as useCallback10 } from "react";
+import { useState as useState28, useCallback as useCallback10 } from "react";
 function useModal() {
-  const [state, setState] = useState26(null);
+  const [state, setState] = useState28(null);
   const openModal = useCallback10((content, title) => {
     setState({ content, title });
   }, []);
@@ -5071,8 +5470,8 @@ function useModal() {
 }
 
 // src/components/PanelLayout.tsx
-import { Box as Box29 } from "ink";
-import { jsx as jsx32, jsxs as jsxs31 } from "react/jsx-runtime";
+import { Box as Box30 } from "ink";
+import { jsx as jsx33, jsxs as jsxs32 } from "react/jsx-runtime";
 function PanelLayout({
   header,
   footer,
@@ -5087,19 +5486,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__ */ jsxs31(Box29, { flexDirection: "column", width, height, children: [
+  return /* @__PURE__ */ jsxs32(Box30, { flexDirection: "column", width, height, children: [
     header,
-    /* @__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__ */ jsxs32(Box30, { flexDirection: "row", height: contentHeight, children: [
+      !singlePanel && /* @__PURE__ */ jsx33(Box30, { width: sidebarWidth, height: contentHeight, children: sidebar }),
+      /* @__PURE__ */ jsx33(Box30, { width: mainWidth, height: contentHeight, children: main2 })
     ] }),
-    /* @__PURE__ */ jsx32(Box29, { height: footerHeight, children: footer })
+    /* @__PURE__ */ jsx33(Box30, { height: footerHeight, children: footer })
   ] });
 }
 
 // src/components/Panel.tsx
-import { Box as Box30, Text as Text33 } from "ink";
-import { jsx as jsx33, jsxs as jsxs32 } from "react/jsx-runtime";
+import { Box as Box31, Text as Text34 } from "ink";
+import { jsx as jsx34, jsxs as jsxs33 } from "react/jsx-runtime";
 function Panel({
   id,
   title,
@@ -5109,8 +5508,8 @@ function Panel({
   children
 }) {
   const borderColor = focused ? panel.borderFocused : panel.borderDim;
-  return /* @__PURE__ */ jsxs32(
-    Box30,
+  return /* @__PURE__ */ jsxs33(
+    Box31,
     {
       flexDirection: "column",
       width,
@@ -5119,21 +5518,21 @@ function Panel({
       borderColor,
       overflow: "hidden",
       children: [
-        title && /* @__PURE__ */ jsx33(Box30, { marginBottom: 0, children: /* @__PURE__ */ jsxs32(Text33, { color: focused ? inkColors.accent : void 0, bold: focused, dimColor: !focused, children: [
+        title && /* @__PURE__ */ jsx34(Box31, { marginBottom: 0, children: /* @__PURE__ */ jsxs33(Text34, { color: focused ? inkColors.accent : void 0, bold: focused, dimColor: !focused, children: [
           " ",
           title,
           " "
         ] }) }),
-        /* @__PURE__ */ jsx33(Box30, { flexDirection: "column", flexGrow: 1, overflow: "hidden", children })
+        /* @__PURE__ */ jsx34(Box31, { flexDirection: "column", flexGrow: 1, overflow: "hidden", children })
       ]
     }
   );
 }
 
 // src/components/Sidebar.tsx
-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";
+import { useEffect as useEffect19, useMemo as useMemo10, useState as useState29 } from "react";
+import { Box as Box32, Text as Text35, useInput as useInput12 } from "ink";
+import { jsx as jsx35, jsxs as jsxs34 } from "react/jsx-runtime";
 function groupSections(items) {
   const groups = [];
   let current = null;
@@ -5155,18 +5554,18 @@ function Sidebar({
   onSelect,
   onHighlight
 }) {
-  const selectableItems = useMemo9(
+  const selectableItems = useMemo10(
     () => items.filter((item) => item.type !== "separator"),
     [items]
   );
   const selectedIdx = selectableItems.findIndex((item) => item.id === selectedId);
-  const [cursorIdx, setCursorIdx] = useState27(Math.max(0, selectedIdx));
-  const sections = useMemo9(() => groupSections(items), [items]);
-  useEffect16(() => {
+  const [cursorIdx, setCursorIdx] = useState29(Math.max(0, selectedIdx));
+  const sections = useMemo10(() => groupSections(items), [items]);
+  useEffect19(() => {
     const idx = selectableItems.findIndex((item) => item.id === selectedId);
     if (idx >= 0) setCursorIdx(idx);
   }, [selectedId, selectableItems]);
-  useInput11(
+  useInput12(
     (input2, key) => {
       if (key.upArrow || input2 === "k") {
         setCursorIdx((prev) => {
@@ -5194,28 +5593,28 @@ function Sidebar({
     { isActive: isFocused }
   );
   let flatIdx = 0;
-  return /* @__PURE__ */ jsx34(Box31, { flexDirection: "column", gap: 0, children: sections.map((section) => {
+  return /* @__PURE__ */ jsx35(Box32, { 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__ */ jsxs33(
-      Box31,
+    const rendered = /* @__PURE__ */ jsxs34(
+      Box32,
       {
         flexDirection: "column",
         borderStyle: "round",
         borderColor,
         paddingX: 1,
         children: [
-          /* @__PURE__ */ jsx34(Text34, { dimColor: true, bold: true, children: section.title }),
+          /* @__PURE__ */ jsx35(Text35, { 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__ */ jsx34(Box31, { gap: 0, children: /* @__PURE__ */ jsxs33(
-              Text34,
+            return /* @__PURE__ */ jsx35(Box32, { gap: 0, children: /* @__PURE__ */ jsxs34(
+              Text35,
               {
                 color: isCursor ? inkColors.accent : isActive ? inkColors.accent : void 0,
                 bold: isCursor || isActive,
@@ -5238,12 +5637,12 @@ function Sidebar({
 }
 
 // src/components/PanelFooter.tsx
-import { Box as Box32, Text as Text35 } from "ink";
-import { jsx as jsx35, jsxs as jsxs34 } 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 PanelFooter({ hints, width }) {
-  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: [
+  return /* @__PURE__ */ jsx36(Box33, { width, children: /* @__PURE__ */ jsx36(Box33, { gap: 1, children: hints.map((hint) => /* @__PURE__ */ jsxs35(Box33, { gap: 0, children: [
+    /* @__PURE__ */ jsx36(Text36, { color: inkColors.accent, bold: true, children: hint.key }),
+    /* @__PURE__ */ jsxs35(Text36, { dimColor: true, children: [
       ":",
       hint.action
     ] })
@@ -5251,8 +5650,8 @@ function PanelFooter({ hints, width }) {
 }
 
 // src/components/Modal.tsx
-import { Box as Box33, Text as Text36 } from "ink";
-import { jsx as jsx36, jsxs as jsxs35 } from "react/jsx-runtime";
+import { Box as Box34, Text as Text37 } from "ink";
+import { jsx as jsx37, jsxs as jsxs36 } from "react/jsx-runtime";
 function Modal({
   title,
   width,
@@ -5263,10 +5662,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__ */ jsxs35(Box33, { flexDirection: "column", width, height, children: [
-    padY > 0 && /* @__PURE__ */ jsx36(Box33, { height: padY }),
-    /* @__PURE__ */ jsx36(Box33, { marginLeft: padX, children: /* @__PURE__ */ jsxs35(
-      Box33,
+  return /* @__PURE__ */ jsxs36(Box34, { flexDirection: "column", width, height, children: [
+    padY > 0 && /* @__PURE__ */ jsx37(Box34, { height: padY }),
+    /* @__PURE__ */ jsx37(Box34, { marginLeft: padX, children: /* @__PURE__ */ jsxs36(
+      Box34,
       {
         flexDirection: "column",
         width: modalWidth,
@@ -5275,8 +5674,8 @@ function Modal({
         borderColor: inkColors.accent,
         paddingX: 1,
         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 })
+          /* @__PURE__ */ jsx37(Box34, { marginBottom: 1, children: /* @__PURE__ */ jsx37(Text37, { color: inkColors.accent, bold: true, children: title }) }),
+          /* @__PURE__ */ jsx37(Box34, { flexDirection: "column", flexGrow: 1, overflow: "hidden", children })
         ]
       }
     ) })
@@ -5284,9 +5683,9 @@ function Modal({
 }
 
 // src/components/FeatureCommands.tsx
-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";
+import { useEffect as useEffect20, useMemo as useMemo11, useState as useState30 } from "react";
+import { Box as Box35, Text as Text38 } from "ink";
+import { jsx as jsx38, jsxs as jsxs37 } from "react/jsx-runtime";
 function FeatureCommands({
   feature,
   onNavigate,
@@ -5297,15 +5696,15 @@ function FeatureCommands({
   height = 24,
   isInputActive = true
 }) {
-  const [pinnedCommands, setPinnedCommands2] = useState28(() => getPinnedCommands());
-  const [pinnedRuns, setPinnedRuns2] = useState28(() => getPinnedRuns());
-  const [pinFeedback, setPinFeedback] = useState28();
-  useEffect17(() => {
+  const [pinnedCommands, setPinnedCommands2] = useState30(() => getPinnedCommands());
+  const [pinnedRuns, setPinnedRuns2] = useState30(() => getPinnedRuns());
+  const [pinFeedback, setPinFeedback] = useState30();
+  useEffect20(() => {
     if (!pinFeedback) return;
     const timeout = setTimeout(() => setPinFeedback(void 0), 1400);
     return () => clearTimeout(timeout);
   }, [pinFeedback]);
-  const items = useMemo10(
+  const items = useMemo11(
     () => buildHomeItems({
       activeFeature: feature,
       pinnedCommands,
@@ -5315,8 +5714,8 @@ function FeatureCommands({
     }),
     [feature, pinnedCommands, pinnedRuns]
   );
-  const pinnedCommandSet = useMemo10(() => new Set(pinnedCommands), [pinnedCommands]);
-  const pinnedRunSet = useMemo10(() => new Set(pinnedRuns), [pinnedRuns]);
+  const pinnedCommandSet = useMemo11(() => new Set(pinnedCommands), [pinnedCommands]);
+  const pinnedRunSet = useMemo11(() => new Set(pinnedRuns), [pinnedRuns]);
   const refreshPins = () => {
     setPinnedCommands2(getPinnedCommands());
     setPinnedRuns2(getPinnedRuns());
@@ -5368,12 +5767,12 @@ function FeatureCommands({
       );
     }
   };
-  return /* @__PURE__ */ jsxs36(Box34, { flexDirection: "column", paddingX: 1, children: [
-    pinFeedback && /* @__PURE__ */ jsx37(Box34, { marginBottom: 1, children: /* @__PURE__ */ jsxs36(Text37, { 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__ */ jsx37(
+    /* @__PURE__ */ jsx38(
       SelectList,
       {
         items,
@@ -5392,9 +5791,9 @@ function FeatureCommands({
 }
 
 // src/components/PinnedCommands.tsx
-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";
+import { useEffect as useEffect21, useMemo as useMemo12, useState as useState31 } from "react";
+import { Box as Box36, Text as Text39 } from "ink";
+import { jsx as jsx39, jsxs as jsxs38 } from "react/jsx-runtime";
 function PinnedCommands({
   onNavigate,
   onBack,
@@ -5403,20 +5802,20 @@ function PinnedCommands({
   height = 24,
   isInputActive = true
 }) {
-  const [pinnedCommands, setPinnedCommands2] = useState29(() => getPinnedCommands());
-  const [pinnedRuns, setPinnedRuns2] = useState29(() => getPinnedRuns());
-  const [pinFeedback, setPinFeedback] = useState29();
-  useEffect18(() => {
+  const [pinnedCommands, setPinnedCommands2] = useState31(() => getPinnedCommands());
+  const [pinnedRuns, setPinnedRuns2] = useState31(() => getPinnedRuns());
+  const [pinFeedback, setPinFeedback] = useState31();
+  useEffect21(() => {
     if (!pinFeedback) return;
     const timeout = setTimeout(() => setPinFeedback(void 0), 1400);
     return () => clearTimeout(timeout);
   }, [pinFeedback]);
-  const items = useMemo11(
+  const items = useMemo12(
     () => buildPinnedOnlyItems(pinnedCommands, pinnedRuns),
     [pinnedCommands, pinnedRuns]
   );
-  const pinnedCommandSet = useMemo11(() => new Set(pinnedCommands), [pinnedCommands]);
-  const pinnedRunSet = useMemo11(() => new Set(pinnedRuns), [pinnedRuns]);
+  const pinnedCommandSet = useMemo12(() => new Set(pinnedCommands), [pinnedCommands]);
+  const pinnedRunSet = useMemo12(() => new Set(pinnedRuns), [pinnedRuns]);
   const refreshPins = () => {
     setPinnedCommands2(getPinnedCommands());
     setPinnedRuns2(getPinnedRuns());
@@ -5468,14 +5867,14 @@ function PinnedCommands({
     }
   };
   if (items.length === 0) {
-    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__ */ jsx39(Box36, { flexDirection: "column", paddingX: 1, children: /* @__PURE__ */ jsx39(Text39, { color: "gray", children: "No pinned items. Press p on any command to pin it." }) });
   }
-  return /* @__PURE__ */ jsxs37(Box35, { flexDirection: "column", paddingX: 1, children: [
-    pinFeedback && /* @__PURE__ */ jsx38(Box35, { marginBottom: 1, children: /* @__PURE__ */ jsxs37(Text38, { color: inkColors.accent, children: [
+  return /* @__PURE__ */ jsxs38(Box36, { flexDirection: "column", paddingX: 1, children: [
+    pinFeedback && /* @__PURE__ */ jsx39(Box36, { marginBottom: 1, children: /* @__PURE__ */ jsxs38(Text39, { color: inkColors.accent, children: [
       "\u2713 ",
       pinFeedback
     ] }) }),
-    /* @__PURE__ */ jsx38(
+    /* @__PURE__ */ jsx39(
       SelectList,
       {
         items,
@@ -5494,9 +5893,9 @@ 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";
+import { useMemo as useMemo13 } from "react";
+import { Box as Box37 } from "ink";
+import { jsx as jsx40 } 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" },
@@ -5509,11 +5908,11 @@ function DeclarativeHome({
   height = 24,
   isInputActive = true
 }) {
-  const handleSelect = useMemo12(
+  const handleSelect = useMemo13(
     () => (value) => onNavigate(value),
     [onNavigate]
   );
-  return /* @__PURE__ */ jsx39(Box36, { flexDirection: "column", paddingX: 1, children: /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(Box37, { flexDirection: "column", paddingX: 1, children: /* @__PURE__ */ jsx40(
     SelectList,
     {
       items: ITEMS,
@@ -5529,7 +5928,7 @@ function DeclarativeHome({
 }
 
 // src/appPanel.tsx
-import { jsx as jsx40, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs39 } from "react/jsx-runtime";
 var screenLabels = {
   "command-args": "Args",
   "flag-selection": "Flags",
@@ -5547,7 +5946,8 @@ var screenLabels = {
   "process-logs": "Logs",
   "declarative-plan": "Plan/Apply",
   "declarative-status": "Status",
-  "init-scaffold": "Init"
+  "init-scaffold": "Init",
+  "script-picker": "Scripts"
 };
 function buildBreadcrumb(nav) {
   let base;
@@ -5578,6 +5978,9 @@ function buildBreadcrumb(nav) {
     case "processes":
       base = "\u{1F4BB} Processes";
       break;
+    case "scripts":
+      base = "\u{1F4DC} Scripts";
+      break;
     case "declarative":
       base = "\u{1F3D7}\uFE0F Infrastructure";
       break;
@@ -5613,7 +6016,7 @@ function AppPanel() {
   const focus = usePanelFocus();
   const sidebarItems = useSidebarItems();
   const modal = useModal();
-  const refreshPins = React26.useCallback(() => {
+  const refreshPins = React27.useCallback(() => {
   }, []);
   const singlePanel = width < 60 || height < 15;
   const handleExit = () => {
@@ -5622,7 +6025,7 @@ function AppPanel() {
     );
     exit();
   };
-  useInput12((input2, key) => {
+  useInput13((input2, key) => {
     if (modal.isOpen) {
       if (key.escape || input2 === "q") {
         modal.closeModal();
@@ -5647,37 +6050,37 @@ function AppPanel() {
     }
     if (input2 === "?") {
       modal.openModal(
-        /* @__PURE__ */ jsxs38(Box37, { flexDirection: "column", children: [
-          /* @__PURE__ */ jsxs38(Text39, { children: [
-            /* @__PURE__ */ jsx40(Text39, { bold: true, children: "\u2190/\u2192" }),
+        /* @__PURE__ */ jsxs39(Box38, { flexDirection: "column", children: [
+          /* @__PURE__ */ jsxs39(Text40, { children: [
+            /* @__PURE__ */ jsx41(Text40, { bold: true, children: "\u2190/\u2192" }),
             "    Move between sidebar and main panel"
           ] }),
-          /* @__PURE__ */ jsxs38(Text39, { children: [
-            /* @__PURE__ */ jsx40(Text39, { bold: true, children: "Tab" }),
+          /* @__PURE__ */ jsxs39(Text40, { children: [
+            /* @__PURE__ */ jsx41(Text40, { bold: true, children: "Tab" }),
             "     Toggle sidebar / main panel"
           ] }),
-          /* @__PURE__ */ jsxs38(Text39, { children: [
-            /* @__PURE__ */ jsx40(Text39, { bold: true, children: "j/k" }),
+          /* @__PURE__ */ jsxs39(Text40, { children: [
+            /* @__PURE__ */ jsx41(Text40, { bold: true, children: "j/k" }),
             "     Navigate up/down"
           ] }),
-          /* @__PURE__ */ jsxs38(Text39, { children: [
-            /* @__PURE__ */ jsx40(Text39, { bold: true, children: "Enter" }),
+          /* @__PURE__ */ jsxs39(Text40, { children: [
+            /* @__PURE__ */ jsx41(Text40, { bold: true, children: "Enter" }),
             "   Select item"
           ] }),
-          /* @__PURE__ */ jsxs38(Text39, { children: [
-            /* @__PURE__ */ jsx40(Text39, { bold: true, children: "Esc" }),
+          /* @__PURE__ */ jsxs39(Text40, { children: [
+            /* @__PURE__ */ jsx41(Text40, { bold: true, children: "Esc" }),
             "     Go back (or return to sidebar)"
           ] }),
-          /* @__PURE__ */ jsxs38(Text39, { children: [
-            /* @__PURE__ */ jsx40(Text39, { bold: true, children: "q" }),
+          /* @__PURE__ */ jsxs39(Text40, { children: [
+            /* @__PURE__ */ jsx41(Text40, { bold: true, children: "q" }),
             "       Quit Polter"
           ] }),
-          /* @__PURE__ */ jsxs38(Text39, { children: [
-            /* @__PURE__ */ jsx40(Text39, { bold: true, children: "?" }),
+          /* @__PURE__ */ jsxs39(Text40, { children: [
+            /* @__PURE__ */ jsx41(Text40, { bold: true, children: "?" }),
             "       Show this help"
           ] }),
-          /* @__PURE__ */ jsxs38(Text39, { children: [
-            /* @__PURE__ */ jsx40(Text39, { bold: true, children: "p" }),
+          /* @__PURE__ */ jsxs39(Text40, { children: [
+            /* @__PURE__ */ jsx41(Text40, { bold: true, children: "p" }),
             "       Pin/unpin command"
           ] })
         ] }),
@@ -5703,6 +6106,8 @@ function AppPanel() {
         return "self-update";
       case "processes":
         return "processes";
+      case "scripts":
+        return "scripts";
       case "declarative":
         return "declarative";
       default:
@@ -5731,7 +6136,7 @@ function AppPanel() {
     }
     switch (nav.view) {
       case "pinned":
-        return /* @__PURE__ */ jsx40(
+        return /* @__PURE__ */ jsx41(
           PinnedCommands,
           {
             onNavigate: nav.navigateInner,
@@ -5745,12 +6150,12 @@ function AppPanel() {
       case "feature": {
         const feature = getFeatureById(nav.featureId);
         if (!feature) {
-          return /* @__PURE__ */ jsxs38(Text39, { color: "red", children: [
+          return /* @__PURE__ */ jsxs39(Text40, { color: "red", children: [
             "Feature not found: ",
             nav.featureId
           ] });
         }
-        return /* @__PURE__ */ jsx40(
+        return /* @__PURE__ */ jsx41(
           FeatureCommands,
           {
             feature,
@@ -5765,7 +6170,7 @@ function AppPanel() {
         );
       }
       case "custom-command":
-        return /* @__PURE__ */ jsx40(
+        return /* @__PURE__ */ jsx41(
           CustomCommand,
           {
             onNavigate: nav.navigateInner,
@@ -5777,7 +6182,7 @@ function AppPanel() {
           }
         );
       case "pipelines":
-        return /* @__PURE__ */ jsx40(
+        return /* @__PURE__ */ jsx41(
           PipelineList,
           {
             onNavigate: nav.navigateInner,
@@ -5789,7 +6194,7 @@ function AppPanel() {
           }
         );
       case "tool-status":
-        return /* @__PURE__ */ jsx40(
+        return /* @__PURE__ */ jsx41(
           ToolStatus,
           {
             onBack: focus.focusSidebar,
@@ -5801,7 +6206,7 @@ function AppPanel() {
           }
         );
       case "processes":
-        return /* @__PURE__ */ jsx40(
+        return /* @__PURE__ */ jsx41(
           ProcessList,
           {
             onNavigate: nav.navigateInner,
@@ -5812,8 +6217,20 @@ function AppPanel() {
             isInputActive: focus.isMainFocused
           }
         );
+      case "scripts":
+        return /* @__PURE__ */ jsx41(
+          ScriptPicker,
+          {
+            onNavigate: nav.navigateInner,
+            onBack: focus.focusSidebar,
+            width: mainContentWidth - 2,
+            height: mainContentHeight,
+            panelMode: true,
+            isInputActive: focus.isMainFocused
+          }
+        );
       case "declarative":
-        return /* @__PURE__ */ jsx40(
+        return /* @__PURE__ */ jsx41(
           DeclarativeHome,
           {
             onNavigate: nav.navigateInner,
@@ -5824,7 +6241,7 @@ function AppPanel() {
           }
         );
       case "config":
-        return /* @__PURE__ */ jsx40(
+        return /* @__PURE__ */ jsx41(
           ProjectConfig,
           {
             onBack: focus.focusSidebar,
@@ -5835,7 +6252,7 @@ function AppPanel() {
           }
         );
       case "self-update":
-        return /* @__PURE__ */ jsx40(
+        return /* @__PURE__ */ jsx41(
           SelfUpdate,
           {
             onBack: focus.focusSidebar,
@@ -5847,7 +6264,7 @@ function AppPanel() {
           }
         );
       default:
-        return /* @__PURE__ */ jsx40(Text39, { children: "Select an item from the sidebar" });
+        return /* @__PURE__ */ jsx41(Text40, { children: "Select an item from the sidebar" });
     }
   };
   const renderInnerScreen = () => {
@@ -5855,7 +6272,7 @@ function AppPanel() {
     const w = mainContentWidth - 2;
     switch (nav.innerScreen) {
       case "command-args":
-        return /* @__PURE__ */ jsx40(
+        return /* @__PURE__ */ jsx41(
           CommandArgs,
           {
             command: nav.innerParams.command ?? "",
@@ -5868,7 +6285,7 @@ function AppPanel() {
           }
         );
       case "custom-command":
-        return /* @__PURE__ */ jsx40(
+        return /* @__PURE__ */ jsx41(
           CustomCommand,
           {
             onNavigate: nav.navigateInner,
@@ -5880,7 +6297,7 @@ function AppPanel() {
           }
         );
       case "flag-selection":
-        return /* @__PURE__ */ jsx40(
+        return /* @__PURE__ */ jsx41(
           FlagSelection,
           {
             args: nav.innerParams.args ?? [],
@@ -5896,11 +6313,12 @@ function AppPanel() {
         );
       case "confirm-execute":
       case "command-execution":
-        return /* @__PURE__ */ jsx40(
+        return /* @__PURE__ */ jsx41(
           CommandExecution,
           {
             args: nav.innerParams.args ?? [],
             tool: nav.innerParams.tool,
+            rawCommand: nav.innerParams.rawCommand,
             interactive: nav.innerParams.interactive,
             onBack: nav.goBackInner,
             onHome: nav.goHomeInner,
@@ -5916,7 +6334,7 @@ function AppPanel() {
           `${nav.view}-${nav.innerParams.tool}-${(nav.innerParams.args ?? []).join("-")}`
         );
       case "pipeline-list":
-        return /* @__PURE__ */ jsx40(
+        return /* @__PURE__ */ jsx41(
           PipelineList,
           {
             onNavigate: nav.navigateInner,
@@ -5928,7 +6346,7 @@ function AppPanel() {
           }
         );
       case "pipeline-builder":
-        return /* @__PURE__ */ jsx40(
+        return /* @__PURE__ */ jsx41(
           PipelineBuilder,
           {
             onBack: nav.goBackInner,
@@ -5939,7 +6357,7 @@ function AppPanel() {
           }
         );
       case "pipeline-execution":
-        return /* @__PURE__ */ jsx40(
+        return /* @__PURE__ */ jsx41(
           PipelineExecution,
           {
             pipelineId: nav.innerParams.pipelineId ?? "",
@@ -5951,7 +6369,7 @@ function AppPanel() {
           }
         );
       case "self-update":
-        return /* @__PURE__ */ jsx40(
+        return /* @__PURE__ */ jsx41(
           SelfUpdate,
           {
             onBack: nav.goBackInner,
@@ -5963,7 +6381,7 @@ function AppPanel() {
           }
         );
       case "tool-status":
-        return /* @__PURE__ */ jsx40(
+        return /* @__PURE__ */ jsx41(
           ToolStatus,
           {
             onBack: nav.goBackInner,
@@ -5975,7 +6393,7 @@ function AppPanel() {
           }
         );
       case "mcp-manage":
-        return /* @__PURE__ */ jsx40(
+        return /* @__PURE__ */ jsx41(
           McpManage,
           {
             onBack: nav.goBackInner,
@@ -5986,7 +6404,7 @@ function AppPanel() {
           }
         );
       case "process-list":
-        return /* @__PURE__ */ jsx40(
+        return /* @__PURE__ */ jsx41(
           ProcessList,
           {
             onNavigate: nav.navigateInner,
@@ -5998,7 +6416,7 @@ function AppPanel() {
           }
         );
       case "process-logs":
-        return /* @__PURE__ */ jsx40(
+        return /* @__PURE__ */ jsx41(
           ProcessLogs,
           {
             processId: nav.innerParams.processId ?? "",
@@ -6010,7 +6428,7 @@ function AppPanel() {
           }
         );
       case "project-config":
-        return /* @__PURE__ */ jsx40(
+        return /* @__PURE__ */ jsx41(
           ProjectConfig,
           {
             onBack: nav.goBackInner,
@@ -6021,7 +6439,7 @@ function AppPanel() {
           }
         );
       case "declarative-plan":
-        return /* @__PURE__ */ jsx40(
+        return /* @__PURE__ */ jsx41(
           DeclarativePlan,
           {
             onBack: nav.goBackInner,
@@ -6033,7 +6451,7 @@ function AppPanel() {
           }
         );
       case "declarative-status":
-        return /* @__PURE__ */ jsx40(
+        return /* @__PURE__ */ jsx41(
           DeclarativeStatus,
           {
             onBack: nav.goBackInner,
@@ -6044,7 +6462,7 @@ function AppPanel() {
           }
         );
       case "init-scaffold":
-        return /* @__PURE__ */ jsx40(
+        return /* @__PURE__ */ jsx41(
           InitScaffold,
           {
             onBack: nav.goBackInner,
@@ -6055,18 +6473,30 @@ function AppPanel() {
             isInputActive: isActive
           }
         );
+      case "script-picker":
+        return /* @__PURE__ */ jsx41(
+          ScriptPicker,
+          {
+            onNavigate: nav.navigateInner,
+            onBack: nav.goBackInner,
+            width: w,
+            height: mainContentHeight,
+            panelMode: true,
+            isInputActive: isActive
+          }
+        );
       default:
-        return /* @__PURE__ */ jsxs38(Text39, { color: "red", children: [
+        return /* @__PURE__ */ jsxs39(Text40, { color: "red", children: [
           "Unknown screen: ",
           nav.innerScreen
         ] });
     }
   };
   if (modal.isOpen) {
-    return /* @__PURE__ */ jsx40(Box37, { flexDirection: "column", width, height, children: /* @__PURE__ */ jsx40(Modal, { title: modal.modalTitle, width, height, children: modal.modalContent }) });
+    return /* @__PURE__ */ jsx41(Box38, { flexDirection: "column", width, height, children: /* @__PURE__ */ jsx41(Modal, { title: modal.modalTitle, width, height, children: modal.modalContent }) });
   }
-  const header = /* @__PURE__ */ jsx40(GhostBanner, { width, compact: true });
-  const sidebar = /* @__PURE__ */ jsx40(
+  const header = /* @__PURE__ */ jsx41(GhostBanner, { width, compact: true });
+  const sidebar = /* @__PURE__ */ jsx41(
     Panel,
     {
       id: "sidebar",
@@ -6074,7 +6504,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__ */ jsx40(
+      children: /* @__PURE__ */ jsx41(
         Sidebar,
         {
           items: sidebarItems,
@@ -6087,7 +6517,7 @@ function AppPanel() {
       )
     }
   );
-  const main2 = /* @__PURE__ */ jsx40(
+  const main2 = /* @__PURE__ */ jsx41(
     Panel,
     {
       id: "main",
@@ -6098,8 +6528,8 @@ function AppPanel() {
       children: renderMainContent()
     }
   );
-  const footer = /* @__PURE__ */ jsx40(PanelFooter, { hints: footerHints, width });
-  return /* @__PURE__ */ jsx40(
+  const footer = /* @__PURE__ */ jsx41(PanelFooter, { hints: footerHints, width });
+  return /* @__PURE__ */ jsx41(
     PanelLayout,
     {
       header,
@@ -6263,19 +6693,19 @@ function printCliHelp() {
 import pc3 from "picocolors";
 
 // src/apps/ops.ts
-import { existsSync, mkdirSync, readFileSync, rmSync, writeFileSync as writeFileSync2 } from "fs";
+import { existsSync as existsSync2, mkdirSync, readFileSync as readFileSync2, rmSync, writeFileSync as writeFileSync2 } from "fs";
 import { mkdtemp, readdir, stat } from "fs/promises";
-import { dirname, join as join3, resolve } from "path";
+import { dirname, join as join4, resolve } from "path";
 import { tmpdir } from "os";
 import pc2 from "picocolors";
 
 // src/apps/bootstrapPaths.ts
 import { homedir as homedir2 } from "os";
-import { join as join2 } from "path";
+import { join as join3 } from "path";
 function getOpsBootstrapPayloadPath() {
   const home = homedir2();
   if (process.platform === "darwin") {
-    return join2(
+    return join3(
       home,
       "Library",
       "Application Support",
@@ -6285,10 +6715,10 @@ function getOpsBootstrapPayloadPath() {
     );
   }
   if (process.platform === "win32") {
-    const appData = process.env.APPDATA ?? join2(home, "AppData", "Roaming");
-    return join2(appData, "ops", "bootstrap", "supabase.json");
+    const appData = process.env.APPDATA ?? join3(home, "AppData", "Roaming");
+    return join3(appData, "ops", "bootstrap", "supabase.json");
   }
-  return join2(home, ".config", "ops", "bootstrap", "supabase.json");
+  return join3(home, ".config", "ops", "bootstrap", "supabase.json");
 }
 
 // src/apps/opsRelease.ts
@@ -6560,9 +6990,9 @@ async function promptSelect(label, options, defaultValue) {
 }
 
 // src/apps/ops.ts
-var LINK_REF_FILE = join3("supabase", ".temp", "project-ref");
+var LINK_REF_FILE = join4("supabase", ".temp", "project-ref");
 function isOpsProjectRoot(candidate) {
-  return existsSync(join3(candidate, "src-tauri", "tauri.conf.json")) && existsSync(join3(candidate, "supabase", "migrations")) && existsSync(join3(candidate, "package.json"));
+  return existsSync2(join4(candidate, "src-tauri", "tauri.conf.json")) && existsSync2(join4(candidate, "supabase", "migrations")) && existsSync2(join4(candidate, "package.json"));
 }
 function findNearestOpsRoot(startDir) {
   let currentDir = resolve(startDir);
@@ -6570,7 +7000,7 @@ function findNearestOpsRoot(startDir) {
     if (isOpsProjectRoot(currentDir)) {
       return currentDir;
     }
-    const siblingCandidate = join3(currentDir, "ops");
+    const siblingCandidate = join4(currentDir, "ops");
     if (isOpsProjectRoot(siblingCandidate)) {
       return siblingCandidate;
     }
@@ -6582,10 +7012,10 @@ function findNearestOpsRoot(startDir) {
   }
 }
 function readEnvFile(envPath) {
-  if (!existsSync(envPath)) {
+  if (!existsSync2(envPath)) {
     return {};
   }
-  const content = readFileSync(envPath, "utf-8");
+  const content = readFileSync2(envPath, "utf-8");
   const entries = {};
   for (const line of content.split("\n")) {
     const trimmed = line.trim();
@@ -6616,11 +7046,11 @@ function assertProjectRoot(projectRoot) {
   return projectRoot;
 }
 function getLinkedProjectRef(projectRoot) {
-  const refPath = join3(projectRoot, LINK_REF_FILE);
-  if (!existsSync(refPath)) {
+  const refPath = join4(projectRoot, LINK_REF_FILE);
+  if (!existsSync2(refPath)) {
     return null;
   }
-  const value = readFileSync(refPath, "utf-8").trim();
+  const value = readFileSync2(refPath, "utf-8").trim();
   return value || null;
 }
 function getDbPasswordArgs() {
@@ -6674,7 +7104,7 @@ async function ensureSupabaseLink(projectRoot, forceRelink = false) {
   );
 }
 async function collectSupabaseConfig(projectRoot) {
-  const envPath = projectRoot ? join3(projectRoot, ".env.local") : void 0;
+  const envPath = projectRoot ? join4(projectRoot, ".env.local") : void 0;
   const currentEnv = envPath ? readEnvFile(envPath) : {};
   const currentRef = projectRoot ? getLinkedProjectRef(projectRoot) : null;
   const url = await promptText("Supabase URL", {
@@ -6696,7 +7126,7 @@ async function collectSupabaseConfig(projectRoot) {
   };
 }
 function writeOpsEnv(projectRoot, config2) {
-  const envPath = join3(projectRoot, ".env.local");
+  const envPath = join4(projectRoot, ".env.local");
   const currentEnv = readEnvFile(envPath);
   const nextEnv = {
     ...currentEnv,
@@ -6896,7 +7326,7 @@ async function extractArchive(archivePath, outputDir) {
 async function findFirstAppBundle(dir) {
   const entries = await readdir(dir);
   for (const entry of entries) {
-    const fullPath = join3(dir, entry);
+    const fullPath = join4(dir, entry);
     const entryStat = await stat(fullPath);
     if (entryStat.isDirectory() && entry.endsWith(".app")) {
       return fullPath;
@@ -6912,9 +7342,9 @@ async function findFirstAppBundle(dir) {
 }
 async function deployMacosApp(context, options) {
   const artifact = await resolveOpsMacosArtifact(context.options);
-  const tempRoot = await mkdtemp(join3(tmpdir(), "polter-ops-"));
-  const archivePath = join3(tempRoot, artifact.fileName);
-  const extractDir = join3(tempRoot, "extract");
+  const tempRoot = await mkdtemp(join4(tmpdir(), "polter-ops-"));
+  const archivePath = join4(tempRoot, artifact.fileName);
+  const extractDir = join4(tempRoot, "extract");
   mkdirSync(extractDir, { recursive: true });
   if (artifact.source === "github-release") {
     const releaseLabel = artifact.tagName ?? "latest";
@@ -6943,13 +7373,13 @@ async function deployMacosApp(context, options) {
   }
   const installDir = context.options.installDir ?? "/Applications";
   mkdirSync(installDir, { recursive: true });
-  const destination = join3(installDir, "ops.app");
-  if (options.requireExistingInstallation && !existsSync(destination)) {
+  const destination = join4(installDir, "ops.app");
+  if (options.requireExistingInstallation && !existsSync2(destination)) {
     throw new Error(
       `No existing Ops installation was found at ${destination}. Run \`polter app install ops\` first.`
     );
   }
-  if (existsSync(destination)) {
+  if (existsSync2(destination)) {
     const confirmed = context.options.yes || await promptConfirm(`Replace existing installation at ${destination}?`, false);
     if (!confirmed) {
       process.stdout.write(`${pc2.yellow("Cancelled.")}
@@ -7213,11 +7643,22 @@ Apply completed with ${errors.length} error(s).
       process.exit(result.exitCode ?? 0);
     }
     const AppComponent2 = parsed.classic ? AppClassic : AppPanel;
-    render(React27.createElement(AppComponent2));
-    return;
+    const socketPath2 = getSocketPath();
+    const ipc2 = socketPath2 ? createIpcServer(socketPath2) : null;
+    if (ipc2) await ipc2.start();
+    const inst = render(React28.createElement(AppComponent2));
+    await inst.waitUntilExit();
+    if (ipc2) await ipc2.stop();
+    process.exit(0);
   }
   const AppComponent = parsed.classic ? AppClassic : AppPanel;
-  render(React27.createElement(AppComponent));
+  const socketPath = getSocketPath();
+  const ipc = socketPath ? createIpcServer(socketPath) : null;
+  if (ipc) await ipc.start();
+  const instance = render(React28.createElement(AppComponent));
+  await instance.waitUntilExit();
+  if (ipc) await ipc.stop();
+  process.exit(0);
 }
 main().catch((error) => {
   const message = error instanceof Error ? error.message : String(error);