@cybermem/dashboard 0.5.3 → 0.5.6

package/components/dashboard/mcp-config-modal.tsx

@@ -83,29 +83,28 @@ export default function MCPConfigModal({ onClose }: { onClose: () => void }) {
   }
 
   const getMcpConfig = (clientId: string) => {
-    const isAntigravity = clientId === 'antigravity'
-    const urlKey = isAntigravity ? 'serverUrl' : 'url'
-
     // Local mode: use stdio (command-based) - no server needed, runs via npx
     if (isManaged) {
       return {
         mcpServers: {
           cybermem: {
             command: "npx",
-            args: ["@cybermem/mcp-core"]
+            args: ["@cybermem/mcp"]
           }
         }
       }
     }
 
-    // Remote mode: use SSE URL with API key header
+    // Remote mode: use stdio with --url and --api-key args (universal for all clients)
     return {
       mcpServers: {
         cybermem: {
-          [urlKey]: `${baseUrl}/mcp`,
-          "headers": {
-            "x-api-key": apiKey || "sk-your-generated-key"
-          }
+          command: "npx",
+          args: [
+            "-y", "@cybermem/mcp",
+            "--url", baseUrl,
+            "--api-key", apiKey || "sk-your-generated-key"
+          ]
         }
       }
     }
@@ -119,9 +118,9 @@ export default function MCPConfigModal({ onClose }: { onClose: () => void }) {
     // Handle TOML config (Codex)
     if (config?.configType === 'toml') {
       if (isManaged) {
-        return `# CyberMem Configuration (Local Mode)\n[mcp]\ncommand = "npx"\nargs = ["@cybermem/mcp-core"]`;
+        return `# CyberMem Configuration (Local Mode)\n[mcp]\ncommand = "npx"\nargs = ["@cybermem/mcp"]`;
       }
-      return `# CyberMem Configuration\n[mcp]\nserver_url = "${baseUrl}/mcp"\napi_key = "${maskKey ? displayKey : actualKey}"`;
+      return `# CyberMem Configuration (Remote Mode)\n[mcp]\ncommand = "npx"\nargs = ["@cybermem/mcp", "--url", "${baseUrl}", "--api-key", "${maskKey ? displayKey : actualKey}"]`;
     }
 
     // Handle command-based configs (Claude Code, Gemini CLI, etc.)
@@ -134,16 +133,9 @@ export default function MCPConfigModal({ onClose }: { onClose: () => void }) {
         cmd = config?.command?.replace("http://localhost:8080", baseUrl) || '';
       }
 
-      // Substitute {{ENDPOINT}} placeholder with actual endpoint
-      cmd = cmd.replace('{{ENDPOINT}}', `${baseUrl}/mcp`);
-
-      // Remote mode - inject API key for SSE transport commands
-      if (!isManaged && cmd.includes('--transport sse')) {
-        const headerPart = `--header "x-api-key: ${maskKey ? displayKey : actualKey}"`;
-        if (!cmd.includes('x-api-key')) {
-          cmd = cmd.replace('mcp add', `mcp add ${headerPart}`);
-        }
-      }
+      // Substitute placeholders with actual values
+      cmd = cmd.replace('{{ENDPOINT}}', baseUrl);
+      cmd = cmd.replace('{{API_KEY}}', maskKey ? displayKey : actualKey);
 
       return cmd;
     }
@@ -151,7 +143,12 @@ export default function MCPConfigModal({ onClose }: { onClose: () => void }) {
     // Default to JSON config
     const jsonConfig = getMcpConfig(selectedClient);
     if (!isManaged && maskKey) {
-      (jsonConfig.mcpServers.cybermem as any).headers["x-api-key"] = displayKey;
+      // Mask the API key in args array
+      const args = (jsonConfig.mcpServers.cybermem as any).args;
+      const apiKeyIdx = args.indexOf('--api-key');
+      if (apiKeyIdx !== -1 && args[apiKeyIdx + 1]) {
+        args[apiKeyIdx + 1] = displayKey;
+      }
     }
     return JSON.stringify(jsonConfig, null, 2);
   }

package/e2e/config-ui.spec.ts

@@ -72,10 +72,10 @@ test.describe('Dashboard Configuration UI', () => {
     // Master API Key should NOT be visible in local mode
     await expect(page.getByText('Master API Key')).not.toBeVisible();
 
-    // Code block should show stdio command with npx @cybermem/mcp-core
+    // Code block should show stdio command with npx @cybermem/mcp
     await page.getByRole('button', { name: 'Gemini CLI' }).click();
     const codeBlock = page.locator('pre');
-    await expect(codeBlock).toContainText('gemini mcp add cybermem npx @cybermem/mcp-core');
+    await expect(codeBlock).toContainText('gemini mcp add cybermem npx @cybermem/mcp');
   });
 
   test('Remote Mode: shows API Key management', async ({ page }) => {
@@ -89,10 +89,10 @@ test.describe('Dashboard Configuration UI', () => {
     // Master API Key should be visible
     await expect(page.getByText('Master API Key')).toBeVisible();
 
-    // Gemini CLI should have header with API key
+    // Gemini CLI should have --url and --api-key args (universal stdio transport)
     await page.getByRole('button', { name: 'Gemini CLI' }).click();
     const codeBlock = page.locator('pre');
-    await expect(codeBlock).toContainText('--header');
-    await expect(codeBlock).toContainText('x-api-key');
+    await expect(codeBlock).toContainText('--url');
+    await expect(codeBlock).toContainText('--api-key');
   });
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cybermem/dashboard",
-  "version": "0.5.3",
+  "version": "0.5.6",
   "description": "CyberMem Monitoring Dashboard",
   "homepage": "https://cybermem.dev",
   "repository": {

package/public/clients.json

@@ -27,8 +27,8 @@
       "Navigate to **Features** > **MCP**",
       "Click **Add New MCP Server**",
       "Enter Name: `cybermem`",
-      "Enter Type: `SSE`",
-      "Enter the URL from the config below"
+      "Enter Type: `Command`",
+      "Copy the configuration from below"
     ],
     "configType": "json"
   },
@@ -38,13 +38,13 @@
     "match": "antigravity",
     "color": "#d946ef",
     "icon": "/icons/antigravity.png",
-    "description": "Antigravity supports MCP via raw JSON configuration. Note: uses 'serverUrl' instead of 'url'.",
+    "description": "Antigravity supports MCP via raw JSON configuration.",
     "steps": [
       "Open Antigravity and go to the **Agents** tab",
       "Click on the three dots menu and select **MCP Servers**",
       "Click **Manage MCP Servers**",
       "Click **View RAW Config**",
-      "Paste the configuration block below (note: uses `serverUrl` key)"
+      "Paste the configuration block below"
     ],
     "configType": "json"
   },
@@ -107,8 +107,8 @@
       "The server will be available in all Claude Code sessions"
     ],
     "configType": "command",
