@grafana/scenes 6.40.0--canary.1278.18560955561.0 → 6.40.0--canary.1265.18596374903.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"SceneRenderProfiler.js","sources":["../../../src/performance/SceneRenderProfiler.ts"],"sourcesContent":["import { writePerformanceLog } from '../utils/writePerformanceLog';\nimport { SceneQueryControllerLike, LongFrameEvent, SceneComponentInteractionEvent } from '../behaviors/types';\nimport {\n  getScenePerformanceTracker,\n  generateOperationId,\n  DashboardInteractionCompleteData,\n} from './ScenePerformanceTracker';\nimport { PanelProfilingManager, PanelProfilingConfig } from './PanelProfilingManager';\nimport { SceneObject } from '../core/types';\nimport { VizPanel } from '../components/VizPanel/VizPanel';\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\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    origin: string; // Profile trigger (e.g., 'time_range_change')\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  // Generic metadata for observer notifications\n  private metadata: Record<string, unknown> = {};\n\n  // Operation ID for correlating dashboard interaction events\n  #currentOperationId?: string;\n\n  // Trailing frame measurements\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  // Panel profiling composition\n  private _panelProfilingManager?: PanelProfilingManager;\n\n  // Query controller for monitoring query completion\n  private queryController?: SceneQueryControllerLike;\n\n  public constructor(panelProfilingConfig?: PanelProfilingConfig) {\n    this.#longFrameDetector = new LongFrameDetector();\n    this.setupVisibilityChangeHandler();\n    this.#interactionInProgress = null;\n\n    // Compose with panel profiling manager if provided\n    if (panelProfilingConfig) {\n      this._panelProfilingManager = new PanelProfilingManager(panelProfilingConfig);\n    }\n  }\n\n  /** Set generic metadata for observer notifications */\n  public setMetadata(metadata: Record<string, unknown>) {\n    this.metadata = { ...metadata };\n  }\n\n  public setQueryController(queryController: SceneQueryControllerLike) {\n    this.queryController = queryController;\n  }\n\n  /** Attach panel profiling to a scene object */\n  public attachPanelProfiling(sceneObject: SceneObject) {\n    this._panelProfilingManager?.attachToScene(sceneObject);\n  }\n\n  /** Attach profiler to a specific panel */\n  public attachProfilerToPanel(panel: VizPanel): void {\n    writePerformanceLog('SRP', 'Attaching profiler to panel', panel.state.key);\n    this._panelProfilingManager?.attachProfilerToPanel(panel);\n  }\n\n  public setInteractionCompleteHandler(handler?: (event: SceneComponentInteractionEvent) => void) {\n    this.#onInteractionComplete = handler ?? null;\n  }\n\n  private setupVisibilityChangeHandler() {\n    if (this.#visibilityChangeHandler) {\n      return;\n    }\n\n    // Cancel profiling when tab becomes inactive\n    this.#visibilityChangeHandler = () => {\n      if (document.hidden && this.#profileInProgress) {\n        writePerformanceLog('SRP', '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    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    // Cleanup composed panel profiling manager\n    this._panelProfilingManager?.cleanup();\n  }\n\n  public startProfile(name: string) {\n    // Skip profiling if tab is inactive\n    if (document.hidden) {\n      writePerformanceLog('SRP', '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      writePerformanceLog('SRP', 'Cancelled interaction:', this.#interactionInProgress);\n      this.#interactionInProgress = null;\n    }\n\n    this.#interactionInProgress = {\n      interaction,\n      startTs: performance.now(),\n    };\n\n    writePerformanceLog('SRP', '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    writePerformanceLog(\n      'SRP',\n      `[INTERACTION] Complete: ${interactionDuration.toFixed(1)}ms total | ${networkDuration.toFixed(1)}ms network`\n    );\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   * Start new performance profile\n   * @param name - Profile trigger (e.g., 'time_range_change')\n   * @param force - True if canceling existing profile, false if starting clean\n   */\n  private _startNewProfile(name: string, force = false) {\n    const profileType = force ? 'forced' : 'clean';\n    writePerformanceLog('SRP', `[PROFILER] ${name} started (${profileType})`);\n    this.#profileInProgress = { origin: name, crumbs: [] };\n    this.#profileStartTs = performance.now();\n    this.#longFramesCount = 0;\n    this.#longFramesTotalTime = 0;\n\n    this.#currentOperationId = generateOperationId('dashboard');\n    getScenePerformanceTracker().notifyDashboardInteractionStart({\n      operationId: this.#currentOperationId,\n      interactionType: name,\n      timestamp: this.#profileStartTs,\n      metadata: this.metadata,\n    });\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    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      writePerformanceLog(\n        'SRP',\n        'Profile tail recorded, slow frames duration:',\n        slowFramesTime,\n        slowFrames,\n        this.#profileInProgress\n      );\n\n      this.#recordedTrailingSpans = [];\n\n      const profileDuration = measurementStartTs - profileStartTs;\n\n      const slowFrameSummary =\n        slowFrames.length > 0\n          ? `${slowFramesTime.toFixed(1)}ms slow frames[tail recording] (${slowFrames.length}) ⚠️`\n          : `${slowFramesTime.toFixed(1)}ms slow frames[tail recording] (${slowFrames.length})`;\n\n      const longFrameSummary =\n        this.#longFramesCount > 0\n          ? `${this.#longFramesTotalTime.toFixed(1)}ms long frames[LoAF] (${this.#longFramesCount}) ⚠️`\n          : `${this.#longFramesTotalTime.toFixed(1)}ms long frames[LoAF] (${this.#longFramesCount})`;\n\n      writePerformanceLog(\n        'SRP',\n        `[PROFILER] Complete: ${(profileDuration + slowFramesTime).toFixed(\n          1\n        )}ms total | ${slowFrameSummary} | ${longFrameSummary}`\n      );\n      this.#longFrameDetector.stop();\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      const networkDuration = captureNetwork(profileStartTs, profileEndTs);\n\n      if (this.#profileInProgress) {\n        // Notify performance observers of dashboard interaction completion\n        const dashboardData: DashboardInteractionCompleteData = {\n          operationId: this.#currentOperationId || generateOperationId('dashboard-fallback'),\n          interactionType: this.#profileInProgress.origin,\n          timestamp: profileEndTs,\n          duration: profileDuration + slowFramesTime,\n          networkDuration: networkDuration,\n          longFramesCount: this.#longFramesCount,\n          longFramesTotalTime: this.#longFramesTotalTime,\n          metadata: this.metadata,\n        };\n\n        const tracker = getScenePerformanceTracker();\n        tracker.notifyDashboardInteractionComplete(dashboardData);\n\n        this.#profileInProgress = null;\n        this.#trailAnimationFrameId = null;\n      }\n    }\n  };\n\n  public tryCompletingProfile() {\n    writePerformanceLog('SRP', 'Trying to complete profile', this.#profileInProgress);\n    if (this.queryController?.runningQueriesCount() === 0 && this.#profileInProgress) {\n      writePerformanceLog('SRP', 'All queries completed, stopping profile');\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      writePerformanceLog('SRP', 'Cancelled recording frames, new profile started');\n    }\n  }\n\n  public cancelProfile() {\n    if (this.#profileInProgress) {\n      writePerformanceLog('SRP', 'Cancelling profile', this.#profileInProgress);\n\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      writePerformanceLog('SRP', '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      // Notify performance observers of milestone\n      getScenePerformanceTracker().notifyDashboardInteractionMilestone({\n        operationId: generateOperationId('dashboard-milestone'),\n        interactionType: this.#profileInProgress.origin,\n        timestamp: performance.now(),\n        milestone: crumb,\n        metadata: this.metadata,\n      });\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"],"names":[],"mappings":"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"}

