synabun 2.0.10 → 2.2.0

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

@@ -5,6 +5,7 @@
 
 import { getVariant } from './registry.js';
 import { t } from './i18n.js';
+import { FRAMED_CLASS } from './app-frame.js';
 
 /**
  * The File Explorer's editor panel (slides from the file explorer's right edge).
@@ -86,6 +87,10 @@ export function getSharedHTML() {
   const is3D = variant === '3d';
 
   return `
+<!-- App frame (styles.css APP FRAME): the card's interior under the graph, its border and gutter over the windows -->
+<div id="app-frame-surface" aria-hidden="true"></div>
+<div id="app-frame" aria-hidden="true"></div>
+
 <!-- Loading Overlay -->
 <div id="loading-overlay">
   <div id="loading-mascot" data-state="asleep">
@@ -148,12 +153,6 @@ export function getSharedHTML() {
   <div class="bar-left">
     <img src="synabun.png?v=2" alt="SynaBun" id="titlebar-logo" style="height:24px;width:auto;cursor:pointer;" data-tooltip="${t('tooltip.toggleExplorer')}">
     <div class="bar-sep"></div>
-    <div class="view-toggle">
-      <a class="view-toggle-btn${is3D ? '' : ' active'}" href="${is3D ? '/index2d.html' : '#'}" id="nav-2d-link">${t('nav.toggle2d')}</a>
-      <a class="view-toggle-btn${is3D ? ' active' : ''}" href="${is3D ? '#' : '/'}" id="nav-3d-link">${t('nav.toggle3d')}</a>
-      <span class="view-toggle-sep"></span>
-    </div>
-    <div class="bar-sep"></div>
 
     <!-- OS-style menubar -->
     <div class="menubar">
@@ -178,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>
@@ -227,10 +226,6 @@ export function getSharedHTML() {
               <span class="menu-check"></span>
               <span class="menu-text"><span class="menu-icon"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg></span> WhatsApp</span>
             </div>
-            <div class="menu-item" id="menu-app-leonardo" hidden>
-              <span class="menu-check"></span>
-              <span class="menu-text"><span class="menu-icon"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M9.5 2l1.5 3.5L14.5 7l-3.5 1.5L9.5 12l-1.5-3.5L4.5 7l3.5-1.5L9.5 2zM19 10l1 2 2 1-2 1-1 2-1-2-2-1 2-1 1-2zM5 17l1 2 2 1-2 1-1 2-1-2-2-1 2-1 1-2z"/></svg></span> Leonardo.AI</span>
-            </div>
           </div>
           <div class="menu-sep"></div>
           <div class="menu-item" id="menu-command-runner">
@@ -248,7 +243,7 @@ export function getSharedHTML() {
           </div>
           <div class="menu-sep"></div>
 ${is3D ? `          <!-- Map (3D memory map) -->
-          <div class="menu-item menu-submenu-parent" id="menu-map-label" data-submenu="map" aria-haspopup="menu" aria-expanded="false">
+          <div class="menu-item menu-submenu-parent" id="menu-map-label" data-menu="graph" data-submenu="map" aria-haspopup="menu" aria-expanded="false">
             <span class="menu-check"></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"><polygon points="1 6 1 22 8 18 16 22 23 18 23 2 16 6 8 2 1 6"/><line x1="8" y1="2" x2="8" y2="18"/><line x1="16" y1="6" x2="16" y2="22"/></svg></span> ${t('nav.map')}</span>
             <span class="menu-submenu-arrow" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"/></svg></span>
@@ -500,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">
@@ -574,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>
@@ -593,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">
@@ -706,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>
@@ -826,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">
@@ -862,5 +874,8 @@ ${getEditorPanelHTML()}
  * Call this once at the start of variant main.js, BEFORE any DOM queries.
  */
 export function injectSharedHTML() {
+  // The workspace sits in the inset rounded frame (app-frame.js): set before the shell lands, so nothing is laid
+  // out once without it.
+  document.documentElement.classList.add(FRAMED_CLASS);
   document.body.insertAdjacentHTML('afterbegin', getSharedHTML());
 }

package/neural-interface/public/shared/i18n.js

