@grafana/scenes 6.40.0--canary.1265.18325783397.0 → 6.40.0--canary.1277.18545717336.0

package/CHANGELOG.md

@@ -1,3 +1,75 @@
+# v6.39.7 (Wed Oct 15 2025)
+
+#### 🐛 Bug Fix
+
+- SeneRenderProfiler: Remove tab inactive frame detection backup mechanism [#1276](https://github.com/grafana/scenes/pull/1276) ([@dprokop](https://github.com/dprokop))
+
+#### Authors: 1
+
+- Dominik Prokop ([@dprokop](https://github.com/dprokop))
+
+---
+
+# v6.39.6 (Wed Oct 15 2025)
+
+#### 🐛 Bug Fix
+
+- Fix rounding on old-style adhoc filters [#1271](https://github.com/grafana/scenes/pull/1271) ([@ashharrison90](https://github.com/ashharrison90))
+
+#### Authors: 1
+
+- Ashley Harrison ([@ashharrison90](https://github.com/ashharrison90))
+
+---
+
+# v6.39.5 (Fri Oct 10 2025)
+
+#### 🐛 Bug Fix
+
+- Annotations: Pass annotations through when transformations exist but none are annotations transformations [#1266](https://github.com/grafana/scenes/pull/1266) ([@fastfrwrd](https://github.com/fastfrwrd))
+
+#### Authors: 1
+
+- Paul Marbach ([@fastfrwrd](https://github.com/fastfrwrd))
+
+---
+
+# v6.39.4 (Fri Oct 10 2025)
+
+#### 🐛 Bug Fix
+
+- CustomVariable: Expose query parsing mechanism [#1269](https://github.com/grafana/scenes/pull/1269) ([@bfmatei](https://github.com/bfmatei))
+
+#### Authors: 1
+
+- Bogdan Matei ([@bfmatei](https://github.com/bfmatei))
+
+---
+
+# v6.39.3 (Thu Oct 09 2025)
+
+#### 🐛 Bug Fix
+
+- Variables: Introduce a new type called "switch" [#1258](https://github.com/grafana/scenes/pull/1258) ([@leventebalogh](https://github.com/leventebalogh))
+
+#### Authors: 1
+
+- Levente Balogh ([@leventebalogh](https://github.com/leventebalogh))
+
+---
+
+# v6.39.2 (Wed Oct 08 2025)
+
+#### 🐛 Bug Fix
+
+- Chore: Fix annotations switch to work with new border radius [#1264](https://github.com/grafana/scenes/pull/1264) ([@ashharrison90](https://github.com/ashharrison90))
+
+#### Authors: 1
+
+- Ashley Harrison ([@ashharrison90](https://github.com/ashharrison90))
+
+---
+
 # v6.39.1 (Thu Sep 25 2025)
 
 #### 🐛 Bug Fix

package/dist/esm/behaviors/LongFrameDetector.js

@@ -1,4 +1,4 @@
-import { writePerformanceLog } from '../utils/writePerformanceLog.js';
+import { writeSceneLog } from '../utils/writeSceneLog.js';
 
 var __typeError = (msg) => {
   throw TypeError(msg);
@@ -49,8 +49,8 @@ class LongFrameDetector {
             performance.mark(measureName);
           }
         }
-        writePerformanceLog(
-          "LFD",
+        writeSceneLog(
+          "LongFrameDetector",
           `Long frame detected (manual): ${frameLength}ms (threshold: ${LONG_FRAME_THRESHOLD}ms)`
         );
       }
@@ -71,7 +71,7 @@ class LongFrameDetector {
    */
   start(callback) {
     if (__privateGet(this, _isTracking)) {
-      writePerformanceLog("LFD", "Already tracking frames, stopping previous session");
+      writeSceneLog("LongFrameDetector", "Already tracking frames, stopping previous session");
       this.stop();
     }
     __privateSet(this, _callback, callback);
@@ -81,8 +81,8 @@ class LongFrameDetector {
     } else {
       this.startManualFrameTracking();
     }
-    writePerformanceLog(
-      "LFD",
+    writeSceneLog(
+      "LongFrameDetector",
       `Started tracking with ${this.isLoAFAvailable() ? "LoAF API" : "manual"} method, threshold: ${LONG_FRAME_THRESHOLD}ms`
     );
   }
@@ -110,7 +110,7 @@ class LongFrameDetector {
    */
   startLoAFTracking() {
     if (!this.isLoAFAvailable()) {
-      writePerformanceLog("LFD", "LoAF API not available, falling back to manual tracking");
+      writeSceneLog("LongFrameDetector", "LoAF API not available, falling back to manual tracking");
       this.startManualFrameTracking();
       return;
     }
@@ -138,12 +138,12 @@ class LongFrameDetector {
               performance.mark(measureName);
             }
           }
-          writePerformanceLog("LFD", `Long frame detected (LoAF): ${entry.duration}ms at ${entry.startTime}ms`);
+          writeSceneLog("LongFrameDetector", `Long frame detected (LoAF): ${entry.duration}ms at ${entry.startTime}ms`);
         }
       }));
       __privateGet(this, _loafObserver).observe({ type: "long-animation-frame", buffered: false });
     } catch (error) {
-      writePerformanceLog("LFD", "Failed to start LoAF tracking, falling back to manual:", error);
+      writeSceneLog("LongFrameDetector", "Failed to start LoAF tracking, falling back to manual:", error);
       this.startManualFrameTracking();
     }
   }
@@ -154,7 +154,7 @@ class LongFrameDetector {
     if (__privateGet(this, _loafObserver)) {
       __privateGet(this, _loafObserver).disconnect();
       __privateSet(this, _loafObserver, null);
-      writePerformanceLog("LFD", "Stopped LoAF tracking");
+      writeSceneLog("LongFrameDetector", "Stopped LoAF tracking");
     }
   }
   /**
@@ -171,7 +171,7 @@ class LongFrameDetector {
     if (__privateGet(this, _frameTrackingId)) {
       cancelAnimationFrame(__privateGet(this, _frameTrackingId));
       __privateSet(this, _frameTrackingId, null);
-      writePerformanceLog("LFD", "Stopped manual frame tracking");
+      writeSceneLog("LongFrameDetector", "Stopped manual frame tracking");
     }
   }
 }

package/dist/esm/behaviors/LongFrameDetector.js.map

@@ -1 +1 @@
-{"version":3,"file":"LongFrameDetector.js","sources":["../../../src/behaviors/LongFrameDetector.ts"],"sourcesContent":["import { writePerformanceLog } from '../utils/writePerformanceLog';\n\nconst LONG_FRAME_THRESHOLD = 50; // Threshold for both LoAF and manual tracking (ms)\n\nexport interface LongFrameEvent {\n  duration: number; // Frame duration in milliseconds\n  timestamp: number; // When the frame occurred\n  method: 'manual' | 'loaf'; // Which detection method was used\n}\n\nexport type LongFrameCallback = (event: LongFrameEvent) => void;\n\n/**\n * LongFrameDetector is a module for detecting long animation frames.\n *\n * It supports two detection methods with automatic fallback:\n * 1. LoAF API (default when available): Uses Long Animation Frame API with 50ms threshold\n * 2. Manual tracking (fallback): Uses requestAnimationFrame with configurable threshold (default: 50ms)\n *\n * The detector automatically uses LoAF when available for better attribution and performance,\n * falling back to manual tracking for broader browser support.\n *\n * @see https://developer.mozilla.org/en-US/docs/Web/API/Performance_API/Long_animation_frame_timing\n */\nexport class LongFrameDetector {\n  #isTracking = false;\n  #callback: LongFrameCallback | null = null;\n\n  // Manual tracking state\n  #frameTrackingId: number | null = null;\n  #lastFrameTime = 0;\n\n  // LoAF tracking state\n  #loafObserver: PerformanceObserver | null = null;\n\n  /**\n   * Check if LoAF API is available in the browser\n   */\n  private isLoAFAvailable(): boolean {\n    return (\n      typeof PerformanceObserver !== 'undefined' &&\n      PerformanceObserver.supportedEntryTypes &&\n      PerformanceObserver.supportedEntryTypes.includes('long-animation-frame')\n    );\n  }\n\n  /**\n   * Start detecting long frames and call the provided callback when they occur\n   */\n  public start(callback: LongFrameCallback): void {\n    if (this.#isTracking) {\n      writePerformanceLog('LFD', 'Already tracking frames, stopping previous session');\n      this.stop();\n    }\n\n    this.#callback = callback;\n    this.#isTracking = true;\n\n    if (this.isLoAFAvailable()) {\n      this.startLoAFTracking();\n    } else {\n      this.startManualFrameTracking();\n    }\n\n    writePerformanceLog(\n      'LFD',\n      `Started tracking with ${\n        this.isLoAFAvailable() ? 'LoAF API' : 'manual'\n      } method, threshold: ${LONG_FRAME_THRESHOLD}ms`\n    );\n  }\n\n  /**\n   * Stop detecting long frames\n   */\n  public stop(): void {\n    if (!this.#isTracking) {\n      return;\n    }\n\n    this.#isTracking = false;\n    this.#callback = null;\n\n    // Stop both tracking methods to ensure cleanup\n    this.stopLoAFTracking();\n    this.stopManualFrameTracking();\n  }\n\n  /**\n   * Check if currently tracking frames\n   */\n  public isTracking(): boolean {\n    return this.#isTracking;\n  }\n\n  /**\n   * Start tracking using the Long Animation Frame API\n   * @see https://developer.mozilla.org/en-US/docs/Web/API/PerformanceLongAnimationFrameTiming\n   */\n  private startLoAFTracking(): void {\n    if (!this.isLoAFAvailable()) {\n      writePerformanceLog('LFD', 'LoAF API not available, falling back to manual tracking');\n      this.startManualFrameTracking();\n      return;\n    }\n\n    try {\n      this.#loafObserver = new PerformanceObserver((list) => {\n        for (const entry of list.getEntries()) {\n          // No duration check needed - LoAF API already filters for long frames (>50ms)\n          const event: LongFrameEvent = {\n            duration: entry.duration,\n            timestamp: entry.startTime,\n            method: 'loaf',\n          };\n\n          if (this.#callback) {\n            this.#callback(event);\n          }\n\n          // Add performance marks and measurements for debugging in dev tools\n          if (typeof performance !== 'undefined' && performance.mark && performance.measure) {\n            const frameId = `long-frame-${entry.startTime.toFixed(0)}`;\n            const startMarkName = `${frameId}-start`;\n            const endMarkName = `${frameId}-end`;\n            const measureName = `Long Frame (LoAF): ${entry.duration.toFixed(1)}ms`;\n\n            try {\n              // Create start and end marks\n              performance.mark(startMarkName, { startTime: entry.startTime });\n              performance.mark(endMarkName, { startTime: entry.startTime + entry.duration });\n\n              // Create measurement span\n              performance.measure(measureName, startMarkName, endMarkName);\n            } catch {\n              // Fallback for browsers that don't support startTime option\n              performance.mark(measureName);\n            }\n          }\n\n          writePerformanceLog('LFD', `Long frame detected (LoAF): ${entry.duration}ms at ${entry.startTime}ms`);\n        }\n      });\n\n      this.#loafObserver.observe({ type: 'long-animation-frame', buffered: false });\n    } catch (error) {\n      writePerformanceLog('LFD', 'Failed to start LoAF tracking, falling back to manual:', error);\n      this.startManualFrameTracking();\n    }\n  }\n\n  /**\n   * Stop LoAF tracking\n   */\n  private stopLoAFTracking(): void {\n    if (this.#loafObserver) {\n      this.#loafObserver.disconnect();\n      this.#loafObserver = null;\n      writePerformanceLog('LFD', 'Stopped LoAF tracking');\n    }\n  }\n\n  /**\n   * Start manual frame tracking using requestAnimationFrame\n   */\n  private startManualFrameTracking(): void {\n    this.#lastFrameTime = performance.now();\n    this.#frameTrackingId = requestAnimationFrame(() => this.measureFrames());\n  }\n\n  /**\n   * Stop manual frame tracking\n   */\n  private stopManualFrameTracking(): void {\n    if (this.#frameTrackingId) {\n      cancelAnimationFrame(this.#frameTrackingId);\n      this.#frameTrackingId = null;\n      writePerformanceLog('LFD', 'Stopped manual frame tracking');\n    }\n  }\n\n  /**\n   * Measure frame durations using requestAnimationFrame\n   */\n  private measureFrames = (): void => {\n    if (!this.#isTracking) {\n      return;\n    }\n\n    const currentFrameTime = performance.now();\n    const frameLength = currentFrameTime - this.#lastFrameTime;\n\n    // Check if frame exceeds threshold\n    if (frameLength > LONG_FRAME_THRESHOLD) {\n      const event: LongFrameEvent = {\n        duration: frameLength,\n        timestamp: currentFrameTime,\n        method: 'manual',\n      };\n\n      if (this.#callback) {\n        this.#callback(event);\n      }\n\n      // Add performance marks and measurements for debugging in dev tools\n      if (typeof performance !== 'undefined' && performance.mark && performance.measure) {\n        const frameId = `long-frame-manual-${currentFrameTime.toFixed(0)}`;\n        const startMarkName = `${frameId}-start`;\n        const endMarkName = `${frameId}-end`;\n        const measureName = `Long Frame (Manual): ${frameLength.toFixed(1)}ms`;\n\n        try {\n          // Create start and end marks\n          performance.mark(startMarkName, { startTime: currentFrameTime - frameLength });\n          performance.mark(endMarkName, { startTime: currentFrameTime });\n\n          // Create measurement span\n          performance.measure(measureName, startMarkName, endMarkName);\n        } catch {\n          // Fallback for browsers that don't support startTime option\n          performance.mark(measureName);\n        }\n      }\n\n      writePerformanceLog(\n        'LFD',\n        `Long frame detected (manual): ${frameLength}ms (threshold: ${LONG_FRAME_THRESHOLD}ms)`\n      );\n    }\n\n    this.#lastFrameTime = currentFrameTime;\n\n    // Continue tracking\n    if (this.#isTracking) {\n      this.#frameTrackingId = requestAnimationFrame(this.measureFrames);\n    }\n  };\n}\n"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,WAAA,EAAA,SAAA,EAAA,gBAAA,EAAA,cAAA,EAAA,aAAA;AAEA,MAAM,oBAAuB,GAAA,EAAA;AAsBtB,MAAM,iBAAkB,CAAA;AAAA,EAAxB,WAAA,GAAA;AACL,IAAc,YAAA,CAAA,IAAA,EAAA,WAAA,EAAA,KAAA,CAAA;AACd,IAAsC,YAAA,CAAA,IAAA,EAAA,SAAA,EAAA,IAAA,CAAA;AAGtC;AAAA,IAAkC,YAAA,CAAA,IAAA,EAAA,gBAAA,EAAA,IAAA,CAAA;AAClC,IAAiB,YAAA,CAAA,IAAA,EAAA,cAAA,EAAA,CAAA,CAAA;AAGjB;AAAA,IAA4C,YAAA,CAAA,IAAA,EAAA,aAAA,EAAA,IAAA,CAAA;AAuJ5C;AAAA;AAAA;AAAA,IAAA,IAAA,CAAQ,gBAAgB,MAAY;AAClC,MAAI,IAAA,CAAC,mBAAK,WAAa,CAAA,EAAA;AACrB,QAAA;AAAA;AAGF,MAAM,MAAA,gBAAA,GAAmB,YAAY,GAAI,EAAA;AACzC,MAAM,MAAA,WAAA,GAAc,mBAAmB,YAAK,CAAA,IAAA,EAAA,cAAA,CAAA;AAG5C,MAAA,IAAI,cAAc,oBAAsB,EAAA;AACtC,QAAA,MAAM,KAAwB,GAAA;AAAA,UAC5B,QAAU,EAAA,WAAA;AAAA,UACV,SAAW,EAAA,gBAAA;AAAA,UACX,MAAQ,EAAA;AAAA,SACV;AAEA,QAAA,IAAI,mBAAK,SAAW,CAAA,EAAA;AAClB,UAAA,YAAA,CAAA,IAAA,EAAK,WAAL,IAAe,CAAA,IAAA,EAAA,KAAA,CAAA;AAAA;AAIjB,QAAA,IAAI,OAAO,WAAgB,KAAA,WAAA,IAAe,WAAY,CAAA,IAAA,IAAQ,YAAY,OAAS,EAAA;AACjF,UAAA,MAAM,OAAU,GAAA,CAAA,kBAAA,EAAqB,gBAAiB,CAAA,OAAA,CAAQ,CAAC,CAAC,CAAA,CAAA;AAChE,UAAM,MAAA,aAAA,GAAgB,GAAG,OAAO,CAAA,MAAA,CAAA;AAChC,UAAM,MAAA,WAAA,GAAc,GAAG,OAAO,CAAA,IAAA,CAAA;AAC9B,UAAA,MAAM,WAAc,GAAA,CAAA,qBAAA,EAAwB,WAAY,CAAA,OAAA,CAAQ,CAAC,CAAC,CAAA,EAAA,CAAA;AAElE,UAAI,IAAA;AAEF,YAAA,WAAA,CAAY,KAAK,aAAe,EAAA,EAAE,SAAW,EAAA,gBAAA,GAAmB,aAAa,CAAA;AAC7E,YAAA,WAAA,CAAY,IAAK,CAAA,WAAA,EAAa,EAAE,SAAA,EAAW,kBAAkB,CAAA;AAG7D,YAAY,WAAA,CAAA,OAAA,CAAQ,WAAa,EAAA,aAAA,EAAe,WAAW,CAAA;AAAA,WACrD,CAAA,OAAA,CAAA,EAAA;AAEN,YAAA,WAAA,CAAY,KAAK,WAAW,CAAA;AAAA;AAC9B;AAGF,QAAA,mBAAA;AAAA,UACE,KAAA;AAAA,UACA,CAAA,8BAAA,EAAiC,WAAW,CAAA,eAAA,EAAkB,oBAAoB,CAAA,GAAA;AAAA,SACpF;AAAA;AAGF,MAAA,YAAA,CAAA,IAAA,EAAK,cAAiB,EAAA,gBAAA,CAAA;AAGtB,MAAA,IAAI,mBAAK,WAAa,CAAA,EAAA;AACpB,QAAK,YAAA,CAAA,IAAA,EAAA,gBAAA,EAAmB,qBAAsB,CAAA,IAAA,CAAK,aAAa,CAAA,CAAA;AAAA;AAClE,KACF;AAAA;AAAA;AAAA;AAAA;AAAA,EAtMQ,eAA2B,GAAA;AACjC,IACE,OAAA,OAAO,wBAAwB,WAC/B,IAAA,mBAAA,CAAoB,uBACpB,mBAAoB,CAAA,mBAAA,CAAoB,SAAS,sBAAsB,CAAA;AAAA;AAE3E;AAAA;AAAA;AAAA,EAKO,MAAM,QAAmC,EAAA;AAC9C,IAAA,IAAI,mBAAK,WAAa,CAAA,EAAA;AACpB,MAAA,mBAAA,CAAoB,OAAO,oDAAoD,CAAA;AAC/E,MAAA,IAAA,CAAK,IAAK,EAAA;AAAA;AAGZ,IAAA,YAAA,CAAA,IAAA,EAAK,SAAY,EAAA,QAAA,CAAA;AACjB,IAAA,YAAA,CAAA,IAAA,EAAK,WAAc,EAAA,IAAA,CAAA;AAEnB,IAAI,IAAA,IAAA,CAAK,iBAAmB,EAAA;AAC1B,MAAA,IAAA,CAAK,iBAAkB,EAAA;AAAA,KAClB,MAAA;AACL,MAAA,IAAA,CAAK,wBAAyB,EAAA;AAAA;AAGhC,IAAA,mBAAA;AAAA,MACE,KAAA;AAAA,MACA,yBACE,IAAK,CAAA,eAAA,KAAoB,UAAa,GAAA,QACxC,uBAAuB,oBAAoB,CAAA,EAAA;AAAA,KAC7C;AAAA;AACF;AAAA;AAAA;AAAA,EAKO,IAAa,GAAA;AAClB,IAAI,IAAA,CAAC,mBAAK,WAAa,CAAA,EAAA;AACrB,MAAA;AAAA;AAGF,IAAA,YAAA,CAAA,IAAA,EAAK,WAAc,EAAA,KAAA,CAAA;AACnB,IAAA,YAAA,CAAA,IAAA,EAAK,SAAY,EAAA,IAAA,CAAA;AAGjB,IAAA,IAAA,CAAK,gBAAiB,EAAA;AACtB,IAAA,IAAA,CAAK,uBAAwB,EAAA;AAAA;AAC/B;AAAA;AAAA;AAAA,EAKO,UAAsB,GAAA;AAC3B,IAAA,OAAO,YAAK,CAAA,IAAA,EAAA,WAAA,CAAA;AAAA;AACd;AAAA;AAAA;AAAA;AAAA,EAMQ,iBAA0B,GAAA;AAChC,IAAI,IAAA,CAAC,IAAK,CAAA,eAAA,EAAmB,EAAA;AAC3B,MAAA,mBAAA,CAAoB,OAAO,yDAAyD,CAAA;AACpF,MAAA,IAAA,CAAK,wBAAyB,EAAA;AAC9B,MAAA;AAAA;AAGF,IAAI,IAAA;AACF,MAAA,YAAA,CAAA,IAAA,EAAK,aAAgB,EAAA,IAAI,mBAAoB,CAAA,CAAC,IAAS,KAAA;AACrD,QAAW,KAAA,MAAA,KAAA,IAAS,IAAK,CAAA,UAAA,EAAc,EAAA;AAErC,UAAA,MAAM,KAAwB,GAAA;AAAA,YAC5B,UAAU,KAAM,CAAA,QAAA;AAAA,YAChB,WAAW,KAAM,CAAA,SAAA;AAAA,YACjB,MAAQ,EAAA;AAAA,WACV;AAEA,UAAA,IAAI,mBAAK,SAAW,CAAA,EAAA;AAClB,YAAA,YAAA,CAAA,IAAA,EAAK,WAAL,IAAe,CAAA,IAAA,EAAA,KAAA,CAAA;AAAA;AAIjB,UAAA,IAAI,OAAO,WAAgB,KAAA,WAAA,IAAe,WAAY,CAAA,IAAA,IAAQ,YAAY,OAAS,EAAA;AACjF,YAAA,MAAM,UAAU,CAAc,WAAA,EAAA,KAAA,CAAM,SAAU,CAAA,OAAA,CAAQ,CAAC,CAAC,CAAA,CAAA;AACxD,YAAM,MAAA,aAAA,GAAgB,GAAG,OAAO,CAAA,MAAA,CAAA;AAChC,YAAM,MAAA,WAAA,GAAc,GAAG,OAAO,CAAA,IAAA,CAAA;AAC9B,YAAA,MAAM,cAAc,CAAsB,mBAAA,EAAA,KAAA,CAAM,QAAS,CAAA,OAAA,CAAQ,CAAC,CAAC,CAAA,EAAA,CAAA;AAEnE,YAAI,IAAA;AAEF,cAAA,WAAA,CAAY,KAAK,aAAe,EAAA,EAAE,SAAW,EAAA,KAAA,CAAM,WAAW,CAAA;AAC9D,cAAY,WAAA,CAAA,IAAA,CAAK,aAAa,EAAE,SAAA,EAAW,MAAM,SAAY,GAAA,KAAA,CAAM,UAAU,CAAA;AAG7E,cAAY,WAAA,CAAA,OAAA,CAAQ,WAAa,EAAA,aAAA,EAAe,WAAW,CAAA;AAAA,aACrD,CAAA,OAAA,CAAA,EAAA;AAEN,cAAA,WAAA,CAAY,KAAK,WAAW,CAAA;AAAA;AAC9B;AAGF,UAAA,mBAAA,CAAoB,OAAO,CAA+B,4BAAA,EAAA,KAAA,CAAM,QAAQ,CAAS,MAAA,EAAA,KAAA,CAAM,SAAS,CAAI,EAAA,CAAA,CAAA;AAAA;AACtG,OACD,CAAA,CAAA;AAED,MAAA,YAAA,CAAA,IAAA,EAAK,eAAc,OAAQ,CAAA,EAAE,MAAM,sBAAwB,EAAA,QAAA,EAAU,OAAO,CAAA;AAAA,aACrE,KAAO,EAAA;AACd,MAAoB,mBAAA,CAAA,KAAA,EAAO,0DAA0D,KAAK,CAAA;AAC1F,MAAA,IAAA,CAAK,wBAAyB,EAAA;AAAA;AAChC;AACF;AAAA;AAAA;AAAA,EAKQ,gBAAyB,GAAA;AAC/B,IAAA,IAAI,mBAAK,aAAe,CAAA,EAAA;AACtB,MAAA,YAAA,CAAA,IAAA,EAAK,eAAc,UAAW,EAAA;AAC9B,MAAA,YAAA,CAAA,IAAA,EAAK,aAAgB,EAAA,IAAA,CAAA;AACrB,MAAA,mBAAA,CAAoB,OAAO,uBAAuB,CAAA;AAAA;AACpD;AACF;AAAA;AAAA;AAAA,EAKQ,wBAAiC,GAAA;AACvC,IAAK,YAAA,CAAA,IAAA,EAAA,cAAA,EAAiB,YAAY,GAAI,EAAA,CAAA;AACtC,IAAA,YAAA,CAAA,IAAA,EAAK,gBAAmB,EAAA,qBAAA,CAAsB,MAAM,IAAA,CAAK,eAAe,CAAA,CAAA;AAAA;AAC1E;AAAA;AAAA;AAAA,EAKQ,uBAAgC,GAAA;AACtC,IAAA,IAAI,mBAAK,gBAAkB,CAAA,EAAA;AACzB,MAAA,oBAAA,CAAqB,mBAAK,gBAAgB,CAAA,CAAA;AAC1C,MAAA,YAAA,CAAA,IAAA,EAAK,gBAAmB,EAAA,IAAA,CAAA;AACxB,MAAA,mBAAA,CAAoB,OAAO,+BAA+B,CAAA;AAAA;AAC5D;AA2DJ;AApNE,WAAA,GAAA,IAAA,OAAA,EAAA;AACA,SAAA,GAAA,IAAA,OAAA,EAAA;AAGA,gBAAA,GAAA,IAAA,OAAA,EAAA;AACA,cAAA,GAAA,IAAA,OAAA,EAAA;AAGA,aAAA,GAAA,IAAA,OAAA,EAAA;;;;"}
+{"version":3,"file":"LongFrameDetector.js","sources":["../../../src/behaviors/LongFrameDetector.ts"],"sourcesContent":["import { writeSceneLog } from '../utils/writeSceneLog';\n\nconst LONG_FRAME_THRESHOLD = 50; // Threshold for both LoAF and manual tracking (ms)\n\nexport interface LongFrameEvent {\n  duration: number; // Frame duration in milliseconds\n  timestamp: number; // When the frame occurred\n  method: 'manual' | 'loaf'; // Which detection method was used\n}\n\nexport type LongFrameCallback = (event: LongFrameEvent) => void;\n\n/**\n * LongFrameDetector is a module for detecting long animation frames.\n *\n * It supports two detection methods with automatic fallback:\n * 1. LoAF API (default when available): Uses Long Animation Frame API with 50ms threshold\n * 2. Manual tracking (fallback): Uses requestAnimationFrame with configurable threshold (default: 50ms)\n *\n * The detector automatically uses LoAF when available for better attribution and performance,\n * falling back to manual tracking for broader browser support.\n *\n * @see https://developer.mozilla.org/en-US/docs/Web/API/Performance_API/Long_animation_frame_timing\n */\nexport class LongFrameDetector {\n  #isTracking = false;\n  #callback: LongFrameCallback | null = null;\n\n  // Manual tracking state\n  #frameTrackingId: number | null = null;\n  #lastFrameTime = 0;\n\n  // LoAF tracking state\n  #loafObserver: PerformanceObserver | null = null;\n\n  /**\n   * Check if LoAF API is available in the browser\n   */\n  private isLoAFAvailable(): boolean {\n    return (\n      typeof PerformanceObserver !== 'undefined' &&\n      PerformanceObserver.supportedEntryTypes &&\n      PerformanceObserver.supportedEntryTypes.includes('long-animation-frame')\n    );\n  }\n\n  /**\n   * Start detecting long frames and call the provided callback when they occur\n   */\n  public start(callback: LongFrameCallback): void {\n    if (this.#isTracking) {\n      writeSceneLog('LongFrameDetector', 'Already tracking frames, stopping previous session');\n      this.stop();\n    }\n\n    this.#callback = callback;\n    this.#isTracking = true;\n\n    if (this.isLoAFAvailable()) {\n      this.startLoAFTracking();\n    } else {\n      this.startManualFrameTracking();\n    }\n\n    writeSceneLog(\n      'LongFrameDetector',\n      `Started tracking with ${\n        this.isLoAFAvailable() ? 'LoAF API' : 'manual'\n      } method, threshold: ${LONG_FRAME_THRESHOLD}ms`\n    );\n  }\n\n  /**\n   * Stop detecting long frames\n   */\n  public stop(): void {\n    if (!this.#isTracking) {\n      return;\n    }\n\n    this.#isTracking = false;\n    this.#callback = null;\n\n    // Stop both tracking methods to ensure cleanup\n    this.stopLoAFTracking();\n    this.stopManualFrameTracking();\n  }\n\n  /**\n   * Check if currently tracking frames\n   */\n  public isTracking(): boolean {\n    return this.#isTracking;\n  }\n\n  /**\n   * Start tracking using the Long Animation Frame API\n   * @see https://developer.mozilla.org/en-US/docs/Web/API/PerformanceLongAnimationFrameTiming\n   */\n  private startLoAFTracking(): void {\n    if (!this.isLoAFAvailable()) {\n      writeSceneLog('LongFrameDetector', 'LoAF API not available, falling back to manual tracking');\n      this.startManualFrameTracking();\n      return;\n    }\n\n    try {\n      this.#loafObserver = new PerformanceObserver((list) => {\n        for (const entry of list.getEntries()) {\n          // No duration check needed - LoAF API already filters for long frames (>50ms)\n          const event: LongFrameEvent = {\n            duration: entry.duration,\n            timestamp: entry.startTime,\n            method: 'loaf',\n          };\n\n          if (this.#callback) {\n            this.#callback(event);\n          }\n\n          // Add performance marks and measurements for debugging in dev tools\n          if (typeof performance !== 'undefined' && performance.mark && performance.measure) {\n            const frameId = `long-frame-${entry.startTime.toFixed(0)}`;\n            const startMarkName = `${frameId}-start`;\n            const endMarkName = `${frameId}-end`;\n            const measureName = `Long Frame (LoAF): ${entry.duration.toFixed(1)}ms`;\n\n            try {\n              // Create start and end marks\n              performance.mark(startMarkName, { startTime: entry.startTime });\n              performance.mark(endMarkName, { startTime: entry.startTime + entry.duration });\n\n              // Create measurement span\n              performance.measure(measureName, startMarkName, endMarkName);\n            } catch {\n              // Fallback for browsers that don't support startTime option\n              performance.mark(measureName);\n            }\n          }\n\n          writeSceneLog('LongFrameDetector', `Long frame detected (LoAF): ${entry.duration}ms at ${entry.startTime}ms`);\n        }\n      });\n\n      this.#loafObserver.observe({ type: 'long-animation-frame', buffered: false });\n    } catch (error) {\n      writeSceneLog('LongFrameDetector', 'Failed to start LoAF tracking, falling back to manual:', error);\n      this.startManualFrameTracking();\n    }\n  }\n\n  /**\n   * Stop LoAF tracking\n   */\n  private stopLoAFTracking(): void {\n    if (this.#loafObserver) {\n      this.#loafObserver.disconnect();\n      this.#loafObserver = null;\n      writeSceneLog('LongFrameDetector', 'Stopped LoAF tracking');\n    }\n  }\n\n  /**\n   * Start manual frame tracking using requestAnimationFrame\n   */\n  private startManualFrameTracking(): void {\n    this.#lastFrameTime = performance.now();\n    this.#frameTrackingId = requestAnimationFrame(() => this.measureFrames());\n  }\n\n  /**\n   * Stop manual frame tracking\n   */\n  private stopManualFrameTracking(): void {\n    if (this.#frameTrackingId) {\n      cancelAnimationFrame(this.#frameTrackingId);\n      this.#frameTrackingId = null;\n      writeSceneLog('LongFrameDetector', 'Stopped manual frame tracking');\n    }\n  }\n\n  /**\n   * Measure frame durations using requestAnimationFrame\n   */\n  private measureFrames = (): void => {\n    if (!this.#isTracking) {\n      return;\n    }\n\n    const currentFrameTime = performance.now();\n    const frameLength = currentFrameTime - this.#lastFrameTime;\n\n    // Check if frame exceeds threshold\n    if (frameLength > LONG_FRAME_THRESHOLD) {\n      const event: LongFrameEvent = {\n        duration: frameLength,\n        timestamp: currentFrameTime,\n        method: 'manual',\n      };\n\n      if (this.#callback) {\n        this.#callback(event);\n      }\n\n      // Add performance marks and measurements for debugging in dev tools\n      if (typeof performance !== 'undefined' && performance.mark && performance.measure) {\n        const frameId = `long-frame-manual-${currentFrameTime.toFixed(0)}`;\n        const startMarkName = `${frameId}-start`;\n        const endMarkName = `${frameId}-end`;\n        const measureName = `Long Frame (Manual): ${frameLength.toFixed(1)}ms`;\n\n        try {\n          // Create start and end marks\n          performance.mark(startMarkName, { startTime: currentFrameTime - frameLength });\n          performance.mark(endMarkName, { startTime: currentFrameTime });\n\n          // Create measurement span\n          performance.measure(measureName, startMarkName, endMarkName);\n        } catch {\n          // Fallback for browsers that don't support startTime option\n          performance.mark(measureName);\n        }\n      }\n\n      writeSceneLog(\n        'LongFrameDetector',\n        `Long frame detected (manual): ${frameLength}ms (threshold: ${LONG_FRAME_THRESHOLD}ms)`\n      );\n    }\n\n    this.#lastFrameTime = currentFrameTime;\n\n    // Continue tracking\n    if (this.#isTracking) {\n      this.#frameTrackingId = requestAnimationFrame(this.measureFrames);\n    }\n  };\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/behaviors/SceneRenderProfiler.js

@@ -1,6 +1,4 @@
-import { writePerformanceLog } from '../utils/writePerformanceLog.js';
-import { generateOperationId, getScenePerformanceTracker } from './ScenePerformanceTracker.js';
-import { PanelProfilingManager } from './PanelProfilingManager.js';
+import { writeSceneLog, writeSceneLogStyled } from '../utils/writeSceneLog.js';
 import { LongFrameDetector } from './LongFrameDetector.js';
 
 var __typeError = (msg) => {
@@ -18,21 +16,17 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     return __privateGet(obj, member, getter);
   }
 });
-var _profileInProgress, _interactionInProgress, _profileStartTs, _trailAnimationFrameId, _currentOperationId, _recordedTrailingSpans, _longFrameDetector, _longFramesCount, _longFramesTotalTime, _visibilityChangeHandler, _onInteractionComplete;
+var _profileInProgress, _interactionInProgress, _profileStartTs, _trailAnimationFrameId, _recordedTrailingSpans, _longFrameDetector, _longFramesCount, _longFramesTotalTime, _visibilityChangeHandler, _onInteractionComplete;
 const POST_STORM_WINDOW = 2e3;
 const DEFAULT_LONG_FRAME_THRESHOLD = 30;
-const TAB_INACTIVE_THRESHOLD = 1e3;
 class SceneRenderProfiler {
-  constructor(panelProfilingConfig) {
+  constructor(queryController) {
+    this.queryController = queryController;
     __privateAdd(this, _profileInProgress, null);
     __privateAdd(this, _interactionInProgress, null);
     __privateAdd(this, _profileStartTs, null);
     __privateAdd(this, _trailAnimationFrameId, null);
-    // Generic metadata for observer notifications
-    this.metadata = {};
-    // Operation ID for correlating dashboard interaction events
-    __privateAdd(this, _currentOperationId);
-    // Trailing frame measurements
+    // Will keep measured lengths trailing frames
     __privateAdd(this, _recordedTrailingSpans, []);
     // Long frame tracking
     __privateAdd(this, _longFrameDetector);
@@ -41,13 +35,9 @@ class SceneRenderProfiler {
     __privateAdd(this, _visibilityChangeHandler, null);
     __privateAdd(this, _onInteractionComplete, null);
     this.measureTrailingFrames = (measurementStartTs, lastFrameTime, profileStartTs) => {
+      var _a, _b, _c, _d;
       const currentFrameTime = performance.now();
       const frameLength = currentFrameTime - lastFrameTime;
-      if (frameLength > TAB_INACTIVE_THRESHOLD) {
-        writePerformanceLog("SRP", "Tab was inactive, cancelling profile measurement");
-        this.cancelProfile();
-        return;
-      }
       __privateGet(this, _recordedTrailingSpans).push(frameLength);
       if (currentFrameTime - measurementStartTs < POST_STORM_WINDOW) {
         if (__privateGet(this, _profileInProgress)) {
@@ -58,73 +48,108 @@ class SceneRenderProfiler {
       } else {
         const slowFrames = processRecordedSpans(__privateGet(this, _recordedTrailingSpans));
         const slowFramesTime = slowFrames.reduce((acc, val) => acc + val, 0);
-        writePerformanceLog(
-          "SRP",
-          "Profile tail recorded, slow frames duration:",
-          slowFramesTime,
-          slowFrames,
-          __privateGet(this, _profileInProgress)
+        writeSceneLog(
+          "SceneRenderProfiler",
+          `Profile tail recorded - Slow frames: ${slowFramesTime.toFixed(1)}ms (${slowFrames.length} frames)`
         );
+        writeSceneLog("", `  \u251C\u2500 Origin: ${((_a = __privateGet(this, _profileInProgress)) == null ? void 0 : _a.origin) || "unknown"}`);
+        writeSceneLog("", `  \u2514\u2500 Crumbs:`, ((_b = __privateGet(this, _profileInProgress)) == null ? void 0 : _b.crumbs) || []);
         __privateSet(this, _recordedTrailingSpans, []);
         const profileDuration = measurementStartTs - profileStartTs;
-        const slowFrameSummary = slowFrames.length > 0 ? `${slowFramesTime.toFixed(1)}ms slow frames[tail recording] (${slowFrames.length}) \u26A0\uFE0F` : `${slowFramesTime.toFixed(1)}ms slow frames[tail recording] (${slowFrames.length})`;
-        const longFrameSummary = __privateGet(this, _longFramesCount) > 0 ? `${__privateGet(this, _longFramesTotalTime).toFixed(1)}ms long frames[LoAF] (${__privateGet(this, _longFramesCount)}) \u26A0\uFE0F` : `${__privateGet(this, _longFramesTotalTime).toFixed(1)}ms long frames[LoAF] (${__privateGet(this, _longFramesCount)})`;
-        writePerformanceLog(
-          "SRP",
-          `[PROFILER] Complete: ${(profileDuration + slowFramesTime).toFixed(
-            1
-          )}ms total | ${slowFrameSummary} | ${longFrameSummary}`
-        );
+        if (typeof performance !== "undefined" && performance.mark) {
+          const profileName = ((_c = __privateGet(this, _profileInProgress)) == null ? void 0 : _c.origin) || "unknown";
+          const totalTime = profileDuration + slowFramesTime;
+          performance.mark(`Dashboard Profile End: ${profileName}`);
+          const startMarkName = `Dashboard Profile Start: ${profileName}`;
+          try {
+            performance.measure(
+              `Dashboard Profile: ${profileName} (${totalTime.toFixed(1)}ms)`,
+              startMarkName,
+              `Dashboard Profile End: ${profileName}`
+            );
+          } catch (e) {
+            performance.mark(`Dashboard Profile Complete: ${profileName} (${totalTime.toFixed(1)}ms)`);
+          }
+          if (slowFrames.length > 0) {
+            const slowFramesMarkName = `Slow Frames Summary: ${slowFrames.length} frames (${slowFramesTime.toFixed(
+              1
+            )}ms)`;
+            performance.mark(slowFramesMarkName);
+            slowFrames.forEach((frameTime, index) => {
+              if (frameTime > 16) {
+                try {
+                  const frameStartTime = __privateGet(this, _profileStartTs) + profileDuration + (index > 0 ? slowFrames.slice(0, index).reduce((sum, t) => sum + t, 0) : 0);
+                  const frameId = `slow-frame-${index}`;
+                  const frameStartMark = `${frameId}-start`;
+                  const frameEndMark = `${frameId}-end`;
+                  performance.mark(frameStartMark, { startTime: frameStartTime });
+                  performance.mark(frameEndMark, { startTime: frameStartTime + frameTime });
+                  performance.measure(`Slow Frame ${index + 1}: ${frameTime.toFixed(1)}ms`, frameStartMark, frameEndMark);
+                } catch (e) {
+                  performance.mark(`Slow Frame ${index + 1}: ${frameTime.toFixed(1)}ms`);
+                }
+              }
+            });
+          }
+        }
+        const completionTimestamp = performance.now();
+        writeSceneLog("SceneRenderProfiler", "Profile completed");
+        writeSceneLog("", `  \u251C\u2500 Timestamp: ${completionTimestamp.toFixed(1)}ms`);
+        writeSceneLog("", `  \u251C\u2500 Total time: ${(profileDuration + slowFramesTime).toFixed(1)}ms`);
+        writeSceneLog("", `  \u251C\u2500 Slow frames: ${slowFramesTime}ms (${slowFrames.length} frames)`);
+        writeSceneLog("", `  \u2514\u2500 Long frames: ${__privateGet(this, _longFramesTotalTime)}ms (${__privateGet(this, _longFramesCount)} frames)`);
         __privateGet(this, _longFrameDetector).stop();
+        writeSceneLogStyled(
+          "SceneRenderProfiler",
+          `Stopped long frame detection - profile complete at ${completionTimestamp.toFixed(1)}ms`,
+          "color: #00CC00; font-weight: bold;"
+        );
         __privateSet(this, _trailAnimationFrameId, null);
         const profileEndTs = profileStartTs + profileDuration + slowFramesTime;
         if (!__privateGet(this, _profileInProgress)) {
           return;
         }
+        performance.measure(`DashboardInteraction ${__privateGet(this, _profileInProgress).origin}`, {
+          start: profileStartTs,
+          end: profileEndTs
+        });
         const networkDuration = captureNetwork(profileStartTs, profileEndTs);
-        if (__privateGet(this, _profileInProgress)) {
-          const dashboardData = {
-            operationId: __privateGet(this, _currentOperationId) || generateOperationId("dashboard-fallback"),
-            interactionType: __privateGet(this, _profileInProgress).origin,
-            timestamp: profileEndTs,
+        if (((_d = this.queryController) == null ? void 0 : _d.state.onProfileComplete) && __privateGet(this, _profileInProgress)) {
+          this.queryController.state.onProfileComplete({
+            origin: __privateGet(this, _profileInProgress).origin,
+            crumbs: __privateGet(this, _profileInProgress).crumbs,
             duration: profileDuration + slowFramesTime,
             networkDuration,
+            startTs: profileStartTs,
+            endTs: profileEndTs,
             longFramesCount: __privateGet(this, _longFramesCount),
             longFramesTotalTime: __privateGet(this, _longFramesTotalTime),
-            metadata: this.metadata
-          };
-          const tracker = getScenePerformanceTracker();
-          tracker.notifyDashboardInteractionComplete(dashboardData);
+            // @ts-ignore
+            jsHeapSizeLimit: performance.memory ? performance.memory.jsHeapSizeLimit : 0,
+            // @ts-ignore
+            usedJSHeapSize: performance.memory ? performance.memory.usedJSHeapSize : 0,
+            // @ts-ignore
+            totalJSHeapSize: performance.memory ? performance.memory.totalJSHeapSize : 0
+          });
           __privateSet(this, _profileInProgress, null);
           __privateSet(this, _trailAnimationFrameId, null);
         }
+        if (window.__runs) {
+          window.__runs += `${Date.now()}, ${profileDuration + slowFramesTime}
+`;
+        } else {
+          window.__runs = `${Date.now()}, ${profileDuration + slowFramesTime}
+`;
+        }
       }
     };
     __privateSet(this, _longFrameDetector, new LongFrameDetector());
     this.setupVisibilityChangeHandler();
     __privateSet(this, _interactionInProgress, null);
-    if (panelProfilingConfig) {
-      this._panelProfilingManager = new PanelProfilingManager(panelProfilingConfig);
-    }
-  }
-  /** Set generic metadata for observer notifications */
-  setMetadata(metadata) {
-    this.metadata = { ...metadata };
   }
   setQueryController(queryController) {
     this.queryController = queryController;
   }
-  /** Attach panel profiling to a scene object */
-  attachPanelProfiling(sceneObject) {
-    var _a;
-    (_a = this._panelProfilingManager) == null ? void 0 : _a.attachToScene(sceneObject);
-  }
-  /** Attach profiler to a specific panel */
-  attachProfilerToPanel(panel) {
-    var _a;
-    writePerformanceLog("SRP", "Attaching profiler to panel", panel.state.key);
-    (_a = this._panelProfilingManager) == null ? void 0 : _a.attachProfilerToPanel(panel);
-  }
   setInteractionCompleteHandler(handler) {
     __privateSet(this, _onInteractionComplete, handler != null ? handler : null);
   }
@@ -134,7 +159,7 @@ class SceneRenderProfiler {
     }
     __privateSet(this, _visibilityChangeHandler, () => {
       if (document.hidden && __privateGet(this, _profileInProgress)) {
-        writePerformanceLog("SRP", "Tab became inactive, cancelling profile");
+        writeSceneLog("SceneRenderProfiler", "Tab became inactive, cancelling profile");
         this.cancelProfile();
       }
     });
@@ -143,18 +168,16 @@ class SceneRenderProfiler {
     }
   }
   cleanup() {
-    var _a;
     if (__privateGet(this, _visibilityChangeHandler) && typeof document !== "undefined") {
       document.removeEventListener("visibilitychange", __privateGet(this, _visibilityChangeHandler));
       __privateSet(this, _visibilityChangeHandler, null);
     }
     __privateGet(this, _longFrameDetector).stop();
     this.cancelProfile();
-    (_a = this._panelProfilingManager) == null ? void 0 : _a.cleanup();
   }
   startProfile(name) {
     if (document.hidden) {
-      writePerformanceLog("SRP", "Tab is inactive, skipping profile", name);
+      writeSceneLog("SceneRenderProfiler", "Tab is inactive, skipping profile", name);
       return;
     }
     if (__privateGet(this, _profileInProgress)) {
@@ -170,14 +193,14 @@ class SceneRenderProfiler {
   }
   startInteraction(interaction) {
     if (__privateGet(this, _interactionInProgress)) {
-      writePerformanceLog("SRP", "Cancelled interaction:", __privateGet(this, _interactionInProgress));
+      writeSceneLog("profile", "Cancelled interaction:", __privateGet(this, _interactionInProgress));
       __privateSet(this, _interactionInProgress, null);
     }
     __privateSet(this, _interactionInProgress, {
       interaction,
       startTs: performance.now()
     });
-    writePerformanceLog("SRP", "Started interaction:", interaction);
+    writeSceneLog("SceneRenderProfiler", "Started interaction:", interaction);
   }
   stopInteraction() {
     if (!__privateGet(this, _interactionInProgress)) {
@@ -186,10 +209,11 @@ class SceneRenderProfiler {
     const endTs = performance.now();
     const interactionDuration = endTs - __privateGet(this, _interactionInProgress).startTs;
     const networkDuration = captureNetwork(__privateGet(this, _interactionInProgress).startTs, endTs);
-    writePerformanceLog(
-      "SRP",
-      `[INTERACTION] Complete: ${interactionDuration.toFixed(1)}ms total | ${networkDuration.toFixed(1)}ms network`
-    );
+    writeSceneLog("SceneRenderProfiler", "Completed interaction:");
+    writeSceneLog("", `  \u251C\u2500 Total time: ${interactionDuration.toFixed(1)}ms`);
+    writeSceneLog("", `  \u251C\u2500 Network duration: ${networkDuration.toFixed(1)}ms`);
+    writeSceneLog("", `  \u251C\u2500 StartTs: ${__privateGet(this, _interactionInProgress).startTs.toFixed(1)}ms`);
+    writeSceneLog("", `  \u2514\u2500 EndTs: ${endTs.toFixed(1)}ms`);
     if (__privateGet(this, _onInteractionComplete) && __privateGet(this, _profileInProgress)) {
       __privateGet(this, _onInteractionComplete).call(this, {
         origin: __privateGet(this, _interactionInProgress).interaction,
@@ -217,24 +241,32 @@ class SceneRenderProfiler {
     return (_b = (_a = __privateGet(this, _interactionInProgress)) == null ? void 0 : _a.interaction) != null ? _b : null;
   }
   /**
-   * Start new performance profile
-   * @param name - Profile trigger (e.g., 'time_range_change')
-   * @param force - True if canceling existing profile, false if starting clean
+   * Starts a new profile for performance measurement.
+   *
+   * @param name - The origin/trigger of the profile (e.g., 'time_range_change', 'variable_value_changed')
+   * @param force - Whether this is a "forced" profile (true) or "clean" profile (false)
+   *               - "forced": Started by canceling an existing profile that was recording trailing frames
+   *                           This happens when a new user interaction occurs before the previous one
+   *                           finished measuring its performance impact
+   *               - "clean": Started when no profile is currently active
    */
   _startNewProfile(name, force = false) {
-    const profileType = force ? "forced" : "clean";
-    writePerformanceLog("SRP", `[PROFILER] ${name} started (${profileType})`);
+    var _a;
     __privateSet(this, _profileInProgress, { origin: name, crumbs: [] });
     __privateSet(this, _profileStartTs, performance.now());
     __privateSet(this, _longFramesCount, 0);
     __privateSet(this, _longFramesTotalTime, 0);
-    __privateSet(this, _currentOperationId, generateOperationId("dashboard"));
-    getScenePerformanceTracker().notifyDashboardInteractionStart({
-      operationId: __privateGet(this, _currentOperationId),
-      interactionType: name,
-      timestamp: __privateGet(this, _profileStartTs),
-      metadata: this.metadata
-    });
+    if (typeof performance !== "undefined" && performance.mark) {
+      const markName = `Dashboard Profile Start: ${name}`;
+      performance.mark(markName);
+    }
+    writeSceneLogStyled(
+      "SceneRenderProfiler",
+      `Profile started[${force ? "forced" : "clean"}]`,
+      "color: #FFCC00; font-weight: bold;"
+    );
+    writeSceneLog("", `  \u251C\u2500 Origin: ${((_a = __privateGet(this, _profileInProgress)) == null ? void 0 : _a.origin) || "unknown"}`);
+    writeSceneLog("", `  \u2514\u2500 Timestamp: ${__privateGet(this, _profileStartTs).toFixed(1)}ms`);
     __privateGet(this, _longFrameDetector).start((event) => {
       if (!__privateGet(this, _profileInProgress) || !__privateGet(this, _profileStartTs)) {
         return;
@@ -253,9 +285,12 @@ class SceneRenderProfiler {
   }
   tryCompletingProfile() {
     var _a;
-    writePerformanceLog("SRP", "Trying to complete profile", __privateGet(this, _profileInProgress));
+    if (!__privateGet(this, _profileInProgress)) {
+      return;
+    }
+    writeSceneLog("SceneRenderProfiler", "Trying to complete profile", __privateGet(this, _profileInProgress));
     if (((_a = this.queryController) == null ? void 0 : _a.runningQueriesCount()) === 0 && __privateGet(this, _profileInProgress)) {
-      writePerformanceLog("SRP", "All queries completed, stopping profile");
+      writeSceneLog("SceneRenderProfiler", "All queries completed, starting tail measurement");
       this.recordProfileTail(performance.now(), __privateGet(this, _profileStartTs));
     }
   }
@@ -266,20 +301,20 @@ class SceneRenderProfiler {
     if (__privateGet(this, _trailAnimationFrameId)) {
       cancelAnimationFrame(__privateGet(this, _trailAnimationFrameId));
       __privateSet(this, _trailAnimationFrameId, null);
-      writePerformanceLog("SRP", "Cancelled recording frames, new profile started");
+      writeSceneLog("SceneRenderProfiler", "Cancelled recording frames, new profile started");
     }
   }
   // cancel profile
   cancelProfile() {
     if (__privateGet(this, _profileInProgress)) {
-      writePerformanceLog("SRP", "Cancelling profile", __privateGet(this, _profileInProgress));
+      writeSceneLog("SceneRenderProfiler", "Cancelling profile", __privateGet(this, _profileInProgress));
       __privateSet(this, _profileInProgress, null);
       if (__privateGet(this, _trailAnimationFrameId)) {
         cancelAnimationFrame(__privateGet(this, _trailAnimationFrameId));
         __privateSet(this, _trailAnimationFrameId, null);
       }
       __privateGet(this, _longFrameDetector).stop();
-      writePerformanceLog("SRP", "Stopped long frame detection - profile cancelled");
+      writeSceneLog("SceneRenderProfiler", "Stopped long frame detection - profile cancelled");
       __privateSet(this, _recordedTrailingSpans, []);
       __privateSet(this, _longFramesCount, 0);
       __privateSet(this, _longFramesTotalTime, 0);
@@ -287,13 +322,7 @@ class SceneRenderProfiler {
   }
   addCrumb(crumb) {
     if (__privateGet(this, _profileInProgress)) {
-      getScenePerformanceTracker().notifyDashboardInteractionMilestone({
-        operationId: generateOperationId("dashboard-milestone"),
-        interactionType: __privateGet(this, _profileInProgress).origin,
-        timestamp: performance.now(),
-        milestone: crumb,
-        metadata: this.metadata
-      });
+      writeSceneLog("SceneRenderProfiler", "Adding crumb:", crumb);
       __privateGet(this, _profileInProgress).crumbs.push(crumb);
     }
   }
@@ -302,7 +331,6 @@ _profileInProgress = new WeakMap();
 _interactionInProgress = new WeakMap();
 _profileStartTs = new WeakMap();
 _trailAnimationFrameId = new WeakMap();
-_currentOperationId = new WeakMap();
 _recordedTrailingSpans = new WeakMap();
 _longFrameDetector = new WeakMap();
 _longFramesCount = new WeakMap();
@@ -351,6 +379,16 @@ function calculateNetworkTime(requests) {
   totalNetworkTime += currentEnd - currentStart;
   return totalNetworkTime;
 }
+const REFRESH_INTERACTION = "refresh";
+const TIME_RANGE_CHANGE_INTERACTION = "time_range_change";
+const FILTER_REMOVED_INTERACTION = "filter_removed";
+const FILTER_CHANGED_INTERACTION = "filter_changed";
+const FILTER_RESTORED_INTERACTION = "filter_restored";
+const VARIABLE_VALUE_CHANGED_INTERACTION = "variable_value_changed";
+const SCOPES_CHANGED_INTERACTION = "scopes_changed";
+const ADHOC_KEYS_DROPDOWN_INTERACTION = "adhoc_keys_dropdown";
+const ADHOC_VALUES_DROPDOWN_INTERACTION = "adhoc_values_dropdown";
+const GROUPBY_DIMENSIONS_INTERACTION = "groupby_dimensions";
 
-export { SceneRenderProfiler, calculateNetworkTime, captureNetwork, processRecordedSpans };
+export { ADHOC_KEYS_DROPDOWN_INTERACTION, ADHOC_VALUES_DROPDOWN_INTERACTION, FILTER_CHANGED_INTERACTION, FILTER_REMOVED_INTERACTION, FILTER_RESTORED_INTERACTION, GROUPBY_DIMENSIONS_INTERACTION, REFRESH_INTERACTION, SCOPES_CHANGED_INTERACTION, SceneRenderProfiler, TIME_RANGE_CHANGE_INTERACTION, VARIABLE_VALUE_CHANGED_INTERACTION, calculateNetworkTime, captureNetwork, processRecordedSpans };
 //# sourceMappingURL=SceneRenderProfiler.js.map