rrce-workflow 0.2.40 → 0.2.41

package/dist/index.js

@@ -2113,67 +2113,29 @@ var init_Header = __esm({
   }
 });
 
-// src/mcp/ui/StatusBoard.tsx
+// src/mcp/ui/Overview.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, running }) => {
-      return /* @__PURE__ */ jsx2(Box2, { borderStyle: "single", borderColor: "cyan", paddingX: 1, children: /* @__PURE__ */ jsxs(Text2, { children: [
-        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",
-        " Port: ",
-        /* @__PURE__ */ jsx2(Text2, { color: "green", children: port }),
-        " ",
-        "\u2502",
-        " PID: ",
-        /* @__PURE__ */ jsx2(Text2, { color: "green", children: pid })
-      ] }) });
-    };
-  }
-});
-
-// 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 Overview;
 var init_Overview = __esm({
   "src/mcp/ui/Overview.tsx"() {
     "use strict";
     init_Header();
-    init_StatusBoard();
     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 })
+      return /* @__PURE__ */ jsxs(Box2, { flexDirection: "column", flexGrow: 1, children: [
+        /* @__PURE__ */ jsx2(Header, {}),
+        /* @__PURE__ */ jsxs(Box2, { borderStyle: "round", padding: 1, borderColor: "white", flexDirection: "column", flexGrow: 1, children: [
+          /* @__PURE__ */ jsx2(Text2, { bold: true, underline: true, children: "System Status" }),
+          /* @__PURE__ */ jsxs(Box2, { marginTop: 1, children: [
+            /* @__PURE__ */ jsx2(Text2, { children: "Integrations Installed: " }),
+            /* @__PURE__ */ jsx2(Text2, { 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__ */ jsxs(Box2, { children: [
+            /* @__PURE__ */ jsx2(Text2, { children: "Server Port: " }),
+            /* @__PURE__ */ jsx2(Text2, { color: "cyan", children: serverStatus.port })
           ] }),
-          /* @__PURE__ */ jsx3(Box3, { marginTop: 1, children: /* @__PURE__ */ jsx3(Text3, { color: "dim", children: "Press 'q' to stop server and exit." }) })
+          /* @__PURE__ */ jsx2(Box2, { marginTop: 1, children: /* @__PURE__ */ jsx2(Text2, { color: "dim", children: "Press 'q' to stop server and exit." }) })
         ] })
       ] });
     };
@@ -2182,8 +2144,8 @@ var init_Overview = __esm({
 
 // src/mcp/ui/components/SimpleSelect.tsx
 import { useState } from "react";
-import { Box as Box4, Text as Text4, useInput } from "ink";
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Box as Box3, Text as Text3, useInput } from "ink";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 function SimpleSelect({
   items,
   onSelect,
@@ -2226,18 +2188,18 @@ function SimpleSelect({
       onCancel?.();
     }
   });
-  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 }) }),
+  return /* @__PURE__ */ jsxs2(Box3, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", padding: 1, children: [
+    message && /* @__PURE__ */ jsx3(Box3, { marginBottom: 1, children: /* @__PURE__ */ jsx3(Text3, { bold: true, children: message }) }),
     items.map((item, index) => {
       const isSelected = index === selectedIndex;
       const isChecked = isMulti && selectedValues.has(item.value);
-      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 })
+      return /* @__PURE__ */ jsxs2(Box3, { children: [
+        /* @__PURE__ */ jsx3(Text3, { color: isSelected ? "cyan" : "white", children: isSelected ? "> " : "  " }),
+        isMulti && /* @__PURE__ */ jsx3(Text3, { color: isChecked ? "green" : "gray", children: isChecked ? "[x] " : "[ ] " }),
+        /* @__PURE__ */ jsx3(Text3, { color: isSelected ? "cyan" : "white", children: item.label })
       ] }, item.key || String(item.value));
     }),
-    /* @__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" }) })
+    /* @__PURE__ */ jsx3(Box3, { marginTop: 1, children: /* @__PURE__ */ jsx3(Text3, { color: "gray", children: isMulti ? "Space to toggle, Enter to confirm, Esc to cancel" : "Enter to select, Esc to cancel" }) })
   ] });
 }
 var init_SimpleSelect = __esm({
@@ -2248,8 +2210,8 @@ var init_SimpleSelect = __esm({
 
 // src/mcp/ui/ProjectsView.tsx
 import { useState as useState2 } from "react";
-import { Box as Box5, Text as Text5 } from "ink";
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Box as Box4, Text as Text4 } from "ink";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 var ProjectsView;
 var init_ProjectsView = __esm({
   "src/mcp/ui/ProjectsView.tsx"() {
@@ -2257,7 +2219,7 @@ var init_ProjectsView = __esm({
     init_SimpleSelect();
     init_config();
     init_detection();
-    ProjectsView = () => {
+    ProjectsView = ({ onConfigChange }) => {
       const [config, setConfig] = useState2(loadMCPConfig());
       const allProjects = scanForProjects();
       const projectItems = allProjects.map((p) => {
@@ -2291,11 +2253,12 @@ var init_ProjectsView = __esm({
         });
         saveMCPConfig(newConfig);
         setConfig(newConfig);
+        if (onConfigChange) onConfigChange();
       };
-      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(
+      return /* @__PURE__ */ jsxs3(Box4, { flexDirection: "column", padding: 1, borderStyle: "round", borderColor: "cyan", children: [
+        /* @__PURE__ */ jsx4(Text4, { bold: true, color: "cyan", children: " Exposed Projects " }),
+        /* @__PURE__ */ jsx4(Text4, { color: "dim", children: " Select projects to expose via the MCP server. Use Space to toggle, Enter to save." }),
+        /* @__PURE__ */ jsx4(Box4, { marginTop: 1, flexDirection: "column", children: /* @__PURE__ */ jsx4(
           SimpleSelect,
           {
             message: "",
@@ -2306,8 +2269,7 @@ var init_ProjectsView = __esm({
             },
             onSubmit: handleSubmit,
             onCancel: () => {
-            },
-            itemLimit: 10
+            }
           },
           JSON.stringify(initialSelected)
         ) })
@@ -2318,8 +2280,8 @@ var init_ProjectsView = __esm({
 
 // src/mcp/ui/components/InstallWizard.tsx
 import { useState as useState3 } from "react";
-import { Box as Box6, Text as Text6 } from "ink";
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Box as Box5, Text as Text5 } from "ink";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 var InstallWizard;
 var init_InstallWizard = __esm({
   "src/mcp/ui/components/InstallWizard.tsx"() {
@@ -2372,9 +2334,9 @@ var init_InstallWizard = __esm({
           onComplete();
         }, 2e3);
       };
-      return /* @__PURE__ */ jsxs5(Box6, { flexDirection: "column", children: [
-        message && /* @__PURE__ */ jsx6(Text6, { color: "green", children: message }),
-        /* @__PURE__ */ jsx6(
+      return /* @__PURE__ */ jsxs4(Box5, { flexDirection: "column", children: [
+        message && /* @__PURE__ */ jsx5(Text5, { color: "green", children: message }),
+        /* @__PURE__ */ jsx5(
           SimpleSelect,
           {
             message: "Select integrations to install:",
@@ -2398,8 +2360,8 @@ var init_InstallWizard = __esm({
 
 // 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";
+import { Box as Box6, Text as Text6 } from "ink";
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 var InstallView;
 var init_InstallView = __esm({
   "src/mcp/ui/InstallView.tsx"() {
@@ -2408,10 +2370,10 @@ var init_InstallView = __esm({
     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(
+      return /* @__PURE__ */ jsxs5(Box6, { flexDirection: "column", padding: 1, borderStyle: "round", borderColor: "magenta", children: [
+        /* @__PURE__ */ jsx6(Text6, { bold: true, color: "magenta", children: " Installation & Configuration " }),
+        /* @__PURE__ */ jsx6(Text6, { color: "dim", children: " Configure IDE integrations for VSCode, Claude, and Antigravity." }),
+        /* @__PURE__ */ jsx6(Box6, { marginTop: 1, flexDirection: "column", children: /* @__PURE__ */ jsx6(
           InstallWizard,
           {
             workspacePath,
@@ -2428,8 +2390,8 @@ var init_InstallView = __esm({
 
 // 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";
+import { Box as Box7, Text as Text7 } from "ink";
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 var LogViewer;
 var init_LogViewer = __esm({
   "src/mcp/ui/LogViewer.tsx"() {
@@ -2439,20 +2401,48 @@ var init_LogViewer = __esm({
       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 (log.includes("[ERROR]")) return /* @__PURE__ */ jsx7(Text7, { color: "red", children: log });
+        if (log.includes("[WARN]")) return /* @__PURE__ */ jsx7(Text7, { color: "yellow", children: log });
+        if (log.includes("[INFO]")) return /* @__PURE__ */ jsx7(Text7, { color: "green", children: log });
+        if (log.includes("Success")) return /* @__PURE__ */ jsx7(Text7, { color: "green", children: log });
+        return /* @__PURE__ */ jsx7(Text7, { children: log });
       };
-      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}`))
+      return /* @__PURE__ */ jsxs6(Box7, { flexDirection: "column", borderStyle: "round", borderColor: "dim", paddingX: 1, height: height + 2, flexGrow: 1, children: [
+        padding.map((_, i) => /* @__PURE__ */ jsx7(Text7, { children: " " }, `empty-${i}`)),
+        visibleLogs.map((log, i) => /* @__PURE__ */ jsx7(Box7, { children: formatLog(log) }, `log-${i}`))
       ] });
     };
   }
 });
 
+// src/mcp/ui/StatusBoard.tsx
+import "react";
+import { Box as Box8, Text as Text8 } from "ink";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+var StatusBoard;
+var init_StatusBoard = __esm({
+  "src/mcp/ui/StatusBoard.tsx"() {
+    "use strict";
+    StatusBoard = ({ exposedLabel, port, pid, running }) => {
+      return /* @__PURE__ */ jsx8(Box8, { borderStyle: "single", borderColor: "cyan", paddingX: 1, children: /* @__PURE__ */ jsxs7(Text8, { children: [
+        running ? /* @__PURE__ */ jsx8(Text8, { color: "green", children: "\u25CF RUNNING" }) : /* @__PURE__ */ jsx8(Text8, { color: "red", children: "\u25CF STOPPED" }),
+        " ",
+        "\u2502",
+        " \u{1F4CB} ",
+        /* @__PURE__ */ jsx8(Text8, { color: "yellow", children: exposedLabel }),
+        " ",
+        "\u2502",
+        " Port: ",
+        /* @__PURE__ */ jsx8(Text8, { color: "green", children: port }),
+        " ",
+        "\u2502",
+        " PID: ",
+        /* @__PURE__ */ jsx8(Text8, { color: "green", children: pid })
+      ] }) });
+    };
+  }
+});
+
 // src/mcp/ui/components/TabBar.tsx
 import "react";
 import { Box as Box9, Text as Text9, useInput as useInput2 } from "ink";
@@ -2465,17 +2455,22 @@ var init_TabBar = __esm({
       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 (index !== -1) {
+            const nextIndex = (index - 1 + tabs.length) % tabs.length;
+            onChange(tabs[nextIndex]?.id || tabs[0].id);
+          }
         }
         if (key.rightArrow) {
           const index = tabs.findIndex((t) => t.id === activeTab);
-          const nextIndex = (index + 1) % tabs.length;
-          onChange(tabs[nextIndex].id);
+          if (index !== -1) {
+            const nextIndex = (index + 1) % tabs.length;
+            onChange(tabs[nextIndex]?.id || tabs[0].id);
+          }
         }
         const num = parseInt(input);
         if (!isNaN(num) && num > 0 && num <= tabs.length) {
-          onChange(tabs[num - 1].id);
+          const tab = tabs[num - 1];
+          if (tab) onChange(tab.id);
         }
       });
       return /* @__PURE__ */ jsxs8(Box9, { borderStyle: "single", paddingX: 1, borderColor: "gray", children: [
@@ -2484,7 +2479,7 @@ var init_TabBar = __esm({
           return /* @__PURE__ */ jsx9(Box9, { marginRight: 2, children: /* @__PURE__ */ jsx9(
             Text9,
             {
-              color: isActive ? "cyan" : "gray",
+              color: isActive ? "cyan" : "white",
               bold: isActive,
               backgroundColor: isActive ? "black" : void 0,
               children: isActive ? `[ ${tab.label} ]` : `  ${tab.label}  `
@@ -2515,6 +2510,7 @@ var init_App = __esm({
     init_ProjectsView();
     init_InstallView();
     init_LogViewer();
+    init_StatusBoard();
     init_TabBar();
     init_config();
     init_detection();
@@ -2524,19 +2520,20 @@ var init_App = __esm({
     init_paths();
     TABS = [
       { id: "overview", label: "Overview" },
+      { id: "logs", label: "Logs" },
       { id: "projects", label: "Projects" },
-      { id: "install", label: "Install" },
-      { id: "logs", label: "Logs" }
+      { id: "install", label: "Install" }
     ];
     App = ({ onExit, initialPort }) => {
       const { exit } = useApp();
-      const [activeTab, setActiveTab] = useState4("overview");
+      const [activeTab, setActiveTab] = useState4("logs");
       const [logs, setLogs] = useState4([]);
       const [serverInfo, setServerInfo] = useState4({
         port: initialPort,
         pid: process.pid,
         running: false
       });
+      const [configVersion, setConfigVersion] = useState4(0);
       const config = loadMCPConfig();
       const projects = scanForProjects();
       const exposedProjects = projects.filter((p) => {
@@ -2605,6 +2602,9 @@ var init_App = __esm({
       });
       const termHeight = process.stdout.rows || 24;
       const contentHeight = termHeight - 8;
+      const handleConfigChange = () => {
+        setConfigVersion((prev) => prev + 1);
+      };
       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: [
@@ -2619,10 +2619,19 @@ var init_App = __esm({
               }
             }
           ),
-          activeTab === "projects" && /* @__PURE__ */ jsx10(ProjectsView, {}),
+          activeTab === "projects" && /* @__PURE__ */ jsx10(ProjectsView, { onConfigChange: handleConfigChange }),
           activeTab === "install" && /* @__PURE__ */ jsx10(InstallView, {}),
           activeTab === "logs" && /* @__PURE__ */ jsx10(LogViewer, { logs, height: contentHeight })
-        ] })
+        ] }),
+        /* @__PURE__ */ jsx10(Box10, { marginTop: 0, children: /* @__PURE__ */ jsx10(
+          StatusBoard,
+          {
+            exposedLabel: `${exposedProjects.length} / ${projects.length} projects`,
+            port: serverInfo.port,
+            pid: serverInfo.pid,
+            running: serverInfo.running
+          }
+        ) })
       ] });
     };
   }

package/package.json

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