openzoo 0.50.92 → 0.50.93

package/lib/ozSpendChip.js

@@ -14,7 +14,7 @@ import { spendChipLabel } from './spendProof.js';
 
 export const GROKBOT_CDP_PORT = Number(process.env.OZ_GROKBOT_CDP_PORT || 9444);
 
-/** Session totals for a floating pill when the open canvas has no footer. */
+/** Session totals for the always-on HUD pill. Message chips still fold the footer. */
 export function sessionSpendLabel(home = os.homedir()) {
   try {
     const s = JSON.parse(fs.readFileSync(path.join(home, '.openzoo', 'session.json'), 'utf8'));
@@ -159,7 +159,9 @@ function ozEnsureSpendCss() {
   }
   s.textContent = [
     '.oz-spend{margin:.55rem 0 0;font-size:12px;color:inherit;opacity:.82;max-width:36em}',
-    '#oz-spend-float>summary{cursor:grab}',
+    '#oz-spend-hud{opacity:1}',
+    '#oz-spend-hud>summary{cursor:grab;background:rgba(28,28,30,.94);color:#f4f4f5;',
+    'border-color:rgba(255,255,255,.28);box-shadow:0 1px 8px rgba(0,0,0,.35)}',
     '.oz-spend>summary{cursor:help;list-style:none;display:inline-flex;align-items:center;gap:.35rem;',
     'padding:3px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.18);white-space:nowrap;',
     'max-width:100%;overflow:hidden;text-overflow:ellipsis}',
@@ -213,11 +215,19 @@ export function stripSpendFromText(s) {
   return t;
 }
 
+function ozInComposer(el) {
+  if (!el) return false;
+  if (el.tagName === 'TEXTAREA' || el.tagName === 'INPUT' || el.isContentEditable) return true;
+  return !!(el.closest && el.closest('textarea, input, [contenteditable="true"]'));
+}
+
 function ozBlankSpendIn(root) {
+  if (ozInComposer(root)) return;
   const w = document.createTreeWalker(root, NodeFilter.SHOW_TEXT, null);
   while (w.nextNode()) {
     const tn = w.currentNode;
     if (tn.parentElement && tn.parentElement.closest && tn.parentElement.closest('.oz-spend')) continue;
+    if (ozInComposer(tn.parentElement)) continue;
     const next = stripSpendFromText(tn.nodeValue || '');
     if (next !== tn.nodeValue) tn.nodeValue = next;
   }
@@ -228,6 +238,7 @@ function ozHideSpendLeftovers() {
   for (let i = 0; i < nodes.length; i += 1) {
     const el = nodes[i];
     if (el.closest && el.closest('.oz-spend')) continue;
+    if (ozInComposer(el)) continue;
     if (el.querySelector && el.querySelector('.oz-spend')) continue;
     const vis = ozVisibleSpendText(el);
     if (!spendOnlyText(vis)) continue;
@@ -290,10 +301,11 @@ function ozCollapseSpend() {
   for (let i = 0; i < nodes.length; i += 1) {
     const el = nodes[i];
     if (el.closest && el.closest('.oz-spend')) continue;
+    if (ozInComposer(el)) continue;
     const t = ozVisibleSpendText(el);
     if (!/::oz-spend::|this call \$|spent \$/i.test(t)) continue;
     const host = ozSpendHost(el);
-    if (!host || seen.has(host)) continue;
+    if (!host || seen.has(host) || ozInComposer(host)) continue;
     seen.add(host);
     hosts.push(host);
   }
@@ -302,10 +314,11 @@ function ozCollapseSpend() {
     const vis = ozVisibleSpendText(host);
     const split = splitSpendText(vis);
     if (!split || !split.body || split.body.length < 12) continue;
+    if (split.summary) window.__OZ_SPEND_LAST__ = split.summary;
     ozEnsureSpendCss();
     if (spendOnlyText(vis)) {
       const prev = ozPreviousMessageCard(host);
-      if (prev && prev !== host) {
+      if (prev && prev !== host && !ozInComposer(prev)) {
         ozAttachSpendChip(prev, split);
         host.setAttribute('data-oz-spend-hide', '1');
         continue;
@@ -318,18 +331,46 @@ function ozCollapseSpend() {
   ozEnsureFloatSpend();
 }
 
+/** Live HUD label: latest folded chip, then a read-only canvas scan, then inject snapshot. */
+function ozFloatLabel() {
+  const pills = document.querySelectorAll('.oz-spend:not(#oz-spend-hud):not(#oz-spend-float) summary');
+  if (pills.length) {
+    const lab = String(pills[pills.length - 1].textContent || '').replace(/^ⓘ\s*/, '').trim();
+    if (lab) {
+      window.__OZ_SPEND_LAST__ = lab;
+      return lab;
+    }
+  }
+  try {
+    const nodes = document.querySelectorAll('[class*="sand-message"]');
+    for (let i = nodes.length - 1; i >= 0; i -= 1) {
+      if (ozInComposer(nodes[i])) continue;
+      const vis = ozVisibleSpendText(nodes[i]);
+      if (!/::oz-spend::|this call \$|spent \$/i.test(vis)) continue;
+      const split = splitSpendText(vis);
+      if (split && split.summary) {
+        window.__OZ_SPEND_LAST__ = split.summary;
+        return split.summary;
+      }
+    }
+  } catch (e) {}
+  if (window.__OZ_SPEND_LAST__) return String(window.__OZ_SPEND_LAST__);
+  return String(window.__OZ_SESSION_SPEND__ || '').trim();
+}
+
 function ozEnsureFloatSpend() {
-  const label = String(window.__OZ_SESSION_SPEND__ || '').trim();
-  const msgPills = document.querySelectorAll('.oz-spend:not(#oz-spend-float)').length;
-  let el = document.getElementById('oz-spend-float');
-  if (!label || msgPills) {
+  const label = ozFloatLabel();
+  const leftover = document.getElementById('oz-spend-float');
+  if (leftover) leftover.remove();
+  let el = document.getElementById('oz-spend-hud');
+  if (!label) {
     if (el) el.remove();
     return;
   }
   ozEnsureSpendCss();
   if (!el) {
     el = document.createElement('details');
-    el.id = 'oz-spend-float';
+    el.id = 'oz-spend-hud';
     el.className = 'oz-spend';
     const sum = document.createElement('summary');
     const body = document.createElement('div');
@@ -357,7 +398,7 @@ function ozPlaceFloat(el) {
   if (!el) return;
   el.style.position = 'fixed';
   el.style.zIndex = '2147483646';
-  el.style.opacity = '0.95';
+  el.style.opacity = '1';
   const saved = ozSavedFloatPos();
   if (saved) {
     el.style.left = Math.max(8, saved.left) + 'px';
@@ -416,29 +457,36 @@ function ozDragFloat(el) {
 
 function ozWatchSpend() {
   let t = 0;
+  const inComposer = () => ozInComposer(document.activeElement);
   const run = () => {
-    const a = document.activeElement;
-    if (a && (a.tagName === 'TEXTAREA' || a.tagName === 'INPUT' || a.isContentEditable)) return;
-    try { ozCollapseSpend(); } catch (e) {}
+    try {
+      if (inComposer()) {
+        ozEnsureSpendCss();
+        ozEnsureFloatSpend();
+      } else {
+        ozCollapseSpend();
+      }
+    } catch (e) {}
   };
-  const debounced = () => { clearTimeout(t); t = setTimeout(run, 600); };
+  const debounced = () => { clearTimeout(t); t = setTimeout(run, 400); };
   if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', run);
   else run();
   try {
     const mo = new MutationObserver(debounced);
-    const start = () => { if (document.body) mo.observe(document.body, { childList: true, subtree: false }); };
+    const start = () => { if (document.body) mo.observe(document.body, { childList: true, subtree: true }); };
     if (document.body) start();
     else document.addEventListener('DOMContentLoaded', start);
   } catch (e) {}
   try { window.addEventListener('resize', debounced); } catch (e) {}
+  try { setInterval(run, 2000); } catch (e) {}
 }
 
 export function spendChipSource() {
   return [
     '(function ozSpendChip(){',
     "'use strict';",
-    'if (window.__OZ_SPEND_CHIP__ === 12) return;',
-    'window.__OZ_SPEND_CHIP__ = 12;',
+    'if (window.__OZ_SPEND_CHIP__ === 13) return;',
+    'window.__OZ_SPEND_CHIP__ = 13;',
     chipUsd.toString(),
     labelFromSpendBody.toString(),
     spendLinesOnly.toString(),
@@ -448,11 +496,13 @@ export function spendChipSource() {
     ozSpendHost.toString(),
     ozVisibleSpendText.toString(),
     stripSpendFromText.toString(),
+    ozInComposer.toString(),
     ozBlankSpendIn.toString(),
     ozHideSpendLeftovers.toString(),
     ozPreviousMessageCard.toString(),
     ozAttachSpendChip.toString(),
     ozCollapseSpend.toString(),
+    ozFloatLabel.toString(),
     ozEnsureFloatSpend.toString(),
     ozSavedFloatPos.toString(),
     ozPlaceFloat.toString(),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "openzoo",
-  "version": "0.50.92",
+  "version": "0.50.93",
   "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",