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

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

@@ -1 +1 @@
-{"version":3,"file":"traces-list-view.cjs.js","sources":["../../../../src/domains/traces/components/traces-list-view.tsx"],"sourcesContent":["import { useVirtualizer } from '@tanstack/react-virtual';\nimport { ListFilterIcon } from 'lucide-react';\nimport { useRef } from 'react';\nimport {\n  DEFAULT_TRACE_COLUMN_PREFERENCES,\n  TRACE_CUSTOM_COLUMN_LABELS,\n  buildTraceListColumnKeys,\n  buildTraceListColumns,\n  formatTraceMetadataValue,\n  hasTraceColumn,\n} from '../trace-list-columns';\nimport type { TraceColumnPreferences, TraceCustomColumn, TraceUsageSummary } from '../trace-list-columns';\nimport { getInputPreview, getSpanDurationMs } from '../utils/span-utils';\nimport { DataList, DataListSkeletonRows, TracesDataList, useDataListKeyboard } from '@/ds/components/DataList';\nimport type { DataListSort } from '@/ds/components/DataList';\nimport { splitColumns } from '@/ds/components/DataList/shared';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu';\nimport { Txt } from '@/ds/components/Txt/Txt';\nimport { focusRing } from '@/ds/primitives/transitions';\nimport { formatCompactNumber, formatCost } from '@/lib/cost';\nimport { cn } from '@/lib/utils';\nimport { formatDuration } from '@/utils/duration';\n\nexport type TracesListViewTrace = {\n  traceId: string;\n  /** Required for branch rows; absent on plain trace rows (which are root-rooted). */\n  spanId?: string | null;\n  /** `null`/missing → root span. Drives the Kind column's icon (top-level trace vs nested branch). */\n  parentSpanId?: string | null;\n  name: string;\n  entityType?: string | null;\n  entityId?: string | null;\n  entityName?: string | null;\n  threadId?: string | null;\n  resourceId?: string | null;\n  environment?: string | null;\n  status?: string | null;\n  /** Server-rendered preview of `input`. Present on lightweight rows, which omit `input` itself. */\n  inputPreview?: string | null;\n  input?: unknown;\n  metadata?: Record<string, unknown> | null;\n  startedAt?: Date | string | null;\n  endedAt?: Date | string | null;\n  createdAt: Date | string;\n};\n\nconst ROW_HEIGHT = 36;\nconst OVERSCAN = 8;\n/** Distinct values offered in a custom column's \"filter by value\" header menu. */\nconst MAX_FILTER_VALUES = 20;\n\nfunction customColumnValue(trace: TracesListViewTrace, field: TraceCustomColumn): string | null | undefined {\n  return trace[field];\n}\n\nfunction distinctCustomColumnValues(traces: TracesListViewTrace[], field: TraceCustomColumn): string[] {\n  const values = new Set<string>();\n  for (const trace of traces) {\n    const value = trace[field];\n    if (typeof value === 'string' && value) values.add(value);\n    if (values.size >= MAX_FILTER_VALUES) break;\n  }\n  return [...values];\n}\n\nfunction sumTokens(usage: TraceUsageSummary | undefined): number | undefined {\n  if (usage?.inputTokens === undefined && usage?.outputTokens === undefined) return undefined;\n  return (usage?.inputTokens ?? 0) + (usage?.outputTokens ?? 0);\n}\n\nexport type TracesListViewProps = {\n  traces: TracesListViewTrace[];\n  isLoading?: boolean;\n  isFetchingNextPage?: boolean;\n  hasNextPage?: boolean;\n  setEndOfListElement?: (element: HTMLDivElement | null) => void;\n  filtersApplied?: boolean;\n  /** Currently featured/selected trace — its row gets the highlighted background. */\n  featuredTraceId?: string | null;\n  /**\n   * Required in branches mode to disambiguate rows sharing a `traceId`. When set,\n   * a row is featured only when both `traceId` and `spanId` match.\n   */\n  featuredSpanId?: string | null;\n  /** Branches mode mixes root traces with subtraces — enables the Trace/Subtrace tooltip on the\n   *  level icon in the Name column, which is meaningless when every row is a root. */\n  isBranchesMode?: boolean;\n  /** Keys (`traceId:spanId`) of rows that just arrived via delta polling. Rows whose key is in\n   *  this set get a temporary tint to distinguish them from rows present since the last page-mode\n   *  fetch. Auto-expires upstream (in useTraces) after a short window. */\n  recentlyAddedKeys?: Set<string>;\n  /** Optional and metadata columns selected for this project. */\n  columnPreferences?: TraceColumnPreferences;\n  /** Token and estimated-cost totals, aggregated across model spans by trace ID. */\n  usageByTraceId?: ReadonlyMap<string, TraceUsageSummary>;\n  /** Called when a row is clicked. The current selection logic (toggle on same id) is the consumer's call. */\n  onTraceClick: (trace: TracesListViewTrace) => void;\n  /** Current sort of the Created column. When `onSortChange` is provided the header becomes sortable. */\n  createdSort?: DataListSort;\n  onSortChange?: (direction: DataListSort, key: 'startedAt') => void;\n  /** When provided, custom column headers offer an `is <value>` filter for every value currently listed. */\n  onFilterByField?: (field: TraceCustomColumn, value: string) => void;\n  /** Storage id for the persisted column order. Use a distinct id per page so each keeps its own order. */\n  listId?: string;\n};\n\n/**\n * Virtualized presentational list. Renders only the visible window via TanStack Virtual, and\n * uses DataList primitives for layout (CSS Grid with subgrid rows).\n */\nexport function TracesListView({\n  traces,\n  isLoading,\n  isFetchingNextPage,\n  hasNextPage,\n  setEndOfListElement,\n  filtersApplied,\n  featuredTraceId,\n  featuredSpanId,\n  isBranchesMode,\n  recentlyAddedKeys,\n  columnPreferences = DEFAULT_TRACE_COLUMN_PREFERENCES,\n  usageByTraceId,\n  onTraceClick,\n  createdSort,\n  onSortChange,\n  onFilterByField,\n  listId = 'all-traces',\n}: TracesListViewProps) {\n  const scrollRef = useRef<HTMLDivElement | null>(null);\n  const columns = buildTraceListColumns(columnPreferences);\n  const columnKeys = buildTraceListColumnKeys(columnPreferences);\n\n  const virtualizer = useVirtualizer({\n    count: traces.length,\n    getScrollElement: () => scrollRef.current,\n    estimateSize: () => ROW_HEIGHT,\n    overscan: OVERSCAN,\n  });\n\n  const { getRowProps } = useDataListKeyboard({\n    count: traces.length,\n    containerRef: scrollRef,\n    onNavigate: index => virtualizer.scrollToIndex(index),\n    global: true,\n  });\n\n  const virtualItems = virtualizer.getVirtualItems();\n  const totalSize = virtualizer.getTotalSize();\n  const paddingTop = virtualItems[0]?.start ?? 0;\n  const paddingBottom =\n    virtualItems.length > 0 ? Math.max(0, totalSize - (virtualItems[virtualItems.length - 1]?.end ?? 0)) : 0;\n\n  return (\n    <TracesDataList\n      reorderable\n      id={listId}\n      columns={columns}\n      columnKeys={columnKeys}\n      fit=\"container\"\n      scrollRef={scrollRef}\n      className=\"min-w-0\"\n    >\n      <TracesDataList.Top>\n        {onSortChange ? (\n          <TracesDataList.SortableTopCell sortKey=\"startedAt\" sort={createdSort} onSortChange={onSortChange}>\n            Start\n          </TracesDataList.SortableTopCell>\n        ) : (\n          <TracesDataList.TopCell>Start</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'type') && <TracesDataList.TopCell>Primitive type</TracesDataList.TopCell>}\n        <TracesDataList.TopCell>Primitive name</TracesDataList.TopCell>\n        {hasTraceColumn(columnPreferences, 'input') && <TracesDataList.TopCell>Input</TracesDataList.TopCell>}\n        <TracesDataList.TopCell>Status</TracesDataList.TopCell>\n        {hasTraceColumn(columnPreferences, 'duration') && (\n          <TracesDataList.TopCell className=\"justify-end text-right\">Duration</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'endTime') && <TracesDataList.TopCell>End</TracesDataList.TopCell>}\n        {hasTraceColumn(columnPreferences, 'environment') && (\n          <TracesDataList.TopCell>Environment</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'inputTokens') && (\n          <TracesDataList.TopCell className=\"justify-end text-right\">Input tokens</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'outputTokens') && (\n          <TracesDataList.TopCell className=\"justify-end text-right\">Output tokens</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'totalTokens') && (\n          <TracesDataList.TopCell className=\"justify-end text-right\">Total tokens</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'estimatedCost') && (\n          <TracesDataList.TopCell className=\"justify-end text-right\">Est. cost</TracesDataList.TopCell>\n        )}\n        {columnPreferences.customColumns.map(field => {\n          const label = TRACE_CUSTOM_COLUMN_LABELS[field];\n          const filterValues = onFilterByField ? distinctCustomColumnValues(traces, field) : [];\n          if (!onFilterByField || filterValues.length === 0) {\n            return <TracesDataList.TopCell key={field}>{label}</TracesDataList.TopCell>;\n          }\n          return (\n            <TracesDataList.TopCell key={field} className=\"overflow-visible\">\n              <DropdownMenu>\n                <DropdownMenu.Trigger\n                  render={\n                    <button\n                      type=\"button\"\n                      className={cn('flex min-w-0 items-center gap-1 rounded-sm hover:text-foreground', focusRing)}\n                    >\n                      <span className=\"min-w-0 truncate\">{label}</span>\n                      <ListFilterIcon aria-hidden className=\"size-[1.2em] shrink-0\" />\n                    </button>\n                  }\n                />\n                <DropdownMenu.Content align=\"start\">\n                  <DropdownMenu.Label>Filter by value</DropdownMenu.Label>\n                  {filterValues.map(value => (\n                    <DropdownMenu.Item key={value} onSelect={() => onFilterByField(field, value)}>\n                      <Txt as=\"span\" variant=\"body-sm\" font=\"mono\" className=\"min-w-0 truncate\">\n                        {value}\n                      </Txt>\n                    </DropdownMenu.Item>\n                  ))}\n                </DropdownMenu.Content>\n              </DropdownMenu>\n            </TracesDataList.TopCell>\n          );\n        })}\n        {columnPreferences.metadataKeys.map(key => (\n          <TracesDataList.TopCellWithTooltip key={key} tooltip={key}>\n            {key}\n          </TracesDataList.TopCellWithTooltip>\n        ))}\n      </TracesDataList.Top>\n\n      {isLoading ? (\n        <DataListSkeletonRows columnCount={splitColumns(columns).length} />\n      ) : traces.length === 0 ? (\n        <TracesDataList.NoMatch\n          message={filtersApplied ? 'No traces found for applied filters' : 'No traces found yet'}\n        />\n      ) : (\n        <>\n          <TracesDataList.Spacer height={paddingTop} />\n          {virtualItems.map(vi => {\n            const trace = traces[vi.index];\n            if (!trace) return null;\n\n            const isFeatured =\n              trace.traceId === featuredTraceId && (featuredSpanId == null || trace.spanId === featuredSpanId);\n            const rowKey = `${trace.traceId}:${trace.spanId ?? ''}`;\n            const isRecentlyAdded = recentlyAddedKeys?.has(rowKey) ?? false;\n            const displayDate = trace.startedAt ?? trace.createdAt;\n            const usage = usageByTraceId?.get(trace.traceId);\n\n            return (\n              <TracesDataList.RowButton\n                key={rowKey}\n                ref={virtualizer.measureElement}\n                data-index={vi.index}\n                {...getRowProps(vi.index)}\n                onClick={() => onTraceClick(trace)}\n                featured={isFeatured}\n                className={cn(isRecentlyAdded && 'animate-row-highlight')}\n              >\n                <TracesDataList.CreatedCell timestamp={displayDate} preset=\"day-time-seconds\" />\n                {hasTraceColumn(columnPreferences, 'type') && <TracesDataList.TypeCell entityType={trace.entityType} />}\n                <TracesDataList.NameCell\n                  name={trace.entityName || trace.name}\n                  parentSpanId={trace.parentSpanId}\n                  showLevelTooltip={isBranchesMode}\n                />\n                {hasTraceColumn(columnPreferences, 'input') && (\n                  <TracesDataList.InputCell input={trace.inputPreview ?? getInputPreview(trace.input)} />\n                )}\n                <TracesDataList.StatusCell status={trace.status} />\n                {hasTraceColumn(columnPreferences, 'duration') && (\n                  <DataList.NumberCell font=\"mono\">\n                    {formatDuration(getSpanDurationMs(trace.startedAt, trace.endedAt))}\n                  </DataList.NumberCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'endTime') && (\n                  <TracesDataList.CreatedCell timestamp={trace.endedAt ?? ''} preset=\"day-time-seconds\" />\n                )}\n                {hasTraceColumn(columnPreferences, 'environment') && (\n                  <DataList.TextCell>{trace.environment || '—'}</DataList.TextCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'inputTokens') && (\n                  <DataList.NumberCell>\n                    {usage?.inputTokens === undefined ? undefined : formatCompactNumber(usage.inputTokens)}\n                  </DataList.NumberCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'outputTokens') && (\n                  <DataList.NumberCell>\n                    {usage?.outputTokens === undefined ? undefined : formatCompactNumber(usage.outputTokens)}\n                  </DataList.NumberCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'totalTokens') && (\n                  <DataList.NumberCell>\n                    {(() => {\n                      const total = sumTokens(usage);\n                      return total === undefined ? undefined : formatCompactNumber(total);\n                    })()}\n                  </DataList.NumberCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'estimatedCost') && (\n                  <DataList.NumberCell>\n                    {usage?.estimatedCost === undefined ? undefined : formatCost(usage.estimatedCost, usage.costUnit)}\n                  </DataList.NumberCell>\n                )}\n                {columnPreferences.customColumns.map(field => (\n                  <DataList.TextCell font=\"mono\" key={field}>\n                    {customColumnValue(trace, field) ?? undefined}\n                  </DataList.TextCell>\n                ))}\n                {columnPreferences.metadataKeys.map(key => {\n                  const value = formatTraceMetadataValue(trace.metadata, key);\n                  return (\n                    <DataList.TextCell font=\"mono\" key={key}>\n                      {value}\n                    </DataList.TextCell>\n                  );\n                })}\n              </TracesDataList.RowButton>\n            );\n          })}\n          <TracesDataList.Spacer height={paddingBottom} />\n          <TracesDataList.NextPageLoading\n            isLoading={isFetchingNextPage}\n            hasMore={hasNextPage}\n            setEndOfListElement={setEndOfListElement}\n          />\n        </>\n      )}\n    </TracesDataList>\n  );\n}\n"],"names":["DEFAULT_TRACE_COLUMN_PREFERENCES","useRef","buildTraceListColumns","buildTraceListColumnKeys","useVirtualizer","useDataListKeyboard","jsxs","TracesDataList","jsx","hasTraceColumn","TRACE_CUSTOM_COLUMN_LABELS","DropdownMenu","cn","focusRing","ListFilterIcon","Txt","DataListSkeletonRows","splitColumns","Fragment","getInputPreview","DataList","getSpanDurationMs","formatCompactNumber","formatCost","formatTraceMetadataValue"],"mappings":"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"}
+{"version":3,"file":"traces-list-view.cjs.js","sources":["../../../../src/domains/traces/components/traces-list-view.tsx"],"sourcesContent":["import { useVirtualizer } from '@tanstack/react-virtual';\nimport { ListFilterIcon } from 'lucide-react';\nimport { useRef } from 'react';\nimport {\n  DEFAULT_TRACE_COLUMN_PREFERENCES,\n  TRACE_CUSTOM_COLUMN_LABELS,\n  buildTraceListColumnKeys,\n  buildTraceListColumns,\n  formatTraceMetadataValue,\n  hasTraceColumn,\n} from '../trace-list-columns';\nimport type { TraceColumnPreferences, TraceCustomColumn, TraceUsageSummary } from '../trace-list-columns';\nimport { getInputPreview, getSpanDurationMs } from '../utils/span-utils';\nimport { DataList, DataListSkeletonRows, TracesDataList, useDataListKeyboard } from '@/ds/components/DataList';\nimport type { DataListSort } from '@/ds/components/DataList';\nimport { splitColumns } from '@/ds/components/DataList/shared';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu';\nimport { Txt } from '@/ds/components/Txt/Txt';\nimport { focusRing } from '@/ds/primitives/transitions';\nimport { formatCompactNumber, formatCost } from '@/lib/cost';\nimport { cn } from '@/lib/utils';\nimport { formatDuration } from '@/utils/duration';\n\nexport type TracesListViewTrace = {\n  traceId: string;\n  /** Required for branch rows; absent on plain trace rows (which are root-rooted). */\n  spanId?: string | null;\n  /** `null`/missing → root span. Drives the Kind column's icon (top-level trace vs nested branch). */\n  parentSpanId?: string | null;\n  name: string;\n  entityType?: string | null;\n  entityId?: string | null;\n  entityName?: string | null;\n  threadId?: string | null;\n  resourceId?: string | null;\n  environment?: string | null;\n  status?: string | null;\n  /** Server-rendered preview of `input`. Present on lightweight rows, which omit `input` itself. */\n  inputPreview?: string | null;\n  input?: unknown;\n  metadata?: Record<string, unknown> | null;\n  startedAt?: Date | string | null;\n  endedAt?: Date | string | null;\n  createdAt: Date | string;\n};\n\nconst ROW_HEIGHT = 36;\nconst OVERSCAN = 8;\n/** Distinct values offered in a custom column's \"filter by value\" header menu. */\nconst MAX_FILTER_VALUES = 20;\n\nfunction customColumnValue(trace: TracesListViewTrace, field: TraceCustomColumn): string | null | undefined {\n  return trace[field];\n}\n\nfunction distinctCustomColumnValues(traces: TracesListViewTrace[], field: TraceCustomColumn): string[] {\n  const values = new Set<string>();\n  for (const trace of traces) {\n    const value = trace[field];\n    if (typeof value === 'string' && value) values.add(value);\n    if (values.size >= MAX_FILTER_VALUES) break;\n  }\n  return [...values];\n}\n\nfunction sumTokens(usage: TraceUsageSummary | undefined): number | undefined {\n  if (usage?.inputTokens === undefined && usage?.outputTokens === undefined) return undefined;\n  return (usage?.inputTokens ?? 0) + (usage?.outputTokens ?? 0);\n}\n\nexport type TracesListViewProps = {\n  traces: TracesListViewTrace[];\n  isLoading?: boolean;\n  isFetchingNextPage?: boolean;\n  hasNextPage?: boolean;\n  setEndOfListElement?: (element: HTMLDivElement | null) => void;\n  filtersApplied?: boolean;\n  /** Currently featured/selected trace — its row gets the highlighted background. */\n  featuredTraceId?: string | null;\n  /**\n   * Required in branches mode to disambiguate rows sharing a `traceId`. When set,\n   * a row is featured only when both `traceId` and `spanId` match.\n   */\n  featuredSpanId?: string | null;\n  /** Branches mode mixes root traces with subtraces — enables the Trace/Subtrace tooltip on the\n   *  level icon in the Name column, which is meaningless when every row is a root. */\n  isBranchesMode?: boolean;\n  /** Keys (`traceId:spanId`) of rows that just arrived via delta polling. Rows whose key is in\n   *  this set get a temporary tint to distinguish them from rows present since the last page-mode\n   *  fetch. Auto-expires upstream (in useTraces) after a short window. */\n  recentlyAddedKeys?: Set<string>;\n  /** Optional and metadata columns selected for this project. */\n  columnPreferences?: TraceColumnPreferences;\n  /** Token and estimated-cost totals, aggregated across model spans by trace ID. */\n  usageByTraceId?: ReadonlyMap<string, TraceUsageSummary>;\n  /** Called when a row is clicked. The current selection logic (toggle on same id) is the consumer's call. */\n  onTraceClick: (trace: TracesListViewTrace) => void;\n  /** Current sort of the Created column. When `onSortChange` is provided the header becomes sortable. */\n  createdSort?: DataListSort;\n  onSortChange?: (direction: DataListSort, key: 'startedAt') => void;\n  /** When provided, custom column headers offer an `is <value>` filter for every value currently listed. */\n  onFilterByField?: (field: TraceCustomColumn, value: string) => void;\n  /** Storage id for the persisted column order. Use a distinct id per page so each keeps its own order. */\n  listId?: string;\n};\n\n/**\n * Virtualized presentational list. Renders only the visible window via TanStack Virtual, and\n * uses DataList primitives for layout (CSS Grid with subgrid rows).\n */\nexport function TracesListView({\n  traces,\n  isLoading,\n  isFetchingNextPage,\n  hasNextPage,\n  setEndOfListElement,\n  filtersApplied,\n  featuredTraceId,\n  featuredSpanId,\n  isBranchesMode,\n  recentlyAddedKeys,\n  columnPreferences = DEFAULT_TRACE_COLUMN_PREFERENCES,\n  usageByTraceId,\n  onTraceClick,\n  createdSort,\n  onSortChange,\n  onFilterByField,\n  listId = 'all-traces',\n}: TracesListViewProps) {\n  const scrollRef = useRef<HTMLDivElement | null>(null);\n  const columns = buildTraceListColumns(columnPreferences);\n  const columnKeys = buildTraceListColumnKeys(columnPreferences);\n\n  const virtualizer = useVirtualizer({\n    count: traces.length,\n    getScrollElement: () => scrollRef.current,\n    estimateSize: () => ROW_HEIGHT,\n    overscan: OVERSCAN,\n  });\n\n  const { getRowProps } = useDataListKeyboard({\n    count: traces.length,\n    containerRef: scrollRef,\n    onNavigate: index => virtualizer.scrollToIndex(index),\n    global: true,\n  });\n\n  const virtualItems = virtualizer.getVirtualItems();\n  const totalSize = virtualizer.getTotalSize();\n  const paddingTop = virtualItems[0]?.start ?? 0;\n  const paddingBottom =\n    virtualItems.length > 0 ? Math.max(0, totalSize - (virtualItems[virtualItems.length - 1]?.end ?? 0)) : 0;\n\n  return (\n    <TracesDataList\n      reorderable\n      id={listId}\n      columns={columns}\n      columnKeys={columnKeys}\n      fit=\"container\"\n      scrollRef={scrollRef}\n      className=\"min-w-0\"\n    >\n      <TracesDataList.Top>\n        {onSortChange ? (\n          <TracesDataList.SortableTopCell sortKey=\"startedAt\" sort={createdSort} onSortChange={onSortChange}>\n            Start\n          </TracesDataList.SortableTopCell>\n        ) : (\n          <TracesDataList.TopCell>Start</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'type') && <TracesDataList.TopCell>Primitive type</TracesDataList.TopCell>}\n        <TracesDataList.TopCell>Primitive name</TracesDataList.TopCell>\n        {hasTraceColumn(columnPreferences, 'input') && <TracesDataList.TopCell>Input</TracesDataList.TopCell>}\n        <TracesDataList.TopCell>Status</TracesDataList.TopCell>\n        {hasTraceColumn(columnPreferences, 'duration') && (\n          <TracesDataList.TopCell className=\"justify-end text-right\">Duration</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'endTime') && <TracesDataList.TopCell>End</TracesDataList.TopCell>}\n        {hasTraceColumn(columnPreferences, 'environment') && (\n          <TracesDataList.TopCell>Environment</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'inputTokens') && (\n          <TracesDataList.TopCell className=\"justify-end text-right\">Input tokens</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'outputTokens') && (\n          <TracesDataList.TopCell className=\"justify-end text-right\">Output tokens</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'totalTokens') && (\n          <TracesDataList.TopCell className=\"justify-end text-right\">Total tokens</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'estimatedCost') && (\n          <TracesDataList.TopCell className=\"justify-end text-right\">Est. cost</TracesDataList.TopCell>\n        )}\n        {columnPreferences.customColumns.map(field => {\n          const label = TRACE_CUSTOM_COLUMN_LABELS[field];\n          const filterValues = onFilterByField ? distinctCustomColumnValues(traces, field) : [];\n          if (!onFilterByField || filterValues.length === 0) {\n            return <TracesDataList.TopCell key={field}>{label}</TracesDataList.TopCell>;\n          }\n          return (\n            <TracesDataList.TopCell key={field} className=\"overflow-visible\">\n              <DropdownMenu>\n                <DropdownMenu.Trigger\n                  render={\n                    <button\n                      type=\"button\"\n                      className={cn('flex min-w-0 items-center gap-1 rounded-sm hover:text-foreground', focusRing)}\n                    >\n                      <span className=\"min-w-0 truncate\">{label}</span>\n                      <ListFilterIcon aria-hidden className=\"size-[1.2em] shrink-0\" />\n                    </button>\n                  }\n                />\n                <DropdownMenu.Content align=\"start\">\n                  <DropdownMenu.Label>Filter by value</DropdownMenu.Label>\n                  {filterValues.map(value => (\n                    <DropdownMenu.Item key={value} onSelect={() => onFilterByField(field, value)}>\n                      <Txt as=\"span\" variant=\"body-sm\" font=\"mono\" className=\"min-w-0 truncate\">\n                        {value}\n                      </Txt>\n                    </DropdownMenu.Item>\n                  ))}\n                </DropdownMenu.Content>\n              </DropdownMenu>\n            </TracesDataList.TopCell>\n          );\n        })}\n        {columnPreferences.metadataKeys.map(key => (\n          <TracesDataList.TopCellWithTooltip key={key} tooltip={key}>\n            {key}\n          </TracesDataList.TopCellWithTooltip>\n        ))}\n      </TracesDataList.Top>\n\n      {isLoading ? (\n        <DataListSkeletonRows columnCount={splitColumns(columns).length} />\n      ) : traces.length === 0 ? (\n        <TracesDataList.NoMatch\n          message={filtersApplied ? 'No traces found for applied filters' : 'No traces found yet'}\n        />\n      ) : (\n        <>\n          <TracesDataList.Spacer height={paddingTop} />\n          {virtualItems.map(vi => {\n            const trace = traces[vi.index];\n            if (!trace) return null;\n\n            const isFeatured =\n              trace.traceId === featuredTraceId && (featuredSpanId == null || trace.spanId === featuredSpanId);\n            const rowKey = `${trace.traceId}:${trace.spanId ?? ''}`;\n            const isRecentlyAdded = recentlyAddedKeys?.has(rowKey) ?? false;\n            const displayDate = trace.startedAt ?? trace.createdAt;\n            const usage = usageByTraceId?.get(trace.traceId);\n\n            return (\n              <TracesDataList.RowButton\n                key={rowKey}\n                ref={virtualizer.measureElement}\n                data-index={vi.index}\n                {...getRowProps(vi.index)}\n                onClick={() => onTraceClick(trace)}\n                featured={isFeatured}\n                className={cn(isRecentlyAdded && 'animate-row-highlight')}\n              >\n                <TracesDataList.CreatedCell timestamp={displayDate} preset=\"day-time-seconds\" />\n                {hasTraceColumn(columnPreferences, 'type') && <TracesDataList.TypeCell entityType={trace.entityType} />}\n                <TracesDataList.NameCell\n                  name={trace.entityName || trace.name}\n                  parentSpanId={trace.parentSpanId}\n                  showLevelTooltip={isBranchesMode}\n                />\n                {hasTraceColumn(columnPreferences, 'input') && (\n                  <TracesDataList.InputCell input={trace.inputPreview ?? getInputPreview(trace.input)} />\n                )}\n                <TracesDataList.StatusCell status={trace.status} />\n                {hasTraceColumn(columnPreferences, 'duration') && (\n                  <DataList.NumberCell font=\"mono\">\n                    {formatDuration(getSpanDurationMs(trace.startedAt, trace.endedAt))}\n                  </DataList.NumberCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'endTime') && (\n                  <TracesDataList.CreatedCell timestamp={trace.endedAt ?? ''} preset=\"day-time-seconds\" />\n                )}\n                {hasTraceColumn(columnPreferences, 'environment') && (\n                  <DataList.TextCell>{trace.environment || '—'}</DataList.TextCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'inputTokens') && (\n                  <DataList.NumberCell>\n                    {usage?.inputTokens === undefined ? undefined : formatCompactNumber(usage.inputTokens)}\n                  </DataList.NumberCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'outputTokens') && (\n                  <DataList.NumberCell>\n                    {usage?.outputTokens === undefined ? undefined : formatCompactNumber(usage.outputTokens)}\n                  </DataList.NumberCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'totalTokens') && (\n                  <DataList.NumberCell>\n                    {(() => {\n                      const total = sumTokens(usage);\n                      return total === undefined ? undefined : formatCompactNumber(total);\n                    })()}\n                  </DataList.NumberCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'estimatedCost') && (\n                  <DataList.NumberCell>\n                    {usage?.estimatedCost === undefined ? undefined : formatCost(usage.estimatedCost, usage.costUnit)}\n                  </DataList.NumberCell>\n                )}\n                {columnPreferences.customColumns.map(field => (\n                  <DataList.TextCell font=\"mono\" key={field}>\n                    {customColumnValue(trace, field) ?? undefined}\n                  </DataList.TextCell>\n                ))}\n                {columnPreferences.metadataKeys.map(key => {\n                  const value = formatTraceMetadataValue(trace.metadata, key);\n                  return (\n                    <DataList.TextCell font=\"mono\" key={key}>\n                      {value}\n                    </DataList.TextCell>\n                  );\n                })}\n              </TracesDataList.RowButton>\n            );\n          })}\n          <TracesDataList.Spacer height={paddingBottom} />\n          <TracesDataList.NextPageLoading\n            isLoading={isFetchingNextPage}\n            hasMore={hasNextPage}\n            setEndOfListElement={setEndOfListElement}\n          />\n        </>\n      )}\n    </TracesDataList>\n  );\n}\n"],"names":["DEFAULT_TRACE_COLUMN_PREFERENCES","useRef","buildTraceListColumns","buildTraceListColumnKeys","useVirtualizer","useDataListKeyboard","jsxs","TracesDataList","jsx","hasTraceColumn","TRACE_CUSTOM_COLUMN_LABELS","DropdownMenu","cn","focusRing","ListFilterIcon","Txt","DataListSkeletonRows","splitColumns","Fragment","getInputPreview","DataList","getSpanDurationMs","formatCompactNumber","formatCost","formatTraceMetadataValue"],"mappings":"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"}

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

