npm - openzoo - Versions diffs - 0.48.83 → 0.48.84 - Mend

openzoo 0.48.83 → 0.48.84

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 (2) hide show

package/lib/grokui.mjs +151 -0
package/package.json +1 -1

package/lib/grokui.mjs CHANGED Viewed

@@ -2757,8 +2757,25 @@ const APP_HTML = `<!doctype html>
                  font-size: 12px; }
   #composeFoot kbd { margin-right: 4px; }
   .mention { background: #3a3a3c; border-radius: 10px; padding: 1px 8px; font-size: 0.92em; }
+  /* Sidebar names and header titles are readable text — they must be
+     selectable so select-to-copy works there, not only in bubbles. */
+  .tname, .tprev, .pname, .hname, .hdir, .hdr, .wbal, .wnote, .wsub, #chatHeader {
+    -webkit-user-select: text; user-select: text; }
+  /* SELECT-TO-COPY. A blink, not a dialog: selection landed on the clipboard. */
+  #copiedToast {
+    position: fixed; z-index: 4000; pointer-events: none;
+    padding: 7px 14px; border-radius: 999px;
+    background: #b8f240; color: #0b0b0d;
+    font: 700 12px/1.2 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+    letter-spacing: .06em;
+    box-shadow: 0 8px 24px rgba(0,0,0,.5);
+    opacity: 0; transform: translate(-50%, -6px);
+    transition: opacity .14s ease, transform .14s ease;
+  }
+  #copiedToast.show { opacity: 1; transform: translate(-50%, 0); }
 </style></head>
 <body>
+  <div id="copiedToast" role="status" aria-live="polite">copied</div>
   <div id="dragbar"></div>
   <div id="sidebar">
     <div id="sideTop">
@@ -3338,6 +3355,140 @@ const APP_HTML = `<!doctype html>
     return b;
   }
