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/chrome/sidebar.html DELETED Viewed

@@ -1,463 +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="sidebar.css">
-</head>
-<body>
-  <div class="sidebar-container">
-    <!-- Auth section (hidden — login prompt is 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">Settings</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">
-          <svg class="auth-logo" viewBox="0 0 67 67" xmlns="http://www.w3.org/2000/svg">
-            <path d="M22.21 67V44.6369H0V67H22.21Z" fill="currentColor"/>
-            <path d="M0 44.6369L22.21 46.8285V44.6369H0Z" fill="currentColor" opacity="0.75"/>
-            <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.6753 22.3185L44.5098 20.0822V22.3185H66.6753Z" fill="currentColor" opacity="0.75"/>
-            <path d="M66.7198 67V44.6369H44.5098V67H66.7198Z" fill="currentColor"/>
-          </svg>
-          <p class="auth-headline">Sign in to Hanzo AI</p>
-          <p class="auth-sub">Chat with Zen AI models, use browser tools, and build with AI agents.</p>
-          <button id="auth-btn" class="auth-signin-btn">Sign In</button>
-          <button id="signup-btn" class="auth-create-btn">Create account</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">
-          <svg viewBox="0 0 67 67" xmlns="http://www.w3.org/2000/svg" width="28" height="28" style="opacity:0.25">
-            <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>
-          <p>Ask anything. Powered by Hanzo Cloud.</p>
-        </div>
-      </div>
-      <div id="chat-composer" style="padding:10px;flex-shrink:0;border-top:1px solid rgba(255,255,255,0.10);background:#0f0f0f;">
-        <div style="background:#171717;border:1px solid rgba(255,255,255,0.15);border-radius:10px;overflow:hidden;">
-          <textarea id="chat-input" placeholder="Ask anything..." rows="1"
-            style="display:block;width:100%;padding:10px 12px 4px;background:transparent;border:none;color:#fafafa;font-size:13px;font-family:inherit;line-height:1.5;resize:none;outline:none;min-height:36px;max-height:120px;box-sizing:border-box;"></textarea>
-          <div style="display:flex;align-items:center;justify-content:space-between;padding:4px 8px 8px;gap:4px;">
-            <div style="display:flex;align-items:center;gap:4px;flex:1;min-width:0;overflow:hidden;">
-              <select id="model-select"
-                style="padding:3px 18px 3px 6px;background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.10);border-radius:6px;color:#a3a3a3;font-size:10px;font-family:inherit;cursor:pointer;-moz-appearance:none;appearance:none;white-space:nowrap;max-width:110px;text-overflow:ellipsis;overflow:hidden;height:22px;line-height:16px;flex-shrink:0;">
-                <option value="auto">Auto</option>
-                <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 title="RAG context" style="display:inline-flex;align-items:center;gap:2px;font-size:10px;color:#666;cursor:pointer;white-space:nowrap;padding:2px 4px;flex-shrink:0;">
-                <input type="checkbox" id="rag-enabled" checked style="width:11px;height:11px;accent-color:#fafafa;cursor:pointer;margin:0;">
-                <span>RAG</span>
-              </label>
-              <label title="Include active tab" style="display:inline-flex;align-items:center;gap:2px;font-size:10px;color:#666;cursor:pointer;white-space:nowrap;padding:2px 4px;flex-shrink:0;">
-                <input type="checkbox" id="tab-context-enabled" checked style="width:11px;height:11px;accent-color:#fafafa;cursor:pointer;margin:0;">
-                <span>Tab</span>
-              </label>
-              <span id="rag-status" style="font-size:9px;color:#666;white-space:nowrap;padding:1px 5px;border-radius:3px;background:rgba(255,255,255,0.04);">Ready</span>
-            </div>
-            <button id="send-btn" title="Send (Enter)"
-              style="width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#fafafa;border:none;border-radius:50%;color:#000;cursor:pointer;flex-shrink:0;">
-              <svg viewBox="0 0 16 16" fill="none" style="width:13px;height:13px;">
-                <path d="M3 13V3l10 5-10 5z" fill="currentColor"/>
-              </svg>
-            </button>
-          </div>
-        </div>
-      </div>
-    </div>
-    <!-- Tools Tab -->
-    <div id="tab-tools" class="tab-content hidden">
-      <div class="tools-scroll">
-        <!-- Element Inspector (top priority for frontend work) -->
-        <div class="panel inspector-panel">
-          <div class="inspector-actions">
-            <button class="action-btn inspector-btn" id="pick-element" title="Select element on page">
-              <svg viewBox="0 0 16 16" fill="none" stroke="currentColor" width="14" height="14">
-                <path d="M3 3l4 10 2-4 4-2L3 3z" stroke-width="1.5" stroke-linejoin="round"/>
-                <path d="M9 9l4 4" stroke-width="1.5" stroke-linecap="round"/>
-              </svg>
-              Pick Element
-            </button>
-            <button class="action-btn inspector-btn" id="take-screenshot" title="Capture screenshot">
-              <svg viewBox="0 0 16 16" fill="none" stroke="currentColor" width="14" height="14">
-                <rect x="2" y="3" width="12" height="10" rx="1" stroke-width="1.5"/>
-                <circle cx="8" cy="8" r="2" stroke-width="1.5"/>
-              </svg>
-              Screenshot
-            </button>
-            <button class="action-btn inspector-btn" id="run-audit" title="Accessibility & performance audit">
-              <svg viewBox="0 0 16 16" fill="none" stroke="currentColor" width="14" height="14">
-                <path d="M8 2v4l3 2" stroke-width="1.5" stroke-linecap="round"/>
-                <circle cx="8" cy="8" r="6" stroke-width="1.5"/>
-              </svg>
-              Audit
-            </button>
-          </div>
-          <div id="inspector-result" class="inspector-result hidden"></div>
-        </div>
-        <!-- Connected MCP Servers -->
-        <div class="panel">
-          <div class="panel-header">
-            <h3>MCP Servers</h3>
-            <span id="mcp-server-count" class="badge">0</span>
-          </div>
-          <div id="mcp-server-list" class="mcp-server-list">
-            <div class="empty-state">No MCP servers connected</div>
-          </div>
-        </div>
-        <!-- Built-in + Discovered Tools -->
-        <div class="panel">
-          <div class="panel-header">
-            <h3>Available Tools</h3>
-            <span id="tool-count-badge" class="badge">0</span>
-          </div>
-          <div id="builtin-tool-list" class="tool-list"></div>
-          <div id="mcp-tool-list" class="tool-list"></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>
-        <!-- Hanzo Services (moved to bottom) -->
-        <div class="panel">
-          <h3>Hanzo Services</h3>
-          <div class="mcp-status">
-            <div class="status-row">
-              <span>Hanzo Node</span>
-              <span id="hanzo-node-status" class="status-value">
-                <span class="status-indicator disconnected"></span>
-                Checking...
-              </span>
-            </div>
-            <div class="status-row">
-              <span>Hanzo Bot</span>
-              <span id="hanzo-mcp-status" class="status-value">
-                <span class="status-indicator disconnected"></span>
-                Checking...
-              </span>
-            </div>
-            <div class="status-row">
-              <span>ZAP Protocol</span>
-              <span id="mcp-status" class="status-value">
-                <span class="status-indicator disconnected"></span>
-                Discovering...
-              </span>
-            </div>
-            <div class="status-row">
-              <span>Tools Available</span>
-              <span id="mcp-tools" class="status-value">0</span>
-            </div>
-          </div>
-          <div class="service-actions">
-            <button class="action-btn small" id="start-hanzo-node" title="Start hanzo node">
-              <svg viewBox="0 0 16 16" fill="currentColor" width="12" height="12">
-                <path d="M4 2l10 6-10 6V2z"/>
-              </svg>
-              Start Node
-            </button>
-            <button class="action-btn small" id="start-hanzo-mcp" title="Start hanzo bot">
-              <svg viewBox="0 0 16 16" fill="currentColor" width="12" height="12">
-                <path d="M4 2l10 6-10 6V2z"/>
-              </svg>
-              Start Bot
-            </button>
-          </div>
-        </div>
-        <!-- Usage & Billing -->
-        <div class="panel">
-          <div class="panel-header">
-            <h3>Usage & Billing</h3>
-            <a href="https://billing.hanzo.ai" target="_blank" class="badge badge-link" title="Manage billing">Billing ↗</a>
-          </div>
-          <!-- Balance card -->
-          <div id="balance-card" class="balance-card hidden">
-            <div class="balance-row">
-              <span class="balance-label">Balance</span>
-              <span id="balance-amount" class="balance-amount">$0.00</span>
-            </div>
-            <div id="balance-tier" class="balance-tier hidden">
-              <span class="tier-badge" id="tier-name">Free</span>
-            </div>
-            <div class="usage-bar-group" id="balance-bar-wrap">
-              <div class="usage-bar-track"><div id="balance-bar" class="usage-bar-fill" style="width:0%"></div></div>
-              <div class="usage-bar-labels">
-                <span id="balance-used-label">$0.00 used</span>
-                <span id="balance-pct-label">0%</span>
-              </div>
-            </div>
-          </div>
-          <!-- Session usage bars -->
-          <div class="usage-meters">
-            <div class="usage-meter">
-              <div class="usage-meter-header">
-                <span>Session Requests</span>
-                <span id="usage-chat-requests" class="mono">0</span>
-              </div>
-              <div class="usage-bar-track"><div id="bar-requests" class="usage-bar-fill bar-blue" style="width:0%"></div></div>
-            </div>
-            <div class="usage-meter">
-              <div class="usage-meter-header">
-                <span>Input Tokens</span>
-                <span id="usage-input-tokens" class="mono">0</span>
-              </div>
-              <div class="usage-bar-track"><div id="bar-input" class="usage-bar-fill bar-violet" style="width:0%"></div></div>
-            </div>
-            <div class="usage-meter">
-              <div class="usage-meter-header">
-                <span>Output Tokens</span>
-                <span id="usage-output-tokens" class="mono">0</span>
-              </div>
-              <div class="usage-bar-track"><div id="bar-output" class="usage-bar-fill bar-emerald" style="width:0%"></div></div>
-            </div>
-            <div class="usage-meter">
-              <div class="usage-meter-header">
-                <span>Est. Cost</span>
-                <span id="usage-est-cost" class="mono">$0.00</span>
-              </div>
-              <div class="usage-bar-track"><div id="bar-cost" class="usage-bar-fill bar-amber" style="width:0%"></div></div>
-            </div>
-          </div>
-          <div class="usage-meta">
-            <span id="usage-dedupe" class="mono" title="Deduplication hits">0 dedup</span>
-            <span>·</span>
-            <span id="usage-canceled" class="mono" title="Canceled requests">0 canceled</span>
-            <span>·</span>
-            <span id="usage-window" class="mono">1h window</span>
-          </div>
-        </div>
-        <!-- Model Hub -->
-        <div class="panel">
-          <div class="panel-header">
-            <h3>Model Hub</h3>
-            <button class="icon-btn small" id="refresh-models" title="Refresh models">
-              <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="model-hub-list" class="model-hub-list">
-            <div class="empty-state">Loading models...</div>
-          </div>
-          <div class="model-hub-actions">
-            <input type="text" id="model-search" class="model-search" placeholder="Search models (HF, Ollama)...">
-            <button class="action-btn small" id="search-models-btn">Search</button>
-          </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 (shown when authenticated) -->
-        <div class="panel hidden" 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>
-          <label class="setting-item">
-            <span>Node Port</span>
-            <input type="number" id="node-port-setting" value="52415" min="1024" max="65535">
-          </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="auto">Auto (cost-aware)</option>
-              <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>
-        <!-- Build Info -->
-        <div class="panel build-info-panel">
-          <h3>Build Info</h3>
-          <div class="mcp-status">
-            <div class="status-row">
-              <span>Extension</span>
-              <span id="build-ext-version" class="status-value mono">--</span>
-            </div>
-            <div class="status-row">
-              <span>Browser</span>
-              <span id="build-browser" class="status-value mono">--</span>
-            </div>
-            <div class="status-row">
-              <span>Manifest</span>
-              <span id="build-manifest" class="status-value mono">--</span>
-            </div>
-            <div class="status-row">
-              <span>CDP Bridge</span>
-              <span id="build-cdp-status" class="status-value mono">--</span>
-            </div>
-            <div class="status-row">
-              <span>MCP Bridge</span>
-              <span id="build-mcp-status" class="status-value mono">--</span>
-            </div>
-          </div>
-        </div>
-        <!-- 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>
-    <!-- Footer -->
-    <footer class="sidebar-footer">
-      <a href="https://hanzo.ai" target="_blank" class="footer-brand" title="hanzo.ai">
-        <svg viewBox="0 0 67 67" xmlns="http://www.w3.org/2000/svg" width="14" height="14">
-          <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 id="footer-version">hanzo.ai</span>
-      </a>
-    </footer>
-  </div>
-  <script src="sidebar.js"></script>
-</body>
-</html>