npm - @hanzo/browser-extension - Versions diffs - 1.9.34 → 1.9.36 - Mend

@hanzo/browser-extension 1.9.34 → 1.9.36

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (71) hide show

package/package.json +1 -1
package/src/answer/AnswerEngine.tsx +8 -0
package/src/onboarding.css +78 -0
package/src/onboarding.html +45 -0
package/src/popup.html +28 -0
package/dist/browser-extension/README.md +0 -43
package/dist/browser-extension/background-firefox.js +0 -5983
package/dist/browser-extension/background.js +0 -8670
package/dist/browser-extension/browser-control.js +0 -1317
package/dist/browser-extension/chrome/ai-worker.js +0 -571
package/dist/browser-extension/chrome/background.js +0 -8670
package/dist/browser-extension/chrome/callback.html +0 -17
package/dist/browser-extension/chrome/content-script.js +0 -2789
package/dist/browser-extension/chrome/icon128.png +0 -0
package/dist/browser-extension/chrome/icon16.png +0 -0
package/dist/browser-extension/chrome/icon48.png +0 -0
package/dist/browser-extension/chrome/manifest.json +0 -81
package/dist/browser-extension/chrome/newtab.css +0 -277
package/dist/browser-extension/chrome/newtab.html +0 -13
package/dist/browser-extension/chrome/newtab.js +0 -64
package/dist/browser-extension/chrome/popup.css +0 -761
package/dist/browser-extension/chrome/popup.html +0 -381
package/dist/browser-extension/chrome/popup.js +0 -1716
package/dist/browser-extension/chrome/sidebar.css +0 -1792
package/dist/browser-extension/chrome/sidebar.html +0 -463
package/dist/browser-extension/chrome/sidebar.js +0 -26541
package/dist/browser-extension/cli.js +0 -233
package/dist/browser-extension/content-script.js +0 -2789
package/dist/browser-extension/firefox/ai-worker.js +0 -571
package/dist/browser-extension/firefox/background.js +0 -5983
package/dist/browser-extension/firefox/callback.html +0 -17
package/dist/browser-extension/firefox/content-script.js +0 -2789
package/dist/browser-extension/firefox/icon128.png +0 -0
package/dist/browser-extension/firefox/icon16.png +0 -0
package/dist/browser-extension/firefox/icon48.png +0 -0
package/dist/browser-extension/firefox/manifest.json +0 -85
package/dist/browser-extension/firefox/newtab.css +0 -277
package/dist/browser-extension/firefox/newtab.html +0 -13
package/dist/browser-extension/firefox/newtab.js +0 -64
package/dist/browser-extension/firefox/popup.css +0 -761
package/dist/browser-extension/firefox/popup.html +0 -381
package/dist/browser-extension/firefox/popup.js +0 -1716
package/dist/browser-extension/firefox/sidebar.css +0 -1792
package/dist/browser-extension/firefox/sidebar.html +0 -463
package/dist/browser-extension/firefox/sidebar.js +0 -26541
package/dist/browser-extension/icon128.png +0 -0
package/dist/browser-extension/icon16.png +0 -0
package/dist/browser-extension/icon48.png +0 -0
package/dist/browser-extension/manifest.json +0 -81
package/dist/browser-extension/newtab.js +0 -64
package/dist/browser-extension/package.json +0 -41
package/dist/browser-extension/popup.js +0 -1716
package/dist/browser-extension/safari/Info.plist +0 -21
package/dist/browser-extension/safari/ai-worker.js +0 -571
package/dist/browser-extension/safari/background.js +0 -8670
package/dist/browser-extension/safari/callback.html +0 -17
package/dist/browser-extension/safari/content-script.js +0 -2789
package/dist/browser-extension/safari/icon128.png +0 -0
package/dist/browser-extension/safari/icon16.png +0 -0
package/dist/browser-extension/safari/icon48.png +0 -0
package/dist/browser-extension/safari/newtab.css +0 -277
package/dist/browser-extension/safari/newtab.html +0 -13
package/dist/browser-extension/safari/newtab.js +0 -64
package/dist/browser-extension/safari/popup.css +0 -761
package/dist/browser-extension/safari/popup.html +0 -381
package/dist/browser-extension/safari/popup.js +0 -1716
package/dist/browser-extension/safari/sidebar.css +0 -1792
package/dist/browser-extension/safari/sidebar.html +0 -463
package/dist/browser-extension/safari/sidebar.js +0 -26541
package/dist/browser-extension/sidebar.js +0 -26541
package/dist/browser-extension/webgpu-ai.js +0 -568

