@grafana/scenes 4.26.3--canary.765.9397990341.0 → 4.26.3--canary.765.9398400471.0

package/dist/index.js

@@ -586,113 +586,22 @@ function registerRuntimeDataSource({ dataSource }) {
   runtimeDataSources.set(dataSource.uid, dataSource);
 }
 
-class UniqueUrlKeyMapper {
-  constructor() {
-    this.index = /* @__PURE__ */ new Map();
-  }
-  getUniqueKey(key, obj) {
-    let objectsWithKey = this.index.get(key);
-    if (!objectsWithKey) {
-      this.index.set(key, [obj]);
-      return key;
-    }
-    let address = objectsWithKey.findIndex((o) => o === obj);
-    if (address === -1) {
-      objectsWithKey = filterOutDeadObjects(objectsWithKey);
-      objectsWithKey.push(obj);
-      address = objectsWithKey.length - 1;
-    }
-    if (address > 0) {
-      return `${key}-${address + 1}`;
-    }
-    return key;
-  }
-  clear() {
-    this.index.clear();
-  }
-}
-function filterOutDeadObjects(sceneObjects) {
-  const filtered = [];
-  for (const obj of sceneObjects) {
-    if (obj.parent) {
-      obj.parent.forEachChild((child) => {
-        if (child === obj) {
-          filtered.push(child);
-        }
-      });
-    }
-  }
-  return filtered;
-}
-
-function getUrlState(root) {
-  const urlKeyMapper = new UniqueUrlKeyMapper();
-  const result = {};
-  const visitNode = (obj) => {
-    if (obj.urlSync) {
-      const newUrlState = obj.urlSync.getUrlState();
-      for (const [key, value] of Object.entries(newUrlState)) {
-        if (value != null) {
-          const uniqueKey = urlKeyMapper.getUniqueKey(key, obj);
-          result[uniqueKey] = value;
-        }
-      }
-    }
-    obj.forEachChild(visitNode);
-  };
-  visitNode(root);
-  return result;
-}
-function syncStateFromSearchParams(root, urlParams) {
-  const urlKeyMapper = new UniqueUrlKeyMapper();
-  syncStateFromUrl(root, urlParams, urlKeyMapper);
-}
-function syncStateFromUrl(root, urlParams, urlKeyMapper) {
-  if (!root.parent) {
-    syncUrlStateToObject(root, urlParams, urlKeyMapper);
-  }
-  root.forEachChild((child) => {
-    syncUrlStateToObject(child, urlParams, urlKeyMapper);
-  });
-  root.forEachChild((child) => syncStateFromUrl(child, urlParams, urlKeyMapper));
-}
-function syncUrlStateToObject(sceneObject, urlParams, urlKeyMapper) {
-  if (sceneObject.urlSync) {
-    const urlState = {};
-    const currentState = sceneObject.urlSync.getUrlState();
-    for (const key of sceneObject.urlSync.getKeys()) {
-      const uniqueKey = urlKeyMapper.getUniqueKey(key, sceneObject);
-      const newValue = urlParams.getAll(uniqueKey);
-      const currentValue = currentState[key];
-      if (isUrlValueEqual(newValue, currentValue)) {
-        continue;
-      }
-      if (newValue.length > 0) {
-        if (Array.isArray(currentValue)) {
-          urlState[key] = newValue;
-        } else {
-          urlState[key] = newValue[0];
-        }
-      } else {
-        urlState[key] = null;
-      }
-    }
-    if (Object.keys(urlState).length > 0) {
-      sceneObject.urlSync.updateFromUrl(urlState);
+function lookupVariable(name, sceneObject) {
+  const variables = sceneObject.state.$variables;
+  if (!variables) {
+    if (sceneObject.parent) {
+      return lookupVariable(name, sceneObject.parent);
+    } else {
+      return null;
     }
   }
-}
-function isUrlValueEqual(currentUrlValue, newUrlValue) {
-  if (currentUrlValue.length === 0 && newUrlValue == null) {
-    return true;
-  }
-  if (!Array.isArray(newUrlValue) && (currentUrlValue == null ? void 0 : currentUrlValue.length) === 1) {
-    return newUrlValue === currentUrlValue[0];
-  }
-  if ((newUrlValue == null ? void 0 : newUrlValue.length) === 0 && currentUrlValue === null) {
-    return true;
+  const found = variables.getByName(name);
+  if (found) {
+    return found;
+  } else if (sceneObject.parent) {
+    return lookupVariable(name, sceneObject.parent);
   }
-  return lodash.isEqual(currentUrlValue, newUrlValue);
+  return null;
 }
 
 var __defProp$F = Object.defineProperty;
@@ -1324,393 +1233,88 @@ function sqlStringFormatter(value) {
   })}'`;
 }
 
-function lookupVariable(name, sceneObject) {
-  const variables = sceneObject.state.$variables;
-  if (!variables) {
-    if (sceneObject.parent) {
-      return lookupVariable(name, sceneObject.parent);
-    } else {
-      return null;
-    }
+class SkipFormattingValue {
+  constructor(_value) {
+    this._value = _value;
   }
-  const found = variables.getByName(name);
-  if (found) {
-    return found;
-  } else if (sceneObject.parent) {
-    return lookupVariable(name, sceneObject.parent);
+  formatter() {
+    return this._value;
   }
-  return null;
 }
 
-function sceneInterpolator(sceneObject, target, scopedVars, format, interpolations) {
-  if (!target) {
-    return target != null ? target : "";
+class UrlTimeRangeMacro {
+  constructor(name, sceneObject) {
+    this.state = { name, type: "url_variable" };
+    this._sceneObject = sceneObject;
+  }
+  getValue() {
+    var _a;
+    const timeRange = getTimeRange(this._sceneObject);
+    const urlState = (_a = timeRange.urlSync) == null ? void 0 : _a.getUrlState();
+    return new SkipFormattingValue(data.urlUtil.toUrlParams(urlState));
+  }
+  getValueText() {
+    return "";
   }
-  VARIABLE_REGEX.lastIndex = 0;
-  return target.replace(VARIABLE_REGEX, (match, var1, var2, fmt2, var3, fieldPath, fmt3) => {
-    const variableName = var1 || var2 || var3;
-    const fmt = fmt2 || fmt3 || format;
-    const variable = lookupFormatVariable(variableName, match, scopedVars, sceneObject);
-    if (!variable) {
-      if (interpolations) {
-        interpolations.push({ match, variableName, fieldPath, format: fmt, value: match, found: false });
-      }
-      return match;
-    }
-    const value = formatValue(sceneObject, variable, variable.getValue(fieldPath), fmt);
-    if (interpolations) {
-      interpolations.push({ match, variableName, fieldPath, format: fmt, value, found: value !== match });
-    }
-    return value;
-  });
 }
-function lookupFormatVariable(name, match, scopedVars, sceneObject) {
-  const scopedVar = scopedVars == null ? void 0 : scopedVars[name];
-  if (scopedVar) {
-    return getSceneVariableForScopedVar(name, scopedVar);
+class TimeFromAndToMacro {
+  constructor(name, sceneObject) {
+    this.state = { name, type: "time_macro" };
+    this._sceneObject = sceneObject;
   }
-  const variable = lookupVariable(name, sceneObject);
-  if (variable) {
-    return variable;
+  getValue() {
+    const timeRange = getTimeRange(this._sceneObject);
+    if (this.state.name === "__from") {
+      return timeRange.state.value.from.valueOf();
+    } else {
+      return timeRange.state.value.to.valueOf();
+    }
   }
-  if (macrosIndex[name]) {
-    return new macrosIndex[name](name, sceneObject, match, scopedVars);
+  getValueText() {
+    const timeRange = getTimeRange(this._sceneObject);
+    if (this.state.name === "__from") {
+      return data.dateTimeFormat(timeRange.state.value.from, { timeZone: timeRange.getTimeZone() });
+    } else {
+      return data.dateTimeFormat(timeRange.state.value.to, { timeZone: timeRange.getTimeZone() });
+    }
   }
-  return null;
 }
-function formatValue(context, variable, value, formatNameOrFn) {
-  if (value === null || value === void 0) {
-    return "";
+class TimezoneMacro {
+  constructor(name, sceneObject) {
+    this.state = { name, type: "time_macro" };
+    this._sceneObject = sceneObject;
   }
-  if (isCustomVariableValue(value)) {
-    return sceneInterpolator(context, value.formatter(formatNameOrFn));
+  getValue() {
+    const timeRange = getTimeRange(this._sceneObject);
+    const timeZone = timeRange.getTimeZone();
+    if (timeZone === "browser") {
+      return Intl.DateTimeFormat().resolvedOptions().timeZone;
+    }
+    return timeZone;
   }
-  if (!Array.isArray(value) && typeof value === "object") {
-    value = `${value}`;
+  getValueText() {
+    return this.getValue();
   }
-  if (typeof formatNameOrFn === "function") {
-    return formatNameOrFn(value, {
-      name: variable.state.name,
-      type: variable.state.type,
-      multi: variable.state.isMulti,
-      includeAll: variable.state.includeAll
-    });
+}
+class IntervalMacro {
+  constructor(name, sceneObject, match) {
+    this.state = { name, type: "time_macro", match };
+    this._sceneObject = sceneObject;
   }
-  let args = [];
-  if (!formatNameOrFn) {
-    formatNameOrFn = schema.VariableFormatID.Glob;
-  } else {
-    args = formatNameOrFn.split(":");
-    if (args.length > 1) {
-      formatNameOrFn = args[0];
-      args = args.slice(1);
-    } else {
-      args = [];
+  getValue() {
+    var _a;
+    const data = getData(this._sceneObject);
+    if (data) {
+      const request = (_a = data.state.data) == null ? void 0 : _a.request;
+      if (!request) {
+        return this.state.match;
+      }
+      if (this.state.name === "__interval_ms") {
+        return request.intervalMs;
+      }
+      return request.interval;
     }
-  }
-  let formatter = formatRegistry.getIfExists(formatNameOrFn);
-  if (!formatter) {
-    console.error(`Variable format ${formatNameOrFn} not found. Using glob format as fallback.`);
-    formatter = formatRegistry.get(schema.VariableFormatID.Glob);
-  }
-  return formatter.formatter(value, args, variable);
-}
-
-function isSceneObject(obj) {
-  return obj.useState !== void 0;
-}
-function isDataRequestEnricher(obj) {
-  return "enrichDataRequest" in obj;
-}
-function isDataLayer(obj) {
-  return "isDataLayer" in obj;
-}
-
-var __accessCheck = (obj, member, msg) => {
-  if (!member.has(obj))
-    throw TypeError("Cannot " + msg);
-};
-var __privateGet = (obj, member, getter) => {
-  __accessCheck(obj, member, "read from private field");
-  return getter ? getter.call(obj) : member.get(obj);
-};
-var __privateAdd = (obj, member, value) => {
-  if (member.has(obj))
-    throw TypeError("Cannot add the same private member more than once");
-  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-};
-var _running;
-function isQueryController(s) {
-  return "isQueryController" in s;
-}
-class SceneQueryController extends SceneObjectBase {
-  constructor() {
-    super({ isRunning: false });
-    this.isQueryController = true;
-    __privateAdd(this, _running, /* @__PURE__ */ new Set());
-    this.addActivationHandler(() => {
-      return () => __privateGet(this, _running).clear();
-    });
-  }
-  queryStarted(entry) {
-    __privateGet(this, _running).add(entry);
-    this.changeRunningQueryCount(1);
-    if (!this.state.isRunning) {
-      this.setState({ isRunning: true });
-    }
-  }
-  queryCompleted(entry) {
-    if (!__privateGet(this, _running).has(entry)) {
-      return;
-    }
-    __privateGet(this, _running).delete(entry);
-    this.changeRunningQueryCount(-1);
-    if (__privateGet(this, _running).size === 0) {
-      this.setState({ isRunning: false });
-    }
-  }
-  changeRunningQueryCount(dir) {
-    var _a;
-    window.__grafanaRunningQueryCount = ((_a = window.__grafanaRunningQueryCount) != null ? _a : 0) + dir;
-  }
-  cancelAll() {
-    var _a;
-    for (const entry of __privateGet(this, _running).values()) {
-      (_a = entry.cancel) == null ? void 0 : _a.call(entry);
-    }
-  }
-}
-_running = new WeakMap();
-
-function getVariables(sceneObject) {
-  var _a;
-  return (_a = getClosest(sceneObject, (s) => s.state.$variables)) != null ? _a : EmptyVariableSet;
-}
-function getData(sceneObject) {
-  var _a;
-  return (_a = getClosest(sceneObject, (s) => s.state.$data)) != null ? _a : EmptyDataNode;
-}
-function isSceneLayout(s) {
-  return "isDraggable" in s;
-}
-function getLayout(scene) {
-  const parent = getClosest(scene, (s) => isSceneLayout(s) ? s : void 0);
-  if (parent) {
-    return parent;
-  }
-  return null;
-}
-function interpolate(sceneObject, value, scopedVars, format, interpolations) {
-  if (value === "" || value == null) {
-    return "";
-  }
-  return sceneInterpolator(sceneObject, value, scopedVars, format, interpolations);
-}
-function hasVariableDependencyInLoadingState(sceneObject) {
-  if (!sceneObject.variableDependency) {
-    return false;
-  }
-  for (const name of sceneObject.variableDependency.getNames()) {
-    const variable = lookupVariable(name, sceneObject);
-    if (!variable) {
-      continue;
-    }
-    const set = variable.parent;
-    if (set.isVariableLoadingOrWaitingToUpdate(variable)) {
-      return true;
-    }
-  }
-  return false;
-}
-function findObjectInternal(scene, check, alreadySearchedChild, shouldSearchUp) {
-  if (check(scene)) {
-    return scene;
-  }
-  let found = null;
-  scene.forEachChild((child) => {
-    if (child === alreadySearchedChild) {
-      return;
-    }
-    let maybe = findObjectInternal(child, check);
-    if (maybe) {
-      found = maybe;
-    }
-  });
-  if (found) {
-    return found;
-  }
-  if (shouldSearchUp && scene.parent) {
-    return findObjectInternal(scene.parent, check, scene, true);
-  }
-  return null;
-}
-function findByKey(sceneObject, key) {
-  const found = findObject(sceneObject, (sceneToCheck) => {
-    return sceneToCheck.state.key === key;
-  });
-  if (!found) {
-    throw new Error("Unable to find scene with key " + key);
-  }
-  return found;
-}
-function findByKeyAndType(sceneObject, key, targetType) {
-  const found = findObject(sceneObject, (sceneToCheck) => {
-    return sceneToCheck.state.key === key;
-  });
-  if (!found) {
-    throw new Error("Unable to find scene with key " + key);
-  }
-  if (!(found instanceof targetType)) {
-    throw new Error(`Found scene object with key ${key} does not match type ${targetType.name}`);
-  }
-  return found;
-}
-function findObject(scene, check) {
-  return findObjectInternal(scene, check, void 0, true);
-}
-function findAllObjects(scene, check) {
-  const found = [];
-  scene.forEachChild((child) => {
-    if (check(child)) {
-      found.push(child);
-    }
-    found.push(...findAllObjects(child, check));
-  });
-  return found;
-}
-function getDataLayers(sceneObject, localOnly = false) {
-  let currentLevel = sceneObject;
-  let collected = [];
-  while (currentLevel) {
-    const dataProvider = currentLevel.state.$data;
-    if (!dataProvider) {
-      currentLevel = currentLevel.parent;
-      continue;
-    }
-    if (isDataLayer(dataProvider)) {
-      collected = collected.concat(dataProvider);
-    } else {
-      if (dataProvider.state.$data && isDataLayer(dataProvider.state.$data)) {
-        collected = collected.concat(dataProvider.state.$data);
-      }
-    }
-    if (localOnly && collected.length > 0) {
-      break;
-    }
-    currentLevel = currentLevel.parent;
-  }
-  return collected;
-}
-function getAncestor(sceneObject, ancestorType) {
-  let parent = sceneObject;
-  while (parent) {
-    if (parent instanceof ancestorType) {
-      return parent;
-    }
-    parent = parent.parent;
-  }
-  if (!parent) {
-    throw new Error("Unable to find parent of type " + ancestorType.name);
-  }
-  return parent;
-}
-function getQueryController(sceneObject) {
-  let parent = sceneObject;
-  while (parent) {
-    if (parent.state.$behaviors) {
-      for (const behavior of parent.state.$behaviors) {
-        if (isQueryController(behavior)) {
-          return behavior;
-        }
-      }
-    }
-    parent = parent.parent;
-  }
-  return void 0;
-}
-
-class SkipFormattingValue {
-  constructor(_value) {
-    this._value = _value;
-  }
-  formatter() {
-    return this._value;
-  }
-}
-
-class UrlTimeRangeMacro {
-  constructor(name, sceneObject) {
-    this.state = { name, type: "url_variable" };
-    this._sceneObject = sceneObject;
-  }
-  getValue() {
-    var _a;
-    const timeRange = getTimeRange(this._sceneObject);
-    const urlState = (_a = timeRange.urlSync) == null ? void 0 : _a.getUrlState();
-    return new SkipFormattingValue(data.urlUtil.toUrlParams(urlState));
-  }
-  getValueText() {
-    return "";
-  }
-}
-class TimeFromAndToMacro {
-  constructor(name, sceneObject) {
-    this.state = { name, type: "time_macro" };
-    this._sceneObject = sceneObject;
-  }
-  getValue() {
-    const timeRange = getTimeRange(this._sceneObject);
-    if (this.state.name === "__from") {
-      return timeRange.state.value.from.valueOf();
-    } else {
-      return timeRange.state.value.to.valueOf();
-    }
-  }
-  getValueText() {
-    const timeRange = getTimeRange(this._sceneObject);
-    if (this.state.name === "__from") {
-      return data.dateTimeFormat(timeRange.state.value.from, { timeZone: timeRange.getTimeZone() });
-    } else {
-      return data.dateTimeFormat(timeRange.state.value.to, { timeZone: timeRange.getTimeZone() });
-    }
-  }
-}
-class TimezoneMacro {
-  constructor(name, sceneObject) {
-    this.state = { name, type: "time_macro" };
-    this._sceneObject = sceneObject;
-  }
-  getValue() {
-    const timeRange = getTimeRange(this._sceneObject);
-    const timeZone = timeRange.getTimeZone();
-    if (timeZone === "browser") {
-      return Intl.DateTimeFormat().resolvedOptions().timeZone;
-    }
-    return timeZone;
-  }
-  getValueText() {
-    return this.getValue();
-  }
-}
-class IntervalMacro {
-  constructor(name, sceneObject, match) {
-    this.state = { name, type: "time_macro", match };
-    this._sceneObject = sceneObject;
-  }
-  getValue() {
-    var _a;
-    const data = getData(this._sceneObject);
-    if (data) {
-      const request = (_a = data.state.data) == null ? void 0 : _a.request;
-      if (!request) {
-        return this.state.match;
-      }
-      if (this.state.name === "__interval_ms") {
-        return request.intervalMs;
-      }
-      return request.interval;
-    }
-    return this.state.match;
+    return this.state.match;
   }
 }
 
@@ -1845,209 +1449,496 @@ class ValueMacro {
     if (fieldPath === "raw") {
       return value;
     }
-    const displayProcessor = (_b = field.display) != null ? _b : fallbackDisplayProcessor;
-    const result = displayProcessor(value);
-    switch (fieldPath) {
-      case "numeric":
-        return result.numeric;
-      case "text":
-      default:
-        return data.formattedValueToString(result);
+    const displayProcessor = (_b = field.display) != null ? _b : fallbackDisplayProcessor;
+    const result = displayProcessor(value);
+    switch (fieldPath) {
+      case "numeric":
+        return result.numeric;
+      case "text":
+      default:
+        return data.formattedValueToString(result);
+    }
+  }
+  getValueText() {
+    return "";
+  }
+}
+const fallbackDisplayProcessor = data.getDisplayProcessor();
+class DataMacro {
+  constructor(name, sceneObject, _match, _scopedVars) {
+    this._match = _match;
+    this._scopedVars = _scopedVars;
+    this.state = { name, type: "__data" };
+  }
+  getValue(fieldPath) {
+    var _a, _b;
+    const dataContext = (_a = this._scopedVars) == null ? void 0 : _a.__dataContext;
+    if (!dataContext || !fieldPath) {
+      return this._match;
+    }
+    const { frame, rowIndex } = dataContext.value;
+    if (rowIndex === void 0 || fieldPath === void 0) {
+      return this._match;
+    }
+    const obj = {
+      name: frame.name,
+      refId: frame.refId,
+      fields: data.getFieldDisplayValuesProxy({ frame, rowIndex })
+    };
+    return (_b = getFieldAccessor(fieldPath)(obj)) != null ? _b : "";
+  }
+  getValueText() {
+    return "";
+  }
+}
+class SeriesMacro {
+  constructor(name, sceneObject, _match, _scopedVars) {
+    this._match = _match;
+    this._scopedVars = _scopedVars;
+    this.state = { name, type: "__series" };
+  }
+  getValue(fieldPath) {
+    var _a;
+    const dataContext = (_a = this._scopedVars) == null ? void 0 : _a.__dataContext;
+    if (!dataContext || !fieldPath) {
+      return this._match;
+    }
+    if (fieldPath !== "name") {
+      return this._match;
+    }
+    const { frame, frameIndex } = dataContext.value;
+    return data.getFrameDisplayName(frame, frameIndex);
+  }
+  getValueText() {
+    return "";
+  }
+}
+class FieldMacro {
+  constructor(name, sceneObject, _match, _scopedVars) {
+    this._match = _match;
+    this._scopedVars = _scopedVars;
+    this.state = { name, type: "__field" };
+  }
+  getValue(fieldPath) {
+    var _a, _b;
+    const dataContext = (_a = this._scopedVars) == null ? void 0 : _a.__dataContext;
+    if (!dataContext || !fieldPath) {
+      return this._match;
+    }
+    if (fieldPath === void 0 || fieldPath === "") {
+      return this._match;
+    }
+    const { frame, field, data } = dataContext.value;
+    const obj = getTemplateProxyForField(field, frame, data);
+    return (_b = getFieldAccessor(fieldPath)(obj)) != null ? _b : "";
+  }
+  getValueText() {
+    return "";
+  }
+}
+
+class UrlMacro {
+  constructor(name, _) {
+    this.state = { name, type: "url_macro" };
+  }
+  getValue(fieldPath) {
+    var _a;
+    const location = runtime.locationService.getLocation();
+    const subUrl = (_a = runtime.config.appSubUrl) != null ? _a : "";
+    switch (fieldPath != null ? fieldPath : "") {
+      case "params":
+        return new UrlStateFormatter(location.search);
+      case "path":
+        return subUrl + location.pathname;
+      case "":
+      default:
+        return subUrl + location.pathname + location.search;
+    }
+  }
+  getValueText() {
+    return "";
+  }
+}
+class UrlStateFormatter {
+  constructor(_urlQueryParams) {
+    this._urlQueryParams = _urlQueryParams;
+  }
+  formatter(options) {
+    if (!options) {
+      return this._urlQueryParams;
+    }
+    const params = options.split(":");
+    if (params[0] === "exclude" && params.length > 1) {
+      const allParams = new URLSearchParams(this._urlQueryParams);
+      for (const param of params[1].split(",")) {
+        allParams.delete(param);
+      }
+      return `?${allParams}`;
+    }
+    if (params[0] === "include" && params.length > 1) {
+      const allParams = new URLSearchParams(this._urlQueryParams);
+      const includeOnly = params[1].split(",");
+      for (const param of allParams.keys()) {
+        if (!includeOnly.includes(param)) {
+          allParams.delete(param);
+        }
+      }
+      return `?${allParams}`;
+    }
+    return this._urlQueryParams;
+  }
+}
+
+class UserMacro {
+  constructor(name, _) {
+    this.state = { name, type: "user_macro" };
+  }
+  getValue(fieldPath) {
+    const user = runtime.config.bootData.user;
+    switch (fieldPath) {
+      case "login":
+        return user.login;
+      case "email":
+        return user.email;
+      case "id":
+      default:
+        return String(user.id);
+    }
+  }
+  getValueText() {
+    return "";
+  }
+}
+class OrgMacro {
+  constructor(name, _) {
+    this.state = { name, type: "org_macro" };
+  }
+  getValue(fieldPath) {
+    const user = runtime.config.bootData.user;
+    switch (fieldPath) {
+      case "name":
+        return user.orgName;
+      case "id":
+      default:
+        return String(user.orgId);
+    }
+  }
+  getValueText() {
+    return "";
+  }
+}
+
+const macrosIndex = {
+  [data.DataLinkBuiltInVars.includeVars]: AllVariablesMacro,
+  [data.DataLinkBuiltInVars.keepTime]: UrlTimeRangeMacro,
+  ["__value"]: ValueMacro,
+  ["__data"]: DataMacro,
+  ["__series"]: SeriesMacro,
+  ["__field"]: FieldMacro,
+  ["__url"]: UrlMacro,
+  ["__from"]: TimeFromAndToMacro,
+  ["__to"]: TimeFromAndToMacro,
+  ["__timezone"]: TimezoneMacro,
+  ["__user"]: UserMacro,
+  ["__org"]: OrgMacro,
+  ["__interval"]: IntervalMacro,
+  ["__interval_ms"]: IntervalMacro
+};
+function registerVariableMacro(name, macro) {
+  if (macrosIndex[name]) {
+    throw new Error(`Macro already registered ${name}`);
+  }
+  macrosIndex[name] = macro;
+  return () => {
+    delete macrosIndex[name];
+  };
+}
+
+function sceneInterpolator(sceneObject, target, scopedVars, format, interpolations) {
+  if (!target) {
+    return target != null ? target : "";
+  }
+  VARIABLE_REGEX.lastIndex = 0;
+  return target.replace(VARIABLE_REGEX, (match, var1, var2, fmt2, var3, fieldPath, fmt3) => {
+    const variableName = var1 || var2 || var3;
+    const fmt = fmt2 || fmt3 || format;
+    const variable = lookupFormatVariable(variableName, match, scopedVars, sceneObject);
+    if (!variable) {
+      if (interpolations) {
+        interpolations.push({ match, variableName, fieldPath, format: fmt, value: match, found: false });
+      }
+      return match;
+    }
+    const value = formatValue(sceneObject, variable, variable.getValue(fieldPath), fmt);
+    if (interpolations) {
+      interpolations.push({ match, variableName, fieldPath, format: fmt, value, found: value !== match });
     }
+    return value;
+  });
+}
+function lookupFormatVariable(name, match, scopedVars, sceneObject) {
+  const scopedVar = scopedVars == null ? void 0 : scopedVars[name];
+  if (scopedVar) {
+    return getSceneVariableForScopedVar(name, scopedVar);
   }
-  getValueText() {
-    return "";
+  const variable = lookupVariable(name, sceneObject);
+  if (variable) {
+    return variable;
+  }
+  if (macrosIndex[name]) {
+    return new macrosIndex[name](name, sceneObject, match, scopedVars);
   }
+  return null;
 }
-const fallbackDisplayProcessor = data.getDisplayProcessor();
-class DataMacro {
-  constructor(name, sceneObject, _match, _scopedVars) {
-    this._match = _match;
-    this._scopedVars = _scopedVars;
-    this.state = { name, type: "__data" };
+function formatValue(context, variable, value, formatNameOrFn) {
+  if (value === null || value === void 0) {
+    return "";
   }
-  getValue(fieldPath) {
-    var _a, _b;
-    const dataContext = (_a = this._scopedVars) == null ? void 0 : _a.__dataContext;
-    if (!dataContext || !fieldPath) {
-      return this._match;
-    }
-    const { frame, rowIndex } = dataContext.value;
-    if (rowIndex === void 0 || fieldPath === void 0) {
-      return this._match;
+  if (isCustomVariableValue(value)) {
+    return sceneInterpolator(context, value.formatter(formatNameOrFn));
+  }
+  if (!Array.isArray(value) && typeof value === "object") {
+    value = `${value}`;
+  }
+  if (typeof formatNameOrFn === "function") {
+    return formatNameOrFn(value, {
+      name: variable.state.name,
+      type: variable.state.type,
+      multi: variable.state.isMulti,
+      includeAll: variable.state.includeAll
+    });
+  }
+  let args = [];
+  if (!formatNameOrFn) {
+    formatNameOrFn = schema.VariableFormatID.Glob;
+  } else {
+    args = formatNameOrFn.split(":");
+    if (args.length > 1) {
+      formatNameOrFn = args[0];
+      args = args.slice(1);
+    } else {
+      args = [];
     }
-    const obj = {
-      name: frame.name,
-      refId: frame.refId,
-      fields: data.getFieldDisplayValuesProxy({ frame, rowIndex })
-    };
-    return (_b = getFieldAccessor(fieldPath)(obj)) != null ? _b : "";
   }
-  getValueText() {
-    return "";
+  let formatter = formatRegistry.getIfExists(formatNameOrFn);
+  if (!formatter) {
+    console.error(`Variable format ${formatNameOrFn} not found. Using glob format as fallback.`);
+    formatter = formatRegistry.get(schema.VariableFormatID.Glob);
   }
+  return formatter.formatter(value, args, variable);
 }
-class SeriesMacro {
-  constructor(name, sceneObject, _match, _scopedVars) {
-    this._match = _match;
-    this._scopedVars = _scopedVars;
-    this.state = { name, type: "__series" };
+
+function isSceneObject(obj) {
+  return obj.useState !== void 0;
+}
+function isDataRequestEnricher(obj) {
+  return "enrichDataRequest" in obj;
+}
+function isDataLayer(obj) {
+  return "isDataLayer" in obj;
+}
+
+var __accessCheck = (obj, member, msg) => {
+  if (!member.has(obj))
+    throw TypeError("Cannot " + msg);
+};
+var __privateGet = (obj, member, getter) => {
+  __accessCheck(obj, member, "read from private field");
+  return getter ? getter.call(obj) : member.get(obj);
+};
+var __privateAdd = (obj, member, value) => {
+  if (member.has(obj))
+    throw TypeError("Cannot add the same private member more than once");
+  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+};
+var _running;
+function isQueryController(s) {
+  return "isQueryController" in s;
+}
+class SceneQueryController extends SceneObjectBase {
+  constructor() {
+    super({ isRunning: false });
+    this.isQueryController = true;
+    __privateAdd(this, _running, /* @__PURE__ */ new Set());
+    this.addActivationHandler(() => {
+      return () => __privateGet(this, _running).clear();
+    });
   }
-  getValue(fieldPath) {
-    var _a;
-    const dataContext = (_a = this._scopedVars) == null ? void 0 : _a.__dataContext;
-    if (!dataContext || !fieldPath) {
-      return this._match;
+  queryStarted(entry) {
+    __privateGet(this, _running).add(entry);
+    this.changeRunningQueryCount(1);
+    if (!this.state.isRunning) {
+      this.setState({ isRunning: true });
     }
-    if (fieldPath !== "name") {
-      return this._match;
+  }
+  queryCompleted(entry) {
+    if (!__privateGet(this, _running).has(entry)) {
+      return;
+    }
+    __privateGet(this, _running).delete(entry);
+    this.changeRunningQueryCount(-1);
+    if (__privateGet(this, _running).size === 0) {
+      this.setState({ isRunning: false });
     }
-    const { frame, frameIndex } = dataContext.value;
-    return data.getFrameDisplayName(frame, frameIndex);
   }
-  getValueText() {
+  changeRunningQueryCount(dir) {
+    var _a;
+    window.__grafanaRunningQueryCount = ((_a = window.__grafanaRunningQueryCount) != null ? _a : 0) + dir;
+  }
+  cancelAll() {
+    var _a;
+    for (const entry of __privateGet(this, _running).values()) {
+      (_a = entry.cancel) == null ? void 0 : _a.call(entry);
+    }
+  }
+}
+_running = new WeakMap();
+
+function getVariables(sceneObject) {
+  var _a;
+  return (_a = getClosest(sceneObject, (s) => s.state.$variables)) != null ? _a : EmptyVariableSet;
+}
+function getData(sceneObject) {
+  var _a;
+  return (_a = getClosest(sceneObject, (s) => s.state.$data)) != null ? _a : EmptyDataNode;
+}
+function isSceneLayout(s) {
+  return "isDraggable" in s;
+}
+function getLayout(scene) {
+  const parent = getClosest(scene, (s) => isSceneLayout(s) ? s : void 0);
+  if (parent) {
+    return parent;
+  }
+  return null;
+}
+function interpolate(sceneObject, value, scopedVars, format, interpolations) {
+  if (value === "" || value == null) {
     return "";
   }
+  return sceneInterpolator(sceneObject, value, scopedVars, format, interpolations);
 }
-class FieldMacro {
-  constructor(name, sceneObject, _match, _scopedVars) {
-    this._match = _match;
-    this._scopedVars = _scopedVars;
-    this.state = { name, type: "__field" };
+function hasVariableDependencyInLoadingState(sceneObject) {
+  if (!sceneObject.variableDependency) {
+    return false;
   }
-  getValue(fieldPath) {
-    var _a, _b;
-    const dataContext = (_a = this._scopedVars) == null ? void 0 : _a.__dataContext;
-    if (!dataContext || !fieldPath) {
-      return this._match;
+  for (const name of sceneObject.variableDependency.getNames()) {
+    const variable = lookupVariable(name, sceneObject);
+    if (!variable) {
+      continue;
     }
-    if (fieldPath === void 0 || fieldPath === "") {
-      return this._match;
+    const set = variable.parent;
+    if (set.isVariableLoadingOrWaitingToUpdate(variable)) {
+      return true;
     }
-    const { frame, field, data } = dataContext.value;
-    const obj = getTemplateProxyForField(field, frame, data);
-    return (_b = getFieldAccessor(fieldPath)(obj)) != null ? _b : "";
-  }
-  getValueText() {
-    return "";
   }
+  return false;
 }
-
-class UrlMacro {
-  constructor(name, _) {
-    this.state = { name, type: "url_macro" };
+function findObjectInternal(scene, check, alreadySearchedChild, shouldSearchUp) {
+  if (check(scene)) {
+    return scene;
   }
-  getValue(fieldPath) {
-    var _a;
-    const location = runtime.locationService.getLocation();
-    const subUrl = (_a = runtime.config.appSubUrl) != null ? _a : "";
-    switch (fieldPath != null ? fieldPath : "") {
-      case "params":
-        return new UrlStateFormatter(location.search);
-      case "path":
-        return subUrl + location.pathname;
-      case "":
-      default:
-        return subUrl + location.pathname + location.search;
+  let found = null;
+  scene.forEachChild((child) => {
+    if (child === alreadySearchedChild) {
+      return;
+    }
+    let maybe = findObjectInternal(child, check);
+    if (maybe) {
+      found = maybe;
     }
+  });
+  if (found) {
+    return found;
   }
-  getValueText() {
-    return "";
+  if (shouldSearchUp && scene.parent) {
+    return findObjectInternal(scene.parent, check, scene, true);
+  }
+  return null;
+}
+function findByKey(sceneObject, key) {
+  const found = findObject(sceneObject, (sceneToCheck) => {
+    return sceneToCheck.state.key === key;
+  });
+  if (!found) {
+    throw new Error("Unable to find scene with key " + key);
   }
+  return found;
 }
-class UrlStateFormatter {
-  constructor(_urlQueryParams) {
-    this._urlQueryParams = _urlQueryParams;
+function findByKeyAndType(sceneObject, key, targetType) {
+  const found = findObject(sceneObject, (sceneToCheck) => {
+    return sceneToCheck.state.key === key;
+  });
+  if (!found) {
+    throw new Error("Unable to find scene with key " + key);
   }
-  formatter(options) {
-    if (!options) {
-      return this._urlQueryParams;
+  if (!(found instanceof targetType)) {
+    throw new Error(`Found scene object with key ${key} does not match type ${targetType.name}`);
+  }
+  return found;
+}
+function findObject(scene, check) {
+  return findObjectInternal(scene, check, void 0, true);
+}
+function findAllObjects(scene, check) {
+  const found = [];
+  scene.forEachChild((child) => {
+    if (check(child)) {
+      found.push(child);
     }
-    const params = options.split(":");
-    if (params[0] === "exclude" && params.length > 1) {
-      const allParams = new URLSearchParams(this._urlQueryParams);
-      for (const param of params[1].split(",")) {
-        allParams.delete(param);
-      }
-      return `?${allParams}`;
+    found.push(...findAllObjects(child, check));
+  });
+  return found;
+}
+function getDataLayers(sceneObject, localOnly = false) {
+  let currentLevel = sceneObject;
+  let collected = [];
+  while (currentLevel) {
+    const dataProvider = currentLevel.state.$data;
+    if (!dataProvider) {
+      currentLevel = currentLevel.parent;
+      continue;
     }
-    if (params[0] === "include" && params.length > 1) {
-      const allParams = new URLSearchParams(this._urlQueryParams);
-      const includeOnly = params[1].split(",");
-      for (const param of allParams.keys()) {
-        if (!includeOnly.includes(param)) {
-          allParams.delete(param);
-        }
+    if (isDataLayer(dataProvider)) {
+      collected = collected.concat(dataProvider);
+    } else {
+      if (dataProvider.state.$data && isDataLayer(dataProvider.state.$data)) {
+        collected = collected.concat(dataProvider.state.$data);
       }
-      return `?${allParams}`;
     }
-    return this._urlQueryParams;
-  }
-}
-
-class UserMacro {
-  constructor(name, _) {
-    this.state = { name, type: "user_macro" };
-  }
-  getValue(fieldPath) {
-    const user = runtime.config.bootData.user;
-    switch (fieldPath) {
-      case "login":
-        return user.login;
-      case "email":
-        return user.email;
-      case "id":
-      default:
-        return String(user.id);
+    if (localOnly && collected.length > 0) {
+      break;
     }
+    currentLevel = currentLevel.parent;
   }
-  getValueText() {
-    return "";
-  }
+  return collected;
 }
-class OrgMacro {
-  constructor(name, _) {
-    this.state = { name, type: "org_macro" };
-  }
-  getValue(fieldPath) {
-    const user = runtime.config.bootData.user;
-    switch (fieldPath) {
-      case "name":
-        return user.orgName;
-      case "id":
-      default:
-        return String(user.orgId);
+function getAncestor(sceneObject, ancestorType) {
+  let parent = sceneObject;
+  while (parent) {
+    if (parent instanceof ancestorType) {
+      return parent;
     }
+    parent = parent.parent;
   }
-  getValueText() {
-    return "";
+  if (!parent) {
+    throw new Error("Unable to find parent of type " + ancestorType.name);
   }
+  return parent;
 }
-
-const macrosIndex = {
-  [data.DataLinkBuiltInVars.includeVars]: AllVariablesMacro,
-  [data.DataLinkBuiltInVars.keepTime]: UrlTimeRangeMacro,
-  ["__value"]: ValueMacro,
-  ["__data"]: DataMacro,
-  ["__series"]: SeriesMacro,
-  ["__field"]: FieldMacro,
-  ["__url"]: UrlMacro,
-  ["__from"]: TimeFromAndToMacro,
-  ["__to"]: TimeFromAndToMacro,
-  ["__timezone"]: TimezoneMacro,
-  ["__user"]: UserMacro,
-  ["__org"]: OrgMacro,
-  ["__interval"]: IntervalMacro,
-  ["__interval_ms"]: IntervalMacro
-};
-function registerVariableMacro(name, macro) {
-  if (macrosIndex[name]) {
-    throw new Error(`Macro already registered ${name}`);
+function getQueryController(sceneObject) {
+  let parent = sceneObject;
+  while (parent) {
+    if (parent.state.$behaviors) {
+      for (const behavior of parent.state.$behaviors) {
+        if (isQueryController(behavior)) {
+          return behavior;
+        }
+      }
+    }
+    parent = parent.parent;
   }
-  macrosIndex[name] = macro;
-  return () => {
-    delete macrosIndex[name];
-  };
+  return void 0;
 }
 
 const sceneGraph = {
@@ -2067,6 +1958,117 @@ const sceneGraph = {
   getQueryController
 };
 
+class UniqueUrlKeyMapper {
+  constructor() {
+    this.index = /* @__PURE__ */ new Map();
+  }
+  getUniqueKey(key, obj) {
+    const objectsWithKey = this.index.get(key);
+    if (!objectsWithKey) {
+      this.index.set(key, [obj]);
+      return key;
+    }
+    let address = objectsWithKey.findIndex((o) => o === obj);
+    if (address === -1) {
+      filterOutOrphanedObjects(objectsWithKey);
+      objectsWithKey.push(obj);
+      address = objectsWithKey.length - 1;
+    }
+    if (address > 0) {
+      return `${key}-${address + 1}`;
+    }
+    return key;
+  }
+  clear() {
+    this.index.clear();
+  }
+}
+function filterOutOrphanedObjects(sceneObjects) {
+  for (const obj of sceneObjects) {
+    if (isOrphanOrInActive(obj)) {
+      const index = sceneObjects.indexOf(obj);
+      sceneObjects.splice(index, 1);
+    }
+  }
+}
+function isOrphanOrInActive(obj) {
+  const root = obj.getRoot();
+  if (!sceneGraph.findObject(root, (child) => child === obj)) {
+    return true;
+  }
+  return false;
+}
+
+function getUrlState(root) {
+  const urlKeyMapper = new UniqueUrlKeyMapper();
+  const result = {};
+  const visitNode = (obj) => {
+    if (obj.urlSync) {
+      const newUrlState = obj.urlSync.getUrlState();
+      for (const [key, value] of Object.entries(newUrlState)) {
+        if (value != null) {
+          const uniqueKey = urlKeyMapper.getUniqueKey(key, obj);
+          result[uniqueKey] = value;
+        }
+      }
+    }
+    obj.forEachChild(visitNode);
+  };
+  visitNode(root);
+  return result;
+}
+function syncStateFromSearchParams(root, urlParams) {
+  const urlKeyMapper = new UniqueUrlKeyMapper();
+  syncStateFromUrl(root, urlParams, urlKeyMapper);
+}
+function syncStateFromUrl(root, urlParams, urlKeyMapper) {
+  if (!root.parent) {
+    syncUrlStateToObject(root, urlParams, urlKeyMapper);
+  }
+  root.forEachChild((child) => {
+    syncUrlStateToObject(child, urlParams, urlKeyMapper);
+  });
+  root.forEachChild((child) => syncStateFromUrl(child, urlParams, urlKeyMapper));
+}
+function syncUrlStateToObject(sceneObject, urlParams, urlKeyMapper) {
+  if (sceneObject.urlSync) {
+    const urlState = {};
+    const currentState = sceneObject.urlSync.getUrlState();
+    for (const key of sceneObject.urlSync.getKeys()) {
+      const uniqueKey = urlKeyMapper.getUniqueKey(key, sceneObject);
+      const newValue = urlParams.getAll(uniqueKey);
+      const currentValue = currentState[key];
+      if (isUrlValueEqual(newValue, currentValue)) {
+        continue;
+      }
+      if (newValue.length > 0) {
+        if (Array.isArray(currentValue)) {
+          urlState[key] = newValue;
+        } else {
+          urlState[key] = newValue[0];
+        }
+      } else {
+        urlState[key] = null;
+      }
+    }
+    if (Object.keys(urlState).length > 0) {
+      sceneObject.urlSync.updateFromUrl(urlState);
+    }
+  }
+}
+function isUrlValueEqual(currentUrlValue, newUrlValue) {
+  if (currentUrlValue.length === 0 && newUrlValue == null) {
+    return true;
+  }
+  if (!Array.isArray(newUrlValue) && (currentUrlValue == null ? void 0 : currentUrlValue.length) === 1) {
+    return newUrlValue === currentUrlValue[0];
+  }
+  if ((newUrlValue == null ? void 0 : newUrlValue.length) === 0 && currentUrlValue === null) {
+    return true;
+  }
+  return lodash.isEqual(currentUrlValue, newUrlValue);
+}
+
 async function getDataSource(datasource, scopedVars) {
   if (datasource == null ? void 0 : datasource.uid) {
     const runtimeDataSource = runtimeDataSources.get(datasource.uid);
@@ -7747,6 +7749,7 @@ class UrlSyncManager {
           writeSceneLog("UrlSyncManager", "onStateChange updating URL");
           runtime.locationService.partial(mappedUpdated, true);
           this._lastLocation = runtime.locationService.getLocation();
+          this._urlParams = new URLSearchParams(this._lastLocation.search);
         }
       }
     };
@@ -7758,13 +7761,12 @@ class UrlSyncManager {
       this._stateSub.unsubscribe();
     }
     writeSceneLog("UrlSyncManager", "init", root.state.key);
-    const location = runtime.locationService.getLocation();
     this._sceneRoot = root;
-    this._lastLocation = location;
-    this._urlParams = new URLSearchParams(location.search);
     this._stateSub = root.subscribeToEvent(SceneObjectStateChangedEvent, this._onStateChanged);
     this._urlKeyMapper.clear();
-    this.syncFrom(this._sceneRoot);
+    this._lastLocation = runtime.locationService.getLocation();
+    this._urlParams = new URLSearchParams(this._lastLocation.search);
+    this.handleNewObject(this._sceneRoot);
   }
   cleanUp(root) {
     if (this._sceneRoot !== root) {
@@ -7784,10 +7786,6 @@ class UrlSyncManager {
     this._sceneRoot = void 0;
     this._urlParams = void 0;
   }
-  syncFrom(sceneObj) {
-    const urlParams = runtime.locationService.getSearch();
-    syncStateFromUrl(sceneObj, urlParams, this._urlKeyMapper);
-  }
   handleNewLocation(location) {
     if (!this._sceneRoot || this._lastLocation === location) {
       return;