@grafana/scenes 6.37.0--canary.1250.17838203603.0 → 6.38.0

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+# v6.38.0 (Fri Sep 19 2025)
+
+#### 🚀 Enhancement
+
+- SceneInteractionProfiler: Measure atomic selectbox interactions on adhocs and groupBy [#1240](https://github.com/grafana/scenes/pull/1240) ([@mdvictor](https://github.com/mdvictor))
+
+#### Authors: 1
+
+- Victor Marin ([@mdvictor](https://github.com/mdvictor))
+
+---
+
+# v6.37.0 (Fri Sep 19 2025)
+
+#### 🚀 Enhancement
+
+- SceneTimePicker: Pass move duration tooltip [#1248](https://github.com/grafana/scenes/pull/1248) ([@mdvictor](https://github.com/mdvictor))
+
+#### Authors: 1
+
+- Victor Marin ([@mdvictor](https://github.com/mdvictor))
+
+---
+
 # v6.36.0 (Thu Sep 18 2025)
 
 #### 🚀 Enhancement

package/dist/esm/behaviors/SceneInteractionTracker.js

@@ -0,0 +1,30 @@
+import { SceneObjectBase } from '../core/SceneObjectBase.js';
+
+function isInteractionTracker(s) {
+  return "isInteractionTracker" in s;
+}
+class SceneInteractionTracker extends SceneObjectBase {
+  constructor(state = {}, renderProfiler) {
+    super(state);
+    this.renderProfiler = renderProfiler;
+    this.isInteractionTracker = true;
+    if (renderProfiler) {
+      this.renderProfiler = renderProfiler;
+      this.renderProfiler.setInteractionCompleteHandler(state.onInteractionComplete);
+    }
+  }
+  startInteraction(name) {
+    var _a;
+    if (!this.state.enableInteractionTracking) {
+      return;
+    }
+    (_a = this.renderProfiler) == null ? void 0 : _a.startInteraction(name);
+  }
+  stopInteraction() {
+    var _a;
+    (_a = this.renderProfiler) == null ? void 0 : _a.stopInteraction();
+  }
+}
+
+export { SceneInteractionTracker, isInteractionTracker };
+//# sourceMappingURL=SceneInteractionTracker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SceneInteractionTracker.js","sources":["../../../src/behaviors/SceneInteractionTracker.ts"],"sourcesContent":["import { SceneObjectBase } from '../core/SceneObjectBase';\nimport { SceneObject, SceneStatelessBehavior } from '../core/types';\nimport { SceneRenderProfiler } from './SceneRenderProfiler';\nimport { SceneInteractionTrackerState } from './types';\n\nexport function isInteractionTracker(s: SceneObject | SceneStatelessBehavior): s is SceneInteractionTracker {\n  return 'isInteractionTracker' in s;\n}\n\nexport class SceneInteractionTracker extends SceneObjectBase<SceneInteractionTrackerState> {\n  public isInteractionTracker: true = true;\n\n  public constructor(state: Partial<SceneInteractionTrackerState> = {}, private renderProfiler?: SceneRenderProfiler) {\n    super(state);\n\n    if (renderProfiler) {\n      this.renderProfiler = renderProfiler;\n      this.renderProfiler.setInteractionCompleteHandler(state.onInteractionComplete);\n    }\n  }\n\n  public startInteraction(name: string) {\n    if (!this.state.enableInteractionTracking) {\n      return;\n    }\n\n    this.renderProfiler?.startInteraction(name);\n  }\n\n  public stopInteraction() {\n    this.renderProfiler?.stopInteraction();\n  }\n}\n"],"names":[],"mappings":";;AAKO,SAAS,qBAAqB,CAAuE,EAAA;AAC1G,EAAA,OAAO,sBAA0B,IAAA,CAAA;AACnC;AAEO,MAAM,gCAAgC,eAA8C,CAAA;AAAA,EAGlF,WAAY,CAAA,KAAA,GAA+C,EAAC,EAAW,cAAsC,EAAA;AAClH,IAAA,KAAA,CAAM,KAAK,CAAA;AADiE,IAAA,IAAA,CAAA,cAAA,GAAA,cAAA;AAF9E,IAAA,IAAA,CAAO,oBAA6B,GAAA,IAAA;AAKlC,IAAA,IAAI,cAAgB,EAAA;AAClB,MAAA,IAAA,CAAK,cAAiB,GAAA,cAAA;AACtB,MAAK,IAAA,CAAA,cAAA,CAAe,6BAA8B,CAAA,KAAA,CAAM,qBAAqB,CAAA;AAAA;AAC/E;AACF,EAEO,iBAAiB,IAAc,EAAA;AArBxC,IAAA,IAAA,EAAA;AAsBI,IAAI,IAAA,CAAC,IAAK,CAAA,KAAA,CAAM,yBAA2B,EAAA;AACzC,MAAA;AAAA;AAGF,IAAK,CAAA,EAAA,GAAA,IAAA,CAAA,cAAA,KAAL,mBAAqB,gBAAiB,CAAA,IAAA,CAAA;AAAA;AACxC,EAEO,eAAkB,GAAA;AA7B3B,IAAA,IAAA,EAAA;AA8BI,IAAA,CAAA,EAAA,GAAA,IAAA,CAAK,mBAAL,IAAqB,GAAA,MAAA,GAAA,EAAA,CAAA,eAAA,EAAA;AAAA;AAEzB;;;;"}

package/dist/esm/behaviors/SceneRenderProfiler.js

@@ -16,7 +16,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     return __privateGet(obj, member, getter);
   }
 });
-var _profileInProgress, _profileStartTs, _trailAnimationFrameId, _recordedTrailingSpans, _longFrameDetector, _longFramesCount, _longFramesTotalTime, _visibilityChangeHandler;
+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;
@@ -24,6 +24,7 @@ class SceneRenderProfiler {
   constructor(queryController) {
     this.queryController = queryController;
     __privateAdd(this, _profileInProgress, null);
+    __privateAdd(this, _interactionInProgress, null);
     __privateAdd(this, _profileStartTs, null);
     __privateAdd(this, _trailAnimationFrameId, null);
     // Will keep measured lengths trailing frames
@@ -33,6 +34,7 @@ class SceneRenderProfiler {
     __privateAdd(this, _longFramesCount, 0);
     __privateAdd(this, _longFramesTotalTime, 0);
     __privateAdd(this, _visibilityChangeHandler, null);
+    __privateAdd(this, _onInteractionComplete, null);
     this.measureTrailingFrames = (measurementStartTs, lastFrameTime, profileStartTs) => {
       var _a, _b, _c, _d;
       const currentFrameTime = performance.now();
@@ -149,10 +151,14 @@ class SceneRenderProfiler {
     };
     __privateSet(this, _longFrameDetector, new LongFrameDetector());
     this.setupVisibilityChangeHandler();
+    __privateSet(this, _interactionInProgress, null);
   }
   setQueryController(queryController) {
     this.queryController = queryController;
   }
+  setInteractionCompleteHandler(handler) {
+    __privateSet(this, _onInteractionComplete, handler != null ? handler : null);
+  }
   setupVisibilityChangeHandler() {
     if (__privateGet(this, _visibilityChangeHandler)) {
       return;
@@ -191,6 +197,55 @@ class SceneRenderProfiler {
       this._startNewProfile(name);
     }
   }
+  startInteraction(interaction) {
+    if (__privateGet(this, _interactionInProgress)) {
+      writeSceneLog("profile", "Cancelled interaction:", __privateGet(this, _interactionInProgress));
+      __privateSet(this, _interactionInProgress, null);
+    }
+    __privateSet(this, _interactionInProgress, {
+      interaction,
+      startTs: performance.now()
+    });
+    writeSceneLog("SceneRenderProfiler", "Started interaction:", interaction);
+  }
+  stopInteraction() {
+    if (!__privateGet(this, _interactionInProgress)) {
+      return;
+    }
+    const endTs = performance.now();
+    const interactionDuration = endTs - __privateGet(this, _interactionInProgress).startTs;
+    const networkDuration = captureNetwork(__privateGet(this, _interactionInProgress).startTs, endTs);
+    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,
+        duration: interactionDuration,
+        networkDuration,
+        startTs: __privateGet(this, _interactionInProgress).startTs,
+        endTs
+      });
+    }
+    performance.mark(`${__privateGet(this, _interactionInProgress).interaction}_start`, {
+      startTime: __privateGet(this, _interactionInProgress).startTs
+    });
+    performance.mark(`${__privateGet(this, _interactionInProgress).interaction}_end`, {
+      startTime: endTs
+    });
+    performance.measure(
+      `Interaction_${__privateGet(this, _interactionInProgress).interaction}`,
+      `${__privateGet(this, _interactionInProgress).interaction}_start`,
+      `${__privateGet(this, _interactionInProgress).interaction}_end`
+    );
+    __privateSet(this, _interactionInProgress, null);
+  }
+  getCurrentInteraction() {
+    var _a, _b;
+    return (_b = (_a = __privateGet(this, _interactionInProgress)) == null ? void 0 : _a.interaction) != null ? _b : null;
+  }
   /**
    * Starts a new profile for performance measurement.
    *
@@ -236,6 +291,9 @@ class SceneRenderProfiler {
   }
   tryCompletingProfile() {
     var _a;
+    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)) {
       writeSceneLog("SceneRenderProfiler", "All queries completed, starting tail measurement");
@@ -276,6 +334,7 @@ class SceneRenderProfiler {
   }
 }
 _profileInProgress = new WeakMap();
+_interactionInProgress = new WeakMap();
 _profileStartTs = new WeakMap();
 _trailAnimationFrameId = new WeakMap();
 _recordedTrailingSpans = new WeakMap();
@@ -283,6 +342,7 @@ _longFrameDetector = new WeakMap();
 _longFramesCount = new WeakMap();
 _longFramesTotalTime = new WeakMap();
 _visibilityChangeHandler = new WeakMap();
+_onInteractionComplete = new WeakMap();
 function processRecordedSpans(spans) {
   for (let i = spans.length - 1; i >= 0; i--) {
     if (spans[i] > DEFAULT_LONG_FRAME_THRESHOLD) {
@@ -332,6 +392,9 @@ 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 { FILTER_CHANGED_INTERACTION, FILTER_REMOVED_INTERACTION, FILTER_RESTORED_INTERACTION, REFRESH_INTERACTION, SCOPES_CHANGED_INTERACTION, SceneRenderProfiler, TIME_RANGE_CHANGE_INTERACTION, VARIABLE_VALUE_CHANGED_INTERACTION, 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

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

@@ -1 +1 @@
-{"version":3,"file":"SceneRenderProfiler.js","sources":["../../../src/behaviors/SceneRenderProfiler.ts"],"sourcesContent":["import { writeSceneLog, writeSceneLogStyled } from '../utils/writeSceneLog';\nimport { SceneQueryControllerLike, LongFrameEvent } from './types';\nimport { LongFrameDetector } from './LongFrameDetector';\n\nconst POST_STORM_WINDOW = 2000; // Time after last query to observe slow frames\nconst DEFAULT_LONG_FRAME_THRESHOLD = 30; // Threshold for tail recording slow frames\nconst TAB_INACTIVE_THRESHOLD = 1000; // Tab inactive threshold in ms\n\n/**\n * SceneRenderProfiler tracks dashboard interaction performance including:\n * - Total interaction duration\n * - Network time\n * - Long frame detection (50ms threshold) during interaction using LoAF API (default) or manual tracking (fallback)\n * - Slow frame detection (30ms threshold) for tail recording after interaction\n *\n * Long frame detection during interaction:\n * - 50ms threshold aligned with LoAF API default\n * - LoAF API preferred (Chrome 123+) with manual fallback\n * - Provides script attribution when using LoAF API\n *\n * Slow frame detection for tail recording:\n * - 30ms threshold for post-interaction monitoring\n * - Manual frame timing measurement\n * - Captures rendering delays after user interaction completes\n */\n\nexport class SceneRenderProfiler {\n  #profileInProgress: {\n    // Profile origin, i.e. scene refresh picker\n    origin: string;\n    crumbs: string[];\n  } | null = null;\n\n  #profileStartTs: number | null = null;\n  #trailAnimationFrameId: number | null = null;\n\n  // Will keep measured lengths trailing frames\n  #recordedTrailingSpans: number[] = [];\n\n  // Long frame tracking\n  #longFrameDetector: LongFrameDetector;\n  #longFramesCount = 0;\n  #longFramesTotalTime = 0;\n\n  #visibilityChangeHandler: (() => void) | null = null;\n\n  public constructor(private queryController?: SceneQueryControllerLike) {\n    this.#longFrameDetector = new LongFrameDetector();\n    this.setupVisibilityChangeHandler();\n  }\n\n  public setQueryController(queryController: SceneQueryControllerLike) {\n    this.queryController = queryController;\n  }\n\n  private setupVisibilityChangeHandler() {\n    // Ensure event listener is only added once\n    if (this.#visibilityChangeHandler) {\n      return;\n    }\n\n    // Handle tab switching with Page Visibility API\n    this.#visibilityChangeHandler = () => {\n      if (document.hidden && this.#profileInProgress) {\n        writeSceneLog('SceneRenderProfiler', 'Tab became inactive, cancelling profile');\n        this.cancelProfile();\n      }\n    };\n\n    if (typeof document !== 'undefined') {\n      document.addEventListener('visibilitychange', this.#visibilityChangeHandler);\n    }\n  }\n\n  public cleanup() {\n    // Remove event listener to prevent memory leaks\n    if (this.#visibilityChangeHandler && typeof document !== 'undefined') {\n      document.removeEventListener('visibilitychange', this.#visibilityChangeHandler);\n      this.#visibilityChangeHandler = null;\n    }\n\n    // Cleanup long frame tracking\n    this.#longFrameDetector.stop();\n\n    // Cancel any ongoing profiling\n    this.cancelProfile();\n  }\n\n  public startProfile(name: string) {\n    // Only start profile if tab is active. This makes sure we don't start a profile when i.e. someone opens a dashboard in a new tab\n    // and doesn't interact with it.\n    if (document.hidden) {\n      writeSceneLog('SceneRenderProfiler', 'Tab is inactive, skipping profile', name);\n      return;\n    }\n\n    if (this.#profileInProgress) {\n      if (this.#trailAnimationFrameId) {\n        this.cancelProfile();\n        this._startNewProfile(name, true);\n      } else {\n        this.addCrumb(name);\n      }\n    } else {\n      this._startNewProfile(name);\n    }\n  }\n\n  /**\n   * Starts a new profile for performance measurement.\n   *\n   * @param name - The origin/trigger of the profile (e.g., 'time_range_change', 'variable_value_changed')\n   * @param force - Whether this is a \"forced\" profile (true) or \"clean\" profile (false)\n   *               - \"forced\": Started by canceling an existing profile that was recording trailing frames\n   *                           This happens when a new user interaction occurs before the previous one\n   *                           finished measuring its performance impact\n   *               - \"clean\": Started when no profile is currently active\n   */\n  private _startNewProfile(name: string, force = false) {\n    this.#profileInProgress = { origin: name, crumbs: [] };\n    this.#profileStartTs = performance.now();\n    this.#longFramesCount = 0;\n    this.#longFramesTotalTime = 0;\n\n    // Add performance mark for debugging in dev tools\n    if (typeof performance !== 'undefined' && performance.mark) {\n      const markName = `Dashboard Profile Start: ${name}`;\n      performance.mark(markName);\n    }\n\n    // Log profile start in structured format\n    writeSceneLogStyled(\n      'SceneRenderProfiler',\n      `Profile started[${force ? 'forced' : 'clean'}]`,\n      'color: #FFCC00; font-weight: bold;'\n    );\n    writeSceneLog('', `  ├─ Origin: ${this.#profileInProgress?.origin || 'unknown'}`);\n    writeSceneLog('', `  └─ Timestamp: ${this.#profileStartTs.toFixed(1)}ms`);\n\n    // Start long frame detection with callback\n    this.#longFrameDetector.start((event: LongFrameEvent) => {\n      // Only record long frames during active profiling\n      if (!this.#profileInProgress || !this.#profileStartTs) {\n        return;\n      }\n\n      // Only record frames that occur after profile started\n      if (event.timestamp < this.#profileStartTs) {\n        return;\n      }\n\n      this.#longFramesCount++;\n      this.#longFramesTotalTime += event.duration;\n    });\n  }\n\n  private recordProfileTail(measurementStartTime: number, profileStartTs: number) {\n    this.#trailAnimationFrameId = requestAnimationFrame(() =>\n      this.measureTrailingFrames(measurementStartTime, measurementStartTime, profileStartTs)\n    );\n  }\n\n  private measureTrailingFrames = (measurementStartTs: number, lastFrameTime: number, profileStartTs: number) => {\n    const currentFrameTime = performance.now();\n    const frameLength = currentFrameTime - lastFrameTime;\n\n    // Fallback: Detect if tab was inactive (frame longer than reasonable threshold)\n    // This serves as backup to Page Visibility API in case the event wasn't triggered\n    if (frameLength > TAB_INACTIVE_THRESHOLD) {\n      writeSceneLog('SceneRenderProfiler', 'Tab was inactive, cancelling profile measurement');\n      this.cancelProfile();\n      return;\n    }\n\n    this.#recordedTrailingSpans.push(frameLength);\n\n    if (currentFrameTime - measurementStartTs! < POST_STORM_WINDOW) {\n      if (this.#profileInProgress) {\n        this.#trailAnimationFrameId = requestAnimationFrame(() =>\n          this.measureTrailingFrames(measurementStartTs, currentFrameTime, profileStartTs)\n        );\n      }\n    } else {\n      const slowFrames = processRecordedSpans(this.#recordedTrailingSpans);\n      const slowFramesTime = slowFrames.reduce((acc, val) => acc + val, 0);\n\n      // Log tail recording in structured format\n      writeSceneLog(\n        'SceneRenderProfiler',\n        `Profile tail recorded - Slow frames: ${slowFramesTime.toFixed(1)}ms (${slowFrames.length} frames)`\n      );\n      writeSceneLog('', `  ├─ Origin: ${this.#profileInProgress?.origin || 'unknown'}`);\n      writeSceneLog('', `  └─ Crumbs:`, this.#profileInProgress?.crumbs || []);\n\n      this.#recordedTrailingSpans = [];\n\n      const profileDuration = measurementStartTs - profileStartTs;\n\n      // Add performance marks for debugging in dev tools\n      if (typeof performance !== 'undefined' && performance.mark) {\n        const profileName = this.#profileInProgress?.origin || 'unknown';\n        const totalTime = profileDuration + slowFramesTime;\n\n        // Mark profile completion\n        performance.mark(`Dashboard Profile End: ${profileName}`);\n\n        // Add measure from start to end if possible\n        const startMarkName = `Dashboard Profile Start: ${profileName}`;\n        try {\n          performance.measure(\n            `Dashboard Profile: ${profileName} (${totalTime.toFixed(1)}ms)`,\n            startMarkName,\n            `Dashboard Profile End: ${profileName}`\n          );\n        } catch {\n          // Start mark might not exist, create a simple end mark\n          performance.mark(`Dashboard Profile Complete: ${profileName} (${totalTime.toFixed(1)}ms)`);\n        }\n\n        // Add measurements for slow frame details if significant\n        if (slowFrames.length > 0) {\n          const slowFramesMarkName = `Slow Frames Summary: ${slowFrames.length} frames (${slowFramesTime.toFixed(\n            1\n          )}ms)`;\n          performance.mark(slowFramesMarkName);\n\n          // Create individual measurements for each slow frame during tail\n          slowFrames.forEach((frameTime, index) => {\n            if (frameTime > 16) {\n              // Only measure frames slower than 16ms (60fps)\n              try {\n                const frameStartTime =\n                  this.#profileStartTs! +\n                  profileDuration +\n                  (index > 0 ? slowFrames.slice(0, index).reduce((sum, t) => sum + t, 0) : 0);\n                const frameId = `slow-frame-${index}`;\n                const frameStartMark = `${frameId}-start`;\n                const frameEndMark = `${frameId}-end`;\n\n                performance.mark(frameStartMark, { startTime: frameStartTime });\n                performance.mark(frameEndMark, { startTime: frameStartTime + frameTime });\n                performance.measure(`Slow Frame ${index + 1}: ${frameTime.toFixed(1)}ms`, frameStartMark, frameEndMark);\n              } catch {\n                // Fallback if startTime not supported\n                performance.mark(`Slow Frame ${index + 1}: ${frameTime.toFixed(1)}ms`);\n              }\n            }\n          });\n        }\n      }\n\n      // Log performance summary in a structured format\n      const completionTimestamp = performance.now();\n      writeSceneLog('SceneRenderProfiler', 'Profile completed');\n      writeSceneLog('', `  ├─ Timestamp: ${completionTimestamp.toFixed(1)}ms`);\n      writeSceneLog('', `  ├─ Total time: ${(profileDuration + slowFramesTime).toFixed(1)}ms`);\n      writeSceneLog('', `  ├─ Slow frames: ${slowFramesTime}ms (${slowFrames.length} frames)`);\n      writeSceneLog('', `  └─ Long frames: ${this.#longFramesTotalTime}ms (${this.#longFramesCount} frames)`);\n\n      // Stop long frame detection now that the profile is complete\n      this.#longFrameDetector.stop();\n      writeSceneLogStyled(\n        'SceneRenderProfiler',\n        `Stopped long frame detection - profile complete at ${completionTimestamp.toFixed(1)}ms`,\n        'color: #00CC00; font-weight: bold;'\n      );\n\n      this.#trailAnimationFrameId = null;\n\n      const profileEndTs = profileStartTs + profileDuration + slowFramesTime;\n\n      // Guard against race condition where profile might be cancelled during execution\n      if (!this.#profileInProgress) {\n        return;\n      }\n\n      performance.measure(`DashboardInteraction ${this.#profileInProgress.origin}`, {\n        start: profileStartTs,\n        end: profileEndTs,\n      });\n\n      const networkDuration = captureNetwork(profileStartTs, profileEndTs);\n\n      if (this.queryController?.state.onProfileComplete && this.#profileInProgress) {\n        this.queryController.state.onProfileComplete({\n          origin: this.#profileInProgress.origin,\n          crumbs: this.#profileInProgress.crumbs,\n          duration: profileDuration + slowFramesTime,\n          networkDuration,\n          startTs: profileStartTs,\n          endTs: profileEndTs,\n          longFramesCount: this.#longFramesCount,\n          longFramesTotalTime: this.#longFramesTotalTime,\n          // @ts-ignore\n          jsHeapSizeLimit: performance.memory ? performance.memory.jsHeapSizeLimit : 0,\n          // @ts-ignore\n          usedJSHeapSize: performance.memory ? performance.memory.usedJSHeapSize : 0,\n          // @ts-ignore\n          totalJSHeapSize: performance.memory ? performance.memory.totalJSHeapSize : 0,\n        });\n\n        this.#profileInProgress = null;\n        this.#trailAnimationFrameId = null;\n      }\n      // @ts-ignore\n      if (window.__runs) {\n        // @ts-ignore\n        window.__runs += `${Date.now()}, ${profileDuration + slowFramesTime}\\n`;\n      } else {\n        // @ts-ignore\n        window.__runs = `${Date.now()}, ${profileDuration + slowFramesTime}\\n`;\n      }\n    }\n  };\n\n  public tryCompletingProfile() {\n    writeSceneLog('SceneRenderProfiler', 'Trying to complete profile', this.#profileInProgress);\n    if (this.queryController?.runningQueriesCount() === 0 && this.#profileInProgress) {\n      writeSceneLog('SceneRenderProfiler', 'All queries completed, starting tail measurement');\n      // Note: Long frame detector continues running during tail measurement\n      // It will be stopped when the profile completely finishes\n      this.recordProfileTail(performance.now(), this.#profileStartTs!);\n    }\n  }\n\n  public isTailRecording() {\n    return Boolean(this.#trailAnimationFrameId);\n  }\n\n  public cancelTailRecording() {\n    if (this.#trailAnimationFrameId) {\n      cancelAnimationFrame(this.#trailAnimationFrameId);\n      this.#trailAnimationFrameId = null;\n      writeSceneLog('SceneRenderProfiler', 'Cancelled recording frames, new profile started');\n    }\n  }\n\n  // cancel profile\n  public cancelProfile() {\n    if (this.#profileInProgress) {\n      writeSceneLog('SceneRenderProfiler', 'Cancelling profile', this.#profileInProgress);\n      this.#profileInProgress = null;\n      // Cancel any pending animation frame to prevent accessing null profileInProgress\n      if (this.#trailAnimationFrameId) {\n        cancelAnimationFrame(this.#trailAnimationFrameId);\n        this.#trailAnimationFrameId = null;\n      }\n      // Stop long frame tracking\n      this.#longFrameDetector.stop();\n      writeSceneLog('SceneRenderProfiler', 'Stopped long frame detection - profile cancelled');\n      // Reset recorded spans to ensure complete cleanup\n      this.#recordedTrailingSpans = [];\n      this.#longFramesCount = 0;\n      this.#longFramesTotalTime = 0;\n    }\n  }\n\n  public addCrumb(crumb: string) {\n    if (this.#profileInProgress) {\n      writeSceneLog('SceneRenderProfiler', 'Adding crumb:', crumb);\n      this.#profileInProgress.crumbs.push(crumb);\n    }\n  }\n}\n\nexport function processRecordedSpans(spans: number[]) {\n  // identify last span in spans that's bigger than default threshold\n  for (let i = spans.length - 1; i >= 0; i--) {\n    if (spans[i] > DEFAULT_LONG_FRAME_THRESHOLD) {\n      return spans.slice(0, i + 1);\n    }\n  }\n  return [spans[0]];\n}\n\nexport function captureNetwork(startTs: number, endTs: number) {\n  const entries = performance.getEntriesByType('resource') as PerformanceResourceTiming[];\n  performance.clearResourceTimings();\n  // Only include network entries that both started AND ended within the time window\n  const networkEntries = entries.filter(\n    (entry) =>\n      entry.startTime >= startTs &&\n      entry.startTime <= endTs &&\n      entry.responseEnd >= startTs &&\n      entry.responseEnd <= endTs\n  );\n  for (const entry of networkEntries) {\n    performance.measure('Network entry ' + entry.name, {\n      start: entry.startTime,\n      end: entry.responseEnd,\n    });\n  }\n\n  return calculateNetworkTime(networkEntries);\n}\n\n// Will calculate total time spent on Network\nexport function calculateNetworkTime(requests: PerformanceResourceTiming[]): number {\n  if (requests.length === 0) {\n    return 0;\n  }\n\n  // Step 1: Sort the requests by startTs\n  requests.sort((a, b) => a.startTime - b.startTime);\n\n  // Step 2: Initialize variables\n  let totalNetworkTime = 0;\n  let currentStart = requests[0].startTime;\n  let currentEnd = requests[0].responseEnd;\n\n  // Step 3: Iterate through the sorted list and merge overlapping intervals\n  for (let i = 1; i < requests.length; i++) {\n    if (requests[i].startTime <= currentEnd) {\n      // Overlapping intervals, merge them\n      currentEnd = Math.max(currentEnd, requests[i].responseEnd);\n    } else {\n      // Non-overlapping interval, add the duration to total time\n      totalNetworkTime += currentEnd - currentStart;\n\n      // Update current interval\n      currentStart = requests[i].startTime;\n      currentEnd = requests[i].responseEnd;\n    }\n  }\n\n  // Step 4: Add the last interval\n  totalNetworkTime += currentEnd - currentStart;\n\n  return totalNetworkTime;\n}\n\nexport const REFRESH_INTERACTION = 'refresh';\nexport const TIME_RANGE_CHANGE_INTERACTION = 'time_range_change';\nexport const FILTER_ADDED_INTERACTION = 'filter_added';\nexport const FILTER_REMOVED_INTERACTION = 'filter_removed';\nexport const FILTER_CHANGED_INTERACTION = 'filter_changed';\nexport const FILTER_RESTORED_INTERACTION = 'filter_restored';\nexport const VARIABLE_VALUE_CHANGED_INTERACTION = 'variable_value_changed';\nexport const SCOPES_CHANGED_INTERACTION = 'scopes_changed';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"SceneRenderProfiler.js","sources":["../../../src/behaviors/SceneRenderProfiler.ts"],"sourcesContent":["import { writeSceneLog, writeSceneLogStyled } from '../utils/writeSceneLog';\nimport { SceneQueryControllerLike, LongFrameEvent, SceneComponentInteractionEvent } from './types';\nimport { LongFrameDetector } from './LongFrameDetector';\n\nconst POST_STORM_WINDOW = 2000; // Time after last query to observe slow frames\nconst DEFAULT_LONG_FRAME_THRESHOLD = 30; // Threshold for tail recording slow frames\nconst TAB_INACTIVE_THRESHOLD = 1000; // Tab inactive threshold in ms\n\n/**\n * SceneRenderProfiler tracks dashboard interaction performance including:\n * - Total interaction duration\n * - Network time\n * - Long frame detection (50ms threshold) during interaction using LoAF API (default) or manual tracking (fallback)\n * - Slow frame detection (30ms threshold) for tail recording after interaction\n *\n * Long frame detection during interaction:\n * - 50ms threshold aligned with LoAF API default\n * - LoAF API preferred (Chrome 123+) with manual fallback\n * - Provides script attribution when using LoAF API\n *\n * Slow frame detection for tail recording:\n * - 30ms threshold for post-interaction monitoring\n * - Manual frame timing measurement\n * - Captures rendering delays after user interaction completes\n */\n\nexport class SceneRenderProfiler {\n  #profileInProgress: {\n    // Profile origin, i.e. scene refresh picker\n    origin: string;\n    crumbs: string[];\n  } | null = null;\n\n  #interactionInProgress: {\n    interaction: string;\n    startTs: number;\n  } | null = null;\n\n  #profileStartTs: number | null = null;\n  #trailAnimationFrameId: number | null = null;\n\n  // Will keep measured lengths trailing frames\n  #recordedTrailingSpans: number[] = [];\n\n  // Long frame tracking\n  #longFrameDetector: LongFrameDetector;\n  #longFramesCount = 0;\n  #longFramesTotalTime = 0;\n\n  #visibilityChangeHandler: (() => void) | null = null;\n  #onInteractionComplete: ((event: SceneComponentInteractionEvent) => void) | null = null;\n\n  public constructor(private queryController?: SceneQueryControllerLike) {\n    this.#longFrameDetector = new LongFrameDetector();\n    this.setupVisibilityChangeHandler();\n    this.#interactionInProgress = null;\n  }\n\n  public setQueryController(queryController: SceneQueryControllerLike) {\n    this.queryController = queryController;\n  }\n\n  public setInteractionCompleteHandler(handler?: (event: SceneComponentInteractionEvent) => void) {\n    this.#onInteractionComplete = handler ?? null;\n  }\n\n  private setupVisibilityChangeHandler() {\n    // Ensure event listener is only added once\n    if (this.#visibilityChangeHandler) {\n      return;\n    }\n\n    // Handle tab switching with Page Visibility API\n    this.#visibilityChangeHandler = () => {\n      if (document.hidden && this.#profileInProgress) {\n        writeSceneLog('SceneRenderProfiler', 'Tab became inactive, cancelling profile');\n        this.cancelProfile();\n      }\n    };\n\n    if (typeof document !== 'undefined') {\n      document.addEventListener('visibilitychange', this.#visibilityChangeHandler);\n    }\n  }\n\n  public cleanup() {\n    // Remove event listener to prevent memory leaks\n    if (this.#visibilityChangeHandler && typeof document !== 'undefined') {\n      document.removeEventListener('visibilitychange', this.#visibilityChangeHandler);\n      this.#visibilityChangeHandler = null;\n    }\n\n    // Cleanup long frame tracking\n    this.#longFrameDetector.stop();\n\n    // Cancel any ongoing profiling\n    this.cancelProfile();\n  }\n\n  public startProfile(name: string) {\n    // Only start profile if tab is active. This makes sure we don't start a profile when i.e. someone opens a dashboard in a new tab\n    // and doesn't interact with it.\n    if (document.hidden) {\n      writeSceneLog('SceneRenderProfiler', 'Tab is inactive, skipping profile', name);\n      return;\n    }\n\n    if (this.#profileInProgress) {\n      if (this.#trailAnimationFrameId) {\n        this.cancelProfile();\n        this._startNewProfile(name, true);\n      } else {\n        this.addCrumb(name);\n      }\n    } else {\n      this._startNewProfile(name);\n    }\n  }\n\n  public startInteraction(interaction: string) {\n    // Cancel any existing interaction recording\n    if (this.#interactionInProgress) {\n      writeSceneLog('profile', 'Cancelled interaction:', this.#interactionInProgress);\n      this.#interactionInProgress = null;\n    }\n\n    this.#interactionInProgress = {\n      interaction,\n      startTs: performance.now(),\n    };\n\n    writeSceneLog('SceneRenderProfiler', 'Started interaction:', interaction);\n  }\n\n  public stopInteraction() {\n    if (!this.#interactionInProgress) {\n      return;\n    }\n\n    const endTs = performance.now();\n    const interactionDuration = endTs - this.#interactionInProgress.startTs;\n\n    // Capture network requests that occurred during the interaction\n    const networkDuration = captureNetwork(this.#interactionInProgress.startTs, endTs);\n\n    writeSceneLog('SceneRenderProfiler', 'Completed interaction:');\n    writeSceneLog('', `  ├─ Total time: ${interactionDuration.toFixed(1)}ms`);\n    writeSceneLog('', `  ├─ Network duration: ${networkDuration.toFixed(1)}ms`);\n    writeSceneLog('', `  ├─ StartTs: ${this.#interactionInProgress.startTs.toFixed(1)}ms`);\n    writeSceneLog('', `  └─ EndTs: ${endTs.toFixed(1)}ms`);\n\n    if (this.#onInteractionComplete && this.#profileInProgress) {\n      this.#onInteractionComplete({\n        origin: this.#interactionInProgress.interaction,\n        duration: interactionDuration,\n        networkDuration,\n        startTs: this.#interactionInProgress.startTs,\n        endTs,\n      });\n    }\n\n    // Create performance marks for browser dev tools\n    performance.mark(`${this.#interactionInProgress.interaction}_start`, {\n      startTime: this.#interactionInProgress.startTs,\n    });\n    performance.mark(`${this.#interactionInProgress.interaction}_end`, {\n      startTime: endTs,\n    });\n    performance.measure(\n      `Interaction_${this.#interactionInProgress.interaction}`,\n      `${this.#interactionInProgress.interaction}_start`,\n      `${this.#interactionInProgress.interaction}_end`\n    );\n\n    this.#interactionInProgress = null;\n  }\n\n  public getCurrentInteraction(): string | null {\n    return this.#interactionInProgress?.interaction ?? null;\n  }\n\n  /**\n   * Starts a new profile for performance measurement.\n   *\n   * @param name - The origin/trigger of the profile (e.g., 'time_range_change', 'variable_value_changed')\n   * @param force - Whether this is a \"forced\" profile (true) or \"clean\" profile (false)\n   *               - \"forced\": Started by canceling an existing profile that was recording trailing frames\n   *                           This happens when a new user interaction occurs before the previous one\n   *                           finished measuring its performance impact\n   *               - \"clean\": Started when no profile is currently active\n   */\n  private _startNewProfile(name: string, force = false) {\n    this.#profileInProgress = { origin: name, crumbs: [] };\n    this.#profileStartTs = performance.now();\n    this.#longFramesCount = 0;\n    this.#longFramesTotalTime = 0;\n\n    // Add performance mark for debugging in dev tools\n    if (typeof performance !== 'undefined' && performance.mark) {\n      const markName = `Dashboard Profile Start: ${name}`;\n      performance.mark(markName);\n    }\n\n    // Log profile start in structured format\n    writeSceneLogStyled(\n      'SceneRenderProfiler',\n      `Profile started[${force ? 'forced' : 'clean'}]`,\n      'color: #FFCC00; font-weight: bold;'\n    );\n    writeSceneLog('', `  ├─ Origin: ${this.#profileInProgress?.origin || 'unknown'}`);\n    writeSceneLog('', `  └─ Timestamp: ${this.#profileStartTs.toFixed(1)}ms`);\n\n    // Start long frame detection with callback\n    this.#longFrameDetector.start((event: LongFrameEvent) => {\n      // Only record long frames during active profiling\n      if (!this.#profileInProgress || !this.#profileStartTs) {\n        return;\n      }\n\n      // Only record frames that occur after profile started\n      if (event.timestamp < this.#profileStartTs) {\n        return;\n      }\n\n      this.#longFramesCount++;\n      this.#longFramesTotalTime += event.duration;\n    });\n  }\n\n  private recordProfileTail(measurementStartTime: number, profileStartTs: number) {\n    this.#trailAnimationFrameId = requestAnimationFrame(() =>\n      this.measureTrailingFrames(measurementStartTime, measurementStartTime, profileStartTs)\n    );\n  }\n\n  private measureTrailingFrames = (measurementStartTs: number, lastFrameTime: number, profileStartTs: number) => {\n    const currentFrameTime = performance.now();\n    const frameLength = currentFrameTime - lastFrameTime;\n\n    // Fallback: Detect if tab was inactive (frame longer than reasonable threshold)\n    // This serves as backup to Page Visibility API in case the event wasn't triggered\n    if (frameLength > TAB_INACTIVE_THRESHOLD) {\n      writeSceneLog('SceneRenderProfiler', 'Tab was inactive, cancelling profile measurement');\n      this.cancelProfile();\n      return;\n    }\n\n    this.#recordedTrailingSpans.push(frameLength);\n\n    if (currentFrameTime - measurementStartTs! < POST_STORM_WINDOW) {\n      if (this.#profileInProgress) {\n        this.#trailAnimationFrameId = requestAnimationFrame(() =>\n          this.measureTrailingFrames(measurementStartTs, currentFrameTime, profileStartTs)\n        );\n      }\n    } else {\n      const slowFrames = processRecordedSpans(this.#recordedTrailingSpans);\n      const slowFramesTime = slowFrames.reduce((acc, val) => acc + val, 0);\n\n      // Log tail recording in structured format\n      writeSceneLog(\n        'SceneRenderProfiler',\n        `Profile tail recorded - Slow frames: ${slowFramesTime.toFixed(1)}ms (${slowFrames.length} frames)`\n      );\n      writeSceneLog('', `  ├─ Origin: ${this.#profileInProgress?.origin || 'unknown'}`);\n      writeSceneLog('', `  └─ Crumbs:`, this.#profileInProgress?.crumbs || []);\n\n      this.#recordedTrailingSpans = [];\n\n      const profileDuration = measurementStartTs - profileStartTs;\n\n      // Add performance marks for debugging in dev tools\n      if (typeof performance !== 'undefined' && performance.mark) {\n        const profileName = this.#profileInProgress?.origin || 'unknown';\n        const totalTime = profileDuration + slowFramesTime;\n\n        // Mark profile completion\n        performance.mark(`Dashboard Profile End: ${profileName}`);\n\n        // Add measure from start to end if possible\n        const startMarkName = `Dashboard Profile Start: ${profileName}`;\n        try {\n          performance.measure(\n            `Dashboard Profile: ${profileName} (${totalTime.toFixed(1)}ms)`,\n            startMarkName,\n            `Dashboard Profile End: ${profileName}`\n          );\n        } catch {\n          // Start mark might not exist, create a simple end mark\n          performance.mark(`Dashboard Profile Complete: ${profileName} (${totalTime.toFixed(1)}ms)`);\n        }\n\n        // Add measurements for slow frame details if significant\n        if (slowFrames.length > 0) {\n          const slowFramesMarkName = `Slow Frames Summary: ${slowFrames.length} frames (${slowFramesTime.toFixed(\n            1\n          )}ms)`;\n          performance.mark(slowFramesMarkName);\n\n          // Create individual measurements for each slow frame during tail\n          slowFrames.forEach((frameTime, index) => {\n            if (frameTime > 16) {\n              // Only measure frames slower than 16ms (60fps)\n              try {\n                const frameStartTime =\n                  this.#profileStartTs! +\n                  profileDuration +\n                  (index > 0 ? slowFrames.slice(0, index).reduce((sum, t) => sum + t, 0) : 0);\n                const frameId = `slow-frame-${index}`;\n                const frameStartMark = `${frameId}-start`;\n                const frameEndMark = `${frameId}-end`;\n\n                performance.mark(frameStartMark, { startTime: frameStartTime });\n                performance.mark(frameEndMark, { startTime: frameStartTime + frameTime });\n                performance.measure(`Slow Frame ${index + 1}: ${frameTime.toFixed(1)}ms`, frameStartMark, frameEndMark);\n              } catch {\n                // Fallback if startTime not supported\n                performance.mark(`Slow Frame ${index + 1}: ${frameTime.toFixed(1)}ms`);\n              }\n            }\n          });\n        }\n      }\n\n      // Log performance summary in a structured format\n      const completionTimestamp = performance.now();\n      writeSceneLog('SceneRenderProfiler', 'Profile completed');\n      writeSceneLog('', `  ├─ Timestamp: ${completionTimestamp.toFixed(1)}ms`);\n      writeSceneLog('', `  ├─ Total time: ${(profileDuration + slowFramesTime).toFixed(1)}ms`);\n      writeSceneLog('', `  ├─ Slow frames: ${slowFramesTime}ms (${slowFrames.length} frames)`);\n      writeSceneLog('', `  └─ Long frames: ${this.#longFramesTotalTime}ms (${this.#longFramesCount} frames)`);\n\n      // Stop long frame detection now that the profile is complete\n      this.#longFrameDetector.stop();\n      writeSceneLogStyled(\n        'SceneRenderProfiler',\n        `Stopped long frame detection - profile complete at ${completionTimestamp.toFixed(1)}ms`,\n        'color: #00CC00; font-weight: bold;'\n      );\n\n      this.#trailAnimationFrameId = null;\n\n      const profileEndTs = profileStartTs + profileDuration + slowFramesTime;\n\n      // Guard against race condition where profile might be cancelled during execution\n      if (!this.#profileInProgress) {\n        return;\n      }\n\n      performance.measure(`DashboardInteraction ${this.#profileInProgress.origin}`, {\n        start: profileStartTs,\n        end: profileEndTs,\n      });\n\n      const networkDuration = captureNetwork(profileStartTs, profileEndTs);\n\n      if (this.queryController?.state.onProfileComplete && this.#profileInProgress) {\n        this.queryController.state.onProfileComplete({\n          origin: this.#profileInProgress.origin,\n          crumbs: this.#profileInProgress.crumbs,\n          duration: profileDuration + slowFramesTime,\n          networkDuration,\n          startTs: profileStartTs,\n          endTs: profileEndTs,\n          longFramesCount: this.#longFramesCount,\n          longFramesTotalTime: this.#longFramesTotalTime,\n          // @ts-ignore\n          jsHeapSizeLimit: performance.memory ? performance.memory.jsHeapSizeLimit : 0,\n          // @ts-ignore\n          usedJSHeapSize: performance.memory ? performance.memory.usedJSHeapSize : 0,\n          // @ts-ignore\n          totalJSHeapSize: performance.memory ? performance.memory.totalJSHeapSize : 0,\n        });\n\n        this.#profileInProgress = null;\n        this.#trailAnimationFrameId = null;\n      }\n      // @ts-ignore\n      if (window.__runs) {\n        // @ts-ignore\n        window.__runs += `${Date.now()}, ${profileDuration + slowFramesTime}\\n`;\n      } else {\n        // @ts-ignore\n        window.__runs = `${Date.now()}, ${profileDuration + slowFramesTime}\\n`;\n      }\n    }\n  };\n\n  public tryCompletingProfile() {\n    if (!this.#profileInProgress) {\n      return;\n    }\n\n    writeSceneLog('SceneRenderProfiler', 'Trying to complete profile', this.#profileInProgress);\n    if (this.queryController?.runningQueriesCount() === 0 && this.#profileInProgress) {\n      writeSceneLog('SceneRenderProfiler', 'All queries completed, starting tail measurement');\n      // Note: Long frame detector continues running during tail measurement\n      // It will be stopped when the profile completely finishes\n      this.recordProfileTail(performance.now(), this.#profileStartTs!);\n    }\n  }\n\n  public isTailRecording() {\n    return Boolean(this.#trailAnimationFrameId);\n  }\n\n  public cancelTailRecording() {\n    if (this.#trailAnimationFrameId) {\n      cancelAnimationFrame(this.#trailAnimationFrameId);\n      this.#trailAnimationFrameId = null;\n      writeSceneLog('SceneRenderProfiler', 'Cancelled recording frames, new profile started');\n    }\n  }\n\n  // cancel profile\n  public cancelProfile() {\n    if (this.#profileInProgress) {\n      writeSceneLog('SceneRenderProfiler', 'Cancelling profile', this.#profileInProgress);\n      this.#profileInProgress = null;\n      // Cancel any pending animation frame to prevent accessing null profileInProgress\n      if (this.#trailAnimationFrameId) {\n        cancelAnimationFrame(this.#trailAnimationFrameId);\n        this.#trailAnimationFrameId = null;\n      }\n      // Stop long frame tracking\n      this.#longFrameDetector.stop();\n      writeSceneLog('SceneRenderProfiler', 'Stopped long frame detection - profile cancelled');\n      // Reset recorded spans to ensure complete cleanup\n      this.#recordedTrailingSpans = [];\n      this.#longFramesCount = 0;\n      this.#longFramesTotalTime = 0;\n    }\n  }\n\n  public addCrumb(crumb: string) {\n    if (this.#profileInProgress) {\n      writeSceneLog('SceneRenderProfiler', 'Adding crumb:', crumb);\n      this.#profileInProgress.crumbs.push(crumb);\n    }\n  }\n}\n\nexport function processRecordedSpans(spans: number[]) {\n  // identify last span in spans that's bigger than default threshold\n  for (let i = spans.length - 1; i >= 0; i--) {\n    if (spans[i] > DEFAULT_LONG_FRAME_THRESHOLD) {\n      return spans.slice(0, i + 1);\n    }\n  }\n  return [spans[0]];\n}\n\nexport function captureNetwork(startTs: number, endTs: number) {\n  const entries = performance.getEntriesByType('resource') as PerformanceResourceTiming[];\n  performance.clearResourceTimings();\n  // Only include network entries that both started AND ended within the time window\n  const networkEntries = entries.filter(\n    (entry) =>\n      entry.startTime >= startTs &&\n      entry.startTime <= endTs &&\n      entry.responseEnd >= startTs &&\n      entry.responseEnd <= endTs\n  );\n  for (const entry of networkEntries) {\n    performance.measure('Network entry ' + entry.name, {\n      start: entry.startTime,\n      end: entry.responseEnd,\n    });\n  }\n\n  return calculateNetworkTime(networkEntries);\n}\n\n// Will calculate total time spent on Network\nexport function calculateNetworkTime(requests: PerformanceResourceTiming[]): number {\n  if (requests.length === 0) {\n    return 0;\n  }\n\n  // Step 1: Sort the requests by startTs\n  requests.sort((a, b) => a.startTime - b.startTime);\n\n  // Step 2: Initialize variables\n  let totalNetworkTime = 0;\n  let currentStart = requests[0].startTime;\n  let currentEnd = requests[0].responseEnd;\n\n  // Step 3: Iterate through the sorted list and merge overlapping intervals\n  for (let i = 1; i < requests.length; i++) {\n    if (requests[i].startTime <= currentEnd) {\n      // Overlapping intervals, merge them\n      currentEnd = Math.max(currentEnd, requests[i].responseEnd);\n    } else {\n      // Non-overlapping interval, add the duration to total time\n      totalNetworkTime += currentEnd - currentStart;\n\n      // Update current interval\n      currentStart = requests[i].startTime;\n      currentEnd = requests[i].responseEnd;\n    }\n  }\n\n  // Step 4: Add the last interval\n  totalNetworkTime += currentEnd - currentStart;\n\n  return totalNetworkTime;\n}\n\nexport const REFRESH_INTERACTION = 'refresh';\nexport const TIME_RANGE_CHANGE_INTERACTION = 'time_range_change';\nexport const FILTER_ADDED_INTERACTION = 'filter_added';\nexport const FILTER_REMOVED_INTERACTION = 'filter_removed';\nexport const FILTER_CHANGED_INTERACTION = 'filter_changed';\nexport const FILTER_RESTORED_INTERACTION = 'filter_restored';\nexport const VARIABLE_VALUE_CHANGED_INTERACTION = 'variable_value_changed';\nexport const SCOPES_CHANGED_INTERACTION = 'scopes_changed';\nexport const ADHOC_KEYS_DROPDOWN_INTERACTION = 'adhoc_keys_dropdown';\nexport const ADHOC_VALUES_DROPDOWN_INTERACTION = 'adhoc_values_dropdown';\nexport const GROUPBY_DIMENSIONS_INTERACTION = 'groupby_dimensions';\n"],"names":[],"mappings":"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"}

package/dist/esm/behaviors/index.js

@@ -1,5 +1,6 @@
 export { ActWhenVariableChanged } from './ActWhenVariableChanged.js';
 export { CursorSync } from './CursorSync.js';
 export { SceneQueryController } from './SceneQueryController.js';
+export { SceneInteractionTracker } from './SceneInteractionTracker.js';
 export { LiveNowTimer } from './LiveNowTimer.js';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/esm/components/SceneTimePicker.js

@@ -1,10 +1,11 @@
 import React from 'react';
 import { useLocalStorage } from 'react-use';
 import { uniqBy } from 'lodash';
-import { rangeUtil, isDateTime, toUtc } from '@grafana/data';
+import { intervalToAbbreviatedDurationString, rangeUtil, isDateTime, toUtc } from '@grafana/data';
 import { TimeRangePicker } from '@grafana/ui';
 import { SceneObjectBase } from '../core/SceneObjectBase.js';
 import { sceneGraph } from '../core/sceneGraph/index.js';
+import { t } from '@grafana/i18n';
 
 class SceneTimePicker extends SceneObjectBase {
   constructor() {
@@ -30,7 +31,7 @@ class SceneTimePicker extends SceneObjectBase {
       const {
         state: { value: range }
       } = timeRange;
-      timeRange.onTimeRangeChange(getShiftedTimeRange(0 /* Backward */, range, Date.now()));
+      timeRange.onTimeRangeChange(getShiftedTimeRange(0 /* Backward */, range));
     };
     this.onMoveForward = () => {
       const timeRange = sceneGraph.getTimeRange(this);
@@ -56,6 +57,13 @@ function SceneTimePickerRenderer({ model }) {
     return null;
   }
   const rangesToUse = quickRanges || defaultQuickRanges;
+  const halfSpanMs = (timeRangeState.value.to.valueOf() - timeRangeState.value.from.valueOf()) / 2;
+  const moveBackwardDuration = intervalToAbbreviatedDurationString({
+    start: new Date(timeRangeState.value.from.valueOf()),
+    end: new Date(timeRangeState.value.from.valueOf() + halfSpanMs)
+  });
+  const canMoveForward = timeRangeState.value.to.valueOf() + halfSpanMs <= Date.now();
+  const moveForwardDuration = canMoveForward ? moveBackwardDuration : void 0;
   return /* @__PURE__ */ React.createElement(
     TimeRangePicker,
     {
@@ -71,6 +79,14 @@ function SceneTimePickerRenderer({ model }) {
       fiscalYearStartMonth: timeRangeState.fiscalYearStartMonth,
       onMoveBackward: model.onMoveBackward,
       onMoveForward: model.onMoveForward,
+      moveForwardTooltip: moveForwardDuration ? t("grafana-scenes.components.time-picker.move-forward-tooltip", "Move {{moveForwardDuration}} forward", {
+        moveForwardDuration
+      }) : void 0,
+      moveBackwardTooltip: t(
+        "grafana-scenes.components.time-picker.move-backward-tooltip",
+        "Move {{moveBackwardDuration}} backward",
+        { moveBackwardDuration }
+      ),
       onZoom: model.onZoom,
       onChangeTimeZone: timeRange.onTimeZoneChange,
       onChangeFiscalYearStartMonth: model.onChangeFiscalYearStartMonth,
@@ -100,7 +116,7 @@ function getShiftedTimeRange(dir, timeRange, upperLimit) {
   } else {
     fromRaw = oldFrom + halfSpan;
     toRaw = oldTo + halfSpan;
-    if (toRaw > upperLimit && oldTo < upperLimit) {
+    if (upperLimit !== void 0 && toRaw > upperLimit && oldTo < upperLimit) {
       toRaw = upperLimit;
       fromRaw = oldFrom;
     }

package/dist/esm/components/SceneTimePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"SceneTimePicker.js","sources":["../../../src/components/SceneTimePicker.tsx"],"sourcesContent":["import React from 'react';\nimport { useLocalStorage } from 'react-use';\nimport { uniqBy } from 'lodash';\n\nimport { TimeOption, TimeRange, isDateTime, rangeUtil, toUtc } from '@grafana/data';\nimport { TimeRangePicker } from '@grafana/ui';\n\nimport { SceneObjectBase } from '../core/SceneObjectBase';\nimport { sceneGraph } from '../core/sceneGraph';\nimport { SceneComponentProps, SceneObjectState } from '../core/types';\n\nexport interface SceneTimePickerState extends SceneObjectState {\n  hidePicker?: boolean;\n  isOnCanvas?: boolean;\n  quickRanges?: TimeOption[];\n  defaultQuickRanges?: TimeOption[]; // Overrides default time ranges from server config, so not serialised back to JSON\n}\n\nexport class SceneTimePicker extends SceneObjectBase<SceneTimePickerState> {\n  public static Component = SceneTimePickerRenderer;\n\n  public onZoom = () => {\n    const timeRange = sceneGraph.getTimeRange(this);\n    const zoomedTimeRange = getZoomedTimeRange(timeRange.state.value, 2);\n    timeRange.onTimeRangeChange(zoomedTimeRange);\n  };\n\n  public onChangeFiscalYearStartMonth = (month: number) => {\n    const timeRange = sceneGraph.getTimeRange(this);\n    timeRange.setState({ fiscalYearStartMonth: month });\n  };\n\n  public toAbsolute = () => {\n    const timeRange = sceneGraph.getTimeRange(this);\n    const timeRangeVal = timeRange.state.value;\n    const from = toUtc(timeRangeVal.from);\n    const to = toUtc(timeRangeVal.to);\n    timeRange.onTimeRangeChange({ from, to, raw: { from, to } });\n  };\n\n  public onMoveBackward = () => {\n    const timeRange = sceneGraph.getTimeRange(this);\n    const {\n      state: { value: range },\n    } = timeRange;\n\n    timeRange.onTimeRangeChange(getShiftedTimeRange(TimeRangeDirection.Backward, range, Date.now()));\n  };\n\n  public onMoveForward = () => {\n    const timeRange = sceneGraph.getTimeRange(this);\n    const {\n      state: { value: range },\n    } = timeRange;\n\n    timeRange.onTimeRangeChange(getShiftedTimeRange(TimeRangeDirection.Forward, range, Date.now()));\n  };\n}\n\nfunction SceneTimePickerRenderer({ model }: SceneComponentProps<SceneTimePicker>) {\n  const { hidePicker, isOnCanvas, quickRanges, defaultQuickRanges } = model.useState();\n  const timeRange = sceneGraph.getTimeRange(model);\n  const timeZone = timeRange.getTimeZone();\n  const timeRangeState = timeRange.useState();\n  const [timeRangeHistory, setTimeRangeHistory] = useLocalStorage<TimeRange[]>(HISTORY_LOCAL_STORAGE_KEY, [], {\n    raw: false,\n    serializer: serializeHistory,\n    deserializer: deserializeHistory,\n  });\n\n  if (hidePicker) {\n    return null;\n  }\n\n  const rangesToUse = quickRanges || defaultQuickRanges;\n\n  return (\n    <TimeRangePicker\n      isOnCanvas={isOnCanvas ?? true}\n      value={timeRangeState.value}\n      onChange={(range) => {\n        if (isAbsolute(range)) {\n          setTimeRangeHistory([range, ...(timeRangeHistory ?? [])]);\n        }\n\n        timeRange.onTimeRangeChange(range);\n      }}\n      timeZone={timeZone}\n      fiscalYearStartMonth={timeRangeState.fiscalYearStartMonth}\n      onMoveBackward={model.onMoveBackward}\n      onMoveForward={model.onMoveForward}\n      onZoom={model.onZoom}\n      onChangeTimeZone={timeRange.onTimeZoneChange}\n      onChangeFiscalYearStartMonth={model.onChangeFiscalYearStartMonth}\n      weekStart={timeRangeState.weekStart}\n      history={timeRangeHistory}\n      quickRanges={rangesToUse}\n    />\n  );\n}\n\nexport function getZoomedTimeRange(timeRange: TimeRange, factor: number): TimeRange {\n  const timespan = timeRange.to.valueOf() - timeRange.from.valueOf();\n  const center = timeRange.to.valueOf() - timespan / 2;\n  // If the timepsan is 0, zooming out would do nothing, so we force a zoom out to 30s\n  const newTimespan = timespan === 0 ? 30000 : timespan * factor;\n\n  const to = center + newTimespan / 2;\n  const from = center - newTimespan / 2;\n\n  return { from: toUtc(from), to: toUtc(to), raw: { from: toUtc(from), to: toUtc(to) } };\n}\n\nexport enum TimeRangeDirection {\n  Backward,\n  Forward,\n}\n\nexport function getShiftedTimeRange(dir: TimeRangeDirection, timeRange: TimeRange, upperLimit: number): TimeRange {\n  const oldTo = timeRange.to.valueOf();\n  const oldFrom = timeRange.from.valueOf();\n  const halfSpan = (oldTo - oldFrom) / 2;\n\n  let fromRaw: number;\n  let toRaw: number;\n  if (dir === TimeRangeDirection.Backward) {\n    fromRaw = oldFrom - halfSpan;\n    toRaw = oldTo - halfSpan;\n  } else {\n    fromRaw = oldFrom + halfSpan;\n    toRaw = oldTo + halfSpan;\n\n    if (toRaw > upperLimit && oldTo < upperLimit) {\n      toRaw = upperLimit;\n      fromRaw = oldFrom;\n    }\n  }\n\n  const from = toUtc(fromRaw);\n  const to = toUtc(toRaw);\n  return {\n    from,\n    to,\n    raw: { from, to },\n  };\n}\n\nconst HISTORY_LOCAL_STORAGE_KEY = 'grafana.dashboard.timepicker.history';\n\n// Simplified object to store in local storage\ninterface TimePickerHistoryItem {\n  from: string;\n  to: string;\n}\n\nfunction deserializeHistory(value: string): TimeRange[] {\n  const values: TimePickerHistoryItem[] = JSON.parse(value);\n  // The history is saved in UTC and with the default date format, so we need to pass those values to the convertRawToRange\n  return values.map((item) => rangeUtil.convertRawToRange(item, 'utc', undefined, 'YYYY-MM-DD HH:mm:ss'));\n}\n\nfunction serializeHistory(values: TimeRange[]) {\n  return JSON.stringify(\n    limit(\n      values.map((v) => ({\n        from: typeof v.raw.from === 'string' ? v.raw.from : v.raw.from.toISOString(),\n        to: typeof v.raw.to === 'string' ? v.raw.to : v.raw.to.toISOString(),\n      }))\n    )\n  );\n}\n\nfunction limit(value: TimePickerHistoryItem[]): TimePickerHistoryItem[] {\n  return uniqBy(value, (v) => v.from + v.to).slice(0, 4);\n}\n\nfunction isAbsolute(value: TimeRange): boolean {\n  return isDateTime(value.raw.from) || isDateTime(value.raw.to);\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"SceneTimePicker.js","sources":["../../../src/components/SceneTimePicker.tsx"],"sourcesContent":["import React from 'react';\nimport { useLocalStorage } from 'react-use';\nimport { uniqBy } from 'lodash';\n\nimport {\n  TimeOption,\n  TimeRange,\n  intervalToAbbreviatedDurationString,\n  isDateTime,\n  rangeUtil,\n  toUtc,\n} from '@grafana/data';\nimport { TimeRangePicker } from '@grafana/ui';\n\nimport { SceneObjectBase } from '../core/SceneObjectBase';\nimport { sceneGraph } from '../core/sceneGraph';\nimport { SceneComponentProps, SceneObjectState } from '../core/types';\nimport { t } from '@grafana/i18n';\n\nexport interface SceneTimePickerState extends SceneObjectState {\n  hidePicker?: boolean;\n  isOnCanvas?: boolean;\n  quickRanges?: TimeOption[];\n  defaultQuickRanges?: TimeOption[]; // Overrides default time ranges from server config, so not serialised back to JSON\n}\n\nexport class SceneTimePicker extends SceneObjectBase<SceneTimePickerState> {\n  public static Component = SceneTimePickerRenderer;\n\n  public onZoom = () => {\n    const timeRange = sceneGraph.getTimeRange(this);\n    const zoomedTimeRange = getZoomedTimeRange(timeRange.state.value, 2);\n    timeRange.onTimeRangeChange(zoomedTimeRange);\n  };\n\n  public onChangeFiscalYearStartMonth = (month: number) => {\n    const timeRange = sceneGraph.getTimeRange(this);\n    timeRange.setState({ fiscalYearStartMonth: month });\n  };\n\n  public toAbsolute = () => {\n    const timeRange = sceneGraph.getTimeRange(this);\n    const timeRangeVal = timeRange.state.value;\n    const from = toUtc(timeRangeVal.from);\n    const to = toUtc(timeRangeVal.to);\n    timeRange.onTimeRangeChange({ from, to, raw: { from, to } });\n  };\n\n  public onMoveBackward = () => {\n    const timeRange = sceneGraph.getTimeRange(this);\n    const {\n      state: { value: range },\n    } = timeRange;\n\n    timeRange.onTimeRangeChange(getShiftedTimeRange(TimeRangeDirection.Backward, range));\n  };\n\n  public onMoveForward = () => {\n    const timeRange = sceneGraph.getTimeRange(this);\n    const {\n      state: { value: range },\n    } = timeRange;\n\n    timeRange.onTimeRangeChange(getShiftedTimeRange(TimeRangeDirection.Forward, range, Date.now()));\n  };\n}\n\nfunction SceneTimePickerRenderer({ model }: SceneComponentProps<SceneTimePicker>) {\n  const { hidePicker, isOnCanvas, quickRanges, defaultQuickRanges } = model.useState();\n  const timeRange = sceneGraph.getTimeRange(model);\n  const timeZone = timeRange.getTimeZone();\n  const timeRangeState = timeRange.useState();\n  const [timeRangeHistory, setTimeRangeHistory] = useLocalStorage<TimeRange[]>(HISTORY_LOCAL_STORAGE_KEY, [], {\n    raw: false,\n    serializer: serializeHistory,\n    deserializer: deserializeHistory,\n  });\n\n  if (hidePicker) {\n    return null;\n  }\n\n  const rangesToUse = quickRanges || defaultQuickRanges;\n\n  // Calculate half of the time range duration for forward/backward movement\n  const halfSpanMs = (timeRangeState.value.to.valueOf() - timeRangeState.value.from.valueOf()) / 2;\n\n  const moveBackwardDuration = intervalToAbbreviatedDurationString({\n    start: new Date(timeRangeState.value.from.valueOf()),\n    end: new Date(timeRangeState.value.from.valueOf() + halfSpanMs),\n  });\n\n  // Only show forward duration if moving forward wouldn't exceed current time\n  const canMoveForward = timeRangeState.value.to.valueOf() + halfSpanMs <= Date.now();\n  const moveForwardDuration = canMoveForward ? moveBackwardDuration : undefined;\n\n  return (\n    <TimeRangePicker\n      isOnCanvas={isOnCanvas ?? true}\n      value={timeRangeState.value}\n      onChange={(range) => {\n        if (isAbsolute(range)) {\n          setTimeRangeHistory([range, ...(timeRangeHistory ?? [])]);\n        }\n\n        timeRange.onTimeRangeChange(range);\n      }}\n      timeZone={timeZone}\n      fiscalYearStartMonth={timeRangeState.fiscalYearStartMonth}\n      onMoveBackward={model.onMoveBackward}\n      onMoveForward={model.onMoveForward}\n      // @ts-expect-error (temporary till we update grafana/ui)\n      moveForwardTooltip={\n        moveForwardDuration\n          ? t('grafana-scenes.components.time-picker.move-forward-tooltip', 'Move {{moveForwardDuration}} forward', {\n              moveForwardDuration,\n            })\n          : undefined\n      }\n      moveBackwardTooltip={t(\n        'grafana-scenes.components.time-picker.move-backward-tooltip',\n        'Move {{moveBackwardDuration}} backward',\n        { moveBackwardDuration }\n      )}\n      onZoom={model.onZoom}\n      onChangeTimeZone={timeRange.onTimeZoneChange}\n      onChangeFiscalYearStartMonth={model.onChangeFiscalYearStartMonth}\n      weekStart={timeRangeState.weekStart}\n      history={timeRangeHistory}\n      quickRanges={rangesToUse}\n    />\n  );\n}\n\nexport function getZoomedTimeRange(timeRange: TimeRange, factor: number): TimeRange {\n  const timespan = timeRange.to.valueOf() - timeRange.from.valueOf();\n  const center = timeRange.to.valueOf() - timespan / 2;\n  // If the timepsan is 0, zooming out would do nothing, so we force a zoom out to 30s\n  const newTimespan = timespan === 0 ? 30000 : timespan * factor;\n\n  const to = center + newTimespan / 2;\n  const from = center - newTimespan / 2;\n\n  return { from: toUtc(from), to: toUtc(to), raw: { from: toUtc(from), to: toUtc(to) } };\n}\n\nexport enum TimeRangeDirection {\n  Backward,\n  Forward,\n}\n\nexport function getShiftedTimeRange(dir: TimeRangeDirection, timeRange: TimeRange, upperLimit?: number): TimeRange {\n  const oldTo = timeRange.to.valueOf();\n  const oldFrom = timeRange.from.valueOf();\n  const halfSpan = (oldTo - oldFrom) / 2;\n\n  let fromRaw: number;\n  let toRaw: number;\n  if (dir === TimeRangeDirection.Backward) {\n    fromRaw = oldFrom - halfSpan;\n    toRaw = oldTo - halfSpan;\n  } else {\n    fromRaw = oldFrom + halfSpan;\n    toRaw = oldTo + halfSpan;\n\n    if (upperLimit !== undefined && toRaw > upperLimit && oldTo < upperLimit) {\n      toRaw = upperLimit;\n      fromRaw = oldFrom;\n    }\n  }\n\n  const from = toUtc(fromRaw);\n  const to = toUtc(toRaw);\n  return {\n    from,\n    to,\n    raw: { from, to },\n  };\n}\n\nconst HISTORY_LOCAL_STORAGE_KEY = 'grafana.dashboard.timepicker.history';\n\n// Simplified object to store in local storage\ninterface TimePickerHistoryItem {\n  from: string;\n  to: string;\n}\n\nfunction deserializeHistory(value: string): TimeRange[] {\n  const values: TimePickerHistoryItem[] = JSON.parse(value);\n  // The history is saved in UTC and with the default date format, so we need to pass those values to the convertRawToRange\n  return values.map((item) => rangeUtil.convertRawToRange(item, 'utc', undefined, 'YYYY-MM-DD HH:mm:ss'));\n}\n\nfunction serializeHistory(values: TimeRange[]) {\n  return JSON.stringify(\n    limit(\n      values.map((v) => ({\n        from: typeof v.raw.from === 'string' ? v.raw.from : v.raw.from.toISOString(),\n        to: typeof v.raw.to === 'string' ? v.raw.to : v.raw.to.toISOString(),\n      }))\n    )\n  );\n}\n\nfunction limit(value: TimePickerHistoryItem[]): TimePickerHistoryItem[] {\n  return uniqBy(value, (v) => v.from + v.to).slice(0, 4);\n}\n\nfunction isAbsolute(value: TimeRange): boolean {\n  return isDateTime(value.raw.from) || isDateTime(value.raw.to);\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/core/sceneGraph/getInteractionTracker.js

@@ -0,0 +1,19 @@
+import { isInteractionTracker } from '../../behaviors/SceneInteractionTracker.js';
+
+function getInteractionTracker(sceneObject) {
+  let parent = sceneObject;
+  while (parent) {
+    if (parent.state.$behaviors) {
+      for (const behavior of parent.state.$behaviors) {
+        if (isInteractionTracker(behavior)) {
+          return behavior;
+        }
+      }
+    }
+    parent = parent.parent;
+  }
+  return void 0;
+}
+
+export { getInteractionTracker };
+//# sourceMappingURL=getInteractionTracker.js.map

package/dist/esm/core/sceneGraph/getInteractionTracker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getInteractionTracker.js","sources":["../../../../src/core/sceneGraph/getInteractionTracker.ts"],"sourcesContent":["import { SceneInteractionTracker, isInteractionTracker } from '../../behaviors/SceneInteractionTracker';\nimport { SceneObject } from '../types';\n\n/**\n * Returns the closest query controller undefined if none found\n */\nexport function getInteractionTracker(sceneObject: SceneObject): SceneInteractionTracker | undefined {\n  let parent: SceneObject | undefined = sceneObject;\n\n  while (parent) {\n    if (parent.state.$behaviors) {\n      for (const behavior of parent.state.$behaviors) {\n        if (isInteractionTracker(behavior)) {\n          return behavior;\n        }\n      }\n    }\n    parent = parent.parent;\n  }\n\n  return undefined;\n}\n"],"names":[],"mappings":";;AAMO,SAAS,sBAAsB,WAA+D,EAAA;AACnG,EAAA,IAAI,MAAkC,GAAA,WAAA;AAEtC,EAAA,OAAO,MAAQ,EAAA;AACb,IAAI,IAAA,MAAA,CAAO,MAAM,UAAY,EAAA;AAC3B,MAAW,KAAA,MAAA,QAAA,IAAY,MAAO,CAAA,KAAA,CAAM,UAAY,EAAA;AAC9C,QAAI,IAAA,oBAAA,CAAqB,QAAQ,CAAG,EAAA;AAClC,UAAO,OAAA,QAAA;AAAA;AACT;AACF;AAEF,IAAA,MAAA,GAAS,MAAO,CAAA,MAAA;AAAA;AAGlB,EAAO,OAAA,MAAA;AACT;;;;"}

package/dist/esm/locales/en-US/grafana-scenes.json.js

@@ -40,6 +40,10 @@ var grafanaScenes = {
 		splitter: {
 			"aria-label-pane-resize-widget": "Pane resize widget"
 		},
+		"time-picker": {
+			"move-backward-tooltip": "Move {{moveBackwardDuration}} backward",
+			"move-forward-tooltip": "Move {{moveForwardDuration}} forward"
+		},
 		"viz-panel": {
 			title: {
 				title: "Title"

package/dist/esm/locales/en-US/grafana-scenes.json.js.map

@@ -1 +1 @@
-{"version":3,"file":"grafana-scenes.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"grafana-scenes.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/variables/adhoc/AdHocFilterRenderer.js

@@ -1,6 +1,6 @@
 import { t } from '@grafana/i18n';
 import React, { useState, useMemo } from 'react';
-import { isMultiValueOperator, OPERATORS } from './AdHocFiltersVariable.js';
+import { isMultiValueOperator } from './AdHocFiltersVariable.js';
 import { useStyles2, Select, Field, Button } from '@grafana/ui';
 import { css, cx } from '@emotion/css';
 import { ControlsLabel } from '../../utils/ControlsLabel.js';
@@ -94,13 +94,11 @@ function AdHocFilterRenderer({ filter, model }) {
       });
     }
   };
-  const operatorDefinition = OPERATORS.find((op) => filter.operator === op.value);
   const valueSelect = /* @__PURE__ */ React.createElement(
     Select,
     {
       virtualized: true,
       allowCustomValue: (_b = model.state.allowCustomValue) != null ? _b : true,
-      createOptionPosition: (operatorDefinition == null ? void 0 : operatorDefinition.isRegex) ? "first" : "last",
       isValidNewOption: (inputValue) => inputValue.trim().length > 0,
       allowCreateWhileLoading: true,
       formatCreateLabel: (inputValue) => `Use custom value: ${inputValue}`,
@@ -158,7 +156,6 @@ function AdHocFilterRenderer({ filter, model }) {
       className: cx(styles.key, isKeysOpen ? styles.widthWhenOpen : void 0),
       width: "auto",
       allowCustomValue: (_c = model.state.allowCustomValue) != null ? _c : true,
-      createOptionPosition: (operatorDefinition == null ? void 0 : operatorDefinition.isRegex) ? "first" : "last",
       value: keyValue,
       placeholder: t(
         "grafana-scenes.variables.ad-hoc-filter-renderer.key-select.placeholder-select-label",