@hanzo/browser-extension 1.7.2 → 1.7.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzo/browser-extension",
-  "version": "1.7.2",
+  "version": "1.7.5",
   "description": "Hanzo AI Browser Extension",
   "main": "dist/background.js",
   "scripts": {

package/src/manifest-firefox.json

@@ -1,7 +1,7 @@
 {
   "manifest_version": 3,
   "name": "Hanzo AI",
-  "version": "1.7.2",
+  "version": "1.7.5",
   "description": "AI-powered dev assistant — click-to-code navigation, source maps, WebGPU AI, and MCP integration for Claude Code.",
   "permissions": [
     "activeTab",

package/src/manifest.json

@@ -1,7 +1,7 @@
 {
   "manifest_version": 3,
   "name": "Hanzo AI",
-  "version": "1.7.2",
+  "version": "1.7.5",
   "description": "AI-powered dev assistant — click-to-code navigation, source maps, WebGPU AI, and MCP integration for Claude Code.",
   "permissions": [
     "activeTab",

package/src/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzo/browser-extension",
-  "version": "1.7.2",
+  "version": "1.7.5",
   "description": "Browser extension for click-to-code navigation with MCP integration",
   "main": "cli.js",
   "bin": {

package/src/chat-widget.tsx

@@ -1,93 +0,0 @@
-import React from 'react';
-import { createRoot } from 'react-dom/client';
-import { flushSync } from 'react-dom';
-import {
-  Button,
-  Card,
-  CardContent,
-  CardDescription,
-  CardHeader,
-  CardTitle,
-  Textarea,
-} from '@hanzo/ui/primitives-common';
-
-function LoginPrompt() {
-  return (
-    <Card className="chat-modern-login-card">
-      <CardHeader>
-        <CardTitle>Chat with Zen AI models</CardTitle>
-        <CardDescription>Models enabled in Hanzo Cloud are loaded automatically.</CardDescription>
-      </CardHeader>
-      <CardContent>
-        <Button id="auth-btn" className="chat-modern-auth-btn" type="button">
-          Sign in
-        </Button>
-        <p className="auth-note">
-          Browser tools work without sign-in.{' '}
-          <a href="https://docs.hanzo.ai" target="_blank" rel="noreferrer">
-            Learn more
-          </a>
-        </p>
-      </CardContent>
-    </Card>
-  );
-}
-
-function ChatComposer() {
-  return (
-    <div className="chat-modern-composer">
-      <div className="model-selector">
-        <select id="model-select">
-          <option value="claude-sonnet-4-20250514">Claude Sonnet 4</option>
-          <option value="claude-opus-4-20250514">Claude Opus 4</option>
-          <option value="gpt-4o">GPT-4o</option>
-          <option value="zen-coder-flash">Zen Coder Flash</option>
-          <option value="zen-max">Zen Max</option>
-        </select>
-      </div>
-
-      <div className="chat-flags">
-        <label className="flag-toggle">
-          <input type="checkbox" id="rag-enabled" defaultChecked />
-          <span>RAG</span>
-        </label>
-        <label className="flag-toggle">
-          <input type="checkbox" id="tab-context-enabled" defaultChecked />
-          <span>Tab Context</span>
-        </label>
-        <span id="rag-status" className="rag-status">
-          Ready
-        </span>
-      </div>
-
-      <div className="input-row">
-        <Textarea id="chat-input" className="chat-modern-input" placeholder="Ask anything..." rows={1} />
-        <Button id="send-btn" className="send-btn chat-modern-send" title="Send" type="button">
-          <svg viewBox="0 0 20 20" fill="none" stroke="currentColor" aria-hidden="true">
-            <path d="M4 10l12-6-6 12-2-6-4-2z" strokeWidth="1.5" fill="currentColor" />
-          </svg>
-        </Button>
-      </div>
-    </div>
-  );
-}
-
-export function mountModernChatWidget() {
-  const loginTarget = document.getElementById('chat-login-prompt');
-  if (loginTarget) {
-    loginTarget.innerHTML = '';
-    const loginRoot = createRoot(loginTarget);
-    flushSync(() => {
-      loginRoot.render(<LoginPrompt />);
-    });
-  }
-
-  const composerTarget = document.getElementById('chat-composer');
-  if (composerTarget) {
-    composerTarget.innerHTML = '';
-    const composerRoot = createRoot(composerTarget);
-    flushSync(() => {
-      composerRoot.render(<ChatComposer />);
-    });
-  }
-}

package/src/popup.js

@@ -1,192 +0,0 @@
-// Hanzo AI — Popup Script
-// Uses background message passing for auth (not direct storage access).
-
-document.addEventListener('DOMContentLoaded', () => {
-  const loginSection = document.getElementById('login-section');
-  const mainSection = document.getElementById('main-section');
-  const settingsSection = document.getElementById('settings-section');
-
-  // Auth
-  const loginBtn = document.getElementById('login-btn');
-  const logoutBtn = document.getElementById('logout-btn');
-
-  // Open panel
-  const openPanel = document.getElementById('open-panel');
-
-  // Status dots
-  const zapStatus = document.getElementById('zap-status');
-  const zapDetail = document.getElementById('zap-detail');
-  const mcpStatus = document.getElementById('mcp-status');
-  const mcpPort = document.getElementById('mcp-port');
-  const cdpStatus = document.getElementById('cdp-status');
-  const cdpDetail = document.getElementById('cdp-detail');
-  const gpuStatus = document.getElementById('gpu-status');
-  const gpuDetail = document.getElementById('gpu-detail');
-
-  // Settings
-  const openSettings = document.getElementById('open-settings');
-  const backBtn = document.getElementById('back-btn');
-  const saveSettings = document.getElementById('save-settings');
-  const testConnection = document.getElementById('test-connection');
-
-  // --- Auth via background ---
-  function checkAuth() {
-    // Always show main section and status (tools work without login)
-    mainSection.classList.remove('hidden');
-    refreshStatus();
-
-    chrome.runtime.sendMessage({ action: 'auth.status' }, (response) => {
-      if (chrome.runtime.lastError) return;
-      if (response?.success && response.authenticated) {
-        loginSection.classList.add('hidden');
-        if (response.user) {
-          const avatar = document.getElementById('user-avatar');
-          const name = document.getElementById('user-name');
-          const email = document.getElementById('user-email');
-          avatar.src = response.user.picture || response.user.avatar || 'icon48.png';
-          name.textContent = response.user.name || response.user.displayName || 'Hanzo User';
-          email.textContent = response.user.email || '';
-        }
-      } else {
-        loginSection.classList.remove('hidden');
-      }
-    });
-  }
-
-  loginBtn?.addEventListener('click', () => {
-    loginBtn.disabled = true;
-    loginBtn.textContent = 'Signing in...';
-    chrome.runtime.sendMessage({ action: 'auth.login' }, (response) => {
-      loginBtn.disabled = false;
-      loginBtn.innerHTML = '<svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor"><path d="M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4M10 17l5-5-5-5M15 12H3"/></svg> Sign in with Hanzo';
-      if (response?.success) {
-        checkAuth();
-      }
-    });
-  });
-
-  logoutBtn?.addEventListener('click', () => {
-    chrome.runtime.sendMessage({ action: 'auth.logout' }, () => {
-      mainSection.classList.add('hidden');
-      loginSection.classList.remove('hidden');
-    });
-  });
-
-  // --- Open side panel ---
-  openPanel?.addEventListener('click', () => {
-    if (chrome.sidePanel) {
-      chrome.tabs.query({ active: true, currentWindow: true }, (tabs) => {
-        if (tabs[0]?.id) {
-          chrome.sidePanel.open({ tabId: tabs[0].id });
-        }
-      });
-    } else {
-      // Firefox: sidebar_action is automatic
-      window.close();
-    }
-  });
-
-  // --- Status ---
-  function refreshStatus() {
-    // ZAP status
-    chrome.runtime.sendMessage({ action: 'zap.status' }, (response) => {
-      if (chrome.runtime.lastError) return;
-      if (response?.success) {
-        const zap = response.zap;
-        if (zap.connected) {
-          zapStatus.classList.add('connected');
-          zapStatus.classList.remove('disconnected');
-          const mcpCount = zap.mcps?.length || 0;
-          const toolCount = zap.mcps?.reduce((sum, m) => sum + (m.tools?.length || 0), 0) || 0;
-          zapDetail.textContent = `${mcpCount} MCP(s), ${toolCount} tools`;
-        } else {
-          zapStatus.classList.remove('connected');
-          zapStatus.classList.add('disconnected');
-          zapDetail.textContent = 'Not connected';
-        }
-      }
-    });
-
-    // GPU status
-    chrome.runtime.sendMessage({ action: 'runLocalAI', prompt: '' }, (response) => {
-      if (chrome.runtime.lastError) return;
-      gpuStatus.classList.add(response?.success ? 'connected' : 'disconnected');
-      gpuStatus.classList.remove(response?.success ? 'disconnected' : 'connected');
-      gpuDetail.textContent = response?.success ? 'Available' : 'Not available';
-    });
-
-    // MCP/CDP — set as active for now (checked via ZAP)
-    mcpStatus.classList.add('connected');
-    mcpPort.textContent = 'Fallback';
-    cdpStatus.classList.add('connected');
-    cdpDetail.textContent = 'Active';
-  }
-
-  // --- Settings ---
-  openSettings?.addEventListener('click', () => {
-    mainSection.classList.add('hidden');
-    settingsSection.classList.remove('hidden');
-    loadSettings();
-  });
-
-  backBtn?.addEventListener('click', () => {
-    settingsSection.classList.add('hidden');
-    mainSection.classList.remove('hidden');
-  });
-
-  function loadSettings() {
-    chrome.storage.local.get(['mcpPort', 'cdpPort', 'zapPorts'], (result) => {
-      const mcpPortInput = document.getElementById('mcp-port-setting');
-      const cdpPortInput = document.getElementById('cdp-port-setting');
-      const zapPortsInput = document.getElementById('zap-ports-setting');
-
-      if (mcpPortInput) mcpPortInput.value = result.mcpPort || 3001;
-      if (cdpPortInput) cdpPortInput.value = result.cdpPort || 9223;
-      if (zapPortsInput) zapPortsInput.value = (result.zapPorts || [9999, 9998, 9997, 9996, 9995]).join(',');
-    });
-  }
-
-  saveSettings?.addEventListener('click', () => {
-    const mcpPortVal = parseInt(document.getElementById('mcp-port-setting')?.value) || 3001;
-    const cdpPortVal = parseInt(document.getElementById('cdp-port-setting')?.value) || 9223;
-    const zapPortsVal = (document.getElementById('zap-ports-setting')?.value || '')
-      .split(',').map(p => parseInt(p.trim())).filter(p => p > 0 && p < 65536);
-
-    chrome.storage.local.set({
-      mcpPort: mcpPortVal,
-      cdpPort: cdpPortVal,
-      zapPorts: zapPortsVal.length ? zapPortsVal : [9999, 9998, 9997, 9996, 9995],
-    }, () => {
-      saveSettings.textContent = 'Saved!';
-      setTimeout(() => { saveSettings.textContent = 'Save Settings'; }, 1500);
-    });
-  });
-
-  // --- Test Connection ---
-  testConnection?.addEventListener('click', () => {
-    testConnection.textContent = 'Testing...';
-    testConnection.disabled = true;
-
-    chrome.runtime.sendMessage({ action: 'zap.discover' }, () => {
-      refreshStatus();
-      testConnection.textContent = 'Test Connection';
-      testConnection.disabled = false;
-    });
-  });
-
-  // Feature toggles
-  ['source-maps', 'webgpu-ai', 'browser-control', 'tab-filesystem'].forEach(id => {
-    const checkbox = document.getElementById(id);
-    if (checkbox) {
-      chrome.storage.local.get([id], (result) => {
-        checkbox.checked = result[id] !== false; // default on
-      });
-      checkbox.addEventListener('change', () => {
-        chrome.storage.local.set({ [id]: checkbox.checked });
-      });
-    }
-  });
-
-  // Init
-  checkAuth();
-});