mcpbrowser 0.2.26 → 0.2.28

package/extension/icon.svg

@@ -1,35 +1,56 @@
 <svg width="128" height="128" viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg">
-  <!-- Background circle -->
-  <circle cx="64" cy="64" r="60" fill="#0078D4"/>
-  
-  <!-- Browser window outline -->
-  <rect x="24" y="28" width="80" height="56" rx="4" fill="white"/>
-  <rect x="28" y="32" width="72" height="48" rx="2" fill="#E8F4FD"/>
-  
-  <!-- Browser chrome bar -->
-  <rect x="28" y="32" width="72" height="8" fill="#0078D4"/>
-  
-  <!-- Browser dots (window controls) -->
-  <circle cx="33" cy="36" r="1.5" fill="white"/>
-  <circle cx="38" cy="36" r="1.5" fill="white"/>
-  <circle cx="43" cy="36" r="1.5" fill="white"/>
-  
-  <!-- Lock/Shield icon (authentication symbol) -->
-  <g transform="translate(48, 48)">
-    <!-- Shield -->
-    <path d="M 16 4 L 16 14 C 16 18 12 22 8 24 C 4 22 0 18 0 14 L 0 4 L 8 0 Z" 
-          fill="#10B981" stroke="none"/>
-    <!-- Checkmark inside shield -->
-    <path d="M 5 12 L 7 14 L 12 8" 
+  <!-- Modern gradient with MCP typography focus -->
+  <defs>
+    <linearGradient id="bg6" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#4F46E5;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#6366F1;stop-opacity:1" />
+    </linearGradient>
+  </defs>
+  
+  <!-- Gradient background -->
+  <rect width="128" height="128" rx="24" fill="url(#bg6)"/>
+  
+  <!-- Large white rounded square -->
+  <rect x="16" y="16" width="96" height="96" rx="16" fill="white" opacity="0.98"/>
+  
+  <!-- Top section with browser chrome -->
+  <rect x="24" y="24" width="80" height="14" rx="7" fill="#F8FAFC"/>
+  
+  <!-- Browser dots -->
+  <circle cx="32" cy="31" r="2" fill="#E5E7EB"/>
+  <circle cx="40" cy="31" r="2" fill="#E5E7EB"/>
+  <circle cx="48" cy="31" r="2" fill="#E5E7EB"/>
+  
+  <!-- Lock with shield -->
+  <g transform="translate(72, 26)">
+    <circle cx="5" cy="5" r="5" fill="#10B981"/>
+    <path d="M 3.5 5 L 3.5 3.8 C 3.5 3 4 2.5 5 2.5 C 6 2.5 6.5 3 6.5 3.8 L 6.5 5" 
+          stroke="white" stroke-width="0.8" fill="none"/>
+    <rect x="3" y="5" width="4" height="4" rx="0.5" fill="white"/>
+  </g>
+  
+  <!-- Large MCP text - main focus -->
+  <text x="64" y="68" font-family="Arial, sans-serif" font-size="32" font-weight="bold" fill="#4F46E5" text-anchor="middle">MCP</text>
+  
+  <!-- Subtitle -->
+  <text x="64" y="82" font-family="Arial, sans-serif" font-size="9" fill="#475569" text-anchor="middle">BROWSER</text>
+  
+  <!-- Bottom decorative line -->
+  <rect x="36" y="92" width="56" height="2" rx="1" fill="#E0E7FF"/>
+  
+  <!-- Connection dots -->
+  <circle cx="44" cy="100" r="2.5" fill="#10B981"/>
+  <circle cx="52" cy="100" r="2.5" fill="#10B981" opacity="0.6"/>
+  <circle cx="60" cy="100" r="2.5" fill="#10B981" opacity="0.3"/>
+  
+  <!-- Security badge -->
+  <g transform="translate(66, 96)">
+    <circle cx="6" cy="4" r="6" fill="#10B981"/>
+    <path d="M 4 4 L 5.5 5.5 L 8.5 2.5" 
           stroke="white" 
-          stroke-width="2" 
+          stroke-width="1.2" 
           stroke-linecap="round" 
           stroke-linejoin="round" 
           fill="none"/>
   </g>
-  
-  <!-- Connection indicator (small dots) -->
-  <circle cx="90" cy="48" r="3" fill="#10B981"/>
-  <circle cx="98" cy="48" r="2" fill="#10B981" opacity="0.7"/>
-  <circle cx="104" cy="48" r="1.5" fill="#10B981" opacity="0.4"/>
 </svg>

package/extension/package.json

@@ -2,7 +2,7 @@
   "name": "mcpbrowser",
   "displayName": "MCP Browser",
   "description": "Lightweight MCP server-extension for in-browser web page fetching - handles login, SSO, and anti-crawler restrictions. Should be used when standard fetch_webpage fails",
-  "version": "0.2.26",
+  "version": "0.2.28",
   "publisher": "cherchyk",
   "icon": "icon.png",
   "engines": {

package/extension/src/extension.js

@@ -92,7 +92,7 @@ async function configureMcpBrowser() {
             type: "stdio",
             command: "npx",
             args: ["-y", "mcpbrowser@latest"],
-            description: "In-browser web page fetching. Used when loading web page via browser is preferred.  For Example: (1) auth-required pages (401/403, login, SSO, corporate intranets), (2) anti-bot/crawler blocks, CAPTCHA/human verification, (3) JavaScript-heavy sites (SPAs, dynamic content). Browser opens to load the page, user may be asked to authenticate or to prove it's not a robot."
+            description: "Web page fetching via browser for sites requiring authentication, anti-bot protection, or JavaScript rendering. Use when standard HTTP requests fail for: (1) auth-required pages (401/403, SSO, corporate intranets), (2) anti-bot verification (CAPTCHA, Cloudflare), (3) JavaScript-heavy sites (SPAs, dynamic content). Opens a browser where the user can authenticate, then automatically extracts content."
         };
 
         // Write back to file with pretty formatting

package/package.json

@@ -1,5 +1,5 @@
 {  "name": "mcpbrowser",
-  "version": "0.2.26",
+  "version": "0.2.28",
   "mcpName": "io.github.cherchyk/browser",
   "type": "module",
   "description": "MCP server for in-browser web page fetching using Chrome DevTools Protocol",

package/server.json

@@ -6,7 +6,7 @@
     "url": "https://github.com/cherchyk/MCPBrowser",
     "source": "github"
   },
-  "version": "0.2.25",
+  "version": "0.2.28",
   "packages": [
     {
       "registryType": "npm",