openzoo 0.51.14 → 0.51.15

package/launcher/package.json

@@ -23,7 +23,9 @@
       "savings.cjs",
       "savings-preload.cjs",
       "savings.html",
-      "savings-renderer.js"
+      "savings-renderer.js",
+      "savings-toggle.html",
+      "savings-toggle.js"
     ],
     "extraResources": [
       {

package/launcher/savings-preload.cjs

@@ -7,5 +7,8 @@ contextBridge.exposeInMainWorld('savings', {
   card: () => ipcRenderer.send("deposit-card"),
   wallet: fn => ipcRenderer.on("deposit-wallet", (_event, value) => fn(value)),
   copied: fn => ipcRenderer.on("deposit-copied", (_event, value) => fn(value)),
+  collapse: collapsed => ipcRenderer.send("collapse-savings", collapsed),
+  toggleVisibility: () => ipcRenderer.send("toggle-savings-visibility"),
+  visibility: fn => ipcRenderer.on("pill-visibility", (_event, visible) => fn(visible)),
   close: () => ipcRenderer.send('close-savings'),
 });

package/launcher/savings-renderer.js

@@ -1,3 +1,15 @@
+let collapsed = false;
+function setCollapsed(value) {
+  collapsed=value;
+  document.querySelector('main').hidden=value;
+  const button=document.getElementById('collapse');
+  button.textContent=value ? '+' : '−';
+  button.setAttribute('aria-expanded', String(!value));
+  button.setAttribute('aria-label', value ? 'Expand savings' : 'Collapse savings');
+  button.title=value ? 'Expand' : 'Collapse';
+  window.savings.collapse(value);
+}
+document.getElementById('collapse').addEventListener('click',()=>setCollapsed(!collapsed));
 let onboarding = false;
 const finishOnboarding = () => {
   try { localStorage.setItem('openzoo-onboarded-v1','yes'); } catch {}
@@ -25,6 +37,7 @@ window.savings.listen(d => {
 document.getElementById('close').addEventListener('click',()=>window.savings.close());
 
 document.getElementById('deposit').addEventListener('click', () => {
+  if (collapsed) setCollapsed(false);
   try { onboarding = localStorage.getItem('openzoo-onboarded-v1') !== 'yes'; } catch {}
   document.getElementById('welcome').hidden=!onboarding;
   document.getElementById('totals').hidden=onboarding;

package/launcher/savings-toggle.html

@@ -0,0 +1,3 @@
+<!doctype html><html><head><meta charset="utf-8"><meta http-equiv="Content-Security-Policy" content="default-src 'none'; style-src 'unsafe-inline'; script-src 'self'"><title>OpenZoo pill visibility</title><style>
+*{box-sizing:border-box}body{margin:0;padding:4px;background:transparent}button{width:100%;height:32px;border:1px solid #ffffff35;border-radius:16px;background:#222225;color:#fff;font:12px system-ui;cursor:pointer}button:hover{background:#343437}button:focus-visible{outline:2px solid #e85d1c;outline-offset:-3px}.dot{color:#f16b24;margin-right:6px}
+</style></head><body><button id="toggle" aria-label="Hide savings pill" aria-pressed="true"><span class="dot" aria-hidden="true">●</span><span id="label">Hide pill</span></button><script src="savings-toggle.js"></script></body></html>

package/launcher/savings-toggle.js

@@ -0,0 +1,7 @@
+document.getElementById('toggle').addEventListener('click', () => window.savings.toggleVisibility());
+window.savings.visibility(visible => {
+  document.getElementById('label').textContent = visible ? 'Hide pill' : 'Show pill';
+  const button = document.getElementById('toggle');
+  button.setAttribute('aria-label', visible ? 'Hide savings pill' : 'Show savings pill');
+  button.setAttribute('aria-pressed', String(visible));
+});

package/launcher/savings.cjs

@@ -13,14 +13,36 @@ function showSavings(port = Number(process.env.OPENZOO_SAVINGS_PORT) || 8402) {
   pill.webContents.on('will-navigate', e => e.preventDefault());
   pill.loadFile(path.join(__dirname, 'savings.html'));
   const window = pill;
-  let busy = false, last = null, wallet = null;
+  const visibilityControl = new BrowserWindow({ width: 136, height: 40,
+    x: x + 16, y: y + height - 100,
+    frame: false, transparent: true, alwaysOnTop: true, skipTaskbar: true, resizable: false,
+    webPreferences: { preload: path.join(__dirname, 'savings-preload.cjs'), contextIsolation: true, sandbox: true, nodeIntegration: false } });
+  visibilityControl.setAlwaysOnTop(true, 'floating');
+  visibilityControl.setVisibleOnAllWorkspaces(true, { visibleOnFullScreen: true });
+  visibilityControl.webContents.setWindowOpenHandler(() => ({ action: 'deny' }));
+  visibilityControl.webContents.on('will-navigate', e => e.preventDefault());
+  visibilityControl.loadFile(path.join(__dirname, 'savings-toggle.html'));
+  const syncVisibility = () => {
+    if (!visibilityControl.isDestroyed()) visibilityControl.webContents.send('pill-visibility', window.isVisible());
+  };
+  const toggleVisibility = event => {
+    if (event.sender !== visibilityControl.webContents || window.isDestroyed()) return;
+    if (window.isVisible()) window.hide(); else window.showInactive();
+    syncVisibility();
+  };
+  ipcMain.on('toggle-savings-visibility', toggleVisibility);
+  window.on('show', syncVisibility);
+  window.on('hide', syncVisibility);
+  visibilityControl.webContents.on('did-finish-load', syncVisibility);
+  let busy = false, last = null, wallet = null, expandedHeight = 270;
   const resize = height => {
     const b = window.getBounds(), area = screen.getDisplayMatching(b).workArea;
     window.setBounds({ ...b, height: Math.min(height, area.height), y: Math.max(area.y, Math.min(b.y, area.y + area.height - height)) });
   };
   const deposit = async event => {
     if (event.sender !== window.webContents) return;
-    resize(620);
+    expandedHeight = 620;
+    resize(expandedHeight);
     try {
       const r = await fetch(`http://127.0.0.1:${port}/v1/wallet`, { signal: AbortSignal.timeout(5000) });
       if (!r.ok) throw Error("Unavailable");
@@ -34,7 +56,11 @@ function showSavings(port = Number(process.env.OPENZOO_SAVINGS_PORT) || 8402) {
     window.webContents.send("deposit-copied", chain);
   };
   const card = event => { if (event.sender === window.webContents) shell.openExternal("https://whop.com/staccoverflow/openzoo"); };
-  const back = event => { if (event.sender === window.webContents) resize(270); };
+  const back = event => { if (event.sender === window.webContents) { expandedHeight = 270; resize(expandedHeight); } };
+  const collapse = (event, collapsed) => {
+    if (event.sender === window.webContents && typeof collapsed === "boolean") resize(collapsed ? 68 : expandedHeight);
+  };
+  ipcMain.on("collapse-savings", collapse);
   ipcMain.on("open-deposit", deposit);
   ipcMain.on("copy-deposit", copy);
   ipcMain.on("deposit-card", card);
@@ -58,9 +84,9 @@ function showSavings(port = Number(process.env.OPENZOO_SAVINGS_PORT) || 8402) {
     }
   });
   const timer = setInterval(poll, 3000);
-  const close = event => { if (event.sender === window.webContents) window.close(); };
+  const close = event => { if (event.sender === window.webContents) window.hide(); };
   ipcMain.on('close-savings', close);
-  window.on('closed', () => { clearInterval(timer); for (const [name, fn] of [["open-deposit",deposit],["copy-deposit",copy],["deposit-card",card],["close-deposit",back]]) ipcMain.removeListener(name,fn); ipcMain.removeListener('close-savings', close); if (pill === window) pill = null; });
+  window.on('closed', () => { ipcMain.removeListener('toggle-savings-visibility', toggleVisibility); if (!visibilityControl.isDestroyed()) visibilityControl.destroy(); clearInterval(timer); for (const [name, fn] of [["collapse-savings",collapse],["open-deposit",deposit],["copy-deposit",copy],["deposit-card",card],["close-deposit",back]]) ipcMain.removeListener(name,fn); ipcMain.removeListener('close-savings', close); if (pill === window) pill = null; });
   return pill;
 }
 module.exports = { showSavings };

package/launcher/savings.html

@@ -1,3 +1,3 @@
 <!doctype html><html><head><meta charset="utf-8"><meta http-equiv="Content-Security-Policy" content="default-src 'none'; style-src 'unsafe-inline'; script-src 'self'"><title>OpenZoo savings</title><style>
 *{box-sizing:border-box}body{max-height:100vh;overflow-y:auto;margin:0;padding:8px;background:transparent;font:13px system-ui;color:#fff}.pill{border-radius:20px;background:#18181bf5;border:1px solid #ffffff25;overflow:hidden;box-shadow:0 4px 14px #0004}header{background:#e85d1c;padding:12px 16px;font-weight:650;-webkit-app-region:drag;display:flex;justify-content:space-between;align-items:center}button{-webkit-app-region:no-drag;border:0;background:none;color:inherit;font:18px system-ui;cursor:pointer;padding:0 5px}main{padding:12px 16px}dl{display:grid;grid-template-columns:1fr auto;margin:0;gap:7px}dd{margin:0;font-variant-numeric:tabular-nums}small{color:#bbb;display:block;margin-top:12px;font-size:11px}#state{color:#d8ff76}.actions{display:flex;align-items:center;gap:8px}#deposit,.fund-button{font-size:12px;border:1px solid #ffffff60;border-radius:7px;padding:5px 10px}.fund-button{display:block;width:100%;text-align:left;margin:9px 0;overflow-wrap:anywhere;line-height:1.5}.fund-button span{display:block;font-size:11px;color:#ccc;user-select:text}[hidden]{display:none!important}#welcome p{font-size:12px;line-height:1.5;color:#ccc}#funding{border-top:1px solid #ffffff25;margin-top:12px}#funding p{font-size:12px;color:#ccc}
-</style></head><body><div class="pill"><header><span>OpenZoo · costs & savings</span><div class="actions"><button id="deposit">Deposit</button><button id="close" aria-label="Close savings pill">×</button></div></header><main><section id="welcome" hidden><h3>Welcome to OpenZoo</h3><p>Pay per request from your OpenZoo wallet. Add funds before your first chat.</p><p>1. Choose card or crypto below.<br>2. Add funds to this wallet.<br>3. Once your balance appears, start chatting.</p></section><div id="totals"><dl><dt>Wallet balance</dt><dd id="wallet">—</dd><dt>Prepaid credit</dt><dd id="credit">—</dd><dt>Charged · verified calls</dt><dd id="spent">—</dd><dt>Direct cost · verified calls</dt><dd id="direct">—</dd><dt id="saving-label">Saved</dt><dd id="saved">—</dd></dl><small id="state" role="status">Checking your balance…</small><small>Savings cover matching verified calls only. Drag the orange bar to move.</small></div><section id="funding" hidden><h3>Add funds</h3><p id="fund-status" role="status">Loading your wallet…</p><button class="fund-button" id="copy-solana" disabled>Solana · USDC / TOKEN / LEOS<span id="solana-address"></span><span>Click to copy address</span></button><button class="fund-button" id="copy-evm" disabled>Base · USDC<span id="evm-address"></span><span>Click to copy address</span></button><button class="fund-button" id="card">Pay by card · Whop ↗</button><p>At checkout, paste your Solana address to link the purchase to this wallet. Your balance updates automatically after confirmation.</p><button class="fund-button" id="back">Back to savings</button><button class="fund-button" id="later" hidden>Set up later</button></section></main></div><script src="savings-renderer.js"></script></body></html>
+</style></head><body><div class="pill"><header><span>OpenZoo · costs & savings</span><div class="actions"><button id="deposit">Deposit</button><button id="collapse" aria-label="Collapse savings" aria-expanded="true" title="Collapse">−</button><button id="close" aria-label="Close savings pill">×</button></div></header><main><section id="welcome" hidden><h3>Welcome to OpenZoo</h3><p>Pay per request from your OpenZoo wallet. Add funds before your first chat.</p><p>1. Choose card or crypto below.<br>2. Add funds to this wallet.<br>3. Once your balance appears, start chatting.</p></section><div id="totals"><dl><dt>Wallet balance</dt><dd id="wallet">—</dd><dt>Prepaid credit</dt><dd id="credit">—</dd><dt>Charged · verified calls</dt><dd id="spent">—</dd><dt>Direct cost · verified calls</dt><dd id="direct">—</dd><dt id="saving-label">Saved</dt><dd id="saved">—</dd></dl><small id="state" role="status">Checking your balance…</small><small>Savings cover matching verified calls only. Drag the orange bar to move.</small></div><section id="funding" hidden><h3>Add funds</h3><p id="fund-status" role="status">Loading your wallet…</p><button class="fund-button" id="copy-solana" disabled>Solana · USDC / TOKEN / LEOS<span id="solana-address"></span><span>Click to copy address</span></button><button class="fund-button" id="copy-evm" disabled>Base · USDC<span id="evm-address"></span><span>Click to copy address</span></button><button class="fund-button" id="card">Pay by card · Whop ↗</button><p>At checkout, paste your Solana address to link the purchase to this wallet. Your balance updates automatically after confirmation.</p><button class="fund-button" id="back">Back to savings</button><button class="fund-button" id="later" hidden>Set up later</button></section></main></div><script src="savings-renderer.js"></script></body></html>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "openzoo",
-  "version": "0.51.14",
+  "version": "0.51.15",
   "description": "Local x402-paying proxy + MCP server for openzoo.fun — point any OpenAI-compatible harness (Cursor, Claude Code, aider, SDKs) at localhost and it pays per call from a local burner wallet. Solana and Base rails live; Robinhood experimental.",
   "license": "MIT",
   "type": "module",
@@ -17,7 +17,9 @@
     "launcher/savings.cjs",
     "launcher/savings.html",
     "launcher/savings-preload.cjs",
-    "launcher/savings-renderer.js"
+    "launcher/savings-renderer.js",
+    "launcher/savings-toggle.html",
+    "launcher/savings-toggle.js"
   ],
   "engines": {
     "node": ">=18"