@mastra/playground-ui 43.0.0-alpha.1 → 43.0.0-alpha.2

package/dist/{dropdown-menu-BE2WHHln.cjs.map → dropdown-menu-ppWztidX.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu-BE2WHHln.cjs","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, Circle } from 'lucide-react';\nimport * as React from 'react';\nimport { usePortalContainer } from '@/ds/primitives/portal-container';\nimport { asChildRenderProps } from '@/lib/as-child';\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\nconst itemClass = cn(\n  'relative flex cursor-pointer items-center gap-2.5 rounded-lg px-2 py-1.5 text-ui-smd leading-ui-sm text-neutral4 transition-colors outline-none select-none hover:bg-surface4 hover:text-neutral6 focus:bg-surface4 focus:text-neutral6 focus:outline-none focus-visible:ring-0 focus-visible:outline-none data-disabled:cursor-not-allowed data-disabled:opacity-50 data-disabled:hover:bg-transparent data-disabled:hover:text-neutral4 data-disabled:focus:bg-transparent data-disabled:focus:text-neutral4 data-[highlighted]:bg-surface4 data-[highlighted]:text-neutral6 data-disabled:data-[highlighted]:bg-transparent data-disabled:data-[highlighted]:text-neutral4 [&_svg]:size-4 [&_svg]:shrink-0 [&>span]:truncate',\n  '[&:hover>svg]:opacity-100 [&>svg]:size-[1.1em] [&>svg]:opacity-60',\n);\n\nconst popupClass = cn(\n  'z-50 max-h-[min(20rem,var(--available-height))] min-w-44 origin-[var(--transform-origin)] overflow-x-hidden overflow-y-auto rounded-xl border border-border1 bg-surface3 p-1 text-neutral4 shadow-dialog outline-none',\n  'data-[closed]:animate-out data-[closed]:fade-out-0 data-[closed]:zoom-out-95 data-[open]:animate-in data-[open]:fade-in-0 data-[open]:zoom-in-95',\n  'data-[side=bottom]:slide-in-from-top-1 data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1 data-[side=top]:slide-in-from-bottom-1',\n);\n\ntype DropdownMenuTriggerProps = MenuPrimitive.Trigger.Props & {\n  /** @deprecated Use Base UI's native `render` prop instead for stronger composition typing. */\n  asChild?: boolean;\n};\n\nconst DropdownMenuTrigger = React.forwardRef<HTMLButtonElement, DropdownMenuTriggerProps>(\n  ({ className, asChild, children, ...props }, ref) => {\n    return (\n      <MenuPrimitive.Trigger\n        ref={ref}\n        className={cn('cursor-pointer outline-none', className)}\n        {...asChildRenderProps(asChild, children)}\n        {...props}\n      >\n        {asChild ? undefined : children}\n      </MenuPrimitive.Trigger>\n    );\n  },\n);\nDropdownMenuTrigger.displayName = 'DropdownMenuTrigger';\n\ntype DropdownMenuSubTriggerProps = MenuPrimitive.SubmenuTrigger.Props & {\n  inset?: boolean;\n};\n\nconst DropdownMenuSubTrigger = React.forwardRef<HTMLDivElement, DropdownMenuSubTriggerProps>(\n  ({ className, inset, children, ...props }, ref) => (\n    <MenuPrimitive.SubmenuTrigger\n      ref={ref}\n      className={cn(\n        itemClass,\n        'data-[popup-open]:bg-surface4 data-[popup-open]:text-neutral6',\n        inset && 'pl-8',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <span className=\"ml-auto pl-2\">\n        <ChevronDown className=\"-rotate-90 opacity-50\" />\n      </span>\n    </MenuPrimitive.SubmenuTrigger>\n  ),\n);\nDropdownMenuSubTrigger.displayName = 'DropdownMenuSubTrigger';\n\ntype DropdownMenuContentPositionerProps = Omit<MenuPositionerProps, keyof MenuPopupProps>;\n\ntype DropdownMenuSubContentProps = MenuPopupProps & DropdownMenuContentPositionerProps;\n\nconst DropdownMenuSubContent = React.forwardRef<HTMLDivElement, DropdownMenuSubContentProps>(\n  (\n    {\n      className,\n      align = 'start',\n      alignOffset = -4,\n      side = 'right',\n      sideOffset = 0,\n      anchor,\n      positionMethod,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\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=\"z-50 outline-none\" {...positionerProps}>\n          <MenuPrimitive.Popup\n            ref={ref}\n            data-slot=\"dropdown-menu-sub-content\"\n            className={cn(popupClass, className)}\n            {...props}\n          />\n        </MenuPrimitive.Positioner>\n      </MenuPrimitive.Portal>\n    );\n  },\n);\nDropdownMenuSubContent.displayName = 'DropdownMenuSubContent';\n\ntype DropdownMenuContentProps = MenuPopupProps &\n  DropdownMenuContentPositionerProps & {\n    container?: HTMLElement;\n  };\n\nconst DropdownMenuContent = React.forwardRef<HTMLDivElement, DropdownMenuContentProps>(\n  (\n    {\n      className,\n      container,\n      align = 'start',\n      alignOffset = 0,\n      side = 'bottom',\n      sideOffset = 8,\n      anchor,\n      positionMethod,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\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=\"z-50 outline-none\" {...positionerProps}>\n          <MenuPrimitive.Popup\n            ref={ref}\n            data-slot=\"dropdown-menu-content\"\n            className={cn(popupClass, className)}\n            {...props}\n          />\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  /** 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', 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        itemClass,\n        inset && 'pl-8',\n        'data-[variant=destructive]:text-accent2 data-[variant=destructive]:hover:bg-accent2/10 data-[variant=destructive]:hover:text-accent2 data-[variant=destructive]:data-[highlighted]:bg-accent2/10 data-[variant=destructive]:data-[highlighted]:text-accent2',\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nDropdownMenuItem.displayName = 'DropdownMenuItem';\n\nconst DropdownMenuCheckboxItem = React.forwardRef<HTMLDivElement, MenuPrimitive.CheckboxItem.Props>(\n  ({ className, children, checked, ...props }, ref) => (\n    <MenuPrimitive.CheckboxItem ref={ref} className={cn(itemClass, 'w-full', className)} checked={checked} {...props}>\n      <div className=\"flex size-4 items-center justify-center rounded-sm border border-border2\">\n        <MenuPrimitive.CheckboxItemIndicator>\n          <CheckIcon />\n        </MenuPrimitive.CheckboxItemIndicator>\n      </div>\n      {children}\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\n      ref={ref}\n      className={cn(\n        'relative flex cursor-pointer items-center rounded-lg py-1.5 pr-2 pl-8 text-ui-smd leading-ui-sm text-neutral4 transition-colors outline-none select-none hover:bg-surface4 hover:text-neutral6 focus:bg-surface4 focus:text-neutral6 focus:outline-none focus-visible:ring-0 focus-visible:outline-none data-disabled:cursor-not-allowed data-disabled:opacity-50 data-disabled:hover:bg-transparent data-disabled:hover:text-neutral4 data-disabled:focus:bg-transparent data-disabled:focus:text-neutral4 data-[highlighted]:bg-surface4 data-[highlighted]:text-neutral6 data-disabled:data-[highlighted]:bg-transparent data-disabled:data-[highlighted]:text-neutral4',\n        className,\n      )}\n      {...props}\n    >\n      <span className=\"absolute left-2 flex size-3.5 items-center justify-center\">\n        <MenuPrimitive.RadioItemIndicator>\n          <Circle className=\"size-2 fill-current\" />\n        </MenuPrimitive.RadioItemIndicator>\n      </span>\n      {children}\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\n      ref={ref}\n      className={cn(\n        'px-2 pt-1.5 pb-1 text-ui-xs font-medium tracking-wider text-neutral3 uppercase',\n        inset && 'pl-8',\n        className,\n      )}\n      {...props}\n    />\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('-mx-1 my-1 h-px bg-border1', className)} {...props} />\n  ),\n);\nDropdownMenuSeparator.displayName = 'DropdownMenuSeparator';\n\nconst DropdownMenuShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => {\n  return <span className={cn('ml-auto text-xs tracking-widest opacity-60', className)} {...props} />;\n};\nDropdownMenuShortcut.displayName = 'DropdownMenuShortcut';\n\n/**\n *\n * Right now, these are the props mostly used for the menu\n * if we find out, consumers need more props, we can just extend it\n * with componentProps\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.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;\n\nexport { DropdownMenu };\n"],"names":["MenuPrimitive","cn","React","asChild","jsx","asChildRenderProps","jsxs","ChevronDown","usePortalContainer","CheckIcon","Circle"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,MAAM,mBAAmBA,SAAA,CAAc,IAAA;AAEvC,MAAM,oBAAoBA,SAAA,CAAc,KAAA;AAExC,MAAM,qBAAqBA,SAAA,CAAc,MAAA;AAEzC,MAAM,kBAAkBA,SAAA,CAAc,WAAA;AAEtC,MAAM,yBAAyBA,SAAA,CAAc,UAAA;AAE7C,MAAM,SAAA,GAAYC,WAAA;AAAA,EAChB,isBAAA;AAAA,EACA;AACF,CAAA;AAEA,MAAM,UAAA,GAAaA,WAAA;AAAA,EACjB,uNAAA;AAAA,EACA,kJAAA;AAAA,EACA;AACF,CAAA;AAOA,MAAM,sBAAsBC,gBAAA,CAAM,UAAA;AAAA,EAChC,CAAC,EAAE,SAAA,WAAWC,SAAA,EAAS,UAAU,GAAG,KAAA,IAAS,GAAA,KAAQ;AACnD,IAAA,uBACEC,cAAA;AAAA,MAACJ,SAAA,CAAc,OAAA;AAAA,MAAd;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAWC,WAAA,CAAG,6BAAA,EAA+B,SAAS,CAAA;AAAA,QACrD,GAAGI,0BAAA,CAAmBF,SAAA,EAAS,QAAQ,CAAA;AAAA,QACvC,GAAG,KAAA;AAAA,QAEH,sBAAU,MAAA,GAAY;AAAA;AAAA,KACzB;AAAA,EAEJ;AACF,CAAA;AACA,mBAAA,CAAoB,WAAA,GAAc,qBAAA;AAMlC,MAAM,yBAAyBD,gBAAA,CAAM,UAAA;AAAA,EACnC,CAAC,EAAE,SAAA,EAAW,KAAA,EAAO,UAAU,GAAG,KAAA,IAAS,GAAA,qBACzCI,eAAA;AAAA,IAACN,SAAA,CAAc,cAAA;AAAA,IAAd;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAWC,WAAA;AAAA,QACT,SAAA;AAAA,QACA,+DAAA;AAAA,QACA,KAAA,IAAS,MAAA;AAAA,QACT;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,wBACDG,cAAA,CAAC,UAAK,SAAA,EAAU,cAAA,EACd,yCAACG,uBAAA,EAAA,EAAY,SAAA,EAAU,yBAAwB,CAAA,EACjD;AAAA;AAAA;AAAA;AAGN,CAAA;AACA,sBAAA,CAAuB,WAAA,GAAc,wBAAA;AAMrC,MAAM,yBAAyBL,gBAAA,CAAM,UAAA;AAAA,EACnC,CACE;AAAA,IACE,SAAA;AAAA,IACA,KAAA,GAAQ,OAAA;AAAA,IACR,WAAA,GAAc,EAAA;AAAA,IACd,IAAA,GAAO,OAAA;AAAA,IACP,UAAA,GAAa,CAAA;AAAA,IACb,MAAA;AAAA,IACA,cAAA;AAAA,IACA,iBAAA;AAAA,IACA,gBAAA;AAAA,IACA,MAAA;AAAA,IACA,YAAA;AAAA,IACA,qBAAA;AAAA,IACA,kBAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,KACG;AAGH,IAAA,MAAM,oBAAoBM,6CAAA,EAAmB;AAC7C,IAAA,MAAM,eAAA,GAAsD;AAAA,MAC1D,KAAA;AAAA,MACA,WAAA;AAAA,MACA,IAAA;AAAA,MACA,UAAA;AAAA,MACA,MAAA;AAAA,MACA,cAAA;AAAA,MACA,iBAAA;AAAA,MACA,gBAAA;AAAA,MACA,MAAA;AAAA,MACA,YAAA;AAAA,MACA,qBAAA;AAAA,MACA;AAAA,KACF;AAEA,IAAA,uBACEJ,cAAA,CAACJ,SAAA,CAAc,MAAA,EAAd,EAAqB,SAAA,EAAW,iBAAA,EAC/B,QAAA,kBAAAI,cAAA,CAACJ,SAAA,CAAc,UAAA,EAAd,EAAyB,SAAA,EAAU,mBAAA,EAAqB,GAAG,eAAA,EAC1D,QAAA,kBAAAI,cAAA;AAAA,MAACJ,SAAA,CAAc,KAAA;AAAA,MAAd;AAAA,QACC,GAAA;AAAA,QACA,WAAA,EAAU,2BAAA;AAAA,QACV,SAAA,EAAWC,WAAA,CAAG,UAAA,EAAY,SAAS,CAAA;AAAA,QAClC,GAAG;AAAA;AAAA,OAER,CAAA,EACF,CAAA;AAAA,EAEJ;AACF,CAAA;AACA,sBAAA,CAAuB,WAAA,GAAc,wBAAA;AAOrC,MAAM,sBAAsBC,gBAAA,CAAM,UAAA;AAAA,EAChC,CACE;AAAA,IACE,SAAA;AAAA,IACA,SAAA;AAAA,IACA,KAAA,GAAQ,OAAA;AAAA,IACR,WAAA,GAAc,CAAA;AAAA,IACd,IAAA,GAAO,QAAA;AAAA,IACP,UAAA,GAAa,CAAA;AAAA,IACb,MAAA;AAAA,IACA,cAAA;AAAA,IACA,iBAAA;AAAA,IACA,gBAAA;AAAA,IACA,MAAA;AAAA,IACA,YAAA;AAAA,IACA,qBAAA;AAAA,IACA,kBAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,KACG;AAGH,IAAA,MAAM,iBAAA,GAAoBM,8CAAmB,SAAS,CAAA;AACtD,IAAA,MAAM,eAAA,GAAsD;AAAA,MAC1D,KAAA;AAAA,MACA,WAAA;AAAA,MACA,IAAA;AAAA,MACA,UAAA;AAAA,MACA,MAAA;AAAA,MACA,cAAA;AAAA,MACA,iBAAA;AAAA,MACA,gBAAA;AAAA,MACA,MAAA;AAAA,MACA,YAAA;AAAA,MACA,qBAAA;AAAA,MACA;AAAA,KACF;AAEA,IAAA,uBACEJ,cAAA,CAACJ,SAAA,CAAc,MAAA,EAAd,EAAqB,SAAA,EAAW,iBAAA,EAC/B,QAAA,kBAAAI,cAAA,CAACJ,SAAA,CAAc,UAAA,EAAd,EAAyB,SAAA,EAAU,mBAAA,EAAqB,GAAG,eAAA,EAC1D,QAAA,kBAAAI,cAAA;AAAA,MAACJ,SAAA,CAAc,KAAA;AAAA,MAAd;AAAA,QACC,GAAA;AAAA,QACA,WAAA,EAAU,uBAAA;AAAA,QACV,SAAA,EAAWC,WAAA,CAAG,UAAA,EAAY,SAAS,CAAA;AAAA,QAClC,GAAG;AAAA;AAAA,OAER,CAAA,EACF,CAAA;AAAA,EAEJ;AACF,CAAA;AACA,mBAAA,CAAoB,WAAA,GAAc,qBAAA;AASlC,MAAM,mBAAmBC,gBAAA,CAAM,UAAA;AAAA,EAC7B,CAAC,EAAE,SAAA,EAAW,KAAA,EAAO,OAAA,GAAU,SAAA,EAAW,QAAA,EAAU,OAAA,EAAS,GAAG,KAAA,EAAM,EAAG,GAAA,qBACvEE,cAAA;AAAA,IAACJ,SAAA,CAAc,IAAA;AAAA,IAAd;AAAA,MACC,GAAA;AAAA,MACA,YAAA,EAAY,QAAQ,EAAA,GAAK,MAAA;AAAA,MACzB,cAAA,EAAc,OAAA;AAAA,MACd,SAAS,CAAA,KAAA,KAAS;AAChB,QAAA,OAAA,GAAU,KAAK,CAAA;AACf,QAAA,QAAA,GAAW,KAAK,CAAA;AAAA,MAClB,CAAA;AAAA,MACA,SAAA,EAAWC,WAAA;AAAA,QACT,SAAA;AAAA,QACA,KAAA,IAAS,MAAA;AAAA,QACT,6PAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA;AAGV,CAAA;AACA,gBAAA,CAAiB,WAAA,GAAc,kBAAA;AAE/B,MAAM,2BAA2BC,gBAAA,CAAM,UAAA;AAAA,EACrC,CAAC,EAAE,SAAA,EAAW,QAAA,EAAU,SAAS,GAAG,KAAA,EAAM,EAAG,GAAA,qBAC3CI,eAAA,CAACN,SAAA,CAAc,cAAd,EAA2B,GAAA,EAAU,WAAWC,WAAA,CAAG,SAAA,EAAW,UAAU,SAAS,CAAA,EAAG,OAAA,EAAmB,GAAG,KAAA,EACzG,QAAA,EAAA;AAAA,oBAAAG,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,0EAAA,EACb,QAAA,kBAAAA,cAAA,CAACJ,SAAA,CAAc,uBAAd,EACC,QAAA,kBAAAI,cAAA,CAACK,qBAAA,EAAA,EAAU,CAAA,EACb,CAAA,EACF,CAAA;AAAA,IACC;AAAA,GAAA,EACH;AAEJ,CAAA;AACA,wBAAA,CAAyB,WAAA,GAAc,0BAAA;AAEvC,MAAM,wBAAwBP,gBAAA,CAAM,UAAA;AAAA,EAClC,CAAC,EAAE,SAAA,EAAW,UAAU,GAAG,KAAA,IAAS,GAAA,qBAClCI,eAAA;AAAA,IAACN,SAAA,CAAc,SAAA;AAAA,IAAd;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAWC,WAAA;AAAA,QACT,4oBAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAAG,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,2DAAA,EACd,QAAA,kBAAAA,cAAA,CAACJ,SAAA,CAAc,kBAAA,EAAd,EACC,QAAA,kBAAAI,cAAA,CAACM,kBAAA,EAAA,EAAO,SAAA,EAAU,qBAAA,EAAsB,CAAA,EAC1C,CAAA,EACF,CAAA;AAAA,QACC;AAAA;AAAA;AAAA;AAGP,CAAA;AACA,qBAAA,CAAsB,WAAA,GAAc,uBAAA;AAMpC,MAAM,oBAAoBR,gBAAA,CAAM,UAAA;AAAA,EAC9B,CAAC,EAAE,SAAA,EAAW,OAAO,GAAG,KAAA,IAAS,GAAA,qBAC/BE,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAWH,WAAA;AAAA,QACT,gFAAA;AAAA,QACA,KAAA,IAAS,MAAA;AAAA,QACT;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA;AAGV,CAAA;AACA,iBAAA,CAAkB,WAAA,GAAc,mBAAA;AAEhC,MAAM,wBAAwBC,gBAAA,CAAM,UAAA;AAAA,EAClC,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,wBACxBE,cAAA,CAACJ,SAAA,CAAc,SAAA,EAAd,EAAwB,KAAU,SAAA,EAAWC,WAAA,CAAG,8BAA8B,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO;AAE1G,CAAA;AACA,qBAAA,CAAsB,WAAA,GAAc,uBAAA;AAEpC,MAAM,uBAAuB,CAAC,EAAE,SAAA,EAAW,GAAG,OAAM,KAA6C;AAC/F,EAAA,uBAAOG,cAAA,CAAC,UAAK,SAAA,EAAWH,WAAA,CAAG,8CAA8C,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CAAA;AAClG,CAAA;AACA,oBAAA,CAAqB,WAAA,GAAc,sBAAA;AAQnC,SAAS,YAAA,CAAa;AAAA,EACpB,IAAA;AAAA,EACA,WAAA;AAAA,EACA,YAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAA,EAMG;AACD,EAAA,sCACG,gBAAA,EAAA,EAAiB,KAAA,EAAc,IAAA,EAAY,WAAA,EAA0B,cACnE,QAAA,EACH,CAAA;AAEJ;AAEA,YAAA,CAAa,OAAA,GAAU,mBAAA;AACvB,YAAA,CAAa,OAAA,GAAU,mBAAA;AACvB,YAAA,CAAa,KAAA,GAAQ,iBAAA;AACrB,YAAA,CAAa,MAAA,GAAS,kBAAA;AACtB,YAAA,CAAa,IAAA,GAAO,gBAAA;AACpB,YAAA,CAAa,YAAA,GAAe,wBAAA;AAC5B,YAAA,CAAa,SAAA,GAAY,qBAAA;AACzB,YAAA,CAAa,KAAA,GAAQ,iBAAA;AACrB,YAAA,CAAa,SAAA,GAAY,qBAAA;AACzB,YAAA,CAAa,QAAA,GAAW,oBAAA;AACxB,YAAA,CAAa,GAAA,GAAM,eAAA;AACnB,YAAA,CAAa,UAAA,GAAa,sBAAA;AAC1B,YAAA,CAAa,UAAA,GAAa,sBAAA;AAC1B,YAAA,CAAa,UAAA,GAAa,sBAAA;;;;"}
+{"version":3,"file":"dropdown-menu-ppWztidX.cjs","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, Circle } from 'lucide-react';\nimport * as React from 'react';\nimport { usePortalContainer } from '@/ds/primitives/portal-container';\nimport { asChildRenderProps } from '@/lib/as-child';\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\nconst itemClass = cn(\n  'relative flex cursor-pointer items-center gap-2.5 rounded-lg px-2 py-1.5 text-ui-smd leading-ui-sm text-neutral4 transition-colors outline-none select-none hover:bg-surface4 hover:text-neutral6 focus:bg-surface4 focus:text-neutral6 focus:outline-none focus-visible:ring-0 focus-visible:outline-none data-disabled:cursor-not-allowed data-disabled:opacity-50 data-disabled:hover:bg-transparent data-disabled:hover:text-neutral4 data-disabled:focus:bg-transparent data-disabled:focus:text-neutral4 data-[highlighted]:bg-surface4 data-[highlighted]:text-neutral6 data-disabled:data-[highlighted]:bg-transparent data-disabled:data-[highlighted]:text-neutral4 [&_svg]:size-4 [&_svg]:shrink-0 [&>span]:truncate',\n  '[&:hover>svg]:opacity-100 [&>svg]:size-[1.1em] [&>svg]:opacity-60',\n);\n\nconst popupClass = cn(\n  'z-50 max-h-[min(20rem,var(--available-height))] min-w-44 origin-[var(--transform-origin)] overflow-x-hidden overflow-y-auto rounded-xl border border-border1 bg-surface3 p-1 text-neutral4 shadow-dialog outline-none',\n  'data-[closed]:animate-out data-[closed]:fade-out-0 data-[closed]:zoom-out-95 data-[open]:animate-in data-[open]:fade-in-0 data-[open]:zoom-in-95',\n  'data-[side=bottom]:slide-in-from-top-1 data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1 data-[side=top]:slide-in-from-bottom-1',\n);\n\ntype DropdownMenuTriggerProps = MenuPrimitive.Trigger.Props & {\n  /** @deprecated Use Base UI's native `render` prop instead for stronger composition typing. */\n  asChild?: boolean;\n};\n\nconst DropdownMenuTrigger = React.forwardRef<HTMLButtonElement, DropdownMenuTriggerProps>(\n  ({ className, asChild, children, ...props }, ref) => {\n    return (\n      <MenuPrimitive.Trigger\n        ref={ref}\n        className={cn('cursor-pointer outline-none', className)}\n        {...asChildRenderProps(asChild, children)}\n        {...props}\n      >\n        {asChild ? undefined : children}\n      </MenuPrimitive.Trigger>\n    );\n  },\n);\nDropdownMenuTrigger.displayName = 'DropdownMenuTrigger';\n\ntype DropdownMenuSubTriggerProps = MenuPrimitive.SubmenuTrigger.Props & {\n  inset?: boolean;\n};\n\nconst DropdownMenuSubTrigger = React.forwardRef<HTMLDivElement, DropdownMenuSubTriggerProps>(\n  ({ className, inset, children, ...props }, ref) => (\n    <MenuPrimitive.SubmenuTrigger\n      ref={ref}\n      className={cn(\n        itemClass,\n        'data-[popup-open]:bg-surface4 data-[popup-open]:text-neutral6',\n        inset && 'pl-8',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <span className=\"ml-auto pl-2\">\n        <ChevronDown className=\"-rotate-90 opacity-50\" />\n      </span>\n    </MenuPrimitive.SubmenuTrigger>\n  ),\n);\nDropdownMenuSubTrigger.displayName = 'DropdownMenuSubTrigger';\n\ntype DropdownMenuContentPositionerProps = Omit<MenuPositionerProps, keyof MenuPopupProps>;\n\ntype DropdownMenuSubContentProps = MenuPopupProps & DropdownMenuContentPositionerProps;\n\nconst DropdownMenuSubContent = React.forwardRef<HTMLDivElement, DropdownMenuSubContentProps>(\n  (\n    {\n      className,\n      align = 'start',\n      alignOffset = -4,\n      side = 'right',\n      sideOffset = 0,\n      anchor,\n      positionMethod,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\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=\"z-50 outline-none\" {...positionerProps}>\n          <MenuPrimitive.Popup\n            ref={ref}\n            data-slot=\"dropdown-menu-sub-content\"\n            className={cn(popupClass, className)}\n            {...props}\n          />\n        </MenuPrimitive.Positioner>\n      </MenuPrimitive.Portal>\n    );\n  },\n);\nDropdownMenuSubContent.displayName = 'DropdownMenuSubContent';\n\ntype DropdownMenuContentProps = MenuPopupProps &\n  DropdownMenuContentPositionerProps & {\n    container?: HTMLElement;\n  };\n\nconst DropdownMenuContent = React.forwardRef<HTMLDivElement, DropdownMenuContentProps>(\n  (\n    {\n      className,\n      container,\n      align = 'start',\n      alignOffset = 0,\n      side = 'bottom',\n      sideOffset = 8,\n      anchor,\n      positionMethod,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\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=\"z-50 outline-none\" {...positionerProps}>\n          <MenuPrimitive.Popup\n            ref={ref}\n            data-slot=\"dropdown-menu-content\"\n            className={cn(popupClass, className)}\n            {...props}\n          />\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  /** 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', 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        itemClass,\n        inset && 'pl-8',\n        'data-[variant=destructive]:text-accent2 data-[variant=destructive]:hover:bg-accent2/10 data-[variant=destructive]:hover:text-accent2 data-[variant=destructive]:data-[highlighted]:bg-accent2/10 data-[variant=destructive]:data-[highlighted]:text-accent2',\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nDropdownMenuItem.displayName = 'DropdownMenuItem';\n\nconst DropdownMenuCheckboxItem = React.forwardRef<HTMLDivElement, MenuPrimitive.CheckboxItem.Props>(\n  ({ className, children, checked, ...props }, ref) => (\n    <MenuPrimitive.CheckboxItem ref={ref} className={cn(itemClass, 'w-full', className)} checked={checked} {...props}>\n      <div className=\"border-border2 flex size-4 items-center justify-center rounded-sm border\">\n        <MenuPrimitive.CheckboxItemIndicator>\n          <CheckIcon />\n        </MenuPrimitive.CheckboxItemIndicator>\n      </div>\n      {children}\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\n      ref={ref}\n      className={cn(\n        'relative flex cursor-pointer items-center rounded-lg py-1.5 pr-2 pl-8 text-ui-smd leading-ui-sm text-neutral4 transition-colors outline-none select-none hover:bg-surface4 hover:text-neutral6 focus:bg-surface4 focus:text-neutral6 focus:outline-none focus-visible:ring-0 focus-visible:outline-none data-disabled:cursor-not-allowed data-disabled:opacity-50 data-disabled:hover:bg-transparent data-disabled:hover:text-neutral4 data-disabled:focus:bg-transparent data-disabled:focus:text-neutral4 data-[highlighted]:bg-surface4 data-[highlighted]:text-neutral6 data-disabled:data-[highlighted]:bg-transparent data-disabled:data-[highlighted]:text-neutral4',\n        className,\n      )}\n      {...props}\n    >\n      <span className=\"absolute left-2 flex size-3.5 items-center justify-center\">\n        <MenuPrimitive.RadioItemIndicator>\n          <Circle className=\"size-2 fill-current\" />\n        </MenuPrimitive.RadioItemIndicator>\n      </span>\n      {children}\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\n      ref={ref}\n      className={cn(\n        'px-2 pt-1.5 pb-1 text-ui-xs font-medium tracking-wider text-neutral3 uppercase',\n        inset && 'pl-8',\n        className,\n      )}\n      {...props}\n    />\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('-mx-1 my-1 h-px bg-border1', className)} {...props} />\n  ),\n);\nDropdownMenuSeparator.displayName = 'DropdownMenuSeparator';\n\nconst DropdownMenuShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => {\n  return <span className={cn('ml-auto text-xs tracking-widest opacity-60', className)} {...props} />;\n};\nDropdownMenuShortcut.displayName = 'DropdownMenuShortcut';\n\n/**\n *\n * Right now, these are the props mostly used for the menu\n * if we find out, consumers need more props, we can just extend it\n * with componentProps\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.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;\n\nexport { DropdownMenu };\n"],"names":["MenuPrimitive","cn","React","asChild","jsx","asChildRenderProps","jsxs","ChevronDown","usePortalContainer","CheckIcon","Circle"],"mappings":"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"}

package/dist/ee/signals/components/signals-empty-state.cjs.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 require('../../../signals-empty-state.css');const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
-const Button = require('../../../Button-B5RnKrGb.cjs');
+const Button = require('../../../Button-Bm94fEF2.cjs');
 const Card = require('../../../Card-WU2qkiHB.cjs');
 const sankeyColor = require('../../../sankeyColor-DONd5cg9.cjs');
 const ee_signals_signalColors = require('../signal-colors.cjs.js');
@@ -28,12 +28,12 @@ const signalStyle = (label) => ({
   color: sankeyColor.nodeColor(ee_signals_signalColors.getSignalHue(label))
 });
 const PipelineConnector = () => /* @__PURE__ */ jsxRuntime.jsxs("div", { "aria-hidden": "true", className: "relative hidden h-full items-center lg:flex", children: [
-  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full border-t border-dashed border-border1" }),
-  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "signals-pipeline-connector absolute left-1/2 size-2.5 -translate-x-1/2 rounded-full bg-positive1 shadow-[0_0_12px_currentColor]" })
+  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-border1 w-full border-t border-dashed" }),
+  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "signals-pipeline-connector bg-positive1 absolute left-1/2 size-2.5 -translate-x-1/2 rounded-full shadow-[0_0_12px_currentColor]" })
 ] });
 const SignalsEmptyState = ({ actionSlot, LinkComponent = "a" }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx("section", { className: "min-h-full w-full bg-surface1 p-6 md:px-10 lg:px-12 xl:px-[4.375rem]", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-260 mx-auto w-full", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("header", { children: /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-header-xl font-medium tracking-tight text-neutral6", children: "Understand what drives every agent interaction" }) }),
