@grafana/scenes 6.34.0 → 6.35.0--canary.1240.17499066940.0

package/dist/index.js

@@ -137,21 +137,21 @@ class UserActionEvent extends data.BusEventWithPayload {
 }
 UserActionEvent.type = "scene-object-user-action";
 
-var __typeError$4 = (msg) => {
+var __typeError$5 = (msg) => {
   throw TypeError(msg);
 };
-var __accessCheck$4 = (obj, member, msg) => member.has(obj) || __typeError$4("Cannot " + msg);
-var __privateGet$4 = (obj, member, getter) => (__accessCheck$4(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
-var __privateAdd$4 = (obj, member, value) => member.has(obj) ? __typeError$4("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-var __privateSet$4 = (obj, member, value, setter) => (__accessCheck$4(obj, member, "write to private field"), member.set(obj, value), value);
+var __accessCheck$5 = (obj, member, msg) => member.has(obj) || __typeError$5("Cannot " + msg);
+var __privateGet$5 = (obj, member, getter) => (__accessCheck$5(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd$5 = (obj, member, value) => member.has(obj) ? __typeError$5("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet$5 = (obj, member, value, setter) => (__accessCheck$5(obj, member, "write to private field"), member.set(obj, value), value);
 var _ref;
 class SceneObjectRef {
   constructor(ref) {
-    __privateAdd$4(this, _ref);
-    __privateSet$4(this, _ref, ref);
+    __privateAdd$5(this, _ref);
+    __privateSet$5(this, _ref, ref);
   }
   resolve() {
-    return __privateGet$4(this, _ref);
+    return __privateGet$5(this, _ref);
   }
 }
 _ref = new WeakMap();
@@ -600,13 +600,359 @@ function writeSceneLog(logger, message, ...rest) {
   }
 }
 
+var __typeError$4 = (msg) => {
+  throw TypeError(msg);
+};
+var __accessCheck$4 = (obj, member, msg) => member.has(obj) || __typeError$4("Cannot " + msg);
+var __privateGet$4 = (obj, member, getter) => (__accessCheck$4(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd$4 = (obj, member, value) => member.has(obj) ? __typeError$4("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet$4 = (obj, member, value, setter) => (__accessCheck$4(obj, member, "write to private field"), member.set(obj, value), value);
+var _profileInProgress$1, _profileStartTs, _trailAnimationFrameId, _recordedTrailingSpans, _visibilityChangeHandler;
+const POST_STORM_WINDOW = 2e3;
+const SPAN_THRESHOLD = 30;
+const TAB_INACTIVE_THRESHOLD = 1e3;
+class SceneRenderProfiler {
+  constructor(queryController) {
+    this.queryController = queryController;
+    __privateAdd$4(this, _profileInProgress$1, null);
+    __privateAdd$4(this, _profileStartTs, null);
+    __privateAdd$4(this, _trailAnimationFrameId, null);
+    // Will keep measured lengths trailing frames
+    __privateAdd$4(this, _recordedTrailingSpans, []);
+    __privateAdd$4(this, _visibilityChangeHandler, null);
+    this.measureTrailingFrames = (measurementStartTs, lastFrameTime, profileStartTs) => {
+      var _a;
+      const currentFrameTime = performance.now();
+      const frameLength = currentFrameTime - lastFrameTime;
+      if (frameLength > TAB_INACTIVE_THRESHOLD) {
+        writeSceneLog("SceneRenderProfiler", "Tab was inactive, cancelling profile measurement");
+        this.cancelProfile();
+        return;
+      }
+      __privateGet$4(this, _recordedTrailingSpans).push(frameLength);
+      if (currentFrameTime - measurementStartTs < POST_STORM_WINDOW) {
+        if (__privateGet$4(this, _profileInProgress$1)) {
+          __privateSet$4(this, _trailAnimationFrameId, requestAnimationFrame(
+            () => this.measureTrailingFrames(measurementStartTs, currentFrameTime, profileStartTs)
+          ));
+        }
+      } else {
+        const slowFrames = processRecordedSpans(__privateGet$4(this, _recordedTrailingSpans));
+        const slowFramesTime = slowFrames.reduce((acc, val) => acc + val, 0);
+        writeSceneLog(
+          this.constructor.name,
+          "Profile tail recorded, slow frames duration:",
+          slowFramesTime,
+          slowFrames,
+          __privateGet$4(this, _profileInProgress$1)
+        );
+        __privateSet$4(this, _recordedTrailingSpans, []);
+        const profileDuration = measurementStartTs - profileStartTs;
+        writeSceneLog(
+          this.constructor.name,
+          "Stoped recording, total measured time (network included):",
+          profileDuration + slowFramesTime
+        );
+        __privateSet$4(this, _trailAnimationFrameId, null);
+        const profileEndTs = profileStartTs + profileDuration + slowFramesTime;
+        if (!__privateGet$4(this, _profileInProgress$1)) {
+          return;
+        }
+        performance.measure(`DashboardInteraction ${__privateGet$4(this, _profileInProgress$1).origin}`, {
+          start: profileStartTs,
+          end: profileEndTs
+        });
+        const networkDuration = captureNetwork(profileStartTs, profileEndTs);
+        if (((_a = this.queryController) == null ? void 0 : _a.state.onProfileComplete) && __privateGet$4(this, _profileInProgress$1)) {
+          this.queryController.state.onProfileComplete({
+            origin: __privateGet$4(this, _profileInProgress$1).origin,
+            crumbs: __privateGet$4(this, _profileInProgress$1).crumbs,
+            duration: profileDuration + slowFramesTime,
+            networkDuration,
+            startTs: profileStartTs,
+            endTs: profileEndTs,
+            // @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$4(this, _profileInProgress$1, null);
+          __privateSet$4(this, _trailAnimationFrameId, null);
+        }
+        if (window.__runs) {
+          window.__runs += `${Date.now()}, ${profileDuration + slowFramesTime}
+`;
+        } else {
+          window.__runs = `${Date.now()}, ${profileDuration + slowFramesTime}
+`;
+        }
+      }
+    };
+    this.setupVisibilityChangeHandler();
+  }
+  setQueryController(queryController) {
+    this.queryController = queryController;
+  }
+  setupVisibilityChangeHandler() {
+    if (__privateGet$4(this, _visibilityChangeHandler)) {
+      return;
+    }
+    __privateSet$4(this, _visibilityChangeHandler, () => {
+      if (document.hidden && __privateGet$4(this, _profileInProgress$1)) {
+        writeSceneLog("SceneRenderProfiler", "Tab became inactive, cancelling profile");
+        this.cancelProfile();
+      }
+    });
+    if (typeof document !== "undefined") {
+      document.addEventListener("visibilitychange", __privateGet$4(this, _visibilityChangeHandler));
+    }
+  }
+  cleanup() {
+    if (__privateGet$4(this, _visibilityChangeHandler) && typeof document !== "undefined") {
+      document.removeEventListener("visibilitychange", __privateGet$4(this, _visibilityChangeHandler));
+      __privateSet$4(this, _visibilityChangeHandler, null);
+    }
+    this.cancelProfile();
+  }
+  startProfile(name) {
+    if (document.hidden) {
+      writeSceneLog("SceneRenderProfiler", "Tab is inactive, skipping profile", name);
+      return;
+    }
+    if (__privateGet$4(this, _profileInProgress$1)) {
+      if (__privateGet$4(this, _trailAnimationFrameId)) {
+        this.cancelProfile();
+        this._startNewProfile(name, true);
+      } else {
+        this.addCrumb(name);
+      }
+    } else {
+      this._startNewProfile(name);
+    }
+  }
+  /**
+   * 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) {
+    __privateSet$4(this, _profileInProgress$1, { origin: name, crumbs: [] });
+    __privateSet$4(this, _profileStartTs, performance.now());
+    writeSceneLog(
+      "SceneRenderProfiler",
+      `Profile started[${force ? "forced" : "clean"}]`,
+      __privateGet$4(this, _profileInProgress$1),
+      __privateGet$4(this, _profileStartTs)
+    );
+  }
+  recordProfileTail(measurementStartTime, profileStartTs) {
+    __privateSet$4(this, _trailAnimationFrameId, requestAnimationFrame(
+      () => this.measureTrailingFrames(measurementStartTime, measurementStartTime, profileStartTs)
+    ));
+  }
+  tryCompletingProfile() {
+    var _a;
+    writeSceneLog("SceneRenderProfiler", "Trying to complete profile", __privateGet$4(this, _profileInProgress$1));
+    if (((_a = this.queryController) == null ? void 0 : _a.runningQueriesCount()) === 0 && __privateGet$4(this, _profileInProgress$1)) {
+      writeSceneLog("SceneRenderProfiler", "All queries completed, stopping profile");
+      this.recordProfileTail(performance.now(), __privateGet$4(this, _profileStartTs));
+    }
+  }
+  isTailRecording() {
+    return Boolean(__privateGet$4(this, _trailAnimationFrameId));
+  }
+  cancelTailRecording() {
+    if (__privateGet$4(this, _trailAnimationFrameId)) {
+      cancelAnimationFrame(__privateGet$4(this, _trailAnimationFrameId));
+      __privateSet$4(this, _trailAnimationFrameId, null);
+      writeSceneLog("SceneRenderProfiler", "Cancelled recording frames, new profile started");
+    }
+  }
+  // cancel profile
+  cancelProfile() {
+    if (__privateGet$4(this, _profileInProgress$1)) {
+      writeSceneLog("SceneRenderProfiler", "Cancelling profile", __privateGet$4(this, _profileInProgress$1));
+      __privateSet$4(this, _profileInProgress$1, null);
+      if (__privateGet$4(this, _trailAnimationFrameId)) {
+        cancelAnimationFrame(__privateGet$4(this, _trailAnimationFrameId));
+        __privateSet$4(this, _trailAnimationFrameId, null);
+      }
+      __privateSet$4(this, _recordedTrailingSpans, []);
+    }
+  }
+  addCrumb(crumb) {
+    if (__privateGet$4(this, _profileInProgress$1)) {
+      writeSceneLog("SceneRenderProfiler", "Adding crumb:", crumb);
+      __privateGet$4(this, _profileInProgress$1).crumbs.push(crumb);
+    }
+  }
+}
+_profileInProgress$1 = new WeakMap();
+_profileStartTs = new WeakMap();
+_trailAnimationFrameId = new WeakMap();
+_recordedTrailingSpans = new WeakMap();
+_visibilityChangeHandler = new WeakMap();
+function processRecordedSpans(spans) {
+  for (let i = spans.length - 1; i >= 0; i--) {
+    if (spans[i] > SPAN_THRESHOLD) {
+      return spans.slice(0, i + 1);
+    }
+  }
+  return [spans[0]];
+}
+function captureNetwork(startTs, endTs) {
+  const entries = performance.getEntriesByType("resource");
+  performance.clearResourceTimings();
+  const networkEntries = entries.filter(
+    (entry) => entry.startTime >= startTs && entry.startTime <= endTs && entry.responseEnd >= startTs && entry.responseEnd <= endTs
+  );
+  for (const entry of networkEntries) {
+    performance.measure("Network entry " + entry.name, {
+      start: entry.startTime,
+      end: entry.responseEnd
+    });
+  }
+  return calculateNetworkTime(networkEntries);
+}
+function calculateNetworkTime(requests) {
+  if (requests.length === 0) {
+    return 0;
+  }
+  requests.sort((a, b) => a.startTime - b.startTime);
+  let totalNetworkTime = 0;
+  let currentStart = requests[0].startTime;
+  let currentEnd = requests[0].responseEnd;
+  for (let i = 1; i < requests.length; i++) {
+    if (requests[i].startTime <= currentEnd) {
+      currentEnd = Math.max(currentEnd, requests[i].responseEnd);
+    } else {
+      totalNetworkTime += currentEnd - currentStart;
+      currentStart = requests[i].startTime;
+      currentEnd = requests[i].responseEnd;
+    }
+  }
+  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";
+
 var __typeError$3 = (msg) => {
   throw TypeError(msg);
 };
 var __accessCheck$3 = (obj, member, msg) => member.has(obj) || __typeError$3("Cannot " + msg);
-var __privateGet$3 = (obj, member, getter) => (__accessCheck$3(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateGet$3 = (obj, member, getter) => (__accessCheck$3(obj, member, "read from private field"), member.get(obj));
 var __privateAdd$3 = (obj, member, value) => member.has(obj) ? __typeError$3("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 var __privateSet$3 = (obj, member, value, setter) => (__accessCheck$3(obj, member, "write to private field"), member.set(obj, value), value);
+var _profileInProgress;
+function isInteractionProfiler(obj) {
+  return obj && typeof obj === "object" && "isInteractionProfiler" in obj;
+}
+class SceneInteractionProfiler extends SceneObjectBase {
+  constructor() {
+    super(...arguments);
+    this.isInteractionProfiler = true;
+    __privateAdd$3(this, _profileInProgress, null);
+  }
+  startProfile(interaction) {
+    if (!this.state.enableProfiling) {
+      return;
+    }
+    if (__privateGet$3(this, _profileInProgress)) {
+      this.cancelProfile();
+    }
+    __privateSet$3(this, _profileInProgress, {
+      interaction,
+      startTs: performance.now()
+    });
+    writeSceneLog("SceneInteractionProfiler", "Started profiling interaction:", interaction);
+  }
+  stopProfile() {
+    if (!__privateGet$3(this, _profileInProgress)) {
+      return;
+    }
+    const endTs = performance.now();
+    const interactionDuration = endTs - __privateGet$3(this, _profileInProgress).startTs;
+    const networkDuration = captureNetwork(__privateGet$3(this, _profileInProgress).startTs, endTs);
+    const result = {
+      interaction: __privateGet$3(this, _profileInProgress).interaction,
+      interactionDuration,
+      networkDuration,
+      startTs: __privateGet$3(this, _profileInProgress).startTs,
+      endTs
+    };
+    writeSceneLog("SceneInteractionProfiler", "Completed profile:", result);
+    if (this.state.onProfileComplete) {
+      this.state.onProfileComplete(result);
+    }
+    performance.mark(`${__privateGet$3(this, _profileInProgress).interaction}_start`, {
+      startTime: __privateGet$3(this, _profileInProgress).startTs
+    });
+    performance.mark(`${__privateGet$3(this, _profileInProgress).interaction}_end`, {
+      startTime: endTs
+    });
+    performance.measure(
+      `Interaction_${__privateGet$3(this, _profileInProgress).interaction}`,
+      `${__privateGet$3(this, _profileInProgress).interaction}_start`,
+      `${__privateGet$3(this, _profileInProgress).interaction}_end`
+    );
+    __privateSet$3(this, _profileInProgress, null);
+  }
+  cancelProfile() {
+    if (__privateGet$3(this, _profileInProgress)) {
+      writeSceneLog("SceneInteractionProfiler", "Cancelled profile:", __privateGet$3(this, _profileInProgress).interaction);
+      __privateSet$3(this, _profileInProgress, null);
+    }
+  }
+  isProfileActive() {
+    return __privateGet$3(this, _profileInProgress) !== null;
+  }
+  getCurrentInteraction() {
+    var _a, _b;
+    return (_b = (_a = __privateGet$3(this, _profileInProgress)) == null ? void 0 : _a.interaction) != null ? _b : null;
+  }
+}
+_profileInProgress = new WeakMap();
+const USER_INTERACTIONS = {
+  ADHOC_KEYS_DROPDOWN: "adhoc_keys_dropdown",
+  ADHOC_VALUES_DROPDOWN: "adhoc_values_dropdown",
+  GROUPBY_DROPDOWN: "groupby_dropdown"
+};
+
+function getInteractionProfiler(sceneObject) {
+  let parent = sceneObject;
+  while (parent) {
+    if (parent.state.$behaviors) {
+      for (const behavior of parent.state.$behaviors) {
+        if (isInteractionProfiler(behavior)) {
+          return behavior;
+        }
+      }
+    }
+    parent = parent.parent;
+  }
+  return void 0;
+}
+
+var __typeError$2 = (msg) => {
+  throw TypeError(msg);
+};
+var __accessCheck$2 = (obj, member, msg) => member.has(obj) || __typeError$2("Cannot " + msg);
+var __privateGet$2 = (obj, member, getter) => (__accessCheck$2(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd$2 = (obj, member, value) => member.has(obj) ? __typeError$2("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet$2 = (obj, member, value, setter) => (__accessCheck$2(obj, member, "write to private field"), member.set(obj, value), value);
 var _running, _tryCompleteProfileFrameId;
 function isQueryController(s) {
   return "isQueryController" in s;
@@ -616,10 +962,10 @@ class SceneQueryController extends SceneObjectBase {
     super({ ...state, isRunning: false });
     this.profiler = profiler;
     this.isQueryController = true;
-    __privateAdd$3(this, _running, /* @__PURE__ */ new Set());
-    __privateAdd$3(this, _tryCompleteProfileFrameId, null);
+    __privateAdd$2(this, _running, /* @__PURE__ */ new Set());
+    __privateAdd$2(this, _tryCompleteProfileFrameId, null);
     this.runningQueriesCount = () => {
-      return __privateGet$3(this, _running).size;
+      return __privateGet$2(this, _running).size;
     };
     if (profiler) {
       this.profiler = profiler;
@@ -628,7 +974,7 @@ class SceneQueryController extends SceneObjectBase {
     this.addActivationHandler(() => {
       var _a;
       (_a = this.profiler) == null ? void 0 : _a.setQueryController(this);
-      return () => __privateGet$3(this, _running).clear();
+      return () => __privateGet$2(this, _running).clear();
     });
   }
   startProfile(name) {
@@ -643,19 +989,19 @@ class SceneQueryController extends SceneObjectBase {
     (_a = this.profiler) == null ? void 0 : _a.cancelProfile();
   }
   queryStarted(entry) {
-    __privateGet$3(this, _running).add(entry);
+    __privateGet$2(this, _running).add(entry);
     this.changeRunningQueryCount(1, entry);
     if (!this.state.isRunning) {
       this.setState({ isRunning: true });
     }
   }
   queryCompleted(entry) {
-    if (!__privateGet$3(this, _running).has(entry)) {
+    if (!__privateGet$2(this, _running).has(entry)) {
       return;
     }
-    __privateGet$3(this, _running).delete(entry);
+    __privateGet$2(this, _running).delete(entry);
     this.changeRunningQueryCount(-1);
-    if (__privateGet$3(this, _running).size === 0) {
+    if (__privateGet$2(this, _running).size === 0) {
       this.setState({ isRunning: false });
     }
   }
@@ -672,10 +1018,10 @@ class SceneQueryController extends SceneObjectBase {
       }
     }
     if (this.state.enableProfiling) {
-      if (__privateGet$3(this, _tryCompleteProfileFrameId)) {
-        cancelAnimationFrame(__privateGet$3(this, _tryCompleteProfileFrameId));
+      if (__privateGet$2(this, _tryCompleteProfileFrameId)) {
+        cancelAnimationFrame(__privateGet$2(this, _tryCompleteProfileFrameId));
       }
-      __privateSet$3(this, _tryCompleteProfileFrameId, requestAnimationFrame(() => {
+      __privateSet$2(this, _tryCompleteProfileFrameId, requestAnimationFrame(() => {
         var _a2;
         (_a2 = this.profiler) == null ? void 0 : _a2.tryCompletingProfile();
       }));
@@ -683,7 +1029,7 @@ class SceneQueryController extends SceneObjectBase {
   }
   cancelAll() {
     var _a;
-    for (const entry of __privateGet$3(this, _running).values()) {
+    for (const entry of __privateGet$2(this, _running).values()) {
       (_a = entry.cancel) == null ? void 0 : _a.call(entry);
     }
   }
@@ -853,255 +1199,6 @@ function isValid$1(value, roundUp, timeZone) {
   return parsed.isValid();
 }
 
-var __typeError$2 = (msg) => {
-  throw TypeError(msg);
-};
-var __accessCheck$2 = (obj, member, msg) => member.has(obj) || __typeError$2("Cannot " + msg);
-var __privateGet$2 = (obj, member, getter) => (__accessCheck$2(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
-var __privateAdd$2 = (obj, member, value) => member.has(obj) ? __typeError$2("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-var __privateSet$2 = (obj, member, value, setter) => (__accessCheck$2(obj, member, "write to private field"), member.set(obj, value), value);
-var _profileInProgress, _profileStartTs, _trailAnimationFrameId, _recordedTrailingSpans, _visibilityChangeHandler;
-const POST_STORM_WINDOW = 2e3;
-const SPAN_THRESHOLD = 30;
-const TAB_INACTIVE_THRESHOLD = 1e3;
-class SceneRenderProfiler {
-  constructor(queryController) {
-    this.queryController = queryController;
-    __privateAdd$2(this, _profileInProgress, null);
-    __privateAdd$2(this, _profileStartTs, null);
-    __privateAdd$2(this, _trailAnimationFrameId, null);
-    // Will keep measured lengths trailing frames
-    __privateAdd$2(this, _recordedTrailingSpans, []);
-    __privateAdd$2(this, _visibilityChangeHandler, null);
-    this.measureTrailingFrames = (measurementStartTs, lastFrameTime, profileStartTs) => {
-      var _a;
-      const currentFrameTime = performance.now();
-      const frameLength = currentFrameTime - lastFrameTime;
-      if (frameLength > TAB_INACTIVE_THRESHOLD) {
-        writeSceneLog("SceneRenderProfiler", "Tab was inactive, cancelling profile measurement");
-        this.cancelProfile();
-        return;
-      }
-      __privateGet$2(this, _recordedTrailingSpans).push(frameLength);
-      if (currentFrameTime - measurementStartTs < POST_STORM_WINDOW) {
-        if (__privateGet$2(this, _profileInProgress)) {
-          __privateSet$2(this, _trailAnimationFrameId, requestAnimationFrame(
-            () => this.measureTrailingFrames(measurementStartTs, currentFrameTime, profileStartTs)
-          ));
-        }
-      } else {
-        const slowFrames = processRecordedSpans(__privateGet$2(this, _recordedTrailingSpans));
-        const slowFramesTime = slowFrames.reduce((acc, val) => acc + val, 0);
-        writeSceneLog(
-          this.constructor.name,
-          "Profile tail recorded, slow frames duration:",
-          slowFramesTime,
-          slowFrames,
-          __privateGet$2(this, _profileInProgress)
-        );
-        __privateSet$2(this, _recordedTrailingSpans, []);
-        const profileDuration = measurementStartTs - profileStartTs;
-        writeSceneLog(
-          this.constructor.name,
-          "Stoped recording, total measured time (network included):",
-          profileDuration + slowFramesTime
-        );
-        __privateSet$2(this, _trailAnimationFrameId, null);
-        const profileEndTs = profileStartTs + profileDuration + slowFramesTime;
-        if (!__privateGet$2(this, _profileInProgress)) {
-          return;
-        }
-        performance.measure(`DashboardInteraction ${__privateGet$2(this, _profileInProgress).origin}`, {
-          start: profileStartTs,
-          end: profileEndTs
-        });
-        const networkDuration = captureNetwork(profileStartTs, profileEndTs);
-        if (((_a = this.queryController) == null ? void 0 : _a.state.onProfileComplete) && __privateGet$2(this, _profileInProgress)) {
-          this.queryController.state.onProfileComplete({
-            origin: __privateGet$2(this, _profileInProgress).origin,
-            crumbs: __privateGet$2(this, _profileInProgress).crumbs,
-            duration: profileDuration + slowFramesTime,
-            networkDuration,
-            startTs: profileStartTs,
-            endTs: profileEndTs,
-            // @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$2(this, _profileInProgress, null);
-          __privateSet$2(this, _trailAnimationFrameId, null);
-        }
-        if (window.__runs) {
-          window.__runs += `${Date.now()}, ${profileDuration + slowFramesTime}
-`;
-        } else {
-          window.__runs = `${Date.now()}, ${profileDuration + slowFramesTime}
-`;
-        }
-      }
-    };
-    this.setupVisibilityChangeHandler();
-  }
-  setQueryController(queryController) {
-    this.queryController = queryController;
-  }
-  setupVisibilityChangeHandler() {
-    if (__privateGet$2(this, _visibilityChangeHandler)) {
-      return;
-    }
-    __privateSet$2(this, _visibilityChangeHandler, () => {
-      if (document.hidden && __privateGet$2(this, _profileInProgress)) {
-        writeSceneLog("SceneRenderProfiler", "Tab became inactive, cancelling profile");
-        this.cancelProfile();
-      }
-    });
-    if (typeof document !== "undefined") {
-      document.addEventListener("visibilitychange", __privateGet$2(this, _visibilityChangeHandler));
-    }
-  }
-  cleanup() {
-    if (__privateGet$2(this, _visibilityChangeHandler) && typeof document !== "undefined") {
-      document.removeEventListener("visibilitychange", __privateGet$2(this, _visibilityChangeHandler));
-      __privateSet$2(this, _visibilityChangeHandler, null);
-    }
-    this.cancelProfile();
-  }
-  startProfile(name) {
-    if (document.hidden) {
-      writeSceneLog("SceneRenderProfiler", "Tab is inactive, skipping profile", name);
-      return;
-    }
-    if (__privateGet$2(this, _profileInProgress)) {
-      if (__privateGet$2(this, _trailAnimationFrameId)) {
-        this.cancelProfile();
-        this._startNewProfile(name, true);
-      } else {
-        this.addCrumb(name);
-      }
-    } else {
-      this._startNewProfile(name);
-    }
-  }
-  /**
-   * 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) {
-    __privateSet$2(this, _profileInProgress, { origin: name, crumbs: [] });
-    __privateSet$2(this, _profileStartTs, performance.now());
-    writeSceneLog(
-      "SceneRenderProfiler",
-      `Profile started[${force ? "forced" : "clean"}]`,
-      __privateGet$2(this, _profileInProgress),
-      __privateGet$2(this, _profileStartTs)
-    );
-  }
-  recordProfileTail(measurementStartTime, profileStartTs) {
-    __privateSet$2(this, _trailAnimationFrameId, requestAnimationFrame(
-      () => this.measureTrailingFrames(measurementStartTime, measurementStartTime, profileStartTs)
-    ));
-  }
-  tryCompletingProfile() {
-    var _a;
-    writeSceneLog("SceneRenderProfiler", "Trying to complete profile", __privateGet$2(this, _profileInProgress));
-    if (((_a = this.queryController) == null ? void 0 : _a.runningQueriesCount()) === 0 && __privateGet$2(this, _profileInProgress)) {
-      writeSceneLog("SceneRenderProfiler", "All queries completed, stopping profile");
-      this.recordProfileTail(performance.now(), __privateGet$2(this, _profileStartTs));
-    }
-  }
-  isTailRecording() {
-    return Boolean(__privateGet$2(this, _trailAnimationFrameId));
-  }
-  cancelTailRecording() {
-    if (__privateGet$2(this, _trailAnimationFrameId)) {
-      cancelAnimationFrame(__privateGet$2(this, _trailAnimationFrameId));
-      __privateSet$2(this, _trailAnimationFrameId, null);
-      writeSceneLog("SceneRenderProfiler", "Cancelled recording frames, new profile started");
-    }
-  }
-  // cancel profile
-  cancelProfile() {
-    if (__privateGet$2(this, _profileInProgress)) {
-      writeSceneLog("SceneRenderProfiler", "Cancelling profile", __privateGet$2(this, _profileInProgress));
-      __privateSet$2(this, _profileInProgress, null);
-      if (__privateGet$2(this, _trailAnimationFrameId)) {
-        cancelAnimationFrame(__privateGet$2(this, _trailAnimationFrameId));
-        __privateSet$2(this, _trailAnimationFrameId, null);
-      }
-      __privateSet$2(this, _recordedTrailingSpans, []);
-    }
-  }
-  addCrumb(crumb) {
-    if (__privateGet$2(this, _profileInProgress)) {
-      writeSceneLog("SceneRenderProfiler", "Adding crumb:", crumb);
-      __privateGet$2(this, _profileInProgress).crumbs.push(crumb);
-    }
-  }
-}
-_profileInProgress = new WeakMap();
-_profileStartTs = new WeakMap();
-_trailAnimationFrameId = new WeakMap();
-_recordedTrailingSpans = new WeakMap();
-_visibilityChangeHandler = new WeakMap();
-function processRecordedSpans(spans) {
-  for (let i = spans.length - 1; i >= 0; i--) {
-    if (spans[i] > SPAN_THRESHOLD) {
-      return spans.slice(0, i + 1);
-    }
-  }
-  return [spans[0]];
-}
-function captureNetwork(startTs, endTs) {
-  const entries = performance.getEntriesByType("resource");
-  performance.clearResourceTimings();
-  const networkEntries = entries.filter(
-    (entry) => entry.startTime >= startTs && entry.startTime <= endTs && entry.responseEnd >= startTs && entry.responseEnd <= endTs
-  );
-  for (const entry of networkEntries) {
-    performance.measure("Network entry " + entry.name, {
-      start: entry.startTime,
-      end: entry.responseEnd
-    });
-  }
-  return calculateNetworkTime(networkEntries);
-}
-function calculateNetworkTime(requests) {
-  if (requests.length === 0) {
-    return 0;
-  }
-  requests.sort((a, b) => a.startTime - b.startTime);
-  let totalNetworkTime = 0;
-  let currentStart = requests[0].startTime;
-  let currentEnd = requests[0].responseEnd;
-  for (let i = 1; i < requests.length; i++) {
-    if (requests[i].startTime <= currentEnd) {
-      currentEnd = Math.max(currentEnd, requests[i].responseEnd);
-    } else {
-      totalNetworkTime += currentEnd - currentStart;
-      currentStart = requests[i].startTime;
-      currentEnd = requests[i].responseEnd;
-    }
-  }
-  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";
-
 class SceneTimeRange extends SceneObjectBase {
   constructor(state = {}) {
     var _a;
@@ -3687,10 +3784,13 @@ function GroupByVariableRenderer({ model }) {
         setUncommittedValue(newValue);
       },
       onOpenMenu: async () => {
+        const profiler = getInteractionProfiler(model);
+        profiler == null ? void 0 : profiler.startProfile(USER_INTERACTIONS.GROUPBY_DROPDOWN);
         setIsFetchingOptions(true);
         await rxjs.lastValueFrom(model.validateAndUpdate());
         setIsFetchingOptions(false);
         setIsOptionsOpen(true);
+        profiler == null ? void 0 : profiler.stopProfile();
       },
       onCloseMenu: () => {
         setIsOptionsOpen(false);
@@ -3740,10 +3840,13 @@ function GroupByVariableRenderer({ model }) {
         }
       },
       onOpenMenu: async () => {
+        const profiler = getInteractionProfiler(model);
+        profiler == null ? void 0 : profiler.startProfile(USER_INTERACTIONS.GROUPBY_DROPDOWN);
         setIsFetchingOptions(true);
         await rxjs.lastValueFrom(model.validateAndUpdate());
         setIsFetchingOptions(false);
         setIsOptionsOpen(true);
+        profiler == null ? void 0 : profiler.stopProfile();
       },
       onCloseMenu: () => {
         setIsOptionsOpen(false);
@@ -4908,6 +5011,11 @@ const AdHocCombobox = React.forwardRef(function AdHocCombobox2({ filter, model,
   const handleFetchOptions = React.useCallback(
     async (inputType) => {
       var _a2;
+      const profiler = getInteractionProfiler(model);
+      const interactionName = inputType === "key" ? USER_INTERACTIONS.ADHOC_KEYS_DROPDOWN : USER_INTERACTIONS.ADHOC_VALUES_DROPDOWN;
+      if (inputType !== "operator") {
+        profiler == null ? void 0 : profiler.startProfile(interactionName);
+      }
       setOptionsError(false);
       setOptionsLoading(true);
       setOptions([]);
@@ -4921,6 +5029,7 @@ const AdHocCombobox = React.forwardRef(function AdHocCombobox2({ filter, model,
           options2 = await model._getValuesFor(filter);
         }
         if (filterInputTypeRef.current !== inputType) {
+          profiler == null ? void 0 : profiler.stopProfile();
           return;
         }
         setOptions(options2);
@@ -4933,6 +5042,7 @@ const AdHocCombobox = React.forwardRef(function AdHocCombobox2({ filter, model,
         setOptionsError(true);
       }
       setOptionsLoading(false);
+      profiler == null ? void 0 : profiler.stopProfile();
     },
     [filter, model]
   );
@@ -7980,6 +8090,7 @@ const sceneGraph = {
   findAllObjects,
   getAncestor,
   getQueryController,
+  getInteractionProfiler,
   findDescendents,
   getScopes
 };
@@ -9479,6 +9590,7 @@ var index$1 = /*#__PURE__*/Object.freeze({
   ActWhenVariableChanged: ActWhenVariableChanged,
   CursorSync: CursorSync,
   LiveNowTimer: LiveNowTimer,
+  SceneInteractionProfiler: SceneInteractionProfiler,
   SceneQueryController: SceneQueryController
 });