feat(ui): defaults for ARITHMETIC + ANALYSIS + POINTS from capture

Pin spatial preset (Amplitud 40) and analysis camera POS/ROT from CAM
POSE overlay; reapply resolved defaults when MODE/VISTA/RENDER changes.

Co-Authored-By: Cursor <cursoragent@cursor.com>

.agents/skills/dev-protocol/lessons-learned.md

@@ -111,8 +111,9 @@ Para lecturas de alta visibilidad y ligera carga computacional, implementar la p
 
 ### 3.4. Default Navigation Corridor Pose
 - **Invariante**: La vista inicial de **Navegación** usa la pose capturada `POS (-178.3, 13.5, 52.2)` + euler YXZ `ROT (-5.4°, -51.5°, 0°)` con sliders espaciales por defecto Separación $X=0.4$, Amplitud $Y=7.0$, Longitud $Z=0.2$.
-- **Overlay de captura**: El HUD `CAM POSE` solo se monta si `VITE_SHOW_CAM_POSE=true` (default `false` en `.env.example`). Sirve para releer POS/ROT desde una captura y actualizar `setNavigationView()`.
-- **Workflow de captura**: Para fijar una nueva vista default, activar el overlay, navegar a la pose deseada, screenshotear `POS`/`ROT` legibles, y actualizar `Navigation.setNavigationView()` + defaults de sliders espaciales si cambian.
+- **Análisis (ARITHMETIC + POINTS)**: pose capturada `POS (-75.2, -0.8, 62.5)` + `ROT (0°, 0°, 0°)`; sliders vía override `ARITHMETIC|ANALYSIS|POINTS` (Amplitud $Y=40$, Grosor $0.05$, resto = global). Al cambiar MODE/VISTA/RENDER se reaplica `resolveSpatialDefaults` + sync UI.
+- **Overlay de captura**: El HUD `CAM POSE` solo se monta si `VITE_SHOW_CAM_POSE=true` (default `false` en `.env.example`). Sirve para releer POS/ROT desde una captura y actualizar `setNavigationView()` / `setAnalysisView()`.
+- **Workflow de captura**: Para fijar una nueva vista default, activar el overlay, navegar a la pose deseada, screenshotear `POS`/`ROT` legibles, y actualizar Navigation + `SPATIAL_DEFAULT_OVERRIDES` si cambian.
 
 ---
 

CHANGELOG.md

@@ -5,6 +5,10 @@ All notable changes to VectorLab 3D will be documented in this file.
 ## [Unreleased]
 
 ### Changed
+- **Defaults ARITHMETIC|ANALYSIS|POINTS** (`feat/arithmetic-analysis-points-defaults`):
+  - Sliders: Separación `0.4`, Distancia Y `10`, Amplitud Y `40`, Longitud Z `0.2`, Grosor `0.05` (override en `spatialSliderDefaults.js`).
+  - Cámara Análisis: `POS (-75.2, -0.8, 62.5)` / `ROT (0, 0, 0)`.
+  - Al cambiar MODE/VISTA/RENDER se reaplica el preset resuelto + sync de sliders.
 - **Grosor Puntos mid → 0.05** (`feat/thickness-mid-0.05`):
   - Default/mid `0.05` ∈ `[0.01, 0.09]` step `0.01` (simétrico lineal).
 - **Amplitud (Y) max → 40** (`feat/amplitude-y-max-40`):

src/engine/Navigation.js

@@ -164,10 +164,10 @@ export class Navigation {
   }
 
   setAnalysisView() {
-    // Position camera straight on facing XY plane, centered on vertically stacked threads
-    this.camera.position.set(0, 0, 360);
-    this.camera.lookAt(0, 0, 0);
+    // Captured ARITHMETIC + ANÁLISIS + POINTS framing (POS / ROT from CAM POSE overlay)
+    this.camera.position.set(-75.2, -0.8, 62.5);
     this.euler.set(0, 0, 0, 'YXZ');
+    this.camera.quaternion.setFromEuler(this.euler);
     this.velocity.set(0, 0, 0);
   }
 

src/main.js

@@ -11,7 +11,7 @@ import { Sidebar } from './ui/Sidebar.js';
 import { HUD } from './ui/HUD.js';
 import { CustomModal } from './ui/CustomModal.js';
 import { ThreadLabels } from './ui/ThreadLabels.js';
