@mastra/playground-ui 69.0.0-alpha.0 → 69.0.0-alpha.1

package/dist/domains/workspace/components/workspace-tree.cjs.js

@@ -7,7 +7,7 @@ const require_components_AlertDialog = require("../../../components/AlertDialog.
 const require_Button = require("../../../Button-BfICfyxD.cjs");
 const require_components_Skeleton = require("../../../components/Skeleton.cjs.js");
 const require_spinner = require("../../../spinner-oS6q4pwx.cjs");
-const require_Tree = require("../../../Tree-Caz4FTCU.cjs");
+const require_Tree = require("../../../Tree-kgLG4IbP.cjs");
 const require_Txt = require("../../../Txt-_00wWxTd.cjs");
 const require_icons_FileIcon = require("../../../icons/FileIcon.cjs.js");
 const require_icons_FolderIcon = require("../../../icons/FolderIcon.cjs.js");

package/dist/domains/workspace/components/workspace-tree.es.js

@@ -6,7 +6,7 @@ import { AlertDialog } from "../../../components/AlertDialog.es.js";
 import { t as Button } from "../../../Button-Bi7aXd_G.js";
 import { Skeleton } from "../../../components/Skeleton.es.js";
 import { t as Spinner } from "../../../spinner-B9ykw74u.js";
-import { t as Tree } from "../../../Tree-od43gLMO.js";
+import { t as Tree } from "../../../Tree-D1_VJClB.js";
 import { t as Txt } from "../../../Txt-5efBsb2p.js";
 import { FileIcon } from "../../../icons/FileIcon.es.js";
 import { FolderIcon as FolderIcon$1 } from "../../../icons/FolderIcon.es.js";

package/dist/{dropdown-menu-Dx-jCOIv.cjs → dropdown-menu-D3D8USIY.cjs}

@@ -140,6 +140,13 @@ var DropdownMenuItem = react.forwardRef(({ className, inset, variant = "default"
 	...props
 }));
 DropdownMenuItem.displayName = "DropdownMenuItem";
+/** A menu row that navigates. Pass `render` to route it through your framework's link. */
+var DropdownMenuLinkItem = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_menu.Menu.LinkItem, {
+	ref,
+	className: require_utils.cn(require_primitives_menu_item.menuItemClass, className),
+	...props
+}));
+DropdownMenuLinkItem.displayName = "DropdownMenuLinkItem";
 var DropdownMenuCheckboxItem = react.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_base_ui_react_menu.Menu.CheckboxItem, {
 	ref,
 	className: require_utils.cn(require_primitives_menu_item.menuItemClass, className),
@@ -220,6 +227,7 @@ DropdownMenu.Content = DropdownMenuContent;
 DropdownMenu.Group = DropdownMenuGroup;
 DropdownMenu.Portal = DropdownMenuPortal;
 DropdownMenu.Item = DropdownMenuItem;
+DropdownMenu.LinkItem = DropdownMenuLinkItem;
 DropdownMenu.CheckboxItem = DropdownMenuCheckboxItem;
 DropdownMenu.RadioItem = DropdownMenuRadioItem;
 DropdownMenu.Label = DropdownMenuLabel;
@@ -238,4 +246,4 @@ Object.defineProperty(exports, "DropdownMenu", {
 	}
 });
 
-//# sourceMappingURL=dropdown-menu-Dx-jCOIv.cjs.map
+//# sourceMappingURL=dropdown-menu-D3D8USIY.cjs.map

