npm - @mastra/playground-ui - Versions diffs - 68.0.0 → 69.0.0-alpha.1 - Mend

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

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 (2284) hide show

package/dist/domains/scores/components/score-data-panel.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"score-data-panel.cjs.js","names":["_Fragment","Txt","useLinkComponent","useState","DataPanel","DataKeysAndValues","formatTimestampPrecise","Button","SaveIcon","cn","GaugeIcon","FileInputIcon","FileOutputIcon","ReceiptText","ScoreAsItemDialog"],"sources":["../../../../src/domains/scores/components/score-data-panel.tsx"],"sourcesContent":["import type { ClientScoreRowData } from '@mastra/client-js';\nimport { FileInputIcon, FileOutputIcon, GaugeIcon, ReceiptText, SaveIcon } from 'lucide-react';\nimport { useState } from 'react';\nimport { ScoreAsItemDialog } from './score-as-item-dialog';\nimport { Button } from '@/ds/components/Button';\nimport { DataKeysAndValues } from '@/ds/components/DataKeysAndValues';\nimport { DataPanel } from '@/ds/components/DataPanel';\nimport { Txt } from '@/ds/components/Txt';\nimport { useLinkComponent } from '@/lib/framework';\nimport { cn } from '@/utils/cn';\nimport { formatTimestampPrecise } from '@/utils/date-format';\n\nfunction isCodeBasedScorer(score?: ClientScoreRowData): boolean {\n if (!score) return false;\n const scorer = score.scorer as Record<string, unknown> \| undefined;\n if (scorer?.hasJudge === false) return true;\n if (scorer?.hasJudge === true) return false;\n return !score.preprocessPrompt && !score.analyzePrompt && !score.generateScorePrompt && !score.generateReasonPrompt;\n}\n\nfunction buildDialogTitle(sectionTitle: string, icon: React.ReactNode, score: ClientScoreRowData) {\n return (\n <>\n <Txt as=\"span\" variant=\"eyebrow\" tone=\"faint\" className=\"flex items-center gap-1.5 [&>svg]:size-3.5\">\n {icon}\n {sectionTitle}\n </Txt>\n <span>\n › Score <b className=\"text-muted-foreground\">#{score.id}</b>\n </span>\n </>\n );\n}\n\nexport interface ScoreDataPanelProps {\n /** Always mount the panel and pass `undefined` to close it, so the drawer can animate out. */\n score?: ClientScoreRowData;\n onClose: () => void;\n onPrevious?: () => void;\n onNext?: () => void;\n depth?: 1 \| 2 \| 3;\n}\n\nexport function ScoreDataPanel({ score, onClose, onPrevious, onNext, depth }: ScoreDataPanelProps) {\n const { Link, paths } = useLinkComponent();\n const [datasetDialogOpen, setDatasetDialogOpen] = useState(false);\n const isCodeBased = isCodeBasedScorer(score);\n const naText = isCodeBased ? 'N/A — code-based scorer does not use prompts' : 'N/A — step not configured';\n\n return (\n <>\n <DataPanel open={!!score} onClose={onClose} title={score ? `Score ${score.id}` : 'Score'} depth={depth}>\n {score && (\n <>\n <DataPanel.Header>\n <DataPanel.Heading>\n Score\n <DataPanel.CopyId id={score.id} />\n </DataPanel.Heading>\n <DataPanel.HeaderActions>\n {(onPrevious \|\| onNext) && (\n <DataPanel.NextPrevNav\n onPrevious={onPrevious}\n onNext={onNext}\n previousLabel=\"Go to previous score\"\n nextLabel=\"Go to next score\"\n />\n )}\n <DataPanel.CloseButton icon=\"x\" onClick={onClose} label=\"Close score\" tooltip=\"Close score\" />\n </DataPanel.HeaderActions>\n </DataPanel.Header>\n\n <DataPanel.Content>\n <DataKeysAndValues>\n {score.scorer?.name != null && (\n <>\n <DataKeysAndValues.Key>Scorer</DataKeysAndValues.Key>\n <DataKeysAndValues.Value>{String(score.scorer.name)}</DataKeysAndValues.Value>\n </>\n )}\n {score.createdAt && (\n <>\n <DataKeysAndValues.Key>Created</DataKeysAndValues.Key>\n <DataKeysAndValues.Value>{formatTimestampPrecise(score.createdAt)}</DataKeysAndValues.Value>\n </>\n )}\n {score.traceId && (\n <>\n <DataKeysAndValues.Key>Trace Id</DataKeysAndValues.Key>\n {paths.traceLink(score.traceId) ? (\n <DataKeysAndValues.ValueLink href={paths.traceLink(score.traceId)} as={Link}>\n {score.traceId}\n </DataKeysAndValues.ValueLink>\n ) : (\n <DataKeysAndValues.Value>{score.traceId}</DataKeysAndValues.Value>\n )}\n </>\n )}\n {score.spanId && score.traceId && (\n <>\n <DataKeysAndValues.Key>Span Id</DataKeysAndValues.Key>\n {paths.traceLink(score.traceId, score.spanId) ? (\n <DataKeysAndValues.ValueLink href={paths.traceLink(score.traceId, score.spanId)} as={Link}>\n {score.spanId}\n </DataKeysAndValues.ValueLink>\n ) : (\n <DataKeysAndValues.Value>{score.spanId}</DataKeysAndValues.Value>\n )}\n </>\n )}\n </DataKeysAndValues>\n\n <div className=\"my-6 flex justify-end\">\n <Button size=\"sm\" onClick={() => setDatasetDialogOpen(true)} icon={<SaveIcon />}>\n Save as dataset item\n </Button>\n </div>\n\n <div className=\"mb-6 text-muted-foreground\">\n <div\n className={cn(\n 'text-placeholder',\n 'flex items-baseline gap-2',\n '[&>svg]:size-5 [&>svg]:translate-y-1',\n )}\n >\n <GaugeIcon />\n <Txt as=\"span\" variant=\"body\">\n Score:\n </Txt>\n <Txt\n as=\"b\"\n variant=\"body\"\n tone=\"muted\"\n className=\"tabular-nums\"\n >{`${score.score == null \|\| Number.isNaN(score.score) ? 'n/a' : score.score}`}</Txt>\n </div>\n <Txt as=\"p\" variant=\"body-sm\" className=\"mt-2\">\n {score.reason \|\|\n (isCodeBased ? 'N/A — code-based scorer does not generate a reason' : 'N/A — step not configured')}\n </Txt>\n </div>\n\n <div className=\"grid gap-4\">\n <DataPanel.CodeSection\n title=\"Input\"\n dialogTitle={buildDialogTitle('Input', <FileInputIcon />, score)}\n icon={<FileInputIcon />}\n codeStr={JSON.stringify(score.input ?? null, null, 2)}\n />\n <DataPanel.CodeSection\n title=\"Output\"\n dialogTitle={buildDialogTitle('Output', <FileOutputIcon />, score)}\n icon={<FileOutputIcon />}\n codeStr={JSON.stringify(score.output ?? null, null, 2)}\n />\n <DataPanel.CodeSection\n title=\"Preprocess Prompt\"\n dialogTitle={buildDialogTitle('Preprocess Prompt', <ReceiptText />, score)}\n icon={<ReceiptText />}\n codeStr={score.preprocessPrompt \|\| naText}\n simplified\n />\n <DataPanel.CodeSection\n title=\"Analyze Prompt\"\n dialogTitle={buildDialogTitle('Analyze Prompt', <ReceiptText />, score)}\n icon={<ReceiptText />}\n codeStr={score.analyzePrompt \|\| naText}\n simplified\n />\n <DataPanel.CodeSection\n title=\"Generate Score Prompt\"\n dialogTitle={buildDialogTitle('Generate Score Prompt', <ReceiptText />, score)}\n icon={<ReceiptText />}\n codeStr={score.generateScorePrompt \|\| naText}\n simplified\n />\n <DataPanel.CodeSection\n title=\"Generate Reason Prompt\"\n dialogTitle={buildDialogTitle('Generate Reason Prompt', <ReceiptText />, score)}\n icon={<ReceiptText />}\n codeStr={score.generateReasonPrompt \|\| naText}\n simplified\n />\n </div>\n </DataPanel.Content>\n </>\n )}\n </DataPanel>\n\n {score && (\n <ScoreAsItemDialog\n score={score}\n isOpen={datasetDialogOpen}\n onClose={() => setDatasetDialogOpen(false)}\n depth={(depth ?? 1) > 1 ? 3 : 2}\n />\n )}\n </>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"score-data-panel.cjs.js","names":["_Fragment","Txt","useLinkComponent","useState","DataPanel","DataKeysAndValues","formatTimestampPrecise","Button","SaveIcon","cn","GaugeIcon","FileInputIcon","FileOutputIcon","ReceiptText","ScoreAsItemDialog"],"sources":["../../../../src/domains/scores/components/score-data-panel.tsx"],"sourcesContent":["import type { ClientScoreRowData } from '@mastra/client-js';\nimport { FileInputIcon, FileOutputIcon, GaugeIcon, ReceiptText, SaveIcon } from 'lucide-react';\nimport { useState } from 'react';\nimport { ScoreAsItemDialog } from './score-as-item-dialog';\nimport { Button } from '@/ds/components/Button';\nimport { DataKeysAndValues } from '@/ds/components/DataKeysAndValues';\nimport { DataPanel } from '@/ds/components/DataPanel';\nimport { Txt } from '@/ds/components/Txt';\nimport { useLinkComponent } from '@/lib/framework';\nimport { cn } from '@/utils/cn';\nimport { formatTimestampPrecise } from '@/utils/date-format';\n\nfunction isCodeBasedScorer(score?: ClientScoreRowData): boolean {\n if (!score) return false;\n const scorer = score.scorer as Record<string, unknown> \| undefined;\n if (scorer?.hasJudge === false) return true;\n if (scorer?.hasJudge === true) return false;\n return !score.preprocessPrompt && !score.analyzePrompt && !score.generateScorePrompt && !score.generateReasonPrompt;\n}\n\nfunction buildDialogTitle(sectionTitle: string, icon: React.ReactNode, score: ClientScoreRowData) {\n return (\n <>\n <Txt as=\"span\" variant=\"eyebrow\" tone=\"faint\" className=\"flex items-center gap-1.5 [&>svg]:size-3.5\">\n {icon}\n {sectionTitle}\n </Txt>\n <span>\n › Score <b className=\"text-muted-foreground\">#{score.id}</b>\n </span>\n </>\n );\n}\n\nexport interface ScoreDataPanelProps {\n /** Always mount the panel and pass `undefined` to close it, so the drawer can animate out. */\n score?: ClientScoreRowData;\n onClose: () => void;\n onPrevious?: () => void;\n onNext?: () => void;\n depth?: 1 \| 2 \| 3;\n}\n\nexport function ScoreDataPanel({ score, onClose, onPrevious, onNext, depth }: ScoreDataPanelProps) {\n const { Link, paths } = useLinkComponent();\n const [datasetDialogOpen, setDatasetDialogOpen] = useState(false);\n const isCodeBased = isCodeBasedScorer(score);\n const naText = isCodeBased ? 'Code-based scorer does not use prompts' : 'Step not configured';\n\n return (\n <>\n <DataPanel open={!!score} onClose={onClose} title={score ? `Score ${score.id}` : 'Score'} depth={depth}>\n {score && (\n <>\n <DataPanel.Header>\n <DataPanel.Heading>\n Score\n <DataPanel.CopyId id={score.id} />\n </DataPanel.Heading>\n <DataPanel.HeaderActions>\n {(onPrevious \|\| onNext) && (\n <DataPanel.NextPrevNav\n onPrevious={onPrevious}\n onNext={onNext}\n previousLabel=\"Go to previous score\"\n nextLabel=\"Go to next score\"\n />\n )}\n <DataPanel.CloseButton icon=\"x\" onClick={onClose} label=\"Close score\" tooltip=\"Close score\" />\n </DataPanel.HeaderActions>\n </DataPanel.Header>\n\n <DataPanel.Content>\n <DataKeysAndValues>\n {score.scorer?.name != null && (\n <>\n <DataKeysAndValues.Key>Scorer</DataKeysAndValues.Key>\n <DataKeysAndValues.Value>{String(score.scorer.name)}</DataKeysAndValues.Value>\n </>\n )}\n {score.createdAt && (\n <>\n <DataKeysAndValues.Key>Created</DataKeysAndValues.Key>\n <DataKeysAndValues.Value>{formatTimestampPrecise(score.createdAt)}</DataKeysAndValues.Value>\n </>\n )}\n {score.traceId && (\n <>\n <DataKeysAndValues.Key>Trace Id</DataKeysAndValues.Key>\n {paths.traceLink(score.traceId) ? (\n <DataKeysAndValues.ValueLink href={paths.traceLink(score.traceId)} as={Link}>\n {score.traceId}\n </DataKeysAndValues.ValueLink>\n ) : (\n <DataKeysAndValues.Value>{score.traceId}</DataKeysAndValues.Value>\n )}\n </>\n )}\n {score.spanId && score.traceId && (\n <>\n <DataKeysAndValues.Key>Span Id</DataKeysAndValues.Key>\n {paths.traceLink(score.traceId, score.spanId) ? (\n <DataKeysAndValues.ValueLink href={paths.traceLink(score.traceId, score.spanId)} as={Link}>\n {score.spanId}\n </DataKeysAndValues.ValueLink>\n ) : (\n <DataKeysAndValues.Value>{score.spanId}</DataKeysAndValues.Value>\n )}\n </>\n )}\n </DataKeysAndValues>\n\n <div className=\"my-6 flex justify-end\">\n <Button size=\"sm\" onClick={() => setDatasetDialogOpen(true)} icon={<SaveIcon />}>\n Save as dataset item\n </Button>\n </div>\n\n <div className=\"mb-6 text-muted-foreground\">\n <div\n className={cn(\n 'text-placeholder',\n 'flex items-baseline gap-2',\n '[&>svg]:size-5 [&>svg]:translate-y-1',\n )}\n >\n <GaugeIcon />\n <Txt as=\"span\" variant=\"body\">\n Score:\n </Txt>\n <Txt\n as=\"b\"\n variant=\"body\"\n tone=\"muted\"\n className=\"tabular-nums\"\n >{`${score.score == null \|\| Number.isNaN(score.score) ? 'n/a' : score.score}`}</Txt>\n </div>\n <Txt as=\"p\" variant=\"body-sm\" className=\"mt-2\">\n {score.reason \|\|\n (isCodeBased ? 'Code-based scorer does not generate a reason' : 'Step not configured')}\n </Txt>\n </div>\n\n <div className=\"grid gap-4\">\n <DataPanel.CodeSection\n title=\"Input\"\n dialogTitle={buildDialogTitle('Input', <FileInputIcon />, score)}\n icon={<FileInputIcon />}\n codeStr={JSON.stringify(score.input ?? null, null, 2)}\n />\n <DataPanel.CodeSection\n title=\"Output\"\n dialogTitle={buildDialogTitle('Output', <FileOutputIcon />, score)}\n icon={<FileOutputIcon />}\n codeStr={JSON.stringify(score.output ?? null, null, 2)}\n />\n <DataPanel.CodeSection\n title=\"Preprocess Prompt\"\n dialogTitle={buildDialogTitle('Preprocess Prompt', <ReceiptText />, score)}\n icon={<ReceiptText />}\n codeStr={score.preprocessPrompt \|\| naText}\n simplified\n />\n <DataPanel.CodeSection\n title=\"Analyze Prompt\"\n dialogTitle={buildDialogTitle('Analyze Prompt', <ReceiptText />, score)}\n icon={<ReceiptText />}\n codeStr={score.analyzePrompt \|\| naText}\n simplified\n />\n <DataPanel.CodeSection\n title=\"Generate Score Prompt\"\n dialogTitle={buildDialogTitle('Generate Score Prompt', <ReceiptText />, score)}\n icon={<ReceiptText />}\n codeStr={score.generateScorePrompt \|\| naText}\n simplified\n />\n <DataPanel.CodeSection\n title=\"Generate Reason Prompt\"\n dialogTitle={buildDialogTitle('Generate Reason Prompt', <ReceiptText />, score)}\n icon={<ReceiptText />}\n codeStr={score.generateReasonPrompt \|\| naText}\n simplified\n />\n </div>\n </DataPanel.Content>\n </>\n )}\n </DataPanel>\n\n {score && (\n <ScoreAsItemDialog\n score={score}\n isOpen={datasetDialogOpen}\n onClose={() => setDatasetDialogOpen(false)}\n depth={(depth ?? 1) > 1 ? 3 : 2}\n />\n )}\n </>\n );\n}\n"],"mappings":"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"}

package/dist/domains/scores/components/score-data-panel.es.js CHANGED Viewed

@@ -1,11 +1,11 @@
+import { ScoreAsItemDialog } from "./score-as-item-dialog.es.js";
+import { t as Button } from "../../../Button-Bi7aXd_G.js";
+import { t as DataKeysAndValues } from "../../../DataKeysAndValues-B56je3sK.js";
+import { t as DataPanel } from "../../../DataPanel-pVr5LVaK.js";
+import { t as Txt } from "../../../Txt-5efBsb2p.js";
 import { useLinkComponent } from "../../../lib/framework.es.js";
 import { t as cn } from "../../../utils-DQx8TpNT.js";
 import { formatTimestampPrecise } from "../../../utils/date-format.es.js";
-import { t as Button } from "../../../Button-CLXTbAY8.js";
-import { t as Txt } from "../../../Txt-BM6TVV_c.js";
-import { t as DataPanel } from "../../../DataPanel-IgB9D5PO.js";
-import { t as DataKeysAndValues } from "../../../DataKeysAndValues-PwOmGxyp.js";
-import { ScoreAsItemDialog } from "./score-as-item-dialog.es.js";
 import { useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { FileInputIcon, FileOutputIcon, GaugeIcon, ReceiptText, SaveIcon } from "lucide-react";
@@ -33,7 +33,7 @@ function ScoreDataPanel({ score, onClose, onPrevious, onNext, depth }) {
 	const { Link, paths } = useLinkComponent();
 	const [datasetDialogOpen, setDatasetDialogOpen] = useState(false);
 	const isCodeBased = isCodeBasedScorer(score);
-	const naText = isCodeBased ? "N/A — code-based scorer does not use prompts" : "N/A — step not configured";
+	const naText = isCodeBased ? "Code-based scorer does not use prompts" : "Step not configured";
 	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(DataPanel, {
 		open: !!score,
 		onClose,
@@ -96,7 +96,7 @@ function ScoreDataPanel({ score, onClose, onPrevious, onNext, depth }) {
 					as: "p",
 					variant: "body-sm",
 					className: "mt-2",
-					children: score.reason || (isCodeBased ? "N/A — code-based scorer does not generate a reason" : "N/A — step not configured")
+					children: score.reason || (isCodeBased ? "Code-based scorer does not generate a reason" : "Step not configured")
 				})]
 			}),
 			/* @__PURE__ */ jsxs("div", {

package/dist/domains/scores/components/score-data-panel.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"score-data-panel.es.js","names":["_Fragment"],"sources":["../../../../src/domains/scores/components/score-data-panel.tsx"],"sourcesContent":["import type { ClientScoreRowData } from '@mastra/client-js';\nimport { FileInputIcon, FileOutputIcon, GaugeIcon, ReceiptText, SaveIcon } from 'lucide-react';\nimport { useState } from 'react';\nimport { ScoreAsItemDialog } from './score-as-item-dialog';\nimport { Button } from '@/ds/components/Button';\nimport { DataKeysAndValues } from '@/ds/components/DataKeysAndValues';\nimport { DataPanel } from '@/ds/components/DataPanel';\nimport { Txt } from '@/ds/components/Txt';\nimport { useLinkComponent } from '@/lib/framework';\nimport { cn } from '@/utils/cn';\nimport { formatTimestampPrecise } from '@/utils/date-format';\n\nfunction isCodeBasedScorer(score?: ClientScoreRowData): boolean {\n if (!score) return false;\n const scorer = score.scorer as Record<string, unknown> \| undefined;\n if (scorer?.hasJudge === false) return true;\n if (scorer?.hasJudge === true) return false;\n return !score.preprocessPrompt && !score.analyzePrompt && !score.generateScorePrompt && !score.generateReasonPrompt;\n}\n\nfunction buildDialogTitle(sectionTitle: string, icon: React.ReactNode, score: ClientScoreRowData) {\n return (\n <>\n <Txt as=\"span\" variant=\"eyebrow\" tone=\"faint\" className=\"flex items-center gap-1.5 [&>svg]:size-3.5\">\n {icon}\n {sectionTitle}\n </Txt>\n <span>\n › Score <b className=\"text-muted-foreground\">#{score.id}</b>\n </span>\n </>\n );\n}\n\nexport interface ScoreDataPanelProps {\n /** Always mount the panel and pass `undefined` to close it, so the drawer can animate out. */\n score?: ClientScoreRowData;\n onClose: () => void;\n onPrevious?: () => void;\n onNext?: () => void;\n depth?: 1 \| 2 \| 3;\n}\n\nexport function ScoreDataPanel({ score, onClose, onPrevious, onNext, depth }: ScoreDataPanelProps) {\n const { Link, paths } = useLinkComponent();\n const [datasetDialogOpen, setDatasetDialogOpen] = useState(false);\n const isCodeBased = isCodeBasedScorer(score);\n const naText = isCodeBased ? 'N/A — code-based scorer does not use prompts' : 'N/A — step not configured';\n\n return (\n <>\n <DataPanel open={!!score} onClose={onClose} title={score ? `Score ${score.id}` : 'Score'} depth={depth}>\n {score && (\n <>\n <DataPanel.Header>\n <DataPanel.Heading>\n Score\n <DataPanel.CopyId id={score.id} />\n </DataPanel.Heading>\n <DataPanel.HeaderActions>\n {(onPrevious \|\| onNext) && (\n <DataPanel.NextPrevNav\n onPrevious={onPrevious}\n onNext={onNext}\n previousLabel=\"Go to previous score\"\n nextLabel=\"Go to next score\"\n />\n )}\n <DataPanel.CloseButton icon=\"x\" onClick={onClose} label=\"Close score\" tooltip=\"Close score\" />\n </DataPanel.HeaderActions>\n </DataPanel.Header>\n\n <DataPanel.Content>\n <DataKeysAndValues>\n {score.scorer?.name != null && (\n <>\n <DataKeysAndValues.Key>Scorer</DataKeysAndValues.Key>\n <DataKeysAndValues.Value>{String(score.scorer.name)}</DataKeysAndValues.Value>\n </>\n )}\n {score.createdAt && (\n <>\n <DataKeysAndValues.Key>Created</DataKeysAndValues.Key>\n <DataKeysAndValues.Value>{formatTimestampPrecise(score.createdAt)}</DataKeysAndValues.Value>\n </>\n )}\n {score.traceId && (\n <>\n <DataKeysAndValues.Key>Trace Id</DataKeysAndValues.Key>\n {paths.traceLink(score.traceId) ? (\n <DataKeysAndValues.ValueLink href={paths.traceLink(score.traceId)} as={Link}>\n {score.traceId}\n </DataKeysAndValues.ValueLink>\n ) : (\n <DataKeysAndValues.Value>{score.traceId}</DataKeysAndValues.Value>\n )}\n </>\n )}\n {score.spanId && score.traceId && (\n <>\n <DataKeysAndValues.Key>Span Id</DataKeysAndValues.Key>\n {paths.traceLink(score.traceId, score.spanId) ? (\n <DataKeysAndValues.ValueLink href={paths.traceLink(score.traceId, score.spanId)} as={Link}>\n {score.spanId}\n </DataKeysAndValues.ValueLink>\n ) : (\n <DataKeysAndValues.Value>{score.spanId}</DataKeysAndValues.Value>\n )}\n </>\n )}\n </DataKeysAndValues>\n\n <div className=\"my-6 flex justify-end\">\n <Button size=\"sm\" onClick={() => setDatasetDialogOpen(true)} icon={<SaveIcon />}>\n Save as dataset item\n </Button>\n </div>\n\n <div className=\"mb-6 text-muted-foreground\">\n <div\n className={cn(\n 'text-placeholder',\n 'flex items-baseline gap-2',\n '[&>svg]:size-5 [&>svg]:translate-y-1',\n )}\n >\n <GaugeIcon />\n <Txt as=\"span\" variant=\"body\">\n Score:\n </Txt>\n <Txt\n as=\"b\"\n variant=\"body\"\n tone=\"muted\"\n className=\"tabular-nums\"\n >{`${score.score == null \|\| Number.isNaN(score.score) ? 'n/a' : score.score}`}</Txt>\n </div>\n <Txt as=\"p\" variant=\"body-sm\" className=\"mt-2\">\n {score.reason \|\|\n (isCodeBased ? 'N/A — code-based scorer does not generate a reason' : 'N/A — step not configured')}\n </Txt>\n </div>\n\n <div className=\"grid gap-4\">\n <DataPanel.CodeSection\n title=\"Input\"\n dialogTitle={buildDialogTitle('Input', <FileInputIcon />, score)}\n icon={<FileInputIcon />}\n codeStr={JSON.stringify(score.input ?? null, null, 2)}\n />\n <DataPanel.CodeSection\n title=\"Output\"\n dialogTitle={buildDialogTitle('Output', <FileOutputIcon />, score)}\n icon={<FileOutputIcon />}\n codeStr={JSON.stringify(score.output ?? null, null, 2)}\n />\n <DataPanel.CodeSection\n title=\"Preprocess Prompt\"\n dialogTitle={buildDialogTitle('Preprocess Prompt', <ReceiptText />, score)}\n icon={<ReceiptText />}\n codeStr={score.preprocessPrompt \|\| naText}\n simplified\n />\n <DataPanel.CodeSection\n title=\"Analyze Prompt\"\n dialogTitle={buildDialogTitle('Analyze Prompt', <ReceiptText />, score)}\n icon={<ReceiptText />}\n codeStr={score.analyzePrompt \|\| naText}\n simplified\n />\n <DataPanel.CodeSection\n title=\"Generate Score Prompt\"\n dialogTitle={buildDialogTitle('Generate Score Prompt', <ReceiptText />, score)}\n icon={<ReceiptText />}\n codeStr={score.generateScorePrompt \|\| naText}\n simplified\n />\n <DataPanel.CodeSection\n title=\"Generate Reason Prompt\"\n dialogTitle={buildDialogTitle('Generate Reason Prompt', <ReceiptText />, score)}\n icon={<ReceiptText />}\n codeStr={score.generateReasonPrompt \|\| naText}\n simplified\n />\n </div>\n </DataPanel.Content>\n </>\n )}\n </DataPanel>\n\n {score && (\n <ScoreAsItemDialog\n score={score}\n isOpen={datasetDialogOpen}\n onClose={() => setDatasetDialogOpen(false)}\n depth={(depth ?? 1) > 1 ? 3 : 2}\n />\n )}\n </>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"score-data-panel.es.js","names":["_Fragment"],"sources":["../../../../src/domains/scores/components/score-data-panel.tsx"],"sourcesContent":["import type { ClientScoreRowData } from '@mastra/client-js';\nimport { FileInputIcon, FileOutputIcon, GaugeIcon, ReceiptText, SaveIcon } from 'lucide-react';\nimport { useState } from 'react';\nimport { ScoreAsItemDialog } from './score-as-item-dialog';\nimport { Button } from '@/ds/components/Button';\nimport { DataKeysAndValues } from '@/ds/components/DataKeysAndValues';\nimport { DataPanel } from '@/ds/components/DataPanel';\nimport { Txt } from '@/ds/components/Txt';\nimport { useLinkComponent } from '@/lib/framework';\nimport { cn } from '@/utils/cn';\nimport { formatTimestampPrecise } from '@/utils/date-format';\n\nfunction isCodeBasedScorer(score?: ClientScoreRowData): boolean {\n if (!score) return false;\n const scorer = score.scorer as Record<string, unknown> \| undefined;\n if (scorer?.hasJudge === false) return true;\n if (scorer?.hasJudge === true) return false;\n return !score.preprocessPrompt && !score.analyzePrompt && !score.generateScorePrompt && !score.generateReasonPrompt;\n}\n\nfunction buildDialogTitle(sectionTitle: string, icon: React.ReactNode, score: ClientScoreRowData) {\n return (\n <>\n <Txt as=\"span\" variant=\"eyebrow\" tone=\"faint\" className=\"flex items-center gap-1.5 [&>svg]:size-3.5\">\n {icon}\n {sectionTitle}\n </Txt>\n <span>\n › Score <b className=\"text-muted-foreground\">#{score.id}</b>\n </span>\n </>\n );\n}\n\nexport interface ScoreDataPanelProps {\n /** Always mount the panel and pass `undefined` to close it, so the drawer can animate out. */\n score?: ClientScoreRowData;\n onClose: () => void;\n onPrevious?: () => void;\n onNext?: () => void;\n depth?: 1 \| 2 \| 3;\n}\n\nexport function ScoreDataPanel({ score, onClose, onPrevious, onNext, depth }: ScoreDataPanelProps) {\n const { Link, paths } = useLinkComponent();\n const [datasetDialogOpen, setDatasetDialogOpen] = useState(false);\n const isCodeBased = isCodeBasedScorer(score);\n const naText = isCodeBased ? 'Code-based scorer does not use prompts' : 'Step not configured';\n\n return (\n <>\n <DataPanel open={!!score} onClose={onClose} title={score ? `Score ${score.id}` : 'Score'} depth={depth}>\n {score && (\n <>\n <DataPanel.Header>\n <DataPanel.Heading>\n Score\n <DataPanel.CopyId id={score.id} />\n </DataPanel.Heading>\n <DataPanel.HeaderActions>\n {(onPrevious \|\| onNext) && (\n <DataPanel.NextPrevNav\n onPrevious={onPrevious}\n onNext={onNext}\n previousLabel=\"Go to previous score\"\n nextLabel=\"Go to next score\"\n />\n )}\n <DataPanel.CloseButton icon=\"x\" onClick={onClose} label=\"Close score\" tooltip=\"Close score\" />\n </DataPanel.HeaderActions>\n </DataPanel.Header>\n\n <DataPanel.Content>\n <DataKeysAndValues>\n {score.scorer?.name != null && (\n <>\n <DataKeysAndValues.Key>Scorer</DataKeysAndValues.Key>\n <DataKeysAndValues.Value>{String(score.scorer.name)}</DataKeysAndValues.Value>\n </>\n )}\n {score.createdAt && (\n <>\n <DataKeysAndValues.Key>Created</DataKeysAndValues.Key>\n <DataKeysAndValues.Value>{formatTimestampPrecise(score.createdAt)}</DataKeysAndValues.Value>\n </>\n )}\n {score.traceId && (\n <>\n <DataKeysAndValues.Key>Trace Id</DataKeysAndValues.Key>\n {paths.traceLink(score.traceId) ? (\n <DataKeysAndValues.ValueLink href={paths.traceLink(score.traceId)} as={Link}>\n {score.traceId}\n </DataKeysAndValues.ValueLink>\n ) : (\n <DataKeysAndValues.Value>{score.traceId}</DataKeysAndValues.Value>\n )}\n </>\n )}\n {score.spanId && score.traceId && (\n <>\n <DataKeysAndValues.Key>Span Id</DataKeysAndValues.Key>\n {paths.traceLink(score.traceId, score.spanId) ? (\n <DataKeysAndValues.ValueLink href={paths.traceLink(score.traceId, score.spanId)} as={Link}>\n {score.spanId}\n </DataKeysAndValues.ValueLink>\n ) : (\n <DataKeysAndValues.Value>{score.spanId}</DataKeysAndValues.Value>\n )}\n </>\n )}\n </DataKeysAndValues>\n\n <div className=\"my-6 flex justify-end\">\n <Button size=\"sm\" onClick={() => setDatasetDialogOpen(true)} icon={<SaveIcon />}>\n Save as dataset item\n </Button>\n </div>\n\n <div className=\"mb-6 text-muted-foreground\">\n <div\n className={cn(\n 'text-placeholder',\n 'flex items-baseline gap-2',\n '[&>svg]:size-5 [&>svg]:translate-y-1',\n )}\n >\n <GaugeIcon />\n <Txt as=\"span\" variant=\"body\">\n Score:\n </Txt>\n <Txt\n as=\"b\"\n variant=\"body\"\n tone=\"muted\"\n className=\"tabular-nums\"\n >{`${score.score == null \|\| Number.isNaN(score.score) ? 'n/a' : score.score}`}</Txt>\n </div>\n <Txt as=\"p\" variant=\"body-sm\" className=\"mt-2\">\n {score.reason \|\|\n (isCodeBased ? 'Code-based scorer does not generate a reason' : 'Step not configured')}\n </Txt>\n </div>\n\n <div className=\"grid gap-4\">\n <DataPanel.CodeSection\n title=\"Input\"\n dialogTitle={buildDialogTitle('Input', <FileInputIcon />, score)}\n icon={<FileInputIcon />}\n codeStr={JSON.stringify(score.input ?? null, null, 2)}\n />\n <DataPanel.CodeSection\n title=\"Output\"\n dialogTitle={buildDialogTitle('Output', <FileOutputIcon />, score)}\n icon={<FileOutputIcon />}\n codeStr={JSON.stringify(score.output ?? null, null, 2)}\n />\n <DataPanel.CodeSection\n title=\"Preprocess Prompt\"\n dialogTitle={buildDialogTitle('Preprocess Prompt', <ReceiptText />, score)}\n icon={<ReceiptText />}\n codeStr={score.preprocessPrompt \|\| naText}\n simplified\n />\n <DataPanel.CodeSection\n title=\"Analyze Prompt\"\n dialogTitle={buildDialogTitle('Analyze Prompt', <ReceiptText />, score)}\n icon={<ReceiptText />}\n codeStr={score.analyzePrompt \|\| naText}\n simplified\n />\n <DataPanel.CodeSection\n title=\"Generate Score Prompt\"\n dialogTitle={buildDialogTitle('Generate Score Prompt', <ReceiptText />, score)}\n icon={<ReceiptText />}\n codeStr={score.generateScorePrompt \|\| naText}\n simplified\n />\n <DataPanel.CodeSection\n title=\"Generate Reason Prompt\"\n dialogTitle={buildDialogTitle('Generate Reason Prompt', <ReceiptText />, score)}\n icon={<ReceiptText />}\n codeStr={score.generateReasonPrompt \|\| naText}\n simplified\n />\n </div>\n </DataPanel.Content>\n </>\n )}\n </DataPanel>\n\n {score && (\n <ScoreAsItemDialog\n score={score}\n isOpen={datasetDialogOpen}\n onClose={() => setDatasetDialogOpen(false)}\n depth={(depth ?? 1) > 1 ? 3 : 2}\n />\n )}\n </>\n );\n}\n"],"mappings":"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"}

package/dist/domains/scores/components/span-scoring.cjs.js CHANGED Viewed

@@ -1,9 +1,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_toast_api = require("../../../toast-api-qtkOucy2.cjs");
-const require_Dialog = require("../../../Dialog-BvWF9HE-.cjs");
-const require_Notice = require("../../../Notice-JZ7SW7q6.cjs");
-const require_combobox = require("../../../combobox-DIT_6xiG.cjs");
+const require_combobox = require("../../../combobox-i723LxeC.cjs");
+const require_Dialog = require("../../../Dialog-Duy3M1ny.cjs");
+const require_Notice = require("../../../Notice-B_KjMmA6.cjs");
 const require_components_Text = require("../../../components/Text.cjs.js");
+const require_toast_api = require("../../../toast-api-DDcGCbIw.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");

package/dist/domains/scores/components/span-scoring.es.js CHANGED Viewed

@@ -1,8 +1,8 @@
-import { t as toast } from "../../../toast-api-D_rrRhNG.js";
-import { n as DialogBody, o as DialogDescription, p as DialogAction, r as DialogCancel, s as DialogFooter } from "../../../Dialog-DaWtxwd9.js";
-import { t as Notice } from "../../../Notice-C-8oOZZF.js";
-import { t as Combobox } from "../../../combobox-D21no8t5.js";
+import { t as Combobox } from "../../../combobox-lbSxWRMl.js";
+import { n as DialogBody, o as DialogDescription, p as DialogAction, r as DialogCancel, s as DialogFooter } from "../../../Dialog-OBPu3rl2.js";
+import { t as Notice } from "../../../Notice-OSlG42lD.js";
 import { TextAndIcon } from "../../../components/Text.es.js";
+import { t as toast } from "../../../toast-api-Cak5N8pT.js";
 import { useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { InfoIcon } from "lucide-react";

package/dist/domains/scores/components/trace-scores-list.cjs.js CHANGED Viewed

@@ -1,10 +1,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Txt = require("../../../Txt-BnoSqxKE.cjs");
-const require_icons_ScorersIcon = require("../../../icons/ScorersIcon.cjs.js");
-const require_MarkdownRenderer = require("../../../MarkdownRenderer-y65WGBhC.cjs");
+const require_data_list = require("../../../data-list-072hHK9L.cjs");
 const require_components_HoverCard = require("../../../components/HoverCard.cjs.js");
-const require_spinner = require("../../../spinner-C8ZxiA5C.cjs");
-const require_data_list = require("../../../data-list-C4Vmq5HA.cjs");
+const require_MarkdownRenderer = require("../../../MarkdownRenderer-CDwlvw0Y.cjs");
+const require_spinner = require("../../../spinner-oS6q4pwx.cjs");
+const require_Txt = require("../../../Txt-_00wWxTd.cjs");
+const require_icons_ScorersIcon = require("../../../icons/ScorersIcon.cjs.js");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");

package/dist/domains/scores/components/trace-scores-list.es.js CHANGED Viewed

@@ -1,9 +1,9 @@
-import { t as Txt } from "../../../Txt-BM6TVV_c.js";
-import { ScorersIcon } from "../../../icons/ScorersIcon.es.js";
-import { t as MarkdownRenderer } from "../../../MarkdownRenderer-CI30RqdB.js";
+import { t as DataList } from "../../../data-list-GzbzPmYR.js";
 import { HoverCard, HoverCardContent, HoverCardTrigger } from "../../../components/HoverCard.es.js";
-import { t as Spinner } from "../../../spinner-CnLgLj9R.js";
-import { t as DataList } from "../../../data-list-DHCOoLmj.js";
+import { t as MarkdownRenderer } from "../../../MarkdownRenderer-BSGb65Ze.js";
+import { t as Spinner } from "../../../spinner-B9ykw74u.js";
+import { t as Txt } from "../../../Txt-5efBsb2p.js";
+import { ScorersIcon } from "../../../icons/ScorersIcon.es.js";
 import { Fragment, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { InfoIcon } from "lucide-react";

package/dist/domains/scores/components/trace-scores-tab.cjs.js CHANGED Viewed

@@ -1,14 +1,15 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_utils = require("../../../utils-uDc1ofX1.cjs");
-const require_utils_date_format = require("../../../utils/date-format.cjs.js");
+const require_data_list = require("../../../data-list-072hHK9L.cjs");
+const require_EmptyState = require("../../../EmptyState-Dc-sP95H.cjs");
+const require_Metadata = require("../../../Metadata-5GJlO4GU.cjs");
+const require_MetricsKpiCard = require("../../../MetricsKpiCard-C_9GvRAp.cjs");
+const require_spinner = require("../../../spinner-oS6q4pwx.cjs");
 const require_utils_id = require("../../../utils/id.cjs.js");
+const require_Txt = require("../../../Txt-_00wWxTd.cjs");
 require("../../../primitives/transitions.cjs.js");
 require("../../../primitives/typography.cjs.js");
-const require_Txt = require("../../../Txt-BnoSqxKE.cjs");
-const require_EmptyState = require("../../../EmptyState-DxDHlYqD.cjs");
-const require_spinner = require("../../../spinner-C8ZxiA5C.cjs");
-const require_data_list = require("../../../data-list-C4Vmq5HA.cjs");
-const require_MetricsKpiCard = require("../../../MetricsKpiCard-By_-sagx.cjs");
+const require_utils = require("../../../utils-uDc1ofX1.cjs");
+const require_utils_date_format = require("../../../utils/date-format.cjs.js");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _mastra_react_hooks_scores = require("@mastra/react/hooks/scores");
@@ -63,22 +64,17 @@ function TraceScoreCard({ score, onSelect }) {
 			children: [
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MetricsKpiCard.MetricsKpiCard.Label, { children: scorerName }),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MetricsKpiCard.MetricsKpiCard.Value, { children: String(score.score) }),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Txt.Txt, {
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Txt.Txt, {
 					as: "span",
 					variant: "meta",
 					tone: "muted",
 					className: "tabular-nums",
-					children: [
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Txt.Txt, {
-							as: "span",
-							variant: "meta",
-							font: "mono",
-							children: require_utils_id.getShortId(score.id)
-						}),
-						" ",
-						"· ",
-						require_utils_date_format.formatDate(createdAt, "date-time-seconds")
-					]
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Metadata.Metadata, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Metadata.Metadata.Item, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Txt.Txt, {
+						as: "span",
+						variant: "meta",
+						font: "mono",
+						children: require_utils_id.getShortId(score.id)
+					}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Metadata.Metadata.Item, { children: require_utils_date_format.formatDate(createdAt, "date-time-seconds") })] })
 				})
 			]
 		}), score.reason && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TraceScoreReason, { reason: score.reason })]

