@mastra/playground-ui 55.0.0 → 56.0.0-alpha.10

package/dist/domains/traces/components/thread-trace/thread-trace-spans-tab.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"thread-trace-spans-tab.es.js","sources":["../../../../../src/domains/traces/components/thread-trace/thread-trace-spans-tab.tsx"],"sourcesContent":["import { ChevronDown, ChevronUp } from 'lucide-react';\nimport { useMemo } from 'react';\nimport type { ComponentProps } from 'react';\n\nimport { useExpandedSpanIds } from '../../hooks/use-expanded-span-ids';\nimport { useTraceSpans } from '../../hooks/use-trace-spans';\nimport { formatHierarchicalSpans } from '../format-hierarchical-spans';\nimport { TraceSpanTree } from '../trace-span-tree';\nimport { useThreadTrace } from './thread-trace-context';\nimport { THREAD_TRACE_SPANS_TAB } from './thread-trace-row';\nimport { useThreadTraceRow } from './thread-trace-row-context';\nimport { Button } from '@/ds/components/Button';\nimport { TabContent } from '@/ds/components/Tabs';\nimport { cn } from '@/lib/utils';\n\nexport interface ThreadTraceSpansTabProps extends Omit<ComponentProps<'div'>, 'children'> {\n  /** Class name of the `TabContent` wrapping the timeline. */\n  tabClassName?: string;\n  /** Class name of the measured wrapper around the timeline. */\n  timelineClassName?: string;\n}\n\n/**\n * The span tree of a row, clamped to the messages column while the row is collapsed with a\n * \"Show more\" control (and \"Show less\" once expanded, hidden while a span of the row is open).\n * Clamping needs the measured heights from `ThreadTrace.Messages` and `ThreadTrace.DetailsHeader`;\n * without them the timeline is shown in full.\n */\nexport function ThreadTraceSpansTab({\n  className,\n  tabClassName,\n  timelineClassName,\n  ...props\n}: ThreadTraceSpansTabProps) {\n  const { selectSpan } = useThreadTrace();\n  const {\n    traceId,\n    isActive,\n    isExpanded,\n    selectedSpanId,\n    featuredSpanIds,\n    revealSpanId,\n    setExpanded,\n    timelineRef,\n    messagesHeight,\n    timelineHeight,\n    detailsHeaderHeight,\n  } = useThreadTraceRow();\n\n  // Passive: deduped with the (non-passive) fetch inside the consumer's messages slot and the side panel.\n  const { data, isLoading } = useTraceSpans(traceId, { passive: true });\n  const hierarchicalSpans = useMemo(() => formatHierarchicalSpans(data?.spans ?? []), [data]);\n  const { expandedSpanIds, setExpandedSpanIds } = useExpandedSpanIds(hierarchicalSpans);\n\n  // The tab header sits above the timeline, so the timeline budget is what's left of the\n  // messages height once the header is taken out — otherwise the right cell overshoots the left.\n  const timelineBudget =\n    messagesHeight !== null && detailsHeaderHeight !== null ? messagesHeight - detailsHeaderHeight : null;\n  const overflows = timelineBudget !== null && timelineHeight !== null && timelineHeight > timelineBudget;\n  const isClamped = overflows && !isExpanded;\n\n  return (\n    <TabContent value={THREAD_TRACE_SPANS_TAB} className={cn('min-h-0 py-0', tabClassName)}>\n      {/* The clamp is applied whenever the row is collapsed, not only once `overflows` is known:\n          the timeline remounts on every tab switch and its measurement lags a frame, which\n          would otherwise let the cell grow and snap back. A short timeline ignores it anyway. */}\n      <div\n        data-slot=\"thread-trace-spans-tab\"\n        className={cn('relative overflow-hidden', className)}\n        style={!isExpanded && timelineBudget !== null ? { maxHeight: timelineBudget } : undefined}\n        data-testid=\"trace-row-timeline\"\n        {...props}\n      >\n        <div ref={timelineRef} className={cn('px-4 pt-2 pb-4', timelineClassName)}>\n          <TraceSpanTree\n            hierarchicalSpans={hierarchicalSpans}\n            selectedSpanId={selectedSpanId}\n            featuredSpanIds={featuredSpanIds}\n            revealSpanId={revealSpanId}\n            onSpanClick={id => selectSpan(traceId, selectedSpanId === id ? undefined : id)}\n            expandedSpanIds={expandedSpanIds}\n            setExpandedSpanIds={setExpandedSpanIds}\n            isLoading={isLoading}\n          />\n        </div>\n        {overflows && isClamped && (\n          <div className=\"from-surface1 via-surface1/80 absolute inset-x-0 bottom-0 flex h-20 items-end justify-center bg-linear-to-t to-transparent pb-2\">\n            <Button icon={<ChevronDown />} variant=\"ghost\" size=\"sm\" onClick={() => setExpanded(true)}>\n              Show more\n            </Button>\n          </div>\n        )}\n      </div>\n      {/* Collapsing would hide the selected span, so the control waits until the panel closes. */}\n      {overflows && !isClamped && !isActive && (\n        <div className=\"flex justify-center py-2\">\n          <Button icon={<ChevronUp />} variant=\"ghost\" size=\"sm\" onClick={() => setExpanded(false)}>\n            Show less\n          </Button>\n        </div>\n      )}\n    </TabContent>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/domains/traces/components/timeline-expand-col.cjs.js

@@ -1,89 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const lucideReact = require('lucide-react');
-const tooltip = require('../../../tooltip-BsSNtmxl.cjs');
-const utils_cn = require('../../../cn-DnbTIGXa.cjs');
-
-function TimelineExpandCol({
-  isSelected,
-  isFaded,
-  isExpanded,
-  isRootSpan,
-  toggleChildren,
-  expandAllDescendants,
-  collapseAllDescendants,
-  collapseAll,
-  totalDescendants = 0,
-  allDescendantsExpanded,
-  numOfChildren = 0,
-  toggleSiblings,
-  siblingsAllExpanded,
-  siblingsWithChildrenCount = 0
-}) {
-  const toggleTooltip = isExpanded ? `Collapse children (${numOfChildren})` : `Expand children (${numOfChildren})`;
-  const showToggleChildren = !isRootSpan && !!numOfChildren && numOfChildren > 0;
-  const showDescendantsButton = !isRootSpan && showToggleChildren && totalDescendants > numOfChildren;
-  const showToggleSiblings = !isRootSpan && siblingsWithChildrenCount >= 2;
-  const showRootToggleAll = !!isRootSpan && !!numOfChildren && numOfChildren > 0;
-  const fullyExpanded = !!isExpanded && !!allDescendantsExpanded;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: utils_cn.cn("flex h-full items-center justify-end px-1.5", {
-        "opacity-40 [&:hover]:opacity-70 dark:opacity-30 dark:[&:hover]:opacity-60": isFaded,
-        "bg-surface4": isSelected
-      }),
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-[1.625rem_1.625rem_1.625rem] gap-1", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { children: showToggleChildren && /* @__PURE__ */ jsxRuntime.jsx(ExpandButton, { onClick: () => toggleChildren?.(), tooltip: toggleTooltip, children: isExpanded ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUpIcon, {}) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, {}) }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { children: showDescendantsButton && /* @__PURE__ */ jsxRuntime.jsx(
-          ExpandButton,
-          {
-            onClick: () => allDescendantsExpanded ? collapseAllDescendants?.() : expandAllDescendants?.(),
-            tooltip: allDescendantsExpanded ? `Collapse all descendants (${totalDescendants})` : `Expand all descendants (${totalDescendants})`,
-            children: allDescendantsExpanded ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronsUpIcon, {}) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronsDownIcon, {})
-          }
-        ) }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-          showToggleSiblings && /* @__PURE__ */ jsxRuntime.jsx(
-            ExpandButton,
-            {
-              onClick: () => toggleSiblings?.(),
-              tooltip: siblingsAllExpanded ? "Collapse at this level" : "Expand at this level",
-              children: siblingsAllExpanded ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FoldVerticalIcon, {}) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.UnfoldVerticalIcon, {})
-            }
-          ),
-          showRootToggleAll && /* @__PURE__ */ jsxRuntime.jsx(
-            ExpandButton,
-            {
-              onClick: () => fullyExpanded ? collapseAll?.() : expandAllDescendants?.(),
-              tooltip: fullyExpanded ? "Collapse all" : "Expand all",
-              children: fullyExpanded ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronsDownUpIcon, {}) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronsUpDownIcon, {})
-            }
-          )
-        ] })
-      ] })
-    }
-  );
-}
-function ExpandButton({ onClick, children, className, tooltip: tooltip$1 }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(tooltip.Tooltip, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("button", { onClick, className: utils_cn.cn("h-full shrink-0 cursor-pointer", className), "aria-label": tooltip$1, children: /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        className: utils_cn.cn(
-          "flex items-center gap-[0.1rem] rounded-md p-1 transition-all",
-          "hover:bg-surface5",
-          "[&:hover>svg]:opacity-100 [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:opacity-50 [&>svg]:transition-all"
-        ),
-        children
-      }
-    ) }) }),
-    tooltip$1 && /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipContent, { children: tooltip$1 })
-  ] });
-}
-
-exports.TimelineExpandCol = TimelineExpandCol;
-//# sourceMappingURL=timeline-expand-col.cjs.js.map