+  return /* @__PURE__ */ jsxRuntime.jsx("section", { className: "bg-surface1 min-h-full w-full p-6 md:px-10 lg:px-12 xl:px-[4.375rem]", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto w-full max-w-260", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("header", { children: /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-header-xl text-neutral6 font-medium tracking-tight", children: "Understand what drives every agent interaction" }) }),
     /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
@@ -42,13 +42,13 @@ const SignalsEmptyState = ({ actionSlot, LinkComponent = "a" }) => {
         role: "list",
         children: [
           /* @__PURE__ */ jsxRuntime.jsxs("article", { className: "h-50 p-5", role: "listitem", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-semibold text-neutral6", children: "Traces" }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 text-xs text-neutral3", children: "Every agent interaction" }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-5 font-mono text-[0.5625rem] tracking-[0.24em] text-neutral2 uppercase", children: "Input" }),
+            /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-neutral6 text-lg font-semibold", children: "Traces" }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-neutral3 mt-0.5 text-xs", children: "Every agent interaction" }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-neutral2 mt-5 font-mono text-[0.5625rem] tracking-[0.24em] uppercase", children: "Input" }),
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2.5 space-y-2", children: traceRows.map(([name, duration]) => /* @__PURE__ */ jsxRuntime.jsxs(
               "div",
               {
-                className: "flex items-center justify-between rounded border border-border1 bg-surface3 px-3 py-1.5 font-mono text-ui-xs",
+                className: "border-border1 bg-surface3 text-ui-xs flex items-center justify-between rounded border px-3 py-1.5 font-mono",
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-neutral4", children: name }),
                   /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-neutral2", children: duration })
@@ -62,31 +62,31 @@ const SignalsEmptyState = ({ actionSlot, LinkComponent = "a" }) => {
             Card.Card,
             {
               as: "article",
-              className: "h-50 flex flex-col items-center p-5 text-center",
+              className: "flex h-50 flex-col items-center p-5 text-center",
               elevation: "elevated",
               role: "listitem",
               children: [
-                /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-semibold text-neutral6", children: "Mastra Engine" }),
-                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 text-xs text-neutral3", children: "Clusters recurring patterns" }),
+                /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-neutral6 text-lg font-semibold", children: "Mastra Engine" }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-neutral3 mt-0.5 text-xs", children: "Clusters recurring patterns" }),
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { "aria-hidden": "true", className: "relative mt-5 flex size-20 items-center justify-center", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "signals-engine-pulse absolute size-20 rounded-full border border-positive1/15" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute size-14 rounded-full border border-positive1/25" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute size-9 rounded-full border border-positive1/40 bg-positive1/5 shadow-[0_0_24px_var(--color-positive1)]" }),
-                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CpuIcon, { className: "relative size-4 text-positive1" })
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "signals-engine-pulse border-positive1/15 absolute size-20 rounded-full border" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "border-positive1/25 absolute size-14 rounded-full border" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "border-positive1/40 bg-positive1/5 absolute size-9 rounded-full border shadow-[0_0_24px_var(--color-positive1)]" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CpuIcon, { className: "text-positive1 relative size-4" })
                 ] }),