package/dist/dropdown-menu-D3D8USIY.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu-D3D8USIY.cjs","names":["MenuPrimitive","React","resolveTriggerRender","cn","menuItemClass","menuItemTrailingIconClass","ChevronDown","FLOATING_POSITION_METHOD","usePortalContainer","menuPositionerClass","menuPopupClass","menuScrollPopupClass","MenuScrollArea","menuItemDestructiveClass","menuItemCheckClass","CheckIcon","menuLabelClass","menuSeparatorClass","menuShortcutClass"],"sources":["../src/ds/components/DropdownMenu/dropdown-menu.tsx"],"sourcesContent":["import { Menu as MenuPrimitive } from '@base-ui/react/menu';\nimport type { MenuPopupProps, MenuPositionerProps } from '@base-ui/react/menu';\nimport { CheckIcon, ChevronDown } from 'lucide-react';\nimport * as React from 'react';\nimport { FLOATING_POSITION_METHOD } from '@/ds/primitives/floating';\nimport {\n  MENU_SIDE_OFFSET,\n  menuItemCheckClass,\n  menuItemClass,\n  menuItemDestructiveClass,\n  menuItemHintClass,\n  menuItemInsetClass,\n  menuItemTrailingIconClass,\n  menuLabelClass,\n  menuLabelInsetClass,\n  menuPopupClass,\n  menuPositionerClass,\n  menuSeparatorClass,\n  menuShortcutClass,\n} from '@/ds/primitives/menu-item';\nimport { menuScrollPopupClass, MenuScrollArea } from '@/ds/primitives/menu-scroll-area';\nimport { usePortalContainer } from '@/ds/primitives/portal-container';\nimport { resolveTriggerRender } from '@/ds/primitives/trigger-button';\nimport type { TriggerButtonProps } from '@/ds/primitives/trigger-button';\nimport { cn } from '@/lib/utils';\n\nconst DropdownMenuRoot = MenuPrimitive.Root;\n\nconst DropdownMenuGroup = MenuPrimitive.Group;\n\nconst DropdownMenuPortal = MenuPrimitive.Portal;\n\nconst DropdownMenuSub = MenuPrimitive.SubmenuRoot;\n\nconst DropdownMenuRadioGroup = MenuPrimitive.RadioGroup;\n\nexport type DropdownMenuTriggerProps = Omit<MenuPrimitive.Trigger.Props, 'className'> & TriggerButtonProps;\n\n/**\n * The button that opens the menu. Renders a design-system `<Button>` by\n * default, so it takes Button's `variant` / `size` / `tooltip`. Pass `render`\n * to project the behavior onto your own element (then the look is yours).\n */\nconst DropdownMenuTrigger = React.forwardRef<HTMLButtonElement, DropdownMenuTriggerProps>(\n  ({ className, asChild, render, children, variant, size, tooltip, ...props }, ref) => {\n    const resolved = resolveTriggerRender({ render, asChild, children, variant, size, tooltip, className });\n\n    return (\n      <MenuPrimitive.Trigger ref={ref} className={resolved.className} render={resolved.render} {...props}>\n        {resolved.children}\n      </MenuPrimitive.Trigger>\n    );\n  },\n);\nDropdownMenuTrigger.displayName = 'DropdownMenuTrigger';\n\ntype DropdownMenuSubTriggerProps = MenuPrimitive.SubmenuTrigger.Props & {\n  inset?: boolean;\n  hint?: React.ReactNode;\n};\n\nconst DropdownMenuSubTrigger = React.forwardRef<HTMLDivElement, DropdownMenuSubTriggerProps>(\n  ({ className, inset, hint, children, ...props }, ref) => (\n    <MenuPrimitive.SubmenuTrigger\n      ref={ref}\n      className={cn(menuItemClass, inset && menuItemInsetClass, className)}\n      {...props}\n    >\n      {children}\n      {hint != null && (\n        <span data-slot=\"dropdown-menu-sub-trigger-hint\" className={menuItemHintClass}>\n          {hint}\n        </span>\n      )}\n      <span className={cn(menuItemTrailingIconClass, hint != null && 'ml-0')}>\n        <ChevronDown className=\"-rotate-90\" />\n      </span>\n    </MenuPrimitive.SubmenuTrigger>\n  ),\n);\nDropdownMenuSubTrigger.displayName = 'DropdownMenuSubTrigger';\n\ntype DropdownMenuContentPositionerProps = Omit<MenuPositionerProps, keyof MenuPopupProps>;\n\ntype DropdownMenuSubContentProps = MenuPopupProps &\n  DropdownMenuContentPositionerProps & {\n    /** Fixed content above the scrolling options, such as a search field. */\n    header?: React.ReactNode;\n  };\n\nconst DropdownMenuSubContent = React.forwardRef<HTMLDivElement, DropdownMenuSubContentProps>(\n  (\n    {\n      className,\n      align = 'start',\n      alignOffset = -4,\n      side = 'right',\n      sideOffset = MENU_SIDE_OFFSET,\n      anchor,\n      positionMethod = FLOATING_POSITION_METHOD,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n      header,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    // Default to the nearest SideDialog/Drawer popup so the submenu stays\n    // interactive inside a modal drawer.\n    const resolvedContainer = usePortalContainer();\n    const positionerProps: DropdownMenuContentPositionerProps = {\n      align,\n      alignOffset,\n      side,\n      sideOffset,\n      anchor,\n      positionMethod,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n    };\n\n    return (\n      <MenuPrimitive.Portal container={resolvedContainer}>\n        <MenuPrimitive.Positioner className={menuPositionerClass} {...positionerProps}>\n          <MenuPrimitive.Popup\n            ref={ref}\n            data-slot=\"dropdown-menu-sub-content\"\n            className={cn(menuPopupClass, menuScrollPopupClass, className)}\n            {...props}\n          >\n            {header && <div className=\"shrink-0\">{header}</div>}\n            <MenuScrollArea>{children}</MenuScrollArea>\n          </MenuPrimitive.Popup>\n        </MenuPrimitive.Positioner>\n      </MenuPrimitive.Portal>\n    );\n  },\n);\nDropdownMenuSubContent.displayName = 'DropdownMenuSubContent';\n\ntype DropdownMenuContentProps = MenuPopupProps &\n  DropdownMenuContentPositionerProps & {\n    container?: HTMLElement;\n    size?: 'default' | 'sm';\n  };\n\nconst DropdownMenuContent = React.forwardRef<HTMLDivElement, DropdownMenuContentProps>(\n  (\n    {\n      className,\n      container,\n      size = 'default',\n      align = 'start',\n      alignOffset = 0,\n      side = 'bottom',\n      sideOffset = MENU_SIDE_OFFSET,\n      anchor,\n      positionMethod = FLOATING_POSITION_METHOD,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    // Default to the nearest SideDialog/Drawer popup so the menu stays\n    // interactive inside a modal drawer; an explicit `container` still wins.\n    const resolvedContainer = usePortalContainer(container);\n    const positionerProps: DropdownMenuContentPositionerProps = {\n      align,\n      alignOffset,\n      side,\n      sideOffset,\n      anchor,\n      positionMethod,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n    };\n\n    return (\n      <MenuPrimitive.Portal container={resolvedContainer}>\n        <MenuPrimitive.Positioner className={menuPositionerClass} {...positionerProps}>\n          <MenuPrimitive.Popup\n            ref={ref}\n            data-slot=\"dropdown-menu-content\"\n            className={cn(\n              menuPopupClass,\n              menuScrollPopupClass,\n              size === 'sm' && 'rounded-md scrollbar-inset-md',\n              className,\n            )}\n            {...props}\n          >\n            <MenuScrollArea size={size}>{children}</MenuScrollArea>\n          </MenuPrimitive.Popup>\n        </MenuPrimitive.Positioner>\n      </MenuPrimitive.Portal>\n    );\n  },\n);\nDropdownMenuContent.displayName = 'DropdownMenuContent';\n\ntype DropdownMenuItemProps = MenuPrimitive.Item.Props & {\n  inset?: boolean;\n  variant?: 'default' | 'destructive';\n  size?: 'default' | 'sm';\n  /** Alias for `onClick`, kept for compatibility with the previous Radix API. */\n  onSelect?: MenuPrimitive.Item.Props['onClick'];\n};\n\nconst DropdownMenuItem = React.forwardRef<HTMLDivElement, DropdownMenuItemProps>(\n  ({ className, inset, variant = 'default', size = 'default', onSelect, onClick, ...props }, ref) => (\n    <MenuPrimitive.Item\n      ref={ref}\n      data-inset={inset ? '' : undefined}\n      data-variant={variant}\n      onClick={event => {\n        onClick?.(event);\n        onSelect?.(event);\n      }}\n      className={cn(\n        variant === 'destructive' ? menuItemDestructiveClass : menuItemClass,\n        size === 'sm' && 'h-control-sm gap-2 rounded-sm py-1 text-caption leading-none',\n        inset && menuItemInsetClass,\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nDropdownMenuItem.displayName = 'DropdownMenuItem';\n\n/** A menu row that navigates. Pass `render` to route it through your framework's link. */\nconst DropdownMenuLinkItem = React.forwardRef<HTMLAnchorElement, MenuPrimitive.LinkItem.Props>(\n  ({ className, ...props }, ref) => (\n    <MenuPrimitive.LinkItem ref={ref} className={cn(menuItemClass, className)} {...props} />\n  ),\n);\nDropdownMenuLinkItem.displayName = 'DropdownMenuLinkItem';\n\nconst DropdownMenuCheckboxItem = React.forwardRef<HTMLDivElement, MenuPrimitive.CheckboxItem.Props>(\n  ({ className, children, checked, ...props }, ref) => (\n    <MenuPrimitive.CheckboxItem ref={ref} className={cn(menuItemClass, className)} checked={checked} {...props}>\n      {children}\n      <MenuPrimitive.CheckboxItemIndicator className={menuItemCheckClass}>\n        <CheckIcon />\n      </MenuPrimitive.CheckboxItemIndicator>\n    </MenuPrimitive.CheckboxItem>\n  ),\n);\nDropdownMenuCheckboxItem.displayName = 'DropdownMenuCheckboxItem';\n\nconst DropdownMenuRadioItem = React.forwardRef<HTMLDivElement, MenuPrimitive.RadioItem.Props>(\n  ({ className, children, ...props }, ref) => (\n    <MenuPrimitive.RadioItem ref={ref} className={cn(menuItemClass, className)} {...props}>\n      {children}\n      <MenuPrimitive.RadioItemIndicator className={menuItemCheckClass}>\n        <CheckIcon />\n      </MenuPrimitive.RadioItemIndicator>\n    </MenuPrimitive.RadioItem>\n  ),\n);\nDropdownMenuRadioItem.displayName = 'DropdownMenuRadioItem';\n\ntype DropdownMenuLabelProps = React.HTMLAttributes<HTMLDivElement> & {\n  inset?: boolean;\n};\n\nconst DropdownMenuLabel = React.forwardRef<HTMLDivElement, DropdownMenuLabelProps>(\n  ({ className, inset, ...props }, ref) => (\n    <div ref={ref} className={cn(menuLabelClass, inset && menuLabelInsetClass, className)} {...props} />\n  ),\n);\nDropdownMenuLabel.displayName = 'DropdownMenuLabel';\n\nconst DropdownMenuSeparator = React.forwardRef<HTMLDivElement, MenuPrimitive.Separator.Props>(\n  ({ className, ...props }, ref) => (\n    <MenuPrimitive.Separator ref={ref} className={cn(menuSeparatorClass, className)} {...props} />\n  ),\n);\nDropdownMenuSeparator.displayName = 'DropdownMenuSeparator';\n\nconst DropdownMenuShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => {\n  return <span className={cn(menuShortcutClass, className)} {...props} />;\n};\nDropdownMenuShortcut.displayName = 'DropdownMenuShortcut';\n\nexport type DropdownMenuRadioOption<V extends string> = { value: V; label: string; icon?: React.ReactNode };\n\ntype DropdownMenuRadioOptionsProps<V extends string> = {\n  options: readonly DropdownMenuRadioOption<V>[];\n  value: V;\n  onValueChange: (value: V) => void;\n  /** Closes the menu once an option is picked, for a menu that holds only this choice. Default `false`. */\n  closeOnSelect?: boolean;\n};\n\nfunction DropdownMenuRadioOptions<V extends string>({\n  options,\n  value,\n  onValueChange,\n  closeOnSelect = false,\n}: DropdownMenuRadioOptionsProps<V>) {\n  return (\n    <DropdownMenuRadioGroup\n      value={value}\n      onValueChange={(next: unknown) => {\n        const picked = options.find(option => option.value === next);\n        if (picked) onValueChange(picked.value);\n      }}\n    >\n      {options.map(option => (\n        <DropdownMenuRadioItem key={option.value} value={option.value} closeOnClick={closeOnSelect}>\n          {option.icon}\n          <span>{option.label}</span>\n        </DropdownMenuRadioItem>\n      ))}\n    </DropdownMenuRadioGroup>\n  );\n}\n\nexport type DropdownMenuRadioSubProps<V extends string> = DropdownMenuRadioOptionsProps<V> & {\n  label: string;\n  icon?: React.ReactNode;\n};\n\nfunction DropdownMenuRadioSub<V extends string>({\n  label,\n  icon,\n  options,\n  value,\n  onValueChange,\n  closeOnSelect,\n}: DropdownMenuRadioSubProps<V>) {\n  const selected = options.find(option => option.value === value);\n  return (\n    <DropdownMenuSub>\n      <DropdownMenuSubTrigger hint={selected?.label}>\n        {icon}\n        <span>{label}</span>\n      </DropdownMenuSubTrigger>\n      <DropdownMenuSubContent>\n        <DropdownMenuRadioOptions\n          options={options}\n          value={value}\n          onValueChange={onValueChange}\n          closeOnSelect={closeOnSelect}\n        />\n      </DropdownMenuSubContent>\n    </DropdownMenuSub>\n  );\n}\n\nfunction DropdownMenu({\n  open,\n  defaultOpen,\n  onOpenChange,\n  children,\n  modal,\n}: {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: MenuPrimitive.Root.Props['onOpenChange'];\n  children: React.ReactNode;\n  modal?: boolean;\n}) {\n  return (\n    <DropdownMenuRoot modal={modal} open={open} defaultOpen={defaultOpen} onOpenChange={onOpenChange}>\n      {children}\n    </DropdownMenuRoot>\n  );\n}\n\nDropdownMenu.Trigger = DropdownMenuTrigger;\nDropdownMenu.Content = DropdownMenuContent;\nDropdownMenu.Group = DropdownMenuGroup;\nDropdownMenu.Portal = DropdownMenuPortal;\nDropdownMenu.Item = DropdownMenuItem;\nDropdownMenu.LinkItem = DropdownMenuLinkItem;\nDropdownMenu.CheckboxItem = DropdownMenuCheckboxItem;\nDropdownMenu.RadioItem = DropdownMenuRadioItem;\nDropdownMenu.Label = DropdownMenuLabel;\nDropdownMenu.Separator = DropdownMenuSeparator;\nDropdownMenu.Shortcut = DropdownMenuShortcut;\nDropdownMenu.Sub = DropdownMenuSub;\nDropdownMenu.SubContent = DropdownMenuSubContent;\nDropdownMenu.SubTrigger = DropdownMenuSubTrigger;\nDropdownMenu.RadioGroup = DropdownMenuRadioGroup;\nDropdownMenu.RadioOptions = DropdownMenuRadioOptions;\nDropdownMenu.RadioSub = DropdownMenuRadioSub;\n\nexport { DropdownMenu };\n"],"mappings":"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"}

package/dist/{dropdown-menu-DKoWI8kD.js → dropdown-menu-jsf9D-J_.js}

@@ -138,6 +138,13 @@ var DropdownMenuItem = React$1.forwardRef(({ className, inset, variant = "defaul
 	...props
 }));
 DropdownMenuItem.displayName = "DropdownMenuItem";
+/** A menu row that navigates. Pass `render` to route it through your framework's link. */
+var DropdownMenuLinkItem = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Menu.LinkItem, {
+	ref,
+	className: cn(menuItemClass, className),
+	...props
+}));
+DropdownMenuLinkItem.displayName = "DropdownMenuLinkItem";
 var DropdownMenuCheckboxItem = React$1.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(Menu.CheckboxItem, {
 	ref,
 	className: cn(menuItemClass, className),
@@ -218,6 +225,7 @@ DropdownMenu.Content = DropdownMenuContent;
 DropdownMenu.Group = DropdownMenuGroup;
 DropdownMenu.Portal = DropdownMenuPortal;
 DropdownMenu.Item = DropdownMenuItem;
+DropdownMenu.LinkItem = DropdownMenuLinkItem;
 DropdownMenu.CheckboxItem = DropdownMenuCheckboxItem;
 DropdownMenu.RadioItem = DropdownMenuRadioItem;
 DropdownMenu.Label = DropdownMenuLabel;
@@ -231,4 +239,4 @@ DropdownMenu.RadioOptions = DropdownMenuRadioOptions;
 DropdownMenu.RadioSub = DropdownMenuRadioSub;
 export { DropdownMenu as t };
 
-//# sourceMappingURL=dropdown-menu-DKoWI8kD.js.map
+//# sourceMappingURL=dropdown-menu-jsf9D-J_.js.map

package/dist/dropdown-menu-jsf9D-J_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu-jsf9D-J_.js","names":["MenuPrimitive","React"],"sources":["../src/ds/components/DropdownMenu/dropdown-menu.tsx"],"sourcesContent":["import { Menu as MenuPrimitive } from '@base-ui/react/menu';\nimport type { MenuPopupProps, MenuPositionerProps } from '@base-ui/react/menu';\nimport { CheckIcon, ChevronDown } from 'lucide-react';\nimport * as React from 'react';\nimport { FLOATING_POSITION_METHOD } from '@/ds/primitives/floating';\nimport {\n  MENU_SIDE_OFFSET,\n  menuItemCheckClass,\n  menuItemClass,\n  menuItemDestructiveClass,\n  menuItemHintClass,\n  menuItemInsetClass,\n  menuItemTrailingIconClass,\n  menuLabelClass,\n  menuLabelInsetClass,\n  menuPopupClass,\n  menuPositionerClass,\n  menuSeparatorClass,\n  menuShortcutClass,\n} from '@/ds/primitives/menu-item';\nimport { menuScrollPopupClass, MenuScrollArea } from '@/ds/primitives/menu-scroll-area';\nimport { usePortalContainer } from '@/ds/primitives/portal-container';\nimport { resolveTriggerRender } from '@/ds/primitives/trigger-button';\nimport type { TriggerButtonProps } from '@/ds/primitives/trigger-button';\nimport { cn } from '@/lib/utils';\n\nconst DropdownMenuRoot = MenuPrimitive.Root;\n\nconst DropdownMenuGroup = MenuPrimitive.Group;\n\nconst DropdownMenuPortal = MenuPrimitive.Portal;\n\nconst DropdownMenuSub = MenuPrimitive.SubmenuRoot;\n\nconst DropdownMenuRadioGroup = MenuPrimitive.RadioGroup;\n\nexport type DropdownMenuTriggerProps = Omit<MenuPrimitive.Trigger.Props, 'className'> & TriggerButtonProps;\n\n/**\n * The button that opens the menu. Renders a design-system `<Button>` by\n * default, so it takes Button's `variant` / `size` / `tooltip`. Pass `render`\n * to project the behavior onto your own element (then the look is yours).\n */\nconst DropdownMenuTrigger = React.forwardRef<HTMLButtonElement, DropdownMenuTriggerProps>(\n  ({ className, asChild, render, children, variant, size, tooltip, ...props }, ref) => {\n    const resolved = resolveTriggerRender({ render, asChild, children, variant, size, tooltip, className });\n\n    return (\n      <MenuPrimitive.Trigger ref={ref} className={resolved.className} render={resolved.render} {...props}>\n        {resolved.children}\n      </MenuPrimitive.Trigger>\n    );\n  },\n);\nDropdownMenuTrigger.displayName = 'DropdownMenuTrigger';\n\ntype DropdownMenuSubTriggerProps = MenuPrimitive.SubmenuTrigger.Props & {\n  inset?: boolean;\n  hint?: React.ReactNode;\n};\n\nconst DropdownMenuSubTrigger = React.forwardRef<HTMLDivElement, DropdownMenuSubTriggerProps>(\n  ({ className, inset, hint, children, ...props }, ref) => (\n    <MenuPrimitive.SubmenuTrigger\n      ref={ref}\n      className={cn(menuItemClass, inset && menuItemInsetClass, className)}\n      {...props}\n    >\n      {children}\n      {hint != null && (\n        <span data-slot=\"dropdown-menu-sub-trigger-hint\" className={menuItemHintClass}>\n          {hint}\n        </span>\n      )}\n      <span className={cn(menuItemTrailingIconClass, hint != null && 'ml-0')}>\n        <ChevronDown className=\"-rotate-90\" />\n      </span>\n    </MenuPrimitive.SubmenuTrigger>\n  ),\n);\nDropdownMenuSubTrigger.displayName = 'DropdownMenuSubTrigger';\n\ntype DropdownMenuContentPositionerProps = Omit<MenuPositionerProps, keyof MenuPopupProps>;\n\ntype DropdownMenuSubContentProps = MenuPopupProps &\n  DropdownMenuContentPositionerProps & {\n    /** Fixed content above the scrolling options, such as a search field. */\n    header?: React.ReactNode;\n  };\n\nconst DropdownMenuSubContent = React.forwardRef<HTMLDivElement, DropdownMenuSubContentProps>(\n  (\n    {\n      className,\n      align = 'start',\n      alignOffset = -4,\n      side = 'right',\n      sideOffset = MENU_SIDE_OFFSET,\n      anchor,\n      positionMethod = FLOATING_POSITION_METHOD,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n      header,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    // Default to the nearest SideDialog/Drawer popup so the submenu stays\n    // interactive inside a modal drawer.\n    const resolvedContainer = usePortalContainer();\n    const positionerProps: DropdownMenuContentPositionerProps = {\n      align,\n      alignOffset,\n      side,\n      sideOffset,\n      anchor,\n      positionMethod,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n    };\n\n    return (\n      <MenuPrimitive.Portal container={resolvedContainer}>\n        <MenuPrimitive.Positioner className={menuPositionerClass} {...positionerProps}>\n          <MenuPrimitive.Popup\n            ref={ref}\n            data-slot=\"dropdown-menu-sub-content\"\n            className={cn(menuPopupClass, menuScrollPopupClass, className)}\n            {...props}\n          >\n            {header && <div className=\"shrink-0\">{header}</div>}\n            <MenuScrollArea>{children}</MenuScrollArea>\n          </MenuPrimitive.Popup>\n        </MenuPrimitive.Positioner>\n      </MenuPrimitive.Portal>\n    );\n  },\n);\nDropdownMenuSubContent.displayName = 'DropdownMenuSubContent';\n\ntype DropdownMenuContentProps = MenuPopupProps &\n  DropdownMenuContentPositionerProps & {\n    container?: HTMLElement;\n    size?: 'default' | 'sm';\n  };\n\nconst DropdownMenuContent = React.forwardRef<HTMLDivElement, DropdownMenuContentProps>(\n  (\n    {\n      className,\n      container,\n      size = 'default',\n      align = 'start',\n      alignOffset = 0,\n      side = 'bottom',\n      sideOffset = MENU_SIDE_OFFSET,\n      anchor,\n      positionMethod = FLOATING_POSITION_METHOD,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    // Default to the nearest SideDialog/Drawer popup so the menu stays\n    // interactive inside a modal drawer; an explicit `container` still wins.\n    const resolvedContainer = usePortalContainer(container);\n    const positionerProps: DropdownMenuContentPositionerProps = {\n      align,\n      alignOffset,\n      side,\n      sideOffset,\n      anchor,\n      positionMethod,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n    };\n\n    return (\n      <MenuPrimitive.Portal container={resolvedContainer}>\n        <MenuPrimitive.Positioner className={menuPositionerClass} {...positionerProps}>\n          <MenuPrimitive.Popup\n            ref={ref}\n            data-slot=\"dropdown-menu-content\"\n            className={cn(\n              menuPopupClass,\n              menuScrollPopupClass,\n              size === 'sm' && 'rounded-md scrollbar-inset-md',\n              className,\n            )}\n            {...props}\n          >\n            <MenuScrollArea size={size}>{children}</MenuScrollArea>\n          </MenuPrimitive.Popup>\n        </MenuPrimitive.Positioner>\n      </MenuPrimitive.Portal>\n    );\n  },\n);\nDropdownMenuContent.displayName = 'DropdownMenuContent';\n\ntype DropdownMenuItemProps = MenuPrimitive.Item.Props & {\n  inset?: boolean;\n  variant?: 'default' | 'destructive';\n  size?: 'default' | 'sm';\n  /** Alias for `onClick`, kept for compatibility with the previous Radix API. */\n  onSelect?: MenuPrimitive.Item.Props['onClick'];\n};\n\nconst DropdownMenuItem = React.forwardRef<HTMLDivElement, DropdownMenuItemProps>(\n  ({ className, inset, variant = 'default', size = 'default', onSelect, onClick, ...props }, ref) => (\n    <MenuPrimitive.Item\n      ref={ref}\n      data-inset={inset ? '' : undefined}\n      data-variant={variant}\n      onClick={event => {\n        onClick?.(event);\n        onSelect?.(event);\n      }}\n      className={cn(\n        variant === 'destructive' ? menuItemDestructiveClass : menuItemClass,\n        size === 'sm' && 'h-control-sm gap-2 rounded-sm py-1 text-caption leading-none',\n        inset && menuItemInsetClass,\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nDropdownMenuItem.displayName = 'DropdownMenuItem';\n\n/** A menu row that navigates. Pass `render` to route it through your framework's link. */\nconst DropdownMenuLinkItem = React.forwardRef<HTMLAnchorElement, MenuPrimitive.LinkItem.Props>(\n  ({ className, ...props }, ref) => (\n    <MenuPrimitive.LinkItem ref={ref} className={cn(menuItemClass, className)} {...props} />\n  ),\n);\nDropdownMenuLinkItem.displayName = 'DropdownMenuLinkItem';\n\nconst DropdownMenuCheckboxItem = React.forwardRef<HTMLDivElement, MenuPrimitive.CheckboxItem.Props>(\n  ({ className, children, checked, ...props }, ref) => (\n    <MenuPrimitive.CheckboxItem ref={ref} className={cn(menuItemClass, className)} checked={checked} {...props}>\n      {children}\n      <MenuPrimitive.CheckboxItemIndicator className={menuItemCheckClass}>\n        <CheckIcon />\n      </MenuPrimitive.CheckboxItemIndicator>\n    </MenuPrimitive.CheckboxItem>\n  ),\n);\nDropdownMenuCheckboxItem.displayName = 'DropdownMenuCheckboxItem';\n\nconst DropdownMenuRadioItem = React.forwardRef<HTMLDivElement, MenuPrimitive.RadioItem.Props>(\n  ({ className, children, ...props }, ref) => (\n    <MenuPrimitive.RadioItem ref={ref} className={cn(menuItemClass, className)} {...props}>\n      {children}\n      <MenuPrimitive.RadioItemIndicator className={menuItemCheckClass}>\n        <CheckIcon />\n      </MenuPrimitive.RadioItemIndicator>\n    </MenuPrimitive.RadioItem>\n  ),\n);\nDropdownMenuRadioItem.displayName = 'DropdownMenuRadioItem';\n\ntype DropdownMenuLabelProps = React.HTMLAttributes<HTMLDivElement> & {\n  inset?: boolean;\n};\n\nconst DropdownMenuLabel = React.forwardRef<HTMLDivElement, DropdownMenuLabelProps>(\n  ({ className, inset, ...props }, ref) => (\n    <div ref={ref} className={cn(menuLabelClass, inset && menuLabelInsetClass, className)} {...props} />\n  ),\n);\nDropdownMenuLabel.displayName = 'DropdownMenuLabel';\n\nconst DropdownMenuSeparator = React.forwardRef<HTMLDivElement, MenuPrimitive.Separator.Props>(\n  ({ className, ...props }, ref) => (\n    <MenuPrimitive.Separator ref={ref} className={cn(menuSeparatorClass, className)} {...props} />\n  ),\n);\nDropdownMenuSeparator.displayName = 'DropdownMenuSeparator';\n\nconst DropdownMenuShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => {\n  return <span className={cn(menuShortcutClass, className)} {...props} />;\n};\nDropdownMenuShortcut.displayName = 'DropdownMenuShortcut';\n\nexport type DropdownMenuRadioOption<V extends string> = { value: V; label: string; icon?: React.ReactNode };\n\ntype DropdownMenuRadioOptionsProps<V extends string> = {\n  options: readonly DropdownMenuRadioOption<V>[];\n  value: V;\n  onValueChange: (value: V) => void;\n  /** Closes the menu once an option is picked, for a menu that holds only this choice. Default `false`. */\n  closeOnSelect?: boolean;\n};\n\nfunction DropdownMenuRadioOptions<V extends string>({\n  options,\n  value,\n  onValueChange,\n  closeOnSelect = false,\n}: DropdownMenuRadioOptionsProps<V>) {\n  return (\n    <DropdownMenuRadioGroup\n      value={value}\n      onValueChange={(next: unknown) => {\n        const picked = options.find(option => option.value === next);\n        if (picked) onValueChange(picked.value);\n      }}\n    >\n      {options.map(option => (\n        <DropdownMenuRadioItem key={option.value} value={option.value} closeOnClick={closeOnSelect}>\n          {option.icon}\n          <span>{option.label}</span>\n        </DropdownMenuRadioItem>\n      ))}\n    </DropdownMenuRadioGroup>\n  );\n}\n\nexport type DropdownMenuRadioSubProps<V extends string> = DropdownMenuRadioOptionsProps<V> & {\n  label: string;\n  icon?: React.ReactNode;\n};\n\nfunction DropdownMenuRadioSub<V extends string>({\n  label,\n  icon,\n  options,\n  value,\n  onValueChange,\n  closeOnSelect,\n}: DropdownMenuRadioSubProps<V>) {\n  const selected = options.find(option => option.value === value);\n  return (\n    <DropdownMenuSub>\n      <DropdownMenuSubTrigger hint={selected?.label}>\n        {icon}\n        <span>{label}</span>\n      </DropdownMenuSubTrigger>\n      <DropdownMenuSubContent>\n        <DropdownMenuRadioOptions\n          options={options}\n          value={value}\n          onValueChange={onValueChange}\n          closeOnSelect={closeOnSelect}\n        />\n      </DropdownMenuSubContent>\n    </DropdownMenuSub>\n  );\n}\n\nfunction DropdownMenu({\n  open,\n  defaultOpen,\n  onOpenChange,\n  children,\n  modal,\n}: {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: MenuPrimitive.Root.Props['onOpenChange'];\n  children: React.ReactNode;\n  modal?: boolean;\n}) {\n  return (\n    <DropdownMenuRoot modal={modal} open={open} defaultOpen={defaultOpen} onOpenChange={onOpenChange}>\n      {children}\n    </DropdownMenuRoot>\n  );\n}\n\nDropdownMenu.Trigger = DropdownMenuTrigger;\nDropdownMenu.Content = DropdownMenuContent;\nDropdownMenu.Group = DropdownMenuGroup;\nDropdownMenu.Portal = DropdownMenuPortal;\nDropdownMenu.Item = DropdownMenuItem;\nDropdownMenu.LinkItem = DropdownMenuLinkItem;\nDropdownMenu.CheckboxItem = DropdownMenuCheckboxItem;\nDropdownMenu.RadioItem = DropdownMenuRadioItem;\nDropdownMenu.Label = DropdownMenuLabel;\nDropdownMenu.Separator = DropdownMenuSeparator;\nDropdownMenu.Shortcut = DropdownMenuShortcut;\nDropdownMenu.Sub = DropdownMenuSub;\nDropdownMenu.SubContent = DropdownMenuSubContent;\nDropdownMenu.SubTrigger = DropdownMenuSubTrigger;\nDropdownMenu.RadioGroup = DropdownMenuRadioGroup;\nDropdownMenu.RadioOptions = DropdownMenuRadioOptions;\nDropdownMenu.RadioSub = DropdownMenuRadioSub;\n\nexport { DropdownMenu };\n"],"mappings":"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"}

package/dist/ee/signals/sankey-signals.cjs.js

@@ -24,7 +24,7 @@ const require_ee_signals_trace_intelligence_context = require("./trace-intellige
 const require_ee_signals_trace_intelligence_explainer = require("./trace-intelligence-explainer.cjs.js");
 const require_ee_signals_use_trace_intelligence = require("./use-trace-intelligence.cjs.js");
 const require_ee_signals_view_mode_tab = require("./view-mode-tab.cjs.js");
-const require_tabs_tab = require("../../tabs-tab-CANh2eAD.cjs");
+const require_tabs_tab = require("../../tabs-tab-Dj2huH5T.cjs");
 const require_Txt = require("../../Txt-_00wWxTd.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/ee/signals/sankey-signals.es.js

@@ -23,7 +23,7 @@ import { TraceIntelligenceContext } from "./trace-intelligence-context.es.js";
 import { TraceIntelligenceExplainer } from "./trace-intelligence-explainer.es.js";
 import { useTraceIntelligence } from "./use-trace-intelligence.es.js";
 import { ViewModeTab } from "./view-mode-tab.es.js";
-import { n as Tabs, r as TabList } from "../../tabs-tab-BHs639jL.js";
+import { n as Tabs, r as TabList } from "../../tabs-tab-CJVS0WED.js";
 import { t as Txt } from "../../Txt-5efBsb2p.js";
 import { useMemo, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";

package/dist/ee/signals/view-mode-tab.cjs.js

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_tabs_tab = require("../../tabs-tab-CANh2eAD.cjs");
+const require_tabs_tab = require("../../tabs-tab-Dj2huH5T.cjs");
 const require_Txt = require("../../Txt-_00wWxTd.cjs");
 const require_icons_Icon = require("../../icons/Icon.cjs.js");
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/ee/signals/view-mode-tab.es.js

@@ -1,4 +1,4 @@
-import { t as Tab } from "../../tabs-tab-BHs639jL.js";
+import { t as Tab } from "../../tabs-tab-CJVS0WED.js";
 import { t as Txt } from "../../Txt-5efBsb2p.js";
 import { Icon } from "../../icons/Icon.es.js";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/{filter-bar-time-range-DlVNjw43.cjs → filter-bar-time-range-CEgdThCy.cjs}

@@ -1,5 +1,5 @@
 const require_filter_bar_chip = require("./filter-bar-chip-DFsbUZ-V.cjs");
-const require_date_time_range_picker = require("./date-time-range-picker-Bq-8IPtS.cjs");
+const require_date_time_range_picker = require("./date-time-range-picker-2a-wUBTk.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
@@ -80,4 +80,4 @@ Object.defineProperty(exports, "FilterBarTimeRange", {
 	}
 });
 
-//# sourceMappingURL=filter-bar-time-range-DlVNjw43.cjs.map
+//# sourceMappingURL=filter-bar-time-range-CEgdThCy.cjs.map

package/dist/{filter-bar-time-range-DlVNjw43.cjs.map → filter-bar-time-range-CEgdThCy.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"filter-bar-time-range-DlVNjw43.cjs","names":["CalendarIcon","useFilterBarContext","useRef","useFilterBarItemKeys","DateTimeRangePicker"],"sources":["../src/ds/components/FilterBar/filter-bar-time-range.tsx"],"sourcesContent":["/* eslint-disable react-refresh/only-export-components */\nimport { CalendarIcon } from 'lucide-react';\nimport { useRef } from 'react';\nimport { FILTER_BAR_CONTROL_SIZE } from './filter-bar-chip';\nimport { useFilterBarContext } from './filter-bar-context';\nimport type { FilterBarField, FilterBarItem } from './types';\nimport { useFilterBarItemKeys } from './use-filter-bar-item-keys';\nimport { DateTimeRangePicker } from '@/ds/components/DateTimeRangePicker/date-time-range-picker';\nimport type { DateTimeRangePickerProps } from '@/ds/components/DateTimeRangePicker/date-time-range-picker';\n\nexport const FILTER_BAR_TIME_RANGE_FIELD_ID = 'timeRange';\n\n/**\n * Synthetic field backing the time range control. Hidden from the input's field step (the\n * range cannot be added twice) but registered so the bar resolves its label and takes it into\n * keyboard navigation. Add it to the bar's `fields` and `FILTER_BAR_TIME_RANGE_ITEM` to its\n * `items`, then render `FilterBar.TimeRange` for that item from `FilterBar.Chips`.\n */\nexport const FILTER_BAR_TIME_RANGE_FIELD: FilterBarField = {\n  id: FILTER_BAR_TIME_RANGE_FIELD_ID,\n  label: 'Time',\n  icon: CalendarIcon,\n  type: 'text',\n  operators: ['is'],\n  hidden: true,\n};\n\nexport const FILTER_BAR_TIME_RANGE_ITEM: FilterBarItem = {\n  id: FILTER_BAR_TIME_RANGE_FIELD_ID,\n  fieldId: FILTER_BAR_TIME_RANGE_FIELD_ID,\n  operatorId: 'is',\n  value: '',\n};\n\nexport type FilterBarTimeRangeProps = Omit<DateTimeRangePickerProps, 'size' | 'ref'>;\n\n/**\n * A filter bar's time range: the `DateTimeRangePicker` itself at the bar's rung, so it looks and\n * behaves exactly as it does anywhere else, reset × included. It scopes the bar rather than\n * filtering it, so it is not a removable chip; the wrapper only joins it to the bar's arrow-key\n * order.\n */\nexport function FilterBarTimeRange(props: FilterBarTimeRangeProps) {\n  const ctx = useFilterBarContext();\n  const rootRef = useRef<HTMLDivElement>(null);\n  const { onKeyDown } = useFilterBarItemKeys({\n    item: FILTER_BAR_TIME_RANGE_ITEM,\n    rootRef,\n    pinned: true,\n    removable: false,\n    segmentSelector: 'button',\n  });\n\n  return (\n    <div\n      ref={rootRef}\n      role=\"group\"\n      aria-label=\"Time range\"\n      data-slot=\"filter-bar-time-range\"\n      className=\"flex\"\n      onKeyDown={onKeyDown}\n    >\n      <DateTimeRangePicker\n        {...props}\n        size={FILTER_BAR_CONTROL_SIZE}\n        ref={el => ctx.registerSegment(FILTER_BAR_TIME_RANGE_ITEM.id, 'value', el)}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAUA,IAAa,iCAAiC;;;;;;;AAQ9C,IAAa,8BAA8C;CACzD,IAAI;CACJ,OAAO;CACP,MAAMA,aAAAA;CACN,MAAM;CACN,WAAW,CAAC,IAAI;CAChB,QAAQ;AACV;AAEA,IAAa,6BAA4C;CACvD,IAAI;CACJ,SAAS;CACT,YAAY;CACZ,OAAO;AACT;;;;;;;AAUA,SAAgB,mBAAmB,OAAgC;CACjE,MAAM,MAAMC,wBAAAA,oBAAoB;CAChC,MAAM,WAAA,GAAUC,MAAAA,OAAAA,CAAuB,IAAI;CAC3C,MAAM,EAAE,cAAcC,wBAAAA,qBAAqB;EACzC,MAAM;EACN;EACA,QAAQ;EACR,WAAW;EACX,iBAAiB;CACnB,CAAC;CAED,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,KAAK;EACL,MAAK;EACL,cAAW;EACX,aAAU;EACV,WAAU;EACC;EAEX,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,+BAAAA,qBAAD;GACE,GAAI;GACJ,MAAA;GACA,MAAK,OAAM,IAAI,gBAAgB,2BAA2B,IAAI,SAAS,EAAE;EAC1E,CAAA;CACE,CAAA;AAET"}
+{"version":3,"file":"filter-bar-time-range-CEgdThCy.cjs","names":["CalendarIcon","useFilterBarContext","useRef","useFilterBarItemKeys","DateTimeRangePicker"],"sources":["../src/ds/components/FilterBar/filter-bar-time-range.tsx"],"sourcesContent":["/* eslint-disable react-refresh/only-export-components */\nimport { CalendarIcon } from 'lucide-react';\nimport { useRef } from 'react';\nimport { FILTER_BAR_CONTROL_SIZE } from './filter-bar-chip';\nimport { useFilterBarContext } from './filter-bar-context';\nimport type { FilterBarField, FilterBarItem } from './types';\nimport { useFilterBarItemKeys } from './use-filter-bar-item-keys';\nimport { DateTimeRangePicker } from '@/ds/components/DateTimeRangePicker/date-time-range-picker';\nimport type { DateTimeRangePickerProps } from '@/ds/components/DateTimeRangePicker/date-time-range-picker';\n\nexport const FILTER_BAR_TIME_RANGE_FIELD_ID = 'timeRange';\n\n/**\n * Synthetic field backing the time range control. Hidden from the input's field step (the\n * range cannot be added twice) but registered so the bar resolves its label and takes it into\n * keyboard navigation. Add it to the bar's `fields` and `FILTER_BAR_TIME_RANGE_ITEM` to its\n * `items`, then render `FilterBar.TimeRange` for that item from `FilterBar.Chips`.\n */\nexport const FILTER_BAR_TIME_RANGE_FIELD: FilterBarField = {\n  id: FILTER_BAR_TIME_RANGE_FIELD_ID,\n  label: 'Time',\n  icon: CalendarIcon,\n  type: 'text',\n  operators: ['is'],\n  hidden: true,\n};\n\nexport const FILTER_BAR_TIME_RANGE_ITEM: FilterBarItem = {\n  id: FILTER_BAR_TIME_RANGE_FIELD_ID,\n  fieldId: FILTER_BAR_TIME_RANGE_FIELD_ID,\n  operatorId: 'is',\n  value: '',\n};\n\nexport type FilterBarTimeRangeProps = Omit<DateTimeRangePickerProps, 'size' | 'ref'>;\n\n/**\n * A filter bar's time range: the `DateTimeRangePicker` itself at the bar's rung, so it looks and\n * behaves exactly as it does anywhere else, reset × included. It scopes the bar rather than\n * filtering it, so it is not a removable chip; the wrapper only joins it to the bar's arrow-key\n * order.\n */\nexport function FilterBarTimeRange(props: FilterBarTimeRangeProps) {\n  const ctx = useFilterBarContext();\n  const rootRef = useRef<HTMLDivElement>(null);\n  const { onKeyDown } = useFilterBarItemKeys({\n    item: FILTER_BAR_TIME_RANGE_ITEM,\n    rootRef,\n    pinned: true,\n    removable: false,\n    segmentSelector: 'button',\n  });\n\n  return (\n    <div\n      ref={rootRef}\n      role=\"group\"\n      aria-label=\"Time range\"\n      data-slot=\"filter-bar-time-range\"\n      className=\"flex\"\n      onKeyDown={onKeyDown}\n    >\n      <DateTimeRangePicker\n        {...props}\n        size={FILTER_BAR_CONTROL_SIZE}\n        ref={el => ctx.registerSegment(FILTER_BAR_TIME_RANGE_ITEM.id, 'value', el)}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAUA,IAAa,iCAAiC;;;;;;;AAQ9C,IAAa,8BAA8C;CACzD,IAAI;CACJ,OAAO;CACP,MAAMA,aAAAA;CACN,MAAM;CACN,WAAW,CAAC,IAAI;CAChB,QAAQ;AACV;AAEA,IAAa,6BAA4C;CACvD,IAAI;CACJ,SAAS;CACT,YAAY;CACZ,OAAO;AACT;;;;;;;AAUA,SAAgB,mBAAmB,OAAgC;CACjE,MAAM,MAAMC,wBAAAA,oBAAoB;CAChC,MAAM,WAAA,GAAUC,MAAAA,OAAAA,CAAuB,IAAI;CAC3C,MAAM,EAAE,cAAcC,wBAAAA,qBAAqB;EACzC,MAAM;EACN;EACA,QAAQ;EACR,WAAW;EACX,iBAAiB;CACnB,CAAC;CAED,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,KAAK;EACL,MAAK;EACL,cAAW;EACX,aAAU;EACV,WAAU;EACC;EAEX,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,+BAAAA,qBAAD;GACE,GAAI;GACJ,MAAA;GACA,MAAK,OAAM,IAAI,gBAAgB,2BAA2B,IAAI,SAAS,EAAE;EAC1E,CAAA;CACE,CAAA;AAET"}

package/dist/{filter-bar-time-range-D9SnzR2J.js → filter-bar-time-range-CHSMbpPd.js}

@@ -1,5 +1,5 @@
 import { p as useFilterBarItemKeys, y as useFilterBarContext } from "./filter-bar-chip-NBtfDca9.js";
-import { t as DateTimeRangePicker } from "./date-time-range-picker-DdNgKD87.js";
+import { t as DateTimeRangePicker } from "./date-time-range-picker-BUjjjvo8.js";
 import { useRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { CalendarIcon } from "lucide-react";
@@ -57,4 +57,4 @@ function FilterBarTimeRange(props) {
 }
 export { FilterBarTimeRange as i, FILTER_BAR_TIME_RANGE_FIELD_ID as n, FILTER_BAR_TIME_RANGE_ITEM as r, FILTER_BAR_TIME_RANGE_FIELD as t };
 
-//# sourceMappingURL=filter-bar-time-range-D9SnzR2J.js.map
+//# sourceMappingURL=filter-bar-time-range-CHSMbpPd.js.map

package/dist/{filter-bar-time-range-D9SnzR2J.js.map → filter-bar-time-range-CHSMbpPd.js.map}

@@ -1 +1 @@
-{"version":3,"file":"filter-bar-time-range-D9SnzR2J.js","names":[],"sources":["../src/ds/components/FilterBar/filter-bar-time-range.tsx"],"sourcesContent":["/* eslint-disable react-refresh/only-export-components */\nimport { CalendarIcon } from 'lucide-react';\nimport { useRef } from 'react';\nimport { FILTER_BAR_CONTROL_SIZE } from './filter-bar-chip';\nimport { useFilterBarContext } from './filter-bar-context';\nimport type { FilterBarField, FilterBarItem } from './types';\nimport { useFilterBarItemKeys } from './use-filter-bar-item-keys';\nimport { DateTimeRangePicker } from '@/ds/components/DateTimeRangePicker/date-time-range-picker';\nimport type { DateTimeRangePickerProps } from '@/ds/components/DateTimeRangePicker/date-time-range-picker';\n\nexport const FILTER_BAR_TIME_RANGE_FIELD_ID = 'timeRange';\n\n/**\n * Synthetic field backing the time range control. Hidden from the input's field step (the\n * range cannot be added twice) but registered so the bar resolves its label and takes it into\n * keyboard navigation. Add it to the bar's `fields` and `FILTER_BAR_TIME_RANGE_ITEM` to its\n * `items`, then render `FilterBar.TimeRange` for that item from `FilterBar.Chips`.\n */\nexport const FILTER_BAR_TIME_RANGE_FIELD: FilterBarField = {\n  id: FILTER_BAR_TIME_RANGE_FIELD_ID,\n  label: 'Time',\n  icon: CalendarIcon,\n  type: 'text',\n  operators: ['is'],\n  hidden: true,\n};\n\nexport const FILTER_BAR_TIME_RANGE_ITEM: FilterBarItem = {\n  id: FILTER_BAR_TIME_RANGE_FIELD_ID,\n  fieldId: FILTER_BAR_TIME_RANGE_FIELD_ID,\n  operatorId: 'is',\n  value: '',\n};\n\nexport type FilterBarTimeRangeProps = Omit<DateTimeRangePickerProps, 'size' | 'ref'>;\n\n/**\n * A filter bar's time range: the `DateTimeRangePicker` itself at the bar's rung, so it looks and\n * behaves exactly as it does anywhere else, reset × included. It scopes the bar rather than\n * filtering it, so it is not a removable chip; the wrapper only joins it to the bar's arrow-key\n * order.\n */\nexport function FilterBarTimeRange(props: FilterBarTimeRangeProps) {\n  const ctx = useFilterBarContext();\n  const rootRef = useRef<HTMLDivElement>(null);\n  const { onKeyDown } = useFilterBarItemKeys({\n    item: FILTER_BAR_TIME_RANGE_ITEM,\n    rootRef,\n    pinned: true,\n    removable: false,\n    segmentSelector: 'button',\n  });\n\n  return (\n    <div\n      ref={rootRef}\n      role=\"group\"\n      aria-label=\"Time range\"\n      data-slot=\"filter-bar-time-range\"\n      className=\"flex\"\n      onKeyDown={onKeyDown}\n    >\n      <DateTimeRangePicker\n        {...props}\n        size={FILTER_BAR_CONTROL_SIZE}\n        ref={el => ctx.registerSegment(FILTER_BAR_TIME_RANGE_ITEM.id, 'value', el)}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAUA,IAAa,iCAAiC;;;;;;;AAQ9C,IAAa,8BAA8C;CACzD,IAAI;CACJ,OAAO;CACP,MAAM;CACN,MAAM;CACN,WAAW,CAAC,IAAI;CAChB,QAAQ;AACV;AAEA,IAAa,6BAA4C;CACvD,IAAI;CACJ,SAAS;CACT,YAAY;CACZ,OAAO;AACT;;;;;;;AAUA,SAAgB,mBAAmB,OAAgC;CACjE,MAAM,MAAM,oBAAoB;CAChC,MAAM,UAAU,OAAuB,IAAI;CAC3C,MAAM,EAAE,cAAc,qBAAqB;EACzC,MAAM;EACN;EACA,QAAQ;EACR,WAAW;EACX,iBAAiB;CACnB,CAAC;CAED,OACE,oBAAC,OAAD;EACE,KAAK;EACL,MAAK;EACL,cAAW;EACX,aAAU;EACV,WAAU;EACC;EAEX,UAAA,oBAAC,qBAAD;GACE,GAAI;GACJ,MAAA;GACA,MAAK,OAAM,IAAI,gBAAgB,2BAA2B,IAAI,SAAS,EAAE;EAC1E,CAAA;CACE,CAAA;AAET"}
+{"version":3,"file":"filter-bar-time-range-CHSMbpPd.js","names":[],"sources":["../src/ds/components/FilterBar/filter-bar-time-range.tsx"],"sourcesContent":["/* eslint-disable react-refresh/only-export-components */\nimport { CalendarIcon } from 'lucide-react';\nimport { useRef } from 'react';\nimport { FILTER_BAR_CONTROL_SIZE } from './filter-bar-chip';\nimport { useFilterBarContext } from './filter-bar-context';\nimport type { FilterBarField, FilterBarItem } from './types';\nimport { useFilterBarItemKeys } from './use-filter-bar-item-keys';\nimport { DateTimeRangePicker } from '@/ds/components/DateTimeRangePicker/date-time-range-picker';\nimport type { DateTimeRangePickerProps } from '@/ds/components/DateTimeRangePicker/date-time-range-picker';\n\nexport const FILTER_BAR_TIME_RANGE_FIELD_ID = 'timeRange';\n\n/**\n * Synthetic field backing the time range control. Hidden from the input's field step (the\n * range cannot be added twice) but registered so the bar resolves its label and takes it into\n * keyboard navigation. Add it to the bar's `fields` and `FILTER_BAR_TIME_RANGE_ITEM` to its\n * `items`, then render `FilterBar.TimeRange` for that item from `FilterBar.Chips`.\n */\nexport const FILTER_BAR_TIME_RANGE_FIELD: FilterBarField = {\n  id: FILTER_BAR_TIME_RANGE_FIELD_ID,\n  label: 'Time',\n  icon: CalendarIcon,\n  type: 'text',\n  operators: ['is'],\n  hidden: true,\n};\n\nexport const FILTER_BAR_TIME_RANGE_ITEM: FilterBarItem = {\n  id: FILTER_BAR_TIME_RANGE_FIELD_ID,\n  fieldId: FILTER_BAR_TIME_RANGE_FIELD_ID,\n  operatorId: 'is',\n  value: '',\n};\n\nexport type FilterBarTimeRangeProps = Omit<DateTimeRangePickerProps, 'size' | 'ref'>;\n\n/**\n * A filter bar's time range: the `DateTimeRangePicker` itself at the bar's rung, so it looks and\n * behaves exactly as it does anywhere else, reset × included. It scopes the bar rather than\n * filtering it, so it is not a removable chip; the wrapper only joins it to the bar's arrow-key\n * order.\n */\nexport function FilterBarTimeRange(props: FilterBarTimeRangeProps) {\n  const ctx = useFilterBarContext();\n  const rootRef = useRef<HTMLDivElement>(null);\n  const { onKeyDown } = useFilterBarItemKeys({\n    item: FILTER_BAR_TIME_RANGE_ITEM,\n    rootRef,\n    pinned: true,\n    removable: false,\n    segmentSelector: 'button',\n  });\n\n  return (\n    <div\n      ref={rootRef}\n      role=\"group\"\n      aria-label=\"Time range\"\n      data-slot=\"filter-bar-time-range\"\n      className=\"flex\"\n      onKeyDown={onKeyDown}\n    >\n      <DateTimeRangePicker\n        {...props}\n        size={FILTER_BAR_CONTROL_SIZE}\n        ref={el => ctx.registerSegment(FILTER_BAR_TIME_RANGE_ITEM.id, 'value', el)}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAUA,IAAa,iCAAiC;;;;;;;AAQ9C,IAAa,8BAA8C;CACzD,IAAI;CACJ,OAAO;CACP,MAAM;CACN,MAAM;CACN,WAAW,CAAC,IAAI;CAChB,QAAQ;AACV;AAEA,IAAa,6BAA4C;CACvD,IAAI;CACJ,SAAS;CACT,YAAY;CACZ,OAAO;AACT;;;;;;;AAUA,SAAgB,mBAAmB,OAAgC;CACjE,MAAM,MAAM,oBAAoB;CAChC,MAAM,UAAU,OAAuB,IAAI;CAC3C,MAAM,EAAE,cAAc,qBAAqB;EACzC,MAAM;EACN;EACA,QAAQ;EACR,WAAW;EACX,iBAAiB;CACnB,CAAC;CAED,OACE,oBAAC,OAAD;EACE,KAAK;EACL,MAAK;EACL,cAAW;EACX,aAAU;EACV,WAAU;EACC;EAEX,UAAA,oBAAC,qBAAD;GACE,GAAI;GACJ,MAAA;GACA,MAAK,OAAM,IAAI,gBAAgB,2BAA2B,IAAI,SAAS,EAAE;EAC1E,CAAA;CACE,CAAA;AAET"}

package/dist/icons/ConfluenceIcon.cjs.js

@@ -0,0 +1,18 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_rolldown_runtime = require("../rolldown-runtime-CmQyd0Gu.cjs");
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/ds/icons/ConfluenceIcon.tsx
+var ConfluenceIcon = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+	width: "15",
+	height: "15",
+	viewBox: "0 0 24 24",
+	fill: "currentColor",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M.87 18.257c-.248.382-.53.875-.763 1.245a.764.764 0 0 0 .255 1.04l4.965 3.054a.764.764 0 0 0 1.058-.26c.199-.332.454-.763.733-1.221 1.967-3.247 3.945-2.853 7.508-1.146l4.957 2.337a.764.764 0 0 0 1.028-.382l2.364-5.346a.764.764 0 0 0-.382-1 599.851 599.851 0 0 1-4.965-2.361C10.911 10.97 5.224 11.185.87 18.257zM23.131 5.743c.249-.405.531-.875.764-1.25a.764.764 0 0 0-.256-1.034L18.675.404a.764.764 0 0 0-1.058.26c-.195.335-.451.763-.734 1.225-1.966 3.246-3.945 2.85-7.508 1.146L4.437.694a.764.764 0 0 0-1.027.382L1.046 6.422a.764.764 0 0 0 .382 1c1.039.49 3.105 1.467 4.965 2.361 6.698 3.246 12.392 3.029 16.738-4.04z" })
+});
+exports.ConfluenceIcon = ConfluenceIcon;
+
+//# sourceMappingURL=ConfluenceIcon.cjs.js.map

package/dist/icons/ConfluenceIcon.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfluenceIcon.cjs.js","names":[],"sources":["../../src/ds/icons/ConfluenceIcon.tsx"],"sourcesContent":["import React from 'react';\n\nexport const ConfluenceIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n    <path d=\"M.87 18.257c-.248.382-.53.875-.763 1.245a.764.764 0 0 0 .255 1.04l4.965 3.054a.764.764 0 0 0 1.058-.26c.199-.332.454-.763.733-1.221 1.967-3.247 3.945-2.853 7.508-1.146l4.957 2.337a.764.764 0 0 0 1.028-.382l2.364-5.346a.764.764 0 0 0-.382-1 599.851 599.851 0 0 1-4.965-2.361C10.911 10.97 5.224 11.185.87 18.257zM23.131 5.743c.249-.405.531-.875.764-1.25a.764.764 0 0 0-.256-1.034L18.675.404a.764.764 0 0 0-1.058.26c-.195.335-.451.763-.734 1.225-1.966 3.246-3.945 2.85-7.508 1.146L4.437.694a.764.764 0 0 0-1.027.382L1.046 6.422a.764.764 0 0 0 .382 1c1.039.49 3.105 1.467 4.965 2.361 6.698 3.246 12.392 3.029 16.738-4.04z\" />\n  </svg>\n);\n"],"mappings":";;;;;;AAEA,IAAa,kBAAkB,UAC7B,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;CAAK,OAAM;CAAK,QAAO;CAAK,SAAQ;CAAY,MAAK;CAAe,OAAM;CAA6B,GAAI;CACzG,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD,EAAM,GAAE,4mBAA6mB,CAAA;AAClnB,CAAA"}

package/dist/icons/ConfluenceIcon.d.ts

@@ -0,0 +1 @@
+export * from '../src/ds/icons/ConfluenceIcon';

package/dist/icons/ConfluenceIcon.es.js

@@ -0,0 +1,15 @@
+import "react";
+import { jsx } from "react/jsx-runtime";
+// src/ds/icons/ConfluenceIcon.tsx
+var ConfluenceIcon = (props) => /* @__PURE__ */ jsx("svg", {
+	width: "15",
+	height: "15",
+	viewBox: "0 0 24 24",
+	fill: "currentColor",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: /* @__PURE__ */ jsx("path", { d: "M.87 18.257c-.248.382-.53.875-.763 1.245a.764.764 0 0 0 .255 1.04l4.965 3.054a.764.764 0 0 0 1.058-.26c.199-.332.454-.763.733-1.221 1.967-3.247 3.945-2.853 7.508-1.146l4.957 2.337a.764.764 0 0 0 1.028-.382l2.364-5.346a.764.764 0 0 0-.382-1 599.851 599.851 0 0 1-4.965-2.361C10.911 10.97 5.224 11.185.87 18.257zM23.131 5.743c.249-.405.531-.875.764-1.25a.764.764 0 0 0-.256-1.034L18.675.404a.764.764 0 0 0-1.058.26c-.195.335-.451.763-.734 1.225-1.966 3.246-3.945 2.85-7.508 1.146L4.437.694a.764.764 0 0 0-1.027.382L1.046 6.422a.764.764 0 0 0 .382 1c1.039.49 3.105 1.467 4.965 2.361 6.698 3.246 12.392 3.029 16.738-4.04z" })
+});
+export { ConfluenceIcon };
+
+//# sourceMappingURL=ConfluenceIcon.es.js.map

package/dist/icons/ConfluenceIcon.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfluenceIcon.es.js","names":[],"sources":["../../src/ds/icons/ConfluenceIcon.tsx"],"sourcesContent":["import React from 'react';\n\nexport const ConfluenceIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n    <path d=\"M.87 18.257c-.248.382-.53.875-.763 1.245a.764.764 0 0 0 .255 1.04l4.965 3.054a.764.764 0 0 0 1.058-.26c.199-.332.454-.763.733-1.221 1.967-3.247 3.945-2.853 7.508-1.146l4.957 2.337a.764.764 0 0 0 1.028-.382l2.364-5.346a.764.764 0 0 0-.382-1 599.851 599.851 0 0 1-4.965-2.361C10.911 10.97 5.224 11.185.87 18.257zM23.131 5.743c.249-.405.531-.875.764-1.25a.764.764 0 0 0-.256-1.034L18.675.404a.764.764 0 0 0-1.058.26c-.195.335-.451.763-.734 1.225-1.966 3.246-3.945 2.85-7.508 1.146L4.437.694a.764.764 0 0 0-1.027.382L1.046 6.422a.764.764 0 0 0 .382 1c1.039.49 3.105 1.467 4.965 2.361 6.698 3.246 12.392 3.029 16.738-4.04z\" />\n  </svg>\n);\n"],"mappings":";;;AAEA,IAAa,kBAAkB,UAC7B,oBAAC,OAAD;CAAK,OAAM;CAAK,QAAO;CAAK,SAAQ;CAAY,MAAK;CAAe,OAAM;CAA6B,GAAI;CACzG,UAAA,oBAAC,QAAD,EAAM,GAAE,4mBAA6mB,CAAA;AAClnB,CAAA"}

package/dist/icons/NotionIcon.cjs.js

@@ -0,0 +1,18 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_rolldown_runtime = require("../rolldown-runtime-CmQyd0Gu.cjs");
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/ds/icons/NotionIcon.tsx
+var NotionIcon = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+	width: "15",
+	height: "15",
+	viewBox: "0 0 24 24",
+	fill: "currentColor",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M4.459 4.208c.746.606 1.026.56 2.428.466l13.215-.793c.28 0 .047-.28-.046-.326L17.86 1.968c-.42-.326-.981-.7-2.055-.607L3.01 2.295c-.466.046-.56.28-.374.466zm.793 3.08v13.904c0 .747.373 1.027 1.214.98l14.523-.84c.841-.046.935-.56.935-1.167V6.354c0-.606-.233-.933-.748-.887l-15.177.887c-.56.047-.747.327-.747.933zm14.337.745c.093.42 0 .84-.42.888l-.7.14v10.264c-.608.327-1.168.514-1.635.514-.748 0-.935-.234-1.495-.933l-4.577-7.186v6.952L12.21 19s0 .84-1.168.84l-3.222.186c-.093-.186 0-.653.327-.746l.84-.233V9.854L7.822 9.76c-.094-.42.14-1.026.793-1.073l3.456-.233 4.764 7.279v-6.44l-1.215-.139c-.093-.514.28-.887.747-.933zM1.936 1.035l13.31-.98c1.634-.14 2.055-.047 3.082.7l4.249 2.986c.7.513.934.653.934 1.213v16.378c0 1.026-.373 1.634-1.68 1.726l-15.458.934c-.98.047-1.448-.093-1.962-.747l-3.129-4.06c-.56-.747-.793-1.306-.793-1.96V2.667c0-.839.374-1.54 1.447-1.632z" })
+});
+exports.NotionIcon = NotionIcon;
+
+//# sourceMappingURL=NotionIcon.cjs.js.map

package/dist/icons/NotionIcon.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotionIcon.cjs.js","names":[],"sources":["../../src/ds/icons/NotionIcon.tsx"],"sourcesContent":["import React from 'react';\n\nexport const NotionIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n    <path d=\"M4.459 4.208c.746.606 1.026.56 2.428.466l13.215-.793c.28 0 .047-.28-.046-.326L17.86 1.968c-.42-.326-.981-.7-2.055-.607L3.01 2.295c-.466.046-.56.28-.374.466zm.793 3.08v13.904c0 .747.373 1.027 1.214.98l14.523-.84c.841-.046.935-.56.935-1.167V6.354c0-.606-.233-.933-.748-.887l-15.177.887c-.56.047-.747.327-.747.933zm14.337.745c.093.42 0 .84-.42.888l-.7.14v10.264c-.608.327-1.168.514-1.635.514-.748 0-.935-.234-1.495-.933l-4.577-7.186v6.952L12.21 19s0 .84-1.168.84l-3.222.186c-.093-.186 0-.653.327-.746l.84-.233V9.854L7.822 9.76c-.094-.42.14-1.026.793-1.073l3.456-.233 4.764 7.279v-6.44l-1.215-.139c-.093-.514.28-.887.747-.933zM1.936 1.035l13.31-.98c1.634-.14 2.055-.047 3.082.7l4.249 2.986c.7.513.934.653.934 1.213v16.378c0 1.026-.373 1.634-1.68 1.726l-15.458.934c-.98.047-1.448-.093-1.962-.747l-3.129-4.06c-.56-.747-.793-1.306-.793-1.96V2.667c0-.839.374-1.54 1.447-1.632z\" />\n  </svg>\n);\n"],"mappings":";;;;;;AAEA,IAAa,cAAc,UACzB,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;CAAK,OAAM;CAAK,QAAO;CAAK,SAAQ;CAAY,MAAK;CAAe,OAAM;CAA6B,GAAI;CACzG,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD,EAAM,GAAE,u2BAAw2B,CAAA;AAC72B,CAAA"}

package/dist/icons/NotionIcon.d.ts

@@ -0,0 +1 @@
+export * from '../src/ds/icons/NotionIcon';

package/dist/icons/NotionIcon.es.js

@@ -0,0 +1,15 @@
+import "react";
+import { jsx } from "react/jsx-runtime";
+// src/ds/icons/NotionIcon.tsx
+var NotionIcon = (props) => /* @__PURE__ */ jsx("svg", {
+	width: "15",
+	height: "15",
+	viewBox: "0 0 24 24",
+	fill: "currentColor",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: /* @__PURE__ */ jsx("path", { d: "M4.459 4.208c.746.606 1.026.56 2.428.466l13.215-.793c.28 0 .047-.28-.046-.326L17.86 1.968c-.42-.326-.981-.7-2.055-.607L3.01 2.295c-.466.046-.56.28-.374.466zm.793 3.08v13.904c0 .747.373 1.027 1.214.98l14.523-.84c.841-.046.935-.56.935-1.167V6.354c0-.606-.233-.933-.748-.887l-15.177.887c-.56.047-.747.327-.747.933zm14.337.745c.093.42 0 .84-.42.888l-.7.14v10.264c-.608.327-1.168.514-1.635.514-.748 0-.935-.234-1.495-.933l-4.577-7.186v6.952L12.21 19s0 .84-1.168.84l-3.222.186c-.093-.186 0-.653.327-.746l.84-.233V9.854L7.822 9.76c-.094-.42.14-1.026.793-1.073l3.456-.233 4.764 7.279v-6.44l-1.215-.139c-.093-.514.28-.887.747-.933zM1.936 1.035l13.31-.98c1.634-.14 2.055-.047 3.082.7l4.249 2.986c.7.513.934.653.934 1.213v16.378c0 1.026-.373 1.634-1.68 1.726l-15.458.934c-.98.047-1.448-.093-1.962-.747l-3.129-4.06c-.56-.747-.793-1.306-.793-1.96V2.667c0-.839.374-1.54 1.447-1.632z" })
+});
+export { NotionIcon };
+
+//# sourceMappingURL=NotionIcon.es.js.map

package/dist/icons/NotionIcon.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotionIcon.es.js","names":[],"sources":["../../src/ds/icons/NotionIcon.tsx"],"sourcesContent":["import React from 'react';\n\nexport const NotionIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n    <path d=\"M4.459 4.208c.746.606 1.026.56 2.428.466l13.215-.793c.28 0 .047-.28-.046-.326L17.86 1.968c-.42-.326-.981-.7-2.055-.607L3.01 2.295c-.466.046-.56.28-.374.466zm.793 3.08v13.904c0 .747.373 1.027 1.214.98l14.523-.84c.841-.046.935-.56.935-1.167V6.354c0-.606-.233-.933-.748-.887l-15.177.887c-.56.047-.747.327-.747.933zm14.337.745c.093.42 0 .84-.42.888l-.7.14v10.264c-.608.327-1.168.514-1.635.514-.748 0-.935-.234-1.495-.933l-4.577-7.186v6.952L12.21 19s0 .84-1.168.84l-3.222.186c-.093-.186 0-.653.327-.746l.84-.233V9.854L7.822 9.76c-.094-.42.14-1.026.793-1.073l3.456-.233 4.764 7.279v-6.44l-1.215-.139c-.093-.514.28-.887.747-.933zM1.936 1.035l13.31-.98c1.634-.14 2.055-.047 3.082.7l4.249 2.986c.7.513.934.653.934 1.213v16.378c0 1.026-.373 1.634-1.68 1.726l-15.458.934c-.98.047-1.448-.093-1.962-.747l-3.129-4.06c-.56-.747-.793-1.306-.793-1.96V2.667c0-.839.374-1.54 1.447-1.632z\" />\n  </svg>\n);\n"],"mappings":";;;AAEA,IAAa,cAAc,UACzB,oBAAC,OAAD;CAAK,OAAM;CAAK,QAAO;CAAK,SAAQ;CAAY,MAAK;CAAe,OAAM;CAA6B,GAAI;CACzG,UAAA,oBAAC,QAAD,EAAM,GAAE,u2BAAw2B,CAAA;AAC72B,CAAA"}

