synabun 2.1.0 → 2.2.0

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

@@ -2,24 +2,25 @@
 // SynaBun Neural Interface — Resume Sessions
 // Toolbar dropdown for browsing and resuming
 // past CLI sessions across projects.
-// Supports: Claude Code, Codex CLI, Gemini CLI, OpenCode.
+// Supports: Claude Code, Codex CLI, Antigravity CLI, OpenCode.
 // ═══════════════════════════════════════════
 
 import { emit, on } from './state.js';
-import { fetchClaudeSessions, fetchCodexSessions, fetchOpencodeSessions, fetchGeminiSessions, searchMemories, searchSessions, startSessionIndexing, cancelSessionIndexing, fetchIndexingStatus } from './api.js';
+import { fetchClaudeSessions, fetchCodexSessions, fetchOpencodeSessions, fetchAntigravitySessions, searchMemories, searchSessions, startSessionIndexing, cancelSessionIndexing, fetchIndexingStatus } from './api.js';
 import { isGuest, hasPermission } from './ui-sync.js';
 import { storage } from './storage.js';
 import { getProviderMeta, PROVIDER_META } from './provider-icons.js';
+import { migrateProviderId } from './agent-runtime-options.js';
 
 const $ = (id) => document.getElementById(id);
 
 // ── CLI providers for Resume ──
-const RESUME_PROVIDERS = ['claude-code', 'codex', 'gemini', 'opencode'];
+const RESUME_PROVIDERS = ['claude-code', 'codex', 'antigravity', 'opencode'];
 const PROVIDER_FETCH = {
   'claude-code': fetchClaudeSessions,
   'codex':       fetchCodexSessions,
   'opencode':    fetchOpencodeSessions,
-  'gemini':      fetchGeminiSessions,
+  'antigravity': fetchAntigravitySessions,
 };
 
 // ── State ──
@@ -28,7 +29,7 @@ let _searchDebounce = null;
 let _currentSearch = '';
 let _expandedProject = null;  // path of currently expanded project
 let _loading = false;
-let _selectedProvider = storage.getItem('synabun-resume-provider') || 'claude-code';
+let _selectedProvider = migrateProviderId(storage.getItem('synabun-resume-provider') || 'claude-code');
 const _projectsByProvider = new Map();
 const _loadPromises = new Map();
 
