synabun 2026.3.31007 → 2026.4.1

package/mcp-server/src/tools/leonardo-browser-tools.ts

@@ -10,15 +10,11 @@ import { z } from 'zod';
 import * as ni from '../services/neural-interface.js';
 import { text } from './response.js';
 
-const LEO_BASE = 'https://app.leonardo.ai';
+const tabIdField = z.string().optional().describe('Target a specific tab within the session. Auto-resolved from environment if omitted.');
 
-// ── Helper: resolve or create session ─────────────────────────
+const LEO_BASE = 'https://app.leonardo.ai';
 
-async function getSession(): Promise<string | null> {
-  const resolved = await ni.resolveSession(undefined, { url: LEO_BASE });
-  if ('error' in resolved) return null;
-  return resolved.sessionId;
-}
+// ── Helper ────────────────────────────────────────────────────
 
 async function wait(ms: number): Promise<void> {
   return new Promise(resolve => setTimeout(resolve, ms));
@@ -31,14 +27,16 @@ export const browserNavigateSchema = {
     'home', 'library', 'image', 'video', 'upscaler',
     'blueprints', 'flow-state', 'models',
   ] as const).describe('Leonardo.ai page to navigate to.'),
+  sessionId: z.string().optional().describe('Browser session ID. If omitted, auto-selects the only open session.'),
+  tabId: tabIdField,
 };
 
 export const browserNavigateDescription =
   'Navigate the browser to a specific Leonardo.ai page. Always use this as the first step before any browser-based generation.';
 