package/dist/esm/performance/VizPanelRenderProfiler.js

@@ -0,0 +1,320 @@
+import { SceneObjectBase } from '../core/SceneObjectBase.js';
+import { VizPanel } from '../components/VizPanel/VizPanel.js';
+import { writeSceneLog } from '../utils/writeSceneLog.js';
+import { sceneGraph } from '../core/sceneGraph/index.js';
+import { getScenePerformanceTracker, generateOperationId } from './ScenePerformanceTracker.js';
+
+class VizPanelRenderProfiler extends SceneObjectBase {
+  constructor(state = {}) {
+    super({
+      ...state
+    });
+    this._isTracking = false;
+    this._activeQueries = /* @__PURE__ */ new Map();
+    this.addActivationHandler(() => {
+      return this._onActivate();
+    });
+  }
+  _onActivate() {
+    var _a, _b;
+    let panel;
+    try {
+      panel = sceneGraph.getAncestor(this, VizPanel);
+    } catch (error) {
+      writeSceneLog("VizPanelRenderProfiler", "Failed to find VizPanel ancestor", error);
+      return;
+    }
+    if (!panel) {
+      writeSceneLog("VizPanelRenderProfiler", "Not attached to a VizPanel");
+      return;
+    }
+    if (!panel.state.key) {
+      writeSceneLog("VizPanelRenderProfiler", "Panel has no key, skipping tracking");
+      return;
+    }
+    this._panelKey = panel.state.key;
+    this._panelId = String(panel.getLegacyPanelId());
+    this._pluginId = panel.state.pluginId;
+    const plugin = panel.getPlugin();
+    this._pluginVersion = (_b = (_a = plugin == null ? void 0 : plugin.meta) == null ? void 0 : _a.info) == null ? void 0 : _b.version;
+    this._subs.add(
+      panel.subscribeToState((newState, prevState) => {
+        this._handlePanelStateChange(panel, newState, prevState);
+      })
+    );
+    return () => {
+      this._cleanup();
+    };
+  }
+  _handlePanelStateChange(panel, newState, prevState) {
+    if (newState.pluginId !== prevState.pluginId) {
+      this._onPluginChange(panel, newState.pluginId);
+    }
+  }
+  /**
+   * Track query execution with operation ID correlation
+   */
+  onQueryStarted(timestamp, entry, queryId) {
+    if (!this._panelKey) {
+      return null;
+    }
+    this._activeQueries.set(queryId, { entry, startTime: timestamp });
+    const operationId = generateOperationId("query");
+    getScenePerformanceTracker().notifyPanelOperationStart({
+      operationId,
+      panelId: this._panelId,
+      panelKey: this._panelKey,
+      pluginId: this._pluginId,
+      pluginVersion: this._pluginVersion,
+      operation: "query",
+      timestamp,
+      metadata: {
+        queryId,
+        queryType: entry.type
+      }
+    });
+    const callback = (endTimestamp, error) => {
+      if (!this._panelKey) {
+        return;
+      }
+      const queryInfo = this._activeQueries.get(queryId);
+      if (!queryInfo) {
+        return;
+      }
+      const duration = endTimestamp - queryInfo.startTime;
+      this._activeQueries.delete(queryId);
+      getScenePerformanceTracker().notifyPanelOperationComplete({
+        operationId,
+        panelId: this._panelId,
+        panelKey: this._panelKey,
+        pluginId: this._pluginId,
+        pluginVersion: this._pluginVersion,
+        operation: "query",
+        timestamp: endTimestamp,
+        duration,
+        metadata: {
+          queryId,
+          queryType: entry.type
+        },
+        error: error ? (error == null ? void 0 : error.message) || String(error) || "Unknown error" : void 0
+      });
+    };
+    return callback;
+  }
+  /**
+   * Track plugin loading with operation ID correlation
+   */
+  onPluginLoadStart(pluginId) {
+    if (!this._panelKey) {
+      let panel;
+      try {
+        panel = sceneGraph.getAncestor(this, VizPanel);
+      } catch (error) {
+        return null;
+      }
+      if (panel && !this._panelKey && panel.state.key) {
+        this._panelKey = panel.state.key;
+        this._panelId = String(panel.getLegacyPanelId());
+        this._pluginId = pluginId;
+      }
+    }
+    if (!this._panelKey) {
+      return null;
+    }
+    if (!this._isTracking) {
+      this._startTracking();
+    }
+    this._loadPluginStartTime = performance.now();
+    const operationId = generateOperationId("pluginLoad");
+    getScenePerformanceTracker().notifyPanelOperationStart({
+      operationId,
+      panelId: this._panelId,
+      panelKey: this._panelKey,
+      pluginId: this._pluginId,
+      operation: "plugin-load",
+      timestamp: this._loadPluginStartTime,
+      metadata: {
+        pluginId
+      }
+    });
+    const callback = (plugin, fromCache = false) => {
+      if (!this._panelKey || !this._loadPluginStartTime) {
+        return;
+      }
+      const duration = performance.now() - this._loadPluginStartTime;
+      getScenePerformanceTracker().notifyPanelOperationComplete({
+        operationId,
+        panelId: this._panelId,
+        panelKey: this._panelKey,
+        pluginId: this._pluginId,
+        operation: "plugin-load",
+        timestamp: performance.now(),
+        duration,
+        metadata: {
+          pluginId: this._pluginId,
+          fromCache,
+          pluginLoadTime: duration
+        }
+      });
+      this._loadPluginStartTime = void 0;
+    };
+    return callback;
+  }
+  /**
+   * Track field config processing with operation ID correlation
+   */
+  onFieldConfigStart(timestamp) {
+    if (!this._panelKey) {
+      return null;
+    }
+    this._applyFieldConfigStartTime = timestamp;
+    const operationId = generateOperationId("fieldConfig");
+    getScenePerformanceTracker().notifyPanelOperationStart({
+      operationId,
+      panelId: this._panelId,
+      panelKey: this._panelKey,
+      pluginId: this._pluginId,
+      operation: "fieldConfig",
+      timestamp: this._applyFieldConfigStartTime,
+      metadata: {}
+    });
+    const callback = (endTimestamp, dataPointsCount, seriesCount) => {
+      if (!this._panelKey || !this._applyFieldConfigStartTime) {
+        return;
+      }
+      const duration = endTimestamp - this._applyFieldConfigStartTime;
+      getScenePerformanceTracker().notifyPanelOperationComplete({
+        operationId,
+        panelId: this._panelId,
+        panelKey: this._panelKey,
+        pluginId: this._pluginId,
+        operation: "fieldConfig",
+        timestamp: endTimestamp,
+        duration,
+        metadata: {}
+      });
+      this._applyFieldConfigStartTime = void 0;
+    };
+    return callback;
+  }
+  /**
+   * Get panel info for logging - truncates long titles for readability
+   */
+  _getPanelInfo() {
+    let panel;
+    try {
+      panel = sceneGraph.getAncestor(this, VizPanel);
+    } catch (error) {
+    }
+    let panelTitle = (panel == null ? void 0 : panel.state.title) || this._panelKey || "No-key panel";
+    if (panelTitle.length > 30) {
+      panelTitle = panelTitle.substring(0, 27) + "...";
+    }
+    return `VizPanelRenderProfiler [${panelTitle}]`;
+  }
+  /**
+   * Track simple render timing with operation ID correlation
+   */
+  onSimpleRenderStart(timestamp) {
+    if (!this._panelKey) {
+      return void 0;
+    }
+    const operationId = generateOperationId("render");
+    getScenePerformanceTracker().notifyPanelOperationStart({
+      operationId,
+      panelId: this._panelId || "unknown",
+      panelKey: this._panelKey,
+      pluginId: this._pluginId || "unknown",
+      pluginVersion: this._pluginVersion,
+      operation: "render",
+      timestamp,
+      metadata: {}
+    });
+    return (endTimestamp, duration) => {
+      if (!this._panelKey) {
+        return;
+      }
+      getScenePerformanceTracker().notifyPanelOperationComplete({
+        operationId,
+        panelId: this._panelId || "unknown",
+        panelKey: this._panelKey,
+        pluginId: this._pluginId || "unknown",
+        pluginVersion: this._pluginVersion,
+        operation: "render",
+        duration,
+        timestamp: endTimestamp,
+        metadata: {}
+      });
+    };
+  }
+  /** Handle plugin changes */
+  _onPluginChange(panel, newPluginId) {
+    var _a, _b;
+    this._pluginId = newPluginId;
+    const plugin = panel.getPlugin();
+    this._pluginVersion = (_b = (_a = plugin == null ? void 0 : plugin.meta) == null ? void 0 : _a.info) == null ? void 0 : _b.version;
+    writeSceneLog(this._getPanelInfo(), `Plugin changed to ${newPluginId}`);
+  }
+  /** Start tracking this panel */
+  _startTracking() {
+    if (!this._panelKey || !this._pluginId || this._isTracking) {
+      return;
+    }
+    this._isTracking = true;
+  }
+  /** Cleanup when behavior is deactivated */
+  _cleanup() {
+    this._activeQueries.clear();
+    this._isTracking = false;
+    writeSceneLog(this._getPanelInfo(), "Cleaned up");
+  }
+  /**
+   * Track data transformation with operation ID correlation
+   */
+  onDataTransformStart(timestamp, transformationId, metrics) {
+    if (!this._panelKey) {
+      return null;
+    }
+    const operationId = generateOperationId("transform");
+    getScenePerformanceTracker().notifyPanelOperationStart({
+      operationId,
+      panelId: this._panelId,
+      panelKey: this._panelKey,
+      pluginId: this._pluginId,
+      operation: "transform",
+      timestamp,
+      metadata: {
+        transformationId,
+        transformationCount: metrics.transformationCount,
+        seriesTransformationCount: metrics.seriesTransformationCount,
+        annotationTransformationCount: metrics.annotationTransformationCount
+      }
+    });
+    const callback = (endTimestamp, duration, success, result) => {
+      if (!this._panelKey) {
+        return;
+      }
+      getScenePerformanceTracker().notifyPanelOperationComplete({
+        operationId,
+        panelId: this._panelId,
+        panelKey: this._panelKey,
+        pluginId: this._pluginId,
+        operation: "transform",
+        timestamp: endTimestamp,
+        duration,
+        metadata: {
+          transformationId,
+          transformationCount: metrics.transformationCount,
+          seriesTransformationCount: metrics.seriesTransformationCount,
+          annotationTransformationCount: metrics.annotationTransformationCount,
+          success,
+          error: (result == null ? void 0 : result.error) || (!success ? "Transform operation failed" : void 0)
+        }
+      });
+    };
+    return callback;
+  }
+}
+
+export { VizPanelRenderProfiler };
+//# sourceMappingURL=VizPanelRenderProfiler.js.map

