@polterware/polter 0.2.1 → 0.2.3

package/dist/api.js

@@ -20,7 +20,7 @@ import {
   runCommand,
   savePipeline,
   toolFlags
-} from "./chunk-3XNNC5AW.js";
+} from "./chunk-2B2UWOVQ.js";
 export {
   allCommands,
   applyActions,

package/dist/{chunk-3XNNC5AW.js → chunk-2B2UWOVQ.js}

@@ -12,21 +12,24 @@ var supabaseCommands = [
     tool: "supabase",
     base: ["bootstrap"],
     label: "bootstrap",
-    hint: "Bootstrap from a starter template"
+    hint: "Bootstrap from a starter template",
+    interactive: true
   },
   {
     id: "supabase:init",
     tool: "supabase",
     base: ["init"],
     label: "init",
-    hint: "Initialize a local project"
+    hint: "Initialize a local project",
+    interactive: true
   },
   {
     id: "supabase:login",
     tool: "supabase",
     base: ["login"],
     label: "login",
-    hint: "Authenticate with access token"
+    hint: "Authenticate with access token",
+    interactive: true
   },
   {
     id: "supabase:logout",
@@ -131,7 +134,8 @@ var supabaseCommands = [
     tool: "supabase",
     base: ["link"],
     label: "link",
-    hint: "Link to remote project"
+    hint: "Link to remote project",
+    interactive: true
   },
   {
     id: "supabase:unlink",
@@ -325,7 +329,8 @@ var ghCommands = [
     tool: "gh",
     base: ["repo", "create"],
     label: "repo create",
-    hint: "Create a new repository"
+    hint: "Create a new repository",
+    interactive: true
   },
   {
     id: "gh:repo:view",
@@ -489,7 +494,8 @@ var ghCommands = [
     tool: "gh",
     base: ["auth", "login"],
     label: "auth login",
-    hint: "Log in to GitHub"
+    hint: "Log in to GitHub",
+    interactive: true
   },
   {
     id: "gh:auth:status",
@@ -610,14 +616,16 @@ var vercelCommands = [
     tool: "vercel",
     base: ["link"],
     label: "link",
-    hint: "Link to a Vercel project"
+    hint: "Link to a Vercel project",
+    interactive: true
   },
   {
     id: "vercel:login",
     tool: "vercel",
     base: ["login"],
     label: "login",
-    hint: "Log in to Vercel"
+    hint: "Log in to Vercel",
+    interactive: true
   },
   {
     id: "vercel:whoami",
@@ -863,7 +871,7 @@ function getFlagsForTool(toolId) {
 }
 
 // src/lib/runner.ts
-import { spawn } from "child_process";
+import { spawn, spawnSync } from "child_process";
 import { existsSync } from "fs";
 import { delimiter, dirname, join, resolve } from "path";
 function getSupabaseBinaryCandidates() {
@@ -953,10 +961,30 @@ async function runCommand(execution, args, cwd = process.cwd(), options) {
     });
   });
 }
+function runInteractiveCommand(execution, args, cwd = process.cwd()) {
+  const resolved = typeof execution === "string" ? { command: execution } : execution;
+  const result = spawnSync(resolved.command, args, {
+    cwd,
+    env: resolved.env,
+    shell: true,
+    stdio: "inherit"
+  });
+  return {
+    exitCode: result.status,
+    signal: result.signal,
+    stdout: "",
+    stderr: "",
+    spawnError: result.error?.message
+  };
+}
 async function runSupabaseCommand(args, cwd = process.cwd()) {
   return runCommand(resolveSupabaseCommand(cwd), args, cwd);
 }
 
+// src/lib/toolResolver.ts
+import { existsSync as existsSync2, readFileSync } from "fs";
+import { join as join2 } from "path";
+
 // src/lib/system.ts
 import { execSync } from "child_process";
 function commandExists(command) {
@@ -1029,6 +1057,63 @@ function getToolInfo(toolId) {
   toolInfoCache.set(toolId, info);
   return info;
 }
+function detectSupabaseLink(cwd) {
+  try {
+    const configPath = join2(cwd, ".supabase", "config.toml");
+    if (existsSync2(configPath)) {
+      const content = readFileSync(configPath, "utf-8");
+      const match = content.match(/project_id\s*=\s*"([^"]+)"/);
+      return { linked: true, project: match?.[1] };
+    }
+  } catch {
+  }
+  return { linked: false };
+}
+function detectVercelLink(cwd) {
+  try {
+    const projectPath = join2(cwd, ".vercel", "project.json");
+    if (existsSync2(projectPath)) {
+      const data = JSON.parse(readFileSync(projectPath, "utf-8"));
+      return { linked: true, project: data.projectId };
+    }
+  } catch {
+  }
+  return { linked: false };
+}
+function detectGhLink(cwd) {
+  try {
+    const remote = execCapture(`git -C "${cwd}" remote get-url origin 2>/dev/null`);
+    if (remote) {
+      const match = remote.match(/[/:]([\w.-]+\/[\w.-]+?)(?:\.git)?$/);
+      return { linked: true, project: match?.[1] ?? remote };
+    }
+  } catch {
+  }
+  return { linked: false };
+}
+var toolLinkCache = /* @__PURE__ */ new Map();
+function getToolLinkInfo(toolId, cwd = process.cwd()) {
+  const cached = toolLinkCache.get(toolId);
+  if (cached) return cached;
+  const base = getToolInfo(toolId);
+  let linkStatus = { linked: false };
+  if (base.installed) {
+    switch (toolId) {
+      case "supabase":
+        linkStatus = detectSupabaseLink(cwd);
+        break;
+      case "vercel":
+        linkStatus = detectVercelLink(cwd);
+        break;
+      case "gh":
+        linkStatus = detectGhLink(cwd);
+        break;
+    }
+  }
+  const info = { ...base, ...linkStatus };
+  toolLinkCache.set(toolId, info);
+  return info;
+}
 
 // src/pipeline/engine.ts
 async function executePipeline(pipeline, onProgress, cwd = process.cwd()) {
@@ -1076,19 +1161,19 @@ async function executePipeline(pipeline, onProgress, cwd = process.cwd()) {
 }
 
 // src/config/projectConfig.ts
-import { existsSync as existsSync3, readFileSync, writeFileSync, mkdirSync } from "fs";
-import { join as join3 } from "path";
+import { existsSync as existsSync4, readFileSync as readFileSync2, writeFileSync, mkdirSync } from "fs";
+import { join as join4 } from "path";
 
 // src/lib/packageRoot.ts
-import { existsSync as existsSync2 } from "fs";
-import { dirname as dirname2, join as join2, resolve as resolve2 } from "path";
+import { existsSync as existsSync3 } from "fs";
+import { dirname as dirname2, join as join3, resolve as resolve2 } from "path";
 var rootCache = /* @__PURE__ */ new Map();
 function findNearestPackageRoot(startDir = process.cwd()) {
   const resolvedStart = resolve2(startDir);
   if (rootCache.has(resolvedStart)) return rootCache.get(resolvedStart);
   let currentDir = resolvedStart;
   while (true) {
-    if (existsSync2(join2(currentDir, "package.json"))) {
+    if (existsSync3(join3(currentDir, "package.json"))) {
       rootCache.set(resolvedStart, currentDir);
       return currentDir;
     }
@@ -1114,15 +1199,15 @@ function defaultConfig() {
 function getProjectConfigPath(startDir) {
   const root = findNearestPackageRoot(startDir);
   if (!root) return void 0;
-  const dir = join3(root, CONFIG_DIR);
-  return { dir, file: join3(dir, CONFIG_FILE) };
+  const dir = join4(root, CONFIG_DIR);
+  return { dir, file: join4(dir, CONFIG_FILE) };
 }
 function readProjectConfig(startDir) {
   const paths = getProjectConfigPath(startDir);
   if (!paths) return void 0;
-  if (!existsSync3(paths.file)) return void 0;
+  if (!existsSync4(paths.file)) return void 0;
   try {
-    const raw = readFileSync(paths.file, "utf-8");
+    const raw = readFileSync2(paths.file, "utf-8");
     return JSON.parse(raw);
   } catch {
     return void 0;
@@ -1221,8 +1306,8 @@ function findPipelineByName(name, startDir) {
 }
 
 // src/declarative/parser.ts
-import { existsSync as existsSync4, readFileSync as readFileSync2 } from "fs";
-import { join as join4 } from "path";
+import { existsSync as existsSync5, readFileSync as readFileSync3 } from "fs";
+import { join as join5 } from "path";
 var YAML_FILE = "polter.yaml";
 function parseSimpleYaml(content) {
   const lines = content.split("\n");
@@ -1294,13 +1379,13 @@ function parseValue(raw) {
   return raw;
 }
 function findPolterYaml(startDir = process.cwd()) {
-  const filePath = join4(startDir, YAML_FILE);
-  return existsSync4(filePath) ? filePath : void 0;
+  const filePath = join5(startDir, YAML_FILE);
+  return existsSync5(filePath) ? filePath : void 0;
 }
 function parsePolterYaml(startDir = process.cwd()) {
   const filePath = findPolterYaml(startDir);
   if (!filePath) return void 0;
-  const content = readFileSync2(filePath, "utf-8");
+  const content = readFileSync3(filePath, "utf-8");
   const raw = parseSimpleYaml(content);
   return raw;
 }
@@ -1451,10 +1536,12 @@ export {
   toolFlags,
   getFlagsForTool,
   runCommand,
+  runInteractiveCommand,
   runSupabaseCommand,
   commandExists,
   resolveToolCommand,
   getToolInfo,
+  getToolLinkInfo,
   executePipeline,
   findNearestPackageRoot,
   getProjectConfigPath,

package/dist/index.js

@@ -17,14 +17,16 @@ import {
   getOrCreateProjectConfig,
   getProjectConfigPath,
   getToolInfo,
+  getToolLinkInfo,
   parsePolterYaml,
   planChanges,
   resolveToolCommand,
   runCommand,
+  runInteractiveCommand,
   runSupabaseCommand,
   savePipeline,
   writeProjectConfig
-} from "./chunk-3XNNC5AW.js";
+} from "./chunk-2B2UWOVQ.js";
 
 // src/index.tsx
 import React20 from "react";
@@ -176,16 +178,16 @@ var ghost = {
 // src/components/GhostBanner.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
 var ToolStatusBadges = React.memo(function ToolStatusBadges2() {
-  const tools = ["supabase", "gh", "vercel"].map(getToolInfo);
+  const tools = ["supabase", "gh", "vercel"].map((id) => getToolLinkInfo(id));
   return /* @__PURE__ */ jsx(Box, { gap: 1, children: tools.map((t) => /* @__PURE__ */ jsxs(
     Text,
     {
-      color: t.installed ? inkColors.accent : "red",
+      color: t.linked ? inkColors.accent : t.installed ? "yellow" : "red",
       dimColor: !t.installed,
       children: [
         t.id,
         ":",
-        t.installed ? "ok" : "x"
+        t.linked ? "linked" : t.installed ? "ok" : "x"
       ]
     },
     t.id
@@ -1127,7 +1129,8 @@ function CommandArgs({
     onNavigate("flag-selection", {
       args: [...baseArgs, ...extraArgs],
       command,
-      tool: resolvedTool
+      tool: resolvedTool,
+      interactive: cmdDef?.interactive
     });
   };
   useInput4((_input, key) => {
@@ -1427,6 +1430,7 @@ import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
 function FlagSelection({
   args,
   tool = "supabase",
+  interactive,
   onNavigate,
   onBack,
   width = 80,
@@ -1436,7 +1440,7 @@ function FlagSelection({
 }) {
   const flags = getFlagsForTool(tool);
   if (flags.length === 0) {
-    onNavigate("confirm-execute", { args, tool });
+    onNavigate("confirm-execute", { args, tool, interactive });
     return /* @__PURE__ */ jsx11(Box10, {});
   }
   const cmdDisplay = `${tool} ${args.join(" ")}`;
@@ -1460,7 +1464,7 @@ function FlagSelection({
             flags,
             onSubmit: (selectedFlags) => {
               const finalArgs = selectedFlags.length > 0 ? [...args, ...selectedFlags] : args;
-              onNavigate("confirm-execute", { args: finalArgs, tool });
+              onNavigate("confirm-execute", { args: finalArgs, tool, interactive });
             },
             onCancel: onBack,
             isInputActive,
@@ -1486,7 +1490,7 @@ function FlagSelection({
 }
 
 // src/screens/CommandExecution.tsx
-import { useState as useState11, useEffect as useEffect5 } from "react";
+import { useState as useState11, useEffect as useEffect6 } from "react";
 import { Box as Box13, Text as Text17 } from "ink";
 
 // src/components/Spinner.tsx
@@ -1668,6 +1672,58 @@ function useCommand(execution = "supabase", cwd = process.cwd(), options) {
   return { status, result, run, reset };
 }
 
+// src/hooks/useInteractiveRun.ts
+import { useCallback as useCallback3 } from "react";
+
+// src/hooks/useFullscreen.ts
+import { useEffect as useEffect5 } from "react";
+var ENTER_ALT_SCREEN = "\x1B[?1049h";
+var LEAVE_ALT_SCREEN = "\x1B[?1049l";
+var HIDE_CURSOR = "\x1B[?25l";
+var SHOW_CURSOR = "\x1B[?25h";
+function useFullscreen() {
+  useEffect5(() => {
+    process.stdout.write(ENTER_ALT_SCREEN + HIDE_CURSOR);
+    return () => {
+      process.stdout.write(SHOW_CURSOR + LEAVE_ALT_SCREEN);
+    };
+  }, []);
+}
+
+// src/hooks/useInteractiveRun.ts
+function useInteractiveRun() {
+  const runInteractive = useCallback3(
+    (tool, args, cwd) => {
+      process.stdout.write(SHOW_CURSOR + LEAVE_ALT_SCREEN + "\x1B[2J\x1B[H");
+      if (process.stdin.isTTY) {
+        process.stdin.setRawMode(false);
+      }
+      process.stdout.write(`
+  Running: ${tool} ${args.join(" ")}
+
+`);
+      const resolved = resolveToolCommand(tool, cwd);
+      const result = runInteractiveCommand(
+        { command: resolved.command, env: resolved.env },
+        args,
+        cwd
+      );
+      process.stdout.write(
+        `
+  Command exited (code ${result.exitCode ?? "?"}). Returning to Polter...
+`
+      );
+      if (process.stdin.isTTY) {
+        process.stdin.setRawMode(true);
+      }
+      process.stdout.write(ENTER_ALT_SCREEN + HIDE_CURSOR);
+      return result;
+    },
+    []
+  );
+  return { runInteractive };
+}
+
 // src/lib/clipboard.ts
 import { spawn, exec } from "child_process";
 async function copyToClipboard(text) {
@@ -1731,6 +1787,7 @@ import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
 function CommandExecution({
   args: initialArgs,
   tool = "supabase",
+  interactive = false,
   onBack,
   onHome,
   onExit,
@@ -1746,14 +1803,24 @@ function CommandExecution({
   const { status, result, run, reset } = useCommand(tool, process.cwd(), {
     quiet: panelMode
   });
+  const { runInteractive } = useInteractiveRun();
   const cmdDisplay = `${tool} ${currentArgs.join(" ")}`;
   const runCommand2 = currentArgs.join(" ");
-  useEffect5(() => {
+  useEffect6(() => {
     if (phase === "running" && status === "idle") {
-      run(currentArgs);
+      if (panelMode && interactive) {
+        const interactiveResult = runInteractive(tool, currentArgs);
+        if (!interactiveResult.spawnError && interactiveResult.exitCode === 0) {
+          setPhase("success");
+        } else {
+          setPhase("error-menu");
+        }
+      } else {
+        run(currentArgs);
+      }
     }
-  }, [phase, status, run, currentArgs]);
-  useEffect5(() => {
+  }, [phase, status, run, currentArgs, panelMode, interactive, tool, runInteractive]);
+  useEffect6(() => {
     if (phase === "running" && status === "success") {
       if (isPinnedRun(runCommand2)) {
         setPhase("success");
@@ -1916,6 +1983,13 @@ function CommandExecution({
       });
     }
   }
+  if (panelMode && !result?.spawnError) {
+    errorItems.push({
+      value: "run-interactive",
+      label: "\u{1F4BB} Run in terminal",
+      hint: "Suspend TUI and run interactively"
+    });
+  }
   errorItems.push({
     value: "copy",
     label: "\u{1F4CB} Copy command to clipboard"
@@ -1967,7 +2041,7 @@ function CommandExecution({
       {
         stdout: result?.stdout,
         stderr: result?.stderr,
-        height: Math.max(3, height - 16 - (suggestions.length > 0 ? suggestions.length + 4 : 0)),
+        height: Math.max(3, height - 13 - errorItems.length - (suggestions.length > 0 ? suggestions.length + 4 : 0)),
         isActive: false
       }
     ),
@@ -2006,6 +2080,13 @@ function CommandExecution({
               setPhase("running");
               break;
             }
+            case "run-interactive": {
+              const interactiveResult = runInteractive(tool, currentArgs);
+              if (!interactiveResult.spawnError && interactiveResult.exitCode === 0) {
+                setPhase("success");
+              }
+              break;
+            }
             case "copy":
               await copyToClipboard(cmdDisplay);
               break;
@@ -2031,7 +2112,7 @@ function CommandExecution({
 }
 
 // src/screens/SelfUpdate.tsx
-import { useEffect as useEffect6, useState as useState12 } from "react";
+import { useEffect as useEffect7, useState as useState12 } from "react";
 import { Box as Box14, Text as Text18 } from "ink";
 import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
 var packageName = "@polterware/polter";
@@ -2061,12 +2142,12 @@ function SelfUpdate({
   const { status, result, run, reset } = useCommand("npm", updateCwd, {
     quiet: panelMode
   });
-  useEffect6(() => {
+  useEffect7(() => {
     if (phase === "running" && status === "idle") {
       run(updateArgs);
     }
   }, [phase, run, status, updateArgs]);
-  useEffect6(() => {
+  useEffect7(() => {
     if (phase === "running" && status === "success") {
       setPhase("success");
     }
@@ -2311,15 +2392,16 @@ import { useMemo as useMemo4 } from "react";
 import { Box as Box15, Text as Text19 } from "ink";
 import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
 var toolIds = ["supabase", "gh", "vercel", "git"];
+var linkableTools = /* @__PURE__ */ new Set(["supabase", "gh", "vercel"]);
 function ToolStatus({ onBack, width = 80, height = 24, panelMode = false, isInputActive = true }) {
-  const tools = useMemo4(() => toolIds.map(getToolInfo), []);
+  const tools = useMemo4(() => toolIds.map((id) => getToolLinkInfo(id)), []);
   if (panelMode) {
     const statusItems = [
       { value: "__section__", label: "Installed Tools", kind: "header", selectable: false },
       ...tools.map((tool) => ({
         value: tool.id,
         label: `${tool.installed ? "\u2713" : "\u2717"} ${tool.label}`,
-        hint: tool.installed ? tool.version ?? "installed" : "not found",
+        hint: tool.installed ? `${tool.version ?? "installed"}${linkableTools.has(tool.id) ? tool.linked ? ` \u2192 ${tool.project ? `linked (${tool.project})` : "linked"}` : " \u2192 not linked" : ""}` : "not found",
         kind: "action"
       }))
     ];
@@ -2344,7 +2426,7 @@ function ToolStatus({ onBack, width = 80, height = 24, panelMode = false, isInpu
     tools.map((tool) => /* @__PURE__ */ jsxs17(Box15, { gap: 1, marginLeft: 2, children: [
       /* @__PURE__ */ jsx19(Text19, { color: tool.installed ? inkColors.accent : "red", children: tool.installed ? "\u2713" : "\u2717" }),
       /* @__PURE__ */ jsx19(Box15, { width: 16, children: /* @__PURE__ */ jsx19(Text19, { bold: true, children: tool.label }) }),
-      /* @__PURE__ */ jsx19(Text19, { dimColor: true, children: tool.installed ? tool.version ?? "installed" : "not found" })
+      /* @__PURE__ */ jsx19(Text19, { dimColor: true, children: tool.installed ? `${tool.version ?? "installed"}${linkableTools.has(tool.id) ? tool.linked ? ` \u2192 ${tool.project ?? "linked"}` : " \u2192 not linked" : ""}` : "not found" })
     ] }, tool.id)),
     /* @__PURE__ */ jsx19(Box15, { marginTop: 1, children: /* @__PURE__ */ jsx19(
       SelectList,
@@ -2365,7 +2447,7 @@ import { useMemo as useMemo5, useState as useState14 } from "react";
 import { Box as Box16, Text as Text20 } from "ink";
 
 // src/hooks/useEditor.ts
-import { useState as useState13, useCallback as useCallback3 } from "react";
+import { useState as useState13, useCallback as useCallback4 } from "react";
 import { useStdin } from "ink";
 
 // src/lib/editor.ts
@@ -2417,7 +2499,7 @@ function openInEditor(filePath) {
 function useEditor() {
   const { setRawMode } = useStdin();
   const [isEditing, setIsEditing] = useState13(false);
-  const openEditor = useCallback3(async (filePath) => {
+  const openEditor = useCallback4(async (filePath) => {
     const editor = resolveEditor();
     const terminal = isTerminalEditor(editor.command);
     setIsEditing(true);
@@ -2956,7 +3038,7 @@ function PipelineBuilder({
 }
 
 // src/screens/PipelineExecution.tsx
-import { useState as useState16, useEffect as useEffect7, useMemo as useMemo7 } from "react";
+import { useState as useState16, useEffect as useEffect8, useMemo as useMemo7 } from "react";
 import { Box as Box21, Text as Text25 } from "ink";
 
 // src/components/StepIndicator.tsx
@@ -3052,7 +3134,7 @@ function PipelineExecution({
   const [phase, setPhase] = useState16("running");
   const [progress, setProgress] = useState16(null);
   const [results, setResults] = useState16([]);
-  useEffect7(() => {
+  useEffect8(() => {
     if (!pipeline) return;
     executePipeline(pipeline, (p) => {
       setProgress({ ...p });
@@ -3259,23 +3341,8 @@ function AppClassic() {
 import React19 from "react";
 import { Box as Box30, Text as Text33, useApp as useApp2, useInput as useInput9 } from "ink";
 
-// src/hooks/useFullscreen.ts
-import { useEffect as useEffect8 } from "react";
-var ENTER_ALT_SCREEN = "\x1B[?1049h";
-var LEAVE_ALT_SCREEN = "\x1B[?1049l";
-var HIDE_CURSOR = "\x1B[?25l";
-var SHOW_CURSOR = "\x1B[?25h";
-function useFullscreen() {
-  useEffect8(() => {
-    process.stdout.write(ENTER_ALT_SCREEN + HIDE_CURSOR);
-    return () => {
-      process.stdout.write(SHOW_CURSOR + LEAVE_ALT_SCREEN);
-    };
-  }, []);
-}
-
 // src/hooks/usePanelNavigation.ts
-import { useState as useState17, useCallback as useCallback4 } from "react";
+import { useState as useState17, useCallback as useCallback5 } from "react";
 function usePanelNavigation() {
   const [state, setState] = useState17({
     view: "pipelines",
@@ -3284,7 +3351,7 @@ function usePanelNavigation() {
     innerParams: {},
     innerStack: []
   });
-  const selectSidebarItem = useCallback4((itemId) => {
+  const selectSidebarItem = useCallback5((itemId) => {
     const featureIds = [
       "database",
       "functions",
@@ -3325,7 +3392,7 @@ function usePanelNavigation() {
       });
     }
   }, [state.featureId]);
-  const navigateInner = useCallback4((screen, params) => {
+  const navigateInner = useCallback5((screen, params) => {
     setState((prev) => ({
       ...prev,
       innerStack: [...prev.innerStack, { screen: prev.innerScreen, params: prev.innerParams }],
@@ -3333,7 +3400,7 @@ function usePanelNavigation() {
       innerParams: params ?? {}
     }));
   }, []);
-  const goBackInner = useCallback4(() => {
+  const goBackInner = useCallback5(() => {
     setState((prev) => {
       if (prev.innerStack.length === 0) {
         return { ...prev, innerScreen: "home", innerParams: {} };
@@ -3348,7 +3415,7 @@ function usePanelNavigation() {
       };
     });
   }, []);
-  const goHomeInner = useCallback4(() => {
+  const goHomeInner = useCallback5(() => {
     setState((prev) => ({
       ...prev,
       innerScreen: "home",
@@ -3356,7 +3423,7 @@ function usePanelNavigation() {
       innerStack: []
     }));
   }, []);
-  const switchViewAndNavigate = useCallback4(
+  const switchViewAndNavigate = useCallback5(
     (view, screen, params) => {
       setState((prev) => ({
         ...prev,
@@ -3379,14 +3446,14 @@ function usePanelNavigation() {
 }
 
 // src/hooks/usePanelFocus.ts
-import { useState as useState18, useCallback as useCallback5 } from "react";
+import { useState as useState18, useCallback as useCallback6 } from "react";
 function usePanelFocus() {
   const [focused, setFocused] = useState18("sidebar");
-  const toggleFocus = useCallback5(() => {
+  const toggleFocus = useCallback6(() => {
     setFocused((prev) => prev === "sidebar" ? "main" : "sidebar");
   }, []);
-  const focusSidebar = useCallback5(() => setFocused("sidebar"), []);
-  const focusMain = useCallback5(() => setFocused("main"), []);
+  const focusSidebar = useCallback6(() => setFocused("sidebar"), []);
+  const focusMain = useCallback6(() => setFocused("main"), []);
   return {
     focused,
     isSidebarFocused: focused === "sidebar",
@@ -3425,13 +3492,13 @@ function useSidebarItems() {
 }
 
 // src/hooks/useModal.ts
-import { useState as useState19, useCallback as useCallback6 } from "react";
+import { useState as useState19, useCallback as useCallback7 } from "react";
 function useModal() {
   const [state, setState] = useState19(null);
-  const openModal = useCallback6((content, title) => {
+  const openModal = useCallback7((content, title) => {
     setState({ content, title });
   }, []);
-  const closeModal = useCallback6(() => {
+  const closeModal = useCallback7(() => {
     setState(null);
   }, []);
   return {
@@ -4183,6 +4250,7 @@ function AppPanel() {
           {
             args: nav.innerParams.args ?? [],
             tool: nav.innerParams.tool,
+            interactive: nav.innerParams.interactive,
             onNavigate: nav.navigateInner,
             onBack: nav.goBackInner,
             width: w,
@@ -4198,6 +4266,7 @@ function AppPanel() {
           {
             args: nav.innerParams.args ?? [],
             tool: nav.innerParams.tool,
+            interactive: nav.innerParams.interactive,
             onBack: nav.goBackInner,
             onHome: nav.goHomeInner,
             onExit: handleExit,

package/dist/mcp.js

@@ -17,7 +17,7 @@ import {
   resolveToolCommand,
   runCommand,
   savePipeline
-} from "./chunk-3XNNC5AW.js";
+} from "./chunk-2B2UWOVQ.js";
 
 // src/mcp.ts
 import { McpServer } from "@modelcontextprotocol/sdk/server/mcp.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@polterware/polter",
-  "version": "0.2.1",
+  "version": "0.2.3",
   "description": "An interactive CLI for managing Supabase CLI workflows.",
   "type": "module",
   "bin": {