v1.4.1: Hash Vault Browser — keybinding + sidebar tab

Three ways to open the browser now:
- Ctrl+Shift+H keybinding from anywhere in ComfyUI
- Left-sidebar "Hash Vault" tab with entry count + Open Browser button
- Top menu (Extensions → AKURATE: Hash Vault Browser) — unchanged from v1.4.0

Sidebar registration guarded on app.extensionManager.registerSidebarTab so
older frontends fall back cleanly to menu + keybinding only.

No backend changes — pure JS polish.

Author: jeremieLouvaert

README.md

@@ -33,7 +33,12 @@ ComfyUI's native caching often breaks with external API nodes (dynamic timestamp
 - **Atomic Writes:** Cache files are written to a temp file first, then atomically replaced — preventing corruption from interrupted writes.
 - **Concurrent-Safe:** File locking on every cache read/write operation.
 - **Sidecar Metadata (v1.3.0):** Every saved entry gets a `{hash_key}.json` sidecar with human-readable `label`, `created_at`, `last_accessed_at`, and payload summary. Image outputs also get a `{hash_key}.thumb.png` 256px preview. Sidecar data is decoupled from the hash, so editing a `label` never invalidates cache. This is what the Hash Vault Browser indexes.
-- **Hash Vault Browser (v1.4.0):** A modal gallery over the entire vault. Open from `Extensions → AKURATE → Hash Vault Browser` in the ComfyUI menu. Shows every cached entry as a card with thumbnail, label, relative age, and `.pt` size. Live substring filter on label + hash. Click a card to copy its hash to clipboard. Sorted by last-accessed desc. No load-into-workflow action in v0.1 — that's v1.5+.
+- **Hash Vault Browser (v1.4.0+):** A modal gallery over the entire vault. Three ways to open:
+  1. **Keyboard**: `Ctrl+Shift+H` from anywhere in ComfyUI (added v1.4.1)
+  2. **Sidebar**: click the `Hash Vault` tab in the left sidebar, then the `Open Browser` button (added v1.4.1)
+  3. **Menu**: `Extensions → AKURATE: Hash Vault Browser` in the top menu bar
+
+  Shows every cached entry as a card with thumbnail, label, relative age, and `.pt` size. Live substring filter on label + hash. Click a card to copy its hash to clipboard. Sorted by last-accessed desc. No load-into-workflow action yet — that's v1.5+.
 
 ### Sidecar Label Input
 

pyproject.toml

@@ -1,7 +1,7 @@
 [project]
 name = "comfyui-api-optimizer"
 description = "API cost tracking, deterministic hash caching, and lazy execution bypass for cloud API workflows"
-version = "1.4.0"
+version = "1.4.1"
 license = { file = "LICENSE" }
 
 [project.urls]

web/hash_vault_browser.js

@@ -250,6 +250,51 @@ async function openBrowser() {
     }
 }
 
+function renderSidebarTab(el) {
+    el.innerHTML = "";
+    el.style.padding = "16px";
+    el.style.color = "#ddd";
+    el.style.fontFamily = "-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif";
+
+    const title = document.createElement("div");
+    title.textContent = "Hash Vault";
+    title.style.fontSize = "14px";
+    title.style.fontWeight = "600";
+    title.style.marginBottom = "4px";
+
+    const sub = document.createElement("div");
+    sub.textContent = "Loading…";
+    sub.style.fontSize = "12px";
+    sub.style.color = "#888";
+    sub.style.marginBottom = "14px";
+
+    const btn = document.createElement("button");
+    btn.textContent = "Open Browser";
+    btn.style.cssText = `
+        width: 100%; padding: 8px 12px; font-size: 13px;
+        background: #2a2a2a; color: #eee; border: 1px solid #3a3a3a;
+        border-radius: 4px; cursor: pointer; font-family: inherit;
+    `;
+    btn.addEventListener("mouseenter", () => { btn.style.borderColor = "#4a90e2"; });
+    btn.addEventListener("mouseleave", () => { btn.style.borderColor = "#3a3a3a"; });
+    btn.addEventListener("click", openBrowser);
+
+    const hint = document.createElement("div");
+    hint.textContent = "Shortcut: Ctrl+Shift+H";
+    hint.style.cssText = "font-size: 11px; color: #666; margin-top: 10px; text-align: center;";
+
+    el.append(title, sub, btn, hint);
+
+    // Populate count asynchronously
+    fetch(LIST_URL)
+        .then((r) => (r.ok ? r.json() : Promise.reject(r.status)))
+        .then((d) => {
+            const n = d.count ?? (d.entries || []).length;
+            sub.textContent = `${n} cached ${n === 1 ? "entry" : "entries"}`;
+        })
+        .catch(() => { sub.textContent = "Vault list unavailable"; });
+}
+
 app.registerExtension({
     name: "akurate.HashVaultBrowser",
     commands: [
@@ -260,10 +305,34 @@ app.registerExtension({
             function: openBrowser,
         },
     ],
+    keybindings: [
+        {
+            combo: { key: "H", ctrl: true, shift: true },
+            commandId: "akurate.HashVaultBrowser.open",
+        },
+    ],
     menuCommands: [
         {
             path: ["Extensions"],
             commands: ["akurate.HashVaultBrowser.open"],
         },
     ],
+    setup() {
+        // Register sidebar tab. Guard in case the frontend is older than
+        // extensionManager.registerSidebarTab — fall back to menu-only.
+        try {
+            if (app.extensionManager?.registerSidebarTab) {
+                app.extensionManager.registerSidebarTab({
+                    id: "akurate.HashVaultBrowser.tab",
+                    icon: "pi pi-database",
+                    title: "Hash Vault",
+                    tooltip: "AKURATE Hash Vault Browser",
+                    type: "custom",
+                    render: renderSidebarTab,
+                });
+            }
+        } catch (e) {
+            console.warn("[akurate.HashVaultBrowser] sidebar tab registration failed:", e);
+        }
+    },
 });