@@ -4,10 +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 { s as splitColumns, e as DataList } from '../../../data-list-DDGpWucH.js';
-import { a as DataListSkeletonRows } from '../../../data-list-skeleton-CJFwZBlW.js';
-import { T as TracesDataList } from '../../../traces-data-list-L_r2GAtr.js';
+import { D as DataList } from '../../../data-list-Dv2lP-dU.js';
+import { a as DataListSkeletonRows } from '../../../data-list-skeleton-BmsDYJrA.js';
+import { T as TracesDataList } from '../../../traces-data-list-_mFOMw0U.js';
 import { u as useDataListKeyboard } from '../../../use-data-list-keyboard-DFQr4t38.js';
+import { s as splitColumns } from '../../../data-list-top-BJCC62oy.js';
 import { D as DropdownMenu } from '../../../dropdown-menu-D8GR_NhL.js';
 import { T as Txt } from '../../../Txt-BuzYj7Vy.js';
 import { focusRing } from '../../../primitives/transitions.es.js';

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

@@ -1 +1 @@
-{"version":3,"file":"traces-list-view.es.js","sources":["../../../../src/domains/traces/components/traces-list-view.tsx"],"sourcesContent":["import { useVirtualizer } from '@tanstack/react-virtual';\nimport { ListFilterIcon } from 'lucide-react';\nimport { useRef } from 'react';\nimport {\n  DEFAULT_TRACE_COLUMN_PREFERENCES,\n  TRACE_CUSTOM_COLUMN_LABELS,\n  buildTraceListColumnKeys,\n  buildTraceListColumns,\n  formatTraceMetadataValue,\n  hasTraceColumn,\n} from '../trace-list-columns';\nimport type { TraceColumnPreferences, TraceCustomColumn, TraceUsageSummary } from '../trace-list-columns';\nimport { getInputPreview, getSpanDurationMs } from '../utils/span-utils';\nimport { DataList, DataListSkeletonRows, TracesDataList, useDataListKeyboard } from '@/ds/components/DataList';\nimport type { DataListSort } from '@/ds/components/DataList';\nimport { splitColumns } from '@/ds/components/DataList/shared';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu';\nimport { Txt } from '@/ds/components/Txt/Txt';\nimport { focusRing } from '@/ds/primitives/transitions';\nimport { formatCompactNumber, formatCost } from '@/lib/cost';\nimport { cn } from '@/lib/utils';\nimport { formatDuration } from '@/utils/duration';\n\nexport type TracesListViewTrace = {\n  traceId: string;\n  /** Required for branch rows; absent on plain trace rows (which are root-rooted). */\n  spanId?: string | null;\n  /** `null`/missing → root span. Drives the Kind column's icon (top-level trace vs nested branch). */\n  parentSpanId?: string | null;\n  name: string;\n  entityType?: string | null;\n  entityId?: string | null;\n  entityName?: string | null;\n  threadId?: string | null;\n  resourceId?: string | null;\n  environment?: string | null;\n  status?: string | null;\n  /** Server-rendered preview of `input`. Present on lightweight rows, which omit `input` itself. */\n  inputPreview?: string | null;\n  input?: unknown;\n  metadata?: Record<string, unknown> | null;\n  startedAt?: Date | string | null;\n  endedAt?: Date | string | null;\n  createdAt: Date | string;\n};\n\nconst ROW_HEIGHT = 36;\nconst OVERSCAN = 8;\n/** Distinct values offered in a custom column's \"filter by value\" header menu. */\nconst MAX_FILTER_VALUES = 20;\n\nfunction customColumnValue(trace: TracesListViewTrace, field: TraceCustomColumn): string | null | undefined {\n  return trace[field];\n}\n\nfunction distinctCustomColumnValues(traces: TracesListViewTrace[], field: TraceCustomColumn): string[] {\n  const values = new Set<string>();\n  for (const trace of traces) {\n    const value = trace[field];\n    if (typeof value === 'string' && value) values.add(value);\n    if (values.size >= MAX_FILTER_VALUES) break;\n  }\n  return [...values];\n}\n\nfunction sumTokens(usage: TraceUsageSummary | undefined): number | undefined {\n  if (usage?.inputTokens === undefined && usage?.outputTokens === undefined) return undefined;\n  return (usage?.inputTokens ?? 0) + (usage?.outputTokens ?? 0);\n}\n\nexport type TracesListViewProps = {\n  traces: TracesListViewTrace[];\n  isLoading?: boolean;\n  isFetchingNextPage?: boolean;\n  hasNextPage?: boolean;\n  setEndOfListElement?: (element: HTMLDivElement | null) => void;\n  filtersApplied?: boolean;\n  /** Currently featured/selected trace — its row gets the highlighted background. */\n  featuredTraceId?: string | null;\n  /**\n   * Required in branches mode to disambiguate rows sharing a `traceId`. When set,\n   * a row is featured only when both `traceId` and `spanId` match.\n   */\n  featuredSpanId?: string | null;\n  /** Branches mode mixes root traces with subtraces — enables the Trace/Subtrace tooltip on the\n   *  level icon in the Name column, which is meaningless when every row is a root. */\n  isBranchesMode?: boolean;\n  /** Keys (`traceId:spanId`) of rows that just arrived via delta polling. Rows whose key is in\n   *  this set get a temporary tint to distinguish them from rows present since the last page-mode\n   *  fetch. Auto-expires upstream (in useTraces) after a short window. */\n  recentlyAddedKeys?: Set<string>;\n  /** Optional and metadata columns selected for this project. */\n  columnPreferences?: TraceColumnPreferences;\n  /** Token and estimated-cost totals, aggregated across model spans by trace ID. */\n  usageByTraceId?: ReadonlyMap<string, TraceUsageSummary>;\n  /** Called when a row is clicked. The current selection logic (toggle on same id) is the consumer's call. */\n  onTraceClick: (trace: TracesListViewTrace) => void;\n  /** Current sort of the Created column. When `onSortChange` is provided the header becomes sortable. */\n  createdSort?: DataListSort;\n  onSortChange?: (direction: DataListSort, key: 'startedAt') => void;\n  /** When provided, custom column headers offer an `is <value>` filter for every value currently listed. */\n  onFilterByField?: (field: TraceCustomColumn, value: string) => void;\n  /** Storage id for the persisted column order. Use a distinct id per page so each keeps its own order. */\n  listId?: string;\n};\n\n/**\n * Virtualized presentational list. Renders only the visible window via TanStack Virtual, and\n * uses DataList primitives for layout (CSS Grid with subgrid rows).\n */\nexport function TracesListView({\n  traces,\n  isLoading,\n  isFetchingNextPage,\n  hasNextPage,\n  setEndOfListElement,\n  filtersApplied,\n  featuredTraceId,\n  featuredSpanId,\n  isBranchesMode,\n  recentlyAddedKeys,\n  columnPreferences = DEFAULT_TRACE_COLUMN_PREFERENCES,\n  usageByTraceId,\n  onTraceClick,\n  createdSort,\n  onSortChange,\n  onFilterByField,\n  listId = 'all-traces',\n}: TracesListViewProps) {\n  const scrollRef = useRef<HTMLDivElement | null>(null);\n  const columns = buildTraceListColumns(columnPreferences);\n  const columnKeys = buildTraceListColumnKeys(columnPreferences);\n\n  const virtualizer = useVirtualizer({\n    count: traces.length,\n    getScrollElement: () => scrollRef.current,\n    estimateSize: () => ROW_HEIGHT,\n    overscan: OVERSCAN,\n  });\n\n  const { getRowProps } = useDataListKeyboard({\n    count: traces.length,\n    containerRef: scrollRef,\n    onNavigate: index => virtualizer.scrollToIndex(index),\n    global: true,\n  });\n\n  const virtualItems = virtualizer.getVirtualItems();\n  const totalSize = virtualizer.getTotalSize();\n  const paddingTop = virtualItems[0]?.start ?? 0;\n  const paddingBottom =\n    virtualItems.length > 0 ? Math.max(0, totalSize - (virtualItems[virtualItems.length - 1]?.end ?? 0)) : 0;\n\n  return (\n    <TracesDataList\n      reorderable\n      id={listId}\n      columns={columns}\n      columnKeys={columnKeys}\n      fit=\"container\"\n      scrollRef={scrollRef}\n      className=\"min-w-0\"\n    >\n      <TracesDataList.Top>\n        {onSortChange ? (\n          <TracesDataList.SortableTopCell sortKey=\"startedAt\" sort={createdSort} onSortChange={onSortChange}>\n            Start\n          </TracesDataList.SortableTopCell>\n        ) : (\n          <TracesDataList.TopCell>Start</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'type') && <TracesDataList.TopCell>Primitive type</TracesDataList.TopCell>}\n        <TracesDataList.TopCell>Primitive name</TracesDataList.TopCell>\n        {hasTraceColumn(columnPreferences, 'input') && <TracesDataList.TopCell>Input</TracesDataList.TopCell>}\n        <TracesDataList.TopCell>Status</TracesDataList.TopCell>\n        {hasTraceColumn(columnPreferences, 'duration') && (\n          <TracesDataList.TopCell className=\"justify-end text-right\">Duration</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'endTime') && <TracesDataList.TopCell>End</TracesDataList.TopCell>}\n        {hasTraceColumn(columnPreferences, 'environment') && (\n          <TracesDataList.TopCell>Environment</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'inputTokens') && (\n          <TracesDataList.TopCell className=\"justify-end text-right\">Input tokens</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'outputTokens') && (\n          <TracesDataList.TopCell className=\"justify-end text-right\">Output tokens</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'totalTokens') && (\n          <TracesDataList.TopCell className=\"justify-end text-right\">Total tokens</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'estimatedCost') && (\n          <TracesDataList.TopCell className=\"justify-end text-right\">Est. cost</TracesDataList.TopCell>\n        )}\n        {columnPreferences.customColumns.map(field => {\n          const label = TRACE_CUSTOM_COLUMN_LABELS[field];\n          const filterValues = onFilterByField ? distinctCustomColumnValues(traces, field) : [];\n          if (!onFilterByField || filterValues.length === 0) {\n            return <TracesDataList.TopCell key={field}>{label}</TracesDataList.TopCell>;\n          }\n          return (\n            <TracesDataList.TopCell key={field} className=\"overflow-visible\">\n              <DropdownMenu>\n                <DropdownMenu.Trigger\n                  render={\n                    <button\n                      type=\"button\"\n                      className={cn('flex min-w-0 items-center gap-1 rounded-sm hover:text-foreground', focusRing)}\n                    >\n                      <span className=\"min-w-0 truncate\">{label}</span>\n                      <ListFilterIcon aria-hidden className=\"size-[1.2em] shrink-0\" />\n                    </button>\n                  }\n                />\n                <DropdownMenu.Content align=\"start\">\n                  <DropdownMenu.Label>Filter by value</DropdownMenu.Label>\n                  {filterValues.map(value => (\n                    <DropdownMenu.Item key={value} onSelect={() => onFilterByField(field, value)}>\n                      <Txt as=\"span\" variant=\"body-sm\" font=\"mono\" className=\"min-w-0 truncate\">\n                        {value}\n                      </Txt>\n                    </DropdownMenu.Item>\n                  ))}\n                </DropdownMenu.Content>\n              </DropdownMenu>\n            </TracesDataList.TopCell>\n          );\n        })}\n        {columnPreferences.metadataKeys.map(key => (\n          <TracesDataList.TopCellWithTooltip key={key} tooltip={key}>\n            {key}\n          </TracesDataList.TopCellWithTooltip>\n        ))}\n      </TracesDataList.Top>\n\n      {isLoading ? (\n        <DataListSkeletonRows columnCount={splitColumns(columns).length} />\n      ) : traces.length === 0 ? (\n        <TracesDataList.NoMatch\n          message={filtersApplied ? 'No traces found for applied filters' : 'No traces found yet'}\n        />\n      ) : (\n        <>\n          <TracesDataList.Spacer height={paddingTop} />\n          {virtualItems.map(vi => {\n            const trace = traces[vi.index];\n            if (!trace) return null;\n\n            const isFeatured =\n              trace.traceId === featuredTraceId && (featuredSpanId == null || trace.spanId === featuredSpanId);\n            const rowKey = `${trace.traceId}:${trace.spanId ?? ''}`;\n            const isRecentlyAdded = recentlyAddedKeys?.has(rowKey) ?? false;\n            const displayDate = trace.startedAt ?? trace.createdAt;\n            const usage = usageByTraceId?.get(trace.traceId);\n\n            return (\n              <TracesDataList.RowButton\n                key={rowKey}\n                ref={virtualizer.measureElement}\n                data-index={vi.index}\n                {...getRowProps(vi.index)}\n                onClick={() => onTraceClick(trace)}\n                featured={isFeatured}\n                className={cn(isRecentlyAdded && 'animate-row-highlight')}\n              >\n                <TracesDataList.CreatedCell timestamp={displayDate} preset=\"day-time-seconds\" />\n                {hasTraceColumn(columnPreferences, 'type') && <TracesDataList.TypeCell entityType={trace.entityType} />}\n                <TracesDataList.NameCell\n                  name={trace.entityName || trace.name}\n                  parentSpanId={trace.parentSpanId}\n                  showLevelTooltip={isBranchesMode}\n                />\n                {hasTraceColumn(columnPreferences, 'input') && (\n                  <TracesDataList.InputCell input={trace.inputPreview ?? getInputPreview(trace.input)} />\n                )}\n                <TracesDataList.StatusCell status={trace.status} />\n                {hasTraceColumn(columnPreferences, 'duration') && (\n                  <DataList.NumberCell font=\"mono\">\n                    {formatDuration(getSpanDurationMs(trace.startedAt, trace.endedAt))}\n                  </DataList.NumberCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'endTime') && (\n                  <TracesDataList.CreatedCell timestamp={trace.endedAt ?? ''} preset=\"day-time-seconds\" />\n                )}\n                {hasTraceColumn(columnPreferences, 'environment') && (\n                  <DataList.TextCell>{trace.environment || '—'}</DataList.TextCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'inputTokens') && (\n                  <DataList.NumberCell>\n                    {usage?.inputTokens === undefined ? undefined : formatCompactNumber(usage.inputTokens)}\n                  </DataList.NumberCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'outputTokens') && (\n                  <DataList.NumberCell>\n                    {usage?.outputTokens === undefined ? undefined : formatCompactNumber(usage.outputTokens)}\n                  </DataList.NumberCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'totalTokens') && (\n                  <DataList.NumberCell>\n                    {(() => {\n                      const total = sumTokens(usage);\n                      return total === undefined ? undefined : formatCompactNumber(total);\n                    })()}\n                  </DataList.NumberCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'estimatedCost') && (\n                  <DataList.NumberCell>\n                    {usage?.estimatedCost === undefined ? undefined : formatCost(usage.estimatedCost, usage.costUnit)}\n                  </DataList.NumberCell>\n                )}\n                {columnPreferences.customColumns.map(field => (\n                  <DataList.TextCell font=\"mono\" key={field}>\n                    {customColumnValue(trace, field) ?? undefined}\n                  </DataList.TextCell>\n                ))}\n                {columnPreferences.metadataKeys.map(key => {\n                  const value = formatTraceMetadataValue(trace.metadata, key);\n                  return (\n                    <DataList.TextCell font=\"mono\" key={key}>\n                      {value}\n                    </DataList.TextCell>\n                  );\n                })}\n              </TracesDataList.RowButton>\n            );\n          })}\n          <TracesDataList.Spacer height={paddingBottom} />\n          <TracesDataList.NextPageLoading\n            isLoading={isFetchingNextPage}\n            hasMore={hasNextPage}\n            setEndOfListElement={setEndOfListElement}\n          />\n        </>\n      )}\n    </TracesDataList>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"traces-list-view.es.js","sources":["../../../../src/domains/traces/components/traces-list-view.tsx"],"sourcesContent":["import { useVirtualizer } from '@tanstack/react-virtual';\nimport { ListFilterIcon } from 'lucide-react';\nimport { useRef } from 'react';\nimport {\n  DEFAULT_TRACE_COLUMN_PREFERENCES,\n  TRACE_CUSTOM_COLUMN_LABELS,\n  buildTraceListColumnKeys,\n  buildTraceListColumns,\n  formatTraceMetadataValue,\n  hasTraceColumn,\n} from '../trace-list-columns';\nimport type { TraceColumnPreferences, TraceCustomColumn, TraceUsageSummary } from '../trace-list-columns';\nimport { getInputPreview, getSpanDurationMs } from '../utils/span-utils';\nimport { DataList, DataListSkeletonRows, TracesDataList, useDataListKeyboard } from '@/ds/components/DataList';\nimport type { DataListSort } from '@/ds/components/DataList';\nimport { splitColumns } from '@/ds/components/DataList/shared';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu';\nimport { Txt } from '@/ds/components/Txt/Txt';\nimport { focusRing } from '@/ds/primitives/transitions';\nimport { formatCompactNumber, formatCost } from '@/lib/cost';\nimport { cn } from '@/lib/utils';\nimport { formatDuration } from '@/utils/duration';\n\nexport type TracesListViewTrace = {\n  traceId: string;\n  /** Required for branch rows; absent on plain trace rows (which are root-rooted). */\n  spanId?: string | null;\n  /** `null`/missing → root span. Drives the Kind column's icon (top-level trace vs nested branch). */\n  parentSpanId?: string | null;\n  name: string;\n  entityType?: string | null;\n  entityId?: string | null;\n  entityName?: string | null;\n  threadId?: string | null;\n  resourceId?: string | null;\n  environment?: string | null;\n  status?: string | null;\n  /** Server-rendered preview of `input`. Present on lightweight rows, which omit `input` itself. */\n  inputPreview?: string | null;\n  input?: unknown;\n  metadata?: Record<string, unknown> | null;\n  startedAt?: Date | string | null;\n  endedAt?: Date | string | null;\n  createdAt: Date | string;\n};\n\nconst ROW_HEIGHT = 36;\nconst OVERSCAN = 8;\n/** Distinct values offered in a custom column's \"filter by value\" header menu. */\nconst MAX_FILTER_VALUES = 20;\n\nfunction customColumnValue(trace: TracesListViewTrace, field: TraceCustomColumn): string | null | undefined {\n  return trace[field];\n}\n\nfunction distinctCustomColumnValues(traces: TracesListViewTrace[], field: TraceCustomColumn): string[] {\n  const values = new Set<string>();\n  for (const trace of traces) {\n    const value = trace[field];\n    if (typeof value === 'string' && value) values.add(value);\n    if (values.size >= MAX_FILTER_VALUES) break;\n  }\n  return [...values];\n}\n\nfunction sumTokens(usage: TraceUsageSummary | undefined): number | undefined {\n  if (usage?.inputTokens === undefined && usage?.outputTokens === undefined) return undefined;\n  return (usage?.inputTokens ?? 0) + (usage?.outputTokens ?? 0);\n}\n\nexport type TracesListViewProps = {\n  traces: TracesListViewTrace[];\n  isLoading?: boolean;\n  isFetchingNextPage?: boolean;\n  hasNextPage?: boolean;\n  setEndOfListElement?: (element: HTMLDivElement | null) => void;\n  filtersApplied?: boolean;\n  /** Currently featured/selected trace — its row gets the highlighted background. */\n  featuredTraceId?: string | null;\n  /**\n   * Required in branches mode to disambiguate rows sharing a `traceId`. When set,\n   * a row is featured only when both `traceId` and `spanId` match.\n   */\n  featuredSpanId?: string | null;\n  /** Branches mode mixes root traces with subtraces — enables the Trace/Subtrace tooltip on the\n   *  level icon in the Name column, which is meaningless when every row is a root. */\n  isBranchesMode?: boolean;\n  /** Keys (`traceId:spanId`) of rows that just arrived via delta polling. Rows whose key is in\n   *  this set get a temporary tint to distinguish them from rows present since the last page-mode\n   *  fetch. Auto-expires upstream (in useTraces) after a short window. */\n  recentlyAddedKeys?: Set<string>;\n  /** Optional and metadata columns selected for this project. */\n  columnPreferences?: TraceColumnPreferences;\n  /** Token and estimated-cost totals, aggregated across model spans by trace ID. */\n  usageByTraceId?: ReadonlyMap<string, TraceUsageSummary>;\n  /** Called when a row is clicked. The current selection logic (toggle on same id) is the consumer's call. */\n  onTraceClick: (trace: TracesListViewTrace) => void;\n  /** Current sort of the Created column. When `onSortChange` is provided the header becomes sortable. */\n  createdSort?: DataListSort;\n  onSortChange?: (direction: DataListSort, key: 'startedAt') => void;\n  /** When provided, custom column headers offer an `is <value>` filter for every value currently listed. */\n  onFilterByField?: (field: TraceCustomColumn, value: string) => void;\n  /** Storage id for the persisted column order. Use a distinct id per page so each keeps its own order. */\n  listId?: string;\n};\n\n/**\n * Virtualized presentational list. Renders only the visible window via TanStack Virtual, and\n * uses DataList primitives for layout (CSS Grid with subgrid rows).\n */\nexport function TracesListView({\n  traces,\n  isLoading,\n  isFetchingNextPage,\n  hasNextPage,\n  setEndOfListElement,\n  filtersApplied,\n  featuredTraceId,\n  featuredSpanId,\n  isBranchesMode,\n  recentlyAddedKeys,\n  columnPreferences = DEFAULT_TRACE_COLUMN_PREFERENCES,\n  usageByTraceId,\n  onTraceClick,\n  createdSort,\n  onSortChange,\n  onFilterByField,\n  listId = 'all-traces',\n}: TracesListViewProps) {\n  const scrollRef = useRef<HTMLDivElement | null>(null);\n  const columns = buildTraceListColumns(columnPreferences);\n  const columnKeys = buildTraceListColumnKeys(columnPreferences);\n\n  const virtualizer = useVirtualizer({\n    count: traces.length,\n    getScrollElement: () => scrollRef.current,\n    estimateSize: () => ROW_HEIGHT,\n    overscan: OVERSCAN,\n  });\n\n  const { getRowProps } = useDataListKeyboard({\n    count: traces.length,\n    containerRef: scrollRef,\n    onNavigate: index => virtualizer.scrollToIndex(index),\n    global: true,\n  });\n\n  const virtualItems = virtualizer.getVirtualItems();\n  const totalSize = virtualizer.getTotalSize();\n  const paddingTop = virtualItems[0]?.start ?? 0;\n  const paddingBottom =\n    virtualItems.length > 0 ? Math.max(0, totalSize - (virtualItems[virtualItems.length - 1]?.end ?? 0)) : 0;\n\n  return (\n    <TracesDataList\n      reorderable\n      id={listId}\n      columns={columns}\n      columnKeys={columnKeys}\n      fit=\"container\"\n      scrollRef={scrollRef}\n      className=\"min-w-0\"\n    >\n      <TracesDataList.Top>\n        {onSortChange ? (\n          <TracesDataList.SortableTopCell sortKey=\"startedAt\" sort={createdSort} onSortChange={onSortChange}>\n            Start\n          </TracesDataList.SortableTopCell>\n        ) : (\n          <TracesDataList.TopCell>Start</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'type') && <TracesDataList.TopCell>Primitive type</TracesDataList.TopCell>}\n        <TracesDataList.TopCell>Primitive name</TracesDataList.TopCell>\n        {hasTraceColumn(columnPreferences, 'input') && <TracesDataList.TopCell>Input</TracesDataList.TopCell>}\n        <TracesDataList.TopCell>Status</TracesDataList.TopCell>\n        {hasTraceColumn(columnPreferences, 'duration') && (\n          <TracesDataList.TopCell className=\"justify-end text-right\">Duration</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'endTime') && <TracesDataList.TopCell>End</TracesDataList.TopCell>}\n        {hasTraceColumn(columnPreferences, 'environment') && (\n          <TracesDataList.TopCell>Environment</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'inputTokens') && (\n          <TracesDataList.TopCell className=\"justify-end text-right\">Input tokens</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'outputTokens') && (\n          <TracesDataList.TopCell className=\"justify-end text-right\">Output tokens</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'totalTokens') && (\n          <TracesDataList.TopCell className=\"justify-end text-right\">Total tokens</TracesDataList.TopCell>\n        )}\n        {hasTraceColumn(columnPreferences, 'estimatedCost') && (\n          <TracesDataList.TopCell className=\"justify-end text-right\">Est. cost</TracesDataList.TopCell>\n        )}\n        {columnPreferences.customColumns.map(field => {\n          const label = TRACE_CUSTOM_COLUMN_LABELS[field];\n          const filterValues = onFilterByField ? distinctCustomColumnValues(traces, field) : [];\n          if (!onFilterByField || filterValues.length === 0) {\n            return <TracesDataList.TopCell key={field}>{label}</TracesDataList.TopCell>;\n          }\n          return (\n            <TracesDataList.TopCell key={field} className=\"overflow-visible\">\n              <DropdownMenu>\n                <DropdownMenu.Trigger\n                  render={\n                    <button\n                      type=\"button\"\n                      className={cn('flex min-w-0 items-center gap-1 rounded-sm hover:text-foreground', focusRing)}\n                    >\n                      <span className=\"min-w-0 truncate\">{label}</span>\n                      <ListFilterIcon aria-hidden className=\"size-[1.2em] shrink-0\" />\n                    </button>\n                  }\n                />\n                <DropdownMenu.Content align=\"start\">\n                  <DropdownMenu.Label>Filter by value</DropdownMenu.Label>\n                  {filterValues.map(value => (\n                    <DropdownMenu.Item key={value} onSelect={() => onFilterByField(field, value)}>\n                      <Txt as=\"span\" variant=\"body-sm\" font=\"mono\" className=\"min-w-0 truncate\">\n                        {value}\n                      </Txt>\n                    </DropdownMenu.Item>\n                  ))}\n                </DropdownMenu.Content>\n              </DropdownMenu>\n            </TracesDataList.TopCell>\n          );\n        })}\n        {columnPreferences.metadataKeys.map(key => (\n          <TracesDataList.TopCellWithTooltip key={key} tooltip={key}>\n            {key}\n          </TracesDataList.TopCellWithTooltip>\n        ))}\n      </TracesDataList.Top>\n\n      {isLoading ? (\n        <DataListSkeletonRows columnCount={splitColumns(columns).length} />\n      ) : traces.length === 0 ? (\n        <TracesDataList.NoMatch\n          message={filtersApplied ? 'No traces found for applied filters' : 'No traces found yet'}\n        />\n      ) : (\n        <>\n          <TracesDataList.Spacer height={paddingTop} />\n          {virtualItems.map(vi => {\n            const trace = traces[vi.index];\n            if (!trace) return null;\n\n            const isFeatured =\n              trace.traceId === featuredTraceId && (featuredSpanId == null || trace.spanId === featuredSpanId);\n            const rowKey = `${trace.traceId}:${trace.spanId ?? ''}`;\n            const isRecentlyAdded = recentlyAddedKeys?.has(rowKey) ?? false;\n            const displayDate = trace.startedAt ?? trace.createdAt;\n            const usage = usageByTraceId?.get(trace.traceId);\n\n            return (\n              <TracesDataList.RowButton\n                key={rowKey}\n                ref={virtualizer.measureElement}\n                data-index={vi.index}\n                {...getRowProps(vi.index)}\n                onClick={() => onTraceClick(trace)}\n                featured={isFeatured}\n                className={cn(isRecentlyAdded && 'animate-row-highlight')}\n              >\n                <TracesDataList.CreatedCell timestamp={displayDate} preset=\"day-time-seconds\" />\n                {hasTraceColumn(columnPreferences, 'type') && <TracesDataList.TypeCell entityType={trace.entityType} />}\n                <TracesDataList.NameCell\n                  name={trace.entityName || trace.name}\n                  parentSpanId={trace.parentSpanId}\n                  showLevelTooltip={isBranchesMode}\n                />\n                {hasTraceColumn(columnPreferences, 'input') && (\n                  <TracesDataList.InputCell input={trace.inputPreview ?? getInputPreview(trace.input)} />\n                )}\n                <TracesDataList.StatusCell status={trace.status} />\n                {hasTraceColumn(columnPreferences, 'duration') && (\n                  <DataList.NumberCell font=\"mono\">\n                    {formatDuration(getSpanDurationMs(trace.startedAt, trace.endedAt))}\n                  </DataList.NumberCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'endTime') && (\n                  <TracesDataList.CreatedCell timestamp={trace.endedAt ?? ''} preset=\"day-time-seconds\" />\n                )}\n                {hasTraceColumn(columnPreferences, 'environment') && (\n                  <DataList.TextCell>{trace.environment || '—'}</DataList.TextCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'inputTokens') && (\n                  <DataList.NumberCell>\n                    {usage?.inputTokens === undefined ? undefined : formatCompactNumber(usage.inputTokens)}\n                  </DataList.NumberCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'outputTokens') && (\n                  <DataList.NumberCell>\n                    {usage?.outputTokens === undefined ? undefined : formatCompactNumber(usage.outputTokens)}\n                  </DataList.NumberCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'totalTokens') && (\n                  <DataList.NumberCell>\n                    {(() => {\n                      const total = sumTokens(usage);\n                      return total === undefined ? undefined : formatCompactNumber(total);\n                    })()}\n                  </DataList.NumberCell>\n                )}\n                {hasTraceColumn(columnPreferences, 'estimatedCost') && (\n                  <DataList.NumberCell>\n                    {usage?.estimatedCost === undefined ? undefined : formatCost(usage.estimatedCost, usage.costUnit)}\n                  </DataList.NumberCell>\n                )}\n                {columnPreferences.customColumns.map(field => (\n                  <DataList.TextCell font=\"mono\" key={field}>\n                    {customColumnValue(trace, field) ?? undefined}\n                  </DataList.TextCell>\n                ))}\n                {columnPreferences.metadataKeys.map(key => {\n                  const value = formatTraceMetadataValue(trace.metadata, key);\n                  return (\n                    <DataList.TextCell font=\"mono\" key={key}>\n                      {value}\n                    </DataList.TextCell>\n                  );\n                })}\n              </TracesDataList.RowButton>\n            );\n          })}\n          <TracesDataList.Spacer height={paddingBottom} />\n          <TracesDataList.NextPageLoading\n            isLoading={isFetchingNextPage}\n            hasMore={hasNextPage}\n            setEndOfListElement={setEndOfListElement}\n          />\n        </>\n      )}\n    </TracesDataList>\n  );\n}\n"],"names":[],"mappings":"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"}

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

@@ -4,10 +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');
-require('../../../data-list-_yDPF5wR.cjs');
-const dataListSkeleton = require('../../../data-list-skeleton-maUWF7Ri.cjs');
-require('react');
-require('../../../keyboard/keyboard-shortcuts-context.cjs.js');
+const dataListSkeleton = require('../../../data-list-skeleton-CfVsXhx1.cjs');
 const skeleton = require('../../../skeleton-bUFvB8ok.cjs');
 
 function TracesPageSkeleton({ columnPreferences = domains_traces_traceListColumns.DEFAULT_TRACE_COLUMN_PREFERENCES }) {

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

@@ -1 +1 @@
-{"version":3,"file":"traces-page-skeleton.cjs.js","sources":["../../../../src/domains/traces/components/traces-page-skeleton.tsx"],"sourcesContent":["import { buildTraceListColumns, DEFAULT_TRACE_COLUMN_PREFERENCES } from '../trace-list-columns';\nimport type { TraceColumnPreferences } from '../trace-list-columns';\nimport { DataListSkeleton } from '@/ds/components/DataList';\nimport { Skeleton } from '@/ds/components/Skeleton';\n\nexport type TracesPageSkeletonProps = {\n  columnPreferences?: TraceColumnPreferences;\n};\n\n/**\n * Page-level placeholder shown while filter-field discovery is pending: a toolbar-height\n * bar stands in for the FilterBar and the usual list skeleton for the trace rows.\n */\nexport function TracesPageSkeleton({ columnPreferences = DEFAULT_TRACE_COLUMN_PREFERENCES }: TracesPageSkeletonProps) {\n  const columns = buildTraceListColumns(columnPreferences);\n  return (\n    <div\n      className=\"flex h-full min-h-0 flex-col gap-2\"\n      role=\"status\"\n      aria-label=\"Loading traces\"\n      data-testid=\"traces-page-skeleton\"\n    >\n      <div className=\"flex items-center gap-2\">\n        <Skeleton className=\"h-control-md min-w-64 flex-1\" />\n        <Skeleton className=\"h-control-md w-28\" />\n      </div>\n      <DataListSkeleton columns={columns} fit=\"container\" />\n    </div>\n  );\n}\n"],"names":["DEFAULT_TRACE_COLUMN_PREFERENCES","buildTraceListColumns","jsxs","jsx","Skeleton","DataListSkeleton"],"mappings":";;;;;;;;;;;;AAaO,SAAS,kBAAA,CAAmB,EAAE,iBAAA,GAAoBA,gEAAA,EAAiC,EAA4B;AACpH,EAAA,MAAM,OAAA,GAAUC,sDAAsB,iBAAiB,CAAA;AACvD,EAAA,uBACEC,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAU,oCAAA;AAAA,MACV,IAAA,EAAK,QAAA;AAAA,MACL,YAAA,EAAW,gBAAA;AAAA,MACX,aAAA,EAAY,sBAAA;AAAA,MAEZ,QAAA,EAAA;AAAA,wBAAAA,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,yBAAA,EACb,QAAA,EAAA;AAAA,0BAAAC,cAAA,CAACC,iBAAA,EAAA,EAAS,WAAU,8BAAA,EAA+B,CAAA;AAAA,0BACnDD,cAAA,CAACC,iBAAA,EAAA,EAAS,SAAA,EAAU,mBAAA,EAAoB;AAAA,SAAA,EAC1C,CAAA;AAAA,wBACAD,cAAA,CAACE,iCAAA,EAAA,EAAiB,OAAA,EAAkB,GAAA,EAAI,WAAA,EAAY;AAAA;AAAA;AAAA,GACtD;AAEJ;;;;"}
+{"version":3,"file":"traces-page-skeleton.cjs.js","sources":["../../../../src/domains/traces/components/traces-page-skeleton.tsx"],"sourcesContent":["import { buildTraceListColumns, DEFAULT_TRACE_COLUMN_PREFERENCES } from '../trace-list-columns';\nimport type { TraceColumnPreferences } from '../trace-list-columns';\nimport { DataListSkeleton } from '@/ds/components/DataList';\nimport { Skeleton } from '@/ds/components/Skeleton';\n\nexport type TracesPageSkeletonProps = {\n  columnPreferences?: TraceColumnPreferences;\n};\n\n/**\n * Page-level placeholder shown while filter-field discovery is pending: a toolbar-height\n * bar stands in for the FilterBar and the usual list skeleton for the trace rows.\n */\nexport function TracesPageSkeleton({ columnPreferences = DEFAULT_TRACE_COLUMN_PREFERENCES }: TracesPageSkeletonProps) {\n  const columns = buildTraceListColumns(columnPreferences);\n  return (\n    <div\n      className=\"flex h-full min-h-0 flex-col gap-2\"\n      role=\"status\"\n      aria-label=\"Loading traces\"\n      data-testid=\"traces-page-skeleton\"\n    >\n      <div className=\"flex items-center gap-2\">\n        <Skeleton className=\"h-control-md min-w-64 flex-1\" />\n        <Skeleton className=\"h-control-md w-28\" />\n      </div>\n      <DataListSkeleton columns={columns} fit=\"container\" />\n    </div>\n  );\n}\n"],"names":["DEFAULT_TRACE_COLUMN_PREFERENCES","buildTraceListColumns","jsxs","jsx","Skeleton","DataListSkeleton"],"mappings":";;;;;;;;;AAaO,SAAS,kBAAA,CAAmB,EAAE,iBAAA,GAAoBA,gEAAA,EAAiC,EAA4B;AACpH,EAAA,MAAM,OAAA,GAAUC,sDAAsB,iBAAiB,CAAA;AACvD,EAAA,uBACEC,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAU,oCAAA;AAAA,MACV,IAAA,EAAK,QAAA;AAAA,MACL,YAAA,EAAW,gBAAA;AAAA,MACX,aAAA,EAAY,sBAAA;AAAA,MAEZ,QAAA,EAAA;AAAA,wBAAAA,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,yBAAA,EACb,QAAA,EAAA;AAAA,0BAAAC,cAAA,CAACC,iBAAA,EAAA,EAAS,WAAU,8BAAA,EAA+B,CAAA;AAAA,0BACnDD,cAAA,CAACC,iBAAA,EAAA,EAAS,SAAA,EAAU,mBAAA,EAAoB;AAAA,SAAA,EAC1C,CAAA;AAAA,wBACAD,cAAA,CAACE,iCAAA,EAAA,EAAiB,OAAA,EAAkB,GAAA,EAAI,WAAA,EAAY;AAAA;AAAA;AAAA,GACtD;AAEJ;;;;"}

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

@@ -1,9 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { buildTraceListColumns, DEFAULT_TRACE_COLUMN_PREFERENCES } from '../trace-list-columns.es.js';
-import '../../../data-list-DDGpWucH.js';
-import { D as DataListSkeleton } from '../../../data-list-skeleton-CJFwZBlW.js';
-import 'react';
-import '../../../keyboard/keyboard-shortcuts-context.es.js';
+import { D as DataListSkeleton } from '../../../data-list-skeleton-BmsDYJrA.js';
 import { S as Skeleton } from '../../../skeleton-Bjxvf3Y-.js';
 
 function TracesPageSkeleton({ columnPreferences = DEFAULT_TRACE_COLUMN_PREFERENCES }) {

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

@@ -1 +1 @@
-{"version":3,"file":"traces-page-skeleton.es.js","sources":["../../../../src/domains/traces/components/traces-page-skeleton.tsx"],"sourcesContent":["import { buildTraceListColumns, DEFAULT_TRACE_COLUMN_PREFERENCES } from '../trace-list-columns';\nimport type { TraceColumnPreferences } from '../trace-list-columns';\nimport { DataListSkeleton } from '@/ds/components/DataList';\nimport { Skeleton } from '@/ds/components/Skeleton';\n\nexport type TracesPageSkeletonProps = {\n  columnPreferences?: TraceColumnPreferences;\n};\n\n/**\n * Page-level placeholder shown while filter-field discovery is pending: a toolbar-height\n * bar stands in for the FilterBar and the usual list skeleton for the trace rows.\n */\nexport function TracesPageSkeleton({ columnPreferences = DEFAULT_TRACE_COLUMN_PREFERENCES }: TracesPageSkeletonProps) {\n  const columns = buildTraceListColumns(columnPreferences);\n  return (\n    <div\n      className=\"flex h-full min-h-0 flex-col gap-2\"\n      role=\"status\"\n      aria-label=\"Loading traces\"\n      data-testid=\"traces-page-skeleton\"\n    >\n      <div className=\"flex items-center gap-2\">\n        <Skeleton className=\"h-control-md min-w-64 flex-1\" />\n        <Skeleton className=\"h-control-md w-28\" />\n      </div>\n      <DataListSkeleton columns={columns} fit=\"container\" />\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;AAaO,SAAS,kBAAA,CAAmB,EAAE,iBAAA,GAAoB,gCAAA,EAAiC,EAA4B;AACpH,EAAA,MAAM,OAAA,GAAU,sBAAsB,iBAAiB,CAAA;AACvD,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAU,oCAAA;AAAA,MACV,IAAA,EAAK,QAAA;AAAA,MACL,YAAA,EAAW,gBAAA;AAAA,MACX,aAAA,EAAY,sBAAA;AAAA,MAEZ,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,yBAAA,EACb,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,QAAA,EAAA,EAAS,WAAU,8BAAA,EAA+B,CAAA;AAAA,0BACnD,GAAA,CAAC,QAAA,EAAA,EAAS,SAAA,EAAU,mBAAA,EAAoB;AAAA,SAAA,EAC1C,CAAA;AAAA,wBACA,GAAA,CAAC,gBAAA,EAAA,EAAiB,OAAA,EAAkB,GAAA,EAAI,WAAA,EAAY;AAAA;AAAA;AAAA,GACtD;AAEJ;;;;"}
+{"version":3,"file":"traces-page-skeleton.es.js","sources":["../../../../src/domains/traces/components/traces-page-skeleton.tsx"],"sourcesContent":["import { buildTraceListColumns, DEFAULT_TRACE_COLUMN_PREFERENCES } from '../trace-list-columns';\nimport type { TraceColumnPreferences } from '../trace-list-columns';\nimport { DataListSkeleton } from '@/ds/components/DataList';\nimport { Skeleton } from '@/ds/components/Skeleton';\n\nexport type TracesPageSkeletonProps = {\n  columnPreferences?: TraceColumnPreferences;\n};\n\n/**\n * Page-level placeholder shown while filter-field discovery is pending: a toolbar-height\n * bar stands in for the FilterBar and the usual list skeleton for the trace rows.\n */\nexport function TracesPageSkeleton({ columnPreferences = DEFAULT_TRACE_COLUMN_PREFERENCES }: TracesPageSkeletonProps) {\n  const columns = buildTraceListColumns(columnPreferences);\n  return (\n    <div\n      className=\"flex h-full min-h-0 flex-col gap-2\"\n      role=\"status\"\n      aria-label=\"Loading traces\"\n      data-testid=\"traces-page-skeleton\"\n    >\n      <div className=\"flex items-center gap-2\">\n        <Skeleton className=\"h-control-md min-w-64 flex-1\" />\n        <Skeleton className=\"h-control-md w-28\" />\n      </div>\n      <DataListSkeleton columns={columns} fit=\"container\" />\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;AAaO,SAAS,kBAAA,CAAmB,EAAE,iBAAA,GAAoB,gCAAA,EAAiC,EAA4B;AACpH,EAAA,MAAM,OAAA,GAAU,sBAAsB,iBAAiB,CAAA;AACvD,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAU,oCAAA;AAAA,MACV,IAAA,EAAK,QAAA;AAAA,MACL,YAAA,EAAW,gBAAA;AAAA,MACX,aAAA,EAAY,sBAAA;AAAA,MAEZ,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,yBAAA,EACb,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,QAAA,EAAA,EAAS,WAAU,8BAAA,EAA+B,CAAA;AAAA,0BACnD,GAAA,CAAC,QAAA,EAAA,EAAS,SAAA,EAAU,mBAAA,EAAoB;AAAA,SAAA,EAC1C,CAAA;AAAA,wBACA,GAAA,CAAC,gBAAA,EAAA,EAAiB,OAAA,EAAkB,GAAA,EAAI,WAAA,EAAY;AAAA;AAAA;AAAA,GACtD;AAEJ;;;;"}

package/dist/domains/workflows/components/workflow-combobox.es.js

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { useWorkflows } from '@mastra/react/hooks/workflows';
 import { useEffect } from 'react';
-import { C as Combobox } from '../../../combobox-DJu0ggNa.js';
+import { C as Combobox } from '../../../combobox-DDUIREaG.js';
 import '@base-ui/react/combobox';
 import { useLinkComponent } from '../../../lib/framework.es.js';
 import { t as toast } from '../../../toast-WCmYXnuT.js';

package/dist/domains/workflows/components/workflow-step-detail.es.js

@@ -3,10 +3,10 @@ import { ReactFlowProvider } from '@xyflow/react';
 import { List, X } from 'lucide-react';
 import { useWorkflowStepDetail } from '../context/workflow-step-detail-context.es.js';
 import { WorkflowDataInspector } from '../workflow/data/workflow-data-inspector.es.js';
-import { W as WorkflowNestedGraph } from '../../../use-workflow-graph-runtime-DS7eWso7.js';
+import { W as WorkflowNestedGraph } from '../../../use-workflow-graph-runtime-CAyNWN_Z.js';
 import { T as Txt } from '../../../Txt-BuzYj7Vy.js';
 import { B as BADGE_COLORS } from '../../../workflow-condition-card-DnSlcZ2s.js';
-import { W as WorkflowCodeContent } from '../../../workflow-code-dialog-content-BUCZZoKf.js';
+import { W as WorkflowCodeContent } from '../../../workflow-code-dialog-content-CNDoMFAV.js';
 import { WorkflowIcon } from '../../../icons/WorkflowIcon.es.js';
 
 function WorkflowStepDetailContent({ requestContext }) {

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-BF6FbLH_.cjs');
-const dataList = require('../../../../data-list-_yDPF5wR.cjs');
-const dataListSkeleton = require('../../../../data-list-skeleton-maUWF7Ri.cjs');
+const dataList = require('../../../../data-list-DkVOwk8l.cjs');
+const dataListSkeleton = require('../../../../data-list-skeleton-CfVsXhx1.cjs');
 const useDataListKeyboard = require('../../../../use-data-list-keyboard-DF3tLe10.cjs');
 const disclosureChevron = require('../../../../disclosure-chevron-B_gmYFR5.cjs');
 const tooltip = require('../../../../tooltip-C4txPRSa.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-3-G2I_cx.js';
-import { e as DataList } from '../../../../data-list-DDGpWucH.js';
-import { D as DataListSkeleton } from '../../../../data-list-skeleton-CJFwZBlW.js';
+import { D as DataList } from '../../../../data-list-Dv2lP-dU.js';
+import { D as DataListSkeleton } from '../../../../data-list-skeleton-BmsDYJrA.js';
 import { u as useDataListKeyboard } from '../../../../use-data-list-keyboard-DFQr4t38.js';
 import { D as DisclosureChevron } from '../../../../disclosure-chevron-BWZ8Alz1.js';
 import { T as Tooltip, c as TooltipTrigger, a as TooltipContent } from '../../../../tooltip-CCZcMbgy.js';

package/dist/domains/workflows/workflow/data/workflow-data-button.es.js

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { useWorkflowStepDetail } from '../../context/workflow-step-detail-context.es.js';
 import { useWorkflowData, workflowDataKey } from './use-workflow-data.es.js';
-import { W as WorkflowEdgeDataButton } from '../../../../workflow-edge-data-button-D5oK4NS5.js';
+import { W as WorkflowEdgeDataButton } from '../../../../workflow-edge-data-button-6EDXzRxr.js';
 
 function WorkflowDataButton({ selection }) {
   const { stepDetail, showData } = useWorkflowStepDetail();

package/dist/domains/workflows/workflow/data/workflow-data-inspector.es.js

@@ -8,7 +8,7 @@ import { useWorkflowStepDetail } from '../../context/workflow-step-detail-contex
 import { useWorkflowData, workflowDataKey } from './use-workflow-data.es.js';
 import { B as Badge } from '../../../../Badge-3-G2I_cx.js';
 import { B as Button } from '../../../../Button-C8QDEN9j.js';
-import { C as CodeEditor } from '../../../../code-editor-DgfDaPAD.js';
+import { C as CodeEditor } from '../../../../code-editor-D69saH4C.js';
 import { T as Txt } from '../../../../Txt-BuzYj7Vy.js';
 
 const DIRECTION_ICONS = { input: ArrowDownToLine, output: ArrowUpFromLine };

package/dist/domains/workflows/workflow/input/workflow-json-input.cjs.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const codeEditor = require('../../../../code-editor-Dg6Y6Q8z.cjs');
 const field = require('../../../../field-D1SVMPMz.cjs');
+require('../../../../field-control-aria-WzMGs0A4.cjs');
 const lib_form_components_formSubmitRow = require('../../../../lib/form/components/form-submit-row.cjs.js');
 
 function WorkflowJsonInput({

package/dist/domains/workflows/workflow/input/workflow-json-input.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"workflow-json-input.cjs.js","sources":["../../../../../src/domains/workflows/workflow/input/workflow-json-input.tsx"],"sourcesContent":["import type { WorkflowInputDataProps } from '../workflow-input-data';\nimport { CodeEditor } from '@/ds/components/CodeEditor';\nimport { Field, FieldError } from '@/ds/components/Field';\nimport { FormSubmitRow } from '@/lib/form/components/form-submit-row';\n\ntype WorkflowJsonInputProps = Omit<WorkflowInputDataProps, 'schema' | 'defaultValues' | 'onSubmit'> & {\n  value: string;\n  onChange: (value: string) => void;\n  errors: string[];\n  onSubmit: () => void;\n};\n\nexport function WorkflowJsonInput({\n  value,\n  onChange,\n  errors,\n  children,\n  isSubmitLoading,\n  onSubmit,\n  ...submitProps\n}: WorkflowJsonInputProps) {\n  return (\n    <div className=\"flex flex-col gap-4\">\n      <Field invalid={errors.length > 0}>\n        <CodeEditor value={value} onChange={onChange} editable={!isSubmitLoading} />\n        <FieldError>\n          {errors.length > 0 && (\n            <span className=\"space-y-1\">\n              {errors.map(error => (\n                <span key={error} className=\"block\">\n                  {error}\n                </span>\n              ))}\n            </span>\n          )}\n        </FieldError>\n      </Field>\n      {children}\n      <FormSubmitRow {...submitProps} isSubmitLoading={isSubmitLoading} onSubmit={onSubmit} />\n    </div>\n  );\n}\n"],"names":["jsxs","Field","jsx","CodeEditor","FieldError","FormSubmitRow"],"mappings":";;;;;;;;;AAYO,SAAS,iBAAA,CAAkB;AAAA,EAChC,KAAA;AAAA,EACA,QAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,eAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA2B;AACzB,EAAA,uBACEA,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,qBAAA,EACb,QAAA,EAAA;AAAA,oBAAAA,eAAA,CAACC,WAAA,EAAA,EAAM,OAAA,EAAS,MAAA,CAAO,MAAA,GAAS,CAAA,EAC9B,QAAA,EAAA;AAAA,sBAAAC,cAAA,CAACC,qBAAA,EAAA,EAAW,KAAA,EAAc,QAAA,EAAoB,QAAA,EAAU,CAAC,eAAA,EAAiB,CAAA;AAAA,sBAC1ED,cAAA,CAACE,oBACE,QAAA,EAAA,MAAA,CAAO,MAAA,GAAS,qBACfF,cAAA,CAAC,MAAA,EAAA,EAAK,WAAU,WAAA,EACb,QAAA,EAAA,MAAA,CAAO,IAAI,CAAA,KAAA,qBACVA,cAAA,CAAC,UAAiB,SAAA,EAAU,OAAA,EACzB,mBADQ,KAEX,CACD,GACH,CAAA,EAEJ;AAAA,KAAA,EACF,CAAA;AAAA,IACC,QAAA;AAAA,oBACDA,cAAA,CAACG,+CAAA,EAAA,EAAe,GAAG,WAAA,EAAa,iBAAkC,QAAA,EAAoB;AAAA,GAAA,EACxF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"workflow-json-input.cjs.js","sources":["../../../../../src/domains/workflows/workflow/input/workflow-json-input.tsx"],"sourcesContent":["import type { WorkflowInputDataProps } from '../workflow-input-data';\nimport { CodeEditor } from '@/ds/components/CodeEditor';\nimport { Field, FieldError } from '@/ds/components/Field';\nimport { FormSubmitRow } from '@/lib/form/components/form-submit-row';\n\ntype WorkflowJsonInputProps = Omit<WorkflowInputDataProps, 'schema' | 'defaultValues' | 'onSubmit'> & {\n  value: string;\n  onChange: (value: string) => void;\n  errors: string[];\n  onSubmit: () => void;\n};\n\nexport function WorkflowJsonInput({\n  value,\n  onChange,\n  errors,\n  children,\n  isSubmitLoading,\n  onSubmit,\n  ...submitProps\n}: WorkflowJsonInputProps) {\n  return (\n    <div className=\"flex flex-col gap-4\">\n      <Field invalid={errors.length > 0}>\n        <CodeEditor value={value} onChange={onChange} editable={!isSubmitLoading} />\n        <FieldError>\n          {errors.length > 0 && (\n            <span className=\"space-y-1\">\n              {errors.map(error => (\n                <span key={error} className=\"block\">\n                  {error}\n                </span>\n              ))}\n            </span>\n          )}\n        </FieldError>\n      </Field>\n      {children}\n      <FormSubmitRow {...submitProps} isSubmitLoading={isSubmitLoading} onSubmit={onSubmit} />\n    </div>\n  );\n}\n"],"names":["jsxs","Field","jsx","CodeEditor","FieldError","FormSubmitRow"],"mappings":";;;;;;;;;;AAYO,SAAS,iBAAA,CAAkB;AAAA,EAChC,KAAA;AAAA,EACA,QAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,eAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA2B;AACzB,EAAA,uBACEA,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,qBAAA,EACb,QAAA,EAAA;AAAA,oBAAAA,eAAA,CAACC,WAAA,EAAA,EAAM,OAAA,EAAS,MAAA,CAAO,MAAA,GAAS,CAAA,EAC9B,QAAA,EAAA;AAAA,sBAAAC,cAAA,CAACC,qBAAA,EAAA,EAAW,KAAA,EAAc,QAAA,EAAoB,QAAA,EAAU,CAAC,eAAA,EAAiB,CAAA;AAAA,sBAC1ED,cAAA,CAACE,oBACE,QAAA,EAAA,MAAA,CAAO,MAAA,GAAS,qBACfF,cAAA,CAAC,MAAA,EAAA,EAAK,WAAU,WAAA,EACb,QAAA,EAAA,MAAA,CAAO,IAAI,CAAA,KAAA,qBACVA,cAAA,CAAC,UAAiB,SAAA,EAAU,OAAA,EACzB,mBADQ,KAEX,CACD,GACH,CAAA,EAEJ;AAAA,KAAA,EACF,CAAA;AAAA,IACC,QAAA;AAAA,oBACDA,cAAA,CAACG,+CAAA,EAAA,EAAe,GAAG,WAAA,EAAa,iBAAkC,QAAA,EAAoB;AAAA,GAAA,EACxF,CAAA;AAEJ;;;;"}

package/dist/domains/workflows/workflow/input/workflow-json-input.es.js

@@ -1,6 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { C as CodeEditor } from '../../../../code-editor-DgfDaPAD.js';
-import { F as Field, c as FieldError } from '../../../../field-Bc8Ewf_M.js';
+import { C as CodeEditor } from '../../../../code-editor-D69saH4C.js';
+import { F as Field, c as FieldError } from '../../../../field-B89BEZg4.js';
+import '../../../../field-control-aria-DB6y41tQ.js';
 import { FormSubmitRow } from '../../../../lib/form/components/form-submit-row.es.js';
 
 function WorkflowJsonInput({

package/dist/domains/workflows/workflow/input/workflow-json-input.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"workflow-json-input.es.js","sources":["../../../../../src/domains/workflows/workflow/input/workflow-json-input.tsx"],"sourcesContent":["import type { WorkflowInputDataProps } from '../workflow-input-data';\nimport { CodeEditor } from '@/ds/components/CodeEditor';\nimport { Field, FieldError } from '@/ds/components/Field';\nimport { FormSubmitRow } from '@/lib/form/components/form-submit-row';\n\ntype WorkflowJsonInputProps = Omit<WorkflowInputDataProps, 'schema' | 'defaultValues' | 'onSubmit'> & {\n  value: string;\n  onChange: (value: string) => void;\n  errors: string[];\n  onSubmit: () => void;\n};\n\nexport function WorkflowJsonInput({\n  value,\n  onChange,\n  errors,\n  children,\n  isSubmitLoading,\n  onSubmit,\n  ...submitProps\n}: WorkflowJsonInputProps) {\n  return (\n    <div className=\"flex flex-col gap-4\">\n      <Field invalid={errors.length > 0}>\n        <CodeEditor value={value} onChange={onChange} editable={!isSubmitLoading} />\n        <FieldError>\n          {errors.length > 0 && (\n            <span className=\"space-y-1\">\n              {errors.map(error => (\n                <span key={error} className=\"block\">\n                  {error}\n                </span>\n              ))}\n            </span>\n          )}\n        </FieldError>\n      </Field>\n      {children}\n      <FormSubmitRow {...submitProps} isSubmitLoading={isSubmitLoading} onSubmit={onSubmit} />\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;AAYO,SAAS,iBAAA,CAAkB;AAAA,EAChC,KAAA;AAAA,EACA,QAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,eAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA2B;AACzB,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,qBAAA,EACb,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,KAAA,EAAA,EAAM,OAAA,EAAS,MAAA,CAAO,MAAA,GAAS,CAAA,EAC9B,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,KAAA,EAAc,QAAA,EAAoB,QAAA,EAAU,CAAC,eAAA,EAAiB,CAAA;AAAA,sBAC1E,GAAA,CAAC,cACE,QAAA,EAAA,MAAA,CAAO,MAAA,GAAS,qBACf,GAAA,CAAC,MAAA,EAAA,EAAK,WAAU,WAAA,EACb,QAAA,EAAA,MAAA,CAAO,IAAI,CAAA,KAAA,qBACV,GAAA,CAAC,UAAiB,SAAA,EAAU,OAAA,EACzB,mBADQ,KAEX,CACD,GACH,CAAA,EAEJ;AAAA,KAAA,EACF,CAAA;AAAA,IACC,QAAA;AAAA,oBACD,GAAA,CAAC,aAAA,EAAA,EAAe,GAAG,WAAA,EAAa,iBAAkC,QAAA,EAAoB;AAAA,GAAA,EACxF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"workflow-json-input.es.js","sources":["../../../../../src/domains/workflows/workflow/input/workflow-json-input.tsx"],"sourcesContent":["import type { WorkflowInputDataProps } from '../workflow-input-data';\nimport { CodeEditor } from '@/ds/components/CodeEditor';\nimport { Field, FieldError } from '@/ds/components/Field';\nimport { FormSubmitRow } from '@/lib/form/components/form-submit-row';\n\ntype WorkflowJsonInputProps = Omit<WorkflowInputDataProps, 'schema' | 'defaultValues' | 'onSubmit'> & {\n  value: string;\n  onChange: (value: string) => void;\n  errors: string[];\n  onSubmit: () => void;\n};\n\nexport function WorkflowJsonInput({\n  value,\n  onChange,\n  errors,\n  children,\n  isSubmitLoading,\n  onSubmit,\n  ...submitProps\n}: WorkflowJsonInputProps) {\n  return (\n    <div className=\"flex flex-col gap-4\">\n      <Field invalid={errors.length > 0}>\n        <CodeEditor value={value} onChange={onChange} editable={!isSubmitLoading} />\n        <FieldError>\n          {errors.length > 0 && (\n            <span className=\"space-y-1\">\n              {errors.map(error => (\n                <span key={error} className=\"block\">\n                  {error}\n                </span>\n              ))}\n            </span>\n          )}\n        </FieldError>\n      </Field>\n      {children}\n      <FormSubmitRow {...submitProps} isSubmitLoading={isSubmitLoading} onSubmit={onSubmit} />\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;AAYO,SAAS,iBAAA,CAAkB;AAAA,EAChC,KAAA;AAAA,EACA,QAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,eAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA2B;AACzB,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,qBAAA,EACb,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,KAAA,EAAA,EAAM,OAAA,EAAS,MAAA,CAAO,MAAA,GAAS,CAAA,EAC9B,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,KAAA,EAAc,QAAA,EAAoB,QAAA,EAAU,CAAC,eAAA,EAAiB,CAAA;AAAA,sBAC1E,GAAA,CAAC,cACE,QAAA,EAAA,MAAA,CAAO,MAAA,GAAS,qBACf,GAAA,CAAC,MAAA,EAAA,EAAK,WAAU,WAAA,EACb,QAAA,EAAA,MAAA,CAAO,IAAI,CAAA,KAAA,qBACV,GAAA,CAAC,UAAiB,SAAA,EAAU,OAAA,EACzB,mBADQ,KAEX,CACD,GACH,CAAA,EAEJ;AAAA,KAAA,EACF,CAAA;AAAA,IACC,QAAA;AAAA,oBACD,GAAA,CAAC,aAAA,EAAA,EAAe,GAAG,WAAA,EAAa,iBAAkC,QAAA,EAAoB;AAAA,GAAA,EACxF,CAAA;AAEJ;;;;"}

package/dist/domains/workflows/workflow/input/workflow-processor-input.cjs.js

@@ -6,6 +6,7 @@ const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
 const domains_workflows_workflow_input_processorInput = require('./processor-input.cjs.js');
 const field = require('../../../../field-D1SVMPMz.cjs');
+require('../../../../field-control-aria-WzMGs0A4.cjs');
 const select = require('../../../../select-Cdz5I0A5.cjs');
 const textarea = require('../../../../textarea-Cy51PMd4.cjs');
 const lib_form_components_formSubmitRow = require('../../../../lib/form/components/form-submit-row.cjs.js');

package/dist/domains/workflows/workflow/input/workflow-processor-input.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"workflow-processor-input.cjs.js","sources":["../../../../../src/domains/workflows/workflow/input/workflow-processor-input.tsx"],"sourcesContent":["import { useState } from 'react';\nimport type { WorkflowInputDataProps } from '../workflow-input-data';\nimport { getProcessorMessage, updateProcessorMessage, withPhaseRole } from './processor-input';\nimport type { ProcessorDraft } from './processor-input';\nimport { Field, FieldDescription, FieldError, FieldLabel } from '@/ds/components/Field';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/ds/components/Select';\nimport { Textarea } from '@/ds/components/Textarea';\nimport { FormSubmitRow } from '@/lib/form/components/form-submit-row';\n\nconst PROCESSOR_PHASES = [\n  { value: 'input', label: 'Input - Process input messages before LLM' },\n  { value: 'inputStep', label: 'Input Step - Process at each agentic loop step' },\n  { value: 'outputStream', label: 'Output Stream - Process streaming chunks' },\n  { value: 'outputResult', label: 'Output Result - Process complete output' },\n  { value: 'outputStep', label: 'Output Step - Process after each LLM response' },\n];\n\ntype WorkflowProcessorInputProps = Omit<WorkflowInputDataProps, 'defaultValues'> & {\n  value: ProcessorDraft;\n  onChange: (draft: ProcessorDraft) => void;\n};\n\ntype ProcessorErrors = { phase: string[]; message: string[] };\n\nconst NO_ERRORS: ProcessorErrors = { phase: [], message: [] };\n\nfunction ErrorLines({ errors }: { errors: string[] }) {\n  return (\n    <span className=\"space-y-1\">\n      {errors.map(error => (\n        <span key={error} className=\"block\">\n          {error}\n        </span>\n      ))}\n    </span>\n  );\n}\n\nexport const WorkflowProcessorInput = ({\n  schema,\n  value,\n  onChange,\n  isSubmitLoading,\n  submitButtonLabel,\n  onSubmit,\n  children,\n  submitActions,\n  leftActions,\n  submitButtonIcon,\n  submitButtonVariant,\n  submitButtonFullWidth,\n}: WorkflowProcessorInputProps) => {\n  const [errors, setErrors] = useState<ProcessorErrors>(NO_ERRORS);\n\n  const handleSubmit = () => {\n    setErrors(NO_ERRORS);\n\n    const result = schema.safeParse(value);\n    if (!result.success) {\n      const nextErrors: ProcessorErrors = { phase: [], message: [] };\n      for (const issue of result.error.issues) {\n        const fieldErrors = issue.path[0] === 'phase' ? nextErrors.phase : nextErrors.message;\n        fieldErrors.push(`${issue.path.join('.')}: ${issue.message}`);\n      }\n      setErrors(nextErrors);\n      return;\n    }\n    onSubmit(result.data);\n  };\n\n  return (\n    <div className=\"flex flex-col gap-4\">\n      <Field invalid={errors.phase.length > 0}>\n        <FieldLabel>Phase</FieldLabel>\n        <Select\n          value={value.phase}\n          onValueChange={phase => {\n            setErrors(NO_ERRORS);\n            onChange(withPhaseRole({ ...value, phase }));\n          }}\n          disabled={isSubmitLoading}\n        >\n          <SelectTrigger className=\"w-full\">\n            <SelectValue placeholder=\"Select phase\" />\n          </SelectTrigger>\n          <SelectContent>\n            {PROCESSOR_PHASES.map(phaseOption => (\n              <SelectItem key={phaseOption.value} value={phaseOption.value}>\n                {phaseOption.value}\n              </SelectItem>\n            ))}\n          </SelectContent>\n        </Select>\n        <FieldDescription>\n          {PROCESSOR_PHASES.find(phaseOption => phaseOption.value === value.phase)?.label}\n        </FieldDescription>\n        <FieldError>{errors.phase.length > 0 && <ErrorLines errors={errors.phase} />}</FieldError>\n      </Field>\n\n      <Field invalid={errors.message.length > 0}>\n        <FieldLabel>Test Message</FieldLabel>\n        <Textarea\n          value={getProcessorMessage(value)}\n          onChange={event => {\n            setErrors(NO_ERRORS);\n            onChange(withPhaseRole(updateProcessorMessage(value, event.target.value)));\n          }}\n          placeholder=\"Enter a test message...\"\n          rows={4}\n          disabled={isSubmitLoading}\n        />\n        <FieldError>{errors.message.length > 0 && <ErrorLines errors={errors.message} />}</FieldError>\n      </Field>\n\n      {children}\n\n      <FormSubmitRow\n        isSubmitLoading={isSubmitLoading}\n        submitButtonLabel={submitButtonLabel}\n        submitActions={submitActions}\n        leftActions={leftActions}\n        submitButtonIcon={submitButtonIcon}\n        submitButtonVariant={submitButtonVariant}\n        submitButtonFullWidth={submitButtonFullWidth}\n        onSubmit={handleSubmit}\n      />\n    </div>\n  );\n};\n"],"names":["jsx","useState","jsxs","Field","FieldLabel","Select","withPhaseRole","SelectTrigger","SelectValue","SelectContent","SelectItem","FieldDescription","FieldError","Textarea","getProcessorMessage","updateProcessorMessage","FormSubmitRow"],"mappings":"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"}
+{"version":3,"file":"workflow-processor-input.cjs.js","sources":["../../../../../src/domains/workflows/workflow/input/workflow-processor-input.tsx"],"sourcesContent":["import { useState } from 'react';\nimport type { WorkflowInputDataProps } from '../workflow-input-data';\nimport { getProcessorMessage, updateProcessorMessage, withPhaseRole } from './processor-input';\nimport type { ProcessorDraft } from './processor-input';\nimport { Field, FieldDescription, FieldError, FieldLabel } from '@/ds/components/Field';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/ds/components/Select';\nimport { Textarea } from '@/ds/components/Textarea';\nimport { FormSubmitRow } from '@/lib/form/components/form-submit-row';\n\nconst PROCESSOR_PHASES = [\n  { value: 'input', label: 'Input - Process input messages before LLM' },\n  { value: 'inputStep', label: 'Input Step - Process at each agentic loop step' },\n  { value: 'outputStream', label: 'Output Stream - Process streaming chunks' },\n  { value: 'outputResult', label: 'Output Result - Process complete output' },\n  { value: 'outputStep', label: 'Output Step - Process after each LLM response' },\n];\n\ntype WorkflowProcessorInputProps = Omit<WorkflowInputDataProps, 'defaultValues'> & {\n  value: ProcessorDraft;\n  onChange: (draft: ProcessorDraft) => void;\n};\n\ntype ProcessorErrors = { phase: string[]; message: string[] };\n\nconst NO_ERRORS: ProcessorErrors = { phase: [], message: [] };\n\nfunction ErrorLines({ errors }: { errors: string[] }) {\n  return (\n    <span className=\"space-y-1\">\n      {errors.map(error => (\n        <span key={error} className=\"block\">\n          {error}\n        </span>\n      ))}\n    </span>\n  );\n}\n\nexport const WorkflowProcessorInput = ({\n  schema,\n  value,\n  onChange,\n  isSubmitLoading,\n  submitButtonLabel,\n  onSubmit,\n  children,\n  submitActions,\n  leftActions,\n  submitButtonIcon,\n  submitButtonVariant,\n  submitButtonFullWidth,\n}: WorkflowProcessorInputProps) => {\n  const [errors, setErrors] = useState<ProcessorErrors>(NO_ERRORS);\n\n  const handleSubmit = () => {\n    setErrors(NO_ERRORS);\n\n    const result = schema.safeParse(value);\n    if (!result.success) {\n      const nextErrors: ProcessorErrors = { phase: [], message: [] };\n      for (const issue of result.error.issues) {\n        const fieldErrors = issue.path[0] === 'phase' ? nextErrors.phase : nextErrors.message;\n        fieldErrors.push(`${issue.path.join('.')}: ${issue.message}`);\n      }\n      setErrors(nextErrors);\n      return;\n    }\n    onSubmit(result.data);\n  };\n\n  return (\n    <div className=\"flex flex-col gap-4\">\n      <Field invalid={errors.phase.length > 0}>\n        <FieldLabel>Phase</FieldLabel>\n        <Select\n          value={value.phase}\n          onValueChange={phase => {\n            setErrors(NO_ERRORS);\n            onChange(withPhaseRole({ ...value, phase }));\n          }}\n          disabled={isSubmitLoading}\n        >\n          <SelectTrigger className=\"w-full\">\n            <SelectValue placeholder=\"Select phase\" />\n          </SelectTrigger>\n          <SelectContent>\n            {PROCESSOR_PHASES.map(phaseOption => (\n              <SelectItem key={phaseOption.value} value={phaseOption.value}>\n                {phaseOption.value}\n              </SelectItem>\n            ))}\n          </SelectContent>\n        </Select>\n        <FieldDescription>\n          {PROCESSOR_PHASES.find(phaseOption => phaseOption.value === value.phase)?.label}\n        </FieldDescription>\n        <FieldError>{errors.phase.length > 0 && <ErrorLines errors={errors.phase} />}</FieldError>\n      </Field>\n\n      <Field invalid={errors.message.length > 0}>\n        <FieldLabel>Test Message</FieldLabel>\n        <Textarea\n          value={getProcessorMessage(value)}\n          onChange={event => {\n            setErrors(NO_ERRORS);\n            onChange(withPhaseRole(updateProcessorMessage(value, event.target.value)));\n          }}\n          placeholder=\"Enter a test message...\"\n          rows={4}\n          disabled={isSubmitLoading}\n        />\n        <FieldError>{errors.message.length > 0 && <ErrorLines errors={errors.message} />}</FieldError>\n      </Field>\n\n      {children}\n\n      <FormSubmitRow\n        isSubmitLoading={isSubmitLoading}\n        submitButtonLabel={submitButtonLabel}\n        submitActions={submitActions}\n        leftActions={leftActions}\n        submitButtonIcon={submitButtonIcon}\n        submitButtonVariant={submitButtonVariant}\n        submitButtonFullWidth={submitButtonFullWidth}\n        onSubmit={handleSubmit}\n      />\n    </div>\n  );\n};\n"],"names":["jsx","useState","jsxs","Field","FieldLabel","Select","withPhaseRole","SelectTrigger","SelectValue","SelectContent","SelectItem","FieldDescription","FieldError","Textarea","getProcessorMessage","updateProcessorMessage","FormSubmitRow"],"mappings":"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"}

package/dist/domains/workflows/workflow/input/workflow-processor-input.es.js

@@ -1,8 +1,9 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
 import { withPhaseRole, updateProcessorMessage, getProcessorMessage } from './processor-input.es.js';
-import { F as Field, e as FieldLabel, b as FieldDescription, c as FieldError } from '../../../../field-Bc8Ewf_M.js';
-import { S as Select, d as SelectTrigger, e as SelectValue, a as SelectContent, c as SelectItem } from '../../../../select-BGAiIHnS.js';
+import { F as Field, e as FieldLabel, b as FieldDescription, c as FieldError } from '../../../../field-B89BEZg4.js';
+import '../../../../field-control-aria-DB6y41tQ.js';
+import { S as Select, d as SelectTrigger, e as SelectValue, a as SelectContent, c as SelectItem } from '../../../../select-N2lgBRsg.js';
 import { T as Textarea } from '../../../../textarea-Bl3htAGs.js';
 import { FormSubmitRow } from '../../../../lib/form/components/form-submit-row.es.js';
 

package/dist/domains/workflows/workflow/input/workflow-processor-input.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"workflow-processor-input.es.js","sources":["../../../../../src/domains/workflows/workflow/input/workflow-processor-input.tsx"],"sourcesContent":["import { useState } from 'react';\nimport type { WorkflowInputDataProps } from '../workflow-input-data';\nimport { getProcessorMessage, updateProcessorMessage, withPhaseRole } from './processor-input';\nimport type { ProcessorDraft } from './processor-input';\nimport { Field, FieldDescription, FieldError, FieldLabel } from '@/ds/components/Field';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/ds/components/Select';\nimport { Textarea } from '@/ds/components/Textarea';\nimport { FormSubmitRow } from '@/lib/form/components/form-submit-row';\n\nconst PROCESSOR_PHASES = [\n  { value: 'input', label: 'Input - Process input messages before LLM' },\n  { value: 'inputStep', label: 'Input Step - Process at each agentic loop step' },\n  { value: 'outputStream', label: 'Output Stream - Process streaming chunks' },\n  { value: 'outputResult', label: 'Output Result - Process complete output' },\n  { value: 'outputStep', label: 'Output Step - Process after each LLM response' },\n];\n\ntype WorkflowProcessorInputProps = Omit<WorkflowInputDataProps, 'defaultValues'> & {\n  value: ProcessorDraft;\n  onChange: (draft: ProcessorDraft) => void;\n};\n\ntype ProcessorErrors = { phase: string[]; message: string[] };\n\nconst NO_ERRORS: ProcessorErrors = { phase: [], message: [] };\n\nfunction ErrorLines({ errors }: { errors: string[] }) {\n  return (\n    <span className=\"space-y-1\">\n      {errors.map(error => (\n        <span key={error} className=\"block\">\n          {error}\n        </span>\n      ))}\n    </span>\n  );\n}\n\nexport const WorkflowProcessorInput = ({\n  schema,\n  value,\n  onChange,\n  isSubmitLoading,\n  submitButtonLabel,\n  onSubmit,\n  children,\n  submitActions,\n  leftActions,\n  submitButtonIcon,\n  submitButtonVariant,\n  submitButtonFullWidth,\n}: WorkflowProcessorInputProps) => {\n  const [errors, setErrors] = useState<ProcessorErrors>(NO_ERRORS);\n\n  const handleSubmit = () => {\n    setErrors(NO_ERRORS);\n\n    const result = schema.safeParse(value);\n    if (!result.success) {\n      const nextErrors: ProcessorErrors = { phase: [], message: [] };\n      for (const issue of result.error.issues) {\n        const fieldErrors = issue.path[0] === 'phase' ? nextErrors.phase : nextErrors.message;\n        fieldErrors.push(`${issue.path.join('.')}: ${issue.message}`);\n      }\n      setErrors(nextErrors);\n      return;\n    }\n    onSubmit(result.data);\n  };\n\n  return (\n    <div className=\"flex flex-col gap-4\">\n      <Field invalid={errors.phase.length > 0}>\n        <FieldLabel>Phase</FieldLabel>\n        <Select\n          value={value.phase}\n          onValueChange={phase => {\n            setErrors(NO_ERRORS);\n            onChange(withPhaseRole({ ...value, phase }));\n          }}\n          disabled={isSubmitLoading}\n        >\n          <SelectTrigger className=\"w-full\">\n            <SelectValue placeholder=\"Select phase\" />\n          </SelectTrigger>\n          <SelectContent>\n            {PROCESSOR_PHASES.map(phaseOption => (\n              <SelectItem key={phaseOption.value} value={phaseOption.value}>\n                {phaseOption.value}\n              </SelectItem>\n            ))}\n          </SelectContent>\n        </Select>\n        <FieldDescription>\n          {PROCESSOR_PHASES.find(phaseOption => phaseOption.value === value.phase)?.label}\n        </FieldDescription>\n        <FieldError>{errors.phase.length > 0 && <ErrorLines errors={errors.phase} />}</FieldError>\n      </Field>\n\n      <Field invalid={errors.message.length > 0}>\n        <FieldLabel>Test Message</FieldLabel>\n        <Textarea\n          value={getProcessorMessage(value)}\n          onChange={event => {\n            setErrors(NO_ERRORS);\n            onChange(withPhaseRole(updateProcessorMessage(value, event.target.value)));\n          }}\n          placeholder=\"Enter a test message...\"\n          rows={4}\n          disabled={isSubmitLoading}\n        />\n        <FieldError>{errors.message.length > 0 && <ErrorLines errors={errors.message} />}</FieldError>\n      </Field>\n\n      {children}\n\n      <FormSubmitRow\n        isSubmitLoading={isSubmitLoading}\n        submitButtonLabel={submitButtonLabel}\n        submitActions={submitActions}\n        leftActions={leftActions}\n        submitButtonIcon={submitButtonIcon}\n        submitButtonVariant={submitButtonVariant}\n        submitButtonFullWidth={submitButtonFullWidth}\n        onSubmit={handleSubmit}\n      />\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"workflow-processor-input.es.js","sources":["../../../../../src/domains/workflows/workflow/input/workflow-processor-input.tsx"],"sourcesContent":["import { useState } from 'react';\nimport type { WorkflowInputDataProps } from '../workflow-input-data';\nimport { getProcessorMessage, updateProcessorMessage, withPhaseRole } from './processor-input';\nimport type { ProcessorDraft } from './processor-input';\nimport { Field, FieldDescription, FieldError, FieldLabel } from '@/ds/components/Field';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/ds/components/Select';\nimport { Textarea } from '@/ds/components/Textarea';\nimport { FormSubmitRow } from '@/lib/form/components/form-submit-row';\n\nconst PROCESSOR_PHASES = [\n  { value: 'input', label: 'Input - Process input messages before LLM' },\n  { value: 'inputStep', label: 'Input Step - Process at each agentic loop step' },\n  { value: 'outputStream', label: 'Output Stream - Process streaming chunks' },\n  { value: 'outputResult', label: 'Output Result - Process complete output' },\n  { value: 'outputStep', label: 'Output Step - Process after each LLM response' },\n];\n\ntype WorkflowProcessorInputProps = Omit<WorkflowInputDataProps, 'defaultValues'> & {\n  value: ProcessorDraft;\n  onChange: (draft: ProcessorDraft) => void;\n};\n\ntype ProcessorErrors = { phase: string[]; message: string[] };\n\nconst NO_ERRORS: ProcessorErrors = { phase: [], message: [] };\n\nfunction ErrorLines({ errors }: { errors: string[] }) {\n  return (\n    <span className=\"space-y-1\">\n      {errors.map(error => (\n        <span key={error} className=\"block\">\n          {error}\n        </span>\n      ))}\n    </span>\n  );\n}\n\nexport const WorkflowProcessorInput = ({\n  schema,\n  value,\n  onChange,\n  isSubmitLoading,\n  submitButtonLabel,\n  onSubmit,\n  children,\n  submitActions,\n  leftActions,\n  submitButtonIcon,\n  submitButtonVariant,\n  submitButtonFullWidth,\n}: WorkflowProcessorInputProps) => {\n  const [errors, setErrors] = useState<ProcessorErrors>(NO_ERRORS);\n\n  const handleSubmit = () => {\n    setErrors(NO_ERRORS);\n\n    const result = schema.safeParse(value);\n    if (!result.success) {\n      const nextErrors: ProcessorErrors = { phase: [], message: [] };\n      for (const issue of result.error.issues) {\n        const fieldErrors = issue.path[0] === 'phase' ? nextErrors.phase : nextErrors.message;\n        fieldErrors.push(`${issue.path.join('.')}: ${issue.message}`);\n      }\n      setErrors(nextErrors);\n      return;\n    }\n    onSubmit(result.data);\n  };\n\n  return (\n    <div className=\"flex flex-col gap-4\">\n      <Field invalid={errors.phase.length > 0}>\n        <FieldLabel>Phase</FieldLabel>\n        <Select\n          value={value.phase}\n          onValueChange={phase => {\n            setErrors(NO_ERRORS);\n            onChange(withPhaseRole({ ...value, phase }));\n          }}\n          disabled={isSubmitLoading}\n        >\n          <SelectTrigger className=\"w-full\">\n            <SelectValue placeholder=\"Select phase\" />\n          </SelectTrigger>\n          <SelectContent>\n            {PROCESSOR_PHASES.map(phaseOption => (\n              <SelectItem key={phaseOption.value} value={phaseOption.value}>\n                {phaseOption.value}\n              </SelectItem>\n            ))}\n          </SelectContent>\n        </Select>\n        <FieldDescription>\n          {PROCESSOR_PHASES.find(phaseOption => phaseOption.value === value.phase)?.label}\n        </FieldDescription>\n        <FieldError>{errors.phase.length > 0 && <ErrorLines errors={errors.phase} />}</FieldError>\n      </Field>\n\n      <Field invalid={errors.message.length > 0}>\n        <FieldLabel>Test Message</FieldLabel>\n        <Textarea\n          value={getProcessorMessage(value)}\n          onChange={event => {\n            setErrors(NO_ERRORS);\n            onChange(withPhaseRole(updateProcessorMessage(value, event.target.value)));\n          }}\n          placeholder=\"Enter a test message...\"\n          rows={4}\n          disabled={isSubmitLoading}\n        />\n        <FieldError>{errors.message.length > 0 && <ErrorLines errors={errors.message} />}</FieldError>\n      </Field>\n\n      {children}\n\n      <FormSubmitRow\n        isSubmitLoading={isSubmitLoading}\n        submitButtonLabel={submitButtonLabel}\n        submitActions={submitActions}\n        leftActions={leftActions}\n        submitButtonIcon={submitButtonIcon}\n        submitButtonVariant={submitButtonVariant}\n        submitButtonFullWidth={submitButtonFullWidth}\n        onSubmit={handleSubmit}\n      />\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/domains/workflows/workflow/use-workflow-graph-runtime.es.js

@@ -6,7 +6,7 @@ import './data/workflow-edge-data-groups.es.js';
 import './utils.es.js';
 import './workflow-boundary-data.es.js';
 import './workflow-data-edge.es.js';
-export { u as useWorkflowGraphRuntime } from '../../../use-workflow-graph-runtime-DS7eWso7.js';
+export { u as useWorkflowGraphRuntime } from '../../../use-workflow-graph-runtime-CAyNWN_Z.js';
 import './workflow-step-node-utils.es.js';
 import '../../../types-CvneO3z0.js';
 import '../../../workflow-condition-card-DnSlcZ2s.js';

package/dist/domains/workflows/workflow/workflow-body-graph.es.js

@@ -1,6 +1,6 @@
 import 'react/jsx-runtime';
 import '@xyflow/react';
 import 'lucide-react';
-export { a as WorkflowBodyGraph } from '../../../use-workflow-graph-runtime-DS7eWso7.js';
+export { a as WorkflowBodyGraph } from '../../../use-workflow-graph-runtime-CAyNWN_Z.js';
 import '../../../Txt-BuzYj7Vy.js';
 //# sourceMappingURL=workflow-body-graph.es.js.map