@jobshimo/browser-link 0.0.1 → 0.2.0

package/dist/commands/welcome.js

@@ -1,32 +1,30 @@
-import { stdout } from 'node:process';
-import { saveConfig } from '../config.js';
-import { ansi, classifyKey, clearScreen, hideCursor, readKey, renderBox, showCursor, } from './tty.js';
+/* Welcome screen strings (English / Spanish) shared by the interactive Ink
+ * Welcome view and any future non-interactive caller. No runtime logic here
+ * — every screen consumes this as a pure data module. */
 export const I18N_WELCOME = {
     en: {
         title: 'browser-link',
-        intro: [
-            'An MCP server that opens a small WebSocket bridge between Claude Code',
-            'and the Google Chrome tabs you explicitly grant access to through a',
-            'custom companion extension you load locally.',
-        ],
+        aboutTitle: 'What this is',
+        about: [
+            'An MCP server that opens a small WebSocket bridge between an MCP',
+            'client (Claude Code, OpenCode, GitHub Copilot CLI…) and the Google',
+            'Chrome tabs you explicitly grant access to through a custom companion',
+            'extension you load locally.',
+        ].join('\n'),
+        capabilitiesTitle: 'What the agent can do on a connected tab',
         capabilities: [
-            'On every tab where you press "Conectar" in the extension popup, the',
-            'agent can:',
-            '  • Navigate that tab to any URL',
-            '  • Read its DOM, console and network traffic',
-            '  • Click and type into its elements',
-            '  • Execute arbitrary JavaScript in the page context',
+            '• Navigate that tab to any URL',
+            '• Read its DOM, console and network traffic',
+            '• Click and type into its elements',
+            '• Execute arbitrary JavaScript in the page context',
             '',
-            'Tabs you do not connect remain invisible to the agent. You can connect',
-            'as many tabs as you want — each one is enabled one by one, by hand.',
-            '',
-            'And the server remembers what it learns about each app across sessions',
-            'in a local SQLite map (selectors, flows, gotchas — never uploaded',
-            'anywhere).',
-        ],
+            'Tabs you do not connect remain invisible to the agent. Each one is',
+            'enabled one by one, by hand. The server also remembers what it learns',
+            'about each app across sessions in a local SQLite map (selectors,',
+            'flows, gotchas — never uploaded anywhere).',
+        ].join('\n'),
+        warningTitle: 'Read this before you continue',
         warning: [
-            `${ansi.bold}${ansi.yellow}⚠  Read this before you continue${ansi.reset}`,
-            '',
             'Connecting a tab gives the agent access to whatever is on it — any',
             'logged-in session, saved card, wallet, banking page, work console or',
             'admin panel the browser is currently showing on that tab.',
@@ -38,48 +36,40 @@ export const I18N_WELCOME = {
             'Only connect tabs where you would be comfortable letting an automated',
             'process act on your behalf. Disconnect a tab from the extension popup',
             'when you are done with it.',
-        ],
-        responsibility: 'You are responsible for every action the agent performs on the tabs ' +
-            'you explicitly enable. The extension stays inert on any tab where ' +
-            'you have not pressed "Conectar" yourself.',
-        extensionNote: 'The Chrome extension is custom and ships inside this package. ' +
-            'The setup menu after this screen will tell you where it lives so ' +
-            'you can load it via chrome://extensions → Load unpacked.',
-        actions: {
+        ].join('\n'),
+        responsibility: 'You are responsible for every action the agent performs on the tabs you explicitly enable. The extension stays inert on any tab where you have not pressed "Conectar" yourself.',
+        extensionNote: 'The Chrome extension is custom and ships inside this package. The setup menu after this screen will tell you where it lives so you can load it via chrome://extensions → Load unpacked.',
+        prompt: 'How do you want to proceed?',
+        options: {
             accept: 'I understand, continue',
             dismiss: "Accept and don't show again",
             swap: 'Switch to español',
             quit: 'Quit',
         },
-        prompt: 'Press [A] to accept, [D] to accept & hide next time, [L] for español, [Q] to quit.',
-        promptNoDismiss: 'Press [A] to continue, [L] for español, [Q] to quit.',
     },
     es: {
         title: 'browser-link',
-        intro: [
-            'Un servidor MCP que abre un puente WebSocket entre Claude Code y las',
-            'pestañas de Google Chrome a las que vos le des acceso explícito a',
-            'través de una extensión que cargás vos manualmente.',
-        ],
+        aboutTitle: 'Qué es esto',
+        about: [
+            'Un servidor MCP que abre un puente WebSocket entre un cliente MCP',
+            '(Claude Code, OpenCode, GitHub Copilot CLI…) y las pestañas de Google',
+            'Chrome a las que vos le des acceso explícito a través de una extensión',
+            'que cargás vos manualmente.',
+        ].join('\n'),
+        capabilitiesTitle: 'Qué puede hacer el agente en una pestaña conectada',
         capabilities: [
-            'En cada pestaña donde pulsás "Conectar" en el popup de la extensión,',
-            'el agente puede:',
-            '  • Navegar esa pestaña a cualquier URL',
-            '  • Leer su DOM, su consola y su tráfico de red',
-            '  • Hacer click y escribir en sus elementos',
-            '  • Ejecutar JavaScript arbitrario en el contexto de la página',
+            '• Navegar esa pestaña a cualquier URL',
+            '• Leer su DOM, su consola y su tráfico de red',
+            '• Hacer click y escribir en sus elementos',
+            '• Ejecutar JavaScript arbitrario en el contexto de la página',
             '',
-            'Las pestañas que NO conectes siguen invisibles para el agente. Podés',
-            'conectar todas las pestañas que quieras — cada una se habilita una por',
-            'una, a mano.',
-            '',
-            'Además el servidor guarda lo que aprende de cada app entre sesiones en',
-            'un mapa SQLite local (selectores, flujos, gotchas — nunca se sube a',
-            'ningún lado).',
-        ],
+            'Las pestañas que NO conectes siguen invisibles para el agente. Cada',
+            'una se habilita una por una, a mano. El servidor además guarda lo que',
+            'aprende de cada app entre sesiones en un mapa SQLite local (selectores,',
+            'flujos, gotchas — nunca se sube a ningún lado).',
+        ].join('\n'),
+        warningTitle: 'Leelo antes de continuar',
         warning: [
-            `${ansi.bold}${ansi.yellow}⚠  Leelo antes de continuar${ansi.reset}`,
-            '',
             'Conectar una pestaña le da al agente acceso a todo lo que esté en esa',
             'pestaña: sesiones iniciadas, tarjetas guardadas, wallets, banca,',
             'consolas de trabajo, paneles de administración… lo que el navegador',
@@ -93,85 +83,16 @@ export const I18N_WELCOME = {
             'Solo conectá pestañas donde estarías cómodo dejando que un proceso',
             'automatizado actúe en tu nombre. Desconectá la pestaña desde el popup',
             'cuando termines de usarla.',
-        ],
-        responsibility: 'Sos responsable de cada acción que el agente haga en las pestañas que ' +
-            'habilitás explícitamente. La extensión se mantiene inerte en cualquier ' +
-            'pestaña donde no hayas apretado "Conectar" vos mismo.',
-        extensionNote: 'La extensión de Chrome es custom y viene incluida en este paquete. ' +
-            'El menú que aparece después de esta pantalla te dice exactamente dónde ' +
-            'está para que la cargues vía chrome://extensions → Cargar sin empaquetar.',
-        actions: {
+        ].join('\n'),
+        responsibility: 'Sos responsable de cada acción que el agente haga en las pestañas que habilitás explícitamente. La extensión se mantiene inerte en cualquier pestaña donde no hayas apretado "Conectar" vos mismo.',
+        extensionNote: 'La extensión de Chrome es custom y viene incluida en este paquete. El menú que aparece después de esta pantalla te dice exactamente dónde está para que la cargues vía chrome://extensions → Cargar sin empaquetar.',
+        prompt: '¿Cómo querés seguir?',
+        options: {
             accept: 'Entendido, continuar',
             dismiss: 'Aceptar y no volver a mostrar',
             swap: 'Cambiar a English',
             quit: 'Salir',
         },
-        prompt: 'Pulsá [A] para aceptar, [D] para aceptar y ocultar la próxima vez, [L] para English, [Q] para salir.',
-        promptNoDismiss: 'Pulsá [A] para continuar, [L] para English, [Q] para salir.',
     },
 };
