@splunk/dashboard-toolbar 29.1.0 → 29.3.0

package/module/chunks/{chunk-AIH4ILPH.js → chunk-ODHRJQTV.js}

@@ -4,35 +4,30 @@ in part without a valid written license from Splunk Inc. is PROHIBITED. */
 import {
   ArrowBroadUnderbarDown_default,
   ArrowBroadUnderbarDown_exports
-} from "./chunk-PHOUPWEN.js";
-import {
-  dashboard_utils_exports
-} from "./chunk-PMXVITCC.js";
+} from "./chunk-VE4HUG27.js";
 import {
   dashboard_ui_exports
-} from "./chunk-BXDA2XH4.js";
+} from "./chunk-RQY6BB7F.js";
 import {
   i18n_exports
-} from "./chunk-I7XN7DKU.js";
+} from "./chunk-GAXH7J77.js";
 import {
   Button_default,
   Button_exports
-} from "./chunk-3QT355V5.js";
+} from "./chunk-5D7CUYUH.js";
 import {
   react_default,
   react_exports
-} from "./chunk-CXXSJOFS.js";
-import {
-  __name
-} from "./chunk-B5OBVUF5.js";
+} from "./chunk-2QBSLWJJ.js";
 
 // src/buttons/ExportDashboardButton.tsx
 var downloadIcon = /* @__PURE__ */ react_default.createElement(ArrowBroadUnderbarDown_default, null);