package/dist/browser-extension/safari/popup.html DELETED Viewed

@@ -1,381 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Hanzo AI</title>
-  <link rel="stylesheet" href="popup.css">
-</head>
-<body>
-  <div class="container">
-    <header>
-      <svg class="logo" viewBox="0 0 67 67" xmlns="http://www.w3.org/2000/svg">
-        <path d="M22.21 67V44.6369H0V67H22.21Z" fill="currentColor"/>
-        <path d="M66.7038 22.3184H22.2534L0.0878906 44.6367H44.4634L66.7038 22.3184Z" fill="currentColor"/>
-        <path d="M22.21 0H0V22.3184H22.21V0Z" fill="currentColor"/>
-        <path d="M66.7198 0H44.5098V22.3184H66.7198V0Z" fill="currentColor"/>
-        <path d="M66.7198 67V44.6369H44.5098V67H66.7198Z" fill="currentColor"/>
-      </svg>
-      <h1>Hanzo AI</h1>
-    </header>
-    <!-- Login Section -->
-    <div id="login-section" class="section login-section">
-      <div class="login-card">
-        <svg class="login-logo" viewBox="0 0 67 67" xmlns="http://www.w3.org/2000/svg">
-          <path d="M22.21 67V44.6369H0V67H22.21Z" fill="currentColor"/>
-          <path d="M66.7038 22.3184H22.2534L0.0878906 44.6367H44.4634L66.7038 22.3184Z" fill="currentColor"/>
-          <path d="M22.21 0H0V22.3184H22.21V0Z" fill="currentColor"/>
-          <path d="M66.7198 0H44.5098V22.3184H66.7198V0Z" fill="currentColor"/>
-          <path d="M66.7198 67V44.6369H44.5098V67H66.7198Z" fill="currentColor"/>
-        </svg>
-        <h2 class="login-headline">Sign in to Hanzo AI</h2>
-        <p class="login-sub">Chat with AI, use browser tools, and build with agents.</p>
-        <button id="login-btn" class="login-signin-btn">Sign In</button>
-        <button id="signup-btn-popup" class="login-create-btn">Create account</button>
-        <p class="login-note">
-          Browser tools work without sign-in. <a href="https://docs.hanzo.ai" target="_blank">Learn more</a>
-        </p>
-      </div>
-    </div>
-    <!-- Main Section (shown after login) -->
-    <div id="main-section" class="section hidden">
-      <div id="user-info-section" class="hidden">
-        <div class="user-info">
-          <img id="user-avatar" class="avatar" src="" alt="">
-          <div>
-            <div id="user-name" class="user-name"></div>
-            <div id="user-email" class="user-email"></div>
-          </div>
-          <button id="logout-btn" class="btn-icon" title="Sign out">
-            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor">
-              <path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4M16 17l5-5-5-5M21 12H9"/>
-            </svg>
-          </button>
-        </div>
-        <div class="divider"></div>
-      </div>
-      <!-- Embedded search: run a query through the Hanzo answer engine. -->
-      <form id="search-form" style="display:flex;gap:6px;margin-bottom:10px;">
-        <input id="search-input" type="text" placeholder="Search Hanzo AI…" autocomplete="off"
-          style="flex:1;min-width:0;padding:9px 12px;background:var(--surface-light,#171717);border:1px solid var(--border,rgba(255,255,255,0.12));border-radius:8px;color:var(--text,#fafafa);font-size:13px;font-family:inherit;outline:none;">
-        <button id="search-btn" type="submit" title="Search" aria-label="Search"
-          style="width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--primary,#fafafa);border:none;border-radius:8px;color:#000;cursor:pointer;">
-          <svg viewBox="0 0 16 16" width="15" height="15" fill="none" stroke="currentColor" stroke-width="1.8">
-            <circle cx="7" cy="7" r="4.5"/><path d="M11 11l3.5 3.5" stroke-linecap="round"/>
-          </svg>
-        </button>
-      </form>
-      <!-- Actions: single Open Chat button + on-page surface settings. -->
-      <button id="open-panel" class="btn btn-secondary" style="margin-bottom: 8px;">
-        <svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor">
-          <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/>
-        </svg>
-        Open Chat
-      </button>
-      <!-- On-page chat config -->
-      <div class="onpage-config" style="display:flex;flex-direction:column;gap:6px;margin-bottom:12px;font-size:11px;">
-        <div class="feature-toggle" style="display:flex;justify-content:space-between;align-items:center;">
-          <label style="display:flex;align-items:center;gap:6px;cursor:pointer;">
-            <input type="checkbox" id="overlay-enabled" checked>
-            <span>On-page chat panel</span>
-          </label>
-          <span style="color:var(--text-muted,#888);font-size:10px;">overlay vs new tab</span>
-        </div>
-        <div id="overlay-side-row" class="side-picker" style="display:flex;gap:6px;align-items:center;">
-          <span style="color:var(--text-muted,#888);">Pin:</span>
-          <button id="pin-left" class="btn btn-ghost" style="flex:1;padding:4px 8px;font-size:11px;">Left</button>
-          <button id="pin-right" class="btn btn-ghost" style="flex:1;padding:4px 8px;font-size:11px;" data-active="true">Right</button>
-        </div>
-        <div id="overlay-width-row" style="display:flex;gap:6px;align-items:center;">
-          <span style="color:var(--text-muted,#888);">Width:</span>
-          <button class="btn btn-ghost width-btn" data-width="compact" style="flex:1;padding:4px 8px;font-size:11px;">Compact</button>
-          <button class="btn btn-ghost width-btn" data-width="default" style="flex:1;padding:4px 8px;font-size:11px;" data-active="true">Default</button>
-          <button class="btn btn-ghost width-btn" data-width="wide" style="flex:1;padding:4px 8px;font-size:11px;">Wide</button>
-        </div>
-        <span style="color:var(--text-muted,#888);font-size:10px;line-height:1.4;">
-          FF native sidebar: View → Sidebar → Hanzo AI.<br>
-          Disable to fall back to a standalone tab — useful on sites with strict CSP.
-        </span>
-      </div>
-      <div class="divider"></div>
-      <!-- AI Usage (Claude + Codex, from the current browser session) -->
-      <div class="usage-header" style="display:flex;align-items:center;justify-content:space-between;">
-        <h3>AI Usage</h3>
-        <button id="usage-refresh" class="btn-icon" title="Refresh usage">
-          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
-            <path d="M23 4v6h-6M1 20v-6h6"/>
-            <path d="M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15"/>
-          </svg>
-        </button>
-      </div>
-      <div id="usage-list" class="usage-list" style="display:flex;flex-direction:column;gap:8px;"></div>
-      <a href="https://console.hanzo.ai/ai-accounts" target="_blank"
-         style="display:inline-block;margin-top:8px;font-size:11px;color:var(--text-muted,#888);">Manage AI accounts →</a>
-      <div class="divider"></div>
-      <!-- Tools -->
-      <h3>Tools</h3>
-      <div class="tools-grid">
-        <button id="tool-picker" class="tool-btn" title="Pick an element on the page">
-          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
-            <path d="M3 3l7.07 16.97 2.51-7.39 7.39-2.51L3 3z"/>
-            <path d="M13 13l6 6"/>
-          </svg>
-          <span>Selector</span>
-        </button>
-        <button id="tool-screenshot" class="tool-btn" title="Capture visible page">
-          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
-            <path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"/>
-            <circle cx="12" cy="13" r="4"/>
-          </svg>
-          <span>Screenshot</span>
-        </button>
-        <button id="tool-pageinfo" class="tool-btn" title="Copy page info to clipboard">
-          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
-            <circle cx="12" cy="12" r="10"/>
-            <path d="M12 16v-4M12 8h.01"/>
-          </svg>
-          <span>Page Info</span>
-        </button>
-        <button id="tool-accessibility" class="tool-btn" title="Run accessibility audit">
-          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
-            <circle cx="12" cy="4" r="2"/>
-            <path d="M12 6v6M8 8l4 2 4-2M8 22l2-6h4l2 6"/>
-          </svg>
-          <span>A11y Audit</span>
-        </button>
-        <button id="tool-performance" class="tool-btn" title="Run performance audit">
-          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
-            <path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/>
-          </svg>
-          <span>Perf Audit</span>
-        </button>
-        <button id="tool-console" class="tool-btn" title="Evaluate JS in page context">
-          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
-            <polyline points="4 17 10 11 4 5"/>
-            <line x1="12" y1="19" x2="20" y2="19"/>
-          </svg>
-          <span>Console</span>
-        </button>
-      </div>
-      <div class="divider"></div>
-      <!-- Features -->
-      <h3>Features</h3>
-      <div class="features">
-        <div class="feature-toggle">
-          <label>
-            <input type="checkbox" id="source-maps" checked>
-            <span class="toggle"></span>
-            <div class="feature-info">
-              <strong>Source Maps</strong>
-              <small>Click-to-code navigation</small>
-            </div>
-          </label>
-        </div>
-        <div class="feature-toggle">
-          <label>
-            <input type="checkbox" id="webgpu-ai" checked>
-            <span class="toggle"></span>
-            <div class="feature-info">
-              <strong>WebGPU AI</strong>
-              <small>Local AI inference</small>
-            </div>
-          </label>
-        </div>
-        <div class="feature-toggle">
-          <label>
-            <input type="checkbox" id="browser-control">
-            <span class="toggle"></span>
-            <div class="feature-info">
-              <strong>Browser Control</strong>
-              <small>AI browser automation</small>
-            </div>
-          </label>
-        </div>
-        <div class="feature-toggle">
-          <label>
-            <input type="checkbox" id="tab-filesystem">
-            <span class="toggle"></span>
-            <div class="feature-info">
-              <strong>Tab Filesystem</strong>
-              <small>Mount tabs as files</small>
-            </div>
-          </label>
-        </div>
-      </div>
-      <div class="divider"></div>
-      <!-- Browser Backend -->
-      <div class="setting-group backend-picker">
-        <h3>Backend</h3>
-        <div class="backend-select-wrapper">
-          <select id="browser-backend">
-            <option value="auto">Auto (default)</option>
-            <option value="this">This Browser</option>
-            <option value="firefox">Firefox</option>
-            <option value="chrome">Chrome</option>
-            <option value="playwright">Playwright Only</option>
-          </select>
-        </div>
-        <div class="backend-status">
-          <span class="status-dot" id="bridge-status"></span>
-          <span id="bridge-detail" class="status-detail">Checking bridge...</span>
-        </div>
-      </div>
-      <div class="divider"></div>
-      <!-- Connection Status -->
-      <h3>Status</h3>
-      <div class="status">
-        <div class="status-item">
-          <span class="status-dot" id="zap-status"></span>
-          <span>ZAP Bridge</span>
-          <span id="zap-detail" class="status-detail">Discovering...</span>
-        </div>
-        <div class="status-item">
-          <span class="status-dot" id="cdp-status"></span>
-          <span>CDP Bridge</span>
-          <span id="cdp-detail" class="status-detail">Checking...</span>
-        </div>
-        <div class="status-item">
-          <span class="status-dot" id="mcp-status"></span>
-          <span>MCP Bridge</span>
-          <span id="mcp-port" class="status-detail">:9224</span>
-        </div>
-        <div class="status-item">
-          <span class="status-dot" id="gpu-status"></span>
-          <span>WebGPU</span>
-          <span id="gpu-detail" class="status-detail">Checking...</span>
-        </div>
-      </div>
-      <div class="divider"></div>
-      <!-- Actions -->
-      <div class="actions">
-        <button id="test-connection" class="btn btn-ghost">Test Connection</button>
-        <button id="open-settings" class="btn btn-ghost">Settings</button>
-      </div>
-      <!-- Quick Guide -->
-      <div class="guide" style="margin-top: 12px;">
-        <h3 style="text-transform: none; letter-spacing: 0; color: var(--text);">Shortcuts</h3>
-        <p>
-          <kbd id="inspect-shortcut-display">Ctrl</kbd> + <kbd>Click</kbd>
-          any element to jump to source
-          <button id="record-inspect-shortcut" class="btn-link" style="margin-left:6px;font-size:11px;">edit</button>
-        </p>
-        <p><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>H</kbd> open Hanzo panel</p>
-      </div>
-    </div>
-    <!-- Settings Section -->
-    <div id="settings-section" class="section hidden">
-      <div class="settings-header">
-        <button id="back-btn" class="btn-icon">
-          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor">
-            <path d="M19 12H5M12 19l-7-7 7-7"/>
-          </svg>
-        </button>
-        <h2>Settings</h2>
-      </div>
-      <div class="settings-content">
-        <div class="setting-group">
-          <h3>Connection</h3>
-          <label>
-            MCP Port
-            <input type="number" id="mcp-port-setting" value="3001" min="1024" max="65535">
-          </label>
-          <label>
-            CDP Bridge Port
-            <input type="number" id="cdp-port-setting" value="9223" min="1024" max="65535">
-          </label>
-          <label>
-            ZAP Discovery Ports
-            <input type="text" id="zap-ports-setting" value="9999,9998,9997,9996,9995" placeholder="Comma-separated ports">
-          </label>
-        </div>
-        <div class="setting-group">
-          <h3>AI Models</h3>
-          <label>
-            Local Model Path
-            <input type="text" id="model-path" placeholder="/models/browser-control-4bit.bin">
-          </label>
-          <label>
-            Model Quantization
-            <select id="model-quant">
-              <option value="4bit">4-bit (Fastest)</option>
-              <option value="8bit">8-bit (Balanced)</option>
-              <option value="fp16">FP16 (Best Quality)</option>
-            </select>
-          </label>
-        </div>
-        <div class="setting-group">
-          <h3>Browser Control</h3>
-          <label>
-            <input type="checkbox" id="safe-mode" checked>
-            Safe Mode (require confirmation for actions)
-          </label>
-          <label>
-            Max Workers
-            <input type="number" id="max-workers" value="3" min="1" max="10">
-          </label>
-        </div>
-        <div class="setting-group">
-          <h3>Keyboard</h3>
-          <label>
-            Inspect modifier
-            <div style="display:flex;gap:8px;align-items:center;margin-top:4px;">
-              <kbd id="inspect-shortcut-current" style="flex:1;font-family:monospace;padding:4px 8px;background:var(--surface-2,#222);border-radius:4px;font-size:12px;">Ctrl</kbd>
-              <button id="inspect-shortcut-record" type="button" class="btn btn-ghost" style="padding:4px 10px;">Record</button>
-              <button id="inspect-shortcut-reset" type="button" class="btn btn-ghost" style="padding:4px 10px;">Reset</button>
-            </div>
-            <small style="color:var(--text-muted,#888);font-size:11px;">
-              Hold + click any element on a page to jump to its source. Default
-              is Ctrl (or ⌘ on Mac). Click "Record" then press the chord you
-              want — modifiers alone or modifier+letter both work.
-            </small>
-          </label>
-        </div>
-        <button id="save-settings" class="btn btn-primary">Save Settings</button>
-      </div>
-    </div>
-    <!-- Footer: version + nav links -->
-    <div class="footer-version" style="text-align:center;font-size:10px;color:var(--text-muted,#888);margin-top:14px;letter-spacing:0.04em;">
-      Hanzo AI <span id="footer-version">…</span>
-    </div>
-    <div class="footer-links">
-      <a href="https://docs.hanzo.ai" target="_blank">Docs</a>
-      <a href="https://console.hanzo.ai" target="_blank">Console</a>
-      <a href="https://github.com/hanzoai/extension" target="_blank">GitHub</a>
-      <a href="https://hanzo.ai" target="_blank">hanzo.ai</a>
-    </div>
-  </div>
-  <script src="popup.js"></script>
-</body>
-</html>