@@ -177,9 +178,10 @@ async function loadAllProjects(search = '') {
     _loading = true;
     try {
       // When actively searching, route through the FTS5 + semantic hybrid endpoint
-      // so we match the full session body, not just the first prompt.
+      // so we match the full session body, not just the first prompt (every provider,
+      // Antigravity's conversations too: lib/session-cache-builder.js).
       let projects;
-      if (search && search.trim().length >= 2 && provider !== 'gemini') {
+      if (search && search.trim().length >= 2) {
         const data = await searchSessions({
           q: search,
           provider,

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

@@ -13,6 +13,7 @@ import { KEYS } from './constants.js';
 import { isGuest, hasPermission, showGuestToast } from './ui-sync.js';
 import { registerLaunchPrefetch } from './launch-prefetch.js';
 import { sendToPanel } from './ui-claude-panel.js';
+import { openAntigravityWithPrompt } from './ui-antigravity-panel.js';
 import { getProviderMeta } from './provider-icons.js';
 import {
   getNativeLoopRouterClaimToken,
@@ -29,6 +30,9 @@ import {
   getModelsForProfile,
   formatModelOptionLabel,
   isDynamicModelProfile,
+  migrateLaunchRecords,
+  migrateProviderId,
+  migrateProviderModel,
   modelSelectorValue,
   modelMatchesSelector,
   normalizeEffortForProfile,
@@ -143,9 +147,9 @@ let _promptBackdrop = null;
 let _promptKeyHandler = null;
 const _modelLoadRequests = new Set();
 
-let _launchProfile = storage.getItem('as-launch-profile') || 'claude-code';
+let _launchProfile = migrateProviderId(storage.getItem('as-launch-profile') || 'claude-code');
 const _storedLaunchSelection = normalizeAutomationSelection(
-  _launchProfile, 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 = _storedLaunchSelection.model;
 let _launchContextMode = _storedLaunchSelection.contextMode || 'default';
@@ -583,16 +587,17 @@ async function loadData() {
   ]);
   if (seq !== _loadSeq) return; // a newer load is under way: it finishes for both
   const failed = [];
+  // A record still saved for the Gemini CLI reads as Antigravity's (migrateLaunchRecords).
   if (schedules.status === 'fulfilled' && Array.isArray(schedules.value)) {
-    _schedules = schedules.value;
+    _schedules = migrateLaunchRecords(schedules.value);
     _loaded.schedules = true;
   } else failed.push(['schedules', failureReason(schedules)]);
   if (templates.status === 'fulfilled' && Array.isArray(templates.value)) {
-    _templates = templates.value;
+    _templates = migrateLaunchRecords(templates.value);
     _loaded.templates = true;
   } else failed.push(['automations', failureReason(templates)]);
   if (groups.status === 'fulfilled' && Array.isArray(groups.value)) {
-    _groups = groups.value;
+    _groups = migrateLaunchRecords(groups.value);
     _loaded.groups = true;
     if (groupIdOf(_scope) && !getGroup(groupIdOf(_scope))) setScope('all', { keepEditors: true });
   } else failed.push(['groups', failureReason(groups)]);
@@ -633,7 +638,7 @@ async function loadTimers() {
   const failed = [];
   if (timers.status === 'fulfilled' && timers.value && typeof timers.value === 'object') _scheduleTimerData = timers.value;
   else failed.push(failureReason(timers));
-  if (quick.status === 'fulfilled' && Array.isArray(quick.value)) _quickTimers = quick.value;
+  if (quick.status === 'fulfilled' && Array.isArray(quick.value)) _quickTimers = migrateLaunchRecords(quick.value);
   else failed.push(failureReason(quick));
   _timersLoaded = true;
   _timersError = failed.length ? t('schedules.load.timersFailed', { reasons: [...new Set(failed)].join('; ') }) : null;
@@ -2880,6 +2885,7 @@ function openPromptScheduleModal() {
   document.body.appendChild(_promptBackdrop);
 
   const claudeMeta = getProviderMeta('claude-code');
+  const antigravityMeta = getProviderMeta('antigravity');
   const opencodeMeta = getProviderMeta('opencode');
   const codexMeta = getProviderMeta('codex');
   _promptModal = document.createElement('div');
@@ -2907,6 +2913,14 @@ function openPromptScheduleModal() {
         </span>
         <span class="sched-prompt-pill sched-prompt-pill--active">${te('schedules.prompt.ready')}</span>
       </button>
+      <button class="sched-prompt-tile" style="--provider-color:${antigravityMeta.color};" data-action="prompt-modal-pick" data-runtime="antigravity">
+        <span class="sched-prompt-tile-logo" aria-hidden="true">${antigravityMeta.icon}</span>
+        <span class="sched-prompt-tile-body">
+          <span class="sched-prompt-tile-title">${antigravityMeta.label}</span>
+          <span class="sched-prompt-tile-sub">Google</span>
+        </span>
+        <span class="sched-prompt-pill sched-prompt-pill--active">${te('schedules.prompt.ready')}</span>
+      </button>
       <button class="sched-prompt-tile disabled" style="--provider-color:${opencodeMeta.color};" disabled aria-disabled="true">
         <span class="sched-prompt-tile-logo" aria-hidden="true">${opencodeMeta.icon}</span>
         <span class="sched-prompt-tile-body">
@@ -2963,7 +2977,7 @@ function closePromptScheduleModal() {
 }
 
 async function handlePromptPick(runtime, triggerEl = null) {
-  if (runtime !== 'claude-code') {
+  if (runtime !== 'claude-code' && runtime !== 'antigravity') {
     showToast(t('schedules.toast.comingSoon'));
     return;
   }
@@ -2972,14 +2986,31 @@ async function handlePromptPick(runtime, triggerEl = null) {
     triggerEl.setAttribute('aria-busy', 'true');
   }
   try {
-    await sendToPanel('/synabun schedule', { newTab: true, tabLabel: t('schedules.prompt.tabLabel'), autoSubmit: true });
+    if (runtime === 'antigravity') {
+      // The Antigravity panel reads `/synabun …` as the bundled skill only on a server whose panel bridge says so
+      // (lib/antigravity/panel-bridge.js 'synabun-command'); an older one would send the words as they are.
+      if (!(await antigravityTakesSynabunCommands())) { showToast(t('schedules.toast.restartForAntigravity')); return; }
+      await openAntigravityWithPrompt('/synabun schedule', { newTab: true, send: true });
+    } else {
+      await sendToPanel('/synabun schedule', { newTab: true, tabLabel: t('schedules.prompt.tabLabel'), autoSubmit: true });
+    }
   } catch (err) {
-    showToast(t('schedules.toast.panelFailed', { error: err.message }));
+    showToast(t(runtime === 'antigravity' ? 'schedules.toast.antigravityPanelFailed' : 'schedules.toast.panelFailed', { error: err.message }));
   } finally {
     closePromptScheduleModal();
   }
 }
 
+/** Whether this server's Antigravity panel runs `/synabun …` (GET /api/antigravity/panel lists 'synabun-command'). */
+async function antigravityTakesSynabunCommands() {
+  try {
+    const res = await fetch('/api/antigravity/panel');
+    if (!res.ok) return false;
+    const body = await res.json();
+    return Array.isArray(body?.capabilities) && body.capabilities.includes('synabun-command');
+  } catch { return false; }
+}
+
 // ── Timers: writes ──
 
 async function createQuickTimerFromForm(runNow) {
@@ -3166,7 +3197,7 @@ function setupSync() {
     refresh();
   });
   on('sync:schedule-group:reordered', (data) => {
-    if (Array.isArray(data?.groups)) _groups = data.groups;
+    if (Array.isArray(data?.groups)) _groups = migrateLaunchRecords(data.groups);
     refresh();
   });
   on('sync:quick-timer:set', (data) => {

package/neural-interface/public/shared/ui-scroll-follow.js

@@ -129,24 +129,34 @@ export function createStickyScrollController(container, options = {}) {
 
   const ResizeObserverCtor = view.ResizeObserver || globalThis.ResizeObserver;
   const MutationObserverCtor = view.MutationObserver || globalThis.MutationObserver;
-  const observedChildren = new WeakSet();
+  // ResizeObserver retains its targets, even after they leave the transcript.
+  // Keep only current rows: OpenCode replaces a row on every streaming update.
+  const observedChildren = new Set();
   const resizeObserver = ResizeObserverCtor
     ? new ResizeObserverCtor(() => scrollToBottom())
     : null;
   const observeChildren = () => {
     if (!resizeObserver) return;
-    resizeObserver.observe(container);
-    for (const child of container.children) {
+    const current = new Set(container.children);
+    for (const child of observedChildren) {
+      if (current.has(child)) continue;
+      resizeObserver.unobserve(child);
+      observedChildren.delete(child);
+    }
+    for (const child of current) {
       if (observedChildren.has(child)) continue;
       observedChildren.add(child);
       resizeObserver.observe(child);
     }
   };
+  resizeObserver?.observe(container);
   observeChildren();
 
   const mutationObserver = MutationObserverCtor
-    ? new MutationObserverCtor(() => {
-      observeChildren();
+    ? new MutationObserverCtor((records) => {
+      if (disposed) return;
+      // Nested text/class changes need scrolling, but cannot change row ownership.
+      if (records.some(record => record.type === 'childList' && record.target === container)) observeChildren();
       scrollToBottom();
     })
     : null;
@@ -173,6 +183,7 @@ export function createStickyScrollController(container, options = {}) {
       disposed = true;
       cancelScheduled();
       resizeObserver?.disconnect();
+      observedChildren.clear();
       mutationObserver?.disconnect();
       container.removeEventListener('scroll', onScroll);
       container.removeEventListener('wheel', onWheel);

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

@@ -16,6 +16,8 @@ import { getProviderMeta } from './provider-icons.js';
 import { sendToPanel as sendToClaudePanel, isClaudePanelOpen } from './ui-claude-panel.js';
 import { toggleCodexPanel, isCodexPanelOpen } from './cdx/cdx-panel.js';
 import { openOpencodeWithPrompt } from './ui-opencode-panel-v2.js';
+import { openAntigravityWithPrompt } from './ui-antigravity-panel.js';
+import { dropdownHTML, wireDropdowns } from './cc-dropdown.js';
 import { fetchRulesStatus, installAllRules, ackRulesNotice } from './api.js';
 import { centeredInFrame } from './app-frame.js';
 
@@ -34,7 +36,8 @@ let isVisible = false;
 let _stalledTickerTimer = null;
 
 // ── Pending-Remember picker state ──
-const PROVIDER_LABELS = { claude: 'Claude Code', codex: 'Codex', opencode: 'OpenCode' };
+const PROVIDER_LABELS = { claude: 'Claude Code', codex: 'Codex', opencode: 'OpenCode', antigravity: 'Antigravity' };
+const PR_PROVIDERS = Object.keys(PROVIDER_LABELS);
 let _prPicker = { open: false, provider: 'claude', model: '', modelsByProvider: {}, loading: null };
 
 // ── Notifications state ──
@@ -45,7 +48,7 @@ const RULES_HOSTS = {
   claude:   { label: 'Claude Code', provider: 'claude-code', section: 'setup-claude' },
   codex:    { label: 'Codex',       provider: 'codex',       section: 'setup-codex' },
   opencode: { label: 'OpenCode',    provider: 'opencode',    section: 'setup-opencode' },
-  gemini:   { label: 'Gemini',      provider: 'gemini',      section: 'setup-gemini' },
+  antigravity: { label: 'Antigravity', provider: 'antigravity', section: 'setup-antigravity' },
 };
 // The host states that need the user: each one opens Settings > Setup.
 const RULES_ATTENTION = { outdated: 'Update available', modified: 'Edited copy', conflict: 'Needs repair' };
@@ -976,20 +979,18 @@ function renderPendingRememberPicker() {
   const models = _prPicker.modelsByProvider[provider] || [];
   const loading = _prPicker.loading === provider;
 
-  const providerBtns = ['claude', 'codex', 'opencode'].map(p => `
+  const providerBtns = PR_PROVIDERS.map(p => `
     <button class="sm-btn sm-pr-prov${p === provider ? ' active' : ''}" data-pr-provider="${p}">
       ${esc(PROVIDER_LABELS[p])}
     </button>
   `).join('');
 
-  let modelOptions = '<option value="">— select model —</option>';
-  if (loading) modelOptions = '<option value="">Loading…</option>';
-  else if (models.length === 0) modelOptions = '<option value="">No models found</option>';
-  else {
-    modelOptions += models.map(m =>
-      `<option value="${esc(m.id)}"${m.id === _prPicker.model ? ' selected' : ''}>${esc(m.label || m.id)}</option>`
-    ).join('');
-  }
+  // The app's styled dropdown (cc-dropdown.js), wired once on the drawer's body (openPanel).
+  let modelEntries = [{ value: '', label: '— select model —', selected: !_prPicker.model }];
+  if (loading) modelEntries = [{ value: '', label: 'Loading…', selected: true }];
+  else if (models.length === 0) modelEntries = [{ value: '', label: 'No models found', selected: true }];
+  else modelEntries = modelEntries.concat(models.map(m => ({ value: m.id, label: m.label || m.id, selected: m.id === _prPicker.model })));
+  const modelPicker = dropdownHTML('sm-pr-model', modelEntries, { label: 'Model', classes: 'sm-pr-dropdown', disabled: loading || models.length === 0 });
 
   return `<div class="sm-cleanup-bar sm-pr-picker">
     <div class="sm-pr-row">
@@ -998,7 +999,7 @@ function renderPendingRememberPicker() {
     </div>
     <div class="sm-pr-row">
       <span class="sm-pr-label">Model</span>
-      <select id="sm-pr-model" class="sm-pr-select"${loading || models.length === 0 ? ' disabled' : ''}>${modelOptions}</select>
+      ${modelPicker}
     </div>
     <div class="sm-pr-row sm-pr-actions">
       <button class="sm-btn" id="sm-pr-cancel">Cancel</button>
@@ -1033,6 +1034,10 @@ async function loadProviderModels(provider) {
         }
       }
       models = flat;
+    } else if (provider === 'antigravity') {
+      // What an Antigravity session offers (lib/antigravity/catalog.js: one row per model, its thinking levels apart).
+      const r = await fetch('/api/antigravity/models').then(r => r.json()).catch(() => null);
+      models = (Array.isArray(r?.models) ? r.models : []).filter(m => m && m.id).map(m => ({ id: String(m.id), label: String(m.label || m.id) }));
     } else if (provider === 'codex') {
       // Codex models come from the running CLI (WebSocket). Provide a sensible static list.
       models = [
@@ -1101,6 +1106,9 @@ async function runPendingRemembers() {
     } else if (provider === 'opencode') {
       try { localStorage.setItem('ocp:lastModel', model); } catch {}
       await openOpencodeWithPrompt(res.prompt, { autoSend: true });
+    } else if (provider === 'antigravity') {
+      // A tab of its own, on the chosen model when its session offers it, sent at once.
+      await openAntigravityWithPrompt(res.prompt, { newTab: true, send: true, model });
     } else if (provider === 'codex') {
       try { localStorage.setItem('cxp:model', model); } catch {}
       if (!isCodexPanelOpen()) await toggleCodexPanel();
@@ -1187,6 +1195,8 @@ function openPanel() {
   // ESC key to close (removed with the panel, however it closes)
   _panelLife?.abort();
   _panelLife = new AbortController();
+  // The styled dropdowns of whatever the body draws (the Pending-Remember model picker), once for the panel's life.
+  wireDropdowns(_panel.querySelector('#sm-body'), { signal: _panelLife.signal });
   const onEsc = (e) => {
     if (e.key === 'Escape' && _panel) closePanel();
   };