@grafana/scenes 6.20.3--canary.1151.15707564301.0 → 6.20.3--canary.1151.15709758411.0

package/dist/index.js

@@ -1321,7 +1321,10 @@ const formatRegistry = new data.Registry(() => {
     {
       id: schema.VariableFormatID.Raw,
       name: "raw",
-      description: i18n.t("variables.format-registry.formats.description.keep-value-as-is", "Keep value as is"),
+      description: i18n.t(
+        "grafana-scenes.variables.format-registry.formats.description.keep-value-as-is",
+        "Keep value as is"
+      ),
       formatter: (value) => String(value)
     },
     {
@@ -1352,7 +1355,7 @@ const formatRegistry = new data.Registry(() => {
       id: schema.VariableFormatID.Pipe,
       name: "Pipe",
       description: i18n.t(
-        "variables.format-registry.formats.description.values-are-separated-by-character",
+        "grafana-scenes.variables.format-registry.formats.description.values-are-separated-by-character",
         "Values are separated by | character"
       ),
       formatter: (value) => {
@@ -1369,7 +1372,7 @@ const formatRegistry = new data.Registry(() => {
       id: schema.VariableFormatID.Distributed,
       name: "Distributed",
       description: i18n.t(
-        "variables.format-registry.formats.description.multiple-values-are-formatted-like-variablevalue",
+        "grafana-scenes.variables.format-registry.formats.description.multiple-values-are-formatted-like-variablevalue",
         "Multiple values are formatted like variable=value"
       ),
       formatter: (value, args, variable) => {
@@ -1392,7 +1395,10 @@ const formatRegistry = new data.Registry(() => {
     {
       id: schema.VariableFormatID.CSV,
       name: "Csv",
-      description: i18n.t("variables.format-registry.formats.description.commaseparated-values", "Comma-separated values"),
+      description: i18n.t(
+        "grafana-scenes.variables.format-registry.formats.description.commaseparated-values",
+        "Comma-separated values"
+      ),
       formatter: (value) => {
         if (typeof value === "string") {
           return value;
@@ -1407,7 +1413,7 @@ const formatRegistry = new data.Registry(() => {
       id: schema.VariableFormatID.HTML,
       name: "HTML",
       description: i18n.t(
-        "variables.format-registry.formats.description.html-escaping-of-values",
+        "grafana-scenes.variables.format-registry.formats.description.html-escaping-of-values",
         "HTML escaping of values"
       ),
       formatter: (value) => {
@@ -1423,7 +1429,10 @@ const formatRegistry = new data.Registry(() => {
     {
       id: schema.VariableFormatID.JSON,
       name: "JSON",
-      description: i18n.t("variables.format-registry.formats.description.json-stringify-value", "JSON stringify value"),
+      description: i18n.t(
+        "grafana-scenes.variables.format-registry.formats.description.json-stringify-value",
+        "JSON stringify value"
+      ),
       formatter: (value) => {
         if (typeof value === "string") {
           return value;
@@ -1435,7 +1444,7 @@ const formatRegistry = new data.Registry(() => {
       id: schema.VariableFormatID.PercentEncode,
       name: "Percent encode",
       description: i18n.t(
-        "variables.format-registry.formats.description.useful-for-url-escaping-values",
+        "grafana-scenes.variables.format-registry.formats.description.useful-for-url-escaping-values",
         "Useful for URL escaping values"
       ),
       formatter: (value) => {
@@ -1448,7 +1457,10 @@ const formatRegistry = new data.Registry(() => {
     {
       id: schema.VariableFormatID.SingleQuote,
       name: "Single quote",
-      description: i18n.t("variables.format-registry.formats.description.single-quoted-values", "Single quoted values"),
+      description: i18n.t(
+        "grafana-scenes.variables.format-registry.formats.description.single-quoted-values",
+        "Single quoted values"
+      ),
       formatter: (value) => {
         const regExp = new RegExp(`'`, "g");
         if (lodash.isArray(value)) {
@@ -1461,7 +1473,10 @@ const formatRegistry = new data.Registry(() => {
     {
       id: schema.VariableFormatID.DoubleQuote,
       name: "Double quote",
-      description: i18n.t("variables.format-registry.formats.description.double-quoted-values", "Double quoted values"),
+      description: i18n.t(
+        "grafana-scenes.variables.format-registry.formats.description.double-quoted-values",
+        "Double quoted values"
+      ),
       formatter: (value) => {
         const regExp = new RegExp('"', "g");
         if (lodash.isArray(value)) {
@@ -1481,7 +1496,7 @@ const formatRegistry = new data.Registry(() => {
       id: schema.VariableFormatID.Date,
       name: "Date",
       description: i18n.t(
-        "variables.format-registry.formats.description.format-date-in-different-ways",
+        "grafana-scenes.variables.format-registry.formats.description.format-date-in-different-ways",
         "Format date in different ways"
       ),
       formatter: (value, args) => {
@@ -1515,7 +1530,7 @@ const formatRegistry = new data.Registry(() => {
       id: schema.VariableFormatID.Glob,
       name: "Glob",
       description: i18n.t(
-        "variables.format-registry.formats.description.format-multivalued-variables-using-syntax-example",
+        "grafana-scenes.variables.format-registry.formats.description.format-multivalued-variables-using-syntax-example",
         "Format multi-valued variables using glob syntax, example {value1,value2}"
       ),
       formatter: (value) => {
@@ -1555,7 +1570,7 @@ const formatRegistry = new data.Registry(() => {
       id: schema.VariableFormatID.UriEncode,
       name: "Percent encode as URI",
       description: i18n.t(
-        "variables.format-registry.formats.description.useful-escaping-values-taking-syntax-characters",
+        "grafana-scenes.variables.format-registry.formats.description.useful-escaping-values-taking-syntax-characters",
         "Useful for URL escaping values, taking into URI syntax characters"
       ),
       formatter: (value) => {
@@ -2827,7 +2842,7 @@ function VariableValueSelect({ model, state }) {
     {
       id: key,
       isValidNewOption: (inputValue2) => inputValue2.trim().length > 0,
-      placeholder: i18n.t("variables.variable-value-select.placeholder-select-value", "Select value"),
+      placeholder: i18n.t("grafana-scenes.variables.variable-value-select.placeholder-select-value", "Select value"),
       width: "auto",
       disabled: isReadOnly,
       value: selectValue,
@@ -3134,7 +3149,7 @@ function DefaultGroupByCustomIndicatorContainer(props) {
       /* @__PURE__ */ React__default.default.createElement(
         ui.IconButton,
         {
-          "aria-label": i18n.t("variables.default-group-by-custom-indicator-container.aria-label-clear", "clear"),
+          "aria-label": i18n.t("grafana-scenes.variables.default-group-by-custom-indicator-container.aria-label-clear", "clear"),
           key: "clear",
           name: "times",
           size: "md",
@@ -3167,7 +3182,7 @@ function DefaultGroupByCustomIndicatorContainer(props) {
           size: "md",
           className: styles.clearIcon,
           tooltip: i18n.t(
-            "variables.default-group-by-custom-indicator-container.tooltip-restore-groupby-set-by-this-dashboard",
+            "grafana-scenes.variables.default-group-by-custom-indicator-container.tooltip-restore-groupby-set-by-this-dashboard",
             "Restore groupby set by this dashboard."
           )
         }
@@ -3181,7 +3196,7 @@ function DefaultGroupByCustomIndicatorContainer(props) {
         {
           key: "tooltip",
           content: i18n.t(
-            "variables.default-group-by-custom-indicator-container.tooltip",
+            "grafana-scenes.variables.default-group-by-custom-indicator-container.tooltip",
             "Applied by default in this dashboard. If edited, it carries over to other dashboards."
           ),
           placement: "bottom"
@@ -3437,10 +3452,16 @@ function GroupByVariableRenderer({ model }) {
   return isMulti ? /* @__PURE__ */ React__default.default.createElement(
     ui.MultiSelect,
     {
-      "aria-label": i18n.t("variables.group-by-variable-renderer.aria-label-group-by-selector", "Group by selector"),
+      "aria-label": i18n.t(
+        "grafana-scenes.variables.group-by-variable-renderer.aria-label-group-by-selector",
+        "Group by selector"
+      ),
       "data-testid": `GroupBySelect-${key}`,
       id: key,
-      placeholder: i18n.t("variables.group-by-variable-renderer.placeholder-group-by-label", "Group by label"),
+      placeholder: i18n.t(
+        "grafana-scenes.variables.group-by-variable-renderer.placeholder-group-by-label",
+        "Group by label"
+      ),
       width: "auto",
       allowCustomValue,
       inputValue,
@@ -3493,10 +3514,16 @@ function GroupByVariableRenderer({ model }) {
   ) : /* @__PURE__ */ React__default.default.createElement(
     ui.Select,
     {
-      "aria-label": i18n.t("variables.group-by-variable-renderer.aria-label-group-by-selector", "Group by selector"),
+      "aria-label": i18n.t(
+        "grafana-scenes.variables.group-by-variable-renderer.aria-label-group-by-selector",
+        "Group by selector"
+      ),
       "data-testid": `GroupBySelect-${key}`,
       id: key,
-      placeholder: i18n.t("variables.group-by-variable-renderer.placeholder-group-by-label", "Group by label"),
+      placeholder: i18n.t(
+        "grafana-scenes.variables.group-by-variable-renderer.placeholder-group-by-label",
+        "Group by label"
+      ),
       width: "auto",
       inputValue,
       value: uncommittedValue && uncommittedValue.length > 0 ? uncommittedValue : null,
@@ -3553,7 +3580,7 @@ function toSelectableValue$1(input) {
 }
 
 function LoadingIndicator(props) {
-  return /* @__PURE__ */ React__default.default.createElement(ui.Tooltip, { content: i18n.t("utils.loading-indicator.content-cancel-query", "Cancel query") }, /* @__PURE__ */ React__default.default.createElement(
+  return /* @__PURE__ */ React__default.default.createElement(ui.Tooltip, { content: i18n.t("grafana-scenes.utils.loading-indicator.content-cancel-query", "Cancel query") }, /* @__PURE__ */ React__default.default.createElement(
     ui.Icon,
     {
       className: "spin-clockwise",
@@ -3607,7 +3634,7 @@ function ControlsLabel(props) {
         size: "xs",
         name: "times",
         onClick: props.onRemove,
-        tooltip: i18n.t("utils.controls-label.tooltip-remove", "Remove")
+        tooltip: i18n.t("grafana-scenes.utils.controls-label.tooltip-remove", "Remove")
       }
     ), props.suffix);
   } else {
@@ -3758,7 +3785,10 @@ function AdHocFilterRenderer({ filter, model }) {
       width: "auto",
       value: valueValue,
       filterOption: filterNoOp,
-      placeholder: i18n.t("variables.ad-hoc-filter-renderer.value-select.placeholder-select-value", "Select value"),
+      placeholder: i18n.t(
+        "grafana-scenes.variables.ad-hoc-filter-renderer.value-select.placeholder-select-value",
+        "Select value"
+      ),
       options: filteredValueOptions,
       inputValue: valueInputValue,
       onInputChange: onValueInputChange,
@@ -3805,7 +3835,10 @@ function AdHocFilterRenderer({ filter, model }) {
       width: "auto",
       allowCustomValue: (_c = model.state.allowCustomValue) != null ? _c : true,
       value: keyValue,
-      placeholder: i18n.t("variables.ad-hoc-filter-renderer.key-select.placeholder-select-label", "Select label"),
+      placeholder: i18n.t(
+        "grafana-scenes.variables.ad-hoc-filter-renderer.key-select.placeholder-select-label",
+        "Select label"
+      ),
       options: handleOptionGroups(keys),
       onChange: (v) => {
         model._updateFilter(filter, {
@@ -3865,7 +3898,7 @@ function AdHocFilterRenderer({ filter, model }) {
       return /* @__PURE__ */ React__default.default.createElement(
         ui.Field,
         {
-          label: i18n.t("variables.ad-hoc-filter-renderer.label-select-label", "Select label"),
+          label: i18n.t("grafana-scenes.variables.ad-hoc-filter-renderer.label-select-label", "Select label"),
           "data-testid": `AdHocFilter-${filter.key}`,
           className: styles.field
         },
@@ -3877,8 +3910,8 @@ function AdHocFilterRenderer({ filter, model }) {
     ui.Button,
     {
       variant: "secondary",
-      "aria-label": i18n.t("variables.ad-hoc-filter-renderer.aria-label-remove-filter", "Remove filter"),
-      title: i18n.t("variables.ad-hoc-filter-renderer.title-remove-filter", "Remove filter"),
+      "aria-label": i18n.t("grafana-scenes.variables.ad-hoc-filter-renderer.aria-label-remove-filter", "Remove filter"),
+      title: i18n.t("grafana-scenes.variables.ad-hoc-filter-renderer.title-remove-filter", "Remove filter"),
       className: styles.removeButton,
       icon: "times",
       "data-testid": `AdHocFilter-remove-${(_e = filter.key) != null ? _e : ""}`,
@@ -3959,8 +3992,8 @@ function AdHocFilterBuilder({ model, addFilterButtonText }) {
       {
         variant: "secondary",
         icon: "plus",
-        title: i18n.t("variables.ad-hoc-filter-builder.title-add-filter", "Add filter"),
-        "aria-label": i18n.t("variables.ad-hoc-filter-builder.aria-label-add-filter", "Add filter"),
+        title: i18n.t("grafana-scenes.variables.ad-hoc-filter-builder.title-add-filter", "Add filter"),
+        "aria-label": i18n.t("grafana-scenes.variables.ad-hoc-filter-builder.aria-label-add-filter", "Add filter"),
         "data-testid": `AdHocFilter-add`,
         onClick: () => model._addWip()
       },
@@ -4162,13 +4195,13 @@ const getStyles$e = (theme) => ({
   })
 });
 const LoadingOptionsPlaceholder = () => {
-  return /* @__PURE__ */ React__default.default.createElement(DropdownItem, { onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React__default.default.createElement(i18n.Trans, { i18nKey: "variables.loading-options-placeholder.loading-options" }, "Loading options..."));
+  return /* @__PURE__ */ React__default.default.createElement(DropdownItem, { onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React__default.default.createElement(i18n.Trans, { i18nKey: "grafana-scenes.variables.loading-options-placeholder.loading-options" }, "Loading options..."));
 };
 const NoOptionsPlaceholder = () => {
-  return /* @__PURE__ */ React__default.default.createElement(DropdownItem, { onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React__default.default.createElement(i18n.Trans, { i18nKey: "variables.no-options-placeholder.no-options-found" }, "No options found"));
+  return /* @__PURE__ */ React__default.default.createElement(DropdownItem, { onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React__default.default.createElement(i18n.Trans, { i18nKey: "grafana-scenes.variables.no-options-placeholder.no-options-found" }, "No options found"));
 };
 const OptionsErrorPlaceholder = ({ handleFetchOptions }) => {
-  return /* @__PURE__ */ React__default.default.createElement(DropdownItem, { onClick: handleFetchOptions }, /* @__PURE__ */ React__default.default.createElement(i18n.Trans, { i18nKey: "variables.options-error-placeholder.error-occurred-fetching-labels-click-retry" }, "An error has occurred fetching labels. Click to retry"));
+  return /* @__PURE__ */ React__default.default.createElement(DropdownItem, { onClick: handleFetchOptions }, /* @__PURE__ */ React__default.default.createElement(i18n.Trans, { i18nKey: "grafana-scenes.variables.options-error-placeholder.error-occurred-fetching-labels-click-retry" }, "An error has occurred fetching labels. Click to retry"));
 };
 const MultiValueApplyButton = ({
   onApply,
@@ -4187,7 +4220,7 @@ const MultiValueApplyButton = ({
         transform: `translate(${floatingElementRect == null ? void 0 : floatingElementRect.left}px,${floatingElementRect ? floatingElementRect.top + menuHeight : 0}px)`
       }
     },
-    /* @__PURE__ */ React__default.default.createElement(ui.Button, { onClick: onApply, size: "sm", tabIndex: -1 }, /* @__PURE__ */ React__default.default.createElement(i18n.Trans, { i18nKey: "variables.multi-value-apply-button.apply" }, "Apply"))
+    /* @__PURE__ */ React__default.default.createElement(ui.Button, { onClick: onApply, size: "sm", tabIndex: -1 }, /* @__PURE__ */ React__default.default.createElement(i18n.Trans, { i18nKey: "grafana-scenes.variables.multi-value-apply-button.apply" }, "Apply"))
   );
 };
 
@@ -4449,9 +4482,13 @@ const MultiValuePill = ({
         size: "sm",
         variant: "secondary",
         className: styles.removeButton,
-        tooltip: i18n.t("components.adhoc-filters-combobox.remove-filter-value", "Remove filter value - {{itemLabel}}", {
-          itemLabel: (_b = item.label) != null ? _b : item.value
-        })
+        tooltip: i18n.t(
+          "grafana-scenes.components.adhoc-filters-combobox.remove-filter-value",
+          "Remove filter value - {{itemLabel}}",
+          {
+            itemLabel: (_b = item.label) != null ? _b : item.value
+          }
+        )
       },
       /* @__PURE__ */ React__default.default.createElement(ui.Icon, { name: "times", size: "md", id: `${item.value}-${index}-close-icon` })
     )
@@ -4876,7 +4913,10 @@ const AdHocCombobox = React.forwardRef(function AdHocCombobox2({ filter, model,
         filter.origin && styles.keyPill,
         operatorIdentifier
       ),
-      "aria-label": i18n.t("variables.ad-hoc-combobox.aria-label-edit-filter-operator", "Edit filter operator"),
+      "aria-label": i18n.t(
+        "grafana-scenes.variables.ad-hoc-combobox.aria-label-edit-filter-operator",
+        "Edit filter operator"
+      ),
       tabIndex: filter.origin ? -1 : 0,
       onClick: (event) => {
         if (filter.origin) {
@@ -5047,7 +5087,7 @@ const AdHocCombobox = React.forwardRef(function AdHocCombobox2({ filter, model,
               checked: filterMultiValues.some((val) => val.value === item.value)
             },
             /* @__PURE__ */ React__default.default.createElement("span", null, item.isCustom ? i18n.t(
-              "components.adhoc-filters-combobox.use-custom-value",
+              "grafana-scenes.components.adhoc-filters-combobox.use-custom-value",
               "Use custom value: {{itemLabel}}",
               { itemLabel }
             ) : itemLabel),
@@ -5220,9 +5260,13 @@ function AdHocFilterPill({ filter, model, readOnly, focusOnWipInputRef }) {
           }
         },
         role: readOnly ? void 0 : "button",
-        "aria-label": i18n.t("components.adhoc-filter-pill.edit-filter-with-key", "Edit filter with key {{keyLabel}}", {
-          keyLabel
-        }),
+        "aria-label": i18n.t(
+          "grafana-scenes.components.adhoc-filter-pill.edit-filter-with-key",
+          "Edit filter with key {{keyLabel}}",
+          {
+            keyLabel
+          }
+        ),
         tabIndex: 0,
         ref: pillWrapperRef
       },
@@ -5254,15 +5298,19 @@ function AdHocFilterPill({ filter, model, readOnly, focusOnWipInputRef }) {
           name: "times",
           size: "md",
           className: styles.pillIcon,
-          tooltip: i18n.t("components.adhoc-filter-pill.remove-filter-with-key", "Remove filter with key {{keyLabel}}", {
-            keyLabel
-          })
+          tooltip: i18n.t(
+            "grafana-scenes.components.adhoc-filter-pill.remove-filter-with-key",
+            "Remove filter with key {{keyLabel}}",
+            {
+              keyLabel
+            }
+          )
         }
       ) : null,
       filter.origin && filter.readOnly && /* @__PURE__ */ React__default.default.createElement(
         ui.Tooltip,
         {
-          content: i18n.t("components.adhoc-filter-pill.managed-filter", "{{origin}} managed filter", {
+          content: i18n.t("grafana-scenes.components.adhoc-filter-pill.managed-filter", "{{origin}} managed filter", {
             origin: filter.origin
           }),
           placement: "bottom"
@@ -7749,9 +7797,13 @@ function VizPanelSeriesLimit({ data, showAll, seriesLimit, onShowAllSeries }) {
   return /* @__PURE__ */ React__default.default.createElement("div", { className: styles.timeSeriesDisclaimer }, !showAll && /* @__PURE__ */ React__default.default.createElement("span", { className: styles.warningMessage }, /* @__PURE__ */ React__default.default.createElement(
     ui.Icon,
     {
-      title: i18n.t("components.viz-panel-series-limit.warning-message", `Showing only {{seriesLimit}} series`, {
-        seriesLimit
-      }),
+      title: i18n.t(
+        "grafana-scenes.components.viz-panel-series-limit.warning-message",
+        `Showing only {{seriesLimit}} series`,
+        {
+          seriesLimit
+        }
+      ),
       name: "exclamation-triangle",
       "aria-hidden": "true"
     }
@@ -7759,7 +7811,7 @@ function VizPanelSeriesLimit({ data, showAll, seriesLimit, onShowAllSeries }) {
     ui.Tooltip,
     {
       content: i18n.t(
-        "components.viz-panel-series-limit.content-rendering-series-single-panel-impact-performance",
+        "grafana-scenes.components.viz-panel-series-limit.content-rendering-series-single-panel-impact-performance",
         "Rendering too many series in a single panel may impact performance and make data harder to read."
       )
     },
@@ -7827,10 +7879,10 @@ function VizPanelRenderer({ model }) {
   const titleInterpolated = model.interpolate(title, void 0, "text");
   const alertStateStyles = ui.useStyles2(getAlertStateStyles);
   if (!plugin) {
-    return /* @__PURE__ */ React__default.default.createElement("div", null, /* @__PURE__ */ React__default.default.createElement(i18n.Trans, { i18nKey: "components.viz-panel-renderer.loading-plugin-panel" }, "Loading plugin panel..."));
+    return /* @__PURE__ */ React__default.default.createElement("div", null, /* @__PURE__ */ React__default.default.createElement(i18n.Trans, { i18nKey: "grafana-scenes.components.viz-panel-renderer.loading-plugin-panel" }, "Loading plugin panel..."));
   }
   if (!plugin.panel) {
-    return /* @__PURE__ */ React__default.default.createElement("div", null, /* @__PURE__ */ React__default.default.createElement(i18n.Trans, { i18nKey: "components.viz-panel-renderer.panel-plugin-has-no-panel-component" }, "Panel plugin has no panel component"));
+    return /* @__PURE__ */ React__default.default.createElement("div", null, /* @__PURE__ */ React__default.default.createElement(i18n.Trans, { i18nKey: "grafana-scenes.components.viz-panel-renderer.panel-plugin-has-no-panel-component" }, "Panel plugin has no panel component"));
   }
   const PanelComponent = plugin.panel;
   if (dataObject && dataObject.setContainerWidth) {
@@ -8242,7 +8294,7 @@ class VizPanel extends SceneObjectBase {
     super({
       options: {},
       fieldConfig: { defaults: {}, overrides: [] },
-      title: i18n.t("components.viz-panel.title.title", "Title"),
+      title: i18n.t("grafana-scenes.components.viz-panel.title.title", "Title"),
       pluginId: "timeseries",
       _renderCounter: 0,
       ...state
@@ -10064,7 +10116,10 @@ class DataSourceVariable extends MultiValueVariable {
         options.push({ label: source.name, value: source.uid });
       }
       if (this.state.defaultOptionEnabled && isDefault(source, regex)) {
-        options.push({ label: i18n.t("variables.data-source-variable.label.default", "default"), value: "default" });
+        options.push({
+          label: i18n.t("grafana-scenes.variables.data-source-variable.label.default", "default"),
+          value: "default"
+        });
       }
     }
     if (options.length === 0) {
@@ -10151,7 +10206,7 @@ class TestVariable extends MultiValueVariable {
       type: "custom",
       name: "Test",
       value: "Value",
-      text: i18n.t("variables.test-variable.text.text", "Text"),
+      text: i18n.t("grafana-scenes.variables.test-variable.text.text", "Text"),
       query: "Query",
       options: [],
       refresh: data.VariableRefresh.onDashboardLoad,
@@ -10256,7 +10311,7 @@ function VariableValueInput({ model }) {
     ui.AutoSizeInput,
     {
       id: key,
-      placeholder: i18n.t("variables.variable-value-input.placeholder-enter-value", "Enter value"),
+      placeholder: i18n.t("grafana-scenes.variables.variable-value-input.placeholder-enter-value", "Enter value"),
       minWidth: 15,
       maxWidth: 30,
       value,
@@ -10421,7 +10476,7 @@ IntervalVariable.Component = ({ model }) => {
     ui.Select,
     {
       id: key,
-      placeholder: i18n.t("variables.interval-variable.placeholder-select-value", "Select value"),
+      placeholder: i18n.t("grafana-scenes.variables.interval-variable.placeholder-select-value", "Select value"),
       width: "auto",
       value,
       tabSelectsValue: false,
@@ -10795,7 +10850,7 @@ function VizPanelExploreButtonComponent({ model }) {
           (_a = options.onClick) == null ? void 0 : _a.call(options);
         }
       },
-      /* @__PURE__ */ React__default.default.createElement(i18n.Trans, { i18nKey: "components.viz-panel-explore-button.explore" }, "Explore")
+      /* @__PURE__ */ React__default.default.createElement(i18n.Trans, { i18nKey: "grafana-scenes.components.viz-panel-explore-button.explore" }, "Explore")
     );
   }
   return null;
@@ -11394,7 +11449,7 @@ function SceneGridRowRenderer({ model }) {
     {
       onClick: model.onCollapseToggle,
       className: styles.rowTitleButton,
-      "aria-label": isCollapsed ? i18n.t("components.scene-grid-row.expand-row", "Expand row") : i18n.t("components.scene-grid-row.collapse-row", "Collapse row"),
+      "aria-label": isCollapsed ? i18n.t("grafana-scenes.components.scene-grid-row.expand-row", "Expand row") : i18n.t("grafana-scenes.components.scene-grid-row.collapse-row", "Collapse row"),
       "data-testid": e2eSelectors.selectors.components.DashboardRow.title(sceneGraph.interpolate(model, title, void 0, "text"))
     },
     isCollapsible && /* @__PURE__ */ React__default.default.createElement(ui.Icon, { name: isCollapsed ? "angle-right" : "angle-down" }),
@@ -11518,7 +11573,7 @@ function NestedSceneRenderer({ model }) {
           variant: "default",
           onClick: model.onRemove,
           key: "remove-button",
-          "aria-label": i18n.t("components.nested-scene-renderer.remove-button-label", "Remove scene")
+          "aria-label": i18n.t("grafana-scenes.components.nested-scene-renderer.remove-button-label", "Remove scene")
         }
       )
     );
@@ -11528,7 +11583,7 @@ function NestedSceneRenderer({ model }) {
     {
       onClick: model.onToggle,
       className: gridRow.rowTitleButton,
-      "aria-label": isCollapsed ? i18n.t("components.nested-scene-renderer.expand-button-label", "Expand scene") : i18n.t("components.nested-scene-renderer.collapse-button-label", "Collapse scene")
+      "aria-label": isCollapsed ? i18n.t("grafana-scenes.components.nested-scene-renderer.expand-button-label", "Expand scene") : i18n.t("grafana-scenes.components.nested-scene-renderer.collapse-button-label", "Collapse scene")
     },
     canCollapse && /* @__PURE__ */ React__default.default.createElement(ui.Icon, { name: isCollapsed ? "angle-right" : "angle-down" }),
     /* @__PURE__ */ React__default.default.createElement("span", { className: gridRow.rowTitle, role: "heading" }, sceneGraph.interpolate(model, title, void 0, "text"))
@@ -12101,7 +12156,10 @@ function SceneTimeRangeCompareRenderer({ model }) {
     ui.ToolbarButton,
     {
       variant: "canvas",
-      tooltip: i18n.t("components.scene-time-range-compare-renderer.button-tooltip", "Enable time frame comparison"),
+      tooltip: i18n.t(
+        "grafana-scenes.components.scene-time-range-compare-renderer.button-tooltip",
+        "Enable time frame comparison"
+      ),
       onClick: (e) => {
         e.stopPropagation();
         e.preventDefault();
@@ -12109,7 +12167,7 @@ function SceneTimeRangeCompareRenderer({ model }) {
       }
     },
     /* @__PURE__ */ React__default.default.createElement(ui.Checkbox, { label: " ", value: enabled, onClick }),
-    /* @__PURE__ */ React__default.default.createElement(i18n.Trans, { i18nKey: "components.scene-time-range-compare-renderer.button-label" }, "Comparison")
+    /* @__PURE__ */ React__default.default.createElement(i18n.Trans, { i18nKey: "grafana-scenes.components.scene-time-range-compare-renderer.button-label" }, "Comparison")
   ), enabled ? /* @__PURE__ */ React__default.default.createElement(
     ui.ButtonSelect,
     {
@@ -12695,7 +12753,7 @@ function Splitter({
         "aria-valuemax": 100,
         "aria-valuenow": 50,
         "aria-controls": `start-panel-${id}`,
-        "aria-label": i18n.t("components.splitter.aria-label-pane-resize-widget", "Pane resize widget"),
+        "aria-label": i18n.t("grafana-scenes.components.splitter.aria-label-pane-resize-widget", "Pane resize widget"),
         tabIndex: 0
       }
     ), /* @__PURE__ */ React__default.default.createElement(
@@ -13008,11 +13066,11 @@ function SceneDebugger({ scene }) {
   return /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement(ui.ToolbarButton, { variant: "canvas", icon: "bug", onClick: () => setIsOpen(true) }), isOpen && /* @__PURE__ */ React__default.default.createElement(
     ui.Drawer,
     {
-      title: i18n.t("components.scene-debugger.title-scene-debugger", "Scene debugger"),
+      title: i18n.t("grafana-scenes.components.scene-debugger.title-scene-debugger", "Scene debugger"),
       onClose: () => setIsOpen(false),
       size: "lg"
     },
-    /* @__PURE__ */ React__default.default.createElement("div", { className: styles.panes }, /* @__PURE__ */ React__default.default.createElement("div", { className: styles.pane1 }, /* @__PURE__ */ React__default.default.createElement("div", { className: styles.paneHeading }, /* @__PURE__ */ React__default.default.createElement(i18n.Trans, { i18nKey: "components.scene-debugger.scene-graph" }, "Scene graph")), /* @__PURE__ */ React__default.default.createElement(ui.CustomScrollbar, { autoHeightMin: "100%" }, /* @__PURE__ */ React__default.default.createElement("div", { className: styles.treeWrapper }, /* @__PURE__ */ React__default.default.createElement(DebugTreeNode, { node: scene, selectedObject, onSelect: setSelectedObject })))), /* @__PURE__ */ React__default.default.createElement("div", { className: styles.pane2 }, /* @__PURE__ */ React__default.default.createElement("div", { className: styles.paneHeading }, /* @__PURE__ */ React__default.default.createElement(i18n.Trans, { i18nKey: "components.scene-debugger.object-details" }, "Object details")), selectedObject && /* @__PURE__ */ React__default.default.createElement(DebugDetails, { node: selectedObject })))
+    /* @__PURE__ */ React__default.default.createElement("div", { className: styles.panes }, /* @__PURE__ */ React__default.default.createElement("div", { className: styles.pane1 }, /* @__PURE__ */ React__default.default.createElement("div", { className: styles.paneHeading }, /* @__PURE__ */ React__default.default.createElement(i18n.Trans, { i18nKey: "grafana-scenes.components.scene-debugger.scene-graph" }, "Scene graph")), /* @__PURE__ */ React__default.default.createElement(ui.CustomScrollbar, { autoHeightMin: "100%" }, /* @__PURE__ */ React__default.default.createElement("div", { className: styles.treeWrapper }, /* @__PURE__ */ React__default.default.createElement(DebugTreeNode, { node: scene, selectedObject, onSelect: setSelectedObject })))), /* @__PURE__ */ React__default.default.createElement("div", { className: styles.pane2 }, /* @__PURE__ */ React__default.default.createElement("div", { className: styles.paneHeading }, /* @__PURE__ */ React__default.default.createElement(i18n.Trans, { i18nKey: "grafana-scenes.components.scene-debugger.object-details" }, "Object details")), selectedObject && /* @__PURE__ */ React__default.default.createElement(DebugDetails, { node: selectedObject })))
   ));
 }
 function getStyles(theme) {
@@ -13249,8 +13307,8 @@ function getFallbackRoute(page) {
 function getDefaultFallbackPage() {
   return new SceneAppPage({
     url: "",
-    title: i18n.t("components.fallback-page.title", "Not found"),
-    subTitle: i18n.t("components.fallback-page.subTitle", "The url did not match any page"),
+    title: i18n.t("grafana-scenes.components.fallback-page.title", "Not found"),
+    subTitle: i18n.t("grafana-scenes.components.fallback-page.subTitle", "The url did not match any page"),
     routePath: "*",
     getScene: () => {
       return new EmbeddedScene({
@@ -13260,7 +13318,7 @@ function getDefaultFallbackPage() {
             new SceneFlexItem({
               body: new SceneReactObject({
                 component: () => {
-                  return /* @__PURE__ */ React__default.default.createElement("div", { "data-testid": "default-fallback-content" }, /* @__PURE__ */ React__default.default.createElement(i18n.Trans, { i18nKey: "components.fallback-page.content" }, "If you found your way here using a link then there might be a bug in this application."));
+                  return /* @__PURE__ */ React__default.default.createElement("div", { "data-testid": "default-fallback-content" }, /* @__PURE__ */ React__default.default.createElement(i18n.Trans, { i18nKey: "grafana-scenes.components.fallback-page.content" }, "If you found your way here using a link then there might be a bug in this application."));
                 }
               })
             })
@@ -14182,7 +14240,7 @@ const VizConfigBuilders = {
 
 function __variableDynamicImportRuntime0__(path) {
   switch (path) {
-    case '../locales/en-US/grafana-scenes.json': return Promise.resolve().then(function () { return require('./grafana-scenes-8mJSrmSH.js'); });
+    case '../locales/en-US/grafana-scenes.json': return Promise.resolve().then(function () { return require('./grafana-scenes-DCHONTnD.js'); });
     default: return new Promise(function(resolve, reject) {
       (typeof queueMicrotask === 'function' ? queueMicrotask : setTimeout)(
         reject.bind(null, new Error("Unknown variable dynamic import: " + path))
@@ -14198,9 +14256,6 @@ const loadResources = async (resolvedLanguage) => {
   const translation = await resources[resolvedLanguage]();
   return translation.default;
 };
-const initTranslations = () => {
-  return i18n.initPluginTranslations("grafana-scenes", [loadResources]);
-};
 
 const sceneUtils = {
   getUrlWithAppState,
@@ -14306,12 +14361,12 @@ exports.behaviors = index$1;
 exports.dataLayers = index;
 exports.formatRegistry = formatRegistry;
 exports.getExploreURL = getExploreURL;
-exports.initTranslations = initTranslations;
 exports.isCustomVariableValue = isCustomVariableValue;
 exports.isDataLayer = isDataLayer;
 exports.isDataRequestEnricher = isDataRequestEnricher;
 exports.isFiltersRequestEnricher = isFiltersRequestEnricher;
 exports.isSceneObject = isSceneObject;
+exports.loadResources = loadResources;
 exports.registerQueryWithController = registerQueryWithController;
 exports.registerRuntimeDataSource = registerRuntimeDataSource;
 exports.sceneGraph = sceneGraph;