-export function buildWelcomeScreen(t, hideDismiss) {
-    const lines = [];
-    lines.push(`${ansi.bold}${ansi.cyan}${t.title}${ansi.reset}`);
-    lines.push('');
-    for (const l of t.intro)
-        lines.push(l);
-    lines.push('');
-    for (const l of t.capabilities)
-        lines.push(l);
-    lines.push('');
-    for (const l of t.warning)
-        lines.push(l);
-    lines.push('');
-    lines.push(`${ansi.dim}${t.responsibility}${ansi.reset}`);
-    lines.push('');
-    lines.push(`${ansi.dim}${t.extensionNote}${ansi.reset}`);
-    lines.push('');
-    const acceptLine = `  ${ansi.green}[A]${ansi.reset} ${t.actions.accept}`;
-    const dismissLine = hideDismiss ? '' : `  ${ansi.green}[D]${ansi.reset} ${t.actions.dismiss}`;
-    const langLine = `  ${ansi.cyan}[L]${ansi.reset} ${t.actions.swap}`;
-    const quitLine = `  ${ansi.red}[Q]${ansi.reset} ${t.actions.quit}`;
-    if (hideDismiss) {
-        lines.push(`${acceptLine}     ${langLine}     ${quitLine}`);
-    }
-    else {
-        lines.push(acceptLine);
-        lines.push(dismissLine);
-        lines.push(`${langLine}     ${quitLine}`);
-    }
-    return renderBox(lines, { borderColor: ansi.gray });
-}
-export async function runWelcome(opts = {}) {
-    let lang = opts.initial ?? 'en';
-    const hideDismiss = opts.hideDismiss === true;
-    hideCursor();
-    try {
-        while (true) {
-            const t = I18N_WELCOME[lang];
-            clearScreen();
-            stdout.write(buildWelcomeScreen(t, hideDismiss));
-            stdout.write('\n\n');
-            stdout.write(`${ansi.dim}${hideDismiss ? t.promptNoDismiss : t.prompt}${ansi.reset} `);
-            const key = classifyKey(await readKey());
-            if (key === 'a')
-                return { action: 'continue', language: lang, persisted: false };
-            if (key === 'd' && !hideDismiss) {
-                saveConfig({ skipWelcome: true, language: lang });
-                return { action: 'continue', language: lang, persisted: true };
-            }
-            if (key === 'l') {
-                lang = lang === 'en' ? 'es' : 'en';
-                continue;
-            }
-            if (key === 'q' || key === 'esc' || key === 'ctrl-c') {
-                return { action: 'quit', language: lang, persisted: false };
-            }
-            // ignore other keys
-        }
-    }
-    finally {
-        showCursor();
-        stdout.write('\n');
-    }
-}
 //# sourceMappingURL=welcome.js.map

