@mastra/playground-ui 64.0.1-alpha.0 → 65.0.0-alpha.2

package/dist/domains/traces/components/span-rows.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"span-rows.cjs.js","sources":["../../../../src/domains/traces/components/span-rows.tsx"],"sourcesContent":["import type { Dispatch, ReactNode, SetStateAction } from 'react';\nimport { Fragment, useEffect } from 'react';\nimport { getSpanDescendantIds } from '../hooks/get-all-span-ids';\nimport type { UISpan, UISpanStyle } from '../types';\nimport { getSpanTypeUi } from './shared';\n\nexport type SpanRowExpansion = {\n  hasChildren: boolean;\n  numOfChildren: number;\n  toggleChildren: () => void;\n};\n\nexport type SpanRowContext = {\n  span: UISpan;\n  spanUI: UISpanStyle | null | undefined;\n  depth: number;\n  isRootSpan: boolean;\n  isLastChild: boolean;\n  isExpanded: boolean;\n  isSelected: boolean;\n  isFaded: boolean;\n  isRevealed: boolean;\n  overallLatency: number;\n  overallStartTime: string;\n  onSpanClick?: (id: string) => void;\n  expansion: SpanRowExpansion;\n};\n\ntype SharedRowProps = {\n  renderRow: (ctx: SpanRowContext) => ReactNode;\n  onSpanClick?: (id: string) => void;\n  selectedSpanId?: string;\n  /** Row flagged as revealed once mounted (ancestors auto-expand when the span is featured). */\n  revealSpanId?: string;\n  fadedTypes?: string[];\n  featuredSpanIds?: string[];\n  expandedSpanIds?: string[];\n  setExpandedSpanIds?: Dispatch<SetStateAction<string[]>>;\n};\n\nexport type SpanRowsProps = SharedRowProps & {\n  spans: UISpan[];\n};\n\n/**\n * Headless depth-first walker over a span hierarchy. Owns the expansion / fade /\n * reveal state of each row and delegates all markup to `renderRow`. Children are\n * only mounted while their parent is expanded.\n */\nexport function SpanRows({ spans, ...rowProps }: SpanRowsProps) {\n  const overallLatency = spans[0]?.latency || 0;\n  const overallStartTime = spans[0]?.startTime || '';\n\n  return (\n    <>\n      {spans.map((span, idx) => (\n        <SpanRow\n          key={span.id}\n          span={span}\n          depth={0}\n          isLastChild={idx === spans.length - 1}\n          overallLatency={overallLatency}\n          overallStartTime={overallStartTime}\n          {...rowProps}\n        />\n      ))}\n    </>\n  );\n}\n\ntype SpanRowProps = SharedRowProps & {\n  span: UISpan;\n  depth: number;\n  isLastChild: boolean;\n  overallLatency: number;\n  overallStartTime: string;\n};\n\nfunction SpanRow({\n  span,\n  depth,\n  isLastChild,\n  overallLatency,\n  overallStartTime,\n  renderRow,\n  onSpanClick,\n  selectedSpanId,\n  revealSpanId,\n  fadedTypes,\n  featuredSpanIds,\n  expandedSpanIds,\n  setExpandedSpanIds,\n}: SpanRowProps) {\n  const hasChildren = Boolean(span.spans && span.spans.length > 0);\n  const numOfChildren = span.spans ? span.spans.length : 0;\n  const allDescendantIds = getSpanDescendantIds(span);\n  const isRootSpan = depth === 0;\n  const spanUI = getSpanTypeUi(span?.type);\n  const isExpanded = expandedSpanIds ? expandedSpanIds.includes(span.id) : false;\n  const isFadedBySearch = featuredSpanIds && featuredSpanIds.length > 0 ? !featuredSpanIds.includes(span.id) : false;\n  const isFadedByType = fadedTypes && fadedTypes.length > 0 ? fadedTypes.includes(spanUI?.typePrefix || '') : false;\n  const isFaded = isFadedByType || isFadedBySearch;\n\n  useEffect(() => {\n    if (!featuredSpanIds || allDescendantIds.length === 0) return;\n    if (isExpanded) return;\n    const hasFeaturedDescendant = allDescendantIds.some(id => featuredSpanIds.includes(id));\n    if (hasFeaturedDescendant && setExpandedSpanIds) {\n      setExpandedSpanIds(prev => (!prev || prev.includes(span.id) ? (prev ?? [span.id]) : [...prev, span.id]));\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [featuredSpanIds, allDescendantIds]);\n\n  const toggleChildren = () => {\n    if (!setExpandedSpanIds) return;\n    setExpandedSpanIds(prev => {\n      if (!prev) return prev;\n      return isExpanded ? prev.filter(id => id !== span.id) : [...prev, span.id];\n    });\n  };\n\n  const ctx: SpanRowContext = {\n    span,\n    spanUI,\n    depth,\n    isRootSpan,\n    isLastChild,\n    isExpanded,\n    isSelected: selectedSpanId === span.id,\n    isFaded,\n    isRevealed: revealSpanId === span.id,\n    overallLatency,\n    overallStartTime,\n    onSpanClick,\n    expansion: {\n      hasChildren,\n      numOfChildren,\n      toggleChildren,\n    },\n  };\n\n  return (\n    <Fragment>\n      {renderRow(ctx)}\n      {hasChildren &&\n        isExpanded &&\n        span.spans?.map((childSpan, idx, array) => (\n          <SpanRow\n            key={childSpan.id}\n            span={childSpan}\n            depth={depth + 1}\n            isLastChild={idx === array.length - 1}\n            overallLatency={overallLatency}\n            overallStartTime={overallStartTime}\n            renderRow={renderRow}\n            onSpanClick={onSpanClick}\n            selectedSpanId={selectedSpanId}\n            revealSpanId={revealSpanId}\n            fadedTypes={fadedTypes}\n            featuredSpanIds={featuredSpanIds}\n            expandedSpanIds={expandedSpanIds}\n            setExpandedSpanIds={setExpandedSpanIds}\n          />\n        ))}\n    </Fragment>\n  );\n}\n"],"names":["jsx","Fragment","getSpanDescendantIds","getSpanTypeUi","useEffect","jsxs"],"mappings":"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"}
+{"version":3,"file":"span-rows.cjs.js","sources":["../../../../src/domains/traces/components/span-rows.tsx"],"sourcesContent":["import type { Dispatch, ReactNode, SetStateAction } from 'react';\nimport { Fragment, useEffect } from 'react';\nimport { getSpanDescendantIds } from '../hooks/get-all-span-ids';\nimport type { UISpan, UISpanStyle } from '../types';\nimport { getOverallLatency } from '../utils/span-timing';\nimport { getSpanTypeUi } from './shared';\n\nexport type SpanRowExpansion = {\n  hasChildren: boolean;\n  numOfChildren: number;\n  toggleChildren: () => void;\n};\n\nexport type SpanRowContext = {\n  span: UISpan;\n  spanUI: UISpanStyle | null | undefined;\n  depth: number;\n  isRootSpan: boolean;\n  isLastChild: boolean;\n  isExpanded: boolean;\n  isSelected: boolean;\n  isFaded: boolean;\n  isRevealed: boolean;\n  overallLatency: number;\n  overallStartTime: string;\n  onSpanClick?: (id: string) => void;\n  expansion: SpanRowExpansion;\n};\n\ntype SharedRowProps = {\n  renderRow: (ctx: SpanRowContext) => ReactNode;\n  onSpanClick?: (id: string) => void;\n  selectedSpanId?: string;\n  /** Row flagged as revealed once mounted (ancestors auto-expand when the span is featured). */\n  revealSpanId?: string;\n  fadedTypes?: string[];\n  featuredSpanIds?: string[];\n  expandedSpanIds?: string[];\n  setExpandedSpanIds?: Dispatch<SetStateAction<string[]>>;\n};\n\nexport type SpanRowsProps = SharedRowProps & {\n  spans: UISpan[];\n};\n\n/**\n * Headless depth-first walker over a span hierarchy. Owns the expansion / fade /\n * reveal state of each row and delegates all markup to `renderRow`. Children are\n * only mounted while their parent is expanded.\n */\nexport function SpanRows({ spans, ...rowProps }: SpanRowsProps) {\n  const overallLatency = getOverallLatency(spans);\n  const overallStartTime = spans[0]?.startTime || '';\n\n  return (\n    <>\n      {spans.map((span, idx) => (\n        <SpanRow\n          key={span.id}\n          span={span}\n          depth={0}\n          isLastChild={idx === spans.length - 1}\n          overallLatency={overallLatency}\n          overallStartTime={overallStartTime}\n          {...rowProps}\n        />\n      ))}\n    </>\n  );\n}\n\ntype SpanRowProps = SharedRowProps & {\n  span: UISpan;\n  depth: number;\n  isLastChild: boolean;\n  overallLatency: number;\n  overallStartTime: string;\n};\n\nfunction SpanRow({\n  span,\n  depth,\n  isLastChild,\n  overallLatency,\n  overallStartTime,\n  renderRow,\n  onSpanClick,\n  selectedSpanId,\n  revealSpanId,\n  fadedTypes,\n  featuredSpanIds,\n  expandedSpanIds,\n  setExpandedSpanIds,\n}: SpanRowProps) {\n  const hasChildren = Boolean(span.spans && span.spans.length > 0);\n  const numOfChildren = span.spans ? span.spans.length : 0;\n  const allDescendantIds = getSpanDescendantIds(span);\n  const isRootSpan = depth === 0;\n  const spanUI = getSpanTypeUi(span?.type);\n  const isExpanded = expandedSpanIds ? expandedSpanIds.includes(span.id) : false;\n  const isFadedBySearch = featuredSpanIds && featuredSpanIds.length > 0 ? !featuredSpanIds.includes(span.id) : false;\n  const isFadedByType = fadedTypes && fadedTypes.length > 0 ? fadedTypes.includes(spanUI?.typePrefix || '') : false;\n  const isFaded = isFadedByType || isFadedBySearch;\n\n  useEffect(() => {\n    if (!featuredSpanIds || allDescendantIds.length === 0) return;\n    if (isExpanded) return;\n    const hasFeaturedDescendant = allDescendantIds.some(id => featuredSpanIds.includes(id));\n    if (hasFeaturedDescendant && setExpandedSpanIds) {\n      setExpandedSpanIds(prev => (!prev || prev.includes(span.id) ? (prev ?? [span.id]) : [...prev, span.id]));\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [featuredSpanIds, allDescendantIds]);\n\n  const toggleChildren = () => {\n    if (!setExpandedSpanIds) return;\n    setExpandedSpanIds(prev => {\n      if (!prev) return prev;\n      return isExpanded ? prev.filter(id => id !== span.id) : [...prev, span.id];\n    });\n  };\n\n  const ctx: SpanRowContext = {\n    span,\n    spanUI,\n    depth,\n    isRootSpan,\n    isLastChild,\n    isExpanded,\n    isSelected: selectedSpanId === span.id,\n    isFaded,\n    isRevealed: revealSpanId === span.id,\n    overallLatency,\n    overallStartTime,\n    onSpanClick,\n    expansion: {\n      hasChildren,\n      numOfChildren,\n      toggleChildren,\n    },\n  };\n\n  return (\n    <Fragment>\n      {renderRow(ctx)}\n      {hasChildren &&\n        isExpanded &&\n        span.spans?.map((childSpan, idx, array) => (\n          <SpanRow\n            key={childSpan.id}\n            span={childSpan}\n            depth={depth + 1}\n            isLastChild={idx === array.length - 1}\n            overallLatency={overallLatency}\n            overallStartTime={overallStartTime}\n            renderRow={renderRow}\n            onSpanClick={onSpanClick}\n            selectedSpanId={selectedSpanId}\n            revealSpanId={revealSpanId}\n            fadedTypes={fadedTypes}\n            featuredSpanIds={featuredSpanIds}\n            expandedSpanIds={expandedSpanIds}\n            setExpandedSpanIds={setExpandedSpanIds}\n          />\n        ))}\n    </Fragment>\n  );\n}\n"],"names":["getOverallLatency","jsx","Fragment","getSpanDescendantIds","getSpanTypeUi","useEffect","jsxs"],"mappings":"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"}