package/dist/domains/traces/components/timeline-expand-col.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"timeline-expand-col.cjs.js","sources":["../../../../src/domains/traces/components/timeline-expand-col.tsx"],"sourcesContent":["import {\n  ChevronDownIcon,\n  ChevronsDownIcon,\n  ChevronsDownUpIcon,\n  ChevronsUpDownIcon,\n  ChevronsUpIcon,\n  ChevronUpIcon,\n  FoldVerticalIcon,\n  UnfoldVerticalIcon,\n} from 'lucide-react';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { cn } from '@/lib/utils';\n\ntype TimelineExpandColProps = {\n  isSelected?: boolean;\n  isFaded?: boolean;\n  isExpanded?: boolean;\n  isRootSpan?: boolean;\n  toggleChildren?: () => void;\n  expandAllDescendants?: () => void;\n  collapseAllDescendants?: () => void;\n  collapseAll?: () => void;\n  totalDescendants?: number;\n  allDescendantsExpanded?: boolean;\n  numOfChildren?: number;\n  toggleSiblings?: () => void;\n  siblingsAllExpanded?: boolean;\n  siblingsWithChildrenCount?: number;\n};\n\nexport function TimelineExpandCol({\n  isSelected,\n  isFaded,\n  isExpanded,\n  isRootSpan,\n  toggleChildren,\n  expandAllDescendants,\n  collapseAllDescendants,\n  collapseAll,\n  totalDescendants = 0,\n  allDescendantsExpanded,\n  numOfChildren = 0,\n  toggleSiblings,\n  siblingsAllExpanded,\n  siblingsWithChildrenCount = 0,\n}: TimelineExpandColProps) {\n  const toggleTooltip = isExpanded ? `Collapse children (${numOfChildren})` : `Expand children (${numOfChildren})`;\n\n  const showToggleChildren = !isRootSpan && !!numOfChildren && numOfChildren > 0;\n  const showDescendantsButton = !isRootSpan && showToggleChildren && totalDescendants > numOfChildren;\n  const showToggleSiblings = !isRootSpan && siblingsWithChildrenCount >= 2;\n  const showRootToggleAll = !!isRootSpan && !!numOfChildren && numOfChildren > 0;\n  const fullyExpanded = !!isExpanded && !!allDescendantsExpanded;\n\n  return (\n    <div\n      className={cn('flex h-full items-center justify-end px-1.5', {\n        'opacity-40 [&:hover]:opacity-70 dark:opacity-30 dark:[&:hover]:opacity-60': isFaded,\n        'bg-surface4': isSelected,\n      })}\n    >\n      <div className=\"grid grid-cols-[1.625rem_1.625rem_1.625rem] gap-1\">\n        <div>\n          {showToggleChildren && (\n            <ExpandButton onClick={() => toggleChildren?.()} tooltip={toggleTooltip}>\n              {isExpanded ? <ChevronUpIcon /> : <ChevronDownIcon />}\n            </ExpandButton>\n          )}\n        </div>\n\n        <div>\n          {showDescendantsButton && (\n            <ExpandButton\n              onClick={() => (allDescendantsExpanded ? collapseAllDescendants?.() : expandAllDescendants?.())}\n              tooltip={\n                allDescendantsExpanded\n                  ? `Collapse all descendants (${totalDescendants})`\n                  : `Expand all descendants (${totalDescendants})`\n              }\n            >\n              {allDescendantsExpanded ? <ChevronsUpIcon /> : <ChevronsDownIcon />}\n            </ExpandButton>\n          )}\n        </div>\n\n        <div>\n          {showToggleSiblings && (\n            <ExpandButton\n              onClick={() => toggleSiblings?.()}\n              tooltip={siblingsAllExpanded ? 'Collapse at this level' : 'Expand at this level'}\n            >\n              {siblingsAllExpanded ? <FoldVerticalIcon /> : <UnfoldVerticalIcon />}\n            </ExpandButton>\n          )}\n\n          {showRootToggleAll && (\n            <ExpandButton\n              onClick={() => (fullyExpanded ? collapseAll?.() : expandAllDescendants?.())}\n              tooltip={fullyExpanded ? 'Collapse all' : 'Expand all'}\n            >\n              {fullyExpanded ? <ChevronsDownUpIcon /> : <ChevronsUpDownIcon />}\n            </ExpandButton>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n\ntype ExpandButtonProps = {\n  onClick?: () => void;\n  children?: React.ReactNode;\n  className?: string;\n  tooltip?: string;\n};\n\nfunction ExpandButton({ onClick, children, className, tooltip }: ExpandButtonProps) {\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <button onClick={onClick} className={cn('h-full shrink-0 cursor-pointer', className)} aria-label={tooltip}>\n          <div\n            className={cn(\n              'flex items-center gap-[0.1rem] rounded-md p-1 transition-all',\n              'hover:bg-surface5',\n              '[&:hover>svg]:opacity-100 [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:opacity-50 [&>svg]:transition-all',\n            )}\n          >\n            {children}\n          </div>\n        </button>\n      </TooltipTrigger>\n      {tooltip && <TooltipContent>{tooltip}</TooltipContent>}\n    </Tooltip>\n  );\n}\n"],"names":["jsx","cn","jsxs","ChevronUpIcon","ChevronDownIcon","ChevronsUpIcon","ChevronsDownIcon","FoldVerticalIcon","UnfoldVerticalIcon","ChevronsDownUpIcon","ChevronsUpDownIcon","tooltip","Tooltip","TooltipTrigger","TooltipContent"],"mappings":"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"}

package/dist/domains/traces/components/timeline-expand-col.d.ts

@@ -1,2 +0,0 @@
-export * from '../../../src/domains/traces/components/timeline-expand-col'
-export {}

package/dist/domains/traces/components/timeline-expand-col.es.js