package/dist/commands/welcome.js.map

@@ -1 +1 @@
-{"version":3,"file":"welcome.js","sourceRoot":"","sources":["../../src/commands/welcome.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"welcome.js","sourceRoot":"","sources":["../../src/commands/welcome.ts"],"names":[],"mappings":"AAAA;;yDAEyD;AAkCzD,MAAM,CAAC,MAAM,YAAY,GAA2B;IAClD,EAAE,EAAE;QACF,KAAK,EAAE,cAAc;QACrB,UAAU,EAAE,cAAc;QAC1B,KAAK,EAAE;YACL,kEAAkE;YAClE,oEAAoE;YACpE,uEAAuE;YACvE,6BAA6B;SAC9B,CAAC,IAAI,CAAC,IAAI,CAAC;QACZ,iBAAiB,EAAE,0CAA0C;QAC7D,YAAY,EAAE;YACZ,gCAAgC;YAChC,6CAA6C;YAC7C,oCAAoC;YACpC,oDAAoD;YACpD,EAAE;YACF,oEAAoE;YACpE,uEAAuE;YACvE,kEAAkE;YAClE,4CAA4C;SAC7C,CAAC,IAAI,CAAC,IAAI,CAAC;QACZ,YAAY,EAAE,+BAA+B;QAC7C,OAAO,EAAE;YACP,oEAAoE;YACpE,sEAAsE;YACtE,2DAA2D;YAC3D,EAAE;YACF,uEAAuE;YACvE,wEAAwE;YACxE,qEAAqE;YACrE,EAAE;YACF,uEAAuE;YACvE,uEAAuE;YACvE,4BAA4B;SAC7B,CAAC,IAAI,CAAC,IAAI,CAAC;QACZ,cAAc,EACZ,iLAAiL;QACnL,aAAa,EACX,yLAAyL;QAC3L,MAAM,EAAE,6BAA6B;QACrC,OAAO,EAAE;YACP,MAAM,EAAE,wBAAwB;YAChC,OAAO,EAAE,6BAA6B;YACtC,IAAI,EAAE,mBAAmB;YACzB,IAAI,EAAE,MAAM;SACb;KACF;IACD,EAAE,EAAE;QACF,KAAK,EAAE,cAAc;QACrB,UAAU,EAAE,aAAa;QACzB,KAAK,EAAE;YACL,mEAAmE;YACnE,uEAAuE;YACvE,wEAAwE;YACxE,6BAA6B;SAC9B,CAAC,IAAI,CAAC,IAAI,CAAC;QACZ,iBAAiB,EAAE,oDAAoD;QACvE,YAAY,EAAE;YACZ,uCAAuC;YACvC,+CAA+C;YAC/C,2CAA2C;YAC3C,8DAA8D;YAC9D,EAAE;YACF,qEAAqE;YACrE,uEAAuE;YACvE,yEAAyE;YACzE,iDAAiD;SAClD,CAAC,IAAI,CAAC,IAAI,CAAC;QACZ,YAAY,EAAE,0BAA0B;QACxC,OAAO,EAAE;YACP,uEAAuE;YACvE,kEAAkE;YAClE,qEAAqE;YACrE,wCAAwC;YACxC,EAAE;YACF,iEAAiE;YACjE,4DAA4D;YAC5D,qEAAqE;YACrE,oCAAoC;YACpC,EAAE;YACF,oEAAoE;YACpE,uEAAuE;YACvE,4BAA4B;SAC7B,CAAC,IAAI,CAAC,IAAI,CAAC;QACZ,cAAc,EACZ,oMAAoM;QACtM,aAAa,EACX,qNAAqN;QACvN,MAAM,EAAE,sBAAsB;QAC9B,OAAO,EAAE;YACP,MAAM,EAAE,sBAAsB;YAC9B,OAAO,EAAE,+BAA+B;YACxC,IAAI,EAAE,mBAAmB;YACzB,IAAI,EAAE,OAAO;SACd;KACF;CACF,CAAC"}

package/dist/extension/background.js

@@ -96,82 +96,82 @@ function attachDebuggerListener(state) {
     };
     state.debuggerListener = listener;
 }
-const SNAPSHOT_JS = `
-(() => {
-  function isVisible(el) {
-    if (!(el instanceof HTMLElement)) return true;
-    const style = getComputedStyle(el);
-    if (style.display === 'none' || style.visibility === 'hidden' || style.opacity === '0') return false;
-    if (el.offsetParent === null && style.position !== 'fixed') return false;
-    return true;
-  }
-  function shortText(el) {
-    const t = (el.innerText || el.textContent || '').trim();
-    return t.length > 120 ? t.slice(0, 120) + '...' : t;
-  }
-  function safeCss(s) {
-    return s.replace(/"/g, '\\\\"');
-  }
-  function genSelector(el) {
-    if (el.id && !/^[\\d]/.test(el.id) && !/\\s/.test(el.id)) {
-      try { if (document.querySelectorAll('#' + CSS.escape(el.id)).length === 1) return '#' + CSS.escape(el.id); } catch (_) {}
-    }
-    const tid = el.getAttribute('data-testid');
-    if (tid) return '[data-testid="' + safeCss(tid) + '"]';
-    const al = el.getAttribute('aria-label');
-    if (al && al.length < 60) return el.tagName.toLowerCase() + '[aria-label="' + safeCss(al) + '"]';
-    const name = el.getAttribute('name');
-    if (name && (el.tagName === 'INPUT' || el.tagName === 'SELECT' || el.tagName === 'TEXTAREA')) {
-      return el.tagName.toLowerCase() + '[name="' + safeCss(name) + '"]';
-    }
-    const parts = [];
-    let cur = el;
-    while (cur && cur.nodeType === 1 && cur !== document.body && parts.length < 6) {
-      let part = cur.tagName.toLowerCase();
-      const parent = cur.parentElement;
-      if (parent) {
-        const sib = Array.from(parent.children).filter(s => s.tagName === cur.tagName);
-        if (sib.length > 1) {
-          part += ':nth-of-type(' + (sib.indexOf(cur) + 1) + ')';
-        }
-      }
-      parts.unshift(part);
-      cur = parent;
-    }
-    return parts.join(' > ');
-  }
-  const sel = 'a[href], button, input, select, textarea, [role=button], [role=link], [role=checkbox], [role=tab], [role=menuitem], [contenteditable=true]';
-  const interactive = [];
-  document.querySelectorAll(sel).forEach((el) => {
-    if (!isVisible(el)) return;
-    interactive.push({
-      tag: el.tagName.toLowerCase(),
-      role: el.getAttribute('role') || el.tagName.toLowerCase(),
-      text: shortText(el),
-      value: 'value' in el ? (el.value || '') : '',
-      placeholder: el.getAttribute('placeholder') || '',
-      aria_label: el.getAttribute('aria-label') || '',
-      name: el.getAttribute('name') || '',
-      type: el.getAttribute('type') || '',
-      href: el.getAttribute('href') || '',
-      disabled: 'disabled' in el ? !!el.disabled : false,
-      selector: genSelector(el),
-    });
-  });
-  const headings = [];
-  document.querySelectorAll('h1, h2, h3').forEach((h) => {
-    if (!isVisible(h)) return;
-    headings.push({ level: h.tagName, text: shortText(h) });
-  });
-  const visibleText = (document.body && document.body.innerText) ? document.body.innerText.slice(0, 4000) : '';
-  return {
-    title: document.title,
-    url: location.href,
-    headings: headings.slice(0, 30),
-    text: visibleText,
-    interactive: interactive.slice(0, 120),
-  };
-})()
+const SNAPSHOT_JS = `
+(() => {
+  function isVisible(el) {
+    if (!(el instanceof HTMLElement)) return true;
+    const style = getComputedStyle(el);
+    if (style.display === 'none' || style.visibility === 'hidden' || style.opacity === '0') return false;
+    if (el.offsetParent === null && style.position !== 'fixed') return false;
+    return true;
+  }
+  function shortText(el) {
+    const t = (el.innerText || el.textContent || '').trim();
+    return t.length > 120 ? t.slice(0, 120) + '...' : t;
+  }
+  function safeCss(s) {
+    return s.replace(/"/g, '\\\\"');
+  }
+  function genSelector(el) {
+    if (el.id && !/^[\\d]/.test(el.id) && !/\\s/.test(el.id)) {
+      try { if (document.querySelectorAll('#' + CSS.escape(el.id)).length === 1) return '#' + CSS.escape(el.id); } catch (_) {}
+    }
+    const tid = el.getAttribute('data-testid');
+    if (tid) return '[data-testid="' + safeCss(tid) + '"]';
+    const al = el.getAttribute('aria-label');
+    if (al && al.length < 60) return el.tagName.toLowerCase() + '[aria-label="' + safeCss(al) + '"]';
+    const name = el.getAttribute('name');
+    if (name && (el.tagName === 'INPUT' || el.tagName === 'SELECT' || el.tagName === 'TEXTAREA')) {
+      return el.tagName.toLowerCase() + '[name="' + safeCss(name) + '"]';
+    }
+    const parts = [];
+    let cur = el;
+    while (cur && cur.nodeType === 1 && cur !== document.body && parts.length < 6) {
+      let part = cur.tagName.toLowerCase();
+      const parent = cur.parentElement;
+      if (parent) {
+        const sib = Array.from(parent.children).filter(s => s.tagName === cur.tagName);
+        if (sib.length > 1) {
+          part += ':nth-of-type(' + (sib.indexOf(cur) + 1) + ')';
+        }
+      }
+      parts.unshift(part);
+      cur = parent;
+    }
+    return parts.join(' > ');
+  }
+  const sel = 'a[href], button, input, select, textarea, [role=button], [role=link], [role=checkbox], [role=tab], [role=menuitem], [contenteditable=true]';
+  const interactive = [];
+  document.querySelectorAll(sel).forEach((el) => {
+    if (!isVisible(el)) return;
+    interactive.push({
+      tag: el.tagName.toLowerCase(),
+      role: el.getAttribute('role') || el.tagName.toLowerCase(),
+      text: shortText(el),
+      value: 'value' in el ? (el.value || '') : '',
+      placeholder: el.getAttribute('placeholder') || '',
+      aria_label: el.getAttribute('aria-label') || '',
+      name: el.getAttribute('name') || '',
+      type: el.getAttribute('type') || '',
+      href: el.getAttribute('href') || '',
+      disabled: 'disabled' in el ? !!el.disabled : false,
+      selector: genSelector(el),
+    });
+  });
+  const headings = [];
+  document.querySelectorAll('h1, h2, h3').forEach((h) => {
+    if (!isVisible(h)) return;
+    headings.push({ level: h.tagName, text: shortText(h) });
+  });
+  const visibleText = (document.body && document.body.innerText) ? document.body.innerText.slice(0, 4000) : '';
+  return {
+    title: document.title,
+    url: location.href,
+    headings: headings.slice(0, 30),
+    text: visibleText,
+    interactive: interactive.slice(0, 120),
+  };
+})()
 `;
 async function evaluateInTab(tabId, expression) {
     const result = (await cdp(tabId, 'Runtime.evaluate', {
@@ -255,13 +255,13 @@ async function handleTool(state, msg) {
             }
             case 'click': {
                 const selector = String(p.selector);
-                const expr = `
-          (() => {
-            const el = document.querySelector(${JSON.stringify(selector)});
-            if (!el) return null;
-            el.scrollIntoView({ block: 'center', inline: 'center' });
-            const r = el.getBoundingClientRect();
-            return { x: r.left + r.width / 2, y: r.top + r.height / 2, tag: el.tagName.toLowerCase() };
+                const expr = `
+          (() => {
+            const el = document.querySelector(${JSON.stringify(selector)});
+            if (!el) return null;
+            el.scrollIntoView({ block: 'center', inline: 'center' });
+            const r = el.getBoundingClientRect();
+            return { x: r.left + r.width / 2, y: r.top + r.height / 2, tag: el.tagName.toLowerCase() };
           })()`;
                 const coords = (await evaluateInTab(tabId, expr));
                 if (!coords) {
@@ -302,13 +302,13 @@ async function handleTool(state, msg) {
                 const selector = String(p.selector);
                 const text = String(p.text);
                 const clear = !!p.clear;
-                const focusExpr = `
-          (() => {
-            const el = document.querySelector(${JSON.stringify(selector)});
-            if (!el) return false;
-            el.focus();
-            ${clear ? "if ('value' in el) { el.value = ''; el.dispatchEvent(new Event('input', { bubbles: true })); }" : ''}
-            return true;
+                const focusExpr = `
+          (() => {
+            const el = document.querySelector(${JSON.stringify(selector)});
+            if (!el) return false;
+            el.focus();
+            ${clear ? "if ('value' in el) { el.value = ''; el.dispatchEvent(new Event('input', { bubbles: true })); }" : ''}
+            return true;
           })()`;
                 const focused = await evaluateInTab(tabId, focusExpr);
                 if (!focused) {

package/dist/extension/icons/icon.svg

@@ -1,14 +1,14 @@
-<svg viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg">
-  <defs>
-    <linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
-      <stop offset="0%" stop-color="#3b82f6" />
-      <stop offset="100%" stop-color="#1d4ed8" />
-    </linearGradient>
-  </defs>
-  <rect width="128" height="128" rx="26" fill="url(#bg)" />
-  <g fill="none" stroke="#ffffff" stroke-width="11" stroke-linecap="round" stroke-linejoin="round">
-    <path d="M52 78 L36 78 A22 22 0 0 1 36 34 L52 34" />
-    <path d="M76 34 L92 34 A22 22 0 0 1 92 78 L76 78" />
-    <line x1="44" y1="56" x2="84" y2="56" />
-  </g>
-</svg>
+<svg viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0%" stop-color="#3b82f6" />
+      <stop offset="100%" stop-color="#1d4ed8" />
+    </linearGradient>
+  </defs>
+  <rect width="128" height="128" rx="26" fill="url(#bg)" />
+  <g fill="none" stroke="#ffffff" stroke-width="11" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M52 78 L36 78 A22 22 0 0 1 36 34 L52 34" />
+    <path d="M76 34 L92 34 A22 22 0 0 1 92 78 L76 78" />
+    <line x1="44" y1="56" x2="84" y2="56" />
+  </g>
+</svg>

package/dist/extension/manifest.json

@@ -1,28 +1,28 @@
-{
-  "manifest_version": 3,
-  "name": "browser-link",
-  "version": "0.0.1",
-  "description": "Bridge between Chrome and an MCP client (Claude Code). Per-tab manual activation.",
-  "permissions": ["debugger", "activeTab", "storage", "tabs"],
-  "host_permissions": [],
-  "icons": {
-    "16": "icons/icon-16.png",
-    "32": "icons/icon-32.png",
-    "48": "icons/icon-48.png",
-    "128": "icons/icon-128.png"
-  },
-  "background": {
-    "service_worker": "background.js",
-    "type": "module"
-  },
-  "action": {
-    "default_popup": "popup.html",
-    "default_title": "browser-link",
-    "default_icon": {
-      "16": "icons/icon-16.png",
-      "32": "icons/icon-32.png",
-      "48": "icons/icon-48.png",
-      "128": "icons/icon-128.png"
-    }
-  }
-}
+{
+  "manifest_version": 3,
+  "name": "browser-link",
+  "version": "0.1.0",
+  "description": "Bridge between Chrome and an MCP client (Claude Code, OpenCode, …). Per-tab manual activation.",
+  "permissions": ["debugger", "activeTab", "storage", "tabs"],
+  "host_permissions": [],
+  "icons": {
+    "16": "icons/icon-16.png",
+    "32": "icons/icon-32.png",
+    "48": "icons/icon-48.png",
+    "128": "icons/icon-128.png"
+  },
+  "background": {
+    "service_worker": "background.js",
+    "type": "module"
+  },
+  "action": {
+    "default_popup": "popup.html",
+    "default_title": "browser-link",
+    "default_icon": {
+      "16": "icons/icon-16.png",
+      "32": "icons/icon-32.png",
+      "48": "icons/icon-48.png",
+      "128": "icons/icon-128.png"
+    }
+  }
+}