rrce-workflow 0.2.29 → 0.2.30

package/dist/index.js

@@ -721,6 +721,17 @@ var init_types = __esm({
 });
 
 // src/mcp/config.ts
+var config_exports = {};
+__export(config_exports, {
+  ensureMCPGlobalPath: () => ensureMCPGlobalPath,
+  getMCPConfigPath: () => getMCPConfigPath,
+  getProjectPermissions: () => getProjectPermissions,
+  isProjectExposed: () => isProjectExposed,
+  loadMCPConfig: () => loadMCPConfig,
+  removeProjectConfig: () => removeProjectConfig,
+  saveMCPConfig: () => saveMCPConfig,
+  setProjectConfig: () => setProjectConfig
+});
 import * as fs7 from "fs";
 import * as path8 from "path";
 function getMCPConfigPath() {
@@ -907,6 +918,10 @@ function setProjectConfig(config, name, expose, permissions) {
   }
   return config;
 }
+function removeProjectConfig(config, name) {
+  config.projects = config.projects.filter((p) => p.name !== name);
+  return config;
+}
 function isProjectExposed(config, name) {
   const project = config.projects.find((p) => p.name === name);
   if (project) {
@@ -1683,6 +1698,226 @@ var init_install = __esm({
   }
 });
 
+// src/mcp/ui/Header.tsx
+import "react";
+import { Box, Text } from "ink";
+import { jsx } from "react/jsx-runtime";
+var Header;
+var init_Header = __esm({
+  "src/mcp/ui/Header.tsx"() {
+    "use strict";
+    Header = () => /* @__PURE__ */ jsx(Box, { flexDirection: "column", paddingBottom: 1, children: /* @__PURE__ */ jsx(Box, { borderStyle: "double", borderColor: "cyan", paddingX: 2, justifyContent: "center", children: /* @__PURE__ */ jsx(Text, { bold: true, color: "white", children: " RRCE MCP Hub " }) }) });
+  }
+});
+
+// src/mcp/ui/StatusBoard.tsx
+import "react";
+import { Box as Box2, Text as Text2 } from "ink";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var StatusBoard;
+var init_StatusBoard = __esm({
+  "src/mcp/ui/StatusBoard.tsx"() {
+    "use strict";
+    StatusBoard = ({ exposedLabel, port, pid }) => {
+      return /* @__PURE__ */ jsx2(Box2, { borderStyle: "single", borderColor: "cyan", paddingX: 1, children: /* @__PURE__ */ jsxs(Text2, { children: [
+        "\u{1F4CB} ",
+        /* @__PURE__ */ jsx2(Text2, { color: "yellow", children: exposedLabel }),
+        " ",
+        "\u2502",
+        " Port: ",
+        /* @__PURE__ */ jsx2(Text2, { color: "green", children: port }),
+        " ",
+        "\u2502",
+        " PID: ",
+        /* @__PURE__ */ jsx2(Text2, { color: "green", children: pid })
+      ] }) });
+    };
+  }
+});
+
+// src/mcp/ui/LogViewer.tsx
+import "react";
+import { Box as Box3, Text as Text3 } from "ink";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var LogViewer;
+var init_LogViewer = __esm({
+  "src/mcp/ui/LogViewer.tsx"() {
+    "use strict";
+    LogViewer = ({ logs, height }) => {
+      const visibleLogs = logs.slice(-height);
+      const emptyLines = Math.max(0, height - visibleLogs.length);
+      const padding = Array(emptyLines).fill("");
+      return /* @__PURE__ */ jsxs2(Box3, { flexDirection: "column", borderStyle: "round", borderColor: "dim", paddingX: 1, height: height + 2, flexGrow: 1, children: [
+        padding.map((_, i) => /* @__PURE__ */ jsx3(Text3, { children: " " }, `empty-${i}`)),
+        visibleLogs.map((log, i) => /* @__PURE__ */ jsx3(Text3, { wrap: "truncate-end", children: log }, `log-${i}`))
+      ] });
+    };
+  }
+});
+
+// src/mcp/ui/CommandBar.tsx
+import "react";
+import { Box as Box4, Text as Text4 } from "ink";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+var CommandBar;
+var init_CommandBar = __esm({
+  "src/mcp/ui/CommandBar.tsx"() {
+    "use strict";
+    CommandBar = () => {
+      return /* @__PURE__ */ jsx4(Box4, { borderStyle: "single", borderColor: "cyan", paddingX: 1, children: /* @__PURE__ */ jsxs3(Text4, { children: [
+        /* @__PURE__ */ jsx4(Text4, { color: "cyan", bold: true, children: "q" }),
+        ":Quit  ",
+        /* @__PURE__ */ jsx4(Text4, { color: "cyan", bold: true, children: "p" }),
+        ":Projects  ",
+        /* @__PURE__ */ jsx4(Text4, { color: "cyan", bold: true, children: "i" }),
+        ":Install  ",
+        /* @__PURE__ */ jsx4(Text4, { color: "cyan", bold: true, children: "r" }),
+        ":Reload  ",
+        /* @__PURE__ */ jsx4(Text4, { color: "cyan", bold: true, children: "c" }),
+        ":Clear  ",
+        /* @__PURE__ */ jsx4(Text4, { color: "cyan", bold: true, children: "?" }),
+        ":Help"
+      ] }) });
+    };
+  }
+});
+
+// src/mcp/ui/Dashboard.tsx
+import "react";
+import { Box as Box5 } from "ink";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+var Dashboard;
+var init_Dashboard = __esm({
+  "src/mcp/ui/Dashboard.tsx"() {
+    "use strict";
+    init_Header();
+    init_StatusBoard();
+    init_LogViewer();
+    init_CommandBar();
+    Dashboard = ({ logs, exposedLabel, port, pid, logHeight }) => {
+      return /* @__PURE__ */ jsxs4(Box5, { flexDirection: "column", padding: 0, children: [
+        /* @__PURE__ */ jsx5(Header, {}),
+        /* @__PURE__ */ jsx5(LogViewer, { logs, height: logHeight }),
+        /* @__PURE__ */ jsx5(StatusBoard, { exposedLabel, port, pid }),
+        /* @__PURE__ */ jsx5(CommandBar, {})
+      ] });
+    };
+  }
+});
+
+// src/mcp/ui/App.tsx
+var App_exports = {};
+__export(App_exports, {
+  App: () => App
+});
+import { useState, useEffect as useEffect2 } from "react";
+import { useInput, useApp } from "ink";
+import fs11 from "fs";
+import { jsx as jsx6 } from "react/jsx-runtime";
+var App;
+var init_App = __esm({
+  "src/mcp/ui/App.tsx"() {
+    "use strict";
+    init_Dashboard();
+    init_config();
+    init_detection();
+    init_logger();
+    init_server();
+    App = ({ onExit, onConfigure, onInstall, initialPort }) => {
+      const { exit } = useApp();
+      const [logs, setLogs] = useState([]);
+      const [serverInfo, setServerInfo] = useState({
+        port: initialPort,
+        pid: process.pid,
+        running: false
+      });
+      const config = loadMCPConfig();
+      const projects = scanForProjects();
+      const exposedProjects = projects.filter((p) => {
+        const cfg = config.projects.find((c) => c.name === p.name);
+        return cfg?.expose ?? config.defaults.includeNew;
+      });
+      const exposedNames = exposedProjects.map((p) => p.name).slice(0, 5);
+      const exposedLabel = exposedNames.length > 0 ? exposedNames.join(", ") + (exposedProjects.length > 5 ? ` (+${exposedProjects.length - 5} more)` : "") : "(none)";
+      useEffect2(() => {
+        const start = async () => {
+          const status = getMCPServerStatus();
+          if (!status.running) {
+            try {
+              const res = await startMCPServer();
+              setServerInfo((prev) => ({ ...prev, running: true, port: res.port, pid: res.pid }));
+            } catch (e) {
+              setLogs((prev) => [...prev, `Error starting server: ${e}`]);
+            }
+          } else {
+            setServerInfo((prev) => ({ ...prev, running: true, port: status.port || initialPort, pid: status.pid || process.pid }));
+          }
+        };
+        start();
+        return () => {
+        };
+      }, []);
+      useEffect2(() => {
+        const logPath = getLogFilePath();
+        let lastSize = 0;
+        if (fs11.existsSync(logPath)) {
+          const stats = fs11.statSync(logPath);
+          lastSize = stats.size;
+        }
+        const interval = setInterval(() => {
+          if (fs11.existsSync(logPath)) {
+            const stats = fs11.statSync(logPath);
+            if (stats.size > lastSize) {
+              const buffer = Buffer.alloc(stats.size - lastSize);
+              const fd = fs11.openSync(logPath, "r");
+              fs11.readSync(fd, buffer, 0, buffer.length, lastSize);
+              fs11.closeSync(fd);
+              const newContent = buffer.toString("utf-8");
+              const newLines = newContent.split("\n").filter((l) => l.trim());
+              setLogs((prev) => {
+                const next = [...prev, ...newLines];
+                return next.slice(-50);
+              });
+              lastSize = stats.size;
+            }
+          }
+        }, 500);
+        return () => clearInterval(interval);
+      }, []);
+      useInput((input, key) => {
+        if (input === "q" || key.ctrl && input === "c") {
+          stopMCPServer();
+          onExit();
+        }
+        if (input === "p") {
+          onConfigure();
+        }
+        if (input === "i") {
+          onInstall();
+        }
+        if (input === "c") {
+          setLogs([]);
+        }
+        if (input === "r") {
+          setLogs((prev) => [...prev, "[INFO] Config reload requested..."]);
+        }
+      });
+      const termHeight = process.stdout.rows || 24;
+      const logHeight = Math.max(5, termHeight - 12);
+      return /* @__PURE__ */ jsx6(
+        Dashboard,
+        {
+          logs,
+          exposedLabel,
+          port: serverInfo.port,
+          pid: serverInfo.pid,
+          logHeight
+        }
+      );
+    };
+  }
+});
+
 // src/mcp/index.ts
 var mcp_exports = {};
 __export(mcp_exports, {
@@ -1694,9 +1929,13 @@ async function runMCP(subcommand2) {
   if (subcommand2) {
     switch (subcommand2) {
       case "start":
-        await startMCPServer();
-        await new Promise(() => {
-        });
+        if (process.stdout.isTTY) {
+          await handleStartServer();
+        } else {
+          await startMCPServer();
+          await new Promise(() => {
+          });
+        }
         return;
       case "stop":
         await handleStopServer();
@@ -1848,9 +2087,11 @@ async function handleInstallWizard(workspacePath) {
   }
 }
 async function handleStartServer() {
-  const fs16 = await import("fs");
-  const { getLogFilePath: getLogFilePath2 } = await Promise.resolve().then(() => (init_logger(), logger_exports));
-  const config = loadMCPConfig();
+  const React7 = await import("react");
+  const { render } = await import("ink");
+  const { App: App2 } = await Promise.resolve().then(() => (init_App(), App_exports));
+  const { loadMCPConfig: loadMCPConfig2, saveMCPConfig: saveMCPConfig2 } = await Promise.resolve().then(() => (init_config(), config_exports));
+  const config = loadMCPConfig2();
   const projects = scanForProjects();
   const exposedProjects = projects.filter((p) => {
     const cfg = config.projects.find((c) => c.name === p.name);
@@ -1867,7 +2108,7 @@ async function handleStartServer() {
     }
   }
   const status = getMCPServerStatus();
-  let newPort = config.server.port;
+  let initialPort = config.server.port;
   if (!status.running) {
     const portInput = await text({
       message: "Select port for MCP Server",
@@ -1878,153 +2119,45 @@ async function handleStartServer() {
       }
     });
     if (isCancel2(portInput)) return;
-    newPort = parseInt(portInput, 10);
+    const newPort = parseInt(portInput, 10);
     if (newPort !== config.server.port) {
       config.server.port = newPort;
-      saveMCPConfig(config);
+      saveMCPConfig2(config);
+      initialPort = newPort;
     }
-  } else {
-    newPort = status.port || newPort;
-    note2(`Server is already running on port ${newPort}`, "Info");
   }
   console.clear();
-  const logPath = getLogFilePath2();
-  const exposedNames = exposedProjects.map((p) => p.name).slice(0, 5);
-  const exposedLabel = exposedNames.length > 0 ? exposedNames.join(", ") + (exposedProjects.length > 5 ? ` (+${exposedProjects.length - 5} more)` : "") : pc3.dim("(none)");
-  const render = (logs = []) => {
-    console.clear();
-    console.log(pc3.cyan("\u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557"));
-    console.log(pc3.cyan("\u2551") + pc3.bold(pc3.white("                    RRCE MCP Hub Running                      ")) + pc3.cyan("\u2551"));
-    console.log(pc3.cyan("\u2560\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2563"));
-    const logLines = logs.slice(-10);
-    const emptyLines = 10 - logLines.length;
-    for (let i = 0; i < emptyLines; i++) {
-      console.log(pc3.cyan("\u2551") + " ".repeat(63) + pc3.cyan("\u2551"));
-    }
-    for (const line of logLines) {
-      const cleanLine = line.replace(/\u001b\[\d+m/g, "");
-      const truncated = cleanLine.substring(0, 61).padEnd(61);
-      console.log(pc3.cyan("\u2551") + " " + pc3.dim(truncated) + " " + pc3.cyan("\u2551"));
-    }
-    console.log(pc3.cyan("\u2560\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2563"));
-    const infoLine = ` \u{1F4CB} ${exposedLabel} \u2502 Port: ${newPort} \u2502 PID: ${process.pid || "?"}`.substring(0, 61).padEnd(61);
-    console.log(pc3.cyan("\u2551") + pc3.yellow(infoLine) + " " + pc3.cyan("\u2551"));
-    console.log(pc3.cyan("\u2560\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2563"));
-    const cmdLine = ` q:Quit  p:Projects  i:Install  r:Reload  c:Clear  ?:Help`;
-    console.log(pc3.cyan("\u2551") + pc3.dim(cmdLine.padEnd(63)) + pc3.cyan("\u2551"));
-    console.log(pc3.cyan("\u255A\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255D"));
-  };
-  let logBuffer = [];
-  render(logBuffer);
-  try {
-    if (!status.running) {
-      await startMCPServer();
-    }
-    let lastSize = 0;
-    if (fs16.existsSync(logPath)) {
-      const stats = fs16.statSync(logPath);
-      lastSize = stats.size;
-    }
-    let isRunning = true;
-    let interval;
-    if (process.stdin.setRawMode) {
-      process.stdin.setRawMode(true);
-      process.stdin.resume();
-      process.stdin.setEncoding("utf8");
-    }
-    return new Promise((resolve) => {
-      const cleanup = (shouldStopServer) => {
-        isRunning = false;
-        clearInterval(interval);
-        if (process.stdin.setRawMode) {
-          process.stdin.setRawMode(false);
-        }
-        process.stdin.removeListener("data", onKey);
-        process.stdin.pause();
-        if (shouldStopServer) {
-          stopMCPServer();
-        }
-        console.log("");
-      };
-      const onKey = async (key) => {
-        if (key === "" || key.toLowerCase() === "q") {
-          cleanup(true);
-          resolve();
-          return;
-        }
-        if (key.toLowerCase() === "p") {
-          cleanup(false);
-          console.clear();
-          await handleConfigure();
-          await handleStartServer();
-          resolve();
-          return;
-        }
-        if (key.toLowerCase() === "i") {
-          cleanup(false);
-          console.clear();
-          await handleInstallWizard(detectWorkspaceRoot());
-          await handleStartServer();
-          resolve();
-          return;
-        }
-        if (key.toLowerCase() === "r") {
-          logBuffer.push("[INFO] Reloading configuration...");
-          render(logBuffer);
-          return;
-        }
-        if (key.toLowerCase() === "c") {
-          logBuffer = [];
-          render(logBuffer);
-          return;
-        }
-        if (key === "?") {
-          logBuffer.push("\u2500".repeat(40));
-          logBuffer.push("Commands:");
-          logBuffer.push("  q - Stop server and return to menu");
-          logBuffer.push("  p - Reconfigure exposed projects");
-          logBuffer.push("  i - Install to additional IDEs");
-          logBuffer.push("  r - Reload configuration");
-          logBuffer.push("  c - Clear log display");
-          logBuffer.push("  ? - Show this help");
-          logBuffer.push("\u2500".repeat(40));
-          render(logBuffer);
-          return;
-        }
-      };
-      process.stdin.on("data", onKey);
-      interval = setInterval(() => {
-        if (!isRunning) return;
-        if (fs16.existsSync(logPath)) {
-          const stats = fs16.statSync(logPath);
-          if (stats.size > lastSize) {
-            const buffer = Buffer.alloc(stats.size - lastSize);
-            const fd = fs16.openSync(logPath, "r");
-            fs16.readSync(fd, buffer, 0, buffer.length, lastSize);
-            fs16.closeSync(fd);
-            const newContent = buffer.toString("utf-8");
-            const newLines = newContent.split("\n").filter((l) => l.trim());
-            logBuffer.push(...newLines);
-            if (logBuffer.length > 100) {
-              logBuffer = logBuffer.slice(-100);
-            }
-            lastSize = stats.size;
-            render(logBuffer);
-          }
-        }
-      }, 500);
-    });
-  } catch (error) {
-    if (process.stdin.setRawMode) {
-      process.stdin.setRawMode(false);
+  let keepRunning = true;
+  while (keepRunning) {
+    let nextAction = "exit";
+    const app = render(React7.createElement(App2, {
+      initialPort,
+      onExit: () => {
+        nextAction = "exit";
+      },
+      onConfigure: () => {
+        nextAction = "configure";
+      },
+      onInstall: () => {
+        nextAction = "install";
+      }
+    }));
+    await app.waitUntilExit();
+    if (nextAction === "exit") {
+      keepRunning = false;
+    } else if (nextAction === "configure") {
+      console.clear();
+      await handleConfigure();
+    } else if (nextAction === "install") {
+      console.clear();
+      const workspacePath = detectWorkspaceRoot();
+      await handleInstallWizard(workspacePath);
     }
-    console.error(pc3.red("\nFailed to start/monitor server:"));
-    console.error(error);
   }
 }
 async function handleConfigureGlobalPath() {
   const { resolveGlobalPath: resolveGlobalPath2 } = await Promise.resolve().then(() => (init_tui_utils(), tui_utils_exports));
-  const fs16 = await import("fs");
+  const fs17 = await import("fs");
   const path16 = await import("path");
   note2(
     `MCP Hub requires a ${pc3.bold("global storage path")} to store its configuration
@@ -2039,8 +2172,8 @@ locally in each project. MCP needs a central location.`,
     return false;
   }
   try {
-    if (!fs16.existsSync(resolvedPath)) {
-      fs16.mkdirSync(resolvedPath, { recursive: true });
+    if (!fs17.existsSync(resolvedPath)) {
+      fs17.mkdirSync(resolvedPath, { recursive: true });
     }
     const config = loadMCPConfig();
     saveMCPConfig(config);
@@ -2220,7 +2353,7 @@ var init_mcp = __esm({
 // src/commands/wizard/setup-flow.ts
 import { group, select as select3, multiselect as multiselect2, confirm as confirm2, spinner as spinner2, note as note3, outro as outro2, cancel as cancel2, isCancel as isCancel3 } from "@clack/prompts";
 import pc4 from "picocolors";
-import * as fs11 from "fs";
+import * as fs12 from "fs";
 import * as path12 from "path";
 async function runSetupFlow(workspacePath, workspaceName, existingProjects) {
   const s = spinner2();
@@ -2395,7 +2528,7 @@ linked_projects:
 `;
     });
   }
-  fs11.writeFileSync(workspaceConfigPath, configContent);
+  fs12.writeFileSync(workspaceConfigPath, configContent);
   if (config.addToGitignore) {
     updateGitignore(workspacePath, config.storageMode, config.tools);
   }
@@ -2435,8 +2568,8 @@ function updateGitignore(workspacePath, storageMode, tools) {
   }
   try {
     let content = "";
-    if (fs11.existsSync(gitignorePath)) {
-      content = fs11.readFileSync(gitignorePath, "utf-8");
+    if (fs12.existsSync(gitignorePath)) {
+      content = fs12.readFileSync(gitignorePath, "utf-8");
     }
     const lines = content.split("\n").map((line) => line.trim());
     const newEntries = [];
@@ -2461,7 +2594,7 @@ function updateGitignore(workspacePath, storageMode, tools) {
       newContent += "\n# rrce-workflow generated folders (uncomment to ignore)\n";
     }
     newContent += newEntries.map((e) => `# ${e}`).join("\n") + "\n";
-    fs11.writeFileSync(gitignorePath, newContent);
+    fs12.writeFileSync(gitignorePath, newContent);
     return true;
   } catch {
     return false;
@@ -2482,7 +2615,7 @@ var init_setup_flow = __esm({
 // src/commands/wizard/link-flow.ts
 import { multiselect as multiselect3, spinner as spinner3, note as note4, outro as outro3, cancel as cancel3, isCancel as isCancel4 } from "@clack/prompts";
 import pc5 from "picocolors";
-import * as fs12 from "fs";
+import * as fs13 from "fs";
 async function runLinkProjectsFlow(workspacePath, workspaceName) {
   const projects = scanForProjects({
     excludeWorkspace: workspaceName,
@@ -2520,7 +2653,7 @@ async function runLinkProjectsFlow(workspacePath, workspaceName) {
   const s = spinner3();
   s.start("Linking projects");
   const configFilePath = getConfigPath(workspacePath);
-  let configContent = fs12.readFileSync(configFilePath, "utf-8");
+  let configContent = fs13.readFileSync(configFilePath, "utf-8");
   if (configContent.includes("linked_projects:")) {
     const lines = configContent.split("\n");
     const linkedIndex = lines.findIndex((l) => l.trim() === "linked_projects:");
@@ -2547,7 +2680,7 @@ linked_projects:
 `;
     });
   }
-  fs12.writeFileSync(configFilePath, configContent);
+  fs13.writeFileSync(configFilePath, configContent);
   generateVSCodeWorkspace(workspacePath, workspaceName, selectedProjects, customGlobalPath);
   s.stop("Projects linked");
   const workspaceFile = `${workspaceName}.code-workspace`;
@@ -2572,7 +2705,7 @@ var init_link_flow = __esm({
 // src/commands/wizard/sync-flow.ts
 import { confirm as confirm3, spinner as spinner4, note as note5, outro as outro4, cancel as cancel4, isCancel as isCancel5 } from "@clack/prompts";
 import pc6 from "picocolors";
-import * as fs13 from "fs";
+import * as fs14 from "fs";
 import * as path13 from "path";
 async function runSyncToGlobalFlow(workspacePath, workspaceName) {
   const localPath = getLocalWorkspacePath(workspacePath);
@@ -2580,7 +2713,7 @@ async function runSyncToGlobalFlow(workspacePath, workspaceName) {
   const globalPath = path13.join(customGlobalPath, "workspaces", workspaceName);
   const subdirs = ["knowledge", "prompts", "templates", "tasks", "refs"];
   const existingDirs = subdirs.filter(
-    (dir) => fs13.existsSync(path13.join(localPath, dir))
+    (dir) => fs14.existsSync(path13.join(localPath, dir))
   );
   if (existingDirs.length === 0) {
     outro4(pc6.yellow("No data found in workspace storage to sync."));
@@ -2639,7 +2772,7 @@ var init_sync_flow = __esm({
 // src/commands/wizard/update-flow.ts
 import { confirm as confirm4, spinner as spinner5, note as note6, outro as outro5, cancel as cancel5, isCancel as isCancel6 } from "@clack/prompts";
 import pc7 from "picocolors";
-import * as fs14 from "fs";
+import * as fs15 from "fs";
 import * as path14 from "path";
 async function runUpdateFlow(workspacePath, workspaceName, currentStorageMode) {
   const s = spinner5();
@@ -2673,7 +2806,7 @@ ${dataPaths.map((p) => `  \u2022 ${p}`).join("\n")}`,
       copyDirToAllStoragePaths(path14.join(agentCoreDir, "templates"), "templates", [dataPath]);
     }
     const configFilePath = getConfigPath(workspacePath);
-    const configContent = fs14.readFileSync(configFilePath, "utf-8");
+    const configContent = fs15.readFileSync(configFilePath, "utf-8");
     if (configContent.includes("copilot: true")) {
       const copilotPath = getAgentPromptPath(workspacePath, "copilot");
       ensureDir(copilotPath);
@@ -2728,7 +2861,7 @@ __export(wizard_exports, {
 });
 import { intro as intro2, select as select4, spinner as spinner6, note as note7, outro as outro6, isCancel as isCancel7 } from "@clack/prompts";
 import pc8 from "picocolors";
-import * as fs15 from "fs";
+import * as fs16 from "fs";
 async function runWizard() {
   intro2(pc8.cyan(pc8.inverse(" RRCE-Workflow Setup ")));
   const s = spinner6();
@@ -2748,18 +2881,18 @@ Workspace: ${pc8.bold(workspaceName)}`,
     workspacePath
   });
   const configFilePath = getConfigPath(workspacePath);
-  const isAlreadyConfigured = fs15.existsSync(configFilePath);
+  const isAlreadyConfigured = fs16.existsSync(configFilePath);
   let currentStorageMode = null;
   if (isAlreadyConfigured) {
     try {
-      const configContent = fs15.readFileSync(configFilePath, "utf-8");
+      const configContent = fs16.readFileSync(configFilePath, "utf-8");
       const modeMatch = configContent.match(/mode:\s*(global|workspace)/);
       currentStorageMode = modeMatch?.[1] ?? null;
     } catch {
     }
   }
   const localDataPath = getLocalWorkspacePath(workspacePath);
-  const hasLocalData = fs15.existsSync(localDataPath);
+  const hasLocalData = fs16.existsSync(localDataPath);
   if (isAlreadyConfigured) {
     const menuOptions = [];
     menuOptions.push({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rrce-workflow",
-  "version": "0.2.29",
+  "version": "0.2.30",
   "description": "RRCE-Workflow TUI - Agentic code workflow generator for AI-assisted development",
   "author": "RRCE Team",
   "license": "MIT",
@@ -50,11 +50,17 @@
     "@clack/prompts": "^0.11.0",
     "@modelcontextprotocol/sdk": "^1.25.1",
     "gray-matter": "^4.0.3",
+    "ink": "^6.6.0",
+    "ink-link": "^5.0.0",
+    "ink-spinner": "^5.0.0",
+    "ink-text-input": "^6.0.0",
     "picocolors": "^1.1.1",
+    "react": "^19.2.3",
     "zod": "^4.2.1"
   },
   "devDependencies": {
     "@types/node": "^25.0.3",
+    "@types/react": "^19.2.7",
     "esbuild": "^0.27.2",
     "tsx": "^4.21.0",
     "typescript": "^5.9.3"