synabun 2026.4.26-beta → 2026.4.26-beta.2

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,57 @@
 .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; }
+

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' }),

package/neural-interface/public/shared/ui-tool-updates.js

@@ -174,7 +174,81 @@ export async function initToolUpdates() {
 export async function forceCheckToolUpdates() {
   try {
     const res = await fetch('/api/system/tool-versions?force=1');
-    if (!res.ok) return;
-    applyBadges(await res.json());
-  } catch { /* silent */ }
+    if (!res.ok) return null;
+    const data = await res.json();
+    applyBadges(data);
+    return data;
+  } catch { return null; }
+}
+
+// Re-export human-readable tool labels so toast/menu code can build summaries
+// without redefining the label map.
+export { TOOL_LABELS };
+
+// ── Update-check toast ──
+// Bottom-right ephemeral pill. One of three modes: updates available (with
+// list + optional click handler), all-clear, or check-failed. Auto-dismisses.
+
+function _toastEsc(s) {
+  const d = document.createElement('div');
+  d.textContent = String(s ?? '');
+  return d.innerHTML;
+}
+
+export function showUpdateToast({ updates, errors, onClick } = {}) {
+  document.querySelectorAll('.update-check-toast').forEach(el => el.remove());
+
+  const toast = document.createElement('div');
+  toast.className = 'update-check-toast';
+
+  const hasUpdates = Array.isArray(updates) && updates.length > 0;
+  const hasErrors  = Array.isArray(errors)  && errors.length  > 0;
+  const clickable  = hasUpdates && typeof onClick === 'function';
+  if (clickable) toast.classList.add('update-check-toast--clickable');
+
+  if (hasUpdates) {
+    const items = updates.map(u => {
+      const label = _toastEsc(u?.label || '');
+      const src = u?.source ? `<span class="utc-src">${_toastEsc(u.source)}</span>` : '';
+      return `<li>${label}${src}</li>`;
+    }).join('');
+    toast.innerHTML = `
+      <div class="utc-icon utc-icon--up">↑</div>
+      <div class="utc-body">
+        <div class="utc-title">Updates available</div>
+        <ul class="utc-list">${items}</ul>
+        ${clickable ? '<div class="utc-hint">Click to open update guide</div>' : ''}
+      </div>`;
+  } else if (hasErrors) {
+    toast.innerHTML = `
+      <div class="utc-icon utc-icon--err">!</div>
+      <div class="utc-body">
+        <div class="utc-title">Update check failed</div>
+        <div class="utc-sub">${_toastEsc(errors.join(' · '))}</div>
+      </div>`;
+  } else {
+    toast.innerHTML = `
+      <div class="utc-icon utc-icon--ok">✓</div>
+      <div class="utc-body">
+        <div class="utc-title">All up to date</div>
+      </div>`;
+  }
+
+  if (clickable) {
+    toast.addEventListener('click', () => {
+      try { onClick(); } catch {}
+      toast.classList.remove('show');
+      setTimeout(() => toast.remove(), 250);
+    });
+  }
+
+  document.body.appendChild(toast);
+  requestAnimationFrame(() => toast.classList.add('show'));
+
+  const ttl = hasUpdates ? 7000 : hasErrors ? 5000 : 3500;
+  setTimeout(() => {
+    if (!toast.isConnected) return;
+    toast.classList.remove('show');
+    setTimeout(() => toast.remove(), 250);
+  }, ttl);
 }

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

@@ -7,27 +7,55 @@
 const $ = (id) => document.getElementById(id);
 
 let _versionData = null;
+let _btnWired = false;
+
+function applyTopRightButton(data) {
+  const btn = $('topright-update-btn');
+  const badge = $('update-badge');
+  if (!btn) return;
+  const has = !!data?.updateAvailable;
+  btn.style.display = has ? '' : 'none';
+  if (badge) badge.textContent = has ? '!' : '';
+  if (has) {
+    const srcLabel = data.source === 'both' ? 'npm + GitHub' : data.source === 'github' ? 'GitHub' : 'npm';
+    btn.dataset.tooltip = `Update: v${data.current} → v${data.latest} (${srcLabel})`;
+  }
+  if (!_btnWired) {
+    _btnWired = true;
+    btn.addEventListener('click', (e) => {
+      e.stopPropagation();
+      openUpdateModal();
+    });
+  }
+}
 
 export async function initUpdate() {
   try {
     const res = await fetch('/api/system/version');
     if (!res.ok) return;
     _versionData = await res.json();
+    applyTopRightButton(_versionData);
+  } catch { /* silent — no update UI if check fails */ }
+}
 
-    if (!_versionData.updateAvailable) return;
-
-    const btn = $('topright-update-btn');
-    if (!btn) return;
-
-    btn.style.display = '';
-    const badge = $('update-badge');
-    if (badge) badge.textContent = '!';
+// 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.
+export async function forceCheckSynabunUpdate() {
+  try {
+    const res = await fetch('/api/system/version?force=1');
+    if (!res.ok) return null;
+    _versionData = await res.json();
+    applyTopRightButton(_versionData);
+    return _versionData;
+  } catch {
+    return null;
+  }
+}
 