@@ -1,85 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { ChevronUpIcon, ChevronDownIcon, ChevronsUpIcon, ChevronsDownIcon, FoldVerticalIcon, UnfoldVerticalIcon, ChevronsDownUpIcon, ChevronsUpDownIcon } from 'lucide-react';
-import { T as Tooltip, c as TooltipTrigger, a as TooltipContent } from '../../../tooltip-Vj_jjcxE.js';
-import { c as cn } from '../../../cn-ByEbywDh.js';
-
-function TimelineExpandCol({
-  isSelected,
-  isFaded,
-  isExpanded,
-  isRootSpan,
-  toggleChildren,
-  expandAllDescendants,
-  collapseAllDescendants,
-  collapseAll,
-  totalDescendants = 0,
-  allDescendantsExpanded,
-  numOfChildren = 0,
-  toggleSiblings,
-  siblingsAllExpanded,
-  siblingsWithChildrenCount = 0
-}) {
-  const toggleTooltip = isExpanded ? `Collapse children (${numOfChildren})` : `Expand children (${numOfChildren})`;
-  const showToggleChildren = !isRootSpan && !!numOfChildren && numOfChildren > 0;
-  const showDescendantsButton = !isRootSpan && showToggleChildren && totalDescendants > numOfChildren;
-  const showToggleSiblings = !isRootSpan && siblingsWithChildrenCount >= 2;
-  const showRootToggleAll = !!isRootSpan && !!numOfChildren && numOfChildren > 0;
-  const fullyExpanded = !!isExpanded && !!allDescendantsExpanded;
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn("flex h-full items-center justify-end px-1.5", {
-        "opacity-40 [&:hover]:opacity-70 dark:opacity-30 dark:[&:hover]:opacity-60": isFaded,
-        "bg-surface4": isSelected
-      }),
-      children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[1.625rem_1.625rem_1.625rem] gap-1", children: [
-        /* @__PURE__ */ jsx("div", { children: showToggleChildren && /* @__PURE__ */ jsx(ExpandButton, { onClick: () => toggleChildren?.(), tooltip: toggleTooltip, children: isExpanded ? /* @__PURE__ */ jsx(ChevronUpIcon, {}) : /* @__PURE__ */ jsx(ChevronDownIcon, {}) }) }),
-        /* @__PURE__ */ jsx("div", { children: showDescendantsButton && /* @__PURE__ */ jsx(
-          ExpandButton,
-          {
-            onClick: () => allDescendantsExpanded ? collapseAllDescendants?.() : expandAllDescendants?.(),
-            tooltip: allDescendantsExpanded ? `Collapse all descendants (${totalDescendants})` : `Expand all descendants (${totalDescendants})`,
-            children: allDescendantsExpanded ? /* @__PURE__ */ jsx(ChevronsUpIcon, {}) : /* @__PURE__ */ jsx(ChevronsDownIcon, {})
-          }
-        ) }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          showToggleSiblings && /* @__PURE__ */ jsx(
-            ExpandButton,
-            {
-              onClick: () => toggleSiblings?.(),
-              tooltip: siblingsAllExpanded ? "Collapse at this level" : "Expand at this level",
-              children: siblingsAllExpanded ? /* @__PURE__ */ jsx(FoldVerticalIcon, {}) : /* @__PURE__ */ jsx(UnfoldVerticalIcon, {})
-            }
-          ),
-          showRootToggleAll && /* @__PURE__ */ jsx(
-            ExpandButton,
-            {
-              onClick: () => fullyExpanded ? collapseAll?.() : expandAllDescendants?.(),
-              tooltip: fullyExpanded ? "Collapse all" : "Expand all",
-              children: fullyExpanded ? /* @__PURE__ */ jsx(ChevronsDownUpIcon, {}) : /* @__PURE__ */ jsx(ChevronsUpDownIcon, {})
-            }
-          )
-        ] })
-      ] })
-    }
-  );
-}
-function ExpandButton({ onClick, children, className, tooltip }) {
-  return /* @__PURE__ */ jsxs(Tooltip, { children: [
-    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx("button", { onClick, className: cn("h-full shrink-0 cursor-pointer", className), "aria-label": tooltip, children: /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: cn(
-          "flex items-center gap-[0.1rem] rounded-md p-1 transition-all",
-          "hover:bg-surface5",
-          "[&:hover>svg]:opacity-100 [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:opacity-50 [&>svg]:transition-all"
-        ),
-        children
-      }
-    ) }) }),
-    tooltip && /* @__PURE__ */ jsx(TooltipContent, { children: tooltip })
-  ] });
-}
-
-export { TimelineExpandCol };
-//# sourceMappingURL=timeline-expand-col.es.js.map

package/dist/domains/traces/components/timeline-expand-col.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"timeline-expand-col.es.js","sources":["../../../../src/domains/traces/components/timeline-expand-col.tsx"],"sourcesContent":["import {\n  ChevronDownIcon,\n  ChevronsDownIcon,\n  ChevronsDownUpIcon,\n  ChevronsUpDownIcon,\n  ChevronsUpIcon,\n  ChevronUpIcon,\n  FoldVerticalIcon,\n  UnfoldVerticalIcon,\n} from 'lucide-react';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { cn } from '@/lib/utils';\n\ntype TimelineExpandColProps = {\n  isSelected?: boolean;\n  isFaded?: boolean;\n  isExpanded?: boolean;\n  isRootSpan?: boolean;\n  toggleChildren?: () => void;\n  expandAllDescendants?: () => void;\n  collapseAllDescendants?: () => void;\n  collapseAll?: () => void;\n  totalDescendants?: number;\n  allDescendantsExpanded?: boolean;\n  numOfChildren?: number;\n  toggleSiblings?: () => void;\n  siblingsAllExpanded?: boolean;\n  siblingsWithChildrenCount?: number;\n};\n\nexport function TimelineExpandCol({\n  isSelected,\n  isFaded,\n  isExpanded,\n  isRootSpan,\n  toggleChildren,\n  expandAllDescendants,\n  collapseAllDescendants,\n  collapseAll,\n  totalDescendants = 0,\n  allDescendantsExpanded,\n  numOfChildren = 0,\n  toggleSiblings,\n  siblingsAllExpanded,\n  siblingsWithChildrenCount = 0,\n}: TimelineExpandColProps) {\n  const toggleTooltip = isExpanded ? `Collapse children (${numOfChildren})` : `Expand children (${numOfChildren})`;\n\n  const showToggleChildren = !isRootSpan && !!numOfChildren && numOfChildren > 0;\n  const showDescendantsButton = !isRootSpan && showToggleChildren && totalDescendants > numOfChildren;\n  const showToggleSiblings = !isRootSpan && siblingsWithChildrenCount >= 2;\n  const showRootToggleAll = !!isRootSpan && !!numOfChildren && numOfChildren > 0;\n  const fullyExpanded = !!isExpanded && !!allDescendantsExpanded;\n\n  return (\n    <div\n      className={cn('flex h-full items-center justify-end px-1.5', {\n        'opacity-40 [&:hover]:opacity-70 dark:opacity-30 dark:[&:hover]:opacity-60': isFaded,\n        'bg-surface4': isSelected,\n      })}\n    >\n      <div className=\"grid grid-cols-[1.625rem_1.625rem_1.625rem] gap-1\">\n        <div>\n          {showToggleChildren && (\n            <ExpandButton onClick={() => toggleChildren?.()} tooltip={toggleTooltip}>\n              {isExpanded ? <ChevronUpIcon /> : <ChevronDownIcon />}\n            </ExpandButton>\n          )}\n        </div>\n\n        <div>\n          {showDescendantsButton && (\n            <ExpandButton\n              onClick={() => (allDescendantsExpanded ? collapseAllDescendants?.() : expandAllDescendants?.())}\n              tooltip={\n                allDescendantsExpanded\n                  ? `Collapse all descendants (${totalDescendants})`\n                  : `Expand all descendants (${totalDescendants})`\n              }\n            >\n              {allDescendantsExpanded ? <ChevronsUpIcon /> : <ChevronsDownIcon />}\n            </ExpandButton>\n          )}\n        </div>\n\n        <div>\n          {showToggleSiblings && (\n            <ExpandButton\n              onClick={() => toggleSiblings?.()}\n              tooltip={siblingsAllExpanded ? 'Collapse at this level' : 'Expand at this level'}\n            >\n              {siblingsAllExpanded ? <FoldVerticalIcon /> : <UnfoldVerticalIcon />}\n            </ExpandButton>\n          )}\n\n          {showRootToggleAll && (\n            <ExpandButton\n              onClick={() => (fullyExpanded ? collapseAll?.() : expandAllDescendants?.())}\n              tooltip={fullyExpanded ? 'Collapse all' : 'Expand all'}\n            >\n              {fullyExpanded ? <ChevronsDownUpIcon /> : <ChevronsUpDownIcon />}\n            </ExpandButton>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n\ntype ExpandButtonProps = {\n  onClick?: () => void;\n  children?: React.ReactNode;\n  className?: string;\n  tooltip?: string;\n};\n\nfunction ExpandButton({ onClick, children, className, tooltip }: ExpandButtonProps) {\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <button onClick={onClick} className={cn('h-full shrink-0 cursor-pointer', className)} aria-label={tooltip}>\n          <div\n            className={cn(\n              'flex items-center gap-[0.1rem] rounded-md p-1 transition-all',\n              'hover:bg-surface5',\n              '[&:hover>svg]:opacity-100 [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:opacity-50 [&>svg]:transition-all',\n            )}\n          >\n            {children}\n          </div>\n        </button>\n      </TooltipTrigger>\n      {tooltip && <TooltipContent>{tooltip}</TooltipContent>}\n    </Tooltip>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/domains/traces/components/traces-layout.cjs.js

@@ -1,63 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const utils_cn = require('../../../cn-DnbTIGXa.cjs');
-
-const SIDE_PANEL_WIDTH_CLASS = {
-  half: "w-1/2",
-  wide: "w-4/5",
-  full: "w-full"
-};
-function TracesLayout({
-  listSlot,
-  tracePanelSlot,
-  spanPanelSlot,
-  scorePanelSlot,
-  traceCollapsed,
-  sidePanelWidth = "half"
-}) {
-  const hasSidePanel = !!tracePanelSlot;
-  const isHalf = sidePanelWidth === "half";
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        className: utils_cn.cn(
-          "grid h-full min-h-0 items-start gap-4 transition-[grid-template-columns] duration-300 ease-in-out",
-          hasSidePanel ? isHalf ? "grid-cols-[1fr_1fr]" : "grid-cols-[1fr_4fr]" : "grid-cols-[1fr]"
-        ),
-        children: [
-          listSlot,
-          hasSidePanel && /* @__PURE__ */ jsxRuntime.jsx("div", { "aria-hidden": true })
-        ]
-      }
-    ),
-    hasSidePanel && /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        role: "dialog",
-        "aria-label": "Trace details",
-        "data-trace-side-panel": true,
-        className: utils_cn.cn(
-          // z-50 matches the route Header (a z-50 grid sibling in the app frame) so the panel,
-          // rendered later in the DOM, paints above it while body-level portals stay on top.
-          "absolute inset-y-0 right-0 z-50 min-w-0 p-3",
-          "transition-[width] duration-300 ease-in-out",
-          SIDE_PANEL_WIDTH_CLASS[sidePanelWidth],
-          "grid gap-4 overflow-auto [&>*]:rounded-lg [&>*]:bg-surface3 [&>*]:shadow-lg",
-          scorePanelSlot ? traceCollapsed ? "grid-rows-[auto_3fr_3fr]" : "grid-rows-[2fr_3fr_3fr]" : spanPanelSlot ? traceCollapsed ? "grid-rows-[auto_3fr]" : "grid-rows-[2fr_3fr]" : traceCollapsed ? "grid-rows-[auto]" : "grid-rows-[1fr]"
-        ),
-        children: [
-          tracePanelSlot,
-          spanPanelSlot,
-          scorePanelSlot
-        ]
-      }
-    )
-  ] });
-}
-
-exports.TracesLayout = TracesLayout;
-//# sourceMappingURL=traces-layout.cjs.js.map

