rrce-workflow 0.2.39 → 0.2.40

package/README.md

@@ -140,6 +140,7 @@ When you run the wizard on an already-configured project, you'll see:
 | **Link other project knowledge** | Reference knowledge from other projects in global storage |
 | **Sync to global storage** | Copy workspace data to global (enables cross-project access) |
 | **Update from package** | Get latest prompts and templates |
+| **Reconfigure project** | Change storage mode, selected tools, or linked projects without resetting |
 
 ---
 
@@ -291,10 +292,20 @@ Most MCP clients follow similar patterns:
 Configure which projects to expose:
 
 ```bash
-npx rrce-workflow mcp           # Interactive TUI
+npx rrce-workflow mcp           # Interactive TUI Dashboard
 npx rrce-workflow mcp status    # View current status
 ```
 
+**Interactive Dashboard Controls:**
+- `p`: Open **Project Configuration** modal (Toggle exposed projects)
+- `i`: Open **IDE Installation** modal (Auto-configure VSCode/Claude)
+- `r`: Reload configuration
+- `c`: Clear logs
+- `?`: Toggle Help & Shortcuts
+
+**Unified Context:**
+Projects linked via the main wizard (`Link other project knowledge`) are automatically detected and exposed by the MCP server alongside globally configured projects.
+
 Config stored at `~/.rrce-workflow/mcp.yaml`
 
 ---

package/dist/index.js

@@ -2141,125 +2141,40 @@ var init_StatusBoard = __esm({
   }
 });
 