-    btn.addEventListener('click', (e) => {
-      e.stopPropagation();
-      openUpdateModal();
-    });
-  } catch { /* silent — no update UI if check fails */ }
+export function openSynabunUpdateModal() {
+  if (!_versionData?.updateAvailable) return;
+  openUpdateModal();
 }
 
 // ── Modal Wizard ──
@@ -59,6 +87,16 @@ function openUpdateModal() {
   }
 
   function renderStep1() {
+    const src = _versionData.source;
+    const srcCopy = src === 'both'
+      ? 'A new version of SynaBun is available on npm and GitHub.'
+      : src === 'github'
+        ? 'A new SynaBun release is tagged on GitHub. The npm publish may still be in progress.'
+        : 'A new version of SynaBun has been published to npm.';
+
+    const npmBit  = _versionData.npmLatest ? `npm v${esc(_versionData.npmLatest)}` : 'npm —';
+    const gitBit  = _versionData.gitLatest ? `GitHub v${esc(_versionData.gitLatest)}` : 'GitHub —';
+
     return `
       <h3 class="update-modal-title">Update Available</h3>
       <div class="update-version-diff">
@@ -66,9 +104,8 @@ function openUpdateModal() {
         <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
         <span class="update-ver update-ver--new">v${esc(_versionData.latest)}</span>
       </div>
-      <p style="font-size:12px;color:var(--t-muted);margin:12px 0 18px">
-        A new version of SynaBun is available on npm.
-      </p>
+      <p style="font-size:12px;color:var(--t-muted);margin:12px 0 6px">${srcCopy}</p>
+      <p style="font-size:11px;color:var(--t-muted);opacity:.75;margin:0 0 18px">${npmBit} · ${gitBit}</p>
       <div class="tag-delete-modal-actions">
         <button class="action-btn action-btn--ghost" id="update-cancel">Cancel</button>
         <button class="action-btn action-btn--primary" id="update-next">Next</button>

package/neural-interface/server.js

@@ -10073,58 +10073,123 @@ app.post('/api/search/memories', async (req, res) => {
 });
 
 // ═══════════════════════════════════════════
-// NPM UPDATE CHECK
+// SYNABUN UPDATE CHECK (NPM + GITHUB RELEASES)
 // ═══════════════════════════════════════════
+//
+// Checks both the npm registry AND the project's GitHub releases. Alerts
+// when EITHER source is newer than the installed version (catches one-sided
+// publishes — e.g. release tagged on GitHub before npm publish completes).
+
+let _synabunUpdateCache = {
+  current: null,
+  npmLatest: null,
+  gitLatest: null,
+  latest: null,                  // newer of (npmLatest, gitLatest) — legacy field
+  npmUpdateAvailable: false,
+  gitUpdateAvailable: false,
+  updateAvailable: false,        // npmUpdateAvailable || gitUpdateAvailable
+  source: null,                  // 'npm' | 'github' | 'both' | null
+  checkedAt: null,
+  npmError: null,
+  gitError: null,
+};
 
-let _npmUpdateCache = { current: null, latest: null, updateAvailable: false, checkedAt: null };
-
-async function checkNpmUpdate() {
+async function checkSynabunUpdate() {
+  let current = _synabunUpdateCache.current;
   try {
-    const pkgPath = resolve(PACKAGE_ROOT, 'package.json');
-    const pkg = JSON.parse(readFileSync(pkgPath, 'utf-8'));
-    const current = pkg.version;
-    _npmUpdateCache.current = current;
+    const pkg = JSON.parse(readFileSync(resolve(PACKAGE_ROOT, 'package.json'), 'utf-8'));
+    current = pkg.version;
+  } catch { /* keep prior current if package.json read fails */ }
 
+  const fetchJsonWithTimeout = async (url, ms = 5000) => {
     const controller = new AbortController();
-    const timeout = setTimeout(() => controller.abort(), 5000);
-    const res = await fetch('https://registry.npmjs.org/synabun/latest', { signal: controller.signal });
-    clearTimeout(timeout);
+    const timeout = setTimeout(() => controller.abort(), ms);
+    try {
+      const res = await fetch(url, {
+        signal: controller.signal,
+        headers: { 'Accept': 'application/json', 'User-Agent': 'synabun-update-check' },
+      });
+      if (!res.ok) throw new Error(`${url} returned ${res.status}`);
+      return await res.json();
+    } finally {
+      clearTimeout(timeout);
+    }
+  };
 
-    if (!res.ok) throw new Error(`npm registry returned ${res.status}`);
-    const data = await res.json();
-    const latest = data.version;
+  // Run both fetches in parallel — one failing must not block the other.
+  const [npmRes, gitRes] = await Promise.allSettled([
+    fetchJsonWithTimeout('https://registry.npmjs.org/synabun/latest'),
+    fetchJsonWithTimeout('https://api.github.com/repos/danilokhury/Synabun/releases/latest'),
+  ]);
 
-    const cleanCur = parseVersion(current) || current;
-    const cleanLat = parseVersion(latest) || latest;
-    const updateAvailable = semverNewer(cleanCur, cleanLat);
+  let npmLatest = null, gitLatest = null;
+  let npmError = null, gitError = null;
 
-    _npmUpdateCache = { current, latest, updateAvailable, checkedAt: new Date().toISOString() };
+  if (npmRes.status === 'fulfilled') {
+    npmLatest = npmRes.value?.version || null;
+  } else {
+    npmError = npmRes.reason?.message || 'npm fetch failed';
+  }
 
-    if (updateAvailable) {
-      console.log(`  Updates:   v${current} → v${latest} available`);
-    } else {
-      console.log(`  Updates:   up to date (v${current})`);
-    }
-  } catch (err) {
-    if (!_npmUpdateCache.current) {
-      try {
-        const pkg = JSON.parse(readFileSync(resolve(PACKAGE_ROOT, 'package.json'), 'utf-8'));
-        _npmUpdateCache.current = pkg.version;
-      } catch {}
-    }
-    _npmUpdateCache.checkedAt = new Date().toISOString();
-    console.log(`  Updates:   check failed (${err.message})`);
+  if (gitRes.status === 'fulfilled') {
+    const tag = gitRes.value?.tag_name || gitRes.value?.name || '';
+    gitLatest = parseVersion(tag) || (tag ? tag.replace(/^v/i, '') : null);
+  } else {
+    gitError = gitRes.reason?.message || 'github fetch failed';
+  }
+
+  const cleanCur = parseVersion(current) || current;
+  const cleanNpm = npmLatest ? (parseVersion(npmLatest) || npmLatest) : null;
+  const cleanGit = gitLatest ? (parseVersion(gitLatest) || gitLatest) : null;
+
+  const npmUpdateAvailable = !!(cleanNpm && semverNewer(cleanCur, cleanNpm));
+  const gitUpdateAvailable = !!(cleanGit && semverNewer(cleanCur, cleanGit));
+  const updateAvailable = npmUpdateAvailable || gitUpdateAvailable;
+
+  // Pick the newer of the two as the canonical "latest" for legacy UI.
+  let latest = null;
+  if (cleanNpm && cleanGit) {
+    latest = semverNewer(cleanNpm, cleanGit) ? gitLatest : npmLatest;
+  } else {
+    latest = npmLatest || gitLatest;
+  }
+
+  let source = null;
+  if (npmUpdateAvailable && gitUpdateAvailable) source = 'both';
+  else if (npmUpdateAvailable)                   source = 'npm';
+  else if (gitUpdateAvailable)                   source = 'github';
+
+  _synabunUpdateCache = {
+    current, npmLatest, gitLatest, latest,
+    npmUpdateAvailable, gitUpdateAvailable, updateAvailable, source,
+    checkedAt: new Date().toISOString(),
+    npmError, gitError,
+  };
+
+  if (updateAvailable) {
+    console.log(`  Updates:   v${current} → v${latest} (${source})`);
+  } else if (npmError && gitError) {
+    console.log(`  Updates:   check failed (npm: ${npmError}; github: ${gitError})`);
+  } else if (npmError) {
+    console.log(`  Updates:   up to date (v${current}; npm check failed: ${npmError})`);
+  } else if (gitError) {
+    console.log(`  Updates:   up to date (v${current}; github check failed: ${gitError})`);
+  } else {
+    console.log(`  Updates:   up to date (v${current})`);
   }
 }
 
 app.get('/api/system/version', async (req, res) => {
-  if (_npmUpdateCache.checkedAt) {
-    const age = Date.now() - new Date(_npmUpdateCache.checkedAt).getTime();
-    if (age > 6 * 60 * 60 * 1000) {
-      checkNpmUpdate().catch(() => {});
+  const force = req.query.force === '1';
+  if (force || !_synabunUpdateCache.checkedAt) {
+    try { await checkSynabunUpdate(); } catch {}
+  } else {
+    const age = Date.now() - new Date(_synabunUpdateCache.checkedAt).getTime();
+    if (age > 60 * 60 * 1000) {
+      checkSynabunUpdate().catch(() => {});
     }
   }
-  res.json(_npmUpdateCache);
+  res.json(_synabunUpdateCache);
 });
 
 // ═══════════════════════════════════════════
@@ -22376,8 +22441,8 @@ const httpServer = app.listen(PORT, async () => {
     }
   } catch { /* ok */ }
 
-  // Check for npm updates
-  try { await checkNpmUpdate(); } catch {}
+  // Check for SynaBun updates (npm + github releases)
+  try { await checkSynabunUpdate(); } catch {}
 
   // Aggressively prune any stale bundled CLI tools left in our node_modules
   // before the version check runs — defends against `npm install` not auto-

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "synabun",
-  "version": "2026.4.26-beta",
+  "version": "2026.4.26-beta.2",
   "description": "Persistent vector memory for AI assistants",
   "license": "Apache-2.0",
   "author": "The SynaBun Authors",