package/dist/domains/traces/components/traces-layout.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"traces-layout.cjs.js","sources":["../../../../src/domains/traces/components/traces-layout.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport interface TracesLayoutProps {\n  /** The trace list (left column). */\n  listSlot: ReactNode;\n  /** The trace data panel (side panel, top). When null/undefined, the side panel is not rendered. */\n  tracePanelSlot?: ReactNode;\n  /** The span data panel (side panel, middle). Only rendered when truthy. */\n  spanPanelSlot?: ReactNode;\n  /** The score data panel (side panel, bottom). Only rendered when truthy. */\n  scorePanelSlot?: ReactNode;\n  /** When the trace panel is collapsed, the side panel's grid-rows squash the trace row to `auto`. */\n  traceCollapsed?: boolean;\n  /**\n   * Side panel width, driven by how many columns the trace panel shows:\n   * `half` (trace only), `wide` (trace + one side column), `full` (messages + trace + span —\n   * covers the whole positioned ancestor, i.e. stops at the main nav).\n   */\n  sidePanelWidth?: TracesSidePanelWidth;\n}\n\nexport type TracesSidePanelWidth = 'half' | 'wide' | 'full';\n\nconst SIDE_PANEL_WIDTH_CLASS: Record<TracesSidePanelWidth, string> = {\n  half: 'w-1/2',\n  wide: 'w-4/5',\n  full: 'w-full',\n};\n\n/**\n * Layout shell for the traces page. Owns no state and fetches no data — pass slots in.\n *\n * The list lives in a 2-column grid whose right column is an empty spacer; the side panel\n * is rendered as an `absolute inset-y-0 right-0` overlay whose width mirrors the spacer\n * column, so it spans the full height of its nearest positioned ancestor while the list\n * stays interactive on the left. Consumers control the coverage by choosing which ancestor\n * is `relative` (e.g. the app frame, so the overlay also covers the route header).\n */\nexport function TracesLayout({\n  listSlot,\n  tracePanelSlot,\n  spanPanelSlot,\n  scorePanelSlot,\n  traceCollapsed,\n  sidePanelWidth = 'half',\n}: TracesLayoutProps) {\n  const hasSidePanel = !!tracePanelSlot;\n  const isHalf = sidePanelWidth === 'half';\n\n  return (\n    <>\n      <div\n        className={cn(\n          'grid h-full min-h-0 items-start gap-4 transition-[grid-template-columns] duration-300 ease-in-out',\n          hasSidePanel ? (isHalf ? 'grid-cols-[1fr_1fr]' : 'grid-cols-[1fr_4fr]') : 'grid-cols-[1fr]',\n        )}\n      >\n        {listSlot}\n        {hasSidePanel && <div aria-hidden />}\n      </div>\n\n      {hasSidePanel && (\n        <div\n          role=\"dialog\"\n          aria-label=\"Trace details\"\n          data-trace-side-panel\n          className={cn(\n            // z-50 matches the route Header (a z-50 grid sibling in the app frame) so the panel,\n            // rendered later in the DOM, paints above it while body-level portals stay on top.\n            'absolute inset-y-0 right-0 z-50 min-w-0 p-3',\n            'transition-[width] duration-300 ease-in-out',\n            SIDE_PANEL_WIDTH_CLASS[sidePanelWidth],\n            'grid gap-4 overflow-auto [&>*]:rounded-lg [&>*]:bg-surface3 [&>*]:shadow-lg',\n            scorePanelSlot\n              ? traceCollapsed\n                ? 'grid-rows-[auto_3fr_3fr]'\n                : 'grid-rows-[2fr_3fr_3fr]'\n              : spanPanelSlot\n                ? traceCollapsed\n                  ? 'grid-rows-[auto_3fr]'\n                  : 'grid-rows-[2fr_3fr]'\n                : traceCollapsed\n                  ? 'grid-rows-[auto]'\n                  : 'grid-rows-[1fr]',\n          )}\n        >\n          {tracePanelSlot}\n          {spanPanelSlot}\n          {scorePanelSlot}\n        </div>\n      )}\n    </>\n  );\n}\n"],"names":["jsxs","Fragment","cn","jsx"],"mappings":";;;;;;;AAwBA,MAAM,sBAAA,GAA+D;AAAA,EACnE,IAAA,EAAM,OAAA;AAAA,EACN,IAAA,EAAM,OAAA;AAAA,EACN,IAAA,EAAM;AACR,CAAA;AAWO,SAAS,YAAA,CAAa;AAAA,EAC3B,QAAA;AAAA,EACA,cAAA;AAAA,EACA,aAAA;AAAA,EACA,cAAA;AAAA,EACA,cAAA;AAAA,EACA,cAAA,GAAiB;AACnB,CAAA,EAAsB;AACpB,EAAA,MAAM,YAAA,GAAe,CAAC,CAAC,cAAA;AACvB,EAAA,MAAM,SAAS,cAAA,KAAmB,MAAA;AAElC,EAAA,uBACEA,eAAA,CAAAC,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAAD,eAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAWE,WAAA;AAAA,UACT,mGAAA;AAAA,UACA,YAAA,GAAgB,MAAA,GAAS,qBAAA,GAAwB,qBAAA,GAAyB;AAAA,SAC5E;AAAA,QAEC,QAAA,EAAA;AAAA,UAAA,QAAA;AAAA,UACA,YAAA,oBAAgBC,cAAA,CAAC,KAAA,EAAA,EAAI,aAAA,EAAW,IAAA,EAAC;AAAA;AAAA;AAAA,KACpC;AAAA,IAEC,YAAA,oBACCH,eAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,QAAA;AAAA,QACL,YAAA,EAAW,eAAA;AAAA,QACX,uBAAA,EAAqB,IAAA;AAAA,QACrB,SAAA,EAAWE,WAAA;AAAA;AAAA;AAAA,UAGT,6CAAA;AAAA,UACA,6CAAA;AAAA,UACA,uBAAuB,cAAc,CAAA;AAAA,UACrC,6EAAA;AAAA,UACA,cAAA,GACI,iBACE,0BAAA,GACA,yBAAA,GACF,gBACE,cAAA,GACE,sBAAA,GACA,qBAAA,GACF,cAAA,GACE,kBAAA,GACA;AAAA,SACV;AAAA,QAEC,QAAA,EAAA;AAAA,UAAA,cAAA;AAAA,UACA,aAAA;AAAA,UACA;AAAA;AAAA;AAAA;AACH,GAAA,EAEJ,CAAA;AAEJ;;;;"}

