rrce-workflow 0.2.37 → 0.2.39

package/dist/index.js

@@ -2121,9 +2121,12 @@ var StatusBoard;
 var init_StatusBoard = __esm({
   "src/mcp/ui/StatusBoard.tsx"() {
     "use strict";
-    StatusBoard = ({ exposedLabel, port, pid }) => {
+    StatusBoard = ({ exposedLabel, port, pid, running }) => {
       return /* @__PURE__ */ jsx2(Box2, { borderStyle: "single", borderColor: "cyan", paddingX: 1, children: /* @__PURE__ */ jsxs(Text2, { children: [
-        "\u{1F4CB} ",
+        running ? /* @__PURE__ */ jsx2(Text2, { color: "green", children: "\u25CF RUNNING" }) : /* @__PURE__ */ jsx2(Text2, { color: "red", children: "\u25CF STOPPED" }),
+        " ",
+        "\u2502",
+        " \u{1F4CB} ",
         /* @__PURE__ */ jsx2(Text2, { color: "yellow", children: exposedLabel }),
         " ",
         "\u2502",
@@ -2185,10 +2188,62 @@ var init_CommandBar = __esm({
   }
 });
 
-// src/mcp/ui/Dashboard.tsx
+// src/mcp/ui/HelpModal.tsx
 import "react";
-import { Box as Box5 } from "ink";
+import { Box as Box5, Text as Text5 } from "ink";
 import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+var HelpModal;
+var init_HelpModal = __esm({
+  "src/mcp/ui/HelpModal.tsx"() {
+    "use strict";
+    HelpModal = ({ onClose }) => {
+      return /* @__PURE__ */ jsxs4(Box5, { borderStyle: "double", borderColor: "yellow", padding: 1, flexDirection: "column", children: [
+        /* @__PURE__ */ jsx5(Text5, { bold: true, color: "yellow", children: "\u2328\uFE0F  Keyboard Shortcuts" }),
+        /* @__PURE__ */ jsxs4(Box5, { flexDirection: "column", marginTop: 1, children: [
+          /* @__PURE__ */ jsx5(Box5, { marginTop: 1, children: /* @__PURE__ */ jsx5(Text5, { bold: true, color: "cyan", children: "Configuration:" }) }),
+          /* @__PURE__ */ jsxs4(Text5, { children: [
+            "  ",
+            /* @__PURE__ */ jsx5(Text5, { bold: true, children: "p" }),
+            " - Configure Projects (Opens Wizard)"
+          ] }),
+          /* @__PURE__ */ jsxs4(Text5, { children: [
+            "  ",
+            /* @__PURE__ */ jsx5(Text5, { bold: true, children: "i" }),
+            " - Install to IDEs (Opens Wizard)"
+          ] }),
+          /* @__PURE__ */ jsx5(Box5, { marginTop: 1, children: /* @__PURE__ */ jsx5(Text5, { bold: true, color: "cyan", children: "Server Control:" }) }),
+          /* @__PURE__ */ jsxs4(Text5, { children: [
+            "  ",
+            /* @__PURE__ */ jsx5(Text5, { bold: true, children: "r" }),
+            " - Reload Configuration"
+          ] }),
+          /* @__PURE__ */ jsxs4(Text5, { children: [
+            "  ",
+            /* @__PURE__ */ jsx5(Text5, { bold: true, children: "c" }),
+            " - Clear Logs"
+          ] }),
+          /* @__PURE__ */ jsxs4(Text5, { children: [
+            "  ",
+            /* @__PURE__ */ jsx5(Text5, { bold: true, children: "q" }),
+            " - Stop Server & Exit"
+          ] }),
+          /* @__PURE__ */ jsx5(Box5, { marginTop: 1, children: /* @__PURE__ */ jsx5(Text5, { bold: true, color: "cyan", children: "Other:" }) }),
+          /* @__PURE__ */ jsxs4(Text5, { children: [
+            "  ",
+            /* @__PURE__ */ jsx5(Text5, { bold: true, children: "?" }),
+            " - Toggle this Help"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx5(Box5, { marginTop: 1, children: /* @__PURE__ */ jsx5(Text5, { color: "gray", children: "Press '?' again to close" }) })
+      ] });
+    };
+  }
+});
+
+// src/mcp/ui/Dashboard.tsx
+import "react";
+import { Box as Box6 } from "ink";
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 var Dashboard;
 var init_Dashboard = __esm({
   "src/mcp/ui/Dashboard.tsx"() {
@@ -2197,26 +2252,226 @@ var init_Dashboard = __esm({
     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, {})
+    init_HelpModal();
+    Dashboard = ({ logs, exposedLabel, port, pid, running, logHeight, showHelp: showHelp2 }) => {
+      return /* @__PURE__ */ jsxs5(Box6, { flexDirection: "column", padding: 0, children: [
+        /* @__PURE__ */ jsx6(Header, {}),
+        showHelp2 ? /* @__PURE__ */ jsx6(HelpModal, { onClose: () => {
+        } }) : /* @__PURE__ */ jsx6(LogViewer, { logs, height: logHeight }),
+        /* @__PURE__ */ jsx6(StatusBoard, { exposedLabel, port, pid, running }),
+        /* @__PURE__ */ jsx6(CommandBar, {})
       ] });
     };
   }
 });
 
+// src/mcp/ui/components/SimpleSelect.tsx
+import { useState } from "react";
+import { Box as Box7, Text as Text6, useInput } from "ink";
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+function SimpleSelect({
+  items,
+  onSelect,
+  isMulti = false,
+  initialSelected = [],
+  onSubmit,
+  onCancel,
+  message
+}) {
+  const [selectedIndex, setSelectedIndex] = useState(0);
+  const [selectedValues, setSelectedValues] = useState(new Set(initialSelected));
+  useInput((input, key) => {
+    if (key.upArrow) {
+      setSelectedIndex((prev) => prev > 0 ? prev - 1 : items.length - 1);
+    }
+    if (key.downArrow) {
+      setSelectedIndex((prev) => prev < items.length - 1 ? prev + 1 : 0);
+    }
+    if (input === " " && isMulti) {
+      const item = items[selectedIndex];
+      if (item) {
+        const newSet = new Set(selectedValues);
+        if (newSet.has(item.value)) {
+          newSet.delete(item.value);
+        } else {
+          newSet.add(item.value);
+        }
+        setSelectedValues(newSet);
+      }
+    }
+    if (key.return) {
+      if (isMulti) {
+        onSubmit?.(Array.from(selectedValues));
+      } else {
+        const item = items[selectedIndex];
+        if (item) onSelect(item);
+      }
+    }
+    if (key.escape) {
+      onCancel?.();
+    }
+  });
+  return /* @__PURE__ */ jsxs6(Box7, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", padding: 1, children: [
+    message && /* @__PURE__ */ jsx7(Box7, { marginBottom: 1, children: /* @__PURE__ */ jsx7(Text6, { bold: true, children: message }) }),
+    items.map((item, index) => {
+      const isSelected = index === selectedIndex;
+      const isChecked = isMulti && selectedValues.has(item.value);
+      return /* @__PURE__ */ jsxs6(Box7, { children: [
+        /* @__PURE__ */ jsx7(Text6, { color: isSelected ? "cyan" : "white", children: isSelected ? "> " : "  " }),
+        isMulti && /* @__PURE__ */ jsx7(Text6, { color: isChecked ? "green" : "gray", children: isChecked ? "[x] " : "[ ] " }),
+        /* @__PURE__ */ jsx7(Text6, { color: isSelected ? "cyan" : "white", children: item.label })
+      ] }, item.key || String(item.value));
+    }),
+    /* @__PURE__ */ jsx7(Box7, { marginTop: 1, children: /* @__PURE__ */ jsx7(Text6, { color: "gray", children: isMulti ? "Space to toggle, Enter to confirm, Esc to cancel" : "Enter to select, Esc to cancel" }) })
+  ] });
+}
+var init_SimpleSelect = __esm({
+  "src/mcp/ui/components/SimpleSelect.tsx"() {
+    "use strict";
+  }
+});
+
+// src/mcp/ui/ConfigModal.tsx
+import { useState as useState2 } from "react";
+import { Box as Box8 } from "ink";
+import { jsx as jsx8 } from "react/jsx-runtime";
+var ConfigModal;
+var init_ConfigModal = __esm({
+  "src/mcp/ui/ConfigModal.tsx"() {
+    "use strict";
+    init_SimpleSelect();
+    init_config();
+    init_detection();
+    init_config();
+    ConfigModal = ({ onBack }) => {
+      const [config, setConfig] = useState2(loadMCPConfig());
+      const allProjects = scanForProjects();
+      const projectItems = allProjects.map((p) => {
+        const projectConfig = config.projects.find(
+          (c) => c.path && c.path === p.dataPath || !c.path && c.name === p.name
+        );
+        const isExposed = projectConfig ? projectConfig.expose : config.defaults.includeNew;
+        return {
+          label: p.name + ` (${p.source})` + (p.path ? ` - ${p.path}` : ""),
+          value: p.dataPath,
+          // Unique ID
+          key: p.dataPath,
+          exposed: isExposed
+        };
+      });
+      const initialSelected = projectItems.filter((p) => p.exposed).map((p) => p.value);
+      const handleSubmit = (selectedIds) => {
+        let newConfig = { ...config };
+        projectItems.forEach((item) => {
+          const isSelected = selectedIds.includes(item.value);
+          const project = allProjects.find((p) => p.dataPath === item.value);
+          if (project) {
+            newConfig = setProjectConfig(
+              newConfig,
+              project.name,
+              isSelected,
+              void 0,
+              // Keep existing permissions or defaults
+              project.path
+              // Ensure path is stored
+            );
+          }
+        });
+        saveMCPConfig(newConfig);
+        onBack();
+      };
+      return /* @__PURE__ */ jsx8(Box8, { flexDirection: "column", children: /* @__PURE__ */ jsx8(
+        SimpleSelect,
+        {
+          message: "Select projects to expose via MCP:",
+          items: projectItems,
+          isMulti: true,
+          initialSelected,
+          onSelect: () => {
+          },
+          onSubmit: handleSubmit,
+          onCancel: onBack
+        }
+      ) });
+    };
+  }
+});
+
+// src/mcp/ui/InstallModal.tsx
+import { useState as useState3 } from "react";
+import { Box as Box9, Text as Text8 } from "ink";
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+var InstallModal;
+var init_InstallModal = __esm({
+  "src/mcp/ui/InstallModal.tsx"() {
+    "use strict";
+    init_SimpleSelect();
+    init_install();
+    init_paths();
+    InstallModal = ({ onBack }) => {
+      const [step, setStep] = useState3("select");
+      const [statusMsg, setStatusMsg] = useState3("");
+      const items = [
+        { label: "VSCode (User Settings)", value: "vscode-global" },
+        { label: "VSCode (Workspace)", value: "vscode-workspace" },
+        { label: "Claude Desktop", value: "claude" },
+        { label: "Antigravity", value: "antigravity" }
+      ];
+      const handleInstall = async (targets) => {
+        setStep("installing");
+        setStatusMsg("Installing...");
+        try {
+          const workspacePath = detectWorkspaceRoot();
+          const results = [];
+          for (const target of targets) {
+            const result = await installToConfig(target, workspacePath);
+            results.push(`${target}: ${result ? "Success" : "Failed"}`);
+          }
+          setStatusMsg(results.join("\n"));
+          setStep("done");
+        } catch (e) {
+          setStatusMsg(`Error: ${e}`);
+          setStep("done");
+        }
+      };
+      if (step === "done") {
+        return /* @__PURE__ */ jsxs7(Box9, { flexDirection: "column", borderStyle: "round", borderColor: "green", padding: 1, children: [
+          /* @__PURE__ */ jsx9(Text8, { bold: true, color: "green", children: "Installation Complete" }),
+          /* @__PURE__ */ jsx9(Text8, { children: statusMsg }),
+          /* @__PURE__ */ jsx9(Box9, { marginTop: 1, children: /* @__PURE__ */ jsx9(
+            SimpleSelect,
+            {
+              items: [{ label: "Back to Dashboard", value: "back" }],
+              onSelect: onBack
+            }
+          ) })
+        ] });
+      }
+      return /* @__PURE__ */ jsx9(Box9, { flexDirection: "column", children: /* @__PURE__ */ jsx9(
+        SimpleSelect,
+        {
+          message: "Select IDEs to install/update MCP config:",
+          items,
+          isMulti: true,
+          onSubmit: handleInstall,
+          onSelect: () => {
+          },
+          onCancel: onBack
+        }
+      ) });
+    };
+  }
+});
+
 // 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 { useState as useState4, useEffect as useEffect3 } from "react";
+import { useInput as useInput2, useApp } from "ink";
 import fs11 from "fs";
-import { jsx as jsx6 } from "react/jsx-runtime";
+import { jsx as jsx10 } from "react/jsx-runtime";
 var App;
 var init_App = __esm({
   "src/mcp/ui/App.tsx"() {
@@ -2226,23 +2481,29 @@ var init_App = __esm({
     init_detection();
     init_logger();
     init_server();
-    App = ({ onExit, onConfigure, onInstall, initialPort }) => {
+    init_ConfigModal();
+    init_InstallModal();
+    App = ({ onExit, initialPort }) => {
       const { exit } = useApp();
-      const [logs, setLogs] = useState([]);
-      const [serverInfo, setServerInfo] = useState({
+      const [view, setView] = useState4("dashboard");
+      const [logs, setLogs] = useState4([]);
+      const [serverInfo, setServerInfo] = useState4({
         port: initialPort,
         pid: process.pid,
         running: false
       });
+      const [showHelp2, setShowHelp] = useState4(false);
       const config = loadMCPConfig();
       const projects = scanForProjects();
       const exposedProjects = projects.filter((p) => {
-        const cfg = config.projects.find((c) => c.name === p.name);
+        const cfg = config.projects.find(
+          (c) => c.path && c.path === p.dataPath || !c.path && 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(() => {
+      useEffect3(() => {
         const start = async () => {
           const status = getMCPServerStatus();
           if (!status.running) {
@@ -2260,7 +2521,7 @@ var init_App = __esm({
         return () => {
         };
       }, []);
-      useEffect2(() => {
+      useEffect3(() => {
         const logPath = getLogFilePath();
         let lastSize = 0;
         if (fs11.existsSync(logPath)) {
@@ -2287,19 +2548,17 @@ var init_App = __esm({
         }, 500);
         return () => clearInterval(interval);
       }, []);
-      useInput((input, key) => {
+      useInput2((input, key) => {
         if (input === "q" || key.ctrl && input === "c") {
           stopMCPServer();
           onExit();
           exit();
         }
         if (input === "p") {
-          onConfigure();
-          exit();
+          setView("config");
         }
         if (input === "i") {
-          onInstall();
-          exit();
+          setView("install");
         }
         if (input === "c") {
           setLogs([]);
@@ -2307,17 +2566,28 @@ var init_App = __esm({
         if (input === "r") {
           setLogs((prev) => [...prev, "[INFO] Config reload requested..."]);
         }
+        if (input === "?") {
+          setShowHelp((prev) => !prev);
+        }
       }, { isActive: true });
       const termHeight = process.stdout.rows || 24;
       const logHeight = Math.max(5, termHeight - 12);
-      return /* @__PURE__ */ jsx6(
+      if (view === "config") {
+        return /* @__PURE__ */ jsx10(ConfigModal, { onBack: () => setView("dashboard") });
+      }
+      if (view === "install") {
+        return /* @__PURE__ */ jsx10(InstallModal, { onBack: () => setView("dashboard") });
+      }
+      return /* @__PURE__ */ jsx10(
         Dashboard,
         {
           logs,
           exposedLabel,
           port: serverInfo.port,
           pid: serverInfo.pid,
-          logHeight
+          running: serverInfo.running,
+          logHeight,
+          showHelp: showHelp2
         }
       );
     };
@@ -2327,7 +2597,7 @@ var init_App = __esm({
 // src/mcp/commands/start.ts
 import { confirm, isCancel as isCancel4, text } from "@clack/prompts";
 async function handleStartServer() {
-  const React7 = await import("react");
+  const React11 = await import("react");
   const { render } = await import("ink");
   const { App: App2 } = await Promise.resolve().then(() => (init_App(), App_exports));
   const config = loadMCPConfig();
@@ -2367,38 +2637,16 @@ async function handleStartServer() {
       initialPort = newPort;
     }
   }
-  console.clear();
-  let keepRunning = true;
-  while (keepRunning) {
-    let nextAction = "exit";
-    process.stdin.resume();
-    const app = render(React7.createElement(App2, {
-      initialPort,
-      onExit: () => {
-        nextAction = "exit";
-      },
-      onConfigure: () => {
-        nextAction = "configure";
-      },
-      onInstall: () => {
-        nextAction = "install";
-      }
-    }), {
-      exitOnCtrlC: false
-      // We handle this in App
-    });
-    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 runInstallWizard(workspacePath);
+  process.stdin.resume();
+  const app = render(React11.createElement(App2, {
+    initialPort,
+    onExit: () => {
     }
-  }
+  }), {
+    exitOnCtrlC: false
+  });
+  await app.waitUntilExit();
+  console.clear();
 }
 var init_start = __esm({
   "src/mcp/commands/start.ts"() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rrce-workflow",
-  "version": "0.2.37",
+  "version": "0.2.39",
   "description": "RRCE-Workflow TUI - Agentic code workflow generator for AI-assisted development",
   "author": "RRCE Team",
   "license": "MIT",