synabun 2026.4.21 → 2026.4.25-beta.2

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

@@ -174,12 +174,14 @@ function _destroyWhiteboardLayers() {
 // UI HELPERS
 // ═══════════════════════════════════════════
 
-function _hideStaticBgLogo(hide) {
-  const logo = document.querySelector('#static-bg .static-bg-logo');
-  const breathe = document.querySelector('#static-bg .focus-breathe');
-  if (logo) logo.classList.toggle('tutorial-hidden', hide);
-  if (breathe) breathe.classList.toggle('tutorial-hidden', hide);
-}
+function _hideStaticBgLogo(hide) {
+  const logo = document.querySelector('#static-bg .static-bg-logo');
+  const breathe = document.querySelector('#static-bg .focus-breathe');
+  const rulesetAlert = document.getElementById('wb-ruleset-alert');
+  if (logo) logo.classList.toggle('tutorial-hidden', hide);
+  if (breathe) breathe.classList.toggle('tutorial-hidden', hide);
+  if (rulesetAlert) rulesetAlert.classList.toggle('tutorial-hidden', hide);
+}
 
 function _hideWhiteboardToolbar(hide) {
   const toolbar = document.getElementById('wb-toolbar');
@@ -311,8 +313,9 @@ async function _animateCompletion() {
   await new Promise(r => setTimeout(r, 400));
 
   // ── 2. Reveal logo with scale + fade entrance ──
-  const logo = document.querySelector('#static-bg .static-bg-logo');
-  const breathe = document.querySelector('#static-bg .focus-breathe');
+  const logo = document.querySelector('#static-bg .static-bg-logo');
+  const breathe = document.querySelector('#static-bg .focus-breathe');
+  const rulesetAlert = document.getElementById('wb-ruleset-alert');
 
   if (logo) {
     logo.style.transition = 'none';
@@ -324,16 +327,19 @@ async function _animateCompletion() {
     logo.style.opacity = '';  // back to CSS default (0.18)
     logo.style.transform = '';
   }
-  if (breathe) {
-    breathe.style.transition = 'none';
-    breathe.style.opacity = '0';
-    breathe.classList.remove('tutorial-hidden');
-    breathe.offsetHeight;
-    breathe.style.transition = 'opacity 1.2s ease 0.3s';
-    breathe.style.opacity = '';
-  }
-
-  // ── 3. Slide toolbar in from left (staggered) ──
+  if (breathe) {
+    breathe.style.transition = 'none';
+    breathe.style.opacity = '0';
+    breathe.classList.remove('tutorial-hidden');
+    breathe.offsetHeight;
+    breathe.style.transition = 'opacity 1.2s ease 0.3s';
+    breathe.style.opacity = '';
+  }
+  if (rulesetAlert) {
+    rulesetAlert.classList.remove('tutorial-hidden');
+  }
+
+  // ── 3. Slide toolbar in from left (staggered) ──
   const toolbar = document.getElementById('wb-toolbar');
   if (toolbar) {
     toolbar.style.transition = 'none';

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

@@ -8,9 +8,10 @@
 // rounded borders, undo/redo, and full workspace persistence.
 
 import { state, emit, on } from './state.js';
-import { KEYS } from './constants.js';
-import { storage } from './storage.js';
-import { isGuest, hasPermission } from './ui-sync.js';
+import { KEYS } from './constants.js';
+import { storage } from './storage.js';
+import { isGuest, hasPermission } from './ui-sync.js';
+import { openSettingsModal } from './ui-settings.js';
 
 // ── Helpers ──
 
@@ -120,7 +121,9 @@ function _snap(v) {
 const IMAGE_QUALITY = 0.8;
 
 // DOM refs (set in init)
-let _root, _toolbar, _canvas, _arrowsSvg, _elementsDiv, _arrowPreview, _arrowHint;
+let _root, _toolbar, _canvas, _arrowsSvg, _elementsDiv, _arrowPreview, _arrowHint;
+
+const RULESET_SETUP_SECTIONS = ['setup-claude', 'setup-codex', 'setup-opencode'];
 
 
 // ═══════════════════════════════════════════
@@ -210,12 +213,50 @@ function redo() {
   updateUndoButtons();
 }
 
-function updateUndoButtons() {
-  const undoBtn = $('wb-undo');
-  const redoBtn = $('wb-redo');
-  if (undoBtn) undoBtn.classList.toggle('disabled', !_undoStack.length);
-  if (redoBtn) redoBtn.classList.toggle('disabled', !_redoStack.length);
-}
+function updateUndoButtons() {
+  const undoBtn = $('wb-undo');
+  const redoBtn = $('wb-redo');
+  if (undoBtn) undoBtn.classList.toggle('disabled', !_undoStack.length);
+  if (redoBtn) redoBtn.classList.toggle('disabled', !_redoStack.length);
+}
+
+function isRulesetAlertDismissed() {
+  return storage.getItem(KEYS.WHITEBOARD_RULESET_ALERT_DISMISSED) === '1';
+}
+
+function syncRulesetAlertVisibility() {
+  const alert = $('wb-ruleset-alert');
+  if (!alert) return;
+  const logo = document.querySelector('#static-bg .static-bg-logo');
+  const logoHidden = logo?.style.display === 'none';
+  alert.classList.toggle('hidden', isRulesetAlertDismissed() || logoHidden);
+}
+
+function initRulesetAlert() {
+  const alert = $('wb-ruleset-alert');
+  if (!alert) return;
+
+  const setupBtn = $('wb-ruleset-settings');
+  const dismissBtn = $('wb-ruleset-dismiss');
+
+  setupBtn?.addEventListener('click', (e) => {
+    e.stopPropagation();
+    openSettingsModal({
+      tab: 'setup',
+      expand: RULESET_SETUP_SECTIONS,
+      highlight: RULESET_SETUP_SECTIONS,
+      scrollTo: 'setup-claude-ruleset-preview',
+    });
+  });
+
+  dismissBtn?.addEventListener('click', (e) => {
+    e.stopPropagation();
+    storage.setItem(KEYS.WHITEBOARD_RULESET_ALERT_DISMISSED, '1');
+    syncRulesetAlertVisibility();
+  });
+
+  syncRulesetAlertVisibility();
+}
 
 
 // ═══════════════════════════════════════════
@@ -2754,13 +2795,14 @@ function onToolbarClick(e) {
     const logo = document.querySelector('#static-bg .static-bg-logo');
     const breathe = document.querySelector('#static-bg .focus-breathe');
     const hidden = logo?.style.display !== 'none';
-    if (logo) logo.style.display = hidden ? 'none' : '';
-    if (breathe) breathe.style.display = hidden ? 'none' : '';
-    btn.classList.toggle('active', hidden);
-    sessionStorage.setItem('wb-logo-hidden', hidden ? '1' : '');
-    return;
-  }
-}
+    if (logo) logo.style.display = hidden ? 'none' : '';
+    if (breathe) breathe.style.display = hidden ? 'none' : '';
+    btn.classList.toggle('active', hidden);
+    sessionStorage.setItem('wb-logo-hidden', hidden ? '1' : '');
+    syncRulesetAlertVisibility();
+    return;
+  }
+}
 
 
 // ═══════════════════════════════════════════
@@ -2910,14 +2952,17 @@ export function initWhiteboard() {
   // Toolbar
   if (_toolbar) _toolbar.addEventListener('click', onToolbarClick);
 
-  // Color picker
-  initColorPicker();
-
-  // Shape picker
-  initShapePicker();
-
-  // Section picker
-  initSectionPicker();
+  // Color picker
+  initColorPicker();
+
+  // Shape picker
+  initShapePicker();
+
+  // Section picker
+  initSectionPicker();
+
+  // Logo-adjacent ruleset reminder
+  initRulesetAlert();
 
   // Prevent context menu on whiteboard
   _root.addEventListener('contextmenu', e => e.preventDefault());
@@ -2933,12 +2978,15 @@ export function initWhiteboard() {
     if (sessionStorage.getItem('wb-logo-hidden') === '1') {
       const logo = document.querySelector('#static-bg .static-bg-logo');
       const breathe = document.querySelector('#static-bg .focus-breathe');
-      if (logo) logo.style.display = 'none';
-      if (breathe) breathe.style.display = 'none';
-      const btn = document.getElementById('wb-toggle-logo');
-      if (btn) btn.classList.add('active');
-    }
-  });
+      if (logo) logo.style.display = 'none';
+      if (breathe) breathe.style.display = 'none';
+      syncRulesetAlertVisibility();
+      const btn = document.getElementById('wb-toggle-logo');
+      if (btn) btn.classList.add('active');
+    } else {
+      syncRulesetAlertVisibility();
+    }
+  });
 
   // Connect to server for external commands (Claude MCP)
   _connectWhiteboardWS();