-    "localCommand": "claude mcp add cybermem npx @cybermem/mcp-core",
-    "remoteCommand": "claude mcp add --transport sse cybermem {{ENDPOINT}}"
+    "localCommand": "claude mcp add cybermem npx @cybermem/mcp",
+    "remoteCommand": "claude mcp add cybermem -- npx @cybermem/mcp --url {{ENDPOINT}} --api-key {{API_KEY}}"
   },
   {
     "id": "chatgpt",
@@ -170,8 +170,8 @@
       "The server persists across sessions"
     ],
     "configType": "cmd",
-    "localCommand": "gemini mcp add cybermem npx @cybermem/mcp-core",
-    "remoteCommand": "gemini mcp add --transport sse cybermem {{ENDPOINT}}"
+    "localCommand": "gemini mcp add cybermem npx @cybermem/mcp",
+    "remoteCommand": "gemini mcp add cybermem -- npx @cybermem/mcp --url {{ENDPOINT}} --api-key {{API_KEY}}"
   },
   {
     "id": "other",
@@ -181,9 +181,8 @@
     "icon": null,
     "description": "For any other MCP-compliant client, use the following connection details:",
     "steps": [
-      "**Transport**: SSE (Server-Sent Events)",
-      "**Endpoint URL**: See config below",
-      "**Authentication**: `x-api-key` header (if required)",
+      "**Transport**: stdio (via npx command)",
+      "**Command**: `npx @cybermem/mcp` with `--url` and `--api-key` args",
       "Refer to your client's documentation for config file location"
     ],
     "configType": "json"