@mastra/playground-ui 60.1.0 → 60.2.0-alpha.1

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

@@ -1 +1 @@
-{"version":3,"file":"trace-span-panel.es.js","sources":["../../../../src/domains/traces/components/trace-span-panel.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\nimport { SpanDataPanelView } from '@/domains/traces/components/span-data-panel-view';\nimport { TraceDataPanel } from '@/domains/traces/components/trace-data-panel';\nimport type { TraceDataPanelView } from '@/domains/traces/components/trace-data-panel-view';\nimport { TraceMessagesPanel } from '@/domains/traces/components/trace-messages-panel';\nimport { getTraceThreadId } from '@/domains/traces/components/trace-thread-context';\nimport { TraceThreadPanel } from '@/domains/traces/components/trace-thread-panel';\nimport { useSpanDetail } from '@/domains/traces/hooks/use-span-detail';\nimport { useTraceSpanNavigation } from '@/domains/traces/hooks/use-trace-span-navigation';\nimport { useLinkComponent } from '@/lib/framework';\nimport type { LinkComponentPaths } from '@/lib/framework';\n\ntype TraceDataPanelViewProps = ComponentProps<typeof TraceDataPanelView>;\n\nfunction getEntityHref(\n  paths: LinkComponentPaths,\n  entityType: string | null | undefined,\n  entityId: string | null | undefined,\n) {\n  if (!entityId || !entityType) return undefined;\n  const normalizedEntityType = entityType.toLowerCase();\n  if (normalizedEntityType.includes('workflow')) return paths.workflowLink(entityId) || undefined;\n  if (normalizedEntityType.includes('agent')) return paths.agentLink(entityId) || undefined;\n  return undefined;\n}\ntype SpanDataPanelViewProps = ComponentProps<typeof SpanDataPanelView>;\n\nexport interface TraceSpanPanelProps {\n  /** Keep the panel mounted and pass `undefined` to close it, so the drawer animates out. */\n  traceId?: string;\n  /** Spans returned by `useTraceOrBranchSpans` — the page owns the fetch, the panel renders it. */\n  spans: TraceDataPanelViewProps['spans'];\n  isLoadingSpans: boolean;\n  /** Controlled span selection (URL state on the traces page, local state in the chat aside). */\n  selectedSpanId: string | null;\n  onSpanSelect: (spanId: string | undefined) => void;\n  onClose: () => void;\n\n  // Trace-panel pass-through.\n  anchorSpanId?: string;\n  initialSpanId?: string | null;\n  onPrevious?: () => void;\n  onNext?: () => void;\n  onSaveAsDatasetItem?: TraceDataPanelViewProps['onSaveAsDatasetItem'];\n  onAddTraceMocksToItem?: TraceDataPanelViewProps['onAddTraceMocksToItem'];\n  feedbackTabBadge?: ReactNode;\n  feedbackTabSlot?: TraceDataPanelViewProps['feedbackTabSlot'];\n  /** Enables the \"Messages\" column (reconstructed turn) when the displayed root is a complete agent trace with a thread id. */\n  showPartialThread?: boolean;\n  /** Span ids featured in the timeline (non-featured spans are faded). */\n  featuredSpanIds?: string[];\n  /** Called with the span ids behind a reconstructed message when the user asks to highlight them. */\n  onHighlightSpans?: (spanIds: string[]) => void;\n  /** When true, the whole panel shows the trace's thread (every turn) instead of the trace timeline. */\n  isFullThreadOpen?: boolean;\n  /** Enables the in-place \"Open full thread\" swap; without it the action falls back to a link. */\n  onFullThreadOpenChange?: (open: boolean) => void;\n  /** Full-thread view: lists through the trace-query API; `false` falls back to `listTracesLight`. */\n  withQueryTrace: boolean;\n  /** Full-thread view: shows the per-trace Feedback tab. */\n  withFeedback: boolean;\n  /** Full-thread view: opens a score of one of the thread's traces (the app owns routing). */\n  onOpenScore: (traceId: string, scoreId: string) => void;\n  scoresTabBadge?: ReactNode;\n  scoresTabSlot?: TraceDataPanelViewProps['scoresTabSlot'];\n  usage?: TraceDataPanelViewProps['usage'];\n  traceHref?: string;\n  /** Drawer width; defaults to `wide`. */\n  size?: TraceDataPanelViewProps['size'];\n  /** Sibling-drawer elevation (see `DataPanel`). */\n  depth?: TraceDataPanelViewProps['depth'];\n  /** Rendered inside the drawer above the trace header (e.g. feedback context). */\n  headerSlot?: ReactNode;\n  /** Accessible drawer name; defaults to the trace id. */\n  title?: string;\n  showUnavailableFeaturesMsg?: TraceDataPanelViewProps['showUnavailableFeaturesMsg'];\n  spanView?: TraceDataPanelViewProps['spanView'];\n  onSpanViewChange?: TraceDataPanelViewProps['onSpanViewChange'];\n\n  // Span-panel pass-through.\n  spanActiveTab?: string;\n  onSpanTabChange?: (tab: string) => void;\n  spanFeedbackTabBadge?: ReactNode;\n  spanFeedbackTabSlot?: SpanDataPanelViewProps['feedbackTabSlot'];\n}\n\n/**\n * Shared trace → span drilldown drawer: `TraceDataPanel` with a nested `SpanDataPanelView`.\n * Encapsulates the span-detail fetch and prev/next span navigation that the traces page\n * and the agent chat traces aside used to duplicate.\n */\nexport function TraceSpanPanel({\n  traceId,\n  spans,\n  isLoadingSpans,\n  selectedSpanId,\n  onSpanSelect,\n  onClose,\n  anchorSpanId,\n  initialSpanId,\n  onPrevious,\n  onNext,\n  onSaveAsDatasetItem,\n  onAddTraceMocksToItem,\n  feedbackTabBadge,\n  feedbackTabSlot,\n  showPartialThread,\n  featuredSpanIds,\n  onHighlightSpans,\n  isFullThreadOpen,\n  onFullThreadOpenChange,\n  withQueryTrace,\n  withFeedback,\n  onOpenScore,\n  scoresTabBadge,\n  scoresTabSlot,\n  usage,\n  traceHref,\n  size,\n  depth,\n  headerSlot,\n  title,\n  showUnavailableFeaturesMsg,\n  spanView,\n  onSpanViewChange,\n  spanActiveTab,\n  onSpanTabChange,\n  spanFeedbackTabBadge,\n  spanFeedbackTabSlot,\n}: TraceSpanPanelProps) {\n  const { data: spanDetailData, isLoading: isLoadingSpanDetail } = useSpanDetail(traceId, selectedSpanId ?? '');\n  const { handlePreviousSpan, handleNextSpan } = useTraceSpanNavigation(spans, selectedSpanId, onSpanSelect);\n  const { Link, paths } = useLinkComponent();\n\n  // The trace summary links the entity to its page; the app's link provider owns the routes.\n  const rootSpan = anchorSpanId\n    ? spans?.find(s => s.spanId === anchorSpanId)\n    : spans?.find(s => s.parentSpanId == null);\n  const entityHref = getEntityHref(paths, rootSpan?.entityType, rootSpan?.entityId);\n  const threadId = getTraceThreadId(rootSpan, anchorSpanId);\n\n  if (traceId && isFullThreadOpen && threadId) {\n    return (\n      <TraceThreadPanel\n        title={title}\n        threadId={threadId}\n        anchorTraceId={traceId}\n        onOpenScore={onOpenScore}\n        withQueryTrace={withQueryTrace}\n        withFeedback={withFeedback}\n        onBack={() => onFullThreadOpenChange?.(false)}\n        onClose={onClose}\n      />\n    );\n  }\n\n  return (\n    <TraceDataPanel\n      traceId={traceId}\n      spans={spans}\n      anchorSpanId={anchorSpanId}\n      entityHref={entityHref}\n      usage={usage}\n      isLoading={isLoadingSpans}\n      onClose={onClose}\n      onSpanSelect={onSpanSelect}\n      onSaveAsDatasetItem={onSaveAsDatasetItem}\n      onAddTraceMocksToItem={onAddTraceMocksToItem}\n      initialSpanId={initialSpanId ?? selectedSpanId}\n      onPrevious={onPrevious}\n      onNext={onNext}\n      placement=\"traces-list\"\n      LinkComponent={Link}\n      traceHref={traceHref}\n      size={size}\n      depth={depth}\n      headerSlot={headerSlot}\n      title={title}\n      showUnavailableFeaturesMsg={showUnavailableFeaturesMsg}\n      spanView={spanView}\n      onSpanViewChange={onSpanViewChange}\n      feedbackTabBadge={feedbackTabBadge}\n      feedbackTabSlot={feedbackTabSlot}\n      featuredSpanIds={featuredSpanIds}\n      messagesPanelSlot={\n        traceId && showPartialThread && threadId ? (\n          <TraceMessagesPanel\n            traceId={traceId}\n            threadId={threadId}\n            onViewFullThread={onFullThreadOpenChange ? () => onFullThreadOpenChange(true) : undefined}\n            onHighlightSpans={onHighlightSpans}\n          />\n        ) : undefined\n      }\n      scoresTabBadge={scoresTabBadge}\n      scoresTabSlot={scoresTabSlot}\n      spanPanelSlot={\n        traceId && selectedSpanId ? (\n          <SpanDataPanelView\n            traceId={traceId}\n            spanId={selectedSpanId}\n            span={spanDetailData?.span}\n            isAnchor={anchorSpanId ? selectedSpanId === anchorSpanId : undefined}\n            isLoading={isLoadingSpanDetail}\n            onPrevious={handlePreviousSpan}\n            onNext={handleNextSpan}\n            activeTab={spanActiveTab}\n            onTabChange={onSpanTabChange}\n            feedbackTabBadge={spanFeedbackTabBadge}\n            feedbackTabSlot={spanFeedbackTabSlot}\n          />\n        ) : null\n      }\n    />\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"trace-span-panel.es.js","sources":["../../../../src/domains/traces/components/trace-span-panel.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\nimport { SpanDataPanelView } from '@/domains/traces/components/span-data-panel-view';\nimport { TraceDataPanel } from '@/domains/traces/components/trace-data-panel';\nimport type { TraceDataPanelView } from '@/domains/traces/components/trace-data-panel-view';\nimport { TraceMessagesPanel } from '@/domains/traces/components/trace-messages-panel';\nimport { getTraceThreadId } from '@/domains/traces/components/trace-thread-context';\nimport { TraceThreadPanel } from '@/domains/traces/components/trace-thread-panel';\nimport { useSpanDetail } from '@/domains/traces/hooks/use-span-detail';\nimport { useTraceSpanNavigation } from '@/domains/traces/hooks/use-trace-span-navigation';\nimport { useLinkComponent } from '@/lib/framework';\nimport type { LinkComponentPaths } from '@/lib/framework';\n\ntype TraceDataPanelViewProps = ComponentProps<typeof TraceDataPanelView>;\n\nfunction getEntityHref(\n  paths: LinkComponentPaths,\n  entityType: string | null | undefined,\n  entityId: string | null | undefined,\n) {\n  if (!entityId || !entityType) return undefined;\n  const normalizedEntityType = entityType.toLowerCase();\n  if (normalizedEntityType.includes('workflow')) return paths.workflowLink(entityId) || undefined;\n  if (normalizedEntityType.includes('agent')) return paths.agentLink(entityId) || undefined;\n  return undefined;\n}\ntype SpanDataPanelViewProps = ComponentProps<typeof SpanDataPanelView>;\n\nexport interface TraceSpanPanelProps {\n  /** Keep the panel mounted and pass `undefined` to close it, so the drawer animates out. */\n  traceId?: string;\n  /** Spans returned by `useTraceOrBranchSpans` — the page owns the fetch, the panel renders it. */\n  spans: TraceDataPanelViewProps['spans'];\n  isLoadingSpans: boolean;\n  /** Controlled span selection (URL state on the traces page, local state in the chat aside). */\n  selectedSpanId: string | null;\n  onSpanSelect: (spanId: string | undefined) => void;\n  onClose: () => void;\n\n  // Trace-panel pass-through.\n  anchorSpanId?: string;\n  initialSpanId?: string | null;\n  onPrevious?: () => void;\n  onNext?: () => void;\n  onSaveAsDatasetItem?: TraceDataPanelViewProps['onSaveAsDatasetItem'];\n  onAddTraceMocksToItem?: TraceDataPanelViewProps['onAddTraceMocksToItem'];\n  feedbackTabBadge?: ReactNode;\n  feedbackTabSlot?: TraceDataPanelViewProps['feedbackTabSlot'];\n  /** Enables the \"Messages\" column (reconstructed turn) when the displayed root is a complete agent trace with a thread id. */\n  showPartialThread?: boolean;\n  /** Span ids featured in the timeline (non-featured spans are faded). */\n  featuredSpanIds?: string[];\n  /** Called with the span ids behind a reconstructed message when the user asks to highlight them. */\n  onHighlightSpans?: (spanIds: string[]) => void;\n  /** When true, the whole panel shows the trace's thread (every turn) instead of the trace timeline. */\n  isFullThreadOpen?: boolean;\n  /** Enables the in-place \"Open full thread\" swap; without it the action falls back to a link. */\n  onFullThreadOpenChange?: (open: boolean) => void;\n  /** Full-thread view: lists through the trace-query API; `false` falls back to `listTracesLight`. */\n  withQueryTrace: boolean;\n  /** Full-thread view: shows the per-trace Feedback tab. */\n  withFeedback: boolean;\n  /** Full-thread view: opens a score of one of the thread's traces (the app owns routing). */\n  onOpenScore: (traceId: string, scoreId: string) => void;\n  scoresTabBadge?: ReactNode;\n  scoresTabSlot?: TraceDataPanelViewProps['scoresTabSlot'];\n  usage?: TraceDataPanelViewProps['usage'];\n  traceHref?: string;\n  /** Drawer width; defaults to `wide`. */\n  size?: TraceDataPanelViewProps['size'];\n  /** Sibling-drawer elevation (see `DataPanel`). */\n  depth?: TraceDataPanelViewProps['depth'];\n  /** Rendered inside the drawer above the trace header (e.g. feedback context). */\n  headerSlot?: ReactNode;\n  /** Accessible drawer name; defaults to the trace id. */\n  title?: string;\n  showUnavailableFeaturesMsg?: TraceDataPanelViewProps['showUnavailableFeaturesMsg'];\n  spanView?: TraceDataPanelViewProps['spanView'];\n  onSpanViewChange?: TraceDataPanelViewProps['onSpanViewChange'];\n\n  // Span-panel pass-through.\n  spanActiveTab?: string;\n  onSpanTabChange?: (tab: string) => void;\n  spanFeedbackTabBadge?: ReactNode;\n  spanFeedbackTabSlot?: SpanDataPanelViewProps['feedbackTabSlot'];\n}\n\n/**\n * Shared trace → span drilldown drawer: `TraceDataPanel` with a nested `SpanDataPanelView`.\n * Encapsulates the span-detail fetch and prev/next span navigation that the traces page\n * and the agent chat traces aside used to duplicate.\n */\nexport function TraceSpanPanel({\n  traceId,\n  spans,\n  isLoadingSpans,\n  selectedSpanId,\n  onSpanSelect,\n  onClose,\n  anchorSpanId,\n  initialSpanId,\n  onPrevious,\n  onNext,\n  onSaveAsDatasetItem,\n  onAddTraceMocksToItem,\n  feedbackTabBadge,\n  feedbackTabSlot,\n  showPartialThread,\n  featuredSpanIds,\n  onHighlightSpans,\n  isFullThreadOpen,\n  onFullThreadOpenChange,\n  withQueryTrace,\n  withFeedback,\n  onOpenScore,\n  scoresTabBadge,\n  scoresTabSlot,\n  usage,\n  traceHref,\n  size,\n  depth,\n  headerSlot,\n  title,\n  showUnavailableFeaturesMsg,\n  spanView,\n  onSpanViewChange,\n  spanActiveTab,\n  onSpanTabChange,\n  spanFeedbackTabBadge,\n  spanFeedbackTabSlot,\n}: TraceSpanPanelProps) {\n  const { data: spanDetailData, isLoading: isLoadingSpanDetail } = useSpanDetail(traceId, selectedSpanId ?? '');\n  const { handlePreviousSpan, handleNextSpan } = useTraceSpanNavigation(spans, selectedSpanId, onSpanSelect);\n  const { Link, paths } = useLinkComponent();\n\n  // The trace summary links the entity to its page; the app's link provider owns the routes.\n  const rootSpan = anchorSpanId\n    ? spans?.find(s => s.spanId === anchorSpanId)\n    : spans?.find(s => s.parentSpanId == null);\n  const entityHref = getEntityHref(paths, rootSpan?.entityType, rootSpan?.entityId);\n  const threadId = getTraceThreadId(rootSpan, anchorSpanId);\n\n  if (traceId && isFullThreadOpen && threadId) {\n    return (\n      <TraceThreadPanel\n        title={title}\n        threadId={threadId}\n        onOpenScore={onOpenScore}\n        withQueryTrace={withQueryTrace}\n        withFeedback={withFeedback}\n        onBack={() => onFullThreadOpenChange?.(false)}\n        onClose={onClose}\n      />\n    );\n  }\n\n  return (\n    <TraceDataPanel\n      traceId={traceId}\n      spans={spans}\n      anchorSpanId={anchorSpanId}\n      entityHref={entityHref}\n      usage={usage}\n      isLoading={isLoadingSpans}\n      onClose={onClose}\n      onSpanSelect={onSpanSelect}\n      onSaveAsDatasetItem={onSaveAsDatasetItem}\n      onAddTraceMocksToItem={onAddTraceMocksToItem}\n      initialSpanId={initialSpanId ?? selectedSpanId}\n      onPrevious={onPrevious}\n      onNext={onNext}\n      placement=\"traces-list\"\n      LinkComponent={Link}\n      traceHref={traceHref}\n      size={size}\n      depth={depth}\n      headerSlot={headerSlot}\n      title={title}\n      showUnavailableFeaturesMsg={showUnavailableFeaturesMsg}\n      spanView={spanView}\n      onSpanViewChange={onSpanViewChange}\n      feedbackTabBadge={feedbackTabBadge}\n      feedbackTabSlot={feedbackTabSlot}\n      featuredSpanIds={featuredSpanIds}\n      messagesPanelSlot={\n        traceId && showPartialThread && threadId ? (\n          <TraceMessagesPanel\n            traceId={traceId}\n            threadId={threadId}\n            onViewFullThread={onFullThreadOpenChange ? () => onFullThreadOpenChange(true) : undefined}\n            onHighlightSpans={onHighlightSpans}\n          />\n        ) : undefined\n      }\n      scoresTabBadge={scoresTabBadge}\n      scoresTabSlot={scoresTabSlot}\n      spanPanelSlot={\n        traceId && selectedSpanId ? (\n          <SpanDataPanelView\n            traceId={traceId}\n            spanId={selectedSpanId}\n            span={spanDetailData?.span}\n            isAnchor={anchorSpanId ? selectedSpanId === anchorSpanId : undefined}\n            isLoading={isLoadingSpanDetail}\n            onPrevious={handlePreviousSpan}\n            onNext={handleNextSpan}\n            activeTab={spanActiveTab}\n            onTabChange={onSpanTabChange}\n            feedbackTabBadge={spanFeedbackTabBadge}\n            feedbackTabSlot={spanFeedbackTabSlot}\n          />\n        ) : null\n      }\n    />\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/domains/traces/components/trace-summary-description.cjs.js

@@ -6,7 +6,7 @@ const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const domains_traces_utils_spanUtils = require('../utils/span-utils.cjs.js');
 const domains_traces_components_traceStatusValue = require('./trace-status-value.cjs.js');
-const dataPanel = require('../../../data-panel-D7Qk4iwZ.cjs');
+const dataPanel = require('../../../data-panel-o-QLWuFV.cjs');
 const Txt = require('../../../Txt-DPmEpNbp.cjs');
 const icons_AgentIcon = require('../../../icons/AgentIcon.cjs.js');
 const icons_WorkflowIcon = require('../../../icons/WorkflowIcon.cjs.js');

package/dist/domains/traces/components/trace-summary-description.es.js

@@ -2,7 +2,7 @@ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { CalendarClockIcon, TimerIcon, ArrowDownToLineIcon, ArrowUpFromLineIcon, CircleDollarSignIcon } from 'lucide-react';
 import { getSpanDurationMs } from '../utils/span-utils.es.js';
 import { TraceStatusValue } from './trace-status-value.es.js';
-import { D as DataPanel } from '../../../data-panel-DuLf5j8S.js';
+import { D as DataPanel } from '../../../data-panel-CbomKGJt.js';
 import { T as Txt } from '../../../Txt-BP1SRHmL.js';
 import { AgentIcon } from '../../../icons/AgentIcon.es.js';
 import { WorkflowIcon } from '../../../icons/WorkflowIcon.es.js';

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

@@ -5,13 +5,12 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
 const domains_traces_components_threadViewByTrace = require('./thread-view-by-trace.cjs.js');
-const dataPanel = require('../../../data-panel-D7Qk4iwZ.cjs');
+const dataPanel = require('../../../data-panel-o-QLWuFV.cjs');
 
 function TraceThreadPanel({
   threadId,
   withQueryTrace,
   withFeedback,
-  anchorTraceId,
   onOpenScore,
   onBack,
   onClose,
@@ -32,7 +31,6 @@ function TraceThreadPanel({
         threadId,
         withQueryTrace,
         withFeedback,
-        anchorTraceId,
         onOpenScore,
         onSelectedSpanChange: (selected) => setHasSelectedSpan(selected !== null)
       }

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

@@ -1 +1 @@
-{"version":3,"file":"trace-thread-panel.cjs.js","sources":["../../../../src/domains/traces/components/trace-thread-panel.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { ThreadViewByTrace } from '@/domains/traces/components/thread-view-by-trace';\nimport { DataPanel } from '@/ds/components/DataPanel';\n\nexport interface TraceThreadPanelProps {\n  threadId: string;\n  withQueryTrace: boolean;\n  withFeedback: boolean;\n  /** Trace to expand and scroll to when the thread opens. */\n  anchorTraceId?: string;\n  onOpenScore: (traceId: string, scoreId: string) => void;\n  /** Return to the trace panel this thread view replaced. */\n  onBack: () => void;\n  /** Close the whole side panel. */\n  onClose: () => void;\n  /** Accessible drawer name; defaults to the thread id. */\n  title?: string;\n}\n\n/** The trace drawer swapped for the full thread: every turn as traces, anchored on `anchorTraceId`. */\nexport function TraceThreadPanel({\n  threadId,\n  withQueryTrace,\n  withFeedback,\n  anchorTraceId,\n  onOpenScore,\n  onBack,\n  onClose,\n  title,\n}: TraceThreadPanelProps) {\n  // Like the trace panel: the drawer only takes the full frame while a span detail is open.\n  const [hasSelectedSpan, setHasSelectedSpan] = useState(false);\n  return (\n    <DataPanel open onClose={onClose} title={title ?? `Thread ${threadId}`} size={hasSelectedSpan ? 'full' : 'wide'}>\n      <DataPanel.Header>\n        {/* The leading arrow leaves this view for the trace it replaced; the drawer itself still closes via Escape / backdrop. */}\n        <DataPanel.CloseButton onClick={onBack} label=\"Back to trace\" tooltip=\"Back to trace\" />\n        <DataPanel.HeaderContent>\n          <DataPanel.Heading>\n            Thread\n            <DataPanel.CopyId id={threadId} />\n          </DataPanel.Heading>\n        </DataPanel.HeaderContent>\n      </DataPanel.Header>\n      <div className=\"min-h-0 flex-1\">\n        <ThreadViewByTrace\n          threadId={threadId}\n          withQueryTrace={withQueryTrace}\n          withFeedback={withFeedback}\n          anchorTraceId={anchorTraceId}\n          onOpenScore={onOpenScore}\n          onSelectedSpanChange={selected => setHasSelectedSpan(selected !== null)}\n        />\n      </div>\n    </DataPanel>\n  );\n}\n"],"names":["useState","jsxs","DataPanel","jsx","ThreadViewByTrace"],"mappings":";;;;;;;;;AAqBO,SAAS,gBAAA,CAAiB;AAAA,EAC/B,QAAA;AAAA,EACA,cAAA;AAAA,EACA,YAAA;AAAA,EACA,aAAA;AAAA,EACA,WAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAA,EAA0B;AAExB,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAIA,eAAS,KAAK,CAAA;AAC5D,EAAA,uBACEC,eAAA,CAACC,mBAAA,EAAA,EAAU,IAAA,EAAI,IAAA,EAAC,OAAA,EAAkB,KAAA,EAAO,KAAA,IAAS,CAAA,OAAA,EAAU,QAAQ,CAAA,CAAA,EAAI,IAAA,EAAM,eAAA,GAAkB,SAAS,MAAA,EACvG,QAAA,EAAA;AAAA,oBAAAD,eAAA,CAACC,mBAAA,CAAU,QAAV,EAEC,QAAA,EAAA;AAAA,sBAAAC,cAAA,CAACD,mBAAA,CAAU,aAAV,EAAsB,OAAA,EAAS,QAAQ,KAAA,EAAM,eAAA,EAAgB,SAAQ,eAAA,EAAgB,CAAA;AAAA,qCACrFA,mBAAA,CAAU,aAAA,EAAV,EACC,QAAA,kBAAAD,eAAA,CAACC,mBAAA,CAAU,SAAV,EAAkB,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,wBAEjBC,cAAA,CAACD,mBAAA,CAAU,MAAA,EAAV,EAAiB,IAAI,QAAA,EAAU;AAAA,OAAA,EAClC,CAAA,EACF;AAAA,KAAA,EACF,CAAA;AAAA,oBACAC,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gBAAA,EACb,QAAA,kBAAAA,cAAA;AAAA,MAACC,6DAAA;AAAA,MAAA;AAAA,QACC,QAAA;AAAA,QACA,cAAA;AAAA,QACA,YAAA;AAAA,QACA,aAAA;AAAA,QACA,WAAA;AAAA,QACA,oBAAA,EAAsB,CAAA,QAAA,KAAY,kBAAA,CAAmB,QAAA,KAAa,IAAI;AAAA;AAAA,KACxE,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"trace-thread-panel.cjs.js","sources":["../../../../src/domains/traces/components/trace-thread-panel.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { ThreadViewByTrace } from '@/domains/traces/components/thread-view-by-trace';\nimport { DataPanel } from '@/ds/components/DataPanel';\n\nexport interface TraceThreadPanelProps {\n  threadId: string;\n  withQueryTrace: boolean;\n  withFeedback: boolean;\n  onOpenScore: (traceId: string, scoreId: string) => void;\n  /** Return to the trace panel this thread view replaced. */\n  onBack: () => void;\n  /** Close the whole side panel. */\n  onClose: () => void;\n  /** Accessible drawer name; defaults to the thread id. */\n  title?: string;\n}\n\n/** The trace drawer swapped for the full thread: every turn as traces, opened on the latest one. */\nexport function TraceThreadPanel({\n  threadId,\n  withQueryTrace,\n  withFeedback,\n  onOpenScore,\n  onBack,\n  onClose,\n  title,\n}: TraceThreadPanelProps) {\n  // Like the trace panel: the drawer only takes the full frame while a span detail is open.\n  const [hasSelectedSpan, setHasSelectedSpan] = useState(false);\n  return (\n    <DataPanel open onClose={onClose} title={title ?? `Thread ${threadId}`} size={hasSelectedSpan ? 'full' : 'wide'}>\n      <DataPanel.Header>\n        {/* The leading arrow leaves this view for the trace it replaced; the drawer itself still closes via Escape / backdrop. */}\n        <DataPanel.CloseButton onClick={onBack} label=\"Back to trace\" tooltip=\"Back to trace\" />\n        <DataPanel.HeaderContent>\n          <DataPanel.Heading>\n            Thread\n            <DataPanel.CopyId id={threadId} />\n          </DataPanel.Heading>\n        </DataPanel.HeaderContent>\n      </DataPanel.Header>\n      <div className=\"min-h-0 flex-1\">\n        <ThreadViewByTrace\n          threadId={threadId}\n          withQueryTrace={withQueryTrace}\n          withFeedback={withFeedback}\n          onOpenScore={onOpenScore}\n          onSelectedSpanChange={selected => setHasSelectedSpan(selected !== null)}\n        />\n      </div>\n    </DataPanel>\n  );\n}\n"],"names":["useState","jsxs","DataPanel","jsx","ThreadViewByTrace"],"mappings":";;;;;;;;;AAmBO,SAAS,gBAAA,CAAiB;AAAA,EAC/B,QAAA;AAAA,EACA,cAAA;AAAA,EACA,YAAA;AAAA,EACA,WAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAA,EAA0B;AAExB,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAIA,eAAS,KAAK,CAAA;AAC5D,EAAA,uBACEC,eAAA,CAACC,mBAAA,EAAA,EAAU,IAAA,EAAI,IAAA,EAAC,OAAA,EAAkB,KAAA,EAAO,KAAA,IAAS,CAAA,OAAA,EAAU,QAAQ,CAAA,CAAA,EAAI,IAAA,EAAM,eAAA,GAAkB,SAAS,MAAA,EACvG,QAAA,EAAA;AAAA,oBAAAD,eAAA,CAACC,mBAAA,CAAU,QAAV,EAEC,QAAA,EAAA;AAAA,sBAAAC,cAAA,CAACD,mBAAA,CAAU,aAAV,EAAsB,OAAA,EAAS,QAAQ,KAAA,EAAM,eAAA,EAAgB,SAAQ,eAAA,EAAgB,CAAA;AAAA,qCACrFA,mBAAA,CAAU,aAAA,EAAV,EACC,QAAA,kBAAAD,eAAA,CAACC,mBAAA,CAAU,SAAV,EAAkB,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,wBAEjBC,cAAA,CAACD,mBAAA,CAAU,MAAA,EAAV,EAAiB,IAAI,QAAA,EAAU;AAAA,OAAA,EAClC,CAAA,EACF;AAAA,KAAA,EACF,CAAA;AAAA,oBACAC,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gBAAA,EACb,QAAA,kBAAAA,cAAA;AAAA,MAACC,6DAAA;AAAA,MAAA;AAAA,QACC,QAAA;AAAA,QACA,cAAA;AAAA,QACA,YAAA;AAAA,QACA,WAAA;AAAA,QACA,oBAAA,EAAsB,CAAA,QAAA,KAAY,kBAAA,CAAmB,QAAA,KAAa,IAAI;AAAA;AAAA,KACxE,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

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

@@ -1,13 +1,12 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
 import { ThreadViewByTrace } from './thread-view-by-trace.es.js';
-import { D as DataPanel } from '../../../data-panel-DuLf5j8S.js';
+import { D as DataPanel } from '../../../data-panel-CbomKGJt.js';
 
 function TraceThreadPanel({
   threadId,
   withQueryTrace,
   withFeedback,
-  anchorTraceId,
   onOpenScore,
   onBack,
   onClose,
@@ -28,7 +27,6 @@ function TraceThreadPanel({
         threadId,
         withQueryTrace,
         withFeedback,
-        anchorTraceId,
         onOpenScore,
         onSelectedSpanChange: (selected) => setHasSelectedSpan(selected !== null)
       }

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

@@ -1 +1 @@
-{"version":3,"file":"trace-thread-panel.es.js","sources":["../../../../src/domains/traces/components/trace-thread-panel.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { ThreadViewByTrace } from '@/domains/traces/components/thread-view-by-trace';\nimport { DataPanel } from '@/ds/components/DataPanel';\n\nexport interface TraceThreadPanelProps {\n  threadId: string;\n  withQueryTrace: boolean;\n  withFeedback: boolean;\n  /** Trace to expand and scroll to when the thread opens. */\n  anchorTraceId?: string;\n  onOpenScore: (traceId: string, scoreId: string) => void;\n  /** Return to the trace panel this thread view replaced. */\n  onBack: () => void;\n  /** Close the whole side panel. */\n  onClose: () => void;\n  /** Accessible drawer name; defaults to the thread id. */\n  title?: string;\n}\n\n/** The trace drawer swapped for the full thread: every turn as traces, anchored on `anchorTraceId`. */\nexport function TraceThreadPanel({\n  threadId,\n  withQueryTrace,\n  withFeedback,\n  anchorTraceId,\n  onOpenScore,\n  onBack,\n  onClose,\n  title,\n}: TraceThreadPanelProps) {\n  // Like the trace panel: the drawer only takes the full frame while a span detail is open.\n  const [hasSelectedSpan, setHasSelectedSpan] = useState(false);\n  return (\n    <DataPanel open onClose={onClose} title={title ?? `Thread ${threadId}`} size={hasSelectedSpan ? 'full' : 'wide'}>\n      <DataPanel.Header>\n        {/* The leading arrow leaves this view for the trace it replaced; the drawer itself still closes via Escape / backdrop. */}\n        <DataPanel.CloseButton onClick={onBack} label=\"Back to trace\" tooltip=\"Back to trace\" />\n        <DataPanel.HeaderContent>\n          <DataPanel.Heading>\n            Thread\n            <DataPanel.CopyId id={threadId} />\n          </DataPanel.Heading>\n        </DataPanel.HeaderContent>\n      </DataPanel.Header>\n      <div className=\"min-h-0 flex-1\">\n        <ThreadViewByTrace\n          threadId={threadId}\n          withQueryTrace={withQueryTrace}\n          withFeedback={withFeedback}\n          anchorTraceId={anchorTraceId}\n          onOpenScore={onOpenScore}\n          onSelectedSpanChange={selected => setHasSelectedSpan(selected !== null)}\n        />\n      </div>\n    </DataPanel>\n  );\n}\n"],"names":[],"mappings":";;;;;AAqBO,SAAS,gBAAA,CAAiB;AAAA,EAC/B,QAAA;AAAA,EACA,cAAA;AAAA,EACA,YAAA;AAAA,EACA,aAAA;AAAA,EACA,WAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAA,EAA0B;AAExB,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAI,SAAS,KAAK,CAAA;AAC5D,EAAA,uBACE,IAAA,CAAC,SAAA,EAAA,EAAU,IAAA,EAAI,IAAA,EAAC,OAAA,EAAkB,KAAA,EAAO,KAAA,IAAS,CAAA,OAAA,EAAU,QAAQ,CAAA,CAAA,EAAI,IAAA,EAAM,eAAA,GAAkB,SAAS,MAAA,EACvG,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,SAAA,CAAU,QAAV,EAEC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,SAAA,CAAU,aAAV,EAAsB,OAAA,EAAS,QAAQ,KAAA,EAAM,eAAA,EAAgB,SAAQ,eAAA,EAAgB,CAAA;AAAA,0BACrF,SAAA,CAAU,aAAA,EAAV,EACC,QAAA,kBAAA,IAAA,CAAC,SAAA,CAAU,SAAV,EAAkB,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,wBAEjB,GAAA,CAAC,SAAA,CAAU,MAAA,EAAV,EAAiB,IAAI,QAAA,EAAU;AAAA,OAAA,EAClC,CAAA,EACF;AAAA,KAAA,EACF,CAAA;AAAA,oBACA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gBAAA,EACb,QAAA,kBAAA,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,QAAA;AAAA,QACA,cAAA;AAAA,QACA,YAAA;AAAA,QACA,aAAA;AAAA,QACA,WAAA;AAAA,QACA,oBAAA,EAAsB,CAAA,QAAA,KAAY,kBAAA,CAAmB,QAAA,KAAa,IAAI;AAAA;AAAA,KACxE,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"trace-thread-panel.es.js","sources":["../../../../src/domains/traces/components/trace-thread-panel.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { ThreadViewByTrace } from '@/domains/traces/components/thread-view-by-trace';\nimport { DataPanel } from '@/ds/components/DataPanel';\n\nexport interface TraceThreadPanelProps {\n  threadId: string;\n  withQueryTrace: boolean;\n  withFeedback: boolean;\n  onOpenScore: (traceId: string, scoreId: string) => void;\n  /** Return to the trace panel this thread view replaced. */\n  onBack: () => void;\n  /** Close the whole side panel. */\n  onClose: () => void;\n  /** Accessible drawer name; defaults to the thread id. */\n  title?: string;\n}\n\n/** The trace drawer swapped for the full thread: every turn as traces, opened on the latest one. */\nexport function TraceThreadPanel({\n  threadId,\n  withQueryTrace,\n  withFeedback,\n  onOpenScore,\n  onBack,\n  onClose,\n  title,\n}: TraceThreadPanelProps) {\n  // Like the trace panel: the drawer only takes the full frame while a span detail is open.\n  const [hasSelectedSpan, setHasSelectedSpan] = useState(false);\n  return (\n    <DataPanel open onClose={onClose} title={title ?? `Thread ${threadId}`} size={hasSelectedSpan ? 'full' : 'wide'}>\n      <DataPanel.Header>\n        {/* The leading arrow leaves this view for the trace it replaced; the drawer itself still closes via Escape / backdrop. */}\n        <DataPanel.CloseButton onClick={onBack} label=\"Back to trace\" tooltip=\"Back to trace\" />\n        <DataPanel.HeaderContent>\n          <DataPanel.Heading>\n            Thread\n            <DataPanel.CopyId id={threadId} />\n          </DataPanel.Heading>\n        </DataPanel.HeaderContent>\n      </DataPanel.Header>\n      <div className=\"min-h-0 flex-1\">\n        <ThreadViewByTrace\n          threadId={threadId}\n          withQueryTrace={withQueryTrace}\n          withFeedback={withFeedback}\n          onOpenScore={onOpenScore}\n          onSelectedSpanChange={selected => setHasSelectedSpan(selected !== null)}\n        />\n      </div>\n    </DataPanel>\n  );\n}\n"],"names":[],"mappings":";;;;;AAmBO,SAAS,gBAAA,CAAiB;AAAA,EAC/B,QAAA;AAAA,EACA,cAAA;AAAA,EACA,YAAA;AAAA,EACA,WAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAA,EAA0B;AAExB,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAI,SAAS,KAAK,CAAA;AAC5D,EAAA,uBACE,IAAA,CAAC,SAAA,EAAA,EAAU,IAAA,EAAI,IAAA,EAAC,OAAA,EAAkB,KAAA,EAAO,KAAA,IAAS,CAAA,OAAA,EAAU,QAAQ,CAAA,CAAA,EAAI,IAAA,EAAM,eAAA,GAAkB,SAAS,MAAA,EACvG,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,SAAA,CAAU,QAAV,EAEC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,SAAA,CAAU,aAAV,EAAsB,OAAA,EAAS,QAAQ,KAAA,EAAM,eAAA,EAAgB,SAAQ,eAAA,EAAgB,CAAA;AAAA,0BACrF,SAAA,CAAU,aAAA,EAAV,EACC,QAAA,kBAAA,IAAA,CAAC,SAAA,CAAU,SAAV,EAAkB,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,wBAEjB,GAAA,CAAC,SAAA,CAAU,MAAA,EAAV,EAAiB,IAAI,QAAA,EAAU;AAAA,OAAA,EAClC,CAAA,EACF;AAAA,KAAA,EACF,CAAA;AAAA,oBACA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gBAAA,EACb,QAAA,kBAAA,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,QAAA;AAAA,QACA,cAAA;AAAA,QACA,YAAA;AAAA,QACA,WAAA;AAAA,QACA,oBAAA,EAAsB,CAAA,QAAA,KAAY,kBAAA,CAAmB,QAAA,KAAa,IAAI;AAAA;AAAA,KACxE,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/domains/traces/components/trace-time-range-chip.cjs.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const domains_traces_traceFilters = require('../trace-filters.cjs.js');
-const dateTimeRangePicker = require('../../../date-time-range-picker-UheN070q.cjs');
-const filterBarChip = require('../../../filter-bar-chip-CBlHsz4A.cjs');
+const dateTimeRangePicker = require('../../../date-time-range-picker-Bb-CGVEL.cjs');
+const filterBarChip = require('../../../filter-bar-chip-BsWm7SQr.cjs');
 const utils_cn = require('../../../cn-DG0X1KEP.cjs');
 
 const TRACE_TIME_RANGE_FIELD_ID = "timeRange";

package/dist/domains/traces/components/trace-time-range-chip.es.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { traceFilterFieldColor, traceFilterFieldIcon } from '../trace-filters.es.js';
-import { D as DateTimeRangePicker } from '../../../date-time-range-picker-BDylIIzt.js';
-import { u as useFilterBarContext, F as FilterBarChip, a as FilterBarFieldLabel, f as fieldSegmentAccentStyle, s as segmentClass, e as editableSegmentClass } from '../../../filter-bar-chip-DFOtEvpW.js';
+import { D as DateTimeRangePicker } from '../../../date-time-range-picker-B1zYIQTC.js';
+import { u as useFilterBarContext, F as FilterBarChip, a as FilterBarFieldLabel, f as fieldSegmentAccentStyle, s as segmentClass, e as editableSegmentClass } from '../../../filter-bar-chip-Dmboyu1t.js';
 import { c as cn } from '../../../cn-65Adrsfj.js';
 
 const TRACE_TIME_RANGE_FIELD_ID = "timeRange";

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

@@ -8,9 +8,9 @@ const lucideReact = require('lucide-react');
 const React = require('react');
 const domains_traces_traceListColumns = require('../trace-list-columns.cjs.js');
 const domains_traces_utils_spanUtils = require('../utils/span-utils.cjs.js');
-const dataList = require('../../../data-list-Y42KyuI1.cjs');
-const dataListSkeleton = require('../../../data-list-skeleton-BXPfL0s7.cjs');
-const tracesDataList = require('../../../traces-data-list-BsAYYJ9t.cjs');
+const dataList = require('../../../data-list-Bqf-fhMx.cjs');
+const dataListSkeleton = require('../../../data-list-skeleton-DuqQkzwC.cjs');
+const tracesDataList = require('../../../traces-data-list-Dd8vMPQK.cjs');
 const useDataListKeyboard = require('../../../use-data-list-keyboard-DF3tLe10.cjs');
 const dropdownMenu = require('../../../dropdown-menu-j2y37TL5.cjs');
 const Txt = require('../../../Txt-DPmEpNbp.cjs');

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

@@ -4,9 +4,9 @@ import { ListFilterIcon } from 'lucide-react';
 import { useRef, useEffect } from 'react';
 import { buildTraceListColumns, hasTraceColumn, DEFAULT_TRACE_COLUMN_PREFERENCES, TRACE_CUSTOM_COLUMN_LABELS, formatTraceMetadataValue } from '../trace-list-columns.es.js';
 import { getInputPreview, getSpanDurationMs } from '../utils/span-utils.es.js';
-import { D as DataList } from '../../../data-list-CyeD_u-6.js';
-import { D as DataListSkeleton } from '../../../data-list-skeleton-Bk9LI0J0.js';
-import { T as TracesDataList } from '../../../traces-data-list-CnNpGVRN.js';
+import { D as DataList } from '../../../data-list-CEIYm7FY.js';
+import { D as DataListSkeleton } from '../../../data-list-skeleton-CeyLefM5.js';
+import { T as TracesDataList } from '../../../traces-data-list-Fvl8mlih.js';
 import { u as useDataListKeyboard } from '../../../use-data-list-keyboard-DFQr4t38.js';
 import { D as DropdownMenu } from '../../../dropdown-menu-DpEn6HwK.js';
 import { T as Txt } from '../../../Txt-BP1SRHmL.js';

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

@@ -4,7 +4,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const domains_traces_traceListColumns = require('../trace-list-columns.cjs.js');
-const dataListSkeleton = require('../../../data-list-skeleton-BXPfL0s7.cjs');
+const dataListSkeleton = require('../../../data-list-skeleton-DuqQkzwC.cjs');
+require('react');
+require('../../../keyboard/keyboard-shortcuts-context.cjs.js');
 const skeleton = require('../../../skeleton-cXUjPrq9.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,6 +1,8 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { buildTraceListColumns, DEFAULT_TRACE_COLUMN_PREFERENCES } from '../trace-list-columns.es.js';
-import { D as DataListSkeleton } from '../../../data-list-skeleton-Bk9LI0J0.js';
+import { D as DataListSkeleton } from '../../../data-list-skeleton-CeyLefM5.js';
+import 'react';
+import '../../../keyboard/keyboard-shortcuts-context.es.js';
 import { S as Skeleton } from '../../../skeleton-BsRAXyh5.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/traces/hooks/use-traces-list-source.cjs.js

@@ -13,6 +13,7 @@ function useTracesListSource({
   initialAutoRefetch = true,
   withQueryTrace,
   legacyFilters,
+  limit,
   enabled
 }) {
   const [now, setNow] = React.useState(() => /* @__PURE__ */ new Date());
@@ -23,6 +24,7 @@ function useTracesListSource({
     refetchOnWindowFocus: autoRefetch,
     withQueryTrace,
     legacyFilters,
+    limit,
     enabled
   });
   React.useEffect(() => {

package/dist/domains/traces/hooks/use-traces-list-source.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-traces-list-source.cjs.js","sources":["../../../../src/domains/traces/hooks/use-traces-list-source.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { toTracesListViewTraces } from '../components/traces-list-view-adapter';\nimport { useTraceQuery } from './use-trace-query';\nimport type { TraceQueryArgs, UseTraceQueryArgs } from './use-trace-query';\n\nexport interface UseTracesListSourceArgs {\n  query: (now: Date) => TraceQueryArgs;\n  orderBy?: TraceQueryArgs['orderBy'];\n  rolling?: boolean;\n  initialAutoRefetch?: boolean;\n  withQueryTrace?: boolean;\n  legacyFilters?: UseTraceQueryArgs['legacyFilters'];\n  enabled?: boolean;\n}\n\nexport function useTracesListSource({\n  query: buildQuery,\n  orderBy,\n  rolling = true,\n  initialAutoRefetch = true,\n  withQueryTrace,\n  legacyFilters,\n  enabled,\n}: UseTracesListSourceArgs) {\n  const [now, setNow] = useState(() => new Date());\n  const [autoRefetch, setAutoRefetch] = useState(initialAutoRefetch);\n  const result = useTraceQuery({\n    query: orderBy ? { ...buildQuery(now), orderBy } : buildQuery(now),\n    refetchInterval: autoRefetch && !rolling ? 10_000 : false,\n    refetchOnWindowFocus: autoRefetch,\n    withQueryTrace,\n    legacyFilters,\n    enabled,\n  });\n\n  // Moving the query key refreshes the cursor chain once, without a second polling request.\n  useEffect(() => {\n    if (!autoRefetch || !rolling || result.error) return;\n    const timer = setInterval(() => setNow(new Date()), 10_000);\n    return () => clearInterval(timer);\n  }, [autoRefetch, rolling, result.error]);\n\n  return {\n    ...result,\n    rows: toTracesListViewTraces(result.data ?? []),\n    autoRefetch,\n    setAutoRefetch,\n  };\n}\n"],"names":["useState","useTraceQuery","useEffect","toTracesListViewTraces"],"mappings":";;;;;;;;AAeO,SAAS,mBAAA,CAAoB;AAAA,EAClC,KAAA,EAAO,UAAA;AAAA,EACP,OAAA;AAAA,EACA,OAAA,GAAU,IAAA;AAAA,EACV,kBAAA,GAAqB,IAAA;AAAA,EACrB,cAAA;AAAA,EACA,aAAA;AAAA,EACA;AACF,CAAA,EAA4B;AAC1B,EAAA,MAAM,CAAC,KAAK,MAAM,CAAA,GAAIA,eAAS,sBAAM,IAAI,MAAM,CAAA;AAC/C,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAIA,eAAS,kBAAkB,CAAA;AACjE,EAAA,MAAM,SAASC,gDAAA,CAAc;AAAA,IAC3B,KAAA,EAAO,OAAA,GAAU,EAAE,GAAG,UAAA,CAAW,GAAG,CAAA,EAAG,OAAA,EAAQ,GAAI,UAAA,CAAW,GAAG,CAAA;AAAA,IACjE,eAAA,EAAiB,WAAA,IAAe,CAAC,OAAA,GAAU,GAAA,GAAS,KAAA;AAAA,IACpD,oBAAA,EAAsB,WAAA;AAAA,IACtB,cAAA;AAAA,IACA,aAAA;AAAA,IACA;AAAA,GACD,CAAA;AAGD,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,WAAA,IAAe,CAAC,OAAA,IAAW,OAAO,KAAA,EAAO;AAC9C,IAAA,MAAM,KAAA,GAAQ,YAAY,MAAM,MAAA,qBAAW,IAAA,EAAM,GAAG,GAAM,CAAA;AAC1D,IAAA,OAAO,MAAM,cAAc,KAAK,CAAA;AAAA,EAClC,GAAG,CAAC,WAAA,EAAa,OAAA,EAAS,MAAA,CAAO,KAAK,CAAC,CAAA;AAEvC,EAAA,OAAO;AAAA,IACL,GAAG,MAAA;AAAA,IACH,IAAA,EAAMC,sEAAA,CAAuB,MAAA,CAAO,IAAA,IAAQ,EAAE,CAAA;AAAA,IAC9C,WAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}
+{"version":3,"file":"use-traces-list-source.cjs.js","sources":["../../../../src/domains/traces/hooks/use-traces-list-source.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { toTracesListViewTraces } from '../components/traces-list-view-adapter';\nimport { useTraceQuery } from './use-trace-query';\nimport type { TraceQueryArgs, UseTraceQueryArgs } from './use-trace-query';\n\nexport interface UseTracesListSourceArgs {\n  query: (now: Date) => TraceQueryArgs;\n  orderBy?: TraceQueryArgs['orderBy'];\n  rolling?: boolean;\n  initialAutoRefetch?: boolean;\n  withQueryTrace?: boolean;\n  legacyFilters?: UseTraceQueryArgs['legacyFilters'];\n  /** Rows per page; defaults to `TRACE_QUERY_PER_PAGE`. */\n  limit?: number;\n  enabled?: boolean;\n}\n\nexport function useTracesListSource({\n  query: buildQuery,\n  orderBy,\n  rolling = true,\n  initialAutoRefetch = true,\n  withQueryTrace,\n  legacyFilters,\n  limit,\n  enabled,\n}: UseTracesListSourceArgs) {\n  const [now, setNow] = useState(() => new Date());\n  const [autoRefetch, setAutoRefetch] = useState(initialAutoRefetch);\n  const result = useTraceQuery({\n    query: orderBy ? { ...buildQuery(now), orderBy } : buildQuery(now),\n    refetchInterval: autoRefetch && !rolling ? 10_000 : false,\n    refetchOnWindowFocus: autoRefetch,\n    withQueryTrace,\n    legacyFilters,\n    limit,\n    enabled,\n  });\n\n  // Moving the query key refreshes the cursor chain once, without a second polling request.\n  useEffect(() => {\n    if (!autoRefetch || !rolling || result.error) return;\n    const timer = setInterval(() => setNow(new Date()), 10_000);\n    return () => clearInterval(timer);\n  }, [autoRefetch, rolling, result.error]);\n\n  return {\n    ...result,\n    rows: toTracesListViewTraces(result.data ?? []),\n    autoRefetch,\n    setAutoRefetch,\n  };\n}\n"],"names":["useState","useTraceQuery","useEffect","toTracesListViewTraces"],"mappings":";;;;;;;;AAiBO,SAAS,mBAAA,CAAoB;AAAA,EAClC,KAAA,EAAO,UAAA;AAAA,EACP,OAAA;AAAA,EACA,OAAA,GAAU,IAAA;AAAA,EACV,kBAAA,GAAqB,IAAA;AAAA,EACrB,cAAA;AAAA,EACA,aAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF,CAAA,EAA4B;AAC1B,EAAA,MAAM,CAAC,KAAK,MAAM,CAAA,GAAIA,eAAS,sBAAM,IAAI,MAAM,CAAA;AAC/C,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAIA,eAAS,kBAAkB,CAAA;AACjE,EAAA,MAAM,SAASC,gDAAA,CAAc;AAAA,IAC3B,KAAA,EAAO,OAAA,GAAU,EAAE,GAAG,UAAA,CAAW,GAAG,CAAA,EAAG,OAAA,EAAQ,GAAI,UAAA,CAAW,GAAG,CAAA;AAAA,IACjE,eAAA,EAAiB,WAAA,IAAe,CAAC,OAAA,GAAU,GAAA,GAAS,KAAA;AAAA,IACpD,oBAAA,EAAsB,WAAA;AAAA,IACtB,cAAA;AAAA,IACA,aAAA;AAAA,IACA,KAAA;AAAA,IACA;AAAA,GACD,CAAA;AAGD,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,WAAA,IAAe,CAAC,OAAA,IAAW,OAAO,KAAA,EAAO;AAC9C,IAAA,MAAM,KAAA,GAAQ,YAAY,MAAM,MAAA,qBAAW,IAAA,EAAM,GAAG,GAAM,CAAA;AAC1D,IAAA,OAAO,MAAM,cAAc,KAAK,CAAA;AAAA,EAClC,GAAG,CAAC,WAAA,EAAa,OAAA,EAAS,MAAA,CAAO,KAAK,CAAC,CAAA;AAEvC,EAAA,OAAO;AAAA,IACL,GAAG,MAAA;AAAA,IACH,IAAA,EAAMC,sEAAA,CAAuB,MAAA,CAAO,IAAA,IAAQ,EAAE,CAAA;AAAA,IAC9C,WAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}

package/dist/domains/traces/hooks/use-traces-list-source.es.js

@@ -9,6 +9,7 @@ function useTracesListSource({
   initialAutoRefetch = true,
   withQueryTrace,
   legacyFilters,
+  limit,
   enabled
 }) {
   const [now, setNow] = useState(() => /* @__PURE__ */ new Date());
@@ -19,6 +20,7 @@ function useTracesListSource({
     refetchOnWindowFocus: autoRefetch,
     withQueryTrace,
     legacyFilters,
+    limit,
     enabled
   });
   useEffect(() => {

package/dist/domains/traces/hooks/use-traces-list-source.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-traces-list-source.es.js","sources":["../../../../src/domains/traces/hooks/use-traces-list-source.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { toTracesListViewTraces } from '../components/traces-list-view-adapter';\nimport { useTraceQuery } from './use-trace-query';\nimport type { TraceQueryArgs, UseTraceQueryArgs } from './use-trace-query';\n\nexport interface UseTracesListSourceArgs {\n  query: (now: Date) => TraceQueryArgs;\n  orderBy?: TraceQueryArgs['orderBy'];\n  rolling?: boolean;\n  initialAutoRefetch?: boolean;\n  withQueryTrace?: boolean;\n  legacyFilters?: UseTraceQueryArgs['legacyFilters'];\n  enabled?: boolean;\n}\n\nexport function useTracesListSource({\n  query: buildQuery,\n  orderBy,\n  rolling = true,\n  initialAutoRefetch = true,\n  withQueryTrace,\n  legacyFilters,\n  enabled,\n}: UseTracesListSourceArgs) {\n  const [now, setNow] = useState(() => new Date());\n  const [autoRefetch, setAutoRefetch] = useState(initialAutoRefetch);\n  const result = useTraceQuery({\n    query: orderBy ? { ...buildQuery(now), orderBy } : buildQuery(now),\n    refetchInterval: autoRefetch && !rolling ? 10_000 : false,\n    refetchOnWindowFocus: autoRefetch,\n    withQueryTrace,\n    legacyFilters,\n    enabled,\n  });\n\n  // Moving the query key refreshes the cursor chain once, without a second polling request.\n  useEffect(() => {\n    if (!autoRefetch || !rolling || result.error) return;\n    const timer = setInterval(() => setNow(new Date()), 10_000);\n    return () => clearInterval(timer);\n  }, [autoRefetch, rolling, result.error]);\n\n  return {\n    ...result,\n    rows: toTracesListViewTraces(result.data ?? []),\n    autoRefetch,\n    setAutoRefetch,\n  };\n}\n"],"names":[],"mappings":";;;;AAeO,SAAS,mBAAA,CAAoB;AAAA,EAClC,KAAA,EAAO,UAAA;AAAA,EACP,OAAA;AAAA,EACA,OAAA,GAAU,IAAA;AAAA,EACV,kBAAA,GAAqB,IAAA;AAAA,EACrB,cAAA;AAAA,EACA,aAAA;AAAA,EACA;AACF,CAAA,EAA4B;AAC1B,EAAA,MAAM,CAAC,KAAK,MAAM,CAAA,GAAI,SAAS,sBAAM,IAAI,MAAM,CAAA;AAC/C,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAS,kBAAkB,CAAA;AACjE,EAAA,MAAM,SAAS,aAAA,CAAc;AAAA,IAC3B,KAAA,EAAO,OAAA,GAAU,EAAE,GAAG,UAAA,CAAW,GAAG,CAAA,EAAG,OAAA,EAAQ,GAAI,UAAA,CAAW,GAAG,CAAA;AAAA,IACjE,eAAA,EAAiB,WAAA,IAAe,CAAC,OAAA,GAAU,GAAA,GAAS,KAAA;AAAA,IACpD,oBAAA,EAAsB,WAAA;AAAA,IACtB,cAAA;AAAA,IACA,aAAA;AAAA,IACA;AAAA,GACD,CAAA;AAGD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,WAAA,IAAe,CAAC,OAAA,IAAW,OAAO,KAAA,EAAO;AAC9C,IAAA,MAAM,KAAA,GAAQ,YAAY,MAAM,MAAA,qBAAW,IAAA,EAAM,GAAG,GAAM,CAAA;AAC1D,IAAA,OAAO,MAAM,cAAc,KAAK,CAAA;AAAA,EAClC,GAAG,CAAC,WAAA,EAAa,OAAA,EAAS,MAAA,CAAO,KAAK,CAAC,CAAA;AAEvC,EAAA,OAAO;AAAA,IACL,GAAG,MAAA;AAAA,IACH,IAAA,EAAM,sBAAA,CAAuB,MAAA,CAAO,IAAA,IAAQ,EAAE,CAAA;AAAA,IAC9C,WAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}
+{"version":3,"file":"use-traces-list-source.es.js","sources":["../../../../src/domains/traces/hooks/use-traces-list-source.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { toTracesListViewTraces } from '../components/traces-list-view-adapter';\nimport { useTraceQuery } from './use-trace-query';\nimport type { TraceQueryArgs, UseTraceQueryArgs } from './use-trace-query';\n\nexport interface UseTracesListSourceArgs {\n  query: (now: Date) => TraceQueryArgs;\n  orderBy?: TraceQueryArgs['orderBy'];\n  rolling?: boolean;\n  initialAutoRefetch?: boolean;\n  withQueryTrace?: boolean;\n  legacyFilters?: UseTraceQueryArgs['legacyFilters'];\n  /** Rows per page; defaults to `TRACE_QUERY_PER_PAGE`. */\n  limit?: number;\n  enabled?: boolean;\n}\n\nexport function useTracesListSource({\n  query: buildQuery,\n  orderBy,\n  rolling = true,\n  initialAutoRefetch = true,\n  withQueryTrace,\n  legacyFilters,\n  limit,\n  enabled,\n}: UseTracesListSourceArgs) {\n  const [now, setNow] = useState(() => new Date());\n  const [autoRefetch, setAutoRefetch] = useState(initialAutoRefetch);\n  const result = useTraceQuery({\n    query: orderBy ? { ...buildQuery(now), orderBy } : buildQuery(now),\n    refetchInterval: autoRefetch && !rolling ? 10_000 : false,\n    refetchOnWindowFocus: autoRefetch,\n    withQueryTrace,\n    legacyFilters,\n    limit,\n    enabled,\n  });\n\n  // Moving the query key refreshes the cursor chain once, without a second polling request.\n  useEffect(() => {\n    if (!autoRefetch || !rolling || result.error) return;\n    const timer = setInterval(() => setNow(new Date()), 10_000);\n    return () => clearInterval(timer);\n  }, [autoRefetch, rolling, result.error]);\n\n  return {\n    ...result,\n    rows: toTracesListViewTraces(result.data ?? []),\n    autoRefetch,\n    setAutoRefetch,\n  };\n}\n"],"names":[],"mappings":";;;;AAiBO,SAAS,mBAAA,CAAoB;AAAA,EAClC,KAAA,EAAO,UAAA;AAAA,EACP,OAAA;AAAA,EACA,OAAA,GAAU,IAAA;AAAA,EACV,kBAAA,GAAqB,IAAA;AAAA,EACrB,cAAA;AAAA,EACA,aAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF,CAAA,EAA4B;AAC1B,EAAA,MAAM,CAAC,KAAK,MAAM,CAAA,GAAI,SAAS,sBAAM,IAAI,MAAM,CAAA;AAC/C,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAS,kBAAkB,CAAA;AACjE,EAAA,MAAM,SAAS,aAAA,CAAc;AAAA,IAC3B,KAAA,EAAO,OAAA,GAAU,EAAE,GAAG,UAAA,CAAW,GAAG,CAAA,EAAG,OAAA,EAAQ,GAAI,UAAA,CAAW,GAAG,CAAA;AAAA,IACjE,eAAA,EAAiB,WAAA,IAAe,CAAC,OAAA,GAAU,GAAA,GAAS,KAAA;AAAA,IACpD,oBAAA,EAAsB,WAAA;AAAA,IACtB,cAAA;AAAA,IACA,aAAA;AAAA,IACA,KAAA;AAAA,IACA;AAAA,GACD,CAAA;AAGD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,WAAA,IAAe,CAAC,OAAA,IAAW,OAAO,KAAA,EAAO;AAC9C,IAAA,MAAM,KAAA,GAAQ,YAAY,MAAM,MAAA,qBAAW,IAAA,EAAM,GAAG,GAAM,CAAA;AAC1D,IAAA,OAAO,MAAM,cAAc,KAAK,CAAA;AAAA,EAClC,GAAG,CAAC,WAAA,EAAa,OAAA,EAAS,MAAA,CAAO,KAAK,CAAC,CAAA;AAEvC,EAAA,OAAO;AAAA,IACL,GAAG,MAAA;AAAA,IACH,IAAA,EAAM,sBAAA,CAAuB,MAAA,CAAO,IAAA,IAAQ,EAAE,CAAA;AAAA,IAC9C,WAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
 const domains_workflows_hooks_useWorkflows = require('../hooks/use-workflows.cjs.js');
-const combobox = require('../../../combobox-DJ0c4o4S.cjs');
+const combobox = require('../../../combobox-RzEkcOuu.cjs');
 require('@base-ui/react/combobox');
 const lib_framework = require('../../../lib/framework.cjs.js');
 const toast = require('../../../toast-nm-fM7BR.cjs');

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

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

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

@@ -7,10 +7,10 @@ const react = require('@xyflow/react');
 const lucideReact = require('lucide-react');
 const domains_workflows_context_workflowStepDetailContext = require('../context/workflow-step-detail-context.cjs.js');
 const domains_workflows_workflow_data_workflowDataInspector = require('../workflow/data/workflow-data-inspector.cjs.js');
-const domains_workflows_workflow_workflowNestedGraph = require('../../../use-workflow-graph-runtime-CIs2HzoP.cjs');
+const domains_workflows_workflow_workflowNestedGraph = require('../../../use-workflow-graph-runtime-BNAtEa06.cjs');
 const Txt = require('../../../Txt-DPmEpNbp.cjs');
 const workflowConditionCard = require('../../../workflow-condition-card-BjEAp0t6.cjs');
-const workflowCodeDialogContent = require('../../../workflow-code-dialog-content-BFm2IWDl.cjs');
+const workflowCodeDialogContent = require('../../../workflow-code-dialog-content-DyoN3850.cjs');
 const icons_WorkflowIcon = require('../../../icons/WorkflowIcon.cjs.js');
 
 function WorkflowStepDetailContent({ requestContext }) {

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-CexS1ECI.js';
+import { W as WorkflowNestedGraph } from '../../../use-workflow-graph-runtime-JQwLwNBD.js';
 import { T as Txt } from '../../../Txt-BP1SRHmL.js';
 import { B as BADGE_COLORS } from '../../../workflow-condition-card-3J-As62x.js';
-import { W as WorkflowCodeContent } from '../../../workflow-code-dialog-content-BM4ZnrUr.js';
+import { W as WorkflowCodeContent } from '../../../workflow-code-dialog-content-3AcgitHa.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 domains_workflows_components_workflowsList_workflowsSort = require('./work
 const domains_workflows_hooks_useWorkflowsRunCounts = require('../../hooks/use-workflows-run-counts.cjs.js');
 const domains_workflows_utils_nestedWorkflows = require('../../utils/nested-workflows.cjs.js');
 const Badge = require('../../../../Badge-D3EctKQo.cjs');
-const dataList = require('../../../../data-list-Y42KyuI1.cjs');
-const dataListSkeleton = require('../../../../data-list-skeleton-BXPfL0s7.cjs');
+const dataList = require('../../../../data-list-Bqf-fhMx.cjs');
+const dataListSkeleton = require('../../../../data-list-skeleton-DuqQkzwC.cjs');
 const useDataListKeyboard = require('../../../../use-data-list-keyboard-DF3tLe10.cjs');
 const tooltip = require('../../../../tooltip-DIZ5oqjV.cjs');
 const Txt = require('../../../../Txt-DPmEpNbp.cjs');

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

@@ -5,8 +5,8 @@ import { sortWorkflows } from './workflows-sort.es.js';
 import { useWorkflowsRunCounts } from '../../hooks/use-workflows-run-counts.es.js';
 import { flattenWorkflowTree } from '../../utils/nested-workflows.es.js';
 import { B as Badge } from '../../../../Badge-DmOqFpXW.js';
-import { D as DataList } from '../../../../data-list-CyeD_u-6.js';
-import { D as DataListSkeleton } from '../../../../data-list-skeleton-Bk9LI0J0.js';
+import { D as DataList } from '../../../../data-list-CEIYm7FY.js';
+import { D as DataListSkeleton } from '../../../../data-list-skeleton-CeyLefM5.js';
 import { u as useDataListKeyboard } from '../../../../use-data-list-keyboard-DFQr4t38.js';
 import { T as Tooltip, c as TooltipTrigger, a as TooltipContent } from '../../../../tooltip-DsQPiynb.js';
 import { T as Txt } from '../../../../Txt-BP1SRHmL.js';

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const domains_workflows_context_workflowStepDetailContext = require('../../context/workflow-step-detail-context.cjs.js');
 const domains_workflows_workflow_data_useWorkflowData = require('./use-workflow-data.cjs.js');
-const workflowEdgeDataButton = require('../../../../workflow-edge-data-button-BOVRo4xO.cjs');
+const workflowEdgeDataButton = require('../../../../workflow-edge-data-button-BFNO-TRL.cjs');
 
 function WorkflowDataButton({ selection }) {
   const { stepDetail, showData } = domains_workflows_context_workflowStepDetailContext.useWorkflowStepDetail();

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-C6eyWbcG.js';
+import { W as WorkflowEdgeDataButton } from '../../../../workflow-edge-data-button-2aIkzgev.js';
 
 function WorkflowDataButton({ selection }) {
   const { stepDetail, showData } = useWorkflowStepDetail();

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

@@ -12,7 +12,7 @@ const domains_workflows_context_workflowStepDetailContext = require('../../conte
 const domains_workflows_workflow_data_useWorkflowData = require('./use-workflow-data.cjs.js');
 const Badge = require('../../../../Badge-D3EctKQo.cjs');
 const Button = require('../../../../Button-CXhSUBxN.cjs');
-const codeEditor = require('../../../../code-editor-B_wPmKPf.cjs');
+const codeEditor = require('../../../../code-editor-Btr1qm_5.cjs');
 const Txt = require('../../../../Txt-DPmEpNbp.cjs');
 
 const DIRECTION_ICONS = { input: lucideReact.ArrowDownToLine, output: lucideReact.ArrowUpFromLine };

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-DmOqFpXW.js';
 import { B as Button } from '../../../../Button-D43ghVKt.js';
-import { C as CodeEditor } from '../../../../code-editor-28chVxHw.js';
+import { C as CodeEditor } from '../../../../code-editor-DzhYz1fH.js';
 import { T as Txt } from '../../../../Txt-BP1SRHmL.js';
 
 const DIRECTION_ICONS = { input: ArrowDownToLine, output: ArrowUpFromLine };

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const codeEditor = require('../../../../code-editor-B_wPmKPf.cjs');
-const fieldBlock = require('../../../../field-block-DtaPqBa3.cjs');
-const fieldErrorId = require('../../../../field-error-id-B3Z2Zu5y.cjs');
+const codeEditor = require('../../../../code-editor-Btr1qm_5.cjs');
+const field = require('../../../../field-ip9xiOVa.cjs');
+require('../../../../field-control-aria-WzMGs0A4.cjs');
 const lib_form_components_formSubmitRow = require('../../../../lib/form/components/form-submit-row.cjs.js');
 
 function WorkflowJsonInput({
@@ -18,17 +18,10 @@ function WorkflowJsonInput({
   ...submitProps
 }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      codeEditor.CodeEditor,
-      {
-        value,
-        onChange,
-        editable: !isSubmitLoading,
-        "aria-invalid": errors.length > 0 ? true : void 0,
-        "aria-describedby": errors.length > 0 ? fieldErrorId.fieldErrorId("workflow-json-input") : void 0
-      }
-    ),
-    errors.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(fieldBlock.FieldBlock.ErrorMsg, { name: "workflow-json-input", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "space-y-1", children: errors.map((error) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block", children: error }, error)) }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(field.Field, { invalid: errors.length > 0, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(codeEditor.CodeEditor, { value, onChange, editable: !isSubmitLoading }),
+      /* @__PURE__ */ jsxRuntime.jsx(field.FieldError, { children: errors.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "space-y-1", children: errors.map((error) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block", children: error }, error)) }) })
+    ] }),
     children,
     /* @__PURE__ */ jsxRuntime.jsx(lib_form_components_formSubmitRow.FormSubmitRow, { ...submitProps, isSubmitLoading, onSubmit })
   ] });

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 { FieldBlock, fieldErrorId } from '@/ds/components/FormFieldBlocks';\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      <CodeEditor\n        value={value}\n        onChange={onChange}\n        editable={!isSubmitLoading}\n        aria-invalid={errors.length > 0 ? true : undefined}\n        aria-describedby={errors.length > 0 ? fieldErrorId('workflow-json-input') : undefined}\n      />\n      {errors.length > 0 && (\n        <FieldBlock.ErrorMsg name=\"workflow-json-input\">\n          <span className=\"space-y-1\">\n            {errors.map(error => (\n              <span key={error} className=\"block\">\n                {error}\n              </span>\n            ))}\n          </span>\n        </FieldBlock.ErrorMsg>\n      )}\n      {children}\n      <FormSubmitRow {...submitProps} isSubmitLoading={isSubmitLoading} onSubmit={onSubmit} />\n    </div>\n  );\n}\n"],"names":["jsxs","jsx","CodeEditor","fieldErrorId","FieldBlock","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,oBAAAC,cAAA;AAAA,MAACC,qBAAA;AAAA,MAAA;AAAA,QACC,KAAA;AAAA,QACA,QAAA;AAAA,QACA,UAAU,CAAC,eAAA;AAAA,QACX,cAAA,EAAc,MAAA,CAAO,MAAA,GAAS,CAAA,GAAI,IAAA,GAAO,MAAA;AAAA,QACzC,oBAAkB,MAAA,CAAO,MAAA,GAAS,CAAA,GAAIC,yBAAA,CAAa,qBAAqB,CAAA,GAAI;AAAA;AAAA,KAC9E;AAAA,IACC,MAAA,CAAO,MAAA,GAAS,CAAA,oBACfF,cAAA,CAACG,qBAAA,CAAW,UAAX,EAAoB,IAAA,EAAK,qBAAA,EACxB,QAAA,kBAAAH,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,aACb,QAAA,EAAA,MAAA,CAAO,GAAA,CAAI,CAAA,KAAA,qBACVA,cAAA,CAAC,MAAA,EAAA,EAAiB,SAAA,EAAU,SACzB,QAAA,EAAA,KAAA,EAAA,EADQ,KAEX,CACD,CAAA,EACH,CAAA,EACF,CAAA;AAAA,IAED,QAAA;AAAA,oBACDA,cAAA,CAACI,+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,7 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { C as CodeEditor } from '../../../../code-editor-28chVxHw.js';
-import { F as FieldBlock } from '../../../../field-block--PeppIRb.js';
-import { f as fieldErrorId } from '../../../../field-error-id-D3yg1nBh.js';
+import { C as CodeEditor } from '../../../../code-editor-DzhYz1fH.js';
+import { F as Field, c as FieldError } from '../../../../field-BtvEQ68O.js';
+import '../../../../field-control-aria-DB6y41tQ.js';
 import { FormSubmitRow } from '../../../../lib/form/components/form-submit-row.es.js';
 
 function WorkflowJsonInput({
@@ -14,17 +14,10 @@ function WorkflowJsonInput({
   ...submitProps
 }) {
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
-    /* @__PURE__ */ jsx(
-      CodeEditor,
-      {
-        value,
-        onChange,
-        editable: !isSubmitLoading,
-        "aria-invalid": errors.length > 0 ? true : void 0,
-        "aria-describedby": errors.length > 0 ? fieldErrorId("workflow-json-input") : void 0
-      }
-    ),
-    errors.length > 0 && /* @__PURE__ */ jsx(FieldBlock.ErrorMsg, { name: "workflow-json-input", children: /* @__PURE__ */ jsx("span", { className: "space-y-1", children: errors.map((error) => /* @__PURE__ */ jsx("span", { className: "block", children: error }, error)) }) }),
+    /* @__PURE__ */ jsxs(Field, { invalid: errors.length > 0, children: [
+      /* @__PURE__ */ jsx(CodeEditor, { value, onChange, editable: !isSubmitLoading }),
+      /* @__PURE__ */ jsx(FieldError, { children: errors.length > 0 && /* @__PURE__ */ jsx("span", { className: "space-y-1", children: errors.map((error) => /* @__PURE__ */ jsx("span", { className: "block", children: error }, error)) }) })
+    ] }),
     children,
     /* @__PURE__ */ jsx(FormSubmitRow, { ...submitProps, isSubmitLoading, onSubmit })
   ] });

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 { FieldBlock, fieldErrorId } from '@/ds/components/FormFieldBlocks';\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      <CodeEditor\n        value={value}\n        onChange={onChange}\n        editable={!isSubmitLoading}\n        aria-invalid={errors.length > 0 ? true : undefined}\n        aria-describedby={errors.length > 0 ? fieldErrorId('workflow-json-input') : undefined}\n      />\n      {errors.length > 0 && (\n        <FieldBlock.ErrorMsg name=\"workflow-json-input\">\n          <span className=\"space-y-1\">\n            {errors.map(error => (\n              <span key={error} className=\"block\">\n                {error}\n              </span>\n            ))}\n          </span>\n        </FieldBlock.ErrorMsg>\n      )}\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,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,KAAA;AAAA,QACA,QAAA;AAAA,QACA,UAAU,CAAC,eAAA;AAAA,QACX,cAAA,EAAc,MAAA,CAAO,MAAA,GAAS,CAAA,GAAI,IAAA,GAAO,MAAA;AAAA,QACzC,oBAAkB,MAAA,CAAO,MAAA,GAAS,CAAA,GAAI,YAAA,CAAa,qBAAqB,CAAA,GAAI;AAAA;AAAA,KAC9E;AAAA,IACC,MAAA,CAAO,MAAA,GAAS,CAAA,oBACf,GAAA,CAAC,UAAA,CAAW,UAAX,EAAoB,IAAA,EAAK,qBAAA,EACxB,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,aACb,QAAA,EAAA,MAAA,CAAO,GAAA,CAAI,CAAA,KAAA,qBACV,GAAA,CAAC,MAAA,EAAA,EAAiB,SAAA,EAAU,SACzB,QAAA,EAAA,KAAA,EAAA,EADQ,KAEX,CACD,CAAA,EACH,CAAA,EACF,CAAA;AAAA,IAED,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;;;;"}