@splunk/visualizations 28.8.0 → 28.9.0

package/ProcessTree.js

@@ -38,8 +38,13 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-var __esm = (fn, res) => function __init() {
-  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+var __esm = (fn, res, err) => function __init() {
+  if (err) throw err[0];
+  try {
+    return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+  } catch (e) {
+    throw err = [e], e;
+  }
 };
 var __export = (target, all) => {
   for (var name in all)
@@ -96,13 +101,13 @@ var Fire_exports = {};
 __export(Fire_exports, {
   default: () => Fire_default
 });
-var defaultImport37, Fire_default;
+var defaultImport39, Fire_default;
 var init_Fire = __esm({
   "esm-externals:@splunk/react-icons/Fire.js"() {
     init_define_global();
-    defaultImport37 = __toESM(require("@splunk/react-icons/Fire.js"));
+    defaultImport39 = __toESM(require("@splunk/react-icons/Fire.js"));
     __reExport(Fire_exports, require("@splunk/react-icons/Fire.js"));
-    Fire_default = "default" in defaultImport37 ? defaultImport37.default : defaultImport37;
+    Fire_default = "default" in defaultImport39 ? defaultImport39.default : defaultImport39;
   }
 });
 
@@ -111,13 +116,13 @@ var RectangleDashed_exports = {};
 __export(RectangleDashed_exports, {
   default: () => RectangleDashed_default
 });
-var defaultImport38, RectangleDashed_default;
+var defaultImport40, RectangleDashed_default;
 var init_RectangleDashed = __esm({
   "esm-externals:@splunk/react-icons/RectangleDashed.js"() {
     init_define_global();
-    defaultImport38 = __toESM(require("@splunk/react-icons/RectangleDashed.js"));
+    defaultImport40 = __toESM(require("@splunk/react-icons/RectangleDashed.js"));
     __reExport(RectangleDashed_exports, require("@splunk/react-icons/RectangleDashed.js"));
-    RectangleDashed_default = "default" in defaultImport38 ? defaultImport38.default : defaultImport38;
+    RectangleDashed_default = "default" in defaultImport40 ? defaultImport40.default : defaultImport40;
   }
 });
 
@@ -126,13 +131,13 @@ var Cube_exports = {};
 __export(Cube_exports, {
   default: () => Cube_default
 });
-var defaultImport39, Cube_default;
+var defaultImport41, Cube_default;
 var init_Cube = __esm({
   "esm-externals:@splunk/react-icons/Cube.js"() {
     init_define_global();
-    defaultImport39 = __toESM(require("@splunk/react-icons/Cube.js"));
+    defaultImport41 = __toESM(require("@splunk/react-icons/Cube.js"));
     __reExport(Cube_exports, require("@splunk/react-icons/Cube.js"));
-    Cube_default = "default" in defaultImport39 ? defaultImport39.default : defaultImport39;
+    Cube_default = "default" in defaultImport41 ? defaultImport41.default : defaultImport41;
   }
 });
 
@@ -141,13 +146,13 @@ var Servers_exports = {};
 __export(Servers_exports, {
   default: () => Servers_default
 });
-var defaultImport40, Servers_default;
+var defaultImport42, Servers_default;
 var init_Servers = __esm({
   "esm-externals:@splunk/react-icons/Servers.js"() {
     init_define_global();
-    defaultImport40 = __toESM(require("@splunk/react-icons/Servers.js"));
+    defaultImport42 = __toESM(require("@splunk/react-icons/Servers.js"));
     __reExport(Servers_exports, require("@splunk/react-icons/Servers.js"));
-    Servers_default = "default" in defaultImport40 ? defaultImport40.default : defaultImport40;
+    Servers_default = "default" in defaultImport42 ? defaultImport42.default : defaultImport42;
   }
 });
 
@@ -156,13 +161,43 @@ var Container_exports = {};
 __export(Container_exports, {
   default: () => Container_default
 });
-var defaultImport41, Container_default;
+var defaultImport43, Container_default;
 var init_Container = __esm({
   "esm-externals:@splunk/react-icons/Container.js"() {
     init_define_global();
-    defaultImport41 = __toESM(require("@splunk/react-icons/Container.js"));
+    defaultImport43 = __toESM(require("@splunk/react-icons/Container.js"));
     __reExport(Container_exports, require("@splunk/react-icons/Container.js"));
-    Container_default = "default" in defaultImport41 ? defaultImport41.default : defaultImport41;
+    Container_default = "default" in defaultImport43 ? defaultImport43.default : defaultImport43;
+  }
+});
+
+// esm-externals:@splunk/react-icons/GeoTag.js
+var GeoTag_exports = {};
+__export(GeoTag_exports, {
+  default: () => GeoTag_default
+});
+var defaultImport44, GeoTag_default;
+var init_GeoTag = __esm({
+  "esm-externals:@splunk/react-icons/GeoTag.js"() {
+    init_define_global();
+    defaultImport44 = __toESM(require("@splunk/react-icons/GeoTag.js"));
+    __reExport(GeoTag_exports, require("@splunk/react-icons/GeoTag.js"));
+    GeoTag_default = "default" in defaultImport44 ? defaultImport44.default : defaultImport44;
+  }
+});
+
+// esm-externals:@splunk/react-icons/LayersDoubleTransparent.js
+var LayersDoubleTransparent_exports = {};
+__export(LayersDoubleTransparent_exports, {
+  default: () => LayersDoubleTransparent_default
+});
+var defaultImport45, LayersDoubleTransparent_default;
+var init_LayersDoubleTransparent = __esm({
+  "esm-externals:@splunk/react-icons/LayersDoubleTransparent.js"() {
+    init_define_global();
+    defaultImport45 = __toESM(require("@splunk/react-icons/LayersDoubleTransparent.js"));
+    __reExport(LayersDoubleTransparent_exports, require("@splunk/react-icons/LayersDoubleTransparent.js"));
+    LayersDoubleTransparent_default = "default" in defaultImport45 ? defaultImport45.default : defaultImport45;
   }
 });
 
@@ -493,7 +528,10 @@ var useSortingParams = ({ requestParams, onRequestParamsChange }) => {
     onSort = (e, { sortKey, sortDir }) => {
       if (typeof sortKey === "string") {
         const nextSortDir = (0, lodash_exports.has)(nextSortDirMap, sortDir) ? nextSortDirMap[sortDir] : "none";
-        onRequestParamsChange(__spreadValues(__spreadValues({}, requestParams), { offset: 0, sort: { [sortKey]: nextSortDir } }));
+        onRequestParamsChange(__spreadProps(__spreadValues({}, requestParams), {
+          offset: 0,
+          sort: { [sortKey]: nextSortDir }
+        }));
       } else {
         onRequestParamsChange(requestParams);
       }
@@ -649,7 +687,7 @@ var Cover = styled_components_default.div`
     bottom: 0;
 `;
 var Blocker = styled_components_default.div.attrs({
-  "data-splunk-visualization-version": "28.8.0 - 633c53372"
+  "data-splunk-visualization-version": "28.9.0 - 96b03188d"
 })`
     position: relative;
     width: 100%;
@@ -682,6 +720,16 @@ var variables_default = "default" in defaultImport20 ? defaultImport20.default :
 // src/common/components/IconPlaceholder.tsx
 init_define_global();
 
+// esm-externals:@splunk/themes
+var themes_exports = {};
+__export(themes_exports, {
+  default: () => themes_default
+});
+init_define_global();
+var defaultImport21 = __toESM(require("@splunk/themes"));
+__reExport(themes_exports, require("@splunk/themes"));
+var themes_default = "default" in defaultImport21 ? defaultImport21.default : defaultImport21;
+
 // src/common/hocs/FixedSizeContainer.tsx
 init_define_global();
 
@@ -691,9 +739,9 @@ __export(style_exports, {
   default: () => style_default
 });
 init_define_global();
-var defaultImport21 = __toESM(require("@splunk/visualizations-shared/style"));
+var defaultImport22 = __toESM(require("@splunk/visualizations-shared/style"));
 __reExport(style_exports, require("@splunk/visualizations-shared/style"));
-var style_default = "default" in defaultImport21 ? defaultImport21.default : defaultImport21;
+var style_default = "default" in defaultImport22 ? defaultImport22.default : defaultImport22;
 
 // src/common/hocs/FixedSizeContainer.tsx
 var Item = styled_components_default.div.attrs(({ width }) => ({
@@ -750,7 +798,7 @@ var withFixedSizeContainer = (Viz) => {
       FixSizeItem,
       {
         "data-test": "fix-size-item",
-        "data-splunk-visualization-version": "28.8.0 - 633c53372",
+        "data-splunk-visualization-version": "28.9.0 - 96b03188d",
         width,
         height,
         backgroundColor
@@ -771,6 +819,14 @@ var shouldShowIconPlaceholder = (dataSources, loading = false) => {
   const noFields = fields === void 0;
   return loading || noData || noFields;
 };
+var PlaceholderContainer = styled_components_default.div`
+    /* The inline token color wins when supported. Older browsers discard an
+       unsupported oklch value and retain this inherited fallback instead. */
+    color: ${(0, themes_exports.pick)({
+  dark: "#fafafa",
+  light: "#2c2c2c"
+})};
+`;
 var IconPlaceholder = (props) => {
   const {
     width = SplunkVisualization_default.defaults.width,
@@ -785,7 +841,6 @@ var IconPlaceholder = (props) => {
       style: {
         left: "50%",
         top: "50%",
-        color: iconColor,
         opacity: 0.15,
         position: "absolute",
         transform: "translate(-50%, -50%)"
@@ -795,7 +850,14 @@ var IconPlaceholder = (props) => {
       "data-test": "icon-placeholder"
     });
   }
-  return /* @__PURE__ */ react_exports.createElement("div", { style: { width, height, background: backgroundColor } }, content);
+  return /* @__PURE__ */ react_exports.createElement(
+    PlaceholderContainer,
+    {
+      "data-test": "icon-placeholder-container",
+      style: { width, height, background: backgroundColor, color: iconColor }
+    },
+    content
+  );
 };
 var IconPlaceholder_default = FixedSizeContainer_default(IconPlaceholder);
 
@@ -848,9 +910,9 @@ __export(numberUtils_exports, {
   default: () => numberUtils_default
 });
 init_define_global();
-var defaultImport22 = __toESM(require("@splunk/visualizations-shared/numberUtils"));
+var defaultImport23 = __toESM(require("@splunk/visualizations-shared/numberUtils"));
 __reExport(numberUtils_exports, require("@splunk/visualizations-shared/numberUtils"));
-var numberUtils_default = "default" in defaultImport22 ? defaultImport22.default : defaultImport22;
+var numberUtils_default = "default" in defaultImport23 ? defaultImport23.default : defaultImport23;
 
 // src/common/interfaces/index.ts
 init_define_global();
@@ -942,7 +1004,7 @@ var largestTriangleThreeBuckets = (data, threshold, preferredDownsampleIndices)
     let avgY = 0;
     let avgRangeStart = Math.floor((i + 1) * every) + 1;
     let avgRangeEnd = Math.floor((i + 2) * every) + 1;
-    avgRangeEnd = avgRangeEnd < dataLength ? avgRangeEnd : dataLength;
+    avgRangeEnd = Math.min(avgRangeEnd, dataLength);
     const avgRangeLength = avgRangeEnd - avgRangeStart;
     for (; avgRangeStart < avgRangeEnd; avgRangeStart++) {
       avgX += Number(data[avgRangeStart][0]);
@@ -977,9 +1039,9 @@ var largestTriangleThreeBuckets = (data, threshold, preferredDownsampleIndices)
 };
 var strictlyCoerceYColumn = (column, options) => {
   const isNullCoercionEnabled = options.nullValueDisplay === "zero";
-  const canLooselyCoerceSomeValues = column.findIndex(
+  const canLooselyCoerceSomeValues = column.some(
     (value) => (0, numberUtils_exports.startsWithNumber)(`${value}`) || isNullCoercionEnabled && value === null
-  ) >= 0;
+  );
   const coercedColumn = [];
   const canDownsampleColumn = !column.some((value) => {
     const coercedValue = Number(value);
@@ -998,7 +1060,7 @@ var strictlyCoerceYColumn = (column, options) => {
 };
 var strictlyCoerceXColumn = (column, fieldType) => {
   if (fieldType === "number") {
-    const coercedXColumn = column.map((xValue) => Number(xValue));
+    const coercedXColumn = column.map(Number);
     if (isColumnStrictlyIncreasing(coercedXColumn, fieldType)) {
       return coercedXColumn;
     }
@@ -1303,16 +1365,16 @@ __export(FeatureFlags_exports, {
   default: () => FeatureFlags_default
 });
 init_define_global();
-var defaultImport23 = __toESM(require("@splunk/visualization-context/FeatureFlags"));
+var defaultImport24 = __toESM(require("@splunk/visualization-context/FeatureFlags"));
 __reExport(FeatureFlags_exports, require("@splunk/visualization-context/FeatureFlags"));
-var FeatureFlags_default = "default" in defaultImport23 ? defaultImport23.default : defaultImport23;
+var FeatureFlags_default = "default" in defaultImport24 ? defaultImport24.default : defaultImport24;
 
 // src/common/utils/featureFlagUtils.ts
 var getFeatureFlag = (context, flagName) => {
-  if (context && Object.keys(context).find((key) => key === flagName)) {
+  if (context && Object.keys(context).includes(flagName)) {
     return context[flagName];
   }
-  if (Object.keys(FeatureFlags_default).find((key) => key === flagName)) {
+  if (Object.keys(FeatureFlags_default).includes(flagName)) {
     return FeatureFlags_default[flagName];
   }
   return false;
@@ -1327,9 +1389,9 @@ __export(trellisUtils_exports, {
   default: () => trellisUtils_default
 });
 init_define_global();
-var defaultImport24 = __toESM(require("@splunk/visualizations-shared/trellisUtils"));
+var defaultImport25 = __toESM(require("@splunk/visualizations-shared/trellisUtils"));
 __reExport(trellisUtils_exports, require("@splunk/visualizations-shared/trellisUtils"));
-var trellisUtils_default = "default" in defaultImport24 ? defaultImport24.default : defaultImport24;
+var trellisUtils_default = "default" in defaultImport25 ? defaultImport25.default : defaultImport25;
 
 // src/common/utils/trellisUtils.ts
 var turnOffLegendDisplayWhenTrellisIsOn = (isTrellisOn, options) => {
@@ -1350,9 +1412,9 @@ __export(visualization_canvas_exports, {
   default: () => visualization_canvas_default
 });
 init_define_global();
-var defaultImport25 = __toESM(require("@splunk/visualization-canvas"));
+var defaultImport26 = __toESM(require("@splunk/visualization-canvas"));
 __reExport(visualization_canvas_exports, require("@splunk/visualization-canvas"));
-var visualization_canvas_default = "default" in defaultImport25 ? defaultImport25.default : defaultImport25;
+var visualization_canvas_default = "default" in defaultImport26 ? defaultImport26.default : defaultImport26;
 
 // src/common/components/VizStyleWrapper.jsx
 init_define_global();
@@ -1379,9 +1441,9 @@ __export(Triangle_exports, {
   default: () => Triangle_default
 });
 init_define_global();
-var defaultImport26 = __toESM(require("@splunk/react-icons/Triangle"));
+var defaultImport27 = __toESM(require("@splunk/react-icons/Triangle"));
 __reExport(Triangle_exports, require("@splunk/react-icons/Triangle"));
-var Triangle_default = "default" in defaultImport26 ? defaultImport26.default : defaultImport26;
+var Triangle_default = "default" in defaultImport27 ? defaultImport27.default : defaultImport27;
 
 // esm-externals:@splunk/visualizations-shared/propUtils
 var propUtils_exports = {};
@@ -1389,9 +1451,9 @@ __export(propUtils_exports, {
   default: () => propUtils_default
 });
 init_define_global();
-var defaultImport27 = __toESM(require("@splunk/visualizations-shared/propUtils"));
+var defaultImport28 = __toESM(require("@splunk/visualizations-shared/propUtils"));
 __reExport(propUtils_exports, require("@splunk/visualizations-shared/propUtils"));
-var propUtils_default = "default" in defaultImport27 ? defaultImport27.default : defaultImport27;
+var propUtils_default = "default" in defaultImport28 ? defaultImport28.default : defaultImport28;
 
 // esm-externals:@splunk/visualizations-shared/simpleXMLOptions
 var simpleXMLOptions_exports = {};
@@ -1399,9 +1461,9 @@ __export(simpleXMLOptions_exports, {
   default: () => simpleXMLOptions_default
 });
 init_define_global();
-var defaultImport28 = __toESM(require("@splunk/visualizations-shared/simpleXMLOptions"));
+var defaultImport29 = __toESM(require("@splunk/visualizations-shared/simpleXMLOptions"));
 __reExport(simpleXMLOptions_exports, require("@splunk/visualizations-shared/simpleXMLOptions"));
-var simpleXMLOptions_default = "default" in defaultImport28 ? defaultImport28.default : defaultImport28;
+var simpleXMLOptions_default = "default" in defaultImport29 ? defaultImport29.default : defaultImport29;
 
 // src/common/chartingUtils.ts
 var DEFAULT_LINE_WIDTH = 2;
@@ -1440,9 +1502,9 @@ var shouldEnableSearchZoom = (eventHandlers = [], xField = "") => {
   const xAxisIsTime = xField === "_time";
   return !!rangeSelectEventHandler && xAxisIsTime;
 };
-var canvasSupportedTimeSeriesCharts = ["splunk.line", "splunk.area"];
+var canvasSupportedTimeSeriesCharts = /* @__PURE__ */ new Set(["splunk.line", "splunk.area"]);
 var isTimeSeriesCanvasRenderSupported = (vizConfigKey) => {
-  return canvasSupportedTimeSeriesCharts.includes(vizConfigKey);
+  return canvasSupportedTimeSeriesCharts.has(vizConfigKey);
 };
 var filterChartDataFromInternalFields = (chartData) => {
   const { fields, columns } = chartData;
@@ -1458,7 +1520,7 @@ var filterChartDataFromInternalFields = (chartData) => {
   return { fields: filteredFields, columns: filteredColumns };
 };
 var convert2DArrayToNumbers = (arr) => {
-  return arr.map((subArray) => subArray.map((element) => parseFloat(element)));
+  return arr.map((subArray) => subArray.map((element) => Number.parseFloat(element)));
 };
 var parseAxisValue = (val) => {
   if (val === void 0 || val === null || val === "auto" || val === "") {
@@ -1496,6 +1558,7 @@ var getLegend = (props) => {
       return (0, visualization_canvas_exports.TopLegendFactory)(__spreadValues({
         wrap: true
       }, commonLegendProps));
+    // Note: By default, use right legend
     default:
       return (0, visualization_canvas_exports.SideLegendFactory)(__spreadValues({}, commonLegendProps));
   }
@@ -1628,10 +1691,10 @@ var getSeriesOverrides = (opts) => {
   let spanGaps;
   if (nullValueMode === "gaps") {
     spanGaps = false;
-  } else if (nullValueMode != null) {
-    spanGaps = true;
-  } else {
+  } else if (nullValueMode == null) {
     spanGaps = void 0;
+  } else {
+    spanGaps = true;
   }
   const replaceNullsWithZero = nullValueMode === "zero" ? true : void 0;
   const isAreaChart = type === "area";
@@ -1708,9 +1771,9 @@ __export(visualization_schemas_exports, {
   default: () => visualization_schemas_default
 });
 init_define_global();
-var defaultImport29 = __toESM(require("@splunk/visualization-schemas"));
+var defaultImport30 = __toESM(require("@splunk/visualization-schemas"));
 __reExport(visualization_schemas_exports, require("@splunk/visualization-schemas"));
-var visualization_schemas_default = "default" in defaultImport29 ? defaultImport29.default : defaultImport29;
+var visualization_schemas_default = "default" in defaultImport30 ? defaultImport30.default : defaultImport30;
 
 // src/common/hooks/useTrellisEnabled.ts
 var useTrellisFeatureFlagOn = () => {
@@ -2076,11 +2139,11 @@ var TimeSeriesChartWrapper = (props) => {
     y2AxisMajorUnitFromSimpleXML,
     y2AxisMajorTickInterval
   );
-  const xAxisMajorTickSizeNum = xAxisMajorTickSize != null ? Number(xAxisMajorTickSize) : void 0;
-  const yAxisMajorTickSizeNum = yAxisMajorTickSize != null ? Number(yAxisMajorTickSize) : void 0;
-  const y2AxisMajorTickSizeNum = y2AxisMajorTickSize != null ? Number(y2AxisMajorTickSize) : void 0;
-  const yAxisMinorTickSizeNum = yAxisMinorTickSize != null ? Number(yAxisMinorTickSize) : void 0;
-  const y2AxisMinorTickSizeNum = y2AxisMinorTickSize != null ? Number(y2AxisMinorTickSize) : void 0;
+  const xAxisMajorTickSizeNum = xAxisMajorTickSize == null ? void 0 : Number(xAxisMajorTickSize);
+  const yAxisMajorTickSizeNum = yAxisMajorTickSize == null ? void 0 : Number(yAxisMajorTickSize);
+  const y2AxisMajorTickSizeNum = y2AxisMajorTickSize == null ? void 0 : Number(y2AxisMajorTickSize);
+  const yAxisMinorTickSizeNum = yAxisMinorTickSize == null ? void 0 : Number(yAxisMinorTickSize);
+  const y2AxisMinorTickSizeNum = y2AxisMinorTickSize == null ? void 0 : Number(y2AxisMinorTickSize);
   const areaOpacityForCanvas = getAreaOpacityForCanvas(areaOpacity);
   const seriesColors = seriesColorsStr ? JSON.parse(seriesColorsStr) : void 0;
   const seriesColorsByField = fieldColors ? JSON.parse(fieldColors) : void 0;
@@ -2492,6 +2555,76 @@ var buildEventCallbackProps = (supportedEvents, evaluatedOptionsToUse, onEventTr
   });
   return result;
 };
+var buildAllEventCallbackProps = (events, evaluatedOptionsToUse, onEventTrigger, { supportsEvents, hasEventHandlers, mode }) => {
+  if (!supportsEvents) return {};
+  const defaultEvents = {};
+  const userEvents = {};
+  Object.entries(events || {}).forEach(([eventKey, eventConfig]) => {
+    (eventConfig.source === "default" ? defaultEvents : userEvents)[eventKey] = eventConfig;
+  });
+  const userProps = hasEventHandlers && mode === "view" ? buildEventCallbackProps(userEvents, evaluatedOptionsToUse, onEventTrigger) : {};
+  return __spreadValues(__spreadValues({}, userProps), buildEventCallbackProps(defaultEvents, evaluatedOptionsToUse, onEventTrigger));
+};
+var applyContextTimezone = (localeContext) => {
+  if (localeContext.serializedTimezone && !moment_default.getDefaultSplunkTimezone()) {
+    moment_default.setDefaultSplunkTimezone(localeContext.serializedTimezone);
+  }
+};
+var getAsyncOptionsEvaluationParams = ({
+  visualizationID,
+  props,
+  optionsToEvaluate,
+  downsampledDataSources,
+  vizConfig,
+  bypassCloneDeepOptionScope,
+  lazyLoadingDataFrame
+}) => {
+  return {
+    visualizationID,
+    props,
+    options: __spreadValues({}, optionsToEvaluate),
+    dataSources: downsampledDataSources,
+    theme: vizConfig.themes,
+    bypassCloneDeepOptionScope,
+    lazyLoadingDataFrame
+  };
+};
+var evaluateOptionsSync = ({
+  optionsToEvaluate,
+  downsampledDataSources,
+  dataSourcesInState,
+  dataFramesInState,
+  setDataSourcesInState,
+  setDataFramesInState,
+  computeDataFrames,
+  featureFlagContext,
+  themeFunc
+}) => {
+  let dataFrames = dataFramesInState;
+  if (downsampledDataSources !== dataSourcesInState) {
+    setDataSourcesInState(downsampledDataSources);
+    dataFrames = Options_exports.Options.dataFrameFromDataSource(
+      downsampledDataSources,
+      getFeatureFlag(featureFlagContext, "visualizations_lazyLoadingDataFrame")
+    );
+    setDataFramesInState(dataFrames);
+  }
+  let mergedFrames = dataFrames;
+  if (computeDataFrames && dataFrames) {
+    const derivedFrames = computeDataFrames({
+      dataSources: downsampledDataSources,
+      options: optionsToEvaluate.options
+    });
+    mergedFrames = __spreadValues(__spreadValues({}, dataFrames), derivedFrames);
+  }
+  return Options_exports.Options.evaluate(
+    optionsToEvaluate,
+    downsampledDataSources,
+    themeFunc,
+    mergedFrames,
+    getFeatureFlag(featureFlagContext, "visualizations_bypassCloneDeepOptionScope")
+  );
+};
 var withDashboardViz = (opts) => {
   const {
     ReactViz,
@@ -2523,11 +2656,7 @@ var withDashboardViz = (opts) => {
       onRequestParamsChange = lodash_exports.noop
     } = props;
     const localeContext = react_exports.useContext(TimezoneContext_default);
-    if (localeContext.serializedTimezone) {
-      if (!moment_default.getDefaultSplunkTimezone()) {
-        moment_default.setDefaultSplunkTimezone(localeContext.serializedTimezone);
-      }
-    }
+    applyContextTimezone(localeContext);
     const themeFunc = (themeVar) => {
       var _a2, _b;
       return (_b = (_a2 = vizConfig.themes)[themeVar]) == null ? void 0 : _b.call(_a2, props);
@@ -2555,7 +2684,12 @@ var withDashboardViz = (opts) => {
       featureFlagContext == null ? void 0 : featureFlagContext.visualizations_enableAcceleratedRender
     );
     const isAcceleratedRenderOn = isAcceleratedRenderFeatureFlagOn && isTimeSeriesCanvasRenderSupported(vizConfig.key) && (options == null ? void 0 : options.acceleratedRender) === true;
-    const isMounted = react_exports.useRef(true);
+    const bypassCloneDeepOptionScope = Boolean(
+      getFeatureFlag(featureFlagContext, "visualizations_bypassCloneDeepOptionScope")
+    );
+    const lazyLoadingDataFrame = Boolean(
+      getFeatureFlag(featureFlagContext, "visualizations_lazyLoadingDataFrame")
+    );
     const optionsToEvaluate = react_exports.useMemo(() => {
       var _a2;
       const legendDisplay = turnOffLegendDisplayWhenTrellisIsOn(isTrellisOn, options);
@@ -2594,63 +2728,74 @@ var withDashboardViz = (opts) => {
       threshold,
       isDownsamplingEnabled
     });
-    evaluatedOptions = useDeepMemo(() => {
+    const asyncOptionsEvaluationParams = useDeepMemo(
+      () => getAsyncOptionsEvaluationParams({
+        visualizationID,
+        props,
+        optionsToEvaluate,
+        downsampledDataSources,
+        vizConfig,
+        bypassCloneDeepOptionScope,
+        lazyLoadingDataFrame
+      }),
+      [
+        visualizationID,
+        optionsToEvaluate,
+        downsampledDataSources,
+        vizConfig,
+        bypassCloneDeepOptionScope,
+        lazyLoadingDataFrame,
+        currentThemeFamily,
+        currentThemeColorScheme,
+        currentThemeDensity,
+        localeContext.serializedTimezone
+      ]
+    );
+    react_exports.useEffect(() => {
+      if (!useAsyncEvaluatedOptions) {
+        return void 0;
+      }
+      let ownsEvaluation = true;
       try {
-        if (useAsyncEvaluatedOptions) {
-          const asyncDynamicOptionsEvaluatorParams = {
-            visualizationID,
-            props,
-            options: optionsToEvaluate,
-            dataSources: downsampledDataSources,
-            theme: vizConfig.themes,
-            bypassCloneDeepOptionScope: Boolean(
-              getFeatureFlag(featureFlagContext, "visualizations_bypassCloneDeepOptionScope")
-            ),
-            lazyLoadingDataFrame: Boolean(
-              getFeatureFlag(featureFlagContext, "visualizations_lazyLoadingDataFrame")
-            )
-          };
-          async_dynamic_options_evaluator_default.evaluate(asyncDynamicOptionsEvaluatorParams).then((results) => {
+        async_dynamic_options_evaluator_default.evaluate(asyncOptionsEvaluationParams).then((results) => {
+          if (ownsEvaluation) {
             setEvaluatedOptionsAsync(results.results);
-          }).catch(() => {
-            if (isMounted.current) {
-              setUseAsyncEvaluatedOptions(false);
-            }
-          });
-        } else {
-          let dataFrames = dataFramesInState;
-          if (downsampledDataSources !== dataSourcesInState) {
-            setDataSourcesInState(downsampledDataSources);
-            dataFrames = Options_exports.Options.dataFrameFromDataSource(
-              downsampledDataSources,
-              getFeatureFlag(featureFlagContext, "visualizations_lazyLoadingDataFrame")
-            );
-            setDataFramesInState(dataFrames);
           }
-          let mergedFrames = dataFrames;
-          if (computeDataFrames && dataFrames) {
-            const derivedFrames = computeDataFrames({
-              dataSources: downsampledDataSources,
-              options: optionsToEvaluate.options
-            });
-            mergedFrames = __spreadValues(__spreadValues({}, dataFrames), derivedFrames);
+        }).catch(() => {
+          if (ownsEvaluation) {
+            setUseAsyncEvaluatedOptions(false);
           }
-          const result = Options_exports.Options.evaluate(
-            optionsToEvaluate,
-            downsampledDataSources,
-            themeFunc,
-            mergedFrames,
-            getFeatureFlag(featureFlagContext, "visualizations_bypassCloneDeepOptionScope")
-          );
-          return result;
+        });
+      } catch (e) {
+        setUseAsyncEvaluatedOptions(false);
+      }
+      return () => {
+        ownsEvaluation = false;
+        async_dynamic_options_evaluator_default.reset(visualizationID);
+      };
+    }, [asyncOptionsEvaluationParams, useAsyncEvaluatedOptions, visualizationID]);
+    evaluatedOptions = useDeepMemo(() => {
+      try {
+        if (useAsyncEvaluatedOptions) {
+          return {};
         }
+        return evaluateOptionsSync({
+          optionsToEvaluate,
+          downsampledDataSources,
+          dataSourcesInState,
+          dataFramesInState,
+          setDataSourcesInState,
+          setDataFramesInState,
+          computeDataFrames,
+          featureFlagContext,
+          themeFunc
+        });
       } catch (e) {
         if (e instanceof Error) {
           console.error(`unexpected error evaluating options: ${e.message}`);
         }
         return {};
       }
-      return {};
     }, [
       currentThemeFamily,
       currentThemeColorScheme,
@@ -2660,7 +2805,7 @@ var withDashboardViz = (opts) => {
       localeContext.serializedTimezone,
       useAsyncEvaluatedOptions
     ]);
-    const evaluatedOptionsToUse = !useAsyncEvaluatedOptions ? evaluatedOptions : evaluatedOptionsAsync;
+    const evaluatedOptionsToUse = useAsyncEvaluatedOptions ? evaluatedOptionsAsync : evaluatedOptions;
     let dataSourceMetadata = {};
     const OptionKey = "paginateDataSourceKey";
     const optsKey = (0, lodash_exports.has)(evaluatedOptionsToUse, OptionKey) && evaluatedOptionsToUse[OptionKey];
@@ -2682,7 +2827,7 @@ var withDashboardViz = (opts) => {
       sortParams,
       paginatorParams
     };
-    if (vizConfig.supports.indexOf("page-and-sort" /* PAGE_AND_SORT */) === -1 && !(0, lodash_exports.has)(dataSources, paginateDataSourceKey)) {
+    if (!vizConfig.supports.includes("page-and-sort" /* PAGE_AND_SORT */) && !(0, lodash_exports.has)(dataSources, paginateDataSourceKey)) {
       dataSourceMetadata = {};
     }
     const clonedEvaluatedOptions = __spreadValues({}, evaluatedOptionsToUse);
@@ -2692,14 +2837,6 @@ var withDashboardViz = (opts) => {
     react_exports.useEffect(() => {
       onComputedProps(clonedEvaluatedOptions);
     });
-    react_exports.useEffect(() => {
-      return () => {
-        if (useAsyncEvaluatedOptions) {
-          isMounted.current = false;
-          async_dynamic_options_evaluator_default.reset(visualizationID);
-        }
-      };
-    }, []);
     const { requiredProps = [], supports } = vizConfig;
     const missing = missingKeys(requiredProps, evaluatedOptionsToUse);
     if (missing.length > 0 && supports.includes("placeholder" /* PLACEHOLDER */) && vizConfig.key !== "splunk.singlevalue") {
@@ -2714,7 +2851,16 @@ var withDashboardViz = (opts) => {
         }
       );
     }
-    const eventCallbackProps = hasEventHandlers && mode === "view" && vizConfig.supports.includes("events" /* EVENTS */) ? buildEventCallbackProps(vizConfig.events, evaluatedOptionsToUse, onEventTrigger) : {};
+    const eventCallbackProps = buildAllEventCallbackProps(
+      vizConfig.events,
+      evaluatedOptionsToUse,
+      onEventTrigger,
+      {
+        supportsEvents: vizConfig.supports.includes("events" /* EVENTS */),
+        hasEventHandlers,
+        mode
+      }
+    );
     const computedVizProps = computeVizProps2(__spreadProps(__spreadValues(__spreadProps(__spreadValues(__spreadValues({}, props), evaluatedOptionsToUse), {
       // Align option transformation with the actual renderer selected below.
       // This prevents canvas-only option preservation from leaking into Highcharts mode.
@@ -2742,8 +2888,9 @@ var withDashboardViz = (opts) => {
     onEventTrigger: SplunkVisualization_default.defaults.onEventTrigger
   });
   DashboardViz.config = vizConfig;
-  return (0, styled_components_exports.withTheme)(
-    withPlaceholder_default(withEditModeCover_default(DashboardViz, disableEditModeCover), useIconPlaceholder)
+  return Object.assign(
+    (0, styled_components_exports.withTheme)(withPlaceholder_default(withEditModeCover_default(DashboardViz, disableEditModeCover), useIconPlaceholder)),
+    { config: vizConfig }
   );
 };
 var withDashboardViz_default = withDashboardViz;
@@ -2760,9 +2907,9 @@ __export(ChevronDown_exports, {
   default: () => ChevronDown_default
 });
 init_define_global();
-var defaultImport30 = __toESM(require("@splunk/react-icons/ChevronDown"));
+var defaultImport31 = __toESM(require("@splunk/react-icons/ChevronDown"));
 __reExport(ChevronDown_exports, require("@splunk/react-icons/ChevronDown"));
-var ChevronDown_default = "default" in defaultImport30 ? defaultImport30.default : defaultImport30;
+var ChevronDown_default = "default" in defaultImport31 ? defaultImport31.default : defaultImport31;
 
 // esm-externals:@splunk/react-icons/ChevronRight
 var ChevronRight_exports = {};
@@ -2770,9 +2917,9 @@ __export(ChevronRight_exports, {
   default: () => ChevronRight_default
 });
 init_define_global();
-var defaultImport31 = __toESM(require("@splunk/react-icons/ChevronRight"));
+var defaultImport32 = __toESM(require("@splunk/react-icons/ChevronRight"));
 __reExport(ChevronRight_exports, require("@splunk/react-icons/ChevronRight"));
-var ChevronRight_default = "default" in defaultImport31 ? defaultImport31.default : defaultImport31;
+var ChevronRight_default = "default" in defaultImport32 ? defaultImport32.default : defaultImport32;
 
 // esm-externals:@splunk/react-ui/Chip
 var Chip_exports = {};
@@ -2780,9 +2927,19 @@ __export(Chip_exports, {
   default: () => Chip_default
 });
 init_define_global();
-var defaultImport32 = __toESM(require("@splunk/react-ui/Chip"));
+var defaultImport33 = __toESM(require("@splunk/react-ui/Chip"));
 __reExport(Chip_exports, require("@splunk/react-ui/Chip"));
-var Chip_default = "default" in defaultImport32 ? defaultImport32.default : defaultImport32;
+var Chip_default = "default" in defaultImport33 ? defaultImport33.default : defaultImport33;
+
+// esm-externals:@splunk/react-ui/Tooltip
+var Tooltip_exports = {};
+__export(Tooltip_exports, {
+  default: () => Tooltip_default
+});
+init_define_global();
+var defaultImport34 = __toESM(require("@splunk/react-ui/Tooltip"));
+__reExport(Tooltip_exports, require("@splunk/react-ui/Tooltip"));
+var Tooltip_default = "default" in defaultImport34 ? defaultImport34.default : defaultImport34;
 
 // esm-externals:@splunk/react-ui/Tree
 var Tree_exports = {};
@@ -2790,19 +2947,19 @@ __export(Tree_exports, {
   default: () => Tree_default
 });
 init_define_global();
-var defaultImport33 = __toESM(require("@splunk/react-ui/Tree"));
+var defaultImport35 = __toESM(require("@splunk/react-ui/Tree"));
 __reExport(Tree_exports, require("@splunk/react-ui/Tree"));
-var Tree_default = "default" in defaultImport33 ? defaultImport33.default : defaultImport33;
+var Tree_default = "default" in defaultImport35 ? defaultImport35.default : defaultImport35;
 
-// esm-externals:@splunk/themes
-var themes_exports = {};
-__export(themes_exports, {
-  default: () => themes_default
+// esm-externals:@splunk/ui-utils/format
+var format_exports = {};
+__export(format_exports, {
+  default: () => format_default
 });
 init_define_global();
-var defaultImport34 = __toESM(require("@splunk/themes"));
-__reExport(themes_exports, require("@splunk/themes"));
-var themes_default = "default" in defaultImport34 ? defaultImport34.default : defaultImport34;
+var defaultImport36 = __toESM(require("@splunk/ui-utils/format"));
+__reExport(format_exports, require("@splunk/ui-utils/format"));
+var format_default = "default" in defaultImport36 ? defaultImport36.default : defaultImport36;
 
 // src/ProcessTree/PureProcessTree/components/DirectionalBytes.tsx
 init_define_global();
@@ -2813,9 +2970,9 @@ __export(ArrowLeft_exports, {
   default: () => ArrowLeft_default
 });
 init_define_global();
-var defaultImport35 = __toESM(require("@splunk/react-icons/enterprise/ArrowLeft"));
+var defaultImport37 = __toESM(require("@splunk/react-icons/enterprise/ArrowLeft"));
 __reExport(ArrowLeft_exports, require("@splunk/react-icons/enterprise/ArrowLeft"));
-var ArrowLeft_default = "default" in defaultImport35 ? defaultImport35.default : defaultImport35;
+var ArrowLeft_default = "default" in defaultImport37 ? defaultImport37.default : defaultImport37;
 
 // esm-externals:@splunk/react-icons/enterprise/ArrowRight
 var ArrowRight_exports = {};
@@ -2823,9 +2980,9 @@ __export(ArrowRight_exports, {
   default: () => ArrowRight_default
 });
 init_define_global();
-var defaultImport36 = __toESM(require("@splunk/react-icons/enterprise/ArrowRight"));
+var defaultImport38 = __toESM(require("@splunk/react-icons/enterprise/ArrowRight"));
 __reExport(ArrowRight_exports, require("@splunk/react-icons/enterprise/ArrowRight"));
-var ArrowRight_default = "default" in defaultImport36 ? defaultImport36.default : defaultImport36;
+var ArrowRight_default = "default" in defaultImport38 ? defaultImport38.default : defaultImport38;
 
 // src/ProcessTree/PureProcessTree/utils/processTreeUtils.ts
 init_define_global();
@@ -2833,7 +2990,7 @@ var getString = (value) => {
   if (value === null || value === void 0) {
     return null;
   }
-  if (typeof value === "object" || typeof value === "function") {
+  if (typeof value !== "string" && typeof value !== "number" && typeof value !== "boolean") {
     return null;
   }
   const v = String(value).trim();
@@ -3080,6 +3237,41 @@ var sortChildren = (nodeMap, ids) => {
     return a.localeCompare(b);
   });
 };
+var limitProcessTreeSiblings = (nodeMap, processLimit, processNodeKeys) => {
+  const limitedNodeMap = {};
+  const visit = (key) => {
+    const node = nodeMap[key];
+    if (!node || limitedNodeMap[key]) {
+      return;
+    }
+    let processCount = 0;
+    const children = node.children.filter((childKey) => {
+      const isProcess = processNodeKeys.has(childKey);
+      processCount += Number(isProcess);
+      return !isProcess || processCount <= processLimit;
+    });
+    const omittedProcessCount = node.children.length - children.length;
+    limitedNodeMap[key] = omittedProcessCount === 0 ? node : __spreadProps(__spreadValues({}, node), { children, hasMoreProcesses: true, omittedProcessCount });
+    children.forEach(visit);
+  };
+  Object.values(nodeMap).filter((node) => node.parents.length === 0).forEach((node) => visit(node.key));
+  return limitedNodeMap;
+};
+var buildProcessNodeKeySet = (nodeMap, filteredNodeField) => {
+  const keys = /* @__PURE__ */ new Set();
+  Object.values(nodeMap).forEach((node) => {
+    const row = node.row || {};
+    const classifierValue = filteredNodeField ? getNodeFieldValue(row, filteredNodeField) : null;
+    const nodeTypeValue = getNodeFieldValue(row, "node_type");
+    const isProcess = [classifierValue, nodeTypeValue].some(
+      (value) => String(value || "").trim().toLowerCase() === "process"
+    );
+    if (isProcess) {
+      keys.add(node.key);
+    }
+  });
+  return keys;
+};
 var buildNodeLabelPartsByKey = (nodeMap, treeNodeLabelFields, fieldsToShowAsChipSet, showFieldName) => {
   const map = /* @__PURE__ */ new Map();
   Object.values(nodeMap).forEach((node) => {
@@ -3194,6 +3386,10 @@ var normalizeProcessTreeIcon = (value) => {
       return "servers";
     case "container":
       return "container";
+    case "geotag":
+      return "geoTag";
+    case "layersdoubletransparent":
+      return "layersDoubleTransparent";
     default:
       return null;
   }
@@ -3469,7 +3665,9 @@ var iconLoader = {
   rectangleDashed: () => Promise.resolve().then(() => (init_RectangleDashed(), RectangleDashed_exports)),
   cube: () => Promise.resolve().then(() => (init_Cube(), Cube_exports)),
   servers: () => Promise.resolve().then(() => (init_Servers(), Servers_exports)),
-  container: () => Promise.resolve().then(() => (init_Container(), Container_exports))
+  container: () => Promise.resolve().then(() => (init_Container(), Container_exports)),
+  geoTag: () => Promise.resolve().then(() => (init_GeoTag(), GeoTag_exports)),
+  layersDoubleTransparent: () => Promise.resolve().then(() => (init_LayersDoubleTransparent(), LayersDoubleTransparent_exports))
 };
 var iconLoader_default = iconLoader;
 
@@ -3567,13 +3765,16 @@ var RowContent = styled_components_default.div`
 var NodeLabel = styled_components_default.span`
     min-width: 0;
     flex: 1 1 auto;
-    display: block;
+    display: flex;
+    align-items: center;
     white-space: nowrap;
     overflow: hidden;
-    text-overflow: ellipsis;
 `;
 var NodeText = styled_components_default.span`
-    display: inline;
+    flex: 0 1 auto;
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
 `;
 var LeadingIndicatorSlot = styled_components_default.span`
     display: inline-flex;
@@ -3594,10 +3795,12 @@ var LeadingIndicatorSlot = styled_components_default.span`
 `;
 var NodeValueChip = styled_components_default(Chip_default)`
     && {
-        display: inline-flex;
+        box-sizing: border-box;
+        flex: 0 1 auto;
         margin-left: 8px;
+        max-width: calc(100% - 8px);
+        min-width: 48px;
         height: 24px;
-        vertical-align: middle;
         border-radius: 50px;
         background: #2a2f3a;
         color: #f3f5f8;
@@ -3605,6 +3808,13 @@ var NodeValueChip = styled_components_default(Chip_default)`
         font-size: 11px;
     }
 `;
+var TruncationIndicator = styled_components_default.span`
+    display: inline-block;
+    height: 32px;
+    width: fit-content;
+    color: ${themes_exports.variables.contentColorMuted};
+    line-height: 32px;
+`;
 var FallbackCircleIndicator = styled_components_default.span`
     display: inline-block;
     width: 6px;
@@ -3697,7 +3907,7 @@ var getLeafRowBackground = ({
 };
 var loadedIconCache = /* @__PURE__ */ new Map();
 var loadingIconCache = /* @__PURE__ */ new Map();
-var loadProcessTreeIcon = (iconName) => __async(void 0, null, function* () {
+var loadProcessTreeIcon = (iconName) => __async(null, null, function* () {
   var _a, _b;
   if (loadedIconCache.has(iconName)) {
     return (_a = loadedIconCache.get(iconName)) != null ? _a : null;
@@ -3759,6 +3969,7 @@ var TreeItemWithExpansion = ({
   content,
   expanded,
   expansionDisabled = false,
+  hasTreeChildren,
   id,
   isHighlighted = false,
   isLeaf = false,
@@ -3768,7 +3979,7 @@ var TreeItemWithExpansion = ({
   onToggleExpansion
 }) => {
   const contentWithExpansion = react_exports.useMemo(() => {
-    const hasChildren = react_exports.Children.count(children) > 0;
+    const hasChildren = hasTreeChildren != null ? hasTreeChildren : react_exports.Children.count(children) > 0;
     const leadingBackground = getLeafRowBackground({
       isHighlighted,
       highlightColor,
@@ -3783,27 +3994,20 @@ var TreeItemWithExpansion = ({
       nodeColor,
       leafBackground: nodeColor || LEAF_NODE_BACKGROUND_HOVER_COLOR
     });
-    return /* @__PURE__ */ react_exports.createElement(TreeItemContentWrapper, { $leadingHoverBackground: leadingHoverBackground }, /* @__PURE__ */ react_exports.createElement(
-      ExpansionToggleWrapper,
+    return /* @__PURE__ */ react_exports.createElement(TreeItemContentWrapper, { $leadingHoverBackground: leadingHoverBackground }, /* @__PURE__ */ react_exports.createElement(ExpansionToggleWrapper, { $background: leadingBackground, $isLeaf: isLeaf }, hasChildren && !expansionDisabled ? /* @__PURE__ */ react_exports.createElement(
+      ExpansionToggle,
       {
-        $background: leadingBackground,
-        $isLeaf: isLeaf,
-        $showToggle: hasChildren
-      },
-      hasChildren && !expansionDisabled ? /* @__PURE__ */ react_exports.createElement(
-        ExpansionToggle,
-        {
-          expanded: expanded || false,
-          onToggleExpansion,
-          treeItemId: id
-        }
-      ) : null
-    ), content);
+        expanded: expanded || false,
+        onToggleExpansion,
+        treeItemId: id
+      }
+    ) : null), content);
   }, [
     children,
     content,
     expanded,
     expansionDisabled,
+    hasTreeChildren,
     id,
     onToggleExpansion,
     isHighlighted,
@@ -3881,17 +4085,25 @@ var ProcessTreeLeftPanel = ({
       }
       const nextVisited = new Set(visited);
       nextVisited.add(nodeKeyToRender);
-      const childKeys = sortChildren(nodeMap, node.children).filter((childKey) => {
+      const sortedChildKeys = sortChildren(nodeMap, node.children).filter((childKey) => {
         return !nextVisited.has(childKey) && !rightSideNodeKeys.has(childKey);
       });
-      const isLeaf = childKeys.length === 0;
-      const hasLeafChildren = childKeys.some((childKey) => {
+      const leafChildKeys = [];
+      const parentChildKeys = [];
+      sortedChildKeys.forEach((childKey) => {
         const childNode = nodeMap[childKey];
-        if (!childNode) {
-          return false;
+        const hasProcessSideChildren = childNode == null ? void 0 : childNode.children.some(
+          (grandChildKey) => !rightSideNodeKeys.has(grandChildKey)
+        );
+        if (childNode && !hasProcessSideChildren) {
+          leafChildKeys.push(childKey);
+        } else {
+          parentChildKeys.push(childKey);
         }
-        return childNode.children.filter((grandChildKey) => !rightSideNodeKeys.has(grandChildKey)).length === 0;
       });
+      const childKeys = [...leafChildKeys, ...parentChildKeys];
+      const isLeaf = childKeys.length === 0;
+      const hasLeafChildren = leafChildKeys.length > 0;
       const indicatorColors = indicatorColorsByNodeKey.get(node.key) || [];
       const nodeColor = nodeColorByKey.get(node.key);
       const nodeIcon = nodeIconByKey.get(node.key) || null;
@@ -3923,6 +4135,7 @@ var ProcessTreeLeftPanel = ({
           key: node.key,
           expanded: expandedTreeItems.has(node.key),
           expansionDisabled,
+          hasTreeChildren: childKeys.length > 0,
           isHighlighted,
           isLeaf,
           childGapTop: hasLeafChildren,
@@ -3948,7 +4161,14 @@ var ProcessTreeLeftPanel = ({
               const keyBase = `${part.text}-${part.isChip ? "chip" : "text"}`;
               const keyCount = partKeyCounts.get(keyBase) || 0;
               partKeyCounts.set(keyBase, keyCount + 1);
-              return /* @__PURE__ */ react_exports.createElement(react_exports.Fragment, { key: `${node.key}-${keyBase}-${keyCount}` }, partIndex > 0 && !((_a = nodeLabelParts[partIndex - 1]) == null ? void 0 : _a.text.endsWith("=")) ? " " : null, part.isChip ? /* @__PURE__ */ react_exports.createElement(NodeValueChip, { "data-test": "tree-node-label-chip" }, part.text) : /* @__PURE__ */ react_exports.createElement(NodeText, null, part.text));
+              return /* @__PURE__ */ react_exports.createElement(react_exports.Fragment, { key: `${node.key}-${keyBase}-${keyCount}` }, partIndex > 0 && !((_a = nodeLabelParts[partIndex - 1]) == null ? void 0 : _a.text.endsWith("=")) ? " " : null, part.isChip ? /* @__PURE__ */ react_exports.createElement(
+                NodeValueChip,
+                {
+                  "data-test": "tree-node-label-chip",
+                  title: part.text
+                },
+                part.text
+              ) : /* @__PURE__ */ react_exports.createElement(NodeText, null, part.text));
             })),
             showNodeLinkValues ? /* @__PURE__ */ react_exports.createElement(LinkValueText, null, /* @__PURE__ */ react_exports.createElement(
               DirectionalBytes_default,
@@ -3960,7 +4180,17 @@ var ProcessTreeLeftPanel = ({
             showDot ? /* @__PURE__ */ react_exports.createElement(DotGroup, null, indicatorColors.map((color) => /* @__PURE__ */ react_exports.createElement(Dot, { key: color, $color: color }))) : null
           )
         },
-        childKeys.map((childKey) => renderNode(childKey, nextVisited))
+        leafChildKeys.map((childKey) => renderNode(childKey, nextVisited)),
+        node.hasMoreProcesses && node.omittedProcessCount ? /* @__PURE__ */ react_exports.createElement(
+          Tooltip_default,
+          {
+            content: (0, format_exports.sprintf)((0, i18n_exports._)("%s additional nodes"), node.omittedProcessCount),
+            contentRelationship: "label",
+            defaultPlacement: "right"
+          },
+          /* @__PURE__ */ react_exports.createElement(TruncationIndicator, { "data-test": "process-limit-indicator" }, "...")
+        ) : null,
+        parentChildKeys.map((childKey) => renderNode(childKey, nextVisited))
       );
     },
     [
@@ -3999,9 +4229,9 @@ __export(Checkbox_exports, {
   default: () => Checkbox_default
 });
 init_define_global();
-var defaultImport42 = __toESM(require("@splunk/react-ui/Checkbox"));
+var defaultImport46 = __toESM(require("@splunk/react-ui/Checkbox"));
 __reExport(Checkbox_exports, require("@splunk/react-ui/Checkbox"));
-var Checkbox_default = "default" in defaultImport42 ? defaultImport42.default : defaultImport42;
+var Checkbox_default = "default" in defaultImport46 ? defaultImport46.default : defaultImport46;
 
 // esm-externals:@splunk/react-ui/Search
 var Search_exports = {};
@@ -4009,9 +4239,9 @@ __export(Search_exports, {
   default: () => Search_default
 });
 init_define_global();
-var defaultImport43 = __toESM(require("@splunk/react-ui/Search"));
+var defaultImport47 = __toESM(require("@splunk/react-ui/Search"));
 __reExport(Search_exports, require("@splunk/react-ui/Search"));
-var Search_default = "default" in defaultImport43 ? defaultImport43.default : defaultImport43;
+var Search_default = "default" in defaultImport47 ? defaultImport47.default : defaultImport47;
 
 // src/ProcessTree/PureProcessTree/components/ProcessTreeRightPanel.tsx
 var RightPanel = styled_components_default.div`
@@ -4316,6 +4546,7 @@ var useProcessTreeGraphData = ({
   treeNodeLabelFields,
   fieldsToShowAsChipSet,
   showFieldName,
+  processLimit,
   filteredNodeField,
   filteredNodeValueSet,
   filterButtonFields,
@@ -4329,7 +4560,7 @@ var useProcessTreeGraphData = ({
   activeButtonFilterIds,
   searchQuery
 }) => {
-  const { nodeMap, linkMap } = react_exports.useMemo(() => {
+  const { nodeMap: completeNodeMap, linkMap } = react_exports.useMemo(() => {
     const builtLinks = buildLinkMap(source, target, linkRows, linkValues);
     const builtNodes = buildNodeMap(nodeId, nodeRows, builtLinks, treeNodeLabelFields, showFieldName);
     return {
@@ -4337,18 +4568,28 @@ var useProcessTreeGraphData = ({
       linkMap: builtLinks
     };
   }, [source, target, nodeId, linkRows, nodeRows, linkValues, treeNodeLabelFields, showFieldName]);
+  const completeRightSideNodeKeys = react_exports.useMemo(() => {
+    return buildRightSideNodeKeySet(completeNodeMap, filteredNodeField, filteredNodeValueSet);
+  }, [completeNodeMap, filteredNodeField, filteredNodeValueSet]);
+  const processNodeKeys = react_exports.useMemo(() => {
+    return buildProcessNodeKeySet(completeNodeMap, filteredNodeField);
+  }, [completeNodeMap, filteredNodeField]);
+  const nodeMap = react_exports.useMemo(
+    () => limitProcessTreeSiblings(completeNodeMap, processLimit, processNodeKeys),
+    [completeNodeMap, processLimit, processNodeKeys]
+  );
   const nodeLabelPartsByKey = react_exports.useMemo(() => {
     return buildNodeLabelPartsByKey(nodeMap, treeNodeLabelFields, fieldsToShowAsChipSet, showFieldName);
   }, [nodeMap, treeNodeLabelFields, fieldsToShowAsChipSet, showFieldName]);
   const rightSideNodeKeys = react_exports.useMemo(() => {
-    return buildRightSideNodeKeySet(nodeMap, filteredNodeField, filteredNodeValueSet);
-  }, [filteredNodeField, filteredNodeValueSet, nodeMap]);
+    return new Set([...completeRightSideNodeKeys].filter((key) => nodeMap[key]));
+  }, [completeRightSideNodeKeys, nodeMap]);
   const rootNodeIds = react_exports.useMemo(() => {
     return buildRootNodeIds(nodeMap, rightSideNodeKeys);
   }, [nodeMap, rightSideNodeKeys]);
   const processNetworkLinks = react_exports.useMemo(() => {
-    return buildProcessNetworkLinks(linkMap, rightSideNodeKeys);
-  }, [linkMap, rightSideNodeKeys]);
+    return buildProcessNetworkLinks(linkMap, rightSideNodeKeys).filter((link) => nodeMap[link.processKey]);
+  }, [linkMap, nodeMap, rightSideNodeKeys]);
   const buttonFilterConfigs = react_exports.useMemo(() => {
     return buildButtonFilterConfigs(
       filterButtonFields,
@@ -4576,7 +4817,7 @@ var useProcessTreeLinkOverlay = ({
     if (drawFrameRef.current !== null) {
       return;
     }
-    drawFrameRef.current = window.requestAnimationFrame(() => {
+    drawFrameRef.current = globalThis.requestAnimationFrame(() => {
       drawFrameRef.current = null;
       drawConnections();
     });
@@ -4621,7 +4862,7 @@ var useProcessTreeLinkOverlay = ({
   react_exports.useEffect(() => {
     return () => {
       if (drawFrameRef.current !== null) {
-        window.cancelAnimationFrame(drawFrameRef.current);
+        globalThis.cancelAnimationFrame(drawFrameRef.current);
       }
     };
   }, []);
@@ -4756,6 +4997,7 @@ var PureProcessTree = ({
   treeNodeLabelFields = EMPTY_ARRAY,
   fieldsToShowAsChip = EMPTY_ARRAY,
   showFieldName = false,
+  processLimit = 100,
   disableExpansionPerNode = EMPTY_ARRAY,
   filterButtonFields = EMPTY_ARRAY,
   filterButtonMatchValues = EMPTY_ARRAY,
@@ -4811,6 +5053,7 @@ var PureProcessTree = ({
     treeNodeLabelFields,
     fieldsToShowAsChipSet,
     showFieldName,
+    processLimit,
     filteredNodeField,
     filteredNodeValueSet,
     filterButtonFields,
@@ -4958,9 +5201,9 @@ __export(visualization_icons_exports, {
   default: () => visualization_icons_default
 });
 init_define_global();
-var defaultImport44 = __toESM(require("@splunk/visualization-icons"));
+var defaultImport48 = __toESM(require("@splunk/visualization-icons"));
 __reExport(visualization_icons_exports, require("@splunk/visualization-icons"));
-var visualization_icons_default = "default" in defaultImport44 ? defaultImport44.default : defaultImport44;
+var visualization_icons_default = "default" in defaultImport48 ? defaultImport48.default : defaultImport48;
 
 // esm-externals:@splunk/visualization-icons/placeholders
 var placeholders_exports = {};
@@ -4968,9 +5211,9 @@ __export(placeholders_exports, {
   default: () => placeholders_default
 });
 init_define_global();
-var defaultImport45 = __toESM(require("@splunk/visualization-icons/placeholders"));
+var defaultImport49 = __toESM(require("@splunk/visualization-icons/placeholders"));
 __reExport(placeholders_exports, require("@splunk/visualization-icons/placeholders"));
-var placeholders_default = "default" in defaultImport45 ? defaultImport45.default : defaultImport45;
+var placeholders_default = "default" in defaultImport49 ? defaultImport49.default : defaultImport49;
 
 // src/common/ThemedDefaults.tsx
 init_define_global();
@@ -4981,9 +5224,9 @@ __export(pick_exports, {
   default: () => pick_default
 });
 init_define_global();
-var defaultImport46 = __toESM(require("@splunk/themes/pick"));
+var defaultImport50 = __toESM(require("@splunk/themes/pick"));
 __reExport(pick_exports, require("@splunk/themes/pick"));
-var pick_default = "default" in defaultImport46 ? defaultImport46.default : defaultImport46;
+var pick_default = "default" in defaultImport50 ? defaultImport50.default : defaultImport50;
 
 // src/common/ThemedDefaults.tsx
 var defaultBackgroundColor = (props) => pick_default({
@@ -5003,9 +5246,9 @@ __export(configUtils_exports, {
   default: () => configUtils_default
 });
 init_define_global();
-var defaultImport47 = __toESM(require("@splunk/visualizations-shared/configUtils"));
+var defaultImport51 = __toESM(require("@splunk/visualizations-shared/configUtils"));
 __reExport(configUtils_exports, require("@splunk/visualizations-shared/configUtils"));
-var configUtils_default = "default" in defaultImport47 ? defaultImport47.default : defaultImport47;
+var configUtils_default = "default" in defaultImport51 ? defaultImport51.default : defaultImport51;
 
 // src/common/utils/configUtils.ts
 function enhanceConfig(vizConfig) {