@synnaxlabs/pluto 0.13.0 → 0.14.0

package/dist/index.cjs

@@ -1,1175 +1,2 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("./jsx-runtime-N1ikfypN.cjs");
-const React = require("react");
-const Toggle = require("./Toggle-eOKYw1OT.cjs");
-const css = require("./css-V3VUT_Js.cjs");
-const external$j = require("./external-9Ncn2J9B.cjs");
-const Header = require("./Header-5YX6FUn6.cjs");
-const component = require("./component-joFaJiQW.cjs");
-const Center = require("./Center-ZAcURh-3.cjs");
-const TimeRangeChip$1 = require("./TimeRangeChip-XXXLMCrf.cjs");
-const table = require("./table-VNkSG_Cj.cjs");
-const font = require("./font-wlgaMRYN.cjs");
-const external$h = require("./external-OSLzuRs1.cjs");
-const external$i = require("./external-oZe6tF4A.cjs");
-const external$k = require("./external-tVcmKSsT.cjs");
-const external$l = require("./external-U5HRPaDI.cjs");
-const external$m = require("./external-uvx0b-Jw.cjs");
-const Selector = require("./Selector-hQLSIYum.cjs");
-const SelectLevel = require("./SelectLevel-bGb0dRXh.cjs");
-const external$n = require("./external-yiqRIIvW.cjs");
-const external$o = require("./external-zw9fckWT.cjs");
-const external$p = require("./external-PS3nzqUn.cjs");
-const external$q = require("./external-zBiIxeDG.cjs");
-const Video = require("./Video-a7BUKvzF.cjs");
-require("react-hook-form");
-require("./Item-HWzX7RK2.cjs");
-const external$r = require("./external-eQU48hM4.cjs");
-require("react-dom");
-require("zod");
-require("./useDrag-KRQ7DTg1.cjs");
-require("./Item-rkSKzZoh.cjs");
-require("./dimensions-Sej0Zly9.cjs");
-require("./Link-xlTZan29.cjs");
-require("./Video-k52RqIHf.cjs");
-require("./fontString-i24UxKCQ.cjs");
-require("./Keyboard-w372197S.cjs");
-const Circle = ({ variant }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Toggle.Icon$1.Circle, { color: Toggle.variantColors[variant] });
-};
-const external$g = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  Aggregator: Toggle.Aggregator,
-  Circle,
-  Text: Toggle.Text$2,
-  VARIANTS: component.VARIANTS,
-  specZ: component.specZ$1,
-  useAggregator: Toggle.useAggregator,
-  useContext: Toggle.useContext$2,
-  useNotifications: Toggle.useNotifications,
-  variantZ: component.variantZ
-}, Symbol.toStringTag, { value: "Module" }));
-const external$f = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  Color: css.Color,
-  Picker: TimeRangeChip$1.Picker,
-  Swatch: TimeRangeChip$1.Swatch,
-  ZERO: css.ZERO,
-  cssString: css.cssString,
-  fromHSLA: css.fromHSLA,
-  toHex: css.toHex
-}, Symbol.toStringTag, { value: "Module" }));
-const external$e = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  Config: Toggle.Config,
-  Context: Toggle.Context,
-  Dialog: Toggle.Dialog,
-  formatTip: Toggle.formatTip,
-  useConfig: Toggle.useConfig,
-  wrap: Toggle.wrap
-}, Symbol.toStringTag, { value: "Module" }));
-const external$d = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  Core: TimeRangeChip$1.Core$1,
-  Multiple: TimeRangeChip$1.Multiple,
-  Single: TimeRangeChip$1.Single,
-  calculateDiffPercentage: TimeRangeChip$1.calculateDiffPercentage,
-  useMultiple: TimeRangeChip$1.useMultiple
-}, Symbol.toStringTag, { value: "Module" }));
-const DIRECTION = "y";
-const MIN_SIZE = 28;
-const COLLAPSED_THRESHOLD = 32;
-const EXPAND_THRESHOLD = 40;
-const DEFAULT_EXPAND_SIZE = 0.5;
-const Accordion = ({ data, ...props }) => {
-  const {
-    setSize,
-    props: { sizeDistribution: sizes, ref, ...resizeProps }
-  } = TimeRangeChip$1.useMultiple({
-    direction: DIRECTION,
-    count: data.length,
-    minSize: MIN_SIZE
-  });
-  const onExpand = (index) => {
-    if (ref.current == null)
-      return;
-    const parentSize = css.box$1.dim(css.box$1.construct(ref.current), DIRECTION);
-    if (sizes[index] < EXPAND_THRESHOLD / parentSize)
-      setSize(index, data[index].initialSize ?? DEFAULT_EXPAND_SIZE);
-    else
-      setSize(index, MIN_SIZE + 1);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-    TimeRangeChip$1.Multiple,
-    {
-      empty: true,
-      className: css.CSS.B("accordion"),
-      sizeDistribution: sizes,
-      ref,
-      ...props,
-      ...resizeProps,
-      children: data.map((entry, i) => /* @__PURE__ */ React.createElement(
-        EntryC,
-        {
-          ...entry,
-          key: entry.key,
-          index: i,
-          direction: DIRECTION,
-          onExpand,
-          parent: ref,
-          size: sizes[i]
-        }
-      ))
-    }
-  );
-};
-const expandedIcon = /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Toggle.Icon$1.Caret.Down, { "aria-label": "contract" });
-const collapsedIcon = /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Toggle.Icon$1.Caret.Right, { "aria-label": "expand" });
-const EntryC = ({
-  index,
-  name,
-  content,
-  actions,
-  size,
-  parent,
-  onExpand
-}) => {
-  let expanded = true;
-  if (parent.current != null) {
-    const parentSize = css.box$1.dim(css.box$1.construct(parent.current), DIRECTION);
-    expanded = size * parentSize > COLLAPSED_THRESHOLD;
-  }
-  const icon = expanded ? expandedIcon : collapsedIcon;
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(Header.Header, { level: "p", className: css.CSS.expanded(expanded), empty: true, children: [
-      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(external$j.ButtonTitle, { startIcon: icon, onClick: () => onExpand(index), children: name }),
-      actions != null && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(external$j.Actions, { children: actions })
-    ] }),
-    content
-  ] });
-};
-const Accordion$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  Accordion
-}, Symbol.toStringTag, { value: "Module" }));
-const Legend = ({
-  className,
-  style,
-  onLineChange,
-  ...props
-}) => {
-  const { lines } = TimeRangeChip$1.useContext$1("Legend");
-  TimeRangeChip$1.useContext$1("Legend");
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(TimeRangeChip$1.Simple, { data: lines, onEntryChange: onLineChange, ...props });
-};
-const Title = ({
-  level = "h2",
-  ...props
-}) => {
-  const key = Toggle.useUniqueKey();
-  const font$1 = font.useTypography(level);
-  const gridStyle = TimeRangeChip$1.useGridPosition(
-    {
-      key,
-      size: (font$1.lineHeight + 2) * font$1.baseSize,
-      loc: "top",
-      order: "first"
-    },
-    "Title"
-  );
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Center.Space, { justify: "center", align: "center", style: gridStyle, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Toggle.MaybeEditable, { ...props, level }) });
-};
-const DATA = [
-  {
-    key: "x",
-    icon: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Toggle.Icon$1.Arrow.Right, {})
-  },
-  {
-    key: "y",
-    icon: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Toggle.Icon$1.Arrow.Down, {})
-  }
-];
-const defaultSelectDirectionButton = ({
-  key,
-  entry,
-  onClick,
-  selected
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-    Toggle.Icon,
-    {
-      variant: selected ? "filled" : "outlined",
-      onClick,
-      children: entry.icon
-    },
-    key
-  );
-};
-const Direction = ({
-  children = defaultSelectDirectionButton,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(SelectLevel.Button, { ...props, data: DATA, children });
-};
-const external$c = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  Button: SelectLevel.Button,
-  Direction,
-  Multiple: TimeRangeChip$1.Multiple$1,
-  Single: TimeRangeChip$1.Single$1
-}, Symbol.toStringTag, { value: "Module" }));
-const Tooltip = ({ mode, triggers }) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(Center.Space, { direction: "x", align: "center", children: [
-  /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Toggle.Text, { level: "small", children: css.Case.capitalize(mode) }),
-  /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(external$q.Text, { trigger: triggers[0], level: "small" })
-] });
-const MODE_ICONS = {
-  zoom: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Toggle.Icon$1.Zoom, {}),
-  pan: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Toggle.Icon$1.Pan, {}),
-  select: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Toggle.Icon$1.Selection, {}),
-  zoomReset: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Toggle.Icon$1.Expand, {}),
-  click: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Toggle.Icon$1.Bolt, {})
-};
-const SelectMode = ({
-  triggers,
-  disable = ["zoomReset", "click"],
-  ...props
-}) => {
-  const data = Object.entries(triggers).filter(([key]) => !disable.includes(key) && TimeRangeChip$1.MODES.includes(key)).map(([key, value]) => ({
-    key,
-    icon: MODE_ICONS[key],
-    tooltip: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Tooltip, { mode: key, triggers: value })
-  })).sort((a, b) => TimeRangeChip$1.MODES.indexOf(a.key) - TimeRangeChip$1.MODES.indexOf(b.key));
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(SelectLevel.Button, { ...props, data, entryRenderKey: "icon", children: ({ title: _, entry, ...props2 }) => /* @__PURE__ */ React.createElement(
-    Toggle.Icon,
-    {
-      ...props2,
-      key: entry.key,
-      variant: props2.selected ? "filled" : "text",
-      size: "medium",
-      tooltip: entry.tooltip,
-      tooltipLocation: { x: "right", y: "top" }
-    },
-    entry.icon
-  ) });
-};
-const external$b = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  DEFAULT_TRIGGERS: TimeRangeChip$1.DEFAULT_TRIGGERS,
-  MASK_MODES: TimeRangeChip$1.MASK_MODES,
-  MODES: TimeRangeChip$1.MODES,
-  Mask: TimeRangeChip$1.Mask,
-  PAN_DEFAULT_TRIGGERS: TimeRangeChip$1.PAN_DEFAULT_TRIGGERS,
-  SELECT_DEFAULT_TRIGGERS: TimeRangeChip$1.SELECT_DEFAULT_TRIGGERS,
-  SelectMode,
-  ZOOM_DEFAULT_TRIGGERS: TimeRangeChip$1.ZOOM_DEFAULT_TRIGGERS,
-  use: TimeRangeChip$1.use
-}, Symbol.toStringTag, { value: "Module" }));
-const external$a = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  Legend,
-  Line: TimeRangeChip$1.Line,
-  LinePlot: TimeRangeChip$1.LinePlot,
-  Title,
-  Viewport: TimeRangeChip$1.Viewport,
-  XAxis: TimeRangeChip$1.XAxis,
-  YAxis: TimeRangeChip$1.YAxis,
-  axisFactory: TimeRangeChip$1.axisFactory,
-  selectViewportEl: TimeRangeChip$1.selectViewportEl,
-  useContext: TimeRangeChip$1.useContext$1,
-  useGridPosition: TimeRangeChip$1.useGridPosition,
-  useViewport: TimeRangeChip$1.useViewport
-}, Symbol.toStringTag, { value: "Module" }));
-const canDrop = Toggle.canDropOfType(TimeRangeChip$1.HAUL_TYPE);
-const LinePlot = ({
-  lines,
-  axes,
-  showTitle = true,
-  title = "",
-  onTitleChange,
-  showLegend = true,
-  titleLevel = "h4",
-  onLineChange,
-  onRuleChange,
-  onAxisChannelDrop,
-  onAxisChange,
-  rules,
-  enableTooltip = true,
-  enableMeasure = false,
-  initialViewport = css.box$1.DECIMAL,
-  onViewportChange,
-  viewportTriggers,
-  ...restProps
-}) => {
-  const xAxes = axes.filter(({ location: l }) => css.location.isY(l));
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(TimeRangeChip$1.LinePlot, { ...restProps, children: [
-    xAxes.map((a, i) => {
-      const axisLines = lines.filter((l) => l.axes.x === a.key);
-      const yAxes = axes.filter(({ location: l }) => css.location.isX(l));
-      const axisRules = rules == null ? void 0 : rules.filter(
-        (r) => [...yAxes.map(({ key: id }) => id), a.key].includes(r.axis)
-      );
-      return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-        XAxis,
-        {
-          axis: a,
-          index: i,
-          lines: axisLines,
-          yAxes,
-          rules: axisRules,
-          onAxisChannelDrop,
-          onAxisChange
-        },
-        a.key
-      );
-    }),
-    showLegend && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Legend, { onLineChange }),
-    showTitle && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Title, { value: title, onChange: onTitleChange, level: titleLevel }),
-    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
-      TimeRangeChip$1.Viewport,
-      {
-        initial: initialViewport,
-        onChange: onViewportChange,
-        triggers: viewportTriggers,
-        children: [
-          enableTooltip && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(TimeRangeChip$1.Tooltip, {}),
-          enableMeasure && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(TimeRangeChip$1.Measure, {})
-        ]
-      }
-    )
-  ] });
-};
-const XAxis = ({
-  yAxes,
-  lines,
-  index,
-  rules,
-  onRuleChange,
-  onAxisChannelDrop,
-  onAxisChange,
-  axis: { location, key, showGrid, ...axis }
-}) => {
-  const dropProps = Toggle.useDrop({
-    type: "Channel.LinePlot.XAxis",
-    canDrop,
-    onDrop: React.useCallback(
-      ({ items }) => {
-        const dropped = Toggle.filterByType(TimeRangeChip$1.HAUL_TYPE, items);
-        onAxisChannelDrop == null ? void 0 : onAxisChannelDrop(
-          key,
-          dropped.map(({ key: key2 }) => key2)
-        );
-        return dropped;
-      },
-      [key, onAxisChannelDrop]
-    )
-  });
-  const xRules = rules == null ? void 0 : rules.filter((r) => r.axis === key);
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
-    TimeRangeChip$1.XAxis,
-    {
-      ...axis,
-      ...dropProps,
-      location,
-      showGrid: showGrid ?? index === 0,
-      className: css.CSS(
-        css.CSS.dropRegion(Toggle.canDropOfType(TimeRangeChip$1.HAUL_TYPE)(Toggle.useDraggingState()))
-      ),
-      onAutoBoundsChange: (bounds) => onAxisChange == null ? void 0 : onAxisChange({ key, bounds }),
-      children: [
-        yAxes.map((a, i) => {
-          const yLines = lines.filter((l) => l.axes.y === a.key);
-          const yRules = rules == null ? void 0 : rules.filter((r) => r.axis === a.key);
-          return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-            YAxis,
-            {
-              axis: {
-                ...a,
-                showGrid: showGrid ?? (index === 0 && i === 0)
-              },
-              lines: yLines,
-              rules: yRules,
-              onRuleChange,
-              onAxisChannelDrop,
-              onAxisChange
-            },
-            a.key
-          );
-        }),
-        xRules == null ? void 0 : xRules.map((rule) => /* @__PURE__ */ React.createElement(
-          TimeRangeChip$1.Rule,
-          {
-            aetherKey: rule.key,
-            ...rule,
-            key: rule.key,
-            onLabelChange: (value) => onRuleChange == null ? void 0 : onRuleChange({ key: rule.key, label: value }),
-            onPositionChange: (value) => onRuleChange == null ? void 0 : onRuleChange({ key: rule.key, position: value })
-          }
-        ))
-      ]
-    }
-  );
-};
-const lineKey = ({ channels: { x, y } }) => `${x ?? 0}-${y}`;
-const YAxis = ({
-  lines,
-  rules,
-  onRuleChange,
-  onAxisChannelDrop,
-  onAxisChange,
-  axis: { key, location: loc2, ...props }
-}) => {
-  const dropProps = Toggle.useDrop({
-    type: "Channel.LinePlot.YAxis",
-    canDrop,
-    onDrop: React.useCallback(
-      ({ items }) => {
-        const dropped = Toggle.filterByType(TimeRangeChip$1.HAUL_TYPE, items);
-        onAxisChannelDrop == null ? void 0 : onAxisChannelDrop(
-          key,
-          dropped.map(({ key: key2 }) => key2)
-        );
-        return dropped;
-      },
-      [key, onAxisChannelDrop]
-    )
-  });
-  const dragging = Toggle.useDraggingState();
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
-    TimeRangeChip$1.YAxis,
-    {
-      ...props,
-      ...dropProps,
-      location: loc2,
-      className: css.CSS(css.CSS.dropRegion(Toggle.canDropOfType(TimeRangeChip$1.HAUL_TYPE)(dragging))),
-      onAutoBoundsChange: (bounds) => onAxisChange == null ? void 0 : onAxisChange({ key, bounds }),
-      children: [
-        lines.map((l) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Line, { line: l }, lineKey(l))),
-        rules == null ? void 0 : rules.map((r) => /* @__PURE__ */ React.createElement(
-          TimeRangeChip$1.Rule,
-          {
-            aetherKey: r.key,
-            ...r,
-            key: r.key,
-            onLabelChange: (value) => onRuleChange == null ? void 0 : onRuleChange({ key: r.key, label: value }),
-            onPositionChange: (value) => onRuleChange == null ? void 0 : onRuleChange({ key: r.key, position: value })
-          }
-        ))
-      ]
-    }
-  );
-};
-const Line = ({ line }) => line.variant === "static" ? /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(StaticLine, { line }) : /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(DynamicLine, { line });
-const DynamicLine = ({
-  line: {
-    key,
-    timeSpan,
-    channels: { x, y },
-    ...props
-  }
-}) => {
-  const yTelem = table.streamChannelData({ timeSpan, channel: y });
-  const hasX = x != null && x !== 0;
-  const xTelem = table.streamChannelData({
-    timeSpan,
-    channel: hasX ? x : y,
-    index: !hasX
-  });
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(TimeRangeChip$1.Line, { aetherKey: key, y: yTelem, x: xTelem, ...props });
-};
-const StaticLine = ({
-  line: {
-    timeRange,
-    key,
-    channels: { x, y },
-    ...props
-  }
-}) => {
-  const yTelem = table.channelData({ timeRange, channel: y });
-  const hasX = x != null && x !== 0;
-  const xTelem = table.channelData({
-    timeRange,
-    channel: hasX ? x : y,
-    index: !hasX
-  });
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(TimeRangeChip$1.Line, { aetherKey: key, y: yTelem, x: xTelem, ...props });
-};
-const external$9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  AliasInput: TimeRangeChip$1.AliasInput,
-  AliasProvider: TimeRangeChip$1.AliasProvider,
-  LinePlot,
-  SelectMultiple: TimeRangeChip$1.SelectMultiple,
-  SelectSingle: TimeRangeChip$1.SelectSingle,
-  useActiveRange: TimeRangeChip$1.useActiveRange,
-  useAlias: TimeRangeChip$1.useAlias,
-  useAliases: TimeRangeChip$1.useAliases,
-  useContext: TimeRangeChip$1.useContext$2,
-  useName: TimeRangeChip$1.useName
-}, Symbol.toStringTag, { value: "Module" }));
-const TabNotFound = new Error("Tab not found");
-const InvalidMosaic = new Error("Invalid Mosaic");
-const insertTab = (root, tab, loc = "center", key) => {
-  var _a;
-  root = shallowCopyNode(root);
-  if (key === void 0)
-    return insertAnywhere(root, tab);
-  const node = findNodeOrAncestor(root, key);
-  if (loc === "center") {
-    (_a = node.tabs) == null ? void 0 : _a.push(tab);
-    node.selected = tab.tabKey;
-    return root;
-  }
-  if (node.tabs == null || node.tabs.length === 0)
-    return root;
-  const [insertOrder, siblingOrder, dir] = splitArrangement(loc);
-  node.direction = dir;
-  node[insertOrder] = { key: 0, tabs: [tab], selected: tab.tabKey };
-  node[siblingOrder] = { key: 0, tabs: node.tabs, selected: node.selected };
-  if (node.first == null || node.last == null)
-    throw InvalidMosaic;
-  node.first.key = node.key * 2;
-  node.last.key = node.key * 2 + 1;
-  node.tabs = void 0;
-  node.size = void 0;
-  node.selected = void 0;
-  return root;
-};
-const insertAnywhere = (root, tab) => {
-  root = shallowCopyNode(root);
-  if (root.tabs != null) {
-    root.tabs.push(tab);
-    root.selected = tab.tabKey;
-    return root;
-  }
-  if (root.first != null)
-    root.first = insertAnywhere(root.first, tab);
-  else if (root.last != null)
-    root.last = insertAnywhere(root.last, tab);
-  return root;
-};
-const autoSelectTabs = (root) => {
-  root = shallowCopyNode(root);
-  const selected = [];
-  if (root.tabs != null) {
-    root.selected = Selector.resetSelection(root.selected, root.tabs);
-    if (root.selected != null)
-      selected.push(root.selected);
-  }
-  if (root.first != null) {
-    const [f, s] = autoSelectTabs(root.first);
-    root.first = f;
-    selected.push(...s);
-  }
-  if (root.last != null) {
-    const [r, l] = autoSelectTabs(root.last);
-    root.last = r;
-    selected.push(...l);
-  }
-  return [root, selected];
-};
-const removeTab = (root, tabKey) => {
-  var _a;
-  root = shallowCopyNode(root);
-  const [, node] = findMosaicTab(root, tabKey);
-  if (node == null)
-    throw TabNotFound;
-  node.tabs = (_a = node.tabs) == null ? void 0 : _a.filter((t) => t.tabKey !== tabKey);
-  node.selected = Selector.resetSelection(node.selected, node.tabs);
-  const gced = gc(root);
-  const selected = node.selected ?? findSelected(gced);
-  return [gced, selected];
-};
-const findSelected = (root) => {
-  if (root.selected != null)
-    return root.selected;
-  if (root.first != null)
-    return findSelected(root.first);
-  if (root.last != null)
-    return findSelected(root.last);
-  return null;
-};
-const selectTab = (root, tabKey) => {
-  root = shallowCopyNode(root);
-  const [tab, entry] = findMosaicTab(root, tabKey);
-  if (tab == null || entry == null)
-    throw TabNotFound;
-  entry.selected = tabKey;
-  return root;
-};
-const moveTab = (root, tabKey, loc, to) => {
-  root = shallowCopyNode(root);
-  const [tab, entry] = findMosaicTab(root, tabKey);
-  if (tab == null || entry == null)
-    throw TabNotFound;
-  const [r2, selected] = removeTab(root, tabKey);
-  const r3 = insertTab(r2, tab, loc, to);
-  return [r3, selected];
-};
-const resizeNode = (root, key, size) => {
-  const node = findMosaicNode(root, key);
-  if (node == null)
-    throw new Error("Node not found");
-  else
-    node.size = size;
-  return root;
-};
-const renameTab = (root, tabKey, name) => {
-  root = shallowCopyNode(root);
-  const [, leaf] = findMosaicTab(root, tabKey);
-  if ((leaf == null ? void 0 : leaf.tabs) == null)
-    throw TabNotFound;
-  leaf.tabs = Selector.rename(tabKey, name, (leaf == null ? void 0 : leaf.tabs) ?? []);
-  return root;
-};
-const isEmpty = (root) => {
-  if (root.tabs != null)
-    return root.tabs.length === 0;
-  return root.first == null && root.last == null;
-};
-const findNodeOrAncestor = (root, key) => {
-  const node = findMosaicNode(root, key);
-  if (node != null)
-    return node;
-  const next = Math.floor(key / 2);
-  return next === 0 ? root : findNodeOrAncestor(root, next);
-};
-const gc = (root) => {
-  let gced = true;
-  while (gced)
-    [root, gced] = _gc(root);
-  return root;
-};
-const _gc = (node) => {
-  if (node.first == null || node.last == null)
-    return [node, false];
-  if (shouldGc(node.first))
-    return [liftUp(node.last, true), true];
-  if (shouldGc(node.last))
-    return [liftUp(node.first, false), true];
-  let [sGC, eGC] = [false, false];
-  [node.first, sGC] = _gc(node.first);
-  [node.last, eGC] = _gc(node.last);
-  return [node, sGC || eGC];
-};
-const liftUp = (node, isLast) => {
-  node.size = void 0;
-  node.key = (node.key - Number(isLast)) / 2;
-  return node;
-};
-const shouldGc = (node) => node.first == null && node.last == null && (node.tabs == null || node.tabs.length === 0);
-const findMosaicTab = (node, tabKey) => {
-  if (node.tabs != null) {
-    const tab = node.tabs.find((t) => t.tabKey === tabKey);
-    if (tab != null)
-      return [tab, node];
-  }
-  if (node.first == null || node.last == null)
-    return [void 0, void 0];
-  const [t1Tab, t2Tree] = findMosaicTab(node.first, tabKey);
-  if (t1Tab != null && t2Tree != null)
-    return [t1Tab, t2Tree];
-  const [t2Tab, t2Tree2] = findMosaicTab(node.last, tabKey);
-  return [t2Tab, t2Tree2];
-};
-const findMosaicNode = (node, key) => {
-  if (node.key === key)
-    return node;
-  if (node.first == null || node.last == null)
-    return void 0;
-  const n1 = findMosaicNode(node.first, key);
-  if (n1 != null)
-    return n1;
-  return findMosaicNode(node.last, key);
-};
-const splitArrangement = (insertPosition) => {
-  switch (insertPosition) {
-    case "top":
-      return ["first", "last", "y"];
-    case "left":
-      return ["first", "last", "x"];
-    case "bottom":
-      return ["last", "first", "y"];
-    case "right":
-      return ["last", "first", "x"];
-    case "center":
-      throw new Error("cannot split a center placed tab");
-  }
-};
-const shallowCopyNode = (node) => css.external.copy(node);
-const use$2 = ({ allowRename = false, initialTree }) => {
-  const [root, setRoot] = React.useState(initialTree);
-  React.useEffect(() => setRoot(autoSelectTabs(initialTree)[0]), [initialTree]);
-  const handleDrop = (key, tabKey, loc) => setRoot((r) => moveTab(r, tabKey, loc, key)[0]);
-  const handleClose = (tabKey) => setRoot((r) => removeTab(r, tabKey)[0]);
-  const handleSelect = (tabKey) => setRoot((r) => selectTab(r, tabKey));
-  const handleResize = (key, size) => setRoot((r) => resizeNode(r, key, size));
-  const handleRename = (tabKey, title) => setRoot((r) => renameTab(r, tabKey, title));
-  return {
-    root,
-    onDrop: handleDrop,
-    onClose: handleClose,
-    onSelect: handleSelect,
-    onResize: handleResize,
-    onRename: allowRename ? handleRename : void 0
-  };
-};
-const external$8 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  HAUL_CREATE_TYPE: TimeRangeChip$1.HAUL_CREATE_TYPE,
-  HAUL_DROP_TYPE: TimeRangeChip$1.HAUL_DROP_TYPE,
-  Mosaic: TimeRangeChip$1.Mosaic,
-  autoSelectTabs,
-  findSelected,
-  insertTab,
-  isEmpty,
-  moveTab,
-  removeTab,
-  renameTab,
-  resizeNode,
-  selectTab,
-  use: use$2
-}, Symbol.toStringTag, { value: "Module" }));
-const external$7 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  Bar: TimeRangeChip$1.Bar,
-  Drawer: TimeRangeChip$1.Drawer,
-  useDrawer: TimeRangeChip$1.useDrawer
-}, Symbol.toStringTag, { value: "Module" }));
-const Icon = {
-  Close: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
-    "svg",
-    {
-      width: "124",
-      height: "124",
-      viewBox: "0 0 124 124",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-          "rect",
-          {
-            x: "26.8701",
-            y: "88.3883",
-            width: "87",
-            height: "11",
-            transform: "rotate(-45 26.8701 88.3883)",
-            fill: "#7E0508"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-          "rect",
-          {
-            x: "26.8701",
-            y: "34.6482",
-            width: "11",
-            height: "87",
-            transform: "rotate(-45 26.8701 34.6482)",
-            fill: "#7E0508"
-          }
-        )
-      ]
-    }
-  ),
-  Minimize: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-    "svg",
-    {
-      width: "87",
-      height: "11",
-      viewBox: "0 0 87 11",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("rect", { x: "15", width: "60", height: "11", fill: "#985712" })
-    }
-  ),
-  Maximize: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
-    "svg",
-    {
-      width: "143",
-      height: "143",
-      viewBox: "0 0 143 143",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-          "path",
-          {
-            d: "M108.242 32.8833C108.797 32.8817 109.247 33.3317 109.245 33.8862L109.092 87.5891C109.09 88.4786 108.014 88.9223 107.385 88.2933L53.8351 34.7432C53.2061 34.1142 53.6499 33.0387 54.5394 33.0361L108.242 32.8833Z",
-            fill: "#0B650D"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-          "path",
-          {
-            d: "M33.8862 109.245C33.3317 109.247 32.8818 108.797 32.8833 108.242L33.0361 54.5394C33.0387 53.6499 34.1142 53.2061 34.7432 53.8351L88.2934 107.385C88.9223 108.014 88.4786 109.09 87.5891 109.092L33.8862 109.245Z",
-            fill: "#0B650D"
-          }
-        )
-      ]
-    }
-  )
-};
-const MacOS = ({
-  disabled = [],
-  className,
-  focused = true,
-  onMinimize,
-  onMaximize,
-  onFullscreen,
-  onClose,
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
-  Center.Space,
-  {
-    size: 1.5,
-    direction: "x",
-    className: css.CSS(
-      css.CSS.B("macos-controls"),
-      !focused && css.CSS.BM("macos-controls", "blurred"),
-      className
-    ),
-    ...props,
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-        TrafficLight,
-        {
-          onClick: onClose,
-          className: css.CSS.BM("macos-control", "close"),
-          disabled: disabled.includes("close"),
-          children: Icon.Close
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-        TrafficLight,
-        {
-          onClick: onMinimize,
-          className: css.CSS.BM("macos-control", "minimize"),
-          disabled: disabled.includes("minimize"),
-          children: Icon.Minimize
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-        TrafficLight,
-        {
-          onClick: onFullscreen,
-          className: css.CSS.BM("macos-control", "maximize"),
-          disabled: disabled.includes("maximize"),
-          children: Icon.Maximize
-        }
-      )
-    ]
-  }
-);
-const TrafficLight = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-  "button",
-  {
-    className: css.CSS(css.CSS.B("macos-control"), className),
-    tabIndex: -1,
-    size: "",
-    ...props
-  }
-);
-const Windows = ({
-  disabled = [],
-  onMinimize,
-  onMaximize,
-  onClose,
-  // no-op on windows
-  onFullscreen: _,
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(Center.Pack, { ...props, children: [
-  /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-    Button,
-    {
-      className: css.CSS.BM("windows-control", "minimize"),
-      onClick: onMinimize,
-      disabled: disabled.includes("minimize"),
-      children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Toggle.Icon$1.Subtract, {})
-    }
-  ),
-  /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-    Button,
-    {
-      className: css.CSS.BM("windows-control", "maximize"),
-      onClick: onMaximize,
-      disabled: disabled.includes("maximize"),
-      children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Toggle.Icon$1.Box, {})
-    }
-  ),
-  /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-    Button,
-    {
-      onClick: onClose,
-      className: css.CSS.BM("windows-control", "close"),
-      disabled: disabled.includes("close"),
-      children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Toggle.Icon$1.Close, {})
-    }
-  )
-] });
-const Button = ({
-  disabled = false,
-  className,
-  ...props
-}) => !disabled ? /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-  Toggle.Icon,
-  {
-    className: css.CSS(css.CSS.B("windows-control"), className),
-    tabIndex: -1,
-    ...props
-  }
-) : null;
-const use$1 = (props) => css.external$1.getOS(props);
-const Variants = {
-  MacOS,
-  Windows,
-  Linux: Windows,
-  Docker: Windows
-};
-const DEFAULT_OS = "Windows";
-const Controls = ({
-  forceOS,
-  visibleIfOS,
-  ...props
-}) => {
-  const os = use$1({ force: forceOS, default: DEFAULT_OS });
-  const C = Variants[os];
-  if (visibleIfOS != null && visibleIfOS !== os)
-    return null;
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(C, { ...props });
-};
-const external$6 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  Controls,
-  use: use$1
-}, Symbol.toStringTag, { value: "Module" }));
-const alignNodes = (layouts, dir = "x") => {
-  if (layouts.length === 0)
-    return [];
-  const loc = css.location.construct(dir);
-  const oppositeLoc = css.location.swap(loc);
-  layouts.sort((a, b) => css.box$1.loc(a.box, loc) - css.box$1.loc(b.box, loc));
-  layouts.forEach((layout, i) => {
-    if (i === 0)
-      return;
-    const prev = layouts[i - 1];
-    const prevRightHandle = prev.handles.find((h) => h.orientation === oppositeLoc);
-    const leftHandle = layout.handles.find((h) => h.orientation === loc);
-    if (prevRightHandle == null || leftHandle == null)
-      return;
-    const prevHandleAbsPos = prevRightHandle.absolutePosition;
-    const leftHandleAbsPos = leftHandle.absolutePosition;
-    const dist = css.xy.set(css.xy.translation(leftHandleAbsPos, prevHandleAbsPos), dir, 0);
-    const newPos = css.xy.translate(css.box$1.topLeft(layout.box), dist);
-    layout.box = css.box$1.construct(newPos, css.box$1.dims(layout.box));
-  });
-  return layouts;
-};
-const external$5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  Background: TimeRangeChip$1.Background,
-  Controls: TimeRangeChip$1.Controls,
-  Diagram: TimeRangeChip$1.Diagram,
-  FitViewControl: TimeRangeChip$1.FitViewControl,
-  HandleLayout: TimeRangeChip$1.HandleLayout,
-  NodeLayout: TimeRangeChip$1.NodeLayout,
-  NodeRenderer: TimeRangeChip$1.NodeRenderer,
-  ToggleEditControl: TimeRangeChip$1.ToggleEditControl,
-  alignNodes,
-  selectNode: TimeRangeChip$1.selectNode,
-  selectNodeBox: TimeRangeChip$1.selectNodeBox,
-  selectNodeLayout: TimeRangeChip$1.selectNodeLayout,
-  use: TimeRangeChip$1.use$1,
-  useContext: TimeRangeChip$1.useContext$3
-}, Symbol.toStringTag, { value: "Module" }));
-const use = ({
-  aetherKey,
-  ...props
-}) => Toggle.use$2({
-  aetherKey,
-  type: table.Table.TYPE,
-  schema: table.tableStateZ,
-  initialState: props
-});
-const external$4 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  StringTD: TimeRangeChip$1.StringTD,
-  TR: TimeRangeChip$1.TR,
-  Table: TimeRangeChip$1.Table,
-  use
-}, Symbol.toStringTag, { value: "Module" }));
-const external$3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  LabelSpec: TimeRangeChip$1.LabelSpec,
-  REGISTRY: TimeRangeChip$1.REGISTRY,
-  initialProps: TimeRangeChip$1.initialProps
-}, Symbol.toStringTag, { value: "Module" }));
-const external$2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  corePropsZ: TimeRangeChip$1.corePropsZ,
-  use: TimeRangeChip$1.use$2
-}, Symbol.toStringTag, { value: "Module" }));
-const external$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  Chip: TimeRangeChip$1.Chip,
-  Controller: TimeRangeChip$1.Controller,
-  Indicator: TimeRangeChip$1.Indicator,
-  Legend: TimeRangeChip$1.Legend,
-  StateProvider: TimeRangeChip$1.StateProvider,
-  useContext: TimeRangeChip$1.useContext$4
-}, Symbol.toStringTag, { value: "Module" }));
-const DefaultWorkerURL = "data:video/mp2t;base64,Ly8gQ29weXJpZ2h0IDIwMjMgU3lubmF4IExhYnMsIEluYy4KLy8KLy8gVXNlIG9mIHRoaXMgc29mdHdhcmUgaXMgZ292ZXJuZWQgYnkgdGhlIEJ1c2luZXNzIFNvdXJjZSBMaWNlbnNlIGluY2x1ZGVkIGluIHRoZSBmaWxlCi8vIGxpY2Vuc2VzL0JTTC50eHQuCi8vCi8vIEFzIG9mIHRoZSBDaGFuZ2UgRGF0ZSBzcGVjaWZpZWQgaW4gdGhhdCBmaWxlLCBpbiBhY2NvcmRhbmNlIHdpdGggdGhlIEJ1c2luZXNzIFNvdXJjZQovLyBMaWNlbnNlLCB1c2Ugb2YgdGhpcyBzb2Z0d2FyZSB3aWxsIGJlIGdvdmVybmVkIGJ5IHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAsCi8vIGluY2x1ZGVkIGluIHRoZSBmaWxlIGxpY2Vuc2VzL0FQTC50eHQuCgppbXBvcnQgeyBwbHV0byB9IGZyb20gIkAvcGx1dG8vYWV0aGVyIjsKCnBsdXRvLnJlbmRlcigpOwo=";
-const Provider = ({
-  children,
-  connParams,
-  workerEnabled = true,
-  workerURL,
-  theme,
-  toggleTheme,
-  setTheme,
-  tooltip,
-  triggers,
-  alamos,
-  haul,
-  channelAlias
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Toggle.Provider$1, { ...triggers, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Toggle.Config, { ...tooltip, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Toggle.Provider$2, { ...haul, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Toggle.Provider$3, { url: workerURL ?? DefaultWorkerURL, enabled: workerEnabled, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Toggle.Provider$4, { workerKey: "vis", children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(TimeRangeChip$1.Provider$1, { ...alamos, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Toggle.Aggregator, { children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(TimeRangeChip$1.Provider$2, { connParams, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(TimeRangeChip$1.AliasProvider, { ...channelAlias, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(TimeRangeChip$1.Provider$3, { children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-    Toggle.Provider,
-    {
-      theme,
-      toggleTheme,
-      setTheme,
-      children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(TimeRangeChip$1.StateProvider, { children })
-    }
-  ) }) }) }) }) }) }) }) }) }) });
-};
-const Pluto = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  Provider
-}, Symbol.toStringTag, { value: "Module" }));
-const TimeRangeChip = ({ timeRange }) => {
-  const startTS = new css.TimeStamp(timeRange.start);
-  const startFormat = startTS.isToday ? "time" : "dateTime";
-  const endTS = new css.TimeStamp(timeRange.end);
-  const isOpen = endTS.equals(css.TimeStamp.MAX);
-  const endFormat = endTS.span(startTS) < css.TimeSpan.DAY ? "time" : "dateTime";
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
-    Center.Space,
-    {
-      direction: "x",
-      size: "small",
-      className: css.CSS(css.CSS.B("time-range-chip")),
-      align: "center",
-      children: [
-        startTS.isToday && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Toggle.Text, { level: "small", children: "Today" }),
-        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Toggle.DateTime, { level: "small", displayTZ: "local", format: startFormat, children: startTS }),
-        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Toggle.Icon$1.Arrow.Right, { color: "var(--pluto-text-color)" }),
-        isOpen ? /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Toggle.Text, { level: "small", children: "Now" }) : /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Toggle.DateTime, { level: "small", displayTZ: "local", format: endFormat, children: endTS })
-      ]
-    }
-  );
-};
-const labelColumns = [
-  {
-    key: "color",
-    name: "Color",
-    width: 50,
-    render: (v) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-      Toggle.Icon$1.Circle,
-      {
-        style: { fontSize: 10, marginLeft: 10, marginRight: 30 },
-        color: v.entry.color
-      }
-    )
-  },
-  {
-    key: "name",
-    name: "Name"
-  }
-];
-const SelectLabels = (props) => {
-  const client = TimeRangeChip$1.use$3();
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-    TimeRangeChip$1.Multiple$1,
-    {
-      ...props,
-      searcher: client == null ? void 0 : client.labels,
-      columns: labelColumns,
-      renderTag: (v) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(TimeRangeChip$1.Tag, { color: v.entry.color, children: v.entry.name })
-    }
-  );
-};
-const external = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  SelectLabels,
-  TimeRangeChip
-}, Symbol.toStringTag, { value: "Module" }));
-exports.Aether = Toggle.main;
-exports.Divider = Toggle.Divider$1;
-exports.Dropdown = Toggle.Dropdown;
-exports.Haul = Toggle.Haul;
-exports.Worker = Toggle.Context$1;
-exports.compareArrayDeps = Toggle.compareArrayDeps;
-exports.componentRenderProp = Toggle.componentRenderProp;
-exports.createHexOpacityVariants = Toggle.createHexOpacityVariants;
-exports.isRenderProp = Toggle.isRenderProp;
-exports.unitProperty = Toggle.unitProperty;
-exports.useAsyncEffect = Toggle.useAsyncEffect;
-exports.useClickOutside = Toggle.useClickOutside;
-exports.useCombinedRefs = Toggle.useCombinedRefs;
-exports.useCombinedStateAndRef = Toggle.useCombinedStateAndRef;
-exports.useEffectCompare = Toggle.useEffectCompare;
-exports.useMemoCompare = Toggle.useMemoCompare;
-exports.useMemoDeepEqualProps = Toggle.useMemoDeepEqualProps;
-exports.useResize = Toggle.useResize;
-exports.useStateRef = Toggle.useStateRef;
-exports.useSyncedRef = Toggle.useSyncedRef;
-exports.CSS = css.CSS;
-exports.newBEM = css.newBEM;
-exports.Header = external$j.external;
-exports.state = component.state;
-exports.Generic = Center.Generic;
-exports.Canvas = TimeRangeChip$1.Canvas;
-exports.Eraser = TimeRangeChip$1.use$4;
-exports.Line = TimeRangeChip$1.Line$1;
-exports.Measure = TimeRangeChip$1.Measure$1;
-exports.PID = TimeRangeChip$1.registry;
-exports.Rule = TimeRangeChip$1.Rule$1;
-exports.Synnax = TimeRangeChip$1.Provider$4;
-exports.Tag = TimeRangeChip$1.Tag$1;
-exports.Telem = TimeRangeChip$1.Provider$5;
-exports.Tree = TimeRangeChip$1.Tree;
-exports.createFilterTransform = TimeRangeChip$1.createFilterTransform;
-exports.fuseFilter = TimeRangeChip$1.fuseFilter;
-exports.useDebouncedCallback = TimeRangeChip$1.useDebouncedCallback;
-exports.useTransforms = TimeRangeChip$1.useTransforms;
-exports.Align = external$h.external;
-exports.Button = external$i.external;
-exports.Input = external$k.external;
-exports.List = external$l.external;
-exports.Menu = external$m.external;
-exports.Tabs = external$n.external;
-exports.Text = external$o.external;
-exports.Theming = external$p.external;
-exports.Triggers = external$q.external;
-exports.Video = Video.Video;
-exports.telem = external$r.external;
-exports.Accordion = Accordion$1;
-exports.Channel = external$9;
-exports.Color = external$f;
-exports.Control = external$1;
-exports.Diagram = external$5;
-exports.LinePlot = external$a;
-exports.Mosaic = external$8;
-exports.Nav = external$7;
-exports.OS = external$6;
-exports.Pluto = Pluto;
-exports.Ranger = external;
-exports.Resize = external$d;
-exports.Select = external$c;
-exports.Status = external$g;
-exports.Table = external$4;
-exports.TableCell = external$3;
-exports.Tooltip = external$e;
-exports.Value = external$2;
-exports.Viewport = external$b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./jsx-runtime-evvPGacs.cjs"),b=require("react"),l=require("./Toggle-QnKinMl4.cjs"),a=require("./css-s9KpanYu.cjs"),N=require("./external-RGdrJX7y.cjs"),de=require("./Header-PpcdP7hn.cjs"),P=require("./component-dgLAEMbt.cjs"),h=require("./Center-ER_owvfX.cjs"),t=require("./TimeRangeChip-jQH9NacG.cjs"),R=require("./table-NIrLpFOm.cjs"),pe=require("./font-yosRgv9n.cjs"),me=require("./external-tnCo64yx.cjs"),je=require("./external--jsfNkbo.cjs"),fe=require("./external-tZiYBM94.cjs"),X=require("./color-gJTR__ef.cjs"),Se=require("./external-eWu6hCLU.cjs"),Ee=require("./external-A_eQgT5T.cjs"),be=require("./external-O1b3FJKI.cjs"),q=require("./Selector-8rTHUToj.cjs"),Z=require("./SelectLevel-DrdlLBOs.cjs"),ge=require("./external-z6BLlxur.cjs"),ye=require("./external-LPdjowBG.cjs"),Re=require("./external-HZ6f2KvU.cjs"),W=require("./external-rGcWjp84.cjs"),Te=require("./Video-iiPAk_ej.cjs");require("react-hook-form");require("./Item-EBiM5yGJ.cjs");const he=require("./external-nTDD8IMd.cjs");require("react-dom");require("zod");require("./Swatch--Prmb5q_.cjs");require("./useDrag-l_moa7e3.cjs");require("./Item-_og4CdwZ.cjs");require("./dimensions-HfZjDJQz.cjs");require("./Link-16dbGK7G.cjs");require("./Video-k52RqIHf.cjs");require("./fontString-_dtZSiPk.cjs");require("./Keyboard-bXNOi0bP.cjs");const _e=({variant:e})=>i.jsxRuntimeExports.jsx(l.n0.Circle,{color:l.variantColors[e]}),Ce=Object.freeze(Object.defineProperty({__proto__:null,Aggregator:l.Aggregator,Circle:_e,Text:l.Text$2,VARIANTS:P.VARIANTS,specZ:P.specZ$1,useAggregator:l.useAggregator,useContext:l.useContext$2,useNotifications:l.useNotifications,variantZ:P.variantZ},Symbol.toStringTag,{value:"Module"})),ve=Object.freeze(Object.defineProperty({__proto__:null,Config:l.Config,Context:l.Context,Dialog:l.Dialog$1,formatTip:l.formatTip,useConfig:l.useConfig,wrap:l.wrap},Symbol.toStringTag,{value:"Module"})),Pe=Object.freeze(Object.defineProperty({__proto__:null,Core:t.Core$1,Multiple:t.Multiple,Single:t.Single,calculateDiffPercentage:t.calculateDiffPercentage,useMultiple:t.useMultiple},Symbol.toStringTag,{value:"Module"})),M="y",F=28,Me=32,Le=40,we=.5,$e=({data:e,...s})=>{const{setSize:n,props:{sizeDistribution:r,ref:o,...c}}=t.useMultiple({direction:M,count:e.length,minSize:F}),u=x=>{if(o.current==null)return;const p=a.box$1.dim(a.box$1.construct(o.current),M);r[x]<Le/p?n(x,e[x].initialSize??we):n(x,F+1)};return i.jsxRuntimeExports.jsx(t.Multiple,{empty:!0,className:a.CSS.B("accordion"),sizeDistribution:r,ref:o,...s,...c,children:e.map((x,p)=>b.createElement(ze,{...x,key:x.key,index:p,direction:M,onExpand:u,parent:o,size:r[p]}))})},De=i.jsxRuntimeExports.jsx(l.n0.Caret.Down,{"aria-label":"contract"}),Oe=i.jsxRuntimeExports.jsx(l.n0.Caret.Right,{"aria-label":"expand"}),ze=({index:e,name:s,content:n,actions:r,size:o,parent:c,onExpand:u})=>{let x=!0;if(c.current!=null){const m=a.box$1.dim(a.box$1.construct(c.current),M);x=o*m>Me}const p=x?De:Oe;return i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[i.jsxRuntimeExports.jsxs(de.Header,{level:"p",className:a.CSS.expanded(x),empty:!0,children:[i.jsxRuntimeExports.jsx(N.ButtonTitle,{startIcon:p,onClick:()=>u(e),children:s}),r!=null&&i.jsxRuntimeExports.jsx(N.Actions,{children:r})]}),n]})},Ae=Object.freeze(Object.defineProperty({__proto__:null,Accordion:$e},Symbol.toStringTag,{value:"Module"})),K=({className:e,style:s,onLineChange:n,...r})=>{const{lines:o}=t.useContext$1("Legend");return t.useContext$1("Legend"),i.jsxRuntimeExports.jsx(t.Simple,{data:o,onEntryChange:n,...r})},J=({level:e="h2",...s})=>{const n=l.useUniqueKey(),r=pe.useTypography(e),o=t.useGridPosition({key:n,size:(r.lineHeight+2)*r.baseSize,loc:"top",order:"first"},"Title");return i.jsxRuntimeExports.jsx(h.Space,{justify:"center",align:"center",style:o,children:i.jsxRuntimeExports.jsx(l.MaybeEditable,{...s,level:e})})},Ie=[{key:"x",icon:i.jsxRuntimeExports.jsx(l.n0.Arrow.Right,{})},{key:"y",icon:i.jsxRuntimeExports.jsx(l.n0.Arrow.Down,{})}],ke=({key:e,entry:s,onClick:n,selected:r})=>i.jsxRuntimeExports.jsx(l.Icon,{variant:r?"filled":"outlined",onClick:n,children:s.icon},e),Ne=({children:e=ke,...s})=>i.jsxRuntimeExports.jsx(Z.Button,{...s,data:Ie,children:e}),Be=Object.freeze(Object.defineProperty({__proto__:null,Button:Z.Button,Direction:Ne,Multiple:t.Multiple$1,Single:t.Single$1},Symbol.toStringTag,{value:"Module"})),Ge=({mode:e,triggers:s})=>i.jsxRuntimeExports.jsxs(h.Space,{direction:"x",align:"center",children:[i.jsxRuntimeExports.jsx(l.Text,{level:"small",children:a.Case.capitalize(e)}),i.jsxRuntimeExports.jsx(W.Text,{trigger:s[0],level:"small"})]}),qe={zoom:i.jsxRuntimeExports.jsx(l.n0.Zoom,{}),pan:i.jsxRuntimeExports.jsx(l.n0.Pan,{}),select:i.jsxRuntimeExports.jsx(l.n0.Selection,{}),zoomReset:i.jsxRuntimeExports.jsx(l.n0.Expand,{}),click:i.jsxRuntimeExports.jsx(l.n0.Bolt,{})},Ze=({triggers:e,disable:s=["zoomReset","click"],...n})=>{const r=Object.entries(e).filter(([o])=>!s.includes(o)&&t.MODES.includes(o)).map(([o,c])=>({key:o,icon:qe[o],tooltip:i.jsxRuntimeExports.jsx(Ge,{mode:o,triggers:c})})).sort((o,c)=>t.MODES.indexOf(o.key)-t.MODES.indexOf(c.key));return i.jsxRuntimeExports.jsx(Z.Button,{...n,data:r,entryRenderKey:"icon",children:({title:o,entry:c,...u})=>b.createElement(l.Icon,{...u,key:c.key,variant:u.selected?"filled":"text",size:"medium",tooltip:c.tooltip,tooltipLocation:{x:"right",y:"top"}},c.icon)})},He=Object.freeze(Object.defineProperty({__proto__:null,DEFAULT_TRIGGERS:t.DEFAULT_TRIGGERS,MASK_MODES:t.MASK_MODES,MODES:t.MODES,Mask:t.Mask,PAN_DEFAULT_TRIGGERS:t.PAN_DEFAULT_TRIGGERS,SELECT_DEFAULT_TRIGGERS:t.SELECT_DEFAULT_TRIGGERS,SelectMode:Ze,ZOOM_DEFAULT_TRIGGERS:t.ZOOM_DEFAULT_TRIGGERS,use:t.use},Symbol.toStringTag,{value:"Module"})),Ve=Object.freeze(Object.defineProperty({__proto__:null,Legend:K,Line:t.Line,LinePlot:t.LinePlot,Title:J,Viewport:t.Viewport,XAxis:t.XAxis,YAxis:t.YAxis,axisFactory:t.axisFactory,selectViewportEl:t.selectViewportEl,useContext:t.useContext$1,useGridPosition:t.useGridPosition,useViewport:t.useViewport},Symbol.toStringTag,{value:"Module"})),Q=l.canDropOfType(t.HAUL_TYPE),Fe=({lines:e,axes:s,showTitle:n=!0,title:r="",onTitleChange:o,showLegend:c=!0,titleLevel:u="h4",onLineChange:x,onRuleChange:p,onAxisChannelDrop:m,onAxisChange:d,rules:j,enableTooltip:S=!0,enableMeasure:f=!1,initialViewport:E=a.box$1.DECIMAL,onViewportChange:_,viewportTriggers:O,...C})=>{const le=s.filter(({location:y})=>a.location.isY(y));return i.jsxRuntimeExports.jsxs(t.LinePlot,{...C,children:[le.map((y,ce)=>{const ae=e.filter(v=>v.axes.x===y.key),V=s.filter(({location:v})=>a.location.isX(v)),ue=j==null?void 0:j.filter(v=>[...V.map(({key:xe})=>xe),y.key].includes(v.axis));return i.jsxRuntimeExports.jsx(Ye,{axis:y,index:ce,lines:ae,yAxes:V,rules:ue,onAxisChannelDrop:m,onAxisChange:d},y.key)}),c&&i.jsxRuntimeExports.jsx(K,{onLineChange:x}),n&&i.jsxRuntimeExports.jsx(J,{value:r,onChange:o,level:u}),i.jsxRuntimeExports.jsxs(t.Viewport,{initial:E,onChange:_,triggers:O,children:[S&&i.jsxRuntimeExports.jsx(t.Tooltip,{}),f&&i.jsxRuntimeExports.jsx(t.Measure,{})]})]})},Ye=({yAxes:e,lines:s,index:n,rules:r,onRuleChange:o,onAxisChannelDrop:c,onAxisChange:u,axis:{location:x,key:p,showGrid:m,...d}})=>{const j=l.useDrop({type:"Channel.LinePlot.XAxis",canDrop:Q,onDrop:b.useCallback(({items:f})=>{const E=l.filterByType(t.HAUL_TYPE,f);return c==null||c(p,E.map(({key:_})=>_)),E},[p,c])}),S=r==null?void 0:r.filter(f=>f.axis===p);return i.jsxRuntimeExports.jsxs(t.XAxis,{...d,...j,location:x,showGrid:m??n===0,className:a.CSS(a.CSS.dropRegion(l.canDropOfType(t.HAUL_TYPE)(l.useDraggingState()))),onAutoBoundsChange:f=>u==null?void 0:u({key:p,bounds:f}),children:[e.map((f,E)=>{const _=s.filter(C=>C.axes.y===f.key),O=r==null?void 0:r.filter(C=>C.axis===f.key);return i.jsxRuntimeExports.jsx(Xe,{axis:{...f,showGrid:m??(n===0&&E===0)},lines:_,rules:O,onRuleChange:o,onAxisChannelDrop:c,onAxisChange:u},f.key)}),S==null?void 0:S.map(f=>b.createElement(t.Rule,{aetherKey:f.key,...f,key:f.key,onLabelChange:E=>o==null?void 0:o({key:f.key,label:E}),onPositionChange:E=>o==null?void 0:o({key:f.key,position:E})}))]})},Ue=({channels:{x:e,y:s}})=>`${e??0}-${s}`,Xe=({lines:e,rules:s,onRuleChange:n,onAxisChannelDrop:r,onAxisChange:o,axis:{key:c,location:u,...x}})=>{const p=l.useDrop({type:"Channel.LinePlot.YAxis",canDrop:Q,onDrop:b.useCallback(({items:d})=>{const j=l.filterByType(t.HAUL_TYPE,d);return r==null||r(c,j.map(({key:S})=>S)),j},[c,r])}),m=l.useDraggingState();return i.jsxRuntimeExports.jsxs(t.YAxis,{...x,...p,location:u,className:a.CSS(a.CSS.dropRegion(l.canDropOfType(t.HAUL_TYPE)(m))),onAutoBoundsChange:d=>o==null?void 0:o({key:c,bounds:d}),children:[e.map(d=>i.jsxRuntimeExports.jsx(We,{line:d},Ue(d))),s==null?void 0:s.map(d=>b.createElement(t.Rule,{aetherKey:d.key,...d,key:d.key,onLabelChange:j=>n==null?void 0:n({key:d.key,label:j}),onPositionChange:j=>n==null?void 0:n({key:d.key,position:j})}))]})},We=({line:e})=>e.variant==="static"?i.jsxRuntimeExports.jsx(Je,{line:e}):i.jsxRuntimeExports.jsx(Ke,{line:e}),Ke=({line:{key:e,timeSpan:s,channels:{x:n,y:r},...o}})=>{const c=R.streamChannelData({timeSpan:s,channel:r}),u=n!=null&&n!==0,x=R.streamChannelData({timeSpan:s,channel:u?n:r,index:!u});return i.jsxRuntimeExports.jsx(t.Line,{aetherKey:e,y:c,x,...o})},Je=({line:{timeRange:e,key:s,channels:{x:n,y:r},...o}})=>{const c=R.channelData({timeRange:e,channel:r}),u=n!=null&&n!==0,x=R.channelData({timeRange:e,channel:u?n:r,index:!u});return i.jsxRuntimeExports.jsx(t.Line,{aetherKey:s,y:c,x,...o})},Qe=Object.freeze(Object.defineProperty({__proto__:null,AliasInput:t.AliasInput,AliasProvider:t.AliasProvider,LinePlot:Fe,SelectMultiple:t.SelectMultiple,SelectSingle:t.SelectSingle,useActiveRange:t.useActiveRange,useAlias:t.useAlias,useAliases:t.useAliases,useContext:t.useContext$2,useName:t.useName},Symbol.toStringTag,{value:"Module"})),D=new Error("Tab not found"),et=new Error("Invalid Mosaic"),ee=(e,s,n="center",r)=>{var p;if(e=g(e),r===void 0)return B(e,s);const o=ie(e,r);if(n==="center")return(p=o.tabs)==null||p.push(s),o.selected=s.tabKey,e;if(o.tabs==null||o.tabs.length===0)return e;const[c,u,x]=nt(n);if(o.direction=x,o[c]={key:0,tabs:[s],selected:s.tabKey},o[u]={key:0,tabs:o.tabs,selected:o.selected},o.first==null||o.last==null)throw et;return o.first.key=o.key*2,o.last.key=o.key*2+1,o.tabs=void 0,o.size=void 0,o.selected=void 0,e},B=(e,s)=>(e=g(e),e.tabs!=null?(e.tabs.push(s),e.selected=s.tabKey,e):(e.first!=null?e.first=B(e.first,s):e.last!=null&&(e.last=B(e.last,s)),e)),L=e=>{e=g(e);const s=[];if(e.tabs!=null&&(e.selected=q.resetSelection(e.selected,e.tabs),e.selected!=null&&s.push(e.selected)),e.first!=null){const[n,r]=L(e.first);e.first=n,s.push(...r)}if(e.last!=null){const[n,r]=L(e.last);e.last=n,s.push(...r)}return[e,s]},H=(e,s)=>{var c;e=g(e);const[,n]=T(e,s);if(n==null)throw D;n.tabs=(c=n.tabs)==null?void 0:c.filter(u=>u.tabKey!==s),n.selected=q.resetSelection(n.selected,n.tabs);const r=st(e),o=n.selected??w(r);return[r,o]},w=e=>e.selected!=null?e.selected:e.first!=null?w(e.first):e.last!=null?w(e.last):null,te=(e,s)=>{e=g(e);const[n,r]=T(e,s);if(n==null||r==null)throw D;return r.selected=s,e},se=(e,s,n,r)=>{e=g(e);const[o,c]=T(e,s);if(o==null||c==null)throw D;const[u,x]=H(e,s);return[ee(u,o,n,r),x]},ne=(e,s,n)=>{const r=$(e,s);if(r==null)throw new Error("Node not found");return r.size=n,e},re=(e,s,n)=>{e=g(e);const[,r]=T(e,s);if((r==null?void 0:r.tabs)==null)throw D;return r.tabs=q.rename(s,n,(r==null?void 0:r.tabs)??[]),e},tt=e=>e.tabs!=null?e.tabs.length===0:e.first==null&&e.last==null,ie=(e,s)=>{const n=$(e,s);if(n!=null)return n;const r=Math.floor(s/2);return r===0?e:ie(e,r)},st=e=>{let s=!0;for(;s;)[e,s]=G(e);return e},G=e=>{if(e.first==null||e.last==null)return[e,!1];if(U(e.first))return[Y(e.last,!0),!0];if(U(e.last))return[Y(e.first,!1),!0];let[s,n]=[!1,!1];return[e.first,s]=G(e.first),[e.last,n]=G(e.last),[e,s||n]},Y=(e,s)=>(e.size=void 0,e.key=(e.key-Number(s))/2,e),U=e=>e.first==null&&e.last==null&&(e.tabs==null||e.tabs.length===0),T=(e,s)=>{if(e.tabs!=null){const u=e.tabs.find(x=>x.tabKey===s);if(u!=null)return[u,e]}if(e.first==null||e.last==null)return[void 0,void 0];const[n,r]=T(e.first,s);if(n!=null&&r!=null)return[n,r];const[o,c]=T(e.last,s);return[o,c]},$=(e,s)=>{if(e.key===s)return e;if(e.first==null||e.last==null)return;const n=$(e.first,s);return n??$(e.last,s)},nt=e=>{switch(e){case"top":return["first","last","y"];case"left":return["first","last","x"];case"bottom":return["last","first","y"];case"right":return["last","first","x"];case"center":throw new Error("cannot split a center placed tab")}},g=e=>a.external.copy(e),rt=({allowRename:e=!1,initialTree:s})=>{const[n,r]=b.useState(s);return b.useEffect(()=>r(L(s)[0]),[s]),{root:n,onDrop:(m,d,j)=>r(S=>se(S,d,j,m)[0]),onClose:m=>r(d=>H(d,m)[0]),onSelect:m=>r(d=>te(d,m)),onResize:(m,d)=>r(j=>ne(j,m,d)),onRename:e?(m,d)=>r(j=>re(j,m,d)):void 0}},it=Object.freeze(Object.defineProperty({__proto__:null,HAUL_CREATE_TYPE:t.HAUL_CREATE_TYPE,HAUL_DROP_TYPE:t.HAUL_DROP_TYPE,Mosaic:t.Mosaic,autoSelectTabs:L,findSelected:w,insertTab:ee,isEmpty:tt,moveTab:se,removeTab:H,renameTab:re,resizeNode:ne,selectTab:te,use:rt},Symbol.toStringTag,{value:"Module"})),ot=Object.freeze(Object.defineProperty({__proto__:null,Bar:t.Bar,Drawer:t.Drawer,useDrawer:t.useDrawer},Symbol.toStringTag,{value:"Module"})),z={Close:i.jsxRuntimeExports.jsxs("svg",{width:"124",height:"124",viewBox:"0 0 124 124",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[i.jsxRuntimeExports.jsx("rect",{x:"26.8701",y:"88.3883",width:"87",height:"11",transform:"rotate(-45 26.8701 88.3883)",fill:"#7E0508"}),i.jsxRuntimeExports.jsx("rect",{x:"26.8701",y:"34.6482",width:"11",height:"87",transform:"rotate(-45 26.8701 34.6482)",fill:"#7E0508"})]}),Minimize:i.jsxRuntimeExports.jsx("svg",{width:"87",height:"11",viewBox:"0 0 87 11",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:i.jsxRuntimeExports.jsx("rect",{x:"15",width:"60",height:"11",fill:"#985712"})}),Maximize:i.jsxRuntimeExports.jsxs("svg",{width:"143",height:"143",viewBox:"0 0 143 143",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[i.jsxRuntimeExports.jsx("path",{d:"M108.242 32.8833C108.797 32.8817 109.247 33.3317 109.245 33.8862L109.092 87.5891C109.09 88.4786 108.014 88.9223 107.385 88.2933L53.8351 34.7432C53.2061 34.1142 53.6499 33.0387 54.5394 33.0361L108.242 32.8833Z",fill:"#0B650D"}),i.jsxRuntimeExports.jsx("path",{d:"M33.8862 109.245C33.3317 109.247 32.8818 108.797 32.8833 108.242L33.0361 54.5394C33.0387 53.6499 34.1142 53.2061 34.7432 53.8351L88.2934 107.385C88.9223 108.014 88.4786 109.09 87.5891 109.092L33.8862 109.245Z",fill:"#0B650D"})]})},lt=({disabled:e=[],className:s,focused:n=!0,onMinimize:r,onMaximize:o,onFullscreen:c,onClose:u,...x})=>i.jsxRuntimeExports.jsxs(h.Space,{size:1.5,direction:"x",className:a.CSS(a.CSS.B("macos-controls"),!n&&a.CSS.BM("macos-controls","blurred"),s),...x,children:[i.jsxRuntimeExports.jsx(A,{onClick:u,className:a.CSS.BM("macos-control","close"),disabled:e.includes("close"),children:z.Close}),i.jsxRuntimeExports.jsx(A,{onClick:r,className:a.CSS.BM("macos-control","minimize"),disabled:e.includes("minimize"),children:z.Minimize}),i.jsxRuntimeExports.jsx(A,{onClick:c,className:a.CSS.BM("macos-control","maximize"),disabled:e.includes("maximize"),children:z.Maximize})]}),A=({className:e,...s})=>i.jsxRuntimeExports.jsx("button",{className:a.CSS(a.CSS.B("macos-control"),e),tabIndex:-1,size:"",...s}),I=({disabled:e=[],onMinimize:s,onMaximize:n,onClose:r,onFullscreen:o,...c})=>i.jsxRuntimeExports.jsxs(h.Pack,{...c,children:[i.jsxRuntimeExports.jsx(k,{className:a.CSS.BM("windows-control","minimize"),onClick:s,disabled:e.includes("minimize"),children:i.jsxRuntimeExports.jsx(l.n0.Subtract,{})}),i.jsxRuntimeExports.jsx(k,{className:a.CSS.BM("windows-control","maximize"),onClick:n,disabled:e.includes("maximize"),children:i.jsxRuntimeExports.jsx(l.n0.Box,{})}),i.jsxRuntimeExports.jsx(k,{onClick:r,className:a.CSS.BM("windows-control","close"),disabled:e.includes("close"),children:i.jsxRuntimeExports.jsx(l.n0.Close,{})})]}),k=({disabled:e=!1,className:s,...n})=>e?null:i.jsxRuntimeExports.jsx(l.Icon,{className:a.CSS(a.CSS.B("windows-control"),s),tabIndex:-1,...n}),oe=e=>a.external$1.getOS(e),ct={MacOS:lt,Windows:I,Linux:I,Docker:I},at="Windows",ut=({forceOS:e,visibleIfOS:s,...n})=>{const r=oe({force:e,default:at}),o=ct[r];return s!=null&&s!==r?null:i.jsxRuntimeExports.jsx(o,{...n})},xt=Object.freeze(Object.defineProperty({__proto__:null,Controls:ut,use:oe},Symbol.toStringTag,{value:"Module"})),dt=(e,s="x")=>{if(e.length===0)return[];const n=a.location.construct(s),r=a.location.swap(n);return e.sort((o,c)=>a.box$1.loc(o.box,n)-a.box$1.loc(c.box,n)),e.forEach((o,c)=>{if(c===0)return;const x=e[c-1].handles.find(f=>f.orientation===r),p=o.handles.find(f=>f.orientation===n);if(x==null||p==null)return;const m=x.absolutePosition,d=p.absolutePosition,j=a.xy.set(a.xy.translation(d,m),s,0),S=a.xy.translate(a.box$1.topLeft(o.box),j);o.box=a.box$1.construct(S,a.box$1.dims(o.box))}),e},pt=Object.freeze(Object.defineProperty({__proto__:null,Background:t.Background,Controls:t.Controls,Diagram:t.Diagram,FitViewControl:t.FitViewControl,HandleLayout:t.HandleLayout,NodeLayout:t.NodeLayout,NodeRenderer:t.NodeRenderer,ToggleEditControl:t.ToggleEditControl,alignNodes:dt,selectNode:t.selectNode,selectNodeBox:t.selectNodeBox,selectNodeLayout:t.selectNodeLayout,use:t.use$1,useContext:t.useContext$3},Symbol.toStringTag,{value:"Module"})),mt=({aetherKey:e,...s})=>l.use$3({aetherKey:e,type:R.Table.TYPE,schema:R.tableStateZ,initialState:s}),jt=Object.freeze(Object.defineProperty({__proto__:null,StringTD:t.StringTD,TR:t.TR,Table:t.Table,use:mt},Symbol.toStringTag,{value:"Module"})),ft=Object.freeze(Object.defineProperty({__proto__:null,LabelSpec:t.LabelSpec,REGISTRY:t.REGISTRY,initialProps:t.initialProps},Symbol.toStringTag,{value:"Module"})),St=Object.freeze(Object.defineProperty({__proto__:null,corePropsZ:t.corePropsZ,use:t.use$2},Symbol.toStringTag,{value:"Module"})),Et=Object.freeze(Object.defineProperty({__proto__:null,Chip:t.Chip,Controller:t.Controller,Indicator:t.Indicator,Legend:t.Legend,StateProvider:t.StateProvider,useContext:t.useContext$4},Symbol.toStringTag,{value:"Module"})),bt="data:video/mp2t;base64,Ly8gQ29weXJpZ2h0IDIwMjMgU3lubmF4IExhYnMsIEluYy4KLy8KLy8gVXNlIG9mIHRoaXMgc29mdHdhcmUgaXMgZ292ZXJuZWQgYnkgdGhlIEJ1c2luZXNzIFNvdXJjZSBMaWNlbnNlIGluY2x1ZGVkIGluIHRoZSBmaWxlCi8vIGxpY2Vuc2VzL0JTTC50eHQuCi8vCi8vIEFzIG9mIHRoZSBDaGFuZ2UgRGF0ZSBzcGVjaWZpZWQgaW4gdGhhdCBmaWxlLCBpbiBhY2NvcmRhbmNlIHdpdGggdGhlIEJ1c2luZXNzIFNvdXJjZQovLyBMaWNlbnNlLCB1c2Ugb2YgdGhpcyBzb2Z0d2FyZSB3aWxsIGJlIGdvdmVybmVkIGJ5IHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAsCi8vIGluY2x1ZGVkIGluIHRoZSBmaWxlIGxpY2Vuc2VzL0FQTC50eHQuCgppbXBvcnQgeyBwbHV0byB9IGZyb20gIkAvcGx1dG8vYWV0aGVyIjsKCnBsdXRvLnJlbmRlcigpOwo=",gt=({children:e,connParams:s,workerEnabled:n=!0,workerURL:r,theme:o,toggleTheme:c,setTheme:u,tooltip:x,triggers:p,alamos:m,haul:d,channelAlias:j})=>i.jsxRuntimeExports.jsx(l.Provider$1,{...p,children:i.jsxRuntimeExports.jsx(l.Config,{...x,children:i.jsxRuntimeExports.jsx(l.Provider$2,{...d,children:i.jsxRuntimeExports.jsx(l.Provider$3,{url:r??bt,enabled:n,children:i.jsxRuntimeExports.jsx(l.Provider$4,{workerKey:"vis",children:i.jsxRuntimeExports.jsx(t.Provider$1,{...m,children:i.jsxRuntimeExports.jsx(l.Aggregator,{children:i.jsxRuntimeExports.jsx(t.Provider$2,{connParams:s,children:i.jsxRuntimeExports.jsx(t.AliasProvider,{...j,children:i.jsxRuntimeExports.jsx(t.Provider$3,{children:i.jsxRuntimeExports.jsx(l.Provider,{theme:o,toggleTheme:c,setTheme:u,children:i.jsxRuntimeExports.jsx(t.StateProvider,{children:e})})})})})})})})})})})}),yt=Object.freeze(Object.defineProperty({__proto__:null,Provider:gt},Symbol.toStringTag,{value:"Module"})),Rt=({timeRange:e})=>{const s=new a.TimeStamp(e.start),n=s.isToday?"time":"dateTime",r=new a.TimeStamp(e.end),o=r.equals(a.TimeStamp.MAX),c=r.span(s)<a.TimeSpan.DAY?"time":"dateTime";return i.jsxRuntimeExports.jsxs(h.Space,{direction:"x",size:"small",className:a.CSS(a.CSS.B("time-range-chip")),align:"center",children:[s.isToday&&i.jsxRuntimeExports.jsx(l.Text,{level:"small",children:"Today"}),i.jsxRuntimeExports.jsx(l.DateTime,{level:"small",displayTZ:"local",format:n,children:s}),i.jsxRuntimeExports.jsx(l.n0.Arrow.Right,{color:"var(--pluto-text-color)"}),o?i.jsxRuntimeExports.jsx(l.Text,{level:"small",children:"Now"}):i.jsxRuntimeExports.jsx(l.DateTime,{level:"small",displayTZ:"local",format:c,children:r})]})},Tt=[{key:"color",name:"Color",width:50,render:e=>i.jsxRuntimeExports.jsx(l.n0.Circle,{style:{fontSize:10,marginLeft:10,marginRight:30},color:e.entry.color})},{key:"name",name:"Name"}],ht=e=>{const s=t.use$3();return i.jsxRuntimeExports.jsx(t.Multiple$1,{...e,searcher:s==null?void 0:s.labels,columns:Tt,renderTag:n=>i.jsxRuntimeExports.jsx(t.Tag,{color:n.entry.color,children:n.entry.name})})},_t=Object.freeze(Object.defineProperty({__proto__:null,SelectLabels:ht,TimeRangeChip:Rt},Symbol.toStringTag,{value:"Module"}));exports.Aether=l.main;exports.Divider=l.Divider$1;exports.Dropdown=l.Dropdown;exports.Haul=l.Haul;exports.Worker=l.Context$1;exports.compareArrayDeps=l.compareArrayDeps;exports.componentRenderProp=l.componentRenderProp;exports.isRenderProp=l.isRenderProp;exports.useAsyncEffect=l.useAsyncEffect;exports.useClickOutside=l.useClickOutside;exports.useCombinedRefs=l.useCombinedRefs;exports.useCombinedStateAndRef=l.useCombinedStateAndRef;exports.useEffectCompare=l.useEffectCompare;exports.useMemoCompare=l.useMemoCompare;exports.useMemoDeepEqualProps=l.useMemoDeepEqualProps;exports.useResize=l.useResize;exports.useStateRef=l.useStateRef;exports.useSyncedRef=l.useSyncedRef;exports.CSS=a.CSS;exports.newBEM=a.newBEM;exports.Header=N.external;exports.state=P.state;exports.Generic=h.Generic;exports.Canvas=t.Canvas;exports.Eraser=t.use$4;exports.Line=t.Line$1;exports.Measure=t.Measure$1;exports.PID=t.registry;exports.Rule=t.Rule$1;exports.Synnax=t.Provider$4;exports.Tag=t.Tag$1;exports.Telem=t.Provider$5;exports.Tree=t.Tree;exports.createFilterTransform=t.createFilterTransform;exports.fuseFilter=t.fuseFilter;exports.useDebouncedCallback=t.useDebouncedCallback;exports.useTransforms=t.useTransforms;exports.Align=me.external;exports.Button=je.external;exports.Color=fe.external;exports.createHexOpacityVariants=X.createHexOpacityVariants;exports.unitProperty=X.unitProperty;exports.Input=Se.external;exports.List=Ee.external;exports.Menu=be.external;exports.Tabs=ge.external;exports.Text=ye.external;exports.Theming=Re.external;exports.Triggers=W.external;exports.Video=Te.Video;exports.telem=he.external;exports.Accordion=Ae;exports.Channel=Qe;exports.Control=Et;exports.Diagram=pt;exports.LinePlot=Ve;exports.Mosaic=it;exports.Nav=ot;exports.OS=xt;exports.Pluto=yt;exports.Ranger=_t;exports.Resize=Pe;exports.Select=Be;exports.Status=Ce;exports.Table=jt;exports.TableCell=ft;exports.Tooltip=ve;exports.Value=St;exports.Viewport=He;
 //# sourceMappingURL=index.cjs.map