package/dist/icons/ZendeskIcon.cjs.js

@@ -0,0 +1,18 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_rolldown_runtime = require("../rolldown-runtime-CmQyd0Gu.cjs");
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/ds/icons/ZendeskIcon.tsx
+var ZendeskIcon = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+	width: "15",
+	height: "15",
+	viewBox: "0 0 24 24",
+	fill: "currentColor",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M12.914 2.904V16.29L24 2.905H12.914zM0 2.906C0 5.966 2.483 8.45 5.543 8.45s5.542-2.484 5.543-5.544H0zm11.086 4.807L0 21.096h11.086V7.713zm7.37 7.84c-3.063 0-5.542 2.48-5.542 5.543H24c0-3.06-2.48-5.543-5.543-5.543z" })
+});
+exports.ZendeskIcon = ZendeskIcon;
+
+//# sourceMappingURL=ZendeskIcon.cjs.js.map

package/dist/icons/ZendeskIcon.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZendeskIcon.cjs.js","names":[],"sources":["../../src/ds/icons/ZendeskIcon.tsx"],"sourcesContent":["import React from 'react';\n\nexport const ZendeskIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n    <path d=\"M12.914 2.904V16.29L24 2.905H12.914zM0 2.906C0 5.966 2.483 8.45 5.543 8.45s5.542-2.484 5.543-5.544H0zm11.086 4.807L0 21.096h11.086V7.713zm7.37 7.84c-3.063 0-5.542 2.48-5.542 5.543H24c0-3.06-2.48-5.543-5.543-5.543z\" />\n  </svg>\n);\n"],"mappings":";;;;;;AAEA,IAAa,eAAe,UAC1B,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;CAAK,OAAM;CAAK,QAAO;CAAK,SAAQ;CAAY,MAAK;CAAe,OAAM;CAA6B,GAAI;CACzG,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD,EAAM,GAAE,wNAAyN,CAAA;AAC9N,CAAA"}

