synabun 2.0.9 → 2.0.10

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

@@ -31,7 +31,7 @@ const NAMES = {
   apps: ['[data-menu="apps"] > .menubar-label', 'nav.apps'],
   browser: ['#menu-terminal-browser', 'menu.apps.browser'],
   studio: ['#menu-open-automation-studio', 'menu.automations.studio'],
-  schedules: ['#menu-automations-schedules', 'tutorial.names.schedules'],
+  schedules: ['#menubar-schedules-btn', 'tutorial.names.schedules'],
   keybinds: ['#topright-keybinds-btn', 'tutorial.names.keybinds'],
   settings: ['#menubar-settings-btn', 'nav.settings'],
   projects: [null, 'settings.redesign.nav.projects.label'],
@@ -81,7 +81,8 @@ function names() {
     // A tooltip may end in its shortcut: "Focus Mode (V)".
     out[name] = label?.replace(/\s*\([^)]*\)\s*$/, '').trim() || t(key);
   }
-  out.menu = document.querySelector('[data-menu="graph"] > .menubar-label')?.textContent.trim()
+  // 2D: the Graph menu's label. 3D: the label of the Map row in Apps, which opens its submenu.
+  out.menu = document.querySelector('[data-menu="graph"] > .menubar-label, #menu-map-label')?.textContent.trim()
     || t(getVariant() === '2d' ? 'nav.graph' : 'nav.map');
   out.view = out.menu.toLocaleLowerCase();
   return out;
