synabun 2.1.0 → 2.2.1

package/neural-interface/public/shared/synabun-mascot.js

@@ -90,9 +90,10 @@
  * - `paintMascot(svg, frame)` — draw a frame on any `mascotSvg()`. A still
  *   frame (`stillFrame`, or a rig that is not looping) draws its prop at
  *   ≥ .7 opacity with strokes of ≥ 1.5 CSS px, so it reads at 28×14.
- * - `mascotCameoSvg()` — two 3×7 px pill eyes (`syna-cameo` /
- *   `syna-cameo-eye`) for running pills, leaning −12° like the two-pill mark
- *   (never a pause glyph); the host's CSS animates them.
+ * - `mascotCameoSvg()` — two 3×7 px pill eyes (`syna-cameo` >
+ *   `syna-cameo-eyes` > svg > `syna-cameo-eye` ×2) for running pills,
+ *   leaning −12° like the two-pill mark (never a pause glyph); the host's CSS
+ *   moves the `syna-cameo-eyes` box (an HTML element, so the compositor runs it).
  * - `mascotPropSvg(kind, { width, height })` + `paintMascotProp(svg, kind)`
  *   — a kind's prop alone, framed to its own box: the ledger's row glyphs.
  * - `mascotBounds(pose)` — the face-unit box a pose can draw in (the eyes over
@@ -167,14 +168,18 @@ export function blinkAmount(elapsed) {
 /**
  * Two 3×7 px pill eyes for a running pill; the host's CSS moves them. The
  * pair leans −12° like the two-pill mark (the right eye sits higher), so it
- * never reads as a pause glyph. The eyes stay untransformed for the CSS glance.
+ * never reads as a pause glyph. What moves is the HTML box around the eyes
+ * (`syna-cameo-eyes`), never a part of the SVG: a box's transform runs on
+ * the compositor and, when the page draws a frame anyway, restyles one
+ * element without laying the SVG out again.
  */
 export function mascotCameoSvg({ className = '' } = {}) {
-  return `<svg class="syna-cameo${className ? ` ${className}` : ''}" viewBox="0 0 10 7" width="10" height="7" style="overflow:visible" aria-hidden="true" focusable="false">`
+  return `<span class="syna-cameo${className ? ` ${className}` : ''}" aria-hidden="true"><span class="syna-cameo-eyes">`
+    + '<svg viewBox="0 0 10 7" width="10" height="7" style="display:block;overflow:visible" focusable="false">'
     + '<g class="syna-cameo-pair" transform="rotate(-12 5 3.5)">'
     + '<rect class="syna-cameo-eye" x="0" y="0" width="3" height="7" rx="1.5" fill="currentColor"/>'
     + '<rect class="syna-cameo-eye" x="7" y="0" width="3" height="7" rx="1.5" fill="currentColor"/>'
-    + '</g></svg>';
+    + '</g></svg></span></span>';
 }
 
 /** Each prop's own box in face units, to draw it alone (a ledger row's glyph, a suggestion's). */
@@ -1842,6 +1847,14 @@ function createPainter(svg, uid) {
     if (value == null) el.removeAttribute(attr);
     else el.setAttribute(attr, value);
   };
+  /** A prop's writes for this frame: the last value per attribute wins, put() writes it once (paint). */
+  const staged = new Map();
+  const stage = (el, attr, value) => {
+    if (!el) return;
+    let attrs = staged.get(el);
+    if (!attrs) { attrs = new Map(); staged.set(el, attrs); }
+    attrs.set(attr, value);
+  };
   /** CSS px per face unit: the SVG's box over its viewBox (xMidYMid meet: the tighter axis). */
   const unitPx = () => {
     const w = Number(svg.getAttribute?.('width'));
@@ -1898,8 +1911,14 @@ function createPainter(svg, uid) {
       put(entry.g, 'display', null);
       put(entry.g, 'opacity', op < 0.999 ? n(op) : null);
       put(entry.g, 'transform', p.dx || p.dy ? `translate(${n(p.dx || 0)},${n(p.dy || 0)})` : null);
-      if (!f.still) for (const b of entry.base) put(b.el, b.attr, b.value); // live: the drawn values
-      PROPS[name].update(entry.r, p, put);
+      // Live: the drawn values, then the frame's own over them. Both are staged and each attribute is
+      // written once with its final value, so a frame that changes nothing writes nothing (an attribute
+      // written twice a frame, back to its base and on again, restyles and re-lays the SVG out every frame).
+      staged.clear();
+      if (!f.still) for (const b of entry.base) stage(b.el, b.attr, b.value);
+      PROPS[name].update(entry.r, p, stage);
+      for (const [el, attrs] of staged) for (const [attr, value] of attrs) put(el, attr, value);
+      staged.clear();
       if (f.still) legible(entry);
     }
   }

package/neural-interface/public/shared/synabun-ticker.js

@@ -9,6 +9,18 @@
 // requestFrames(ms) lifts the animation subscribers (≥ 24 fps) to 60 fps for a
 // moment: a pose blend, a hop.
 //
+// A frame is only requested for the vsync a subscriber is due on: a 30 fps
+// rig costs 30 frames a second, not one per vsync. Every frame the page draws
+// makes the browser restyle each running CSS animation on the main thread
+// (composited or not), so a frame nobody needs is never free. Between due
+// frames the loop sleeps on a timer that wakes half a frame before the vsync
+// it wants; the frame interval is learnt from back-to-back frames (60 Hz,
+// 120 Hz displays).
+//
+// A subscriber may name a `target` element: it runs only while that element
+// is on screen (one shared IntersectionObserver), and a loop whose every
+// subscriber is off screen requests nothing at all until one comes back.
+//
 // The loop stops while the tab is hidden (document.hidden, body.app-hidden)
 // and freezes while the UI is dragged (body.ui-interacting): subscribers are
 // skipped, and the first frame after either hands each one a dt of at most
@@ -20,7 +32,7 @@
 // pointermove listener and one keydown listener (both capture phase, so a
 // handler that stops propagation cannot hide input from them).
 //
-//   subscribe(fn(now, dt), { fps })  → unsubscribe()   (unsubscribe.setFps(n) re-caps)
+//   subscribe(fn(now, dt), { fps, target })  → unsubscribe()   (unsubscribe.setFps(n) re-caps)
 //   requestFrames(ms)                   60 fps for the next ms
 //   isReducedMotion()                   live prefers-reduced-motion
 //   onReducedMotionChange(fn(on))    → unsubscribe()
@@ -41,8 +53,10 @@
 const FRAME_60 = 1000 / 60;
 const SLOP = 4; // ms of rAF jitter a capped subscriber tolerates before it skips a frame
 const RESUME_DT = 50; // the first dt after a stop or a freeze is at most this
-const SLEEP_OVER = 48; // a wait longer than this sleeps on a timer instead of frames
 const POLL_MS = 250; // how often a stopped loop re-checks when no MutationObserver exists
+const PHASE_MS = 1500; // a frame newer than this still tells where the vsyncs fall
+const MIN_FRAME = 4; // ms: the shortest frame interval believed (240 Hz)
+const MAX_FRAME = 34; // ms: the longest (30 Hz)
 const MAX_BOOST = 5000;
 const LISTEN = { passive: true, capture: true };
 
@@ -84,10 +98,73 @@ let pollId = 0;
 let boostUntil = -Infinity;
 let watching = false;
 let observer = null;
+let frameMs = FRAME_60; // the display's frame interval, as back-to-back frames show it
+let lastTs = -Infinity; // the last frame's timestamp: where the vsyncs fall
+let inFrame = false; // frame() is running
+let chained = false; // the frame in flight was requested by the previous one, with no wait between
+const counts = { frames: 0, requests: 0, sleeps: 0 }; // for tests and the idle-CPU suite
 
 const capFps = fps => Math.max(1, Math.min(60, Number(fps) > 0 ? Number(fps) : 30));
 const boosted = (sub, t) => t < boostUntil && sub.fps >= 24;
 const intervalOf = (sub, t) => (boosted(sub, t) ? FRAME_60 : 1000 / sub.fps);
+/** A subscriber with a target off screen is parked: it is neither called nor waited for. */
+const parked = sub => sub.target && !sub.seen;
+
+// ── Targets: one IntersectionObserver for every subscriber that names an element ──
+
+let targetIo = null; // undefined while unavailable
+const targetSubs = new Map(); // element → Set of subs
+const targetSeen = new Map(); // element → on screen as last reported (absent until the first report)
+
+function targetObserver() {
+  if (targetIo !== null) return targetIo;
+  const IO = env ? env.IntersectionObserver : globalThis.IntersectionObserver;
+  if (typeof IO !== 'function') { targetIo = undefined; return targetIo; }
+  try {
+    targetIo = new IO((entries) => {
+      let woke = false;
+      for (const entry of entries) {
+        const set = targetSubs.get(entry.target);
+        if (!set) continue;
+        const on = !!entry.isIntersecting;
+        targetSeen.set(entry.target, on);
+        for (const sub of set) {
+          if (sub.seen === on) continue;
+          sub.seen = on;
+          if (on) { sub.resume = true; woke = true; }
+        }
+      }
+      if (woke && subs.size) wakeNow();
+    });
+  } catch { targetIo = undefined; }
+  return targetIo;
+}
+
+function watchTarget(sub) {
+  const el = sub.target;
+  const io = targetObserver();
+  if (!io) { sub.target = null; return; } // no observer: the target counts as on screen
+  let set = targetSubs.get(el);
+  if (!set) {
+    set = new Set();
+    targetSubs.set(el, set);
+    try { io.observe(el); } catch { targetSubs.delete(el); sub.target = null; return; }
+  }
+  set.add(sub);
+  // Until the observer's first report the target counts as on screen (it draws at once, as before).
+  sub.seen = targetSeen.has(el) ? targetSeen.get(el) : true;
+}
+
+function unwatchTarget(sub) {
+  const el = sub.target;
+  const set = el ? targetSubs.get(el) : null;
+  if (!set) return;
+  set.delete(sub);
+  if (set.size) return;
+  targetSubs.delete(el);
+  targetSeen.delete(el);
+  try { targetIo?.unobserve(el); } catch { /* already gone */ }
+}
 
 /** Why the loop is not running: '' (it runs), 'hidden' or 'interacting'. */
 export function tickerPaused() {
@@ -102,17 +179,20 @@ export function tickerPaused() {
 
 /**
  * Call `fn(now, dt)` from the shared loop, at most `fps` times a second
- * (1-60, default 30). Returns unsubscribe(); unsubscribe.setFps(n) changes the
- * cap in place.
+ * (1-60, default 30). With `target` (an element) it is called only while that
+ * element is on screen. Returns unsubscribe(); unsubscribe.setFps(n) changes
+ * the cap in place.
  */
-export function subscribe(fn, { fps = 30 } = {}) {
+export function subscribe(fn, { fps = 30, target = null } = {}) {
   if (typeof fn !== 'function') return Object.assign(() => {}, { setFps() {} });
-  const sub = { fn, fps: capFps(fps), last: -1, born: now(), resume: false };
+  const sub = { fn, fps: capFps(fps), last: -1, born: now(), resume: false, target: target && typeof target === 'object' ? target : null, seen: true };
   subs.add(sub);
+  if (sub.target) watchTarget(sub);
   watch();
   wakeNow();
   const unsubscribe = () => {
     if (!subs.delete(sub)) return;
+    unwatchTarget(sub);
     if (!subs.size) halt();
   };
   unsubscribe.setFps = (next) => {
@@ -138,31 +218,71 @@ function wakeNow() {
   schedule();
 }
 
+/**
+ * Request the next frame a subscriber is due on, and no other: when the next
+ * vsync serves it, at once; otherwise a timer wakes half a frame before the
+ * vsync it wants. Nothing at all while every subscriber is parked.
+ */
 function schedule() {
   if (rafId || timerId || !subs.size) return;
   const raf = rafFn();
   if (!raf) return;
   if (tickerPaused()) { stopped(); return; }
   const t = now();
-  let wait = Infinity;
+  let due = Infinity;
   for (const sub of subs) {
-    const due = sub.last < 0 ? 0 : sub.last + intervalOf(sub, t) - SLOP - t;
-    if (due < wait) wait = due;
+    if (parked(sub)) continue;
+    const at = sub.last < 0 ? t : sub.last + intervalOf(sub, t) - SLOP;
+    if (at < due) due = at;
   }
-  if (wait > SLEEP_OVER) {
-    timerId = later(() => { timerId = 0; schedule(); }, wait - FRAME_60);
+  if (!Number.isFinite(due)) return; // every subscriber is off screen: the observer wakes the loop
+  const phase = lastTs > -Infinity && t - lastTs < PHASE_MS ? lastTs : null;
+  let lead;
+  if (due <= t) lead = 0;
+  else if (phase === null) lead = due - t - frameMs; // no recent vsync to count from: the frame before `due`
+  else {
+    const k = Math.max(1, Math.ceil((due - phase) / frameMs - 1e-6));
+    lead = k === 1 ? 0 : phase + (k - 0.5) * frameMs - t; // half a frame before the vsync that serves `due`
+  }
+  if (lead > 1) {
+    counts.sleeps += 1;
+    timerId = later(() => { timerId = 0; schedule(); }, lead);
     return;
   }
+  counts.requests += 1;
+  chained = inFrame;
   rafId = raf(frame);
 }
 
+/** Learn the display's frame interval from two frames requested back to back. */
+function learnInterval(ts) {
+  if (!chained || !(lastTs > -Infinity)) return;
+  const d = ts - lastTs;
+  if (!(d >= MIN_FRAME && d <= MAX_FRAME)) return;
+  // Snap down to the shortest seen; drift back up slowly (a dropped frame is two, not a slower display).
+  frameMs = Math.min(d, Math.min(MAX_FRAME, frameMs + 0.05));
+}
+
 function frame(ts) {
   rafId = 0;
   if (!subs.size) return;
   if (tickerPaused()) { stopped(); return; }
   const t = typeof ts === 'number' && Number.isFinite(ts) ? ts : now();
+  counts.frames += 1;
+  learnInterval(t);
+  lastTs = t;
+  chained = false;
+  inFrame = true;
+  try {
+    runSubscribers(t);
+    schedule(); // inside the frame: a frame requested from here is the next vsync's (it teaches the interval)
+  } finally { inFrame = false; }
+}
+
+function runSubscribers(t) {
   for (const sub of Array.from(subs)) {
     if (!subs.has(sub)) continue; // unsubscribed by an earlier subscriber this frame
+    if (parked(sub)) continue;
     const interval = intervalOf(sub, t);
     if (sub.last >= 0 && t - sub.last < interval - SLOP) continue;
     let dt = t - (sub.last >= 0 ? sub.last : sub.born);
@@ -172,7 +292,6 @@ function frame(ts) {
     sub.last = t;
     try { sub.fn(t, dt); } catch (err) { report(err); }
   }
-  schedule();
 }
 
 /** The loop stopped (hidden) or froze (drag): mark the jump, wait for the watchers. */
@@ -334,6 +453,17 @@ function reset() {
   halt();
   subs.clear();
   boostUntil = -Infinity;
+  try { targetIo?.disconnect(); } catch { /* gone */ }
+  targetIo = null;
+  targetSubs.clear();
+  targetSeen.clear();
+  frameMs = FRAME_60;
+  lastTs = -Infinity;
+  inFrame = false;
+  chained = false;
+  counts.frames = 0;
+  counts.requests = 0;
+  counts.sleeps = 0;
   const q = motionQuery;
   if (q && motionFns.size) {
     if (q.removeEventListener) q.removeEventListener('change', onMotionQuery);
@@ -372,5 +502,10 @@ export const __ticker = {
     keyListeners: keyFns.size,
     keyAttached: keyOn,
     motionListeners: motionFns.size,
+    parked: Array.from(subs).filter(parked).length,
+    targets: targetSubs.size,
+    frameMs,
   }),
+  /** Frames run, frames requested and timer sleeps since the last reset (the idle-CPU suite reads them). */
+  counts: () => ({ ...counts }),
 };

package/neural-interface/public/shared/text-cache.js

@@ -0,0 +1,29 @@
+// String caches need a size budget as well as an entry count: streaming
+// revisions are different keys and may each hold a nearly complete transcript.
+export function createTextCache({ maxEntries = 512, maxChars = 1_000_000, maxEntryChars = 64_000 } = {}) {
+  const entries = new Map();
+  let chars = 0;
+  const drop = key => {
+    const value = entries.get(key);
+    if (value === undefined) return;
+    chars -= key.length + value.length;
+    entries.delete(key);
+  };
+  return {
+    get(key) {
+      const value = entries.get(key);
+      if (value !== undefined) { entries.delete(key); entries.set(key, value); }
+      return value;
+    },
+    set(key, value) {
+      drop(key);
+      const size = key.length + value.length;
+      if (size > Math.min(maxChars, maxEntryChars) || maxEntries < 1) return;
+      while (entries.size && (entries.size >= maxEntries || chars + size > maxChars)) drop(entries.keys().next().value);
+      entries.set(key, value);
+      chars += size;
+    },
+    clear() { entries.clear(); chars = 0; },
+    stats: () => ({ entries: entries.size, chars }),
+  };
+}

package/neural-interface/public/shared/tool-list-picker.js

@@ -11,7 +11,7 @@ export function toolPickerHTML(id, tools, options = {}) {
   if (!catalog) return '';
   const view = toolListView(catalog, tools, { translate, ...options });
   return dropdownHTML(id, view.entries, { multiple: true, label: toolWord('label'), classes: 'tool-list-picker',
-    summary: view.summary, ...options, classes: `tool-list-picker ${options.classes || ''}`.trim(), attrs: `data-tool-options="${encodeURIComponent(JSON.stringify({ inheritLabel: options.inheritLabel, usesBrowser: options.usesBrowser, taskClass: options.taskClass, cwd: options.cwd, provider: options.provider, includeServers: options.includeServers, externalSelection: catalog.externalServersVersion >= 2 && options.includeServers !== false && options.provider !== 'gemini', externalRefs: (tools ?? catalog.defaultTools ?? []).filter(id => id.startsWith('mcp:')) }))}"` });
+    summary: view.summary, ...options, classes: `tool-list-picker ${options.classes || ''}`.trim(), attrs: `data-tool-options="${encodeURIComponent(JSON.stringify({ inheritLabel: options.inheritLabel, usesBrowser: options.usesBrowser, taskClass: options.taskClass, cwd: options.cwd, provider: options.provider, includeServers: options.includeServers, externalSelection: catalog.externalServersVersion >= 2 && options.includeServers !== false && options.provider !== 'antigravity', externalRefs: (tools ?? catalog.defaultTools ?? []).filter(id => id.startsWith('mcp:')) }))}"` });
 }
 export function updateToolPicker(input, tools, options = {}) {
   options = { ...JSON.parse(decodeURIComponent(dropdownOf(input)?.dataset.toolOptions || '%7B%7D')), ...options };
@@ -20,7 +20,7 @@ export function updateToolPicker(input, tools, options = {}) {
   const view = toolListView(catalog, tools, { translate, ...options });
   setDropdownItems(input, view.entries);
   const dd = dropdownOf(input);
-  if (dd) dd.dataset.toolOptions = encodeURIComponent(JSON.stringify({ inheritLabel: options.inheritLabel, usesBrowser: options.usesBrowser, taskClass: options.taskClass, cwd: options.cwd, provider: options.provider, includeServers: options.includeServers, externalSelection: catalog.externalServersVersion >= 2 && options.includeServers !== false && options.provider !== 'gemini', externalRefs: (tools ?? catalog.defaultTools ?? []).filter(id => id.startsWith('mcp:')) }));
+  if (dd) dd.dataset.toolOptions = encodeURIComponent(JSON.stringify({ inheritLabel: options.inheritLabel, usesBrowser: options.usesBrowser, taskClass: options.taskClass, cwd: options.cwd, provider: options.provider, includeServers: options.includeServers, externalSelection: catalog.externalServersVersion >= 2 && options.includeServers !== false && options.provider !== 'antigravity', externalRefs: (tools ?? catalog.defaultTools ?? []).filter(id => id.startsWith('mcp:')) }));
   const label = dropdownOf(input)?.querySelector('.cc-dropdown-value');
   if (label) { label.textContent = view.summary; label.title = view.summary; }
 }

package/neural-interface/public/shared/tool-list-view.js

@@ -45,7 +45,7 @@ function groupWord(group, field, translate) {
   return group[field];
 }
 
-export const strictToolHost = provider => provider === 'opencode' || provider === 'gemini';
+export const strictToolHost = provider => provider === 'opencode' || provider === 'antigravity';
 export const taskToolHost = provider => strictToolHost(provider) || provider === 'claude-code' || provider === 'codex';
 
 /** Hidden-input encoding: inheritance differs from an explicit empty group list. */
@@ -87,7 +87,7 @@ export function toolListView(catalog, tools, { inheritLabel = null, usesBrowser,
     });
     if (options.length) entries.push({ group: word(section), options });
   }
-  if (includeServers && provider !== 'gemini' && catalog?.externalServersVersion >= 2) {
+  if (includeServers && provider !== 'antigravity' && catalog?.externalServersVersion >= 2) {
     const wildcard = refs.includes('mcp:*');
     const rows = (catalog.servers || []).filter(row => row.selectable !== false);
     // A saved unavailable ref stays visible and round-trips; loading a catalog never silently clears it.

package/neural-interface/public/shared/topright-overflow-logic.js

@@ -0,0 +1,54 @@
+// The top-right toolbar's overflow, what decides (no DOM, no imports: node --test loads it).
+// The page side is ui-topright-overflow.js.
+
+// Lowest priority first: the first entries are the first to leave the row for the ⋯ menu.
+export const OVERFLOW_ORDER = [
+  'topright-keybinds-btn',
+  'invite-overlay',
+  'topright-trash-btn',
+  'topright-bookmarks-btn',
+  'topright-antigravity-panel-btn',
+  'topright-opencode-panel-btn',
+  'topright-file-explorer-btn',
+  'topright-memory-explorer-btn',
+  'topright-codex-panel-btn',
+  'topright-update-btn',
+  'topright-claude-panel-btn',
+  'topright-assistant-panel-btn',
+  // the very last resort, a band of about 120 px: the toggle too (its entry in the menu shows and hides the tools)
+  'topright-tools-btn',
+];
+
+/**
+ * Which entries of OVERFLOW_ORDER leave the row: the fewest, in order, that bring the row's width within `available`.
+ * `total` is the row with everything in it and no ⋯; `widths[i]` what entry i takes in the row (its width and the gap
+ * before it; 0 when it is not shown at all, and then never listed); `menuWidth` what the ⋯ adds once anything
+ * overflows. Pinned entries never leave.
+ */
+export function overflowCount({ total, available, widths, menuWidth, pinned = [] }) {
+  if (total <= available) return { count: 0, hidden: [] };
+  let need = total + menuWidth;
+  const hidden = [];
+  for (let i = 0; i < widths.length && need > available; i++) {
+    if (pinned.includes(i) || !widths[i]) continue;
+    need -= widths[i];
+    hidden.push(i);
+  }
+  return { count: hidden.length, hidden };
+}
+
+/**
+ * Where a dropdown of the bar (workspaces, bookmarks, share) goes across: kept within [minLeft, maxRight] (the band's
+ * clip on the left, which already clears the Focus Mode rail and the left panels; the viewport on the right).
+ * `left` / `width` are its box as the stylesheet hangs it. Returns the `shift` (px, + is to the right) and the
+ * `maxWidth` it may take (null when it fits as it is). Too wide for the room: as wide as the room, flush with minLeft.
+ */
+export function clampDropdownX({ left, width, minLeft, maxRight }) {
+  const room = Math.max(0, maxRight - minLeft);
+  const w = Math.min(width, room);
+  const maxWidth = width > room ? room : null;
+  let x = left;
+  if (x + w > maxRight) x = maxRight - w;
+  if (x < minLeft) x = minLeft;
+  return { shift: Math.round(x - left), maxWidth };
+}

package/neural-interface/public/shared/ui-antigravity-panel.js

@@ -0,0 +1,19 @@
+// ═══════════════════════════════════════════
+// SynaBun — Antigravity Panel (barrel re-export)
+// The Antigravity side panel's entry point: one stable surface for the shared
+// UI modules (navbar, tray, detached session windows, the native-loop router,
+// the File Explorer's Send to). Implementation lives in ./agy/.
+// ═══════════════════════════════════════════
+
+export {
+  toggleAntigravityPanel,
+  isAntigravityPanelOpen,
+  bootAntigravityPanel,
+  openAntigravityWithPrompt,
+  attachPathToAntigravity,
+  attachAntigravityAutomation,
+  detachAntigravityAutomation,
+  handleAntigravityAutomationEvent,
+  antigravityPanelDefaults,
+  endHostedAntigravitySessions,
+} from './agy/agy-panel.js';

package/neural-interface/public/shared/ui-assistant.js

@@ -41,6 +41,8 @@ const hosts = createAssistantHosts({
 export const registerAssistantHost = (adapter) => hosts.register(adapter);
 export const assistantOwnerOf = (sessionId) => hosts.ownerOf(sessionId);
 export const fetchLiveAssistantSessions = () => hosts.fetchLive();
+/** The same, or null when the list could not be read (the server is starting): saved tabs are kept then. */
+export const readLiveAssistantSessions = () => hosts.readLive();
 export const isAssistantSessionLive = (meta) => hosts.isLive(meta);
 /** opts: { host, brain, resume, label, floating, prompt } */
 export const openAssistant = (opts = {}) => hosts.open(opts);

package/neural-interface/public/shared/ui-automation-studio.js

@@ -28,6 +28,9 @@ import {
   getEffortLevelsForProfile,
   getModelsForProfile,
   isDynamicModelProfile,
+  migrateLaunchRecords,
+  migrateProviderId,
+  migrateProviderModel,
   modelSelectorValue,
   modelMatchesSelector,
   normalizeEffortForProfile,
@@ -184,7 +187,7 @@ const AS_ICONS = {
   // External SVG logos (fill-based, from public/ directory)
   claude:     `<svg viewBox="0 0 24 24" width="14" height="14" fill="currentColor" fill-rule="evenodd"><path d="M4.709 15.955l4.72-2.647.08-.23-.08-.128H9.2l-.79-.048-2.698-.073-2.339-.097-2.266-.122-.571-.121L0 11.784l.055-.352.48-.321.686.06 1.52.103 2.278.158 1.652.097 2.449.255h.389l.055-.157-.134-.098-.103-.097-2.358-1.596-2.552-1.688-1.336-.972-.724-.491-.364-.462-.158-1.008.656-.722.881.06.225.061.893.686 1.908 1.476 2.491 1.833.365.304.145-.103.019-.073-.164-.274-1.355-2.446-1.446-2.49-.644-1.032-.17-.619a2.97 2.97 0 01-.104-.729L6.283.134 6.696 0l.996.134.42.364.62 1.414 1.002 2.229 1.555 3.03.456.898.243.832.091.255h.158V9.01l.128-1.706.237-2.095.23-2.695.08-.76.376-.91.747-.492.584.28.48.685-.067.444-.286 1.851-.559 2.903-.364 1.942h.212l.243-.242.985-1.306 1.652-2.064.73-.82.85-.904.547-.431h1.033l.76 1.129-.34 1.166-1.064 1.347-.881 1.142-1.264 1.7-.79 1.36.073.11.188-.02 2.856-.606 1.543-.28 1.841-.315.833.388.091.395-.328.807-1.969.486-2.309.462-3.439.813-.042.03.049.061 1.549.146.662.036h1.622l3.02.225.79.522.474.638-.079.485-1.215.62-1.64-.389-3.829-.91-1.312-.329h-.182v.11l1.093 1.068 2.006 1.81 2.509 2.33.127.578-.322.455-.34-.049-2.205-1.657-.851-.747-1.926-1.62h-.128v.17l.444.649 2.345 3.521.122 1.08-.17.353-.608.213-.668-.122-1.374-1.925-1.415-2.167-1.143-1.943-.14.08-.674 7.254-.316.37-.729.28-.607-.461-.322-.747.322-1.476.389-1.924.315-1.53.286-1.9.17-.632-.012-.042-.14.018-1.434 1.967-2.18 2.945-1.726 1.845-.414.164-.717-.37.067-.662.401-.589 2.388-3.036 1.44-1.882.93-1.086-.006-.158h-.055L4.132 18.56l-1.13.146-.487-.456.061-.746.231-.243 1.908-1.312-.006.006z"/></svg>`,
   openai:     `<svg viewBox="0 0 24 24" width="14" height="14" fill="currentColor" fill-rule="evenodd"><path d="M9.205 8.658v-2.26c0-.19.072-.333.238-.428l4.543-2.616c.619-.357 1.356-.523 2.117-.523 2.854 0 4.662 2.212 4.662 4.566 0 .167 0 .357-.024.547l-4.71-2.759a.797.797 0 00-.856 0l-5.97 3.473zm10.609 8.8V12.06c0-.333-.143-.57-.429-.737l-5.97-3.473 1.95-1.118a.433.433 0 01.476 0l4.543 2.617c1.309.76 2.189 2.378 2.189 3.948 0 1.808-1.07 3.473-2.76 4.163zM7.802 12.703l-1.95-1.142c-.167-.095-.239-.238-.239-.428V5.899c0-2.545 1.95-4.472 4.591-4.472 1 0 1.927.333 2.712.928L8.23 5.067c-.285.166-.428.404-.428.737v6.898zM12 15.128l-2.795-1.57v-3.33L12 8.658l2.795 1.57v3.33L12 15.128zm1.796 7.23c-1 0-1.927-.332-2.712-.927l4.686-2.712c.285-.166.428-.404.428-.737v-6.898l1.974 1.142c.167.095.238.238.238.428v5.233c0 2.545-1.974 4.472-4.614 4.472zm-5.637-5.303l-4.544-2.617c-1.308-.761-2.188-2.378-2.188-3.948A4.482 4.482 0 014.21 6.327v5.423c0 .333.143.571.428.738l5.947 3.449-1.95 1.118a.432.432 0 01-.476 0zm-.262 3.9c-2.688 0-4.662-2.021-4.662-4.519 0-.19.024-.38.047-.57l4.686 2.71c.286.167.571.167.856 0l5.97-3.448v2.26c0 .19-.07.333-.237.428l-4.543 2.616c-.619.357-1.356.523-2.117.523zm5.899 2.83a5.947 5.947 0 005.827-4.756C22.287 18.339 24 15.84 24 13.296c0-1.665-.713-3.282-1.998-4.448.119-.5.19-.999.19-1.498 0-3.401-2.759-5.947-5.946-5.947-.642 0-1.26.095-1.88.31A5.962 5.962 0 0010.205 0a5.947 5.947 0 00-5.827 4.757C1.713 5.447 0 7.945 0 10.49c0 1.666.713 3.283 1.998 4.448-.119.5-.19 1-.19 1.499 0 3.401 2.759 5.946 5.946 5.946.642 0 1.26-.095 1.88-.309a5.96 5.96 0 004.162 1.713z"/></svg>`,
-  gemini:     `<svg viewBox="0 0 24 24" width="14" height="14" fill="currentColor" fill-rule="evenodd"><path d="M20.616 10.835a14.147 14.147 0 01-4.45-3.001 14.111 14.111 0 01-3.678-6.452.503.503 0 00-.975 0 14.134 14.134 0 01-3.679 6.452 14.155 14.155 0 01-4.45 3.001c-.65.28-1.318.505-2.002.678a.502.502 0 000 .975c.684.172 1.35.397 2.002.677a14.147 14.147 0 014.45 3.001 14.112 14.112 0 013.679 6.453.502.502 0 00.975 0c.172-.685.397-1.351.677-2.003a14.145 14.145 0 013.001-4.45 14.113 14.113 0 016.453-3.678.503.503 0 000-.975 13.245 13.245 0 01-2.003-.678z"/></svg>`,
+  antigravity: `<svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4.5 20 12 4l7.5 16"/><path d="M8.2 20a3.8 3.8 0 0 1 7.6 0"/></svg>`,
   pin:        _s('<path d="M8 14v-3"/><path d="M4 11h8"/><path d="M10.5 2.5l3 3-2 2 .5 2-4.5.5.5-4.5 2-.5z"/>'),
 
   // UI chrome
@@ -195,8 +198,8 @@ const AS_ICONS = {
   export:     _s('<path d="M8 2v8M4 6l4-4 4 4"/><path d="M2 11v2a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-2"/>'),
 };
 
-/** Resolve icon key → SVG HTML. Falls back to refresh icon for unknown keys. */
-function icon(key) { return AS_ICONS[key] || AS_ICONS.refresh; }
+/** Resolve icon key → SVG HTML. Falls back to refresh icon for unknown keys ('gemini' reads as 'antigravity'). */
+function icon(key) { return AS_ICONS[migrateProviderId(key)] || AS_ICONS.refresh; }
 
 /** Icon keys available for template selection (excludes UI-only icons). */
 const ICON_KEYS = Object.keys(AS_ICONS).filter(k => !['back','forward','down','close','export','plus','bolt','blank'].includes(k));
@@ -205,10 +208,10 @@ const _modelLoadRequests = new Set();
 const _modelLoadAttempts = new Set();
 
 // Persistent launch preferences (remembered across launches in session)
-let _launchProfile = storage.getItem('as-launch-profile') || 'claude-code';
+let _launchProfile = migrateProviderId(storage.getItem('as-launch-profile') || 'claude-code');
 const _initialLaunchSelection = normalizeAutomationSelection(
-  storage.getItem('as-launch-profile') || 'claude-code',
-  storage.getItem('as-launch-model'), storage.getItem('as-launch-context-mode'),
+  _launchProfile,
+  migrateProviderModel(_launchProfile, storage.getItem('as-launch-model')), storage.getItem('as-launch-context-mode'),
 );
 let _launchModel = _initialLaunchSelection.model;
 let _launchContextMode = _initialLaunchSelection.contextMode || 'default';
@@ -1114,6 +1117,11 @@ function dynamicModelEmptyText(profileId) {
       ? 'No Claude Code models found — check the Claude CLI install in Settings → Terminal.'
       : 'Loading Claude Code models...';
   }
+  if (profileId === 'antigravity') {
+    return loaded
+      ? 'No Antigravity models found — check the Antigravity CLI install in Settings → Terminal.'
+      : 'Loading Antigravity models...';
+  }
   return 'No model selection available';
 }
 
@@ -2338,7 +2346,7 @@ async function loadData() {
   await fetchToolCatalog();
   // One round trip for the three lists (they were asked one after another), then the agents.
   const [templates, folders, active] = await Promise.allSettled([fetchLoopTemplates(), fetchLoopFolders(), fetchActiveLoop()]);
-  _templates = templates.status === 'fulfilled' ? templates.value : [];
+  _templates = templates.status === 'fulfilled' ? migrateLaunchRecords(templates.value) : [];
   _folders = folders.status === 'fulfilled' ? folders.value : [];
   _activeLoop = active.status === 'fulfilled' ? active.value : null;
   await refreshAgents();
@@ -3153,7 +3161,7 @@ async function saveCurrentTemplate() {
   try {
     if (_selected.id) { await updateLoopTemplate(_selected.id, payload); }
     else { const result = await createLoopTemplate(payload); if (result?.id) _selected.id = result.id; }
-    _templates = await fetchLoopTemplates();
+    _templates = migrateLaunchRecords(await fetchLoopTemplates());
     const updated = _templates.find(t => t.id === _selected.id);
     if (updated) _selected = updated;
     _originalContent = task;
@@ -3259,7 +3267,7 @@ async function customizePreset(preset) {
     };
     const result = await createLoopTemplate(payload);
     if (result?.id) {
-      _templates = await fetchLoopTemplates();
+      _templates = migrateLaunchRecords(await fetchLoopTemplates());
       const newTpl = _templates.find(t => t.id === result.id);
       if (newTpl) {
         showToast('Customized \u2014 edit and save your copy');
@@ -4574,9 +4582,9 @@ function wireInputSync(container) {
 // ═══════════════════════════════════════════
 
 async function loadScheduleData() {
-  try { _schedules = await fetchSchedules(); } catch { _schedules = []; }
+  try { _schedules = migrateLaunchRecords(await fetchSchedules()); } catch { _schedules = []; }
   try { _scheduleTimerData = await fetchScheduleTimers(); } catch { _scheduleTimerData = {}; }
-  try { _quickTimers = await fetchQuickTimers(); } catch { _quickTimers = []; }
+  try { _quickTimers = migrateLaunchRecords(await fetchQuickTimers()); } catch { _quickTimers = []; }
 }
 
 const CRON_PRESET_GROUPS = [
@@ -5095,7 +5103,7 @@ function triggerImport() {
         showToast('Invalid file format'); return;
       }
       const result = await importLoopTemplates(data);
-      _templates = await fetchLoopTemplates();
+      _templates = migrateLaunchRecords(await fetchLoopTemplates());
       renderView();
       showToast(`Imported: ${result.added} added, ${result.updated} updated`);
     } catch (err) { showToast('Import failed: ' + err.message); }