-var ExportDashboardButton = /* @__PURE__ */ __name(({
+var ExportDashboardButton = ({
   appearance = "secondary",
   scale = 1
 }) => {
   const [open, setOpen] = (0, react_exports.useState)(false);
+  const buttonRef = (0, react_exports.useRef)(null);
   const handleOpen = (0, react_exports.useCallback)(() => {
     setOpen(true);
   }, []);
@@ -42,6 +37,7 @@ var ExportDashboardButton = /* @__PURE__ */ __name(({
   return /* @__PURE__ */ react_default.createElement(react_default.Fragment, null, /* @__PURE__ */ react_default.createElement(
     Button_default,
     {
+      elementRef: buttonRef,
       icon: downloadIcon,
       key: "export-dashboard-button",
       "data-clickable": true,
@@ -56,13 +52,13 @@ var ExportDashboardButton = /* @__PURE__ */ __name(({
       open,
       onModalClose: handleClose,
       scale,
-      returnFocus: dashboard_utils_exports.noop
+      returnFocus: buttonRef
     }
   ));
-}, "ExportDashboardButton");
+};
 var ExportDashboardButton_default = ExportDashboardButton;
 
 export {
   ExportDashboardButton_default
 };
-//# sourceMappingURL=chunk-AIH4ILPH.js.map
+//# sourceMappingURL=chunk-ODHRJQTV.js.map

package/module/chunks/chunk-ODHRJQTV.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/buttons/ExportDashboardButton.tsx"],
+  "sourcesContent": ["import React, { useCallback, useRef, useState } from 'react';\nimport type { ButtonPropsBase } from '@splunk/react-ui/Button';\nimport Download from '@splunk/react-icons/ArrowBroadUnderbarDown';\nimport { ExportDashboardModal } from '@splunk/dashboard-ui';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport Button from '@splunk/react-ui/Button';\nimport type { ToolbarButtonProps } from '../types/common';\n\n// this icon should be sized consistent with the adjacent text, it does not need screenreader content\nconst downloadIcon = <Download />;\n\nexport interface ExportDashboardButtonProps extends ToolbarButtonProps {\n    appearance?: ButtonPropsBase['appearance'];\n    scale?: number;\n}\n\nconst ExportDashboardButton = ({\n    appearance = 'secondary',\n    scale = 1,\n}: ExportDashboardButtonProps) => {\n    const [open, setOpen] = useState(false);\n    const buttonRef = useRef<HTMLButtonElement>(null);\n\n    const handleOpen = useCallback(() => {\n        setOpen(true);\n    }, []);\n\n    const handleClose = useCallback(() => {\n        setOpen(false);\n    }, []);\n\n    return (\n        <>\n            <Button\n                elementRef={buttonRef}\n                icon={downloadIcon}\n                key=\"export-dashboard-button\"\n                data-clickable\n                data-test=\"export-dashboard-button\"\n                label={_('Download')}\n                appearance={appearance || 'secondary'}\n                onClick={handleOpen}\n            />\n            <ExportDashboardModal\n                open={open}\n                onModalClose={handleClose}\n                scale={scale}\n                returnFocus={buttonRef}\n            />\n        </>\n    );\n};\n\nexport default ExportDashboardButton;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AASA,IAAM,eAAe,4CAAC,oCAAS;AAO/B,IAAM,wBAAwB,CAAC;AAAA,EAC3B,aAAa;AAAA,EACb,QAAQ;AACZ,MAAkC;AAC9B,QAAM,CAAC,MAAM,OAAO,QAAI,wBAAS,KAAK;AACtC,QAAM,gBAAY,sBAA0B,IAAI;AAEhD,QAAM,iBAAa,2BAAY,MAAM;AACjC,YAAQ,IAAI;AAAA,EAChB,GAAG,CAAC,CAAC;AAEL,QAAM,kBAAc,2BAAY,MAAM;AAClC,YAAQ,KAAK;AAAA,EACjB,GAAG,CAAC,CAAC;AAEL,SACI,0EACI;AAAA,IAAC;AAAA;AAAA,MACG,YAAY;AAAA,MACZ,MAAM;AAAA,MACN,KAAI;AAAA,MACJ,kBAAc;AAAA,MACd,aAAU;AAAA,MACV,WAAO,gBAAE,UAAU;AAAA,MACnB,YAAY,cAAc;AAAA,MAC1B,SAAS;AAAA;AAAA,EACb,GACA;AAAA,IAAC;AAAA;AAAA,MACG;AAAA,MACA,cAAc;AAAA,MACd;AAAA,MACA,aAAa;AAAA;AAAA,EACjB,CACJ;AAER;AAEA,IAAO,gCAAQ;",
+  "names": []
+}

package/module/chunks/{chunk-PMXVITCC.js → chunk-OSX3RDKV.js}

@@ -4,7 +4,7 @@ in part without a valid written license from Splunk Inc. is PROHIBITED. */
 import {
   __export,
   __reExport
-} from "./chunk-B5OBVUF5.js";
+} from "./chunk-VQIRZ53C.js";
 
 // esm-externals:@splunk/dashboard-utils
 var dashboard_utils_exports = {};
@@ -19,4 +19,4 @@ var dashboard_utils_default = "default" in defaultImport ? defaultImport.default
 export {
   dashboard_utils_exports
 };
-//# sourceMappingURL=chunk-PMXVITCC.js.map
+//# sourceMappingURL=chunk-OSX3RDKV.js.map

package/module/chunks/{chunk-E5POXMHH.js → chunk-PMZ2AWNS.js}

@@ -3,39 +3,38 @@ SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
 in part without a valid written license from Splunk Inc. is PROHIBITED. */
 import {
   TokenManager
-} from "./chunk-HPEHWRJP.js";
+} from "./chunk-QSKQE2FQ.js";
 import {
   Source_default
-} from "./chunk-ZCC73T4R.js";
+} from "./chunk-K4QITIOD.js";
 import {
   Config_default
-} from "./chunk-JHFAWC4B.js";
+} from "./chunk-IITJ2NKO.js";
 import {
   Data_default
-} from "./chunk-Q4EASNDZ.js";
+} from "./chunk-BSXRAEA2.js";
 import {
   ItemGroup_default
-} from "./chunk-KDMM6KX4.js";
+} from "./chunk-JGTSF7O4.js";
 import {
   dashboard_utils_exports
-} from "./chunk-PMXVITCC.js";
+} from "./chunk-OSX3RDKV.js";
 import {
   react_default,
   react_exports
-} from "./chunk-CXXSJOFS.js";
+} from "./chunk-2QBSLWJJ.js";
 import {
-  __name,
   __spreadValues
-} from "./chunk-B5OBVUF5.js";
+} from "./chunk-VQIRZ53C.js";
 
 // src/groups/EditorsControlGroup.tsx
-var EditorsControlGroup = /* @__PURE__ */ __name((props) => {
+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(TokenManager, null), /* @__PURE__ */ react_default.createElement(Source_default, { onClick: (_a = props.sourceButtonOnClick) != null ? _a : dashboard_utils_exports.noop }));
-}, "EditorsControlGroup");
+};
 var EditorsControlGroup_default = EditorsControlGroup;
 
 export {
   EditorsControlGroup_default
 };