@@ -111,10 +112,18 @@ function resolveStep(step) {
 
 // ── What the tour changes to show a step, and puts back ──
 
+// The dropdown a step opens, which can differ per variant ({ '3d': 'apps' }).
+const stepMenu = (step) => (step.menu && typeof step.menu === 'object' ? step.menu[getVariant()] : step.menu) || null;
+// The submenu of that dropdown the step opens, by its data-submenu name ({ '3d': 'map' }).
+const stepSubmenu = (step) => (step.submenu && typeof step.submenu === 'object' ? step.submenu[getVariant()] : step.submenu) || null;
+
 function showStage(step) {
+  const menu = stepMenu(step);
   for (const [el, open] of menuState) {
-    if (el.isConnected) el.classList.toggle('open', step.menu ? el.dataset.menu === step.menu : open);
+    if (el.isConnected) el.classList.toggle('open', menu ? el.dataset.menu === menu : open);
   }
+  // ui-menubar.js opens it beside its row, or closes the one a previous step opened.
+  emit('menubar:submenu', menu ? stepSubmenu(step) : null);
   if (step.panel !== 'assistant') { hidePanelPeek(); return; }
   // With no session tab, opening the Assistant starts a session: its button is annotated instead.
   if (panelPeek || isAssistantPanelOpen() || !assistantPanelPeekable()) return;
@@ -135,6 +144,7 @@ function hidePanelPeek() {
   state.lastActivePanel = peek.lastActivePanel; state.lastActiveSidepanel = peek.lastActiveSidepanel;
 }
 function restoreStage() {
+  emit('menubar:submenu', null);
   for (const [el, open] of menuState) if (el.isConnected) el.classList.toggle('open', open);
   hidePanelPeek();
 }
@@ -352,7 +362,7 @@ function renderStep() {
 }
 // A menu or panel the tour just opened is still moving: draw once the target holds still.
 function settle(step, done) {
-  const staged = !!step.menu || (step.panel === 'assistant' && isAssistantPanelOpen());
+  const staged = !!stepMenu(step) || (step.panel === 'assistant' && isAssistantPanelOpen());
   // Staged, the target is the control inside the menu or panel, not the fallback outside it.
   const inside = step.targets ? step.targets.length - (step.panel ? 1 : 0) : 0;
   const started = performance.now();
@@ -441,7 +451,7 @@ function layout(animate) {
 
   const rects = (selectors) => selectors.flatMap(s => [...document.querySelectorAll(s)])
     .filter(shown).map(el => el.getBoundingClientRect()).filter(r => r.width > 0 && r.height > 0);
-  const avoid = rects(['.menubar-item.open .menubar-dropdown']), keep = rects(KEEP_CLEAR);
+  const avoid = rects(['.menubar-item.open .menubar-dropdown', '.menubar-item.open .menubar-submenu.open']), keep = rects(KEEP_CLEAR);
   const key = (...values) => values.map(v => Math.round(v)).join(',');
   const flat = (list) => list.flatMap(r => [r.left, r.top, r.width, r.height]);
   // The app redraws itself all the time: nothing the note depends on moved, nothing to do.

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

@@ -30,6 +30,31 @@ let _pollWired = false;
 let _desktopState = null;
 let _desktopDialog = null;
 
+// One update dialog on the page, whichever surface asks for it (the badge, the toast, Notifications, Settings >
+// App, the sessions list, the app's menu or tray, the notice's Details): while one is open another request leaves
+// it as it is, and one still fading out goes at once before the next is drawn, so two never share the page or the
+// ids their labels point at.
+let _updateDialogOverlay = null;
+const _closingUpdateDialogs = new Set();
+
+function updateDialogOpen() {
+  return !!_updateDialogOverlay;
+}
+
+function claimUpdateDialog(overlay) {
+  for (const leaving of _closingUpdateDialogs) leaving.remove();
+  _closingUpdateDialogs.clear();
+  _updateDialogOverlay = overlay;
+}
+
+function releaseUpdateDialog(overlay) {
+  if (_updateDialogOverlay !== overlay) return;
+  _updateDialogOverlay = null;
+  _closingUpdateDialogs.add(overlay);
+  overlay.classList.add('closing');
+  setTimeout(() => { overlay.remove(); _closingUpdateDialogs.delete(overlay); }, 150);
+}
+
 /** Where an update comes from, as the badge, the toast and the menu name it. */
 export function synabunUpdateSourceLabel(data) {
   const src = data?.source;
@@ -97,12 +122,15 @@ export async function initUpdate() {
     if (!res.ok) return;
     _versionData = await res.json();
     applyTopRightButton(_versionData);
-    maybeShowUpdateAlert(_versionData);
+    // Settings > App: with automatic updates off the server looks only when asked, and the page does not ask by itself.
+    if (_versionData?.autoCheck !== false) maybeShowUpdateAlert(_versionData);
 
     if (!_pollWired) {
       _pollWired = true;
       setInterval(() => {
-        forceCheckSynabunUpdate({ alert: true }).catch(() => {});
+        if (_versionData?.autoCheck === false) return;
+        // Passive: with the automatic check off (another tab may have turned it off) the server asks nothing.
+        forceCheckSynabunUpdate({ alert: true, passive: true }).catch(() => {});
       }, 30 * 60 * 1000);
     }
   } catch { /* silent — no update UI if check fails */ }
@@ -110,8 +138,11 @@ export async function initUpdate() {
 
 // 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({ alert = false } = {}) {
+// _synabunUpdateCache shape so callers can compose toasts. `passive` (a timer,
+// a drawer that refreshes itself, not a person asking): with the automatic
+// check off (Settings > App) the server answers what it last saw and asks npm
+// and GitHub nothing.
+export async function forceCheckSynabunUpdate({ alert = false, passive = false } = {}) {
   // Inside the desktop app the app checks its own release feed; an error is
   // null here, as a failed request is, so callers list it under the errors.
   const desktop = desktopBridge();
@@ -124,7 +155,7 @@ export async function forceCheckSynabunUpdate({ alert = false } = {}) {
     }
   }
   try {
-    const res = await fetch('/api/system/version?force=1');
+    const res = await fetch(`/api/system/version?force=1${passive ? '&passive=1' : ''}`);
     if (!res.ok) return null;
     _versionData = await res.json();
     applyTopRightButton(_versionData);
@@ -142,7 +173,7 @@ export async function forceCheckSynabunUpdate({ alert = false } = {}) {
  */
 export async function syncSynabunUpdateData() {
   const desktop = desktopBridge();
-  if (!desktop) return forceCheckSynabunUpdate();
+  if (!desktop) return forceCheckSynabunUpdate({ passive: true });
   try {
     return applyDesktopState(await desktop.updates.state(), { alert: false });
   } catch {
@@ -150,11 +181,41 @@ export async function syncSynabunUpdateData() {
   }
 }
 
+/**
+ * The update state as it is, without a check (Settings > App): the desktop
+ * app's last report, or the server's last look. Published to the badge and the
+ * dialog, so what a page shows is what Install update opens.
+ */
+export async function refreshSynabunUpdateData() {
+  if (desktopBridge()) return syncSynabunUpdateData();
+  try {
+    const res = await fetch('/api/system/version');
+    if (!res.ok) return _versionData;
+    _versionData = await res.json();
+    applyTopRightButton(_versionData);
+    return _versionData;
+  } catch {
+    return _versionData;
+  }
+}
+
 export function openSynabunUpdateModal() {
   if (!_versionData?.updateAvailable) return;
   openUpdateModal();
 }
 
+/** Settings > App > Updates (the page id is its deep link: settings-ia.js). */
+export function openUpdateSettings() {
+  import('./ui-settings.js')
+    .then((settings) => settings.openSettingsModal({ tab: 'app', scrollTo: 'stg-sec-app-updates', expand: ['stg-sec-app-updates'] }))
+    .catch((error) => console.warn('[update] could not open Settings', error));
+}
+
+/** Settings > App changed the automatic update check of an npm or Git install: the half-hourly look follows it. */
+export function noteSynabunAutoCheck(auto) {
+  if (_versionData && !_versionData.desktop) _versionData = { ..._versionData, autoCheck: auto !== false };
+}
+
 // Read-only accessor for the Notifications drawer to mirror SynaBun core
 // update state without re-fetching. May be null until initUpdate() resolves.
 export function getSynabunUpdateData() {
@@ -209,7 +270,8 @@ function applyDesktopState(state, { alert = true } = {}) {
   // An offer that waits for the user (macOS: a copy to move to Applications, or one in a folder SynaBun
   // cannot write): one toast per version and session. Every other update downloads and installs by
   // itself, and the notice speaks when there is something to say.
-  if (alert && _versionData.updateAvailable && _versionData.status === 'available' && _versionData.install !== 'restart') maybeShowUpdateAlert(_versionData);
+  // With automatic updates off (Settings > App) every offer waits for the user, so it is said too.
+  if (alert && _versionData.updateAvailable && _versionData.status === 'available' && (_versionData.install !== 'restart' || _versionData.autoUpdate === false)) maybeShowUpdateAlert(_versionData);
   emit('synabun-update:changed', _versionData);
   _desktopDialog?.update(_desktopState);
   renderDesktopNotice();
@@ -373,7 +435,8 @@ function renderDesktopStep(view) {
   const actions = view.actions.length ? `
       <div class="tag-delete-modal-actions" style="margin-top:14px">
         ${view.actions.map(item => `<button class="action-btn action-btn--${item.kind}" type="button" data-desktop-action="${item.id}" id="desktop-update-${item.id}">${esc(item.label)}</button>`).join('')}
-      </div>` : '';
+      </div>
+      <p style="margin:10px 0 0"><button class="update-notice-link" type="button" data-desktop-action="settings" id="desktop-update-settings" style="background:none;border:0;padding:0;cursor:pointer;font:inherit;font-size:11px">${esc(desktopT('update.settingsLink'))}</button></p>` : '';
   return `
       <h3 class="update-modal-title" id="desktop-update-title">${working}${esc(view.title)}${pill}</h3>
       ${diff}
@@ -396,7 +459,7 @@ function openDesktopUpdateModal() {
   const desktop = desktopBridge();
   if (!desktop) return;
   // One dialog: a second request (the badge, the menu, the tray) leaves the open one as it is.
-  if (_desktopDialog) return;
+  if (_desktopDialog || updateDialogOpen()) return;
   const viewOf = (state) => desktopUpdateView(state, { t: desktopT, number: desktopNumber, time: desktopTime });
   const first = viewOf(_desktopState);
   if (first.step === 'none') return;
@@ -590,6 +653,8 @@ function openDesktopUpdateModal() {
 
   async function act(id) {
     if (working) return;
+    // Settings > App > Updates: automatic updates, the version, a check.
+    if (id === 'settings') { close(); openUpdateSettings(); return; }
     // Later on a ready update postpones its restart; everywhere else it only closes the dialog.
     if (id === 'later' && view?.step === 'downloaded') {
       close();
@@ -686,8 +751,7 @@ function openDesktopUpdateModal() {
     _desktopDialog = null;
     keepTicking(false);
     window.removeEventListener('keydown', onKey, true);
-    overlay.classList.add('closing');
-    setTimeout(() => overlay.remove(), 150);
+    releaseUpdateDialog(overlay);
   }
 
   overlay.addEventListener('click', (e) => {
@@ -695,6 +759,7 @@ function openDesktopUpdateModal() {
   });
   window.addEventListener('keydown', onKey, true);
   _desktopDialog = { overlay, update, close };
+  claimUpdateDialog(overlay);
   document.body.appendChild(overlay);
   setStep(first);
   keepTicking(first.ticking);
@@ -705,6 +770,7 @@ function openDesktopUpdateModal() {
 function openUpdateModal() {
   if (!_versionData) return;
   if (_versionData.desktop) { openDesktopUpdateModal(); return; }
+  if (updateDialogOpen()) return;
 
   let step = 1;
   let backupDone = false;
@@ -871,7 +937,8 @@ function openUpdateModal() {
         <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 6px">${srcCopy}</p>
-      <p style="font-size:11px;color:var(--t-muted);opacity:.75;margin:0 0 18px">${npmStable}${npmBeta}${gitBit}</p>
+      <p style="font-size:11px;color:var(--t-muted);opacity:.75;margin:0 0 6px">${npmStable}${npmBeta}${gitBit}</p>
+      <p style="margin:0 0 18px"><button class="update-notice-link" type="button" id="update-settings" style="background:none;border:0;padding:0;cursor:pointer;font:inherit;font-size:11px">Update settings</button></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>
@@ -972,6 +1039,8 @@ function openUpdateModal() {
     // Cancel / Done
     scope.querySelector('#update-cancel')?.addEventListener('click', close);
     scope.querySelector('#update-done')?.addEventListener('click', close);
+    // Settings > App > Updates: the automatic check, the version, a check now.
+    scope.querySelector('#update-settings')?.addEventListener('click', () => { close(); openUpdateSettings(); });
 
     // Next
     scope.querySelector('#update-next')?.addEventListener('click', () => {
@@ -1167,14 +1236,14 @@ function openUpdateModal() {
   }
 
   function close() {
-    overlay.classList.add('closing');
-    setTimeout(() => overlay.remove(), 150);
+    releaseUpdateDialog(overlay);
   }
 
   // Boot: attach shell once, wire overlay-click-to-close, render initial step.
   overlay.addEventListener('click', (e) => {
     if (e.target === overlay) close();
   });
+  claimUpdateDialog(overlay);
   document.body.appendChild(overlay);
   syncStepDots();
   setStep(1);

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

@@ -903,7 +903,8 @@ function updateElementDOM(dom, el) {
       svg.setAttribute('viewBox', `0 0 ${w} ${h}`);
       svg.setAttribute('width', w);
       svg.setAttribute('height', h);
-      const sc = el.color || 'rgba(255,255,255,0.8)';
+      // The colour is whatever whiteboard_add / whiteboard_update was given: an attribute value, never markup.
+      const sc = String(el.color || 'rgba(255,255,255,0.8)').replace(/[&"<>]/g, (c) => ({ '&': '&amp;', '"': '&quot;', '<': '&lt;', '>': '&gt;' })[c]);
       if (shape === 'drawn-circle') {
         svg.innerHTML = `<path d="${generateDrawnCirclePath(w, h, el.id)}" fill="none" stroke="${sc}" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>`;
       } else {

package/neural-interface/public/variant/2d/main.js

@@ -46,7 +46,8 @@ import { initCostWidget } from '../../shared/ui-cost-widget.js';
 import { initGames, clearGameOnLoad } from '../../shared/ui-games.js';
 import { initWorkspaces } from '../../shared/ui-workspaces.js';
 import { initInvite } from '../../shared/ui-invite.js';
-import { initSync } from '../../shared/ui-sync.js';
+import { initSync, isGuest } from '../../shared/ui-sync.js';
+import { startLaunchPrefetch } from '../../shared/launch-prefetch.js';
 import { initKeybinds, registerAction, getDisplayKey } from '../../shared/ui-keybinds.js';
 import { initTutorial } from '../../shared/ui-tutorial.js';
 import { initImageGallery } from '../../shared/ui-image-gallery.js';
@@ -401,6 +402,8 @@ async function boot() {
 
     // Mark boot complete
     _bootComplete = true;
+    // Painted: what the windows, menus and Settings wait for is read now, in idle time (launch-prefetch.js).
+    startLaunchPrefetch({ isGuest });
 
     // Focus mode restored at load: the viz:toggle emitted by applyIfaceConfig
     // ran before boot and was ignored above, so apply the persisted state to

package/neural-interface/public/variant/3d/main.js

@@ -46,6 +46,7 @@ import { initGames, clearGameOnLoad } from '../../shared/ui-games.js';
 import { initWorkspaces } from '../../shared/ui-workspaces.js';
 import { initInvite } from '../../shared/ui-invite.js';
 import { initSync, isGuest } from '../../shared/ui-sync.js';
+import { startLaunchPrefetch } from '../../shared/launch-prefetch.js';
 import { initKeybinds, registerAction } from '../../shared/ui-keybinds.js';
 import { initTutorial } from '../../shared/ui-tutorial.js';
 import { initImageGallery } from '../../shared/ui-image-gallery.js';
@@ -465,6 +466,8 @@ async function boot() {
     try { emit('trash:refresh'); } catch {}
     hideLoading(400);
     _bootComplete = true;
+    // Painted: what the windows, menus and Settings wait for is read now, in idle time (launch-prefetch.js).
+    startLaunchPrefetch({ isGuest });
   } catch (err) {
     console.error('Init error:', err);
     const isNetworkError = err.message === 'Failed to fetch' || err.name === 'TypeError';

package/neural-interface/public/vendor/highlight/LICENSE

@@ -0,0 +1,29 @@
+BSD 3-Clause License
+
+Copyright (c) 2006, Ivan Sagalaev.
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+
+* Redistributions of source code must retain the above copyright notice, this
+  list of conditions and the following disclaimer.
+
+* Redistributions in binary form must reproduce the above copyright notice,
+  this list of conditions and the following disclaimer in the documentation
+  and/or other materials provided with the distribution.
+
+* Neither the name of the copyright holder nor the names of its
+  contributors may be used to endorse or promote products derived from
+  this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
+AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
+IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
+FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
+DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
+SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
+CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
+OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

package/neural-interface/public/vendor/highlight/github-dark-dimmed-11.12.0.min.css

@@ -0,0 +1,9 @@
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
+  Theme: GitHub Dark Dimmed
+  Description: Dark dimmed theme as seen on github.com
+  Author: github.com
+  Maintainer: @Hirse
+  Updated: 2021-05-15
+
+  Colors taken from GitHub's CSS
+*/.hljs{color:#adbac7;background:#22272e}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#f47067}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#dcbdfb}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#6cb6ff}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#96d0ff}.hljs-built_in,.hljs-symbol{color:#f69d50}.hljs-code,.hljs-comment,.hljs-formula{color:#768390}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#8ddb8c}.hljs-subst{color:#adbac7}.hljs-section{color:#316dca;font-weight:700}.hljs-bullet{color:#eac55f}.hljs-emphasis{color:#adbac7;font-style:italic}.hljs-strong{color:#adbac7;font-weight:700}.hljs-addition{color:#b4f1b4;background-color:#1b4721}.hljs-deletion{color:#ffd8d3;background-color:#78191b}