+  /* SELECT → CLIPBOARD. A finished selection copies itself. No ⌘C, no hunting
+     for a 10px button. Empty click / caret-only is a no-op so we do not spam
+     "copied". The highlight stays put: copy must not steal focus or collapse
+     the range. */
+  function selectedText() {
+    const el = document.activeElement;
+    if (el && (el.tagName === 'INPUT' || el.tagName === 'TEXTAREA')) {
+      if (el.type === 'password') return '';
+      const a = el.selectionStart;
+      const b = el.selectionEnd;
+      if (typeof a === 'number' && typeof b === 'number' && b > a) {
+        return String(el.value || '').slice(a, b);
+      }
+      return '';
+    }
+    const sel = window.getSelection();
+    return sel ? sel.toString() : '';
+  }
+  function selectedRect() {
+    const el = document.activeElement;
+    if (el && (el.tagName === 'INPUT' || el.tagName === 'TEXTAREA') && el.type !== 'password') {
+      const a = el.selectionStart;
+      const b = el.selectionEnd;
+      if (typeof a === 'number' && typeof b === 'number' && b > a) return el.getBoundingClientRect();
+    }
+    const sel = window.getSelection();
+    if (!sel || !sel.rangeCount) return null;
+    const r = sel.getRangeAt(0).getBoundingClientRect();
+    if (!r || (r.width === 0 && r.height === 0)) return null;
+    return r;
+  }
+  function snapshotSelection() {
+    const el = document.activeElement;
+    if (el && (el.tagName === 'INPUT' || el.tagName === 'TEXTAREA')) {
+      return { kind: 'field', el: el, start: el.selectionStart, end: el.selectionEnd };
+    }
+    const sel = window.getSelection();
+    if (!sel || !sel.rangeCount) return { kind: 'none' };
+    const ranges = [];
+    for (let i = 0; i < sel.rangeCount; i++) ranges.push(sel.getRangeAt(i).cloneRange());
+    return { kind: 'dom', ranges: ranges };
+  }
+  function restoreSelection(snap) {
+    if (!snap) return;
+    if (snap.kind === 'field' && snap.el && document.contains(snap.el)) {
+      try {
+        snap.el.focus({ preventScroll: true });
+        snap.el.setSelectionRange(snap.start, snap.end);
+      } catch (e) {}
+      return;
+    }
+    if (snap.kind === 'dom') {
+      const sel = window.getSelection();
+      sel.removeAllRanges();
+      for (let i = 0; i < snap.ranges.length; i++) {
+        try { sel.addRange(snap.ranges[i]); } catch (e) {}
+      }
+    }
+  }
+  let copiedToastTimer = 0;
+  function showCopiedToast(rect) {
+    const el = document.getElementById('copiedToast');
+    if (!el) return;
+    let x = window.innerWidth / 2;
+    let y = 40;
+    if (rect && (rect.width || rect.height)) {
+      x = rect.left + rect.width / 2;
+      y = rect.top - 38;
+      if (y < 8) y = rect.bottom + 10;
+    }
+    if (x < 48) x = 48;
+    if (x > window.innerWidth - 48) x = window.innerWidth - 48;
+    if (y < 8) y = 8;
+    if (y > window.innerHeight - 36) y = window.innerHeight - 36;
+    el.style.left = x + 'px';
+    el.style.top = y + 'px';
+    el.classList.add('show');
+    clearTimeout(copiedToastTimer);
+    copiedToastTimer = setTimeout(function () { el.classList.remove('show'); }, 1200);
+  }
+  let selectPointerDown = false;
+  let selectShiftHeld = false;
+  let selectCopying = false;
+  let selectTimer = 0;
+  let selectLastText = '';
+  let selectLastAt = 0;
+  async function copySettledSelection() {
+    if (selectCopying) return;
+    const text = selectedText();
+    if (!text) return;
+    const now = Date.now();
+    if (text === selectLastText && (now - selectLastAt) < 500) return;
+    selectLastText = text;
+    selectLastAt = now;
+    const rect = selectedRect();
+    const snap = snapshotSelection();
+    selectCopying = true;
+    let ok = false;
+    try { ok = await copyText(text); }
+    finally { restoreSelection(snap); selectCopying = false; }
+    if (ok) showCopiedToast(rect);
+  }
+  function scheduleCopySelection() {
+    if (selectPointerDown || selectCopying) return;
+    clearTimeout(selectTimer);
+    selectTimer = setTimeout(copySettledSelection, 40);
+  }
+  document.addEventListener('pointerdown', function (e) {
+    if (e.button !== undefined && e.button !== 0) return;
+    selectPointerDown = true;
+  });
+  document.addEventListener('pointerup', function (e) {
+    if (e.button !== undefined && e.button !== 0) return;
+    selectPointerDown = false;
+    scheduleCopySelection();
+  });
+  document.addEventListener('pointercancel', function () { selectPointerDown = false; });
+  document.addEventListener('keydown', function (e) {
+    if (e.key === 'Shift') selectShiftHeld = true;
+  });
+  document.addEventListener('keyup', function (e) {
+    if (e.key === 'Shift') selectShiftHeld = false;
+    const withMod = e.metaKey || e.ctrlKey;
+    const selectish = e.key === 'Shift'
+      || e.key === 'ArrowLeft' || e.key === 'ArrowRight' || e.key === 'ArrowUp' || e.key === 'ArrowDown'
+      || e.key === 'Home' || e.key === 'End' || e.key === 'PageUp' || e.key === 'PageDown'
+      || ((e.key === 'a' || e.key === 'A') && withMod);
+    if (selectish) scheduleCopySelection();
+  });
+  document.addEventListener('selectionchange', function () {
+    if (selectPointerDown || selectCopying || selectShiftHeld) return;
+    scheduleCopySelection();
+  });
   function renderMentions(text) {
     const fences = [];
     const src = String(text).replace(/\`\`\`([\\w-]*)\\n?([\\s\\S]*?)\`\`\`/g, (m, lang, code) => {

package/package.json CHANGED Viewed

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