-//# sourceMappingURL=chunk-E5POXMHH.js.map
+//# sourceMappingURL=chunk-PMZ2AWNS.js.map

package/module/chunks/{chunk-E5POXMHH.js.map → chunk-PMZ2AWNS.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/groups/EditorsControlGroup.tsx"],
   "sourcesContent": ["import React from 'react';\nimport { noop } from '@splunk/dashboard-utils';\nimport { Config, Data, TokenManager, Source } from '../buttons';\nimport ItemGroup from '../ItemGroup';\n\n/**\n * group that controls dashboard editors\n */\nconst EditorsControlGroup = (props: React.ComponentProps<typeof ItemGroup>) => (\n    <ItemGroup borders={false} {...props}>\n        <Config />\n        <Data />\n        <TokenManager />\n        <Source onClick={props.sourceButtonOnClick ?? noop} />\n    </ItemGroup>\n);\n\nexport default EditorsControlGroup;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAM,sBAAsB,wBAAC,UAA+C;AAR5E;AASI,qDAAC,oCAAU,SAAS,SAAW,QAC3B,4CAAC,oBAAO,GACR,4CAAC,kBAAK,GACN,4CAAC,kBAAa,GACd,4CAAC,kBAAO,UAAS,WAAM,wBAAN,YAA6B,8BAAM,CACxD;AAAA,GANwB;AAS5B,IAAO,8BAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAM,sBAAsB,CAAC,UAA+C;AAR5E;AASI,qDAAC,oCAAU,SAAS,SAAW,QAC3B,4CAAC,oBAAO,GACR,4CAAC,kBAAK,GACN,4CAAC,kBAAa,GACd,4CAAC,kBAAO,UAAS,WAAM,wBAAN,YAA6B,8BAAM,CACxD;AAAA;AAGJ,IAAO,8BAAQ;",
   "names": []
 }

package/module/chunks/{chunk-5CXOMUN4.js → chunk-PVT2JFAW.js}

@@ -3,24 +3,23 @@ SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
 in part without a valid written license from Splunk Inc. is PROHIBITED. */
 import {
   Fullscreen_default
-} from "./chunk-3DNLXDXA.js";
+} from "./chunk-Q67T3UVN.js";
 import {
   ItemGroup_default
-} from "./chunk-KDMM6KX4.js";
+} from "./chunk-JGTSF7O4.js";
 import {
   react_default,
   react_exports
-} from "./chunk-CXXSJOFS.js";
+} from "./chunk-2QBSLWJJ.js";
 import {
-  __name,
   __spreadValues
-} from "./chunk-B5OBVUF5.js";
+} from "./chunk-VQIRZ53C.js";
 
 // src/groups/ControlGroup.tsx
-var ControlGroup = /* @__PURE__ */ __name((props) => /* @__PURE__ */ react_default.createElement(ItemGroup_default, __spreadValues({}, props), /* @__PURE__ */ react_default.createElement(Fullscreen_default, null)), "ControlGroup");
+var ControlGroup = (props) => /* @__PURE__ */ react_default.createElement(ItemGroup_default, __spreadValues({}, props), /* @__PURE__ */ react_default.createElement(Fullscreen_default, null));
 var ControlGroup_default = ControlGroup;
 
 export {
   ControlGroup_default
 };
-//# sourceMappingURL=chunk-5CXOMUN4.js.map
+//# sourceMappingURL=chunk-PVT2JFAW.js.map

