@mastra/playground-ui 63.0.0-alpha.2 → 63.0.0-alpha.4

package/dist/{drawer-CZlqOjd2.js.map → drawer-CwVDeB8H.js.map}

@@ -1 +1 @@
-{"version":3,"file":"drawer-CZlqOjd2.js","sources":["../src/ds/components/Drawer/drawer.tsx"],"sourcesContent":["import { Drawer as DrawerPrimitive } from '@base-ui/react/drawer';\nimport { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport { XIcon } from 'lucide-react';\nimport * as React from 'react';\n\nimport { Button } from '@/ds/components/Button';\nimport { dialogSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\n// Swipe/stack transforms live in drawer.css — unreadable as Tailwind arbitrary values.\nimport './drawer.css';\n\nexport type DrawerSide = 'top' | 'right' | 'bottom' | 'left';\n\nconst drawerBackdropVariants = cva('drawer-backdrop fixed inset-0 z-50', {\n  variants: {\n    overlay: {\n      visible: 'bg-scrim backdrop-blur-xs',\n      transparent: 'bg-transparent',\n      none: 'hidden',\n    },\n  },\n  defaultVariants: {\n    overlay: 'visible',\n  },\n});\n\nconst drawerViewportVariants = cva('fixed z-50 flex', {\n  variants: {\n    side: {\n      top: 'items-start justify-center',\n      bottom: 'items-end justify-center',\n      left: 'items-stretch justify-start',\n      right: 'items-stretch justify-end',\n    },\n    layout: {\n      default: 'inset-0',\n      floating: 'p-2 sm:p-3',\n      floatingOverlay: 'inset-0 p-2 sm:p-3',\n    },\n  },\n  compoundVariants: [\n    {\n      side: 'right',\n      layout: 'floating',\n      className: 'inset-y-0 right-0 w-[calc(32rem+1.5rem)] max-w-full sm:w-[calc(32rem+2rem)]',\n    },\n    {\n      side: 'left',\n      layout: 'floating',\n      className: 'inset-y-0 left-0 w-[calc(32rem+1.5rem)] max-w-full sm:w-[calc(32rem+2rem)]',\n    },\n    {\n      side: 'bottom',\n      layout: 'floating',\n      className: 'inset-x-0 bottom-0 h-[calc(85dvh+1.5rem)] max-h-full sm:h-[calc(85dvh+2rem)]',\n    },\n    {\n      side: 'top',\n      layout: 'floating',\n      className: 'inset-x-0 top-0 h-[calc(85dvh+1.5rem)] max-h-full sm:h-[calc(85dvh+2rem)]',\n    },\n  ],\n  defaultVariants: {\n    side: 'bottom',\n    layout: 'default',\n  },\n});\n\n// `drawer-popup` hooks into drawer.css for swipe/stack transforms; `::after` dims under nested drawers.\nconst drawerPopupVariants = cva(\n  cn(\n    'drawer-popup group/popup relative z-50 box-border flex [touch-action:auto] flex-col overflow-y-auto overscroll-contain will-change-transform outline-none',\n    'text-foreground',\n    dialogSurfaceStyle,\n    'data-[swiping]:select-none',\n    \"after:pointer-events-none after:absolute after:inset-0 after:bg-transparent after:transition-[background-color] after:duration-[450ms] after:content-['']\",\n    'data-[nested-drawer-open]:after:bg-black/25',\n  ),\n  {\n    variants: {\n      side: {\n        bottom: '',\n        top: '',\n        left: '',\n        right: '',\n      },\n      variant: {\n        default: '',\n        floating: 'drawer-popup-floating pointer-events-auto rounded-lg',\n      },\n    },\n    compoundVariants: [\n      {\n        side: 'bottom',\n        variant: 'default',\n        className: '-mb-12 h-[var(--drawer-height,auto)] max-h-[calc(85vh_+_3rem)] w-full rounded-t-xl pb-12',\n      },\n      {\n        side: 'top',\n        variant: 'default',\n        className: '-mt-12 h-[var(--drawer-height,auto)] max-h-[calc(85vh_+_3rem)] w-full rounded-b-xl pt-12',\n      },\n      {\n        side: 'left',\n        variant: 'default',\n        className: 'h-full w-[20rem] max-w-[85vw] rounded-r-xl',\n      },\n      {\n        side: 'right',\n        variant: 'default',\n        className: 'h-full w-[20rem] max-w-[85vw] rounded-l-xl',\n      },\n      {\n        side: ['left', 'right'],\n        variant: 'floating',\n        className:\n          'h-[calc(100dvh-1.5rem)] w-[32rem] max-w-[calc(100vw-1.5rem)] sm:h-[calc(100dvh-2rem)] sm:max-w-[calc(100vw-2rem)]',\n      },\n      {\n        side: ['top', 'bottom'],\n        variant: 'floating',\n        className:\n          'max-h-[calc(85dvh-1.5rem)] w-[calc(100vw-1.5rem)] sm:max-h-[calc(85dvh-2rem)] sm:w-[calc(100vw-2rem)]',\n      },\n    ],\n    defaultVariants: {\n      side: 'bottom',\n      variant: 'default',\n    },\n  },\n);\n\ntype DrawerBackdropVariantsProps = VariantProps<typeof drawerBackdropVariants>;\ntype DrawerViewportClassVariantsProps = VariantProps<typeof drawerViewportVariants>;\ntype DrawerPopupVariantsProps = VariantProps<typeof drawerPopupVariants>;\nexport type DrawerVariant = NonNullable<DrawerPopupVariantsProps['variant']>;\ntype DrawerViewportLayout = NonNullable<DrawerViewportClassVariantsProps['layout']>;\ntype DrawerViewportVariantsProps = Pick<DrawerViewportClassVariantsProps, 'side'> & {\n  variant?: DrawerVariant;\n};\nexport type DrawerOverlay = 'auto' | NonNullable<DrawerBackdropVariantsProps['overlay']>;\n\n// `side` = anchor edge; Base UI's `swipeDirection` = dismissal gesture (bottom sheet swipes `down`).\nconst sideToSwipeDirection: Record<DrawerSide, 'up' | 'down' | 'left' | 'right'> = {\n  top: 'up',\n  bottom: 'down',\n  left: 'left',\n  right: 'right',\n};\n\ntype DrawerContextValue = {\n  side: DrawerSide;\n  variant: DrawerVariant;\n  resolvedOverlay: NonNullable<DrawerBackdropVariantsProps['overlay']>;\n};\n\nconst resolveDrawerOverlay = (\n  overlay: DrawerOverlay,\n  variant: DrawerVariant,\n): NonNullable<DrawerBackdropVariantsProps['overlay']> => {\n  if (overlay !== 'auto') {\n    return overlay;\n  }\n\n  return variant === 'floating' ? 'none' : 'visible';\n};\n\nconst DrawerContext = React.createContext<DrawerContextValue>({\n  side: 'bottom',\n  variant: 'default',\n  resolvedOverlay: 'visible',\n});\n\nconst useDrawerContext = () => React.useContext(DrawerContext);\n\nconst resolveDrawerViewportLayout = (\n  variant: DrawerVariant,\n  overlay: NonNullable<DrawerBackdropVariantsProps['overlay']>,\n): DrawerViewportLayout => {\n  if (variant !== 'floating') {\n    return 'default';\n  }\n\n  return overlay === 'none' ? 'floating' : 'floatingOverlay';\n};\n\nexport type DrawerProps<Payload = unknown> = Omit<DrawerPrimitive.Root.Props<Payload>, 'swipeDirection'> & {\n  /** Edge the drawer is anchored to. Defaults to `bottom`. */\n  side?: DrawerSide;\n  /** Visual treatment for the drawer panel. Defaults to `default`. */\n  variant?: DrawerVariant;\n  /** Backdrop behavior. `auto` renders a visible backdrop for default drawers and no backdrop for floating drawers. */\n  overlay?: DrawerOverlay;\n};\n\nfunction Drawer<Payload = unknown>({\n  side = 'bottom',\n  variant = 'default',\n  overlay = 'auto',\n  modal,\n  disablePointerDismissal,\n  children,\n  ...props\n}: DrawerProps<Payload>) {\n  const resolvedOverlay = resolveDrawerOverlay(overlay, variant);\n  const resolvedModal = modal ?? (resolvedOverlay === 'none' ? false : undefined);\n  const resolvedDisablePointerDismissal = disablePointerDismissal ?? (resolvedOverlay === 'none' ? true : undefined);\n  const contextValue = React.useMemo<DrawerContextValue>(\n    () => ({ side, variant, resolvedOverlay }),\n    [side, variant, resolvedOverlay],\n  );\n\n  return (\n    <DrawerContext.Provider value={contextValue}>\n      <DrawerPrimitive.Root\n        swipeDirection={sideToSwipeDirection[side]}\n        modal={resolvedModal}\n        disablePointerDismissal={resolvedDisablePointerDismissal}\n        {...props}\n      >\n        {children}\n      </DrawerPrimitive.Root>\n    </DrawerContext.Provider>\n  );\n}\nDrawer.displayName = 'Drawer';\n\n// Generic (not `forwardRef`) so `handle` / `payload` stay type-safe on detached triggers.\ntype DrawerTriggerProps<Payload = unknown> = DrawerPrimitive.Trigger.Props<Payload> & {\n  /** @deprecated Use Base UI's native `render` prop instead for stronger composition typing. */\n  asChild?: boolean;\n};\n\nfunction DrawerTrigger<Payload = unknown>({ asChild, children, ...props }: DrawerTriggerProps<Payload>) {\n  const renderProps = asChild && React.isValidElement(children) ? { render: children as React.ReactElement } : {};\n\n  return (\n    <DrawerPrimitive.Trigger {...renderProps} {...props}>\n      {asChild ? undefined : children}\n    </DrawerPrimitive.Trigger>\n  );\n}\nDrawerTrigger.displayName = 'DrawerTrigger';\n\ntype DrawerCloseProps = DrawerPrimitive.Close.Props & {\n  /** @deprecated Use Base UI's native `render` prop instead for stronger composition typing. */\n  asChild?: boolean;\n};\n\nconst DrawerClose = React.forwardRef<HTMLButtonElement, DrawerCloseProps>(({ asChild, children, ...props }, ref) => {\n  const renderProps = asChild && React.isValidElement(children) ? { render: children as React.ReactElement } : {};\n\n  return (\n    <DrawerPrimitive.Close ref={ref} {...renderProps} {...props}>\n      {asChild ? undefined : children}\n    </DrawerPrimitive.Close>\n  );\n});\nDrawerClose.displayName = 'DrawerClose';\n\nconst DrawerPortal = DrawerPrimitive.Portal;\nconst DrawerProvider = DrawerPrimitive.Provider;\nconst DrawerIndent = DrawerPrimitive.Indent;\nconst DrawerIndentBackground = DrawerPrimitive.IndentBackground;\nconst DrawerSwipeArea = DrawerPrimitive.SwipeArea;\n// Inner region where pointer drags select text / scroll instead of swiping the drawer closed.\nconst DrawerInteractive = DrawerPrimitive.Content;\n\ntype DrawerBackdropProps = Omit<DrawerPrimitive.Backdrop.Props, 'className'> & {\n  className?: string;\n} & DrawerBackdropVariantsProps;\n\n// The `drawer-backdrop` class (drawer.css) fades the overlay with the swipe gesture.\nconst DrawerBackdrop = React.forwardRef<HTMLDivElement, DrawerBackdropProps>(\n  ({ className, overlay, ...props }, ref) => {\n    const { resolvedOverlay } = useDrawerContext();\n    const resolvedBackdropOverlay = overlay ?? resolvedOverlay;\n\n    return (\n      <DrawerPrimitive.Backdrop\n        ref={ref}\n        data-slot=\"drawer-backdrop\"\n        data-overlay={resolvedBackdropOverlay}\n        className={cn(drawerBackdropVariants({ overlay: resolvedBackdropOverlay }), className)}\n        {...props}\n      />\n    );\n  },\n);\nDrawerBackdrop.displayName = 'DrawerBackdrop';\n\ntype DrawerViewportProps = Omit<DrawerPrimitive.Viewport.Props, 'className'> & {\n  className?: string;\n} & DrawerViewportVariantsProps;\n\n// Keep the viewport pointer-interactive: Base UI wires native drag-to-dismiss to it.\n// Floating drawers without an overlay constrain the viewport so the page behind stays interactive.\n// Floating drawers with an overlay keep a full-screen viewport so overlay-start drags stay native.\nconst DrawerViewport = React.forwardRef<HTMLDivElement, DrawerViewportProps>(\n  ({ className, side, variant, ...props }, ref) => {\n    const context = useDrawerContext();\n    const resolvedSide = side ?? context.side;\n    const resolvedVariant = variant ?? context.variant;\n    const layout = resolveDrawerViewportLayout(resolvedVariant, context.resolvedOverlay);\n\n    return (\n      <DrawerPrimitive.Viewport\n        ref={ref}\n        data-slot=\"drawer-viewport\"\n        data-variant={resolvedVariant}\n        className={cn(drawerViewportVariants({ side: resolvedSide, layout }), className)}\n        {...props}\n      />\n    );\n  },\n);\nDrawerViewport.displayName = 'DrawerViewport';\n\ntype DrawerPopupProps = Omit<DrawerPrimitive.Popup.Props, 'className'> & {\n  className?: string;\n} & DrawerPopupVariantsProps;\n\nconst DrawerPopup = React.forwardRef<HTMLDivElement, DrawerPopupProps>(\n  ({ className, side, variant, ...props }, ref) => {\n    const context = useDrawerContext();\n    const resolvedSide = side ?? context.side;\n    const resolvedVariant = variant ?? context.variant;\n\n    return (\n      <DrawerPrimitive.Popup\n        ref={ref}\n        data-slot=\"drawer-popup\"\n        data-variant={resolvedVariant}\n        className={cn(drawerPopupVariants({ side: resolvedSide, variant: resolvedVariant }), className)}\n        {...props}\n      />\n    );\n  },\n);\nDrawerPopup.displayName = 'DrawerPopup';\n\n// Inner-content fade while a nested drawer covers the parent. Off the popup itself so border/shadow stay crisp.\nconst nestedFadeClass = cn(\n  'transition-opacity duration-300 ease-[cubic-bezier(0.32,0.72,0,1)] motion-reduce:duration-0',\n  'group-data-[nested-drawer-open]/popup:opacity-0',\n);\n\nconst DrawerHandleBar = () => (\n  <div\n    aria-hidden\n    data-slot=\"drawer-handle\"\n    className={cn('mx-auto my-2 h-1 w-12 shrink-0 rounded-full bg-muted', nestedFadeClass)}\n  />\n);\nDrawerHandleBar.displayName = 'DrawerHandleBar';\n\ntype DrawerFloatingSideHandleProps = {\n  side: DrawerSide;\n  variant: DrawerVariant;\n};\n\nconst DrawerFloatingSideHandle = ({ side, variant }: DrawerFloatingSideHandleProps) => {\n  if (variant !== 'floating' || (side !== 'left' && side !== 'right')) {\n    return null;\n  }\n\n  return (\n    <div\n      aria-hidden\n      data-slot=\"drawer-side-handle\"\n      className={cn(\n        'absolute top-1/2 z-10 flex h-20 w-5 -translate-y-1/2 cursor-ew-resize touch-none items-center justify-center select-none lg:hidden',\n        side === 'right' ? '-left-2' : '-right-2',\n      )}\n    >\n      <div className=\"h-10 w-1 rounded-full bg-border-strong\" />\n    </div>\n  );\n};\nDrawerFloatingSideHandle.displayName = 'DrawerFloatingSideHandle';\n\ntype DrawerContentProps = Omit<DrawerPrimitive.Popup.Props, 'className' | 'children'> & {\n  className?: string;\n  children?: React.ReactNode;\n  /** Shows the built-in top-right close button. Defaults to `true`. */\n  showCloseButton?: boolean;\n} & Pick<DrawerPopupVariantsProps, 'variant'>;\n\n// Opinionated bundle: Portal + Backdrop + Viewport + Popup, with handle on top/bottom sheets.\n// Drop to the primitives for non-modal pages, custom portal targets, or chrome outside the popup.\nconst DrawerContent = React.forwardRef<HTMLDivElement, DrawerContentProps>(\n  ({ className, children, variant, showCloseButton = true, ...props }, ref) => {\n    const { side, variant: contextVariant, resolvedOverlay } = useDrawerContext();\n    const resolvedVariant = variant ?? contextVariant;\n    const showHandle = side === 'top' || side === 'bottom';\n\n    return (\n      <DrawerPortal>\n        {resolvedOverlay !== 'none' && <DrawerBackdrop />}\n        <DrawerViewport variant={resolvedVariant}>\n          <DrawerPopup ref={ref} variant={resolvedVariant} className={className} {...props}>\n            {showHandle && side === 'bottom' && <DrawerHandleBar />}\n            <DrawerFloatingSideHandle side={side} variant={resolvedVariant} />\n            <div\n              data-slot=\"drawer-content\"\n              className={cn(\n                'relative flex min-h-0 flex-1 flex-col',\n                '[&>form]:flex [&>form]:min-h-0 [&>form]:flex-1 [&>form]:flex-col [&>form]:gap-0',\n                nestedFadeClass,\n              )}\n            >\n              {showCloseButton && <DrawerDefaultCloseButton />}\n              {children}\n            </div>\n            {showHandle && side === 'top' && <DrawerHandleBar />}\n          </DrawerPopup>\n        </DrawerViewport>\n      </DrawerPortal>\n    );\n  },\n);\nDrawerContent.displayName = 'DrawerContent';\n\nconst DrawerDefaultCloseButton = () => (\n  <DrawerClose asChild>\n    <Button type=\"button\" variant=\"ghost\" size=\"icon-sm\" className=\"absolute top-3 right-3 z-10\" aria-label=\"Close\">\n      <XIcon />\n    </Button>\n  </DrawerClose>\n);\nDrawerDefaultCloseButton.displayName = 'DrawerDefaultCloseButton';\n\nconst DrawerHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    data-slot=\"drawer-header\"\n    className={cn('flex flex-col gap-0.5 px-3 py-2.5 pr-12 text-left', className)}\n    {...props}\n  />\n);\nDrawerHeader.displayName = 'DrawerHeader';\n\nconst DrawerFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    data-slot=\"drawer-footer\"\n    className={cn('mt-auto flex flex-col-reverse gap-1.5 px-3 py-2.5 sm:flex-row sm:justify-end', className)}\n    {...props}\n  />\n);\nDrawerFooter.displayName = 'DrawerFooter';\n\nconst DrawerBody = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div data-slot=\"drawer-body\" className={cn('flex-1 px-3 py-2.5', className)} {...props} />\n);\nDrawerBody.displayName = 'DrawerBody';\n\ntype DrawerTitleProps = Omit<DrawerPrimitive.Title.Props, 'className'> & {\n  className?: string;\n};\n\nconst DrawerTitle = React.forwardRef<HTMLHeadingElement, DrawerTitleProps>(({ className, ...props }, ref) => (\n  <DrawerPrimitive.Title ref={ref} className={cn('text-subheading text-foreground', className)} {...props} />\n));\nDrawerTitle.displayName = 'DrawerTitle';\n\ntype DrawerDescriptionProps = Omit<DrawerPrimitive.Description.Props, 'className'> & {\n  className?: string;\n};\n\nconst DrawerDescription = React.forwardRef<HTMLParagraphElement, DrawerDescriptionProps>(\n  ({ className, ...props }, ref) => (\n    <DrawerPrimitive.Description ref={ref} className={cn('text-caption text-muted-foreground', className)} {...props} />\n  ),\n);\nDrawerDescription.displayName = 'DrawerDescription';\n\nexport {\n  Drawer,\n  DrawerTrigger,\n  DrawerClose,\n  DrawerPortal,\n  DrawerBackdrop,\n  DrawerViewport,\n  DrawerPopup,\n  DrawerContent,\n  DrawerHeader,\n  DrawerFooter,\n  DrawerBody,\n  DrawerTitle,\n  DrawerDescription,\n  DrawerProvider,\n  DrawerIndent,\n  DrawerIndentBackground,\n  DrawerSwipeArea,\n  DrawerInteractive,\n};\n\nexport type {\n  DrawerTriggerProps,\n  DrawerCloseProps,\n  DrawerBackdropProps,\n  DrawerViewportProps,\n  DrawerPopupProps,\n  DrawerContentProps,\n  DrawerTitleProps,\n  DrawerDescriptionProps,\n};\n"],"names":["DrawerPrimitive"],"mappings":"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"}
+{"version":3,"file":"drawer-CwVDeB8H.js","sources":["../src/ds/components/Drawer/drawer.tsx"],"sourcesContent":["import { Drawer as DrawerPrimitive } from '@base-ui/react/drawer';\nimport { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport { XIcon } from 'lucide-react';\nimport * as React from 'react';\n\nimport { Button } from '@/ds/components/Button';\nimport { dialogSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\n// Swipe/stack transforms live in drawer.css — unreadable as Tailwind arbitrary values.\nimport './drawer.css';\n\nexport type DrawerSide = 'top' | 'right' | 'bottom' | 'left';\n\nconst drawerBackdropVariants = cva('drawer-backdrop fixed inset-0 z-50', {\n  variants: {\n    overlay: {\n      visible: 'bg-scrim backdrop-blur-xs',\n      transparent: 'bg-transparent',\n      none: 'hidden',\n    },\n  },\n  defaultVariants: {\n    overlay: 'visible',\n  },\n});\n\nconst drawerViewportVariants = cva('fixed z-50 flex', {\n  variants: {\n    side: {\n      top: 'items-start justify-center',\n      bottom: 'items-end justify-center',\n      left: 'items-stretch justify-start',\n      right: 'items-stretch justify-end',\n    },\n    layout: {\n      default: 'inset-0',\n      floating: 'p-2 sm:p-3',\n      floatingOverlay: 'inset-0 p-2 sm:p-3',\n    },\n  },\n  compoundVariants: [\n    {\n      side: 'right',\n      layout: 'floating',\n      className: 'inset-y-0 right-0 w-[calc(32rem+1.5rem)] max-w-full sm:w-[calc(32rem+2rem)]',\n    },\n    {\n      side: 'left',\n      layout: 'floating',\n      className: 'inset-y-0 left-0 w-[calc(32rem+1.5rem)] max-w-full sm:w-[calc(32rem+2rem)]',\n    },\n    {\n      side: 'bottom',\n      layout: 'floating',\n      className: 'inset-x-0 bottom-0 h-[calc(85dvh+1.5rem)] max-h-full sm:h-[calc(85dvh+2rem)]',\n    },\n    {\n      side: 'top',\n      layout: 'floating',\n      className: 'inset-x-0 top-0 h-[calc(85dvh+1.5rem)] max-h-full sm:h-[calc(85dvh+2rem)]',\n    },\n  ],\n  defaultVariants: {\n    side: 'bottom',\n    layout: 'default',\n  },\n});\n\n// `drawer-popup` hooks into drawer.css for swipe/stack transforms; `::after` dims under nested drawers.\nconst drawerPopupVariants = cva(\n  cn(\n    'drawer-popup group/popup relative z-50 box-border flex [touch-action:auto] flex-col overflow-y-auto overscroll-contain will-change-transform outline-none',\n    'text-foreground',\n    dialogSurfaceStyle,\n    'data-[swiping]:select-none',\n    \"after:pointer-events-none after:absolute after:inset-0 after:bg-transparent after:transition-[background-color] after:duration-[450ms] after:content-['']\",\n    'data-[nested-drawer-open]:after:bg-black/25',\n  ),\n  {\n    variants: {\n      side: {\n        bottom: '',\n        top: '',\n        left: '',\n        right: '',\n      },\n      variant: {\n        default: '',\n        floating: 'drawer-popup-floating pointer-events-auto rounded-lg',\n      },\n    },\n    compoundVariants: [\n      {\n        side: 'bottom',\n        variant: 'default',\n        className: '-mb-12 h-[var(--drawer-height,auto)] max-h-[calc(85vh_+_3rem)] w-full rounded-t-xl pb-12',\n      },\n      {\n        side: 'top',\n        variant: 'default',\n        className: '-mt-12 h-[var(--drawer-height,auto)] max-h-[calc(85vh_+_3rem)] w-full rounded-b-xl pt-12',\n      },\n      {\n        side: 'left',\n        variant: 'default',\n        className: 'h-full w-[20rem] max-w-[85vw] rounded-r-xl',\n      },\n      {\n        side: 'right',\n        variant: 'default',\n        className: 'h-full w-[20rem] max-w-[85vw] rounded-l-xl',\n      },\n      {\n        side: ['left', 'right'],\n        variant: 'floating',\n        className:\n          'h-[calc(100dvh-1.5rem)] w-[32rem] max-w-[calc(100vw-1.5rem)] sm:h-[calc(100dvh-2rem)] sm:max-w-[calc(100vw-2rem)]',\n      },\n      {\n        side: ['top', 'bottom'],\n        variant: 'floating',\n        className:\n          'max-h-[calc(85dvh-1.5rem)] w-[calc(100vw-1.5rem)] sm:max-h-[calc(85dvh-2rem)] sm:w-[calc(100vw-2rem)]',\n      },\n    ],\n    defaultVariants: {\n      side: 'bottom',\n      variant: 'default',\n    },\n  },\n);\n\ntype DrawerBackdropVariantsProps = VariantProps<typeof drawerBackdropVariants>;\ntype DrawerViewportClassVariantsProps = VariantProps<typeof drawerViewportVariants>;\ntype DrawerPopupVariantsProps = VariantProps<typeof drawerPopupVariants>;\nexport type DrawerVariant = NonNullable<DrawerPopupVariantsProps['variant']>;\ntype DrawerViewportLayout = NonNullable<DrawerViewportClassVariantsProps['layout']>;\ntype DrawerViewportVariantsProps = Pick<DrawerViewportClassVariantsProps, 'side'> & {\n  variant?: DrawerVariant;\n};\nexport type DrawerOverlay = 'auto' | NonNullable<DrawerBackdropVariantsProps['overlay']>;\n\n// `side` = anchor edge; Base UI's `swipeDirection` = dismissal gesture (bottom sheet swipes `down`).\nconst sideToSwipeDirection: Record<DrawerSide, 'up' | 'down' | 'left' | 'right'> = {\n  top: 'up',\n  bottom: 'down',\n  left: 'left',\n  right: 'right',\n};\n\ntype DrawerContextValue = {\n  side: DrawerSide;\n  variant: DrawerVariant;\n  resolvedOverlay: NonNullable<DrawerBackdropVariantsProps['overlay']>;\n};\n\nconst resolveDrawerOverlay = (\n  overlay: DrawerOverlay,\n  variant: DrawerVariant,\n): NonNullable<DrawerBackdropVariantsProps['overlay']> => {\n  if (overlay !== 'auto') {\n    return overlay;\n  }\n\n  return variant === 'floating' ? 'none' : 'visible';\n};\n\nconst DrawerContext = React.createContext<DrawerContextValue>({\n  side: 'bottom',\n  variant: 'default',\n  resolvedOverlay: 'visible',\n});\n\nconst useDrawerContext = () => React.useContext(DrawerContext);\n\nconst resolveDrawerViewportLayout = (\n  variant: DrawerVariant,\n  overlay: NonNullable<DrawerBackdropVariantsProps['overlay']>,\n): DrawerViewportLayout => {\n  if (variant !== 'floating') {\n    return 'default';\n  }\n\n  return overlay === 'none' ? 'floating' : 'floatingOverlay';\n};\n\nexport type DrawerProps<Payload = unknown> = Omit<DrawerPrimitive.Root.Props<Payload>, 'swipeDirection'> & {\n  /** Edge the drawer is anchored to. Defaults to `bottom`. */\n  side?: DrawerSide;\n  /** Visual treatment for the drawer panel. Defaults to `default`. */\n  variant?: DrawerVariant;\n  /** Backdrop behavior. `auto` renders a visible backdrop for default drawers and no backdrop for floating drawers. */\n  overlay?: DrawerOverlay;\n};\n\nfunction Drawer<Payload = unknown>({\n  side = 'bottom',\n  variant = 'default',\n  overlay = 'auto',\n  modal,\n  disablePointerDismissal,\n  children,\n  ...props\n}: DrawerProps<Payload>) {\n  const resolvedOverlay = resolveDrawerOverlay(overlay, variant);\n  const resolvedModal = modal ?? (resolvedOverlay === 'none' ? false : undefined);\n  const resolvedDisablePointerDismissal = disablePointerDismissal ?? (resolvedOverlay === 'none' ? true : undefined);\n  const contextValue = React.useMemo<DrawerContextValue>(\n    () => ({ side, variant, resolvedOverlay }),\n    [side, variant, resolvedOverlay],\n  );\n\n  return (\n    <DrawerContext.Provider value={contextValue}>\n      <DrawerPrimitive.Root\n        swipeDirection={sideToSwipeDirection[side]}\n        modal={resolvedModal}\n        disablePointerDismissal={resolvedDisablePointerDismissal}\n        {...props}\n      >\n        {children}\n      </DrawerPrimitive.Root>\n    </DrawerContext.Provider>\n  );\n}\nDrawer.displayName = 'Drawer';\n\n// Generic (not `forwardRef`) so `handle` / `payload` stay type-safe on detached triggers.\ntype DrawerTriggerProps<Payload = unknown> = DrawerPrimitive.Trigger.Props<Payload> & {\n  /** @deprecated Use Base UI's native `render` prop instead for stronger composition typing. */\n  asChild?: boolean;\n};\n\nfunction DrawerTrigger<Payload = unknown>({ asChild, children, ...props }: DrawerTriggerProps<Payload>) {\n  const renderProps = asChild && React.isValidElement(children) ? { render: children as React.ReactElement } : {};\n\n  return (\n    <DrawerPrimitive.Trigger {...renderProps} {...props}>\n      {asChild ? undefined : children}\n    </DrawerPrimitive.Trigger>\n  );\n}\nDrawerTrigger.displayName = 'DrawerTrigger';\n\ntype DrawerCloseProps = DrawerPrimitive.Close.Props & {\n  /** @deprecated Use Base UI's native `render` prop instead for stronger composition typing. */\n  asChild?: boolean;\n};\n\nconst DrawerClose = React.forwardRef<HTMLButtonElement, DrawerCloseProps>(({ asChild, children, ...props }, ref) => {\n  const renderProps = asChild && React.isValidElement(children) ? { render: children as React.ReactElement } : {};\n\n  return (\n    <DrawerPrimitive.Close ref={ref} {...renderProps} {...props}>\n      {asChild ? undefined : children}\n    </DrawerPrimitive.Close>\n  );\n});\nDrawerClose.displayName = 'DrawerClose';\n\nconst DrawerPortal = DrawerPrimitive.Portal;\nconst DrawerProvider = DrawerPrimitive.Provider;\nconst DrawerIndent = DrawerPrimitive.Indent;\nconst DrawerIndentBackground = DrawerPrimitive.IndentBackground;\nconst DrawerSwipeArea = DrawerPrimitive.SwipeArea;\n// Inner region where pointer drags select text / scroll instead of swiping the drawer closed.\nconst DrawerInteractive = DrawerPrimitive.Content;\n\ntype DrawerBackdropProps = Omit<DrawerPrimitive.Backdrop.Props, 'className'> & {\n  className?: string;\n} & DrawerBackdropVariantsProps;\n\n// The `drawer-backdrop` class (drawer.css) fades the overlay with the swipe gesture.\nconst DrawerBackdrop = React.forwardRef<HTMLDivElement, DrawerBackdropProps>(\n  ({ className, overlay, ...props }, ref) => {\n    const { resolvedOverlay } = useDrawerContext();\n    const resolvedBackdropOverlay = overlay ?? resolvedOverlay;\n\n    return (\n      <DrawerPrimitive.Backdrop\n        ref={ref}\n        data-slot=\"drawer-backdrop\"\n        data-overlay={resolvedBackdropOverlay}\n        className={cn(drawerBackdropVariants({ overlay: resolvedBackdropOverlay }), className)}\n        {...props}\n      />\n    );\n  },\n);\nDrawerBackdrop.displayName = 'DrawerBackdrop';\n\ntype DrawerViewportProps = Omit<DrawerPrimitive.Viewport.Props, 'className'> & {\n  className?: string;\n} & DrawerViewportVariantsProps;\n\n// Keep the viewport pointer-interactive: Base UI wires native drag-to-dismiss to it.\n// Floating drawers without an overlay constrain the viewport so the page behind stays interactive.\n// Floating drawers with an overlay keep a full-screen viewport so overlay-start drags stay native.\nconst DrawerViewport = React.forwardRef<HTMLDivElement, DrawerViewportProps>(\n  ({ className, side, variant, ...props }, ref) => {\n    const context = useDrawerContext();\n    const resolvedSide = side ?? context.side;\n    const resolvedVariant = variant ?? context.variant;\n    const layout = resolveDrawerViewportLayout(resolvedVariant, context.resolvedOverlay);\n\n    return (\n      <DrawerPrimitive.Viewport\n        ref={ref}\n        data-slot=\"drawer-viewport\"\n        data-variant={resolvedVariant}\n        className={cn(drawerViewportVariants({ side: resolvedSide, layout }), className)}\n        {...props}\n      />\n    );\n  },\n);\nDrawerViewport.displayName = 'DrawerViewport';\n\ntype DrawerPopupProps = Omit<DrawerPrimitive.Popup.Props, 'className'> & {\n  className?: string;\n} & DrawerPopupVariantsProps;\n\nconst DrawerPopup = React.forwardRef<HTMLDivElement, DrawerPopupProps>(\n  ({ className, side, variant, ...props }, ref) => {\n    const context = useDrawerContext();\n    const resolvedSide = side ?? context.side;\n    const resolvedVariant = variant ?? context.variant;\n\n    return (\n      <DrawerPrimitive.Popup\n        ref={ref}\n        data-slot=\"drawer-popup\"\n        data-variant={resolvedVariant}\n        className={cn(drawerPopupVariants({ side: resolvedSide, variant: resolvedVariant }), className)}\n        {...props}\n      />\n    );\n  },\n);\nDrawerPopup.displayName = 'DrawerPopup';\n\n// Inner-content fade while a nested drawer covers the parent. Off the popup itself so border/shadow stay crisp.\nconst nestedFadeClass = cn(\n  'transition-opacity duration-300 ease-[cubic-bezier(0.32,0.72,0,1)] motion-reduce:duration-0',\n  'group-data-[nested-drawer-open]/popup:opacity-0',\n);\n\nconst DrawerHandleBar = () => (\n  <div\n    aria-hidden\n    data-slot=\"drawer-handle\"\n    className={cn('mx-auto my-2 h-1 w-12 shrink-0 rounded-full bg-muted', nestedFadeClass)}\n  />\n);\nDrawerHandleBar.displayName = 'DrawerHandleBar';\n\ntype DrawerFloatingSideHandleProps = {\n  side: DrawerSide;\n  variant: DrawerVariant;\n};\n\nconst DrawerFloatingSideHandle = ({ side, variant }: DrawerFloatingSideHandleProps) => {\n  if (variant !== 'floating' || (side !== 'left' && side !== 'right')) {\n    return null;\n  }\n\n  return (\n    <div\n      aria-hidden\n      data-slot=\"drawer-side-handle\"\n      className={cn(\n        'absolute top-1/2 z-10 flex h-20 w-5 -translate-y-1/2 cursor-ew-resize touch-none items-center justify-center select-none lg:hidden',\n        side === 'right' ? '-left-2' : '-right-2',\n      )}\n    >\n      <div className=\"h-10 w-1 rounded-full bg-border-strong\" />\n    </div>\n  );\n};\nDrawerFloatingSideHandle.displayName = 'DrawerFloatingSideHandle';\n\ntype DrawerContentProps = Omit<DrawerPrimitive.Popup.Props, 'className' | 'children'> & {\n  className?: string;\n  children?: React.ReactNode;\n  /** Shows the built-in top-right close button. Defaults to `true`. */\n  showCloseButton?: boolean;\n} & Pick<DrawerPopupVariantsProps, 'variant'>;\n\n// Opinionated bundle: Portal + Backdrop + Viewport + Popup, with handle on top/bottom sheets.\n// Drop to the primitives for non-modal pages, custom portal targets, or chrome outside the popup.\nconst DrawerContent = React.forwardRef<HTMLDivElement, DrawerContentProps>(\n  ({ className, children, variant, showCloseButton = true, ...props }, ref) => {\n    const { side, variant: contextVariant, resolvedOverlay } = useDrawerContext();\n    const resolvedVariant = variant ?? contextVariant;\n    const showHandle = side === 'top' || side === 'bottom';\n\n    return (\n      <DrawerPortal>\n        {resolvedOverlay !== 'none' && <DrawerBackdrop />}\n        <DrawerViewport variant={resolvedVariant}>\n          <DrawerPopup ref={ref} variant={resolvedVariant} className={className} {...props}>\n            {showHandle && side === 'bottom' && <DrawerHandleBar />}\n            <DrawerFloatingSideHandle side={side} variant={resolvedVariant} />\n            <div\n              data-slot=\"drawer-content\"\n              className={cn(\n                'relative flex min-h-0 flex-1 flex-col',\n                '[&>form]:flex [&>form]:min-h-0 [&>form]:flex-1 [&>form]:flex-col [&>form]:gap-0',\n                nestedFadeClass,\n              )}\n            >\n              {showCloseButton && <DrawerDefaultCloseButton />}\n              {children}\n            </div>\n            {showHandle && side === 'top' && <DrawerHandleBar />}\n          </DrawerPopup>\n        </DrawerViewport>\n      </DrawerPortal>\n    );\n  },\n);\nDrawerContent.displayName = 'DrawerContent';\n\nconst DrawerDefaultCloseButton = () => (\n  <DrawerClose asChild>\n    <Button type=\"button\" variant=\"ghost\" size=\"icon-sm\" className=\"absolute top-3 right-3 z-10\" aria-label=\"Close\">\n      <XIcon />\n    </Button>\n  </DrawerClose>\n);\nDrawerDefaultCloseButton.displayName = 'DrawerDefaultCloseButton';\n\nconst DrawerHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    data-slot=\"drawer-header\"\n    className={cn('flex flex-col gap-0.5 px-3 py-2.5 pr-12 text-left', className)}\n    {...props}\n  />\n);\nDrawerHeader.displayName = 'DrawerHeader';\n\nconst DrawerFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    data-slot=\"drawer-footer\"\n    className={cn('mt-auto flex flex-col-reverse gap-1.5 px-3 py-2.5 sm:flex-row sm:justify-end', className)}\n    {...props}\n  />\n);\nDrawerFooter.displayName = 'DrawerFooter';\n\nconst DrawerBody = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div data-slot=\"drawer-body\" className={cn('flex-1 px-3 py-2.5', className)} {...props} />\n);\nDrawerBody.displayName = 'DrawerBody';\n\ntype DrawerTitleProps = Omit<DrawerPrimitive.Title.Props, 'className'> & {\n  className?: string;\n};\n\nconst DrawerTitle = React.forwardRef<HTMLHeadingElement, DrawerTitleProps>(({ className, ...props }, ref) => (\n  <DrawerPrimitive.Title ref={ref} className={cn('text-subheading text-foreground', className)} {...props} />\n));\nDrawerTitle.displayName = 'DrawerTitle';\n\ntype DrawerDescriptionProps = Omit<DrawerPrimitive.Description.Props, 'className'> & {\n  className?: string;\n};\n\nconst DrawerDescription = React.forwardRef<HTMLParagraphElement, DrawerDescriptionProps>(\n  ({ className, ...props }, ref) => (\n    <DrawerPrimitive.Description ref={ref} className={cn('text-caption text-muted-foreground', className)} {...props} />\n  ),\n);\nDrawerDescription.displayName = 'DrawerDescription';\n\nexport {\n  Drawer,\n  DrawerTrigger,\n  DrawerClose,\n  DrawerPortal,\n  DrawerBackdrop,\n  DrawerViewport,\n  DrawerPopup,\n  DrawerContent,\n  DrawerHeader,\n  DrawerFooter,\n  DrawerBody,\n  DrawerTitle,\n  DrawerDescription,\n  DrawerProvider,\n  DrawerIndent,\n  DrawerIndentBackground,\n  DrawerSwipeArea,\n  DrawerInteractive,\n};\n\nexport type {\n  DrawerTriggerProps,\n  DrawerCloseProps,\n  DrawerBackdropProps,\n  DrawerViewportProps,\n  DrawerPopupProps,\n  DrawerContentProps,\n  DrawerTitleProps,\n  DrawerDescriptionProps,\n};\n"],"names":["DrawerPrimitive"],"mappings":"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"}