package/dist/domains/traces/components/traces-layout.d.ts

@@ -1,2 +0,0 @@
-export * from '../../../src/domains/traces/components/traces-layout'
-export {}

package/dist/domains/traces/components/traces-layout.es.js

@@ -1,59 +0,0 @@
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { c as cn } from '../../../cn-ByEbywDh.js';
-
-const SIDE_PANEL_WIDTH_CLASS = {
-  half: "w-1/2",
-  wide: "w-4/5",
-  full: "w-full"
-};
-function TracesLayout({
-  listSlot,
-  tracePanelSlot,
-  spanPanelSlot,
-  scorePanelSlot,
-  traceCollapsed,
-  sidePanelWidth = "half"
-}) {
-  const hasSidePanel = !!tracePanelSlot;
-  const isHalf = sidePanelWidth === "half";
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: cn(
-          "grid h-full min-h-0 items-start gap-4 transition-[grid-template-columns] duration-300 ease-in-out",
-          hasSidePanel ? isHalf ? "grid-cols-[1fr_1fr]" : "grid-cols-[1fr_4fr]" : "grid-cols-[1fr]"
-        ),
-        children: [
-          listSlot,
-          hasSidePanel && /* @__PURE__ */ jsx("div", { "aria-hidden": true })
-        ]
-      }
-    ),
-    hasSidePanel && /* @__PURE__ */ jsxs(
-      "div",
-      {
-        role: "dialog",
-        "aria-label": "Trace details",
-        "data-trace-side-panel": true,
-        className: cn(
-          // z-50 matches the route Header (a z-50 grid sibling in the app frame) so the panel,
-          // rendered later in the DOM, paints above it while body-level portals stay on top.
-          "absolute inset-y-0 right-0 z-50 min-w-0 p-3",
-          "transition-[width] duration-300 ease-in-out",
-          SIDE_PANEL_WIDTH_CLASS[sidePanelWidth],
-          "grid gap-4 overflow-auto [&>*]:rounded-lg [&>*]:bg-surface3 [&>*]:shadow-lg",
-          scorePanelSlot ? traceCollapsed ? "grid-rows-[auto_3fr_3fr]" : "grid-rows-[2fr_3fr_3fr]" : spanPanelSlot ? traceCollapsed ? "grid-rows-[auto_3fr]" : "grid-rows-[2fr_3fr]" : traceCollapsed ? "grid-rows-[auto]" : "grid-rows-[1fr]"
-        ),
-        children: [
-          tracePanelSlot,
-          spanPanelSlot,
-          scorePanelSlot
-        ]
-      }
-    )
-  ] });
-}
-
-export { TracesLayout };
-//# sourceMappingURL=traces-layout.es.js.map

package/dist/domains/traces/components/traces-layout.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"traces-layout.es.js","sources":["../../../../src/domains/traces/components/traces-layout.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport interface TracesLayoutProps {\n  /** The trace list (left column). */\n  listSlot: ReactNode;\n  /** The trace data panel (side panel, top). When null/undefined, the side panel is not rendered. */\n  tracePanelSlot?: ReactNode;\n  /** The span data panel (side panel, middle). Only rendered when truthy. */\n  spanPanelSlot?: ReactNode;\n  /** The score data panel (side panel, bottom). Only rendered when truthy. */\n  scorePanelSlot?: ReactNode;\n  /** When the trace panel is collapsed, the side panel's grid-rows squash the trace row to `auto`. */\n  traceCollapsed?: boolean;\n  /**\n   * Side panel width, driven by how many columns the trace panel shows:\n   * `half` (trace only), `wide` (trace + one side column), `full` (messages + trace + span —\n   * covers the whole positioned ancestor, i.e. stops at the main nav).\n   */\n  sidePanelWidth?: TracesSidePanelWidth;\n}\n\nexport type TracesSidePanelWidth = 'half' | 'wide' | 'full';\n\nconst SIDE_PANEL_WIDTH_CLASS: Record<TracesSidePanelWidth, string> = {\n  half: 'w-1/2',\n  wide: 'w-4/5',\n  full: 'w-full',\n};\n\n/**\n * Layout shell for the traces page. Owns no state and fetches no data — pass slots in.\n *\n * The list lives in a 2-column grid whose right column is an empty spacer; the side panel\n * is rendered as an `absolute inset-y-0 right-0` overlay whose width mirrors the spacer\n * column, so it spans the full height of its nearest positioned ancestor while the list\n * stays interactive on the left. Consumers control the coverage by choosing which ancestor\n * is `relative` (e.g. the app frame, so the overlay also covers the route header).\n */\nexport function TracesLayout({\n  listSlot,\n  tracePanelSlot,\n  spanPanelSlot,\n  scorePanelSlot,\n  traceCollapsed,\n  sidePanelWidth = 'half',\n}: TracesLayoutProps) {\n  const hasSidePanel = !!tracePanelSlot;\n  const isHalf = sidePanelWidth === 'half';\n\n  return (\n    <>\n      <div\n        className={cn(\n          'grid h-full min-h-0 items-start gap-4 transition-[grid-template-columns] duration-300 ease-in-out',\n          hasSidePanel ? (isHalf ? 'grid-cols-[1fr_1fr]' : 'grid-cols-[1fr_4fr]') : 'grid-cols-[1fr]',\n        )}\n      >\n        {listSlot}\n        {hasSidePanel && <div aria-hidden />}\n      </div>\n\n      {hasSidePanel && (\n        <div\n          role=\"dialog\"\n          aria-label=\"Trace details\"\n          data-trace-side-panel\n          className={cn(\n            // z-50 matches the route Header (a z-50 grid sibling in the app frame) so the panel,\n            // rendered later in the DOM, paints above it while body-level portals stay on top.\n            'absolute inset-y-0 right-0 z-50 min-w-0 p-3',\n            'transition-[width] duration-300 ease-in-out',\n            SIDE_PANEL_WIDTH_CLASS[sidePanelWidth],\n            'grid gap-4 overflow-auto [&>*]:rounded-lg [&>*]:bg-surface3 [&>*]:shadow-lg',\n            scorePanelSlot\n              ? traceCollapsed\n                ? 'grid-rows-[auto_3fr_3fr]'\n                : 'grid-rows-[2fr_3fr_3fr]'\n              : spanPanelSlot\n                ? traceCollapsed\n                  ? 'grid-rows-[auto_3fr]'\n                  : 'grid-rows-[2fr_3fr]'\n                : traceCollapsed\n                  ? 'grid-rows-[auto]'\n                  : 'grid-rows-[1fr]',\n          )}\n        >\n          {tracePanelSlot}\n          {spanPanelSlot}\n          {scorePanelSlot}\n        </div>\n      )}\n    </>\n  );\n}\n"],"names":[],"mappings":";;;AAwBA,MAAM,sBAAA,GAA+D;AAAA,EACnE,IAAA,EAAM,OAAA;AAAA,EACN,IAAA,EAAM,OAAA;AAAA,EACN,IAAA,EAAM;AACR,CAAA;AAWO,SAAS,YAAA,CAAa;AAAA,EAC3B,QAAA;AAAA,EACA,cAAA;AAAA,EACA,aAAA;AAAA,EACA,cAAA;AAAA,EACA,cAAA;AAAA,EACA,cAAA,GAAiB;AACnB,CAAA,EAAsB;AACpB,EAAA,MAAM,YAAA,GAAe,CAAC,CAAC,cAAA;AACvB,EAAA,MAAM,SAAS,cAAA,KAAmB,MAAA;AAElC,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,EAAA;AAAA,UACT,mGAAA;AAAA,UACA,YAAA,GAAgB,MAAA,GAAS,qBAAA,GAAwB,qBAAA,GAAyB;AAAA,SAC5E;AAAA,QAEC,QAAA,EAAA;AAAA,UAAA,QAAA;AAAA,UACA,YAAA,oBAAgB,GAAA,CAAC,KAAA,EAAA,EAAI,aAAA,EAAW,IAAA,EAAC;AAAA;AAAA;AAAA,KACpC;AAAA,IAEC,YAAA,oBACC,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,QAAA;AAAA,QACL,YAAA,EAAW,eAAA;AAAA,QACX,uBAAA,EAAqB,IAAA;AAAA,QACrB,SAAA,EAAW,EAAA;AAAA;AAAA;AAAA,UAGT,6CAAA;AAAA,UACA,6CAAA;AAAA,UACA,uBAAuB,cAAc,CAAA;AAAA,UACrC,6EAAA;AAAA,UACA,cAAA,GACI,iBACE,0BAAA,GACA,yBAAA,GACF,gBACE,cAAA,GACE,sBAAA,GACA,qBAAA,GACF,cAAA,GACE,kBAAA,GACA;AAAA,SACV;AAAA,QAEC,QAAA,EAAA;AAAA,UAAA,cAAA;AAAA,UACA,aAAA;AAAA,UACA;AAAA;AAAA;AAAA;AACH,GAAA,EAEJ,CAAA;AAEJ;;;;"}

