openzoo 0.50.52 → 0.50.53

package/lib/ozSpendChip.js

@@ -159,6 +159,7 @@ 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>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}',
@@ -339,27 +340,78 @@ function ozEnsureFloatSpend() {
     document.body.appendChild(el);
   }
   ozPlaceFloat(el);
+  ozDragFloat(el);
   const sum = el.querySelector('summary');
   if (sum) sum.textContent = 'ⓘ ' + label;
 }
 
+function ozSavedFloatPos() {
+  try {
+    const p = JSON.parse(localStorage.getItem('oz-spend-float-pos') || 'null');
+    if (p && Number.isFinite(+p.left) && Number.isFinite(+p.top)) return { left: +p.left, top: +p.top };
+  } catch (e) {}
+  return null;
+}
+
 function ozPlaceFloat(el) {
   if (!el) return;
-  const ta = document.querySelector('textarea, [contenteditable="true"]');
-  const box = ta && ta.getBoundingClientRect();
   el.style.position = 'fixed';
-  el.style.right = 'auto';
   el.style.zIndex = '2147483646';
   el.style.opacity = '0.95';
-  if (box && box.width > 80 && box.top > 48) {
-    el.style.left = Math.round(box.left) + 'px';
-    el.style.top = Math.round(Math.max(8, box.top - 56)) + 'px';
+  const saved = ozSavedFloatPos();
+  if (saved) {
+    el.style.left = Math.max(8, saved.left) + 'px';
+    el.style.top = Math.max(8, saved.top) + 'px';
+    el.style.right = 'auto';
     el.style.bottom = 'auto';
-  } else {
-    el.style.left = '96px';
-    el.style.bottom = '72px';
-    el.style.top = 'auto';
+    return;
   }
+  el.style.left = 'auto';
+  el.style.right = '16px';
+  el.style.top = '48px';
+  el.style.bottom = 'auto';
+}
+
+function ozDragFloat(el) {
+  if (!el || el.dataset.ozDrag === '1') return;
+  el.dataset.ozDrag = '1';
+  const sum = el.querySelector('summary') || el;
+  let dragging = false;
+  let moved = false;
+  let dx = 0;
+  let dy = 0;
+  sum.addEventListener('pointerdown', (ev) => {
+    if (ev.button !== 0) return;
+    dragging = true;
+    moved = false;
+    const r = el.getBoundingClientRect();
+    dx = ev.clientX - r.left;
+    dy = ev.clientY - r.top;
+    el.style.cursor = 'grabbing';
+    try { sum.setPointerCapture(ev.pointerId); } catch (e) {}
+    ev.preventDefault();
+    ev.stopPropagation();
+  });
+  sum.addEventListener('pointermove', (ev) => {
+    if (!dragging) return;
+    moved = true;
+    el.style.left = Math.max(8, ev.clientX - dx) + 'px';
+    el.style.top = Math.max(8, ev.clientY - dy) + 'px';
+    el.style.right = 'auto';
+    el.style.bottom = 'auto';
+  });
+  const end = () => {
+    if (!dragging) return;
+    dragging = false;
+    el.style.cursor = 'grab';
+    const r = el.getBoundingClientRect();
+    try { localStorage.setItem('oz-spend-float-pos', JSON.stringify({ left: r.left, top: r.top })); } catch (e) {}
+  };
+  sum.addEventListener('pointerup', end);
+  sum.addEventListener('pointercancel', end);
+  sum.addEventListener('click', (ev) => {
+    if (moved) { ev.preventDefault(); ev.stopPropagation(); }
+  }, true);
 }
 
 function ozWatchSpend() {
@@ -385,20 +437,8 @@ export function spendChipSource() {
   return [
     '(function ozSpendChip(){',
     "'use strict';",
-    'if (window.__OZ_SPEND_CHIP__ === 11) {',
-    '  const el = document.getElementById("oz-spend-float");',
-    '  const ta = document.querySelector("textarea, [contenteditable=\\"true\\"]");',
-    '  const box = ta && ta.getBoundingClientRect();',
-    '  if (el && box && box.width > 80) {',
-    '    el.style.position = "fixed";',
-    '    el.style.left = Math.round(box.left) + "px";',
-    '    el.style.top = Math.round(Math.max(8, box.top - 56)) + "px";',
-    '    el.style.right = "auto";',
-    '    el.style.bottom = "auto";',
-    '  }',
-    '  return;',
-    '}',
-    'window.__OZ_SPEND_CHIP__ = 11;',
+    'if (window.__OZ_SPEND_CHIP__ === 12) return;',
+    'window.__OZ_SPEND_CHIP__ = 12;',
     chipUsd.toString(),
     labelFromSpendBody.toString(),
     spendLinesOnly.toString(),
@@ -414,7 +454,9 @@ export function spendChipSource() {
     ozAttachSpendChip.toString(),
     ozCollapseSpend.toString(),
     ozEnsureFloatSpend.toString(),
+    ozSavedFloatPos.toString(),
     ozPlaceFloat.toString(),
+    ozDragFloat.toString(),
     ozWatchSpend.toString(),
     'ozWatchSpend();',
     '})();',

package/package.json

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