synabun 2.1.0 → 2.2.0

package/neural-interface/public/shared/html-shell.js

@@ -177,10 +177,10 @@ export function getSharedHTML() {
             <span class="menu-text"><span class="menu-icon"><svg viewBox="0 0 24 24" fill="currentColor"><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></span> ${t('menu.apps.codexCli')} <span class="count-badge count-badge--green menu-update-badge" id="codex-menu-update-badge"></span></span>
             <span class="menu-shortcut" data-keybind-for="launch-codex"></span>
           </div>
-          <div class="menu-item" id="menu-terminal-gemini">
+          <div class="menu-item" id="menu-terminal-antigravity">
             <span class="menu-check"></span>
-            <span class="menu-text"><span class="menu-icon"><svg viewBox="0 0 24 24" fill="currentColor"><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></span> ${t('menu.apps.geminiCli')} <span class="count-badge count-badge--green menu-update-badge" id="gemini-menu-update-badge"></span></span>
-            <span class="menu-shortcut" data-keybind-for="launch-gemini"></span>
+            <span class="menu-text"><span class="menu-icon"><svg viewBox="0 0 24 24" 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></span> ${t('menu.apps.antigravityCli')} <span class="count-badge count-badge--green menu-update-badge" id="antigravity-menu-update-badge"></span></span>
+            <span class="menu-shortcut" data-keybind-for="launch-antigravity"></span>
           </div>
           <div class="menu-item" id="menu-terminal-opencode">
             <span class="menu-check"></span>
@@ -495,7 +495,8 @@ ${is3D ? '' : `
 </div>
 
 <!-- Top-Right Controls: one row. The glass dock (workspace switcher, then the tools), then #topright-buttons: the
-     tools toggle (#topright-tools-btn, shows and hides the dock) and the agent side panels, always one row of their own.
+     ⋯ (#topright-overflow-btn: what does not fit the band, ui-topright-overflow.js), the tools toggle
+     (#topright-tools-btn, shows and hides the dock) and the agent side panels. Always one row, never wrapped.
      Snap to grid and Tile terminals are on the whiteboard rail (#wb-toolbar) and in View. The session pills
      (#term-minimized-tray) are a row under the bar, right-aligned with it (styles.css: "Fit"). -->
 <div id="topright-controls">
@@ -569,6 +570,10 @@ ${is3D ? '' : `
   </button>
   </div>
   <div id="topright-buttons">
+  <button id="topright-overflow-btn" class="topright-icon-btn" type="button" aria-haspopup="menu" aria-expanded="false" aria-controls="topright-overflow-menu" aria-label="${t('toolbar.more')}" data-tooltip="${t('toolbar.more')}">
+    <svg viewBox="0 0 24 24"><circle cx="5" cy="12" r="1.4" fill="currentColor" stroke="none"/><circle cx="12" cy="12" r="1.4" fill="currentColor" stroke="none"/><circle cx="19" cy="12" r="1.4" fill="currentColor" stroke="none"/></svg>
+  </button>
+  <div id="topright-overflow-menu" role="menu" aria-label="${t('toolbar.more')}" hidden></div>
   <button id="topright-tools-btn" class="topright-icon-btn" type="button" aria-expanded="true" aria-controls="topright-inner" aria-label="${t('toolbar.hideTools')}" data-tooltip="${t('toolbar.hideTools')}">
     <svg viewBox="0 0 24 24"><path d="M13 17l5-5-5-5"/><path d="M6 17l5-5-5-5"/></svg>
     <span class="topright-tools-dot" aria-hidden="true"></span>
@@ -588,9 +593,16 @@ ${is3D ? '' : `
     <svg viewBox="0 0 24 30" fill="currentColor"><path d="M18 6H6V24H18V6ZM24 30H0V0H24V30Z"/></svg>
     <span class="count-badge count-badge--green" id="opencode-update-badge"></span>
   </button>
+  <button id="topright-antigravity-panel-btn" class="topright-icon-btn" data-tooltip="${t('antigravityPanel.toolbar')}">
+    <svg viewBox="0 0 24 24" 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>
+    <span class="count-badge count-badge--green" id="antigravity-update-badge"></span>
+  </button>
   </div>
   <div id="term-minimized-tray"></div>
 </div>
+<button id="toolbar-show-btn" type="button" aria-pressed="true" aria-controls="wb-toolbar" aria-label="${t('toolbar.showWhiteboardToolbar')}" data-tooltip="${t('toolbar.showWhiteboardToolbar')}" hidden>
+  <img src="logo-synabun.png" alt="" draggable="false">
+</button>
 
 <!-- Help Modal -->
 <div id="help-overlay">
@@ -701,6 +713,7 @@ ${is3D ? '' : `
       <span class="fe-branch-btn-name" id="fe-branch-btn-name"></span>
       <span class="fe-branch-btn-badge" id="fe-branch-btn-badge"></span>
     </button>
+    <span class="fe-git-scan-live" id="fe-git-scan-live" role="status" aria-live="polite"></span>
   </div>
   <div class="fe-filter">
     <svg class="fe-filter-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M3 5h18l-7 8v6l-4-2v-4z"/></svg>
@@ -821,6 +834,10 @@ ${getEditorPanelHTML()}
       <button class="wb-tool wb-tool-sm" id="wb-toggle-logo" data-tooltip="Toggle logo">
         <img src="logo-synabun.png" alt="" style="width:18px;height:auto;opacity:0.6;">
       </button>
+      <div class="wb-tool-sep"></div>
+      <button class="wb-tool" id="wb-hide-btn" type="button" aria-pressed="false" aria-controls="wb-toolbar" aria-label="${t('toolbar.hideWhiteboardToolbar')}" data-tooltip="${t('toolbar.hideWhiteboardToolbar')}">
+        <svg viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M15 6l-6 6 6 6"/></svg>
+      </button>
     </div>
 
     <div id="wb-canvas">

package/neural-interface/public/shared/ocp-v2/ocp-v2-panel.js

@@ -1,3 +1,4 @@
+import { syncOpenCodeWorkerQuestions, forgetWorkerQuestions } from './ocp-v2-ws.js';
 import { workerRestart } from '../worker-restart.js';
 import { t } from '../i18n.js';
 import { hostedSidepanelId, sidepanelHost } from '../ui-sidepanel-runtime.js';
@@ -1616,7 +1617,12 @@ async function boot() {
         // the session on screen stays.
         renderPill();
       } else if (liveTabs.length) {
-        const targetSid = liveTabs[liveTabs.length - 1];
+        const pendingSid = globalThis.__synabunPendingTab?.provider === 'opencode'
+          ? String(globalThis.__synabunPendingTab.tabId || '')
+          : '';
+        const targetSid = (pendingSid && liveTabs.includes(pendingSid))
+          ? pendingSid
+          : liveTabs[liveTabs.length - 1];
         const targetInfo = _tabInfoCache.get(targetSid) || null;
         bootNav.apply(() => {
           setSession(targetSid, targetInfo);
@@ -2233,6 +2239,8 @@ function removeTab(sessionId, { byUser = false } = {}) {
   forgetWorkerEnd(_automationRunIds.get(sessionId));
   _workerEnds.delete(sessionId);
   _automationRunIds.delete(sessionId);
+  forgetWorkerQuestions(sessionId);
+  forgetWorkerQuestions(sessionId);
   unregisterAutomationSession(sessionId);
   _automationRunning.delete(sessionId);
   _automationTurn.delete(sessionId);
@@ -2273,7 +2281,7 @@ function createTabPill(sessionId) {
   });
   pill.querySelector('.term-minimized-pill-close')?.addEventListener('click', (event) => {
     event.stopPropagation();
-    closeTabByUser(sessionId, 'pill close');
+    closeTabByUser(sessionId, 'pill close', { deleteBeforeClose: true });
   });
   tray.appendChild(pill);
   return pill;
@@ -2283,10 +2291,16 @@ function createTabPill(sessionId) {
 // continued the terminal automation manually; backend cleanup is best-effort.
 // Asked first when prompts are still waiting in that session; declined: the
 // tab stays, nothing is deleted, and this resolves false.
-async function closeTabByUser(sessionId, context) {
+async function closeTabByUser(sessionId, context, { deleteBeforeClose = false } = {}) {
   if (!(await mayCloseTab(sessionId))) return false;
-  const wasRunning = sessionId === getState().sessionId && !!getState().running;
-  closeSessionBackend(sessionId, { wasRunning, context }).catch(() => {});
+  // Only the tray X waits for deletion, including a turn in a background tab.
+  // Worker tabs retain their existing stop/dismiss and transcript ownership.
+  const deletePillSession = deleteBeforeClose && !_automationRunIds.has(sessionId);
+  const wasRunning = sessionId === getState().sessionId
+    ? !!getState().running
+    : deletePillSession && _sessionBusy.get(sessionId) === true;
+  const backendClose = closeSessionBackend(sessionId, { wasRunning, context }).catch(() => {});
+  if (deletePillSession) await backendClose;
   try { await handlePillClose(sessionId, { byUser: true }); }
   catch (err) { console.warn(`[ocp-v2-panel] local ${context} failed`, err); }
   return true;
@@ -2436,9 +2450,13 @@ async function handlePillClose(sessionId, { byUser = false } = {}) {
 }
 
 // Sub-agent child panel coordination ─────────────────────────────────────────
-on('opencode-panel:show', async () => {
+on('opencode-panel:show', async (data) => {
   try {
+    const requestedId = typeof data?.tabId === 'string' ? data.tabId : '';
     await showPrimaryOpencodePanel();
+    if (requestedId && _tabSessionIds.includes(requestedId)) {
+      await switchToSession(requestedId, _tabInfoCache.get(requestedId) || null);
+    }
   } catch (err) {
     console.warn('[ocp-v2-panel] show request failed', err);
   }
@@ -2457,7 +2475,7 @@ on('opencode-panel:request-show', async () => {
 on('opencode-panel:request-new-session', () => { beginNewSession(); });
 
 // Whiteboard "Send to Panel" → attach image to compose footer if OCP v2 is the
-// active sidepanel. Mirrors the gating used by Claude/Codex/OCP v1 so the event
+// active sidepanel. Mirrors the gating used by Claude/Codex/Antigravity so the event
 // is consumed by exactly one panel.
 on('wb:send-to-panel', async ({ dataUrl }) => {
   if (!dataUrl) return;
@@ -2527,6 +2545,7 @@ export async function attachOpenCodeAutomation(run, { focus = !!run?.focus, isCa
     && (_automationContinuedManually.has(sessionId) || _automationManualSendInFlight.has(sessionId));
   _automationRunIds.set(sessionId, run.runId);
   registerAutomationSession(sessionId, run.runId);
+  syncOpenCodeWorkerQuestions(run);
   if (running || previousRunId !== run.runId) {
     _automationContinuedManually.delete(sessionId);
     _automationManualSendInFlight.delete(sessionId);
@@ -2595,6 +2614,7 @@ export async function detachOpenCodeAutomation(runId) {
   if (!entry) return false;
   const [sessionId] = entry;
   _automationRunIds.delete(sessionId);
+  forgetWorkerQuestions(sessionId);
   _automationRunning.delete(sessionId);
   _automationTurn.delete(sessionId);
   _automationContinuedManually.delete(sessionId);

package/neural-interface/public/shared/ocp-v2/ocp-v2-rehydrate.js

@@ -284,20 +284,29 @@ export async function rehydratePanelSession(store, api, {
   const left = () => { out.moved = true; return out; };
   if (!current()) return left();
 
-  if (refreshInfo) {
+  if (refreshInfo && requireInfo) {
     let res;
     try { res = await api.sessionGet(sessionId); } catch (err) { res = { ok: false, error: err?.message || String(err) }; }
     if (!current()) return left();
     if (!replyFailed(res) && res.data) { store.setSession(sessionId, res.data); out.info = true; }
-    else if (requireInfo) {
+    else {
       out.unavailable = true;
       out.error = (typeof res?.error === 'string' && res.error) || `Session ${String(sessionId).slice(0, 8)} is unavailable`;
       return out;
     }
-    // Otherwise the transcript may still answer.
   }
+  const infoTask = (refreshInfo && !requireInfo)
+    ? (async () => {
+        let res;
+        try { res = await api.sessionGet(sessionId); } catch (err) { res = { ok: false, error: err?.message || String(err) }; }
+        if (!current()) return false;
+        if (!replyFailed(res) && res.data) { store.setSession(sessionId, res.data); out.info = true; }
+        return true;
+      })()
+    : null;
   const transcript = await hydrateTranscript(store, api, { sessionId, isCurrent: current });
-  if (transcript.superseded) return left();
+  if (infoTask) await infoTask;
+  if (!current() || transcript.superseded) return left();
   out.transcript = transcript.applied;
   if (!transcript.applied) out.error = transcript.error;
   const s = store.getState();

package/neural-interface/public/shared/ocp-v2/ocp-v2-render.js

@@ -10,7 +10,7 @@
 // ─────────────────────────────────────────────────────────────────────────────
 
 import { getDefaultStore } from './ocp-v2-state.js';
-import { api, supports, isDescendantSession, isKnownDescendantSession, onEvent } from './ocp-v2-ws.js';
+import { hasWorkerQuestions, api, supports, isDescendantSession, isKnownDescendantSession, onEvent } from './ocp-v2-ws.js';
 import {
   permissionCardView, ALWAYS_ALLOW_SCOPE, replyToPermission, FOREIGN_REQUEST_MESSAGE,
   transcriptQuestionCard, answerQuestion, skipQuestion,
@@ -1001,6 +1001,12 @@ function renderToolPart(part, store) {
       done.textContent = 'Question answered.';
       return done;
     }
+    if (hasWorkerQuestions(store.getState().sessionId)) {
+      const stub = document.createElement('div');
+      stub.className = 'ocpv2-part ocpv2-part-question-stub';
+      stub.textContent = store.getState().pendingQuestions?.length ? 'Awaiting your answer…' : 'Question answered.';
+      return stub;
+    }
     // Dedup: if an SSE-driven QuestionRequest exists whose tool.callID matches
     // this tool part, let the pendingQuestions render handle it instead.
     const partCallId = part.callID || part.id;

package/neural-interface/public/shared/ocp-v2/ocp-v2-styles.js

@@ -45,6 +45,10 @@ const CSS = `
   opacity: 1;
   overflow: visible;
 }
+/* Windows: the shell is 92% opaque, so the blur behind it barely shows, yet Chromium recomputes it on every
+   repaint inside the panel (a transcript rendering, a stream). There it goes; the colour stays. */
+html.platform-win32 .ocpv2-panel,
+html.desktop-titlebar--win32 .ocpv2-panel { backdrop-filter: none; -webkit-backdrop-filter: none; }
 /* Keep footer menus above focused floating terminal windows. */
 .ocpv2-panel:has(.ocpv2-dropdown.open) {
   z-index: 99999;
@@ -464,6 +468,19 @@ const CSS = `
     rgba(232,224,220,0.0) 100%
   );
 }
+html.platform-win32 .ocpv2-session-pill.ocpv2-pill-running,
+html.desktop-titlebar--win32 .ocpv2-session-pill.ocpv2-pill-running {
+  border-color: rgba(232, 224, 220, 0.38);
+}
+html.platform-win32 .ocpv2-session-pill.ocpv2-pill-running:hover,
+html.desktop-titlebar--win32 .ocpv2-session-pill.ocpv2-pill-running:hover {
+  border-color: rgba(232, 224, 220, 0.58);
+}
+html.platform-win32 .ocpv2-session-pill.ocpv2-pill-running::before,
+html.desktop-titlebar--win32 .ocpv2-session-pill.ocpv2-pill-running::before {
+  animation: none;
+  opacity: 0;
+}
 .ocpv2-session-pill.ocpv2-pill-running .term-minimized-pill-label::before {
   content: '';
   display: inline-block;

package/neural-interface/public/shared/ocp-v2/ocp-v2-ws.js

@@ -1,3 +1,5 @@
+import { t } from '../i18n.js';
+import { answerWorkerQuestion } from '../worker-questions.js';
 // ─────────────────────────────────────────────────────────────────────────────
 // OpenCode V2 — WebSocket client (multi-panel)
 // One WS connection serves every OCP v2 panel on the page. Panels register a
@@ -27,6 +29,12 @@ const _outcomes = createOutcomeNotifications();
 
 function _fireOutcomeNotify(store, type) {
   const s = store.getState();
+  // A sub-agent finishing is an intermediate step of its parent's task, not
+  // news on its own: ensureChildSpawn gives every Task/subagent call its own
+  // panel and store, so without this a multi-step turn popped one "done" per
+  // sub-agent plus one for the task itself. Its own errors still surface —
+  // those need attention wherever they happen.
+  if (type !== NOTIF_TYPE.ERROR && s.parentSessionId) return;
   if (!_outcomes.take(s, type === NOTIF_TYPE.ERROR ? 'error' : 'done')) return;
   const baseLabel = s.sessionInfo?.title || s.sessionInfo?.info?.title || 'OpenCode';
   const label = s.parentSessionId ? `↳ ${baseLabel}` : baseLabel;
@@ -627,6 +635,41 @@ function request(payload, timeoutMs = 30000, { turnOf = '' } = {}) {
   });
 }
 
+const workerQuestionRuns = new Map();
+export const hasWorkerQuestions = (sessionId) => workerQuestionRuns.has(sessionId);
+export const forgetWorkerQuestions = (sessionId) => workerQuestionRuns.delete(sessionId);
+const workerQuestions = (run) => (run?.pending || []).filter((p) => p.kind === 'question').map((p) => ({ ...p.input, id: p.protocol?.id, sessionID: run.providerSessionId, _workerRequestId: p.requestId }));
+
+export function syncOpenCodeWorkerQuestions(run) {
+  if (run.runMode !== 'task') return;
+  const sid = run.providerSessionId;
+  const previous = workerQuestions(workerQuestionRuns.get(sid));
+  workerQuestionRuns.set(sid, run);
+  const next = workerQuestions(run);
+  for (const req of previous) if (!next.some((n) => n.id === req.id)) _asks.note('question.replied', { id: req.id, sessionID: sid });
+  for (const req of next) _asks.note('question.asked', req);
+  for (const store of _storesBySession.get(sid) || []) {
+    for (const req of previous) if (!next.some((n) => n.id === req.id)) store.removePendingQuestion(req.id);
+    for (const req of next) store.addPendingQuestion(req);
+  }
+}
+
+async function answerOpenCodeWorker({ sessionId, requestId, answers }, reject = false) {
+  let run = workerQuestionRuns.get(sessionId);
+  let pending = workerQuestions(run).find((q) => q.id === requestId);
+  // An SSE question can precede the run update. Read the authoritative pending request before answering.
+  if (!pending) {
+    const res = await fetch(`/api/assistant/runs/${encodeURIComponent(run.runId)}`);
+    if (!res.ok) throw new Error(t('workerQuestion.deliveryFailed'));
+    const body = await res.json();
+    if (!body.run) throw new Error(t('workerQuestion.deliveryFailed'));
+    run = body.run; pending = workerQuestions(run).find((q) => q.id === requestId);
+  }
+  if (pending) await answerWorkerQuestion(run.runId, pending._workerRequestId, { decision: reject ? 'deny' : 'answer', answers });
+  for (const store of _storesBySession.get(sessionId) || []) store.removePendingQuestion(requestId);
+  return { ok: true, data: true };
+}
+
 export const api = {
   init:           ()              => request({ type: 'init', windowId: nativeLoopWindowId }),
   // options: { search, archived, roots, limit }. A server without
@@ -645,9 +688,9 @@ export const api = {
   compact: ({ sessionId, cwd, tools } = {}) => request({ type: 'session:compact', sessionId, cwd, tools }, 5 * 60 * 1000),
   permissionReply: ({ sessionId, permissionId, response, cwd, message }) =>
     request({ type: 'permission:reply', sessionId, permissionId, response, cwd, message }),
-  questionList:   ({ cwd, sessionId } = {})   => request({ type: 'question:list', cwd, sessionId }),
-  questionReply:  ({ requestId, answers, cwd, sessionId }) => request({ type: 'question:reply', requestId, answers, cwd, sessionId }),
-  questionReject: ({ requestId, sessionId })  => request({ type: 'question:reject', requestId, sessionId }),
+  questionList:   ({ cwd, sessionId } = {})   => workerQuestionRuns.has(sessionId) ? Promise.resolve({ data: workerQuestions(workerQuestionRuns.get(sessionId)) }) : request({ type: 'question:list', cwd, sessionId }),
+  questionReply:  ({ requestId, answers, cwd, sessionId }) => workerQuestionRuns.has(sessionId) ? answerOpenCodeWorker({ requestId, answers, sessionId }) : request({ type: 'question:reply', requestId, answers, cwd, sessionId }),
+  questionReject: ({ requestId, sessionId })  => workerQuestionRuns.has(sessionId) ? answerOpenCodeWorker({ requestId, sessionId }, true) : request({ type: 'question:reject', requestId, sessionId }),
   toolsGet:  (sessionId) => gated({ type: 'mcp:tools:get', sessionId }),
   toolsSet:  (sessionId, tools) => gated({ type: 'mcp:tools:set', sessionId, tools }, 45_000),
 

package/neural-interface/public/shared/provider-icons.js

@@ -4,7 +4,9 @@
 
 const SVG_CLAUDE = '<svg viewBox="0 0 24 24" fill="currentColor"><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>';
 const SVG_OPENAI = '<svg viewBox="0 0 24 24" fill="currentColor"><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 0 0-.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 0 1 .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 0 1 4.21 6.327v5.423c0 .333.143.571.428.738l5.947 3.449-1.95 1.118a.432.432 0 0 1-.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 0 0 5.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 0 0 10.205 0a5.947 5.947 0 0 0-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 0 0 4.162 1.713z"/></svg>';
-const SVG_GEMINI = '<svg viewBox="0 0 24 24" fill="currentColor"><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 0 0-.975 0 14.134 14.134 0 0 1-3.679 6.452 14.155 14.155 0 0 1-4.45 3.001c-.65.28-1.318.505-2.002.678a.502.502 0 0 0 0 .975c.684.172 1.35.397 2.002.677a14.147 14.147 0 0 1 4.45 3.001 14.112 14.112 0 0 1 3.679 6.453.502.502 0 0 0 .975 0c.172-.685.397-1.351.677-2.003a14.145 14.145 0 0 1 3.001-4.45 14.113 14.113 0 0 1 6.453-3.678.503.503 0 0 0 0-.975 13.245 13.245 0 0 1-2.003-.678z"/></svg>';
+// A line drawing: its paths carry fill="none" themselves, because some places fill every icon they hold
+// (`.resume-provider-icon svg { fill: currentColor }`), which would turn the strokes into a solid triangle.
+const SVG_ANTIGRAVITY = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4.5 20 12 4l7.5 16" fill="none"/><path d="M8.2 20a3.8 3.8 0 0 1 7.6 0" fill="none"/></svg>';
 const SVG_OPENCODE = '<svg viewBox="0 0 240 300" fill="currentColor"><path fill-rule="evenodd" d="M0 0h240v300H0V0zm60 60v180h120V60H60z"/><rect x="60" y="120" width="120" height="120" opacity=".45"/></svg>';
 const SVG_SHELL = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="4 17 10 11 4 5"/><line x1="12" y1="19" x2="20" y2="19"/></svg>';
 const SVG_BROWSER = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="2" y1="12" x2="22" y2="12"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></svg>';
@@ -15,7 +17,7 @@ const PROVIDER_META = {
   'claude-code': { id: 'claude-code', label: 'Claude Code', shortLabel: 'Claude', icon: SVG_CLAUDE, color: '#D4A27F' },
   codex:         { id: 'codex',       label: 'Codex',       shortLabel: 'Codex',  icon: SVG_OPENAI, color: '#74C7A5' },
   opencode:      { id: 'opencode',    label: 'OpenCode',    shortLabel: 'OpenCode', icon: SVG_OPENCODE, color: '#E8E0DC' },
-  gemini:        { id: 'gemini',      label: 'Gemini',      shortLabel: 'Gemini', icon: SVG_GEMINI, color: '#669DF6' },
+  antigravity:   { id: 'antigravity', label: 'Antigravity', shortLabel: 'Antigravity', icon: SVG_ANTIGRAVITY, color: '#669DF6' },
   synabun:      { id: 'synabun',    label: 'SynaBun',     shortLabel: 'SynaBun', icon: SVG_SYNABUN, color: '#FFD23C' },
   shell:         { id: 'shell',       label: 'Shell',       shortLabel: 'Shell', icon: SVG_SHELL, color: '#AAAAAA' },
   browser:       { id: 'browser',     label: 'Browser',     shortLabel: 'Browser', icon: SVG_BROWSER, color: '#4FC3F7' },

package/neural-interface/public/shared/settings/settings-rules.js

@@ -20,9 +20,9 @@
 // `tx` in Settings; the wizard reads the same catalogue, i18n/en.json).
 
 /** The tools SynaBun installs rules for, in the order both surfaces list them. Cursor is copy-only. */
-export const RULES_INSTALL_HOSTS = Object.freeze(['claude', 'gemini', 'codex', 'opencode']);
+export const RULES_INSTALL_HOSTS = Object.freeze(['claude', 'antigravity', 'codex', 'opencode']);
 
-export const RULES_HOST_LABELS = Object.freeze({ claude: 'Claude Code', codex: 'Codex', opencode: 'OpenCode', gemini: 'Gemini', cursor: 'Cursor', coexistence: 'coexistence' });
+export const RULES_HOST_LABELS = Object.freeze({ claude: 'Claude Code', codex: 'Codex', opencode: 'OpenCode', antigravity: 'Antigravity', cursor: 'Cursor', coexistence: 'coexistence' });
 
 /** The states that count as "the rules are in place". `shadowed` is installed too, only not loaded (Codex's override file). */
 export const RULES_IN_PLACE = Object.freeze(['installed', 'newer', 'shadowed']);

package/neural-interface/public/shared/settings/settings-skill-folders-pane.js

@@ -66,7 +66,7 @@ export async function refreshSkillChips(root) {
     const skill = byDir.get(chip.dataset.ccSkill);
     if (!skill || chip.style.pointerEvents === 'none') continue;
     const target = chip.dataset.ccTarget;
-    const installed = skill.installedTargets || { claude: !!skill.installed, codex: false, opencode: false };
+    const installed = skill.installedTargets || { claude: !!skill.installed, codex: false, opencode: false, antigravity: false };
     const now = chipState(skill.targetStates?.[target], !!installed[target]);
     chip.classList.toggle('on', now.on);
     chip.dataset.state = now.on ? 'on' : 'off';

package/neural-interface/public/shared/settings/settings-skill-folders.js

@@ -8,7 +8,7 @@
 // each runtime chip's state (a native folder, an old bridge, someone else's folder). Every sentence is a
 // settings.redesign.skills.* key; the pane (settings-skill-folders-pane.js) draws it.
 
-const RUNTIME = { claude: 'settings.redesign.product.claude', codex: 'settings.redesign.product.codex', opencode: 'settings.redesign.product.opencode' };
+const RUNTIME = { claude: 'settings.redesign.product.claude', codex: 'settings.redesign.product.codex', opencode: 'settings.redesign.product.opencode', antigravity: 'settings.redesign.product.antigravity' };
 
 /** What the status answer says, or that the server cannot say it yet (one from before the Skills Service). */
 export function readFoldersStatus(answer) {
@@ -26,7 +26,7 @@ export function readFoldersStatus(answer) {
   };
 }
 
-const ASSISTANTS = ['claude', 'codex', 'opencode'];
+const ASSISTANTS = ['claude', 'codex', 'opencode', 'antigravity'];
 
 /**
  * The owner's assistants (GET /v2/config `assistants`: chosen, detected, effective): one chip per runtime, on when

package/neural-interface/public/shared/showcase-privacy.js

@@ -55,13 +55,18 @@ export const WHOLESALE_SELECTORS = [
   // OpenCode side panel transcript
   '.ocpv2-part-text', '.ocpv2-reasoning-body', '.ocpv2-tc-summary', '.ocpv2-tc-meta', '.ocpv2-tc-body',
   '.ocpv2-tool-input', '.ocpv2-tool-output', '.ocpv2-sb-summary',
+  // Antigravity side panel: session names, the transcript, tool and request cards, the plan, what waits to be sent
+  '.agy-session-label', '.agy-tab-label', '.agy-sess-list .agy-pop-item-title', '.agy-sess-list .agy-pop-item-meta',
+  '.agy-msg-text', '.agy-msg .agy-md', '.agy-msg-image', '.agy-thought-body',
+  '.agy-card-title', '.agy-card-subtitle', '.agy-card-text', '.agy-card-body', '.agy-card-error', '.agy-plan-text',
+  '.agy-queue-text', '.agy-chip', '.agy-folder-chip',
   // Assistant transcript, run and worker cards
   '.asst-msg-text', '.asst-md', '.asst-thinking-content', '.asst-run-title', '.asst-run-summary', '.asst-run-escalate-reason',
   '.asst-tool-detail', '.asst-tool-body', '.asst-tool-section', '.asst-tl-said', '.asst-tl-subject', '.asst-bubble-text',
   '.asst-station-sub', '.asst-station-log', '.asst-auto-title', '.asst-auto-summary', '.asst-auto-detail',
   // Composers, once they hold text (an empty one keeps its placeholder sharp)
   '#cp-input:not(:placeholder-shown)', '#cxp-input:not(:placeholder-shown)', '.ocpv2-compose-input:not(:placeholder-shown)',
-  '.asst-input:not(:placeholder-shown)',
+  '.asst-input:not(:placeholder-shown)', '.agy-input:not(:placeholder-shown)',
   // Terminal output (the WebGL canvas and the DOM renderer alike) and the terminal's browser tab
   '.term-viewport .xterm-screen', '.term-float-tab-body .xterm', '.browser-canvas', '.browser-url-input', '.browser-title-label',
   // Resume results

package/neural-interface/public/shared/sidepanel-session-status.js

@@ -8,8 +8,8 @@
 // Assistant (sessionStatus). The same source as the tray pills, never a second
 // guess. DOM-free.
 
-const WORKING = /^(cp|cxp|ocpv2|asp)-pill-running$/;
-const NEEDS_YOU = /^((cp|cxp|asp)-pill-attention|ocpv2-pill-waiting)$/;
+const WORKING = /^(cp|cxp|ocpv2|agy|asp)-pill-running$/;
+const NEEDS_YOU = /^((cp|cxp|agy|asp)-pill-attention|ocpv2-pill-waiting)$/;
 
 /** The states a detached window's pill shows: a session in it needs you > one works > none. */
 export const SESSION_WINDOW_STATES = Object.freeze(['action', 'working', 'idle']);
@@ -44,6 +44,6 @@ export function normalizeSessionWindowStatus(status) {
  */
 export function runAwaitsAnswer(run) {
   if (run?.status !== 'starting' && run?.status !== 'running') return false;
-  if (run.turnState === 'needs_input') return true;
+  if (run.turnState === 'needs_input' || run.turnState === 'awaiting_permission' || run.pending?.some((p) => p.kind === 'question')) return true;
   return run.turnState === 'idle' && (run.outcome || run.lastResult?.status) === 'needs_input';
 }

package/neural-interface/public/shared/skills/ss-creation.js

@@ -8,14 +8,14 @@
 // one reading of a request for the page and the server. No DOM and no imports.
 //
 //   describe      the owner's words only
-//   conversation  one session transcript of Claude Code, Codex or OpenCode (read by the server, as data)
+//   conversation  one session transcript of Claude Code, Codex, OpenCode or Antigravity (read by the server, as data)
 //   url           a web page, read by the server with the SynaBun browser before the worker starts (as data)
 //   repo          a registered project, read by the server: its file tree, docs, manifests and the files named
 //   memory        a recall over SynaBun's memory
 //   import        an imported skill (a staged import), or a skill of the catalog or the library, as the starting point
 
 export const SOURCE_KINDS = Object.freeze(['describe', 'conversation', 'url', 'repo', 'memory', 'import']);
-export const CONVERSATION_PROVIDERS = Object.freeze(['claude-code', 'codex', 'opencode']);
+export const CONVERSATION_PROVIDERS = Object.freeze(['claude-code', 'codex', 'opencode', 'antigravity']);
 /**
  * Who drafts: Claude Code only. A drafting worker reads hostile sources, so it is held to its folder with file tools
  * only (lib/skills/draft-confinement.js), which Claude Code enforces before any permission mode; Codex starts MCP
@@ -23,7 +23,8 @@ export const CONVERSATION_PROVIDERS = Object.freeze(['claude-code', 'codex', 'op
  */
 /** The providers a drafting run can be held to its folder on (lib/skills/draft-confinement.js draftConfinementSupport). */
 export const DRAFT_PROVIDERS = Object.freeze(['claude-code', 'codex', 'opencode']);
-export const CREATION_TARGET_RUNTIMES = Object.freeze(['claude', 'codex', 'opencode', 'agents']);
+/** Where a drafted skill may be installed later (a deploy.js target): Antigravity too, though no Antigravity worker drafts. */
+export const CREATION_TARGET_RUNTIMES = Object.freeze(['claude', 'codex', 'opencode', 'antigravity', 'agents']);
 
 /** The stages of a creation, in order; the last four end it. */
 export const CREATION_STAGES = Object.freeze(['queued', 'gathering', 'drafting', 'checking', 'submitting', 'done', 'failed', 'cancelled', 'interrupted']);
@@ -184,6 +185,8 @@ export function normalizeCreationRequest(body, { submitDefault = true } = {}) {
     const scope = t.scope === undefined || t.scope === null || t.scope === '' ? 'user' : t.scope;
     if (scope !== 'user' && scope !== 'project') { problems.push({ field: `${at}.scope`, code: 'targets-scope' }); return; }
     if (t.runtime === 'agents' && scope !== 'user') { problems.push({ field: `${at}.scope`, code: 'targets-agents-scope' }); return; }
+    // Antigravity reads a project's .agents/skills, which is the codex target with scope project.
+    if (t.runtime === 'antigravity' && scope !== 'user') { problems.push({ field: `${at}.scope`, code: 'targets-antigravity-scope' }); return; }
     const accountId = t.accountId === undefined || t.accountId === null || t.accountId === '' ? 'default' : t.accountId;
     if (typeof accountId !== 'string' || !ACCOUNT_RE.test(accountId)) { problems.push({ field: `${at}.accountId`, code: 'targets-account' }); return; }
     let projectPath = null;

package/neural-interface/public/shared/skills/ss-dialog.js

@@ -30,9 +30,11 @@ export function closeDialog() { _open?.giveUp(); }
  * @param {string|null} [o.cancelId] what Escape and a click outside answer; null: they answer null
  * @param {HTMLElement|null} [o.extra] more content after the text (a checkbox, a list)
  * @param {(answer: string, ui: object) => boolean} [o.accept] called before the answer is given: false keeps it open
+ * @param {(ui: object) => void} [o.onOpen] called once it is drawn, with { box, body, bar, byId, setDisabled, done }
+ * @param {string} [o.className] one more class on the dialog (a variant: `ss-dlg--confirm`)
  * @returns {Promise<string|null>} the id of the button, or `cancelId` / null
  */
-export function askInPanel({ host, title, lines = [], buttons, focus = null, cancelId = 'cancel', extra = null, accept = null, wide = false }) {
+export function askInPanel({ host, title, lines = [], buttons, focus = null, cancelId = 'cancel', extra = null, accept = null, wide = false, onOpen = null, className = '' }) {
   return new Promise((resolve) => {
     _open?.giveUp();
     const before = document.activeElement;
@@ -41,7 +43,7 @@ export function askInPanel({ host, title, lines = [], buttons, focus = null, can
     const backdrop = document.createElement('div');
     backdrop.className = 'ss-fd-backdrop';
     const box = document.createElement('div');
-    box.className = `ss-file-dialog ss-dlg${wide ? ' ss-dlg--wide' : ''}`;
+    box.className = `ss-file-dialog ss-dlg${wide ? ' ss-dlg--wide' : ''}${className ? ` ${className}` : ''}`;
     const uid = `ss-dlg-${Math.random().toString(36).slice(2, 8)}`;
     box.setAttribute('role', 'alertdialog');
     box.setAttribute('aria-modal', 'true');
@@ -126,5 +128,6 @@ export function askInPanel({ host, title, lines = [], buttons, focus = null, can
     const start = (focus && byId.get(focus)) || [...buttons].reverse().map((b) => byId.get(b.id)).find((n) => n && !n.disabled && !n.classList.contains('ss-dlg-btn--danger')) || enabled()[0];
     start?.focus({ preventScroll: true });
     ui.done = done;
+    if (typeof onOpen === 'function') onOpen(ui);
   });
 }

package/neural-interface/public/shared/skills/ss-lint.js

@@ -81,7 +81,12 @@ export function lintArtifact({ type, parsed, folderName = '', knownNames = [] })
       if (typeof desc !== 'string') add('description-type', 'error', `"description" must be text; it is ${kindOf(desc)}.`, lineOf('description'));
       else if (!desc.trim()) add('description-empty', 'error', '"description" is empty.', lineOf('description'));
       else {
-        if (desc.length > DESCRIPTION_MAX) add('description-length', 'error', `"description" is ${desc.length} characters; the limit is ${DESCRIPTION_MAX}.`, lineOf('description'));
+        // The 1024-character limit is the skill format's (Claude Code, Codex and the portable format refuse a longer
+        // SKILL.md). An agent or a command has none: a long description only costs context, which is no error.
+        if (desc.length > DESCRIPTION_MAX) {
+          if (type === 'skill') add('description-length', 'error', `"description" is ${desc.length} characters; the limit is ${DESCRIPTION_MAX}.`, lineOf('description'));
+          else add('description-length', 'info', `"description" is ${desc.length} characters: every session carries it, so a shorter one leaves more room.`, lineOf('description'));
+        }
         const hidden = findHiddenChars(desc);
         if (hidden.length) add('description-hidden-chars', 'error', `"description" holds characters nobody can see: ${hidden.slice(0, 5).map((h) => h.label).join(', ')}${hidden.length > 5 ? '…' : ''}.`, lineOf('description'));
       }
@@ -99,6 +104,9 @@ export function lintArtifact({ type, parsed, folderName = '', knownNames = [] })
       if (has(key) && typeof data[key] !== 'boolean') add(`${key}-type`, 'error', `"${key}" must be true or false; it is ${kindOf(data[key])}.`, lineOf(key));
     }
     for (const key of STRING_KEYS) {
+      // `argument-hint: [message]` is the form Claude Code's own documentation writes: YAML reads the brackets as a
+      // list of text and Claude Code shows it as written. Only another kind of value is an error.
+      if (key === 'argument-hint' && Array.isArray(data[key]) && data[key].every((v) => typeof v === 'string' || typeof v === 'number')) continue;
       if (has(key) && data[key] !== null && typeof data[key] !== 'string') add(`${key}-type`, 'error', `"${key}" must be text; it is ${kindOf(data[key])}.`, lineOf(key));
     }
     for (const key of TOOL_KEYS) {