package/module/chunks/{chunk-5CXOMUN4.js.map → chunk-PVT2JFAW.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/groups/ControlGroup.tsx"],
   "sourcesContent": ["import React from 'react';\nimport ItemGroup from '../ItemGroup';\nimport { Fullscreen } from '../buttons';\n\n/**\n * Control button group\n */\nconst ControlGroup = (props: React.ComponentProps<typeof ItemGroup>) => (\n    <ItemGroup {...props}>\n        <Fullscreen />\n    </ItemGroup>\n);\n\nexport default ControlGroup;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAOA,IAAM,eAAe,wBAAC,UAClB,4CAAC,sCAAc,QACX,4CAAC,wBAAW,CAChB,GAHiB;AAMrB,IAAO,uBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;AAOA,IAAM,eAAe,CAAC,UAClB,4CAAC,sCAAc,QACX,4CAAC,wBAAW,CAChB;AAGJ,IAAO,uBAAQ;",
   "names": []
 }

package/module/chunks/{chunk-3DNLXDXA.js → chunk-Q67T3UVN.js}

@@ -3,23 +3,22 @@ SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
 in part without a valid written license from Splunk Inc. is PROHIBITED. */
 import {
   i18n_exports
-} from "./chunk-I7XN7DKU.js";
+} from "./chunk-GAXH7J77.js";
 import {
   IconButton_default,
   prepareIcon
-} from "./chunk-AD6EIRYL.js";
+} from "./chunk-47MSCQAS.js";
 import {
   dashboard_state_exports
-} from "./chunk-6L4PTRMO.js";
+} from "./chunk-RZJ2PCV4.js";
 import {
   react_default,
   react_exports
-} from "./chunk-CXXSJOFS.js";
+} from "./chunk-2QBSLWJJ.js";
 import {
   __export,
-  __name,
   __reExport
-} from "./chunk-B5OBVUF5.js";
+} from "./chunk-VQIRZ53C.js";
 
 // esm-externals:@splunk/react-icons/ChevronsOut
 var ChevronsOut_exports = {};
@@ -36,7 +35,7 @@ var icon = prepareIcon({
   Icon: ChevronsOut_default,
   screenReaderContent: (0, i18n_exports._)("Fullscreen")
 });