-                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-3 max-w-40 text-ui-xs leading-4 text-neutral2", children: "Finds relationships across conversations, tools, and workflows" })
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-ui-xs text-neutral2 mt-3 max-w-40 leading-4", children: "Finds relationships across conversations, tools, and workflows" })
               ]
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(PipelineConnector, {}),
           /* @__PURE__ */ jsxRuntime.jsxs("article", { className: "h-50 p-5", role: "listitem", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-semibold text-neutral6", children: "Signal analysis" }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 text-xs text-neutral3", children: "What your users actually do" }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-5 font-mono text-[0.5625rem] tracking-[0.24em] text-neutral2 uppercase", children: "Output" }),
+            /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-neutral6 text-lg font-semibold", children: "Signal analysis" }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-neutral3 mt-0.5 text-xs", children: "What your users actually do" }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-neutral2 mt-5 font-mono text-[0.5625rem] tracking-[0.24em] uppercase", children: "Output" }),
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 flex flex-wrap gap-2", children: signalLabels.map((label) => /* @__PURE__ */ jsxRuntime.jsxs(
               "span",
               {
-                className: "signals-chip inline-flex items-center gap-2 rounded border border-current/25 bg-surface3 px-2.5 py-1.5 text-xs font-medium shadow-[0_0_14px_color-mix(in_oklch,currentColor_12%,transparent)]",
+                className: "signals-chip bg-surface3 inline-flex items-center gap-2 rounded border border-current/25 px-2.5 py-1.5 text-xs font-medium shadow-[0_0_14px_color-mix(in_oklch,currentColor_12%,transparent)]",
                 style: signalStyle(label),
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "size-1.5 rounded-full bg-current shadow-[0_0_7px_currentColor]" }),
@@ -100,31 +100,31 @@ const SignalsEmptyState = ({ actionSlot, LinkComponent = "a" }) => {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "mt-10", "aria-labelledby": "signal-definitions-heading", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h2", { id: "signal-definitions-heading", className: "text-lg font-semibold text-neutral6", children: "What each signal means" }),
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { id: "signal-definitions-heading", className: "text-neutral6 text-lg font-semibold", children: "What each signal means" }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { "aria-label": "Signal definitions", className: "mt-4 grid gap-3 sm:grid-cols-2", role: "list", children: signalDefinitions.map((signal) => /* @__PURE__ */ jsxRuntime.jsxs("article", { className: "px-1 py-2", role: "listitem", children: [
         /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold", style: signalStyle(signal.label), children: signal.label }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1.5 text-xs leading-5 text-neutral3", children: signal.description })
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-neutral3 mt-1.5 text-xs leading-5", children: signal.description })
       ] }, signal.label)) })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "mt-10", "aria-label": "Signal relationship preview", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-mono text-[0.5625rem] tracking-[0.2em] text-neutral2 uppercase", children: "Grouped trace relationships will appear after traces contain at least two signal types" }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { "aria-hidden": "true", className: "h-18 mt-3 grid grid-cols-3 gap-5 opacity-35", children: [0, 1, 2].map((index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-md border border-dashed border-border1 bg-surface2/30 p-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-1.5 w-16 rounded-full bg-neutral1" }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 h-1 w-full rounded-full bg-neutral1/60" }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2 h-1 w-2/3 rounded-full bg-neutral1/40" })
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-neutral2 font-mono text-[0.5625rem] tracking-[0.2em] uppercase", children: "Grouped trace relationships will appear after traces contain at least two signal types" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { "aria-hidden": "true", className: "mt-3 grid h-18 grid-cols-3 gap-5 opacity-35", children: [0, 1, 2].map((index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-border1 bg-surface2/30 rounded-md border border-dashed p-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-neutral1 h-1.5 w-16 rounded-full" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-neutral1/60 mt-3 h-1 w-full rounded-full" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-neutral1/40 mt-2 h-1 w-2/3 rounded-full" })
       ] }, index)) })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("aside", { className: "mt-9 flex min-h-16 flex-col gap-4 rounded-md border border-border1 bg-surface2 px-5 py-3.5 sm:flex-row sm:items-center sm:justify-between", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("aside", { className: "border-border1 bg-surface2 mt-9 flex min-h-16 flex-col gap-4 rounded-md border px-5 py-3.5 sm:flex-row sm:items-center sm:justify-between", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 items-start gap-3 sm:items-center", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           "span",
           {
             "aria-hidden": "true",
-            className: "mt-1.5 size-2 shrink-0 rounded-full bg-warning1 shadow-[0_0_9px_currentColor] sm:mt-0"
+            className: "bg-warning1 mt-1.5 size-2 shrink-0 rounded-full shadow-[0_0_9px_currentColor] sm:mt-0"
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs leading-5 text-neutral3", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "font-semibold text-neutral5", children: "Waiting for traces." }),
+        /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-neutral3 text-xs leading-5", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "text-neutral5 font-semibold", children: "Waiting for traces." }),
           " Signals activate automatically once your agents start receiving traffic."
         ] })
       ] }),