@@ -246,6 +246,8 @@ export function setLocaleChoice(choice) {
   const value = choice === SYSTEM_LOCALE ? SYSTEM_LOCALE : (SUPPORTED_LOCALES.includes(choice) ? choice : null);
   if (!value) return false;
   storage.setItem(LOCALE_STORAGE_KEY, value);
+  // Windows that open again after the reload (the Schedules window) note it now, while they are open.
+  try { globalThis.window?.dispatchEvent?.(new CustomEvent('synabun:locale-change', { detail: { choice: value } })); } catch { /* nobody listens */ }
   // The store writes to the server after a pause; the reload must read the new choice.
   // (A write still pending when the page unloads goes out as a beacon, so a slow server only delays the reload.)
   const written = Promise.resolve().then(() => storageModule.flushStorage?.()).catch(() => {});

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

@@ -200,14 +200,14 @@ export async function setAutoAccept(store, api, enabled, { cwd, isDescendant } =
 }
 
 /**
- * How long an "Always allow" lasts, for the card. On OpenCode 1.18.34 the
- * answer is kept by the serve process that runs the session: the patterns are
- * allowed for the project on that serve until it restarts. It is not written
- * to OpenCode's saved-permissions store (`/api/permission/saved` stays empty
- * after an "always"; checked against a live serve), so there is no list of
- * earlier answers to show or take back.
+ * How far an "Always allow" reaches, for the card. OpenCode 2 saves the answer
+ * for the session's project: after an "always" reply on 2.1.4,
+ * `GET /api/permission/saved` lists `{ projectID, action, resource }` with the
+ * card's pattern (checked against a live serve), so it holds in every session
+ * of that project and outlives the serve. The panel shows no list of saved
+ * answers; OpenCode's own saved permissions are where one is taken back.
  */
-export const ALWAYS_ALLOW_SCOPE = 'until this session\u2019s OpenCode runtime restarts';
+export const ALWAYS_ALLOW_SCOPE = 'in every session of this project: OpenCode saves the answer';
 
 // ── Questions ───────────────────────────────────────────────────────────────
 // The answer path of a question card, whatever built the card: a request in

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

@@ -63,7 +63,7 @@ function frozenCopy(value, seen = new Map()) {
  *   isCurrent()  an extra veto, e.g. "this child panel is still the open one"
  * Returns a frozen token:
  *   binding, sessionId, cwd, directory (cwd, else the session's directory),
- *   model, variant, agent, mode, mcpProfile, sessionInfo (model and
+ *   model, variant, agent, mode, tools, sessionInfo (model and
  *   sessionInfo are frozen copies, nested objects included)
  *   isCurrent()  the store is still on this binding
  *   isStale()    the opposite
@@ -90,7 +90,7 @@ export function captureBinding(store, { sessionId, isCurrent } = {}) {
     variant: s.variant || null,
     agent: s.agent || null,
     mode: s.mode || null,
-    mcpProfile: s.mcpProfile || null,
+    tools: s.tools ? frozenCopy(s.tools) : null,
     sessionInfo: s.sessionInfo ? frozenCopy(s.sessionInfo) : null,
     isCurrent: current,
     isStale: () => !current(),
@@ -218,8 +218,8 @@ export function boundReader(store) {
 // another tab after it. Both were started on the same binding.
 //
 // So where the panel goes has an identity of its own. Every choice of the user
-// (a tab, a session in the menu, New session, another project, a new worktree)
-// begins an intent, and a navigation binds the panel only while its intent is
+// (a tab, a session in the menu, New session, another project) begins an
+// intent, and a navigation binds the panel only while its intent is
 // the latest one: after every wait it checks `isCurrent()`, and it binds
 // through `apply()`. A later choice always wins over an older one that is
 // still in flight. A rebinding nobody announced (the active tab was closed)

package/neural-interface/public/shared/ocp-v2/ocp-v2-changes-logic.js

@@ -59,113 +59,15 @@ export function changesTabs(supports = () => false) {
   return tabs;
 }
 
-// ── Worktrees ───────────────────────────────────────────────────────────────
-
-/**
- * Watch one worktree creation from request to ready.
- *
- * Subscribe before asking OpenCode to create the worktree (worktree.ready can
- * beat the reply), then call `identify(name)` with the name the reply carries.
- * Until then events are kept, not acted on: `worktree.ready` names its
- * worktree, so only the one for `name` counts, and another window's or
- * project's creation finishing first changes nothing.
- *
- * The outcome is decided by that ready event and nothing else. `worktree.failed`
- * carries a message and no name (1.18.34: `{ message }`), so a failure cannot
- * be told apart from the failure of another creation on the same serve
- * (another window, another project). It therefore never ends this creation:
- * the message is kept, the wait goes on, and a ready for `name` still wins. If
- * no ready arrives before `timeoutMs`, the last resort, the result says so and
- * quotes the failure that was seen, as what it is: possibly this creation's,
- * possibly not. What this costs: a creation that really failed is reported
- * after the timeout instead of at once.
- *
- *   subscribe(listener)  raw event subscription, returns unsubscribe
- *   returns { result, identify(name), cancel(error?) }
- *   result resolves { ok: true } or { ok: false, error, failureSeen? }
- */
-export function watchWorktree(subscribe, {
-  timeoutMs = 60_000, setTimer = setTimeout, clearTimer = clearTimeout,
-} = {}) {
-  let name = '';
-  let done = false;
-  let unsubscribe = () => {};
-  let timer = null;
-  let failure = '';                    // the last unattributable worktree.failed message
-  const readyNames = new Set();        // worktree.ready seen before identify()
-  let resolveResult;
-  const result = new Promise((resolve) => { resolveResult = resolve; });
-
-  const finish = (outcome) => {
-    if (done) return;
-    done = true;
-    if (timer) clearTimer(timer);
-    try { unsubscribe(); } catch { /* already gone */ }
-    resolveResult(outcome);
-  };
-
-  unsubscribe = subscribe((eventType, ev) => {
-    if (done) return;
-    if (eventType === 'worktree.ready') {
-      const readyName = typeof ev?.name === 'string' ? ev.name : '';
-      if (!readyName) return;
-      if (!name) readyNames.add(readyName);
-      else if (readyName === name) finish({ ok: true });
-    } else if (eventType === 'worktree.failed') {
-      failure = ev?.message || 'OpenCode could not prepare a worktree.';
-    }
-  });
-  timer = setTimer(() => finish(worktreeTimeoutOutcome(failure)), timeoutMs);
-
-  return {
-    result,
-    /** The create reply named the worktree: act on what was seen so far. */
-    identify(worktreeName) {
-      if (done || name) return;
-      name = String(worktreeName || '');
-      if (!name) { finish({ ok: false, error: 'OpenCode did not name the new worktree.' }); return; }
-      if (readyNames.has(name)) finish({ ok: true });
-    },
-    cancel(error = 'Worktree creation was cancelled.') { finish({ ok: false, error }); },
-  };
-}
-
-/** What the wait reports when no ready event for the worktree came in time. */
-export function worktreeTimeoutOutcome(failure) {
-  if (!failure) return { ok: false, error: 'The worktree was not ready in time.' };
-  return {
-    ok: false,
-    failureSeen: failure,
-    error: `The worktree was not ready in time. OpenCode reported a worktree failure meanwhile, which may or may not be this one (the report names no worktree): ${failure}`,
-  };
-}
-
-/**
- * Wait for the worktree called `name` (already known) to be ready.
- * Resolves { ok: true } on its worktree.ready, { ok: false, error } on a
- * failure or after `timeoutMs`.
- */
-export function waitForWorktree(subscribe, name, options = {}) {
-  const watch = watchWorktree(subscribe, options);
-  watch.identify(name);
-  return watch.result;
-}
-
 // ── New-session dialog ──────────────────────────────────────────────────────
 
 /**
  * What "Save" in the new-session dialog does.
- *   { project, branch, currentBranch, wantsWorktree, cwd }
- * → { worktree, checkout, projectChanged }
- * A session in a new worktree never touches the project's own checkout: the
- * worktree is created from what the project has checked out now (OpenCode's
- * worktree.create takes no base), so no branch is switched for it.
+ *   { project, branch, currentBranch, cwd } → { checkout, projectChanged }
  */
-export function newSessionPlan({ project = '', branch = '', currentBranch = '', wantsWorktree = false, cwd = '' } = {}) {
-  const worktree = !!wantsWorktree && !!project;
-  const switchBranch = !worktree && !!project && !!branch && !!currentBranch && branch !== currentBranch;
+export function newSessionPlan({ project = '', branch = '', currentBranch = '', cwd = '' } = {}) {
+  const switchBranch = !!project && !!branch && !!currentBranch && branch !== currentBranch;
   return {
-    worktree,
     checkout: switchBranch ? { path: project, branch } : null,
     projectChanged: !!project && project !== (cwd || ''),
   };

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

@@ -20,6 +20,7 @@ import { state, emit } from '../state.js';
 import { injectStyles } from './ocp-v2-styles.js';
 import { getDefaultStore } from './ocp-v2-state.js';
 import { wireFileLinks } from '../ui-file-links.js';
+import { frameRect } from '../app-frame.js';
 import { mountRenderer } from './ocp-v2-render.js';
 import { mountCompose } from './ocp-v2-send.js';
 import { trackContextGauge } from './ocp-v2-context-gauge.js';
@@ -205,6 +206,7 @@ export function createChildPanel({
     _contextGauge = trackContextGauge(store);
     _compactControl = createCompactControl(store);
     _contextMenu = mountContextMenu(actions, panel, store, {
+      bounds: frameRect,   // the popover stays in the app frame
       compact: _compactControl,
       agent: () => _taskInfo?.subagentType || '',
     });

package/neural-interface/public/shared/ocp-v2/ocp-v2-compact-button.js

@@ -40,9 +40,7 @@ export function createCompactControl(store = getDefaultStore()) {
       const res = await api.compact({
         sessionId: at.sessionId,
         cwd: s.cwd || undefined,
-        mcpProfile: s.mcpProfile || undefined,
-        // OpenCode 1.18 compacts through session.summarize, which needs a model.
-        model: s.model || undefined,
+        tools: s.tools || undefined,
       });
       if (at.isCurrent() && (res?.error || res?.ok === false)) {
         const msg = res?.error || res?.data?.error || 'Compact failed';

package/neural-interface/public/shared/ocp-v2/ocp-v2-composer-logic.js

@@ -20,8 +20,6 @@ export const LOCAL_SLASH_COMMANDS = Object.freeze([
   { name: 'compact', description: 'Compact context', action: 'compact', aliases: ['summarize'] },
   { name: 'undo', description: 'Undo the last prompt', action: 'undo', needs: ['session:revert'] },
   { name: 'redo', description: 'Restore what was undone', action: 'redo', needs: ['session:unrevert'] },
-  { name: 'share', description: 'Share this session (public link)', action: 'share', needs: ['session:share', 'session:unshare'] },
-  { name: 'unshare', description: 'Stop sharing this session', action: 'unshare', needs: ['session:share', 'session:unshare'] },
   { name: 'export', description: 'Export the transcript as JSON', action: 'export' },
   { name: 'fork', description: 'Fork this session', action: 'fork', needs: ['session:fork'] },
   { name: 'models', description: 'Pick a model', action: 'models' },
@@ -49,9 +47,8 @@ const SERVER_SOURCES = new Set(['command', 'skill', 'mcp']);
  *   legacy          { skills, userCommands } from the pre-SDK REST lists, used
  *                   only when serverCommands is null
  *   supports(type)  capability check
- *   sharePolicy     OpenCode's `share` setting; 'disabled' removes /share and /unshare
  */
-export function buildSlashCatalog({ serverCommands = null, legacy = null, supports = () => false, sharePolicy = null } = {}) {
+export function buildSlashCatalog({ serverCommands = null, legacy = null, supports = () => false } = {}) {
   const out = [];
   const seen = new Set();
   const add = (entry) => {
@@ -62,7 +59,6 @@ export function buildSlashCatalog({ serverCommands = null, legacy = null, suppor
   };
   for (const cmd of LOCAL_SLASH_COMMANDS) {
     if ((cmd.needs || []).some((type) => !supports(type))) continue;
-    if (sharePolicy === 'disabled' && (cmd.action === 'share' || cmd.action === 'unshare')) continue;
     add({ name: cmd.name, description: cmd.description, aliases: cmd.aliases || [], source: 'builtin', kind: 'local', action: cmd.action });
   }
   const canRun = supports('command:run');
@@ -153,7 +149,7 @@ export function helpCardView({ catalog = [], supports = () => false, canAct = tr
     name: 'Enter',
     text: 'While a turn runs, Enter queues the prompt. The queue is listed above the box and sent in order when the turn ends; after a failed turn it waits for Resume.',
   }] });
-  const mine = ['Copy', canAct && supports('session:revert') && 'Undo to here', canAct && supports('session:fork') && 'Fork from here', canAct && supports('message:delete') && 'Delete'].filter(Boolean);
+  const mine = ['Copy', canAct && supports('session:revert') && 'Undo to here', canAct && supports('session:fork') && 'Fork from here'].filter(Boolean);
   const replies = ['Copy', canAct && supports('session:revert') && 'Retry'].filter(Boolean);
   sections.push({ title: 'Message actions', rows: [
     { name: 'Your prompts', text: `Hover one: ${mine.join(', ')}.` },

package/neural-interface/public/shared/ocp-v2/ocp-v2-context-menu.js

@@ -12,7 +12,7 @@
 // every render reads the store again.
 // ─────────────────────────────────────────────────────────────────────────────
 
-import { api, supports, onEvent, sdkVersion } from './ocp-v2-ws.js';
+import { api, supports, onEvent } from './ocp-v2-ws.js';
 import { getDefaultStore } from './ocp-v2-state.js';
 import { replyFailed, replyError } from './ocp-v2-caps.js';
 import { boundReader, onRebind } from './ocp-v2-binding.js';
@@ -199,6 +199,7 @@ function turnsOf(s) {
  *   opts.onManage()   opens the MCP manager; without it there is no "Manage"
  *   opts.onOpen()     the popover is about to open (the panel closes its other menus)
  *   opts.agent()      the agent this panel's session runs as, when the panel knows better than the store
+ *   opts.bounds()     the area the popover stays in ({ left, top, right, bottom }: the app frame); the window without it
  * Returns { element, open(), close({ focus }), isOpen(), sync(), destroy() }.
  */
 export function mountContextMenu(actionsEl, panelEl, store = getDefaultStore(), opts = {}) {
@@ -244,7 +245,6 @@ export function mountContextMenu(actionsEl, panelEl, store = getDefaultStore(),
       // A sub-agent's store hears the version only on a status change; the
       // main one has it from init, and there is one OpenCode behind both.
       serverVersion: s.serverVersion || getDefaultStore().getState().serverVersion || '',
-      sdkVersion: sdkVersion(),
       updateAvailable: updateAvailableVersion(),
       sessionId: s.sessionId || '',
       folder: s.cwd || s.sessionInfo?.directory || '',
@@ -278,23 +278,23 @@ export function mountContextMenu(actionsEl, panelEl, store = getDefaultStore(),
   }
 
   // Below the cog, its right edge on the cog's; above it when there is more room
-  // there; always inside the viewport, scrolling inside when it is taller.
+  // there; always inside the app frame, scrolling inside when it is taller.
   function place() {
     if (!open || !pop) return;
     const r = cog.getBoundingClientRect();
-    const vw = window.innerWidth;
-    const vh = window.innerHeight;
-    const width = Math.max(0, Math.min(WIDTH, vw - MARGIN * 2));
+    // Inside the area the panel names (the app frame), else the window
+    const f = opts.bounds?.() || { left: 0, top: 0, right: window.innerWidth, bottom: window.innerHeight, width: window.innerWidth };
+    const width = Math.max(0, Math.min(WIDTH, f.width - MARGIN * 2));
     pop.style.width = `${width}px`;
-    const below = vh - r.bottom - GAP - MARGIN;
-    const above = r.top - GAP - MARGIN;
+    const below = f.bottom - r.bottom - GAP - MARGIN;
+    const above = r.top - f.top - GAP - MARGIN;
     const up = below < 220 && above > below;
     pop.style.maxHeight = `${Math.max(120, up ? above : below)}px`;
     const height = pop.offsetHeight;
-    const left = Math.max(MARGIN, Math.min(r.right - width, vw - width - MARGIN));
+    const left = Math.max(f.left + MARGIN, Math.min(r.right - width, f.right - width - MARGIN));
     const top = up
-      ? Math.max(MARGIN, r.top - GAP - height)
-      : Math.max(MARGIN, Math.min(r.bottom + GAP, vh - MARGIN - height));
+      ? Math.max(f.top + MARGIN, r.top - GAP - height)
+      : Math.max(f.top + MARGIN, Math.min(r.bottom + GAP, f.bottom - MARGIN - height));
     pop.style.left = `${Math.round(left)}px`;
     pop.style.top = `${Math.round(top)}px`;
     // Once it has its width: only now is a cut value known.

package/neural-interface/public/shared/ocp-v2/ocp-v2-context-model.js

@@ -143,9 +143,6 @@ export function contextMenuModel(d = {}) {
   const notice = updateNoticeText(d.updateAvailable, d.serverVersion);
   const versions = [['OpenCode', d.serverVersion ? String(d.serverVersion) : NOT_REPORTED]];
   if (notice) versions.push(['Update', `${String(d.updateAvailable).replace(/^v/i, '')} available`, notice]);
-  versions.push(d.sdkVersion
-    ? ['OpenCode SDK', String(d.sdkVersion), '@opencode-ai/sdk, the client SynaBun talks to OpenCode through']
-    : ['OpenCode SDK', NOT_REPORTED, d.serverVersion ? 'Restart SynaBun to see the SDK version here.' : '']);
 
   const sessionId = d.sessionId ? String(d.sessionId) : '';
   const sessionRows = [

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

@@ -1,3 +1,4 @@
+import { toolWord } from '../tool-list-picker.js';
 // ─────────────────────────────────────────────────────────────────────────────
 // OpenCode V2 — events → store (no DOM, no socket)
 // One function per concern so node:test can drive them with a real store:
@@ -188,12 +189,15 @@ export function applyEvent(store, eventType, ev = {}, hooks = {}) {
     case 'session.diff':
       store.setSessionDiff(ev.diff);
       break;
-    case 'mcp.profile.changed':
-      store.setMcpProfile(ev.profile || null);
+    case 'synabun.mcp.status':
+      if (ev.text) store.pushError({ message: ev.text, notice: true });
       break;
-    case 'mcp.profile.refresh.failed':
+    case 'mcp.tools.changed':
+      store.setTools(ev.tools ?? null);
+      break;
+    case 'mcp.tools.refresh.failed':
       store.pushError({
-        message: ev.error || `MCP profile changed to ${ev.profile || 'the requested profile'}, but OpenCode could not reload its tools.`,
+        message: ev.error || toolWord('reloadFailed'),
         raw: ev,
       });
       break;

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

@@ -28,7 +28,7 @@ import { on } from '../state.js';
 import { setSidepanelVisible } from '../ui-sidepanel-windows.js';
 import { createPanelStore } from './ocp-v2-state.js';
 import { createChildPanel } from './ocp-v2-childpanel.js';
-import { inheritChildPanelMcpProfile } from './ocp-v2-profile-inheritance.js';
+import { inheritChildPanelTools } from './ocp-v2-tools-inheritance.js';
 import { notify as uiNotify, NOTIF_TYPE } from '../ui-notifications.js';
 import {
   isAutomationSession, onAutomationSessionRegistered, shouldMaterializeChildPanel,
@@ -513,12 +513,12 @@ function parentTitleFor(reg, parentSid) {
   } catch { return 'parent'; }
 }
 
-// The tool profile the user chose for a session (the project bar saves it
+// The tool list the user chose for a session (the project bar saves it
 // under this key): what a sub-agent of a session that is not on screen inherits.
-const MCP_SESSION_PROFILE_KEY = 'synabun-opencode-session-mcp-profiles';
-function savedSessionProfile(sessionId) {
+const MCP_SESSION_TOOLS_KEY = 'synabun-opencode-session-tools';
+function savedSessionTools(sessionId) {
   try {
-    const parsed = JSON.parse(storage.getItem(MCP_SESSION_PROFILE_KEY) || '{}');
+    const parsed = JSON.parse(storage.getItem(MCP_SESSION_TOOLS_KEY) || '{}');
     return (parsed && typeof parsed === 'object' && parsed[sessionId]) || null;
   } catch { return null; }
 }
@@ -529,8 +529,8 @@ function spawnChildPanel({ childSessionId, childInfo, parentPanelId, parentSessi
   store.setSession(childSessionId, childInfo || null);
   store.setParentSession(parentSessionId, parentPanelId);
   // The parent's profile: the primary store's only while it is bound to that
-  // parent (see inheritChildPanelMcpProfile).
-  inheritChildPanelMcpProfile(store, _primary?.store, childInfo, { parentSessionId, savedProfile: savedSessionProfile });
+  // parent (see inheritChildPanelTools).
+  inheritChildPanelTools(store, _primary?.store, childInfo, { parentSessionId, savedTools: savedSessionTools });
 
   const wsUnsub = subscribeSession(childSessionId, store);
 

package/neural-interface/public/shared/ocp-v2/ocp-v2-outcome-notifications.js

@@ -0,0 +1,16 @@
+// Running is a display hint: tool activity, replay and automation reattachment
+// can all set it. Only a new prompt gives completion notifications a new owner.
+export function createOutcomeNotifications() {
+  const outcomes = new Map();
+  return {
+    take(state, type) {
+      const prompt = [...(state.messageOrder || [])].reverse().find(id => state.messages?.get(id)?.role === 'user');
+      const key = `${state.sessionId || ''}:${prompt || ''}`;
+      const last = outcomes.get(key);
+      if (last === type || (last === 'error' && type === 'done')) return false;
+      outcomes.set(key, type);
+      if (outcomes.size > 200) outcomes.delete(outcomes.keys().next().value);
+      return true;
+    },
+  };
+}