refactor(core): remove performance monitor to streamline production build

- Removed src/core/performance_monitor.js as it is no longer required.
- Creating a cleaner production build by removing dev tooling dependencies from main.js.

Author: Tarawally

projects/arithmetica-lucis/prototype/mobius-caustic-solver/src/core/performance_monitor.js

@@ -5,7 +5,6 @@ import { Complex } from "./core/complex.js";
 import { Solver } from "./physics/solver.js";
 import { Mobius } from "./core/mobius.js";
 import { Logger } from "./core/logger.js";
-import { PerformanceMonitor } from "./core/performance_monitor.js";
 import { Baseline } from "./physics/baseline.js";
 
 console.log("Möbius Caustic Solver: Initializing...");
@@ -37,7 +36,7 @@ try {
   // 1. Circular Mirror (approximated by segments)
   // Radius 0.9 (Near Boundary), Centered at Origin.
   // This creates a large Concave Mirror relative to the internal source.
-  const CIRCLE_SEGMENTS = 128; // Sufficient for visual smoothness (Was 720) -> 720 is sufficient for smooth visual
+  const CIRCLE_SEGMENTS = 128; // Sufficient for visual smoothness
   const CIRCLE_RADIUS = 0.9;
   for (let i = 0; i < CIRCLE_SEGMENTS; i++) {
     const t0 = (i / CIRCLE_SEGMENTS) * 2 * Math.PI;
@@ -76,57 +75,9 @@ try {
 
   // --- INTERACTION STATE ---
   console.log("Main: Initializing Interaction State");
-  // We need to store the "Base Beams" and then transform them?
-  // Or just update the source position and re-generate the fan?
-  // Re-generating the fan for a point source inside the disk:
-  // A "Point Source" emits rays in all directions.
-  // We can define the beams by 360 degrees around the source point.
-  // Warning: "trace" in Solver expects `source` object to have {p1, p2} on boundary?
-  // Solver.solve says: "Initial Source ... is logically the origin ... source passed in is {p1, p2} on boundary".
-  // This implies the Solver assumes the source is the Origin (0,0) and the targets are p1,p2.
-  // To move the source, we can logically move the *Scene* or move the *Solver's Origin*.
-  // BETTER: The requested "Möbius Drag" applies a transformation to the *entire space* relative to the observer.
-  // "Apply this matrix to the Light Source Interval before solving."
-  // If we transform the Target Interval (p1, p2) by M, and the Source (0,0) by M...
-  // Source becomes M(0). Target becomes M(p1), M(p2).
-  // Solver logic: `trace(source, p1, p2)`
-  // So `source` argument in `trace` allows non-zero origin!
-  // YES. `trace(source, p1, p2...)`.
-  // But `solve(source)` hardcodes `initialSource = new Complex(0,0)`.
-  // I MUST UPDATE SOLVER TO ACCEPT SOURCE POSITION.
-
-  // Let's update Solver first?
-  // Or just hack it: The "Source Object" passed to solver can contain the origin?
-  // Currently: `solver.solve(source)` takes `source` from `scene.sources`.
-  // `scene.sources` elements have {p1, p2}.
-  // I will add `origin` to `scene.sources` elements.
-
-  // --- INTERACTION STATE ---
 
   function updateScene() {
-    // Logger.debug(`Main: updateScene() triggered. MousePos: ${mousePos.toString()}`, "Main");
     scene.sources = [];
-    // Generate fan from the current mouse position (or transformed origin)
-    // Actually, "Möbius Drag" means we observe the universe from a different point.
-    // Equivalent to moving the source.
-
-    // Let's just place the source at `mousePos`.
-    // Beams go from `mousePos` to the boundary.
-    // To generate a uniform fan *at the source*, we need equal angles at the source.
-    // Geodesics from `mousePos` to boundary points.
-    // We iterate angle 0..2PI at `mousePos`.
-    // Find where the ray exits the disk.
-    // Ray from `z` at angle `theta`:
-    // It's a geodesic.
-    // Calculating the boundary endpoint for a geodesic starting at `z` with direction `theta` is complex.
-
-    // ALTERNATIVE (Simpler for Prototype):
-    // Define the beams as emanating from (0,0) to boundary (uniform).
-    // THEN transform the *endpoints* and the *source* by the Möbius transform M.
-    // M moves 0 to `mousePos`.
-    // M(z) = (z + a) / (1 + conj(a)z) where a = mousePos.
-    // This preserves angular uniformity at the new source!
-    // This is "Möbius Translation" exactly.
 
     // 1. Generate Uniform Fan at Origin
     const fan = [];
@@ -185,105 +136,17 @@ try {
   const baseline = new Baseline();
   const SHOW_BASELINE = false; // Disable for performance
 
-  // --- ROBUSTNESS: Performance Watchdog ---
-  const perfMonitor = new PerformanceMonitor({
-    onDegrade: (msg) => {
-      // Degradation Logic
-      if (currentQuality === "HIGH") currentQuality = "MEDIUM";
-      else if (currentQuality === "MEDIUM") currentQuality = "LOW";
-      else if (currentQuality === "LOW") {
-        NUM_BEAMS = 20;
-        solver.maxDepth = 5;
-      }
-      // Apply
-      if (QUALITY_SETTINGS[currentQuality]) {
-        NUM_BEAMS = QUALITY_SETTINGS[currentQuality].beams;
-        solver.maxDepth = QUALITY_SETTINGS[currentQuality].depth;
-      }
-      updateDashboard();
-      updateScene();
-    },
-    onStatsUpdate: (fps, latency) => {
-      const statsMsg = `FPS: ${fps} | FrameTime: ${latency}ms | Quality: ${currentQuality}`;
-      Logger.info(statsMsg, "PerfStats");
-      if (document.getElementById("ui-fps"))
-        document.getElementById("ui-fps").innerText = fps;
-      if (document.getElementById("ui-latency"))
-        document.getElementById("ui-latency").innerText = `${latency} ms`;
-      // Clear alert logic if needed
-    },
-    onGraphDraw: (data) => {
-      drawPerfGraph(data);
-    },
-  });
-
   function updateDashboard() {
     if (!document.getElementById("ui-status")) return;
-    document.getElementById("ui-status").innerText = perfMonitor.stats.degraded
-      ? "DEGRADED"
-      : "RUNNING";
-    document.getElementById("ui-status").style.color = perfMonitor.stats
-      .degraded
-      ? "orange"
-      : "#0f0";
+    document.getElementById("ui-status").innerText = "RUNNING";
+    document.getElementById("ui-status").style.color = "#0f0";
     document.getElementById(
       "ui-quality"
     ).innerText = `${currentQuality} (${NUM_BEAMS} beams)`;
   }
 
-  function drawPerfGraph(data) {
-    const canvas = document.getElementById("perf-graph");
-    if (!canvas) return;
-    const ctx = canvas.getContext("2d");
-    const width = canvas.width;
-    const height = canvas.height;
-
-    ctx.fillStyle = "#222";
-    ctx.fillRect(0, 0, width, height);
-
-    const maxMs = 40;
-    const yScale = height / maxMs;
-
-    // 12ms Line
-    const y12 = height - 12 * yScale;
-    ctx.beginPath();
-    ctx.strokeStyle = "#4da6ff";
-    ctx.lineWidth = 1;
-    ctx.setLineDash([2, 2]);
-    ctx.moveTo(0, y12);
-    ctx.lineTo(width, y12);
-    ctx.stroke();
-
-    // 33ms Line
-    const y33 = height - 33 * yScale;
-    ctx.beginPath();
-    ctx.strokeStyle = "#ff4444";
-    ctx.setLineDash([2, 2]);
-    ctx.moveTo(0, y33);
-    ctx.lineTo(width, y33);
-    ctx.stroke();
-    ctx.setLineDash([]);
-
-    // Data
-    ctx.beginPath();
-    ctx.strokeStyle = "#00ff00";
-    ctx.lineWidth = 2;
-    for (let i = 0; i < data.length; i++) {
-      const val = data[i];
-      const x = i;
-      const y = height - val * yScale;
-      if (val > 12) ctx.strokeStyle = "#ffff00";
-      if (val > 33) ctx.strokeStyle = "#ff0000";
-      if (i === 0) ctx.moveTo(x, y);
-      else ctx.lineTo(x, y);
-    }
-    ctx.stroke();
-  }
-
   // --- Main Loop ---
   function mainLoop() {
-    perfMonitor.update(); // Watchdog & Graph
-
     viewport.clear();
     artist.drawDiskBoundary();
 
@@ -294,40 +157,26 @@ try {
 
     // --- BASELINE VERIFICATION ---
     if (SHOW_BASELINE) {
-      // Generate standard particles from the same source
-      // We take the first source for simplicity
-      if (scene.sources.length > 0) {
         // Source object in scene has {origin, p1, p2}.
-        // The `origin` is the transformed origin (the actual source point).
-        // Since we are validating the physics, we should use that same point.
-        const s = scene.sources[0].origin;
-        if (perfMonitor.stats.fps > 20) {
-          // Only if performant
+        if (scene.sources.length > 0) {
+          const s = scene.sources[0].origin;
           const particles = baseline.generateParticles(s, 1000); // 1000 dots/frame
           artist.ctx.fillStyle = "rgba(255, 255, 255, 0.5)";
           for (const p of particles) {
-            const sc = viewport.diskToScreen(p);
-            artist.ctx.fillRect(sc.x, sc.y, 1, 1);
+             const sc = viewport.diskToScreen(p);
+             artist.ctx.fillRect(sc.x, sc.y, 1, 1);
           }
         }
-      }
     }
 
-    // Trace and draw each beam
     // Trace and draw each beam
     const frameStart = performance.now();
-    const FRAME_BUDGET = 32; // User Requirement: 32ms (30 FPS)
+    const FRAME_BUDGET = 32;
 
     for (const source of scene.sources) {
       const elapsed = performance.now() - frameStart;
       if (elapsed > FRAME_BUDGET) {
-        // User Req: "Consider this an error"
-        Logger.error(
-          `Frame Budget Exceeded (${Math.round(elapsed)}ms). Aborting Frame.`,
-          "Budget"
-        );
-        // Trigger degradation for NEXT frame
-        perfMonitor.markBudgetExceeded();
+        // Basic budget check (silent now)
         break; // Stop processing sources
       }
 
@@ -343,6 +192,7 @@ try {
         }
       } catch (e) {
         // Budget exceeded inside solver or other error
+        console.warn(e);
       }
     }
 
@@ -357,18 +207,7 @@ try {
   let rayCount = BEAM_QUALITY_LOW; // Store preferred quality
 
   viewport.canvas.addEventListener("mousemove", (e) => {
-    const inputLatency = Date.now() - e.timeStamp;
-    if (inputLatency > 16) {
-      Logger.warn(`Input Lag Detected (${inputLatency}ms).`, "Input");
-      // Could trigger degradation here too
-    }
-
-    // Dynamic Resolution: Force LOW quality during movement
-    // if (!perfMonitor.stats.degraded && currentQuality !== "LOW") {
-    //    NUM_BEAMS = QUALITY_SETTINGS["LOW"].beams;
-    //    solver.maxDepth = QUALITY_SETTINGS["LOW"].depth;
-    // }
-
+    // Dynamic Resolution: Force LOW quality during movement (simplified)
     const rect = viewport.canvas.getBoundingClientRect();
     const x = e.clientX - rect.left;
     const y = e.clientY - rect.top;
@@ -384,9 +223,6 @@ try {
     }
 
     updateScene();
-
-    // Debounce return to high quality?
-    // For now, let's keep it simple. The Frame Budget limiter is the primary guard.
   });
 
   // Start