package/dist/domains/scores/components/trace-scores-tab.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"trace-scores-tab.cjs.js","names":["useState","useTraceSpanScores","Spinner","EmptyState","MetricsKpiCard","getShortId","Txt","formatDate","_Fragment","cn","DataList"],"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,YAAA,GAAWA,MAAAA,SAAAA,CAAS,CAAC;CAClC,MAAM,EAAE,MAAM,YAAY,eAAA,GAAcC,2BAAAA,mBAAAA,CAAmB;EACzD;EACA;EACA;EACA,cAAc,EAAE,SAAS,CAAC,CAAC,WAAW,CAAC,CAAC,OAAO;CACjD,CAAC;CAED,IAAI,WACF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,WAAU;EACb,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,SAAD;GAAS,MAAK;GAAK,SAAQ;GAAQ,WAAU;EAAoB,CAAA;CAC9D,CAAA;CAIT,MAAM,SAAS,YAAY,UAAU,CAAC;CAEtC,IAAI,OAAO,WAAW,GACpB,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,mBAAAA,YAAD;EAAY,WAAU;EAAgB,iBAAgB;CAAyC,CAAA;CAGxG,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACG,OAAO,KAAI,UACV,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAD;GAAsC;GAAO,gBAAgB,cAAc,MAAM,EAAE;EAAI,GAAlE,MAAM,EAA4D,CACxF,GACD,iBAAA,GAAA,kBAAA,IAAA,CAAC,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,iBAAA,GAAA,kBAAA,KAAA,CAACC,uBAAAA,gBAAD;EAAgB,WAAU;EAA1B,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,UAAD;GACE,MAAK;GACL,SAAS;GACT,cAAY,SAASC,iBAAAA,WAAW,MAAM,EAAE;GACxC,WAAU;GAJZ,UAAA;IAME,iBAAA,GAAA,kBAAA,IAAA,CAACD,uBAAAA,eAAe,OAAhB,EAAA,UAAuB,WAAiC,CAAA;IACxD,iBAAA,GAAA,kBAAA,IAAA,CAACA,uBAAAA,eAAe,OAAhB,EAAA,UAAuB,OAAO,MAAM,KAAK,EAAwB,CAAA;IACjE,iBAAA,GAAA,kBAAA,~~KAAA~~,CAACE,YAAAA,KAAD;KAAK,IAAG;KAAO,SAAQ;KAAO,MAAK;KAAQ,WAAU;~~KAArD~~,UAAA~~;MACE~~,iBAAA,GAAA,kBAAA,IAAA,CAACA,YAAAA,KAAD;~~OAAK~~,IAAG;~~OAAO~~,SAAQ;~~OAAO~~,MAAK;~~OAChC~~,UAAAD,iBAAAA,WAAW,MAAM,EAAE;~~MACjB~~,CAAA~~;MAAE;MAAI;MACRE~~,0BAAAA,WAAW,WAAW,mBAAmB;~~KACzC;;~~GACC;EACP,CAAA,GAAA,MAAM,UAAU,iBAAA,GAAA,kBAAA,IAAA,CAAC,kBAAD,EAAkB,QAAQ,MAAM,OAAS,CAAA,CAC5C;;AAEpB;AAEA,SAAS,iBAAiB,EAAE,UAA8B;CACxD,MAAM,CAAC,UAAU,gBAAA,~~GAAeP~~,MAAAA,SAAAA,CAAS,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,iBAAA,GAAA,kBAAA,KAAA,CAACM,YAAAA,KAAD;EAAK,SAAQ;EAAU,MAAK;EAA5B,UAAA,CACG,MACA,UACC,iBAAA,GAAA,kBAAA,KAAA,~~CAAAE~~,kBAAAA,UAAA,EAAA,UAAA,CACG,KACD,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;GACE,MAAK;GACL,eAAe,aAAY,UAAS,CAAC,KAAK;GAC1C,WAAWC,cAAAA,GAAAA,+CAAAA,kFAAgD,4CAA4C;GAEvG,UAAA,iBAAA,GAAA,kBAAA,IAAA,~~CAACH~~,YAAAA,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,iBAAA,GAAA,kBAAA,IAAA,~~CAACI~~,kBAAAA,SAAS,YAAV;EACe;EACb,SAAS,YAAY;EACrB,kBAAkB,aAAa,cAAc,CAAC;EAC9C,kBAAkB,aAAa,cAAc,CAAC;CAC/C,CAAA;AAEL"}
1	+ {"version":3,"file":"trace-scores-tab.cjs.js","names":["useState","useTraceSpanScores","Spinner","EmptyState","MetricsKpiCard","getShortId","Txt","Metadata","formatDate","_Fragment","cn","DataList"],"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":"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"}

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

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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 { 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":"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"}

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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-CDwlvw0Y.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 CHANGED Viewed

@@ -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-BSGb65Ze.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 CHANGED Viewed

@@ -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-UM8HBJ6J.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 CHANGED Viewed

@@ -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-lLWk1w0g.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 CHANGED Viewed

@@ -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-CR8nbvoe.cjs");
+require("../../../filter-bar-time-range-CEgdThCy.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 CHANGED Viewed

@@ -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-CFacnMNl.js";
+import "../../../filter-bar-time-range-CHSMbpPd.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 CHANGED Viewed

@@ -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-CEgdThCy.cjs");
 let react = require("react");
 let _mastra_react = require("@mastra/react");
 let _mastra_react_hooks_capabilities = require("@mastra/react/hooks/capabilities");