package/dist/ee/signals/components/signals-empty-state.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"signals-empty-state.cjs.js","sources":["../../../../src/ee/signals/components/signals-empty-state.tsx"],"sourcesContent":["import { CpuIcon } from 'lucide-react';\nimport type { CSSProperties, ReactNode } from 'react';\n\nimport './signals-empty-state.css';\nimport { Button } from '../../../ds/components/Button';\nimport { Card } from '../../../ds/components/Card';\nimport { nodeColor } from '../../../ds/components/SankeyChart/sankeyColor';\nimport type { LinkComponent } from '../../../ds/types/link-component';\nimport { getSignalHue } from '../signal-colors';\n\nconst signalDefinitions = [\n  { label: 'Goal', description: 'What the user is trying to achieve or have completed.' },\n  { label: 'Sentiment', description: \"The user's emotional state or attitude.\" },\n  {\n    label: 'Behavior',\n    description:\n      \"The entity's observable actions and patterns, including tool use, omissions, retries, failures, and recovery.\",\n  },\n  { label: 'Outcome', description: 'The final completed, unresolved, or blocked state.' },\n];\nconst signalLabels = signalDefinitions.map(signal => signal.label);\n\nconst traceRows = [\n  ['chat.completion', '1.2s'],\n  ['tool.search_docs', '340ms'],\n  ['workflow.support', '2.8s'],\n];\n\nconst signalStyle = (label: string): CSSProperties => ({\n  color: nodeColor(getSignalHue(label)),\n});\n\nconst PipelineConnector = () => (\n  <div aria-hidden=\"true\" className=\"relative hidden h-full items-center lg:flex\">\n    <div className=\"w-full border-t border-dashed border-border1\" />\n    <span className=\"signals-pipeline-connector absolute left-1/2 size-2.5 -translate-x-1/2 rounded-full bg-positive1 shadow-[0_0_12px_currentColor]\" />\n  </div>\n);\n\nexport type SignalsEmptyStateProps = {\n  actionSlot?: ReactNode;\n  LinkComponent?: LinkComponent;\n};\n\nexport const SignalsEmptyState = ({ actionSlot, LinkComponent = 'a' }: SignalsEmptyStateProps) => {\n  return (\n    <section className=\"min-h-full w-full bg-surface1 p-6 md:px-10 lg:px-12 xl:px-[4.375rem]\">\n      <div className=\"max-w-260 mx-auto w-full\">\n        <header>\n          <h1 className=\"text-header-xl font-medium tracking-tight text-neutral6\">\n            Understand what drives every agent interaction\n          </h1>\n        </header>\n\n        <div\n          aria-label=\"Signals analysis pipeline\"\n          className=\"mt-14 grid gap-4 lg:grid-cols-[17.5rem_4.5rem_17.5rem_4.5rem_minmax(0,1fr)] lg:gap-0\"\n          role=\"list\"\n        >\n          <article className=\"h-50 p-5\" role=\"listitem\">\n            <h2 className=\"text-lg font-semibold text-neutral6\">Traces</h2>\n            <p className=\"mt-0.5 text-xs text-neutral3\">Every agent interaction</p>\n            <p className=\"mt-5 font-mono text-[0.5625rem] tracking-[0.24em] text-neutral2 uppercase\">Input</p>\n            <div className=\"mt-2.5 space-y-2\">\n              {traceRows.map(([name, duration]) => (\n                <div\n                  className=\"flex items-center justify-between rounded border border-border1 bg-surface3 px-3 py-1.5 font-mono text-ui-xs\"\n                  key={name}\n                >\n                  <span className=\"text-neutral4\">{name}</span>\n                  <span className=\"text-neutral2\">{duration}</span>\n                </div>\n              ))}\n            </div>\n          </article>\n\n          <PipelineConnector />\n\n          <Card\n            as=\"article\"\n            className=\"h-50 flex flex-col items-center p-5 text-center\"\n            elevation=\"elevated\"\n            role=\"listitem\"\n          >\n            <h2 className=\"text-lg font-semibold text-neutral6\">Mastra Engine</h2>\n            <p className=\"mt-0.5 text-xs text-neutral3\">Clusters recurring patterns</p>\n            <div aria-hidden=\"true\" className=\"relative mt-5 flex size-20 items-center justify-center\">\n              <span className=\"signals-engine-pulse absolute size-20 rounded-full border border-positive1/15\" />\n              <span className=\"absolute size-14 rounded-full border border-positive1/25\" />\n              <span className=\"absolute size-9 rounded-full border border-positive1/40 bg-positive1/5 shadow-[0_0_24px_var(--color-positive1)]\" />\n              <CpuIcon className=\"relative size-4 text-positive1\" />\n            </div>\n            <p className=\"mt-3 max-w-40 text-ui-xs leading-4 text-neutral2\">\n              Finds relationships across conversations, tools, and workflows\n            </p>\n          </Card>\n\n          <PipelineConnector />\n\n          <article className=\"h-50 p-5\" role=\"listitem\">\n            <h2 className=\"text-lg font-semibold text-neutral6\">Signal analysis</h2>\n            <p className=\"mt-0.5 text-xs text-neutral3\">What your users actually do</p>\n            <p className=\"mt-5 font-mono text-[0.5625rem] tracking-[0.24em] text-neutral2 uppercase\">Output</p>\n            <div className=\"mt-3 flex flex-wrap gap-2\">\n              {signalLabels.map(label => (\n                <span\n                  className=\"signals-chip inline-flex items-center gap-2 rounded border border-current/25 bg-surface3 px-2.5 py-1.5 text-xs font-medium shadow-[0_0_14px_color-mix(in_oklch,currentColor_12%,transparent)]\"\n                  key={label}\n                  style={signalStyle(label)}\n                >\n                  <span aria-hidden=\"true\" className=\"size-1.5 rounded-full bg-current shadow-[0_0_7px_currentColor]\" />\n                  {label}\n                </span>\n              ))}\n            </div>\n          </article>\n        </div>\n\n        <section className=\"mt-10\" aria-labelledby=\"signal-definitions-heading\">\n          <h2 id=\"signal-definitions-heading\" className=\"text-lg font-semibold text-neutral6\">\n            What each signal means\n          </h2>\n          <div aria-label=\"Signal definitions\" className=\"mt-4 grid gap-3 sm:grid-cols-2\" role=\"list\">\n            {signalDefinitions.map(signal => (\n              <article className=\"px-1 py-2\" key={signal.label} role=\"listitem\">\n                <h3 className=\"text-sm font-semibold\" style={signalStyle(signal.label)}>\n                  {signal.label}\n                </h3>\n                <p className=\"mt-1.5 text-xs leading-5 text-neutral3\">{signal.description}</p>\n              </article>\n            ))}\n          </div>\n        </section>\n\n        <section className=\"mt-10\" aria-label=\"Signal relationship preview\">\n          <p className=\"font-mono text-[0.5625rem] tracking-[0.2em] text-neutral2 uppercase\">\n            Grouped trace relationships will appear after traces contain at least two signal types\n          </p>\n          <div aria-hidden=\"true\" className=\"h-18 mt-3 grid grid-cols-3 gap-5 opacity-35\">\n            {[0, 1, 2].map(index => (\n              <div className=\"rounded-md border border-dashed border-border1 bg-surface2/30 p-4\" key={index}>\n                <div className=\"h-1.5 w-16 rounded-full bg-neutral1\" />\n                <div className=\"mt-3 h-1 w-full rounded-full bg-neutral1/60\" />\n                <div className=\"mt-2 h-1 w-2/3 rounded-full bg-neutral1/40\" />\n              </div>\n            ))}\n          </div>\n        </section>\n\n        <aside className=\"mt-9 flex min-h-16 flex-col gap-4 rounded-md border border-border1 bg-surface2 px-5 py-3.5 sm:flex-row sm:items-center sm:justify-between\">\n          <div className=\"flex min-w-0 items-start gap-3 sm:items-center\">\n            <span\n              aria-hidden=\"true\"\n              className=\"mt-1.5 size-2 shrink-0 rounded-full bg-warning1 shadow-[0_0_9px_currentColor] sm:mt-0\"\n            />\n            <p className=\"text-xs leading-5 text-neutral3\">\n              <strong className=\"font-semibold text-neutral5\">Waiting for traces.</strong> Signals activate\n              automatically once your agents start receiving traffic.\n            </p>\n          </div>\n          <div className=\"flex shrink-0 flex-wrap items-center gap-2\">\n            {actionSlot}\n            <Button\n              as=\"a\"\n              href=\"https://mastra.ai/en/docs/observability/tracing/overview\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              variant=\"outline\"\n              size=\"sm\"\n            >\n              Read the docs\n            </Button>\n            <Button as={LinkComponent} href=\"/observability\" variant=\"primary\" size=\"sm\">\n              View incoming traces\n            </Button>\n          </div>\n        </aside>\n      </div>\n    </section>\n  );\n};\n"],"names":["nodeColor","getSignalHue","jsxs","jsx","Card","CpuIcon","Button"],"mappings":";;;;;;;;;;;AAUA,MAAM,iBAAA,GAAoB;AAAA,EACxB,EAAE,KAAA,EAAO,MAAA,EAAQ,WAAA,EAAa,uDAAA,EAAwD;AAAA,EACtF,EAAE,KAAA,EAAO,WAAA,EAAa,WAAA,EAAa,yCAAA,EAA0C;AAAA,EAC7E;AAAA,IACE,KAAA,EAAO,UAAA;AAAA,IACP,WAAA,EACE;AAAA,GACJ;AAAA,EACA,EAAE,KAAA,EAAO,SAAA,EAAW,WAAA,EAAa,oDAAA;AACnC,CAAA;AACA,MAAM,YAAA,GAAe,iBAAA,CAAkB,GAAA,CAAI,CAAA,MAAA,KAAU,OAAO,KAAK,CAAA;AAEjE,MAAM,SAAA,GAAY;AAAA,EAChB,CAAC,mBAAmB,MAAM,CAAA;AAAA,EAC1B,CAAC,oBAAoB,OAAO,CAAA;AAAA,EAC5B,CAAC,oBAAoB,MAAM;AAC7B,CAAA;AAEA,MAAM,WAAA,GAAc,CAAC,KAAA,MAAkC;AAAA,EACrD,KAAA,EAAOA,qBAAA,CAAUC,oCAAA,CAAa,KAAK,CAAC;AACtC,CAAA,CAAA;AAEA,MAAM,oBAAoB,sBACxBC,eAAA,CAAC,SAAI,aAAA,EAAY,MAAA,EAAO,WAAU,6CAAA,EAChC,QAAA,EAAA;AAAA,kBAAAC,cAAA,CAAC,KAAA,EAAA,EAAI,WAAU,8CAAA,EAA+C,CAAA;AAAA,kBAC9DA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,iIAAA,EAAkI;AAAA,CAAA,EACpJ,CAAA;AAQK,MAAM,oBAAoB,CAAC,EAAE,UAAA,EAAY,aAAA,GAAgB,KAAI,KAA8B;AAChG,EAAA,sCACG,SAAA,EAAA,EAAQ,SAAA,EAAU,wEACjB,QAAA,kBAAAD,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,0BAAA,EACb,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAAC,YACC,QAAA,kBAAAA,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,yDAAA,EAA0D,4DAExE,CAAA,EACF,CAAA;AAAA,oBAEAD,eAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,YAAA,EAAW,2BAAA;AAAA,QACX,SAAA,EAAU,sFAAA;AAAA,QACV,IAAA,EAAK,MAAA;AAAA,QAEL,QAAA,EAAA;AAAA,0BAAAA,eAAA,CAAC,SAAA,EAAA,EAAQ,SAAA,EAAU,UAAA,EAAW,IAAA,EAAK,UAAA,EACjC,QAAA,EAAA;AAAA,4BAAAC,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,qCAAA,EAAsC,QAAA,EAAA,QAAA,EAAM,CAAA;AAAA,4BAC1DA,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,8BAAA,EAA+B,QAAA,EAAA,yBAAA,EAAuB,CAAA;AAAA,4BACnEA,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,2EAAA,EAA4E,QAAA,EAAA,OAAA,EAAK,CAAA;AAAA,4BAC9FA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,kBAAA,EACZ,QAAA,EAAA,SAAA,CAAU,IAAI,CAAC,CAAC,IAAA,EAAM,QAAQ,CAAA,qBAC7BD,eAAA;AAAA,cAAC,KAAA;AAAA,cAAA;AAAA,gBACC,SAAA,EAAU,8GAAA;AAAA,gBAGV,QAAA,EAAA;AAAA,kCAAAC,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,eAAA,EAAiB,QAAA,EAAA,IAAA,EAAK,CAAA;AAAA,kCACtCA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,eAAA,EAAiB,QAAA,EAAA,QAAA,EAAS;AAAA;AAAA,eAAA;AAAA,cAHrC;AAAA,aAKR,CAAA,EACH;AAAA,WAAA,EACF,CAAA;AAAA,yCAEC,iBAAA,EAAA,EAAkB,CAAA;AAAA,0BAEnBD,eAAA;AAAA,YAACE,SAAA;AAAA,YAAA;AAAA,cACC,EAAA,EAAG,SAAA;AAAA,cACH,SAAA,EAAU,iDAAA;AAAA,cACV,SAAA,EAAU,UAAA;AAAA,cACV,IAAA,EAAK,UAAA;AAAA,cAEL,QAAA,EAAA;AAAA,gCAAAD,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,qCAAA,EAAsC,QAAA,EAAA,eAAA,EAAa,CAAA;AAAA,gCACjEA,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,8BAAA,EAA+B,QAAA,EAAA,6BAAA,EAA2B,CAAA;AAAA,gCACvED,eAAA,CAAC,KAAA,EAAA,EAAI,aAAA,EAAY,MAAA,EAAO,WAAU,wDAAA,EAChC,QAAA,EAAA;AAAA,kCAAAC,cAAA,CAAC,MAAA,EAAA,EAAK,WAAU,+EAAA,EAAgF,CAAA;AAAA,kCAChGA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,0DAAA,EAA2D,CAAA;AAAA,kCAC3EA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,iHAAA,EAAkH,CAAA;AAAA,kCAClIA,cAAA,CAACE,mBAAA,EAAA,EAAQ,SAAA,EAAU,gCAAA,EAAiC;AAAA,iBAAA,EACtD,CAAA;AAAA,gCACAF,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,kDAAA,EAAmD,QAAA,EAAA,gEAAA,EAEhE;AAAA;AAAA;AAAA,WACF;AAAA,yCAEC,iBAAA,EAAA,EAAkB,CAAA;AAAA,0BAEnBD,eAAA,CAAC,SAAA,EAAA,EAAQ,SAAA,EAAU,UAAA,EAAW,MAAK,UAAA,EACjC,QAAA,EAAA;AAAA,4BAAAC,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,qCAAA,EAAsC,QAAA,EAAA,iBAAA,EAAe,CAAA;AAAA,4BACnEA,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,8BAAA,EAA+B,QAAA,EAAA,6BAAA,EAA2B,CAAA;AAAA,4BACvEA,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,2EAAA,EAA4E,QAAA,EAAA,QAAA,EAAM,CAAA;AAAA,2CAC9F,KAAA,EAAA,EAAI,SAAA,EAAU,2BAAA,EACZ,QAAA,EAAA,YAAA,CAAa,IAAI,CAAA,KAAA,qBAChBD,eAAA;AAAA,cAAC,MAAA;AAAA,cAAA;AAAA,gBACC,SAAA,EAAU,+LAAA;AAAA,gBAEV,KAAA,EAAO,YAAY,KAAK,CAAA;AAAA,gBAExB,QAAA,EAAA;AAAA,kCAAAC,cAAA,CAAC,MAAA,EAAA,EAAK,aAAA,EAAY,MAAA,EAAO,SAAA,EAAU,gEAAA,EAAiE,CAAA;AAAA,kBACnG;AAAA;AAAA,eAAA;AAAA,cAJI;AAAA,aAMR,CAAA,EACH;AAAA,WAAA,EACF;AAAA;AAAA;AAAA,KACF;AAAA,oBAEAD,eAAA,CAAC,SAAA,EAAA,EAAQ,SAAA,EAAU,OAAA,EAAQ,mBAAgB,4BAAA,EACzC,QAAA,EAAA;AAAA,sBAAAC,cAAA,CAAC,IAAA,EAAA,EAAG,EAAA,EAAG,4BAAA,EAA6B,SAAA,EAAU,uCAAsC,QAAA,EAAA,wBAAA,EAEpF,CAAA;AAAA,qCACC,KAAA,EAAA,EAAI,YAAA,EAAW,oBAAA,EAAqB,SAAA,EAAU,kCAAiC,IAAA,EAAK,MAAA,EAClF,QAAA,EAAA,iBAAA,CAAkB,GAAA,CAAI,4BACrBD,eAAA,CAAC,SAAA,EAAA,EAAQ,SAAA,EAAU,WAAA,EAA+B,MAAK,UAAA,EACrD,QAAA,EAAA;AAAA,wBAAAC,cAAA,CAAC,IAAA,EAAA,EAAG,WAAU,uBAAA,EAAwB,KAAA,EAAO,YAAY,MAAA,CAAO,KAAK,CAAA,EAClE,QAAA,EAAA,MAAA,CAAO,KAAA,EACV,CAAA;AAAA,wBACAA,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,wCAAA,EAA0C,iBAAO,WAAA,EAAY;AAAA,OAAA,EAAA,EAJxC,MAAA,CAAO,KAK3C,CACD,CAAA,EACH;AAAA,KAAA,EACF,CAAA;AAAA,oBAEAD,eAAA,CAAC,SAAA,EAAA,EAAQ,SAAA,EAAU,OAAA,EAAQ,cAAW,6BAAA,EACpC,QAAA,EAAA;AAAA,sBAAAC,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,qEAAA,EAAsE,QAAA,EAAA,wFAAA,EAEnF,CAAA;AAAA,qCACC,KAAA,EAAA,EAAI,aAAA,EAAY,MAAA,EAAO,SAAA,EAAU,+CAC/B,QAAA,EAAA,CAAC,CAAA,EAAG,CAAA,EAAG,CAAC,EAAE,GAAA,CAAI,CAAA,KAAA,qBACbD,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,mEAAA,EACb,QAAA,EAAA;AAAA,wBAAAC,cAAA,CAAC,KAAA,EAAA,EAAI,WAAU,qCAAA,EAAsC,CAAA;AAAA,wBACrDA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,6CAAA,EAA8C,CAAA;AAAA,wBAC7DA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,4CAAA,EAA6C;AAAA,OAAA,EAAA,EAH0B,KAIxF,CACD,CAAA,EACH;AAAA,KAAA,EACF,CAAA;AAAA,oBAEAD,eAAA,CAAC,OAAA,EAAA,EAAM,SAAA,EAAU,2IAAA,EACf,QAAA,EAAA;AAAA,sBAAAA,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,gDAAA,EACb,QAAA,EAAA;AAAA,wBAAAC,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,aAAA,EAAY,MAAA;AAAA,YACZ,SAAA,EAAU;AAAA;AAAA,SACZ;AAAA,wBACAD,eAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,iCAAA,EACX,QAAA,EAAA;AAAA,0BAAAC,cAAA,CAAC,QAAA,EAAA,EAAO,SAAA,EAAU,6BAAA,EAA8B,QAAA,EAAA,qBAAA,EAAmB,CAAA;AAAA,UAAS;AAAA,SAAA,EAE9E;AAAA,OAAA,EACF,CAAA;AAAA,sBACAD,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,4CAAA,EACZ,QAAA,EAAA;AAAA,QAAA,UAAA;AAAA,wBACDC,cAAA;AAAA,UAACG,aAAA;AAAA,UAAA;AAAA,YACC,EAAA,EAAG,GAAA;AAAA,YACH,IAAA,EAAK,0DAAA;AAAA,YACL,MAAA,EAAO,QAAA;AAAA,YACP,GAAA,EAAI,qBAAA;AAAA,YACJ,OAAA,EAAQ,SAAA;AAAA,YACR,IAAA,EAAK,IAAA;AAAA,YACN,QAAA,EAAA;AAAA;AAAA,SAED;AAAA,wBACAH,cAAA,CAACG,aAAA,EAAA,EAAO,EAAA,EAAI,aAAA,EAAe,IAAA,EAAK,kBAAiB,OAAA,EAAQ,SAAA,EAAU,IAAA,EAAK,IAAA,EAAK,QAAA,EAAA,sBAAA,EAE7E;AAAA,OAAA,EACF;AAAA,KAAA,EACF;AAAA,GAAA,EACF,CAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"signals-empty-state.cjs.js","sources":["../../../../src/ee/signals/components/signals-empty-state.tsx"],"sourcesContent":["import { CpuIcon } from 'lucide-react';\nimport type { CSSProperties, ReactNode } from 'react';\n\nimport './signals-empty-state.css';\nimport { Button } from '../../../ds/components/Button';\nimport { Card } from '../../../ds/components/Card';\nimport { nodeColor } from '../../../ds/components/SankeyChart/sankeyColor';\nimport type { LinkComponent } from '../../../ds/types/link-component';\nimport { getSignalHue } from '../signal-colors';\n\nconst signalDefinitions = [\n  { label: 'Goal', description: 'What the user is trying to achieve or have completed.' },\n  { label: 'Sentiment', description: \"The user's emotional state or attitude.\" },\n  {\n    label: 'Behavior',\n    description:\n      \"The entity's observable actions and patterns, including tool use, omissions, retries, failures, and recovery.\",\n  },\n  { label: 'Outcome', description: 'The final completed, unresolved, or blocked state.' },\n];\nconst signalLabels = signalDefinitions.map(signal => signal.label);\n\nconst traceRows = [\n  ['chat.completion', '1.2s'],\n  ['tool.search_docs', '340ms'],\n  ['workflow.support', '2.8s'],\n];\n\nconst signalStyle = (label: string): CSSProperties => ({\n  color: nodeColor(getSignalHue(label)),\n});\n\nconst PipelineConnector = () => (\n  <div aria-hidden=\"true\" className=\"relative hidden h-full items-center lg:flex\">\n    <div className=\"border-border1 w-full border-t border-dashed\" />\n    <span className=\"signals-pipeline-connector bg-positive1 absolute left-1/2 size-2.5 -translate-x-1/2 rounded-full shadow-[0_0_12px_currentColor]\" />\n  </div>\n);\n\nexport type SignalsEmptyStateProps = {\n  actionSlot?: ReactNode;\n  LinkComponent?: LinkComponent;\n};\n\nexport const SignalsEmptyState = ({ actionSlot, LinkComponent = 'a' }: SignalsEmptyStateProps) => {\n  return (\n    <section className=\"bg-surface1 min-h-full w-full p-6 md:px-10 lg:px-12 xl:px-[4.375rem]\">\n      <div className=\"mx-auto w-full max-w-260\">\n        <header>\n          <h1 className=\"text-header-xl text-neutral6 font-medium tracking-tight\">\n            Understand what drives every agent interaction\n          </h1>\n        </header>\n\n        <div\n          aria-label=\"Signals analysis pipeline\"\n          className=\"mt-14 grid gap-4 lg:grid-cols-[17.5rem_4.5rem_17.5rem_4.5rem_minmax(0,1fr)] lg:gap-0\"\n          role=\"list\"\n        >\n          <article className=\"h-50 p-5\" role=\"listitem\">\n            <h2 className=\"text-neutral6 text-lg font-semibold\">Traces</h2>\n            <p className=\"text-neutral3 mt-0.5 text-xs\">Every agent interaction</p>\n            <p className=\"text-neutral2 mt-5 font-mono text-[0.5625rem] tracking-[0.24em] uppercase\">Input</p>\n            <div className=\"mt-2.5 space-y-2\">\n              {traceRows.map(([name, duration]) => (\n                <div\n                  className=\"border-border1 bg-surface3 text-ui-xs flex items-center justify-between rounded border px-3 py-1.5 font-mono\"\n                  key={name}\n                >\n                  <span className=\"text-neutral4\">{name}</span>\n                  <span className=\"text-neutral2\">{duration}</span>\n                </div>\n              ))}\n            </div>\n          </article>\n\n          <PipelineConnector />\n\n          <Card\n            as=\"article\"\n            className=\"flex h-50 flex-col items-center p-5 text-center\"\n            elevation=\"elevated\"\n            role=\"listitem\"\n          >\n            <h2 className=\"text-neutral6 text-lg font-semibold\">Mastra Engine</h2>\n            <p className=\"text-neutral3 mt-0.5 text-xs\">Clusters recurring patterns</p>\n            <div aria-hidden=\"true\" className=\"relative mt-5 flex size-20 items-center justify-center\">\n              <span className=\"signals-engine-pulse border-positive1/15 absolute size-20 rounded-full border\" />\n              <span className=\"border-positive1/25 absolute size-14 rounded-full border\" />\n              <span className=\"border-positive1/40 bg-positive1/5 absolute size-9 rounded-full border shadow-[0_0_24px_var(--color-positive1)]\" />\n              <CpuIcon className=\"text-positive1 relative size-4\" />\n            </div>\n            <p className=\"text-ui-xs text-neutral2 mt-3 max-w-40 leading-4\">\n              Finds relationships across conversations, tools, and workflows\n            </p>\n          </Card>\n\n          <PipelineConnector />\n\n          <article className=\"h-50 p-5\" role=\"listitem\">\n            <h2 className=\"text-neutral6 text-lg font-semibold\">Signal analysis</h2>\n            <p className=\"text-neutral3 mt-0.5 text-xs\">What your users actually do</p>\n            <p className=\"text-neutral2 mt-5 font-mono text-[0.5625rem] tracking-[0.24em] uppercase\">Output</p>\n            <div className=\"mt-3 flex flex-wrap gap-2\">\n              {signalLabels.map(label => (\n                <span\n                  className=\"signals-chip bg-surface3 inline-flex items-center gap-2 rounded border border-current/25 px-2.5 py-1.5 text-xs font-medium shadow-[0_0_14px_color-mix(in_oklch,currentColor_12%,transparent)]\"\n                  key={label}\n                  style={signalStyle(label)}\n                >\n                  <span aria-hidden=\"true\" className=\"size-1.5 rounded-full bg-current shadow-[0_0_7px_currentColor]\" />\n                  {label}\n                </span>\n              ))}\n            </div>\n          </article>\n        </div>\n\n        <section className=\"mt-10\" aria-labelledby=\"signal-definitions-heading\">\n          <h2 id=\"signal-definitions-heading\" className=\"text-neutral6 text-lg font-semibold\">\n            What each signal means\n          </h2>\n          <div aria-label=\"Signal definitions\" className=\"mt-4 grid gap-3 sm:grid-cols-2\" role=\"list\">\n            {signalDefinitions.map(signal => (\n              <article className=\"px-1 py-2\" key={signal.label} role=\"listitem\">\n                <h3 className=\"text-sm font-semibold\" style={signalStyle(signal.label)}>\n                  {signal.label}\n                </h3>\n                <p className=\"text-neutral3 mt-1.5 text-xs leading-5\">{signal.description}</p>\n              </article>\n            ))}\n          </div>\n        </section>\n\n        <section className=\"mt-10\" aria-label=\"Signal relationship preview\">\n          <p className=\"text-neutral2 font-mono text-[0.5625rem] tracking-[0.2em] uppercase\">\n            Grouped trace relationships will appear after traces contain at least two signal types\n          </p>\n          <div aria-hidden=\"true\" className=\"mt-3 grid h-18 grid-cols-3 gap-5 opacity-35\">\n            {[0, 1, 2].map(index => (\n              <div className=\"border-border1 bg-surface2/30 rounded-md border border-dashed p-4\" key={index}>\n                <div className=\"bg-neutral1 h-1.5 w-16 rounded-full\" />\n                <div className=\"bg-neutral1/60 mt-3 h-1 w-full rounded-full\" />\n                <div className=\"bg-neutral1/40 mt-2 h-1 w-2/3 rounded-full\" />\n              </div>\n            ))}\n          </div>\n        </section>\n\n        <aside className=\"border-border1 bg-surface2 mt-9 flex min-h-16 flex-col gap-4 rounded-md border px-5 py-3.5 sm:flex-row sm:items-center sm:justify-between\">\n          <div className=\"flex min-w-0 items-start gap-3 sm:items-center\">\n            <span\n              aria-hidden=\"true\"\n              className=\"bg-warning1 mt-1.5 size-2 shrink-0 rounded-full shadow-[0_0_9px_currentColor] sm:mt-0\"\n            />\n            <p className=\"text-neutral3 text-xs leading-5\">\n              <strong className=\"text-neutral5 font-semibold\">Waiting for traces.</strong> Signals activate\n              automatically once your agents start receiving traffic.\n            </p>\n          </div>\n          <div className=\"flex shrink-0 flex-wrap items-center gap-2\">\n            {actionSlot}\n            <Button\n              as=\"a\"\n              href=\"https://mastra.ai/en/docs/observability/tracing/overview\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              variant=\"outline\"\n              size=\"sm\"\n            >\n              Read the docs\n            </Button>\n            <Button as={LinkComponent} href=\"/observability\" variant=\"primary\" size=\"sm\">\n              View incoming traces\n            </Button>\n          </div>\n        </aside>\n      </div>\n    </section>\n  );\n};\n"],"names":["nodeColor","getSignalHue","jsxs","jsx","Card","CpuIcon","Button"],"mappings":"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"}

