synabun 2026.4.26-1 → 2026.4.26-2

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

@@ -399,8 +399,8 @@ let _cliInstallFailureForced = false;
 function ensureCliBannerEl() {
   if (!_panel) return null;
   const container = panelEl('#cxp-messages-container');
-  if (!container) return null;
-  let banner = container.querySelector(':scope > .cxp-cli-banner');
+  if (!container || !container.parentNode) return null;
+  let banner = container.parentNode.querySelector(':scope > .cxp-cli-banner');
   if (banner) return banner;
   const label = getCliLabel('codex');
   const cmd = getCliInstallCommand('codex');
@@ -418,7 +418,7 @@ function ensureCliBannerEl() {
       <button class="cxp-cli-banner-recheck" type="button">Re-check</button>
     </div>
   `;
-  container.insertBefore(banner, container.firstChild);
+  container.parentNode.insertBefore(banner, container);
   const btn = banner.querySelector('.cxp-cli-banner-recheck');
   btn?.addEventListener('click', async () => {
     btn.disabled = true;
@@ -437,7 +437,7 @@ function ensureCliBannerEl() {
 function removeCliBannerEl() {
   if (!_panel) return;
   const container = panelEl('#cxp-messages-container');
-  const banner = container?.querySelector(':scope > .cxp-cli-banner');
+  const banner = container?.parentNode?.querySelector(':scope > .cxp-cli-banner');
   banner?.remove();
 }
 

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

@@ -990,7 +990,7 @@ export function injectStyles() {
       grid-template-columns: auto 1fr auto;
       gap: 10px;
       align-items: center;
-      margin: 8px 12px 0;
+      margin: 6px 8px 0;
       padding: 10px 12px;
       border: 1px solid rgba(255,180,80,0.45);
       border-radius: 8px;

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

@@ -1526,8 +1526,8 @@ let _cliInstallFailureForced = false;
 function ensureCliBannerEl() {
   if (!_panel) return null;
   const container = _panel.querySelector('.ocp-messages-container');
-  if (!container) return null;
-  let banner = container.querySelector(':scope > .ocp-cli-banner');
+  if (!container || !container.parentNode) return null;
+  let banner = container.parentNode.querySelector(':scope > .ocp-cli-banner');
   if (banner) return banner;
   const label = getCliLabel('opencode');
   const cmd = getCliInstallCommand('opencode');
@@ -1545,7 +1545,7 @@ function ensureCliBannerEl() {
       <button class="ocp-cli-banner-recheck" type="button">Re-check</button>
     </div>
   `;
-  container.insertBefore(banner, container.firstChild);
+  container.parentNode.insertBefore(banner, container);
   const btn = banner.querySelector('.ocp-cli-banner-recheck');
   btn?.addEventListener('click', async () => {
     btn.disabled = true;
@@ -1563,7 +1563,8 @@ function ensureCliBannerEl() {
 
 function removeCliBannerEl() {
   if (!_panel) return;
-  const banner = _panel.querySelector('.ocp-messages-container > .ocp-cli-banner');
+  const container = _panel.querySelector('.ocp-messages-container');
+  const banner = container?.parentNode?.querySelector(':scope > .ocp-cli-banner');
   banner?.remove();
 }
 

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

@@ -1527,7 +1527,7 @@ export function injectStyles() {
       grid-template-columns: auto 1fr auto;
       gap: 10px;
       align-items: center;
-      margin: 8px 12px 0;
+      margin: 6px 8px 0;
       padding: 10px 12px;
       border: 1px solid rgba(255,180,80,0.45);
       border-radius: 8px;

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

@@ -5094,15 +5094,51 @@
   }
   .update-backup-btn:hover { background: rgba(52,199,89,0.16); }
   .update-backup-btn:disabled { opacity: 0.5; pointer-events: none; }
-  .update-backup-status {
-    display: flex;
-    align-items: center;
-    gap: 8px;
+  .update-backup-status {
+    display: flex;
+    align-items: center;
+    gap: 8px;
     font-size: 11px;
     color: var(--t-muted);
-    padding: 4px 0;
-  }
-  .update-backup-icon { font-size: 14px; font-weight: 700; }
+    padding: 4px 0;
+  }
+  .update-run-status {
+    align-items: flex-start;
+    gap: 10px;
+    padding: 10px 12px;
+    border-radius: var(--r-card);
+    border: 1px solid rgba(255,255,255,0.08);
+    background: rgba(255,255,255,0.045);
+    color: var(--t-secondary);
+    font-size: 12px;
+    line-height: 1.4;
+  }
+  .update-run-status .update-backup-icon {
+    flex: 0 0 auto;
+    margin-top: 1px;
+  }
+  .update-run-status strong {
+    display: block;
+    color: var(--t-primary);
+    font-size: 12px;
+    font-weight: 600;
+    margin-bottom: 2px;
+  }
+  .update-run-detail,
+  .update-run-hint {
+    display: block;
+    color: var(--t-muted);
+  }
+  .update-run-hint {
+    margin-top: 5px;
+    opacity: .82;
+  }
+  .update-run-status code {
+    font-family: var(--ff-mono);
+    font-size: 11px;
+    color: var(--t-secondary);
+  }
+  .update-backup-icon { font-size: 14px; font-weight: 700; }
   .update-backup-icon.spin { animation: updateSpin 1s linear infinite; }
   @keyframes updateSpin {
     from { transform: rotate(0deg); }

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

@@ -439,7 +439,7 @@ function injectStyles() {
       grid-template-columns: auto 1fr auto;
       gap: 10px;
       align-items: center;
-      margin: 8px 12px 0;
+      margin: 6px 8px 0;
       padding: 10px 12px;
       border: 1px solid rgba(255,180,80,0.45);
       border-radius: 8px;
@@ -7331,8 +7331,8 @@ let _cliInstallFailureForced = false;
 function _ensureCliBannerEl() {
   if (!_panel) return null;
   const container = _panel.querySelector('#cp-messages-container');
-  if (!container) return null;
-  let banner = container.querySelector(':scope > .cp-cli-banner');
+  if (!container || !container.parentNode) return null;
+  let banner = container.parentNode.querySelector(':scope > .cp-cli-banner');
   if (banner) return banner;
   const label = getCliLabel('claude-code');
   const cmd = getCliInstallCommand('claude-code');
@@ -7350,7 +7350,7 @@ function _ensureCliBannerEl() {
       <button class="cp-cli-banner-recheck" type="button">Re-check</button>
     </div>
   `;
-  container.insertBefore(banner, container.firstChild);
+  container.parentNode.insertBefore(banner, container);
   const btn = banner.querySelector('.cp-cli-banner-recheck');
   btn?.addEventListener('click', async () => {
     btn.disabled = true;
@@ -7368,7 +7368,8 @@ function _ensureCliBannerEl() {
 
 function _removeCliBannerEl() {
   if (!_panel) return;
-  const banner = _panel.querySelector('#cp-messages-container > .cp-cli-banner');
+  const container = _panel.querySelector('#cp-messages-container');
+  const banner = container?.parentNode?.querySelector(':scope > .cp-cli-banner');
   banner?.remove();
 }
 

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

@@ -128,12 +128,21 @@ export function initMenubar() {
     'menu-open-skills-studio': 'skills',
     'menu-skills-new': 'skills',
     'menu-skills-import': 'skills',
+<<<<<<< HEAD
     'menu-open-automation-studio': 'automations',
     'menu-automations-schedule-new': 'automations',
     'menu-automations-quick-timer': 'automations',
     'menu-automations-schedule-groups': 'automations',
     'menu-automations-new': 'automations',
     'menu-automations-import': 'automations',
+=======
+    'menu-open-automation-studio': 'automations',
+    'menu-automations-schedule-new': 'automations',
+    'menu-automations-quick-timer': 'automations',
+    'menu-automations-schedule-groups': 'automations',
+    'menu-automations-new': 'automations',
+    'menu-automations-import': 'automations',
+>>>>>>> Clean
     'menu-terminal-claude': 'terminal',
     'menu-terminal-codex': 'terminal',
     'menu-terminal-gemini': 'terminal',
@@ -317,6 +326,7 @@ function wireAutomationsMenu() {
       emit('automations:open');
     });
   }
+<<<<<<< HEAD
   const schedulesItem = $('menu-automations-schedules');
   if (schedulesItem) {
     schedulesItem.addEventListener('click', () => {
@@ -345,6 +355,36 @@ function wireAutomationsMenu() {
       emit('automations:open-schedules', { tab: 'groups' });
     });
   }
+=======
+  const schedulesItem = $('menu-automations-schedules');
+  if (schedulesItem) {
+    schedulesItem.addEventListener('click', () => {
+      closeAll();
+      emit('automations:open-schedules');
+    });
+  }
+  const newScheduleItem = $('menu-automations-schedule-new');
+  if (newScheduleItem) {
+    newScheduleItem.addEventListener('click', () => {
+      closeAll();
+      emit('automations:open-schedules', { action: 'new-schedule' });
+    });
+  }
+  const quickTimerItem = $('menu-automations-quick-timer');
+  if (quickTimerItem) {
+    quickTimerItem.addEventListener('click', () => {
+      closeAll();
+      emit('automations:open-schedules', { action: 'quick-timer' });
+    });
+  }
+  const scheduleGroupsItem = $('menu-automations-schedule-groups');
+  if (scheduleGroupsItem) {
+    scheduleGroupsItem.addEventListener('click', () => {
+      closeAll();
+      emit('automations:open-schedules', { tab: 'groups' });
+    });
+  }
+>>>>>>> Clean
   const newItem = $('menu-automations-new');
   if (newItem) {
     newItem.addEventListener('click', () => {

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

@@ -4,10 +4,25 @@
 // and provides a 3-step modal wizard with blocking backup gate.
 // ═══════════════════════════════════════════
 
+import { showUpdateToast } from './ui-tool-updates.js';
+
 const $ = (id) => document.getElementById(id);
+const SYNABUN_GITHUB_URL = 'https://github.com/danilokhury/Synabun';
 
 let _versionData = null;
 let _btnWired = false;
+<<<<<<< HEAD
+=======
+let _pollWired = false;
+
+function sourceLabel(data) {
+  const src = data?.source;
+  if (src === 'both') return 'npm + GitHub';
+  if (src === 'github') return 'GitHub';
+  if (src === 'npm') return 'npm';
+  return src || 'update';
+}
+>>>>>>> Clean
 
 function applyTopRightButton(data) {
   const btn = $('topright-update-btn');
@@ -17,7 +32,11 @@ function applyTopRightButton(data) {
   btn.style.display = has ? '' : 'none';
   if (badge) badge.textContent = has ? '!' : '';
   if (has) {
+<<<<<<< HEAD
     const srcLabel = data.source === 'both' ? 'npm + GitHub' : data.source === 'github' ? 'GitHub' : 'npm';
+=======
+    const srcLabel = sourceLabel(data);
+>>>>>>> Clean
     btn.dataset.tooltip = `Update: v${data.current} → v${data.latest} (${srcLabel})`;
   }
   if (!_btnWired) {
@@ -28,6 +47,26 @@ function applyTopRightButton(data) {
     });
   }
 }
+<<<<<<< HEAD
+=======
+
+function maybeShowUpdateAlert(data, { once = true } = {}) {
+  if (!data?.updateAvailable) return;
+  const key = `synabun-update-alert:${data.current}->${data.latest}:${sourceLabel(data)}`;
+  try {
+    if (once && sessionStorage.getItem(key) === '1') return;
+    sessionStorage.setItem(key, '1');
+  } catch {}
+
+  setTimeout(() => {
+    showUpdateToast({
+      updates: [{ label: `SynaBun v${data.current} → v${data.latest}`, source: sourceLabel(data) }],
+      errors: [],
+      onClick: () => openSynabunUpdateModal(),
+    });
+  }, 500);
+}
+>>>>>>> Clean
 
 export async function initUpdate() {
   try {
@@ -35,18 +74,37 @@ export async function initUpdate() {
     if (!res.ok) return;
     _versionData = await res.json();
     applyTopRightButton(_versionData);
+<<<<<<< HEAD
+=======
+    maybeShowUpdateAlert(_versionData);
+
+    if (!_pollWired) {
+      _pollWired = true;
+      setInterval(() => {
+        forceCheckSynabunUpdate({ alert: true }).catch(() => {});
+      }, 30 * 60 * 1000);
+    }
+>>>>>>> Clean
   } catch { /* silent — no update UI if check fails */ }
 }
 
 // Force a fresh server-side check (bypasses 1h cache via ?force=1) and
 // re-applies the top-right button + badge state. Returns the latest
 // _synabunUpdateCache shape so callers can compose toasts.
+<<<<<<< HEAD
 export async function forceCheckSynabunUpdate() {
+=======
+export async function forceCheckSynabunUpdate({ alert = false } = {}) {
+>>>>>>> Clean
   try {
     const res = await fetch('/api/system/version?force=1');
     if (!res.ok) return null;
     _versionData = await res.json();
     applyTopRightButton(_versionData);
+<<<<<<< HEAD
+=======
+    if (alert) maybeShowUpdateAlert(_versionData);
+>>>>>>> Clean
     return _versionData;
   } catch {
     return null;
@@ -149,6 +207,7 @@ function openUpdateModal() {
   }
 
   function renderStep3() {
+<<<<<<< HEAD
     // Channel-aware install command. Beta users staying on beta keep the
     // @beta tag; both targets exist on stable so we surface a single line.
     const channel = _versionData.installedChannel || 'stable';
@@ -156,11 +215,41 @@ function openUpdateModal() {
     const targetLooksBeta = parseSemverPre(target);
     const installTag = (channel === 'prerelease' && targetLooksBeta) ? 'beta' : 'latest';
     const installCmd = `npm install -g synabun@${installTag}`;
+=======
+    const installPlan = _versionData.installPlan || {};
+    const canAutoUpdate = installPlan.canAutoUpdate === true;
+    const repoUrl = installPlan.openUrl || SYNABUN_GITHUB_URL;
+    const installCmd = canAutoUpdate
+      ? (installPlan.displayCommand || 'npm i -g synabun@latest')
+      : repoUrl;
+    const installIntro = canAutoUpdate
+      ? 'SynaBun will close and run this command in a new terminal window:'
+      : 'This SynaBun install was not detected as an npm install. Open the GitHub repository to update from your checkout or installer:';
+    const title = canAutoUpdate ? 'Run the Update' : 'Update from GitHub';
+    const installSource = canAutoUpdate
+      ? 'Installing from npm.'
+      : (installPlan.manualHint || 'Open the SynaBun repository for the correct update path.');
+    const autoRestartControl = canAutoUpdate ? `
+      <p style="font-size:11px;color:var(--t-muted);opacity:.75;margin:10px 0 0">
+        SynaBun will relaunch automatically after the update finishes.
+      </p>` : '';
+    const manualButton = canAutoUpdate ? `
+        <button class="action-btn action-btn--ghost" id="update-manual" title="Run the command yourself in your own terminal">Manual</button>` : '';
+    const updateNowButton = canAutoUpdate ? `
+        <button class="action-btn action-btn--primary" id="update-run-now">
+          <svg viewBox="0 0 24 24" width="13" height="13" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="vertical-align:-2px;margin-right:6px"><polyline points="8 17 12 21 16 17"/><line x1="12" y1="12" x2="12" y2="21"/><path d="M20.88 18.09A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.29"/></svg>
+          Update Now
+        </button>` : `
+        <button class="action-btn action-btn--primary" id="update-run-now" data-url="${esc(repoUrl)}">
+          <svg viewBox="0 0 24 24" width="13" height="13" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="vertical-align:-2px;margin-right:6px"><path d="M15 3h6v6"/><path d="M10 14 21 3"/><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/></svg>
+          Open GitHub
+        </button>`;
+>>>>>>> Clean
 
     return `
-      <h3 class="update-modal-title">Run the Update</h3>
+      <h3 class="update-modal-title">${title}</h3>
       <p style="font-size:12px;color:var(--t-muted);margin:4px 0 12px">
-        Run this command in your terminal to update SynaBun:
+        ${esc(installIntro)}
       </p>
       <div class="update-code-block">
         <code>${esc(installCmd)}</code>
@@ -168,19 +257,23 @@ function openUpdateModal() {
           <svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></svg>
         </button>
       </div>
-      <p style="font-size:12px;color:var(--t-muted);margin:12px 0 8px">
-        Then restart the Neural Interface:
-      </p>
-      <div class="update-code-block">
-        <code>node neural-interface/server.js</code>
-        <button class="update-copy-btn" data-copy="node neural-interface/server.js" title="Copy">
-          <svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></svg>
-        </button>
+      <p style="font-size:11px;color:var(--t-muted);opacity:.75;margin:8px 0 0">${esc(installSource)}</p>
+      ${autoRestartControl}
+
+      <div class="update-run-status" id="update-run-status" style="display:none;margin:10px 0 0">
+        <span class="update-backup-icon" id="update-run-icon"></span>
+        <span id="update-run-text"></span>
       </div>
-      <div class="tag-delete-modal-actions" style="margin-top:18px">
+
+      <div class="tag-delete-modal-actions" style="margin-top:14px;flex-wrap:wrap;gap:8px">
         <button class="action-btn action-btn--ghost" id="update-back">Back</button>
-        <button class="action-btn action-btn--primary" id="update-done">Done</button>
-      </div>`;
+        ${manualButton}
+        ${updateNowButton}
+      </div>
+
+      <p id="update-manual-note" style="display:none;font-size:11px;color:var(--t-muted);opacity:.75;margin:10px 0 0">
+        After running the command, restart SynaBun with <code>synabun</code>.
+      </p>`;
   }
 
   function bindEvents() {
@@ -221,6 +314,16 @@ function openUpdateModal() {
     // Backup download
     overlay.querySelector('#update-backup-download')?.addEventListener('click', handleBackupDownload);
 
+    // Update Now — kick off click-to-update flow
+    overlay.querySelector('#update-run-now')?.addEventListener('click', handleRunUpdate);
+
+    // Manual — surface the command + relaunch hint, hide auto-update controls
+    overlay.querySelector('#update-manual')?.addEventListener('click', () => {
+      overlay.querySelector('#update-manual-note').style.display = '';
+      const runNow = overlay.querySelector('#update-run-now');
+      if (runNow) runNow.style.display = 'none';
+    });
+
     // Skip checkbox
     const skipCb = overlay.querySelector('#update-skip-backup');
     if (skipCb) {
@@ -232,6 +335,78 @@ function openUpdateModal() {
     }
   }
 
+  async function handleRunUpdate() {
+    const installPlan = _versionData?.installPlan || {};
+    const canAutoUpdate = installPlan.canAutoUpdate === true;
+    const repoUrl = installPlan.openUrl || SYNABUN_GITHUB_URL;
+
+    // Auto-restart is always on; server forces it true regardless of payload.
+    const autoRestart = true;
+
+    const runBtn = overlay.querySelector('#update-run-now');
+    const backBtn = overlay.querySelector('#update-back');
+    const manualBtn = overlay.querySelector('#update-manual');
+    const status = overlay.querySelector('#update-run-status');
+    const icon = overlay.querySelector('#update-run-icon');
+    const text = overlay.querySelector('#update-run-text');
+
+    if (!runBtn || !backBtn || !status || !icon || !text) return;
+
+    if (!canAutoUpdate) {
+      window.open(repoUrl, '_blank', 'noopener,noreferrer');
+      status.style.display = 'flex';
+      icon.className = 'update-backup-icon';
+      icon.textContent = '↗';
+      icon.style.color = '#4fc3f7';
+      text.innerHTML = `<strong>GitHub repository opened</strong><span class="update-run-detail">Use the repository instructions to update this non-npm installation.</span>`;
+      return;
+    }
+
+    runBtn.disabled = true;
+    backBtn.disabled = true;
+    if (manualBtn) manualBtn.disabled = true;
+    runBtn.innerHTML = '<span class="update-spinner"></span> Launching updater...';
+    status.style.display = 'flex';
+    icon.className = 'update-backup-icon spin';
+    icon.textContent = '⟳';
+    icon.style.color = '';
+    text.innerHTML = '<strong>Launching updater</strong><span class="update-run-detail">Opening a terminal window for the npm update.</span>';
+
+    try {
+      const res = await fetch('/api/system/run-update', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ autoRestart }),
+      });
+      if (!res.ok) {
+        let msg = `Updater failed (${res.status})`;
+        try { const b = await res.json(); msg = b.error || msg; } catch {}
+        throw new Error(msg);
+      }
+      await res.json();
+
+      icon.className = 'update-backup-icon';
+      icon.textContent = '✓';
+      icon.style.color = '#34c759';
+      text.innerHTML = `<strong>Updater terminal launched</strong><span class="update-run-detail">SynaBun is shutting down so npm can replace the package. Watch the terminal for install progress; SynaBun will relaunch automatically when it finishes.</span><span class="update-run-hint">If no terminal window appears, run <code>${esc(installPlan.displayCommand || 'npm i -g synabun@latest')}</code> manually.</span>`;
+      runBtn.innerHTML = 'Updater running…';
+
+      // Server is shutting down. Optionally redirect to a friendly offline
+      // notice — for now leave the page; user already understands from copy.
+      // Re-enable Back so they can close the modal.
+      setTimeout(() => { backBtn.disabled = false; }, 2500);
+    } catch (err) {
+      icon.className = 'update-backup-icon';
+      icon.textContent = '✗';
+      icon.style.color = 'var(--accent-red)';
+      text.textContent = 'Failed to launch updater: ' + err.message;
+      runBtn.disabled = false;
+      backBtn.disabled = false;
+      if (manualBtn) manualBtn.disabled = false;
+      runBtn.innerHTML = `<svg viewBox="0 0 24 24" width="13" height="13" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="vertical-align:-2px;margin-right:6px"><polyline points="8 17 12 21 16 17"/><line x1="12" y1="12" x2="12" y2="21"/><path d="M20.88 18.09A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.29"/></svg> Retry`;
+    }
+  }
+
   async function handleBackupDownload() {
     const btn = overlay.querySelector('#update-backup-download');
     const status = overlay.querySelector('#update-backup-status');