@trops/dash-core 0.1.176 → 0.1.178

package/dist/index.js

@@ -1243,8 +1243,9 @@ var ElectronDashboardApi = /*#__PURE__*/function () {
             credentials = providerData.credentials,
             providerClass = providerData.providerClass,
             mcpConfig = providerData.mcpConfig,
-            allowedTools = providerData.allowedTools;
-          this.api.providers.saveProvider(appId, providerName, providerType, credentials, providerClass, mcpConfig, allowedTools).then(function (result) {
+            allowedTools = providerData.allowedTools,
+            wsConfig = providerData.wsConfig;
+          this.api.providers.saveProvider(appId, providerName, providerType, credentials, providerClass, mcpConfig, allowedTools, wsConfig).then(function (result) {
             onSuccess(_this14.events.PROVIDER_SAVE_COMPLETE, result);
           })["catch"](function (error) {
             onError(_this14.events.PROVIDER_SAVE_ERROR, error);
@@ -28085,6 +28086,233 @@ var useWebSocketProvider = function useWebSocketProvider(providerType) {
   };
 };
 
+/**
+ * useMcpDashServer
+ *
+ * React hook for controlling and monitoring the hosted MCP Dash server.
+ * Accesses window.mainApi.mcpDashServer for IPC calls to the main process.
+ *
+ * Returns server status, control functions (start/stop/restart), token, and port.
+ * Polls status every 3 seconds while mounted.
+ */
+function useMcpDashServer() {
+  var _window$mainApi;
+  var _useState = React.useState({
+      running: false,
+      enabled: false,
+      port: 3141,
+      connectionCount: 0,
+      uptime: 0,
+      toolCount: 0,
+      resourceCount: 0
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    status = _useState2[0],
+    setStatus = _useState2[1];
+  var _useState3 = React.useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    token = _useState4[0],
+    setToken = _useState4[1];
+  var _useState5 = React.useState(true),
+    _useState6 = _slicedToArray(_useState5, 2),
+    loading = _useState6[0],
+    setLoading = _useState6[1];
+  var _useState7 = React.useState(null),
+    _useState8 = _slicedToArray(_useState7, 2),
+    error = _useState8[0],
+    setError = _useState8[1];
+  var pollRef = React.useRef(null);
+  var api = (_window$mainApi = window.mainApi) === null || _window$mainApi === void 0 ? void 0 : _window$mainApi.mcpDashServer;
+  var fetchStatus = React.useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    var result, _t;
+    return _regeneratorRuntime.wrap(function (_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          if (api) {
+            _context.next = 1;
+            break;
+          }
+          return _context.abrupt("return");
+        case 1:
+          _context.prev = 1;
+          _context.next = 2;
+          return api.getStatus();
+        case 2:
+          result = _context.sent;
+          setStatus(result);
+          setError(null);
+          _context.next = 4;
+          break;
+        case 3:
+          _context.prev = 3;
+          _t = _context["catch"](1);
+          setError(_t.message || "Failed to get server status");
+        case 4:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[1, 3]]);
+  })), [api]);
+  var fetchToken = React.useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+    var t;
+    return _regeneratorRuntime.wrap(function (_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          if (api) {
+            _context2.next = 1;
+            break;
+          }
+          return _context2.abrupt("return");
+        case 1:
+          _context2.prev = 1;
+          _context2.next = 2;
+          return api.getToken();
+        case 2:
+          t = _context2.sent;
+          setToken(t);
+          _context2.next = 4;
+          break;
+        case 3:
+          _context2.prev = 3;
+          _context2["catch"](1);
+        case 4:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2, null, [[1, 3]]);
+  })), [api]);
+
+  // Initial load
+  React.useEffect(function () {
+    if (!api) {
+      setLoading(false);
+      return;
+    }
+    Promise.all([fetchStatus(), fetchToken()]).then(function () {
+      return setLoading(false);
+    });
+  }, [api, fetchStatus, fetchToken]);
+
+  // Poll status every 3 seconds
+  React.useEffect(function () {
+    if (!api) return;
+    pollRef.current = setInterval(fetchStatus, 3000);
+    return function () {
+      return clearInterval(pollRef.current);
+    };
+  }, [api, fetchStatus]);
+  var startServer = React.useCallback(/*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(port) {
+      var result, _t3;
+      return _regeneratorRuntime.wrap(function (_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            if (api) {
+              _context3.next = 1;
+              break;
+            }
+            return _context3.abrupt("return");
+          case 1:
+            setError(null);
+            _context3.prev = 2;
+            _context3.next = 3;
+            return api.startServer(port);
+          case 3:
+            result = _context3.sent;
+            if (!result.success) {
+              setError(result.error || "Failed to start server");
+            }
+            _context3.next = 4;
+            return fetchStatus();
+          case 4:
+            return _context3.abrupt("return", result);
+          case 5:
+            _context3.prev = 5;
+            _t3 = _context3["catch"](2);
+            setError(_t3.message || "Failed to start server");
+          case 6:
+          case "end":
+            return _context3.stop();
+        }
+      }, _callee3, null, [[2, 5]]);
+    }));
+    return function (_x) {
+      return _ref3.apply(this, arguments);
+    };
+  }(), [api, fetchStatus]);
+  var stopServer = React.useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
+    var result, _t4;
+    return _regeneratorRuntime.wrap(function (_context4) {
+      while (1) switch (_context4.prev = _context4.next) {
+        case 0:
+          if (api) {
+            _context4.next = 1;
+            break;
+          }
+          return _context4.abrupt("return");
+        case 1:
+          setError(null);
+          _context4.prev = 2;
+          _context4.next = 3;
+          return api.stopServer();
+        case 3:
+          result = _context4.sent;
+          if (!result.success) {
+            setError(result.error || "Failed to stop server");
+          }
+          _context4.next = 4;
+          return fetchStatus();
+        case 4:
+          return _context4.abrupt("return", result);
+        case 5:
+          _context4.prev = 5;
+          _t4 = _context4["catch"](2);
+          setError(_t4.message || "Failed to stop server");
+        case 6:
+        case "end":
+          return _context4.stop();
+      }
+    }, _callee4, null, [[2, 5]]);
+  })), [api, fetchStatus]);
+  var restartServer = React.useCallback(/*#__PURE__*/function () {
+    var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(port) {
+      return _regeneratorRuntime.wrap(function (_context5) {
+        while (1) switch (_context5.prev = _context5.next) {
+          case 0:
+            _context5.next = 1;
+            return stopServer();
+          case 1:
+            return _context5.abrupt("return", startServer(port));
+          case 2:
+          case "end":
+            return _context5.stop();
+        }
+      }, _callee5);
+    }));
+    return function (_x2) {
+      return _ref5.apply(this, arguments);
+    };
+  }(), [stopServer, startServer]);
+  return {
+    // Status
+    running: status.running,
+    enabled: status.enabled,
+    port: status.port,
+    connectionCount: status.connectionCount,
+    uptime: status.uptime,
+    toolCount: status.toolCount,
+    resourceCount: status.resourceCount,
+    token: token,
+    loading: loading,
+    error: error,
+    // Actions
+    startServer: startServer,
+    stopServer: stopServer,
+    restartServer: restartServer,
+    refreshStatus: fetchStatus
+  };
+}
+
 function ownKeys$i(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$i(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var PreviewComponentsPane = function PreviewComponentsPane(_ref) {
@@ -43264,6 +43492,276 @@ function flattenLayout(layout) {
   return items;
 }
 
+var McpServerSection = function McpServerSection() {
+  var _useMcpDashServer = useMcpDashServer(),
+    running = _useMcpDashServer.running,
+    port = _useMcpDashServer.port,
+    connectionCount = _useMcpDashServer.connectionCount,
+    uptime = _useMcpDashServer.uptime,
+    toolCount = _useMcpDashServer.toolCount,
+    resourceCount = _useMcpDashServer.resourceCount,
+    token = _useMcpDashServer.token,
+    loading = _useMcpDashServer.loading,
+    error = _useMcpDashServer.error,
+    startServer = _useMcpDashServer.startServer,
+    stopServer = _useMcpDashServer.stopServer,
+    restartServer = _useMcpDashServer.restartServer;
+  var _useState = React.useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    portInput = _useState2[0],
+    setPortInput = _useState2[1];
+  var _useState3 = React.useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    tokenCopied = _useState4[0],
+    setTokenCopied = _useState4[1];
+
+  // Use live port from server, but allow local override while editing
+  var displayPort = portInput !== null ? portInput : port || 3141;
+  var handleToggle = React.useCallback(/*#__PURE__*/function () {
+    var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(enabled) {
+      return _regeneratorRuntime.wrap(function (_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (!enabled) {
+              _context.next = 2;
+              break;
+            }
+            _context.next = 1;
+            return startServer(displayPort);
+          case 1:
+            _context.next = 3;
+            break;
+          case 2:
+            _context.next = 3;
+            return stopServer();
+          case 3:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function (_x) {
+      return _ref.apply(this, arguments);
+    };
+  }(), [startServer, stopServer, displayPort]);
+  var handlePortChange = React.useCallback(function (e) {
+    var val = e.target.value.replace(/\D/g, "");
+    setPortInput(val ? parseInt(val, 10) : "");
+  }, []);
+  var handlePortBlur = React.useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+    return _regeneratorRuntime.wrap(function (_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          if (!(portInput !== null && portInput !== "" && portInput !== port && running)) {
+            _context2.next = 1;
+            break;
+          }
+          _context2.next = 1;
+          return restartServer(portInput);
+        case 1:
+          setPortInput(null);
+        case 2:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  })), [portInput, port, running, restartServer]);
+  var handlePortKeyDown = React.useCallback(function (e) {
+    if (e.key === "Enter") {
+      e.target.blur();
+    }
+  }, []);
+  var handleCopyToken = React.useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+    return _regeneratorRuntime.wrap(function (_context3) {
+      while (1) switch (_context3.prev = _context3.next) {
+        case 0:
+          if (token) {
+            _context3.next = 1;
+            break;
+          }
+          return _context3.abrupt("return");
+        case 1:
+          _context3.prev = 1;
+          _context3.next = 2;
+          return navigator.clipboard.writeText(token);
+        case 2:
+          setTokenCopied(true);
+          setTimeout(function () {
+            return setTokenCopied(false);
+          }, 2000);
+          _context3.next = 4;
+          break;
+        case 3:
+          _context3.prev = 3;
+          _context3["catch"](1);
+        case 4:
+        case "end":
+          return _context3.stop();
+      }
+    }, _callee3, null, [[1, 3]]);
+  })), [token]);
+  var formatUptime = function formatUptime(seconds) {
+    if (!seconds || seconds < 1) return "—";
+    var h = Math.floor(seconds / 3600);
+    var m = Math.floor(seconds % 3600 / 60);
+    var s = Math.floor(seconds % 60);
+    if (h > 0) return "".concat(h, "h ").concat(m, "m");
+    if (m > 0) return "".concat(m, "m ").concat(s, "s");
+    return "".concat(s, "s");
+  };
+  var statusColor = running ? "bg-green-500" : error ? "bg-red-500" : "bg-gray-500";
+  var statusLabel = running ? "Running" : error ? "Error" : "Stopped";
+  if (loading) {
+    return /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "flex items-center justify-center py-12 opacity-50",
+      children: /*#__PURE__*/jsxRuntime.jsx("span", {
+        className: "text-sm",
+        children: "Loading MCP Server settings\u2026"
+      })
+    });
+  }
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "flex flex-col space-y-6",
+    children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "flex flex-col space-y-3",
+      children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, {
+        title: "MCP Server",
+        padding: false
+      }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "flex flex-row items-center justify-between py-3",
+        children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "flex flex-col",
+          children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+            className: "text-sm font-medium",
+            children: "Enable MCP Server"
+          }), /*#__PURE__*/jsxRuntime.jsx("span", {
+            className: "text-xs opacity-50",
+            children: "Expose dashboards, widgets, and themes to external LLM clients via MCP protocol"
+          })]
+        }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Switch, {
+          checked: running,
+          onChange: handleToggle
+        })]
+      })]
+    }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "flex flex-col space-y-3",
+      children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, {
+        title: "Status",
+        padding: false
+      }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "flex flex-row items-center space-x-3 py-2",
+        children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+          className: "inline-block h-2.5 w-2.5 rounded-full ".concat(statusColor)
+        }), /*#__PURE__*/jsxRuntime.jsx("span", {
+          className: "text-sm font-medium",
+          children: statusLabel
+        }), running && /*#__PURE__*/jsxRuntime.jsxs("span", {
+          className: "text-xs opacity-50",
+          children: ["on port ", port]
+        })]
+      }), error && /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "text-xs text-red-400 bg-red-500/10 rounded px-3 py-2",
+        children: error
+      })]
+    }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "flex flex-col space-y-3",
+      children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, {
+        title: "Configuration",
+        padding: false
+      }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "flex flex-row items-center justify-between py-3",
+        children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "flex flex-col",
+          children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+            className: "text-sm font-medium",
+            children: "Port"
+          }), /*#__PURE__*/jsxRuntime.jsx("span", {
+            className: "text-xs opacity-50",
+            children: running ? "Changes take effect on restart" : "Port the server listens on"
+          })]
+        }), /*#__PURE__*/jsxRuntime.jsx("input", {
+          type: "text",
+          inputMode: "numeric",
+          value: displayPort,
+          onChange: handlePortChange,
+          onBlur: handlePortBlur,
+          onKeyDown: handlePortKeyDown,
+          className: "w-24 text-right text-sm bg-white/5 border border-white/10 rounded px-3 py-1.5 focus:outline-none focus:ring-1 focus:ring-white/30"
+        })]
+      })]
+    }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "flex flex-col space-y-3",
+      children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, {
+        title: "Authentication",
+        padding: false
+      }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "flex flex-col space-y-2 py-3",
+        children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "flex flex-row items-center justify-between",
+          children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+            className: "flex flex-col",
+            children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+              className: "text-sm font-medium",
+              children: "Bearer Token"
+            }), /*#__PURE__*/jsxRuntime.jsx("span", {
+              className: "text-xs opacity-50",
+              children: "Required for client authentication"
+            })]
+          }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button, {
+            title: tokenCopied ? "Copied!" : "Copy",
+            onClick: handleCopyToken
+          })]
+        }), token && /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "font-mono text-xs bg-black/20 rounded px-3 py-2 break-all select-all opacity-70",
+          children: token
+        })]
+      })]
+    }), running && /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "flex flex-col space-y-3",
+      children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, {
+        title: "Server Info",
+        padding: false
+      }), /*#__PURE__*/jsxRuntime.jsxs(DashReact.DataList, {
+        children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.DataList.Item, {
+          label: "Connections",
+          value: String(connectionCount)
+        }), /*#__PURE__*/jsxRuntime.jsx(DashReact.DataList.Item, {
+          label: "Tools",
+          value: String(toolCount)
+        }), /*#__PURE__*/jsxRuntime.jsx(DashReact.DataList.Item, {
+          label: "Resources",
+          value: String(resourceCount)
+        }), /*#__PURE__*/jsxRuntime.jsx(DashReact.DataList.Item, {
+          label: "Uptime",
+          value: formatUptime(uptime),
+          divider: false
+        })]
+      })]
+    }), running && token && /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "flex flex-col space-y-3",
+      children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.SubHeading3, {
+        title: "Client Configuration",
+        padding: false
+      }), /*#__PURE__*/jsxRuntime.jsx("span", {
+        className: "text-xs opacity-50",
+        children: "Add to your MCP client config (e.g. Claude Desktop):"
+      }), /*#__PURE__*/jsxRuntime.jsx("pre", {
+        className: "text-xs bg-black/20 rounded p-3 overflow-auto max-h-40 select-all",
+        children: JSON.stringify({
+          mcpServers: {
+            dash: {
+              url: "http://127.0.0.1:".concat(port, "/mcp"),
+              headers: {
+                Authorization: "Bearer ".concat(token)
+              }
+            }
+          }
+        }, null, 2)
+      })]
+    })]
+  });
+};
+
 var SECTIONS = [{
   key: "general",
   label: "General",
@@ -43296,6 +43794,10 @@ var SECTIONS = [{
   key: "notifications",
   label: "Notifications",
   icon: "bell"
+}, {
+  key: "mcp-server",
+  label: "MCP Server",
+  icon: "server"
 }];
 var AppSettingsModal = function AppSettingsModal(_ref) {
   var isOpen = _ref.isOpen,
@@ -43465,6 +43967,9 @@ var AppSettingsModal = function AppSettingsModal(_ref) {
         children: /*#__PURE__*/jsxRuntime.jsx(GeneralSection, {})
       }), activeSection === "notifications" && /*#__PURE__*/jsxRuntime.jsx(NotificationsSection, {
         workspaces: workspaces
+      }), activeSection === "mcp-server" && /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "flex-1 overflow-y-auto p-6 ".concat(panelStyles.textColor || "text-gray-200"),
+        children: /*#__PURE__*/jsxRuntime.jsx(McpServerSection, {})
       })]
     }), /*#__PURE__*/jsxRuntime.jsx(DashReact.SettingsModal.Footer, {
       children: /*#__PURE__*/jsxRuntime.jsx("div", {
@@ -47736,6 +48241,7 @@ exports.traverseParentTree = traverseParentTree;
 exports.updateLayoutItem = updateLayoutItem;
 exports.updateParentForItem = updateParentForItem;
 exports.useDashboard = useDashboard;
+exports.useMcpDashServer = useMcpDashServer;
 exports.useMcpProvider = useMcpProvider;
 exports.useNotifications = useNotifications;
 exports.useProvider = useProvider;