package/dist/esm/performance/VizPanelRenderProfiler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VizPanelRenderProfiler.js","sources":["../../../src/performance/VizPanelRenderProfiler.ts"],"sourcesContent":["import { SceneObjectBase } from '../core/SceneObjectBase';\nimport { SceneObjectState } from '../core/types';\nimport { VizPanel } from '../components/VizPanel/VizPanel';\nimport { writeSceneLog } from '../utils/writeSceneLog';\nimport { sceneGraph } from '../core/sceneGraph';\nimport { SceneQueryControllerEntry } from '../behaviors/types';\nimport { QueryProfilerLike } from '../querying/registerQueryWithController';\nimport { getScenePerformanceTracker, generateOperationId } from './ScenePerformanceTracker';\n\nexport interface VizPanelRenderProfilerState extends SceneObjectState {}\n\n/**\n * Tracks performance metrics for individual VizPanel instances using observer pattern.\n *\n * Performance events are sent to ScenePerformanceTracker observers, which are consumed\n * by Grafana's ScenePerformanceLogger and DashboardAnalyticsAggregator.\n */\n\nexport class VizPanelRenderProfiler extends SceneObjectBase<VizPanelRenderProfilerState> implements QueryProfilerLike {\n  private _panelKey?: string;\n  private _panelId?: string;\n  private _pluginId?: string;\n  private _pluginVersion?: string;\n  private _isTracking = false;\n  private _loadPluginStartTime?: number;\n  private _applyFieldConfigStartTime?: number;\n  private _activeQueries = new Map<string, { entry: SceneQueryControllerEntry; startTime: number }>();\n\n  public constructor(state: Partial<VizPanelRenderProfilerState> = {}) {\n    super({\n      ...state,\n    });\n\n    this.addActivationHandler(() => {\n      return this._onActivate();\n    });\n  }\n\n  private _onActivate() {\n    let panel: VizPanel | undefined;\n\n    try {\n      panel = sceneGraph.getAncestor(this, VizPanel);\n    } catch (error) {\n      writeSceneLog('VizPanelRenderProfiler', 'Failed to find VizPanel ancestor', error);\n      return;\n    }\n\n    if (!panel) {\n      writeSceneLog('VizPanelRenderProfiler', 'Not attached to a VizPanel');\n      return;\n    }\n\n    if (!panel.state.key) {\n      writeSceneLog('VizPanelRenderProfiler', 'Panel has no key, skipping tracking');\n      return;\n    }\n\n    this._panelKey = panel.state.key;\n    this._panelId = String(panel.getLegacyPanelId());\n    this._pluginId = panel.state.pluginId;\n    const plugin = panel.getPlugin();\n    this._pluginVersion = plugin?.meta?.info?.version;\n\n    this._subs.add(\n      panel.subscribeToState((newState, prevState) => {\n        this._handlePanelStateChange(panel, newState, prevState);\n      })\n    );\n\n    return () => {\n      this._cleanup();\n    };\n  }\n\n  private _handlePanelStateChange(panel: VizPanel, newState: any, prevState: any) {\n    if (newState.pluginId !== prevState.pluginId) {\n      this._onPluginChange(panel, newState.pluginId);\n    }\n  }\n\n  /**\n   * Track query execution with operation ID correlation\n   */\n  public onQueryStarted(\n    timestamp: number,\n    entry: SceneQueryControllerEntry,\n    queryId: string\n  ): ((endTimestamp: number, error?: any) => void) | null {\n    if (!this._panelKey) {\n      return null;\n    }\n\n    this._activeQueries.set(queryId, { entry, startTime: timestamp });\n\n    const operationId = generateOperationId('query');\n\n    // ✅ Use panel operation tracking for panel queries\n    getScenePerformanceTracker().notifyPanelOperationStart({\n      operationId,\n      panelId: this._panelId!,\n      panelKey: this._panelKey,\n      pluginId: this._pluginId!,\n      pluginVersion: this._pluginVersion,\n      operation: 'query',\n      timestamp,\n      metadata: {\n        queryId: queryId,\n        queryType: entry.type,\n      },\n    });\n\n    // Return end callback with captured operationId and query context\n    const callback = (endTimestamp: number, error?: any) => {\n      if (!this._panelKey) {\n        return;\n      }\n\n      const queryInfo = this._activeQueries.get(queryId);\n      if (!queryInfo) {\n        return;\n      }\n\n      const duration = endTimestamp - queryInfo.startTime;\n      this._activeQueries.delete(queryId);\n\n      getScenePerformanceTracker().notifyPanelOperationComplete({\n        operationId,\n        panelId: this._panelId!,\n        panelKey: this._panelKey,\n        pluginId: this._pluginId!,\n        pluginVersion: this._pluginVersion,\n        operation: 'query',\n        timestamp: endTimestamp,\n        duration: duration,\n        metadata: {\n          queryId: queryId,\n          queryType: entry.type,\n        },\n        error: error ? error?.message || String(error) || 'Unknown error' : undefined,\n      });\n    };\n    return callback;\n  }\n\n  /**\n   * Track plugin loading with operation ID correlation\n   */\n  public onPluginLoadStart(pluginId: string): ((plugin: any, fromCache?: boolean) => void) | null {\n    // Initialize early since plugin loading happens before _onActivate\n    if (!this._panelKey) {\n      let panel: VizPanel | undefined;\n\n      try {\n        panel = sceneGraph.getAncestor(this, VizPanel);\n      } catch (error) {\n        return null;\n      }\n\n      if (panel && !this._panelKey && panel.state.key) {\n        this._panelKey = panel.state.key;\n        this._panelId = String(panel.getLegacyPanelId());\n        this._pluginId = pluginId;\n      }\n    }\n\n    if (!this._panelKey) {\n      return null;\n    }\n\n    if (!this._isTracking) {\n      this._startTracking();\n    }\n\n    this._loadPluginStartTime = performance.now();\n\n    const operationId = generateOperationId('pluginLoad');\n    getScenePerformanceTracker().notifyPanelOperationStart({\n      operationId,\n      panelId: this._panelId!,\n      panelKey: this._panelKey,\n      pluginId: this._pluginId!,\n      operation: 'plugin-load',\n      timestamp: this._loadPluginStartTime,\n      metadata: {\n        pluginId,\n      },\n    });\n\n    // Return end callback with captured operationId and panel context\n    const callback = (plugin: any, fromCache = false) => {\n      if (!this._panelKey || !this._loadPluginStartTime) {\n        return;\n      }\n\n      const duration = performance.now() - this._loadPluginStartTime;\n\n      getScenePerformanceTracker().notifyPanelOperationComplete({\n        operationId,\n        panelId: this._panelId!,\n        panelKey: this._panelKey,\n        pluginId: this._pluginId!,\n        operation: 'plugin-load',\n        timestamp: performance.now(),\n        duration,\n        metadata: {\n          pluginId: this._pluginId!,\n          fromCache,\n          pluginLoadTime: duration,\n        },\n      });\n\n      this._loadPluginStartTime = undefined;\n    };\n    return callback;\n  }\n\n  /**\n   * Track field config processing with operation ID correlation\n   */\n  public onFieldConfigStart(\n    timestamp: number\n  ): ((endTimestamp: number, dataPointsCount?: number, seriesCount?: number) => void) | null {\n    if (!this._panelKey) {\n      return null;\n    }\n\n    this._applyFieldConfigStartTime = timestamp;\n\n    const operationId = generateOperationId('fieldConfig');\n    getScenePerformanceTracker().notifyPanelOperationStart({\n      operationId,\n      panelId: this._panelId!,\n      panelKey: this._panelKey,\n      pluginId: this._pluginId!,\n      operation: 'fieldConfig',\n      timestamp: this._applyFieldConfigStartTime,\n      metadata: {},\n    });\n\n    // Return end callback with captured operationId and panel context\n    const callback = (endTimestamp: number, dataPointsCount?: number, seriesCount?: number) => {\n      if (!this._panelKey || !this._applyFieldConfigStartTime) {\n        return;\n      }\n\n      const duration = endTimestamp - this._applyFieldConfigStartTime;\n\n      getScenePerformanceTracker().notifyPanelOperationComplete({\n        operationId,\n        panelId: this._panelId!,\n        panelKey: this._panelKey,\n        pluginId: this._pluginId!,\n        operation: 'fieldConfig',\n        timestamp: endTimestamp,\n        duration,\n        metadata: {},\n      });\n\n      this._applyFieldConfigStartTime = undefined;\n    };\n    return callback;\n  }\n\n  /**\n   * Get panel info for logging - truncates long titles for readability\n   */\n  private _getPanelInfo(): string {\n    let panel: VizPanel | undefined;\n\n    try {\n      panel = sceneGraph.getAncestor(this, VizPanel);\n    } catch (error) {\n      // If we can't find the panel, use fallback info\n    }\n\n    let panelTitle = panel?.state.title || this._panelKey || 'No-key panel';\n\n    if (panelTitle.length > 30) {\n      panelTitle = panelTitle.substring(0, 27) + '...';\n    }\n\n    return `VizPanelRenderProfiler [${panelTitle}]`;\n  }\n\n  /**\n   * Track simple render timing with operation ID correlation\n   */\n  public onSimpleRenderStart(timestamp: number): ((endTimestamp: number, duration: number) => void) | undefined {\n    if (!this._panelKey) {\n      return undefined;\n    }\n\n    const operationId = generateOperationId('render');\n    getScenePerformanceTracker().notifyPanelOperationStart({\n      operationId,\n      panelId: this._panelId || 'unknown',\n      panelKey: this._panelKey,\n      pluginId: this._pluginId || 'unknown',\n      pluginVersion: this._pluginVersion,\n      operation: 'render',\n      timestamp,\n      metadata: {},\n    });\n\n    // Return end callback with captured operationId and panel context\n    return (endTimestamp: number, duration: number) => {\n      if (!this._panelKey) {\n        return;\n      }\n\n      getScenePerformanceTracker().notifyPanelOperationComplete({\n        operationId,\n        panelId: this._panelId || 'unknown',\n        panelKey: this._panelKey,\n        pluginId: this._pluginId || 'unknown',\n        pluginVersion: this._pluginVersion,\n        operation: 'render',\n        duration,\n        timestamp: endTimestamp,\n        metadata: {},\n      });\n    };\n  }\n\n  /** Handle plugin changes */\n  private _onPluginChange(panel: VizPanel, newPluginId: string) {\n    this._pluginId = newPluginId;\n    const plugin = panel.getPlugin();\n    this._pluginVersion = plugin?.meta?.info?.version;\n\n    writeSceneLog(this._getPanelInfo(), `Plugin changed to ${newPluginId}`);\n  }\n\n  /** Start tracking this panel */\n  private _startTracking() {\n    if (!this._panelKey || !this._pluginId || this._isTracking) {\n      return;\n    }\n\n    this._isTracking = true;\n  }\n\n  /** Cleanup when behavior is deactivated */\n  private _cleanup() {\n    this._activeQueries.clear();\n    this._isTracking = false;\n    writeSceneLog(this._getPanelInfo(), 'Cleaned up');\n  }\n\n  /**\n   * Track data transformation with operation ID correlation\n   */\n  public onDataTransformStart(\n    timestamp: number,\n    transformationId: string,\n    metrics: {\n      transformationCount: number;\n      seriesTransformationCount: number;\n      annotationTransformationCount: number;\n    }\n  ):\n    | ((\n        endTimestamp: number,\n        duration: number,\n        success: boolean,\n        result?: {\n          error?: string;\n        }\n      ) => void)\n    | null {\n    if (!this._panelKey) {\n      return null;\n    }\n\n    const operationId = generateOperationId('transform');\n    getScenePerformanceTracker().notifyPanelOperationStart({\n      operationId,\n      panelId: this._panelId!,\n      panelKey: this._panelKey,\n      pluginId: this._pluginId!,\n      operation: 'transform',\n      timestamp,\n      metadata: {\n        transformationId,\n        transformationCount: metrics.transformationCount,\n        seriesTransformationCount: metrics.seriesTransformationCount,\n        annotationTransformationCount: metrics.annotationTransformationCount,\n      },\n    });\n\n    // Return end callback with captured operationId and panel context\n    const callback = (\n      endTimestamp: number,\n      duration: number,\n      success: boolean,\n      result?: {\n        outputSeriesCount?: number;\n        outputAnnotationsCount?: number;\n        error?: string;\n      }\n    ) => {\n      if (!this._panelKey) {\n        return;\n      }\n\n      getScenePerformanceTracker().notifyPanelOperationComplete({\n        operationId,\n        panelId: this._panelId!,\n        panelKey: this._panelKey,\n        pluginId: this._pluginId!,\n        operation: 'transform',\n        timestamp: endTimestamp,\n        duration,\n        metadata: {\n          transformationId,\n          transformationCount: metrics.transformationCount,\n          seriesTransformationCount: metrics.seriesTransformationCount,\n          annotationTransformationCount: metrics.annotationTransformationCount,\n          success,\n          error: result?.error || (!success ? 'Transform operation failed' : undefined),\n        },\n      });\n    };\n    return callback;\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/performance/index.js

@@ -0,0 +1,7 @@
+export { SceneRenderProfiler } from './SceneRenderProfiler.js';
+export { VizPanelRenderProfiler } from './VizPanelRenderProfiler.js';
+export { PanelProfilingManager } from './PanelProfilingManager.js';
+export { LongFrameDetector } from './LongFrameDetector.js';
+export { ScenePerformanceTracker, generateOperationId, getScenePerformanceTracker } from './ScenePerformanceTracker.js';
+export { ADHOC_KEYS_DROPDOWN_INTERACTION, ADHOC_VALUES_DROPDOWN_INTERACTION, FILTER_ADDED_INTERACTION, FILTER_CHANGED_INTERACTION, FILTER_REMOVED_INTERACTION, FILTER_RESTORED_INTERACTION, GROUPBY_DIMENSIONS_INTERACTION, REFRESH_INTERACTION, SCOPES_CHANGED_INTERACTION, TIME_RANGE_CHANGE_INTERACTION, VARIABLE_VALUE_CHANGED_INTERACTION } from './interactionConstants.js';
+//# sourceMappingURL=index.js.map

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

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

package/dist/esm/performance/interactionConstants.js

@@ -0,0 +1,14 @@
+const REFRESH_INTERACTION = "refresh";
+const TIME_RANGE_CHANGE_INTERACTION = "time_range_change";
+const FILTER_ADDED_INTERACTION = "filter_added";
+const FILTER_REMOVED_INTERACTION = "filter_removed";
+const FILTER_CHANGED_INTERACTION = "filter_changed";
+const FILTER_RESTORED_INTERACTION = "filter_restored";
+const VARIABLE_VALUE_CHANGED_INTERACTION = "variable_value_changed";
+const SCOPES_CHANGED_INTERACTION = "scopes_changed";
+const ADHOC_KEYS_DROPDOWN_INTERACTION = "adhoc_keys_dropdown";
+const ADHOC_VALUES_DROPDOWN_INTERACTION = "adhoc_values_dropdown";
+const GROUPBY_DIMENSIONS_INTERACTION = "groupby_dimensions";
+
+export { ADHOC_KEYS_DROPDOWN_INTERACTION, ADHOC_VALUES_DROPDOWN_INTERACTION, FILTER_ADDED_INTERACTION, FILTER_CHANGED_INTERACTION, FILTER_REMOVED_INTERACTION, FILTER_RESTORED_INTERACTION, GROUPBY_DIMENSIONS_INTERACTION, REFRESH_INTERACTION, SCOPES_CHANGED_INTERACTION, TIME_RANGE_CHANGE_INTERACTION, VARIABLE_VALUE_CHANGED_INTERACTION };
+//# sourceMappingURL=interactionConstants.js.map

package/dist/esm/performance/interactionConstants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interactionConstants.js","sources":["../../../src/performance/interactionConstants.ts"],"sourcesContent":["/**\n * Constants for different types of dashboard interactions tracked by SceneRenderProfiler\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":"AAIO,MAAM,mBAAsB,GAAA;AAC5B,MAAM,6BAAgC,GAAA;AACtC,MAAM,wBAA2B,GAAA;AACjC,MAAM,0BAA6B,GAAA;AACnC,MAAM,0BAA6B,GAAA;AACnC,MAAM,2BAA8B,GAAA;AACpC,MAAM,kCAAqC,GAAA;AAC3C,MAAM,0BAA6B,GAAA;AACnC,MAAM,+BAAkC,GAAA;AACxC,MAAM,iCAAoC,GAAA;AAC1C,MAAM,8BAAiC,GAAA;;;;"}

package/dist/esm/querying/SceneDataTransformer.js

@@ -5,6 +5,7 @@ import { sceneGraph } from '../core/sceneGraph/index.js';
 import { SceneObjectBase } from '../core/SceneObjectBase.js';
 import { VariableDependencyConfig } from '../variables/VariableDependencyConfig.js';
 import { SceneDataLayerSet } from './SceneDataLayerSet.js';
+import { findPanelProfiler } from '../utils/findPanelProfiler.js';
 
 class SceneDataTransformer extends SceneObjectBase {
   constructor(state) {
@@ -61,6 +62,29 @@ class SceneDataTransformer extends SceneObjectBase {
   reprocessTransformations() {
     this.transform(this.getSourceData().state.data, true);
   }
+  /**
+   * S3.1: Calculate transformation complexity metrics
+   */
+  _calculateTransformationMetrics(data, transformations) {
+    const transformationCount = transformations.length;
+    const seriesTransformationCount = transformations.filter((transformation) => {
+      if ("options" in transformation || "topic" in transformation) {
+        return transformation.topic == null || transformation.topic === DataTopic.Series;
+      }
+      return true;
+    }).length;
+    const annotationTransformationCount = transformations.filter((transformation) => {
+      if ("options" in transformation || "topic" in transformation) {
+        return transformation.topic === DataTopic.Annotations;
+      }
+      return false;
+    }).length;
+    return {
+      transformationCount,
+      seriesTransformationCount,
+      annotationTransformationCount
+    };
+  }
   cancelQuery() {
     var _a, _b;
     (_b = (_a = this.getSourceData()).cancelQuery) == null ? void 0 : _b.call(_a);
@@ -101,6 +125,11 @@ class SceneDataTransformer extends SceneObjectBase {
   }
   transform(data, force = false) {
     var _a;
+    const timestamp = performance.now();
+    const profiler = findPanelProfiler(this);
+    const transformStartTime = performance.now();
+    let transformationId;
+    let endTransformCallback = null;
     if (this.state.transformations.length === 0 || !data) {
       this._prevDataFromSource = data;
       this.setState({ data });
@@ -112,6 +141,18 @@ class SceneDataTransformer extends SceneObjectBase {
     if (!force && this.haveAlreadyTransformedData(data)) {
       return;
     }
+    if (profiler) {
+      const transformationTypes = this.state.transformations.map((t) => {
+        if ("id" in t) {
+          return t.id;
+        } else {
+          return "customTransformation";
+        }
+      }).join("+");
+      transformationId = transformationTypes || "no-transforms";
+      const metrics = this._calculateTransformationMetrics(data, this.state.transformations);
+      endTransformCallback = profiler.onDataTransformStart(timestamp, transformationId, metrics);
+    }
     const interpolatedTransformations = this._interpolateVariablesInTransformationConfigs(data);
     const seriesTransformations = this._filterAndPrepareTransformationsByTopic(
       interpolatedTransformations,
@@ -160,6 +201,13 @@ class SceneDataTransformer extends SceneObjectBase {
       }),
       catchError((err) => {
         var _a2;
+        const timestamp2 = performance.now();
+        const duration = timestamp2 - transformStartTime;
+        if (endTransformCallback) {
+          endTransformCallback(timestamp2, duration, false, {
+            error: err.message || err
+          });
+        }
         console.error("Error transforming data: ", err);
         const sourceErr = ((_a2 = this.getSourceData().state.data) == null ? void 0 : _a2.errors) || [];
         const transformationError = toDataQueryError(err);
@@ -173,6 +221,15 @@ class SceneDataTransformer extends SceneObjectBase {
         return of(result);
       })
     ).subscribe((transformedData) => {
+      var _a2;
+      const timestamp2 = performance.now();
+      const duration = timestamp2 - transformStartTime;
+      if (endTransformCallback) {
+        endTransformCallback(timestamp2, duration, true, {
+          outputSeriesCount: transformedData.series.length,
+          outputAnnotationsCount: ((_a2 = transformedData.annotations) == null ? void 0 : _a2.length) || 0
+        });
+      }
       this.setState({ data: transformedData });
       this._results.next({ origin: this, data: transformedData });
       this._prevDataFromSource = data;