package/dist/ee/signals/components/signals-empty-state.es.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { CpuIcon } from 'lucide-react';
-import { B as Button } from '../../../Button-Dh5CZ6Ir.js';
+import { B as Button } from '../../../Button-Bx2lFdqb.js';
 import { C as Card } from '../../../Card-BjFMX3pD.js';
 import { n as nodeColor } from '../../../sankeyColor-CQ5nkgtL.js';
 import { getSignalHue } from '../signal-colors.es.js';
@@ -24,12 +24,12 @@ const signalStyle = (label) => ({
   color: nodeColor(getSignalHue(label))
 });
 const PipelineConnector = () => /* @__PURE__ */ jsxs("div", { "aria-hidden": "true", className: "relative hidden h-full items-center lg:flex", children: [
-  /* @__PURE__ */ jsx("div", { className: "w-full border-t border-dashed border-border1" }),
-  /* @__PURE__ */ jsx("span", { className: "signals-pipeline-connector absolute left-1/2 size-2.5 -translate-x-1/2 rounded-full bg-positive1 shadow-[0_0_12px_currentColor]" })
+  /* @__PURE__ */ jsx("div", { className: "border-border1 w-full border-t border-dashed" }),
+  /* @__PURE__ */ jsx("span", { className: "signals-pipeline-connector bg-positive1 absolute left-1/2 size-2.5 -translate-x-1/2 rounded-full shadow-[0_0_12px_currentColor]" })
 ] });
 const SignalsEmptyState = ({ actionSlot, LinkComponent = "a" }) => {
-  return /* @__PURE__ */ jsx("section", { className: "min-h-full w-full bg-surface1 p-6 md:px-10 lg:px-12 xl:px-[4.375rem]", children: /* @__PURE__ */ jsxs("div", { className: "max-w-260 mx-auto w-full", children: [
-    /* @__PURE__ */ jsx("header", { children: /* @__PURE__ */ jsx("h1", { className: "text-header-xl font-medium tracking-tight text-neutral6", children: "Understand what drives every agent interaction" }) }),
+  return /* @__PURE__ */ jsx("section", { className: "bg-surface1 min-h-full w-full p-6 md:px-10 lg:px-12 xl:px-[4.375rem]", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto w-full max-w-260", children: [
+    /* @__PURE__ */ jsx("header", { children: /* @__PURE__ */ jsx("h1", { className: "text-header-xl text-neutral6 font-medium tracking-tight", children: "Understand what drives every agent interaction" }) }),
     /* @__PURE__ */ jsxs(
       "div",
       {
@@ -38,13 +38,13 @@ const SignalsEmptyState = ({ actionSlot, LinkComponent = "a" }) => {
         role: "list",
         children: [
           /* @__PURE__ */ jsxs("article", { className: "h-50 p-5", role: "listitem", children: [
-            /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold text-neutral6", children: "Traces" }),
-            /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-xs text-neutral3", children: "Every agent interaction" }),
-            /* @__PURE__ */ jsx("p", { className: "mt-5 font-mono text-[0.5625rem] tracking-[0.24em] text-neutral2 uppercase", children: "Input" }),
+            /* @__PURE__ */ jsx("h2", { className: "text-neutral6 text-lg font-semibold", children: "Traces" }),
+            /* @__PURE__ */ jsx("p", { className: "text-neutral3 mt-0.5 text-xs", children: "Every agent interaction" }),
+            /* @__PURE__ */ jsx("p", { className: "text-neutral2 mt-5 font-mono text-[0.5625rem] tracking-[0.24em] uppercase", children: "Input" }),
             /* @__PURE__ */ jsx("div", { className: "mt-2.5 space-y-2", children: traceRows.map(([name, duration]) => /* @__PURE__ */ jsxs(
               "div",
               {
-                className: "flex items-center justify-between rounded border border-border1 bg-surface3 px-3 py-1.5 font-mono text-ui-xs",
+                className: "border-border1 bg-surface3 text-ui-xs flex items-center justify-between rounded border px-3 py-1.5 font-mono",
                 children: [
                   /* @__PURE__ */ jsx("span", { className: "text-neutral4", children: name }),
                   /* @__PURE__ */ jsx("span", { className: "text-neutral2", children: duration })
@@ -58,31 +58,31 @@ const SignalsEmptyState = ({ actionSlot, LinkComponent = "a" }) => {
             Card,
             {
               as: "article",
-              className: "h-50 flex flex-col items-center p-5 text-center",
+              className: "flex h-50 flex-col items-center p-5 text-center",
               elevation: "elevated",
               role: "listitem",
               children: [
-                /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold text-neutral6", children: "Mastra Engine" }),
-                /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-xs text-neutral3", children: "Clusters recurring patterns" }),
+                /* @__PURE__ */ jsx("h2", { className: "text-neutral6 text-lg font-semibold", children: "Mastra Engine" }),
+                /* @__PURE__ */ jsx("p", { className: "text-neutral3 mt-0.5 text-xs", children: "Clusters recurring patterns" }),
                 /* @__PURE__ */ jsxs("div", { "aria-hidden": "true", className: "relative mt-5 flex size-20 items-center justify-center", children: [
-                  /* @__PURE__ */ jsx("span", { className: "signals-engine-pulse absolute size-20 rounded-full border border-positive1/15" }),
-                  /* @__PURE__ */ jsx("span", { className: "absolute size-14 rounded-full border border-positive1/25" }),
-                  /* @__PURE__ */ jsx("span", { className: "absolute size-9 rounded-full border border-positive1/40 bg-positive1/5 shadow-[0_0_24px_var(--color-positive1)]" }),
-                  /* @__PURE__ */ jsx(CpuIcon, { className: "relative size-4 text-positive1" })
+                  /* @__PURE__ */ jsx("span", { className: "signals-engine-pulse border-positive1/15 absolute size-20 rounded-full border" }),
+                  /* @__PURE__ */ jsx("span", { className: "border-positive1/25 absolute size-14 rounded-full border" }),
+                  /* @__PURE__ */ jsx("span", { className: "border-positive1/40 bg-positive1/5 absolute size-9 rounded-full border shadow-[0_0_24px_var(--color-positive1)]" }),
+                  /* @__PURE__ */ jsx(CpuIcon, { className: "text-positive1 relative size-4" })
                 ] }),
-                /* @__PURE__ */ jsx("p", { className: "mt-3 max-w-40 text-ui-xs leading-4 text-neutral2", children: "Finds relationships across conversations, tools, and workflows" })
+                /* @__PURE__ */ jsx("p", { className: "text-ui-xs text-neutral2 mt-3 max-w-40 leading-4", children: "Finds relationships across conversations, tools, and workflows" })
               ]
             }
           ),
           /* @__PURE__ */ jsx(PipelineConnector, {}),
           /* @__PURE__ */ jsxs("article", { className: "h-50 p-5", role: "listitem", children: [
-            /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold text-neutral6", children: "Signal analysis" }),
-            /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-xs text-neutral3", children: "What your users actually do" }),
-            /* @__PURE__ */ jsx("p", { className: "mt-5 font-mono text-[0.5625rem] tracking-[0.24em] text-neutral2 uppercase", children: "Output" }),
+            /* @__PURE__ */ jsx("h2", { className: "text-neutral6 text-lg font-semibold", children: "Signal analysis" }),
+            /* @__PURE__ */ jsx("p", { className: "text-neutral3 mt-0.5 text-xs", children: "What your users actually do" }),
+            /* @__PURE__ */ jsx("p", { className: "text-neutral2 mt-5 font-mono text-[0.5625rem] tracking-[0.24em] uppercase", children: "Output" }),
             /* @__PURE__ */ jsx("div", { className: "mt-3 flex flex-wrap gap-2", children: signalLabels.map((label) => /* @__PURE__ */ jsxs(
               "span",
               {
-                className: "signals-chip inline-flex items-center gap-2 rounded border border-current/25 bg-surface3 px-2.5 py-1.5 text-xs font-medium shadow-[0_0_14px_color-mix(in_oklch,currentColor_12%,transparent)]",
+                className: "signals-chip bg-surface3 inline-flex items-center gap-2 rounded border border-current/25 px-2.5 py-1.5 text-xs font-medium shadow-[0_0_14px_color-mix(in_oklch,currentColor_12%,transparent)]",
                 style: signalStyle(label),
                 children: [
                   /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "size-1.5 rounded-full bg-current shadow-[0_0_7px_currentColor]" }),
@@ -96,31 +96,31 @@ const SignalsEmptyState = ({ actionSlot, LinkComponent = "a" }) => {
       }
     ),
     /* @__PURE__ */ jsxs("section", { className: "mt-10", "aria-labelledby": "signal-definitions-heading", children: [
-      /* @__PURE__ */ jsx("h2", { id: "signal-definitions-heading", className: "text-lg font-semibold text-neutral6", children: "What each signal means" }),
+      /* @__PURE__ */ jsx("h2", { id: "signal-definitions-heading", className: "text-neutral6 text-lg font-semibold", children: "What each signal means" }),
       /* @__PURE__ */ jsx("div", { "aria-label": "Signal definitions", className: "mt-4 grid gap-3 sm:grid-cols-2", role: "list", children: signalDefinitions.map((signal) => /* @__PURE__ */ jsxs("article", { className: "px-1 py-2", role: "listitem", children: [
         /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", style: signalStyle(signal.label), children: signal.label }),
-        /* @__PURE__ */ jsx("p", { className: "mt-1.5 text-xs leading-5 text-neutral3", children: signal.description })
+        /* @__PURE__ */ jsx("p", { className: "text-neutral3 mt-1.5 text-xs leading-5", children: signal.description })
       ] }, signal.label)) })
     ] }),
     /* @__PURE__ */ jsxs("section", { className: "mt-10", "aria-label": "Signal relationship preview", children: [
-      /* @__PURE__ */ jsx("p", { className: "font-mono text-[0.5625rem] tracking-[0.2em] text-neutral2 uppercase", children: "Grouped trace relationships will appear after traces contain at least two signal types" }),
-      /* @__PURE__ */ jsx("div", { "aria-hidden": "true", className: "h-18 mt-3 grid grid-cols-3 gap-5 opacity-35", children: [0, 1, 2].map((index) => /* @__PURE__ */ jsxs("div", { className: "rounded-md border border-dashed border-border1 bg-surface2/30 p-4", children: [
-        /* @__PURE__ */ jsx("div", { className: "h-1.5 w-16 rounded-full bg-neutral1" }),
-        /* @__PURE__ */ jsx("div", { className: "mt-3 h-1 w-full rounded-full bg-neutral1/60" }),
-        /* @__PURE__ */ jsx("div", { className: "mt-2 h-1 w-2/3 rounded-full bg-neutral1/40" })
+      /* @__PURE__ */ jsx("p", { className: "text-neutral2 font-mono text-[0.5625rem] tracking-[0.2em] uppercase", children: "Grouped trace relationships will appear after traces contain at least two signal types" }),
+      /* @__PURE__ */ jsx("div", { "aria-hidden": "true", className: "mt-3 grid h-18 grid-cols-3 gap-5 opacity-35", children: [0, 1, 2].map((index) => /* @__PURE__ */ jsxs("div", { className: "border-border1 bg-surface2/30 rounded-md border border-dashed p-4", children: [
+        /* @__PURE__ */ jsx("div", { className: "bg-neutral1 h-1.5 w-16 rounded-full" }),
+        /* @__PURE__ */ jsx("div", { className: "bg-neutral1/60 mt-3 h-1 w-full rounded-full" }),
+        /* @__PURE__ */ jsx("div", { className: "bg-neutral1/40 mt-2 h-1 w-2/3 rounded-full" })
       ] }, index)) })
     ] }),
-    /* @__PURE__ */ jsxs("aside", { className: "mt-9 flex min-h-16 flex-col gap-4 rounded-md border border-border1 bg-surface2 px-5 py-3.5 sm:flex-row sm:items-center sm:justify-between", children: [
+    /* @__PURE__ */ jsxs("aside", { className: "border-border1 bg-surface2 mt-9 flex min-h-16 flex-col gap-4 rounded-md border px-5 py-3.5 sm:flex-row sm:items-center sm:justify-between", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-start gap-3 sm:items-center", children: [
         /* @__PURE__ */ jsx(
           "span",
           {
             "aria-hidden": "true",
-            className: "mt-1.5 size-2 shrink-0 rounded-full bg-warning1 shadow-[0_0_9px_currentColor] sm:mt-0"
+            className: "bg-warning1 mt-1.5 size-2 shrink-0 rounded-full shadow-[0_0_9px_currentColor] sm:mt-0"
           }
         ),
-        /* @__PURE__ */ jsxs("p", { className: "text-xs leading-5 text-neutral3", children: [
-          /* @__PURE__ */ jsx("strong", { className: "font-semibold text-neutral5", children: "Waiting for traces." }),
+        /* @__PURE__ */ jsxs("p", { className: "text-neutral3 text-xs leading-5", children: [
+          /* @__PURE__ */ jsx("strong", { className: "text-neutral5 font-semibold", children: "Waiting for traces." }),
           " Signals activate automatically once your agents start receiving traffic."
         ] })
       ] }),

package/dist/ee/signals/components/signals-empty-state.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"signals-empty-state.es.js","sources":["../../../../src/ee/signals/components/signals-empty-state.tsx"],"sourcesContent":["import { CpuIcon } from 'lucide-react';\nimport type { CSSProperties, ReactNode } from 'react';\n\nimport './signals-empty-state.css';\nimport { Button } from '../../../ds/components/Button';\nimport { Card } from '../../../ds/components/Card';\nimport { nodeColor } from '../../../ds/components/SankeyChart/sankeyColor';\nimport type { LinkComponent } from '../../../ds/types/link-component';\nimport { getSignalHue } from '../signal-colors';\n\nconst signalDefinitions = [\n  { label: 'Goal', description: 'What the user is trying to achieve or have completed.' },\n  { label: 'Sentiment', description: \"The user's emotional state or attitude.\" },\n  {\n    label: 'Behavior',\n    description:\n      \"The entity's observable actions and patterns, including tool use, omissions, retries, failures, and recovery.\",\n  },\n  { label: 'Outcome', description: 'The final completed, unresolved, or blocked state.' },\n];\nconst signalLabels = signalDefinitions.map(signal => signal.label);\n\nconst traceRows = [\n  ['chat.completion', '1.2s'],\n  ['tool.search_docs', '340ms'],\n  ['workflow.support', '2.8s'],\n];\n\nconst signalStyle = (label: string): CSSProperties => ({\n  color: nodeColor(getSignalHue(label)),\n});\n\nconst PipelineConnector = () => (\n  <div aria-hidden=\"true\" className=\"relative hidden h-full items-center lg:flex\">\n    <div className=\"w-full border-t border-dashed border-border1\" />\n    <span className=\"signals-pipeline-connector absolute left-1/2 size-2.5 -translate-x-1/2 rounded-full bg-positive1 shadow-[0_0_12px_currentColor]\" />\n  </div>\n);\n\nexport type SignalsEmptyStateProps = {\n  actionSlot?: ReactNode;\n  LinkComponent?: LinkComponent;\n};\n\nexport const SignalsEmptyState = ({ actionSlot, LinkComponent = 'a' }: SignalsEmptyStateProps) => {\n  return (\n    <section className=\"min-h-full w-full bg-surface1 p-6 md:px-10 lg:px-12 xl:px-[4.375rem]\">\n      <div className=\"max-w-260 mx-auto w-full\">\n        <header>\n          <h1 className=\"text-header-xl font-medium tracking-tight text-neutral6\">\n            Understand what drives every agent interaction\n          </h1>\n        </header>\n\n        <div\n          aria-label=\"Signals analysis pipeline\"\n          className=\"mt-14 grid gap-4 lg:grid-cols-[17.5rem_4.5rem_17.5rem_4.5rem_minmax(0,1fr)] lg:gap-0\"\n          role=\"list\"\n        >\n          <article className=\"h-50 p-5\" role=\"listitem\">\n            <h2 className=\"text-lg font-semibold text-neutral6\">Traces</h2>\n            <p className=\"mt-0.5 text-xs text-neutral3\">Every agent interaction</p>\n            <p className=\"mt-5 font-mono text-[0.5625rem] tracking-[0.24em] text-neutral2 uppercase\">Input</p>\n            <div className=\"mt-2.5 space-y-2\">\n              {traceRows.map(([name, duration]) => (\n                <div\n                  className=\"flex items-center justify-between rounded border border-border1 bg-surface3 px-3 py-1.5 font-mono text-ui-xs\"\n                  key={name}\n                >\n                  <span className=\"text-neutral4\">{name}</span>\n                  <span className=\"text-neutral2\">{duration}</span>\n                </div>\n              ))}\n            </div>\n          </article>\n\n          <PipelineConnector />\n\n          <Card\n            as=\"article\"\n            className=\"h-50 flex flex-col items-center p-5 text-center\"\n            elevation=\"elevated\"\n            role=\"listitem\"\n          >\n            <h2 className=\"text-lg font-semibold text-neutral6\">Mastra Engine</h2>\n            <p className=\"mt-0.5 text-xs text-neutral3\">Clusters recurring patterns</p>\n            <div aria-hidden=\"true\" className=\"relative mt-5 flex size-20 items-center justify-center\">\n              <span className=\"signals-engine-pulse absolute size-20 rounded-full border border-positive1/15\" />\n              <span className=\"absolute size-14 rounded-full border border-positive1/25\" />\n              <span className=\"absolute size-9 rounded-full border border-positive1/40 bg-positive1/5 shadow-[0_0_24px_var(--color-positive1)]\" />\n              <CpuIcon className=\"relative size-4 text-positive1\" />\n            </div>\n            <p className=\"mt-3 max-w-40 text-ui-xs leading-4 text-neutral2\">\n              Finds relationships across conversations, tools, and workflows\n            </p>\n          </Card>\n\n          <PipelineConnector />\n\n          <article className=\"h-50 p-5\" role=\"listitem\">\n            <h2 className=\"text-lg font-semibold text-neutral6\">Signal analysis</h2>\n            <p className=\"mt-0.5 text-xs text-neutral3\">What your users actually do</p>\n            <p className=\"mt-5 font-mono text-[0.5625rem] tracking-[0.24em] text-neutral2 uppercase\">Output</p>\n            <div className=\"mt-3 flex flex-wrap gap-2\">\n              {signalLabels.map(label => (\n                <span\n                  className=\"signals-chip inline-flex items-center gap-2 rounded border border-current/25 bg-surface3 px-2.5 py-1.5 text-xs font-medium shadow-[0_0_14px_color-mix(in_oklch,currentColor_12%,transparent)]\"\n                  key={label}\n                  style={signalStyle(label)}\n                >\n                  <span aria-hidden=\"true\" className=\"size-1.5 rounded-full bg-current shadow-[0_0_7px_currentColor]\" />\n                  {label}\n                </span>\n              ))}\n            </div>\n          </article>\n        </div>\n\n        <section className=\"mt-10\" aria-labelledby=\"signal-definitions-heading\">\n          <h2 id=\"signal-definitions-heading\" className=\"text-lg font-semibold text-neutral6\">\n            What each signal means\n          </h2>\n          <div aria-label=\"Signal definitions\" className=\"mt-4 grid gap-3 sm:grid-cols-2\" role=\"list\">\n            {signalDefinitions.map(signal => (\n              <article className=\"px-1 py-2\" key={signal.label} role=\"listitem\">\n                <h3 className=\"text-sm font-semibold\" style={signalStyle(signal.label)}>\n                  {signal.label}\n                </h3>\n                <p className=\"mt-1.5 text-xs leading-5 text-neutral3\">{signal.description}</p>\n              </article>\n            ))}\n          </div>\n        </section>\n\n        <section className=\"mt-10\" aria-label=\"Signal relationship preview\">\n          <p className=\"font-mono text-[0.5625rem] tracking-[0.2em] text-neutral2 uppercase\">\n            Grouped trace relationships will appear after traces contain at least two signal types\n          </p>\n          <div aria-hidden=\"true\" className=\"h-18 mt-3 grid grid-cols-3 gap-5 opacity-35\">\n            {[0, 1, 2].map(index => (\n              <div className=\"rounded-md border border-dashed border-border1 bg-surface2/30 p-4\" key={index}>\n                <div className=\"h-1.5 w-16 rounded-full bg-neutral1\" />\n                <div className=\"mt-3 h-1 w-full rounded-full bg-neutral1/60\" />\n                <div className=\"mt-2 h-1 w-2/3 rounded-full bg-neutral1/40\" />\n              </div>\n            ))}\n          </div>\n        </section>\n\n        <aside className=\"mt-9 flex min-h-16 flex-col gap-4 rounded-md border border-border1 bg-surface2 px-5 py-3.5 sm:flex-row sm:items-center sm:justify-between\">\n          <div className=\"flex min-w-0 items-start gap-3 sm:items-center\">\n            <span\n              aria-hidden=\"true\"\n              className=\"mt-1.5 size-2 shrink-0 rounded-full bg-warning1 shadow-[0_0_9px_currentColor] sm:mt-0\"\n            />\n            <p className=\"text-xs leading-5 text-neutral3\">\n              <strong className=\"font-semibold text-neutral5\">Waiting for traces.</strong> Signals activate\n              automatically once your agents start receiving traffic.\n            </p>\n          </div>\n          <div className=\"flex shrink-0 flex-wrap items-center gap-2\">\n            {actionSlot}\n            <Button\n              as=\"a\"\n              href=\"https://mastra.ai/en/docs/observability/tracing/overview\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              variant=\"outline\"\n              size=\"sm\"\n            >\n              Read the docs\n            </Button>\n            <Button as={LinkComponent} href=\"/observability\" variant=\"primary\" size=\"sm\">\n              View incoming traces\n            </Button>\n          </div>\n        </aside>\n      </div>\n    </section>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"signals-empty-state.es.js","sources":["../../../../src/ee/signals/components/signals-empty-state.tsx"],"sourcesContent":["import { CpuIcon } from 'lucide-react';\nimport type { CSSProperties, ReactNode } from 'react';\n\nimport './signals-empty-state.css';\nimport { Button } from '../../../ds/components/Button';\nimport { Card } from '../../../ds/components/Card';\nimport { nodeColor } from '../../../ds/components/SankeyChart/sankeyColor';\nimport type { LinkComponent } from '../../../ds/types/link-component';\nimport { getSignalHue } from '../signal-colors';\n\nconst signalDefinitions = [\n  { label: 'Goal', description: 'What the user is trying to achieve or have completed.' },\n  { label: 'Sentiment', description: \"The user's emotional state or attitude.\" },\n  {\n    label: 'Behavior',\n    description:\n      \"The entity's observable actions and patterns, including tool use, omissions, retries, failures, and recovery.\",\n  },\n  { label: 'Outcome', description: 'The final completed, unresolved, or blocked state.' },\n];\nconst signalLabels = signalDefinitions.map(signal => signal.label);\n\nconst traceRows = [\n  ['chat.completion', '1.2s'],\n  ['tool.search_docs', '340ms'],\n  ['workflow.support', '2.8s'],\n];\n\nconst signalStyle = (label: string): CSSProperties => ({\n  color: nodeColor(getSignalHue(label)),\n});\n\nconst PipelineConnector = () => (\n  <div aria-hidden=\"true\" className=\"relative hidden h-full items-center lg:flex\">\n    <div className=\"border-border1 w-full border-t border-dashed\" />\n    <span className=\"signals-pipeline-connector bg-positive1 absolute left-1/2 size-2.5 -translate-x-1/2 rounded-full shadow-[0_0_12px_currentColor]\" />\n  </div>\n);\n\nexport type SignalsEmptyStateProps = {\n  actionSlot?: ReactNode;\n  LinkComponent?: LinkComponent;\n};\n\nexport const SignalsEmptyState = ({ actionSlot, LinkComponent = 'a' }: SignalsEmptyStateProps) => {\n  return (\n    <section className=\"bg-surface1 min-h-full w-full p-6 md:px-10 lg:px-12 xl:px-[4.375rem]\">\n      <div className=\"mx-auto w-full max-w-260\">\n        <header>\n          <h1 className=\"text-header-xl text-neutral6 font-medium tracking-tight\">\n            Understand what drives every agent interaction\n          </h1>\n        </header>\n\n        <div\n          aria-label=\"Signals analysis pipeline\"\n          className=\"mt-14 grid gap-4 lg:grid-cols-[17.5rem_4.5rem_17.5rem_4.5rem_minmax(0,1fr)] lg:gap-0\"\n          role=\"list\"\n        >\n          <article className=\"h-50 p-5\" role=\"listitem\">\n            <h2 className=\"text-neutral6 text-lg font-semibold\">Traces</h2>\n            <p className=\"text-neutral3 mt-0.5 text-xs\">Every agent interaction</p>\n            <p className=\"text-neutral2 mt-5 font-mono text-[0.5625rem] tracking-[0.24em] uppercase\">Input</p>\n            <div className=\"mt-2.5 space-y-2\">\n              {traceRows.map(([name, duration]) => (\n                <div\n                  className=\"border-border1 bg-surface3 text-ui-xs flex items-center justify-between rounded border px-3 py-1.5 font-mono\"\n                  key={name}\n                >\n                  <span className=\"text-neutral4\">{name}</span>\n                  <span className=\"text-neutral2\">{duration}</span>\n                </div>\n              ))}\n            </div>\n          </article>\n\n          <PipelineConnector />\n\n          <Card\n            as=\"article\"\n            className=\"flex h-50 flex-col items-center p-5 text-center\"\n            elevation=\"elevated\"\n            role=\"listitem\"\n          >\n            <h2 className=\"text-neutral6 text-lg font-semibold\">Mastra Engine</h2>\n            <p className=\"text-neutral3 mt-0.5 text-xs\">Clusters recurring patterns</p>\n            <div aria-hidden=\"true\" className=\"relative mt-5 flex size-20 items-center justify-center\">\n              <span className=\"signals-engine-pulse border-positive1/15 absolute size-20 rounded-full border\" />\n              <span className=\"border-positive1/25 absolute size-14 rounded-full border\" />\n              <span className=\"border-positive1/40 bg-positive1/5 absolute size-9 rounded-full border shadow-[0_0_24px_var(--color-positive1)]\" />\n              <CpuIcon className=\"text-positive1 relative size-4\" />\n            </div>\n            <p className=\"text-ui-xs text-neutral2 mt-3 max-w-40 leading-4\">\n              Finds relationships across conversations, tools, and workflows\n            </p>\n          </Card>\n\n          <PipelineConnector />\n\n          <article className=\"h-50 p-5\" role=\"listitem\">\n            <h2 className=\"text-neutral6 text-lg font-semibold\">Signal analysis</h2>\n            <p className=\"text-neutral3 mt-0.5 text-xs\">What your users actually do</p>\n            <p className=\"text-neutral2 mt-5 font-mono text-[0.5625rem] tracking-[0.24em] uppercase\">Output</p>\n            <div className=\"mt-3 flex flex-wrap gap-2\">\n              {signalLabels.map(label => (\n                <span\n                  className=\"signals-chip bg-surface3 inline-flex items-center gap-2 rounded border border-current/25 px-2.5 py-1.5 text-xs font-medium shadow-[0_0_14px_color-mix(in_oklch,currentColor_12%,transparent)]\"\n                  key={label}\n                  style={signalStyle(label)}\n                >\n                  <span aria-hidden=\"true\" className=\"size-1.5 rounded-full bg-current shadow-[0_0_7px_currentColor]\" />\n                  {label}\n                </span>\n              ))}\n            </div>\n          </article>\n        </div>\n\n        <section className=\"mt-10\" aria-labelledby=\"signal-definitions-heading\">\n          <h2 id=\"signal-definitions-heading\" className=\"text-neutral6 text-lg font-semibold\">\n            What each signal means\n          </h2>\n          <div aria-label=\"Signal definitions\" className=\"mt-4 grid gap-3 sm:grid-cols-2\" role=\"list\">\n            {signalDefinitions.map(signal => (\n              <article className=\"px-1 py-2\" key={signal.label} role=\"listitem\">\n                <h3 className=\"text-sm font-semibold\" style={signalStyle(signal.label)}>\n                  {signal.label}\n                </h3>\n                <p className=\"text-neutral3 mt-1.5 text-xs leading-5\">{signal.description}</p>\n              </article>\n            ))}\n          </div>\n        </section>\n\n        <section className=\"mt-10\" aria-label=\"Signal relationship preview\">\n          <p className=\"text-neutral2 font-mono text-[0.5625rem] tracking-[0.2em] uppercase\">\n            Grouped trace relationships will appear after traces contain at least two signal types\n          </p>\n          <div aria-hidden=\"true\" className=\"mt-3 grid h-18 grid-cols-3 gap-5 opacity-35\">\n            {[0, 1, 2].map(index => (\n              <div className=\"border-border1 bg-surface2/30 rounded-md border border-dashed p-4\" key={index}>\n                <div className=\"bg-neutral1 h-1.5 w-16 rounded-full\" />\n                <div className=\"bg-neutral1/60 mt-3 h-1 w-full rounded-full\" />\n                <div className=\"bg-neutral1/40 mt-2 h-1 w-2/3 rounded-full\" />\n              </div>\n            ))}\n          </div>\n        </section>\n\n        <aside className=\"border-border1 bg-surface2 mt-9 flex min-h-16 flex-col gap-4 rounded-md border px-5 py-3.5 sm:flex-row sm:items-center sm:justify-between\">\n          <div className=\"flex min-w-0 items-start gap-3 sm:items-center\">\n            <span\n              aria-hidden=\"true\"\n              className=\"bg-warning1 mt-1.5 size-2 shrink-0 rounded-full shadow-[0_0_9px_currentColor] sm:mt-0\"\n            />\n            <p className=\"text-neutral3 text-xs leading-5\">\n              <strong className=\"text-neutral5 font-semibold\">Waiting for traces.</strong> Signals activate\n              automatically once your agents start receiving traffic.\n            </p>\n          </div>\n          <div className=\"flex shrink-0 flex-wrap items-center gap-2\">\n            {actionSlot}\n            <Button\n              as=\"a\"\n              href=\"https://mastra.ai/en/docs/observability/tracing/overview\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              variant=\"outline\"\n              size=\"sm\"\n            >\n              Read the docs\n            </Button>\n            <Button as={LinkComponent} href=\"/observability\" variant=\"primary\" size=\"sm\">\n              View incoming traces\n            </Button>\n          </div>\n        </aside>\n      </div>\n    </section>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/ee/topics/components/topic-trace-summary-list.cjs.js

@@ -6,9 +6,9 @@ const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
 const ee_topics_utils = require('../utils.cjs.js');
-const Button = require('../../../Button-B5RnKrGb.cjs');
-const dataList = require('../../../data-list-CQWBPREX.cjs');
-const inputGroup = require('../../../input-group-QaBen5tC.cjs');
+const Button = require('../../../Button-Bm94fEF2.cjs');
+const dataList = require('../../../data-list-CEGVpKNo.cjs');
+const inputGroup = require('../../../input-group-CH72YUVL.cjs');
 
 function TopicTraceSummaryList({
   traces,

package/dist/ee/topics/components/topic-trace-summary-list.es.js

@@ -2,9 +2,9 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { SearchIcon } from 'lucide-react';
 import { useState, useMemo } from 'react';
 import { getVisibleTraceSummaries } from '../utils.es.js';
-import { B as Button } from '../../../Button-Dh5CZ6Ir.js';
-import { D as DataList } from '../../../data-list-Ca8j8X2e.js';
-import { I as InputGroup, a as InputGroupAddon, c as InputGroupInput } from '../../../input-group-DZnJcY3U.js';
+import { B as Button } from '../../../Button-Bx2lFdqb.js';
+import { D as DataList } from '../../../data-list-SGIqDkMi.js';
+import { I as InputGroup, a as InputGroupAddon, c as InputGroupInput } from '../../../input-group-Dzs-ai0n.js';
 
 function TopicTraceSummaryList({
   traces,

package/dist/ee/topics/components/topics-layout.cjs.js

@@ -10,8 +10,8 @@ const resize_separator = require('../../../resize/separator.cjs.js');
 
 function TopicsLayout({ sidebar, children, tracePanel, contentPadding = true }) {
   const hasContent = Boolean(children || tracePanel);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full min-h-0 bg-surface2 text-neutral4", children: [
-    sidebar ? /* @__PURE__ */ jsxRuntime.jsx("aside", { className: "w-88 min-h-0 shrink-0 border-r border-border1", children: sidebar }) : null,
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-surface2 text-neutral4 flex h-full min-h-0", children: [
+    sidebar ? /* @__PURE__ */ jsxRuntime.jsx("aside", { className: "border-border1 min-h-0 w-88 shrink-0 border-r", children: sidebar }) : null,
     hasContent ? /* @__PURE__ */ jsxRuntime.jsx("main", { className: contentPadding ? "min-w-0 flex-1 p-4" : "min-w-0 flex-1", children: /* @__PURE__ */ jsxRuntime.jsxs(resize_panelGroup.PanelGroup, { className: "size-full min-h-0 min-w-0", orientation: "horizontal", children: [
       children ? /* @__PURE__ */ jsxRuntime.jsx(reactResizablePanels.Panel, { id: "topic-main", className: "min-w-0 pr-2", minSize: 35, children }) : null,
       tracePanel ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [