npm - @hanzo/browser-extension - Versions diffs - 1.7.2 - Mend

@hanzo/browser-extension 1.7.2

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 (134) hide show

package/.github/workflows/docs.yml +44 -0
package/.github/workflows/release.yml +55 -0
package/LICENSE +21 -0
package/README.md +126 -0
package/dist/browser-extension/README.md +43 -0
package/dist/browser-extension/ai-worker.js +30 -0
package/dist/browser-extension/background-firefox.js +617 -0
package/dist/browser-extension/background.js +2737 -0
package/dist/browser-extension/browser-control.js +683 -0
package/dist/browser-extension/cdp-bridge-server.js +444 -0
package/dist/browser-extension/chrome/ai-worker.js +571 -0
package/dist/browser-extension/chrome/background.js +2737 -0
package/dist/browser-extension/chrome/callback.html +17 -0
package/dist/browser-extension/chrome/content-script.js +1270 -0
package/dist/browser-extension/chrome/icon128.png +0 -0
package/dist/browser-extension/chrome/icon16.png +0 -0
package/dist/browser-extension/chrome/icon32.png +0 -0
package/dist/browser-extension/chrome/icon48.png +0 -0
package/dist/browser-extension/chrome/manifest.json +57 -0
package/dist/browser-extension/chrome/popup.css +519 -0
package/dist/browser-extension/chrome/popup.html +242 -0
package/dist/browser-extension/chrome/popup.js +267 -0
package/dist/browser-extension/chrome/sidebar.css +1176 -0
package/dist/browser-extension/chrome/sidebar.html +280 -0
package/dist/browser-extension/chrome/sidebar.js +778 -0
package/dist/browser-extension/cli.js +233 -0
package/dist/browser-extension/content-script.js +1270 -0
package/dist/browser-extension/firefox/ai-worker.js +571 -0
package/dist/browser-extension/firefox/background.js +617 -0
package/dist/browser-extension/firefox/callback.html +17 -0
package/dist/browser-extension/firefox/content-script.js +1270 -0
package/dist/browser-extension/firefox/icon128.png +0 -0
package/dist/browser-extension/firefox/icon16.png +0 -0
package/dist/browser-extension/firefox/icon32.png +0 -0
package/dist/browser-extension/firefox/icon48.png +0 -0
package/dist/browser-extension/firefox/manifest.json +66 -0
package/dist/browser-extension/firefox/popup.css +519 -0
package/dist/browser-extension/firefox/popup.html +242 -0
package/dist/browser-extension/firefox/popup.js +267 -0
package/dist/browser-extension/firefox/sidebar.css +1176 -0
package/dist/browser-extension/firefox/sidebar.html +280 -0
package/dist/browser-extension/firefox/sidebar.js +778 -0
package/dist/browser-extension/hanzo-browser-extension-firefox-1.1.0.zip +0 -0
package/dist/browser-extension/icon128.png +0 -0
package/dist/browser-extension/icon16.png +0 -0
package/dist/browser-extension/icon32.png +0 -0
package/dist/browser-extension/icon48.png +0 -0
package/dist/browser-extension/manifest.json +57 -0
package/dist/browser-extension/package.json +41 -0
package/dist/browser-extension/popup.css +468 -0
package/dist/browser-extension/popup.html +191 -0
package/dist/browser-extension/popup.js +267 -0
package/dist/browser-extension/safari/Info.plist +21 -0
package/dist/browser-extension/safari/ai-worker.js +571 -0
package/dist/browser-extension/safari/background.js +2737 -0
package/dist/browser-extension/safari/callback.html +17 -0
package/dist/browser-extension/safari/content-script.js +1270 -0
package/dist/browser-extension/safari/icon128.png +0 -0
package/dist/browser-extension/safari/icon16.png +0 -0
package/dist/browser-extension/safari/icon32.png +0 -0
package/dist/browser-extension/safari/icon48.png +0 -0
package/dist/browser-extension/safari/popup.css +519 -0
package/dist/browser-extension/safari/popup.html +242 -0
package/dist/browser-extension/safari/popup.js +267 -0
package/dist/browser-extension/safari/sidebar.css +1176 -0
package/dist/browser-extension/safari/sidebar.html +280 -0
package/dist/browser-extension/safari/sidebar.js +778 -0
package/dist/browser-extension/sidebar.css +718 -0
package/dist/browser-extension/sidebar.html +184 -0
package/dist/browser-extension/sidebar.js +778 -0
package/dist/browser-extension/webgpu-ai.js +495 -0
package/dist/cdp-bridge-server.js +411 -0
package/dist/safari/Hanzo AI/Hanzo AI.xcodeproj/project.pbxproj +1047 -0
package/dist/safari/Hanzo AI/Hanzo AI.xcodeproj/project.xcworkspace/contents.xcworkspacedata +7 -0
package/dist/safari/Hanzo AI/Shared (App)/Assets.xcassets/AccentColor.colorset/Contents.json +11 -0
package/dist/safari/Hanzo AI/Shared (App)/Assets.xcassets/AppIcon.appiconset/Contents.json +98 -0
package/dist/safari/Hanzo AI/Shared (App)/Assets.xcassets/AppIcon.appiconset/mac-icon-128@1x.png +0 -0
package/dist/safari/Hanzo AI/Shared (App)/Assets.xcassets/AppIcon.appiconset/mac-icon-128@2x.png +0 -0
package/dist/safari/Hanzo AI/Shared (App)/Assets.xcassets/AppIcon.appiconset/mac-icon-16@1x.png +0 -0
package/dist/safari/Hanzo AI/Shared (App)/Assets.xcassets/AppIcon.appiconset/mac-icon-16@2x.png +0 -0
package/dist/safari/Hanzo AI/Shared (App)/Assets.xcassets/AppIcon.appiconset/mac-icon-256@1x.png +0 -0
package/dist/safari/Hanzo AI/Shared (App)/Assets.xcassets/AppIcon.appiconset/mac-icon-256@2x.png +0 -0
package/dist/safari/Hanzo AI/Shared (App)/Assets.xcassets/AppIcon.appiconset/mac-icon-32@1x.png +0 -0
package/dist/safari/Hanzo AI/Shared (App)/Assets.xcassets/AppIcon.appiconset/mac-icon-32@2x.png +0 -0
package/dist/safari/Hanzo AI/Shared (App)/Assets.xcassets/AppIcon.appiconset/mac-icon-512@1x.png +0 -0
package/dist/safari/Hanzo AI/Shared (App)/Assets.xcassets/AppIcon.appiconset/mac-icon-512@2x.png +0 -0
package/dist/safari/Hanzo AI/Shared (App)/Assets.xcassets/AppIcon.appiconset/universal-icon-1024@1x.png +0 -0
package/dist/safari/Hanzo AI/Shared (App)/Assets.xcassets/Contents.json +6 -0
package/dist/safari/Hanzo AI/Shared (App)/Assets.xcassets/LargeIcon.imageset/Contents.json +21 -0
package/dist/safari/Hanzo AI/Shared (App)/Assets.xcassets/LargeIcon.imageset/icon128.png +0 -0
package/dist/safari/Hanzo AI/Shared (App)/Resources/Base.lproj/Main.html +20 -0
package/dist/safari/Hanzo AI/Shared (App)/Resources/Icon.png +0 -0
package/dist/safari/Hanzo AI/Shared (App)/Resources/Script.js +24 -0
package/dist/safari/Hanzo AI/Shared (App)/Resources/Style.css +61 -0
package/dist/safari/Hanzo AI/Shared (App)/ViewController.swift +81 -0
package/dist/safari/Hanzo AI/Shared (Extension)/SafariWebExtensionHandler.swift +42 -0
package/dist/safari/Hanzo AI/iOS (App)/AppDelegate.swift +24 -0
package/dist/safari/Hanzo AI/iOS (App)/Base.lproj/LaunchScreen.storyboard +36 -0
package/dist/safari/Hanzo AI/iOS (App)/Base.lproj/Main.storyboard +38 -0
package/dist/safari/Hanzo AI/iOS (App)/Info.plist +27 -0
package/dist/safari/Hanzo AI/iOS (App)/SceneDelegate.swift +18 -0
package/dist/safari/Hanzo AI/iOS (Extension)/Info.plist +13 -0
package/dist/safari/Hanzo AI/macOS (App)/AppDelegate.swift +21 -0
package/dist/safari/Hanzo AI/macOS (App)/Base.lproj/Main.storyboard +124 -0
package/dist/safari/Hanzo AI/macOS (App)/Info.plist +8 -0
package/dist/safari/Hanzo AI/macOS (Extension)/Info.plist +13 -0
package/docs/_config.yml +13 -0
package/docs/_layouts/default.html +435 -0
package/docs/index.md +54 -0
package/install-extension.sh +75 -0
package/manifest.json +29 -0
package/package.json +32 -0
package/src/ai-worker.js +571 -0
package/src/callback.html +17 -0
package/src/chat-widget.tsx +93 -0
package/src/icon128.png +0 -0
package/src/icon16.png +0 -0
package/src/icon32.png +0 -0
package/src/icon48.png +0 -0
package/src/manifest-firefox.json +66 -0
package/src/manifest.json +57 -0
package/src/package.json +41 -0
package/src/popup.css +519 -0
package/src/popup.html +242 -0
package/src/popup.js +192 -0
package/src/sidebar.css +1176 -0
package/src/sidebar.html +280 -0
package/src/sidebar.js +884 -0
package/src/webgpu.d.ts +131 -0
package/test/claude-integration.test.ts +251 -0
package/test/server-frameworks-edge-cases.test.ts +145 -0
package/test/server-frameworks.test.ts +395 -0
package/test-cdp-connection.js +140 -0
package/tsconfig.json +19 -0

