npm - @mastra/playground-ui - Versions diffs - 61.0.0 → 62.0.0-alpha.0 - Mend

@mastra/playground-ui 61.0.0 → 62.0.0-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2337) hide show

package/dist/domains/traces/components/trace-data-panel.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"trace-data-panel.es.js","sources":["../../../../src/domains/traces/components/trace-data-panel.tsx"],"sourcesContent":["import { useScorers } from '@mastra/react/hooks/scores';\nimport { useState, type ComponentProps } from 'react';\nimport { SpanScoring } from '@/domains/scores';\nimport { TraceDataPanelView, type TraceSideView } from '@/domains/traces/components/trace-data-panel-view';\nimport { Dialog, DialogContent, DialogHeader, DialogTitle } from '@/ds/components/Dialog';\n\ntype TraceDataPanelProps = Omit<\n ComponentProps<typeof TraceDataPanelView>,\n 'sideView' \| 'onSideViewChange' \| 'onEvaluateTrace'\n>;\n\n/*\n Owns the trace panel's side column view so scoring can land on \"Scores\". Mount it with a\n * `key` on the trace (and anchor span) so a view picked on a previous trace never leaks into the next one.\n */\nexport function TraceDataPanel(props: TraceDataPanelProps) {\n const [sideView, setSideView] = useState<TraceSideView>();\n const [isScoringOpen, setIsScoringOpen] = useState(false);\n const { data: scorers, isLoading: isLoadingScorers } = useScorers();\n const rootSpan = props.anchorSpanId\n ? props.spans?.find(span => span.spanId === props.anchorSpanId)\n : props.spans?.find(span => span.parentSpanId == null);\n\n return (\n <>\n <TraceDataPanelView\n {...props}\n onEvaluateTrace={() => setIsScoringOpen(true)}\n sideView={sideView}\n onSideViewChange={setSideView}\n />\n <Dialog open={isScoringOpen} onOpenChange={setIsScoringOpen}>\n <DialogContent size=\"lg\">\n <DialogHeader>\n <DialogTitle>Score trace</DialogTitle>\n </DialogHeader>\n\n {isScoringOpen && rootSpan && (\n <SpanScoring\n traceId={props.traceId}\n spanId={rootSpan.spanId}\n entityType={rootSpan.entityType === 'agent' ? 'Agent' : 'Workflow'}\n isTopLevelSpan={!rootSpan.parentSpanId}\n scorers={scorers}\n isLoadingScorers={isLoadingScorers}\n onSuccess={() => {\n setIsScoringOpen(false);\n setSideView('scores');\n }}\n />\n )}\n </DialogContent>\n </Dialog>\n </>\n );\n}\n"],"names":[],"mappings":"~~;;;;;;;;;;;;;;~~AAeO,SAAS,eAAe,KAAA,EAA4B;AACzD,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,QAAA,EAAwB;AACxD,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,SAAS,KAAK,CAAA;AACxD,EAAA,MAAM,EAAE,IAAA,EAAM,OAAA,EAAS,SAAA,EAAW,gBAAA,KAAqB,UAAA,EAAW;AAClE,EAAA,MAAM,WAAW,KAAA,CAAM,YAAA,GACnB,MAAM,KAAA,EAAO,IAAA,CAAK,UAAQ,IAAA,CAAK,MAAA,KAAW,KAAA,CAAM,YAAY,IAC5D,KAAA,CAAM,KAAA,EAAO,KAAK,CAAA,IAAA,KAAQ,IAAA,CAAK,gBAAgB,IAAI,CAAA;AAEvD,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,kBAAA;AAAA,MAAA;AAAA,QACE,GAAG,KAAA;AAAA,QACJ,eAAA,EAAiB,MAAM,gBAAA,CAAiB,IAAI,CAAA;AAAA,QAC5C,QAAA;AAAA,QACA,gBAAA,EAAkB;AAAA;AAAA,KACpB;AAAA,oBACA,GAAA,CAAC,UAAO,IAAA,EAAM,aAAA,EAAe,cAAc,gBAAA,EACzC,QAAA,kBAAA,IAAA,CAAC,aAAA,EAAA,EAAc,IAAA,EAAK,IAAA,EAClB,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,YAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,WAAA,EAAA,EAAY,QAAA,EAAA,aAAA,EAAW,CAAA,EAC1B,CAAA;AAAA,MAEC,iBAAiB,QAAA,oBAChB,GAAA;AAAA,QAAC,WAAA;AAAA,QAAA;AAAA,UACC,SAAS,KAAA,CAAM,OAAA;AAAA,UACf,QAAQ,QAAA,CAAS,MAAA;AAAA,UACjB,UAAA,EAAY,QAAA,CAAS,UAAA,KAAe,OAAA,GAAU,OAAA,GAAU,UAAA;AAAA,UACxD,cAAA,EAAgB,CAAC,QAAA,CAAS,YAAA;AAAA,UAC1B,OAAA;AAAA,UACA,gBAAA;AAAA,UACA,WAAW,MAAM;AACf,YAAA,gBAAA,CAAiB,KAAK,CAAA;AACtB,YAAA,WAAA,CAAY,QAAQ,CAAA;AAAA,UACtB;AAAA;AAAA;AACF,KAAA,EAEJ,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"trace-data-panel.es.js","sources":["../../../../src/domains/traces/components/trace-data-panel.tsx"],"sourcesContent":["import { useScorers } from '@mastra/react/hooks/scores';\nimport { useState, type ComponentProps } from 'react';\nimport { SpanScoring } from '@/domains/scores';\nimport { TraceDataPanelView, type TraceSideView } from '@/domains/traces/components/trace-data-panel-view';\nimport { Dialog, DialogContent, DialogHeader, DialogTitle } from '@/ds/components/Dialog';\n\ntype TraceDataPanelProps = Omit<\n ComponentProps<typeof TraceDataPanelView>,\n 'sideView' \| 'onSideViewChange' \| 'onEvaluateTrace'\n>;\n\n/*\n Owns the trace panel's side column view so scoring can land on \"Scores\". Mount it with a\n * `key` on the trace (and anchor span) so a view picked on a previous trace never leaks into the next one.\n */\nexport function TraceDataPanel(props: TraceDataPanelProps) {\n const [sideView, setSideView] = useState<TraceSideView>();\n const [isScoringOpen, setIsScoringOpen] = useState(false);\n const { data: scorers, isLoading: isLoadingScorers } = useScorers();\n const rootSpan = props.anchorSpanId\n ? props.spans?.find(span => span.spanId === props.anchorSpanId)\n : props.spans?.find(span => span.parentSpanId == null);\n\n return (\n <>\n <TraceDataPanelView\n {...props}\n onEvaluateTrace={() => setIsScoringOpen(true)}\n sideView={sideView}\n onSideViewChange={setSideView}\n />\n <Dialog open={isScoringOpen} onOpenChange={setIsScoringOpen}>\n <DialogContent size=\"lg\">\n <DialogHeader>\n <DialogTitle>Score trace</DialogTitle>\n </DialogHeader>\n\n {isScoringOpen && rootSpan && (\n <SpanScoring\n traceId={props.traceId}\n spanId={rootSpan.spanId}\n entityType={rootSpan.entityType === 'agent' ? 'Agent' : 'Workflow'}\n isTopLevelSpan={!rootSpan.parentSpanId}\n scorers={scorers}\n isLoadingScorers={isLoadingScorers}\n onSuccess={() => {\n setIsScoringOpen(false);\n setSideView('scores');\n }}\n />\n )}\n </DialogContent>\n </Dialog>\n </>\n );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAeO,SAAS,eAAe,KAAA,EAA4B;AACzD,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,QAAA,EAAwB;AACxD,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,SAAS,KAAK,CAAA;AACxD,EAAA,MAAM,EAAE,IAAA,EAAM,OAAA,EAAS,SAAA,EAAW,gBAAA,KAAqB,UAAA,EAAW;AAClE,EAAA,MAAM,WAAW,KAAA,CAAM,YAAA,GACnB,MAAM,KAAA,EAAO,IAAA,CAAK,UAAQ,IAAA,CAAK,MAAA,KAAW,KAAA,CAAM,YAAY,IAC5D,KAAA,CAAM,KAAA,EAAO,KAAK,CAAA,IAAA,KAAQ,IAAA,CAAK,gBAAgB,IAAI,CAAA;AAEvD,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,kBAAA;AAAA,MAAA;AAAA,QACE,GAAG,KAAA;AAAA,QACJ,eAAA,EAAiB,MAAM,gBAAA,CAAiB,IAAI,CAAA;AAAA,QAC5C,QAAA;AAAA,QACA,gBAAA,EAAkB;AAAA;AAAA,KACpB;AAAA,oBACA,GAAA,CAAC,UAAO,IAAA,EAAM,aAAA,EAAe,cAAc,gBAAA,EACzC,QAAA,kBAAA,IAAA,CAAC,aAAA,EAAA,EAAc,IAAA,EAAK,IAAA,EAClB,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,YAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,WAAA,EAAA,EAAY,QAAA,EAAA,aAAA,EAAW,CAAA,EAC1B,CAAA;AAAA,MAEC,iBAAiB,QAAA,oBAChB,GAAA;AAAA,QAAC,WAAA;AAAA,QAAA;AAAA,UACC,SAAS,KAAA,CAAM,OAAA;AAAA,UACf,QAAQ,QAAA,CAAS,MAAA;AAAA,UACjB,UAAA,EAAY,QAAA,CAAS,UAAA,KAAe,OAAA,GAAU,OAAA,GAAU,UAAA;AAAA,UACxD,cAAA,EAAgB,CAAC,QAAA,CAAS,YAAA;AAAA,UAC1B,OAAA;AAAA,UACA,gBAAA;AAAA,UACA,WAAW,MAAM;AACf,YAAA,gBAAA,CAAiB,KAAK,CAAA;AACtB,YAAA,WAAA,CAAY,QAAQ,CAAA;AAAA,UACtB;AAAA;AAAA;AACF,KAAA,EAEJ,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/domains/traces/components/trace-id-button.cjs.js CHANGED Viewed

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
-const dataPanel = require('../../../data-panel-b48tWgzs.cjs');
+const dataPanel = require('../../../data-panel-C3ympXVb.cjs');
 function TraceIdButton({ id }) {
   return /* @__PURE__ */ jsxRuntime.jsx(dataPanel.DataPanel.CopyId, { id });

package/dist/domains/traces/components/trace-id-button.es.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { D as DataPanel } from '../../../data-panel-Bzed2B75.js';
+import { D as DataPanel } from '../../../data-panel-CQb99UIM.js';
 function TraceIdButton({ id }) {
   return /* @__PURE__ */ jsx(DataPanel.CopyId, { id });

package/dist/domains/traces/components/trace-messages-panel.cjs.js CHANGED Viewed

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const domains_traces_components_traceThreadItemView = require('./trace-thread-item-view.cjs.js');
-const utils_cn = require('../../../cn-DG0X1KEP.cjs');
+const utils_cn = require('../../../cn-TqD01zH-.cjs');
 function TraceMessagesPanel({ traceId, className, onHighlightSpans }) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-testid": "messages-panel", className: utils_cn.cn("flex h-full min-h-0 flex-col", className), children: /* @__PURE__ */ jsxRuntime.jsx(domains_traces_components_traceThreadItemView.TraceThreadItemView, { traceId, onHighlightSpans }) });

package/dist/domains/traces/components/trace-messages-panel.es.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { TraceThreadItemView } from './trace-thread-item-view.es.js';
-import { c as cn } from '../../../cn-65Adrsfj.js';
+import { c as cn } from '../../../cn-coERSHz5.js';
 function TraceMessagesPanel({ traceId, className, onHighlightSpans }) {
   return /* @__PURE__ */ jsx("div", { "data-testid": "messages-panel", className: cn("flex h-full min-h-0 flex-col", className), children: /* @__PURE__ */ jsx(TraceThreadItemView, { traceId, onHighlightSpans }) });

package/dist/domains/traces/components/trace-messages-skeleton.cjs.js CHANGED Viewed

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
-const skeleton = require('../../../skeleton-cXUjPrq9.cjs');
-const utils_cn = require('../../../cn-DG0X1KEP.cjs');
+const skeleton = require('../../../skeleton-bUFvB8ok.cjs');
+const utils_cn = require('../../../cn-TqD01zH-.cjs');
 function BodyLine({ width }) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-5 items-center", children: /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-3.5", style: { width } }) });

package/dist/domains/traces/components/trace-messages-skeleton.es.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { S as Skeleton } from '../../../skeleton-BsRAXyh5.js';
-import { c as cn } from '../../../cn-65Adrsfj.js';
+import { S as Skeleton } from '../../../skeleton-Bjxvf3Y-.js';
+import { c as cn } from '../../../cn-coERSHz5.js';
 function BodyLine({ width }) {
   return /* @__PURE__ */ jsx("div", { className: "flex h-5 items-center", children: /* @__PURE__ */ jsx(Skeleton, { className: "h-3.5", style: { width } }) });

package/dist/domains/traces/components/trace-span-panel.cjs.js CHANGED Viewed

@@ -11,7 +11,7 @@ const domains_traces_components_traceMessagesPanel = require('./trace-messages-p
 const domains_traces_components_traceThreadContext = require('./trace-thread-context.cjs.js');
 const domains_traces_components_traceThreadPanel = require('./trace-thread-panel.cjs.js');
 const domains_traces_hooks_useTraceSpanNavigation = require('../hooks/use-trace-span-navigation.cjs.js');
-const Button = require('../../../Button-CXhSUBxN.cjs');
+const Button = require('../../../Button-BTuu6_hv.cjs');
 const lib_framework = require('../../../lib/framework.cjs.js');
 function getEntityHref(paths, entityType, entityId) {

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

@@ -7,7 +7,7 @@ import { TraceMessagesPanel } from './trace-messages-panel.es.js';
 import { getTraceThreadId } from './trace-thread-context.es.js';
 import { TraceThreadPanel } from './trace-thread-panel.es.js';
 import { useTraceSpanNavigation } from '../hooks/use-trace-span-navigation.es.js';
-import { B as Button } from '../../../Button-D43ghVKt.js';
+import { B as Button } from '../../../Button-D76HGlPP.js';
 import { useLinkComponent } from '../../../lib/framework.es.js';
 function getEntityHref(paths, entityType, entityId) {

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

@@ -7,8 +7,8 @@ const domains_traces_components_spanRows = require('./span-rows.cjs.js');
 const domains_traces_components_spanTimelineRow = require('./span-timeline-row.cjs.js');
 const domains_traces_components_spanTypeLegend = require('./span-type-legend.cjs.js');
 const domains_traces_components_traceSpanTree = require('./trace-span-tree.cjs.js');
-const Txt = require('../../../Txt-DFPibRb3.cjs');
-const utils_cn = require('../../../cn-DG0X1KEP.cjs');
+const Txt = require('../../../Txt-DXjXpX9r.cjs');
+const utils_cn = require('../../../cn-TqD01zH-.cjs');
 const utils_duration = require('../../../utils/duration.cjs.js');
 const TICKS = [0, 0.25, 0.5, 0.75, 1];

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

@@ -3,8 +3,8 @@ import { SpanRows } from './span-rows.es.js';
 import { SpanTimelineRow } from './span-timeline-row.es.js';
 import { SpanTypeLegend } from './span-type-legend.es.js';
 import { TraceSpanTreeLoading } from './trace-span-tree.es.js';
-import { T as Txt } from '../../../Txt-CuuPO9Ho.js';
-import { c as cn } from '../../../cn-65Adrsfj.js';
+import { T as Txt } from '../../../Txt-BuzYj7Vy.js';
+import { c as cn } from '../../../cn-coERSHz5.js';
 import { formatDurationPrecise } from '../../../utils/duration.es.js';
 const TICKS = [0, 0.25, 0.5, 0.75, 1];

package/dist/domains/traces/components/trace-span-tree-skeleton.cjs.js CHANGED Viewed

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
-const skeleton = require('../../../skeleton-cXUjPrq9.cjs');
-const utils_cn = require('../../../cn-DG0X1KEP.cjs');
+const skeleton = require('../../../skeleton-bUFvB8ok.cjs');
+const utils_cn = require('../../../cn-TqD01zH-.cjs');
 const ROWS = [
   [0, "55%"],

package/dist/domains/traces/components/trace-span-tree-skeleton.es.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { S as Skeleton } from '../../../skeleton-BsRAXyh5.js';
-import { c as cn } from '../../../cn-65Adrsfj.js';
+import { S as Skeleton } from '../../../skeleton-Bjxvf3Y-.js';
+import { c as cn } from '../../../cn-coERSHz5.js';
 const ROWS = [
   [0, "55%"],

package/dist/domains/traces/components/trace-span-tree.cjs.js CHANGED Viewed

@@ -7,8 +7,8 @@ const domains_traces_components_spanRows = require('./span-rows.cjs.js');
 const domains_traces_components_spanTreeRow = require('./span-tree-row.cjs.js');
 const domains_traces_components_spanTypeLegend = require('./span-type-legend.cjs.js');
 const domains_traces_components_traceSpanTreeSkeleton = require('./trace-span-tree-skeleton.cjs.js');
-const Txt = require('../../../Txt-DFPibRb3.cjs');
-const utils_cn = require('../../../cn-DG0X1KEP.cjs');
+const Txt = require('../../../Txt-DXjXpX9r.cjs');
+const utils_cn = require('../../../cn-TqD01zH-.cjs');
 const utils_duration = require('../../../utils/duration.cjs.js');
 function TraceSpanTreeLoading() {

package/dist/domains/traces/components/trace-span-tree.es.js CHANGED Viewed

@@ -3,8 +3,8 @@ import { SpanRows } from './span-rows.es.js';
 import { SpanTreeRow } from './span-tree-row.es.js';
 import { SpanTypeLegend } from './span-type-legend.es.js';
 import { TraceSpanTreeSkeleton } from './trace-span-tree-skeleton.es.js';
-import { T as Txt } from '../../../Txt-CuuPO9Ho.js';
-import { c as cn } from '../../../cn-65Adrsfj.js';
+import { T as Txt } from '../../../Txt-BuzYj7Vy.js';
+import { c as cn } from '../../../cn-coERSHz5.js';
 import { formatDurationPrecise } from '../../../utils/duration.es.js';
 function TraceSpanTreeLoading() {

package/dist/domains/traces/components/trace-status-value.cjs.js CHANGED Viewed

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
-const shimmer = require('../../../shimmer-DbSkqomT.cjs');
+const shimmer = require('../../../shimmer-Dyfey0dA.cjs');
 const STATUS_LABELS = {
   success: "Success",

package/dist/domains/traces/components/trace-status-value.es.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { S as Shimmer } from '../../../shimmer-BN7Dzm37.js';
+import { S as Shimmer } from '../../../shimmer-CnEcIuRK.js';
 const STATUS_LABELS = {
   success: "Success",

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

@@ -6,8 +6,8 @@ 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-b48tWgzs.cjs');
-const Txt = require('../../../Txt-DFPibRb3.cjs');
+const dataPanel = require('../../../data-panel-C3ympXVb.cjs');
+const Txt = require('../../../Txt-DXjXpX9r.cjs');
 const icons_AgentIcon = require('../../../icons/AgentIcon.cjs.js');
 const icons_WorkflowIcon = require('../../../icons/WorkflowIcon.cjs.js');
 const utils_cost = require('../../../utils/cost.cjs.js');

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

@@ -2,8 +2,8 @@ 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-Bzed2B75.js';
-import { T as Txt } from '../../../Txt-CuuPO9Ho.js';
+import { D as DataPanel } from '../../../data-panel-CQb99UIM.js';
+import { T as Txt } from '../../../Txt-BuzYj7Vy.js';
 import { AgentIcon } from '../../../icons/AgentIcon.es.js';
 import { WorkflowIcon } from '../../../icons/WorkflowIcon.es.js';
 import { formatCompactNumber, formatCost } from '../../../utils/cost.es.js';

package/dist/domains/traces/components/trace-thread-item-view.cjs.js CHANGED Viewed

@@ -10,9 +10,9 @@ const domains_traces_components_traceMessagesSkeleton = require('./trace-message
 const domains_chat_context_toolCallContext = require('../../chat/context/tool-call-context.cjs.js');
 const domains_chat_messages_messageRow = require('../../chat/messages/message-row.cjs.js');
 const domains_traces_components_tracesErrorContent = require('./traces-error-content.cjs.js');
-const Button = require('../../../Button-CXhSUBxN.cjs');
-const Txt = require('../../../Txt-DFPibRb3.cjs');
-const utils_cn = require('../../../cn-DG0X1KEP.cjs');
+const Button = require('../../../Button-BTuu6_hv.cjs');
+const Txt = require('../../../Txt-DXjXpX9r.cjs');
+const utils_cn = require('../../../cn-TqD01zH-.cjs');
 const noop = () => {
 };

package/dist/domains/traces/components/trace-thread-item-view.es.js CHANGED Viewed

@@ -6,9 +6,9 @@ import { TraceMessagesSkeleton } from './trace-messages-skeleton.es.js';
 import { ToolCallProvider } from '../../chat/context/tool-call-context.es.js';
 import { MessageRow } from '../../chat/messages/message-row.es.js';
 import { TracesErrorContent } from './traces-error-content.es.js';
-import { B as Button } from '../../../Button-D43ghVKt.js';
-import { T as Txt } from '../../../Txt-CuuPO9Ho.js';
-import { c as cn } from '../../../cn-65Adrsfj.js';
+import { B as Button } from '../../../Button-D76HGlPP.js';
+import { T as Txt } from '../../../Txt-BuzYj7Vy.js';
+import { c as cn } from '../../../cn-coERSHz5.js';
 const noop = () => {
 };

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

@@ -5,7 +5,7 @@ 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-b48tWgzs.cjs');
+const dataPanel = require('../../../data-panel-C3ympXVb.cjs');
 function TraceThreadPanel({
   open,

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

@@ -1,7 +1,7 @@
 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-Bzed2B75.js';
+import { D as DataPanel } from '../../../data-panel-CQb99UIM.js';
 function TraceThreadPanel({
   open,

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

@@ -3,17 +3,17 @@
 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-CvzC4nOt.cjs');
-const filterBarChip = require('../../../filter-bar-chip-CbX_iAzm.cjs');
-const utils_cn = require('../../../cn-DG0X1KEP.cjs');
+const domains_traces_traceQueryFilters = require('../../../trace-filters-Cvo41yor.cjs');
+const dateTimeRangePicker = require('../../../date-time-range-picker-BwgosA0R.cjs');
+const filterBarChip = require('../../../filter-bar-chip-CYuMQS_q.cjs');
+const utils_cn = require('../../../cn-TqD01zH-.cjs');
 const TRACE_TIME_RANGE_FIELD_ID = "timeRange";
 const TRACE_TIME_RANGE_FIELD = {
   id: TRACE_TIME_RANGE_FIELD_ID,
   label: "Time",
-  icon: domains_traces_traceFilters.traceFilterFieldIcon(TRACE_TIME_RANGE_FIELD_ID),
-  color: domains_traces_traceFilters.traceFilterFieldColor(TRACE_TIME_RANGE_FIELD_ID),
+  icon: domains_traces_traceQueryFilters.traceFilterFieldIcon(TRACE_TIME_RANGE_FIELD_ID),
+  color: domains_traces_traceQueryFilters.traceFilterFieldColor(TRACE_TIME_RANGE_FIELD_ID),
   type: "text",
   operators: ["is"],
   hidden: true

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

	@@ -1 +1 @@
1	- {"version":3,"file":"trace-time-range-chip.cjs.js","sources":["../../../../src/domains/traces/components/trace-time-range-chip.tsx"],"sourcesContent":["/* eslint-disable react-refresh/only-export-components /\nimport type { KeyboardEvent } from 'react';\nimport { traceFilterFieldColor, traceFilterFieldIcon } from '../trace-filters';\nimport type { DateTimeRangePickerProps } from '@/ds/components/DateTimeRangePicker';\nimport { DateTimeRangePicker } from '@/ds/components/DateTimeRangePicker';\nimport {\n FilterBarChip,\n FilterBarFieldLabel,\n editableSegmentClass,\n fieldSegmentAccentStyle,\n segmentClass,\n} from '@/ds/components/FilterBar/filter-bar-chip';\nimport { useFilterBarContext } from '@/ds/components/FilterBar/filter-bar-context';\nimport type { FilterBarField, FilterBarItem } from '@/ds/components/FilterBar/types';\nimport { cn } from '@/lib/utils';\n\nexport const TRACE_TIME_RANGE_FIELD_ID = 'timeRange';\n\n/\n Synthetic FilterBar field backing the always-present time-range chip. Hidden from the\n * input's field step (the chip cannot be added twice) but registered so the chip resolves\n * its label and takes part in keyboard navigation.\n /\nexport const TRACE_TIME_RANGE_FIELD: FilterBarField = {\n id: TRACE_TIME_RANGE_FIELD_ID,\n label: 'Time',\n icon: traceFilterFieldIcon(TRACE_TIME_RANGE_FIELD_ID),\n color: traceFilterFieldColor(TRACE_TIME_RANGE_FIELD_ID),\n type: 'text',\n operators: ['is'],\n hidden: true,\n};\n\nexport const TRACE_TIME_RANGE_ITEM: FilterBarItem = {\n id: TRACE_TIME_RANGE_FIELD_ID,\n fieldId: TRACE_TIME_RANGE_FIELD_ID,\n operatorId: 'is',\n value: '',\n};\n\nexport type TraceTimeRangeChipProps = Pick<\n DateTimeRangePickerProps,\n 'preset' \| 'onPresetChange' \| 'dateFrom' \| 'dateTo' \| 'onDateChange' \| 'onDateRangeChange' \| 'disabled' \| 'presets'\n>;\n\nconst isSegment = (target: EventTarget \| null) =>\n target instanceof HTMLElement && target.hasAttribute('data-filter-bar-segment');\n\n/\n The trace list's date range rendered as a FilterBar chip: `Time <preset>`. Always\n * present and non-removable; the value segment opens the regular DateTimeRangePicker\n * menu/popover.\n /\nexport function TraceTimeRangeChip(props: TraceTimeRangeChipProps) {\n const ctx = useFilterBarContext();\n return (\n <FilterBarChip item={TRACE_TIME_RANGE_ITEM} removable={false}>\n <span className={cn(segmentClass, 'text-foreground')} style={fieldSegmentAccentStyle(TRACE_TIME_RANGE_FIELD)}>\n <FilterBarFieldLabel field={TRACE_TIME_RANGE_FIELD} />\n </span>\n {/ The picker popup is portaled but bubbles React events through here — keep its\n keystrokes from reaching the chip's arrow-key navigation. */}\n <div\n className=\"contents\"\n onKeyDown={(event: KeyboardEvent<HTMLDivElement>) => {\n if (!isSegment(event.target)) event.stopPropagation();\n }}\n >\n <DateTimeRangePicker\n {...props}\n renderTrigger={({ label, disabled }) => (\n <button\n type=\"button\"\n ref={el => ctx.registerSegment(TRACE_TIME_RANGE_ITEM.id, 'value', el)}\n data-filter-bar-segment=\"\"\n disabled={disabled}\n aria-label={`Value: ${label}`}\n title={label}\n className={editableSegmentClass}\n >\n <span className=\"truncate\">{label}</span>\n </button>\n )}\n />\n </div>\n </FilterBarChip>\n );\n}\n"],"names":["traceFilterFieldIcon","traceFilterFieldColor","useFilterBarContext","jsxs","FilterBarChip","jsx","cn","segmentClass","fieldSegmentAccentStyle","FilterBarFieldLabel","DateTimeRangePicker","editableSegmentClass"],"mappings":";;;;;;;;;;AAgBO,MAAM,yBAAA,GAA4B;AAOlC,MAAM,sBAAA,GAAyC;AAAA,EACpD,EAAA,EAAI,yBAAA;AAAA,EACJ,KAAA,EAAO,MAAA;AAAA,EACP,IAAA,EAAMA,~~iDAAqB~~,yBAAyB,CAAA;AAAA,EACpD,KAAA,EAAOC,~~kDAAsB~~,yBAAyB,CAAA;AAAA,EACtD,IAAA,EAAM,MAAA;AAAA,EACN,SAAA,EAAW,CAAC,IAAI,CAAA;AAAA,EAChB,MAAA,EAAQ;AACV;AAEO,MAAM,qBAAA,GAAuC;AAAA,EAClD,EAAA,EAAI,yBAAA;AAAA,EACJ,OAAA,EAAS,yBAAA;AAAA,EACT,UAAA,EAAY,IAAA;AAAA,EACZ,KAAA,EAAO;AACT;AAOA,MAAM,YAAY,CAAC,MAAA,KACjB,kBAAkB,WAAA,IAAe,MAAA,CAAO,aAAa,yBAAyB,CAAA;AAOzE,SAAS,mBAAmB,KAAA,EAAgC;AACjE,EAAA,MAAM,MAAMC,iCAAA,EAAoB;AAChC,EAAA,uBACEC,eAAA,CAACC,2BAAA,EAAA,EAAc,IAAA,EAAM,qBAAA,EAAuB,WAAW,KAAA,EACrD,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAWC,WAAA,CAAGC,0BAAA,EAAc,iBAAiB,CAAA,EAAG,KAAA,EAAOC,qCAAA,CAAwB,sBAAsB,CAAA,EACzG,QAAA,kBAAAH,cAAA,CAACI,iCAAA,EAAA,EAAoB,KAAA,EAAO,wBAAwB,CAAA,EACtD,CAAA;AAAA,oBAGAJ,cAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAU,UAAA;AAAA,QACV,SAAA,EAAW,CAAC,KAAA,KAAyC;AACnD,UAAA,IAAI,CAAC,SAAA,CAAU,KAAA,CAAM,MAAM,CAAA,QAAS,eAAA,EAAgB;AAAA,QACtD,CAAA;AAAA,QAEA,QAAA,kBAAAA,cAAA;AAAA,UAACK,uCAAA;AAAA,UAAA;AAAA,YACE,GAAG,KAAA;AAAA,YACJ,aAAA,EAAe,CAAC,EAAE,KAAA,EAAO,UAAS,qBAChCL,cAAA;AAAA,cAAC,QAAA;AAAA,cAAA;AAAA,gBACC,IAAA,EAAK,QAAA;AAAA,gBACL,KAAK,CAAA,EAAA,KAAM,GAAA,CAAI,gBAAgB,qBAAA,CAAsB,EAAA,EAAI,SAAS,EAAE,CAAA;AAAA,gBACpE,yBAAA,EAAwB,EAAA;AAAA,gBACxB,QAAA;AAAA,gBACA,YAAA,EAAY,UAAU,KAAK,CAAA,CAAA;AAAA,gBAC3B,KAAA,EAAO,KAAA;AAAA,gBACP,SAAA,EAAWM,kCAAA;AAAA,gBAEX,QAAA,kBAAAN,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,UAAA,EAAY,QAAA,EAAA,KAAA,EAAM;AAAA;AAAA;AACpC;AAAA;AAEJ;AAAA;AACF,GAAA,EACF,CAAA;AAEJ;;;;;;;"}
1	+ {"version":3,"file":"trace-time-range-chip.cjs.js","sources":["../../../../src/domains/traces/components/trace-time-range-chip.tsx"],"sourcesContent":["/* eslint-disable react-refresh/only-export-components /\nimport type { KeyboardEvent } from 'react';\nimport { traceFilterFieldColor, traceFilterFieldIcon } from '../trace-filters';\nimport type { DateTimeRangePickerProps } from '@/ds/components/DateTimeRangePicker';\nimport { DateTimeRangePicker } from '@/ds/components/DateTimeRangePicker';\nimport {\n FilterBarChip,\n FilterBarFieldLabel,\n editableSegmentClass,\n fieldSegmentAccentStyle,\n segmentClass,\n} from '@/ds/components/FilterBar/filter-bar-chip';\nimport { useFilterBarContext } from '@/ds/components/FilterBar/filter-bar-context';\nimport type { FilterBarField, FilterBarItem } from '@/ds/components/FilterBar/types';\nimport { cn } from '@/lib/utils';\n\nexport const TRACE_TIME_RANGE_FIELD_ID = 'timeRange';\n\n/\n Synthetic FilterBar field backing the always-present time-range chip. Hidden from the\n * input's field step (the chip cannot be added twice) but registered so the chip resolves\n * its label and takes part in keyboard navigation.\n /\nexport const TRACE_TIME_RANGE_FIELD: FilterBarField = {\n id: TRACE_TIME_RANGE_FIELD_ID,\n label: 'Time',\n icon: traceFilterFieldIcon(TRACE_TIME_RANGE_FIELD_ID),\n color: traceFilterFieldColor(TRACE_TIME_RANGE_FIELD_ID),\n type: 'text',\n operators: ['is'],\n hidden: true,\n};\n\nexport const TRACE_TIME_RANGE_ITEM: FilterBarItem = {\n id: TRACE_TIME_RANGE_FIELD_ID,\n fieldId: TRACE_TIME_RANGE_FIELD_ID,\n operatorId: 'is',\n value: '',\n};\n\nexport type TraceTimeRangeChipProps = Pick<\n DateTimeRangePickerProps,\n 'preset' \| 'onPresetChange' \| 'dateFrom' \| 'dateTo' \| 'onDateChange' \| 'onDateRangeChange' \| 'disabled' \| 'presets'\n>;\n\nconst isSegment = (target: EventTarget \| null) =>\n target instanceof HTMLElement && target.hasAttribute('data-filter-bar-segment');\n\n/\n The trace list's date range rendered as a FilterBar chip: `Time <preset>`. Always\n * present and non-removable; the value segment opens the regular DateTimeRangePicker\n * menu/popover.\n /\nexport function TraceTimeRangeChip(props: TraceTimeRangeChipProps) {\n const ctx = useFilterBarContext();\n return (\n <FilterBarChip item={TRACE_TIME_RANGE_ITEM} removable={false}>\n <span className={cn(segmentClass, 'text-foreground')} style={fieldSegmentAccentStyle(TRACE_TIME_RANGE_FIELD)}>\n <FilterBarFieldLabel field={TRACE_TIME_RANGE_FIELD} />\n </span>\n {/ The picker popup is portaled but bubbles React events through here — keep its\n keystrokes from reaching the chip's arrow-key navigation. */}\n <div\n className=\"contents\"\n onKeyDown={(event: KeyboardEvent<HTMLDivElement>) => {\n if (!isSegment(event.target)) event.stopPropagation();\n }}\n >\n <DateTimeRangePicker\n {...props}\n renderTrigger={({ label, disabled }) => (\n <button\n type=\"button\"\n ref={el => ctx.registerSegment(TRACE_TIME_RANGE_ITEM.id, 'value', el)}\n data-filter-bar-segment=\"\"\n disabled={disabled}\n aria-label={`Value: ${label}`}\n title={label}\n className={editableSegmentClass}\n >\n <span className=\"truncate\">{label}</span>\n </button>\n )}\n />\n </div>\n </FilterBarChip>\n );\n}\n"],"names":["traceFilterFieldIcon","traceFilterFieldColor","useFilterBarContext","jsxs","FilterBarChip","jsx","cn","segmentClass","fieldSegmentAccentStyle","FilterBarFieldLabel","DateTimeRangePicker","editableSegmentClass"],"mappings":";;;;;;;;;;AAgBO,MAAM,yBAAA,GAA4B;AAOlC,MAAM,sBAAA,GAAyC;AAAA,EACpD,EAAA,EAAI,yBAAA;AAAA,EACJ,KAAA,EAAO,MAAA;AAAA,EACP,IAAA,EAAMA,sDAAqB,yBAAyB,CAAA;AAAA,EACpD,KAAA,EAAOC,uDAAsB,yBAAyB,CAAA;AAAA,EACtD,IAAA,EAAM,MAAA;AAAA,EACN,SAAA,EAAW,CAAC,IAAI,CAAA;AAAA,EAChB,MAAA,EAAQ;AACV;AAEO,MAAM,qBAAA,GAAuC;AAAA,EAClD,EAAA,EAAI,yBAAA;AAAA,EACJ,OAAA,EAAS,yBAAA;AAAA,EACT,UAAA,EAAY,IAAA;AAAA,EACZ,KAAA,EAAO;AACT;AAOA,MAAM,YAAY,CAAC,MAAA,KACjB,kBAAkB,WAAA,IAAe,MAAA,CAAO,aAAa,yBAAyB,CAAA;AAOzE,SAAS,mBAAmB,KAAA,EAAgC;AACjE,EAAA,MAAM,MAAMC,iCAAA,EAAoB;AAChC,EAAA,uBACEC,eAAA,CAACC,2BAAA,EAAA,EAAc,IAAA,EAAM,qBAAA,EAAuB,WAAW,KAAA,EACrD,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAWC,WAAA,CAAGC,0BAAA,EAAc,iBAAiB,CAAA,EAAG,KAAA,EAAOC,qCAAA,CAAwB,sBAAsB,CAAA,EACzG,QAAA,kBAAAH,cAAA,CAACI,iCAAA,EAAA,EAAoB,KAAA,EAAO,wBAAwB,CAAA,EACtD,CAAA;AAAA,oBAGAJ,cAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAU,UAAA;AAAA,QACV,SAAA,EAAW,CAAC,KAAA,KAAyC;AACnD,UAAA,IAAI,CAAC,SAAA,CAAU,KAAA,CAAM,MAAM,CAAA,QAAS,eAAA,EAAgB;AAAA,QACtD,CAAA;AAAA,QAEA,QAAA,kBAAAA,cAAA;AAAA,UAACK,uCAAA;AAAA,UAAA;AAAA,YACE,GAAG,KAAA;AAAA,YACJ,aAAA,EAAe,CAAC,EAAE,KAAA,EAAO,UAAS,qBAChCL,cAAA;AAAA,cAAC,QAAA;AAAA,cAAA;AAAA,gBACC,IAAA,EAAK,QAAA;AAAA,gBACL,KAAK,CAAA,EAAA,KAAM,GAAA,CAAI,gBAAgB,qBAAA,CAAsB,EAAA,EAAI,SAAS,EAAE,CAAA;AAAA,gBACpE,yBAAA,EAAwB,EAAA;AAAA,gBACxB,QAAA;AAAA,gBACA,YAAA,EAAY,UAAU,KAAK,CAAA,CAAA;AAAA,gBAC3B,KAAA,EAAO,KAAA;AAAA,gBACP,SAAA,EAAWM,kCAAA;AAAA,gBAEX,QAAA,kBAAAN,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,UAAA,EAAY,QAAA,EAAA,KAAA,EAAM;AAAA;AAAA;AACpC;AAAA;AAEJ;AAAA;AACF,GAAA,EACF,CAAA;AAEJ;;;;;;;"}

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

@@ -1,8 +1,8 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { traceFilterFieldColor, traceFilterFieldIcon } from '../trace-filters.es.js';
-import { D as DateTimeRangePicker } from '../../../date-time-range-picker-BqlAiuYW.js';
-import { u as useFilterBarContext, F as FilterBarChip, a as FilterBarFieldLabel, f as fieldSegmentAccentStyle, s as segmentClass, e as editableSegmentClass } from '../../../filter-bar-chip-0OLqovME.js';
-import { c as cn } from '../../../cn-65Adrsfj.js';
+import { X as traceFilterFieldColor, Y as traceFilterFieldIcon } from '../../../trace-filters-dZ3rnTH3.js';
+import { D as DateTimeRangePicker } from '../../../date-time-range-picker-CRvT0pWo.js';
+import { u as useFilterBarContext, F as FilterBarChip, a as FilterBarFieldLabel, f as fieldSegmentAccentStyle, s as segmentClass, e as editableSegmentClass } from '../../../filter-bar-chip-fXsAVwGZ.js';
+import { c as cn } from '../../../cn-coERSHz5.js';
 const TRACE_TIME_RANGE_FIELD_ID = "timeRange";
 const TRACE_TIME_RANGE_FIELD = {

package/dist/domains/traces/components/traces-error-content.cjs.js CHANGED Viewed

@@ -6,7 +6,7 @@ const jsxRuntime = require('react/jsx-runtime');
 const query = require('@mastra/react/hooks/query');
 const domains_auth_components_permissionDenied = require('../../auth/components/permission-denied.cjs.js');
 const domains_auth_components_sessionExpired = require('../../auth/components/session-expired.cjs.js');
-const EmptyState = require('../../../EmptyState-B6kP-dEp.cjs');
+const EmptyState = require('../../../EmptyState-ChzkDnbJ.cjs');
 const errors = require('../../../errors-BiY55qIh.cjs');
 function TracesErrorContent({ error, resource, errorTitle }) {

package/dist/domains/traces/components/traces-error-content.es.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { jsx } from 'react/jsx-runtime';
 import { is401UnauthorizedError, is403ForbiddenError } from '@mastra/react/hooks/query';
 import { PermissionDenied } from '../../auth/components/permission-denied.es.js';
 import { SessionExpired } from '../../auth/components/session-expired.es.js';
-import { E as EmptyState } from '../../../EmptyState-BQww74OL.js';
+import { E as EmptyState } from '../../../EmptyState-Cu6JKbrk.js';
 import { p as parseError } from '../../../errors-CDTokuME.js';
 function TracesErrorContent({ error, resource, errorTitle }) {

package/dist/domains/traces/components/traces-list-mode-toggle.cjs.js CHANGED Viewed

@@ -4,8 +4,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
-const Button = require('../../../Button-CXhSUBxN.cjs');
-const dropdownMenu = require('../../../dropdown-menu-j2y37TL5.cjs');
+const Button = require('../../../Button-BTuu6_hv.cjs');
+const dropdownMenu = require('../../../dropdown-menu-Bg96BCnK.cjs');
 const TRACES_LIST_MODE_LABELS = {
   traces: "Top-level traces only",

package/dist/domains/traces/components/traces-list-mode-toggle.es.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { ChevronDownIcon } from 'lucide-react';
-import { B as Button } from '../../../Button-D43ghVKt.js';
-import { D as DropdownMenu } from '../../../dropdown-menu-DpEn6HwK.js';
+import { B as Button } from '../../../Button-D76HGlPP.js';
+import { D as DropdownMenu } from '../../../dropdown-menu-D8GR_NhL.js';
 const TRACES_LIST_MODE_LABELS = {
   traces: "Top-level traces only",

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

@@ -8,16 +8,15 @@ 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-DQgIgmjy.cjs');
-const dataListSkeleton = require('../../../data-list-skeleton-DdWv6VN-.cjs');
-const tracesDataList = require('../../../traces-data-list-CVLHJtd4.cjs');
+const dataList = require('../../../data-list-DLFiFrph.cjs');
+const dataListSkeleton = require('../../../data-list-skeleton-B4G2Rtpm.cjs');
+const tracesDataList = require('../../../traces-data-list-CneTHNqI.cjs');
 const useDataListKeyboard = require('../../../use-data-list-keyboard-DF3tLe10.cjs');
-const dataListTop = require('../../../data-list-top-BFssu4VI.cjs');
-const dropdownMenu = require('../../../dropdown-menu-j2y37TL5.cjs');
-const Txt = require('../../../Txt-DFPibRb3.cjs');
+const dropdownMenu = require('../../../dropdown-menu-Bg96BCnK.cjs');
+const Txt = require('../../../Txt-DXjXpX9r.cjs');
 const primitives_transitions = require('../../../primitives/transitions.cjs.js');
 const utils_cost = require('../../../utils/cost.cjs.js');
-const utils_cn = require('../../../cn-DG0X1KEP.cjs');
+const utils_cn = require('../../../cn-TqD01zH-.cjs');
 const utils_duration = require('../../../utils/duration.cjs.js');
 const ROW_HEIGHT = 36;
@@ -120,7 +119,7 @@ function TracesListView({
       }),
       columnPreferences.metadataKeys.map((key) => /* @__PURE__ */ jsxRuntime.jsx(tracesDataList.TracesDataList.TopCellWithTooltip, { tooltip: key, children: key }, key))
     ] }),
-    isLoading ? /* @__PURE__ */ jsxRuntime.jsx(dataListSkeleton.DataListSkeletonRows, { columnCount: dataListTop.splitColumns(columns).length }) : traces.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(
+    isLoading ? /* @__PURE__ */ jsxRuntime.jsx(dataListSkeleton.DataListSkeletonRows, { columnCount: dataList.splitColumns(columns).length }) : traces.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(
       tracesDataList.TracesDataList.NoMatch,
       {
         message: filtersApplied ? "No traces found for applied filters" : "No traces found yet"

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

	@@ -1 +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 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};\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}: TracesListViewProps) {\n const scrollRef = useRef<HTMLDivElement \| null>(null);\n const columns = buildTraceListColumns(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 columns={columns} fit=\"container\" scrollRef={scrollRef} className=\"min-w-0\">\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","useVirtualizer","useDataListKeyboard","TracesDataList","jsxs","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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"}
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 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};\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}: TracesListViewProps) {\n const scrollRef = useRef<HTMLDivElement \| null>(null);\n const columns = buildTraceListColumns(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 columns={columns} fit=\"container\" scrollRef={scrollRef} className=\"min-w-0\">\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","useVirtualizer","useDataListKeyboard","TracesDataList","jsxs","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 CHANGED Viewed

@@ -4,16 +4,15 @@ import { ListFilterIcon } from 'lucide-react';
 import { useRef } 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-B6DT-u-0.js';
-import { a as DataListSkeletonRows } from '../../../data-list-skeleton-DuK0aDVr.js';
-import { T as TracesDataList } from '../../../traces-data-list-B0xInvZg.js';
+import { s as splitColumns, e as DataList } from '../../../data-list-D5XeKpNR.js';
+import { a as DataListSkeletonRows } from '../../../data-list-skeleton-CRQBCdB2.js';
+import { T as TracesDataList } from '../../../traces-data-list-BckeY4Ro.js';
 import { u as useDataListKeyboard } from '../../../use-data-list-keyboard-DFQr4t38.js';
-import { s as splitColumns } from '../../../data-list-top-D10jfsQH.js';
-import { D as DropdownMenu } from '../../../dropdown-menu-DpEn6HwK.js';
-import { T as Txt } from '../../../Txt-CuuPO9Ho.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';
 import { formatCompactNumber, formatCost } from '../../../utils/cost.es.js';
-import { c as cn } from '../../../cn-65Adrsfj.js';
+import { c as cn } from '../../../cn-coERSHz5.js';
 import { formatDuration } from '../../../utils/duration.es.js';
 const ROW_HEIGHT = 36;