-var FullScreen = /* @__PURE__ */ __name(({ dashboardApi }) => {
+var FullScreen = ({ dashboardApi }) => {
   const isFullscreen = !!(0, dashboard_state_exports.useSelector)(dashboard_state_exports.selectFullscreenElement);
   const handleClick = (0, react_exports.useCallback)(() => {
     dashboardApi == null ? void 0 : dashboardApi.enterFullscreen();
@@ -50,10 +49,10 @@ var FullScreen = /* @__PURE__ */ __name(({ dashboardApi }) => {
       icon
     }
   );
-}, "FullScreen");
+};
 var Fullscreen_default = FullScreen;
 
 export {
   Fullscreen_default
 };
-//# sourceMappingURL=chunk-3DNLXDXA.js.map
+//# sourceMappingURL=chunk-Q67T3UVN.js.map

package/module/chunks/{chunk-3DNLXDXA.js.map → chunk-Q67T3UVN.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["esm-externals:@splunk/react-icons/ChevronsOut", "../../src/buttons/Fullscreen.tsx"],
   "sourcesContent": ["\nimport * as defaultImport from \"@splunk/react-icons/ChevronsOut\";\nexport * from \"@splunk/react-icons/ChevronsOut\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import React, { useCallback } from 'react';\nimport { _ } from '@splunk/ui-utils/i18n';\n\nimport Fullscreen from '@splunk/react-icons/ChevronsOut';\nimport { selectFullscreenElement, useSelector } from '@splunk/dashboard-state';\n\nimport IconButton, { prepareIcon } from '../IconButton';\nimport type { ToolbarButtonProps } from '../types/common';\n\nconst icon = prepareIcon({\n    Icon: Fullscreen,\n    screenReaderContent: _('Fullscreen'),\n});\n\n/**\n * Button that toggle fullscreen mode\n */\nconst FullScreen = ({ dashboardApi }: ToolbarButtonProps) => {\n    const isFullscreen = !!useSelector(selectFullscreenElement);\n\n    const handleClick = useCallback(() => {\n        dashboardApi?.enterFullscreen();\n    }, [dashboardApi]);\n\n    return (\n        <IconButton\n            testLabel=\"fullscreen-button\"\n            onClick={handleClick}\n            disabled={isFullscreen}\n            icon={icon}\n        />\n    );\n};\n\nexport default FullScreen;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAEA;AADA,YAAY,mBAAmB;AAC/B,kCAAc;AACd,IAAO,sBAAS,aAAa,gBAA8B,wBAAU;;;ACMrE,IAAM,OAAO,YAAY;AAAA,EACrB,MAAM;AAAA,EACN,yBAAqB,gBAAE,YAAY;AACvC,CAAC;AAKD,IAAM,aAAa,wBAAC,EAAE,aAAa,MAA0B;AACzD,QAAM,eAAe,CAAC,KAAC,qCAAY,+CAAuB;AAE1D,QAAM,kBAAc,2BAAY,MAAM;AAClC,iDAAc;AAAA,EAClB,GAAG,CAAC,YAAY,CAAC;AAEjB,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAU;AAAA,MACV,SAAS;AAAA,MACT,UAAU;AAAA,MACV;AAAA;AAAA,EACJ;AAER,GAfmB;AAiBnB,IAAO,qBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAEA;AADA,YAAY,mBAAmB;AAC/B,kCAAc;AACd,IAAO,sBAAS,aAAa,gBAA8B,wBAAU;;;ACMrE,IAAM,OAAO,YAAY;AAAA,EACrB,MAAM;AAAA,EACN,yBAAqB,gBAAE,YAAY;AACvC,CAAC;AAKD,IAAM,aAAa,CAAC,EAAE,aAAa,MAA0B;AACzD,QAAM,eAAe,CAAC,KAAC,qCAAY,+CAAuB;AAE1D,QAAM,kBAAc,2BAAY,MAAM;AAClC,iDAAc;AAAA,EAClB,GAAG,CAAC,YAAY,CAAC;AAEjB,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAU;AAAA,MACV,SAAS;AAAA,MACT,UAAU;AAAA,MACV;AAAA;AAAA,EACJ;AAER;AAEA,IAAO,qBAAQ;",
   "names": []
 }

package/module/chunks/{chunk-HPEHWRJP.js → chunk-QSKQE2FQ.js}

@@ -3,68 +3,60 @@ SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
 in part without a valid written license from Splunk Inc. is PROHIBITED. */
 import {
   lodash_exports
-} from "./chunk-3R73WRRN.js";
+} from "./chunk-JOFJS4UX.js";
 import {
   dashboard_utils_exports
-} from "./chunk-PMXVITCC.js";
+} from "./chunk-OSX3RDKV.js";
 import {
   ItemSeparator_default
-} from "./chunk-BDLV2ADM.js";
+} from "./chunk-MRXRYL4Y.js";
 import {
   dashboard_ui_exports
-} from "./chunk-BXDA2XH4.js";
+} from "./chunk-RQY6BB7F.js";
 import {
   Menu_default,
   Menu_exports
-} from "./chunk-5TGHI5GV.js";
+} from "./chunk-GFSNM45K.js";
 import {
   Dropdown_default,
   Dropdown_exports,
   useDropdown_default
-} from "./chunk-4PUMQWA5.js";
+} from "./chunk-VCWH2JHM.js";
 import {
   dashboard_context_exports
-} from "./chunk-L2MCGOFY.js";
+} from "./chunk-HOKI2CUB.js";
 import {
   i18n_exports
-} from "./chunk-I7XN7DKU.js";
+} from "./chunk-GAXH7J77.js";
 import {
   IconButton_default,
   prepareIcon
-} from "./chunk-AD6EIRYL.js";
+} from "./chunk-47MSCQAS.js";
 import {
   Button_default,
   Button_exports
-} from "./chunk-3QT355V5.js";
+} from "./chunk-5D7CUYUH.js";
+import {
+  Item_default
+} from "./chunk-XIZP3DYZ.js";
 import {
   dashboard_state_exports
-} from "./chunk-6L4PTRMO.js";
+} from "./chunk-RZJ2PCV4.js";
 import {
   themes_exports
-} from "./chunk-QPUZLO5O.js";
+} from "./chunk-IIPBKMJD.js";
 import {
   react_default,
   react_exports
-} from "./chunk-CXXSJOFS.js";
+} from "./chunk-2QBSLWJJ.js";
 import {
   styled_components_default,
   styled_components_exports
-} from "./chunk-4L4BWEM7.js";
+} from "./chunk-O74T4JNL.js";
 import {
   __export,
-  __name,
   __reExport
-} from "./chunk-B5OBVUF5.js";
-
-// esm-externals:@splunk/react-icons/ListToken
-var ListToken_exports = {};
-__export(ListToken_exports, {
-  default: () => ListToken_default
-});
-__reExport(ListToken_exports, ListToken_star);
-import * as defaultImport from "@splunk/react-icons/ListToken";
-import * as ListToken_star from "@splunk/react-icons/ListToken";
-var ListToken_default = "default" in defaultImport ? defaultImport.default : defaultImport;
+} from "./chunk-VQIRZ53C.js";
 
 // esm-externals:@splunk/react-ui/Tooltip
 var Tooltip_exports = {};
