@splunk/dashboard-toolbar 29.0.0 → 29.2.0

package/index.js

@@ -83,6 +83,7 @@ var __async = (__this, __arguments, generator) => {
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
+  AIAssistant: () => AIAssistant,
   ActionsGroup: () => ActionsGroup_default,
   Charts: () => Charts_default,
   CollapsibleToolbar: () => CollapsibleToolbar_default,
@@ -316,16 +317,10 @@ var transition = styled_components_exports.css`
 var ExpandButton = styled_components_default(Button_default)`
     // To get specific enough to override the default Button styling
     && {
-        // We shrink the button a bit when the toolbar is expanded since it
-        // switches to a circle button and needs a bit more space to breath
         height: ${({ expanded }) => expanded ? `${TOOLBAR_HEIGHT - 4}px` : `${TOOLBAR_HEIGHT}px`};
         width: ${({ expanded }) => expanded ? `${TOOLBAR_HEIGHT - 4}px` : `${TOOLBAR_HEIGHT}px`};
         margin: ${({ expanded }) => expanded ? "0 4px 0 4px" : "0"};
-        padding: 0;
-        border: none;
-        box-shadow: none;
-        background-color: ${themes_exports.variables.backgroundColorNavigation};
-        border-radius: ${(props) => props.expanded ? "40px" : "0 0 0 20px"};
+        border-radius: ${(props) => props.expanded ? "" : "0 0 0 20px"};
         transition-property: border-radius, height, width, margin-right;
         ${transition}
     }
@@ -377,6 +372,7 @@ var CollapsibleToolbar = ({
   return /* @__PURE__ */ react_default.createElement(ToolbarWrapper, { "data-test": "dashboard-toolbar" }, /* @__PURE__ */ react_default.createElement(StyledTransitionOpen, { animation: "slideFromRight", open: expanded }, /* @__PURE__ */ react_default.createElement(ToolbarItemsWrapper, { "data-test": "toolbar-items" }, injectedToolbarItems)), /* @__PURE__ */ react_default.createElement(
     ExpandButton,
     {
+      appearance: "subtle",
       "data-test": "expand-button",
       expanded,
       onClick: handleExpandToggle,
@@ -570,41 +566,94 @@ var Toolbar = ({
 Toolbar.displayName = "Toolbar";
 var Toolbar_default = Toolbar;
 
+// esm-externals:@splunk/dashboard-ui
+var dashboard_ui_exports = {};
+__export(dashboard_ui_exports, {
+  default: () => dashboard_ui_default
+});
+var defaultImport15 = __toESM(require("@splunk/dashboard-ui"));
+__reExport(dashboard_ui_exports, require("@splunk/dashboard-ui"));
+var dashboard_ui_default = "default" in defaultImport15 ? defaultImport15.default : defaultImport15;
+
+// esm-externals:@splunk/react-ui/Tooltip
+var Tooltip_exports = {};
+__export(Tooltip_exports, {
+  default: () => Tooltip_default
+});
+var defaultImport16 = __toESM(require("@splunk/react-ui/Tooltip"));
+__reExport(Tooltip_exports, require("@splunk/react-ui/Tooltip"));
+var Tooltip_default = "default" in defaultImport16 ? defaultImport16.default : defaultImport16;
+
+// src/buttons/AIAssistant/AIAssistant.tsx
+var aiButtonStyle = { height: "100%" };
+var EmptyComponent = () => null;
+var AIAssistant = () => {
+  var _a;
+  const { allowDashboardAIAssistant } = (0, dashboard_context_exports.useFeatureFlags)();
+  const { AIButton } = (_a = (0, dashboard_context_exports.useMicrofrontendContext)().microfrontendProxy) != null ? _a : {};
+  const dashboardApi = (0, dashboard_context_exports.useDashboardApi)();
+  const { colorScheme, density, family } = (0, themes_exports.useSplunkTheme)();
+  const handleError = (0, react_exports.useCallback)((error) => {
+    dashboard_utils_exports.console.error((0, i18n_exports._)("Error loading AI Assistant:"), error);
+    return /* @__PURE__ */ react_default.createElement(EmptyComponent, null);
+  }, []);
+  const handleClick = (0, react_exports.useCallback)(() => {
+    dashboardApi.openPanel({
+      activePanel: "config",
+      panelProps: {
+        showAIPanel: true
+      }
+    });
+  }, [dashboardApi]);
+  if (!allowDashboardAIAssistant || !AIButton) {
+    return null;
+  }
+  return /* @__PURE__ */ react_default.createElement(dashboard_ui_exports.ErrorBoundary, { render: handleError }, /* @__PURE__ */ react_default.createElement(Item_default, null, /* @__PURE__ */ react_default.createElement(react_exports.Suspense, { key: "ai-assistant", fallback: null }, /* @__PURE__ */ react_default.createElement(
+    Tooltip_default,
+    {
+      contentRelationship: "label",
+      content: (0, i18n_exports._)("AI Assistant")
+    },
+    /* @__PURE__ */ react_default.createElement(
+      AIButton,
+      {
+        "data-test": "ai-button",
+        onClick: handleClick,
+        colorScheme,
+        style: aiButtonStyle,
+        density,
+        family
+      }
+    )
+  ))));
+};
+
 // esm-externals:@splunk/react-ui/Dropdown
 var Dropdown_exports = {};
 __export(Dropdown_exports, {
   default: () => Dropdown_default
 });
-var defaultImport15 = __toESM(require("@splunk/react-ui/Dropdown"));
+var defaultImport17 = __toESM(require("@splunk/react-ui/Dropdown"));
 __reExport(Dropdown_exports, require("@splunk/react-ui/Dropdown"));
-var Dropdown_default = "default" in defaultImport15 ? defaultImport15.default : defaultImport15;
+var Dropdown_default = "default" in defaultImport17 ? defaultImport17.default : defaultImport17;
 
 // esm-externals:@splunk/react-ui/Menu
 var Menu_exports = {};
 __export(Menu_exports, {
   default: () => Menu_default
 });
-var defaultImport16 = __toESM(require("@splunk/react-ui/Menu"));
+var defaultImport18 = __toESM(require("@splunk/react-ui/Menu"));
 __reExport(Menu_exports, require("@splunk/react-ui/Menu"));
-var Menu_default = "default" in defaultImport16 ? defaultImport16.default : defaultImport16;
+var Menu_default = "default" in defaultImport18 ? defaultImport18.default : defaultImport18;
 
 // esm-externals:@splunk/react-icons/ChartColumn
 var ChartColumn_exports = {};
 __export(ChartColumn_exports, {
   default: () => ChartColumn_default
 });
-var defaultImport17 = __toESM(require("@splunk/react-icons/ChartColumn"));
+var defaultImport19 = __toESM(require("@splunk/react-icons/ChartColumn"));
 __reExport(ChartColumn_exports, require("@splunk/react-icons/ChartColumn"));
-var ChartColumn_default = "default" in defaultImport17 ? defaultImport17.default : defaultImport17;
-
-// esm-externals:@splunk/dashboard-ui
-var dashboard_ui_exports = {};
-__export(dashboard_ui_exports, {
-  default: () => dashboard_ui_default
-});
-var defaultImport18 = __toESM(require("@splunk/dashboard-ui"));
-__reExport(dashboard_ui_exports, require("@splunk/dashboard-ui"));
-var dashboard_ui_default = "default" in defaultImport18 ? defaultImport18.default : defaultImport18;
+var ChartColumn_default = "default" in defaultImport19 ? defaultImport19.default : defaultImport19;
 
 // src/hooks/useDropdown.ts
 var useDropdown = ({
@@ -672,7 +721,10 @@ var ButtonToggle = /* @__PURE__ */ react_default.createElement(
     icon: chartsDropdown
   }
 );
-var focusToggleReasons = [];
+var focusToggleReasons = [
+  "escapeKey",
+  "tabKey"
+];
 var getVisualizationListFromTaxonomy = ({
   taxonomy,
   handleCreateVisualization
@@ -788,9 +840,9 @@ var Cog_exports = {};
 __export(Cog_exports, {
   default: () => Cog_default
 });
-var defaultImport19 = __toESM(require("@splunk/react-icons/Cog"));
+var defaultImport20 = __toESM(require("@splunk/react-icons/Cog"));
 __reExport(Cog_exports, require("@splunk/react-icons/Cog"));
-var Cog_default = "default" in defaultImport19 ? defaultImport19.default : defaultImport19;
+var Cog_default = "default" in defaultImport20 ? defaultImport20.default : defaultImport20;
 
 // src/buttons/Config.tsx
 var configurationIcon = prepareIcon({
@@ -829,9 +881,9 @@ var ArrowBroadUnderbarDown_exports = {};
 __export(ArrowBroadUnderbarDown_exports, {
   default: () => ArrowBroadUnderbarDown_default
 });
-var defaultImport20 = __toESM(require("@splunk/react-icons/ArrowBroadUnderbarDown"));
+var defaultImport21 = __toESM(require("@splunk/react-icons/ArrowBroadUnderbarDown"));
 __reExport(ArrowBroadUnderbarDown_exports, require("@splunk/react-icons/ArrowBroadUnderbarDown"));
-var ArrowBroadUnderbarDown_default = "default" in defaultImport20 ? defaultImport20.default : defaultImport20;
+var ArrowBroadUnderbarDown_default = "default" in defaultImport21 ? defaultImport21.default : defaultImport21;
 
 // src/buttons/ContentExport.tsx
 var icon = prepareIcon({
@@ -854,9 +906,9 @@ var CylinderMulti_exports = {};
 __export(CylinderMulti_exports, {
   default: () => CylinderMulti_default
 });
-var defaultImport21 = __toESM(require("@splunk/react-icons/CylinderMulti"));
+var defaultImport22 = __toESM(require("@splunk/react-icons/CylinderMulti"));
 __reExport(CylinderMulti_exports, require("@splunk/react-icons/CylinderMulti"));
-var CylinderMulti_default = "default" in defaultImport21 ? defaultImport21.default : defaultImport21;
+var CylinderMulti_default = "default" in defaultImport22 ? defaultImport22.default : defaultImport22;
 
 // src/buttons/Data.tsx
 var dataInputIcon = prepareIcon({
@@ -898,9 +950,9 @@ var Square_exports = {};
 __export(Square_exports, {
   default: () => Square_default
 });
-var defaultImport22 = __toESM(require("@splunk/react-icons/Square"));
+var defaultImport23 = __toESM(require("@splunk/react-icons/Square"));
 __reExport(Square_exports, require("@splunk/react-icons/Square"));
-var Square_default = "default" in defaultImport22 ? defaultImport22.default : defaultImport22;
+var Square_default = "default" in defaultImport23 ? defaultImport23.default : defaultImport23;
 
 // src/buttons/EmptyVisualization.tsx
 var icon2 = prepareIcon({
@@ -908,7 +960,7 @@ var icon2 = prepareIcon({
   screenReaderContent: (0, i18n_exports._)("Add rectangle")
 });
 var EmptyVisualization = ({ dashboardApi }) => {
-  const handleClick = (0, react_exports.useCallback)(() => __async(void 0, null, function* () {
+  const handleClick = (0, react_exports.useCallback)(() => __async(null, null, function* () {
     dashboardApi == null ? void 0 : dashboardApi.createVisualization({
       visualizationDefinition: {
         type: "splunk.rectangle",
@@ -974,9 +1026,9 @@ var ChevronsOut_exports = {};
 __export(ChevronsOut_exports, {
   default: () => ChevronsOut_default
 });
-var defaultImport23 = __toESM(require("@splunk/react-icons/ChevronsOut"));
+var defaultImport24 = __toESM(require("@splunk/react-icons/ChevronsOut"));
 __reExport(ChevronsOut_exports, require("@splunk/react-icons/ChevronsOut"));
-var ChevronsOut_default = "default" in defaultImport23 ? defaultImport23.default : defaultImport23;
+var ChevronsOut_default = "default" in defaultImport24 ? defaultImport24.default : defaultImport24;
 
 // src/buttons/Fullscreen.tsx
 var icon3 = prepareIcon({
@@ -1005,9 +1057,9 @@ var Switch_exports = {};
 __export(Switch_exports, {
   default: () => Switch_default
 });
-var defaultImport24 = __toESM(require("@splunk/react-ui/Switch"));
+var defaultImport25 = __toESM(require("@splunk/react-ui/Switch"));
 __reExport(Switch_exports, require("@splunk/react-ui/Switch"));
-var Switch_default = "default" in defaultImport24 ? defaultImport24.default : defaultImport24;
+var Switch_default = "default" in defaultImport25 ? defaultImport25.default : defaultImport25;
 
 // src/buttons/GridLineSwitch.tsx
 var SwitchContainer = styled_components_default.div`
@@ -1055,9 +1107,9 @@ var ChartSingleValueIcon_exports = {};
 __export(ChartSingleValueIcon_exports, {
   default: () => ChartSingleValueIcon_default
 });
-var defaultImport25 = __toESM(require("@splunk/react-icons/ChartSingleValueIcon"));
+var defaultImport26 = __toESM(require("@splunk/react-icons/ChartSingleValueIcon"));
 __reExport(ChartSingleValueIcon_exports, require("@splunk/react-icons/ChartSingleValueIcon"));
-var ChartSingleValueIcon_default = "default" in defaultImport25 ? defaultImport25.default : defaultImport25;
+var ChartSingleValueIcon_default = "default" in defaultImport26 ? defaultImport26.default : defaultImport26;
 
 // src/buttons/IconGallery.tsx
 var MenusContainer = styled_components_default.div`
@@ -1069,7 +1121,10 @@ var iconGalleryDropdown = prepareIcon({
   screenReaderContent: (0, i18n_exports._)("Add icon"),
   isMenu: true
 });
-var focusToggleReasons2 = [];
+var focusToggleReasons2 = [
+  "escapeKey",
+  "tabKey"
+];
 var IconGallery = ({ dashboardApi }) => {
   const {
     handleForceClose,
@@ -1093,7 +1148,7 @@ var IconGallery = ({ dashboardApi }) => {
     []
   );
   const handlePanelClick = (0, react_exports.useCallback)(
-    (iconURL) => __async(void 0, null, function* () {
+    (iconURL) => __async(null, null, function* () {
       dashboardApi == null ? void 0 : dashboardApi.createVisualization({
         visualizationDefinition: {
           type: "splunk.singlevalueicon",
@@ -1135,9 +1190,9 @@ var QuestionCircle_exports = {};
 __export(QuestionCircle_exports, {
   default: () => QuestionCircle_default
 });
-var defaultImport26 = __toESM(require("@splunk/react-icons/QuestionCircle"));
+var defaultImport27 = __toESM(require("@splunk/react-icons/QuestionCircle"));
 __reExport(QuestionCircle_exports, require("@splunk/react-icons/QuestionCircle"));
-var QuestionCircle_default = "default" in defaultImport26 ? defaultImport26.default : defaultImport26;
+var QuestionCircle_default = "default" in defaultImport27 ? defaultImport27.default : defaultImport27;
 
 // src/buttons/HelpButton.tsx
 var focusToggleReasons3 = [];
@@ -1209,9 +1264,9 @@ var Picture_exports = {};
 __export(Picture_exports, {
   default: () => Picture_default
 });
-var defaultImport27 = __toESM(require("@splunk/react-icons/Picture"));
+var defaultImport28 = __toESM(require("@splunk/react-icons/Picture"));
 __reExport(Picture_exports, require("@splunk/react-icons/Picture"));
-var Picture_default = "default" in defaultImport27 ? defaultImport27.default : defaultImport27;
+var Picture_default = "default" in defaultImport28 ? defaultImport28.default : defaultImport28;
 
 // src/buttons/Image.tsx
 var icon4 = prepareIcon({
@@ -1219,7 +1274,7 @@ var icon4 = prepareIcon({
   screenReaderContent: (0, i18n_exports._)("Add image")
 });
 var Image = ({ dashboardApi }) => {
-  const handleClick = (0, react_exports.useCallback)(() => __async(void 0, null, function* () {
+  const handleClick = (0, react_exports.useCallback)(() => __async(null, null, function* () {
     dashboardApi == null ? void 0 : dashboardApi.createVisualization({
       visualizationDefinition: {
         type: "splunk.image",
@@ -1274,7 +1329,7 @@ var ImageGallery = ({ dashboardApi }) => {
     isContentClickClose: false
   });
   const handlePanelClick = (0, react_exports.useCallback)(
-    (imageUrl) => __async(void 0, null, function* () {
+    (imageUrl) => __async(null, null, function* () {
       dashboardApi == null ? void 0 : dashboardApi.createVisualization({
         visualizationDefinition: {
           type: "splunk.image",
@@ -1316,30 +1371,33 @@ var lodash_exports = {};
 __export(lodash_exports, {
   default: () => lodash_default
 });
-var defaultImport28 = __toESM(require("lodash"));
+var defaultImport29 = __toESM(require("lodash"));
 __reExport(lodash_exports, require("lodash"));
-var lodash_default = "default" in defaultImport28 ? defaultImport28.default : defaultImport28;
+var lodash_default = "default" in defaultImport29 ? defaultImport29.default : defaultImport29;
 
 // esm-externals:@splunk/react-icons/SlidersTripleHorizontal
 var SlidersTripleHorizontal_exports = {};
 __export(SlidersTripleHorizontal_exports, {
   default: () => SlidersTripleHorizontal_default
 });
-var defaultImport29 = __toESM(require("@splunk/react-icons/SlidersTripleHorizontal"));
+var defaultImport30 = __toESM(require("@splunk/react-icons/SlidersTripleHorizontal"));
 __reExport(SlidersTripleHorizontal_exports, require("@splunk/react-icons/SlidersTripleHorizontal"));
-var SlidersTripleHorizontal_default = "default" in defaultImport29 ? defaultImport29.default : defaultImport29;
+var SlidersTripleHorizontal_default = "default" in defaultImport30 ? defaultImport30.default : defaultImport30;
 
 // esm-externals:@splunk/dashboard-definition
 var dashboard_definition_exports = {};
 __export(dashboard_definition_exports, {
   default: () => dashboard_definition_default
 });
-var defaultImport30 = __toESM(require("@splunk/dashboard-definition"));
+var defaultImport31 = __toESM(require("@splunk/dashboard-definition"));
 __reExport(dashboard_definition_exports, require("@splunk/dashboard-definition"));
-var dashboard_definition_default = "default" in defaultImport30 ? defaultImport30.default : defaultImport30;
+var dashboard_definition_default = "default" in defaultImport31 ? defaultImport31.default : defaultImport31;
 
 // src/buttons/Inputs.tsx
-var focusToggleReasons5 = [];
+var focusToggleReasons5 = [
+  "escapeKey",
+  "tabKey"
+];
 var DEFAULT_PRESET_MAP2 = Object.freeze({});
 var addInputIcon = prepareIcon({
   Icon: SlidersTripleHorizontal_default,
@@ -1458,9 +1516,9 @@ var Markdown_exports = {};
 __export(Markdown_exports, {
   default: () => Markdown_default
 });
-var defaultImport31 = __toESM(require("@splunk/react-icons/Markdown"));
+var defaultImport32 = __toESM(require("@splunk/react-icons/Markdown"));
 __reExport(Markdown_exports, require("@splunk/react-icons/Markdown"));
-var Markdown_default = "default" in defaultImport31 ? defaultImport31.default : defaultImport31;
+var Markdown_default = "default" in defaultImport32 ? defaultImport32.default : defaultImport32;
 
 // src/buttons/Markdown.tsx
 var icon5 = prepareIcon({
@@ -1521,9 +1579,9 @@ var ArrowBowRight_exports = {};
 __export(ArrowBowRight_exports, {
   default: () => ArrowBowRight_default
 });
-var defaultImport32 = __toESM(require("@splunk/react-icons/ArrowBowRight"));
+var defaultImport33 = __toESM(require("@splunk/react-icons/ArrowBowRight"));
 __reExport(ArrowBowRight_exports, require("@splunk/react-icons/ArrowBowRight"));
-var ArrowBowRight_default = "default" in defaultImport32 ? defaultImport32.default : defaultImport32;
+var ArrowBowRight_default = "default" in defaultImport33 ? defaultImport33.default : defaultImport33;
 
 // src/buttons/Redo.tsx
 var icon6 = prepareIcon({
@@ -1574,27 +1632,27 @@ var Circle_exports = {};
 __export(Circle_exports, {
   default: () => Circle_default
 });
-var defaultImport33 = __toESM(require("@splunk/react-icons/Circle"));
+var defaultImport34 = __toESM(require("@splunk/react-icons/Circle"));
 __reExport(Circle_exports, require("@splunk/react-icons/Circle"));
-var Circle_default = "default" in defaultImport33 ? defaultImport33.default : defaultImport33;
+var Circle_default = "default" in defaultImport34 ? defaultImport34.default : defaultImport34;
 
 // esm-externals:@splunk/react-icons/Line
 var Line_exports = {};
 __export(Line_exports, {
   default: () => Line_default
 });
-var defaultImport34 = __toESM(require("@splunk/react-icons/Line"));
+var defaultImport35 = __toESM(require("@splunk/react-icons/Line"));
 __reExport(Line_exports, require("@splunk/react-icons/Line"));
-var Line_default = "default" in defaultImport34 ? defaultImport34.default : defaultImport34;
+var Line_default = "default" in defaultImport35 ? defaultImport35.default : defaultImport35;
 
 // esm-externals:@splunk/react-icons/ShapesVariety
 var ShapesVariety_exports = {};
 __export(ShapesVariety_exports, {
   default: () => ShapesVariety_default
 });
-var defaultImport35 = __toESM(require("@splunk/react-icons/ShapesVariety"));
+var defaultImport36 = __toESM(require("@splunk/react-icons/ShapesVariety"));
 __reExport(ShapesVariety_exports, require("@splunk/react-icons/ShapesVariety"));
-var ShapesVariety_default = "default" in defaultImport35 ? defaultImport35.default : defaultImport35;
+var ShapesVariety_default = "default" in defaultImport36 ? defaultImport36.default : defaultImport36;
 
 // src/buttons/Shapes.tsx
 var shapesDropdown = prepareIcon({
@@ -1611,7 +1669,10 @@ var ButtonToggle5 = /* @__PURE__ */ react_default.createElement(
     icon: shapesDropdown
   }
 );
-var focusToggleReasons6 = [];
+var focusToggleReasons6 = [
+  "escapeKey",
+  "tabKey"
+];
 var circleIcon = /* @__PURE__ */ react_default.createElement(Circle_default, null);
 var uncheckedBoxIcon = /* @__PURE__ */ react_default.createElement(Square_default, null);
 var lineIcon = /* @__PURE__ */ react_default.createElement(Line_default, null);
@@ -1699,9 +1760,9 @@ var WindowChevronsSlash_exports = {};
 __export(WindowChevronsSlash_exports, {
   default: () => WindowChevronsSlash_default
 });
-var defaultImport36 = __toESM(require("@splunk/react-icons/WindowChevronsSlash"));
+var defaultImport37 = __toESM(require("@splunk/react-icons/WindowChevronsSlash"));
 __reExport(WindowChevronsSlash_exports, require("@splunk/react-icons/WindowChevronsSlash"));
-var WindowChevronsSlash_default = "default" in defaultImport36 ? defaultImport36.default : defaultImport36;
+var WindowChevronsSlash_default = "default" in defaultImport37 ? defaultImport37.default : defaultImport37;
 
 // src/buttons/Source.tsx
 var icon7 = prepareIcon({
@@ -1724,18 +1785,9 @@ var ListToken_exports = {};
 __export(ListToken_exports, {
   default: () => ListToken_default
 });
-var defaultImport37 = __toESM(require("@splunk/react-icons/ListToken"));
+var defaultImport38 = __toESM(require("@splunk/react-icons/ListToken"));
 __reExport(ListToken_exports, require("@splunk/react-icons/ListToken"));
-var ListToken_default = "default" in defaultImport37 ? defaultImport37.default : defaultImport37;
-
-// esm-externals:@splunk/react-ui/Tooltip
-var Tooltip_exports = {};
-__export(Tooltip_exports, {
-  default: () => Tooltip_default
-});
-var defaultImport38 = __toESM(require("@splunk/react-ui/Tooltip"));
-__reExport(Tooltip_exports, require("@splunk/react-ui/Tooltip"));
-var Tooltip_default = "default" in defaultImport38 ? defaultImport38.default : defaultImport38;
+var ListToken_default = "default" in defaultImport38 ? defaultImport38.default : defaultImport38;
 
 // src/buttons/tokenManager/TokenManager.tsx
 var tokenManagerIcon = prepareIcon({
@@ -1743,19 +1795,23 @@ var tokenManagerIcon = prepareIcon({
   screenReaderContent: (0, i18n_exports._)("Token manager")
 });
 var TokenManager = ({ dashboardApi }) => {
+  const { showTokenManager } = (0, dashboard_context_exports.useFeatureFlags)();
   const handleClick = (0, react_exports.useCallback)(() => {
-    const isOpen = (dashboardApi == null ? void 0 : dashboardApi.getOpenedPanel()) === "tokens";
+    const isOpen = (dashboardApi == null ? void 0 : dashboardApi.getOpenedPanel()) === "tokenManager";
     if (isOpen) {
       dashboardApi == null ? void 0 : dashboardApi.closePanel();
     } else {
       dashboardApi == null ? void 0 : dashboardApi.openPanel({
-        activePanel: "tokens",
+        activePanel: "tokenManager",
         panelProps: {
           focusOnOpen: true
         }
       });
     }
   }, [dashboardApi]);
+  if (!showTokenManager) {
+    return null;
+  }
   return /* @__PURE__ */ react_default.createElement(
     Tooltip_default,
     {
@@ -1827,23 +1883,14 @@ var Undo = ({ dashboardApi }) => {
 };
 var Undo_default = Undo;
 
-// esm-externals:@splunk/dashboard-telemetry
-var dashboard_telemetry_exports = {};
-__export(dashboard_telemetry_exports, {
-  default: () => dashboard_telemetry_default
-});
-var defaultImport40 = __toESM(require("@splunk/dashboard-telemetry"));
-__reExport(dashboard_telemetry_exports, require("@splunk/dashboard-telemetry"));
-var dashboard_telemetry_default = "default" in defaultImport40 ? defaultImport40.default : defaultImport40;
-
 // esm-externals:@splunk/ui-utils/format
 var format_exports = {};
 __export(format_exports, {
   default: () => format_default
 });
-var defaultImport41 = __toESM(require("@splunk/ui-utils/format"));
+var defaultImport40 = __toESM(require("@splunk/ui-utils/format"));
 __reExport(format_exports, require("@splunk/ui-utils/format"));
-var format_default = "default" in defaultImport41 ? defaultImport41.default : defaultImport41;
+var format_default = "default" in defaultImport40 ? defaultImport40.default : defaultImport40;
 
 // src/buttons/Zoom/ZoomMenu.tsx
 var zoomLevels = [25, 50, 100, 150, 200];
@@ -2006,9 +2053,9 @@ var Number_exports = {};
 __export(Number_exports, {
   default: () => Number_default
 });
-var defaultImport42 = __toESM(require("@splunk/react-ui/Number"));
+var defaultImport41 = __toESM(require("@splunk/react-ui/Number"));
 __reExport(Number_exports, require("@splunk/react-ui/Number"));
-var Number_default = "default" in defaultImport42 ? defaultImport42.default : defaultImport42;
+var Number_default = "default" in defaultImport41 ? defaultImport41.default : defaultImport41;
 
 // src/buttons/Zoom/ZoomNumber.tsx
 var StyledNumber = styled_components_default(Number_default)`
@@ -2074,29 +2121,26 @@ var Zoom = ({
 }) => {
   const [currentScale, setCurrentScale] = (0, react_exports.useState)(100);
   const [scaleType, setScaleType] = (0, react_exports.useState)(null);
-  const telemetry = (0, dashboard_telemetry_exports.useTelemetryApi)();
   const dashboardApi = (0, dashboard_context_exports.useDashboardApi)();
+  const dispatch = (0, dashboard_state_exports.useDispatch)();
   const handleZoom = (0, react_exports.useCallback)((level) => {
     if (level) {
       setCurrentScale(Math.round(level * 100));
     }
   }, []);
-  const emitTelemetry = (0, react_exports.useMemo)(
-    () => (0, lodash_exports.debounce)(telemetry.emit.bind(telemetry), 500),
-    [telemetry]
+  const debouncedDispatch = (0, react_exports.useMemo)(
+    () => (0, lodash_exports.debounce)(dispatch, 500),
+    [dispatch]
   );
   (0, react_exports.useEffect)(() => {
-    emitTelemetry({
-      pageAction: "dashboard.zoom",
-      source: "toolbar",
-      event: "dashboard.zoom_level_change",
-      metadata: {
+    debouncedDispatch(
+      (0, dashboard_state_exports.zoomLevelChanged)({
         scale: currentScale,
         scaleType,
         mode
-      }
-    });
-  }, [currentScale, scaleType, emitTelemetry, mode]);
+      })
+    );
+  }, [currentScale, scaleType, mode, debouncedDispatch]);
   const activeTabId = (0, dashboard_state_exports.useSelector)(dashboard_state_exports.selectActiveTab);
   (0, react_exports.useEffect)(() => {
     var _a;
@@ -2206,7 +2250,7 @@ var EditorGroup_default = EditorGroup;
 // src/groups/EditorsControlGroup.tsx
 var EditorsControlGroup = (props) => {
   var _a;
-  return /* @__PURE__ */ react_default.createElement(ItemGroup_default, __spreadValues({ borders: false }, props), /* @__PURE__ */ react_default.createElement(Config_default, null), /* @__PURE__ */ react_default.createElement(Data_default, null), /* @__PURE__ */ react_default.createElement(Source_default, { onClick: (_a = props.sourceButtonOnClick) != null ? _a : dashboard_utils_exports.noop }));
+  return /* @__PURE__ */ react_default.createElement(ItemGroup_default, __spreadValues({ borders: false }, props), /* @__PURE__ */ react_default.createElement(Config_default, null), /* @__PURE__ */ react_default.createElement(Data_default, null), /* @__PURE__ */ react_default.createElement(TokenManager, null), /* @__PURE__ */ react_default.createElement(Source_default, { onClick: (_a = props.sourceButtonOnClick) != null ? _a : dashboard_utils_exports.noop }));
 };
 var EditorsControlGroup_default = EditorsControlGroup;
 
@@ -2215,7 +2259,7 @@ var HistoryGroup = (props) => /* @__PURE__ */ react_default.createElement(ItemGr
 var HistoryGroup_default = HistoryGroup;
 
 // src/groups/SidebarControlGroup.tsx
-var SidebarControlGroup = (props) => /* @__PURE__ */ react_default.createElement(ItemGroup_default, __spreadValues({}, props), /* @__PURE__ */ react_default.createElement(Config_default, null), /* @__PURE__ */ react_default.createElement(Data_default, null));
+var SidebarControlGroup = (props) => /* @__PURE__ */ react_default.createElement(ItemGroup_default, __spreadValues({}, props), /* @__PURE__ */ react_default.createElement(Config_default, null), /* @__PURE__ */ react_default.createElement(Data_default, null), /* @__PURE__ */ react_default.createElement(TokenManager, null));
 var SidebarControlGroup_default = SidebarControlGroup;
 
 // src/groups/VisualizationGroup.tsx