Implement auto-open feature for browser launch on server start

README.md

@@ -60,6 +60,7 @@ The MCP Inspector supports the following configuration settings. To change them,
 | `MCP_REQUEST_TIMEOUT_RESET_ON_PROGRESS` | Reset timeout on progress notifications                                                                      | true    |
 | `MCP_REQUEST_MAX_TOTAL_TIMEOUT`         | Maximum total timeout for requests sent to the MCP server (ms) (Use with progress notifications)             | 60000   |
 | `MCP_PROXY_FULL_ADDRESS`                | Set this if you are running the MCP Inspector Proxy on a non-default address. Example: http://10.1.1.22:5577 | ""      |
+| `MCP_AUTO_OPEN_ENABLED`                 | Enable automatic browser opening when inspector starts                                                       | true    |
 
 These settings can be adjusted in real-time through the UI and will persist across sessions.
 

client/bin/start.js

@@ -1,5 +1,6 @@
 #!/usr/bin/env node
 
+import open from "open";
 import { resolve, dirname } from "path";
 import { spawnPromise } from "spawn-rx";
 import { fileURLToPath } from "url";
@@ -99,6 +100,9 @@ async function main() {
 
   if (serverOk) {
     try {
+      if (process.env.MCP_AUTO_OPEN_ENABLED !== "false") {
+        open(`http://127.0.0.1:${CLIENT_PORT}`);
+      }
       await spawnPromise("node", [inspectorClientPath], {
         env: { ...process.env, PORT: CLIENT_PORT },
         signal: abort.signal,

client/src/components/Sidebar.tsx

@@ -404,7 +404,6 @@ const Sidebar = ({
                         />
                       ) : typeof configItem.value === "boolean" ? (
                         <Select
-                          data-testid={`${configKey}-select`}
                           value={configItem.value.toString()}
                           onValueChange={(val) => {
                             const newConfig = { ...config };
@@ -415,12 +414,25 @@ const Sidebar = ({
                             setConfig(newConfig);
                           }}
                         >
-                          <SelectTrigger id={`${configKey}-input`}>
+                          <SelectTrigger
+                            id={`${configKey}-input`}
+                            data-testid={`${configKey}-input`}
+                          >
                             <SelectValue />
                           </SelectTrigger>
                           <SelectContent>
-                            <SelectItem value="true">True</SelectItem>
-                            <SelectItem value="false">False</SelectItem>
+                            <SelectItem
+                              data-testid={`${configKey}-input-true`}
+                              value="true"
+                            >
+                              True
+                            </SelectItem>
+                            <SelectItem
+                              data-testid={`${configKey}-input-false`}
+                              value="false"
+                            >
+                              False
+                            </SelectItem>
                           </SelectContent>
                         </Select>
                       ) : (

client/src/components/__tests__/Sidebar.test.tsx

@@ -576,6 +576,33 @@ describe("Sidebar Environment Variables", () => {
       );
     });
 
+    it("should update auto browser open disabled", () => {
+      const setConfig = jest.fn();
+      renderSidebar({ config: DEFAULT_INSPECTOR_CONFIG, setConfig });
+
+      openConfigSection();
+
+      const autoOpenDisabledInput = screen.getByTestId(
+        "MCP_AUTO_OPEN_ENABLED-input",
+      );
+      fireEvent.click(autoOpenDisabledInput);
+      const falseOption = screen.getByTestId(
+        "MCP_AUTO_OPEN_ENABLED-input-false",
+      );
+      fireEvent.click(falseOption);
+
+      expect(setConfig).toHaveBeenCalledWith(
+        expect.objectContaining({
+          MCP_AUTO_OPEN_ENABLED: {
+            label: "Auto Browser Open Enabled",
+            description:
+              "Enable automatic browser opening when inspector starts",
+            value: false,
+          },
+        }),
+      );
+    });
+
     it("should maintain configuration state after multiple updates", () => {
       const setConfig = jest.fn();
       const { rerender } = renderSidebar({

client/src/lib/configurationTypes.ts

@@ -33,4 +33,9 @@ export type InspectorConfig = {
    * The full address of the MCP Proxy Server, in case it is running on a non-default address. Example: http://10.1.1.22:5577
    */
   MCP_PROXY_FULL_ADDRESS: ConfigItem;
+
+  /**
+   * Disable automatic browser opening when inspector starts.
+   */
+  MCP_AUTO_OPEN_ENABLED: ConfigItem;
 };

client/src/lib/constants.ts

@@ -52,4 +52,9 @@ export const DEFAULT_INSPECTOR_CONFIG: InspectorConfig = {
       "Set this if you are running the MCP Inspector Proxy on a non-default address. Example: http://10.1.1.22:5577",
     value: "",
   },
+  MCP_AUTO_OPEN_ENABLED: {
+    label: "Auto Browser Open Enabled",
+    description: "Enable automatic browser opening when inspector starts",
+    value: true,
+  },
 } as const;

package.json

@@ -43,6 +43,7 @@
     "@modelcontextprotocol/inspector-server": "^0.10.2",
     "@modelcontextprotocol/sdk": "^1.10.0",
     "concurrently": "^9.0.1",
+    "open": "^10.1.0",
     "shell-quote": "^1.8.2",
     "spawn-rx": "^5.1.2",
     "ts-node": "^10.9.2",