@@ -72,16 +64,163 @@ __export(Tooltip_exports, {
   default: () => Tooltip_default
 });
 __reExport(Tooltip_exports, Tooltip_star);
-import * as defaultImport2 from "@splunk/react-ui/Tooltip";
+import * as defaultImport from "@splunk/react-ui/Tooltip";
 import * as Tooltip_star from "@splunk/react-ui/Tooltip";
-var Tooltip_default = "default" in defaultImport2 ? defaultImport2.default : defaultImport2;
+var Tooltip_default = "default" in defaultImport ? defaultImport.default : defaultImport;
+
+// 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-icons/Checkmark
+var Checkmark_exports = {};
+__export(Checkmark_exports, {
+  default: () => Checkmark_default
+});
+__reExport(Checkmark_exports, Checkmark_star);
+import * as defaultImport2 from "@splunk/react-icons/Checkmark";
+import * as Checkmark_star from "@splunk/react-icons/Checkmark";
+var Checkmark_default = "default" in defaultImport2 ? defaultImport2.default : defaultImport2;
+
+// src/buttons/Display/Display.tsx
+var menuStyle = {
+  minWidth: "150px"
+};
+var CheckmarkPlaceholder = styled_components_default.span`
+    display: inline-block;
+    width: 16px;
+`;
+var Display = ({
+  appearance = "default",
+  dashboardApi
+}) => {
+  var _a;
+  const globalInputs = (0, dashboard_state_exports.useSelector)(dashboard_state_exports.selectGlobalInputs);
+  const hasGlobalInputs = ((_a = globalInputs == null ? void 0 : globalInputs.length) != null ? _a : 0) > 0;
+  const areInputsCollapsed = (0, dashboard_state_exports.useSelector)(dashboard_state_exports.selectAreGlobalItemsCollapsed);
+  const showInputs = !areInputsCollapsed;
+  const handleInputsToggle = (0, react_exports.useCallback)(() => {
+    dashboardApi == null ? void 0 : dashboardApi.setAreGlobalInputsCollapsed({
+      collapsed: !areInputsCollapsed
+    });
+  }, [dashboardApi, areInputsCollapsed]);
+  const { handleRequestClose, handleRequestOpen, isOpen } = useDropdown_default({
+    isContentClickClose: true
+  });
+  const buttonToggle = (0, react_exports.useMemo)(
+    () => /* @__PURE__ */ react_default.createElement(
+      Button_default,
+      {
+        "data-clickable": true,
+        "data-test": "display-dropdown-button",
+        appearance,
+        isMenu: true,
+        "aria-label": (0, i18n_exports._)("Display options")
+      },
+      (0, i18n_exports._)("Display")
+    ),
+    [appearance]
+  );
+  const checkmarkIcon = (0, react_exports.useMemo)(() => {
+    return showInputs ? /* @__PURE__ */ react_default.createElement(Checkmark_default, null) : /* @__PURE__ */ react_default.createElement(CheckmarkPlaceholder, null);
+  }, [showInputs]);
+  const dropdownMenuChildren = (0, react_exports.useMemo)(() => {
+    const items = [];
+    if (hasGlobalInputs) {
+      items.push(
+        /* @__PURE__ */ react_default.createElement(
+          Menu_default.Item,
+          {
+            key: "inputs-item",
+            "data-test": "inputs-menu-item",
+            onClick: handleInputsToggle,
+            startAdornment: checkmarkIcon
+          },
+          (0, i18n_exports._)("Inputs")
+        )
+      );
+    }
+    return items;
+  }, [hasGlobalInputs, handleInputsToggle, checkmarkIcon]);
+  if (dropdownMenuChildren.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ react_default.createElement(Tooltip_default, { contentRelationship: "label", content: (0, i18n_exports._)("Display") }, /* @__PURE__ */ react_default.createElement(
+    Dropdown_default,
+    {
+      onRequestClose: handleRequestClose,
+      onRequestOpen: handleRequestOpen,
+      open: isOpen,
+      toggle: buttonToggle
+    },
+    /* @__PURE__ */ react_default.createElement(
+      Menu_default,
+      {
+        style: menuStyle,
+        focusMode: "normal",
+        "aria-label": (0, i18n_exports._)("Display options")
+      },
+      dropdownMenuChildren
+    )
+  ));
+};
+
+// esm-externals:@splunk/react-icons/ListToken
+var ListToken_exports = {};
+__export(ListToken_exports, {
+  default: () => ListToken_default
+});
+__reExport(ListToken_exports, ListToken_star);
+import * as defaultImport3 from "@splunk/react-icons/ListToken";
+import * as ListToken_star from "@splunk/react-icons/ListToken";
+var ListToken_default = "default" in defaultImport3 ? defaultImport3.default : defaultImport3;
 
 // src/buttons/tokenManager/TokenManager.tsx
 var tokenManagerIcon = prepareIcon({
   Icon: ListToken_default,
   screenReaderContent: (0, i18n_exports._)("Token manager")
 });
-var TokenManager = /* @__PURE__ */ __name(({ dashboardApi }) => {
+var TokenManager = ({ dashboardApi }) => {
   const { showTokenManager } = (0, dashboard_context_exports.useFeatureFlags)();
   const handleClick = (0, react_exports.useCallback)(() => {
     const isOpen = (dashboardApi == null ? void 0 : dashboardApi.getOpenedPanel()) === "tokenManager";
@@ -115,17 +254,7 @@ var TokenManager = /* @__PURE__ */ __name(({ dashboardApi }) => {
       }
     )
   );
-}, "TokenManager");
-
-// esm-externals:@splunk/dashboard-telemetry
-var dashboard_telemetry_exports = {};
-__export(dashboard_telemetry_exports, {
-  default: () => dashboard_telemetry_default
-});
-__reExport(dashboard_telemetry_exports, dashboard_telemetry_star);
-import * as defaultImport3 from "@splunk/dashboard-telemetry";
-import * as dashboard_telemetry_star from "@splunk/dashboard-telemetry";
-var dashboard_telemetry_default = "default" in defaultImport3 ? defaultImport3.default : defaultImport3;
+};
 
 // esm-externals:@splunk/ui-utils/format
 var format_exports = {};
@@ -143,10 +272,10 @@ var buttonStyle = {
   borderTopLeftRadius: 0,
   borderBottomLeftRadius: 0
 };
-var menuStyle = {
+var menuStyle2 = {
   width: "200px"
 };
-var ZoomMenu = /* @__PURE__ */ __name(({
+var ZoomMenu = ({
   dashboardApi,
   appearance = "default",
   currentScale,
@@ -284,14 +413,14 @@ var ZoomMenu = /* @__PURE__ */ __name(({
     /* @__PURE__ */ react_default.createElement(
       Menu_default,
       {
-        style: menuStyle,
+        style: menuStyle2,
         focusMode: "normal",
         "aria-label": (0, i18n_exports._)("Zoom level")
       },
       dropdownMenuChildren
     )
   );
-}, "ZoomMenu");
+};
 
 // esm-externals:@splunk/react-ui/Number
 var Number_exports = {};
@@ -313,7 +442,7 @@ var StyledNumber = styled_components_default(Number_default)`
 var StyledEndAdornment = styled_components_default.span`
     color: ${themes_exports.variables.contentColorActive};
 `;
-var ZoomNumber = /* @__PURE__ */ __name(({
+var ZoomNumber = ({
   currentScale,
   onScaleChange
 }) => {
@@ -345,7 +474,7 @@ var ZoomNumber = /* @__PURE__ */ __name(({
       append: true
     }
   );
-}, "ZoomNumber");
+};
 
 // src/buttons/Zoom/Zoom.tsx
 var Container = styled_components_default.div`
@@ -355,41 +484,38 @@ var Container = styled_components_default.div`
     gap: ${themes_exports.variables.spacingSmall};
 `;
 var StyledTooltip = styled_components_default(Tooltip_default)`
-    width: 110px;
+    width: 90px;
     & span {
         display: flex;
     }
 `;
-var Zoom = /* @__PURE__ */ __name(({
+var Zoom = ({
   showSeparator = true,
   appearance = "default",
   mode = "view"
 }) => {
   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;
@@ -435,10 +561,12 @@ var Zoom = /* @__PURE__ */ __name(({
       }
     )
   ), separator);
-}, "Zoom");
+};
 
 export {
+  AIAssistant,
+  Display,
   TokenManager,
   Zoom
 };
-//# sourceMappingURL=chunk-HPEHWRJP.js.map
+//# sourceMappingURL=chunk-QSKQE2FQ.js.map