package/dist/icons/ZendeskIcon.d.ts

@@ -0,0 +1 @@
+export * from '../src/ds/icons/ZendeskIcon';

package/dist/icons/ZendeskIcon.es.js

@@ -0,0 +1,15 @@
+import "react";
+import { jsx } from "react/jsx-runtime";
+// src/ds/icons/ZendeskIcon.tsx
+var ZendeskIcon = (props) => /* @__PURE__ */ jsx("svg", {
+	width: "15",
+	height: "15",
+	viewBox: "0 0 24 24",
+	fill: "currentColor",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: /* @__PURE__ */ jsx("path", { d: "M12.914 2.904V16.29L24 2.905H12.914zM0 2.906C0 5.966 2.483 8.45 5.543 8.45s5.542-2.484 5.543-5.544H0zm11.086 4.807L0 21.096h11.086V7.713zm7.37 7.84c-3.063 0-5.542 2.48-5.542 5.543H24c0-3.06-2.48-5.543-5.543-5.543z" })
+});
+export { ZendeskIcon };
+
+//# sourceMappingURL=ZendeskIcon.es.js.map

package/dist/icons/ZendeskIcon.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZendeskIcon.es.js","names":[],"sources":["../../src/ds/icons/ZendeskIcon.tsx"],"sourcesContent":["import React from 'react';\n\nexport const ZendeskIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n    <path d=\"M12.914 2.904V16.29L24 2.905H12.914zM0 2.906C0 5.966 2.483 8.45 5.543 8.45s5.542-2.484 5.543-5.544H0zm11.086 4.807L0 21.096h11.086V7.713zm7.37 7.84c-3.063 0-5.542 2.48-5.542 5.543H24c0-3.06-2.48-5.543-5.543-5.543z\" />\n  </svg>\n);\n"],"mappings":";;;AAEA,IAAa,eAAe,UAC1B,oBAAC,OAAD;CAAK,OAAM;CAAK,QAAO;CAAK,SAAQ;CAAY,MAAK;CAAe,OAAM;CAA6B,GAAI;CACzG,UAAA,oBAAC,QAAD,EAAM,GAAE,wNAAyN,CAAA;AAC9N,CAAA"}