package/dist/domains/traces/components/traces-toolbar.cjs.js

@@ -1,70 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const propertyFilterApplied = require('../../../property-filter-applied-D35zWa7S.cjs');
-const utils_cn = require('../../../cn-DnbTIGXa.cjs');
-
-function TracesToolbar({
-  onClear,
-  onRemoveAll,
-  isLoading,
-  filterFields,
-  filterTokens,
-  onFilterTokensChange,
-  autoFocusFilterFieldId,
-  lockedFieldIds,
-  lockedTooltipContent
-}) {
-  const hasActiveFilters = filterTokens.length > 0;
-  const lockedSet = new Set(lockedFieldIds ?? []);
-  const editableTokens = filterTokens.filter((t) => !lockedSet.has(t.fieldId));
-  const hasNonDefaultFilter = editableTokens.some((token) => isNonDefaultFilter(token, filterFields));
-  const hasEditableFilters = editableTokens.length > 0;
-  if (!hasActiveFilters) return null;
-  return (
-    // 1fr | auto — pills wrap in the first column; Clear stays pinned to the
-    // top of the second column regardless of how many pill rows render.
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils_cn.cn("grid grid-cols-[1fr_auto] items-start gap-3 "), children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        propertyFilterApplied.PropertyFilterApplied,
-        {
-          fields: filterFields,
-          tokens: filterTokens,
-          onTokensChange: onFilterTokensChange,
-          disabled: isLoading,
-          autoFocusFieldId: autoFocusFilterFieldId,
-          lockedFieldIds,
-          lockedTooltipContent
-        }
-      ),
-      hasActiveFilters && hasEditableFilters && /* @__PURE__ */ jsxRuntime.jsx(
-        propertyFilterApplied.PropertyFilterActions,
-        {
-          disabled: isLoading,
-          onClear: hasNonDefaultFilter ? onClear : void 0,
-          onRemoveAll
-        }
-      )
-    ] })
-  );
-}
-function isNonDefaultFilter(token, fields) {
-  const field = fields.find((f) => f.id === token.fieldId);
-  if (!field) return false;
-  if (field.kind === "text") {
-    return typeof token.value === "string" && token.value.trim() !== "";
-  }
-  if (field.kind === "pick-multi") {
-    if (field.multi) return Array.isArray(token.value) && token.value.length > 0;
-    return typeof token.value === "string" && token.value !== "" && token.value !== "Any";
-  }
-  if (field.kind === "multi-select") {
-    return Array.isArray(token.value) && token.value.length > 0;
-  }
-  return false;
-}
-
-exports.TracesToolbar = TracesToolbar;
-//# sourceMappingURL=traces-toolbar.cjs.js.map

