synabun 2.0.10 → 2.1.0

package/neural-interface/public/shared/cdx/cdx-requests.js

@@ -12,7 +12,7 @@ import {
   buildSynaBunChoiceContent,
   codexApprovalDecisionActions,
   codexHeldServerRequests,
-  codexMcpElicitationMeta,
+  codexMcpToolApproval,
   codexMcpToolApprovalActions,
   codexPermissionApprovalActions,
   codexRequestIdentityKey,
@@ -546,9 +546,9 @@ export function isElicitationValueSatisfied(value, schema) {
 
 export function renderMcpToolApprovalRequest(requestId, params) {
   if (_ctx.requestCards.has(String(requestId))) return;
-  const metadata = codexMcpElicitationMeta(params);
+  const approval = codexMcpToolApproval(params);
   const serverName = String(params?.serverName || 'MCP');
-  const toolName = String(metadata.tool_name || metadata.toolName || 'unknown tool');
+  const toolName = approval?.toolName || 'unknown tool';
   const entry = createInteractiveRequestCard(requestId, {
     title: `${serverName} Tool Approval`,
     subtitle: 'mcp tool approval',

package/neural-interface/public/shared/cdx/cdx-skill-hints.js

@@ -0,0 +1,54 @@
+// ═══════════════════════════════════════════
+// SynaBun Neural Interface — Codex panel: native skills in the slash hints
+// ═══════════════════════════════════════════
+//
+// Codex lists its skills itself (app-server skills/list): each with its name, its SKILL.md path and its scope.
+// A hint keeps that path, so picking one sends Codex's own `skill` input (name + path: the exact skill, even when
+// two share a name) with the prompt, instead of only the text "/name" (SK-050). Same-named skills are told apart
+// by their scope in the hint. No DOM: cdx-tabs.js draws the hints, the tests read this.
+
+const SCOPE_LABEL = { user: 'personal', repo: 'repository', system: 'Codex', admin: 'admin' };
+
+/**
+ * Hint rows of native skills: `{ cmd, desc, skill: { name, path }, scope }`, enabled ones only, sorted.
+ * @param {object[]} skills skills/list entries (name, description, path, scope, enabled)
+ * @param {Set<string>} [taken] commands already shown (built-ins win their name)
+ */
+export function skillHintEntries(skills, taken = new Set()) {
+  const rows = (Array.isArray(skills) ? skills : [])
+    .filter((s) => s && s.enabled !== false)
+    .map((s) => {
+      const name = String(s.name || s.dirName || '').trim();
+      return { cmd: name ? `/${name}` : '', desc: String(s.description || '').trim(), skill: typeof s.path === 'string' && s.path ? { name, path: s.path } : null, scope: s.scope || null };
+    })
+    .filter((row) => row.cmd !== '/' && row.cmd && !taken.has(row.cmd));
+  const counts = rows.reduce((m, r) => m.set(r.cmd, (m.get(r.cmd) || 0) + 1), new Map());
+  for (const row of rows) {
+    if (counts.get(row.cmd) > 1) row.desc = `(${SCOPE_LABEL[row.scope] || row.scope || 'other'}) ${row.desc}`.trim();
+  }
+  return rows.sort((a, b) => a.cmd.localeCompare(b.cmd) || String(a.scope).localeCompare(String(b.scope)));
+}
+
+/**
+ * The native skill inputs a prompt carries: the picked skill, while the prompt still starts with its /name.
+ * @param {string} prompt the text being sent
+ * @param {{ cmd: string, name: string, path: string }|null} pending what was picked from the hints
+ * @returns {{ name: string, path: string }[]}
+ */
+export function skillsForPrompt(prompt, pending) {
+  if (!pending || typeof pending.cmd !== 'string' || typeof pending.path !== 'string') return [];
+  const text = String(prompt || '').trimStart();
+  if (text !== pending.cmd && !text.startsWith(`${pending.cmd} `) && !text.startsWith(`${pending.cmd}\n`)) return [];
+  return [{ name: pending.name, path: pending.path }];
+}
+
+/**
+ * The skills_list request the panel sends for a tab: Codex's app-server (0.164.0, checked 2026-10-23) keeps its skill
+ * list until asked with forceReload, and sends no notification of its own when a skill folder appears or changes, so
+ * after SynaBun installed, removed or changed a skill (skills:changed) the next request forces the reload; otherwise
+ * the cached list is enough. The forced reload also refreshes the skills the app-server offers its threads.
+ * @param {{ project?: string|null }} tab @param {boolean} changed whether a skills:changed arrived since the last list
+ */
+export function skillsListRequest(tab, changed) {
+  return { cwds: tab?.project ? [tab.project] : [], forceReload: changed === true };
+}

package/neural-interface/public/shared/cdx/cdx-styles.js

@@ -352,6 +352,12 @@ export function injectStyles() {
       display: inline-flex; align-items: center; gap: 3px;
       position: relative;
     }
+    /* SVGs with only a viewBox have platform-dependent intrinsic sizes. */
+    .cxp-toolbar-toggle > svg {
+      width: var(--cxp-space-3);
+      height: var(--cxp-space-3);
+      flex-shrink: 0;
+    }
     .cxp-toolbar-toggle::after {
       content: '';
       position: absolute; bottom: 0; left: 25%; right: 25%;
@@ -774,6 +780,7 @@ export function injectStyles() {
     /* ── Project bar and dropdowns ── */
     .cxp-projectbar {
       display: flex;
+      flex-wrap: wrap;
       align-items: center;
       gap: 4px;
       padding: 4px 10px 0;
@@ -796,7 +803,6 @@ export function injectStyles() {
       transition: background var(--cxp-dur-fast);
     }
     .cxp-dropdown-sm { max-width: 72px; }
-    #cxp-profile { max-width: 80px; }
     .cxp-dropdown:hover {
       background: var(--cxp-surface-1);
     }
@@ -1691,6 +1697,7 @@ export function injectStyles() {
     .cxp-thinking .cxp-msg-think-dots span:nth-child(2) { animation-delay: 0.2s; }
     .cxp-think-dots span:nth-child(3),
     .cxp-thinking .cxp-msg-think-dots span:nth-child(3) { animation-delay: 0.4s; }
+    .cxp-reasoning[hidden] { display: none; }
     .cxp-reasoning.cxp-reasoning-done .cxp-think-dots { display: none; }
     .cxp-thinking {
       display: flex;
@@ -2521,7 +2528,7 @@ export function injectStyles() {
     }
     /* The wrap draws the input's edge: 1px of padding over a border-coloured fill. */
     .cxp-input-wrap {
-      flex: 1; position: relative;
+      flex: 0 0 auto; position: relative;
       margin: 8px 8px 2px;
       border-radius: var(--cxp-radius-lg);
       padding: 1px;
@@ -2687,6 +2694,7 @@ export function injectStyles() {
       background: var(--cxp-surface-2);
     }
     .cxp-projectbar-actions {
+      flex-shrink: 0;
       display: flex;
       align-items: center;
       gap: 2px;
@@ -3087,7 +3095,7 @@ export function injectStyles() {
       color: var(--cxp-text-2);
       background: var(--cxp-surface-1);
       margin-bottom: 2px;
-      cursor: grab;
+      cursor: move;
     }
     .cxp-queue-item.dragging { opacity: 0.4; }
     .cxp-queue-item.drag-over { box-shadow: inset 0 2px 0 var(--cxp-text-2); }

package/neural-interface/public/shared/cdx/cdx-tabs.js

@@ -1,3 +1,4 @@
+import { cxpText, cxpSessionLabel } from './cdx-copy.js';
 import { mountCodexSettings } from './cdx-settings.js';
 import { t } from '../i18n.js';
 import { getCliState, isCliInstalling } from '../cli-status.js';
@@ -31,6 +32,7 @@ import {
 } from '../agent-runtime-options.js';
 import { CodexModelCatalog, codexModelAccountKey, codexContextAvailability } from './cdx-model-catalog.js';
 import { nativeLoopWindowId } from '../ui-native-window-id.js';
+import { skillHintEntries, skillsForPrompt, skillsListRequest } from './cdx-skill-hints.js';
 import { syncSidepanelLayout, focusSidepanel, isHostedSessionFocused } from '../ui-sidepanel-windows.js';
 import { notify, NOTIF_TYPE } from '../ui-notifications.js';
 import { createStickyScrollController } from '../ui-scroll-follow.js';
@@ -298,7 +300,6 @@ function buildWsCallbacks(tab, options = {}) {
           userVerification: true,
           windowId: windowId,
           accountId: _accountId || 'default',
-          mcpProfile: tab.mcpProfile || null,
           ...codexRuntimeSelection(tab),
         });
       } else {
@@ -310,7 +311,6 @@ function buildWsCallbacks(tab, options = {}) {
           threadId: _threadId || null,
           cwd: _project || null,
           accountId: _accountId || 'default',
-          mcpProfile: tab.mcpProfile || null,
           ...codexRuntimeSelection(tab),
         });
       }
@@ -369,7 +369,6 @@ function buildWsCallbacks(tab, options = {}) {
           _accountId = msg.accountId;
           if (_boundTab) _boundTab.accountId = _accountId;
         }
-        if (msg.mcpProfile && _boundTab) _boundTab.mcpProfile = msg.mcpProfile;
         // A reattached app-server can still have a different process-active
         // thread. Preserve the tab's displayed thread instead of adopting it.
         _threadId = _threadId || msg.threadId || null;
@@ -395,7 +394,6 @@ function buildWsCallbacks(tab, options = {}) {
           threadId: _threadId || null,
           cwd: _project || null,
           accountId: _accountId || 'default',
-          mcpProfile: tab.mcpProfile || null,
           ...codexRuntimeSelection(tab),
         });
       } else {
@@ -408,7 +406,6 @@ function buildWsCallbacks(tab, options = {}) {
           threadId: _threadId || null,
           cwd: _project || null,
           accountId: _accountId || 'default',
-          mcpProfile: tab.mcpProfile || null,
           ...codexRuntimeSelection(tab),
         });
       }
@@ -426,10 +423,6 @@ function buildWsCallbacks(tab, options = {}) {
       restoreMcpAppCards(_messagesEl, { tab: _boundTab, items: _items, request: requestSocketPayloadForTab, draft: setMcpAppDraft });
       if (_boundTab) _boundTab.bootstrapped = true;
       ensureCodexTerminalAuth(tab);
-      if (msg.mcpProfile && _boundTab) {
-        _boundTab.mcpProfile = msg.mcpProfile;
-        if (activeTab() === _boundTab) _onActiveTabChanged?.(_boundTab);
-      }
       if (Object.prototype.hasOwnProperty.call(msg, 'threadId')) {
         _threadId = msg.threadId || null;
         if (_boundTab) _boundTab.threadId = _threadId;
@@ -694,11 +687,6 @@ function buildWsCallbacks(tab, options = {}) {
         }
         renderStatusChrome();
       }
-      if (msg.type === 'mcp_profile_changed' && msg.profile) {
-        if (_boundTab) _boundTab.mcpProfile = msg.profile;
-        if (activeTab() === _boundTab) _onActiveTabChanged?.(_boundTab);
-        saveTabs();
-      }
       if (msg.type === 'mcp_approval_updated' && msg.name) {
         const server = _mcpServers.get(msg.name);
         if (server) {
@@ -848,6 +836,9 @@ let _interruptRetried = false;
 let _prevInputTokens = 0;
 let _skillsCache = null;
 let _skillsPromise = null;
+// A skills:changed arrived since the list was last read: the next skills_list asks the app-server to reload its skills
+// (cdx-skill-hints.js skillsListRequest).
+let _skillsChanged = false;
 let _blockingServerRequests = new Map();
 let _bufferedSocketMessages = [];
 
@@ -1861,14 +1852,19 @@ async function restoreCanonicalPlan(tab, thread) {
 }
 
 // ── Formatting & helpers (lines 1148-1421) ──
+function codexStatusText(status) {
+  const known = {"pending": "pending", "completed": "completed", "complete": "complete", "inProgress": "in progress", "failed": "failed", "declined": "declined"};
+  return Object.hasOwn(known, status) ? cxpText(`status_${status}`, known[status]) : status;
+}
+
 export function formatStatus(status) {
-  if (!status) return 'pending';
-  if (typeof status === 'string') return status;
+  if (!status) return codexStatusText('pending');
+  if (typeof status === 'string') return codexStatusText(status);
   if (typeof status === 'object') {
     const [key, val] = Object.entries(status)[0] || [];
-    if (!key) return 'pending';
-    if (val && typeof val === 'object' && val.message) return `${key}: ${val.message}`;
-    return key;
+    if (!key) return codexStatusText('pending');
+    if (val && typeof val === 'object' && val.message) return `${codexStatusText(key)}: ${val.message}`;
+    return codexStatusText(key);
   }
   return String(status);
 }
@@ -2457,10 +2453,10 @@ export function setSessionLabel(label, { persist = true } = {}) {
   }
   if (isActiveTab(_boundTab)) {
     const labelEl = panelEl('#cxp-session-label');
-    if (labelEl) labelEl.replaceChildren(document.createTextNode(_sessionLabel));
+    if (labelEl) labelEl.replaceChildren(document.createTextNode(cxpSessionLabel(_sessionLabel)));
     // The whole name, for when the header shows only part of it.
     const sessionBtn = panelEl('#cxp-session-btn');
-    if (sessionBtn) sessionBtn.title = _sessionLabel;
+    if (sessionBtn) sessionBtn.title = cxpSessionLabel(_sessionLabel);
     syncLegacyState();
   }
   updateTrayPillLabel();
@@ -2508,6 +2504,11 @@ function scheduleCodexTitleReassert(tab) {
 
 function applyCodexProviderTitle(title) {
   const tab = _boundTab;
+  // Dispatch metadata owns the panel label; reading history must never rename the provider thread.
+  if (tab?.automationRunId) {
+    setSessionLabel(tab.automationTitle || tab.sessionLabel);
+    return;
+  }
   const incoming = normalizeSessionLabel(title || '');
   const desiredTitle = normalizeSessionLabel(tab?.pendingSessionLabel || tab?.sessionLabel || '');
   const authoritative = tab
@@ -2788,7 +2789,6 @@ export function createTab(saved = {}, { autoSwitch = true } = {}) {
   const inheritedAccountId = saved.accountId ?? activeTab()?.accountId ?? 'default';
   const inheritedEffort = saved.effort ?? activeTab()?.effort ?? (storage.getItem(STOR.effort) || 'off');
   const inheritedAutoAccept = codexNewTabAutoAccept(saved, activeTab(), storedAutoAccept());
-  const inheritedMcpProfile = saved.mcpProfile ?? null;
   const automationRunId = saved.automationRunId || null;
   const inheritedPlanMode = automationRunId ? false : (saved.planMode ?? activeTab()?.planMode ?? false);
   const hasExplicitTitle = !!title && !['new session', 'saved session', 'untitled session', 'codex'].includes(title.toLowerCase());
@@ -2816,7 +2816,6 @@ export function createTab(saved = {}, { autoSwitch = true } = {}) {
     extendedContextVerificationArmed: false,
     effort: inheritedEffort,
     autoAccept: inheritedAutoAccept,
-    mcpProfile: inheritedMcpProfile,
     planMode: inheritedPlanMode,
     sessionListRequest: null,
     threadStartRequest: null,
@@ -2898,6 +2897,7 @@ export function createTab(saved = {}, { autoSwitch = true } = {}) {
     isolationRejections: {},
     ownedThreadIds: new Set(),
     automationRunId,
+    automationTitle: automationRunId ? (saved.automationTitle || title || '') : '',
     automationActive: !!saved.automationActive,
     automationAwaits: false, // the run's turn ended asking the user (runAwaitsAnswer, set by its attach): the pill needs you
     automationOwnerId: saved.automationOwnerId || null,
@@ -3039,7 +3039,6 @@ export function saveTabs() {
           contextMode: normalizeCodexContextMode(tab.contextMode),
           effort: tab.effort || 'off',
           autoAccept: !!tab.autoAccept,
-          mcpProfile: tab.mcpProfile || null,
           planMode: !!tab.planMode,
           planFilePath: tab.planFilePath || '',
           planContent: tab.planContent || '',
@@ -3062,6 +3061,7 @@ export function saveTabs() {
           postCompactionPending: tab.postCompactionPromptSource === 'manual' && !!tab.postCompactionPending,
           postCompactionPromptSource: tab.postCompactionPromptSource === 'manual' ? 'manual' : '',
           automationRunId: tab.automationRunId || null,
+          automationTitle: tab.automationTitle || '',
           automationActive: !!tab.automationActive,
           automationOwnerId: tab.automationOwnerId || null,
           releasedRunId: tab.releasedRunId || null,
@@ -3520,7 +3520,7 @@ export function setThread(thread) {
   _freshThread = false;
   // History and a new thread carry the provider's name or, without one, the
   // first prompt. A name the user gave stays, and is sent to the provider again.
-  if (_boundTab?.titleByUser && hasCustomSessionLabel(_boundTab)) {
+  if (_boundTab?.automationRunId || (_boundTab?.titleByUser && hasCustomSessionLabel(_boundTab))) {
     applyCodexProviderTitle(getThreadLabel(thread, _sessionLabel || 'New session'));
   } else {
     setSessionLabel(getThreadLabel(thread, 'New session'));
@@ -5140,6 +5140,10 @@ export function dispatchPrompt(prompt, { tab = activeTab(), images = null, paths
   };
   if (tab?.model) msg.model = tab.model;
   if (tab?.effort && tab.effort !== 'off') msg.effort = tab.effort;
+  // A native skill picked from the hints (SK-050): sent as Codex's own skill input, once.
+  const nativeSkills = skillsForPrompt(inputText, tab?.pendingSkill);
+  if (nativeSkills.length) msg.skills = nativeSkills;
+  if (tab) tab.pendingSkill = null;
   // A person's own turn: the greeting engine keeps when they were last here. The greeting this
   // tab opened with goes back once, with the first prompt of its new thread.
   msg.human = true;
@@ -5968,7 +5972,7 @@ export function syncToolbarState() {
     effortBtn.title = `Reasoning effort: ${selected?.label || effort}`;
     effortBtn.classList.toggle('active', effort !== 'off');
     const label = effortBtn.querySelector('.cxp-btn-label');
-    if (label) label.textContent = effort === 'off' ? 'Effort' : (selected?.label || effort);
+    if (label) label.textContent = effort === 'off' ? cxpText('effortLabel', 'Effort') : cxpText(`effort_${effort}`, selected?.label || effort);
     const dots = effortBtn.querySelectorAll('.cxp-effort-dots i');
     const litCount = Math.max(0, options.findIndex((option) => option.id === effort));
     dots.forEach((d, i) => d.classList.toggle('lit', i < litCount));
@@ -5999,7 +6003,7 @@ export function syncToolbarState() {
     contextBtn.disabled = !!(tab?.running || tab?.startingThread || tab?.compacting)
       || (mode !== 'extended' && !supportsExtended);
     const label = contextBtn.querySelector('.cxp-btn-label');
-    if (label) label.textContent = mode === 'extended' ? 'Extended' : 'Default';
+    if (label) label.textContent = mode === 'extended' ? cxpText('extended', 'Extended') : cxpText('default', 'Default');
     if (availability.reason) {
       contextBtn.title = availability.reason;
     } else if (mode !== 'extended') {
@@ -7215,6 +7219,15 @@ export function renderImageStrip() {
 // ── Whiteboard "Send to Panel" — receive image via event bus ──
 // Any window or surface changed a Codex account (signed in or out, a key, its mode, renamed, added,
 // removed): the menu re-reads the list, and the tabs on that account re-check sign-in.
+// A skill was installed, removed or changed (Skills Studio, Settings, an agent): the app-server is asked to reload its
+// skills at once (it does not watch the folders itself), so the hints and the thread's skills are current before the
+// next "/" is typed.
+appOn('sync:skills:changed', () => {
+  _skillsCache = null; _skillsPromise = null; _skillsChanged = true;
+  if (!activeTab()) return;
+  _skillsPromise = loadSlashCommands().catch(() => {}).finally(() => { _skillsPromise = null; });
+});
+
 appOn('sync:codex:accounts-changed', (msg = {}) => {
   refreshCodexAccounts().catch(() => {});
   for (const tab of _tabs) if (!msg.accountId || serverAccountId(tab.accountId) === msg.accountId) void tab.terminalAuthView?.refresh();
@@ -7491,16 +7504,12 @@ export async function loadSlashCommands() {
     if (!tab) return commands;
     const capabilities = await getCodexCapabilities(tab);
     commands = codexCommandHints(capabilities);
-    const data = await requestSocketPayloadForTab(tab, 'skills_list', { cwds: tab.project ? [tab.project] : [] });
+    const reload = _skillsChanged;
+    const data = await requestSocketPayloadForTab(tab, 'skills_list', skillsListRequest(tab, reload));
+    if (reload) _skillsChanged = false;
     const seen = new Set(BUILTIN_SLASH_COMMANDS.map((entry) => entry.cmd));
-    const skillCommands = flattenNativeCatalog(data, 'skills')
-      .filter((skill) => skill.enabled !== false)
-      .map((skill) => ({
-        cmd: '/' + String(skill.name || skill.dirName || '').trim(),
-        desc: String(skill.description || '').trim(),
-      }))
-      .filter((skill) => skill.cmd !== '/' && !seen.has(skill.cmd))
-      .sort((a, b) => a.cmd.localeCompare(b.cmd));
+    // Each native skill keeps its SKILL.md path: picking it sends Codex's own skill input (cdx-skill-hints.js).
+    const skillCommands = skillHintEntries(flattenNativeCatalog(data, 'skills'), seen);
     _skillsCache = [...commands, ...skillCommands];
   } catch {
     _skillsCache = commands;
@@ -7563,15 +7572,19 @@ export function showSlashHints(text) {
     descSpan.className = 'cxp-slash-hint-desc';
     descSpan.textContent = c.desc;
     item.append(cmdSpan, descSpan);
-    item.addEventListener('click', () => selectSlashHint(c.cmd));
+    item._hint = c;
+    item.addEventListener('click', () => selectSlashHint(c.cmd, c));
     hintsEl.appendChild(item);
   });
 }
 
-export function selectSlashHint(cmd) {
+export function selectSlashHint(cmd, hint = null) {
   const input = panelEl('#cxp-input');
   hideComposerHints();
   if (!input) return;
+  // A native skill picked here goes as Codex's own skill input with the prompt, while the prompt starts with it.
+  const pickTab = activeTab();
+  if (pickTab) pickTab.pendingSkill = hint?.skill ? { cmd: hint.cmd, name: hint.skill.name, path: hint.skill.path } : null;
   const command = CODEX_COMMAND_BY_NAME.get(String(cmd).replace(/^\//, ''));
   if (command?.name === 'model') {
     panelEl('#cxp-model')?.classList.toggle('open');
@@ -7609,7 +7622,7 @@ export function confirmSlashHint() {
     return true;
   }
   const cmdEl = items[_slashActiveIdx]?.querySelector('.cxp-slash-hint-cmd');
-  if (cmdEl) selectSlashHint(cmdEl.textContent);
+  if (cmdEl) selectSlashHint(cmdEl.textContent, items[_slashActiveIdx]._hint || null);
   return true;
 }
 

package/neural-interface/public/shared/cdx/cdx-ws.js

@@ -223,7 +223,6 @@ function handleSocketMessage(msg, tab, callbacks) {
     case 'rate_limits':
     case 'status_snapshot':
     case 'mcp_status':
-    case 'mcp_profile_changed':
     case 'config_saved':
     case 'mcp_refreshed':
     case 'mcp_oauth_done':

package/neural-interface/public/shared/cli-install-view.js

@@ -34,7 +34,6 @@ export const CLI_INSTALL_COPY = Object.freeze({
   stepPath: 'Adding the CLI folder to your PATH…',
   stepPathAdded: 'Added {dir} to your PATH',
   bodyMissing: 'Install it with one click from {vendor}\'s official installer, or run:',
-  bodyMissingArchive: 'Install it with one click from {vendor}\'s official release, or run:',
   bodyMissingManual: 'Install it with this command, then re-check:',
   bodyBroken: '{label} was found at {path}, but it could not be started:',
   bodyBrokenVersion: '{label} {version} was found at {path}, but it could not be started:',
@@ -50,8 +49,6 @@ export const CLI_INSTALL_COPY = Object.freeze({
   stepDownloadReceived: 'Downloading: {received} MB',
   stepVerify: 'Checking the download…',
   stepRun: 'Running the official installer…',
-  stepExtract: 'Unpacking…',
-  stepPlace: 'Putting it in place…',
   stepCheck: 'Checking that it starts…',
   errorOffline: 'The download server could not be reached. Check the connection and try again.',
   errorHttp: 'The download server answered with an error. Try again in a moment.',
@@ -60,7 +57,6 @@ export const CLI_INSTALL_COPY = Object.freeze({
   errorTimeout: 'The installer took too long and was stopped.',
   errorInstallerFailed: 'The official installer stopped with an error.',
   errorNotFound: 'The installer finished, but SynaBun does not find {label} afterwards.',
-  errorUnpack: 'The download could not be unpacked, so it was removed.',
   errorDisk: 'The files could not be written. Check free space and permissions, then try again.',
   errorCancelled: 'The installation was stopped.',
   errorUnsupported: 'There is no one-click install for this system. Use the command below or the install guide.',
@@ -91,17 +87,17 @@ export const CLI_VENDORS = Object.freeze({
 export const INSTALLABLE_CLIS = Object.freeze(['claude-code', 'codex', 'opencode']);
 
 /** The steps an install reports (`{ type: 'step' }`), in the order they can come. */
-export const INSTALL_STEPS = Object.freeze(['start', 'download', 'verify', 'run', 'extract', 'place', 'check', 'path']);
+export const INSTALL_STEPS = Object.freeze(['start', 'download', 'verify', 'run', 'check', 'path']);
 
 const STEP_COPY = Object.freeze({
   start: 'stepStart', download: 'stepDownload', verify: 'stepVerify', run: 'stepRun',
-  extract: 'stepExtract', place: 'stepPlace', check: 'stepCheck', path: 'stepPath',
+  check: 'stepCheck', path: 'stepPath',
 });
 
 const ERROR_COPY = Object.freeze({
   offline: 'errorOffline', http: 'errorHttp', checksum: 'errorChecksum', interrupted: 'errorInterrupted',
   timeout: 'errorTimeout', 'installer-failed': 'errorInstallerFailed', 'not-found-after-install': 'errorNotFound',
-  unpack: 'errorUnpack', disk: 'errorDisk', cancelled: 'errorCancelled', unsupported: 'errorUnsupported',
+  disk: 'errorDisk', cancelled: 'errorCancelled', unsupported: 'errorUnsupported',
   refused: 'errorRefused', connection: 'errorConnection',
 });
 
@@ -376,7 +372,7 @@ export function cliBannerView({ toolKey, label = '', info = null, forced = null,
       });
     }
     const text = offer
-      ? t(offer.method === 'archive' ? 'bodyMissingArchive' : 'bodyMissing', { vendor: CLI_VENDORS[toolKey] || name, label: name })
+      ? t('bodyMissing', { vendor: CLI_VENDORS[toolKey] || name, label: name })
       : t('bodyMissingManual');
     return Object.assign(view, {
       show: true, blocked: true, kind: 'missing', tone: 'warn', icon: '!',

package/neural-interface/public/shared/cli-status.js

@@ -23,7 +23,7 @@ const TOOL_KEYS = ['claude-code', 'codex', 'opencode', 'gemini'];
 const CLI_DOC_URLS = {
   'claude-code': 'https://code.claude.com/docs/en/setup',
   'codex':       'https://learn.chatgpt.com/docs/codex/cli',
-  'opencode':    'https://opencode.ai/docs/',
+  'opencode':    'https://opencode.ai/v2/docs',
   'gemini':      'https://github.com/google-gemini/gemini-cli',
 };
 
@@ -35,7 +35,7 @@ const CLI_DOC_URLS = {
 const CLI_INSTALL_CMDS = {
   'claude-code': { posix: 'curl -fsSL https://claude.ai/install.sh | bash', windows: 'irm https://claude.ai/install.ps1 | iex' },
   'codex':       { posix: 'curl -fsSL https://chatgpt.com/codex/install.sh | sh', windows: 'powershell -ExecutionPolicy ByPass -c "irm https://chatgpt.com/codex/install.ps1 | iex"' },
-  'opencode':    { posix: 'curl -fsSL https://opencode.ai/install | bash', windows: 'npm install -g opencode-ai' },
+  'opencode':    { posix: 'curl -fsSL https://opencode.ai/v2/install | bash', windows: 'winget install --id Anomaly.OpenCode --exact' },
   'gemini':      { posix: 'npm install -g @google/gemini-cli', windows: 'npm install -g @google/gemini-cli' },
 };
 

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

@@ -29,6 +29,7 @@ export const KEYS = {
   PANEL_PREFIX:        'neural-panel-',
   NODE_POS_3D:         'synabun-node-positions',
   NODE_POS_2D:         'synabun-node-positions-2d',
+  VIEW_VARIANT:        'neural-view-variant',    // canonical memory map variant; legacy 2D preferences migrate at boot
   MAP_VIEW:            'neural-map-view',        // 3D memory map options {neighbors, recency, grid}
   INTERFACE_CONFIG:    'neural-interface-config',
   EXPLORER_CAT_ORDER:  'neural-explorer-cat-order',
@@ -72,6 +73,7 @@ export const KEYS = {
   TUTORIAL_SKIPPED:    'neural-tutorial-skipped',
   TUTORIAL_STEP:       'neural-tutorial-step',
   TUTORIAL_STARTED:    'neural-tutorial-started',
+  TOUR_TIPS:           'neural-tour-tips',
   ONBOARDING_EXPLORE:  'neural-onboarding-explore',
   ONBOARDING_CLI:      'neural-onboarding-cli',
   ONBOARDING_MODEL:    'neural-onboarding-model',
@@ -120,7 +122,6 @@ export const DEFAULT_KEYBINDS = {
   'toggle-help':         '?',
   'toggle-explorer':     'f',
   'toggle-focus-mode':   'v',
-  'toggle-minimap':      'm',
   'open-keybinds':       'n',
   'launch-assistant':    'a',
   'toggle-assistant':    'Ctrl+a',
@@ -146,7 +147,6 @@ export const KEYBIND_META = {
   'toggle-help':         { label: 'Toggle Help',           group: 'Navigation' },
   'toggle-explorer':     { label: 'Toggle Explorer',       group: 'Navigation' },
   'toggle-focus-mode':   { label: 'Toggle Focus Mode',     group: 'Navigation' },
-  'toggle-minimap':      { label: 'Toggle Minimap',        group: 'View' },
   'open-settings':       { label: 'Open Settings',          group: 'Settings' },
   'open-keybinds':       { label: 'Open Keybinds',         group: 'Settings' },
   'launch-assistant':    { label: 'Assistant',             group: 'Launch App', icon: 'assistant' },

package/neural-interface/public/shared/context-menu-areas.js

@@ -0,0 +1,34 @@
+// ═══════════════════════════════════════════
+// SynaBun Neural Interface — The app's context menu: the areas registry
+// What a part of the app adds to the app's right-click menu for an element
+// in it (a memory, the memory map, the focus-mode whiteboard). No imports,
+// so a module as low as the whiteboard can register its area without
+// pulling in the menu's actions; ui-context-menu.js reads it at every open.
+// ═══════════════════════════════════════════
+
+const _areas = [];
+
+/**
+ * Add what a part of the app contributes to the menu. `match(element)` returns the area the element is in
+ * (`{ kind: 'memory' | 'map' | 'focus', …, act? }`, see context-menu-model.js) or null. The first area that
+ * matches wins, in the order they were registered. Returns a function that removes it again.
+ * @param {{ id?: string, match: (el: Element) => object | null }} area
+ */
+export function registerContextMenuArea(area) {
+  _areas.push(area);
+  return () => { const i = _areas.indexOf(area); if (i >= 0) _areas.splice(i, 1); };
+}
+
+/** The area an element is in, or null. An area whose `match` throws is skipped (and named in the console). */
+export function areaAt(el) {
+  if (!el) return null;
+  for (const area of _areas) {
+    try {
+      const found = area.match(el);
+      if (found) return found;
+    } catch (err) {
+      console.warn(`[context-menu] area ${area.id || '?'} failed:`, err);
+    }
+  }
+  return null;
+}