synabun 2.0.0-beta → 2.0.5

package/neural-interface/public/shared/assistant/asst-composer.js

@@ -12,6 +12,7 @@
 // send/stop) · file input. The other runtime controls live in the toolbar.
 
 import { matchSlashCommands, SLASH_COMMANDS } from './asst-slash.js';
+import { isLongPaste, typedText } from './asst-automation.js';
 
 const TEXT_EXTENSIONS = new Set([
   'txt', 'md', 'js', 'ts', 'jsx', 'tsx', 'json', 'html', 'css', 'scss', 'less', 'xml', 'svg',
@@ -151,6 +152,7 @@ export function createComposer(hostEl, hooks = {}) {
     files: [],    // { name, content }
     uploads: [],  // { name, size, mime, path, status: 'uploading'|'done', progress, controller }
     memories: [], // node objects
+    pastes: [],   // long text pastes still to be told apart from typed words (asst-automation.js typedText)
     slashOpen: false,
     slashIndex: 0,
     slashItems: [],
@@ -321,6 +323,9 @@ export function createComposer(hostEl, hooks = {}) {
     if (!text && !state.images.length && !state.files.length && !state.uploads.length && !state.memories.length) return;
     const payload = {
       text,
+      // What the user typed, without the long pastes: all SynaBun may learn about them from (the prompt keeps everything).
+      typed: typedText(text, state.pastes),
+      pastes: state.pastes.slice(),
       images: state.images.slice(),
       files: state.files.slice(),
       uploads: state.uploads.map(({ name, size, mime, path }) => ({ name, size, mime, path })),
@@ -334,6 +339,7 @@ export function createComposer(hostEl, hooks = {}) {
     state.files = [];
     state.uploads = [];
     state.memories = [];
+    state.pastes = [];
     renderAttachments();
     closeSlash();
     autoResize();
@@ -409,9 +415,12 @@ export function createComposer(hostEl, hooks = {}) {
     return Number.isFinite(x) && Number.isFinite(y) ? { x, y } : null;
   }
 
-  // ── Paste (images) ──
+  // ── Paste (images; long text is remembered as pasted, not typed) ──
   textarea.addEventListener('paste', (e) => {
     if (!e.clipboardData) return;
+    let pasted = '';
+    try { pasted = e.clipboardData.getData?.('text/plain') || ''; } catch { pasted = ''; }
+    if (isLongPaste(pasted)) state.pastes = [...state.pastes, pasted].slice(-20);
     for (const item of e.clipboardData.items) {
       if (item.type.startsWith('image/')) {
         const blob = item.getAsFile();
@@ -596,6 +605,7 @@ export function createComposer(hostEl, hooks = {}) {
       state.files.push(...(payload.files || []));
       state.uploads.push(...(payload.uploads || []).map((u) => ({ ...u, status: 'done', progress: 1 })));
       state.memories.push(...(payload.memories || []));
+      state.pastes = [...state.pastes, ...(payload.pastes || [])].slice(-20);
       renderAttachments();
       autoResize();
       updateSlash();

package/neural-interface/public/shared/assistant/asst-mascot.js

@@ -2,9 +2,10 @@
 // SynaBun Assistant — the panel's mascot director
 // ═══════════════════════════════════════════
 // The renderer (asst-render.js) owns the rigs and says which one is on screen:
-// the hero (the empty state's character, parked after a send until the first
-// stage takes it over) or the live rack's stage. This module dresses that one
-// in the panel's own state, above the pose the renderer gives it:
+// the hero (the empty state's character; a send hands it over to the
+// "Thinking" row's at once), the live rack's stage or the "Thinking" row's.
+// This module dresses that one in the panel's own state, above the pose the
+// renderer gives it:
 //
 //   offline         the socket dropped (the Reconnecting banner); one startle on reconnect
 //   blocked         a card waits on you: eyes on it, two pulses, then still
@@ -14,12 +15,15 @@
 //   sleep           the hero only, after 90 s with no input while nothing runs;
 //                   the rig wakes itself on a pointer move or a key
 //
-// Anything else is the renderer's pose: the hero idles (thinks once parked),
-// the stage acts out its call. A pose the director sets is held: the renderer
-// leaves it alone until the director lets go and asks it to restore its own.
-// Only one panel animates its rigs: the visible one used last (typing, focus,
-// a new stage). Pure logic: the clock, timers and page input come in through
-// `env`, so node:test drives it with fakes (tests/assistant-mascot.test.mjs).
+// Anything else is the renderer's pose: the hero idles, the "Thinking" row's
+// character thinks, the stage acts out its call. A pose the director sets is
+// held: the renderer leaves it alone until the director lets go and asks it
+// to restore its own. A director knows its own panel only: nothing in this
+// module is shared between directors, so every open session dresses and
+// animates its own character at the same time as every other one (a rig that
+// is off screen parks itself: synabun-mascot.js). Pure logic: the clock,
+// timers and page input come in through `env`, so node:test drives it with
+// fakes (tests/assistant-mascot.test.mjs).
 
 export const MASCOT_TIMING = Object.freeze({
   watchEveryMs: 120,
@@ -58,32 +62,16 @@ export function lookToward(box, point, { horizontal = false } = {}) {
   return { x: unit((vx / d) * m), y: unit((vy / d) * m) };
 }
 
-// ── One panel animates: the visible one used last ──
-const directors = new Set();
-let lead = null;
-let seq = 0;
-
-function elect() {
-  let best = null;
-  for (const d of directors) if (d.visible() && (!best || d.activeAt() > best.activeAt())) best = d;
-  if (!best) for (const d of directors) if (!best || d.activeAt() > best.activeAt()) best = d;
-  if (best === lead) return;
-  const prev = lead;
-  lead = best;
-  prev?.leadChanged();
-  best?.leadChanged();
-}
-
 /**
- * createMascotDirector({ getTarget, caret, setEnabled, isVisible, env })
- * getTarget() → the renderer's visible mascot { kind: 'hero'|'stage', rig, el,
- *   parked?(), hold(on), restore() } or null; caret() → the caret's client
- *   point or null; setEnabled(on) → whether this panel's rigs animate;
- *   isVisible() → the panel is on screen.
+ * createMascotDirector({ getTarget, caret, env })
+ * getTarget() → the renderer's visible mascot { kind: 'hero'|'stage'|'working',
+ *   rig, el, parked?(), hold(on), restore() } or null; caret() → the caret's
+ *   client point or null.
  * env: { now, setTimeout, clearTimeout, input(fn) → unsubscribe (page pointer
  *   and key input), lastInputAt() }.
+ * All of its state is its own: one director per panel, any number at once.
  */
-export function createMascotDirector({ getTarget = () => null, caret = () => null, setEnabled = () => {}, isVisible = () => true, env = {} } = {}) {
+export function createMascotDirector({ getTarget = () => null, caret = () => null, env = {} } = {}) {
   const now = env.now || (() => Date.now());
   const later = env.setTimeout || ((fn, ms) => setTimeout(fn, ms));
   const cancel = env.clearTimeout || ((id) => clearTimeout(id));
@@ -106,7 +94,6 @@ export function createMascotDirector({ getTarget = () => null, caret = () => nul
   let sleepTimer = 0;
   let lastInput = now();
   let stopInput = null;
-  let activeAt = (seq += 1);
 
   const safe = (fn) => { try { return fn(); } catch { return undefined; } };
   const boxOf = (t) => safe(() => t.el?.getBoundingClientRect?.()) || null;
@@ -197,7 +184,6 @@ export function createMascotDirector({ getTarget = () => null, caret = () => nul
   /** The draft changed: `present` false (an empty draft) ends the watch. */
   function type(present = true) {
     if (destroyed) return;
-    touch();
     noteInput();
     if (!present) { stopTyping(); return; }
     const first = !typing;
@@ -235,27 +221,13 @@ export function createMascotDirector({ getTarget = () => null, caret = () => nul
     armSleep();
   }
 
-  function touch() {
-    activeAt = (seq += 1);
-    elect();
-  }
-
-  const self = {
-    visible: () => !destroyed && safe(isVisible) !== false,
-    activeAt: () => activeAt,
-    leadChanged() { if (!destroyed) safe(() => setEnabled(lead === self)); },
-  };
-  directors.add(self);
-  touch();
-  if (lead !== self) self.leadChanged();
-
   return {
     /** The draft changed (typing): the mascot watches the caret column. */
     type,
     /** Blur, or the draft went away. */
     stopTyping,
-    /** A prompt went out: the watch hands over at once (the renderer parks the hero thinking). */
-    sent() { touch(); stopTyping(); },
+    /** A prompt went out: the watch hands over at once (the renderer gives the hero to the "Thinking" row). */
+    sent() { stopTyping(); },
     /** A card waits on the user (`rectOf()` → its box), or none (null). */
     setBlocked(rectOf) {
       blocked = typeof rectOf === 'function' ? rectOf : null;
@@ -283,20 +255,12 @@ export function createMascotDirector({ getTarget = () => null, caret = () => nul
     },
     /** The turn ended with `pose` ('success' | 'error' | null): played once on the rig on screen. */
     turnEnded,
-    /** The renderer's visible mascot changed; a new stage makes this panel the one that animates. */
-    retarget() {
-      if (destroyed) return;
-      const t = safe(getTarget) || null;
-      if (t && t !== target && t.kind === 'stage') touch();
-      apply();
-    },
-    /** The user is here (focus, a click): this panel animates. */
-    touch() { touch(); noteInput(); },
-    /** The host showed or hid the panel. */
-    visibilityChanged() { elect(); },
-    isLead: () => lead === self,
+    /** The renderer's visible mascot changed. */
+    retarget() { apply(); },
+    /** The user is here (focus, a click): a sleeping hero wakes, the quiet starts over. */
+    touch() { if (!destroyed) noteInput(); },
     /** For tests and devtools: what the director holds right now. */
-    state: () => ({ target: target?.kind || null, pose: shown.split('|')[0] || null, typing, blocked: !!blocked, offline, sleeping, oneShot: oneShot?.pose || null, lead: lead === self }),
+    state: () => ({ target: target?.kind || null, pose: shown.split('|')[0] || null, typing, blocked: !!blocked, offline, sleeping, oneShot: oneShot?.pose || null }),
     destroy() {
       if (destroyed) return;
       if (target && holding) safe(() => target.hold(false));
@@ -304,8 +268,6 @@ export function createMascotDirector({ getTarget = () => null, caret = () => nul
       for (const id of [typingTimer, lookTimer, sleepTimer]) if (id) cancel(id);
       dropOneShot();
       if (stopInput) { safe(stopInput); stopInput = null; }
-      directors.delete(self);
-      if (lead === self) { lead = null; elect(); }
     },
   };
 }

package/neural-interface/public/shared/assistant/asst-menu.js

@@ -21,6 +21,7 @@
 //   info            { label, value }                 → non-interactive row
 //   tag             { label }                        → non-interactive badge row
 //   input           { placeholder, value, onSubmit } → inline text field
+// `restoreFocus` on an item or input sends focus back to the anchor once it is chosen.
 // Keys: ↑/↓ move, Home/End jump, Enter/Space activate, Esc closes (focus back
 // to the anchor), Tab closes. The optional filter hides non-matching items and
 // any group left empty.
@@ -72,6 +73,7 @@ export function closeMenu({ restoreFocus = false } = {}) {
   menu.remove();
   if (anchor?.isConnected) {
     if (anchor.getAttribute('aria-haspopup')) anchor.setAttribute('aria-expanded', 'false');
+    anchor.removeAttribute('aria-controls');
     if (restoreFocus) { try { anchor.focus({ preventScroll: true }); } catch { /* detached */ } }
   }
   try { onClose?.(); } catch { /* listener error */ }
@@ -115,7 +117,7 @@ function buildItems(list, items, { role, onActivate }) {
       input.value = spec.value || '';
       input.setAttribute('aria-label', spec.label || spec.placeholder || 'Value');
       input.dataset.submit = '1';
-      input._asstSubmit = (value) => { closeMenu(); spec.onSubmit?.(value); };
+      input._asstSubmit = (value) => { closeMenu({ restoreFocus: !!spec.restoreFocus }); spec.onSubmit?.(value); };
       list.appendChild(input);
       continue;
     }
@@ -160,7 +162,7 @@ function buildItems(list, items, { role, onActivate }) {
 }
 
 /** Hide items that do not match `query`, then any header/separator left without items. */
-export function applyMenuFilter(list, query) {
+export function applyMenuFilter(list, query, emptyLabel = 'No matches') {
   const q = String(query || '').trim().toLowerCase();
   const rows = [...list.children];
   for (const row of rows) {
@@ -192,7 +194,7 @@ export function applyMenuFilter(list, query) {
   let empty = list.querySelector('.asst-dd-empty.asst-dd-noresults');
   const hasItem = rows.some(r => !r.hidden && (r.classList.contains('asst-dd-item') || r.classList.contains('asst-dd-input')));
   if (q && !hasItem) {
-    if (!empty) { empty = el('div', 'asst-dd-empty asst-dd-noresults', 'No matches'); list.appendChild(empty); }
+    if (!empty) { empty = el('div', 'asst-dd-empty asst-dd-noresults', emptyLabel); list.appendChild(empty); }
     empty.hidden = false;
   } else if (empty) empty.hidden = true;
 }
@@ -287,12 +289,13 @@ export function openMenu(anchor, opts = {}) {
     item.onSelect?.(item, node);
   };
   buildItems(list, items, { role, onActivate: activate });
-  if (width) menu.style.minWidth = `${width}px`;
+  if (width) menu.style.minWidth = opts.repositionOnResize ? `min(${width}px, calc(100vw - 16px))` : `${width}px`;
+  if (width && opts.repositionOnResize) menu.style.width = `min(${width}px, calc(100vw - 16px))`;
   document.body.appendChild(menu);
   positionMenu(menu, anchor, placement);
 
   if (filterInput) {
-    filterInput.addEventListener('input', () => { applyMenuFilter(list, filterInput.value); positionMenu(menu, anchor, placement); });
+    filterInput.addEventListener('input', () => { applyMenuFilter(list, filterInput.value, opts.filterEmptyLabel); positionMenu(menu, anchor, placement); });
   }
 
   const onDocDown = (e) => {
@@ -341,16 +344,17 @@ export function openMenu(anchor, opts = {}) {
     // Keep single-letter global keybinds out of an open menu.
     e.stopPropagation();
   };
-  const onResize = () => closeMenu();
+  const onResize = () => opts.repositionOnResize ? positionMenu(menu, anchor, placement) : closeMenu();
+  const onBlur = () => closeMenu();
   document.addEventListener('mousedown', onDocDown, true);
   document.addEventListener('keydown', onKey, true);
   window.addEventListener('resize', onResize);
-  window.addEventListener('blur', onResize);
+  window.addEventListener('blur', onBlur);
   const cleanup = () => {
     document.removeEventListener('mousedown', onDocDown, true);
     document.removeEventListener('keydown', onKey, true);
     window.removeEventListener('resize', onResize);
-    window.removeEventListener('blur', onResize);
+    window.removeEventListener('blur', onBlur);
   };
 
   _open = { menu, anchor, onClose, cleanup };