package/dist/ee/signals/components/entity-index-compact-grid.cjs.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
 const ee_signals_components_entityIndexModel = require('./entity-index-model.cjs.js');
-const Badge = require('../../../Badge-BF6FbLH_.cjs');
+const ee_signals_components_entityIndexStatus = require('./entity-index-status.cjs.js');
 const Card = require('../../../Card-RlL14eS5.cjs');
 const scrollArea = require('../../../scroll-area-CVgjRzTS.cjs');
 const Txt = require('../../../Txt-DXjXpX9r.cjs');
@@ -18,10 +18,8 @@ function EntityIndexCompactCard({
 }) {
   const detailsId = React.useId();
   const metadata = ee_signals_components_entityIndexModel.entityIndexMetadata(entity);
-  const statusLabel = ee_signals_components_entityIndexModel.entityStatusLabel(metadata.status);
-  const statusVariant = metadata.status === "ready" ? "success" : metadata.status === "processing" ? "info" : "neutral";
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "group/entity relative h-full min-w-0", "data-entity-card": true, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
+    entity.status === "collecting" ? /* @__PURE__ */ jsxRuntime.jsx(Card.Card, { className: "absolute inset-0" }) : /* @__PURE__ */ jsxRuntime.jsx(
       Card.CardLink,
       {
         LinkComponent,
@@ -37,7 +35,7 @@ function EntityIndexCompactCard({
           /* @__PURE__ */ jsxRuntime.jsx(Card.CardTitle, { title: entity.entityId, className: "overflow-clip text-ellipsis whitespace-nowrap", children: entity.entityId }),
           /* @__PURE__ */ jsxRuntime.jsx(Card.CardDescription, { children: entity.entityType })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(Badge.Badge, { variant: statusVariant, size: "sm", indicator: metadata.status === void 0 ? void 0 : "dot", children: statusLabel })
+        /* @__PURE__ */ jsxRuntime.jsx(ee_signals_components_entityIndexStatus.EntityIndexStatus, { entity })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("dl", { id: detailsId, className: "grid grid-cols-3 gap-3", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
@@ -63,7 +61,7 @@ function EntityIndexCompactGrid({
   LinkComponent
 }) {
   if (entities.length === 0 && hasSearch) {
-    return /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { variant: "caption", tone: "muted", className: "py-8 text-center", children: "No entities match your search" });
+    return /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { variant: "caption", tone: "muted", className: "py-8 text-center", children: "No agents match your search" });
   }
   return /* @__PURE__ */ jsxRuntime.jsx(scrollArea.ScrollArea, { className: "h-full", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-2 md:grid-cols-2", children: entities.map((entity) => /* @__PURE__ */ jsxRuntime.jsx(
     EntityIndexCompactCard,

package/dist/ee/signals/components/entity-index-compact-grid.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"entity-index-compact-grid.cjs.js","sources":["../../../../src/ee/signals/components/entity-index-compact-grid.tsx"],"sourcesContent":["import type { ThemeLearningEntity } from '@mastra/client-js';\nimport { useId } from 'react';\n\nimport { entityIndexMetadata, entityStatusLabel } from './entity-index-model';\nimport { Badge } from '@/ds/components/Badge';\nimport { CardContent, CardDescription, CardLink, CardTitle } from '@/ds/components/Card';\nimport { ScrollArea } from '@/ds/components/ScrollArea';\nimport { Txt } from '@/ds/components/Txt';\nimport { textStyle } from '@/ds/primitives/text';\nimport type { LinkComponent } from '@/ds/types/link-component';\n\nexport interface EntityIndexCompactGridProps {\n  entities: readonly ThemeLearningEntity[];\n  hasSearch: boolean;\n  getEntityHref: (entity: ThemeLearningEntity) => string;\n  LinkComponent: LinkComponent;\n}\n\nfunction EntityIndexCompactCard({\n  entity,\n  getEntityHref,\n  LinkComponent,\n}: {\n  entity: ThemeLearningEntity;\n  getEntityHref: (entity: ThemeLearningEntity) => string;\n  LinkComponent: LinkComponent;\n}) {\n  const detailsId = useId();\n  const metadata = entityIndexMetadata(entity);\n  const statusLabel = entityStatusLabel(metadata.status);\n  const statusVariant = metadata.status === 'ready' ? 'success' : metadata.status === 'processing' ? 'info' : 'neutral';\n  return (\n    <div className=\"group/entity relative h-full min-w-0\" data-entity-card>\n      <CardLink\n        LinkComponent={LinkComponent}\n        href={getEntityHref(entity)}\n        aria-label={`Open ${entity.entityId}`}\n        aria-describedby={detailsId}\n        className=\"absolute inset-0 group-focus-within/entity:bg-fill-subtle group-hover/entity:bg-fill-subtle\"\n      />\n      <CardContent density=\"compact\" className=\"pointer-events-none relative grid h-full min-w-0 gap-3\">\n        <div className=\"flex min-w-0 items-start justify-between gap-3\">\n          <div className=\"min-w-0\">\n            <CardTitle title={entity.entityId} className=\"overflow-clip text-ellipsis whitespace-nowrap\">\n              {entity.entityId}\n            </CardTitle>\n            <CardDescription>{entity.entityType}</CardDescription>\n          </div>\n          <Badge variant={statusVariant} size=\"sm\" indicator={metadata.status === undefined ? undefined : 'dot'}>\n            {statusLabel}\n          </Badge>\n        </div>\n        <dl id={detailsId} className=\"grid grid-cols-3 gap-3\">\n          <div>\n            <dt className={textStyle({ tone: 'muted', variant: 'meta' })}>Traces</dt>\n            <dd className={textStyle({ tone: 'ink', variant: 'caption' })}>{metadata.traceCount}</dd>\n          </div>\n          <div>\n            <dt className={textStyle({ tone: 'muted', variant: 'meta' })}>Signals set</dt>\n            <dd className={textStyle({ tone: 'ink', variant: 'caption' })}>{metadata.signalsSet}</dd>\n          </div>\n          <div>\n            <dt className={textStyle({ tone: 'muted', variant: 'meta' })}>Updated</dt>\n            <dd title={entity.updatedAt} className={textStyle({ tone: 'ink', variant: 'caption' })}>\n              {metadata.updatedAt}\n            </dd>\n          </div>\n        </dl>\n      </CardContent>\n    </div>\n  );\n}\n\nexport function EntityIndexCompactGrid({\n  entities,\n  hasSearch,\n  getEntityHref,\n  LinkComponent,\n}: EntityIndexCompactGridProps) {\n  if (entities.length === 0 && hasSearch) {\n    return (\n      <Txt variant=\"caption\" tone=\"muted\" className=\"py-8 text-center\">\n        No entities match your search\n      </Txt>\n    );\n  }\n  return (\n    <ScrollArea className=\"h-full\">\n      <div className=\"grid grid-cols-1 gap-2 md:grid-cols-2\">\n        {entities.map(entity => (\n          <EntityIndexCompactCard\n            key={`${entity.entityType}:${entity.entityId}`}\n            entity={entity}\n            getEntityHref={getEntityHref}\n            LinkComponent={LinkComponent}\n          />\n        ))}\n      </div>\n    </ScrollArea>\n  );\n}\n"],"names":["useId","entityIndexMetadata","entityStatusLabel","jsxs","jsx","CardLink","CardContent","CardTitle","CardDescription","Badge","textStyle","Txt","ScrollArea"],"mappings":"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"}
+{"version":3,"file":"entity-index-compact-grid.cjs.js","sources":["../../../../src/ee/signals/components/entity-index-compact-grid.tsx"],"sourcesContent":["import type { ThemeLearningEntity } from '@mastra/client-js';\nimport { useId } from 'react';\n\nimport { entityIndexMetadata } from './entity-index-model';\nimport { EntityIndexStatus } from './entity-index-status';\nimport { Card, CardContent, CardDescription, CardLink, CardTitle } from '@/ds/components/Card';\nimport { ScrollArea } from '@/ds/components/ScrollArea';\nimport { Txt } from '@/ds/components/Txt';\nimport { textStyle } from '@/ds/primitives/text';\nimport type { LinkComponent } from '@/ds/types/link-component';\n\nexport interface EntityIndexCompactGridProps {\n  entities: readonly ThemeLearningEntity[];\n  hasSearch: boolean;\n  getEntityHref: (entity: ThemeLearningEntity) => string;\n  LinkComponent: LinkComponent;\n}\n\nfunction EntityIndexCompactCard({\n  entity,\n  getEntityHref,\n  LinkComponent,\n}: {\n  entity: ThemeLearningEntity;\n  getEntityHref: (entity: ThemeLearningEntity) => string;\n  LinkComponent: LinkComponent;\n}) {\n  const detailsId = useId();\n  const metadata = entityIndexMetadata(entity);\n  return (\n    <div className=\"group/entity relative h-full min-w-0\" data-entity-card>\n      {/* No signals yet means the detail page has nothing to show, so the card stays static. */}\n      {entity.status === 'collecting' ? (\n        <Card className=\"absolute inset-0\" />\n      ) : (\n        <CardLink\n          LinkComponent={LinkComponent}\n          href={getEntityHref(entity)}\n          aria-label={`Open ${entity.entityId}`}\n          aria-describedby={detailsId}\n          className=\"absolute inset-0 group-focus-within/entity:bg-fill-subtle group-hover/entity:bg-fill-subtle\"\n        />\n      )}\n      <CardContent density=\"compact\" className=\"pointer-events-none relative grid h-full min-w-0 gap-3\">\n        <div className=\"flex min-w-0 items-start justify-between gap-3\">\n          <div className=\"min-w-0\">\n            <CardTitle title={entity.entityId} className=\"overflow-clip text-ellipsis whitespace-nowrap\">\n              {entity.entityId}\n            </CardTitle>\n            <CardDescription>{entity.entityType}</CardDescription>\n          </div>\n          <EntityIndexStatus entity={entity} />\n        </div>\n        <dl id={detailsId} className=\"grid grid-cols-3 gap-3\">\n          <div>\n            <dt className={textStyle({ tone: 'muted', variant: 'meta' })}>Traces</dt>\n            <dd className={textStyle({ tone: 'ink', variant: 'caption' })}>{metadata.traceCount}</dd>\n          </div>\n          <div>\n            <dt className={textStyle({ tone: 'muted', variant: 'meta' })}>Signals set</dt>\n            <dd className={textStyle({ tone: 'ink', variant: 'caption' })}>{metadata.signalsSet}</dd>\n          </div>\n          <div>\n            <dt className={textStyle({ tone: 'muted', variant: 'meta' })}>Updated</dt>\n            <dd title={entity.updatedAt} className={textStyle({ tone: 'ink', variant: 'caption' })}>\n              {metadata.updatedAt}\n            </dd>\n          </div>\n        </dl>\n      </CardContent>\n    </div>\n  );\n}\n\nexport function EntityIndexCompactGrid({\n  entities,\n  hasSearch,\n  getEntityHref,\n  LinkComponent,\n}: EntityIndexCompactGridProps) {\n  if (entities.length === 0 && hasSearch) {\n    return (\n      <Txt variant=\"caption\" tone=\"muted\" className=\"py-8 text-center\">\n        No agents match your search\n      </Txt>\n    );\n  }\n  return (\n    <ScrollArea className=\"h-full\">\n      <div className=\"grid grid-cols-1 gap-2 md:grid-cols-2\">\n        {entities.map(entity => (\n          <EntityIndexCompactCard\n            key={`${entity.entityType}:${entity.entityId}`}\n            entity={entity}\n            getEntityHref={getEntityHref}\n            LinkComponent={LinkComponent}\n          />\n        ))}\n      </div>\n    </ScrollArea>\n  );\n}\n"],"names":["useId","entityIndexMetadata","jsxs","jsx","Card","CardLink","CardContent","CardTitle","CardDescription","EntityIndexStatus","textStyle","Txt","ScrollArea"],"mappings":";;;;;;;;;;;;;AAkBA,SAAS,sBAAA,CAAuB;AAAA,EAC9B,MAAA;AAAA,EACA,aAAA;AAAA,EACA;AACF,CAAA,EAIG;AACD,EAAA,MAAM,YAAYA,WAAA,EAAM;AACxB,EAAA,MAAM,QAAA,GAAWC,2DAAoB,MAAM,CAAA;AAC3C,EAAA,uBACEC,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,sCAAA,EAAuC,oBAAgB,IAAA,EAEnE,QAAA,EAAA;AAAA,IAAA,MAAA,CAAO,WAAW,YAAA,mBACjBC,cAAA,CAACC,SAAA,EAAA,EAAK,SAAA,EAAU,oBAAmB,CAAA,mBAEnCD,cAAA;AAAA,MAACE,aAAA;AAAA,MAAA;AAAA,QACC,aAAA;AAAA,QACA,IAAA,EAAM,cAAc,MAAM,CAAA;AAAA,QAC1B,YAAA,EAAY,CAAA,KAAA,EAAQ,MAAA,CAAO,QAAQ,CAAA,CAAA;AAAA,QACnC,kBAAA,EAAkB,SAAA;AAAA,QAClB,SAAA,EAAU;AAAA;AAAA,KACZ;AAAA,oBAEFH,eAAA,CAACI,gBAAA,EAAA,EAAY,OAAA,EAAQ,SAAA,EAAU,WAAU,wDAAA,EACvC,QAAA,EAAA;AAAA,sBAAAJ,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,gDAAA,EACb,QAAA,EAAA;AAAA,wBAAAA,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,SAAA,EACb,QAAA,EAAA;AAAA,0BAAAC,cAAA,CAACI,kBAAU,KAAA,EAAO,MAAA,CAAO,UAAU,SAAA,EAAU,+CAAA,EAC1C,iBAAO,QAAA,EACV,CAAA;AAAA,0BACAJ,cAAA,CAACK,oBAAA,EAAA,EAAiB,QAAA,EAAA,MAAA,CAAO,UAAA,EAAW;AAAA,SAAA,EACtC,CAAA;AAAA,wBACAL,cAAA,CAACM,6DAAkB,MAAA,EAAgB;AAAA,OAAA,EACrC,CAAA;AAAA,sBACAP,eAAA,CAAC,IAAA,EAAA,EAAG,EAAA,EAAI,SAAA,EAAW,WAAU,wBAAA,EAC3B,QAAA,EAAA;AAAA,wBAAAA,eAAA,CAAC,KAAA,EAAA,EACC,QAAA,EAAA;AAAA,0BAAAC,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAWO,yBAAA,CAAU,EAAE,IAAA,EAAM,SAAS,OAAA,EAAS,MAAA,EAAQ,CAAA,EAAG,QAAA,EAAA,QAAA,EAAM,CAAA;AAAA,0BACpEP,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAWO,yBAAA,CAAU,EAAE,IAAA,EAAM,KAAA,EAAO,OAAA,EAAS,SAAA,EAAW,CAAA,EAAI,QAAA,EAAA,QAAA,CAAS,UAAA,EAAW;AAAA,SAAA,EACtF,CAAA;AAAA,wCACC,KAAA,EAAA,EACC,QAAA,EAAA;AAAA,0BAAAP,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAWO,yBAAA,CAAU,EAAE,IAAA,EAAM,SAAS,OAAA,EAAS,MAAA,EAAQ,CAAA,EAAG,QAAA,EAAA,aAAA,EAAW,CAAA;AAAA,0BACzEP,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAWO,yBAAA,CAAU,EAAE,IAAA,EAAM,KAAA,EAAO,OAAA,EAAS,SAAA,EAAW,CAAA,EAAI,QAAA,EAAA,QAAA,CAAS,UAAA,EAAW;AAAA,SAAA,EACtF,CAAA;AAAA,wCACC,KAAA,EAAA,EACC,QAAA,EAAA;AAAA,0BAAAP,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAWO,yBAAA,CAAU,EAAE,IAAA,EAAM,SAAS,OAAA,EAAS,MAAA,EAAQ,CAAA,EAAG,QAAA,EAAA,SAAA,EAAO,CAAA;AAAA,0BACrEP,cAAA,CAAC,IAAA,EAAA,EAAG,KAAA,EAAO,MAAA,CAAO,WAAW,SAAA,EAAWO,yBAAA,CAAU,EAAE,IAAA,EAAM,OAAO,OAAA,EAAS,SAAA,EAAW,CAAA,EAClF,mBAAS,SAAA,EACZ;AAAA,SAAA,EACF;AAAA,OAAA,EACF;AAAA,KAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;AAEO,SAAS,sBAAA,CAAuB;AAAA,EACrC,QAAA;AAAA,EACA,SAAA;AAAA,EACA,aAAA;AAAA,EACA;AACF,CAAA,EAAgC;AAC9B,EAAA,IAAI,QAAA,CAAS,MAAA,KAAW,CAAA,IAAK,SAAA,EAAW;AACtC,IAAA,uBACEP,cAAA,CAACQ,WAAI,OAAA,EAAQ,SAAA,EAAU,MAAK,OAAA,EAAQ,SAAA,EAAU,oBAAmB,QAAA,EAAA,6BAAA,EAEjE,CAAA;AAAA,EAEJ;AACA,EAAA,uBACER,cAAA,CAACS,qBAAA,EAAA,EAAW,SAAA,EAAU,QAAA,EACpB,QAAA,kBAAAT,cAAA,CAAC,SAAI,SAAA,EAAU,uCAAA,EACZ,QAAA,EAAA,QAAA,CAAS,GAAA,CAAI,CAAA,MAAA,qBACZA,cAAA;AAAA,IAAC,sBAAA;AAAA,IAAA;AAAA,MAEC,MAAA;AAAA,MACA,aAAA;AAAA,MACA;AAAA,KAAA;AAAA,IAHK,CAAA,EAAG,MAAA,CAAO,UAAU,CAAA,CAAA,EAAI,OAAO,QAAQ,CAAA;AAAA,GAK/C,GACH,CAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/ee/signals/components/entity-index-compact-grid.es.js

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useId } from 'react';
-import { entityIndexMetadata, entityStatusLabel } from './entity-index-model.es.js';
-import { B as Badge } from '../../../Badge-3-G2I_cx.js';
-import { e as CardLink, a as CardContent, f as CardTitle, b as CardDescription } from '../../../Card-BQtRz0KD.js';
+import { entityIndexMetadata } from './entity-index-model.es.js';
+import { EntityIndexStatus } from './entity-index-status.es.js';
+import { C as Card, e as CardLink, a as CardContent, f as CardTitle, b as CardDescription } from '../../../Card-BQtRz0KD.js';
 import { S as ScrollArea } from '../../../scroll-area-BywIlj3F.js';
 import { T as Txt } from '../../../Txt-BuzYj7Vy.js';
 import { textStyle } from '../../../primitives/text.es.js';
@@ -14,10 +14,8 @@ function EntityIndexCompactCard({
 }) {
   const detailsId = useId();
   const metadata = entityIndexMetadata(entity);
-  const statusLabel = entityStatusLabel(metadata.status);
-  const statusVariant = metadata.status === "ready" ? "success" : metadata.status === "processing" ? "info" : "neutral";
   return /* @__PURE__ */ jsxs("div", { className: "group/entity relative h-full min-w-0", "data-entity-card": true, children: [
-    /* @__PURE__ */ jsx(
+    entity.status === "collecting" ? /* @__PURE__ */ jsx(Card, { className: "absolute inset-0" }) : /* @__PURE__ */ jsx(
       CardLink,
       {
         LinkComponent,
@@ -33,7 +31,7 @@ function EntityIndexCompactCard({
           /* @__PURE__ */ jsx(CardTitle, { title: entity.entityId, className: "overflow-clip text-ellipsis whitespace-nowrap", children: entity.entityId }),
           /* @__PURE__ */ jsx(CardDescription, { children: entity.entityType })
         ] }),
-        /* @__PURE__ */ jsx(Badge, { variant: statusVariant, size: "sm", indicator: metadata.status === void 0 ? void 0 : "dot", children: statusLabel })
+        /* @__PURE__ */ jsx(EntityIndexStatus, { entity })
       ] }),
       /* @__PURE__ */ jsxs("dl", { id: detailsId, className: "grid grid-cols-3 gap-3", children: [
         /* @__PURE__ */ jsxs("div", { children: [
@@ -59,7 +57,7 @@ function EntityIndexCompactGrid({
   LinkComponent
 }) {
   if (entities.length === 0 && hasSearch) {
-    return /* @__PURE__ */ jsx(Txt, { variant: "caption", tone: "muted", className: "py-8 text-center", children: "No entities match your search" });
+    return /* @__PURE__ */ jsx(Txt, { variant: "caption", tone: "muted", className: "py-8 text-center", children: "No agents match your search" });
   }
   return /* @__PURE__ */ jsx(ScrollArea, { className: "h-full", children: /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-2 md:grid-cols-2", children: entities.map((entity) => /* @__PURE__ */ jsx(
     EntityIndexCompactCard,

package/dist/ee/signals/components/entity-index-compact-grid.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"entity-index-compact-grid.es.js","sources":["../../../../src/ee/signals/components/entity-index-compact-grid.tsx"],"sourcesContent":["import type { ThemeLearningEntity } from '@mastra/client-js';\nimport { useId } from 'react';\n\nimport { entityIndexMetadata, entityStatusLabel } from './entity-index-model';\nimport { Badge } from '@/ds/components/Badge';\nimport { CardContent, CardDescription, CardLink, CardTitle } from '@/ds/components/Card';\nimport { ScrollArea } from '@/ds/components/ScrollArea';\nimport { Txt } from '@/ds/components/Txt';\nimport { textStyle } from '@/ds/primitives/text';\nimport type { LinkComponent } from '@/ds/types/link-component';\n\nexport interface EntityIndexCompactGridProps {\n  entities: readonly ThemeLearningEntity[];\n  hasSearch: boolean;\n  getEntityHref: (entity: ThemeLearningEntity) => string;\n  LinkComponent: LinkComponent;\n}\n\nfunction EntityIndexCompactCard({\n  entity,\n  getEntityHref,\n  LinkComponent,\n}: {\n  entity: ThemeLearningEntity;\n  getEntityHref: (entity: ThemeLearningEntity) => string;\n  LinkComponent: LinkComponent;\n}) {\n  const detailsId = useId();\n  const metadata = entityIndexMetadata(entity);\n  const statusLabel = entityStatusLabel(metadata.status);\n  const statusVariant = metadata.status === 'ready' ? 'success' : metadata.status === 'processing' ? 'info' : 'neutral';\n  return (\n    <div className=\"group/entity relative h-full min-w-0\" data-entity-card>\n      <CardLink\n        LinkComponent={LinkComponent}\n        href={getEntityHref(entity)}\n        aria-label={`Open ${entity.entityId}`}\n        aria-describedby={detailsId}\n        className=\"absolute inset-0 group-focus-within/entity:bg-fill-subtle group-hover/entity:bg-fill-subtle\"\n      />\n      <CardContent density=\"compact\" className=\"pointer-events-none relative grid h-full min-w-0 gap-3\">\n        <div className=\"flex min-w-0 items-start justify-between gap-3\">\n          <div className=\"min-w-0\">\n            <CardTitle title={entity.entityId} className=\"overflow-clip text-ellipsis whitespace-nowrap\">\n              {entity.entityId}\n            </CardTitle>\n            <CardDescription>{entity.entityType}</CardDescription>\n          </div>\n          <Badge variant={statusVariant} size=\"sm\" indicator={metadata.status === undefined ? undefined : 'dot'}>\n            {statusLabel}\n          </Badge>\n        </div>\n        <dl id={detailsId} className=\"grid grid-cols-3 gap-3\">\n          <div>\n            <dt className={textStyle({ tone: 'muted', variant: 'meta' })}>Traces</dt>\n            <dd className={textStyle({ tone: 'ink', variant: 'caption' })}>{metadata.traceCount}</dd>\n          </div>\n          <div>\n            <dt className={textStyle({ tone: 'muted', variant: 'meta' })}>Signals set</dt>\n            <dd className={textStyle({ tone: 'ink', variant: 'caption' })}>{metadata.signalsSet}</dd>\n          </div>\n          <div>\n            <dt className={textStyle({ tone: 'muted', variant: 'meta' })}>Updated</dt>\n            <dd title={entity.updatedAt} className={textStyle({ tone: 'ink', variant: 'caption' })}>\n              {metadata.updatedAt}\n            </dd>\n          </div>\n        </dl>\n      </CardContent>\n    </div>\n  );\n}\n\nexport function EntityIndexCompactGrid({\n  entities,\n  hasSearch,\n  getEntityHref,\n  LinkComponent,\n}: EntityIndexCompactGridProps) {\n  if (entities.length === 0 && hasSearch) {\n    return (\n      <Txt variant=\"caption\" tone=\"muted\" className=\"py-8 text-center\">\n        No entities match your search\n      </Txt>\n    );\n  }\n  return (\n    <ScrollArea className=\"h-full\">\n      <div className=\"grid grid-cols-1 gap-2 md:grid-cols-2\">\n        {entities.map(entity => (\n          <EntityIndexCompactCard\n            key={`${entity.entityType}:${entity.entityId}`}\n            entity={entity}\n            getEntityHref={getEntityHref}\n            LinkComponent={LinkComponent}\n          />\n        ))}\n      </div>\n    </ScrollArea>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"entity-index-compact-grid.es.js","sources":["../../../../src/ee/signals/components/entity-index-compact-grid.tsx"],"sourcesContent":["import type { ThemeLearningEntity } from '@mastra/client-js';\nimport { useId } from 'react';\n\nimport { entityIndexMetadata } from './entity-index-model';\nimport { EntityIndexStatus } from './entity-index-status';\nimport { Card, CardContent, CardDescription, CardLink, CardTitle } from '@/ds/components/Card';\nimport { ScrollArea } from '@/ds/components/ScrollArea';\nimport { Txt } from '@/ds/components/Txt';\nimport { textStyle } from '@/ds/primitives/text';\nimport type { LinkComponent } from '@/ds/types/link-component';\n\nexport interface EntityIndexCompactGridProps {\n  entities: readonly ThemeLearningEntity[];\n  hasSearch: boolean;\n  getEntityHref: (entity: ThemeLearningEntity) => string;\n  LinkComponent: LinkComponent;\n}\n\nfunction EntityIndexCompactCard({\n  entity,\n  getEntityHref,\n  LinkComponent,\n}: {\n  entity: ThemeLearningEntity;\n  getEntityHref: (entity: ThemeLearningEntity) => string;\n  LinkComponent: LinkComponent;\n}) {\n  const detailsId = useId();\n  const metadata = entityIndexMetadata(entity);\n  return (\n    <div className=\"group/entity relative h-full min-w-0\" data-entity-card>\n      {/* No signals yet means the detail page has nothing to show, so the card stays static. */}\n      {entity.status === 'collecting' ? (\n        <Card className=\"absolute inset-0\" />\n      ) : (\n        <CardLink\n          LinkComponent={LinkComponent}\n          href={getEntityHref(entity)}\n          aria-label={`Open ${entity.entityId}`}\n          aria-describedby={detailsId}\n          className=\"absolute inset-0 group-focus-within/entity:bg-fill-subtle group-hover/entity:bg-fill-subtle\"\n        />\n      )}\n      <CardContent density=\"compact\" className=\"pointer-events-none relative grid h-full min-w-0 gap-3\">\n        <div className=\"flex min-w-0 items-start justify-between gap-3\">\n          <div className=\"min-w-0\">\n            <CardTitle title={entity.entityId} className=\"overflow-clip text-ellipsis whitespace-nowrap\">\n              {entity.entityId}\n            </CardTitle>\n            <CardDescription>{entity.entityType}</CardDescription>\n          </div>\n          <EntityIndexStatus entity={entity} />\n        </div>\n        <dl id={detailsId} className=\"grid grid-cols-3 gap-3\">\n          <div>\n            <dt className={textStyle({ tone: 'muted', variant: 'meta' })}>Traces</dt>\n            <dd className={textStyle({ tone: 'ink', variant: 'caption' })}>{metadata.traceCount}</dd>\n          </div>\n          <div>\n            <dt className={textStyle({ tone: 'muted', variant: 'meta' })}>Signals set</dt>\n            <dd className={textStyle({ tone: 'ink', variant: 'caption' })}>{metadata.signalsSet}</dd>\n          </div>\n          <div>\n            <dt className={textStyle({ tone: 'muted', variant: 'meta' })}>Updated</dt>\n            <dd title={entity.updatedAt} className={textStyle({ tone: 'ink', variant: 'caption' })}>\n              {metadata.updatedAt}\n            </dd>\n          </div>\n        </dl>\n      </CardContent>\n    </div>\n  );\n}\n\nexport function EntityIndexCompactGrid({\n  entities,\n  hasSearch,\n  getEntityHref,\n  LinkComponent,\n}: EntityIndexCompactGridProps) {\n  if (entities.length === 0 && hasSearch) {\n    return (\n      <Txt variant=\"caption\" tone=\"muted\" className=\"py-8 text-center\">\n        No agents match your search\n      </Txt>\n    );\n  }\n  return (\n    <ScrollArea className=\"h-full\">\n      <div className=\"grid grid-cols-1 gap-2 md:grid-cols-2\">\n        {entities.map(entity => (\n          <EntityIndexCompactCard\n            key={`${entity.entityType}:${entity.entityId}`}\n            entity={entity}\n            getEntityHref={getEntityHref}\n            LinkComponent={LinkComponent}\n          />\n        ))}\n      </div>\n    </ScrollArea>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/ee/signals/components/entity-index-list.cjs.js

@@ -4,49 +4,50 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const ee_signals_components_entityIndexModel = require('./entity-index-model.cjs.js');
-const Badge = require('../../../Badge-BF6FbLH_.cjs');
-const dataList = require('../../../data-list-DkVOwk8l.cjs');
+const ee_signals_components_entityIndexStatus = require('./entity-index-status.cjs.js');
+const dataList = require('../../../data-list-BLfHObw8.cjs');
+require('react');
+require('../../../keyboard/keyboard-shortcuts-context.cjs.js');
 
 const columns = "minmax(12rem,1.5fr) minmax(7rem,0.6fr) minmax(8rem,0.7fr) minmax(8rem,0.7fr) minmax(12rem,1fr)";
-function Status({ entity }) {
-  const label = ee_signals_components_entityIndexModel.entityStatusLabel(entity.status);
-  const variant = entity.status === "ready" ? "success" : entity.status === "processing" ? "info" : "neutral";
-  return /* @__PURE__ */ jsxRuntime.jsx(Badge.Badge, { variant, size: "sm", indicator: entity.status === void 0 ? void 0 : "dot", children: label });
-}
 function EntityIndexList({ entities, hasSearch, getEntityHref, LinkComponent }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("section", { "aria-label": "Trace Intelligence entities", className: "min-h-0", children: /* @__PURE__ */ jsxRuntime.jsxs(dataList.DataList, { columns, fit: "container", children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("section", { "aria-label": "Trace Intelligence agents", className: "min-h-0", children: /* @__PURE__ */ jsxRuntime.jsxs(dataList.DataList, { columns, fit: "container", children: [
     /* @__PURE__ */ jsxRuntime.jsxs(dataList.DataList.Top, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.TopCell, { children: "Entity" }),
+      /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.TopCell, { children: "Agent" }),
       /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.TopCell, { children: "Traces" }),
       /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.TopCell, { children: "Signals set" }),
       /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.TopCell, { children: "Status" }),
       /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.TopCell, { children: "Updated" })
     ] }),
-    entities.length === 0 && hasSearch ? /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.NoMatch, { message: "No entities match your search" }) : null,
+    entities.length === 0 && hasSearch ? /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.NoMatch, { message: "No agents match your search" }) : null,
     entities.map((entity) => {
       const metadata = ee_signals_components_entityIndexModel.entityIndexMetadata(entity);
-      return /* @__PURE__ */ jsxRuntime.jsxs(
-        dataList.DataList.RowLink,
-        {
-          to: getEntityHref(entity),
-          LinkComponent,
-          className: "min-w-0",
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(dataList.DataList.Cell, { className: "min-w-0 overflow-visible text-left", children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "sr-only", children: [
-                "Open entity ",
-                entity.entityId
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "block overflow-clip text-ellipsis whitespace-nowrap", children: entity.entityId })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.NumberCell, { children: metadata.traceCount }),
-            /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.Cell, { children: metadata.signalsSet }),
-            /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(Status, { entity }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.Cell, { title: entity.updatedAt, children: metadata.updatedAt })
-          ]
-        },
-        `${entity.entityType}:${entity.entityId}`
-      );
+      const key = `${entity.entityType}:${entity.entityId}`;
+      const isAnalyzing = entity.status === "collecting";
+      const cells = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(dataList.DataList.Cell, { className: "min-w-0 overflow-visible text-left", children: [
+          isAnalyzing ? null : /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "sr-only", children: [
+            "Open agent ",
+            entity.entityId
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              "aria-hidden": isAnalyzing ? void 0 : true,
+              className: "block overflow-clip text-ellipsis whitespace-nowrap",
+              children: entity.entityId
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.NumberCell, { children: metadata.traceCount }),
+        /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.Cell, { children: metadata.signalsSet }),
+        /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.Cell, { className: "overflow-visible", children: /* @__PURE__ */ jsxRuntime.jsx(ee_signals_components_entityIndexStatus.EntityIndexStatus, { entity }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.Cell, { title: entity.updatedAt, children: metadata.updatedAt })
+      ] });
+      if (isAnalyzing) {
+        return /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.RowStatic, { className: "min-w-0", children: cells }, key);
+      }
+      return /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.RowLink, { to: getEntityHref(entity), LinkComponent, className: "min-w-0", children: cells }, key);
     })
   ] }) });
 }

package/dist/ee/signals/components/entity-index-list.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"entity-index-list.cjs.js","sources":["../../../../src/ee/signals/components/entity-index-list.tsx"],"sourcesContent":["import type { ThemeLearningEntity } from '@mastra/client-js';\n\nimport { entityIndexMetadata, entityStatusLabel } from './entity-index-model';\nimport { Badge } from '@/ds/components/Badge';\nimport { DataList } from '@/ds/components/DataList';\nimport type { LinkComponent } from '@/ds/types/link-component';\n\nconst columns = 'minmax(12rem,1.5fr) minmax(7rem,0.6fr) minmax(8rem,0.7fr) minmax(8rem,0.7fr) minmax(12rem,1fr)';\n\nexport interface EntityIndexListProps {\n  entities: readonly ThemeLearningEntity[];\n  hasSearch: boolean;\n  getEntityHref: (entity: ThemeLearningEntity) => string;\n  LinkComponent: LinkComponent;\n}\n\nfunction Status({ entity }: { entity: ThemeLearningEntity }) {\n  const label = entityStatusLabel(entity.status);\n  const variant = entity.status === 'ready' ? 'success' : entity.status === 'processing' ? 'info' : 'neutral';\n  return (\n    <Badge variant={variant} size=\"sm\" indicator={entity.status === undefined ? undefined : 'dot'}>\n      {label}\n    </Badge>\n  );\n}\n\nexport function EntityIndexList({ entities, hasSearch, getEntityHref, LinkComponent }: EntityIndexListProps) {\n  return (\n    <section aria-label=\"Trace Intelligence entities\" className=\"min-h-0\">\n      <DataList columns={columns} fit=\"container\">\n        <DataList.Top>\n          <DataList.TopCell>Entity</DataList.TopCell>\n          <DataList.TopCell>Traces</DataList.TopCell>\n          <DataList.TopCell>Signals set</DataList.TopCell>\n          <DataList.TopCell>Status</DataList.TopCell>\n          <DataList.TopCell>Updated</DataList.TopCell>\n        </DataList.Top>\n        {entities.length === 0 && hasSearch ? <DataList.NoMatch message=\"No entities match your search\" /> : null}\n        {entities.map(entity => {\n          const metadata = entityIndexMetadata(entity);\n          return (\n            <DataList.RowLink\n              key={`${entity.entityType}:${entity.entityId}`}\n              to={getEntityHref(entity)}\n              LinkComponent={LinkComponent}\n              className=\"min-w-0\"\n            >\n              <DataList.Cell className=\"min-w-0 overflow-visible text-left\">\n                <span className=\"sr-only\">Open entity {entity.entityId}</span>\n                <span aria-hidden=\"true\" className=\"block overflow-clip text-ellipsis whitespace-nowrap\">\n                  {entity.entityId}\n                </span>\n              </DataList.Cell>\n              <DataList.NumberCell>{metadata.traceCount}</DataList.NumberCell>\n              <DataList.Cell>{metadata.signalsSet}</DataList.Cell>\n              <DataList.Cell>\n                <Status entity={entity} />\n              </DataList.Cell>\n              <DataList.Cell title={entity.updatedAt}>{metadata.updatedAt}</DataList.Cell>\n            </DataList.RowLink>\n          );\n        })}\n      </DataList>\n    </section>\n  );\n}\n"],"names":["entityStatusLabel","jsx","Badge","jsxs","DataList","entityIndexMetadata"],"mappings":"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"}
+{"version":3,"file":"entity-index-list.cjs.js","sources":["../../../../src/ee/signals/components/entity-index-list.tsx"],"sourcesContent":["import type { ThemeLearningEntity } from '@mastra/client-js';\n\nimport { entityIndexMetadata } from './entity-index-model';\nimport { EntityIndexStatus } from './entity-index-status';\nimport { DataList } from '@/ds/components/DataList';\nimport type { LinkComponent } from '@/ds/types/link-component';\n\nconst columns = 'minmax(12rem,1.5fr) minmax(7rem,0.6fr) minmax(8rem,0.7fr) minmax(8rem,0.7fr) minmax(12rem,1fr)';\n\nexport interface EntityIndexListProps {\n  entities: readonly ThemeLearningEntity[];\n  hasSearch: boolean;\n  getEntityHref: (entity: ThemeLearningEntity) => string;\n  LinkComponent: LinkComponent;\n}\n\nexport function EntityIndexList({ entities, hasSearch, getEntityHref, LinkComponent }: EntityIndexListProps) {\n  return (\n    <section aria-label=\"Trace Intelligence agents\" className=\"min-h-0\">\n      <DataList columns={columns} fit=\"container\">\n        <DataList.Top>\n          <DataList.TopCell>Agent</DataList.TopCell>\n          <DataList.TopCell>Traces</DataList.TopCell>\n          <DataList.TopCell>Signals set</DataList.TopCell>\n          <DataList.TopCell>Status</DataList.TopCell>\n          <DataList.TopCell>Updated</DataList.TopCell>\n        </DataList.Top>\n        {entities.length === 0 && hasSearch ? <DataList.NoMatch message=\"No agents match your search\" /> : null}\n        {entities.map(entity => {\n          const metadata = entityIndexMetadata(entity);\n          const key = `${entity.entityType}:${entity.entityId}`;\n          const isAnalyzing = entity.status === 'collecting';\n          const cells = (\n            <>\n              <DataList.Cell className=\"min-w-0 overflow-visible text-left\">\n                {isAnalyzing ? null : <span className=\"sr-only\">Open agent {entity.entityId}</span>}\n                <span\n                  aria-hidden={isAnalyzing ? undefined : true}\n                  className=\"block overflow-clip text-ellipsis whitespace-nowrap\"\n                >\n                  {entity.entityId}\n                </span>\n              </DataList.Cell>\n              <DataList.NumberCell>{metadata.traceCount}</DataList.NumberCell>\n              <DataList.Cell>{metadata.signalsSet}</DataList.Cell>\n              <DataList.Cell className=\"overflow-visible\">\n                <EntityIndexStatus entity={entity} />\n              </DataList.Cell>\n              <DataList.Cell title={entity.updatedAt}>{metadata.updatedAt}</DataList.Cell>\n            </>\n          );\n          // No signals yet means the detail page has nothing to show, so the row stays static.\n          if (isAnalyzing) {\n            return (\n              <DataList.RowStatic key={key} className=\"min-w-0\">\n                {cells}\n              </DataList.RowStatic>\n            );\n          }\n          return (\n            <DataList.RowLink key={key} to={getEntityHref(entity)} LinkComponent={LinkComponent} className=\"min-w-0\">\n              {cells}\n            </DataList.RowLink>\n          );\n        })}\n      </DataList>\n    </section>\n  );\n}\n"],"names":["jsx","jsxs","DataList","entityIndexMetadata","Fragment","EntityIndexStatus"],"mappings":"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"}

package/dist/ee/signals/components/entity-index-list.es.js

@@ -1,48 +1,49 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { entityIndexMetadata, entityStatusLabel } from './entity-index-model.es.js';
-import { B as Badge } from '../../../Badge-3-G2I_cx.js';
-import { D as DataList } from '../../../data-list-Dv2lP-dU.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { entityIndexMetadata } from './entity-index-model.es.js';
+import { EntityIndexStatus } from './entity-index-status.es.js';
+import { e as DataList } from '../../../data-list-B2ArWwsJ.js';
+import 'react';
+import '../../../keyboard/keyboard-shortcuts-context.es.js';
 
 const columns = "minmax(12rem,1.5fr) minmax(7rem,0.6fr) minmax(8rem,0.7fr) minmax(8rem,0.7fr) minmax(12rem,1fr)";
-function Status({ entity }) {
-  const label = entityStatusLabel(entity.status);
-  const variant = entity.status === "ready" ? "success" : entity.status === "processing" ? "info" : "neutral";
-  return /* @__PURE__ */ jsx(Badge, { variant, size: "sm", indicator: entity.status === void 0 ? void 0 : "dot", children: label });
-}
 function EntityIndexList({ entities, hasSearch, getEntityHref, LinkComponent }) {
-  return /* @__PURE__ */ jsx("section", { "aria-label": "Trace Intelligence entities", className: "min-h-0", children: /* @__PURE__ */ jsxs(DataList, { columns, fit: "container", children: [
+  return /* @__PURE__ */ jsx("section", { "aria-label": "Trace Intelligence agents", className: "min-h-0", children: /* @__PURE__ */ jsxs(DataList, { columns, fit: "container", children: [
     /* @__PURE__ */ jsxs(DataList.Top, { children: [
-      /* @__PURE__ */ jsx(DataList.TopCell, { children: "Entity" }),
+      /* @__PURE__ */ jsx(DataList.TopCell, { children: "Agent" }),
       /* @__PURE__ */ jsx(DataList.TopCell, { children: "Traces" }),
       /* @__PURE__ */ jsx(DataList.TopCell, { children: "Signals set" }),
       /* @__PURE__ */ jsx(DataList.TopCell, { children: "Status" }),
       /* @__PURE__ */ jsx(DataList.TopCell, { children: "Updated" })
     ] }),
-    entities.length === 0 && hasSearch ? /* @__PURE__ */ jsx(DataList.NoMatch, { message: "No entities match your search" }) : null,
+    entities.length === 0 && hasSearch ? /* @__PURE__ */ jsx(DataList.NoMatch, { message: "No agents match your search" }) : null,
     entities.map((entity) => {
       const metadata = entityIndexMetadata(entity);
-      return /* @__PURE__ */ jsxs(
-        DataList.RowLink,
-        {
-          to: getEntityHref(entity),
-          LinkComponent,
-          className: "min-w-0",
-          children: [
-            /* @__PURE__ */ jsxs(DataList.Cell, { className: "min-w-0 overflow-visible text-left", children: [
-              /* @__PURE__ */ jsxs("span", { className: "sr-only", children: [
-                "Open entity ",
-                entity.entityId
-              ] }),
-              /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "block overflow-clip text-ellipsis whitespace-nowrap", children: entity.entityId })
-            ] }),
-            /* @__PURE__ */ jsx(DataList.NumberCell, { children: metadata.traceCount }),
-            /* @__PURE__ */ jsx(DataList.Cell, { children: metadata.signalsSet }),
-            /* @__PURE__ */ jsx(DataList.Cell, { children: /* @__PURE__ */ jsx(Status, { entity }) }),
-            /* @__PURE__ */ jsx(DataList.Cell, { title: entity.updatedAt, children: metadata.updatedAt })
-          ]
-        },
-        `${entity.entityType}:${entity.entityId}`
-      );
+      const key = `${entity.entityType}:${entity.entityId}`;
+      const isAnalyzing = entity.status === "collecting";
+      const cells = /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs(DataList.Cell, { className: "min-w-0 overflow-visible text-left", children: [
+          isAnalyzing ? null : /* @__PURE__ */ jsxs("span", { className: "sr-only", children: [
+            "Open agent ",
+            entity.entityId
+          ] }),
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              "aria-hidden": isAnalyzing ? void 0 : true,
+              className: "block overflow-clip text-ellipsis whitespace-nowrap",
+              children: entity.entityId
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(DataList.NumberCell, { children: metadata.traceCount }),
+        /* @__PURE__ */ jsx(DataList.Cell, { children: metadata.signalsSet }),
+        /* @__PURE__ */ jsx(DataList.Cell, { className: "overflow-visible", children: /* @__PURE__ */ jsx(EntityIndexStatus, { entity }) }),
+        /* @__PURE__ */ jsx(DataList.Cell, { title: entity.updatedAt, children: metadata.updatedAt })
+      ] });
+      if (isAnalyzing) {
+        return /* @__PURE__ */ jsx(DataList.RowStatic, { className: "min-w-0", children: cells }, key);
+      }
+      return /* @__PURE__ */ jsx(DataList.RowLink, { to: getEntityHref(entity), LinkComponent, className: "min-w-0", children: cells }, key);
     })
   ] }) });
 }

package/dist/ee/signals/components/entity-index-list.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"entity-index-list.es.js","sources":["../../../../src/ee/signals/components/entity-index-list.tsx"],"sourcesContent":["import type { ThemeLearningEntity } from '@mastra/client-js';\n\nimport { entityIndexMetadata, entityStatusLabel } from './entity-index-model';\nimport { Badge } from '@/ds/components/Badge';\nimport { DataList } from '@/ds/components/DataList';\nimport type { LinkComponent } from '@/ds/types/link-component';\n\nconst columns = 'minmax(12rem,1.5fr) minmax(7rem,0.6fr) minmax(8rem,0.7fr) minmax(8rem,0.7fr) minmax(12rem,1fr)';\n\nexport interface EntityIndexListProps {\n  entities: readonly ThemeLearningEntity[];\n  hasSearch: boolean;\n  getEntityHref: (entity: ThemeLearningEntity) => string;\n  LinkComponent: LinkComponent;\n}\n\nfunction Status({ entity }: { entity: ThemeLearningEntity }) {\n  const label = entityStatusLabel(entity.status);\n  const variant = entity.status === 'ready' ? 'success' : entity.status === 'processing' ? 'info' : 'neutral';\n  return (\n    <Badge variant={variant} size=\"sm\" indicator={entity.status === undefined ? undefined : 'dot'}>\n      {label}\n    </Badge>\n  );\n}\n\nexport function EntityIndexList({ entities, hasSearch, getEntityHref, LinkComponent }: EntityIndexListProps) {\n  return (\n    <section aria-label=\"Trace Intelligence entities\" className=\"min-h-0\">\n      <DataList columns={columns} fit=\"container\">\n        <DataList.Top>\n          <DataList.TopCell>Entity</DataList.TopCell>\n          <DataList.TopCell>Traces</DataList.TopCell>\n          <DataList.TopCell>Signals set</DataList.TopCell>\n          <DataList.TopCell>Status</DataList.TopCell>\n          <DataList.TopCell>Updated</DataList.TopCell>\n        </DataList.Top>\n        {entities.length === 0 && hasSearch ? <DataList.NoMatch message=\"No entities match your search\" /> : null}\n        {entities.map(entity => {\n          const metadata = entityIndexMetadata(entity);\n          return (\n            <DataList.RowLink\n              key={`${entity.entityType}:${entity.entityId}`}\n              to={getEntityHref(entity)}\n              LinkComponent={LinkComponent}\n              className=\"min-w-0\"\n            >\n              <DataList.Cell className=\"min-w-0 overflow-visible text-left\">\n                <span className=\"sr-only\">Open entity {entity.entityId}</span>\n                <span aria-hidden=\"true\" className=\"block overflow-clip text-ellipsis whitespace-nowrap\">\n                  {entity.entityId}\n                </span>\n              </DataList.Cell>\n              <DataList.NumberCell>{metadata.traceCount}</DataList.NumberCell>\n              <DataList.Cell>{metadata.signalsSet}</DataList.Cell>\n              <DataList.Cell>\n                <Status entity={entity} />\n              </DataList.Cell>\n              <DataList.Cell title={entity.updatedAt}>{metadata.updatedAt}</DataList.Cell>\n            </DataList.RowLink>\n          );\n        })}\n      </DataList>\n    </section>\n  );\n}\n"],"names":[],"mappings":";;;;;AAOA,MAAM,OAAA,GAAU,gGAAA;AAShB,SAAS,MAAA,CAAO,EAAE,MAAA,EAAO,EAAoC;AAC3D,EAAA,MAAM,KAAA,GAAQ,iBAAA,CAAkB,MAAA,CAAO,MAAM,CAAA;AAC7C,EAAA,MAAM,OAAA,GAAU,OAAO,MAAA,KAAW,OAAA,GAAU,YAAY,MAAA,CAAO,MAAA,KAAW,eAAe,MAAA,GAAS,SAAA;AAClG,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAM,OAAA,EAAkB,IAAA,EAAK,IAAA,EAAK,SAAA,EAAW,MAAA,CAAO,MAAA,KAAW,MAAA,GAAY,MAAA,GAAY,KAAA,EACrF,QAAA,EAAA,KAAA,EACH,CAAA;AAEJ;AAEO,SAAS,gBAAgB,EAAE,QAAA,EAAU,SAAA,EAAW,aAAA,EAAe,eAAc,EAAyB;AAC3G,EAAA,uBACE,GAAA,CAAC,SAAA,EAAA,EAAQ,YAAA,EAAW,6BAAA,EAA8B,SAAA,EAAU,WAC1D,QAAA,kBAAA,IAAA,CAAC,QAAA,EAAA,EAAS,OAAA,EAAkB,GAAA,EAAI,WAAA,EAC9B,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,QAAA,CAAS,KAAT,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,QAAA,CAAS,OAAA,EAAT,EAAiB,QAAA,EAAA,QAAA,EAAM,CAAA;AAAA,sBACxB,GAAA,CAAC,QAAA,CAAS,OAAA,EAAT,EAAiB,QAAA,EAAA,QAAA,EAAM,CAAA;AAAA,sBACxB,GAAA,CAAC,QAAA,CAAS,OAAA,EAAT,EAAiB,QAAA,EAAA,aAAA,EAAW,CAAA;AAAA,sBAC7B,GAAA,CAAC,QAAA,CAAS,OAAA,EAAT,EAAiB,QAAA,EAAA,QAAA,EAAM,CAAA;AAAA,sBACxB,GAAA,CAAC,QAAA,CAAS,OAAA,EAAT,EAAiB,QAAA,EAAA,SAAA,EAAO;AAAA,KAAA,EAC3B,CAAA;AAAA,IACC,QAAA,CAAS,MAAA,KAAW,CAAA,IAAK,SAAA,mBAAY,GAAA,CAAC,SAAS,OAAA,EAAT,EAAiB,OAAA,EAAQ,+BAAA,EAAgC,CAAA,GAAK,IAAA;AAAA,IACpG,QAAA,CAAS,IAAI,CAAA,MAAA,KAAU;AACtB,MAAA,MAAM,QAAA,GAAW,oBAAoB,MAAM,CAAA;AAC3C,MAAA,uBACE,IAAA;AAAA,QAAC,QAAA,CAAS,OAAA;AAAA,QAAT;AAAA,UAEC,EAAA,EAAI,cAAc,MAAM,CAAA;AAAA,UACxB,aAAA;AAAA,UACA,SAAA,EAAU,SAAA;AAAA,UAEV,QAAA,EAAA;AAAA,4BAAA,IAAA,CAAC,QAAA,CAAS,IAAA,EAAT,EAAc,SAAA,EAAU,oCAAA,EACvB,QAAA,EAAA;AAAA,8BAAA,IAAA,CAAC,MAAA,EAAA,EAAK,WAAU,SAAA,EAAU,QAAA,EAAA;AAAA,gBAAA,cAAA;AAAA,gBAAa,MAAA,CAAO;AAAA,eAAA,EAAS,CAAA;AAAA,kCACtD,MAAA,EAAA,EAAK,aAAA,EAAY,QAAO,SAAA,EAAU,qDAAA,EAChC,iBAAO,QAAA,EACV;AAAA,aAAA,EACF,CAAA;AAAA,4BACA,GAAA,CAAC,QAAA,CAAS,UAAA,EAAT,EAAqB,mBAAS,UAAA,EAAW,CAAA;AAAA,4BAC1C,GAAA,CAAC,QAAA,CAAS,IAAA,EAAT,EAAe,mBAAS,UAAA,EAAW,CAAA;AAAA,gCACnC,QAAA,CAAS,IAAA,EAAT,EACC,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAO,QAAgB,CAAA,EAC1B,CAAA;AAAA,4BACA,GAAA,CAAC,SAAS,IAAA,EAAT,EAAc,OAAO,MAAA,CAAO,SAAA,EAAY,mBAAS,SAAA,EAAU;AAAA;AAAA,SAAA;AAAA,QAhBvD,CAAA,EAAG,MAAA,CAAO,UAAU,CAAA,CAAA,EAAI,OAAO,QAAQ,CAAA;AAAA,OAiB9C;AAAA,IAEJ,CAAC;AAAA,GAAA,EACH,CAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"entity-index-list.es.js","sources":["../../../../src/ee/signals/components/entity-index-list.tsx"],"sourcesContent":["import type { ThemeLearningEntity } from '@mastra/client-js';\n\nimport { entityIndexMetadata } from './entity-index-model';\nimport { EntityIndexStatus } from './entity-index-status';\nimport { DataList } from '@/ds/components/DataList';\nimport type { LinkComponent } from '@/ds/types/link-component';\n\nconst columns = 'minmax(12rem,1.5fr) minmax(7rem,0.6fr) minmax(8rem,0.7fr) minmax(8rem,0.7fr) minmax(12rem,1fr)';\n\nexport interface EntityIndexListProps {\n  entities: readonly ThemeLearningEntity[];\n  hasSearch: boolean;\n  getEntityHref: (entity: ThemeLearningEntity) => string;\n  LinkComponent: LinkComponent;\n}\n\nexport function EntityIndexList({ entities, hasSearch, getEntityHref, LinkComponent }: EntityIndexListProps) {\n  return (\n    <section aria-label=\"Trace Intelligence agents\" className=\"min-h-0\">\n      <DataList columns={columns} fit=\"container\">\n        <DataList.Top>\n          <DataList.TopCell>Agent</DataList.TopCell>\n          <DataList.TopCell>Traces</DataList.TopCell>\n          <DataList.TopCell>Signals set</DataList.TopCell>\n          <DataList.TopCell>Status</DataList.TopCell>\n          <DataList.TopCell>Updated</DataList.TopCell>\n        </DataList.Top>\n        {entities.length === 0 && hasSearch ? <DataList.NoMatch message=\"No agents match your search\" /> : null}\n        {entities.map(entity => {\n          const metadata = entityIndexMetadata(entity);\n          const key = `${entity.entityType}:${entity.entityId}`;\n          const isAnalyzing = entity.status === 'collecting';\n          const cells = (\n            <>\n              <DataList.Cell className=\"min-w-0 overflow-visible text-left\">\n                {isAnalyzing ? null : <span className=\"sr-only\">Open agent {entity.entityId}</span>}\n                <span\n                  aria-hidden={isAnalyzing ? undefined : true}\n                  className=\"block overflow-clip text-ellipsis whitespace-nowrap\"\n                >\n                  {entity.entityId}\n                </span>\n              </DataList.Cell>\n              <DataList.NumberCell>{metadata.traceCount}</DataList.NumberCell>\n              <DataList.Cell>{metadata.signalsSet}</DataList.Cell>\n              <DataList.Cell className=\"overflow-visible\">\n                <EntityIndexStatus entity={entity} />\n              </DataList.Cell>\n              <DataList.Cell title={entity.updatedAt}>{metadata.updatedAt}</DataList.Cell>\n            </>\n          );\n          // No signals yet means the detail page has nothing to show, so the row stays static.\n          if (isAnalyzing) {\n            return (\n              <DataList.RowStatic key={key} className=\"min-w-0\">\n                {cells}\n              </DataList.RowStatic>\n            );\n          }\n          return (\n            <DataList.RowLink key={key} to={getEntityHref(entity)} LinkComponent={LinkComponent} className=\"min-w-0\">\n              {cells}\n            </DataList.RowLink>\n          );\n        })}\n      </DataList>\n    </section>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/ee/signals/components/entity-index-model.cjs.js

@@ -25,9 +25,16 @@ function entityIndexMetadata(entity) {
 }
 function entityStatusLabel(status) {
   if (!status) return "Unavailable";
+  if (status === "collecting") return "Analyzing";
   return status.charAt(0).toUpperCase() + status.slice(1);
 }
+function analyzingDescription(traceCount) {
+  const pending = "Signals appear when analysis finishes.";
+  if (traceCount === void 0) return pending;
+  return `${numberFormatter.format(traceCount)} ${traceCount === 1 ? "trace" : "traces"} collected. ${pending}`;
+}
 
+exports.analyzingDescription = analyzingDescription;
 exports.entityIndexMetadata = entityIndexMetadata;
 exports.entityStatusLabel = entityStatusLabel;
 exports.filterAndSortEntities = filterAndSortEntities;

package/dist/ee/signals/components/entity-index-model.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"entity-index-model.cjs.js","sources":["../../../../src/ee/signals/components/entity-index-model.ts"],"sourcesContent":["import type { EntityLearningProgressStatus, ThemeLearningEntity } from '@mastra/client-js';\nimport { formatDate } from '@/utils/date-format';\n\nexport type TraceIntelligenceEntitySort = 'default' | 'entity-asc' | 'entity-desc';\nexport type TraceIntelligenceEntityView = 'compact' | 'list';\n\nconst numberFormatter = new Intl.NumberFormat('en-US');\n\nexport type EntityIndexMetadata = {\n  traceCount: string;\n  signalsSet: string;\n  status?: EntityLearningProgressStatus;\n  updatedAt: string;\n};\n\nexport function filterAndSortEntities(\n  entities: readonly ThemeLearningEntity[],\n  search: string,\n  sort: TraceIntelligenceEntitySort,\n): ThemeLearningEntity[] {\n  const term = search.trim().toLocaleLowerCase();\n  const filtered = term\n    ? entities.filter(entity => `${entity.entityType} ${entity.entityId}`.toLocaleLowerCase().includes(term))\n    : [...entities];\n  if (sort === 'default') return filtered;\n\n  const direction = sort === 'entity-asc' ? 1 : -1;\n  return filtered.toSorted((left, right) => direction * left.entityId.localeCompare(right.entityId));\n}\n\nexport function entityIndexMetadata(entity: ThemeLearningEntity): EntityIndexMetadata {\n  const enabledCatalog = entity.signalCatalog?.filter(signal => signal.enabled);\n  const enabledSignalCount = entity.enabledSignalCount ?? enabledCatalog?.length;\n  const readySignalCount =\n    entity.readySignalCount ?? enabledCatalog?.filter(signal => signal.status === 'ready').length;\n  return {\n    traceCount: entity.traceCount === undefined ? '—' : numberFormatter.format(entity.traceCount),\n    signalsSet:\n      readySignalCount === undefined || enabledSignalCount === undefined\n        ? '—'\n        : `${readySignalCount} of ${enabledSignalCount}`,\n    status: entity.status,\n    updatedAt: formatDate(entity.updatedAt, 'date-time') ?? '—',\n  };\n}\n\nexport function entityStatusLabel(status: EntityLearningProgressStatus | undefined): string {\n  if (!status) return 'Unavailable';\n  return status.charAt(0).toUpperCase() + status.slice(1);\n}\n"],"names":["formatDate"],"mappings":";;;;;;AAMA,MAAM,eAAA,GAAkB,IAAI,IAAA,CAAK,YAAA,CAAa,OAAO,CAAA;AAS9C,SAAS,qBAAA,CACd,QAAA,EACA,MAAA,EACA,IAAA,EACuB;AACvB,EAAA,MAAM,IAAA,GAAO,MAAA,CAAO,IAAA,EAAK,CAAE,iBAAA,EAAkB;AAC7C,EAAA,MAAM,QAAA,GAAW,OACb,QAAA,CAAS,MAAA,CAAO,YAAU,CAAA,EAAG,MAAA,CAAO,UAAU,CAAA,CAAA,EAAI,MAAA,CAAO,QAAQ,CAAA,CAAA,CAAG,iBAAA,GAAoB,QAAA,CAAS,IAAI,CAAC,CAAA,GACtG,CAAC,GAAG,QAAQ,CAAA;AAChB,EAAA,IAAI,IAAA,KAAS,WAAW,OAAO,QAAA;AAE/B,EAAA,MAAM,SAAA,GAAY,IAAA,KAAS,YAAA,GAAe,CAAA,GAAI,EAAA;AAC9C,EAAA,OAAO,QAAA,CAAS,QAAA,CAAS,CAAC,IAAA,EAAM,KAAA,KAAU,SAAA,GAAY,IAAA,CAAK,QAAA,CAAS,aAAA,CAAc,KAAA,CAAM,QAAQ,CAAC,CAAA;AACnG;AAEO,SAAS,oBAAoB,MAAA,EAAkD;AACpF,EAAA,MAAM,iBAAiB,MAAA,CAAO,aAAA,EAAe,MAAA,CAAO,CAAA,MAAA,KAAU,OAAO,OAAO,CAAA;AAC5E,EAAA,MAAM,kBAAA,GAAqB,MAAA,CAAO,kBAAA,IAAsB,cAAA,EAAgB,MAAA;AACxE,EAAA,MAAM,gBAAA,GACJ,OAAO,gBAAA,IAAoB,cAAA,EAAgB,OAAO,CAAA,MAAA,KAAU,MAAA,CAAO,MAAA,KAAW,OAAO,CAAA,CAAE,MAAA;AACzF,EAAA,OAAO;AAAA,IACL,UAAA,EAAY,OAAO,UAAA,KAAe,MAAA,GAAY,MAAM,eAAA,CAAgB,MAAA,CAAO,OAAO,UAAU,CAAA;AAAA,IAC5F,UAAA,EACE,qBAAqB,MAAA,IAAa,kBAAA,KAAuB,SACrD,GAAA,GACA,CAAA,EAAG,gBAAgB,CAAA,IAAA,EAAO,kBAAkB,CAAA,CAAA;AAAA,IAClD,QAAQ,MAAA,CAAO,MAAA;AAAA,IACf,SAAA,EAAWA,2BAAA,CAAW,MAAA,CAAO,SAAA,EAAW,WAAW,CAAA,IAAK;AAAA,GAC1D;AACF;AAEO,SAAS,kBAAkB,MAAA,EAA0D;AAC1F,EAAA,IAAI,CAAC,QAAQ,OAAO,aAAA;AACpB,EAAA,OAAO,MAAA,CAAO,OAAO,CAAC,CAAA,CAAE,aAAY,GAAI,MAAA,CAAO,MAAM,CAAC,CAAA;AACxD;;;;;;"}
+{"version":3,"file":"entity-index-model.cjs.js","sources":["../../../../src/ee/signals/components/entity-index-model.ts"],"sourcesContent":["import type { EntityLearningProgressStatus, ThemeLearningEntity } from '@mastra/client-js';\nimport { formatDate } from '@/utils/date-format';\n\nexport type TraceIntelligenceEntitySort = 'default' | 'entity-asc' | 'entity-desc';\nexport type TraceIntelligenceEntityView = 'compact' | 'list';\n\nconst numberFormatter = new Intl.NumberFormat('en-US');\n\nexport type EntityIndexMetadata = {\n  traceCount: string;\n  signalsSet: string;\n  status?: EntityLearningProgressStatus;\n  updatedAt: string;\n};\n\nexport function filterAndSortEntities(\n  entities: readonly ThemeLearningEntity[],\n  search: string,\n  sort: TraceIntelligenceEntitySort,\n): ThemeLearningEntity[] {\n  const term = search.trim().toLocaleLowerCase();\n  const filtered = term\n    ? entities.filter(entity => `${entity.entityType} ${entity.entityId}`.toLocaleLowerCase().includes(term))\n    : [...entities];\n  if (sort === 'default') return filtered;\n\n  const direction = sort === 'entity-asc' ? 1 : -1;\n  return filtered.toSorted((left, right) => direction * left.entityId.localeCompare(right.entityId));\n}\n\nexport function entityIndexMetadata(entity: ThemeLearningEntity): EntityIndexMetadata {\n  const enabledCatalog = entity.signalCatalog?.filter(signal => signal.enabled);\n  const enabledSignalCount = entity.enabledSignalCount ?? enabledCatalog?.length;\n  const readySignalCount =\n    entity.readySignalCount ?? enabledCatalog?.filter(signal => signal.status === 'ready').length;\n  return {\n    traceCount: entity.traceCount === undefined ? '—' : numberFormatter.format(entity.traceCount),\n    signalsSet:\n      readySignalCount === undefined || enabledSignalCount === undefined\n        ? '—'\n        : `${readySignalCount} of ${enabledSignalCount}`,\n    status: entity.status,\n    updatedAt: formatDate(entity.updatedAt, 'date-time') ?? '—',\n  };\n}\n\nexport function entityStatusLabel(status: EntityLearningProgressStatus | undefined): string {\n  if (!status) return 'Unavailable';\n  if (status === 'collecting') return 'Analyzing';\n  return status.charAt(0).toUpperCase() + status.slice(1);\n}\n\n/**\n * Collecting agents already have traces; none has finished analysis yet. The API\n * reports traces collected, not analysis progress, so that is all the copy can say.\n */\nexport function analyzingDescription(traceCount: number | undefined): string {\n  const pending = 'Signals appear when analysis finishes.';\n  if (traceCount === undefined) return pending;\n  return `${numberFormatter.format(traceCount)} ${traceCount === 1 ? 'trace' : 'traces'} collected. ${pending}`;\n}\n"],"names":["formatDate"],"mappings":";;;;;;AAMA,MAAM,eAAA,GAAkB,IAAI,IAAA,CAAK,YAAA,CAAa,OAAO,CAAA;AAS9C,SAAS,qBAAA,CACd,QAAA,EACA,MAAA,EACA,IAAA,EACuB;AACvB,EAAA,MAAM,IAAA,GAAO,MAAA,CAAO,IAAA,EAAK,CAAE,iBAAA,EAAkB;AAC7C,EAAA,MAAM,QAAA,GAAW,OACb,QAAA,CAAS,MAAA,CAAO,YAAU,CAAA,EAAG,MAAA,CAAO,UAAU,CAAA,CAAA,EAAI,MAAA,CAAO,QAAQ,CAAA,CAAA,CAAG,iBAAA,GAAoB,QAAA,CAAS,IAAI,CAAC,CAAA,GACtG,CAAC,GAAG,QAAQ,CAAA;AAChB,EAAA,IAAI,IAAA,KAAS,WAAW,OAAO,QAAA;AAE/B,EAAA,MAAM,SAAA,GAAY,IAAA,KAAS,YAAA,GAAe,CAAA,GAAI,EAAA;AAC9C,EAAA,OAAO,QAAA,CAAS,QAAA,CAAS,CAAC,IAAA,EAAM,KAAA,KAAU,SAAA,GAAY,IAAA,CAAK,QAAA,CAAS,aAAA,CAAc,KAAA,CAAM,QAAQ,CAAC,CAAA;AACnG;AAEO,SAAS,oBAAoB,MAAA,EAAkD;AACpF,EAAA,MAAM,iBAAiB,MAAA,CAAO,aAAA,EAAe,MAAA,CAAO,CAAA,MAAA,KAAU,OAAO,OAAO,CAAA;AAC5E,EAAA,MAAM,kBAAA,GAAqB,MAAA,CAAO,kBAAA,IAAsB,cAAA,EAAgB,MAAA;AACxE,EAAA,MAAM,gBAAA,GACJ,OAAO,gBAAA,IAAoB,cAAA,EAAgB,OAAO,CAAA,MAAA,KAAU,MAAA,CAAO,MAAA,KAAW,OAAO,CAAA,CAAE,MAAA;AACzF,EAAA,OAAO;AAAA,IACL,UAAA,EAAY,OAAO,UAAA,KAAe,MAAA,GAAY,MAAM,eAAA,CAAgB,MAAA,CAAO,OAAO,UAAU,CAAA;AAAA,IAC5F,UAAA,EACE,qBAAqB,MAAA,IAAa,kBAAA,KAAuB,SACrD,GAAA,GACA,CAAA,EAAG,gBAAgB,CAAA,IAAA,EAAO,kBAAkB,CAAA,CAAA;AAAA,IAClD,QAAQ,MAAA,CAAO,MAAA;AAAA,IACf,SAAA,EAAWA,2BAAA,CAAW,MAAA,CAAO,SAAA,EAAW,WAAW,CAAA,IAAK;AAAA,GAC1D;AACF;AAEO,SAAS,kBAAkB,MAAA,EAA0D;AAC1F,EAAA,IAAI,CAAC,QAAQ,OAAO,aAAA;AACpB,EAAA,IAAI,MAAA,KAAW,cAAc,OAAO,WAAA;AACpC,EAAA,OAAO,MAAA,CAAO,OAAO,CAAC,CAAA,CAAE,aAAY,GAAI,MAAA,CAAO,MAAM,CAAC,CAAA;AACxD;AAMO,SAAS,qBAAqB,UAAA,EAAwC;AAC3E,EAAA,MAAM,OAAA,GAAU,wCAAA;AAChB,EAAA,IAAI,UAAA,KAAe,QAAW,OAAO,OAAA;AACrC,EAAA,OAAO,CAAA,EAAG,eAAA,CAAgB,MAAA,CAAO,UAAU,CAAC,CAAA,CAAA,EAAI,UAAA,KAAe,CAAA,GAAI,OAAA,GAAU,QAAQ,CAAA,YAAA,EAAe,OAAO,CAAA,CAAA;AAC7G;;;;;;;"}