package/dist/layout/tabbed-container.cjs.js

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_tabbed_container = require("../tabbed-container-Bhfi-DWr.cjs");
+const require_tabbed_container = require("../tabbed-container-Bmk5dgJ4.cjs");
 exports.TabbedContainer = require_tabbed_container.TabbedContainer;

package/dist/layout/tabbed-container.es.js

@@ -1 +1 @@
-export { t as TabbedContainer } from "../tabbed-container-DOkHshha.js";
+export { t as TabbedContainer } from "../tabbed-container-9yvqEQON.js";

package/dist/{observability-saved-views-DgABvgat.cjs → observability-saved-views-UM8HBJ6J.cjs}

@@ -3,7 +3,7 @@ const require_domains_observability_saved_views_use_hosted_saved_views = require
 const require_domains_observability_components_observability_header_slot = require("./domains/observability/components/observability-header-slot.cjs.js");
 const require_Button = require("./Button-BfICfyxD.cjs");
 const require_combobox_parts = require("./combobox-parts-BeNqgCbj.cjs");
-const require_dropdown_menu = require("./dropdown-menu-Dx-jCOIv.cjs");
+const require_dropdown_menu = require("./dropdown-menu-D3D8USIY.cjs");
 const require_components_Field = require("./components/Field.cjs.js");
 const require_input = require("./input-BpnUsQSt.cjs");
 const require_popover = require("./popover-D9AfJmla.cjs");
