@mastra/playground-ui 68.0.0 → 69.0.0-alpha.0

package/dist/domains/scores/components/trace-scores-tab.es.js

@@ -1,13 +1,14 @@
-import { t as cn } from "../../../utils-DQx8TpNT.js";
-import { formatDate } from "../../../utils/date-format.es.js";
+import { t as DataList } from "../../../data-list-GzbzPmYR.js";
+import { n as EmptyState } from "../../../EmptyState-i88y1x75.js";
+import { t as Metadata } from "../../../Metadata-DlVgmRTA.js";
+import { t as MetricsKpiCard } from "../../../MetricsKpiCard-1blTbzUs.js";
+import { t as Spinner } from "../../../spinner-B9ykw74u.js";
 import { getShortId } from "../../../utils/id.es.js";
+import { t as Txt } from "../../../Txt-5efBsb2p.js";
 import "../../../primitives/transitions.es.js";
 import "../../../primitives/typography.es.js";
-import { t as Txt } from "../../../Txt-BM6TVV_c.js";
-import { n as EmptyState } from "../../../EmptyState-P-Gy898T.js";
-import { t as Spinner } from "../../../spinner-CnLgLj9R.js";
-import { t as DataList } from "../../../data-list-DHCOoLmj.js";
-import { t as MetricsKpiCard } from "../../../MetricsKpiCard-OHbAElTl.js";
+import { t as cn } from "../../../utils-DQx8TpNT.js";
+import { formatDate } from "../../../utils/date-format.es.js";
 import { useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useTraceSpanScores } from "@mastra/react/hooks/scores";
@@ -62,22 +63,17 @@ function TraceScoreCard({ score, onSelect }) {
 			children: [
 				/* @__PURE__ */ jsx(MetricsKpiCard.Label, { children: scorerName }),
 				/* @__PURE__ */ jsx(MetricsKpiCard.Value, { children: String(score.score) }),
-				/* @__PURE__ */ jsxs(Txt, {
+				/* @__PURE__ */ jsx(Txt, {
 					as: "span",
 					variant: "meta",
 					tone: "muted",
 					className: "tabular-nums",
-					children: [
-						/* @__PURE__ */ jsx(Txt, {
-							as: "span",
-							variant: "meta",
-							font: "mono",
-							children: getShortId(score.id)
-						}),
-						" ",
-						"· ",
-						formatDate(createdAt, "date-time-seconds")
-					]
+					children: /* @__PURE__ */ jsxs(Metadata, { children: [/* @__PURE__ */ jsx(Metadata.Item, { children: /* @__PURE__ */ jsx(Txt, {
+						as: "span",
+						variant: "meta",
+						font: "mono",
+						children: getShortId(score.id)
+					}) }), /* @__PURE__ */ jsx(Metadata.Item, { children: formatDate(createdAt, "date-time-seconds") })] })
 				})
 			]
 		}), score.reason && /* @__PURE__ */ jsx(TraceScoreReason, { reason: score.reason })]

