@mcpjam/inspector 0.3.1 → 0.3.2

package/client/dist/assets/{index-De3JSks9.css → index-CThH1rBM.css}

@@ -1049,8 +1049,11 @@ video {
 .-right-4 {
   right: -1rem;
 }
-.-top-1 {
-  top: -0.25rem;
+.-top-0\.5 {
+  top: -0.125rem;
+}
+.-top-1\.5 {
+  top: -0.375rem;
 }
 .bottom-0 {
   bottom: 0px;
@@ -1219,6 +1222,9 @@ video {
   width: 1rem;
   height: 1rem;
 }
+.h-0\.5 {
+  height: 0.125rem;
+}
 .h-1 {
   height: 0.25rem;
 }
@@ -1291,6 +1297,9 @@ video {
 .max-h-\[300px\] {
   max-height: 300px;
 }
+.max-h-\[80vh\] {
+  max-height: 80vh;
+}
 .max-h-\[90vh\] {
   max-height: 90vh;
 }
@@ -1400,6 +1409,9 @@ video {
   min-width: -moz-fit-content;
   min-width: fit-content;
 }
+.max-w-2xl {
+  max-width: 42rem;
+}
 .max-w-4xl {
   max-width: 56rem;
 }
@@ -1508,6 +1520,9 @@ video {
 .resize-none {
   resize: none;
 }
+.resize {
+  resize: both;
+}
 .grid-cols-1 {
   grid-template-columns: repeat(1, minmax(0, 1fr));
 }
@@ -1708,6 +1723,10 @@ video {
   --tw-border-opacity: 1;
   border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
 }
+.border-blue-300 {
+  --tw-border-opacity: 1;
+  border-color: rgb(147 197 253 / var(--tw-border-opacity, 1));
+}
 .border-blue-500 {
   --tw-border-opacity: 1;
   border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
@@ -1744,6 +1763,10 @@ video {
   --tw-border-opacity: 1;
   border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
 }
+.border-gray-300 {
+  --tw-border-opacity: 1;
+  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
+}
 .border-green-200 {
   --tw-border-opacity: 1;
   border-color: rgb(187 247 208 / var(--tw-border-opacity, 1));
@@ -1834,6 +1857,9 @@ video {
 .bg-border {
   background-color: hsl(var(--border));
 }
+.bg-border\/50 {
+  background-color: hsl(var(--border) / 0.5);
+}
 .bg-card {
   background-color: hsl(var(--card));
 }
@@ -1890,6 +1916,9 @@ video {
 .bg-primary\/10 {
   background-color: hsl(var(--primary) / 0.1);
 }
+.bg-primary\/20 {
+  background-color: hsl(var(--primary) / 0.2);
+}
 .bg-red-50 {
   --tw-bg-opacity: 1;
   background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
@@ -1898,6 +1927,10 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
 }
+.bg-red-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
+}
 .bg-secondary {
   background-color: hsl(var(--secondary));
 }
@@ -2763,6 +2796,10 @@ h1 {
   border-color: hsl(var(--border) / 0.6);
 }
 
+.hover\:border-primary\/20:hover {
+  border-color: hsl(var(--primary) / 0.2);
+}
+
 .hover\:border-red-400\/60:hover {
   border-color: rgb(248 113 113 / 0.6);
 }
@@ -2779,6 +2816,10 @@ h1 {
   background-color: rgb(59 130 246 / 0.2);
 }
 
+.hover\:bg-border\/20:hover {
+  background-color: hsl(var(--border) / 0.2);
+}
+
 .hover\:bg-destructive\/10:hover {
   background-color: hsl(var(--destructive) / 0.1);
 }
@@ -2823,6 +2864,10 @@ h1 {
   background-color: hsl(var(--muted) / 0.5);
 }
 
+.hover\:bg-primary\/10:hover {
+  background-color: hsl(var(--primary) / 0.1);
+}
+
 .hover\:bg-primary\/20:hover {
   background-color: hsl(var(--primary) / 0.2);
 }
@@ -2844,6 +2889,11 @@ h1 {
   background-color: rgb(254 242 242 / 0.8);
 }
 
+.hover\:bg-red-700:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
+}
+
 .hover\:bg-secondary:hover {
   background-color: hsl(var(--secondary));
 }
@@ -3025,6 +3075,11 @@ h1 {
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
 
+.focus\:ring-blue-500:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
+}
+
 .focus\:ring-primary\/20:focus {
   --tw-ring-color: hsl(var(--primary) / 0.2);
 }
@@ -3369,6 +3424,11 @@ h1 {
   border-color: hsl(var(--destructive));
 }
 
+.dark\:border-gray-600:is(.dark *) {
+  --tw-border-opacity: 1;
+  border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
+}
+
 .dark\:border-gray-800:is(.dark *) {
   --tw-border-opacity: 1;
   border-color: rgb(31 41 55 / var(--tw-border-opacity, 1));
@@ -3467,6 +3527,10 @@ h1 {
   background-color: rgb(20 83 45 / 0.2);
 }
 
+.dark\:bg-red-900\/20:is(.dark *) {
+  background-color: rgb(127 29 29 / 0.2);
+}
+
 .dark\:bg-red-950\/20:is(.dark *) {
   background-color: rgb(69 10 10 / 0.2);
 }

package/client/dist/index.html

@@ -5,8 +5,8 @@
     <link rel="icon" type="image/svg+xml" href="/mcp_jam.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>MCPJam Inspector</title>
-    <script type="module" crossorigin src="/assets/index-kMl05fui.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-De3JSks9.css">
+    <script type="module" crossorigin src="/assets/index-BNLcDjKX.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-CThH1rBM.css">
   </head>
   <body>
     <div id="root"></div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mcpjam/inspector",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "description": "MCPJam inspector",
   "license": "Apache-2.0",
   "author": "MCPJam (https://mcpjam.com)",
@@ -45,7 +45,8 @@
     "@mcpjam/inspector-cli": "^0.1.6",
     "@mcpjam/inspector-client": "^0.1.6",
     "@mcpjam/inspector-server": "^0.1.6",
-    "@modelcontextprotocol/sdk": "^1.12.0",
+    "@modelcontextprotocol/sdk": "^1.13.0",
+    "ajv": "^8.17.1",
     "concurrently": "^9.0.1",
     "dotenv": "^16.5.0",
     "open": "^10.1.0",

package/server/build/index.js

@@ -320,10 +320,19 @@ const findAvailablePort = async (startPort) => {
     });
 };
 const PORT = process.env.PORT || 6277;
+// Store the actual running port
+let actualPort;
+// Add endpoint to get the actual running port
+app.get("/port", (req, res) => {
+    res.json({
+        port: actualPort,
+    });
+});
 // Start server with dynamic port finding
 const startServer = async () => {
     try {
         const availablePort = await findAvailablePort(Number(PORT));
+        actualPort = availablePort;
         const server = app.listen(availablePort);
         server.on("listening", () => {
             if (availablePort !== Number(PORT)) {

package/server/build/mcpProxy.js

@@ -3,7 +3,14 @@ function onClientError(error) {
     console.error("Error from inspector client:", error);
 }
 function onServerError(error) {
-    console.error("Error from MCP server:", error);
+    if ((error?.message &&
+        error.message.includes("Error POSTing to endpoint (HTTP 404)")) ||
+        (error?.cause && JSON.stringify(error.cause).includes("ECONNREFUSED"))) {
+        console.error("Connection refused. Is the MCP server running?");
+    }
+    else {
+        console.error("Error from MCP server:", error);
+    }
 }
 export default function mcpProxy({ transportToClient, transportToServer, }) {
     let transportToClientClosed = false;

package/client/dist/assets/oauthUtils-DTcoXpSP.js

@@ -1,33 +0,0 @@
-const parseOAuthCallbackParams = (location) => {
-  const params = new URLSearchParams(location);
-  const code = params.get("code");
-  if (code) {
-    return { successful: true, code };
-  }
-  const error = params.get("error");
-  const error_description = params.get("error_description");
-  const error_uri = params.get("error_uri");
-  if (error) {
-    return { successful: false, error, error_description, error_uri };
-  }
-  return {
-    successful: false,
-    error: "invalid_request",
-    error_description: "Missing code or error in response",
-    error_uri: null
-  };
-};
-const generateOAuthErrorDescription = (params) => {
-  const error = params.error;
-  const errorDescription = params.error_description;
-  const errorUri = params.error_uri;
-  return [
-    `Error: ${error}.`,
-    errorDescription ? `Details: ${errorDescription}.` : "",
-    errorUri ? `More info: ${errorUri}.` : ""
-  ].filter(Boolean).join("\n");
-};
-export {
-  generateOAuthErrorDescription as g,
-  parseOAuthCallbackParams as p
-};