package/neural-interface/public/shared/vterm-buffer.js

@@ -114,7 +114,7 @@ export class VTermBuffer {
    * @param {number} cols
    * @param {number} rows
    */
-  constructor(cols, rows) {
+  constructor(cols, rows, maxScrollback = MAX_SCROLLBACK) {
     this.cols = cols;
     this.rows = rows;
 
@@ -130,7 +130,7 @@ export class VTermBuffer {
     this._buffer = this._mainBuffer;
 
     // Scrollback (main buffer only) — circular buffer for O(1) operations
-    this._scrollback = new CircularBuffer(MAX_SCROLLBACK);
+    this._scrollback = new CircularBuffer(maxScrollback);
 
     // Cursor state
     this._cursorX = 0;
@@ -218,12 +218,13 @@ export class VTermBuffer {
     this._allDirty = false;
   }
 
-  get cursorX() { return this._cursorX; }
-  get cursorY() { return this._cursorY; }
-  get cursorVisible() { return this._cursorVisible; }
-  get title() { return this._title; }
-  get bracketedPaste() { return this._bracketedPaste; }
-  get appCursorKeys() { return this._appCursorKeys; }
+  get cursorX() { return this._cursorX; }
+  get cursorY() { return this._cursorY; }
+  get cursorVisible() { return this._cursorVisible; }
+  get useAltBuffer() { return this._useAlt; }
+  get title() { return this._title; }
+  get bracketedPaste() { return this._bracketedPaste; }
+  get appCursorKeys() { return this._appCursorKeys; }
 
   /** Resize the terminal */
   resize(cols, rows) {

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

@@ -51,9 +51,10 @@ import { initImageGallery } from '../../shared/ui-image-gallery.js';
 
 // ── 2D variant modules ──
 import { gfx, saveGfxConfig } from './gfx.js';
-import './settings-gfx.js'; // side-effect: self-registers Graphics tab
-import { initAutomationStudio } from '../../shared/ui-automation-studio.js';
-import { initCommandRunner } from '../../shared/ui-command-runner.js';
+import './settings-gfx.js'; // side-effect: self-registers Graphics tab
+import { initAutomationStudio } from '../../shared/ui-automation-studio.js';
+import { initSchedulesStudio } from '../../shared/ui-schedules-studio.js';
+import { initCommandRunner } from '../../shared/ui-command-runner.js';
 import { stopBackground } from './background.js';
 import { initMinimap, drawMinimap, toggleMinimap, isMinimapVisible, forceHideMinimap, restoreMinimap } from './minimap.js';
 import { initLasso, clearLasso } from './lasso.js';
@@ -419,10 +420,11 @@ initHelp();
 initMultiSelect();
 initStats();
 initExplorer();
-initFileExplorer();
-initSkillsStudio();
-initAutomationStudio();
-initImageGallery();
+initFileExplorer();
+initSkillsStudio();
+initAutomationStudio();
+initSchedulesStudio();
+initImageGallery();
 initCommandRunner();
 initTerminal();
 initLink();

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

@@ -50,10 +50,11 @@ import { initTutorial } from '../../shared/ui-tutorial.js';
 import { initImageGallery } from '../../shared/ui-image-gallery.js';
 
 // ── 3D variant modules ──
-import { gfx } from './gfx.js';
-import { setGraphicsHooks } from './settings-gfx.js';
-import { initAutomationStudio } from '../../shared/ui-automation-studio.js';
-import { initCommandRunner } from '../../shared/ui-command-runner.js';
+import { gfx } from './gfx.js';
+import { setGraphicsHooks } from './settings-gfx.js';
+import { initAutomationStudio } from '../../shared/ui-automation-studio.js';
+import { initSchedulesStudio } from '../../shared/ui-schedules-studio.js';
+import { initCommandRunner } from '../../shared/ui-command-runner.js';
 import { initCamera, updateCameraMovement, animateCameraToNode, frameCameraToExtent, saveCameraState, restoreCameraState, pauseCamera, resumeCamera } from './camera.js';
 import { applyFloorStyle, applyBgTheme, animateBackground } from './background.js';
 import {
@@ -405,10 +406,11 @@ initHelp();
 initMultiSelect();
 initStats();
 initExplorer();
-initFileExplorer();
-initSkillsStudio();
-initAutomationStudio();
-initImageGallery();
+initFileExplorer();
+initSkillsStudio();
+initAutomationStudio();
+initSchedulesStudio();
+initImageGallery();
 initCommandRunner();
 initTerminal();
 initLink();