-// src/mcp/ui/LogViewer.tsx
+// src/mcp/ui/Overview.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/HelpModal.tsx
-import "react";
-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"() {
+var Overview;
+var init_Overview = __esm({
+  "src/mcp/ui/Overview.tsx"() {
     "use strict";
     init_Header();
     init_StatusBoard();
-    init_LogViewer();
-    init_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, {})
+    Overview = ({ serverStatus, stats }) => {
+      return /* @__PURE__ */ jsxs2(Box3, { flexDirection: "column", children: [
+        /* @__PURE__ */ jsx3(Header, {}),
+        /* @__PURE__ */ jsx3(Box3, { marginTop: 1, marginBottom: 1, children: /* @__PURE__ */ jsx3(
+          StatusBoard,
+          {
+            exposedLabel: `${stats.exposedProjects} / ${stats.totalProjects} projects`,
+            port: serverStatus.port,
+            pid: serverStatus.pid,
+            running: serverStatus.running
+          }
+        ) }),
+        /* @__PURE__ */ jsxs2(Box3, { borderStyle: "round", padding: 1, borderColor: "white", flexDirection: "column", children: [
+          /* @__PURE__ */ jsx3(Text3, { bold: true, underline: true, children: "System Status" }),
+          /* @__PURE__ */ jsxs2(Box3, { marginTop: 1, children: [
+            /* @__PURE__ */ jsx3(Text3, { children: "Integrations Installed: " }),
+            /* @__PURE__ */ jsx3(Text3, { color: stats.installedIntegrations > 0 ? "green" : "yellow", children: stats.installedIntegrations })
+          ] }),
+          /* @__PURE__ */ jsxs2(Box3, { children: [
+            /* @__PURE__ */ jsx3(Text3, { children: "Server Port: " }),
+            /* @__PURE__ */ jsx3(Text3, { color: "cyan", children: serverStatus.port })
+          ] }),
+          /* @__PURE__ */ jsx3(Box3, { marginTop: 1, children: /* @__PURE__ */ jsx3(Text3, { color: "dim", children: "Press 'q' to stop server and exit." }) })
+        ] })
       ] });
     };
   }
@@ -2267,8 +2182,8 @@ var init_Dashboard = __esm({
 
 // 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";
+import { Box as Box4, Text as Text4, useInput } from "ink";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 function SimpleSelect({
   items,
   onSelect,
@@ -2311,18 +2226,18 @@ function SimpleSelect({
       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 }) }),
+  return /* @__PURE__ */ jsxs3(Box4, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", padding: 1, children: [
+    message && /* @__PURE__ */ jsx4(Box4, { marginBottom: 1, children: /* @__PURE__ */ jsx4(Text4, { 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 })
+      return /* @__PURE__ */ jsxs3(Box4, { children: [
+        /* @__PURE__ */ jsx4(Text4, { color: isSelected ? "cyan" : "white", children: isSelected ? "> " : "  " }),
+        isMulti && /* @__PURE__ */ jsx4(Text4, { color: isChecked ? "green" : "gray", children: isChecked ? "[x] " : "[ ] " }),
+        /* @__PURE__ */ jsx4(Text4, { 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" }) })
+    /* @__PURE__ */ jsx4(Box4, { marginTop: 1, children: /* @__PURE__ */ jsx4(Text4, { color: "gray", children: isMulti ? "Space to toggle, Enter to confirm, Esc to cancel" : "Enter to select, Esc to cancel" }) })
   ] });
 }
 var init_SimpleSelect = __esm({
@@ -2331,19 +2246,18 @@ var init_SimpleSelect = __esm({
   }
 });
 
-// src/mcp/ui/ConfigModal.tsx
+// src/mcp/ui/ProjectsView.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"() {
+import { Box as Box5, Text as Text5 } from "ink";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+var ProjectsView;
+var init_ProjectsView = __esm({
+  "src/mcp/ui/ProjectsView.tsx"() {
     "use strict";
     init_SimpleSelect();
     init_config();
     init_detection();
-    init_config();
-    ConfigModal = ({ onBack }) => {
+    ProjectsView = () => {
       const [config, setConfig] = useState2(loadMCPConfig());
       const allProjects = scanForProjects();
       const projectItems = allProjects.map((p) => {
@@ -2371,94 +2285,215 @@ var init_ConfigModal = __esm({
               project.name,
               isSelected,
               void 0,
-              // Keep existing permissions or defaults
               project.path
-              // Ensure path is stored
             );
           }
         });
         saveMCPConfig(newConfig);
-        onBack();
+        setConfig(newConfig);
       };
-      return /* @__PURE__ */ jsx8(Box8, { flexDirection: "column", children: /* @__PURE__ */ jsx8(
-        SimpleSelect,
-        {
-          message: "Select projects to expose via MCP:",
-          items: projectItems,
-          isMulti: true,
-          initialSelected,
-          onSelect: () => {
+      return /* @__PURE__ */ jsxs4(Box5, { flexDirection: "column", padding: 1, borderStyle: "round", borderColor: "cyan", children: [
+        /* @__PURE__ */ jsx5(Text5, { bold: true, color: "cyan", children: " Exposed Projects " }),
+        /* @__PURE__ */ jsx5(Text5, { color: "dim", children: " Select projects to expose via the MCP server. Use Space to toggle, Enter to save." }),
+        /* @__PURE__ */ jsx5(Box5, { marginTop: 1, flexDirection: "column", children: /* @__PURE__ */ jsx5(
+          SimpleSelect,
+          {
+            message: "",
+            items: projectItems,
+            isMulti: true,
+            initialSelected,
+            onSelect: () => {
+            },
+            onSubmit: handleSubmit,
+            onCancel: () => {
+            },
+            itemLimit: 10
           },
-          onSubmit: handleSubmit,
-          onCancel: onBack
-        }
-      ) });
+          JSON.stringify(initialSelected)
+        ) })
+      ] });
     };
   }
 });
 
-// src/mcp/ui/InstallModal.tsx
+// src/mcp/ui/components/InstallWizard.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"() {
+import { Box as Box6, Text as Text6 } from "ink";
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+var InstallWizard;
+var init_InstallWizard = __esm({
+  "src/mcp/ui/components/InstallWizard.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" }
+    InstallWizard = ({ workspacePath, onComplete, onCancel }) => {
+      const [status, setStatus] = useState3(checkInstallStatus(workspacePath));
+      const [message, setMessage] = useState3("");
+      const options = [
+        {
+          value: "antigravity",
+          label: "Antigravity IDE",
+          hint: status.antigravity ? "INSTALLED" : "Not installed"
+        },
+        {
+          value: "vscode-global",
+          label: "VSCode (Global Settings)",
+          hint: status.vscodeGlobal ? "INSTALLED" : "Not installed"
+        },
+        {
+          value: "vscode-workspace",
+          label: "VSCode (Workspace Config)",
+          hint: status.vscodeWorkspace ? "INSTALLED" : "Not installed"
+        },
+        {
+          value: "claude",
+          label: "Claude Desktop",
+          hint: status.claude ? "INSTALLED" : "Not installed"
+        }
       ];
-      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"}`);
+      const initialSelected = [
+        ...status.antigravity ? ["antigravity"] : [],
+        ...status.vscodeGlobal ? ["vscode-global"] : [],
+        ...status.vscodeWorkspace ? ["vscode-workspace"] : [],
+        ...status.claude ? ["claude"] : []
+      ];
+      const handleSubmit = (selectedIds) => {
+        const targets = selectedIds;
+        let results = [];
+        targets.forEach((target) => {
+          const success = installToConfig(target, workspacePath);
+          const label = getTargetLabel(target);
+          results.push(`${label}: ${success ? "Success" : "Failed"}`);
+        });
+        setStatus(checkInstallStatus(workspacePath));
+        setMessage(`Installation updated: ${results.join(", ")}`);
+        setTimeout(() => {
+          setMessage("");
+          onComplete();
+        }, 2e3);
+      };
+      return /* @__PURE__ */ jsxs5(Box6, { flexDirection: "column", children: [
+        message && /* @__PURE__ */ jsx6(Text6, { color: "green", children: message }),
+        /* @__PURE__ */ jsx6(
+          SimpleSelect,
+          {
+            message: "Select integrations to install:",
+            items: options.map((o) => ({
+              value: o.value,
+              label: o.label + (o.hint === "INSTALLED" ? " (Installed)" : ""),
+              key: o.value
+            })),
+            isMulti: true,
+            initialSelected,
+            onSelect: () => {
+            },
+            onSubmit: handleSubmit,
+            onCancel
           }
-          setStatusMsg(results.join("\n"));
-          setStep("done");
-        } catch (e) {
-          setStatusMsg(`Error: ${e}`);
-          setStep("done");
-        }
+        )
+      ] });
+    };
+  }
+});
+
+// src/mcp/ui/InstallView.tsx
+import "react";
+import { Box as Box7, Text as Text7 } from "ink";
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+var InstallView;
+var init_InstallView = __esm({
+  "src/mcp/ui/InstallView.tsx"() {
+    "use strict";
+    init_InstallWizard();
+    init_paths();
+    InstallView = () => {
+      const workspacePath = detectWorkspaceRoot();
+      return /* @__PURE__ */ jsxs6(Box7, { flexDirection: "column", padding: 1, borderStyle: "round", borderColor: "magenta", children: [
+        /* @__PURE__ */ jsx7(Text7, { bold: true, color: "magenta", children: " Installation & Configuration " }),
+        /* @__PURE__ */ jsx7(Text7, { color: "dim", children: " Configure IDE integrations for VSCode, Claude, and Antigravity." }),
+        /* @__PURE__ */ jsx7(Box7, { marginTop: 1, flexDirection: "column", children: /* @__PURE__ */ jsx7(
+          InstallWizard,
+          {
+            workspacePath,
+            onComplete: () => {
+            },
+            onCancel: () => {
+            }
+          }
+        ) })
+      ] });
+    };
+  }
+});
+
+// src/mcp/ui/LogViewer.tsx
+import "react";
+import { Box as Box8, Text as Text8 } from "ink";
+import { jsx as jsx8, jsxs as jsxs7 } 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("");
+      const formatLog = (log) => {
+        if (log.includes("[ERROR]")) return /* @__PURE__ */ jsx8(Text8, { color: "red", children: log });
+        if (log.includes("[WARN]")) return /* @__PURE__ */ jsx8(Text8, { color: "yellow", children: log });
+        if (log.includes("[INFO]")) return /* @__PURE__ */ jsx8(Text8, { color: "green", children: log });
+        if (log.includes("Success")) return /* @__PURE__ */ jsx8(Text8, { color: "green", children: log });
+        return /* @__PURE__ */ jsx8(Text8, { children: log });
       };
-      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,
+      return /* @__PURE__ */ jsxs7(Box8, { flexDirection: "column", borderStyle: "round", borderColor: "dim", paddingX: 1, height: height + 2, flexGrow: 1, children: [
+        padding.map((_, i) => /* @__PURE__ */ jsx8(Text8, { children: " " }, `empty-${i}`)),
+        visibleLogs.map((log, i) => /* @__PURE__ */ jsx8(Box8, { children: formatLog(log) }, `log-${i}`))
+      ] });
+    };
+  }
+});
+
+// src/mcp/ui/components/TabBar.tsx
+import "react";
+import { Box as Box9, Text as Text9, useInput as useInput2 } from "ink";
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+var TabBar;
+var init_TabBar = __esm({
+  "src/mcp/ui/components/TabBar.tsx"() {
+    "use strict";
+    TabBar = ({ tabs, activeTab, onChange }) => {
+      useInput2((input, key) => {
+        if (key.leftArrow) {
+          const index = tabs.findIndex((t) => t.id === activeTab);
+          const nextIndex = (index - 1 + tabs.length) % tabs.length;
+          onChange(tabs[nextIndex].id);
+        }
+        if (key.rightArrow) {
+          const index = tabs.findIndex((t) => t.id === activeTab);
+          const nextIndex = (index + 1) % tabs.length;
+          onChange(tabs[nextIndex].id);
+        }
+        const num = parseInt(input);
+        if (!isNaN(num) && num > 0 && num <= tabs.length) {
+          onChange(tabs[num - 1].id);
+        }
+      });
+      return /* @__PURE__ */ jsxs8(Box9, { borderStyle: "single", paddingX: 1, borderColor: "gray", children: [
+        tabs.map((tab, index) => {
+          const isActive = tab.id === activeTab;
+          return /* @__PURE__ */ jsx9(Box9, { marginRight: 2, children: /* @__PURE__ */ jsx9(
+            Text9,
             {
-              items: [{ label: "Back to Dashboard", value: "back" }],
-              onSelect: onBack
+              color: isActive ? "cyan" : "gray",
+              bold: isActive,
+              backgroundColor: isActive ? "black" : void 0,
+              children: isActive ? `[ ${tab.label} ]` : `  ${tab.label}  `
             }
-          ) })
-        ] });
-      }
-      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
-        }
-      ) });
+          ) }, tab.id);
+        }),
+        /* @__PURE__ */ jsx9(Box9, { flexGrow: 1 }),
+        /* @__PURE__ */ jsx9(Text9, { color: "dim", children: "Use \u25C4/\u25BA arrows to navigate" })
+      ] });
     };
   }
 });
