synabun 1.3.0

package/neural-interface/public/variant/3d/settings-gfx.js

@@ -0,0 +1,228 @@
+// ═══════════════════════════════════════════
+// SynaBun Neural Interface — 3D Graphics Settings Tab
+// Self-registering settings tab for quality presets,
+// floor styles, and fine-tuning controls
+// ═══════════════════════════════════════════
+
+import { registerSettingsTab } from '../../shared/registry.js';
+import { state, emit, on } from '../../shared/state.js';
+import { storage } from '../../shared/storage.js';
+import {
+  gfx,
+  GFX_DEFAULTS,
+  GFX_PRESETS,
+  saveGfxConfig,
+  applyGfxPreset,
+  getActivePreset,
+} from './gfx.js';
+
+
+// ── Lazy bindings for functions still in the monolith ──
+let _applyBgTheme    = null;
+let _applyFloorStyle = null;
+let _getGraph        = null;
+let _setBloomEnabled = null;
+
+export function setGraphicsHooks(hooks) {
+  if (hooks.applyBgTheme)    _applyBgTheme    = hooks.applyBgTheme;
+  if (hooks.applyFloorStyle) _applyFloorStyle  = hooks.applyFloorStyle;
+  if (hooks.getGraph)        _getGraph         = hooks.getGraph;
+  if (hooks.setBloomEnabled) _setBloomEnabled  = hooks.setBloomEnabled;
+}
+
+
+// ── Helper: range slider row ──
+
+function rangeRow(key, label, min, max, step) {
+  const val = gfx[key];
+  const decimals = step < 1 ? 2 : 0;
+  return `<div class="gfx-row">
+    <span class="gfx-label">${label}</span>
+    <input type="range" data-key="${key}" min="${min}" max="${max}" step="${step}" value="${val}">
+    <span class="gfx-val" data-val="${key}">${Number(val).toFixed(decimals)}</span>
+  </div>`;
+}
+
+
+// ═══════════════════════════════════════════
+// BUILD — returns the HTML string for the Graphics tab body
+// ═══════════════════════════════════════════
+
+function buildGraphicsTab() {
+  // ── Quality preset cards ──
+  const presetCards = Object.entries(GFX_PRESETS).map(([key, p]) => `
+    <div class="gfx-preset-card${getActivePreset() === key ? ' active' : ''}" data-preset="${key}">
+      <span class="gfx-preset-name">${p.label}</span>
+      <span class="gfx-preset-desc">${p.desc}</span>
+    </div>
+  `).join('');
+
+  // ── Floor style cards ──
+  const floorStyles = [
+    { key: 'grid',    name: 'Grid',       desc: 'Soft glowing lines' },
+    { key: 'dots',    name: 'Dot Field',  desc: 'Proximity glow dots' },
+    { key: 'hex',     name: 'Hex Grid',   desc: 'Hexagonal cells' },
+    { key: 'ripples', name: 'Ripples',    desc: 'Concentric waves' },
+    { key: 'fog',     name: 'Ground Fog', desc: 'Drifting mist' },
+    { key: 'none',    name: 'None',       desc: 'No floor effect' },
+  ];
+  const floorCards = floorStyles.map(f => `
+    <div class="gfx-preset-card floor-card${gfx.floorStyle === f.key ? ' active' : ''}" data-floor-style="${f.key}">
+      <span class="gfx-preset-name">${f.name}</span>
+      <span class="gfx-preset-desc">${f.desc}</span>
+    </div>
+  `).join('');
+
+  return `
+    <div class="gfx-presets" id="gfx-preset-cards" style="margin-bottom:14px">
+      ${presetCards}
+    </div>
+
+    <div class="iface-section">
+      <div class="gfx-group-title">Floor Effect</div>
+      <div class="gfx-presets gfx-floor-grid" id="gfx-floor-cards">
+        ${floorCards}
+      </div>
+    </div>
+
+    <div class="iface-section">
+      <div class="gfx-group-title">Links</div>
+      ${rangeRow('linkOpacity', 'Opacity', 0, 0.5, 0.01)}
+    </div>
+
+    <div class="iface-grid">
+      <div class="iface-section">
+        <div class="gfx-group-title">Camera</div>
+        ${rangeRow('clickZoom', 'Click Zoom', 40, 300, 10)}
+        ${rangeRow('gentleZoom', 'Gentle Zoom', 80, 400, 10)}
+      </div>
+      <div class="iface-section">
+        <div class="gfx-group-title">Background</div>
+        ${rangeRow('bgIntensity', 'Particle Glow', 0, 2, 0.05)}
+        ${rangeRow('bgParticleCount', 'Particle Count', 500, 5000, 100)}
+      </div>
+    </div>
+
+    <div class="iface-reset-wrap">
+      <button class="gfx-reset-btn" id="gfx-reset">Reset All to Defaults</button>
+    </div>
+  `;
+}
+
+
+// ═══════════════════════════════════════════
+// INIT — wire up event handlers after HTML is injected
+// ═══════════════════════════════════════════
+
+function initGraphicsTab(container) {
+  // ── Preset card clicks ──
+  container.querySelectorAll('.gfx-preset-card[data-preset]').forEach(card => {
+    card.addEventListener('click', () => {
+      const g = _getGraph ? _getGraph() : null;
+      applyGfxPreset(card.dataset.preset, gfx, g, _applyBgTheme);
+
+      // Toggle bloom pass based on preset
+      if (_setBloomEnabled) _setBloomEnabled(gfx.bloomEnabled !== false);
+
+      container.querySelectorAll('.gfx-preset-card[data-preset]').forEach(c => {
+        c.classList.toggle('active', c.dataset.preset === card.dataset.preset);
+      });
+      container.querySelectorAll('.floor-card[data-floor-style]').forEach(c => {
+        c.classList.toggle('active', c.dataset.floorStyle === gfx.floorStyle);
+      });
+
+      // Sync slider values
+      container.querySelectorAll('input[type="range"][data-key]').forEach(input => {
+        const key = input.dataset.key;
+        if (gfx[key] !== undefined) {
+          input.value = gfx[key];
+          const step = parseFloat(input.step);
+          const valSpan = container.querySelector(`[data-val="${key}"]`);
+          if (valSpan) valSpan.textContent = Number(gfx[key]).toFixed(step < 1 ? 2 : 0);
+        }
+      });
+    });
+  });
+
+  // ── Floor style card clicks ──
+  container.querySelectorAll('.floor-card[data-floor-style]').forEach(card => {
+    card.addEventListener('click', () => {
+      const style = card.dataset.floorStyle;
+      gfx.floorStyle = style;
+      saveGfxConfig(gfx);
+
+      container.querySelectorAll('.floor-card').forEach(c => c.classList.remove('active'));
+      card.classList.add('active');
+
+      if (_applyFloorStyle) _applyFloorStyle(style);
+    });
+  });
+
+  // ── Live range slider updates ──
+  container.querySelectorAll('input[type="range"][data-key]').forEach(input => {
+    input.addEventListener('input', () => {
+      const key = input.dataset.key;
+      const val = parseFloat(input.value);
+      gfx[key] = val;
+
+      const step = parseFloat(input.step);
+      const valSpan = container.querySelector(`[data-val="${key}"]`);
+      if (valSpan) valSpan.textContent = val.toFixed(step < 1 ? 2 : 0);
+
+      saveGfxConfig(gfx);
+
+      // Clear preset selection when manually tweaking
+      storage.removeItem('neural-gfx-preset');
+      container.querySelectorAll('.gfx-preset-card[data-preset]').forEach(c => c.classList.remove('active'));
+
+      // Live-apply visual changes
+      if (key === 'bgParticleCount' && _applyBgTheme) {
+        _applyBgTheme(gfx.bgTheme || 'deep-grid');
+      }
+    });
+  });
+
+  // ── Reset to defaults ──
+  const resetBtn = container.querySelector('#gfx-reset');
+  if (resetBtn) {
+    resetBtn.addEventListener('click', () => {
+      Object.assign(gfx, GFX_DEFAULTS);
+      storage.removeItem('neural-gfx-config');
+      storage.removeItem('neural-gfx-preset');
+
+      container.querySelectorAll('input[type="range"][data-key]').forEach(input => {
+        const key = input.dataset.key;
+        if (GFX_DEFAULTS[key] == null) return;
+        input.value = GFX_DEFAULTS[key];
+        const step = parseFloat(input.step);
+        const valSpan = container.querySelector(`[data-val="${key}"]`);
+        if (valSpan) valSpan.textContent = Number(GFX_DEFAULTS[key]).toFixed(step < 1 ? 2 : 0);
+      });
+
+      container.querySelectorAll('.gfx-preset-card[data-preset]').forEach(c => c.classList.remove('active'));
+      container.querySelectorAll('.floor-card[data-floor-style]').forEach(c => {
+        c.classList.toggle('active', c.dataset.floorStyle === GFX_DEFAULTS.floorStyle);
+      });
+
+      const g = _getGraph ? _getGraph() : null;
+      if (g) {
+        if (_applyBgTheme) _applyBgTheme(GFX_DEFAULTS.bgTheme || 'deep-grid');
+        if (_applyFloorStyle) _applyFloorStyle(GFX_DEFAULTS.floorStyle || 'grid');
+      }
+    });
+  }
+}
+
+
+// ═══════════════════════════════════════════
+// SELF-REGISTER — side effect on import
+// ═══════════════════════════════════════════
+
+registerSettingsTab({
+  id: 'graphics',
+  label: 'Graphics',
+  icon: '🎨',
+  order: 70,
+  build: buildGraphicsTab,
+  afterRender: initGraphicsTab,
+});

