synabun 2.1.0 → 2.2.0

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); }