@@ -2468,31 +2503,40 @@ var App_exports = {};
 __export(App_exports, {
   App: () => App
 });
-import { useState as useState4, useEffect as useEffect3 } from "react";
-import { useInput as useInput2, useApp } from "ink";
+import { useState as useState4, useEffect as useEffect4 } from "react";
+import { Box as Box10, useInput as useInput3, useApp } from "ink";
 import fs11 from "fs";
-import { jsx as jsx10 } from "react/jsx-runtime";
-var App;
+import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+var TABS, App;
 var init_App = __esm({
   "src/mcp/ui/App.tsx"() {
     "use strict";
-    init_Dashboard();
+    init_Overview();
+    init_ProjectsView();
+    init_InstallView();
+    init_LogViewer();
+    init_TabBar();
     init_config();
     init_detection();
     init_logger();
     init_server();
-    init_ConfigModal();
-    init_InstallModal();
+    init_install();
+    init_paths();
+    TABS = [
+      { id: "overview", label: "Overview" },
+      { id: "projects", label: "Projects" },
+      { id: "install", label: "Install" },
+      { id: "logs", label: "Logs" }
+    ];
     App = ({ onExit, initialPort }) => {
       const { exit } = useApp();
-      const [view, setView] = useState4("dashboard");
+      const [activeTab, setActiveTab] = useState4("overview");
       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) => {
@@ -2501,9 +2545,15 @@ var init_App = __esm({
         );
         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)";
-      useEffect3(() => {
+      const workspacePath = detectWorkspaceRoot();
+      const installStatus = checkInstallStatus(workspacePath);
+      const installedCount = [
+        installStatus.antigravity,
+        installStatus.claude,
+        installStatus.vscodeGlobal,
+        installStatus.vscodeWorkspace
+      ].filter(Boolean).length;
+      useEffect4(() => {
         const start = async () => {
           const status = getMCPServerStatus();
           if (!status.running) {
@@ -2511,17 +2561,15 @@ var init_App = __esm({
               const res = await startMCPServer({ interactive: true });
               setServerInfo((prev) => ({ ...prev, running: true, port: res.port, pid: res.pid }));
             } catch (e) {
-              setLogs((prev) => [...prev, `Error starting server: ${e}`]);
+              setLogs((prev) => [...prev, `[ERROR] Error starting server: ${e}`]);
             }
           } else {
             setServerInfo((prev) => ({ ...prev, running: true, port: status.port || initialPort, pid: status.pid || process.pid }));
           }
         };
         start();
-        return () => {
-        };
       }, []);
-      useEffect3(() => {
+      useEffect4(() => {
         const logPath = getLogFilePath();
         let lastSize = 0;
         if (fs11.existsSync(logPath)) {
@@ -2540,7 +2588,7 @@ var init_App = __esm({
               const newLines = newContent.split("\n").filter((l) => l.trim());
               setLogs((prev) => {
                 const next = [...prev, ...newLines];
-                return next.slice(-50);
+                return next.slice(-100);
               });
               lastSize = stats.size;
             }
@@ -2548,48 +2596,34 @@ var init_App = __esm({
         }, 500);
         return () => clearInterval(interval);
       }, []);
-      useInput2((input, key) => {
+      useInput3((input, key) => {
         if (input === "q" || key.ctrl && input === "c") {
           stopMCPServer();
           onExit();
           exit();
         }
-        if (input === "p") {
-          setView("config");
-        }
-        if (input === "i") {
-          setView("install");
-        }
-        if (input === "c") {
-          setLogs([]);
-        }
-        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);
-      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,
-          running: serverInfo.running,
-          logHeight,
-          showHelp: showHelp2
-        }
-      );
+      const contentHeight = termHeight - 8;
+      return /* @__PURE__ */ jsxs9(Box10, { flexDirection: "column", padding: 0, height: termHeight, children: [
+        /* @__PURE__ */ jsx10(TabBar, { tabs: TABS, activeTab, onChange: setActiveTab }),
+        /* @__PURE__ */ jsxs9(Box10, { marginTop: 1, flexGrow: 1, children: [
+          activeTab === "overview" && /* @__PURE__ */ jsx10(
+            Overview,
+            {
+              serverStatus: serverInfo,
+              stats: {
+                exposedProjects: exposedProjects.length,
+                totalProjects: projects.length,
+                installedIntegrations: installedCount
+              }
+            }
+          ),
+          activeTab === "projects" && /* @__PURE__ */ jsx10(ProjectsView, {}),
+          activeTab === "install" && /* @__PURE__ */ jsx10(InstallView, {}),
+          activeTab === "logs" && /* @__PURE__ */ jsx10(LogViewer, { logs, height: contentHeight })
+        ] })
+      ] });
     };
   }
 });
@@ -2770,7 +2804,7 @@ __export(mcp_exports, {
   handleStartServer: () => handleStartServer,
   runMCP: () => runMCP
 });
-import { intro, outro, select as select2, confirm as confirm2, note as note6, cancel, isCancel as isCancel5 } from "@clack/prompts";
+import { intro, outro, confirm as confirm2, note as note6, isCancel as isCancel5 } from "@clack/prompts";
 import pc7 from "picocolors";
 async function runMCP(subcommand2) {
   if (subcommand2) {
@@ -2796,12 +2830,14 @@ async function runMCP(subcommand2) {
       case "configure":
         await handleConfigure();
         return;
+      case "menu":
+        break;
     }
   }
-  intro(pc7.bgCyan(pc7.black(" RRCE MCP Hub ")));
   const workspacePath = detectWorkspaceRoot();
   const globalPathCheck = await ensureMCPGlobalPath();
   if (!globalPathCheck.configured) {
+    intro(pc7.bgCyan(pc7.black(" MCP Setup ")));
     const configured = await handleConfigureGlobalPath();
     if (!configured) {
       outro(pc7.yellow("MCP requires a global storage path. Setup cancelled."));
@@ -2810,101 +2846,46 @@ async function runMCP(subcommand2) {
   }
   const installed = isInstalledAnywhere(workspacePath);
   if (!installed) {
+    intro(pc7.bgCyan(pc7.black(" Welcome to MCP Hub ")));
     note6(
-      `${pc7.bold("Welcome to RRCE MCP Hub!")}
-
-MCP (Model Context Protocol) allows AI assistants to access your 
-project knowledge in real-time. Let's get you set up.`,
+      `${pc7.bold("Set up Model Context Protocol")}
+Allow AI assistants to access your project context.`,
       "Getting Started"
     );
     const shouldInstall = await confirm2({
-      message: "Install MCP server to your IDE(s)?",
+      message: "Install MCP server integrations now?",
       initialValue: true
     });
     if (shouldInstall && !isCancel5(shouldInstall)) {
       await runInstallWizard(workspacePath);
-      const config2 = loadMCPConfig();
-      const exposedCount2 = config2.projects.filter((p) => p.expose).length;
-      if (exposedCount2 === 0) {
-        await handleConfigure();
-      }
       const shouldStart = await confirm2({
-        message: "Start the MCP server now?",
+        message: "Start the MCP Dashboard?",
         initialValue: true
       });
       if (shouldStart && !isCancel5(shouldStart)) {
         await handleStartServer();
       }
+    } else {
+      outro(pc7.dim('Setup skipped. Run "npx rrce-workflow mcp" later to restart.'));
     }
-    outro(pc7.green("MCP Hub setup complete!"));
     return;
   }
-  const config = loadMCPConfig();
-  const exposedCount = config.projects.filter((p) => p.expose).length;
-  if (exposedCount === 0 && !config.defaults.includeNew) {
-    note6("MCP is installed but no projects are exposed. Let's configure that.", "Configuration Needed");
-    await handleConfigure();
-  }
-  let running = true;
-  while (running) {
-    const serverStatus = getMCPServerStatus();
-    const serverLabel = serverStatus.running ? pc7.green("\u25CF Running") : pc7.dim("\u25CB Stopped");
-    const currentStatus = checkInstallStatus(workspacePath);
-    const installedCount = [currentStatus.antigravity, currentStatus.claude, currentStatus.vscodeGlobal, currentStatus.vscodeWorkspace].filter(Boolean).length;
-    const action = await select2({
-      message: "What would you like to do?",
-      options: [
-        { value: "start", label: `\u25B6\uFE0F  Start MCP server`, hint: serverLabel },
-        { value: "configure", label: "\u2699\uFE0F  Configure projects", hint: "Choose which projects to expose" },
-        { value: "install", label: "\u{1F4E5} Install to IDE", hint: `${installedCount} IDE(s) configured` },
-        { value: "status", label: "\u{1F4CB} View status", hint: "See details" },
-        { value: "help", label: "\u2753 Help", hint: "Learn about MCP Hub" },
-        { value: "exit", label: "\u21A9  Exit", hint: "Return to shell" }
-      ]
-    });
-    if (isCancel5(action)) {
-      cancel("MCP Hub closed.");
-      return;
-    }
-    switch (action) {
-      case "start":
-        await handleStartServer();
-        break;
-      case "configure":
-        await handleConfigure();
-        break;
-      case "install":
-        await runInstallWizard(workspacePath);
-        break;
-      case "status":
-        await handleShowStatus();
-        break;
-      case "help":
-        showHelp();
-        break;
-      case "exit":
-        running = false;
-        break;
-    }
+  try {
+    await handleStartServer();
+  } catch (err) {
+    console.error(err);
+    outro(pc7.red("Failed to launch MCP Dashboard"));
   }
-  outro(pc7.green("MCP Hub closed."));
 }
 async function handleStopServer() {
   const { stopMCPServer: stopMCPServer2 } = await Promise.resolve().then(() => (init_server(), server_exports));
   const status = getMCPServerStatus();
   if (!status.running) {
-    note6("MCP server is not running.", "Status");
-    return;
-  }
-  const confirmed = await confirm2({
-    message: "Stop the MCP server?",
-    initialValue: true
-  });
-  if (isCancel5(confirmed) || !confirmed) {
+    console.log(pc7.dim("MCP server is already stopped."));
     return;
   }
   stopMCPServer2();
-  note6(pc7.green("MCP server stopped."), "Server Stopped");
+  console.log(pc7.green("MCP server stopped."));
 }
 var init_mcp = __esm({
   "src/mcp/index.ts"() {
@@ -2922,7 +2903,7 @@ var init_mcp = __esm({
 });
 
 // src/commands/wizard/setup-flow.ts
-import { group, select as select3, multiselect as multiselect3, confirm as confirm3, spinner as spinner3, note as note7, outro as outro2, cancel as cancel2, isCancel as isCancel6 } from "@clack/prompts";
+import { group, select as select2, multiselect as multiselect3, confirm as confirm3, spinner as spinner3, note as note7, outro as outro2, cancel as cancel2, isCancel as isCancel6 } from "@clack/prompts";
 import pc8 from "picocolors";
 import * as fs12 from "fs";
 import * as path12 from "path";
@@ -2930,7 +2911,7 @@ async function runSetupFlow(workspacePath, workspaceName, existingProjects) {
   const s = spinner3();
   const config = await group(
     {
-      storageMode: () => select3({
+      storageMode: () => select2({
         message: "Where should workflow data be stored?",
         options: [
           { value: "global", label: "Global (~/.rrce-workflow/)", hint: "Cross-project access, clean workspace" },
@@ -3125,9 +3106,9 @@ linked_projects:
   }
   if (config.exposeToMCP) {
     try {
-      const { loadMCPConfig: loadMCPConfig2, saveMCPConfig: saveMCPConfig2, setProjectConfig: setProjectConfig2 } = await Promise.resolve().then(() => (init_config(), config_exports));
+      const { loadMCPConfig: loadMCPConfig3, saveMCPConfig: saveMCPConfig2, setProjectConfig: setProjectConfig2 } = await Promise.resolve().then(() => (init_config(), config_exports));
       const { getWorkspaceName: getWorkspaceName2 } = await Promise.resolve().then(() => (init_paths(), paths_exports));
-      const mcpConfig = loadMCPConfig2();
+      const mcpConfig = loadMCPConfig3();
       const currentProjectName = workspaceName;
       if (config.storageMode === "workspace") {
         setProjectConfig2(mcpConfig, currentProjectName, true);
@@ -3300,8 +3281,8 @@ linked_projects:
   });
   if (shouldExpose && !isCancel7(shouldExpose)) {
     try {
-      const { loadMCPConfig: loadMCPConfig2, saveMCPConfig: saveMCPConfig2, setProjectConfig: setProjectConfig2 } = await Promise.resolve().then(() => (init_config(), config_exports));
-      const mcpConfig = loadMCPConfig2();
+      const { loadMCPConfig: loadMCPConfig3, saveMCPConfig: saveMCPConfig2, setProjectConfig: setProjectConfig2 } = await Promise.resolve().then(() => (init_config(), config_exports));
+      const mcpConfig = loadMCPConfig3();
       for (const project of selectedProjects) {
         setProjectConfig2(mcpConfig, project.name, true, void 0, project.dataPath);
       }
@@ -3478,7 +3459,7 @@ var wizard_exports = {};
 __export(wizard_exports, {
   runWizard: () => runWizard
 });
-import { intro as intro2, select as select4, spinner as spinner7, note as note11, outro as outro6, isCancel as isCancel10 } from "@clack/prompts";
+import { intro as intro2, select as select3, spinner as spinner7, note as note11, outro as outro6, isCancel as isCancel10 } from "@clack/prompts";
 import pc12 from "picocolors";
 import * as fs16 from "fs";
 async function runWizard() {
@@ -3536,7 +3517,7 @@ Workspace: ${pc12.bold(workspaceName)}`,
     menuOptions.push({ value: "update", label: "\u{1F4E6} Update from package", hint: "Get latest prompts & templates" });
     menuOptions.push({ value: "reconfigure", label: "\u{1F527} Reconfigure project", hint: "Change storage mode, tools, etc." });
     menuOptions.push({ value: "exit", label: "\u21A9  Exit" });
-    const action = await select4({
+    const action = await select3({
       message: "This workspace is already configured. What would you like to do?",
       options: menuOptions
     });
@@ -3584,7 +3565,7 @@ init_wizard();
 
 // src/commands/selector.ts
 init_prompts();
-import { intro as intro3, select as select5, note as note12, cancel as cancel7, isCancel as isCancel11, outro as outro7 } from "@clack/prompts";
+import { intro as intro3, select as select4, note as note12, cancel as cancel7, isCancel as isCancel11, outro as outro7 } from "@clack/prompts";
 import pc13 from "picocolors";
 import * as path15 from "path";
 async function runSelector() {
@@ -3595,7 +3576,7 @@ async function runSelector() {
     cancel7("No agents found. Run `rrce-workflow` to set up.");
     process.exit(0);
   }
-  const selection = await select5({
+  const selection = await select4({
     message: "Select an agent:",
     options: [
       {

package/package.json

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