package/dist/domains/traces/components/traces-toolbar.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"traces-toolbar.cjs.js","sources":["../../../../src/domains/traces/components/traces-toolbar.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { PropertyFilterActions } from '@/ds/components/PropertyFilter/property-filter-actions';\nimport { PropertyFilterApplied } from '@/ds/components/PropertyFilter/property-filter-applied';\nimport type { PropertyFilterField, PropertyFilterToken } from '@/ds/components/PropertyFilter/types';\nimport { cn } from '@/lib/utils';\n\ntype TracesToolbarProps = {\n  /** Keep all filter pills but reset each value to its neutral state\n   *  ('' for text, 'Any' for single-select, [] for multi-select). */\n  onClear?: () => void;\n  /** Fully remove all filter pills. */\n  onRemoveAll?: () => void;\n  isLoading?: boolean;\n  filterFields: PropertyFilterField[];\n  filterTokens: PropertyFilterToken[];\n  onFilterTokensChange: (tokens: PropertyFilterToken[]) => void;\n  autoFocusFilterFieldId?: string;\n  /** Field ids rendered as read-only pills (cannot be edited or removed). */\n  lockedFieldIds?: readonly string[];\n  lockedTooltipContent?: ReactNode;\n};\n\nexport function TracesToolbar({\n  onClear,\n  onRemoveAll,\n  isLoading,\n  filterFields,\n  filterTokens,\n  onFilterTokensChange,\n  autoFocusFilterFieldId,\n  lockedFieldIds,\n  lockedTooltipContent,\n}: TracesToolbarProps) {\n  const hasActiveFilters = filterTokens.length > 0;\n\n  const lockedSet = new Set(lockedFieldIds ?? []);\n  const editableTokens = filterTokens.filter(t => !lockedSet.has(t.fieldId));\n  const hasNonDefaultFilter = editableTokens.some(token => isNonDefaultFilter(token, filterFields));\n  const hasEditableFilters = editableTokens.length > 0;\n\n  // Without filters the toolbar renders nothing; returning null avoids an empty\n  // grid row (and its gap) in `PageLayout.TopArea`.\n  if (!hasActiveFilters) return null;\n\n  return (\n    // 1fr | auto — pills wrap in the first column; Clear stays pinned to the\n    // top of the second column regardless of how many pill rows render.\n    <div className={cn('grid grid-cols-[1fr_auto] items-start gap-3 ')}>\n      <PropertyFilterApplied\n        fields={filterFields}\n        tokens={filterTokens}\n        onTokensChange={onFilterTokensChange}\n        disabled={isLoading}\n        autoFocusFieldId={autoFocusFilterFieldId}\n        lockedFieldIds={lockedFieldIds}\n        lockedTooltipContent={lockedTooltipContent}\n      />\n\n      {hasActiveFilters && hasEditableFilters && (\n        <PropertyFilterActions\n          disabled={isLoading}\n          onClear={hasNonDefaultFilter ? onClear : undefined}\n          onRemoveAll={onRemoveAll}\n        />\n      )}\n    </div>\n  );\n}\n\nfunction isNonDefaultFilter(token: PropertyFilterToken, fields: PropertyFilterField[]): boolean {\n  const field = fields.find(f => f.id === token.fieldId);\n  if (!field) return false;\n  if (field.kind === 'text') {\n    return typeof token.value === 'string' && token.value.trim() !== '';\n  }\n  if (field.kind === 'pick-multi') {\n    if (field.multi) return Array.isArray(token.value) && token.value.length > 0;\n    return typeof token.value === 'string' && token.value !== '' && token.value !== 'Any';\n  }\n  if (field.kind === 'multi-select') {\n    return Array.isArray(token.value) && token.value.length > 0;\n  }\n  return false;\n}\n"],"names":["jsxs","cn","jsx","PropertyFilterApplied","PropertyFilterActions"],"mappings":";;;;;;;;AAsBO,SAAS,aAAA,CAAc;AAAA,EAC5B,OAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAA;AAAA,EACA,YAAA;AAAA,EACA,oBAAA;AAAA,EACA,sBAAA;AAAA,EACA,cAAA;AAAA,EACA;AACF,CAAA,EAAuB;AACrB,EAAA,MAAM,gBAAA,GAAmB,aAAa,MAAA,GAAS,CAAA;AAE/C,EAAA,MAAM,SAAA,GAAY,IAAI,GAAA,CAAI,cAAA,IAAkB,EAAE,CAAA;AAC9C,EAAA,MAAM,cAAA,GAAiB,aAAa,MAAA,CAAO,CAAA,CAAA,KAAK,CAAC,SAAA,CAAU,GAAA,CAAI,CAAA,CAAE,OAAO,CAAC,CAAA;AACzE,EAAA,MAAM,sBAAsB,cAAA,CAAe,IAAA,CAAK,WAAS,kBAAA,CAAmB,KAAA,EAAO,YAAY,CAAC,CAAA;AAChG,EAAA,MAAM,kBAAA,GAAqB,eAAe,MAAA,GAAS,CAAA;AAInD,EAAA,IAAI,CAAC,kBAAkB,OAAO,IAAA;AAE9B,EAAA;AAAA;AAAA;AAAA,oBAGEA,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAWC,WAAA,CAAG,8CAA8C,CAAA,EAC/D,QAAA,EAAA;AAAA,sBAAAC,cAAA;AAAA,QAACC,2CAAA;AAAA,QAAA;AAAA,UACC,MAAA,EAAQ,YAAA;AAAA,UACR,MAAA,EAAQ,YAAA;AAAA,UACR,cAAA,EAAgB,oBAAA;AAAA,UAChB,QAAA,EAAU,SAAA;AAAA,UACV,gBAAA,EAAkB,sBAAA;AAAA,UAClB,cAAA;AAAA,UACA;AAAA;AAAA,OACF;AAAA,MAEC,oBAAoB,kBAAA,oBACnBD,cAAA;AAAA,QAACE,2CAAA;AAAA,QAAA;AAAA,UACC,QAAA,EAAU,SAAA;AAAA,UACV,OAAA,EAAS,sBAAsB,OAAA,GAAU,MAAA;AAAA,UACzC;AAAA;AAAA;AACF,KAAA,EAEJ;AAAA;AAEJ;AAEA,SAAS,kBAAA,CAAmB,OAA4B,MAAA,EAAwC;AAC9F,EAAA,MAAM,QAAQ,MAAA,CAAO,IAAA,CAAK,OAAK,CAAA,CAAE,EAAA,KAAO,MAAM,OAAO,CAAA;AACrD,EAAA,IAAI,CAAC,OAAO,OAAO,KAAA;AACnB,EAAA,IAAI,KAAA,CAAM,SAAS,MAAA,EAAQ;AACzB,IAAA,OAAO,OAAO,KAAA,CAAM,KAAA,KAAU,YAAY,KAAA,CAAM,KAAA,CAAM,MAAK,KAAM,EAAA;AAAA,EACnE;AACA,EAAA,IAAI,KAAA,CAAM,SAAS,YAAA,EAAc;AAC/B,IAAA,IAAI,KAAA,CAAM,KAAA,EAAO,OAAO,KAAA,CAAM,OAAA,CAAQ,MAAM,KAAK,CAAA,IAAK,KAAA,CAAM,KAAA,CAAM,MAAA,GAAS,CAAA;AAC3E,IAAA,OAAO,OAAO,MAAM,KAAA,KAAU,QAAA,IAAY,MAAM,KAAA,KAAU,EAAA,IAAM,MAAM,KAAA,KAAU,KAAA;AAAA,EAClF;AACA,EAAA,IAAI,KAAA,CAAM,SAAS,cAAA,EAAgB;AACjC,IAAA,OAAO,MAAM,OAAA,CAAQ,KAAA,CAAM,KAAK,CAAA,IAAK,KAAA,CAAM,MAAM,MAAA,GAAS,CAAA;AAAA,EAC5D;AACA,EAAA,OAAO,KAAA;AACT;;;;"}

package/dist/domains/traces/components/traces-toolbar.d.ts

@@ -1,2 +0,0 @@
-export * from '../../../src/domains/traces/components/traces-toolbar'
-export {}

package/dist/domains/traces/components/traces-toolbar.es.js

@@ -1,66 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { P as PropertyFilterApplied, a as PropertyFilterActions } from '../../../property-filter-applied-CF-InSu-.js';
-import { c as cn } from '../../../cn-ByEbywDh.js';
-
-function TracesToolbar({
-  onClear,
-  onRemoveAll,
-  isLoading,
-  filterFields,
-  filterTokens,
-  onFilterTokensChange,
-  autoFocusFilterFieldId,
-  lockedFieldIds,
-  lockedTooltipContent
-}) {
-  const hasActiveFilters = filterTokens.length > 0;
-  const lockedSet = new Set(lockedFieldIds ?? []);
-  const editableTokens = filterTokens.filter((t) => !lockedSet.has(t.fieldId));
-  const hasNonDefaultFilter = editableTokens.some((token) => isNonDefaultFilter(token, filterFields));
-  const hasEditableFilters = editableTokens.length > 0;
-  if (!hasActiveFilters) return null;
-  return (
-    // 1fr | auto — pills wrap in the first column; Clear stays pinned to the
-    // top of the second column regardless of how many pill rows render.
-    /* @__PURE__ */ jsxs("div", { className: cn("grid grid-cols-[1fr_auto] items-start gap-3 "), children: [
-      /* @__PURE__ */ jsx(
-        PropertyFilterApplied,
-        {
-          fields: filterFields,
-          tokens: filterTokens,
-          onTokensChange: onFilterTokensChange,
-          disabled: isLoading,
-          autoFocusFieldId: autoFocusFilterFieldId,
-          lockedFieldIds,
-          lockedTooltipContent
-        }
-      ),
-      hasActiveFilters && hasEditableFilters && /* @__PURE__ */ jsx(
-        PropertyFilterActions,
-        {
-          disabled: isLoading,
-          onClear: hasNonDefaultFilter ? onClear : void 0,
-          onRemoveAll
-        }
-      )
-    ] })
-  );
-}
-function isNonDefaultFilter(token, fields) {
-  const field = fields.find((f) => f.id === token.fieldId);
-  if (!field) return false;
-  if (field.kind === "text") {
-    return typeof token.value === "string" && token.value.trim() !== "";
-  }
-  if (field.kind === "pick-multi") {
-    if (field.multi) return Array.isArray(token.value) && token.value.length > 0;
-    return typeof token.value === "string" && token.value !== "" && token.value !== "Any";
-  }
-  if (field.kind === "multi-select") {
-    return Array.isArray(token.value) && token.value.length > 0;
-  }
-  return false;
-}
-
-export { TracesToolbar };
-//# sourceMappingURL=traces-toolbar.es.js.map