-import { threadSlidersMarkup, wireThreadSliders } from './ui/ThreadSliders.js';
+import { threadSlidersMarkup, wireThreadSliders, syncThreadSlidersFromConfig } from './ui/ThreadSliders.js';
 import { resolveSpatialDefaults } from './ui/spatialSliderDefaults.js';
 
 import { ComparePanel, COMPARE_AUTO_PRESETS } from './ui/ComparePanel.js';
@@ -61,6 +61,7 @@ class VectorLabApp {
       this.appContainer,
       (renderMode) => {
         state.setRenderMode(renderMode);
+        this.applyContextSpatialDefaults();
         this.refreshRender();
       },
       (viewMode) => {
@@ -70,6 +71,7 @@ class VectorLabApp {
         } else {
           this.navigation.setNavigationView();
         }
+        this.applyContextSpatialDefaults();
         this.refreshRender();
       },
       (workspaceMode) => {
@@ -133,6 +135,7 @@ class VectorLabApp {
     const sliderWrapper = document.createElement('div');
     sliderWrapper.innerHTML = threadSlidersMarkup(this.sliderConfig);
     const slidersEl = sliderWrapper.firstElementChild;
+    this.slidersEl = slidersEl;
     // Insert sliders above the gizmo inside the right dock body.
     this.rightDock.body.insertBefore(slidersEl, this.axisGizmo.container);
 
@@ -147,8 +150,25 @@ class VectorLabApp {
     });
   }
 
+  /**
+   * Apply resolved spatial defaults for current MODE/VISTA/RENDER and sync slider UI.
+   * Called when context changes so each combo can keep its own dulce point.
+   */
+  applyContextSpatialDefaults() {
+    const defaults = resolveSpatialDefaults({
+      workspaceMode: state.workspaceMode,
+      viewMode: this.viewMode,
+      renderMode: state.renderMode,
+    });
+    Object.assign(this.sliderConfig, defaults);
+    if (this.slidersEl) {
+      syncThreadSlidersFromConfig(this.slidersEl, this.sliderConfig);
+    }
+  }
+
   handleWorkspaceModeChange(mode) {
     state.setWorkspaceMode(mode);
+    this.applyContextSpatialDefaults();
     if (mode === 'COMPARE') {
       this.sidebar.element.classList.add('hidden');
       this.comparePanel.show();

src/ui/ThreadSliders.js

@@ -71,6 +71,23 @@ export function threadSlidersMarkup(config = {}) {
 }
 
 
+/**
+ * Writes config values into range inputs + labels (e.g. after context default apply).
+ * @param {HTMLElement} container
+ * @param {Object} config
+ */
+export function syncThreadSlidersFromConfig(container, config) {
+  if (!container || !config) return;
+  for (const binding of SPATIAL_SLIDER_BINDINGS) {
+    const val = config[binding.configKey];
+    if (val === undefined || Number.isNaN(val)) continue;
+    const input = container.querySelector(`#${binding.inputId}`);
+    const labelEl = container.querySelector(`#${binding.labelId}`);
+    if (input) input.value = String(val);
+    if (labelEl) labelEl.textContent = Number(val).toFixed(binding.decimals);
+  }
+}
+
 /**
  * Binds real-time event listeners to sliders for immediate 60fps spatial updates.
  * Double-click on a range input restores that slider's default for the current

src/ui/spatialSliderDefaults.js

@@ -30,7 +30,14 @@ export const GLOBAL_SPATIAL_DEFAULTS = Object.freeze({
  * @type {Record<string, Partial<SpatialSliderValues>>}
  */
 export const SPATIAL_DEFAULT_OVERRIDES = {
-  // e.g. 'COMPARE|ANALYSIS': { threadAmplitudeY: 5.0 },
+  // Captured ARITHMETIC + ANÁLISIS + POINTS (Control Espacial + framing dulce)
+  'ARITHMETIC|ANALYSIS|POINTS': {
+    threadSpacing: 0.4,
+    threadVectorDistance: 10.0,
+    threadAmplitudeY: 40.0,
+    threadWidth: 0.2,
+    threadThickness: 0.05,
+  },
 };
 
 /**

tests/Navigation.test.js

@@ -0,0 +1,36 @@
+import { describe, it, expect } from 'vitest';
+import * as THREE from 'three';
+import { Navigation } from '../src/engine/Navigation.js';
+
+function stubCamera() {
+  return {
+    position: new THREE.Vector3(),
+    quaternion: new THREE.Quaternion(),
+    lookAt() {},
+  };
+}
+
+describe('Navigation default poses', () => {
+  it('setAnalysisView uses captured ARITHMETIC|ANALYSIS|POINTS pose', () => {
+    const camera = stubCamera();
+    const nav = new Navigation(camera, { addEventListener() {} });
+    nav.setAnalysisView();
+
+    expect(nav.camera.position.x).toBeCloseTo(-75.2, 5);
+    expect(nav.camera.position.y).toBeCloseTo(-0.8, 5);
+    expect(nav.camera.position.z).toBeCloseTo(62.5, 5);
+    expect(nav.euler.x).toBeCloseTo(0, 5);
+    expect(nav.euler.y).toBeCloseTo(0, 5);
+    expect(nav.euler.z).toBeCloseTo(0, 5);
+  });
+
+  it('setNavigationView keeps corridor pose', () => {
+    const camera = stubCamera();
+    const nav = new Navigation(camera, { addEventListener() {} });
+    nav.setNavigationView();
+
+    expect(nav.camera.position.x).toBeCloseTo(-178.3, 5);
+    expect(nav.camera.position.y).toBeCloseTo(13.5, 5);
+    expect(nav.camera.position.z).toBeCloseTo(52.2, 5);
+  });
+});

tests/ThreadSliders.test.js

@@ -1,5 +1,5 @@
 import { describe, it, expect, afterEach } from 'vitest';
-import { threadSlidersMarkup, wireThreadSliders } from '../src/ui/ThreadSliders.js';
+import { threadSlidersMarkup, wireThreadSliders, syncThreadSlidersFromConfig } from '../src/ui/ThreadSliders.js';
 import {
   GLOBAL_SPATIAL_DEFAULTS,
   SPATIAL_DEFAULT_OVERRIDES,
@@ -205,3 +205,29 @@ describe('wireThreadSliders — dblclick reset', () => {
     expect(spacingLabel.textContent).toBe('0.60');
   });
 });
+
+describe('syncThreadSlidersFromConfig', () => {
+  it('writes config into inputs and labels', () => {
+    const ampInput = createMockEl('thread-amplitude-y-slider');
+    const ampLabel = createMockEl('thread-amplitude-y-val');
+    const byId = {
+      'thread-amplitude-y-slider': ampInput,
+      'thread-amplitude-y-val': ampLabel,
+      'thread-spacing-slider': createMockEl(),
+      'thread-spacing-val': createMockEl(),
+      'thread-vector-dist-slider': createMockEl(),
+      'thread-vector-dist-val': createMockEl(),
+      'thread-width-slider': createMockEl(),
+      'thread-width-val': createMockEl(),
+      'thread-thickness-slider': createMockEl(),
+      'thread-thickness-val': createMockEl(),
+    };
+    const container = {
+      querySelector: (sel) => byId[sel.replace('#', '')] || null,
+    };
+
+    syncThreadSlidersFromConfig(container, { threadAmplitudeY: 40.0 });
+    expect(ampInput.value).toBe('40');
+    expect(ampLabel.textContent).toBe('40.0');
+  });
+});

tests/spatialSliderDefaults.test.js

@@ -59,4 +59,18 @@ describe('resolveSpatialDefaults', () => {
     });
     expect(d.threadWidth).toBe(GLOBAL_SPATIAL_DEFAULTS.threadWidth);
   });
+
+  it('applies captured ARITHMETIC|ANALYSIS|POINTS preset (Amplitud 40)', () => {
+    // Production override lives in SPATIAL_DEFAULT_OVERRIDES — assert the seam.
+    const d = resolveSpatialDefaults({
+      workspaceMode: 'ARITHMETIC',
+      viewMode: 'ANALYSIS',
+      renderMode: 'POINTS',
+    });
+    expect(d.threadSpacing).toBe(0.4);
+    expect(d.threadVectorDistance).toBe(10.0);
+    expect(d.threadAmplitudeY).toBe(40.0);
+    expect(d.threadWidth).toBe(0.2);
+    expect(d.threadThickness).toBe(0.05);
+  });
 });