package/dist/domains/traces/components/span-rows.es.js

@@ -1,10 +1,11 @@
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { useEffect, Fragment as Fragment$1 } from 'react';
 import { getSpanDescendantIds } from '../hooks/get-all-span-ids.es.js';
+import { getOverallLatency } from '../utils/span-timing.es.js';
 import { getSpanTypeUi } from './shared.es.js';
 
 function SpanRows({ spans, ...rowProps }) {
-  const overallLatency = spans[0]?.latency || 0;
+  const overallLatency = getOverallLatency(spans);
   const overallStartTime = spans[0]?.startTime || "";
   return /* @__PURE__ */ jsx(Fragment, { children: spans.map((span, idx) => /* @__PURE__ */ jsx(
     SpanRow,

package/dist/domains/traces/components/span-rows.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"span-rows.es.js","sources":["../../../../src/domains/traces/components/span-rows.tsx"],"sourcesContent":["import type { Dispatch, ReactNode, SetStateAction } from 'react';\nimport { Fragment, useEffect } from 'react';\nimport { getSpanDescendantIds } from '../hooks/get-all-span-ids';\nimport type { UISpan, UISpanStyle } from '../types';\nimport { getSpanTypeUi } from './shared';\n\nexport type SpanRowExpansion = {\n  hasChildren: boolean;\n  numOfChildren: number;\n  toggleChildren: () => void;\n};\n\nexport type SpanRowContext = {\n  span: UISpan;\n  spanUI: UISpanStyle | null | undefined;\n  depth: number;\n  isRootSpan: boolean;\n  isLastChild: boolean;\n  isExpanded: boolean;\n  isSelected: boolean;\n  isFaded: boolean;\n  isRevealed: boolean;\n  overallLatency: number;\n  overallStartTime: string;\n  onSpanClick?: (id: string) => void;\n  expansion: SpanRowExpansion;\n};\n\ntype SharedRowProps = {\n  renderRow: (ctx: SpanRowContext) => ReactNode;\n  onSpanClick?: (id: string) => void;\n  selectedSpanId?: string;\n  /** Row flagged as revealed once mounted (ancestors auto-expand when the span is featured). */\n  revealSpanId?: string;\n  fadedTypes?: string[];\n  featuredSpanIds?: string[];\n  expandedSpanIds?: string[];\n  setExpandedSpanIds?: Dispatch<SetStateAction<string[]>>;\n};\n\nexport type SpanRowsProps = SharedRowProps & {\n  spans: UISpan[];\n};\n\n/**\n * Headless depth-first walker over a span hierarchy. Owns the expansion / fade /\n * reveal state of each row and delegates all markup to `renderRow`. Children are\n * only mounted while their parent is expanded.\n */\nexport function SpanRows({ spans, ...rowProps }: SpanRowsProps) {\n  const overallLatency = spans[0]?.latency || 0;\n  const overallStartTime = spans[0]?.startTime || '';\n\n  return (\n    <>\n      {spans.map((span, idx) => (\n        <SpanRow\n          key={span.id}\n          span={span}\n          depth={0}\n          isLastChild={idx === spans.length - 1}\n          overallLatency={overallLatency}\n          overallStartTime={overallStartTime}\n          {...rowProps}\n        />\n      ))}\n    </>\n  );\n}\n\ntype SpanRowProps = SharedRowProps & {\n  span: UISpan;\n  depth: number;\n  isLastChild: boolean;\n  overallLatency: number;\n  overallStartTime: string;\n};\n\nfunction SpanRow({\n  span,\n  depth,\n  isLastChild,\n  overallLatency,\n  overallStartTime,\n  renderRow,\n  onSpanClick,\n  selectedSpanId,\n  revealSpanId,\n  fadedTypes,\n  featuredSpanIds,\n  expandedSpanIds,\n  setExpandedSpanIds,\n}: SpanRowProps) {\n  const hasChildren = Boolean(span.spans && span.spans.length > 0);\n  const numOfChildren = span.spans ? span.spans.length : 0;\n  const allDescendantIds = getSpanDescendantIds(span);\n  const isRootSpan = depth === 0;\n  const spanUI = getSpanTypeUi(span?.type);\n  const isExpanded = expandedSpanIds ? expandedSpanIds.includes(span.id) : false;\n  const isFadedBySearch = featuredSpanIds && featuredSpanIds.length > 0 ? !featuredSpanIds.includes(span.id) : false;\n  const isFadedByType = fadedTypes && fadedTypes.length > 0 ? fadedTypes.includes(spanUI?.typePrefix || '') : false;\n  const isFaded = isFadedByType || isFadedBySearch;\n\n  useEffect(() => {\n    if (!featuredSpanIds || allDescendantIds.length === 0) return;\n    if (isExpanded) return;\n    const hasFeaturedDescendant = allDescendantIds.some(id => featuredSpanIds.includes(id));\n    if (hasFeaturedDescendant && setExpandedSpanIds) {\n      setExpandedSpanIds(prev => (!prev || prev.includes(span.id) ? (prev ?? [span.id]) : [...prev, span.id]));\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [featuredSpanIds, allDescendantIds]);\n\n  const toggleChildren = () => {\n    if (!setExpandedSpanIds) return;\n    setExpandedSpanIds(prev => {\n      if (!prev) return prev;\n      return isExpanded ? prev.filter(id => id !== span.id) : [...prev, span.id];\n    });\n  };\n\n  const ctx: SpanRowContext = {\n    span,\n    spanUI,\n    depth,\n    isRootSpan,\n    isLastChild,\n    isExpanded,\n    isSelected: selectedSpanId === span.id,\n    isFaded,\n    isRevealed: revealSpanId === span.id,\n    overallLatency,\n    overallStartTime,\n    onSpanClick,\n    expansion: {\n      hasChildren,\n      numOfChildren,\n      toggleChildren,\n    },\n  };\n\n  return (\n    <Fragment>\n      {renderRow(ctx)}\n      {hasChildren &&\n        isExpanded &&\n        span.spans?.map((childSpan, idx, array) => (\n          <SpanRow\n            key={childSpan.id}\n            span={childSpan}\n            depth={depth + 1}\n            isLastChild={idx === array.length - 1}\n            overallLatency={overallLatency}\n            overallStartTime={overallStartTime}\n            renderRow={renderRow}\n            onSpanClick={onSpanClick}\n            selectedSpanId={selectedSpanId}\n            revealSpanId={revealSpanId}\n            fadedTypes={fadedTypes}\n            featuredSpanIds={featuredSpanIds}\n            expandedSpanIds={expandedSpanIds}\n            setExpandedSpanIds={setExpandedSpanIds}\n          />\n        ))}\n    </Fragment>\n  );\n}\n"],"names":["Fragment"],"mappings":"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"}
+{"version":3,"file":"span-rows.es.js","sources":["../../../../src/domains/traces/components/span-rows.tsx"],"sourcesContent":["import type { Dispatch, ReactNode, SetStateAction } from 'react';\nimport { Fragment, useEffect } from 'react';\nimport { getSpanDescendantIds } from '../hooks/get-all-span-ids';\nimport type { UISpan, UISpanStyle } from '../types';\nimport { getOverallLatency } from '../utils/span-timing';\nimport { getSpanTypeUi } from './shared';\n\nexport type SpanRowExpansion = {\n  hasChildren: boolean;\n  numOfChildren: number;\n  toggleChildren: () => void;\n};\n\nexport type SpanRowContext = {\n  span: UISpan;\n  spanUI: UISpanStyle | null | undefined;\n  depth: number;\n  isRootSpan: boolean;\n  isLastChild: boolean;\n  isExpanded: boolean;\n  isSelected: boolean;\n  isFaded: boolean;\n  isRevealed: boolean;\n  overallLatency: number;\n  overallStartTime: string;\n  onSpanClick?: (id: string) => void;\n  expansion: SpanRowExpansion;\n};\n\ntype SharedRowProps = {\n  renderRow: (ctx: SpanRowContext) => ReactNode;\n  onSpanClick?: (id: string) => void;\n  selectedSpanId?: string;\n  /** Row flagged as revealed once mounted (ancestors auto-expand when the span is featured). */\n  revealSpanId?: string;\n  fadedTypes?: string[];\n  featuredSpanIds?: string[];\n  expandedSpanIds?: string[];\n  setExpandedSpanIds?: Dispatch<SetStateAction<string[]>>;\n};\n\nexport type SpanRowsProps = SharedRowProps & {\n  spans: UISpan[];\n};\n\n/**\n * Headless depth-first walker over a span hierarchy. Owns the expansion / fade /\n * reveal state of each row and delegates all markup to `renderRow`. Children are\n * only mounted while their parent is expanded.\n */\nexport function SpanRows({ spans, ...rowProps }: SpanRowsProps) {\n  const overallLatency = getOverallLatency(spans);\n  const overallStartTime = spans[0]?.startTime || '';\n\n  return (\n    <>\n      {spans.map((span, idx) => (\n        <SpanRow\n          key={span.id}\n          span={span}\n          depth={0}\n          isLastChild={idx === spans.length - 1}\n          overallLatency={overallLatency}\n          overallStartTime={overallStartTime}\n          {...rowProps}\n        />\n      ))}\n    </>\n  );\n}\n\ntype SpanRowProps = SharedRowProps & {\n  span: UISpan;\n  depth: number;\n  isLastChild: boolean;\n  overallLatency: number;\n  overallStartTime: string;\n};\n\nfunction SpanRow({\n  span,\n  depth,\n  isLastChild,\n  overallLatency,\n  overallStartTime,\n  renderRow,\n  onSpanClick,\n  selectedSpanId,\n  revealSpanId,\n  fadedTypes,\n  featuredSpanIds,\n  expandedSpanIds,\n  setExpandedSpanIds,\n}: SpanRowProps) {\n  const hasChildren = Boolean(span.spans && span.spans.length > 0);\n  const numOfChildren = span.spans ? span.spans.length : 0;\n  const allDescendantIds = getSpanDescendantIds(span);\n  const isRootSpan = depth === 0;\n  const spanUI = getSpanTypeUi(span?.type);\n  const isExpanded = expandedSpanIds ? expandedSpanIds.includes(span.id) : false;\n  const isFadedBySearch = featuredSpanIds && featuredSpanIds.length > 0 ? !featuredSpanIds.includes(span.id) : false;\n  const isFadedByType = fadedTypes && fadedTypes.length > 0 ? fadedTypes.includes(spanUI?.typePrefix || '') : false;\n  const isFaded = isFadedByType || isFadedBySearch;\n\n  useEffect(() => {\n    if (!featuredSpanIds || allDescendantIds.length === 0) return;\n    if (isExpanded) return;\n    const hasFeaturedDescendant = allDescendantIds.some(id => featuredSpanIds.includes(id));\n    if (hasFeaturedDescendant && setExpandedSpanIds) {\n      setExpandedSpanIds(prev => (!prev || prev.includes(span.id) ? (prev ?? [span.id]) : [...prev, span.id]));\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [featuredSpanIds, allDescendantIds]);\n\n  const toggleChildren = () => {\n    if (!setExpandedSpanIds) return;\n    setExpandedSpanIds(prev => {\n      if (!prev) return prev;\n      return isExpanded ? prev.filter(id => id !== span.id) : [...prev, span.id];\n    });\n  };\n\n  const ctx: SpanRowContext = {\n    span,\n    spanUI,\n    depth,\n    isRootSpan,\n    isLastChild,\n    isExpanded,\n    isSelected: selectedSpanId === span.id,\n    isFaded,\n    isRevealed: revealSpanId === span.id,\n    overallLatency,\n    overallStartTime,\n    onSpanClick,\n    expansion: {\n      hasChildren,\n      numOfChildren,\n      toggleChildren,\n    },\n  };\n\n  return (\n    <Fragment>\n      {renderRow(ctx)}\n      {hasChildren &&\n        isExpanded &&\n        span.spans?.map((childSpan, idx, array) => (\n          <SpanRow\n            key={childSpan.id}\n            span={childSpan}\n            depth={depth + 1}\n            isLastChild={idx === array.length - 1}\n            overallLatency={overallLatency}\n            overallStartTime={overallStartTime}\n            renderRow={renderRow}\n            onSpanClick={onSpanClick}\n            selectedSpanId={selectedSpanId}\n            revealSpanId={revealSpanId}\n            fadedTypes={fadedTypes}\n            featuredSpanIds={featuredSpanIds}\n            expandedSpanIds={expandedSpanIds}\n            setExpandedSpanIds={setExpandedSpanIds}\n          />\n        ))}\n    </Fragment>\n  );\n}\n"],"names":["Fragment"],"mappings":"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"}

package/dist/domains/traces/components/thread-trace/thread-trace-list.cjs.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const reactResizablePanels = require('react-resizable-panels');
 const domains_traces_components_threadTrace_threadTraceContext = require('./thread-trace-context.cjs.js');
-const messageScroller = require('../../../../message-scroller-C4fH6uJg.cjs');
+const messageScroller = require('../../../../message-scroller-fjucuCuw.cjs');
 const utils_cn = require('../../../../cn-DlOJCxrS.cjs');
 
 function ThreadTraceList({ className, innerClassName, children, ...props }) {

package/dist/domains/traces/components/thread-trace/thread-trace-list.es.js

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { Panel } from 'react-resizable-panels';
 import { useThreadTrace } from './thread-trace-context.es.js';
-import { M as MessageScroller, e as MessageScrollerViewport, b as MessageScrollerContent } from '../../../../message-scroller-CS1KxKn6.js';
+import { M as MessageScroller, e as MessageScrollerViewport, b as MessageScrollerContent } from '../../../../message-scroller-C6gXU5d5.js';
 import { c as cn } from '../../../../cn-CQUhN5Jx.js';
 
 function ThreadTraceList({ className, innerClassName, children, ...props }) {

package/dist/domains/traces/components/thread-trace/thread-trace-root.cjs.js

@@ -6,7 +6,7 @@ const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
 const domains_traces_hooks_useVisibleTraceRows = require('../../hooks/use-visible-trace-rows.cjs.js');
 const domains_traces_components_threadTrace_threadTraceContext = require('./thread-trace-context.cjs.js');
-const messageScroller = require('../../../../message-scroller-C4fH6uJg.cjs');
+const messageScroller = require('../../../../message-scroller-fjucuCuw.cjs');
 const resize_panelGroup = require('../../../../resize/panel-group.cjs.js');
 const utils_cn = require('../../../../cn-DlOJCxrS.cjs');
 

package/dist/domains/traces/components/thread-trace/thread-trace-root.es.js

@@ -2,7 +2,7 @@ import { jsx } from 'react/jsx-runtime';
 import { useRef, useState, useCallback, useMemo } from 'react';
 import { useVisibleTraceRows } from '../../hooks/use-visible-trace-rows.es.js';
 import { ThreadTraceContext } from './thread-trace-context.es.js';
-import { d as MessageScrollerProvider } from '../../../../message-scroller-CS1KxKn6.js';
+import { d as MessageScrollerProvider } from '../../../../message-scroller-C6gXU5d5.js';
 import { PanelGroup } from '../../../../resize/panel-group.es.js';
 import { c as cn } from '../../../../cn-CQUhN5Jx.js';
 

package/dist/domains/traces/components/thread-trace/thread-trace-row.cjs.js

@@ -7,7 +7,7 @@ const React = require('react');
 const domains_traces_components_threadTrace_threadTraceContext = require('./thread-trace-context.cjs.js');
 const domains_traces_components_threadTrace_threadTraceRowContext = require('./thread-trace-row-context.cjs.js');
 const transcriptDivider = require('../../../../transcript-divider-Bu73RoLY.cjs');
-const messageScroller = require('../../../../message-scroller-C4fH6uJg.cjs');
+const messageScroller = require('../../../../message-scroller-fjucuCuw.cjs');
 const tabsRoot = require('../../../../tabs-root-sOhEgFZ-.cjs');
 const hooks_useMeasuredAutoHeight = require('../../../../hooks/use-measured-auto-height.cjs.js');
 const utils_cn = require('../../../../cn-DlOJCxrS.cjs');

package/dist/domains/traces/components/thread-trace/thread-trace-row.es.js

@@ -3,7 +3,7 @@ import { useState, useCallback, useMemo } from 'react';
 import { useThreadTrace } from './thread-trace-context.es.js';
 import { ThreadTraceRowContext } from './thread-trace-row-context.es.js';
 import { T as TranscriptDivider } from '../../../../transcript-divider-DpcLz0a6.js';
-import { c as MessageScrollerItem } from '../../../../message-scroller-CS1KxKn6.js';
+import { c as MessageScrollerItem } from '../../../../message-scroller-C6gXU5d5.js';
 import { T as Tabs } from '../../../../tabs-root-CI7WQrJF.js';
 import { useMeasuredAutoHeight } from '../../../../hooks/use-measured-auto-height.es.js';
 import { c as cn } from '../../../../cn-CQUhN5Jx.js';

package/dist/domains/traces/components/trace-span-timeline.cjs.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
+const domains_traces_utils_spanTiming = require('../utils/span-timing.cjs.js');
 const domains_traces_components_spanRows = require('./span-rows.cjs.js');
 const domains_traces_components_spanTimelineRow = require('./span-timeline-row.cjs.js');
 const domains_traces_components_spanTypeLegend = require('./span-type-legend.cjs.js');
@@ -25,7 +26,7 @@ function TraceSpanTimeline({
   leadingSlot
 }) {
   if (isLoading) return /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_traceSpanTree.TraceSpanTreeLoading, {});
-  const overallLatency = hierarchicalSpans[0]?.latency || 0;
+  const overallLatency = domains_traces_utils_spanTiming.getOverallLatency(hierarchicalSpans);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     leadingSlot,
     /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_spanTypeLegend.SpanTypeLegend, { spans: hierarchicalSpans }),

package/dist/domains/traces/components/trace-span-timeline.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"trace-span-timeline.cjs.js","sources":["../../../../src/domains/traces/components/trace-span-timeline.tsx"],"sourcesContent":["import type { Dispatch, ReactNode, SetStateAction } from 'react';\nimport type { UISpan } from '../types';\nimport { SpanRows } from './span-rows';\nimport { SpanTimelineRow } from './span-timeline-row';\nimport { SpanTypeLegend } from './span-type-legend';\nimport { TraceSpanTreeLoading } from './trace-span-tree';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\nimport { formatDurationPrecise } from '@/utils/duration';\n\nexport type TraceSpanTimelineProps = {\n  hierarchicalSpans: UISpan[];\n  onSpanClick: (id: string) => void;\n  selectedSpanId?: string;\n  isLoading?: boolean;\n  fadedTypes?: string[];\n  expandedSpanIds?: string[];\n  setExpandedSpanIds?: Dispatch<SetStateAction<string[]>>;\n  featuredSpanIds?: string[];\n  /** Row scrolled into view once it is mounted (ancestors auto-expand when the span is featured). */\n  revealSpanId?: string;\n  /** Rendered full-width above the span type legend row. */\n  leadingSlot?: ReactNode;\n};\n\nconst TICKS = [0, 0.25, 0.5, 0.75, 1];\n\n/**\n * Gantt-style view of a trace: the same hierarchy and expansion state as `TraceSpanTree`,\n * but each row is a compact name cell plus a bar on a shared time axis. Rendered with its\n * own row component (`SpanTimelineRow`), independent from the tree's rows.\n */\nexport function TraceSpanTimeline({\n  hierarchicalSpans = [],\n  onSpanClick,\n  selectedSpanId,\n  isLoading,\n  fadedTypes,\n  expandedSpanIds,\n  setExpandedSpanIds,\n  featuredSpanIds,\n  revealSpanId,\n  leadingSlot,\n}: TraceSpanTimelineProps) {\n  if (isLoading) return <TraceSpanTreeLoading />;\n\n  const overallLatency = hierarchicalSpans[0]?.latency || 0;\n\n  return (\n    <>\n      {leadingSlot}\n      <SpanTypeLegend spans={hierarchicalSpans} />\n      <div className=\"grid grid-cols-[minmax(10rem,2fr)_minmax(12rem,3fr)] content-start gap-y-px overflow-hidden py-1\">\n        {/* Header row: empty name cell, then the axis aligned with the bars (same horizontal padding, minus the duration label). */}\n        <div />\n        <div aria-label=\"Trace time axis\" className=\"grid grid-cols-[minmax(0,1fr)_auto] gap-2 px-2 pb-1\">\n          <div className=\"flex justify-between tabular-nums\">\n            {TICKS.map((tick, index) => (\n              <Txt\n                tone=\"muted\"\n                as=\"span\"\n                variant=\"meta\"\n                key={tick}\n                className={cn('whitespace-nowrap', index > 0 && index < TICKS.length - 1 && 'hidden sm:inline')}\n              >\n                {formatDurationPrecise(overallLatency * tick)}\n              </Txt>\n            ))}\n          </div>\n          <div className=\"w-12\" />\n        </div>\n        <SpanRows\n          spans={hierarchicalSpans}\n          onSpanClick={onSpanClick}\n          selectedSpanId={selectedSpanId}\n          revealSpanId={revealSpanId}\n          fadedTypes={fadedTypes}\n          featuredSpanIds={featuredSpanIds}\n          expandedSpanIds={expandedSpanIds}\n          setExpandedSpanIds={setExpandedSpanIds}\n          renderRow={ctx => <SpanTimelineRow ctx={ctx} />}\n        />\n      </div>\n    </>\n  );\n}\n"],"names":["jsx","TraceSpanTreeLoading","jsxs","Fragment","SpanTypeLegend","Txt","cn","formatDurationPrecise","SpanRows","SpanTimelineRow"],"mappings":";;;;;;;;;;;;;AAyBA,MAAM,QAAQ,CAAC,CAAA,EAAG,IAAA,EAAM,GAAA,EAAK,MAAM,CAAC,CAAA;AAO7B,SAAS,iBAAA,CAAkB;AAAA,EAChC,oBAAoB,EAAC;AAAA,EACrB,WAAA;AAAA,EACA,cAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA,eAAA;AAAA,EACA,kBAAA;AAAA,EACA,eAAA;AAAA,EACA,YAAA;AAAA,EACA;AACF,CAAA,EAA2B;AACzB,EAAA,IAAI,SAAA,EAAW,uBAAOA,cAAA,CAACC,4DAAA,EAAA,EAAqB,CAAA;AAE5C,EAAA,MAAM,cAAA,GAAiB,iBAAA,CAAkB,CAAC,CAAA,EAAG,OAAA,IAAW,CAAA;AAExD,EAAA,uBACEC,eAAA,CAAAC,mBAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,WAAA;AAAA,oBACDH,cAAA,CAACI,uDAAA,EAAA,EAAe,KAAA,EAAO,iBAAA,EAAmB,CAAA;AAAA,oBAC1CF,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,kGAAA,EAEb,QAAA,EAAA;AAAA,sBAAAF,cAAA,CAAC,KAAA,EAAA,EAAI,CAAA;AAAA,sBACLE,eAAA,CAAC,KAAA,EAAA,EAAI,YAAA,EAAW,iBAAA,EAAkB,WAAU,qDAAA,EAC1C,QAAA,EAAA;AAAA,wBAAAF,cAAA,CAAC,SAAI,SAAA,EAAU,mCAAA,EACZ,gBAAM,GAAA,CAAI,CAAC,MAAM,KAAA,qBAChBA,cAAA;AAAA,UAACK,OAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,OAAA;AAAA,YACL,EAAA,EAAG,MAAA;AAAA,YACH,OAAA,EAAQ,MAAA;AAAA,YAER,SAAA,EAAWC,YAAG,mBAAA,EAAqB,KAAA,GAAQ,KAAK,KAAA,GAAQ,KAAA,CAAM,MAAA,GAAS,CAAA,IAAK,kBAAkB,CAAA;AAAA,YAE7F,QAAA,EAAAC,oCAAA,CAAsB,iBAAiB,IAAI;AAAA,WAAA;AAAA,UAHvC;AAAA,SAKR,CAAA,EACH,CAAA;AAAA,wBACAP,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,MAAA,EAAO;AAAA,OAAA,EACxB,CAAA;AAAA,sBACAA,cAAA;AAAA,QAACQ,2CAAA;AAAA,QAAA;AAAA,UACC,KAAA,EAAO,iBAAA;AAAA,UACP,WAAA;AAAA,UACA,cAAA;AAAA,UACA,YAAA;AAAA,UACA,UAAA;AAAA,UACA,eAAA;AAAA,UACA,eAAA;AAAA,UACA,kBAAA;AAAA,UACA,SAAA,EAAW,CAAA,GAAA,qBAAOR,cAAA,CAACS,yDAAA,EAAA,EAAgB,GAAA,EAAU;AAAA;AAAA;AAC/C,KAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"trace-span-timeline.cjs.js","sources":["../../../../src/domains/traces/components/trace-span-timeline.tsx"],"sourcesContent":["import type { Dispatch, ReactNode, SetStateAction } from 'react';\nimport type { UISpan } from '../types';\nimport { getOverallLatency } from '../utils/span-timing';\nimport { SpanRows } from './span-rows';\nimport { SpanTimelineRow } from './span-timeline-row';\nimport { SpanTypeLegend } from './span-type-legend';\nimport { TraceSpanTreeLoading } from './trace-span-tree';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\nimport { formatDurationPrecise } from '@/utils/duration';\n\nexport type TraceSpanTimelineProps = {\n  hierarchicalSpans: UISpan[];\n  onSpanClick: (id: string) => void;\n  selectedSpanId?: string;\n  isLoading?: boolean;\n  fadedTypes?: string[];\n  expandedSpanIds?: string[];\n  setExpandedSpanIds?: Dispatch<SetStateAction<string[]>>;\n  featuredSpanIds?: string[];\n  /** Row scrolled into view once it is mounted (ancestors auto-expand when the span is featured). */\n  revealSpanId?: string;\n  /** Rendered full-width above the span type legend row. */\n  leadingSlot?: ReactNode;\n};\n\nconst TICKS = [0, 0.25, 0.5, 0.75, 1];\n\n/**\n * Gantt-style view of a trace: the same hierarchy and expansion state as `TraceSpanTree`,\n * but each row is a compact name cell plus a bar on a shared time axis. Rendered with its\n * own row component (`SpanTimelineRow`), independent from the tree's rows.\n */\nexport function TraceSpanTimeline({\n  hierarchicalSpans = [],\n  onSpanClick,\n  selectedSpanId,\n  isLoading,\n  fadedTypes,\n  expandedSpanIds,\n  setExpandedSpanIds,\n  featuredSpanIds,\n  revealSpanId,\n  leadingSlot,\n}: TraceSpanTimelineProps) {\n  if (isLoading) return <TraceSpanTreeLoading />;\n\n  const overallLatency = getOverallLatency(hierarchicalSpans);\n\n  return (\n    <>\n      {leadingSlot}\n      <SpanTypeLegend spans={hierarchicalSpans} />\n      <div className=\"grid grid-cols-[minmax(10rem,2fr)_minmax(12rem,3fr)] content-start gap-y-px overflow-hidden py-1\">\n        {/* Header row: empty name cell, then the axis aligned with the bars (same horizontal padding, minus the duration label). */}\n        <div />\n        <div aria-label=\"Trace time axis\" className=\"grid grid-cols-[minmax(0,1fr)_auto] gap-2 px-2 pb-1\">\n          <div className=\"flex justify-between tabular-nums\">\n            {TICKS.map((tick, index) => (\n              <Txt\n                tone=\"muted\"\n                as=\"span\"\n                variant=\"meta\"\n                key={tick}\n                className={cn('whitespace-nowrap', index > 0 && index < TICKS.length - 1 && 'hidden sm:inline')}\n              >\n                {formatDurationPrecise(overallLatency * tick)}\n              </Txt>\n            ))}\n          </div>\n          <div className=\"w-12\" />\n        </div>\n        <SpanRows\n          spans={hierarchicalSpans}\n          onSpanClick={onSpanClick}\n          selectedSpanId={selectedSpanId}\n          revealSpanId={revealSpanId}\n          fadedTypes={fadedTypes}\n          featuredSpanIds={featuredSpanIds}\n          expandedSpanIds={expandedSpanIds}\n          setExpandedSpanIds={setExpandedSpanIds}\n          renderRow={ctx => <SpanTimelineRow ctx={ctx} />}\n        />\n      </div>\n    </>\n  );\n}\n"],"names":["jsx","TraceSpanTreeLoading","getOverallLatency","jsxs","Fragment","SpanTypeLegend","Txt","cn","formatDurationPrecise","SpanRows","SpanTimelineRow"],"mappings":";;;;;;;;;;;;;;AA0BA,MAAM,QAAQ,CAAC,CAAA,EAAG,IAAA,EAAM,GAAA,EAAK,MAAM,CAAC,CAAA;AAO7B,SAAS,iBAAA,CAAkB;AAAA,EAChC,oBAAoB,EAAC;AAAA,EACrB,WAAA;AAAA,EACA,cAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA,eAAA;AAAA,EACA,kBAAA;AAAA,EACA,eAAA;AAAA,EACA,YAAA;AAAA,EACA;AACF,CAAA,EAA2B;AACzB,EAAA,IAAI,SAAA,EAAW,uBAAOA,cAAA,CAACC,4DAAA,EAAA,EAAqB,CAAA;AAE5C,EAAA,MAAM,cAAA,GAAiBC,kDAAkB,iBAAiB,CAAA;AAE1D,EAAA,uBACEC,eAAA,CAAAC,mBAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,WAAA;AAAA,oBACDJ,cAAA,CAACK,uDAAA,EAAA,EAAe,KAAA,EAAO,iBAAA,EAAmB,CAAA;AAAA,oBAC1CF,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,kGAAA,EAEb,QAAA,EAAA;AAAA,sBAAAH,cAAA,CAAC,KAAA,EAAA,EAAI,CAAA;AAAA,sBACLG,eAAA,CAAC,KAAA,EAAA,EAAI,YAAA,EAAW,iBAAA,EAAkB,WAAU,qDAAA,EAC1C,QAAA,EAAA;AAAA,wBAAAH,cAAA,CAAC,SAAI,SAAA,EAAU,mCAAA,EACZ,gBAAM,GAAA,CAAI,CAAC,MAAM,KAAA,qBAChBA,cAAA;AAAA,UAACM,OAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,OAAA;AAAA,YACL,EAAA,EAAG,MAAA;AAAA,YACH,OAAA,EAAQ,MAAA;AAAA,YAER,SAAA,EAAWC,YAAG,mBAAA,EAAqB,KAAA,GAAQ,KAAK,KAAA,GAAQ,KAAA,CAAM,MAAA,GAAS,CAAA,IAAK,kBAAkB,CAAA;AAAA,YAE7F,QAAA,EAAAC,oCAAA,CAAsB,iBAAiB,IAAI;AAAA,WAAA;AAAA,UAHvC;AAAA,SAKR,CAAA,EACH,CAAA;AAAA,wBACAR,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,MAAA,EAAO;AAAA,OAAA,EACxB,CAAA;AAAA,sBACAA,cAAA;AAAA,QAACS,2CAAA;AAAA,QAAA;AAAA,UACC,KAAA,EAAO,iBAAA;AAAA,UACP,WAAA;AAAA,UACA,cAAA;AAAA,UACA,YAAA;AAAA,UACA,UAAA;AAAA,UACA,eAAA;AAAA,UACA,eAAA;AAAA,UACA,kBAAA;AAAA,UACA,SAAA,EAAW,CAAA,GAAA,qBAAOT,cAAA,CAACU,yDAAA,EAAA,EAAgB,GAAA,EAAU;AAAA;AAAA;AAC/C,KAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/domains/traces/components/trace-span-timeline.es.js

@@ -1,4 +1,5 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { getOverallLatency } from '../utils/span-timing.es.js';
 import { SpanRows } from './span-rows.es.js';
 import { SpanTimelineRow } from './span-timeline-row.es.js';
 import { SpanTypeLegend } from './span-type-legend.es.js';
@@ -21,7 +22,7 @@ function TraceSpanTimeline({
   leadingSlot
 }) {
   if (isLoading) return /* @__PURE__ */ jsx(TraceSpanTreeLoading, {});
-  const overallLatency = hierarchicalSpans[0]?.latency || 0;
+  const overallLatency = getOverallLatency(hierarchicalSpans);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     leadingSlot,
     /* @__PURE__ */ jsx(SpanTypeLegend, { spans: hierarchicalSpans }),

package/dist/domains/traces/components/trace-span-timeline.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"trace-span-timeline.es.js","sources":["../../../../src/domains/traces/components/trace-span-timeline.tsx"],"sourcesContent":["import type { Dispatch, ReactNode, SetStateAction } from 'react';\nimport type { UISpan } from '../types';\nimport { SpanRows } from './span-rows';\nimport { SpanTimelineRow } from './span-timeline-row';\nimport { SpanTypeLegend } from './span-type-legend';\nimport { TraceSpanTreeLoading } from './trace-span-tree';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\nimport { formatDurationPrecise } from '@/utils/duration';\n\nexport type TraceSpanTimelineProps = {\n  hierarchicalSpans: UISpan[];\n  onSpanClick: (id: string) => void;\n  selectedSpanId?: string;\n  isLoading?: boolean;\n  fadedTypes?: string[];\n  expandedSpanIds?: string[];\n  setExpandedSpanIds?: Dispatch<SetStateAction<string[]>>;\n  featuredSpanIds?: string[];\n  /** Row scrolled into view once it is mounted (ancestors auto-expand when the span is featured). */\n  revealSpanId?: string;\n  /** Rendered full-width above the span type legend row. */\n  leadingSlot?: ReactNode;\n};\n\nconst TICKS = [0, 0.25, 0.5, 0.75, 1];\n\n/**\n * Gantt-style view of a trace: the same hierarchy and expansion state as `TraceSpanTree`,\n * but each row is a compact name cell plus a bar on a shared time axis. Rendered with its\n * own row component (`SpanTimelineRow`), independent from the tree's rows.\n */\nexport function TraceSpanTimeline({\n  hierarchicalSpans = [],\n  onSpanClick,\n  selectedSpanId,\n  isLoading,\n  fadedTypes,\n  expandedSpanIds,\n  setExpandedSpanIds,\n  featuredSpanIds,\n  revealSpanId,\n  leadingSlot,\n}: TraceSpanTimelineProps) {\n  if (isLoading) return <TraceSpanTreeLoading />;\n\n  const overallLatency = hierarchicalSpans[0]?.latency || 0;\n\n  return (\n    <>\n      {leadingSlot}\n      <SpanTypeLegend spans={hierarchicalSpans} />\n      <div className=\"grid grid-cols-[minmax(10rem,2fr)_minmax(12rem,3fr)] content-start gap-y-px overflow-hidden py-1\">\n        {/* Header row: empty name cell, then the axis aligned with the bars (same horizontal padding, minus the duration label). */}\n        <div />\n        <div aria-label=\"Trace time axis\" className=\"grid grid-cols-[minmax(0,1fr)_auto] gap-2 px-2 pb-1\">\n          <div className=\"flex justify-between tabular-nums\">\n            {TICKS.map((tick, index) => (\n              <Txt\n                tone=\"muted\"\n                as=\"span\"\n                variant=\"meta\"\n                key={tick}\n                className={cn('whitespace-nowrap', index > 0 && index < TICKS.length - 1 && 'hidden sm:inline')}\n              >\n                {formatDurationPrecise(overallLatency * tick)}\n              </Txt>\n            ))}\n          </div>\n          <div className=\"w-12\" />\n        </div>\n        <SpanRows\n          spans={hierarchicalSpans}\n          onSpanClick={onSpanClick}\n          selectedSpanId={selectedSpanId}\n          revealSpanId={revealSpanId}\n          fadedTypes={fadedTypes}\n          featuredSpanIds={featuredSpanIds}\n          expandedSpanIds={expandedSpanIds}\n          setExpandedSpanIds={setExpandedSpanIds}\n          renderRow={ctx => <SpanTimelineRow ctx={ctx} />}\n        />\n      </div>\n    </>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;AAyBA,MAAM,QAAQ,CAAC,CAAA,EAAG,IAAA,EAAM,GAAA,EAAK,MAAM,CAAC,CAAA;AAO7B,SAAS,iBAAA,CAAkB;AAAA,EAChC,oBAAoB,EAAC;AAAA,EACrB,WAAA;AAAA,EACA,cAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA,eAAA;AAAA,EACA,kBAAA;AAAA,EACA,eAAA;AAAA,EACA,YAAA;AAAA,EACA;AACF,CAAA,EAA2B;AACzB,EAAA,IAAI,SAAA,EAAW,uBAAO,GAAA,CAAC,oBAAA,EAAA,EAAqB,CAAA;AAE5C,EAAA,MAAM,cAAA,GAAiB,iBAAA,CAAkB,CAAC,CAAA,EAAG,OAAA,IAAW,CAAA;AAExD,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,WAAA;AAAA,oBACD,GAAA,CAAC,cAAA,EAAA,EAAe,KAAA,EAAO,iBAAA,EAAmB,CAAA;AAAA,oBAC1C,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,kGAAA,EAEb,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,CAAA;AAAA,sBACL,IAAA,CAAC,KAAA,EAAA,EAAI,YAAA,EAAW,iBAAA,EAAkB,WAAU,qDAAA,EAC1C,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,SAAI,SAAA,EAAU,mCAAA,EACZ,gBAAM,GAAA,CAAI,CAAC,MAAM,KAAA,qBAChB,GAAA;AAAA,UAAC,GAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,OAAA;AAAA,YACL,EAAA,EAAG,MAAA;AAAA,YACH,OAAA,EAAQ,MAAA;AAAA,YAER,SAAA,EAAW,GAAG,mBAAA,EAAqB,KAAA,GAAQ,KAAK,KAAA,GAAQ,KAAA,CAAM,MAAA,GAAS,CAAA,IAAK,kBAAkB,CAAA;AAAA,YAE7F,QAAA,EAAA,qBAAA,CAAsB,iBAAiB,IAAI;AAAA,WAAA;AAAA,UAHvC;AAAA,SAKR,CAAA,EACH,CAAA;AAAA,wBACA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,MAAA,EAAO;AAAA,OAAA,EACxB,CAAA;AAAA,sBACA,GAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,KAAA,EAAO,iBAAA;AAAA,UACP,WAAA;AAAA,UACA,cAAA;AAAA,UACA,YAAA;AAAA,UACA,UAAA;AAAA,UACA,eAAA;AAAA,UACA,eAAA;AAAA,UACA,kBAAA;AAAA,UACA,SAAA,EAAW,CAAA,GAAA,qBAAO,GAAA,CAAC,eAAA,EAAA,EAAgB,GAAA,EAAU;AAAA;AAAA;AAC/C,KAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"trace-span-timeline.es.js","sources":["../../../../src/domains/traces/components/trace-span-timeline.tsx"],"sourcesContent":["import type { Dispatch, ReactNode, SetStateAction } from 'react';\nimport type { UISpan } from '../types';\nimport { getOverallLatency } from '../utils/span-timing';\nimport { SpanRows } from './span-rows';\nimport { SpanTimelineRow } from './span-timeline-row';\nimport { SpanTypeLegend } from './span-type-legend';\nimport { TraceSpanTreeLoading } from './trace-span-tree';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\nimport { formatDurationPrecise } from '@/utils/duration';\n\nexport type TraceSpanTimelineProps = {\n  hierarchicalSpans: UISpan[];\n  onSpanClick: (id: string) => void;\n  selectedSpanId?: string;\n  isLoading?: boolean;\n  fadedTypes?: string[];\n  expandedSpanIds?: string[];\n  setExpandedSpanIds?: Dispatch<SetStateAction<string[]>>;\n  featuredSpanIds?: string[];\n  /** Row scrolled into view once it is mounted (ancestors auto-expand when the span is featured). */\n  revealSpanId?: string;\n  /** Rendered full-width above the span type legend row. */\n  leadingSlot?: ReactNode;\n};\n\nconst TICKS = [0, 0.25, 0.5, 0.75, 1];\n\n/**\n * Gantt-style view of a trace: the same hierarchy and expansion state as `TraceSpanTree`,\n * but each row is a compact name cell plus a bar on a shared time axis. Rendered with its\n * own row component (`SpanTimelineRow`), independent from the tree's rows.\n */\nexport function TraceSpanTimeline({\n  hierarchicalSpans = [],\n  onSpanClick,\n  selectedSpanId,\n  isLoading,\n  fadedTypes,\n  expandedSpanIds,\n  setExpandedSpanIds,\n  featuredSpanIds,\n  revealSpanId,\n  leadingSlot,\n}: TraceSpanTimelineProps) {\n  if (isLoading) return <TraceSpanTreeLoading />;\n\n  const overallLatency = getOverallLatency(hierarchicalSpans);\n\n  return (\n    <>\n      {leadingSlot}\n      <SpanTypeLegend spans={hierarchicalSpans} />\n      <div className=\"grid grid-cols-[minmax(10rem,2fr)_minmax(12rem,3fr)] content-start gap-y-px overflow-hidden py-1\">\n        {/* Header row: empty name cell, then the axis aligned with the bars (same horizontal padding, minus the duration label). */}\n        <div />\n        <div aria-label=\"Trace time axis\" className=\"grid grid-cols-[minmax(0,1fr)_auto] gap-2 px-2 pb-1\">\n          <div className=\"flex justify-between tabular-nums\">\n            {TICKS.map((tick, index) => (\n              <Txt\n                tone=\"muted\"\n                as=\"span\"\n                variant=\"meta\"\n                key={tick}\n                className={cn('whitespace-nowrap', index > 0 && index < TICKS.length - 1 && 'hidden sm:inline')}\n              >\n                {formatDurationPrecise(overallLatency * tick)}\n              </Txt>\n            ))}\n          </div>\n          <div className=\"w-12\" />\n        </div>\n        <SpanRows\n          spans={hierarchicalSpans}\n          onSpanClick={onSpanClick}\n          selectedSpanId={selectedSpanId}\n          revealSpanId={revealSpanId}\n          fadedTypes={fadedTypes}\n          featuredSpanIds={featuredSpanIds}\n          expandedSpanIds={expandedSpanIds}\n          setExpandedSpanIds={setExpandedSpanIds}\n          renderRow={ctx => <SpanTimelineRow ctx={ctx} />}\n        />\n      </div>\n    </>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;AA0BA,MAAM,QAAQ,CAAC,CAAA,EAAG,IAAA,EAAM,GAAA,EAAK,MAAM,CAAC,CAAA;AAO7B,SAAS,iBAAA,CAAkB;AAAA,EAChC,oBAAoB,EAAC;AAAA,EACrB,WAAA;AAAA,EACA,cAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA,eAAA;AAAA,EACA,kBAAA;AAAA,EACA,eAAA;AAAA,EACA,YAAA;AAAA,EACA;AACF,CAAA,EAA2B;AACzB,EAAA,IAAI,SAAA,EAAW,uBAAO,GAAA,CAAC,oBAAA,EAAA,EAAqB,CAAA;AAE5C,EAAA,MAAM,cAAA,GAAiB,kBAAkB,iBAAiB,CAAA;AAE1D,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,WAAA;AAAA,oBACD,GAAA,CAAC,cAAA,EAAA,EAAe,KAAA,EAAO,iBAAA,EAAmB,CAAA;AAAA,oBAC1C,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,kGAAA,EAEb,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,CAAA;AAAA,sBACL,IAAA,CAAC,KAAA,EAAA,EAAI,YAAA,EAAW,iBAAA,EAAkB,WAAU,qDAAA,EAC1C,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,SAAI,SAAA,EAAU,mCAAA,EACZ,gBAAM,GAAA,CAAI,CAAC,MAAM,KAAA,qBAChB,GAAA;AAAA,UAAC,GAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,OAAA;AAAA,YACL,EAAA,EAAG,MAAA;AAAA,YACH,OAAA,EAAQ,MAAA;AAAA,YAER,SAAA,EAAW,GAAG,mBAAA,EAAqB,KAAA,GAAQ,KAAK,KAAA,GAAQ,KAAA,CAAM,MAAA,GAAS,CAAA,IAAK,kBAAkB,CAAA;AAAA,YAE7F,QAAA,EAAA,qBAAA,CAAsB,iBAAiB,IAAI;AAAA,WAAA;AAAA,UAHvC;AAAA,SAKR,CAAA,EACH,CAAA;AAAA,wBACA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,MAAA,EAAO;AAAA,OAAA,EACxB,CAAA;AAAA,sBACA,GAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,KAAA,EAAO,iBAAA;AAAA,UACP,WAAA;AAAA,UACA,cAAA;AAAA,UACA,YAAA;AAAA,UACA,UAAA;AAAA,UACA,eAAA;AAAA,UACA,eAAA;AAAA,UACA,kBAAA;AAAA,UACA,SAAA,EAAW,CAAA,GAAA,qBAAO,GAAA,CAAC,eAAA,EAAA,EAAgB,GAAA,EAAU;AAAA;AAAA;AAC/C,KAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/domains/traces/components/traces-list-view.cjs.js

@@ -8,11 +8,11 @@ const lucideReact = require('lucide-react');
 const React = require('react');
 const domains_traces_traceListColumns = require('../trace-list-columns.cjs.js');
 const domains_traces_utils_spanUtils = require('../utils/span-utils.cjs.js');
-const dataList = require('../../../data-list-DUfXIhyC.cjs');
-const dataListSkeleton = require('../../../data-list-skeleton-BqC9Gggi.cjs');
-const tracesDataList = require('../../../traces-data-list-BgjeB-BF.cjs');
+const dataList = require('../../../data-list-CmjTe8xE.cjs');
+const dataListSkeleton = require('../../../data-list-skeleton-sdcaabdX.cjs');
+const tracesDataList = require('../../../traces-data-list-Bhhg9drs.cjs');
 const useDataListKeyboard = require('../../../use-data-list-keyboard-DF3tLe10.cjs');
-const dataListTop = require('../../../data-list-top-ByT2Mo77.cjs');
+const dataListTop = require('../../../data-list-top-DJh08vFA.cjs');
 const dropdownMenu = require('../../../dropdown-menu-CsynT1aD.cjs');
 const Txt = require('../../../Txt-CIS2G5Jx.cjs');
 const primitives_transitions = require('../../../primitives/transitions.cjs.js');

package/dist/domains/traces/components/traces-list-view.es.js

@@ -4,11 +4,11 @@ import { ListFilterIcon } from 'lucide-react';
 import { useRef } from 'react';
 import { buildTraceListColumns, buildTraceListColumnKeys, hasTraceColumn, DEFAULT_TRACE_COLUMN_PREFERENCES, TRACE_CUSTOM_COLUMN_LABELS, formatTraceMetadataValue } from '../trace-list-columns.es.js';
 import { getInputPreview, getSpanDurationMs } from '../utils/span-utils.es.js';
-import { D as DataList } from '../../../data-list-DXQY_iQW.js';
-import { a as DataListSkeletonRows } from '../../../data-list-skeleton-B_SXAeE0.js';
-import { T as TracesDataList } from '../../../traces-data-list-Zoai0OW_.js';
+import { D as DataList } from '../../../data-list-DT1LVR29.js';
+import { a as DataListSkeletonRows } from '../../../data-list-skeleton-bNfITSHs.js';
+import { T as TracesDataList } from '../../../traces-data-list-DMWPJFBc.js';
 import { u as useDataListKeyboard } from '../../../use-data-list-keyboard-DFQr4t38.js';
-import { s as splitColumns } from '../../../data-list-top-DSr_ocKA.js';
+import { s as splitColumns } from '../../../data-list-top-T-mtdIUp.js';
 import { D as DropdownMenu } from '../../../dropdown-menu-CQ_48tVI.js';
 import { T as Txt } from '../../../Txt-BtIGLRk1.js';
 import { focusRing } from '../../../primitives/transitions.es.js';

package/dist/domains/traces/components/traces-page-skeleton.cjs.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const domains_traces_traceListColumns = require('../trace-list-columns.cjs.js');
-const dataListSkeleton = require('../../../data-list-skeleton-BqC9Gggi.cjs');
+const dataListSkeleton = require('../../../data-list-skeleton-sdcaabdX.cjs');
 const skeleton = require('../../../skeleton-lkFwOzqL.cjs');
 
 function TracesPageSkeleton({ columnPreferences = domains_traces_traceListColumns.DEFAULT_TRACE_COLUMN_PREFERENCES }) {

package/dist/domains/traces/components/traces-page-skeleton.es.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { buildTraceListColumns, DEFAULT_TRACE_COLUMN_PREFERENCES } from '../trace-list-columns.es.js';
-import { D as DataListSkeleton } from '../../../data-list-skeleton-B_SXAeE0.js';
+import { D as DataListSkeleton } from '../../../data-list-skeleton-bNfITSHs.js';
 import { S as Skeleton } from '../../../skeleton-Q4fDAXcz.js';
 
 function TracesPageSkeleton({ columnPreferences = DEFAULT_TRACE_COLUMN_PREFERENCES }) {

package/dist/domains/traces/utils/span-timing.cjs.js

@@ -2,6 +2,15 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
+function getOverallLatency(spans) {
+  const [firstSpan] = spans;
+  if (!firstSpan) return 0;
+  const overallStart = new Date(firstSpan.startTime).getTime();
+  return spans.reduce(
+    (latest, span) => Math.max(latest, new Date(span.startTime).getTime() + span.latency - overallStart),
+    0
+  );
+}
 function getSpanTimingLayout(span, overallLatency, overallStartTime) {
   const overallStart = overallStartTime ? new Date(overallStartTime).getTime() : NaN;
   const spanStart = span.startTime ? new Date(span.startTime).getTime() : NaN;
@@ -12,5 +21,6 @@ function getSpanTimingLayout(span, overallLatency, overallStartTime) {
   return { startShiftMs, leftPercent, widthPercent };
 }
 
+exports.getOverallLatency = getOverallLatency;
 exports.getSpanTimingLayout = getSpanTimingLayout;
 //# sourceMappingURL=span-timing.cjs.js.map

package/dist/domains/traces/utils/span-timing.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"span-timing.cjs.js","sources":["../../../../src/domains/traces/utils/span-timing.ts"],"sourcesContent":["import type { UISpan } from '../types';\n\nexport type SpanTimingLayout = {\n  /** Milliseconds between the trace start and the span start. */\n  startShiftMs: number;\n  /** Horizontal offset of the span bar, as a percentage of the trace duration. */\n  leftPercent: number;\n  /** Width of the span bar, as a percentage of the trace duration, clamped to the remaining track. */\n  widthPercent: number;\n};\n\n/** Positions a span on a track spanning the whole trace (`overallLatency` ms from `overallStartTime`). */\nexport function getSpanTimingLayout(\n  span: UISpan,\n  overallLatency?: number,\n  overallStartTime?: string,\n): SpanTimingLayout {\n  const overallStart = overallStartTime ? new Date(overallStartTime).getTime() : NaN;\n  const spanStart = span.startTime ? new Date(span.startTime).getTime() : NaN;\n  const startShiftMs = Number.isNaN(overallStart) || Number.isNaN(spanStart) ? 0 : spanStart - overallStart;\n\n  if (!overallLatency) return { startShiftMs, leftPercent: 0, widthPercent: 0 };\n\n  const leftPercent = Math.min(100, Math.max(0, Math.floor((startShiftMs / overallLatency) * 100)));\n  const widthPercent = Math.min(100 - leftPercent, Math.ceil((span.latency / overallLatency) * 100));\n\n  return { startShiftMs, leftPercent, widthPercent };\n}\n"],"names":[],"mappings":";;;;AAYO,SAAS,mBAAA,CACd,IAAA,EACA,cAAA,EACA,gBAAA,EACkB;AAClB,EAAA,MAAM,eAAe,gBAAA,GAAmB,IAAI,KAAK,gBAAgB,CAAA,CAAE,SAAQ,GAAI,GAAA;AAC/E,EAAA,MAAM,SAAA,GAAY,KAAK,SAAA,GAAY,IAAI,KAAK,IAAA,CAAK,SAAS,CAAA,CAAE,OAAA,EAAQ,GAAI,GAAA;AACxE,EAAA,MAAM,YAAA,GAAe,MAAA,CAAO,KAAA,CAAM,YAAY,CAAA,IAAK,OAAO,KAAA,CAAM,SAAS,CAAA,GAAI,CAAA,GAAI,SAAA,GAAY,YAAA;AAE7F,EAAA,IAAI,CAAC,gBAAgB,OAAO,EAAE,cAAc,WAAA,EAAa,CAAA,EAAG,cAAc,CAAA,EAAE;AAE5E,EAAA,MAAM,WAAA,GAAc,IAAA,CAAK,GAAA,CAAI,GAAA,EAAK,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,IAAA,CAAK,KAAA,CAAO,YAAA,GAAe,cAAA,GAAkB,GAAG,CAAC,CAAC,CAAA;AAChG,EAAA,MAAM,YAAA,GAAe,IAAA,CAAK,GAAA,CAAI,GAAA,GAAM,WAAA,EAAa,IAAA,CAAK,IAAA,CAAM,IAAA,CAAK,OAAA,GAAU,cAAA,GAAkB,GAAG,CAAC,CAAA;AAEjG,EAAA,OAAO,EAAE,YAAA,EAAc,WAAA,EAAa,YAAA,EAAa;AACnD;;;;"}
+{"version":3,"file":"span-timing.cjs.js","sources":["../../../../src/domains/traces/utils/span-timing.ts"],"sourcesContent":["import type { UISpan } from '../types';\n\nexport type SpanTimingLayout = {\n  /** Milliseconds between the trace start and the span start. */\n  startShiftMs: number;\n  /** Horizontal offset of the span bar, as a percentage of the trace duration. */\n  leftPercent: number;\n  /** Width of the span bar, as a percentage of the trace duration, clamped to the remaining track. */\n  widthPercent: number;\n};\n\n/** Length of a track spanning every top-level span, from the first span start to the latest span end. */\nexport function getOverallLatency(spans: Pick<UISpan, 'startTime' | 'latency'>[]): number {\n  const [firstSpan] = spans;\n  if (!firstSpan) return 0;\n\n  const overallStart = new Date(firstSpan.startTime).getTime();\n  return spans.reduce(\n    (latest, span) => Math.max(latest, new Date(span.startTime).getTime() + span.latency - overallStart),\n    0,\n  );\n}\n\n/** Positions a span on a track spanning the whole trace (`overallLatency` ms from `overallStartTime`). */\nexport function getSpanTimingLayout(\n  span: UISpan,\n  overallLatency?: number,\n  overallStartTime?: string,\n): SpanTimingLayout {\n  const overallStart = overallStartTime ? new Date(overallStartTime).getTime() : NaN;\n  const spanStart = span.startTime ? new Date(span.startTime).getTime() : NaN;\n  const startShiftMs = Number.isNaN(overallStart) || Number.isNaN(spanStart) ? 0 : spanStart - overallStart;\n\n  if (!overallLatency) return { startShiftMs, leftPercent: 0, widthPercent: 0 };\n\n  const leftPercent = Math.min(100, Math.max(0, Math.floor((startShiftMs / overallLatency) * 100)));\n  const widthPercent = Math.min(100 - leftPercent, Math.ceil((span.latency / overallLatency) * 100));\n\n  return { startShiftMs, leftPercent, widthPercent };\n}\n"],"names":[],"mappings":";;;;AAYO,SAAS,kBAAkB,KAAA,EAAwD;AACxF,EAAA,MAAM,CAAC,SAAS,CAAA,GAAI,KAAA;AACpB,EAAA,IAAI,CAAC,WAAW,OAAO,CAAA;AAEvB,EAAA,MAAM,eAAe,IAAI,IAAA,CAAK,SAAA,CAAU,SAAS,EAAE,OAAA,EAAQ;AAC3D,EAAA,OAAO,KAAA,CAAM,MAAA;AAAA,IACX,CAAC,MAAA,EAAQ,IAAA,KAAS,IAAA,CAAK,IAAI,MAAA,EAAQ,IAAI,IAAA,CAAK,IAAA,CAAK,SAAS,CAAA,CAAE,OAAA,EAAQ,GAAI,IAAA,CAAK,UAAU,YAAY,CAAA;AAAA,IACnG;AAAA,GACF;AACF;AAGO,SAAS,mBAAA,CACd,IAAA,EACA,cAAA,EACA,gBAAA,EACkB;AAClB,EAAA,MAAM,eAAe,gBAAA,GAAmB,IAAI,KAAK,gBAAgB,CAAA,CAAE,SAAQ,GAAI,GAAA;AAC/E,EAAA,MAAM,SAAA,GAAY,KAAK,SAAA,GAAY,IAAI,KAAK,IAAA,CAAK,SAAS,CAAA,CAAE,OAAA,EAAQ,GAAI,GAAA;AACxE,EAAA,MAAM,YAAA,GAAe,MAAA,CAAO,KAAA,CAAM,YAAY,CAAA,IAAK,OAAO,KAAA,CAAM,SAAS,CAAA,GAAI,CAAA,GAAI,SAAA,GAAY,YAAA;AAE7F,EAAA,IAAI,CAAC,gBAAgB,OAAO,EAAE,cAAc,WAAA,EAAa,CAAA,EAAG,cAAc,CAAA,EAAE;AAE5E,EAAA,MAAM,WAAA,GAAc,IAAA,CAAK,GAAA,CAAI,GAAA,EAAK,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,IAAA,CAAK,KAAA,CAAO,YAAA,GAAe,cAAA,GAAkB,GAAG,CAAC,CAAC,CAAA;AAChG,EAAA,MAAM,YAAA,GAAe,IAAA,CAAK,GAAA,CAAI,GAAA,GAAM,WAAA,EAAa,IAAA,CAAK,IAAA,CAAM,IAAA,CAAK,OAAA,GAAU,cAAA,GAAkB,GAAG,CAAC,CAAA;AAEjG,EAAA,OAAO,EAAE,YAAA,EAAc,WAAA,EAAa,YAAA,EAAa;AACnD;;;;;"}

package/dist/domains/traces/utils/span-timing.es.js

@@ -1,3 +1,12 @@
+function getOverallLatency(spans) {
+  const [firstSpan] = spans;
+  if (!firstSpan) return 0;
+  const overallStart = new Date(firstSpan.startTime).getTime();
+  return spans.reduce(
+    (latest, span) => Math.max(latest, new Date(span.startTime).getTime() + span.latency - overallStart),
+    0
+  );
+}
 function getSpanTimingLayout(span, overallLatency, overallStartTime) {
   const overallStart = overallStartTime ? new Date(overallStartTime).getTime() : NaN;
   const spanStart = span.startTime ? new Date(span.startTime).getTime() : NaN;
@@ -8,5 +17,5 @@ function getSpanTimingLayout(span, overallLatency, overallStartTime) {
   return { startShiftMs, leftPercent, widthPercent };
 }
 
-export { getSpanTimingLayout };
+export { getOverallLatency, getSpanTimingLayout };
 //# sourceMappingURL=span-timing.es.js.map

package/dist/domains/traces/utils/span-timing.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"span-timing.es.js","sources":["../../../../src/domains/traces/utils/span-timing.ts"],"sourcesContent":["import type { UISpan } from '../types';\n\nexport type SpanTimingLayout = {\n  /** Milliseconds between the trace start and the span start. */\n  startShiftMs: number;\n  /** Horizontal offset of the span bar, as a percentage of the trace duration. */\n  leftPercent: number;\n  /** Width of the span bar, as a percentage of the trace duration, clamped to the remaining track. */\n  widthPercent: number;\n};\n\n/** Positions a span on a track spanning the whole trace (`overallLatency` ms from `overallStartTime`). */\nexport function getSpanTimingLayout(\n  span: UISpan,\n  overallLatency?: number,\n  overallStartTime?: string,\n): SpanTimingLayout {\n  const overallStart = overallStartTime ? new Date(overallStartTime).getTime() : NaN;\n  const spanStart = span.startTime ? new Date(span.startTime).getTime() : NaN;\n  const startShiftMs = Number.isNaN(overallStart) || Number.isNaN(spanStart) ? 0 : spanStart - overallStart;\n\n  if (!overallLatency) return { startShiftMs, leftPercent: 0, widthPercent: 0 };\n\n  const leftPercent = Math.min(100, Math.max(0, Math.floor((startShiftMs / overallLatency) * 100)));\n  const widthPercent = Math.min(100 - leftPercent, Math.ceil((span.latency / overallLatency) * 100));\n\n  return { startShiftMs, leftPercent, widthPercent };\n}\n"],"names":[],"mappings":"AAYO,SAAS,mBAAA,CACd,IAAA,EACA,cAAA,EACA,gBAAA,EACkB;AAClB,EAAA,MAAM,eAAe,gBAAA,GAAmB,IAAI,KAAK,gBAAgB,CAAA,CAAE,SAAQ,GAAI,GAAA;AAC/E,EAAA,MAAM,SAAA,GAAY,KAAK,SAAA,GAAY,IAAI,KAAK,IAAA,CAAK,SAAS,CAAA,CAAE,OAAA,EAAQ,GAAI,GAAA;AACxE,EAAA,MAAM,YAAA,GAAe,MAAA,CAAO,KAAA,CAAM,YAAY,CAAA,IAAK,OAAO,KAAA,CAAM,SAAS,CAAA,GAAI,CAAA,GAAI,SAAA,GAAY,YAAA;AAE7F,EAAA,IAAI,CAAC,gBAAgB,OAAO,EAAE,cAAc,WAAA,EAAa,CAAA,EAAG,cAAc,CAAA,EAAE;AAE5E,EAAA,MAAM,WAAA,GAAc,IAAA,CAAK,GAAA,CAAI,GAAA,EAAK,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,IAAA,CAAK,KAAA,CAAO,YAAA,GAAe,cAAA,GAAkB,GAAG,CAAC,CAAC,CAAA;AAChG,EAAA,MAAM,YAAA,GAAe,IAAA,CAAK,GAAA,CAAI,GAAA,GAAM,WAAA,EAAa,IAAA,CAAK,IAAA,CAAM,IAAA,CAAK,OAAA,GAAU,cAAA,GAAkB,GAAG,CAAC,CAAA;AAEjG,EAAA,OAAO,EAAE,YAAA,EAAc,WAAA,EAAa,YAAA,EAAa;AACnD;;;;"}
+{"version":3,"file":"span-timing.es.js","sources":["../../../../src/domains/traces/utils/span-timing.ts"],"sourcesContent":["import type { UISpan } from '../types';\n\nexport type SpanTimingLayout = {\n  /** Milliseconds between the trace start and the span start. */\n  startShiftMs: number;\n  /** Horizontal offset of the span bar, as a percentage of the trace duration. */\n  leftPercent: number;\n  /** Width of the span bar, as a percentage of the trace duration, clamped to the remaining track. */\n  widthPercent: number;\n};\n\n/** Length of a track spanning every top-level span, from the first span start to the latest span end. */\nexport function getOverallLatency(spans: Pick<UISpan, 'startTime' | 'latency'>[]): number {\n  const [firstSpan] = spans;\n  if (!firstSpan) return 0;\n\n  const overallStart = new Date(firstSpan.startTime).getTime();\n  return spans.reduce(\n    (latest, span) => Math.max(latest, new Date(span.startTime).getTime() + span.latency - overallStart),\n    0,\n  );\n}\n\n/** Positions a span on a track spanning the whole trace (`overallLatency` ms from `overallStartTime`). */\nexport function getSpanTimingLayout(\n  span: UISpan,\n  overallLatency?: number,\n  overallStartTime?: string,\n): SpanTimingLayout {\n  const overallStart = overallStartTime ? new Date(overallStartTime).getTime() : NaN;\n  const spanStart = span.startTime ? new Date(span.startTime).getTime() : NaN;\n  const startShiftMs = Number.isNaN(overallStart) || Number.isNaN(spanStart) ? 0 : spanStart - overallStart;\n\n  if (!overallLatency) return { startShiftMs, leftPercent: 0, widthPercent: 0 };\n\n  const leftPercent = Math.min(100, Math.max(0, Math.floor((startShiftMs / overallLatency) * 100)));\n  const widthPercent = Math.min(100 - leftPercent, Math.ceil((span.latency / overallLatency) * 100));\n\n  return { startShiftMs, leftPercent, widthPercent };\n}\n"],"names":[],"mappings":"AAYO,SAAS,kBAAkB,KAAA,EAAwD;AACxF,EAAA,MAAM,CAAC,SAAS,CAAA,GAAI,KAAA;AACpB,EAAA,IAAI,CAAC,WAAW,OAAO,CAAA;AAEvB,EAAA,MAAM,eAAe,IAAI,IAAA,CAAK,SAAA,CAAU,SAAS,EAAE,OAAA,EAAQ;AAC3D,EAAA,OAAO,KAAA,CAAM,MAAA;AAAA,IACX,CAAC,MAAA,EAAQ,IAAA,KAAS,IAAA,CAAK,IAAI,MAAA,EAAQ,IAAI,IAAA,CAAK,IAAA,CAAK,SAAS,CAAA,CAAE,OAAA,EAAQ,GAAI,IAAA,CAAK,UAAU,YAAY,CAAA;AAAA,IACnG;AAAA,GACF;AACF;AAGO,SAAS,mBAAA,CACd,IAAA,EACA,cAAA,EACA,gBAAA,EACkB;AAClB,EAAA,MAAM,eAAe,gBAAA,GAAmB,IAAI,KAAK,gBAAgB,CAAA,CAAE,SAAQ,GAAI,GAAA;AAC/E,EAAA,MAAM,SAAA,GAAY,KAAK,SAAA,GAAY,IAAI,KAAK,IAAA,CAAK,SAAS,CAAA,CAAE,OAAA,EAAQ,GAAI,GAAA;AACxE,EAAA,MAAM,YAAA,GAAe,MAAA,CAAO,KAAA,CAAM,YAAY,CAAA,IAAK,OAAO,KAAA,CAAM,SAAS,CAAA,GAAI,CAAA,GAAI,SAAA,GAAY,YAAA;AAE7F,EAAA,IAAI,CAAC,gBAAgB,OAAO,EAAE,cAAc,WAAA,EAAa,CAAA,EAAG,cAAc,CAAA,EAAE;AAE5E,EAAA,MAAM,WAAA,GAAc,IAAA,CAAK,GAAA,CAAI,GAAA,EAAK,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,IAAA,CAAK,KAAA,CAAO,YAAA,GAAe,cAAA,GAAkB,GAAG,CAAC,CAAC,CAAA;AAChG,EAAA,MAAM,YAAA,GAAe,IAAA,CAAK,GAAA,CAAI,GAAA,GAAM,WAAA,EAAa,IAAA,CAAK,IAAA,CAAM,IAAA,CAAK,OAAA,GAAU,cAAA,GAAkB,GAAG,CAAC,CAAA;AAEjG,EAAA,OAAO,EAAE,YAAA,EAAc,WAAA,EAAa,YAAA,EAAa;AACnD;;;;"}

package/dist/domains/workflows/components/workflows-list/workflows-list.cjs.js

@@ -9,8 +9,8 @@ const React = require('react');
 const domains_workflows_components_workflowsList_workflowsSort = require('./workflows-sort.cjs.js');
 const domains_workflows_utils_nestedWorkflows = require('../../utils/nested-workflows.cjs.js');
 const Badge = require('../../../../Badge-63UxysBA.cjs');
-const dataList = require('../../../../data-list-DUfXIhyC.cjs');
-const dataListSkeleton = require('../../../../data-list-skeleton-BqC9Gggi.cjs');
+const dataList = require('../../../../data-list-CmjTe8xE.cjs');
+const dataListSkeleton = require('../../../../data-list-skeleton-sdcaabdX.cjs');
 const useDataListKeyboard = require('../../../../use-data-list-keyboard-DF3tLe10.cjs');
 const disclosureChevron = require('../../../../disclosure-chevron-D0KwJ8Zc.cjs');
 const tooltip = require('../../../../tooltip-BppwIf6Y.cjs');

package/dist/domains/workflows/components/workflows-list/workflows-list.es.js

@@ -5,8 +5,8 @@ import { useState, useMemo, useRef } from 'react';
 import { sortWorkflows } from './workflows-sort.es.js';
 import { flattenWorkflowTree } from '../../utils/nested-workflows.es.js';
 import { B as Badge } from '../../../../Badge-CHGARUEW.js';
-import { D as DataList } from '../../../../data-list-DXQY_iQW.js';
-import { D as DataListSkeleton } from '../../../../data-list-skeleton-B_SXAeE0.js';
+import { D as DataList } from '../../../../data-list-DT1LVR29.js';
+import { D as DataListSkeleton } from '../../../../data-list-skeleton-bNfITSHs.js';
 import { u as useDataListKeyboard } from '../../../../use-data-list-keyboard-DFQr4t38.js';
 import { D as DisclosureChevron } from '../../../../disclosure-chevron-qzDAjl55.js';
 import { T as Tooltip, c as TooltipTrigger, a as TooltipContent } from '../../../../tooltip-DrsXZDAj.js';

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

@@ -5,7 +5,7 @@ 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 ee_signals_components_entityIndexStatus = require('./entity-index-status.cjs.js');
-const dataList = require('../../../data-list-DUfXIhyC.cjs');
+const dataList = require('../../../data-list-CmjTe8xE.cjs');
 
 const columns = "minmax(12rem,1.5fr) minmax(7rem,0.6fr) minmax(8rem,0.7fr) minmax(8rem,0.7fr) minmax(12rem,1fr)";
 function EntityIndexList({ entities, hasSearch, getEntityHref, LinkComponent }) {

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

@@ -1,7 +1,7 @@
 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 { D as DataList } from '../../../data-list-DXQY_iQW.js';
+import { D as DataList } from '../../../data-list-DT1LVR29.js';
 
 const columns = "minmax(12rem,1.5fr) minmax(7rem,0.6fr) minmax(8rem,0.7fr) minmax(8rem,0.7fr) minmax(12rem,1fr)";
 function EntityIndexList({ entities, hasSearch, getEntityHref, LinkComponent }) {

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

@@ -17,7 +17,7 @@ const domains_auth_components_permissionDenied = require('../../../domains/auth/
 const domains_auth_components_sessionExpired = require('../../../domains/auth/components/session-expired.cjs.js');
 const Button = require('../../../Button-DH1aTzbs.cjs');
 const buttonsGroup = require('../../../buttons-group-Bg9Unm6G.cjs');
-const dataListSkeleton = require('../../../data-list-skeleton-BqC9Gggi.cjs');
+const dataListSkeleton = require('../../../data-list-skeleton-sdcaabdX.cjs');
 const EmptyState = require('../../../EmptyState-FNJu74e8.cjs');
 const listSearch = require('../../../list-search-DHiQ1-O6.cjs');
 const select = require('../../../select-CbNLtiAs.cjs');

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

@@ -13,7 +13,7 @@ import { PermissionDenied } from '../../../domains/auth/components/permission-de
 import { SessionExpired } from '../../../domains/auth/components/session-expired.es.js';
 import { B as Button } from '../../../Button-EGoajBQY.js';
 import { B as ButtonsGroup } from '../../../buttons-group-DGWioDP3.js';
-import { D as DataListSkeleton } from '../../../data-list-skeleton-B_SXAeE0.js';
+import { D as DataListSkeleton } from '../../../data-list-skeleton-bNfITSHs.js';
 import { E as EmptyState } from '../../../EmptyState-qVoRkUMf.js';
 import { L as ListSearch } from '../../../list-search-D3I6xt0B.js';
 import { S as Select, d as SelectTrigger, e as SelectValue, a as SelectContent, c as SelectItem } from '../../../select-CQtsggxJ.js';

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

@@ -7,7 +7,7 @@ const lucideReact = require('lucide-react');
 const React = require('react');
 const ee_topics_utils = require('../utils.cjs.js');
 const Button = require('../../../Button-DH1aTzbs.cjs');
-const dataList = require('../../../data-list-DUfXIhyC.cjs');
+const dataList = require('../../../data-list-CmjTe8xE.cjs');
 const useDataListKeyboard = require('../../../use-data-list-keyboard-DF3tLe10.cjs');
 const searchInput = require('../../../search-input-BUMYRaUW.cjs');
 

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

@@ -3,7 +3,7 @@ import { ChevronDown } from 'lucide-react';
 import { useState, useMemo } from 'react';
 import { getVisibleTraceSummaries } from '../utils.es.js';
 import { B as Button } from '../../../Button-EGoajBQY.js';
-import { D as DataList } from '../../../data-list-DXQY_iQW.js';
+import { D as DataList } from '../../../data-list-DT1LVR29.js';
 import { u as useDataListKeyboard } from '../../../use-data-list-keyboard-DFQr4t38.js';
 import { S as SearchInput } from '../../../search-input-BPqubJZC.js';
 

package/dist/hooks/use-fluid-hover.cjs.js

@@ -127,7 +127,8 @@ function useFluidHover(containerRef, options = {}) {
         top,
         height: element.offsetHeight,
         left,
-        width: element.offsetWidth
+        width: element.offsetWidth,
+        radius: getComputedStyle(element).borderRadius
       };
     });
     if (itemsRef.current.size > 0 && laidOutItemCount === 0) return false;
@@ -137,7 +138,7 @@ function useFluidHover(containerRef, options = {}) {
       const p = prev[i];
       const r = rects[i];
       if (p === r) continue;
-      changed = !p || !r || p.top !== r.top || p.left !== r.left || p.width !== r.width || p.height !== r.height;
+      changed = !p || !r || p.top !== r.top || p.left !== r.left || p.width !== r.width || p.height !== r.height || p.radius !== r.radius;
     }
     if (changed) {
       itemRectsRef.current = rects;