package/dist/domains/traces/components/traces-toolbar.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"traces-toolbar.es.js","sources":["../../../../src/domains/traces/components/traces-toolbar.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { PropertyFilterActions } from '@/ds/components/PropertyFilter/property-filter-actions';\nimport { PropertyFilterApplied } from '@/ds/components/PropertyFilter/property-filter-applied';\nimport type { PropertyFilterField, PropertyFilterToken } from '@/ds/components/PropertyFilter/types';\nimport { cn } from '@/lib/utils';\n\ntype TracesToolbarProps = {\n  /** Keep all filter pills but reset each value to its neutral state\n   *  ('' for text, 'Any' for single-select, [] for multi-select). */\n  onClear?: () => void;\n  /** Fully remove all filter pills. */\n  onRemoveAll?: () => void;\n  isLoading?: boolean;\n  filterFields: PropertyFilterField[];\n  filterTokens: PropertyFilterToken[];\n  onFilterTokensChange: (tokens: PropertyFilterToken[]) => void;\n  autoFocusFilterFieldId?: string;\n  /** Field ids rendered as read-only pills (cannot be edited or removed). */\n  lockedFieldIds?: readonly string[];\n  lockedTooltipContent?: ReactNode;\n};\n\nexport function TracesToolbar({\n  onClear,\n  onRemoveAll,\n  isLoading,\n  filterFields,\n  filterTokens,\n  onFilterTokensChange,\n  autoFocusFilterFieldId,\n  lockedFieldIds,\n  lockedTooltipContent,\n}: TracesToolbarProps) {\n  const hasActiveFilters = filterTokens.length > 0;\n\n  const lockedSet = new Set(lockedFieldIds ?? []);\n  const editableTokens = filterTokens.filter(t => !lockedSet.has(t.fieldId));\n  const hasNonDefaultFilter = editableTokens.some(token => isNonDefaultFilter(token, filterFields));\n  const hasEditableFilters = editableTokens.length > 0;\n\n  // Without filters the toolbar renders nothing; returning null avoids an empty\n  // grid row (and its gap) in `PageLayout.TopArea`.\n  if (!hasActiveFilters) return null;\n\n  return (\n    // 1fr | auto — pills wrap in the first column; Clear stays pinned to the\n    // top of the second column regardless of how many pill rows render.\n    <div className={cn('grid grid-cols-[1fr_auto] items-start gap-3 ')}>\n      <PropertyFilterApplied\n        fields={filterFields}\n        tokens={filterTokens}\n        onTokensChange={onFilterTokensChange}\n        disabled={isLoading}\n        autoFocusFieldId={autoFocusFilterFieldId}\n        lockedFieldIds={lockedFieldIds}\n        lockedTooltipContent={lockedTooltipContent}\n      />\n\n      {hasActiveFilters && hasEditableFilters && (\n        <PropertyFilterActions\n          disabled={isLoading}\n          onClear={hasNonDefaultFilter ? onClear : undefined}\n          onRemoveAll={onRemoveAll}\n        />\n      )}\n    </div>\n  );\n}\n\nfunction isNonDefaultFilter(token: PropertyFilterToken, fields: PropertyFilterField[]): boolean {\n  const field = fields.find(f => f.id === token.fieldId);\n  if (!field) return false;\n  if (field.kind === 'text') {\n    return typeof token.value === 'string' && token.value.trim() !== '';\n  }\n  if (field.kind === 'pick-multi') {\n    if (field.multi) return Array.isArray(token.value) && token.value.length > 0;\n    return typeof token.value === 'string' && token.value !== '' && token.value !== 'Any';\n  }\n  if (field.kind === 'multi-select') {\n    return Array.isArray(token.value) && token.value.length > 0;\n  }\n  return false;\n}\n"],"names":[],"mappings":";;;;AAsBO,SAAS,aAAA,CAAc;AAAA,EAC5B,OAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAA;AAAA,EACA,YAAA;AAAA,EACA,oBAAA;AAAA,EACA,sBAAA;AAAA,EACA,cAAA;AAAA,EACA;AACF,CAAA,EAAuB;AACrB,EAAA,MAAM,gBAAA,GAAmB,aAAa,MAAA,GAAS,CAAA;AAE/C,EAAA,MAAM,SAAA,GAAY,IAAI,GAAA,CAAI,cAAA,IAAkB,EAAE,CAAA;AAC9C,EAAA,MAAM,cAAA,GAAiB,aAAa,MAAA,CAAO,CAAA,CAAA,KAAK,CAAC,SAAA,CAAU,GAAA,CAAI,CAAA,CAAE,OAAO,CAAC,CAAA;AACzE,EAAA,MAAM,sBAAsB,cAAA,CAAe,IAAA,CAAK,WAAS,kBAAA,CAAmB,KAAA,EAAO,YAAY,CAAC,CAAA;AAChG,EAAA,MAAM,kBAAA,GAAqB,eAAe,MAAA,GAAS,CAAA;AAInD,EAAA,IAAI,CAAC,kBAAkB,OAAO,IAAA;AAE9B,EAAA;AAAA;AAAA;AAAA,oBAGE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,EAAA,CAAG,8CAA8C,CAAA,EAC/D,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,qBAAA;AAAA,QAAA;AAAA,UACC,MAAA,EAAQ,YAAA;AAAA,UACR,MAAA,EAAQ,YAAA;AAAA,UACR,cAAA,EAAgB,oBAAA;AAAA,UAChB,QAAA,EAAU,SAAA;AAAA,UACV,gBAAA,EAAkB,sBAAA;AAAA,UAClB,cAAA;AAAA,UACA;AAAA;AAAA,OACF;AAAA,MAEC,oBAAoB,kBAAA,oBACnB,GAAA;AAAA,QAAC,qBAAA;AAAA,QAAA;AAAA,UACC,QAAA,EAAU,SAAA;AAAA,UACV,OAAA,EAAS,sBAAsB,OAAA,GAAU,MAAA;AAAA,UACzC;AAAA;AAAA;AACF,KAAA,EAEJ;AAAA;AAEJ;AAEA,SAAS,kBAAA,CAAmB,OAA4B,MAAA,EAAwC;AAC9F,EAAA,MAAM,QAAQ,MAAA,CAAO,IAAA,CAAK,OAAK,CAAA,CAAE,EAAA,KAAO,MAAM,OAAO,CAAA;AACrD,EAAA,IAAI,CAAC,OAAO,OAAO,KAAA;AACnB,EAAA,IAAI,KAAA,CAAM,SAAS,MAAA,EAAQ;AACzB,IAAA,OAAO,OAAO,KAAA,CAAM,KAAA,KAAU,YAAY,KAAA,CAAM,KAAA,CAAM,MAAK,KAAM,EAAA;AAAA,EACnE;AACA,EAAA,IAAI,KAAA,CAAM,SAAS,YAAA,EAAc;AAC/B,IAAA,IAAI,KAAA,CAAM,KAAA,EAAO,OAAO,KAAA,CAAM,OAAA,CAAQ,MAAM,KAAK,CAAA,IAAK,KAAA,CAAM,KAAA,CAAM,MAAA,GAAS,CAAA;AAC3E,IAAA,OAAO,OAAO,MAAM,KAAA,KAAU,QAAA,IAAY,MAAM,KAAA,KAAU,EAAA,IAAM,MAAM,KAAA,KAAU,KAAA;AAAA,EAClF;AACA,EAAA,IAAI,KAAA,CAAM,SAAS,cAAA,EAAgB;AACjC,IAAA,OAAO,MAAM,OAAA,CAAQ,KAAA,CAAM,KAAK,CAAA,IAAK,KAAA,CAAM,MAAM,MAAA,GAAS,CAAA;AAAA,EAC5D;AACA,EAAA,OAAO,KAAA;AACT;;;;"}