get-claudia 1.40.4 → 1.40.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "get-claudia",
-  "version": "1.40.4",
+  "version": "1.40.5",
   "description": "An AI assistant who learns how you work.",
   "keywords": [
     "claudia",

package/visualizer/src/effects.js

@@ -22,7 +22,7 @@ const QUALITY_PRESETS = {
   low:    { bloom: false, bloomStrength: 0,   bloomRadius: 0,   bloomThreshold: 0   },
   medium: { bloom: true,  bloomStrength: 1.0, bloomRadius: 0.8, bloomThreshold: 0.2 },
   high:   null, // use theme defaults
-  ultra:  { bloom: true,  bloomStrength: 3.0, bloomRadius: 1.2, bloomThreshold: 0.05 }
+  ultra:  { bloom: true,  bloomStrength: 2.1, bloomRadius: 0.9, bloomThreshold: 0.05 }
 };
 
 // FPS tracking
@@ -136,6 +136,9 @@ export function animateNodes(Graph, elapsed, delta) {
     const ud = obj.userData;
     if (!ud || ud.hidden) continue;
 
+    // Skip memory nodes with no active animations (they don't breathe/rotate)
+    if (ud.nodeType === 'memory' && !node.__spawn && !node.__pulse && !node.__shimmer) continue;
+
     const baseScale = ud.baseScale || 1;
     const phase = ud.phase || 0;
     const coreMesh = ud.coreMesh;

package/visualizer/src/graph.js

@@ -6,6 +6,9 @@
  * the library handles all of that internally.
  */
 
+import { Color } from 'three';
+import { getActiveTheme } from './themes.js';
+
 let Graph = null;
 let graphData = { nodes: [], links: [] };
 let fullData = null; // Stashed for filter/reset
@@ -13,6 +16,10 @@ let highlightNodes = new Set();
 let highlightLinks = new Set();
 let selectedNode = null;
 
+// Saved material state for restoring after clearSelection()
+let savedMaterials = new Map(); // nodeId -> { color, emissiveIntensity }
+let savedLinkColors = new Map(); // link -> { color, width }
+
 // ── Graph instance ─────────────────────────────────────────
 
 export function setGraphInstance(instance) {
@@ -62,13 +69,13 @@ export function updateNodeData(nodeId, updates) {
 // ── Selection + highlighting ──────────────────────────────
 
 export function highlightNeighborhood(node) {
+  // Restore previous highlight before applying new one
+  restoreSavedMaterials();
+
   highlightNodes.clear();
   highlightLinks.clear();
 
-  if (!node) {
-    triggerRefresh();
-    return;
-  }
+  if (!node) return;
 
   highlightNodes.add(node.id);
 
@@ -86,14 +93,14 @@ export function highlightNeighborhood(node) {
     }
   }
 
-  triggerRefresh();
+  applyHighlightMaterials();
 }
 
 export function clearSelection() {
   selectedNode = null;
+  restoreSavedMaterials();
   highlightNodes.clear();
   highlightLinks.clear();
-  triggerRefresh();
   document.getElementById('detail-panel')?.classList.add('hidden');
 }
 
@@ -130,12 +137,71 @@ function pushData() {
   Graph.graphData({ nodes: graphData.nodes, links: graphData.links });
 }
 
-function triggerRefresh() {
+/**
+ * Apply highlight visuals directly on Three.js materials for the
+ * selected neighborhood. O(k) where k = neighborhood size, not O(N).
+ */
+function applyHighlightMaterials() {
   if (!Graph) return;
-  // Trigger visual refresh without rebuilding the graph
-  Graph.nodeColor(Graph.nodeColor());
-  Graph.linkColor(Graph.linkColor());
-  Graph.linkWidth(Graph.linkWidth());
+  const theme = getActiveTheme();
+  const highlightColor = new Color(0x7dd3fc); // bright cyan highlight
+
+  // Highlight nodes: boost emissive intensity
+  for (const nodeId of highlightNodes) {
+    const node = graphData.nodes.find(n => n.id === nodeId);
+    if (!node?.__threeObj) continue;
+
+    const ud = node.__threeObj.userData;
+    const mesh = ud?.coreMesh;
+    if (!mesh?.material) continue;
+
+    // Save original state
+    savedMaterials.set(nodeId, {
+      emissiveIntensity: mesh.material.emissiveIntensity,
+      emissive: mesh.material.emissive.getHex()
+    });
+
+    // Boost: brighter emissive
+    mesh.material.emissiveIntensity = Math.min(1.0, mesh.material.emissiveIntensity * 2.5);
+  }
+
+  // Highlight links: change color and width
+  for (const link of highlightLinks) {
+    const linkObj = link.__lineObj;
+    if (linkObj?.material) {
+      savedLinkColors.set(link, {
+        color: linkObj.material.color.getHex(),
+        linewidth: linkObj.material.linewidth
+      });
+      linkObj.material.color.set(theme.links.highlight);
+    }
+  }
+}
+
+/**
+ * Restore materials saved before highlighting.
+ */
+function restoreSavedMaterials() {
+  // Restore node materials
+  for (const [nodeId, saved] of savedMaterials) {
+    const node = graphData.nodes.find(n => n.id === nodeId);
+    if (!node?.__threeObj) continue;
+    const mesh = node.__threeObj.userData?.coreMesh;
+    if (!mesh?.material) continue;
+
+    mesh.material.emissiveIntensity = saved.emissiveIntensity;
+    mesh.material.emissive.setHex(saved.emissive);
+  }
+  savedMaterials.clear();
+
+  // Restore link materials
+  for (const [link, saved] of savedLinkColors) {
+    const linkObj = link.__lineObj;
+    if (linkObj?.material) {
+      linkObj.material.color.setHex(saved.color);
+    }
+  }
+  savedLinkColors.clear();
 }
 
 // ── Focus camera on a node ───────────────────────────────

package/visualizer/src/links.js

@@ -10,11 +10,15 @@
  */
 
 import { getGraphInstance, getHighlightLinks } from './graph.js';
-import { getActiveTheme, onThemeChange } from './themes.js';
+import { getActiveTheme, getActiveThemeId, onThemeChange } from './themes.js';
 import { getSetting } from './settings.js';
 
-// Re-configure links when theme changes
+// Re-configure links when theme actually changes (guard against redundant calls)
+let lastLinkThemeId = null;
 onThemeChange(() => {
+  const currentId = getActiveThemeId();
+  if (currentId === lastLinkThemeId) return;
+  lastLinkThemeId = currentId;
   const Graph = getGraphInstance();
   if (Graph) configureLinks(Graph);
 });

package/visualizer/src/main.js

@@ -89,7 +89,7 @@ async function init() {
       .backgroundColor(theme.background)
 
       // Force simulation tuning
-      .d3AlphaDecay(getSetting('simulation.alphaDecay') ?? 0.008)
+      .d3AlphaDecay(getSetting('simulation.alphaDecay') ?? 0.02)
       .d3VelocityDecay(getSetting('simulation.velocityDecay') ?? 0.4)
 
       // Node rendering

package/visualizer/src/nodes.js

@@ -6,7 +6,7 @@
  * Patterns use wireframe icosahedra.
  *
  * Colors and emissive intensities are read from the active theme.
- * A theme change listener forces re-render of all nodes.
+ * Theme changes update materials in-place (no geometry recreation).
  */
 
 import {
@@ -20,10 +20,10 @@ import {
   Group,
   Sprite,
   SpriteMaterial,
-  CanvasTexture
+  CanvasTexture,
+  Color
 } from 'three';
-
-import { getActiveTheme, onThemeChange } from './themes.js';
+import { getActiveTheme, getActiveThemeId, onThemeChange } from './themes.js';
 import { getSetting } from './settings.js';
 import { getGraphInstance } from './graph.js';
 
@@ -32,14 +32,45 @@ import { getGraphInstance } from './graph.js';
 export let ENTITY_COLORS = { ...getActiveTheme().entities };
 export let MEMORY_COLORS = { ...getActiveTheme().memories };
 
+// Direct material color update instead of rebuilding all Three.js objects
+let lastNodeThemeId = null;
 onThemeChange((theme) => {
+  const currentId = getActiveThemeId();
+  if (currentId === lastNodeThemeId) return;
+  lastNodeThemeId = currentId;
+
   Object.assign(ENTITY_COLORS, theme.entities);
   Object.assign(MEMORY_COLORS, theme.memories);
 
-  // Force re-render of all nodes
+  // Update existing node materials in-place (no geometry recreation)
   const Graph = getGraphInstance();
-  if (Graph) {
-    Graph.nodeThreeObject(node => createNodeObject(node));
+  if (!Graph) return;
+  const graphData = Graph.graphData();
+  if (!graphData?.nodes) return;
+
+  for (const node of graphData.nodes) {
+    const obj = node.__threeObj;
+    if (!obj) continue;
+
+    const ud = obj.userData;
+    const mesh = ud?.coreMesh;
+    if (!mesh?.material) continue;
+
+    if (ud.nodeType === 'entity') {
+      const color = theme.entities[node.entityType] || node.color || '#888888';
+      mesh.material.color.set(color);
+      mesh.material.emissive.set(color);
+      mesh.material.emissiveIntensity = theme.emissive.entity;
+    } else if (ud.nodeType === 'pattern') {
+      mesh.material.color.set(theme.pattern.color);
+      mesh.material.emissive.set(theme.pattern.emissive);
+      mesh.material.emissiveIntensity = theme.emissive.pattern;
+    } else if (ud.nodeType === 'memory') {
+      const color = theme.memories[node.memoryType] || node.color || '#888888';
+      mesh.material.color.set(color);
+      mesh.material.emissive.set(color);
+      mesh.material.emissiveIntensity = theme.emissive.memory;
+    }
   }
 });
 

package/visualizer/src/themes.js

@@ -61,7 +61,7 @@ const THEMES = {
       strong: '#00ffaa',
       normal: '#818cf8',
     },
-    bloom: { strength: 2.0, radius: 1.0, threshold: 0.12 },
+    bloom: { strength: 1.4, radius: 0.75, threshold: 0.12 },
     emissive: { entity: 0.35, memory: 0.04, pattern: 0.5 },
   },
 
@@ -110,7 +110,7 @@ const THEMES = {
       strong: '#f0abfc',
       normal: '#d946ef',
     },
-    bloom: { strength: 2.2, radius: 1.1, threshold: 0.10 },
+    bloom: { strength: 1.55, radius: 0.8, threshold: 0.10 },
     emissive: { entity: 0.40, memory: 0.04, pattern: 0.55 },
   },
 
@@ -159,7 +159,7 @@ const THEMES = {
       strong: '#4ade80',
       normal: '#06b6d4',
     },
-    bloom: { strength: 2.0, radius: 1.0, threshold: 0.10 },
+    bloom: { strength: 1.4, radius: 0.75, threshold: 0.10 },
     emissive: { entity: 0.38, memory: 0.04, pattern: 0.5 },
   },
 
@@ -208,7 +208,7 @@ const THEMES = {
       strong: '#fbbf24',
       normal: '#f97316',
     },
-    bloom: { strength: 2.2, radius: 1.0, threshold: 0.12 },
+    bloom: { strength: 1.55, radius: 0.75, threshold: 0.12 },
     emissive: { entity: 0.40, memory: 0.05, pattern: 0.5 },
   },
 
@@ -257,7 +257,7 @@ const THEMES = {
       strong: '#e0f2fe',
       normal: '#38bdf8',
     },
-    bloom: { strength: 1.8, radius: 0.9, threshold: 0.14 },
+    bloom: { strength: 1.25, radius: 0.7, threshold: 0.14 },
     emissive: { entity: 0.35, memory: 0.04, pattern: 0.45 },
   },
 
@@ -306,7 +306,7 @@ const THEMES = {
       strong: '#86efac',
       normal: '#22c55e',
     },
-    bloom: { strength: 2.5, radius: 0.8, threshold: 0.08 },
+    bloom: { strength: 1.75, radius: 0.6, threshold: 0.08 },
     emissive: { entity: 0.45, memory: 0.03, pattern: 0.55 },
   },
 
@@ -355,7 +355,7 @@ const THEMES = {
       strong: '#fb923c',
       normal: '#f43f5e',
     },
-    bloom: { strength: 2.0, radius: 1.0, threshold: 0.12 },
+    bloom: { strength: 1.4, radius: 0.75, threshold: 0.12 },
     emissive: { entity: 0.38, memory: 0.05, pattern: 0.50 },
   },
 
@@ -404,7 +404,7 @@ const THEMES = {
       strong: '#e4e4e7',
       normal: '#a1a1aa',
     },
-    bloom: { strength: 1.8, radius: 0.8, threshold: 0.15 },
+    bloom: { strength: 1.25, radius: 0.6, threshold: 0.15 },
     emissive: { entity: 0.32, memory: 0.04, pattern: 0.40 },
   },
 
@@ -453,7 +453,7 @@ const THEMES = {
       strong: '#fbcfe8',
       normal: '#f9a8d4',
     },
-    bloom: { strength: 1.8, radius: 1.0, threshold: 0.14 },
+    bloom: { strength: 1.25, radius: 0.75, threshold: 0.14 },
     emissive: { entity: 0.35, memory: 0.05, pattern: 0.45 },
   },
 
@@ -502,7 +502,7 @@ const THEMES = {
       strong: '#a5b4fc',
       normal: '#6366f1',
     },
-    bloom: { strength: 3.0, radius: 1.2, threshold: 0.08 },
+    bloom: { strength: 2.1, radius: 0.9, threshold: 0.08 },
     emissive: { entity: 0.50, memory: 0.02, pattern: 0.60 },
   },
 };