synabun 2026.4.26-beta → 2026.4.26-beta.10

package/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 Raw internal changelogs are archived in [changelog/](changelog/).
 
-## 2026-04-26.beta-1
+## 2026-04-25
 
 ### Added — Dedicated Schedules Studio
 - **Standalone schedule window** — Added `neural-interface/public/shared/ui-schedules-studio.js` and initialized it from both `neural-interface/public/variant/2d/main.js` and `neural-interface/public/variant/3d/main.js`. The new window opens from `automations:open-schedules` and keeps schedule management out of the Automation Studio detail pane.

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

@@ -19449,150 +19449,150 @@
   }
   .sched-sidebar-new:hover { background: rgba(255,255,255,0.07); color: var(--t-bright); }
   .sched-sidebar-empty { color: var(--t-muted); font-size: 11px; padding: 8px 6px; }
-  .sched-sidebar-prompt {
-    margin-top: auto; display: inline-flex; align-items: center; justify-content: center; gap: 6px;
-    border: 1px solid rgba(255,255,255,0.09); border-radius: 8px;
-    background: rgba(255,255,255,0.04);
-    color: var(--t-secondary); min-height: 34px; cursor: pointer; font-family: inherit;
-    font-size: 12px; font-weight: 600; letter-spacing: 0;
-    box-shadow: var(--shadow-highlight);
-    transition: border-color 160ms ease, color 160ms ease, background 160ms ease, transform 120ms ease;
-  }
-  .sched-sidebar-prompt:hover {
-    background: rgba(255,255,255,0.075);
-    border-color: rgba(255,255,255,0.14);
-    color: var(--t-bright);
-    transform: translateY(-1px);
-  }
-  .sched-sidebar-prompt svg { width: 13px; height: 13px; color: var(--t-muted); }
-
-  .sched-prompt-backdrop {
-    position: fixed; inset: 0; background: rgba(5,7,12,0.58);
-    backdrop-filter: blur(7px); -webkit-backdrop-filter: blur(7px);
-    z-index: 300010; opacity: 0; transition: opacity 160ms ease-out;
-    pointer-events: auto;
-  }
-  .sched-prompt-backdrop.open { opacity: 1; }
-  .sched-prompt-modal {
-    position: fixed; left: 50%; top: 50%; transform: translate(-50%, -52%) scale(0.98);
-    width: min(512px, calc(100vw - 32px)); padding: 0;
-    border-radius: 12px; z-index: 300011;
-    opacity: 0; transition: opacity 160ms ease-out, transform 200ms ease-out;
-    background:
-      linear-gradient(to bottom, rgba(255,255,255,0.035), rgba(255,255,255,0.01)),
-      rgba(13,15,20,0.96);
-    border: 1px solid rgba(255,255,255,0.085);
-    box-shadow: 0 22px 64px rgba(0,0,0,0.58), var(--shadow-highlight);
-    overflow: hidden;
-  }
-  .sched-prompt-modal.open { opacity: 1; transform: translate(-50%, -50%) scale(1); }
-  .sched-prompt-head {
-    display: flex; align-items: center; justify-content: space-between; gap: 12px;
-    padding: 15px 16px 13px;
-    border-bottom: 1px solid rgba(255,255,255,0.055);
-  }
-  .sched-prompt-head-text {
-    display: flex; align-items: center; gap: 10px; min-width: 0;
-  }
-  .sched-prompt-icon {
-    display: inline-flex; align-items: center; justify-content: center;
-    width: 30px; height: 30px; border-radius: 8px; flex: 0 0 auto;
-    background: rgba(255,255,255,0.055);
-    border: 1px solid rgba(255,255,255,0.075);
-    color: var(--t-secondary);
-    box-shadow: var(--shadow-highlight);
-  }
-  .sched-prompt-icon svg { width: 14px; height: 14px; }
-  .sched-prompt-head h3 {
-    margin: 0; font-family: var(--ff-heading); font-size: 14px; font-weight: 650;
-    color: var(--t-bright); letter-spacing: 0;
-  }
-  .sched-prompt-head p {
-    margin: 2px 0 0; font-size: 11.5px; line-height: 1.35; color: var(--t-muted);
-  }
-  .sched-prompt-close {
-    display: inline-flex; align-items: center; justify-content: center;
-    width: 28px; height: 28px; flex: 0 0 auto;
-    background: transparent; border: 1px solid transparent; border-radius: 7px;
-    color: var(--t-muted); cursor: pointer; padding: 0;
-    transition: background 150ms ease, border-color 150ms ease, color 150ms ease;
-  }
-  .sched-prompt-close:hover {
-    background: rgba(255,255,255,0.055);
-    border-color: rgba(255,255,255,0.075);
-    color: var(--t-bright);
-  }
-  .sched-prompt-close svg { width: 14px; height: 14px; }
-  .sched-prompt-tiles {
-    display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px;
-    padding: 14px 16px 16px;
-  }
-  @media (max-width: 560px) { .sched-prompt-tiles { grid-template-columns: 1fr; } }
-  .sched-prompt-tile {
-    position: relative; display: grid; grid-template-columns: 32px minmax(0, 1fr);
-    grid-template-areas: "logo pill" "body body"; align-content: start; gap: 10px 8px;
-    min-height: 96px; padding: 12px; border-radius: 10px; cursor: pointer; font-family: inherit;
-    background: rgba(255,255,255,0.032);
-    border: 1px solid rgba(255,255,255,0.065);
-    color: var(--t-secondary); text-align: left;
-    backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
-    transition: background 180ms ease, border-color 180ms ease, transform 160ms ease, box-shadow 180ms ease;
-    overflow: hidden;
-  }
-  .sched-prompt-tile:not(.disabled) {
-    background: rgba(255,255,255,0.045);
-    border-color: rgba(255,255,255,0.095);
-    box-shadow: var(--shadow-highlight);
-  }
-  .sched-prompt-tile:not(.disabled):hover {
-    background: rgba(255,255,255,0.065);
-    border-color: rgba(255,255,255,0.13);
-    color: var(--t-bright); transform: translateY(-1px);
-    box-shadow: var(--shadow-xs), var(--shadow-highlight);
-  }
-  .sched-prompt-tile:not(.disabled):active { transform: translateY(0); }
-  .sched-prompt-tile:focus-visible {
-    outline: none;
-    border-color: rgba(255,255,255,0.18);
-    box-shadow: 0 0 0 2px rgba(255,255,255,0.14), var(--shadow-highlight);
-  }
-  .sched-prompt-tile.disabled { opacity: 0.58; cursor: not-allowed; pointer-events: none; }
-  .sched-prompt-tile-logo {
-    grid-area: logo;
-    display: inline-flex; align-items: center; justify-content: center;
-    width: 32px; height: 32px; border-radius: 8px;
-    background: rgba(255,255,255,0.045);
-    border: 1px solid rgba(255,255,255,0.075);
-    color: color-mix(in srgb, var(--provider-color, #fff) 62%, var(--t-secondary));
-    box-shadow: var(--shadow-highlight);
-  }
-  .sched-prompt-tile-logo svg { width: 16px; height: 16px; display: block; }
-  .sched-prompt-tile-body {
-    grid-area: body; display: flex; flex-direction: column; gap: 2px; min-width: 0;
-  }
-  .sched-prompt-tile-title {
-    font-size: 12.5px; font-weight: 650; color: var(--t-secondary); letter-spacing: 0;
-    line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
-  }
-  .sched-prompt-tile:not(.disabled) .sched-prompt-tile-title {
-    color: color-mix(in srgb, var(--provider-color, #fff) 56%, var(--t-bright));
-  }
-  .sched-prompt-tile-sub {
-    font-size: 10.5px; color: var(--t-muted); letter-spacing: 0; line-height: 1.2;
-    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
-  }
-  .sched-prompt-pill {
-    grid-area: pill; justify-self: end; align-self: start;
-    font-size: 10px; font-weight: 600; letter-spacing: 0;
-    padding: 2px 6px; border-radius: var(--r-pill);
-    background: rgba(255,255,255,0.045); color: var(--t-muted);
-    border: 1px solid rgba(255,255,255,0.06);
-  }
-  .sched-prompt-pill--active {
-    background: rgba(255,255,255,0.075);
-    border-color: rgba(255,255,255,0.12);
-    color: var(--t-secondary);
-  }
+  .sched-sidebar-prompt {
+    margin-top: auto; display: inline-flex; align-items: center; justify-content: center; gap: 6px;
+    border: 1px solid rgba(255,255,255,0.09); border-radius: 8px;
+    background: rgba(255,255,255,0.04);
+    color: var(--t-secondary); min-height: 34px; cursor: pointer; font-family: inherit;
+    font-size: 12px; font-weight: 600; letter-spacing: 0;
+    box-shadow: var(--shadow-highlight);
+    transition: border-color 160ms ease, color 160ms ease, background 160ms ease, transform 120ms ease;
+  }
+  .sched-sidebar-prompt:hover {
+    background: rgba(255,255,255,0.075);
+    border-color: rgba(255,255,255,0.14);
+    color: var(--t-bright);
+    transform: translateY(-1px);
+  }
+  .sched-sidebar-prompt svg { width: 13px; height: 13px; color: var(--t-muted); }
+
+  .sched-prompt-backdrop {
+    position: fixed; inset: 0; background: rgba(5,7,12,0.58);
+    backdrop-filter: blur(7px); -webkit-backdrop-filter: blur(7px);
+    z-index: 300010; opacity: 0; transition: opacity 160ms ease-out;
+    pointer-events: auto;
+  }
+  .sched-prompt-backdrop.open { opacity: 1; }
+  .sched-prompt-modal {
+    position: fixed; left: 50%; top: 50%; transform: translate(-50%, -52%) scale(0.98);
+    width: min(512px, calc(100vw - 32px)); padding: 0;
+    border-radius: 12px; z-index: 300011;
+    opacity: 0; transition: opacity 160ms ease-out, transform 200ms ease-out;
+    background:
+      linear-gradient(to bottom, rgba(255,255,255,0.035), rgba(255,255,255,0.01)),
+      rgba(13,15,20,0.96);
+    border: 1px solid rgba(255,255,255,0.085);
+    box-shadow: 0 22px 64px rgba(0,0,0,0.58), var(--shadow-highlight);
+    overflow: hidden;
+  }
+  .sched-prompt-modal.open { opacity: 1; transform: translate(-50%, -50%) scale(1); }
+  .sched-prompt-head {
+    display: flex; align-items: center; justify-content: space-between; gap: 12px;
+    padding: 15px 16px 13px;
+    border-bottom: 1px solid rgba(255,255,255,0.055);
+  }
+  .sched-prompt-head-text {
+    display: flex; align-items: center; gap: 10px; min-width: 0;
+  }
+  .sched-prompt-icon {
+    display: inline-flex; align-items: center; justify-content: center;
+    width: 30px; height: 30px; border-radius: 8px; flex: 0 0 auto;
+    background: rgba(255,255,255,0.055);
+    border: 1px solid rgba(255,255,255,0.075);
+    color: var(--t-secondary);
+    box-shadow: var(--shadow-highlight);
+  }
+  .sched-prompt-icon svg { width: 14px; height: 14px; }
+  .sched-prompt-head h3 {
+    margin: 0; font-family: var(--ff-heading); font-size: 14px; font-weight: 650;
+    color: var(--t-bright); letter-spacing: 0;
+  }
+  .sched-prompt-head p {
+    margin: 2px 0 0; font-size: 11.5px; line-height: 1.35; color: var(--t-muted);
+  }
+  .sched-prompt-close {
+    display: inline-flex; align-items: center; justify-content: center;
+    width: 28px; height: 28px; flex: 0 0 auto;
+    background: transparent; border: 1px solid transparent; border-radius: 7px;
+    color: var(--t-muted); cursor: pointer; padding: 0;
+    transition: background 150ms ease, border-color 150ms ease, color 150ms ease;
+  }
+  .sched-prompt-close:hover {
+    background: rgba(255,255,255,0.055);
+    border-color: rgba(255,255,255,0.075);
+    color: var(--t-bright);
+  }
+  .sched-prompt-close svg { width: 14px; height: 14px; }
+  .sched-prompt-tiles {
+    display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px;
+    padding: 14px 16px 16px;
+  }
+  @media (max-width: 560px) { .sched-prompt-tiles { grid-template-columns: 1fr; } }
+  .sched-prompt-tile {
+    position: relative; display: grid; grid-template-columns: 32px minmax(0, 1fr);
+    grid-template-areas: "logo pill" "body body"; align-content: start; gap: 10px 8px;
+    min-height: 96px; padding: 12px; border-radius: 10px; cursor: pointer; font-family: inherit;
+    background: rgba(255,255,255,0.032);
+    border: 1px solid rgba(255,255,255,0.065);
+    color: var(--t-secondary); text-align: left;
+    backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
+    transition: background 180ms ease, border-color 180ms ease, transform 160ms ease, box-shadow 180ms ease;
+    overflow: hidden;
+  }
+  .sched-prompt-tile:not(.disabled) {
+    background: rgba(255,255,255,0.045);
+    border-color: rgba(255,255,255,0.095);
+    box-shadow: var(--shadow-highlight);
+  }
+  .sched-prompt-tile:not(.disabled):hover {
+    background: rgba(255,255,255,0.065);
+    border-color: rgba(255,255,255,0.13);
+    color: var(--t-bright); transform: translateY(-1px);
+    box-shadow: var(--shadow-xs), var(--shadow-highlight);
+  }
+  .sched-prompt-tile:not(.disabled):active { transform: translateY(0); }
+  .sched-prompt-tile:focus-visible {
+    outline: none;
+    border-color: rgba(255,255,255,0.18);
+    box-shadow: 0 0 0 2px rgba(255,255,255,0.14), var(--shadow-highlight);
+  }
+  .sched-prompt-tile.disabled { opacity: 0.58; cursor: not-allowed; pointer-events: none; }
+  .sched-prompt-tile-logo {
+    grid-area: logo;
+    display: inline-flex; align-items: center; justify-content: center;
+    width: 32px; height: 32px; border-radius: 8px;
+    background: rgba(255,255,255,0.045);
+    border: 1px solid rgba(255,255,255,0.075);
+    color: color-mix(in srgb, var(--provider-color, #fff) 62%, var(--t-secondary));
+    box-shadow: var(--shadow-highlight);
+  }
+  .sched-prompt-tile-logo svg { width: 16px; height: 16px; display: block; }
+  .sched-prompt-tile-body {
+    grid-area: body; display: flex; flex-direction: column; gap: 2px; min-width: 0;
+  }
+  .sched-prompt-tile-title {
+    font-size: 12.5px; font-weight: 650; color: var(--t-secondary); letter-spacing: 0;
+    line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
+  }
+  .sched-prompt-tile:not(.disabled) .sched-prompt-tile-title {
+    color: color-mix(in srgb, var(--provider-color, #fff) 56%, var(--t-bright));
+  }
+  .sched-prompt-tile-sub {
+    font-size: 10.5px; color: var(--t-muted); letter-spacing: 0; line-height: 1.2;
+    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
+  }
+  .sched-prompt-pill {
+    grid-area: pill; justify-self: end; align-self: start;
+    font-size: 10px; font-weight: 600; letter-spacing: 0;
+    padding: 2px 6px; border-radius: var(--r-pill);
+    background: rgba(255,255,255,0.045); color: var(--t-muted);
+    border: 1px solid rgba(255,255,255,0.06);
+  }
+  .sched-prompt-pill--active {
+    background: rgba(255,255,255,0.075);
+    border-color: rgba(255,255,255,0.12);
+    color: var(--t-secondary);
+  }
 
   .sched-main { flex: 1; min-width: 0; min-height: 0; display: flex; flex-direction: column; }
   .sched-tabs {
@@ -24315,3 +24315,73 @@
 .ig-lb-prev { left: 16px; }
 .ig-lb-next { right: 16px; }
 
+/* ── Update-check toast (Apps > Check for updates) ── */
+.update-check-toast {
+  position: fixed;
+  right: 20px;
+  bottom: 80px;
+  z-index: 300050;
+  display: flex;
+  gap: 12px;
+  align-items: flex-start;
+  min-width: 240px;
+  max-width: 360px;
+  padding: 12px 14px;
+  border-radius: 14px;
+  background: rgba(20, 20, 24, 0.85);
+  backdrop-filter: blur(20px) saturate(160%);
+  -webkit-backdrop-filter: blur(20px) saturate(160%);
+  border: 1px solid rgba(255, 255, 255, 0.08);
+  color: var(--t-text);
+  font-size: 12px;
+  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
+  opacity: 0;
+  transform: translateY(8px);
+  transition: opacity 0.25s ease, transform 0.25s ease, background 0.15s ease;
+  pointer-events: auto;
+}
+.update-check-toast.show { opacity: 1; transform: translateY(0); }
+.update-check-toast--clickable { cursor: pointer; }
+.update-check-toast--clickable:hover { background: rgba(28, 28, 32, 0.92); }
+.update-check-toast .utc-icon {
+  width: 24px; height: 24px;
+  border-radius: 50%;
+  display: flex; align-items: center; justify-content: center;
+  font-weight: 700; font-size: 14px;
+  flex-shrink: 0;
+}
+.update-check-toast .utc-icon--up  { background: rgba(52, 199, 89, 0.18);  color: #34c759; }
+.update-check-toast .utc-icon--ok  { background: rgba(52, 199, 89, 0.18);  color: #34c759; }
+.update-check-toast .utc-icon--err { background: rgba(255, 69, 58, 0.18);  color: #ff453a; }
+.update-check-toast .utc-body  { flex: 1; min-width: 0; }
+.update-check-toast .utc-title { font-weight: 600; margin-bottom: 4px; }
+.update-check-toast .utc-list  { list-style: none; margin: 0; padding: 0; }
+.update-check-toast .utc-list li { padding: 2px 0; color: var(--t-muted); }
+.update-check-toast .utc-list li .utc-src {
+  display: inline-block;
+  padding: 1px 6px;
+  margin-left: 6px;
+  border-radius: 6px;
+  font-size: 10px;
+  background: rgba(255, 255, 255, 0.08);
+  color: var(--t-text);
+}
+.update-check-toast .utc-sub  { color: var(--t-muted); }
+.update-check-toast .utc-hint { color: var(--t-muted); opacity: 0.7; margin-top: 6px; font-size: 11px; }
+
+.update-channel-pill {
+  display: inline-block;
+  padding: 2px 8px;
+  margin-left: 8px;
+  font-size: 10px;
+  font-weight: 600;
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+  border-radius: 6px;
+  vertical-align: middle;
+  background: rgba(255, 159, 10, 0.18);
+  color: #ff9f0a;
+}
+.update-channel-pill--beta { background: rgba(255, 159, 10, 0.18); color: #ff9f0a; }
+
+

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,7 @@ function _ensureCliBannerEl() {
 
 function _removeCliBannerEl() {
   if (!_panel) return;
-  const banner = _panel.querySelector('#cp-messages-container > .cp-cli-banner');
+  const banner = _panel.querySelector(':scope > .cp-cli-banner');
   banner?.remove();
 }
 

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

@@ -12,7 +12,8 @@ import { openHelp } from './ui-help.js';
 import { registerAction } from './ui-keybinds.js';
 import { isGuest, hasPermission } from './ui-sync.js';
 import { sendToPanel } from './ui-claude-panel.js';
-import { forceCheckToolUpdates } from './ui-tool-updates.js';
+import { forceCheckToolUpdates, showUpdateToast, TOOL_LABELS } from './ui-tool-updates.js';
+import { forceCheckSynabunUpdate, openSynabunUpdateModal } from './ui-update.js';
 
 const $ = (id) => document.getElementById(id);
 
@@ -127,12 +128,12 @@ export function initMenubar() {
     'menu-open-skills-studio': 'skills',
     'menu-skills-new': 'skills',
     'menu-skills-import': 'skills',
-    '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',
     'menu-terminal-claude': 'terminal',
     'menu-terminal-codex': 'terminal',
     'menu-terminal-gemini': 'terminal',
@@ -316,34 +317,34 @@ function wireAutomationsMenu() {
       emit('automations:open');
     });
   }
-  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' });
-    });
-  }
+  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' });
+    });
+  }
   const newItem = $('menu-automations-new');
   if (newItem) {
     newItem.addEventListener('click', () => {
@@ -370,7 +371,34 @@ function wireTerminalMenu() {
     'menu-terminal-codex':   () => emit('terminal:open', { profile: 'codex' }),
     'menu-terminal-gemini':   () => emit('terminal:open', { profile: 'gemini' }),
     'menu-terminal-opencode': () => emit('terminal:open', { profile: 'opencode' }),
-    'menu-check-cli-updates': () => forceCheckToolUpdates(),
+    'menu-check-cli-updates': async () => {
+      const [tools, syn] = await Promise.all([
+        forceCheckToolUpdates(),
+        forceCheckSynabunUpdate(),
+      ]);
+
+      const updates = [];
+      for (const [key, info] of Object.entries(tools?.tools || {})) {
+        if (info?.updateAvailable) {
+          const label = `${TOOL_LABELS[key] || key} v${info.installed} → v${info.latest}`;
+          updates.push({ label });
+        }
+      }
+      if (syn?.updateAvailable) {
+        const srcLabel = syn.source === 'both' ? 'npm + GitHub' : syn.source === 'github' ? 'GitHub' : 'npm';
+        updates.push({ label: `SynaBun v${syn.current} → v${syn.latest}`, source: srcLabel });
+      }
+
+      const errors = [];
+      if (!tools) errors.push('CLI versions');
+      if (!syn)   errors.push('SynaBun version');
+
+      showUpdateToast({
+        updates,
+        errors,
+        onClick: syn?.updateAvailable ? () => openSynabunUpdateModal() : null,
+      });
+    },
     'menu-terminal-shell':   () => emit('terminal:open', { profile: 'shell' }),
     'menu-terminal-browser': () => emit('browser:open'),
     'menu-terminal-youtube': () => emit('browser:open', { url: 'https://www.youtube.com' }),