fix(brain): origin-locked orbit, bigger shells, smoother damping, right-click deselect

- zoomToCursor was shifting the orbit target away from origin on every
  scroll, so zoomed-out frames showed the constellation drifting to one
  side. Disable zoomToCursor and explicitly reset controls.target to
  (0,0,0) at mount.
- Bump SHELL_OUTER_RADIUS 140 → 220 and SHELL_INNER_RADIUS 80 → 130 so
  ~1000-node graphs breathe instead of clumping. Scale the three orbital
  rings, reticle (186 → 290), and crosshair (14 → 20) to match.
- Lower OrbitControls dampingFactor 0.085 → 0.06, zoomSpeed 0.6 → 0.4,
  rotateSpeed 0.45 → 0.4, panSpeed 0.6 → 0.5 — more inertia, less
  stutter on small mouse motion.
- Right-click on the canvas now deselects the active node and the
  context menu is suppressed via onContextMenu preventDefault.

Author: AdityaVG13

desktop/cortex-control-center/src/BrainVisualizer.jsx

@@ -409,12 +409,13 @@ function BrainVisualizerComponent({ api = null, cortexBase = "http://127.0.0.1:7
 
     if ("enableDamping" in controls) {
       controls.enableDamping = true;
-      controls.dampingFactor = 0.085;
+      controls.dampingFactor = 0.06;
     }
-    if ("zoomSpeed" in controls) controls.zoomSpeed = 0.6;
-    if ("rotateSpeed" in controls) controls.rotateSpeed = 0.45;
-    if ("panSpeed" in controls) controls.panSpeed = 0.6;
-    if ("zoomToCursor" in controls) controls.zoomToCursor = true;
+    if ("zoomSpeed" in controls) controls.zoomSpeed = 0.4;
+    if ("rotateSpeed" in controls) controls.rotateSpeed = 0.4;
+    if ("panSpeed" in controls) controls.panSpeed = 0.5;
+    if ("zoomToCursor" in controls) controls.zoomToCursor = false;
+    if (controls.target && typeof controls.target.set === "function") controls.target.set(0, 0, 0);
 
     const handleControlsChange = () => {
       if (zoomFrameRef.current) return;
@@ -772,7 +773,20 @@ function BrainVisualizerComponent({ api = null, cortexBase = "http://127.0.0.1:7
 
   // 3D Graph
   return (
-    <div className="brain-container" data-bloom={bloomActive ? "on" : "off"} data-shell-split={useShellSplit ? "on" : "off"} onMouseDown={() => autoRotate && setAutoRotate(false)} onWheel={() => autoRotate && setAutoRotate(false)}>
+    <div
+      className="brain-container"
+      data-bloom={bloomActive ? "on" : "off"}
+      data-shell-split={useShellSplit ? "on" : "off"}
+      onMouseDown={(e) => {
+        if (autoRotate) setAutoRotate(false);
+        if (e.button === 2 && selectedNodeRef.current) {
+          selectedNodeRef.current = null;
+          startTransition(() => setSelectedNode(null));
+        }
+      }}
+      onContextMenu={(e) => e.preventDefault()}
+      onWheel={() => autoRotate && setAutoRotate(false)}
+    >
       <div className="brain-orbital-ring brain-orbital-ring-a" aria-hidden="true" />
       <div className="brain-orbital-ring brain-orbital-ring-b" aria-hidden="true" />
 

desktop/cortex-control-center/src/brain-visualizer.test.js

@@ -166,10 +166,17 @@ describe("Brain visualizer", () => {
     expect(source).toContain("disposeEdgeMesh(edgeMeshRef.current)");
   });
 
-  it("uses smooth orbit + zoom-to-cursor controls", () => {
+  it("uses smooth orbit controls with damping and origin-locked target", () => {
     expect(source).toContain("controls.enableDamping = true");
-    expect(source).toContain("controls.dampingFactor = 0.085");
-    expect(source).toContain("controls.zoomToCursor = true");
+    expect(source).toContain("controls.dampingFactor = 0.06");
+    expect(source).toContain("controls.zoomToCursor = false");
+    expect(source).toContain("controls.target.set(0, 0, 0)");
+  });
+
+  it("right-click deselects the active node and suppresses the context menu", () => {
+    expect(source).toContain("e.button === 2");
+    expect(source).toContain("onContextMenu={(e) => e.preventDefault()}");
+    expect(source).toContain("startTransition(() => setSelectedNode(null))");
   });
 
   it("BrainVisualizer instantiates RippleEngine, ticks per frame, and fires on click", () => {

desktop/cortex-control-center/src/brain/ShellGeometry.js

@@ -2,8 +2,8 @@ import * as THREE from "three";
 
 export const CONSTELLATION_SHELL_NAME = "cortex-constellation-shell";
 
-export const SHELL_OUTER_RADIUS = 140;
-export const SHELL_INNER_RADIUS = 80;
+export const SHELL_OUTER_RADIUS = 220;
+export const SHELL_INNER_RADIUS = 130;
 
 const OUTER_LINE_COLOR = "#40e0ff";
 const INNER_LINE_COLOR = "#ffd166";
@@ -105,14 +105,14 @@ export function createConstellationShells() {
   group.add(innerShell);
 
   const rings = [
-    makeLine(ellipseRingPoints(172, 110, -10, Math.PI * 0.20, 0), OUTER_LINE_COLOR, 0.14),
-    makeLine(ellipseRingPoints(138, 84, 24, Math.PI * 0.34, Math.PI * 0.12), INNER_LINE_COLOR, 0.10),
-    makeLine(ellipseRingPoints(118, 68, -32, Math.PI * 0.48, -Math.PI * 0.10), OUTER_LINE_COLOR, 0.11),
+    makeLine(ellipseRingPoints(270, 170, -16, Math.PI * 0.20, 0), OUTER_LINE_COLOR, 0.14),
+    makeLine(ellipseRingPoints(215, 130, 38, Math.PI * 0.34, Math.PI * 0.12), INNER_LINE_COLOR, 0.10),
+    makeLine(ellipseRingPoints(185, 105, -50, Math.PI * 0.48, -Math.PI * 0.10), OUTER_LINE_COLOR, 0.11),
   ];
   for (const ring of rings) group.add(ring);
 
-  group.add(reticleRing(186, 96, 8, 6));
-  group.add(centerCrosshair(14));
+  group.add(reticleRing(290, 96, 8, 8));
+  group.add(centerCrosshair(20));
 
   for (const child of group.children) {
     child.renderOrder = 1;