-export async function handleBrowserNavigate(args: { page: string }) {
-  const sessionId = await getSession();
-  if (!sessionId) return text('No browser session available. Open Leonardo.ai in the browser first using browser_navigate or the Apps menu.');
+export async function handleBrowserNavigate(args: { page: string; sessionId?: string; tabId?: string }) {
+  const resolved = await ni.resolveSession(args.sessionId, { url: LEO_BASE }, args.tabId);
+  if ('error' in resolved) return text('No browser session available. Open Leonardo.ai in the browser first using browser_navigate or the Apps menu.');
 
   const paths: Record<string, string> = {
     'home': '/',
@@ -52,7 +50,7 @@ export async function handleBrowserNavigate(args: { page: string }) {
   };
 
   const path = paths[args.page] || '/';
-  const res = await ni.navigate(sessionId, `${LEO_BASE}${path}`);
+  const res = await ni.navigate(resolved.sessionId, `${LEO_BASE}${path}`, resolved.tabId);
   if (res.error) return text(`Navigation failed: ${res.error}`);
 
   // Wait for page to settle
@@ -66,6 +64,8 @@ export async function handleBrowserNavigate(args: { page: string }) {
 export const browserGenerateSchema = {
   prompt: z.string().describe('The generation prompt to type into Leonardo.ai.'),
   type: z.enum(['image', 'video'] as const).optional().describe('Generation type. Default: image.'),
+  sessionId: z.string().optional().describe('Browser session ID. If omitted, auto-selects the only open session.'),
+  tabId: tabIdField,
 };
 
 export const browserGenerateDescription =
@@ -74,31 +74,33 @@ export const browserGenerateDescription =
 export async function handleBrowserGenerate(args: {
   prompt: string;
   type?: string;
+  sessionId?: string;
+  tabId?: string;
 }) {
-  const sessionId = await getSession();
-  if (!sessionId) return text('No browser session available. Open Leonardo.ai first.');
+  const resolved = await ni.resolveSession(args.sessionId, { url: LEO_BASE }, args.tabId);
+  if ('error' in resolved) return text('No browser session available. Open Leonardo.ai first.');
 
   const genType = args.type || 'image';
 
   // Check current URL — navigate only if not already on the right page
-  const snapshot = await ni.snapshot(sessionId);
+  const snapshot = await ni.snapshot(resolved.sessionId, resolved.tabId);
   const currentUrl = (snapshot as any)?.url || '';
   const targetPath = genType === 'video' ? '/image-generation/video' : '/image-generation';
 
   if (!currentUrl.includes(targetPath)) {
-    const navRes = await ni.navigate(sessionId, `${LEO_BASE}${targetPath}`);
+    const navRes = await ni.navigate(resolved.sessionId, `${LEO_BASE}${targetPath}`, resolved.tabId);
     if (navRes.error) return text(`Navigation failed: ${navRes.error}`);
     await wait(3000);
   }
 
   // Clear and fill the prompt textbox
-  const fillRes = await ni.fill(sessionId, '[aria-label="Prompt"], textbox[name="Prompt"], textarea', args.prompt);
+  const fillRes = await ni.fill(resolved.sessionId, '[aria-label="Prompt"], textbox[name="Prompt"], textarea', args.prompt, undefined, resolved.tabId);
   if (fillRes.error) return text(`Failed to fill prompt: ${fillRes.error}`);
 
   await wait(500);
 
   // Click the Generate button
-  const clickRes = await ni.click(sessionId, 'button[aria-label="Generate"], button:has-text("Generate")');
+  const clickRes = await ni.click(resolved.sessionId, 'button[aria-label="Generate"], button:has-text("Generate")', undefined, resolved.tabId);
   if (clickRes.error) return text(`Failed to click Generate: ${clickRes.error}`);
 
   return text(`Generation started (${genType}).\n\nPrompt: "${args.prompt.substring(0, 120)}${args.prompt.length > 120 ? '...' : ''}"\n\nThe generation is processing in Leonardo.ai. Use browser_snapshot or browser_screenshot to check progress and see results. Results also appear in the library.`);
@@ -109,24 +111,26 @@ export async function handleBrowserGenerate(args: {
 export const browserLibrarySchema = {
   action: z.enum(['view', 'search'] as const).describe('Action: view (open library) or search (search for a term).'),
   query: z.string().optional().describe('Search query (for search action).'),
+  sessionId: z.string().optional().describe('Browser session ID. If omitted, auto-selects the only open session.'),
+  tabId: tabIdField,
 };
 
 export const browserLibraryDescription =
   'Open or search Leonardo.ai\'s library to view past generations. Use browser_snapshot after to see results.';
 
-export async function handleBrowserLibrary(args: { action: string; query?: string }) {
-  const sessionId = await getSession();
-  if (!sessionId) return text('No browser session available.');
+export async function handleBrowserLibrary(args: { action: string; query?: string; sessionId?: string; tabId?: string }) {
+  const resolved = await ni.resolveSession(args.sessionId, { url: LEO_BASE }, args.tabId);
+  if ('error' in resolved) return text('No browser session available.');
 
-  const navRes = await ni.navigate(sessionId, `${LEO_BASE}/library`);
+  const navRes = await ni.navigate(resolved.sessionId, `${LEO_BASE}/library`, resolved.tabId);
   if (navRes.error) return text(`Navigation failed: ${navRes.error}`);
 
   await wait(2000);
 
   if (args.action === 'search' && args.query) {
-    const fillRes = await ni.fill(sessionId, 'input[placeholder*="Search" i]', args.query);
+    const fillRes = await ni.fill(resolved.sessionId, 'input[placeholder*="Search" i]', args.query, undefined, resolved.tabId);
     if (fillRes.error) return text(`Failed to search: ${fillRes.error}`);
-    await ni.pressKey(sessionId, 'Enter');
+    await ni.pressKey(resolved.sessionId, 'Enter', resolved.tabId);
     return text(`Searched Leonardo.ai library for: "${args.query}". Use browser_snapshot to see results.`);
   }
 
@@ -137,17 +141,19 @@ export async function handleBrowserLibrary(args: { action: string; query?: strin
 
 export const browserDownloadSchema = {
   action: z.enum(['screenshot'] as const).describe('Action: screenshot (capture current Leonardo.ai page state).'),
+  sessionId: z.string().optional().describe('Browser session ID. If omitted, auto-selects the only open session.'),
+  tabId: tabIdField,
 };
 
 export const browserDownloadDescription =
   'Capture a screenshot of the current Leonardo.ai page. Use to verify generation results or UI state.';
 
-export async function handleBrowserDownload(args: { action: string }) {
-  const sessionId = await getSession();
-  if (!sessionId) return text('No browser session available.');
+export async function handleBrowserDownload(args: { action: string; sessionId?: string; tabId?: string }) {
+  const resolved = await ni.resolveSession(args.sessionId, { url: LEO_BASE }, args.tabId);
+  if ('error' in resolved) return text('No browser session available.');
 
   if (args.action === 'screenshot') {
-    const res = await ni.screenshot(sessionId);
+    const res = await ni.screenshot(resolved.sessionId, resolved.tabId);
     if (res.error) return text(`Screenshot failed: ${res.error}`);
     return text('Screenshot captured of the current Leonardo.ai page.');
   }
@@ -171,6 +177,8 @@ export const browserReferenceSchema = {
   autoClear: z.boolean().optional().describe(
     'Auto-delete the source images from data/images/ after successful upload. Default: true.',
   ),
+  sessionId: z.string().optional().describe('Browser session ID. If omitted, auto-selects the only open session.'),
+  tabId: tabIdField,
 };
 
 export const browserReferenceDescription =
@@ -183,9 +191,11 @@ export async function handleBrowserReference(args: {
   type: string;
   filePaths: string[];
   autoClear?: boolean;
+  sessionId?: string;
+  tabId?: string;
 }) {
-  const sessionId = await getSession();
-  if (!sessionId) return text('No browser session available. Open Leonardo.ai first.');
+  const resolved = await ni.resolveSession(args.sessionId, { url: LEO_BASE }, args.tabId);
+  if ('error' in resolved) return text('No browser session available. Open Leonardo.ai first.');
 
   const { type, filePaths, autoClear = true } = args;
   const isVideo = type === 'start_frame' || type === 'end_frame';
@@ -195,7 +205,7 @@ export async function handleBrowserReference(args: {
 
   if (isVideo) {
     // Video: click "Add Image Guidance to generation" button
-    openResult = await ni.evaluate(sessionId, `(() => {
+    openResult = await ni.evaluate(resolved.sessionId, `(() => {
       const btns = document.querySelectorAll('button');
       for (const b of btns) {
         if (b.textContent.includes('Image Guidance') || b.textContent.includes('Add Image')) {
@@ -203,10 +213,10 @@ export async function handleBrowserReference(args: {
         }
       }
       return 'not found';
-    })()`);
+    })()`, resolved.tabId);
   } else {
     // Image: click "Add elements" button
-    openResult = await ni.evaluate(sessionId, `(() => {
+    openResult = await ni.evaluate(resolved.sessionId, `(() => {
       const btns = document.querySelectorAll('button');
       for (const b of btns) {
         if (b.textContent.includes('Add elements') || b.textContent.includes('Add Elements')) {
@@ -214,7 +224,7 @@ export async function handleBrowserReference(args: {
         }
       }
       return 'not found';
-    })()`);
+    })()`, resolved.tabId);
   }
 
   if (openResult.error) return text(`Failed to open reference panel: ${openResult.error}`);
@@ -233,23 +243,23 @@ export async function handleBrowserReference(args: {
     const labels = typeLabels[type] || [type];
     const labelSearch = labels.map(l => `b.textContent.includes('${l}')`).join(' || ');
 
-    const selectResult = await ni.evaluate(sessionId, `(() => {
+    const selectResult = await ni.evaluate(resolved.sessionId, `(() => {
       const btns = document.querySelectorAll('button, [role="tab"], [role="menuitem"]');
       for (const b of btns) {
         if (${labelSearch}) { b.click(); return 'selected'; }
       }
       return 'not found — use browser_snapshot to see available options';
-    })()`);
+    })()`, resolved.tabId);
 
     if (selectResult.error) return text(`Failed to select reference type: ${selectResult.error}. Use browser_snapshot to see the panel.`);
     await wait(1000);
   }
 
   // Step 3: Find file input and upload
-  const uploadResult = await ni.upload(sessionId, 'input[type="file"]', filePaths);
+  const uploadResult = await ni.upload(resolved.sessionId, 'input[type="file"]', filePaths, undefined, resolved.tabId);
   if (uploadResult.error) {
     // Fallback: try broader selector
-    const fallback = await ni.upload(sessionId, 'input[accept*="image"]', filePaths);
+    const fallback = await ni.upload(resolved.sessionId, 'input[accept*="image"]', filePaths, undefined, resolved.tabId);
     if (fallback.error) {
       return text(
         `Failed to upload reference image(s): ${uploadResult.error}. ` +

package/neural-interface/public/shared/styles.css

@@ -16013,6 +16013,55 @@
     padding: 4px 0;
   }
 
+  /* ── Effort row — think level chips ── */
+  .as-launch-efforts { display: flex; gap: 4px; }
+  .as-launch-effort {
+    flex: 1;
+    display: flex; flex-direction: column; align-items: center; gap: 2px;
+    padding: 6px 4px 5px;
+    background: rgba(255,255,255,0.03);
+    border: 1px solid rgba(255,255,255,0.06);
+    border-radius: 12px;
+    cursor: pointer; transition: all 0.18s ease;
+    backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
+  }
+  .as-launch-effort:hover {
+    background: rgba(255,255,255,0.06);
+    border-color: rgba(255,255,255,0.10);
+  }
+  .as-launch-effort.active {
+    background: rgba(255,255,255,0.08);
+    border-color: rgba(255,255,255,0.14);
+    box-shadow: var(--shadow-xs), var(--shadow-highlight);
+  }
+  .as-launch-effort.active .as-launch-effort-name {
+    color: var(--t-bright);
+  }
+  .as-launch-effort-name {
+    font-size: 10px; font-weight: 600;
+    color: var(--t-secondary);
+    transition: color 0.15s;
+  }
+  .as-launch-effort-desc {
+    font-size: 8px; font-weight: 400;
+    color: var(--t-faint);
+    transition: color 0.15s;
+  }
+  /* Max effort — warm accent like Opus */
+  .as-launch-effort--top.active .as-launch-effort-name {
+    color: hsla(40, 55%, 78%, 0.95);
+  }
+  .as-launch-effort--top.active .as-launch-effort-desc {
+    color: var(--t-secondary);
+  }
+  /* Default effort (medium) — cool accent */
+  .as-launch-effort--default.active .as-launch-effort-name {
+    color: hsla(210, 45%, 80%, 0.95);
+  }
+  .as-launch-effort--default.active .as-launch-effort-desc {
+    color: var(--t-secondary);
+  }
+
   /* ── Browser mode ── */
   .as-launch-browser-mode { margin-top: 2px; }
   .as-launch-browser-modes { display: flex; gap: 4px; }

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

@@ -178,9 +178,19 @@ const CLI_MODELS = {
   ],
 };
 
+// Effort levels for Claude models (extended thinking)
+const EFFORT_LEVELS = [
+  { id: 'off',    label: 'Off',    desc: 'No thinking' },
+  { id: 'low',    label: 'Low',    desc: 'Minimal' },
+  { id: 'medium', label: 'Med',    desc: 'Balanced', tier: 'default' },
+  { id: 'high',   label: 'High',   desc: 'Deep' },
+  { id: 'max',    label: 'Max',    desc: 'Maximum', tier: 'top' },
+];
+
 // Persistent launch preferences (remembered across launches in session)
 let _launchProfile = storage.getItem('as-launch-profile') || 'claude-code';
 let _launchModel = storage.getItem('as-launch-model') || null;
+let _launchEffort = storage.getItem('as-launch-effort') || 'off';
 
 // ── Preset Templates with Wizard Steps ──
 
@@ -785,6 +795,12 @@ function showLaunchInline(params) {
             ${renderModelChips(profile, currentModel)}
           </div>
         </div>
+        <div class="as-launch-section" id="as-launch-effort-section" style="${profile === 'claude-code' ? '' : 'display:none'}">
+          <label class="as-launch-label">Think</label>
+          <div class="as-launch-efforts" id="as-launch-efforts">
+            ${renderEffortChips(_launchEffort)}
+          </div>
+        </div>
         <div class="as-launch-section as-launch-summary">
           <div class="as-launch-summary-row">
             <span class="as-launch-summary-key">Task</span>
@@ -856,6 +872,15 @@ function renderModelChips(profileId, selectedModel) {
   `).join('');
 }
 
+function renderEffortChips(selectedEffort) {
+  return EFFORT_LEVELS.map(e => `
+    <button class="as-launch-effort${e.id === selectedEffort ? ' active' : ''}${e.tier ? ` as-launch-effort--${e.tier}` : ''}" data-effort="${e.id}">
+      <span class="as-launch-effort-name">${e.label}</span>
+      <span class="as-launch-effort-desc">${e.desc}</span>
+    </button>
+  `).join('');
+}
+
 function wireLaunchInline(container) {
   const root = container.querySelector('.as-launch-inline');
   if (!root) return;
@@ -892,10 +917,14 @@ function wireLaunchInline(container) {
         modelsContainer.innerHTML = renderModelChips(profileId, _launchModel);
         wireModelChips(root);
       }
+      // Show/hide effort section based on profile (Claude only)
+      const effortSection = root.querySelector('#as-launch-effort-section');
+      if (effortSection) effortSection.style.display = profileId === 'claude-code' ? '' : 'none';
     });
   });
 
   wireModelChips(root);
+  wireEffortChips(root);
 
   // Agent submode toggle (Single vs Loop)
   root.querySelectorAll('.as-launch-agent-submode').forEach(btn => {
@@ -926,6 +955,17 @@ function wireModelChips(container) {
   });
 }
 
+function wireEffortChips(container) {
+  container.querySelectorAll('.as-launch-effort').forEach(btn => {
+    btn.addEventListener('click', () => {
+      container.querySelectorAll('.as-launch-effort').forEach(b => b.classList.remove('active'));
+      btn.classList.add('active');
+      _launchEffort = btn.dataset.effort;
+      storage.setItem('as-launch-effort', _launchEffort);
+    });
+  });
+}
+
 function closeLaunchInline() {
   _pendingLaunchParams = null;
   _launchPanelActive = false;
@@ -940,7 +980,8 @@ function closeLaunchInline() {
 
 async function confirmLaunch() {
   if (!_pendingLaunchParams) return;
-  const params = { ..._pendingLaunchParams, profile: _launchProfile, model: _launchModel };
+  const effort = (_launchProfile === 'claude-code' && _launchEffort && _launchEffort !== 'off') ? _launchEffort : undefined;
+  const params = { ..._pendingLaunchParams, profile: _launchProfile, model: _launchModel, effort };
 
   // Read agent values BEFORE closing (closeLaunchInline re-renders detail view)
   const withSynabun = !!document.getElementById('as-agent-synabun')?.checked;
@@ -960,6 +1001,7 @@ async function confirmLaunch() {
       const result = await launchAgent({
         task: params.task,
         model: params.model || undefined,
+        effort: params.effort || undefined,
         cwd: params.cwd || undefined,
         maxTurns: params.usesBrowser ? 100 : 75,
         withSynabun,
@@ -2886,6 +2928,9 @@ async function handlePanelClick(e) {
       const defaultModel = models.find(m => m.tier === 'default') || models[0];
       _launchModel = defaultModel?.id || null;
       storage.setItem('as-launch-model', _launchModel);
+      // Show/hide effort section (Claude only)
+      const qtEffortSec = $('as-qt-effort-section');
+      if (qtEffortSec) qtEffortSec.style.display = profileId === 'claude-code' ? '' : 'none';
       renderSchedulesMain();
       break;
     }
@@ -2901,6 +2946,16 @@ async function handlePanelClick(e) {
       break;
     }
 
+    case 'qt-effort': {
+      const effortId = btn.dataset.effort;
+      if (!effortId) break;
+      _launchEffort = effortId;
+      storage.setItem('as-launch-effort', _launchEffort);
+      $('as-qt-efforts')?.querySelectorAll('.as-launch-effort').forEach(b => b.classList.remove('active'));
+      btn.classList.add('active');
+      break;
+    }
+
     case 'qt-select': {
       const mins = Number(btn.dataset.minutes);
       if (!mins) break;
@@ -2924,8 +2979,9 @@ async function handlePanelClick(e) {
       const qtProfile = _launchProfile || 'claude-code';
       const qtModel = _launchModel || null;
       const qtBrowser = !!$('as-qt-browser')?.checked;
+      const qtEffort = (qtProfile === 'claude-code' && _launchEffort && _launchEffort !== 'off') ? _launchEffort : undefined;
       try {
-        const result = await createQuickTimer(templateId, mins, { profile: qtProfile, model: qtModel, usesBrowser: qtBrowser });
+        const result = await createQuickTimer(templateId, mins, { profile: qtProfile, model: qtModel, usesBrowser: qtBrowser, effort: qtEffort });
         // Guard: WebSocket sync:quick-timer:set may arrive before this HTTP response
         if (!_quickTimers.some(t => t.id === result.timerId)) {
           _quickTimers.push({ id: result.timerId, templateId, templateName: result.templateName, firesAt: result.firesAt, minutes: result.minutes, profile: result.profile, model: result.model, usesBrowser: result.usesBrowser });
@@ -2945,8 +3001,9 @@ async function handlePanelClick(e) {
       const qtProfile = _launchProfile || 'claude-code';
       const qtModel = _launchModel || null;
       const qtBrowser = !!$('as-qt-browser')?.checked;
+      const qtEffort = (qtProfile === 'claude-code' && _launchEffort && _launchEffort !== 'off') ? _launchEffort : undefined;
       try {
-        const result = await triggerQuickTimerNow(templateId, { profile: qtProfile, model: qtModel, usesBrowser: qtBrowser });
+        const result = await triggerQuickTimerNow(templateId, { profile: qtProfile, model: qtModel, usesBrowser: qtBrowser, effort: qtEffort });
         showToast(`Firing now: ${result.templateName}`);
       } catch (err) { showToast('Run Now failed: ' + err.message); }
       break;
@@ -3260,6 +3317,13 @@ function renderSchedulesMain() {
     </button>
   `).join('');
 
+  const qtEffortChips = EFFORT_LEVELS.map(e => `
+    <button class="as-launch-effort${e.id === _launchEffort ? ' active' : ''}${e.tier ? ` as-launch-effort--${e.tier}` : ''}" data-action="qt-effort" data-effort="${e.id}">
+      <span class="as-launch-effort-name">${e.label}</span>
+      <span class="as-launch-effort-desc">${e.desc}</span>
+    </button>
+  `).join('');
+
   // Determine browser toggle default from selected template
   const selectedTpl = $('as-qt-template')?.value;
   const selectedTemplate = selectedTpl ? allTemplates.find(t => t.id === selectedTpl) : null;
@@ -3279,6 +3343,10 @@ function renderSchedulesMain() {
         <span class="as-launch-label">Model</span>
         <div class="as-launch-models" id="as-qt-models">${qtModelChips}</div>
       </div>
+      <div class="as-qt-group" id="as-qt-effort-section" style="${qtProfile === 'claude-code' ? '' : 'display:none'}">
+        <span class="as-launch-label">Think</span>
+        <div class="as-launch-efforts" id="as-qt-efforts">${qtEffortChips}</div>
+      </div>
       <div class="as-qt-group">
         <span class="as-launch-label">Browser</span>
         <label class="as-qt-browser-toggle">

package/neural-interface/public/shared/ui-claude-panel.js

@@ -3546,33 +3546,25 @@ function renderPostPlanActions(tab, headerText) {
         }
       } else if (a.action === 'plan') {
         // Open plan file in SynaBun code editor for direct editing
-        // If tab doesn't have planFilePath (plan was text-only, no Write to ~/.claude/plans/),
-        // fall back to scanning plans dir for the most recently modified file
         const openPlan = (path) => emit('open-plan-editor', { filePath: path, tabId: tab.id });
         const noFile = () => { appendStatus(tab, 'No plan file found — send your edits in chat instead.'); card.style.opacity = '1'; card.style.pointerEvents = 'auto'; };
         if (tab.planFilePath) {
           openPlan(tab.planFilePath);
         } else {
-          // Fallback chain: scan disk → materialize from DOM → error
-          fetch('/api/latest-plan').then(r => r.json()).then(data => {
-            if (data.found) {
-              tab.planFilePath = data.path;
-              openPlan(data.path);
-            } else {
-              // No file on disk — try to extract plan text from conversation and create one
-              const planText = extractPlanText(tab);
-              if (!planText) { noFile(); return; }
-              fetch('/api/create-plan', {
-                method: 'POST',
-                headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify({ content: planText }),
-              }).then(r => r.json()).then(result => {
-                if (result.ok) {
-                  tab.planFilePath = result.path;
-                  openPlan(result.path);
-                } else { noFile(); }
-              }).catch(noFile);
-            }
+          // Use eagerly captured plan content (captured at ExitPlanMode time before post-plan
+          // messages pollute the DOM), or extract from DOM as last resort
+          const planText = tab._planContent || extractPlanText(tab);
+          if (!planText) { noFile(); return; }
+          fetch('/api/create-plan', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ content: planText }),
+          }).then(r => r.json()).then(result => {
+            if (result.ok) {
+              tab.planFilePath = result.path;
+              saveTabs();
+              openPlan(result.path);
+            } else { noFile(); }
           }).catch(noFile);
           return; // async — don't fall through
         }
@@ -3732,6 +3724,16 @@ function renderAssistant(tab, msg) {
   pruneMessages($msgs);
 
   if (msgId) { tab.currentMsgId = msgId; tab.currentMsgEl = el; }
+
+  // Eagerly capture plan content the moment ExitPlanMode is detected.
+  // At this point the plan text is the last substantial .msg-body in the DOM —
+  // post-plan messages (remember, recall, stop hook) haven't been added yet.
+  if (tab._exitPlanPending && !tab._planContentCaptured) {
+    tab._planContentCaptured = true;
+    const captured = extractPlanText(tab);
+    if (captured) tab._planContent = captured;
+  }
+
   if (tab === activeTab()) scrollEnd();
 }
 
@@ -4887,7 +4889,7 @@ function _updateSendIcon($send, $input, forceShift) {
 
 function finishTab(tab, skipNotif) {
   const wasRunning = tab.running;
-  hideThinking(tab); setRunning(tab, false); tab._wasRunning = false; tab.currentMsgEl = null; tab.currentMsgId = null; tab.pendingAskToolUseId = null; tab.pendingAskRequestId = null; tab.pendingAskBufferedAnswer = null; tab.askRenderedViaControl = false; tab.sendStartedAt = null; tab._exitPlanMsgId = null; tab._exitPlanPending = false; tab._exitPlanHandled = false; tab._exitPlanWasPlanMode = false; if (tab._stream?.mdTimer) clearTimeout(tab._stream.mdTimer); tab._stream = null; saveTabs();
+  hideThinking(tab); setRunning(tab, false); tab._wasRunning = false; tab.currentMsgEl = null; tab.currentMsgId = null; tab.pendingAskToolUseId = null; tab.pendingAskRequestId = null; tab.pendingAskBufferedAnswer = null; tab.askRenderedViaControl = false; tab.sendStartedAt = null; tab._exitPlanMsgId = null; tab._exitPlanPending = false; tab._exitPlanHandled = false; tab._exitPlanWasPlanMode = false; tab._planContentCaptured = false; if (tab._stream?.mdTimer) clearTimeout(tab._stream.mdTimer); tab._stream = null; saveTabs();
   if (wasRunning && !skipNotif) notify('panel', NOTIF_TYPE.DONE, tab.label || 'Claude Code', { tabId: tab.id });
 }
 
@@ -4947,6 +4949,7 @@ function send({ shift = false } = {}) {
   if (text === '/plan') {
     $input.value = ''; hideSlashHints();
     tab.planMode = !tab.planMode;
+    if (tab.planMode) { tab._planContent = null; tab._planContentCaptured = false; tab.planFilePath = ''; tab._editedPlanContent = null; }
     const $plan = _panel?.querySelector('#cp-plan-toggle');
     if ($plan) $plan.classList.toggle('active', tab.planMode);
     appendStatus(tab, tab.planMode ? 'Plan mode ON — Claude will plan without making changes' : 'Plan mode OFF');
@@ -5830,6 +5833,7 @@ function wireEvents() {
       const tab = activeTab();
       if (!tab) return;
       tab.planMode = !tab.planMode;
+      if (tab.planMode) { tab._planContent = null; tab._planContentCaptured = false; tab.planFilePath = ''; tab._editedPlanContent = null; }
       const $plan = _panel?.querySelector('#cp-plan-toggle');
       if ($plan) $plan.classList.toggle('active', tab.planMode);
       appendStatus(tab, tab.planMode ? 'Plan mode ON — Claude will plan without making changes' : 'Plan mode OFF');
@@ -6004,6 +6008,7 @@ function wireEvents() {
       const tab = activeTab();
       if (!tab) return;
       tab.planMode = !tab.planMode;
+      if (tab.planMode) { tab._planContent = null; tab._planContentCaptured = false; tab.planFilePath = ''; tab._editedPlanContent = null; }
       $plan.classList.toggle('active', tab.planMode);
     });
   }
@@ -6244,6 +6249,7 @@ function wireEvents() {
 
     // Store edited content for when user clicks "Continue with implementation"
     tab._editedPlanContent = content;
+    tab._planContent = content;
     if (filePath) tab.planFilePath = filePath;
 
     // Render synthetic assistant message showing the updated plan

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

@@ -4865,16 +4865,16 @@ export async function openSettingsModal() {
 
     /** Show/hide Chrome-running warning based on selected profile type */
     function updateChromeRunningWarning(chromeRunning, userDataDir) {
-      const warn = overlay.querySelector('#bc-chrome-running-warn');
-      if (!warn) return;
-      // Only warn if Chrome is running AND a real Chrome profile is selected (not sandbox, not SynaBun)
-      const isChrome = userDataDir && userDataDir !== '' && !userDataDir.includes('data/chrome-profile') && !userDataDir.includes('data/browser-profiles');
-      if (chromeRunning && isChrome) {
-        warn.textContent = 'Chrome is running — your profile will be mirrored (synced copy). Cookies and auth stay fresh. Close Chrome to use the real profile directly.';
-        warn.style.display = '';
-      } else {
-        warn.style.display = 'none';
-      }
+      const warn = overlay.querySelector('#bc-chrome-running-warn');
+      if (!warn) return;
+      // Only warn if Chrome is running AND a real Chrome profile is selected (not sandbox, not SynaBun)
+      const isChrome = userDataDir && userDataDir !== '' && !userDataDir.includes('data/chrome-profile') && !userDataDir.includes('data/browser-profiles');
+      if (chromeRunning && isChrome) {
+        warn.textContent = 'Chrome is running — SynaBun will open an isolated mirrored copy of the selected profile. Mirror sessions keep their own cookies and auth. Close Chrome to use the real profile directly.';
+        warn.style.display = '';
+      } else {
+        warn.style.display = 'none';
+      }
     }
 
     /** Set the path directly (from typing or browse). Highlights matching profile or deselects all. */

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

@@ -2215,13 +2215,15 @@ async function openBrowserSession(url, fresh, _unused, force) {
   const _visibilityHandler = null;
 
   // Build tab label with profile info
-  let tabLabel = 'Browser';
-  if (profileMode === 'mirror' && profileSource) {
-    tabLabel = `Browser (${profileSource})`;
-    showTermToast(`Synced copy of ${profileSource} — Chrome is running`);
-  } else if (profileMode === 'direct' && profileSource) {
-    tabLabel = `Browser (${profileSource})`;
-  }
+  let tabLabel = 'Browser';
+  if (profileMode === 'mirror' && profileSource) {
+    tabLabel = `Browser (${profileSource})`;
+    showTermToast(`Mirrored copy of ${profileSource}`);
+  } else if (profileMode === 'direct' && profileSource) {
+    tabLabel = `Browser (${profileSource})`;
+  } else if (profileMode === 'managed' && profileSource) {
+    tabLabel = `Browser (${profileSource})`;
+  }
 
   // Register session
   const session = {