@@ -301,4 +301,4 @@ Object.defineProperty(exports, "ObservabilitySavedViews", {
 	}
 });
 
-//# sourceMappingURL=observability-saved-views-DgABvgat.cjs.map
+//# sourceMappingURL=observability-saved-views-UM8HBJ6J.cjs.map

package/dist/{observability-saved-views-DgABvgat.cjs.map → observability-saved-views-UM8HBJ6J.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"observability-saved-views-DgABvgat.cjs","names":["useRef","useState","cn","Txt","Button","ComboboxRoot","ComboboxTrigger","LayersIcon","ComboboxContent","ComboboxSearch","ComboboxEmpty","ComboboxList","ComboboxItem","ComboboxItemEnd","DropdownMenu","EllipsisIcon","TextCursorInputIcon","CopyIcon","_Fragment","Trash2Icon","Popover","PopoverTrigger","LayersPlusIcon","PopoverContent","Field","Input","FieldError","useSavedViewsSource","useObservabilityHeaderSlot","useHostedSavedViews","createPortal"],"sources":["../src/ds/components/SavedViews/saved-view-picker.tsx","../src/domains/observability/saved-views/observability-saved-views.tsx"],"sourcesContent":["import { CopyIcon, EllipsisIcon, LayersIcon, LayersPlusIcon, TextCursorInputIcon, Trash2Icon } from 'lucide-react';\nimport { useRef, useState } from 'react';\nimport type { FormEvent, ReactNode, RefObject } from 'react';\nimport { MAX_SAVED_VIEW_NAME_CHARS } from './saved-view-schema';\nimport type { SavedView } from './saved-view-schema';\nimport type { SavedViewsController } from './use-saved-views';\nimport { Button } from '@/ds/components/Button/Button';\nimport {\n  ComboboxContent,\n  ComboboxEmpty,\n  ComboboxItem,\n  ComboboxItemEnd,\n  ComboboxList,\n  ComboboxRoot,\n  ComboboxSearch,\n  ComboboxTrigger,\n} from '@/ds/components/Combobox/combobox-parts';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu';\nimport { Field, FieldError } from '@/ds/components/Field';\nimport { Input } from '@/ds/components/Input/input';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/ds/components/Popover';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport type SavedViewPickerProps<TSettings> = {\n  views: SavedViewsController<TSettings>;\n  /** Names the page's unfiltered state, e.g. \"All traces\". */\n  defaultLabel: string;\n  newViewSettings: NoInfer<TSettings>;\n  /** Muted text after a view in the list, e.g. \"Shared\". */\n  describeView?: (view: SavedView<TSettings>) => ReactNode;\n  /** Whether a view can be renamed, deleted or overwritten. Others can still be applied and duplicated. */\n  canEdit?: (view: SavedView<TSettings>) => boolean;\n  /** Whether new views can be saved here (save as new view, duplicate). Defaults to true. */\n  canCreate?: boolean;\n  'aria-label'?: string;\n  className?: string;\n};\n\ntype PickerItem = { value: string; label: string; viewId: string | undefined };\n\nconst DEFAULT_ITEM_VALUE = '';\n\n/**\n * A compact saved-views control for a page header: a searchable view picker, the active view's\n * actions, and save / reset once the page differs from the view. Driven by the same controller\n * as `SavedViewTabs`.\n */\nexport function SavedViewPicker<TSettings>({\n  views,\n  defaultLabel,\n  newViewSettings,\n  describeView,\n  canEdit = () => true,\n  canCreate = true,\n  'aria-label': ariaLabel = 'Views',\n  className,\n}: SavedViewPickerProps<TSettings>) {\n  const anchorRef = useRef<HTMLDivElement>(null);\n  const [renaming, setRenaming] = useState(false);\n  const { draft, activeView } = views;\n  const creating = draft !== undefined && draft.viewId === undefined;\n  const activeUnsaved = !creating && draft?.viewId !== undefined && views.unsaved;\n  const editable = activeView !== undefined && canEdit(activeView);\n\n  const items: PickerItem[] = [\n    { value: DEFAULT_ITEM_VALUE, label: defaultLabel, viewId: undefined },\n    ...views.views.map(view => ({ value: view.id, label: view.name, viewId: view.id })),\n  ];\n  const selected = items.find(item => item.viewId === activeView?.id) ?? items[0];\n  const viewsById = new Map(views.views.map(view => [view.id, view]));\n\n  return (\n    <div\n      role=\"group\"\n      aria-label={ariaLabel}\n      className={cn('flex min-w-0 flex-wrap items-center justify-end gap-1.5', className)}\n    >\n      {views.error && !creating && !renaming && (\n        <Txt role=\"alert\" variant=\"caption\" className=\"min-w-0 truncate text-destructive-foreground\">\n          {views.error}\n        </Txt>\n      )}\n      {activeUnsaved && (\n        <div className=\"flex shrink-0 items-center gap-1.5\">\n          <Button type=\"button\" variant=\"ghost\" size=\"sm\" disabled={views.pending} onClick={views.discard}>\n            Reset\n          </Button>\n          {editable && (\n            <Button type=\"button\" variant=\"default\" size=\"sm\" disabled={views.pending} onClick={views.save}>\n              Save changes\n            </Button>\n          )}\n        </div>\n      )}\n      <div ref={anchorRef} className=\"flex min-w-0 items-center gap-0.5\">\n        <ComboboxRoot\n          items={items}\n          value={selected}\n          onValueChange={(item: PickerItem | null) => {\n            if (item) views.select(item.viewId);\n          }}\n          isItemEqualToValue={(item: PickerItem, value: PickerItem) => item.value === value.value}\n          autoHighlight\n        >\n          <ComboboxTrigger\n            size=\"sm\"\n            icon={<LayersIcon />}\n            aria-label={`View: ${selected?.label}${activeUnsaved ? ', unsaved changes' : ''}`}\n            className=\"max-w-60\"\n          >\n            {selected?.label}\n            {activeUnsaved && (\n              <span className=\"ml-1.5 inline-block size-1.5 rounded-full bg-warning-indicator align-middle\" />\n            )}\n          </ComboboxTrigger>\n          <ComboboxContent align=\"end\">\n            <ComboboxSearch placeholder=\"Search views\" />\n            <ComboboxEmpty>No views found.</ComboboxEmpty>\n            <ComboboxList>\n              {(item: PickerItem) => {\n                const view = item.viewId ? viewsById.get(item.viewId) : undefined;\n                return (\n                  <ComboboxItem key={item.value} value={item}>\n                    <span className=\"truncate\">{item.label}</span>\n                    {view && describeView && <ComboboxItemEnd>{describeView(view)}</ComboboxItemEnd>}\n                  </ComboboxItem>\n                );\n              }}\n            </ComboboxList>\n          </ComboboxContent>\n        </ComboboxRoot>\n        {activeView && !creating && (editable || canCreate) && (\n          <DropdownMenu>\n            <DropdownMenu.Trigger variant=\"ghost\" size=\"icon-sm\" tooltip=\"View actions\" className=\"shrink-0\">\n              <EllipsisIcon />\n            </DropdownMenu.Trigger>\n            <DropdownMenu.Content align=\"end\">\n              {editable && (\n                <DropdownMenu.Item onClick={() => setRenaming(true)}>\n                  <TextCursorInputIcon aria-hidden />\n                  Rename\n                </DropdownMenu.Item>\n              )}\n              {canCreate && (\n                <DropdownMenu.Item onClick={() => views.duplicate(activeView.id)}>\n                  <CopyIcon aria-hidden />\n                  Duplicate\n                </DropdownMenu.Item>\n              )}\n              {editable && (\n                <>\n                  <DropdownMenu.Separator />\n                  <DropdownMenu.Item variant=\"destructive\" onClick={() => views.remove(activeView.id)}>\n                    <Trash2Icon aria-hidden />\n                    Delete view\n                  </DropdownMenu.Item>\n                </>\n              )}\n            </DropdownMenu.Content>\n          </DropdownMenu>\n        )}\n      </div>\n      {canCreate && (\n        <Popover\n          open={creating}\n          onOpenChange={open => {\n            if (open) views.create(newViewSettings);\n            else views.discard();\n          }}\n        >\n          <PopoverTrigger variant=\"ghost\" size=\"icon-sm\" tooltip=\"Save as new view\" className=\"shrink-0\">\n            <LayersPlusIcon />\n          </PopoverTrigger>\n          <PopoverContent align=\"end\" className=\"w-72\">\n            {creating && (\n              <ViewNameForm\n                title=\"Save as new view\"\n                initialName={draft.name}\n                submitLabel=\"Save view\"\n                error={views.error}\n                pending={views.pending}\n                onNameChange={name => views.change({ name })}\n                onSubmit={() => views.save()}\n                onCancel={views.discard}\n              />\n            )}\n          </PopoverContent>\n        </Popover>\n      )}\n      {activeView && (\n        <RenamePopover\n          open={renaming}\n          anchorRef={anchorRef}\n          name={activeView.name}\n          error={views.error}\n          pending={views.pending}\n          onClose={() => setRenaming(false)}\n          onRename={name => views.rename(activeView.id, name)}\n        />\n      )}\n    </div>\n  );\n}\n\nfunction RenamePopover({\n  open,\n  anchorRef,\n  name,\n  error,\n  pending,\n  onClose,\n  onRename,\n}: {\n  open: boolean;\n  anchorRef: RefObject<HTMLDivElement | null>;\n  name: string;\n  error: string | undefined;\n  pending: boolean | undefined;\n  onClose: () => void;\n  onRename: (name: string) => boolean | Promise<boolean>;\n}) {\n  // The name that last failed to save: its error shows until the user types something else.\n  const [failedName, setFailedName] = useState<string>();\n  const [typedName, setTypedName] = useState(name);\n  const close = () => {\n    setFailedName(undefined);\n    setTypedName(name);\n    onClose();\n  };\n  return (\n    <Popover open={open} onOpenChange={next => !next && close()}>\n      <PopoverContent anchor={anchorRef} align=\"end\" className=\"w-72\">\n        {open && (\n          <ViewNameForm\n            title=\"Rename view\"\n            initialName={name}\n            submitLabel=\"Rename\"\n            error={failedName !== undefined && failedName === typedName ? error : undefined}\n            pending={pending}\n            onNameChange={setTypedName}\n            onSubmit={async next => {\n              if (await onRename(next)) close();\n              else setFailedName(next);\n            }}\n            onCancel={close}\n          />\n        )}\n      </PopoverContent>\n    </Popover>\n  );\n}\n\nfunction ViewNameForm({\n  title,\n  initialName,\n  submitLabel,\n  error,\n  pending,\n  onNameChange,\n  onSubmit,\n  onCancel,\n}: {\n  title: string;\n  initialName: string;\n  submitLabel: string;\n  error?: string;\n  pending?: boolean;\n  onNameChange?: (name: string) => void;\n  onSubmit: (name: string) => void | Promise<void>;\n  onCancel: () => void;\n}) {\n  const [name, setName] = useState(initialName);\n  const submit = (event: FormEvent) => {\n    event.preventDefault();\n    if (name.trim()) void onSubmit(name);\n  };\n  return (\n    <form className=\"flex flex-col gap-3\" onSubmit={submit}>\n      <Txt as=\"h2\" variant=\"label\">\n        {title}\n      </Txt>\n      <Field invalid={error !== undefined}>\n        <Input\n          aria-label=\"View name\"\n          size=\"sm\"\n          autoFocus\n          onFocus={event => event.currentTarget.select()}\n          maxLength={MAX_SAVED_VIEW_NAME_CHARS}\n          value={name}\n          onChange={event => {\n            setName(event.target.value);\n            onNameChange?.(event.target.value);\n          }}\n        />\n        <FieldError>{error}</FieldError>\n      </Field>\n      <div className=\"flex justify-end gap-1.5\">\n        <Button type=\"button\" variant=\"ghost\" size=\"sm\" onClick={onCancel}>\n          Cancel\n        </Button>\n        <Button type=\"submit\" variant=\"default\" size=\"sm\" disabled={pending || !name.trim()}>\n          {submitLabel}\n        </Button>\n      </div>\n    </form>\n  );\n}\n","import type { SavedViewPage } from '@mastra/core/storage';\nimport { createPortal } from 'react-dom';\nimport { useSavedViewsSource } from './saved-views-source';\nimport type { SavedViewsContextValue } from './saved-views-source';\nimport { useHostedSavedViews } from './use-hosted-saved-views';\nimport type { SavedViewColumnsControl } from './use-hosted-saved-views';\nimport { useObservabilityHeaderSlot } from '@/domains/observability/components/observability-header-slot';\nimport { SavedViewPicker } from '@/ds/components/SavedViews/saved-view-picker';\nimport type { SetURLSearchParamsLike } from '@/lib/sort/use-url-sort';\nimport { cn } from '@/lib/utils';\n\nconst DEFAULT_LABELS: Record<SavedViewPage, string> = {\n  traces: 'All traces',\n  spans: 'All spans',\n  threads: 'All threads',\n  logs: 'All logs',\n};\n\nexport type ObservabilitySavedViewsProps = {\n  page: SavedViewPage;\n  searchParams: URLSearchParams;\n  setSearchParams: SetURLSearchParamsLike;\n  /** The page's column picker (traces, spans, threads), so views save and restore columns. */\n  columns?: SavedViewColumnsControl;\n  /**\n   * The range the page shows when the URL names none, when the host's differs from the page's own\n   * (the same value passed to `useObservabilityListFilters`).\n   */\n  defaultDatePreset?: string;\n  className?: string;\n};\n\n/**\n * The saved views of an observability page: a searchable view picker with save and reset actions.\n * Inside the shared traces / spans / threads header it moves into that header's row. Renders nothing\n * unless a `SavedViewsProvider` above it supplies where views are stored.\n */\nexport function ObservabilitySavedViews(props: ObservabilitySavedViewsProps) {\n  const context = useSavedViewsSource();\n  if (!context) return null;\n  return <HostedSavedViewsBar {...props} {...context} />;\n}\n\nfunction HostedSavedViewsBar({\n  page,\n  searchParams,\n  setSearchParams,\n  columns,\n  defaultDatePreset,\n  className,\n  source,\n  queryKeyScope,\n  canEdit,\n  canCreate = true,\n}: ObservabilitySavedViewsProps & SavedViewsContextValue) {\n  const headerSlot = useObservabilityHeaderSlot();\n  const views = useHostedSavedViews({\n    page,\n    source,\n    queryKeyScope,\n    canEdit,\n    canCreate,\n    searchParams,\n    setSearchParams,\n    columns,\n    defaultDatePreset,\n  });\n\n  const picker = (\n    <SavedViewPicker\n      views={views}\n      defaultLabel={DEFAULT_LABELS[page]}\n      aria-label=\"Saved views\"\n      newViewSettings={{ state: { schemaVersion: 1, page, filters: [] } }}\n      describeView={view => (view.settings.record?.scope === 'org' ? 'Shared' : undefined)}\n      canEdit={view => !canEdit || !view.settings.record || canEdit(view.settings.record)}\n      canCreate={canCreate}\n      className={className}\n    />\n  );\n  return headerSlot ? createPortal(picker, headerSlot) : picker;\n}\n"],"mappings":"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"}
+{"version":3,"file":"observability-saved-views-UM8HBJ6J.cjs","names":["useRef","useState","cn","Txt","Button","ComboboxRoot","ComboboxTrigger","LayersIcon","ComboboxContent","ComboboxSearch","ComboboxEmpty","ComboboxList","ComboboxItem","ComboboxItemEnd","DropdownMenu","EllipsisIcon","TextCursorInputIcon","CopyIcon","_Fragment","Trash2Icon","Popover","PopoverTrigger","LayersPlusIcon","PopoverContent","Field","Input","FieldError","useSavedViewsSource","useObservabilityHeaderSlot","useHostedSavedViews","createPortal"],"sources":["../src/ds/components/SavedViews/saved-view-picker.tsx","../src/domains/observability/saved-views/observability-saved-views.tsx"],"sourcesContent":["import { CopyIcon, EllipsisIcon, LayersIcon, LayersPlusIcon, TextCursorInputIcon, Trash2Icon } from 'lucide-react';\nimport { useRef, useState } from 'react';\nimport type { FormEvent, ReactNode, RefObject } from 'react';\nimport { MAX_SAVED_VIEW_NAME_CHARS } from './saved-view-schema';\nimport type { SavedView } from './saved-view-schema';\nimport type { SavedViewsController } from './use-saved-views';\nimport { Button } from '@/ds/components/Button/Button';\nimport {\n  ComboboxContent,\n  ComboboxEmpty,\n  ComboboxItem,\n  ComboboxItemEnd,\n  ComboboxList,\n  ComboboxRoot,\n  ComboboxSearch,\n  ComboboxTrigger,\n} from '@/ds/components/Combobox/combobox-parts';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu';\nimport { Field, FieldError } from '@/ds/components/Field';\nimport { Input } from '@/ds/components/Input/input';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/ds/components/Popover';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport type SavedViewPickerProps<TSettings> = {\n  views: SavedViewsController<TSettings>;\n  /** Names the page's unfiltered state, e.g. \"All traces\". */\n  defaultLabel: string;\n  newViewSettings: NoInfer<TSettings>;\n  /** Muted text after a view in the list, e.g. \"Shared\". */\n  describeView?: (view: SavedView<TSettings>) => ReactNode;\n  /** Whether a view can be renamed, deleted or overwritten. Others can still be applied and duplicated. */\n  canEdit?: (view: SavedView<TSettings>) => boolean;\n  /** Whether new views can be saved here (save as new view, duplicate). Defaults to true. */\n  canCreate?: boolean;\n  'aria-label'?: string;\n  className?: string;\n};\n\ntype PickerItem = { value: string; label: string; viewId: string | undefined };\n\nconst DEFAULT_ITEM_VALUE = '';\n\n/**\n * A compact saved-views control for a page header: a searchable view picker, the active view's\n * actions, and save / reset once the page differs from the view. Driven by the same controller\n * as `SavedViewTabs`.\n */\nexport function SavedViewPicker<TSettings>({\n  views,\n  defaultLabel,\n  newViewSettings,\n  describeView,\n  canEdit = () => true,\n  canCreate = true,\n  'aria-label': ariaLabel = 'Views',\n  className,\n}: SavedViewPickerProps<TSettings>) {\n  const anchorRef = useRef<HTMLDivElement>(null);\n  const [renaming, setRenaming] = useState(false);\n  const { draft, activeView } = views;\n  const creating = draft !== undefined && draft.viewId === undefined;\n  const activeUnsaved = !creating && draft?.viewId !== undefined && views.unsaved;\n  const editable = activeView !== undefined && canEdit(activeView);\n\n  const items: PickerItem[] = [\n    { value: DEFAULT_ITEM_VALUE, label: defaultLabel, viewId: undefined },\n    ...views.views.map(view => ({ value: view.id, label: view.name, viewId: view.id })),\n  ];\n  const selected = items.find(item => item.viewId === activeView?.id) ?? items[0];\n  const viewsById = new Map(views.views.map(view => [view.id, view]));\n\n  return (\n    <div\n      role=\"group\"\n      aria-label={ariaLabel}\n      className={cn('flex min-w-0 flex-wrap items-center justify-end gap-1.5', className)}\n    >\n      {views.error && !creating && !renaming && (\n        <Txt role=\"alert\" variant=\"caption\" className=\"min-w-0 truncate text-destructive-foreground\">\n          {views.error}\n        </Txt>\n      )}\n      {activeUnsaved && (\n        <div className=\"flex shrink-0 items-center gap-1.5\">\n          <Button type=\"button\" variant=\"ghost\" size=\"sm\" disabled={views.pending} onClick={views.discard}>\n            Reset\n          </Button>\n          {editable && (\n            <Button type=\"button\" variant=\"default\" size=\"sm\" disabled={views.pending} onClick={views.save}>\n              Save changes\n            </Button>\n          )}\n        </div>\n      )}\n      <div ref={anchorRef} className=\"flex min-w-0 items-center gap-0.5\">\n        <ComboboxRoot\n          items={items}\n          value={selected}\n          onValueChange={(item: PickerItem | null) => {\n            if (item) views.select(item.viewId);\n          }}\n          isItemEqualToValue={(item: PickerItem, value: PickerItem) => item.value === value.value}\n          autoHighlight\n        >\n          <ComboboxTrigger\n            size=\"sm\"\n            icon={<LayersIcon />}\n            aria-label={`View: ${selected?.label}${activeUnsaved ? ', unsaved changes' : ''}`}\n            className=\"max-w-60\"\n          >\n            {selected?.label}\n            {activeUnsaved && (\n              <span className=\"ml-1.5 inline-block size-1.5 rounded-full bg-warning-indicator align-middle\" />\n            )}\n          </ComboboxTrigger>\n          <ComboboxContent align=\"end\">\n            <ComboboxSearch placeholder=\"Search views\" />\n            <ComboboxEmpty>No views found.</ComboboxEmpty>\n            <ComboboxList>\n              {(item: PickerItem) => {\n                const view = item.viewId ? viewsById.get(item.viewId) : undefined;\n                return (\n                  <ComboboxItem key={item.value} value={item}>\n                    <span className=\"truncate\">{item.label}</span>\n                    {view && describeView && <ComboboxItemEnd>{describeView(view)}</ComboboxItemEnd>}\n                  </ComboboxItem>\n                );\n              }}\n            </ComboboxList>\n          </ComboboxContent>\n        </ComboboxRoot>\n        {activeView && !creating && (editable || canCreate) && (\n          <DropdownMenu>\n            <DropdownMenu.Trigger variant=\"ghost\" size=\"icon-sm\" tooltip=\"View actions\" className=\"shrink-0\">\n              <EllipsisIcon />\n            </DropdownMenu.Trigger>\n            <DropdownMenu.Content align=\"end\">\n              {editable && (\n                <DropdownMenu.Item onClick={() => setRenaming(true)}>\n                  <TextCursorInputIcon aria-hidden />\n                  Rename\n                </DropdownMenu.Item>\n              )}\n              {canCreate && (\n                <DropdownMenu.Item onClick={() => views.duplicate(activeView.id)}>\n                  <CopyIcon aria-hidden />\n                  Duplicate\n                </DropdownMenu.Item>\n              )}\n              {editable && (\n                <>\n                  <DropdownMenu.Separator />\n                  <DropdownMenu.Item variant=\"destructive\" onClick={() => views.remove(activeView.id)}>\n                    <Trash2Icon aria-hidden />\n                    Delete view\n                  </DropdownMenu.Item>\n                </>\n              )}\n            </DropdownMenu.Content>\n          </DropdownMenu>\n        )}\n      </div>\n      {canCreate && (\n        <Popover\n          open={creating}\n          onOpenChange={open => {\n            if (open) views.create(newViewSettings);\n            else views.discard();\n          }}\n        >\n          <PopoverTrigger variant=\"ghost\" size=\"icon-sm\" tooltip=\"Save as new view\" className=\"shrink-0\">\n            <LayersPlusIcon />\n          </PopoverTrigger>\n          <PopoverContent align=\"end\" className=\"w-72\">\n            {creating && (\n              <ViewNameForm\n                title=\"Save as new view\"\n                initialName={draft.name}\n                submitLabel=\"Save view\"\n                error={views.error}\n                pending={views.pending}\n                onNameChange={name => views.change({ name })}\n                onSubmit={() => views.save()}\n                onCancel={views.discard}\n              />\n            )}\n          </PopoverContent>\n        </Popover>\n      )}\n      {activeView && (\n        <RenamePopover\n          open={renaming}\n          anchorRef={anchorRef}\n          name={activeView.name}\n          error={views.error}\n          pending={views.pending}\n          onClose={() => setRenaming(false)}\n          onRename={name => views.rename(activeView.id, name)}\n        />\n      )}\n    </div>\n  );\n}\n\nfunction RenamePopover({\n  open,\n  anchorRef,\n  name,\n  error,\n  pending,\n  onClose,\n  onRename,\n}: {\n  open: boolean;\n  anchorRef: RefObject<HTMLDivElement | null>;\n  name: string;\n  error: string | undefined;\n  pending: boolean | undefined;\n  onClose: () => void;\n  onRename: (name: string) => boolean | Promise<boolean>;\n}) {\n  // The name that last failed to save: its error shows until the user types something else.\n  const [failedName, setFailedName] = useState<string>();\n  const [typedName, setTypedName] = useState(name);\n  const close = () => {\n    setFailedName(undefined);\n    setTypedName(name);\n    onClose();\n  };\n  return (\n    <Popover open={open} onOpenChange={next => !next && close()}>\n      <PopoverContent anchor={anchorRef} align=\"end\" className=\"w-72\">\n        {open && (\n          <ViewNameForm\n            title=\"Rename view\"\n            initialName={name}\n            submitLabel=\"Rename\"\n            error={failedName !== undefined && failedName === typedName ? error : undefined}\n            pending={pending}\n            onNameChange={setTypedName}\n            onSubmit={async next => {\n              if (await onRename(next)) close();\n              else setFailedName(next);\n            }}\n            onCancel={close}\n          />\n        )}\n      </PopoverContent>\n    </Popover>\n  );\n}\n\nfunction ViewNameForm({\n  title,\n  initialName,\n  submitLabel,\n  error,\n  pending,\n  onNameChange,\n  onSubmit,\n  onCancel,\n}: {\n  title: string;\n  initialName: string;\n  submitLabel: string;\n  error?: string;\n  pending?: boolean;\n  onNameChange?: (name: string) => void;\n  onSubmit: (name: string) => void | Promise<void>;\n  onCancel: () => void;\n}) {\n  const [name, setName] = useState(initialName);\n  const submit = (event: FormEvent) => {\n    event.preventDefault();\n    if (name.trim()) void onSubmit(name);\n  };\n  return (\n    <form className=\"flex flex-col gap-3\" onSubmit={submit}>\n      <Txt as=\"h2\" variant=\"label\">\n        {title}\n      </Txt>\n      <Field invalid={error !== undefined}>\n        <Input\n          aria-label=\"View name\"\n          size=\"sm\"\n          autoFocus\n          onFocus={event => event.currentTarget.select()}\n          maxLength={MAX_SAVED_VIEW_NAME_CHARS}\n          value={name}\n          onChange={event => {\n            setName(event.target.value);\n            onNameChange?.(event.target.value);\n          }}\n        />\n        <FieldError>{error}</FieldError>\n      </Field>\n      <div className=\"flex justify-end gap-1.5\">\n        <Button type=\"button\" variant=\"ghost\" size=\"sm\" onClick={onCancel}>\n          Cancel\n        </Button>\n        <Button type=\"submit\" variant=\"default\" size=\"sm\" disabled={pending || !name.trim()}>\n          {submitLabel}\n        </Button>\n      </div>\n    </form>\n  );\n}\n","import type { SavedViewPage } from '@mastra/core/storage';\nimport { createPortal } from 'react-dom';\nimport { useSavedViewsSource } from './saved-views-source';\nimport type { SavedViewsContextValue } from './saved-views-source';\nimport { useHostedSavedViews } from './use-hosted-saved-views';\nimport type { SavedViewColumnsControl } from './use-hosted-saved-views';\nimport { useObservabilityHeaderSlot } from '@/domains/observability/components/observability-header-slot';\nimport { SavedViewPicker } from '@/ds/components/SavedViews/saved-view-picker';\nimport type { SetURLSearchParamsLike } from '@/lib/sort/use-url-sort';\nimport { cn } from '@/lib/utils';\n\nconst DEFAULT_LABELS: Record<SavedViewPage, string> = {\n  traces: 'All traces',\n  spans: 'All spans',\n  threads: 'All threads',\n  logs: 'All logs',\n};\n\nexport type ObservabilitySavedViewsProps = {\n  page: SavedViewPage;\n  searchParams: URLSearchParams;\n  setSearchParams: SetURLSearchParamsLike;\n  /** The page's column picker (traces, spans, threads), so views save and restore columns. */\n  columns?: SavedViewColumnsControl;\n  /**\n   * The range the page shows when the URL names none, when the host's differs from the page's own\n   * (the same value passed to `useObservabilityListFilters`).\n   */\n  defaultDatePreset?: string;\n  className?: string;\n};\n\n/**\n * The saved views of an observability page: a searchable view picker with save and reset actions.\n * Inside the shared traces / spans / threads header it moves into that header's row. Renders nothing\n * unless a `SavedViewsProvider` above it supplies where views are stored.\n */\nexport function ObservabilitySavedViews(props: ObservabilitySavedViewsProps) {\n  const context = useSavedViewsSource();\n  if (!context) return null;\n  return <HostedSavedViewsBar {...props} {...context} />;\n}\n\nfunction HostedSavedViewsBar({\n  page,\n  searchParams,\n  setSearchParams,\n  columns,\n  defaultDatePreset,\n  className,\n  source,\n  queryKeyScope,\n  canEdit,\n  canCreate = true,\n}: ObservabilitySavedViewsProps & SavedViewsContextValue) {\n  const headerSlot = useObservabilityHeaderSlot();\n  const views = useHostedSavedViews({\n    page,\n    source,\n    queryKeyScope,\n    canEdit,\n    canCreate,\n    searchParams,\n    setSearchParams,\n    columns,\n    defaultDatePreset,\n  });\n\n  const picker = (\n    <SavedViewPicker\n      views={views}\n      defaultLabel={DEFAULT_LABELS[page]}\n      aria-label=\"Saved views\"\n      newViewSettings={{ state: { schemaVersion: 1, page, filters: [] } }}\n      describeView={view => (view.settings.record?.scope === 'org' ? 'Shared' : undefined)}\n      canEdit={view => !canEdit || !view.settings.record || canEdit(view.settings.record)}\n      canCreate={canCreate}\n      className={className}\n    />\n  );\n  return headerSlot ? createPortal(picker, headerSlot) : picker;\n}\n"],"mappings":"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"}