package/neural-interface/scripts/rebuild-pty.js

@@ -0,0 +1,100 @@
+#!/usr/bin/env node
+
+/**
+ * Rebuild node-pty native addon for the current platform + Node.js ABI.
+ *
+ * Runs automatically via postinstall. If the prebuilt binary already works,
+ * this is a no-op. If it doesn't (ABI mismatch, missing prebuild), we
+ * rebuild from source using node-gyp.
+ *
+ * Works on macOS (ARM + Intel), Linux (x64/ARM), and Windows (x64/ARM).
+ */
+
+import { execSync } from 'node:child_process';
+import { existsSync, cpSync, mkdirSync, chmodSync } from 'node:fs';
+import { resolve, dirname } from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
+const ptyDir = resolve(__dirname, '..', 'node_modules', 'node-pty');
+
+if (!existsSync(ptyDir)) {
+  console.log('[rebuild-pty] node-pty not found, skipping');
+  process.exit(0);
+}
+
+// Step 1a: Fix spawn-helper permissions on Unix (cpSync/npm don't preserve +x)
+if (process.platform !== 'win32') {
+  for (const dir of ['prebuilds/darwin-arm64', 'prebuilds/darwin-x64', 'prebuilds/linux-x64', 'prebuilds/linux-arm64', 'build/Release']) {
+    const sh = resolve(ptyDir, dir, 'spawn-helper');
+    if (existsSync(sh)) try { chmodSync(sh, 0o755); } catch {}
+  }
+
+  // Fix claude CLI binary permissions (same npm +x issue)
+  const claudeBin = resolve(__dirname, '..', 'node_modules', '.bin', 'claude');
+  if (existsSync(claudeBin)) try { chmodSync(claudeBin, 0o755); } catch {}
+  const claudeCli = resolve(__dirname, '..', 'node_modules', '@anthropic-ai', 'claude-code', 'cli.js');
+  if (existsSync(claudeCli)) try { chmodSync(claudeCli, 0o755); } catch {}
+}
+
+// Step 1b: Check if node-pty actually works (spawn test, not just module load)
+try {
+  const shell = process.platform === 'win32' ? 'cmd.exe' : '/bin/sh';
+  const testCode = [
+    `const p=require(${JSON.stringify(ptyDir)})`,
+    `const t=p.spawn(${JSON.stringify(shell)},[],{cols:10,rows:10})`,
+    `setTimeout(()=>{t.kill();process.exit(0)},500)`,
+  ].join(';');
+  execSync(`node -e ${JSON.stringify(testCode)}`, { stdio: 'pipe', timeout: 10_000 });
+  console.log('[rebuild-pty] node-pty prebuilt binary works, skipping rebuild');
+  process.exit(0);
+} catch {
+  console.log('[rebuild-pty] Prebuilt binary incompatible or spawn failed, rebuilding from source...');
+}
+
+// Step 2: Rebuild from source
+try {
+  execSync('npx node-gyp rebuild', {
+    cwd: ptyDir,
+    stdio: 'inherit',
+    timeout: 120_000,
+  });
+} catch (err) {
+  console.error('[rebuild-pty] node-gyp rebuild failed:', err.message);
+  console.error('[rebuild-pty] Terminal features may not work. Ensure build tools are installed:');
+  console.error('  macOS:  xcode-select --install');
+  console.error('  Linux:  sudo apt install build-essential python3');
+  console.error('  Windows: Install Visual Studio Build Tools 2022 with "Desktop development with C++" workload');
+  console.error('           Or: winget install Microsoft.VisualStudio.2022.BuildTools --override "--add Microsoft.VisualStudio.Workload.VCTools"');
+  process.exit(0); // non-fatal — the rest of the app can still run
+}
+
+// Step 3: Copy rebuilt binaries into prebuilds/ so node-pty finds them
+const arch = process.arch;
+const platform = process.platform;
+const prebuildsDir = resolve(ptyDir, 'prebuilds', `${platform}-${arch}`);
+const buildDir = resolve(ptyDir, 'build', 'Release');
+
+if (existsSync(buildDir)) {
+  mkdirSync(prebuildsDir, { recursive: true });
+
+  const files = ['pty.node', 'spawn-helper', 'conpty.node', 'conpty_console_list.node', 'winpty-agent.exe', 'winpty.dll'];
+  for (const file of files) {
+    const src = resolve(buildDir, file);
+    if (existsSync(src)) {
+      cpSync(src, resolve(prebuildsDir, file));
+    }
+  }
+
+  // Ensure spawn-helper is executable (cpSync doesn't preserve execute bit)
+  if (process.platform !== 'win32') {
+    const spawnHelper = resolve(prebuildsDir, 'spawn-helper');
+    if (existsSync(spawnHelper)) {
+      chmodSync(spawnHelper, 0o755);
+    }
+  }
+
+  console.log(`[rebuild-pty] Rebuilt for ${platform}-${arch} (Node ${process.version})`);
+} else {
+  console.warn('[rebuild-pty] build/Release not found after rebuild');
+}