package/dist/domains/scores/components/trace-scores-tab.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"trace-scores-tab.es.js","names":["_Fragment"],"sources":["../../../../src/domains/scores/components/trace-scores-tab.tsx"],"sourcesContent":["import type { ClientScoreRowData, ListScoresResponse } from '@mastra/client-js';\nimport { useTraceSpanScores } from '@mastra/react/hooks/scores';\nimport { useState } from 'react';\nimport { DataList } from '@/ds/components/DataList';\nimport { EmptyState } from '@/ds/components/EmptyState';\nimport { MetricsKpiCard } from '@/ds/components/MetricsKpiCard';\nimport { Spinner } from '@/ds/components/Spinner';\nimport { getShortId } from '@/ds/components/Text';\nimport { Txt } from '@/ds/components/Txt';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/utils/cn';\nimport { formatDate } from '@/utils/date-format';\n\nconst REASON_PREVIEW_LENGTH = 100;\n\nexport type TraceScoresTabProps = {\n  traceId: string;\n  spanId: string;\n  onScoreSelect: (scoreId: string) => void;\n};\n\n/**\n * Scores for the trace's anchor span, one card per scoring. Owns its own pagination:\n * mount it with a `key` on the trace/anchor pair so a page index never leaks across traces.\n */\nexport function TraceScoresTab({ traceId, spanId, onScoreSelect }: TraceScoresTabProps) {\n  const [page, setPage] = useState(0);\n  const { data: scoresData, isLoading } = useTraceSpanScores({\n    traceId,\n    spanId,\n    page,\n    queryOptions: { enabled: !!traceId && !!spanId },\n  });\n\n  if (isLoading) {\n    return (\n      <div className=\"flex justify-center py-6\">\n        <Spinner size=\"md\" variant=\"pulse\" className=\"text-placeholder\" />\n      </div>\n    );\n  }\n\n  const scores = scoresData?.scores ?? [];\n\n  if (scores.length === 0) {\n    return <EmptyState titleSlot=\"No scores yet\" descriptionSlot=\"Score this trace to see results here.\" />;\n  }\n\n  return (\n    <div className=\"grid content-start gap-3\">\n      {scores.map(score => (\n        <TraceScoreCard key={score.id} score={score} onSelect={() => onScoreSelect(score.id)} />\n      ))}\n      <TraceScoresPagination pagination={scoresData?.pagination} onPageChange={setPage} />\n    </div>\n  );\n}\n\nfunction TraceScoreCard({ score, onSelect }: { score: ClientScoreRowData; onSelect: () => void }) {\n  const createdAt = new Date(score.createdAt);\n  const scorerName = String(score.scorer?.name || score.scorer?.id || 'Scorer');\n\n  return (\n    <MetricsKpiCard className=\"relative min-w-0 cursor-pointer\">\n      <button\n        type=\"button\"\n        onClick={onSelect}\n        aria-label={`Score ${getShortId(score.id)}`}\n        className=\"grid cursor-pointer gap-1 text-left after:absolute after:inset-0 after:content-['']\"\n      >\n        <MetricsKpiCard.Label>{scorerName}</MetricsKpiCard.Label>\n        <MetricsKpiCard.Value>{String(score.score)}</MetricsKpiCard.Value>\n        <Txt as=\"span\" variant=\"meta\" tone=\"muted\" className=\"tabular-nums\">\n          <Txt as=\"span\" variant=\"meta\" font=\"mono\">\n            {getShortId(score.id)}\n          </Txt>{' '}\n          · {formatDate(createdAt, 'date-time-seconds')}\n        </Txt>\n      </button>\n      {score.reason && <TraceScoreReason reason={score.reason} />}\n    </MetricsKpiCard>\n  );\n}\n\nfunction TraceScoreReason({ reason }: { reason: string }) {\n  const [expanded, setExpanded] = useState(false);\n  const isLong = reason.length > REASON_PREVIEW_LENGTH;\n  const text = isLong && !expanded ? `${reason.slice(0, REASON_PREVIEW_LENGTH).trimEnd()}…` : reason;\n\n  return (\n    <Txt variant=\"caption\" tone=\"faint\">\n      {text}\n      {isLong && (\n        <>\n          {' '}\n          <button\n            type=\"button\"\n            onClick={() => setExpanded(value => !value)}\n            className={cn(quietTextHover, controlStateColorTransition, 'relative z-10 underline underline-offset-2')}\n          >\n            <Txt as=\"span\" variant=\"caption\">\n              {expanded ? 'Read less' : 'Read more'}\n            </Txt>\n          </button>\n        </>\n      )}\n    </Txt>\n  );\n}\n\nfunction TraceScoresPagination({\n  pagination,\n  onPageChange,\n}: {\n  pagination?: ListScoresResponse['pagination'];\n  onPageChange: (page: number) => void;\n}) {\n  const currentPage = pagination?.page ?? 0;\n  if (currentPage === 0 && !pagination?.hasMore) return null;\n\n  return (\n    <DataList.Pagination\n      currentPage={currentPage}\n      hasMore={pagination?.hasMore}\n      onNextPage={() => onPageChange(currentPage + 1)}\n      onPrevPage={() => onPageChange(currentPage - 1)}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAcA,IAAM,wBAAwB;;;;;AAY9B,SAAgB,eAAe,EAAE,SAAS,QAAQ,iBAAsC;CACtF,MAAM,CAAC,MAAM,WAAW,SAAS,CAAC;CAClC,MAAM,EAAE,MAAM,YAAY,cAAc,mBAAmB;EACzD;EACA;EACA;EACA,cAAc,EAAE,SAAS,CAAC,CAAC,WAAW,CAAC,CAAC,OAAO;CACjD,CAAC;CAED,IAAI,WACF,OACE,oBAAC,OAAD;EAAK,WAAU;EACb,UAAA,oBAAC,SAAD;GAAS,MAAK;GAAK,SAAQ;GAAQ,WAAU;EAAoB,CAAA;CAC9D,CAAA;CAIT,MAAM,SAAS,YAAY,UAAU,CAAC;CAEtC,IAAI,OAAO,WAAW,GACpB,OAAO,oBAAC,YAAD;EAAY,WAAU;EAAgB,iBAAgB;CAAyC,CAAA;CAGxG,OACE,qBAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACG,OAAO,KAAI,UACV,oBAAC,gBAAD;GAAsC;GAAO,gBAAgB,cAAc,MAAM,EAAE;EAAI,GAAlE,MAAM,EAA4D,CACxF,GACD,oBAAC,uBAAD;GAAuB,YAAY,YAAY;GAAY,cAAc;EAAU,CAAA,CAChF;;AAET;AAEA,SAAS,eAAe,EAAE,OAAO,YAAiE;CAChG,MAAM,YAAY,IAAI,KAAK,MAAM,SAAS;CAC1C,MAAM,aAAa,OAAO,MAAM,QAAQ,QAAQ,MAAM,QAAQ,MAAM,QAAQ;CAE5E,OACE,qBAAC,gBAAD;EAAgB,WAAU;EAA1B,UAAA,CACE,qBAAC,UAAD;GACE,MAAK;GACL,SAAS;GACT,cAAY,SAAS,WAAW,MAAM,EAAE;GACxC,WAAU;GAJZ,UAAA;IAME,oBAAC,eAAe,OAAhB,EAAA,UAAuB,WAAiC,CAAA;IACxD,oBAAC,eAAe,OAAhB,EAAA,UAAuB,OAAO,MAAM,KAAK,EAAwB,CAAA;IACjE,qBAAC,KAAD;KAAK,IAAG;KAAO,SAAQ;KAAO,MAAK;KAAQ,WAAU;KAArD,UAAA;MACE,oBAAC,KAAD;OAAK,IAAG;OAAO,SAAQ;OAAO,MAAK;OAChC,UAAA,WAAW,MAAM,EAAE;MACjB,CAAA;MAAE;MAAI;MACR,WAAW,WAAW,mBAAmB;KACzC;;GACC;EACP,CAAA,GAAA,MAAM,UAAU,oBAAC,kBAAD,EAAkB,QAAQ,MAAM,OAAS,CAAA,CAC5C;;AAEpB;AAEA,SAAS,iBAAiB,EAAE,UAA8B;CACxD,MAAM,CAAC,UAAU,eAAe,SAAS,KAAK;CAC9C,MAAM,SAAS,OAAO,SAAS;CAC/B,MAAM,OAAO,UAAU,CAAC,WAAW,GAAG,OAAO,MAAM,GAAG,qBAAqB,CAAC,CAAC,QAAQ,EAAE,KAAK;CAE5F,OACE,qBAAC,KAAD;EAAK,SAAQ;EAAU,MAAK;EAA5B,UAAA,CACG,MACA,UACC,qBAAAA,YAAA,EAAA,UAAA,CACG,KACD,oBAAC,UAAD;GACE,MAAK;GACL,eAAe,aAAY,UAAS,CAAC,KAAK;GAC1C,WAAW,GAAA,+CAAA,kFAAgD,4CAA4C;GAEvG,UAAA,oBAAC,KAAD;IAAK,IAAG;IAAO,SAAQ;IACpB,UAAA,WAAW,cAAc;GACvB,CAAA;EACC,CAAA,CACR,EAAA,CAAA,CAED;;AAET;AAEA,SAAS,sBAAsB,EAC7B,YACA,gBAIC;CACD,MAAM,cAAc,YAAY,QAAQ;CACxC,IAAI,gBAAgB,KAAK,CAAC,YAAY,SAAS,OAAO;CAEtD,OACE,oBAAC,SAAS,YAAV;EACe;EACb,SAAS,YAAY;EACrB,kBAAkB,aAAa,cAAc,CAAC;EAC9C,kBAAkB,aAAa,cAAc,CAAC;CAC/C,CAAA;AAEL"}
+{"version":3,"file":"trace-scores-tab.es.js","names":["_Fragment"],"sources":["../../../../src/domains/scores/components/trace-scores-tab.tsx"],"sourcesContent":["import type { ClientScoreRowData, ListScoresResponse } from '@mastra/client-js';\nimport { useTraceSpanScores } from '@mastra/react/hooks/scores';\nimport { useState } from 'react';\nimport { DataList } from '@/ds/components/DataList';\nimport { EmptyState } from '@/ds/components/EmptyState';\nimport { Metadata } from '@/ds/components/Metadata';\nimport { MetricsKpiCard } from '@/ds/components/MetricsKpiCard';\nimport { Spinner } from '@/ds/components/Spinner';\nimport { getShortId } from '@/ds/components/Text';\nimport { Txt } from '@/ds/components/Txt';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/utils/cn';\nimport { formatDate } from '@/utils/date-format';\n\nconst REASON_PREVIEW_LENGTH = 100;\n\nexport type TraceScoresTabProps = {\n  traceId: string;\n  spanId: string;\n  onScoreSelect: (scoreId: string) => void;\n};\n\n/**\n * Scores for the trace's anchor span, one card per scoring. Owns its own pagination:\n * mount it with a `key` on the trace/anchor pair so a page index never leaks across traces.\n */\nexport function TraceScoresTab({ traceId, spanId, onScoreSelect }: TraceScoresTabProps) {\n  const [page, setPage] = useState(0);\n  const { data: scoresData, isLoading } = useTraceSpanScores({\n    traceId,\n    spanId,\n    page,\n    queryOptions: { enabled: !!traceId && !!spanId },\n  });\n\n  if (isLoading) {\n    return (\n      <div className=\"flex justify-center py-6\">\n        <Spinner size=\"md\" variant=\"pulse\" className=\"text-placeholder\" />\n      </div>\n    );\n  }\n\n  const scores = scoresData?.scores ?? [];\n\n  if (scores.length === 0) {\n    return <EmptyState titleSlot=\"No scores yet\" descriptionSlot=\"Score this trace to see results here.\" />;\n  }\n\n  return (\n    <div className=\"grid content-start gap-3\">\n      {scores.map(score => (\n        <TraceScoreCard key={score.id} score={score} onSelect={() => onScoreSelect(score.id)} />\n      ))}\n      <TraceScoresPagination pagination={scoresData?.pagination} onPageChange={setPage} />\n    </div>\n  );\n}\n\nfunction TraceScoreCard({ score, onSelect }: { score: ClientScoreRowData; onSelect: () => void }) {\n  const createdAt = new Date(score.createdAt);\n  const scorerName = String(score.scorer?.name || score.scorer?.id || 'Scorer');\n\n  return (\n    <MetricsKpiCard className=\"relative min-w-0 cursor-pointer\">\n      <button\n        type=\"button\"\n        onClick={onSelect}\n        aria-label={`Score ${getShortId(score.id)}`}\n        className=\"grid cursor-pointer gap-1 text-left after:absolute after:inset-0 after:content-['']\"\n      >\n        <MetricsKpiCard.Label>{scorerName}</MetricsKpiCard.Label>\n        <MetricsKpiCard.Value>{String(score.score)}</MetricsKpiCard.Value>\n        <Txt as=\"span\" variant=\"meta\" tone=\"muted\" className=\"tabular-nums\">\n          <Metadata>\n            <Metadata.Item>\n              <Txt as=\"span\" variant=\"meta\" font=\"mono\">\n                {getShortId(score.id)}\n              </Txt>\n            </Metadata.Item>\n            <Metadata.Item>{formatDate(createdAt, 'date-time-seconds')}</Metadata.Item>\n          </Metadata>\n        </Txt>\n      </button>\n      {score.reason && <TraceScoreReason reason={score.reason} />}\n    </MetricsKpiCard>\n  );\n}\n\nfunction TraceScoreReason({ reason }: { reason: string }) {\n  const [expanded, setExpanded] = useState(false);\n  const isLong = reason.length > REASON_PREVIEW_LENGTH;\n  const text = isLong && !expanded ? `${reason.slice(0, REASON_PREVIEW_LENGTH).trimEnd()}…` : reason;\n\n  return (\n    <Txt variant=\"caption\" tone=\"faint\">\n      {text}\n      {isLong && (\n        <>\n          {' '}\n          <button\n            type=\"button\"\n            onClick={() => setExpanded(value => !value)}\n            className={cn(quietTextHover, controlStateColorTransition, 'relative z-10 underline underline-offset-2')}\n          >\n            <Txt as=\"span\" variant=\"caption\">\n              {expanded ? 'Read less' : 'Read more'}\n            </Txt>\n          </button>\n        </>\n      )}\n    </Txt>\n  );\n}\n\nfunction TraceScoresPagination({\n  pagination,\n  onPageChange,\n}: {\n  pagination?: ListScoresResponse['pagination'];\n  onPageChange: (page: number) => void;\n}) {\n  const currentPage = pagination?.page ?? 0;\n  if (currentPage === 0 && !pagination?.hasMore) return null;\n\n  return (\n    <DataList.Pagination\n      currentPage={currentPage}\n      hasMore={pagination?.hasMore}\n      onNextPage={() => onPageChange(currentPage + 1)}\n      onPrevPage={() => onPageChange(currentPage - 1)}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;AAeA,IAAM,wBAAwB;;;;;AAY9B,SAAgB,eAAe,EAAE,SAAS,QAAQ,iBAAsC;CACtF,MAAM,CAAC,MAAM,WAAW,SAAS,CAAC;CAClC,MAAM,EAAE,MAAM,YAAY,cAAc,mBAAmB;EACzD;EACA;EACA;EACA,cAAc,EAAE,SAAS,CAAC,CAAC,WAAW,CAAC,CAAC,OAAO;CACjD,CAAC;CAED,IAAI,WACF,OACE,oBAAC,OAAD;EAAK,WAAU;EACb,UAAA,oBAAC,SAAD;GAAS,MAAK;GAAK,SAAQ;GAAQ,WAAU;EAAoB,CAAA;CAC9D,CAAA;CAIT,MAAM,SAAS,YAAY,UAAU,CAAC;CAEtC,IAAI,OAAO,WAAW,GACpB,OAAO,oBAAC,YAAD;EAAY,WAAU;EAAgB,iBAAgB;CAAyC,CAAA;CAGxG,OACE,qBAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACG,OAAO,KAAI,UACV,oBAAC,gBAAD;GAAsC;GAAO,gBAAgB,cAAc,MAAM,EAAE;EAAI,GAAlE,MAAM,EAA4D,CACxF,GACD,oBAAC,uBAAD;GAAuB,YAAY,YAAY;GAAY,cAAc;EAAU,CAAA,CAChF;;AAET;AAEA,SAAS,eAAe,EAAE,OAAO,YAAiE;CAChG,MAAM,YAAY,IAAI,KAAK,MAAM,SAAS;CAC1C,MAAM,aAAa,OAAO,MAAM,QAAQ,QAAQ,MAAM,QAAQ,MAAM,QAAQ;CAE5E,OACE,qBAAC,gBAAD;EAAgB,WAAU;EAA1B,UAAA,CACE,qBAAC,UAAD;GACE,MAAK;GACL,SAAS;GACT,cAAY,SAAS,WAAW,MAAM,EAAE;GACxC,WAAU;GAJZ,UAAA;IAME,oBAAC,eAAe,OAAhB,EAAA,UAAuB,WAAiC,CAAA;IACxD,oBAAC,eAAe,OAAhB,EAAA,UAAuB,OAAO,MAAM,KAAK,EAAwB,CAAA;IACjE,oBAAC,KAAD;KAAK,IAAG;KAAO,SAAQ;KAAO,MAAK;KAAQ,WAAU;KACnD,UAAA,qBAAC,UAAD,EAAA,UAAA,CACE,oBAAC,SAAS,MAAV,EAAA,UACE,oBAAC,KAAD;MAAK,IAAG;MAAO,SAAQ;MAAO,MAAK;MAChC,UAAA,WAAW,MAAM,EAAE;KACjB,CAAA,EACQ,CAAA,GACf,oBAAC,SAAS,MAAV,EAAA,UAAgB,WAAW,WAAW,mBAAmB,EAAiB,CAAA,CAClE,EAAA,CAAA;IACP,CAAA;GACC;EACP,CAAA,GAAA,MAAM,UAAU,oBAAC,kBAAD,EAAkB,QAAQ,MAAM,OAAS,CAAA,CAC5C;;AAEpB;AAEA,SAAS,iBAAiB,EAAE,UAA8B;CACxD,MAAM,CAAC,UAAU,eAAe,SAAS,KAAK;CAC9C,MAAM,SAAS,OAAO,SAAS;CAC/B,MAAM,OAAO,UAAU,CAAC,WAAW,GAAG,OAAO,MAAM,GAAG,qBAAqB,CAAC,CAAC,QAAQ,EAAE,KAAK;CAE5F,OACE,qBAAC,KAAD;EAAK,SAAQ;EAAU,MAAK;EAA5B,UAAA,CACG,MACA,UACC,qBAAAA,YAAA,EAAA,UAAA,CACG,KACD,oBAAC,UAAD;GACE,MAAK;GACL,eAAe,aAAY,UAAS,CAAC,KAAK;GAC1C,WAAW,GAAA,+CAAA,kFAAgD,4CAA4C;GAEvG,UAAA,oBAAC,KAAD;IAAK,IAAG;IAAO,SAAQ;IACpB,UAAA,WAAW,cAAc;GACvB,CAAA;EACC,CAAA,CACR,EAAA,CAAA,CAED;;AAET;AAEA,SAAS,sBAAsB,EAC7B,YACA,gBAIC;CACD,MAAM,cAAc,YAAY,QAAQ;CACxC,IAAI,gBAAgB,KAAK,CAAC,YAAY,SAAS,OAAO;CAEtD,OACE,oBAAC,SAAS,YAAV;EACe;EACb,SAAS,YAAY;EACrB,kBAAkB,aAAa,cAAc,CAAC;EAC9C,kBAAkB,aAAa,cAAc,CAAC;CAC/C,CAAA;AAEL"}

package/dist/domains/scores/components.cjs.js

@@ -2,8 +2,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_domains_scores_components_span_scoring = require("./components/span-scoring.cjs.js");
 const require_domains_scores_components_trace_scores_tab = require("./components/trace-scores-tab.cjs.js");
 const require_domains_scores_components_trace_scores_list = require("./components/trace-scores-list.cjs.js");
-const require_domains_scores_components_score_as_item_dialog = require("./components/score-as-item-dialog.cjs.js");
 const require_domains_scores_components_score_data_panel = require("./components/score-data-panel.cjs.js");
+const require_domains_scores_components_score_as_item_dialog = require("./components/score-as-item-dialog.cjs.js");
 exports.ScoreAsItemDialog = require_domains_scores_components_score_as_item_dialog.ScoreAsItemDialog;
 exports.ScoreDataPanel = require_domains_scores_components_score_data_panel.ScoreDataPanel;
 exports.SpanScoring = require_domains_scores_components_span_scoring.SpanScoring;

package/dist/domains/scores/components.es.js

@@ -1,6 +1,6 @@
 import { SpanScoring } from "./components/span-scoring.es.js";
 import { TraceScoresTab } from "./components/trace-scores-tab.es.js";
 import { TraceScoresList } from "./components/trace-scores-list.es.js";
-import { ScoreAsItemDialog } from "./components/score-as-item-dialog.es.js";
 import { ScoreDataPanel } from "./components/score-data-panel.es.js";
+import { ScoreAsItemDialog } from "./components/score-as-item-dialog.es.js";
 export { ScoreAsItemDialog, ScoreDataPanel, SpanScoring, TraceScoresList, TraceScoresTab };

package/dist/domains/skills/skill-simple-form.cjs.js

@@ -1,9 +1,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Txt = require("../../Txt-BnoSqxKE.cjs");
-const require_input = require("../../input-2hRXcZIu.cjs");
-const require_MarkdownRenderer = require("../../MarkdownRenderer-y65WGBhC.cjs");
-const require_CodeEditor = require("../../CodeEditor-CLzs0yVc.cjs");
+const require_CodeEditor = require("../../CodeEditor-DHIDfP5g.cjs");
 const require_components_Field = require("../../components/Field.cjs.js");
+const require_input = require("../../input-BpnUsQSt.cjs");
+const require_MarkdownRenderer = require("../../MarkdownRenderer-CUYpmuPh.cjs");
+const require_Txt = require("../../Txt-_00wWxTd.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/skills/skill-simple-form.tsx
 function SkillSimpleForm({ name, onNameChange, description, onDescriptionChange, instructions, onInstructionsChange, readOnly, nameReadOnly }) {

package/dist/domains/skills/skill-simple-form.es.js

@@ -1,8 +1,8 @@
-import { t as Txt } from "../../Txt-BM6TVV_c.js";
-import { t as Input } from "../../input-0l1uzOBZ.js";
-import { t as MarkdownRenderer } from "../../MarkdownRenderer-CI30RqdB.js";
-import { t as CodeEditor } from "../../CodeEditor-COnz9c6B.js";
+import { t as CodeEditor } from "../../CodeEditor-ZoBu3Gjw.js";
 import { Field, FieldLabel } from "../../components/Field.es.js";
+import { t as Input } from "../../input-Cyit5ZSc.js";
+import { t as MarkdownRenderer } from "../../MarkdownRenderer-CY8LGt-l.js";
+import { t as Txt } from "../../Txt-5efBsb2p.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 // src/domains/skills/skill-simple-form.tsx
 function SkillSimpleForm({ name, onNameChange, description, onDescriptionChange, instructions, onInstructionsChange, readOnly, nameReadOnly }) {

package/dist/domains/spans/components/spans-explorer-body.cjs.js

@@ -1,19 +1,19 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_domains_observability_observability_list_url_state = require("../../observability/observability-list-url-state.cjs.js");
-const require_domains_spans_span_filters = require("../span-filters.cjs.js");
-const require_domains_traces_trace_list_columns = require("../../traces/trace-list-columns.cjs.js");
-const require_observability_saved_views = require("../../../observability-saved-views-Daizz4tU.cjs");
-const require_domains_observability_components_observability_list_body = require("../../observability/components/observability-list-body.cjs.js");
-const require_domains_observability_hooks_use_observability_list_filters = require("../../observability/hooks/use-observability-list-filters.cjs.js");
 const require_domains_spans_hooks_use_spans_list_source = require("../hooks/use-spans-list-source.cjs.js");
+const require_domains_spans_span_filters = require("../span-filters.cjs.js");
 const require_domains_spans_span_list_row = require("../span-list-row.cjs.js");
 const require_domains_spans_components_spans_explorer_histogram = require("./spans-explorer-histogram.cjs.js");
 const require_domains_spans_components_spans_filter_bar = require("./spans-filter-bar.cjs.js");
+const require_domains_observability_components_observability_list_body = require("../../observability/components/observability-list-body.cjs.js");
+const require_domains_observability_hooks_use_observability_list_filters = require("../../observability/hooks/use-observability-list-filters.cjs.js");
+const require_domains_observability_observability_list_url_state = require("../../observability/observability-list-url-state.cjs.js");
+const require_observability_saved_views = require("../../../observability-saved-views-DgABvgat.cjs");
 const require_domains_traces_components_columns_menu_columns_menu = require("../../traces/components/columns-menu/columns-menu.cjs.js");
 const require_domains_traces_components_no_traces_info = require("../../traces/components/no-traces-info.cjs.js");
 const require_domains_traces_components_traces_error_content = require("../../traces/components/traces-error-content.cjs.js");
 const require_domains_traces_components_traces_list_view = require("../../traces/components/traces-list-view.cjs.js");
 const require_domains_traces_hooks_use_trace_column_preferences = require("../../traces/hooks/use-trace-column-preferences.cjs.js");
+const require_domains_traces_trace_list_columns = require("../../traces/trace-list-columns.cjs.js");
 const require_ActionRow = require("../../../ActionRow-BlC9GAef.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/domains/spans/components/spans-explorer-body.es.js

@@ -1,19 +1,19 @@
-import { useObservabilityCapabilities } from "../../capabilities.es.js";
-import { SPAN_LIST_SORT_FIELDS } from "../../observability/observability-list-url-state.es.js";
-import { buildSpanQueryWhere } from "../span-filters.es.js";
-import { hasTraceColumn, withoutUnrecordedStreamingColumns } from "../../traces/trace-list-columns.es.js";
-import { t as ObservabilitySavedViews } from "../../../observability-saved-views-CjKTEp1V.js";
-import { ObservabilityListBody } from "../../observability/components/observability-list-body.es.js";
-import { useObservabilityListFilters } from "../../observability/hooks/use-observability-list-filters.es.js";
 import { useSpansListSource } from "../hooks/use-spans-list-source.es.js";
+import { buildSpanQueryWhere } from "../span-filters.es.js";
 import { spanToListRow } from "../span-list-row.es.js";
 import { SpansExplorerHistogram } from "./spans-explorer-histogram.es.js";
 import { SpansFilterBar } from "./spans-filter-bar.es.js";
+import { useObservabilityCapabilities } from "../../capabilities.es.js";
+import { ObservabilityListBody } from "../../observability/components/observability-list-body.es.js";
+import { useObservabilityListFilters } from "../../observability/hooks/use-observability-list-filters.es.js";
+import { SPAN_LIST_SORT_FIELDS } from "../../observability/observability-list-url-state.es.js";
+import { t as ObservabilitySavedViews } from "../../../observability-saved-views-Ch53fh5_.js";
 import { ColumnsMenu } from "../../traces/components/columns-menu/columns-menu.es.js";
 import { NoTracesInfo } from "../../traces/components/no-traces-info.es.js";
 import { TracesErrorContent } from "../../traces/components/traces-error-content.es.js";
 import { TracesListView } from "../../traces/components/traces-list-view.es.js";
 import { useTraceColumnPreferences } from "../../traces/hooks/use-trace-column-preferences.es.js";
+import { hasTraceColumn, withoutUnrecordedStreamingColumns } from "../../traces/trace-list-columns.es.js";
 import { t as ActionRow } from "../../../ActionRow-DCrRCvBq.js";
 import { useMemo } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";

package/dist/domains/spans/components/spans-filter-bar.cjs.js

@@ -1,9 +1,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_trace_filters = require("../../../trace-filters-a0N9bf52.cjs");
 const require_domains_traces_components_traces_explorer_traces_explorer_actions = require("../../traces/components/traces-explorer/traces-explorer-actions.cjs.js");
-require("../../../filter-bar-time-range-zdM024JD.cjs");
-const require_FilterBar = require("../../../FilterBar-BSP2UTjc.cjs");
+const require_trace_filters = require("../../../trace-filters-a0N9bf52.cjs");
 const require_domains_spans_hooks_use_spans_filter_bar = require("../hooks/use-spans-filter-bar.cjs.js");
+const require_FilterBar = require("../../../FilterBar-jBz6yaNu.cjs");
+require("../../../filter-bar-time-range-DlVNjw43.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/spans/components/spans-filter-bar.tsx
 var createItemId = (fieldId) => fieldId;

package/dist/domains/spans/components/spans-filter-bar.es.js

@@ -1,8 +1,8 @@
-import { u as TRACE_FILTER_BAR_OPERATORS } from "../../../trace-filters-CaWkw779.js";
 import { DEFAULT_TRACES_FILTERS } from "../../traces/components/traces-explorer/traces-explorer-actions.es.js";
-import "../../../filter-bar-time-range-qlV8p7hp.js";
-import { n as FilterBar } from "../../../FilterBar-PSQ1OwqH.js";
+import { u as TRACE_FILTER_BAR_OPERATORS } from "../../../trace-filters-CaWkw779.js";
 import { SPAN_TIME_RANGE_PRESETS, useSpansFilterBar, useSpansFilterBarFields } from "../hooks/use-spans-filter-bar.es.js";
+import { n as FilterBar } from "../../../FilterBar-Kmn6gMgO.js";
+import "../../../filter-bar-time-range-D9SnzR2J.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 // src/domains/spans/components/spans-filter-bar.tsx
 var createItemId = (fieldId) => fieldId;

package/dist/domains/spans/hooks/use-spans-filter-bar.cjs.js

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_trace_filters = require("../../../trace-filters-a0N9bf52.cjs");
-const require_types = require("../../../types-CP7wbYua.cjs");
 const require_domains_spans_span_filters = require("../span-filters.cjs.js");
-const require_filter_bar_time_range = require("../../../filter-bar-time-range-zdM024JD.cjs");
+const require_types = require("../../../types-CP7wbYua.cjs");
+const require_filter_bar_time_range = require("../../../filter-bar-time-range-DlVNjw43.cjs");
 let react = require("react");
 let _mastra_react = require("@mastra/react");
 let _mastra_react_hooks_capabilities = require("@mastra/react/hooks/capabilities");

package/dist/domains/spans/hooks/use-spans-filter-bar.es.js

@@ -1,7 +1,7 @@
 import { L as filterBarExpressionToTraceFilters, rt as traceTokensToFilterBarItems, tt as traceFiltersToFilterBarExpression } from "../../../trace-filters-CaWkw779.js";
-import { t as isFilterBarGroup } from "../../../types-DiiL5mTO.js";
 import { createSpanFilterBarFields } from "../span-filters.es.js";
-import { r as FILTER_BAR_TIME_RANGE_ITEM, t as FILTER_BAR_TIME_RANGE_FIELD } from "../../../filter-bar-time-range-qlV8p7hp.js";
+import { t as isFilterBarGroup } from "../../../types-DiiL5mTO.js";
+import { r as FILTER_BAR_TIME_RANGE_ITEM, t as FILTER_BAR_TIME_RANGE_FIELD } from "../../../filter-bar-time-range-D9SnzR2J.js";
 import { useCallback, useMemo } from "react";
 import { useMastraClient } from "@mastra/react";
 import { useObservabilityCapabilities } from "@mastra/react/hooks/capabilities";

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

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../../observability/list-polling.cjs.js");
 const require_domains_observability_hooks_use_list_head_poll = require("../../observability/hooks/use-list-head-poll.cjs.js");
 const require_domains_observability_hooks_use_observability_list_filters = require("../../observability/hooks/use-observability-list-filters.cjs.js");
+require("../../observability/list-polling.cjs.js");
 const require_domains_observability_merge_head_rows = require("../../observability/merge-head-rows.cjs.js");
 let react = require("react");
 let _mastra_react = require("@mastra/react");

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

@@ -1,6 +1,6 @@
-import "../../observability/list-polling.es.js";
 import { useListAnchor, useListHeadPoll } from "../../observability/hooks/use-list-head-poll.es.js";
 import { observabilityListQueryOptions } from "../../observability/hooks/use-observability-list-filters.es.js";
+import "../../observability/list-polling.es.js";
 import { mergeHeadRows } from "../../observability/merge-head-rows.es.js";
 import { useMemo } from "react";
 import { useMastraClient } from "@mastra/react";

package/dist/domains/spans/hooks.cjs.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_domains_spans_hooks_use_spans_list_source = require("./hooks/use-spans-list-source.cjs.js");
 const require_domains_spans_hooks_use_spans_filter_bar = require("./hooks/use-spans-filter-bar.cjs.js");
+const require_domains_spans_hooks_use_spans_list_source = require("./hooks/use-spans-list-source.cjs.js");
 exports.SPAN_TIME_RANGE_PRESETS = require_domains_spans_hooks_use_spans_filter_bar.SPAN_TIME_RANGE_PRESETS;
 exports.spanRowId = require_domains_spans_hooks_use_spans_list_source.spanRowId;
 exports.useSpansFilterBar = require_domains_spans_hooks_use_spans_filter_bar.useSpansFilterBar;

package/dist/domains/spans/hooks.es.js

@@ -1,3 +1,3 @@
-import { spanRowId, useSpansListSource } from "./hooks/use-spans-list-source.es.js";
 import { SPAN_TIME_RANGE_PRESETS, useSpansFilterBar, useSpansFilterBarFields } from "./hooks/use-spans-filter-bar.es.js";
+import { spanRowId, useSpansListSource } from "./hooks/use-spans-list-source.es.js";
 export { SPAN_TIME_RANGE_PRESETS, spanRowId, useSpansFilterBar, useSpansFilterBarFields, useSpansListSource };

package/dist/domains/threads/components/threads-explorer-body.cjs.js

@@ -1,19 +1,19 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_domains_threads_hooks_use_threads_list_source = require("../hooks/use-threads-list-source.cjs.js");
 const require_domains_threads_thread_filters = require("../thread-filters.cjs.js");
-const require_domains_traces_trace_list_columns = require("../../traces/trace-list-columns.cjs.js");
-const require_observability_saved_views = require("../../../observability-saved-views-Daizz4tU.cjs");
+const require_domains_threads_thread_list_row = require("../thread-list-row.cjs.js");
+const require_domains_threads_components_threads_filter_bar = require("./threads-filter-bar.cjs.js");
 const require_domains_observability_components_observability_list_body = require("../../observability/components/observability-list-body.cjs.js");
 const require_domains_observability_hooks_use_observability_list_filters = require("../../observability/hooks/use-observability-list-filters.cjs.js");
+const require_observability_saved_views = require("../../../observability-saved-views-DgABvgat.cjs");
 const require_domains_traces_components_columns_menu_columns_menu = require("../../traces/components/columns-menu/columns-menu.cjs.js");
 const require_domains_traces_components_no_traces_info = require("../../traces/components/no-traces-info.cjs.js");
+const require_domains_traces_components_trace_thread_panel = require("../../traces/components/trace-thread-panel.cjs.js");
 const require_domains_traces_components_traces_error_content = require("../../traces/components/traces-error-content.cjs.js");
 const require_domains_traces_components_traces_list_view = require("../../traces/components/traces-list-view.cjs.js");
 const require_domains_traces_hooks_use_trace_column_preferences = require("../../traces/hooks/use-trace-column-preferences.cjs.js");
+const require_domains_traces_trace_list_columns = require("../../traces/trace-list-columns.cjs.js");
 const require_ActionRow = require("../../../ActionRow-BlC9GAef.cjs");
-const require_domains_threads_hooks_use_threads_list_source = require("../hooks/use-threads-list-source.cjs.js");
-const require_domains_threads_thread_list_row = require("../thread-list-row.cjs.js");
-const require_domains_threads_components_threads_filter_bar = require("./threads-filter-bar.cjs.js");
-const require_domains_traces_components_trace_thread_panel = require("../../traces/components/trace-thread-panel.cjs.js");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _mastra_react_hooks_capabilities = require("@mastra/react/hooks/capabilities");

package/dist/domains/threads/components/threads-explorer-body.es.js

@@ -1,19 +1,19 @@
-import { useFeedbackAvailable, useTraceQueryAvailable } from "../../capabilities.es.js";
+import { useThreadsListSource } from "../hooks/use-threads-list-source.es.js";
 import { buildThreadQueryWhere } from "../thread-filters.es.js";
-import { withoutUnrecordedStreamingColumns } from "../../traces/trace-list-columns.es.js";
-import { t as ObservabilitySavedViews } from "../../../observability-saved-views-CjKTEp1V.js";
+import { threadToListRow } from "../thread-list-row.es.js";
+import { ThreadsFilterBar } from "./threads-filter-bar.es.js";
+import { useFeedbackAvailable, useTraceQueryAvailable } from "../../capabilities.es.js";
 import { ObservabilityListBody } from "../../observability/components/observability-list-body.es.js";
 import { useObservabilityListFilters } from "../../observability/hooks/use-observability-list-filters.es.js";
+import { t as ObservabilitySavedViews } from "../../../observability-saved-views-Ch53fh5_.js";
 import { ColumnsMenu } from "../../traces/components/columns-menu/columns-menu.es.js";
 import { NoTracesInfo } from "../../traces/components/no-traces-info.es.js";
+import { TraceThreadPanel } from "../../traces/components/trace-thread-panel.es.js";
 import { TracesErrorContent } from "../../traces/components/traces-error-content.es.js";
 import { TracesListView } from "../../traces/components/traces-list-view.es.js";
 import { useTraceColumnPreferences } from "../../traces/hooks/use-trace-column-preferences.es.js";
+import { withoutUnrecordedStreamingColumns } from "../../traces/trace-list-columns.es.js";
 import { t as ActionRow } from "../../../ActionRow-DCrRCvBq.js";
-import { useThreadsListSource } from "../hooks/use-threads-list-source.es.js";
-import { threadToListRow } from "../thread-list-row.es.js";
-import { ThreadsFilterBar } from "./threads-filter-bar.es.js";
-import { TraceThreadPanel } from "../../traces/components/trace-thread-panel.es.js";
 import { useMemo } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useObservabilityCapabilities } from "@mastra/react/hooks/capabilities";

package/dist/domains/threads/components/threads-filter-bar.cjs.js

@@ -1,9 +1,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_trace_filters = require("../../../trace-filters-a0N9bf52.cjs");
 const require_domains_traces_components_traces_explorer_traces_explorer_actions = require("../../traces/components/traces-explorer/traces-explorer-actions.cjs.js");
-require("../../../filter-bar-time-range-zdM024JD.cjs");
-const require_FilterBar = require("../../../FilterBar-BSP2UTjc.cjs");
+const require_trace_filters = require("../../../trace-filters-a0N9bf52.cjs");
 const require_domains_threads_hooks_use_threads_filter_bar = require("../hooks/use-threads-filter-bar.cjs.js");
+const require_FilterBar = require("../../../FilterBar-jBz6yaNu.cjs");
+require("../../../filter-bar-time-range-DlVNjw43.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/threads/components/threads-filter-bar.tsx
 var createItemId = (fieldId) => fieldId;

package/dist/domains/threads/components/threads-filter-bar.es.js

@@ -1,8 +1,8 @@
-import { u as TRACE_FILTER_BAR_OPERATORS } from "../../../trace-filters-CaWkw779.js";
 import { DEFAULT_TRACES_FILTERS } from "../../traces/components/traces-explorer/traces-explorer-actions.es.js";
-import "../../../filter-bar-time-range-qlV8p7hp.js";
-import { n as FilterBar } from "../../../FilterBar-PSQ1OwqH.js";
+import { u as TRACE_FILTER_BAR_OPERATORS } from "../../../trace-filters-CaWkw779.js";
 import { THREAD_TIME_RANGE_PRESETS, useThreadsFilterBar, useThreadsFilterBarFields } from "../hooks/use-threads-filter-bar.es.js";
+import { n as FilterBar } from "../../../FilterBar-Kmn6gMgO.js";
+import "../../../filter-bar-time-range-D9SnzR2J.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 // src/domains/threads/components/threads-filter-bar.tsx
 var createItemId = (fieldId) => fieldId;

package/dist/domains/threads/hooks/use-threads-filter-bar.cjs.js

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_trace_filters = require("../../../trace-filters-a0N9bf52.cjs");
-const require_types = require("../../../types-CP7wbYua.cjs");
 const require_domains_threads_thread_filters = require("../thread-filters.cjs.js");
-const require_filter_bar_time_range = require("../../../filter-bar-time-range-zdM024JD.cjs");
+const require_types = require("../../../types-CP7wbYua.cjs");
+const require_filter_bar_time_range = require("../../../filter-bar-time-range-DlVNjw43.cjs");
 let react = require("react");
 let _mastra_react_hooks_capabilities = require("@mastra/react/hooks/capabilities");
 let _mastra_react_hooks_traces = require("@mastra/react/hooks/traces");

package/dist/domains/threads/hooks/use-threads-filter-bar.es.js

@@ -1,7 +1,7 @@
 import { L as filterBarExpressionToTraceFilters, rt as traceTokensToFilterBarItems, tt as traceFiltersToFilterBarExpression } from "../../../trace-filters-CaWkw779.js";
-import { t as isFilterBarGroup } from "../../../types-DiiL5mTO.js";
 import { createThreadFilterBarFields } from "../thread-filters.es.js";
-import { r as FILTER_BAR_TIME_RANGE_ITEM, t as FILTER_BAR_TIME_RANGE_FIELD } from "../../../filter-bar-time-range-qlV8p7hp.js";
+import { t as isFilterBarGroup } from "../../../types-DiiL5mTO.js";
+import { r as FILTER_BAR_TIME_RANGE_ITEM, t as FILTER_BAR_TIME_RANGE_FIELD } from "../../../filter-bar-time-range-D9SnzR2J.js";
 import { useCallback, useMemo } from "react";
 import { useObservabilityCapabilities } from "@mastra/react/hooks/capabilities";
 import { useEntityNames, useEnvironments } from "@mastra/react/hooks/traces";

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

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../../observability/list-polling.cjs.js");
 const require_domains_observability_hooks_use_list_head_poll = require("../../observability/hooks/use-list-head-poll.cjs.js");
 const require_domains_observability_hooks_use_observability_list_filters = require("../../observability/hooks/use-observability-list-filters.cjs.js");
+require("../../observability/list-polling.cjs.js");
 const require_domains_observability_merge_head_rows = require("../../observability/merge-head-rows.cjs.js");
 let react = require("react");
 let _mastra_react = require("@mastra/react");

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

@@ -1,6 +1,6 @@
-import "../../observability/list-polling.es.js";
 import { useListAnchor, useListHeadPoll } from "../../observability/hooks/use-list-head-poll.es.js";
 import { observabilityListQueryOptions } from "../../observability/hooks/use-observability-list-filters.es.js";
+import "../../observability/list-polling.es.js";
 import { mergeHeadRows } from "../../observability/merge-head-rows.es.js";
 import { useMemo } from "react";
 import { useMastraClient } from "@mastra/react";

package/dist/domains/threads/hooks.cjs.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_domains_threads_hooks_use_threads_list_source = require("./hooks/use-threads-list-source.cjs.js");
 const require_domains_threads_hooks_use_threads_filter_bar = require("./hooks/use-threads-filter-bar.cjs.js");
+const require_domains_threads_hooks_use_threads_list_source = require("./hooks/use-threads-list-source.cjs.js");
 exports.THREAD_TIME_RANGE_PRESETS = require_domains_threads_hooks_use_threads_filter_bar.THREAD_TIME_RANGE_PRESETS;
 exports.threadRowId = require_domains_threads_hooks_use_threads_list_source.threadRowId;
 exports.useThreadsFilterBar = require_domains_threads_hooks_use_threads_filter_bar.useThreadsFilterBar;

package/dist/domains/threads/hooks.es.js

@@ -1,3 +1,3 @@
-import { threadRowId, useThreadsListSource } from "./hooks/use-threads-list-source.es.js";
 import { THREAD_TIME_RANGE_PRESETS, useThreadsFilterBar, useThreadsFilterBarFields } from "./hooks/use-threads-filter-bar.es.js";
+import { threadRowId, useThreadsListSource } from "./hooks/use-threads-list-source.es.js";
 export { THREAD_TIME_RANGE_PRESETS, threadRowId, useThreadsFilterBar, useThreadsFilterBarFields, useThreadsListSource };

package/dist/domains/traces/components/columns-menu/columns-menu.cjs.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_trace_filters = require("../../../../trace-filters-a0N9bf52.cjs");
 const require_domains_traces_trace_list_columns = require("../../trace-list-columns.cjs.js");
+const require_trace_filters = require("../../../../trace-filters-a0N9bf52.cjs");
 const require_domains_traces_components_trace_columns_menu = require("../trace-columns-menu.cjs.js");
 const require_domains_traces_components_traces_explorer_traces_explorer_context = require("../traces-explorer/traces-explorer-context.cjs.js");
 let react = require("react");

package/dist/domains/traces/components/columns-menu/columns-menu.es.js

@@ -1,8 +1,8 @@
-import { useObservabilityCapabilities, useSpanQueryAvailable, useThreadQueryAvailable, useTraceQueryAvailable, useTraceQueryDiscoveryAvailable } from "../../../capabilities.es.js";
-import { ft as resolveTraceQueryTimeRange } from "../../../../trace-filters-CaWkw779.js";
 import { TRACE_COLUMN_CATALOGS, addTraceCustomColumn, addTraceMetadataColumn, removeTraceCustomColumn, removeTraceMetadataColumn, toggleTraceColumn } from "../../trace-list-columns.es.js";
+import { ft as resolveTraceQueryTimeRange } from "../../../../trace-filters-CaWkw779.js";
 import { TraceColumnsMenu } from "../trace-columns-menu.es.js";
 import { CHECKING_USAGE_REASON, UNSUPPORTED_USAGE_REASON } from "../traces-explorer/traces-explorer-context.es.js";
+import { useObservabilityCapabilities, useSpanQueryAvailable, useThreadQueryAvailable, useTraceQueryAvailable, useTraceQueryDiscoveryAvailable } from "../../../capabilities.es.js";
 import { memo, useMemo, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 import { useTraceMetadataFilterFields } from "@mastra/react/hooks/traces";

package/dist/domains/traces/components/feedback-thread.cjs.js

@@ -1,15 +1,15 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_utils_date_format = require("../../../utils/date-format.cjs.js");
-const require_icons_Icon = require("../../../icons/Icon.cjs.js");
-const require_Button = require("../../../Button-DLcMcuUL.cjs");
-const require_Txt = require("../../../Txt-BnoSqxKE.cjs");
-const require_dropdown_menu = require("../../../dropdown-menu-BETTTPBB.cjs");
-const require_input_group = require("../../../input-group-DVJLZDBL.cjs");
-const require_components_AlertDialog = require("../../../components/AlertDialog.cjs.js");
 const require_domains_review_components_review_status_badge = require("../../review/components/review-status-badge.cjs.js");
 const require_domains_traces_utils_feedback_author = require("../utils/feedback-author.cjs.js");
-const require_Avatar = require("../../../Avatar-Iiqjad9K.cjs");
-const require_Comment = require("../../../Comment-Cg0f7eLa.cjs");
+const require_components_AlertDialog = require("../../../components/AlertDialog.cjs.js");
+const require_Avatar = require("../../../Avatar-Dxpc0YUx.cjs");
+const require_Button = require("../../../Button-BfICfyxD.cjs");
+const require_Comment = require("../../../Comment-rQxuMDQv.cjs");
+const require_dropdown_menu = require("../../../dropdown-menu-Dx-jCOIv.cjs");
+const require_input_group = require("../../../input-group-DBCilXjT.cjs");
+const require_Txt = require("../../../Txt-_00wWxTd.cjs");
+const require_icons_Icon = require("../../../icons/Icon.cjs.js");
+const require_utils_date_format = require("../../../utils/date-format.cjs.js");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");

package/dist/domains/traces/components/feedback-thread.es.js

@@ -1,14 +1,14 @@
-import { formatDate } from "../../../utils/date-format.es.js";
-import { Icon } from "../../../icons/Icon.es.js";
-import { t as Button } from "../../../Button-CLXTbAY8.js";
-import { t as Txt } from "../../../Txt-BM6TVV_c.js";
-import { t as DropdownMenu } from "../../../dropdown-menu-B4jY3J9e.js";
-import { i as InputGroupInput, n as InputGroupAddon, r as InputGroupButton, t as InputGroup } from "../../../input-group-QKKV_ouF.js";
-import { AlertDialog } from "../../../components/AlertDialog.es.js";
 import { ReviewStatusBadge } from "../../review/components/review-status-badge.es.js";
 import { feedbackAuthorLabel } from "../utils/feedback-author.es.js";
-import { t as Avatar } from "../../../Avatar-Dj8aP7OI.js";
-import { c as CommentItem, d as CommentItemAvatar, f as CommentItemBody, g as CommentList, h as CommentItemTimestamp, l as CommentItemActions, m as CommentItemHeader, p as CommentItemContent, s as Comment, u as CommentItemAuthor } from "../../../Comment-0n98b_f_.js";
+import { AlertDialog } from "../../../components/AlertDialog.es.js";
+import { t as Avatar } from "../../../Avatar-DOoEXudh.js";
+import { t as Button } from "../../../Button-Bi7aXd_G.js";
+import { c as CommentItem, d as CommentItemAvatar, f as CommentItemBody, g as CommentList, h as CommentItemTimestamp, l as CommentItemActions, m as CommentItemHeader, p as CommentItemContent, s as Comment, u as CommentItemAuthor } from "../../../Comment-2q9SomE2.js";
+import { t as DropdownMenu } from "../../../dropdown-menu-DKoWI8kD.js";
+import { i as InputGroupInput, n as InputGroupAddon, r as InputGroupButton, t as InputGroup } from "../../../input-group-NV4ZzKOk.js";
+import { t as Txt } from "../../../Txt-5efBsb2p.js";
+import { Icon } from "../../../icons/Icon.es.js";
+import { formatDate } from "../../../utils/date-format.es.js";
 import { useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { ArrowUp, ChevronLeft, ChevronRight, ClipboardCheck, EllipsisIcon, Trash2 } from "lucide-react";

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

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_domains_chat_messages_signal_data = require("../../chat/messages/signal-data.cjs.js");
 const require_domains_chat_tools_tool_card_kind = require("../../chat/tools/tool-card-kind.cjs.js");
-const require_domains_traces_utils_span_signal = require("../utils/span-signal.cjs.js");
 const require_domains_traces_components_format_hierarchical_spans = require("./format-hierarchical-spans.cjs.js");
+const require_domains_traces_utils_span_signal = require("../utils/span-signal.cjs.js");
 let _mastra_core_observability = require("@mastra/core/observability");
 // src/domains/traces/components/format-trace-thread-messages.ts
 var TOOL_SPAN_TYPES = /* @__PURE__ */ new Set([

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

@@ -1,7 +1,7 @@
 import { isUserSignalType } from "../../chat/messages/signal-data.es.js";
 import { isHiddenTool } from "../../chat/tools/tool-card-kind.es.js";
-import { getSpanSignal } from "../utils/span-signal.es.js";
 import { formatHierarchicalSpans } from "./format-hierarchical-spans.es.js";
+import { getSpanSignal } from "../utils/span-signal.es.js";
 import { SpanType } from "@mastra/core/observability";
 // src/domains/traces/components/format-trace-thread-messages.ts
 var TOOL_SPAN_TYPES = /* @__PURE__ */ new Set([

package/dist/domains/traces/components/no-traces-info.cjs.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_EmptyState = require("../../../EmptyState-Dc-sP95H.cjs");
 const require_utils_date_format = require("../../../utils/date-format.cjs.js");
-const require_EmptyState = require("../../../EmptyState-DxDHlYqD.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/traces/components/no-traces-info.tsx
 var PRESET_LABELS = {
@@ -11,7 +11,7 @@ var PRESET_LABELS = {
 	"last-30d": "the last 30 days"
 };
 function describeRange({ resource = "traces", datePreset, dateFrom, dateTo }) {
-	const rangeTip = `Pick a wider time range — older ${resource} may fall outside the current window.`;
+	const rangeTip = `Pick a wider time range. Older ${resource} may fall outside the current window.`;
 	if (datePreset && datePreset !== "all" && datePreset !== "custom") return {
 		title: `No ${resource} for ${PRESET_LABELS[datePreset]}`,
 		description: rangeTip

package/dist/domains/traces/components/no-traces-info.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"no-traces-info.cjs.js","names":["formatDate","EmptyState"],"sources":["../../../../src/domains/traces/components/no-traces-info.tsx"],"sourcesContent":["import type { TraceDatePreset } from '../types';\nimport { EmptyState } from '@/ds/components/EmptyState';\nimport { formatDate } from '@/utils/date-format';\n\nconst PRESET_LABELS: Record<Exclude<TraceDatePreset, 'all' | 'custom'>, string> = {\n  'last-24h': 'the last 24 hours',\n  'last-3d': 'the last 3 days',\n  'last-7d': 'the last 7 days',\n  'last-14d': 'the last 14 days',\n  'last-30d': 'the last 30 days',\n};\n\nexport interface NoTracesInfoProps {\n  /** What the empty list holds. Defaults to `traces`. */\n  resource?: 'traces' | 'spans' | 'threads';\n  datePreset?: TraceDatePreset;\n  dateFrom?: Date;\n  dateTo?: Date;\n}\n\nfunction describeRange({ resource = 'traces', datePreset, dateFrom, dateTo }: NoTracesInfoProps): {\n  title: string;\n  description: string;\n} {\n  const rangeTip = `Pick a wider time range — older ${resource} may fall outside the current window.`;\n  if (datePreset && datePreset !== 'all' && datePreset !== 'custom') {\n    return {\n      title: `No ${resource} for ${PRESET_LABELS[datePreset]}`,\n      description: rangeTip,\n    };\n  }\n  if (dateFrom && dateTo) {\n    return {\n      title: `No ${resource} between ${formatDate(dateFrom, 'date-time')} and ${formatDate(dateTo, 'date-time')}`,\n      description: rangeTip,\n    };\n  }\n  if (dateFrom) {\n    return {\n      title: `No ${resource} since ${formatDate(dateFrom, 'date-time')}`,\n      description: rangeTip,\n    };\n  }\n  return {\n    title: `No ${resource} yet`,\n    description: `${resource.charAt(0).toUpperCase()}${resource.slice(1)} will appear here once agents, workflows, or tools are executed.`,\n  };\n}\n\nexport const NoTracesInfo = (props: NoTracesInfoProps = {}) => {\n  const { title, description } = describeRange(props);\n  return <EmptyState titleSlot={title} descriptionSlot={description} variant=\"fill\" />;\n};\n"],"mappings":";;;;;AAIA,IAAM,gBAA4E;CAChF,YAAY;CACZ,WAAW;CACX,WAAW;CACX,YAAY;CACZ,YAAY;AACd;AAUA,SAAS,cAAc,EAAE,WAAW,UAAU,YAAY,UAAU,UAGlE;CACA,MAAM,WAAW,mCAAmC,SAAS;CAC7D,IAAI,cAAc,eAAe,SAAS,eAAe,UACvD,OAAO;EACL,OAAO,MAAM,SAAS,OAAO,cAAc;EAC3C,aAAa;CACf;CAEF,IAAI,YAAY,QACd,OAAO;EACL,OAAO,MAAM,SAAS,WAAWA,0BAAAA,WAAW,UAAU,WAAW,EAAE,OAAOA,0BAAAA,WAAW,QAAQ,WAAW;EACxG,aAAa;CACf;CAEF,IAAI,UACF,OAAO;EACL,OAAO,MAAM,SAAS,SAASA,0BAAAA,WAAW,UAAU,WAAW;EAC/D,aAAa;CACf;CAEF,OAAO;EACL,OAAO,MAAM,SAAS;EACtB,aAAa,GAAG,SAAS,OAAO,CAAC,CAAC,CAAC,YAAY,IAAI,SAAS,MAAM,CAAC,EAAE;CACvE;AACF;AAEA,IAAa,gBAAgB,QAA2B,CAAC,MAAM;CAC7D,MAAM,EAAE,OAAO,gBAAgB,cAAc,KAAK;CAClD,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,mBAAAA,YAAD;EAAY,WAAW;EAAO,iBAAiB;EAAa,SAAQ;CAAQ,CAAA;AACrF"}
+{"version":3,"file":"no-traces-info.cjs.js","names":["formatDate","EmptyState"],"sources":["../../../../src/domains/traces/components/no-traces-info.tsx"],"sourcesContent":["import type { TraceDatePreset } from '../types';\nimport { EmptyState } from '@/ds/components/EmptyState';\nimport { formatDate } from '@/utils/date-format';\n\nconst PRESET_LABELS: Record<Exclude<TraceDatePreset, 'all' | 'custom'>, string> = {\n  'last-24h': 'the last 24 hours',\n  'last-3d': 'the last 3 days',\n  'last-7d': 'the last 7 days',\n  'last-14d': 'the last 14 days',\n  'last-30d': 'the last 30 days',\n};\n\nexport interface NoTracesInfoProps {\n  /** What the empty list holds. Defaults to `traces`. */\n  resource?: 'traces' | 'spans' | 'threads';\n  datePreset?: TraceDatePreset;\n  dateFrom?: Date;\n  dateTo?: Date;\n}\n\nfunction describeRange({ resource = 'traces', datePreset, dateFrom, dateTo }: NoTracesInfoProps): {\n  title: string;\n  description: string;\n} {\n  const rangeTip = `Pick a wider time range. Older ${resource} may fall outside the current window.`;\n  if (datePreset && datePreset !== 'all' && datePreset !== 'custom') {\n    return {\n      title: `No ${resource} for ${PRESET_LABELS[datePreset]}`,\n      description: rangeTip,\n    };\n  }\n  if (dateFrom && dateTo) {\n    return {\n      title: `No ${resource} between ${formatDate(dateFrom, 'date-time')} and ${formatDate(dateTo, 'date-time')}`,\n      description: rangeTip,\n    };\n  }\n  if (dateFrom) {\n    return {\n      title: `No ${resource} since ${formatDate(dateFrom, 'date-time')}`,\n      description: rangeTip,\n    };\n  }\n  return {\n    title: `No ${resource} yet`,\n    description: `${resource.charAt(0).toUpperCase()}${resource.slice(1)} will appear here once agents, workflows, or tools are executed.`,\n  };\n}\n\nexport const NoTracesInfo = (props: NoTracesInfoProps = {}) => {\n  const { title, description } = describeRange(props);\n  return <EmptyState titleSlot={title} descriptionSlot={description} variant=\"fill\" />;\n};\n"],"mappings":";;;;;AAIA,IAAM,gBAA4E;CAChF,YAAY;CACZ,WAAW;CACX,WAAW;CACX,YAAY;CACZ,YAAY;AACd;AAUA,SAAS,cAAc,EAAE,WAAW,UAAU,YAAY,UAAU,UAGlE;CACA,MAAM,WAAW,kCAAkC,SAAS;CAC5D,IAAI,cAAc,eAAe,SAAS,eAAe,UACvD,OAAO;EACL,OAAO,MAAM,SAAS,OAAO,cAAc;EAC3C,aAAa;CACf;CAEF,IAAI,YAAY,QACd,OAAO;EACL,OAAO,MAAM,SAAS,WAAWA,0BAAAA,WAAW,UAAU,WAAW,EAAE,OAAOA,0BAAAA,WAAW,QAAQ,WAAW;EACxG,aAAa;CACf;CAEF,IAAI,UACF,OAAO;EACL,OAAO,MAAM,SAAS,SAASA,0BAAAA,WAAW,UAAU,WAAW;EAC/D,aAAa;CACf;CAEF,OAAO;EACL,OAAO,MAAM,SAAS;EACtB,aAAa,GAAG,SAAS,OAAO,CAAC,CAAC,CAAC,YAAY,IAAI,SAAS,MAAM,CAAC,EAAE;CACvE;AACF;AAEA,IAAa,gBAAgB,QAA2B,CAAC,MAAM;CAC7D,MAAM,EAAE,OAAO,gBAAgB,cAAc,KAAK;CAClD,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,mBAAAA,YAAD;EAAY,WAAW;EAAO,iBAAiB;EAAa,SAAQ;CAAQ,CAAA;AACrF"}

package/dist/domains/traces/components/no-traces-info.es.js

@@ -1,5 +1,5 @@
+import { n as EmptyState } from "../../../EmptyState-i88y1x75.js";
 import { formatDate } from "../../../utils/date-format.es.js";
-import { n as EmptyState } from "../../../EmptyState-P-Gy898T.js";
 import { jsx } from "react/jsx-runtime";
 // src/domains/traces/components/no-traces-info.tsx
 var PRESET_LABELS = {
@@ -10,7 +10,7 @@ var PRESET_LABELS = {
 	"last-30d": "the last 30 days"
 };
 function describeRange({ resource = "traces", datePreset, dateFrom, dateTo }) {
-	const rangeTip = `Pick a wider time range — older ${resource} may fall outside the current window.`;
+	const rangeTip = `Pick a wider time range. Older ${resource} may fall outside the current window.`;
 	if (datePreset && datePreset !== "all" && datePreset !== "custom") return {
 		title: `No ${resource} for ${PRESET_LABELS[datePreset]}`,
 		description: rangeTip