package/dist/browser-extension/chrome/sidebar.html ADDED Viewed

@@ -0,0 +1,280 @@
+<!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="sidebar.css">
+</head>
+<body>
+  <div class="sidebar-container">
+    <!-- Header -->
+    <header class="sidebar-header">
+      <div class="brand">
+        <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>
+        <span>Hanzo AI</span>
+      </div>
+      <div class="header-right">
+        <div id="user-badge" class="user-badge hidden" title="Account">
+          <img id="header-avatar" class="header-avatar" src="" alt="">
+        </div>
+      </div>
+    </header>
+    <!-- Auth section removed — login prompt is now inside Chat tab -->
+    <section id="auth-section" class="hidden"></section>
+    <!-- Tab Bar (always visible) -->
+    <nav id="tab-bar" class="tab-bar hidden">
+      <button class="tab active" data-tab="chat">Chat</button>
+      <button class="tab" data-tab="tools">Tools</button>
+      <button class="tab" data-tab="settings">
+        <svg viewBox="0 0 16 16" fill="none" stroke="currentColor" width="14" height="14">
+          <path d="M8 10a2 2 0 100-4 2 2 0 000 4z" stroke-width="1.5"/>
+          <path d="M13 8a5 5 0 01-.4 2l1 1.7a7 7 0 01-1.3.8l-1-1.7a5 5 0 01-2 .4v2a7 7 0 01-1.5 0v-2a5 5 0 01-2-.4l-1 1.7a7 7 0 01-1.3-.8l1-1.7A5 5 0 013 8a5 5 0 01.4-2l-1-1.7a7 7 0 011.3-.8l1 1.7a5 5 0 012-.4V2.8a7 7 0 011.5 0v2a5 5 0 012 .4l1-1.7a7 7 0 011.3.8l-1 1.7A5 5 0 0113 8z" stroke-width="1.5"/>
+        </svg>
+      </button>
+    </nav>
+    <!-- Chat Tab -->
+    <div id="tab-chat" class="tab-content hidden">
+      <!-- Login prompt (shown when not authenticated) -->
+      <div id="chat-login-prompt" class="chat-login-prompt hidden">
+        <div class="auth-card compact">
+          <p class="auth-headline">Chat with Zen AI models</p>
+          <p class="auth-sub">Claude, GPT-4o, Zen Coder Flash &amp; more</p>
+          <button id="auth-btn" class="primary-btn">Sign in</button>
+          <p class="auth-note">Browser tools work without sign-in. <a href="https://docs.hanzo.ai" target="_blank">Learn more</a></p>
+        </div>
+      </div>
+      <div id="chat-messages" class="chat-messages">
+        <div class="chat-welcome">
+          <p>Ask anything. Powered by Hanzo Cloud.</p>
+        </div>
+      </div>
+      <div id="chat-composer" class="chat-input-area">
+        <div class="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 class="chat-flags">
+          <label class="flag-toggle">
+            <input type="checkbox" id="rag-enabled" checked>
+            <span>RAG</span>
+          </label>
+          <label class="flag-toggle">
+            <input type="checkbox" id="tab-context-enabled" checked>
+            <span>Tab Context</span>
+          </label>
+          <span id="rag-status" class="rag-status">Ready</span>
+        </div>
+        <div class="input-row">
+          <textarea id="chat-input" placeholder="Ask anything..." rows="1"></textarea>
+          <button id="send-btn" class="send-btn" title="Send">
+            <svg viewBox="0 0 20 20" fill="none" stroke="currentColor">
+              <path d="M4 10l12-6-6 12-2-6-4-2z" stroke-width="1.5" fill="currentColor"/>
+            </svg>
+          </button>
+        </div>
+      </div>
+    </div>
+    <!-- Tools Tab -->
+    <div id="tab-tools" class="tab-content hidden">
+      <div class="tools-scroll">
+        <!-- Connection Status -->
+        <div class="panel">
+          <h3>Connections</h3>
+          <div class="mcp-status">
+            <div class="status-row">
+              <span>ZAP Protocol</span>
+              <span id="mcp-status" class="status-value">
+                <span class="status-indicator connected"></span>
+                Discovering...
+              </span>
+            </div>
+            <div class="status-row">
+              <span>Tools Available</span>
+              <span id="mcp-tools" class="status-value">0</span>
+            </div>
+            <div class="tool-list-wrap">
+              <div class="tool-list-header">Discovered Tools</div>
+              <div id="mcp-tool-list" class="tool-list">No tools discovered yet.</div>
+            </div>
+          </div>
+        </div>
+        <!-- Active Agents -->
+        <div class="panel">
+          <div class="panel-header">
+            <h3>Active Agents</h3>
+            <span id="agent-count" class="badge">0</span>
+          </div>
+          <div id="agent-list" class="agent-list">
+            <div class="empty-state">No active agents</div>
+          </div>
+        </div>
+        <!-- Tab Filesystem -->
+        <div class="panel">
+          <div class="panel-header">
+            <h3>Tab Filesystem</h3>
+            <button class="icon-btn small" id="refresh-tabs" title="Refresh">
+              <svg viewBox="0 0 16 16" fill="none" stroke="currentColor">
+                <path d="M14 2v5h-5M2 7a6 6 0 0111.5-2.5L14 5M2 14v-5h5M14 9a6 6 0 01-11.5 2.5L2 11" stroke-width="1.5"/>
+              </svg>
+            </button>
+          </div>
+          <div id="tab-fs" class="tab-filesystem"></div>
+        </div>
+        <!-- WebGPU Status -->
+        <div class="panel">
+          <h3>WebGPU AI</h3>
+          <div class="gpu-status">
+            <div class="status-row">
+              <span>Status</span>
+              <span id="gpu-status" class="status-value">
+                <span class="status-indicator warning"></span>
+                Checking...
+              </span>
+            </div>
+            <div class="status-row">
+              <span>Model</span>
+              <span id="gpu-model" class="status-value mono">-</span>
+            </div>
+          </div>
+        </div>
+        <!-- Actions -->
+        <div class="actions">
+          <button id="launch-agent" class="action-btn">
+            <svg viewBox="0 0 20 20" fill="none" stroke="currentColor">
+              <path d="M10 4v12M4 10h12" stroke-width="2"/>
+            </svg>
+            Launch Agent
+          </button>
+        </div>
+      </div>
+    </div>
+    <!-- Settings Tab -->
+    <div id="tab-settings" class="tab-content hidden">
+      <div class="settings-scroll">
+        <!-- Account -->
+        <div class="panel" id="account-panel">
+          <h3>Account</h3>
+          <div class="user-profile">
+            <img id="user-avatar" class="user-avatar" src="" alt="">
+            <div class="user-details">
+              <div id="user-name" class="user-name"></div>
+              <div id="user-email" class="user-email"></div>
+            </div>
+          </div>
+          <button id="logout-btn" class="secondary-btn" style="margin-top: 12px;">Sign Out</button>
+        </div>
+        <!-- Connection Settings -->
+        <div class="panel">
+          <h3>Connection</h3>
+          <label class="setting-item">
+            <span>MCP Port</span>
+            <input type="number" id="mcp-port-setting" value="3001" min="1024" max="65535">
+          </label>
+          <label class="setting-item">
+            <span>CDP Port</span>
+            <input type="number" id="cdp-port-setting" value="9223" min="1024" max="65535">
+          </label>
+          <label class="setting-item">
+            <span>ZAP Ports</span>
+            <input type="text" id="zap-ports-setting" value="9999,9998,9997,9996,9995" placeholder="Comma-separated">
+          </label>
+        </div>
+        <!-- AI Settings -->
+        <div class="panel">
+          <h3>AI Models</h3>
+          <label class="setting-item">
+            <span>Default Model</span>
+            <select id="default-model">
+              <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>
+          </label>
+          <label class="setting-item">
+            <span>Enable WebGPU</span>
+            <input type="checkbox" id="enable-webgpu" checked>
+          </label>
+        </div>
+        <!-- Browser Control -->
+        <div class="panel">
+          <h3>Browser Control</h3>
+          <label class="setting-item">
+            <span>Safe Mode</span>
+            <input type="checkbox" id="safe-mode" checked>
+          </label>
+          <label class="setting-item">
+            <span>Max Agents</span>
+            <input type="number" id="max-agents" value="3" min="1" max="10">
+          </label>
+        </div>
+        <!-- RAG Settings -->
+        <div class="panel">
+          <h3>RAG Integration</h3>
+          <label class="setting-item">
+            <span>Use ZAP Memory</span>
+            <input type="checkbox" id="rag-use-zap" checked>
+          </label>
+          <label class="setting-item">
+            <span>Include Tab Context</span>
+            <input type="checkbox" id="rag-include-tab-context" checked>
+          </label>
+          <label class="setting-item">
+            <span>Top K</span>
+            <input type="number" id="rag-top-k" value="5" min="1" max="20">
+          </label>
+          <label class="setting-item setting-item-column">
+            <span>Knowledge Base</span>
+            <input type="text" id="rag-kb" placeholder="e.g. engineering-docs">
+          </label>
+          <label class="setting-item setting-item-column">
+            <span>RAG Endpoint</span>
+            <input type="text" id="rag-endpoint" placeholder="https://your-rag.company.com/query">
+          </label>
+          <label class="setting-item setting-item-column">
+            <span>RAG API Key</span>
+            <input type="password" id="rag-api-key" placeholder="Optional bearer token">
+          </label>
+        </div>
+        <button id="save-settings" class="primary-btn">Save Settings</button>
+        <!-- Links -->
+        <div class="settings-links">
+          <a href="https://console.hanzo.ai" target="_blank">Console</a>
+          <a href="https://billing.hanzo.ai" target="_blank">Billing</a>
+          <a href="https://docs.hanzo.ai" target="_blank">Docs</a>
+        </div>
+      </div>
+    </div>
+  </div>
+  <script src="sidebar.js"></script>
+</body>
+</html>