@mastra/playground-ui 59.0.0 → 60.0.0-alpha.1

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

@@ -0,0 +1,165 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const lucideReact = require('lucide-react');
+const React = require('react');
+const domains_scores_components_scoreAsItemDialog = require('./score-as-item-dialog.cjs.js');
+const Button = require('../../../Button-BAMnPqos.cjs');
+const dataKeysAndValues = require('../../../data-keys-and-values-CMJ9zHKm.cjs');
+const dataPanel = require('../../../data-panel-Bq23Kt2W.cjs');
+const lib_framework = require('../../../lib/framework.cjs.js');
+const utils_cn = require('../../../cn-DG0X1KEP.cjs');
+const utils_dateFormat = require('../../../utils/date-format.cjs.js');
+
+function isCodeBasedScorer(score) {
+  if (!score) return false;
+  const scorer = score.scorer;
+  if (scorer?.hasJudge === false) return true;
+  if (scorer?.hasJudge === true) return false;
+  return !score.preprocessPrompt && !score.analyzePrompt && !score.generateScorePrompt && !score.generateReasonPrompt;
+}
+function buildDialogTitle(sectionTitle, icon, score) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1.5 tracking-widest text-placeholder uppercase [&>svg]:size-3.5", children: [
+      icon,
+      sectionTitle
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+      "› Score ",
+      /* @__PURE__ */ jsxRuntime.jsxs("b", { className: "text-muted-foreground", children: [
+        "#",
+        score.id
+      ] })
+    ] })
+  ] });
+}
+function ScoreDataPanel({ score, onClose, onPrevious, onNext, depth }) {
+  const { Link, paths } = lib_framework.useLinkComponent();
+  const [datasetDialogOpen, setDatasetDialogOpen] = React.useState(false);
+  const isCodeBased = isCodeBasedScorer(score);
+  const naText = isCodeBased ? "N/A — code-based scorer does not use prompts" : "N/A — step not configured";
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(dataPanel.DataPanel, { open: !!score, onClose, title: score ? `Score ${score.id}` : "Score", depth, children: score && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(dataPanel.DataPanel.Header, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(dataPanel.DataPanel.CloseButton, { onClick: onClose }),
+        /* @__PURE__ */ jsxRuntime.jsxs(dataPanel.DataPanel.Heading, { children: [
+          "Score",
+          /* @__PURE__ */ jsxRuntime.jsx(dataPanel.DataPanel.CopyId, { id: score.id })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(dataPanel.DataPanel.HeaderActions, { children: /* @__PURE__ */ jsxRuntime.jsx(
+          dataPanel.DataPanel.NextPrevNav,
+          {
+            onPrevious,
+            onNext,
+            previousLabel: "Go to previous score",
+            nextLabel: "Go to next score"
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(dataPanel.DataPanel.Content, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(dataKeysAndValues.DataKeysAndValues, { children: [
+          score.scorer?.name != null && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(dataKeysAndValues.DataKeysAndValues.Key, { children: "Scorer" }),
+            /* @__PURE__ */ jsxRuntime.jsx(dataKeysAndValues.DataKeysAndValues.Value, { children: String(score.scorer.name) })
+          ] }),
+          score.createdAt && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(dataKeysAndValues.DataKeysAndValues.Key, { children: "Created" }),
+            /* @__PURE__ */ jsxRuntime.jsx(dataKeysAndValues.DataKeysAndValues.Value, { children: utils_dateFormat.formatTimestampPrecise(score.createdAt) })
+          ] }),
+          score.traceId && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(dataKeysAndValues.DataKeysAndValues.Key, { children: "Trace Id" }),
+            /* @__PURE__ */ jsxRuntime.jsx(dataKeysAndValues.DataKeysAndValues.ValueLink, { href: paths.traceLink(score.traceId), as: Link, children: score.traceId })
+          ] }),
+          score.spanId && score.traceId && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(dataKeysAndValues.DataKeysAndValues.Key, { children: "Span Id" }),
+            /* @__PURE__ */ jsxRuntime.jsx(dataKeysAndValues.DataKeysAndValues.ValueLink, { href: paths.traceLink(score.traceId, score.spanId), as: Link, children: score.spanId })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "my-6 flex justify-end", children: /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { size: "sm", onClick: () => setDatasetDialogOpen(true), icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SaveIcon, {}), children: "Save as Dataset Item" }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-6 text-muted-foreground", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: utils_cn.cn(
+                "flex items-baseline gap-2 text-body text-placeholder",
+                "[&>svg]:size-5 [&>svg]:translate-y-1"
+              ),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.GaugeIcon, {}),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "", children: "Score:" }),
+                /* @__PURE__ */ jsxRuntime.jsx("b", { className: "text-muted-foreground tabular-nums", children: `${score.score == null || Number.isNaN(score.score) ? "n/a" : score.score}` })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2 text-body-sm", children: score.reason || (isCodeBased ? "N/A — code-based scorer does not generate a reason" : "N/A — step not configured") })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            dataPanel.DataPanel.CodeSection,
+            {
+              title: "Input",
+              dialogTitle: buildDialogTitle("Input", /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileInputIcon, {}), score),
+              icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileInputIcon, {}),
+              codeStr: JSON.stringify(score.input ?? null, null, 2)
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            dataPanel.DataPanel.CodeSection,
+            {
+              title: "Output",
+              dialogTitle: buildDialogTitle("Output", /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileOutputIcon, {}), score),
+              icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileOutputIcon, {}),
+              codeStr: JSON.stringify(score.output ?? null, null, 2)
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            dataPanel.DataPanel.CodeSection,
+            {
+              title: "Preprocess Prompt",
+              dialogTitle: buildDialogTitle("Preprocess Prompt", /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ReceiptText, {}), score),
+              icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ReceiptText, {}),
+              codeStr: score.preprocessPrompt || naText,
+              simplified: true
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            dataPanel.DataPanel.CodeSection,
+            {
+              title: "Analyze Prompt",
+              dialogTitle: buildDialogTitle("Analyze Prompt", /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ReceiptText, {}), score),
+              icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ReceiptText, {}),
+              codeStr: score.analyzePrompt || naText,
+              simplified: true
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            dataPanel.DataPanel.CodeSection,
+            {
+              title: "Generate Score Prompt",
+              dialogTitle: buildDialogTitle("Generate Score Prompt", /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ReceiptText, {}), score),
+              icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ReceiptText, {}),
+              codeStr: score.generateScorePrompt || naText,
+              simplified: true
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            dataPanel.DataPanel.CodeSection,
+            {
+              title: "Generate Reason Prompt",
+              dialogTitle: buildDialogTitle("Generate Reason Prompt", /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ReceiptText, {}), score),
+              icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ReceiptText, {}),
+              codeStr: score.generateReasonPrompt || naText,
+              simplified: true
+            }
+          )
+        ] })
+      ] })
+    ] }) }),
+    score && /* @__PURE__ */ jsxRuntime.jsx(domains_scores_components_scoreAsItemDialog.ScoreAsItemDialog, { score, isOpen: datasetDialogOpen, onClose: () => setDatasetDialogOpen(false) })
+  ] });
+}
+
+exports.ScoreDataPanel = ScoreDataPanel;
+//# sourceMappingURL=score-data-panel.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"score-data-panel.cjs.js","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 { 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      <span className=\"flex items-center gap-1.5 tracking-widest text-placeholder uppercase [&>svg]:size-3.5\">\n        {icon}\n        {sectionTitle}\n      </span>\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.CloseButton onClick={onClose} />\n              <DataPanel.Heading>\n                Score\n                <DataPanel.CopyId id={score.id} />\n              </DataPanel.Heading>\n              <DataPanel.HeaderActions>\n                <DataPanel.NextPrevNav\n                  onPrevious={onPrevious}\n                  onNext={onNext}\n                  previousLabel=\"Go to previous score\"\n                  nextLabel=\"Go to next score\"\n                />\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                    <DataKeysAndValues.ValueLink href={paths.traceLink(score.traceId)} as={Link}>\n                      {score.traceId}\n                    </DataKeysAndValues.ValueLink>\n                  </>\n                )}\n                {score.spanId && score.traceId && (\n                  <>\n                    <DataKeysAndValues.Key>Span Id</DataKeysAndValues.Key>\n                    <DataKeysAndValues.ValueLink href={paths.traceLink(score.traceId, score.spanId)} as={Link}>\n                      {score.spanId}\n                    </DataKeysAndValues.ValueLink>\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                    'flex items-baseline gap-2 text-body text-placeholder',\n                    '[&>svg]:size-5 [&>svg]:translate-y-1',\n                  )}\n                >\n                  <GaugeIcon />\n                  <span className=\"\">Score:</span>\n                  <b className=\"text-muted-foreground tabular-nums\">{`${score.score == null || Number.isNaN(score.score) ? 'n/a' : score.score}`}</b>\n                </div>\n                <div className=\"mt-2 text-body-sm\">\n                  {score.reason ||\n                    (isCodeBased ? 'N/A — code-based scorer does not generate a reason' : 'N/A — step not configured')}\n                </div>\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={true}\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={true}\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={true}\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={true}\n                />\n              </div>\n            </DataPanel.Content>\n          </>\n        )}\n      </DataPanel>\n\n      {score && (\n        <ScoreAsItemDialog score={score} isOpen={datasetDialogOpen} onClose={() => setDatasetDialogOpen(false)} />\n      )}\n    </>\n  );\n}\n"],"names":["jsxs","Fragment","useLinkComponent","useState","jsx","DataPanel","DataKeysAndValues","formatTimestampPrecise","Button","SaveIcon","cn","GaugeIcon","FileInputIcon","FileOutputIcon","ReceiptText","ScoreAsItemDialog"],"mappings":"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"}

package/dist/domains/scores/components/score-data-panel.d.ts

@@ -0,0 +1,2 @@
+export * from '../../../src/domains/scores/components/score-data-panel'
+export {}

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

@@ -0,0 +1,161 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { SaveIcon, GaugeIcon, FileInputIcon, FileOutputIcon, ReceiptText } from 'lucide-react';
+import { useState } from 'react';
+import { ScoreAsItemDialog } from './score-as-item-dialog.es.js';
+import { B as Button } from '../../../Button-B8nF87ai.js';
+import { D as DataKeysAndValues } from '../../../data-keys-and-values-BTYDB-K2.js';
+import { D as DataPanel } from '../../../data-panel-D5ruDXyN.js';
+import { useLinkComponent } from '../../../lib/framework.es.js';
+import { c as cn } from '../../../cn-65Adrsfj.js';
+import { formatTimestampPrecise } from '../../../utils/date-format.es.js';
+
+function isCodeBasedScorer(score) {
+  if (!score) return false;
+  const scorer = score.scorer;
+  if (scorer?.hasJudge === false) return true;
+  if (scorer?.hasJudge === true) return false;
+  return !score.preprocessPrompt && !score.analyzePrompt && !score.generateScorePrompt && !score.generateReasonPrompt;
+}
+function buildDialogTitle(sectionTitle, icon, score) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5 tracking-widest text-placeholder uppercase [&>svg]:size-3.5", children: [
+      icon,
+      sectionTitle
+    ] }),
+    /* @__PURE__ */ jsxs("span", { children: [
+      "› Score ",
+      /* @__PURE__ */ jsxs("b", { className: "text-muted-foreground", children: [
+        "#",
+        score.id
+      ] })
+    ] })
+  ] });
+}
+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";
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(DataPanel, { open: !!score, onClose, title: score ? `Score ${score.id}` : "Score", depth, children: score && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs(DataPanel.Header, { children: [
+        /* @__PURE__ */ jsx(DataPanel.CloseButton, { onClick: onClose }),
+        /* @__PURE__ */ jsxs(DataPanel.Heading, { children: [
+          "Score",
+          /* @__PURE__ */ jsx(DataPanel.CopyId, { id: score.id })
+        ] }),
+        /* @__PURE__ */ jsx(DataPanel.HeaderActions, { children: /* @__PURE__ */ jsx(
+          DataPanel.NextPrevNav,
+          {
+            onPrevious,
+            onNext,
+            previousLabel: "Go to previous score",
+            nextLabel: "Go to next score"
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ jsxs(DataPanel.Content, { children: [
+        /* @__PURE__ */ jsxs(DataKeysAndValues, { children: [
+          score.scorer?.name != null && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(DataKeysAndValues.Key, { children: "Scorer" }),
+            /* @__PURE__ */ jsx(DataKeysAndValues.Value, { children: String(score.scorer.name) })
+          ] }),
+          score.createdAt && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(DataKeysAndValues.Key, { children: "Created" }),
+            /* @__PURE__ */ jsx(DataKeysAndValues.Value, { children: formatTimestampPrecise(score.createdAt) })
+          ] }),
+          score.traceId && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(DataKeysAndValues.Key, { children: "Trace Id" }),
+            /* @__PURE__ */ jsx(DataKeysAndValues.ValueLink, { href: paths.traceLink(score.traceId), as: Link, children: score.traceId })
+          ] }),
+          score.spanId && score.traceId && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(DataKeysAndValues.Key, { children: "Span Id" }),
+            /* @__PURE__ */ jsx(DataKeysAndValues.ValueLink, { href: paths.traceLink(score.traceId, score.spanId), as: Link, children: score.spanId })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "my-6 flex justify-end", children: /* @__PURE__ */ jsx(Button, { size: "sm", onClick: () => setDatasetDialogOpen(true), icon: /* @__PURE__ */ jsx(SaveIcon, {}), children: "Save as Dataset Item" }) }),
+        /* @__PURE__ */ jsxs("div", { className: "mb-6 text-muted-foreground", children: [
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cn(
+                "flex items-baseline gap-2 text-body text-placeholder",
+                "[&>svg]:size-5 [&>svg]:translate-y-1"
+              ),
+              children: [
+                /* @__PURE__ */ jsx(GaugeIcon, {}),
+                /* @__PURE__ */ jsx("span", { className: "", children: "Score:" }),
+                /* @__PURE__ */ jsx("b", { className: "text-muted-foreground tabular-nums", children: `${score.score == null || Number.isNaN(score.score) ? "n/a" : score.score}` })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "mt-2 text-body-sm", children: score.reason || (isCodeBased ? "N/A — code-based scorer does not generate a reason" : "N/A — step not configured") })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "grid gap-4", children: [
+          /* @__PURE__ */ jsx(
+            DataPanel.CodeSection,
+            {
+              title: "Input",
+              dialogTitle: buildDialogTitle("Input", /* @__PURE__ */ jsx(FileInputIcon, {}), score),
+              icon: /* @__PURE__ */ jsx(FileInputIcon, {}),
+              codeStr: JSON.stringify(score.input ?? null, null, 2)
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            DataPanel.CodeSection,
+            {
+              title: "Output",
+              dialogTitle: buildDialogTitle("Output", /* @__PURE__ */ jsx(FileOutputIcon, {}), score),
+              icon: /* @__PURE__ */ jsx(FileOutputIcon, {}),
+              codeStr: JSON.stringify(score.output ?? null, null, 2)
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            DataPanel.CodeSection,
+            {
+              title: "Preprocess Prompt",
+              dialogTitle: buildDialogTitle("Preprocess Prompt", /* @__PURE__ */ jsx(ReceiptText, {}), score),
+              icon: /* @__PURE__ */ jsx(ReceiptText, {}),
+              codeStr: score.preprocessPrompt || naText,
+              simplified: true
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            DataPanel.CodeSection,
+            {
+              title: "Analyze Prompt",
+              dialogTitle: buildDialogTitle("Analyze Prompt", /* @__PURE__ */ jsx(ReceiptText, {}), score),
+              icon: /* @__PURE__ */ jsx(ReceiptText, {}),
+              codeStr: score.analyzePrompt || naText,
+              simplified: true
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            DataPanel.CodeSection,
+            {
+              title: "Generate Score Prompt",
+              dialogTitle: buildDialogTitle("Generate Score Prompt", /* @__PURE__ */ jsx(ReceiptText, {}), score),
+              icon: /* @__PURE__ */ jsx(ReceiptText, {}),
+              codeStr: score.generateScorePrompt || naText,
+              simplified: true
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            DataPanel.CodeSection,
+            {
+              title: "Generate Reason Prompt",
+              dialogTitle: buildDialogTitle("Generate Reason Prompt", /* @__PURE__ */ jsx(ReceiptText, {}), score),
+              icon: /* @__PURE__ */ jsx(ReceiptText, {}),
+              codeStr: score.generateReasonPrompt || naText,
+              simplified: true
+            }
+          )
+        ] })
+      ] })
+    ] }) }),
+    score && /* @__PURE__ */ jsx(ScoreAsItemDialog, { score, isOpen: datasetDialogOpen, onClose: () => setDatasetDialogOpen(false) })
+  ] });
+}
+
+export { ScoreDataPanel };
+//# sourceMappingURL=score-data-panel.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"score-data-panel.es.js","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 { 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      <span className=\"flex items-center gap-1.5 tracking-widest text-placeholder uppercase [&>svg]:size-3.5\">\n        {icon}\n        {sectionTitle}\n      </span>\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.CloseButton onClick={onClose} />\n              <DataPanel.Heading>\n                Score\n                <DataPanel.CopyId id={score.id} />\n              </DataPanel.Heading>\n              <DataPanel.HeaderActions>\n                <DataPanel.NextPrevNav\n                  onPrevious={onPrevious}\n                  onNext={onNext}\n                  previousLabel=\"Go to previous score\"\n                  nextLabel=\"Go to next score\"\n                />\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                    <DataKeysAndValues.ValueLink href={paths.traceLink(score.traceId)} as={Link}>\n                      {score.traceId}\n                    </DataKeysAndValues.ValueLink>\n                  </>\n                )}\n                {score.spanId && score.traceId && (\n                  <>\n                    <DataKeysAndValues.Key>Span Id</DataKeysAndValues.Key>\n                    <DataKeysAndValues.ValueLink href={paths.traceLink(score.traceId, score.spanId)} as={Link}>\n                      {score.spanId}\n                    </DataKeysAndValues.ValueLink>\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                    'flex items-baseline gap-2 text-body text-placeholder',\n                    '[&>svg]:size-5 [&>svg]:translate-y-1',\n                  )}\n                >\n                  <GaugeIcon />\n                  <span className=\"\">Score:</span>\n                  <b className=\"text-muted-foreground tabular-nums\">{`${score.score == null || Number.isNaN(score.score) ? 'n/a' : score.score}`}</b>\n                </div>\n                <div className=\"mt-2 text-body-sm\">\n                  {score.reason ||\n                    (isCodeBased ? 'N/A — code-based scorer does not generate a reason' : 'N/A — step not configured')}\n                </div>\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={true}\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={true}\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={true}\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={true}\n                />\n              </div>\n            </DataPanel.Content>\n          </>\n        )}\n      </DataPanel>\n\n      {score && (\n        <ScoreAsItemDialog score={score} isOpen={datasetDialogOpen} onClose={() => setDatasetDialogOpen(false)} />\n      )}\n    </>\n  );\n}\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,105 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const lucideReact = require('lucide-react');
+const React = require('react');
+const domains_scores_hooks_useTriggerScorer = require('../hooks/use-trigger-scorer.cjs.js');
+const combobox = require('../../../combobox-DqDTf4r9.cjs');
+require('@base-ui/react/combobox');
+const dialog = require('../../../dialog-Vvcjm0rZ.cjs');
+const Notice = require('../../../Notice-AUNd8fqT.cjs');
+const textAndIcon = require('../../../text-and-icon-DQu30tMc.cjs');
+const toast = require('../../../toast-nm-fM7BR.cjs');
+const dialogAction = require('../../../dialog-action-PjKpfAWl.cjs');
+
+function SpanScoring({
+  traceId,
+  spanId,
+  entityType,
+  isTopLevelSpan,
+  scorers,
+  isLoadingScorers,
+  onSuccess
+}) {
+  const [selectedScorer, setSelectedScorer] = React.useState(null);
+  const { mutate: triggerScorer, isPending } = domains_scores_hooks_useTriggerScorer.useTriggerScorer();
+  let scorerList = Object.entries(scorers || {}).flatMap(
+    ([key, scorer]) => scorer ? [
+      {
+        id: key,
+        name: scorer.scorer.config.name,
+        description: scorer.scorer.config.description,
+        isRegistered: scorer.isRegistered,
+        type: scorer.scorer.config.type
+      }
+    ] : []
+  );
+  scorerList = scorerList.filter((scorer) => scorer.isRegistered);
+  if (entityType !== "Agent" || !isTopLevelSpan) {
+    scorerList = scorerList.filter((scorer) => scorer.type !== "agent");
+  }
+  const isWaiting = isPending || isLoadingScorers;
+  const handleStartScoring = () => {
+    if (selectedScorer && traceId) {
+      triggerScorer(
+        { scorerName: selectedScorer, traceId, spanId },
+        {
+          onSuccess: () => {
+            toast.toast.info("Scorer triggered", {
+              description: "Results will appear once scoring completes."
+            });
+            onSuccess?.();
+          }
+        }
+      );
+    }
+  };
+  const selectedScorerDescription = scorerList.find((s) => s.id === selectedScorer)?.description || "";
+  if (scorers === void 0 && !isLoadingScorers) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogBody, { children: /* @__PURE__ */ jsxRuntime.jsx(Notice.Notice, { variant: "destructive", children: "Failed to load scorers." }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogFooter, { children: /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogCancel, { children: "Cancel" }) })
+    ] });
+  }
+  if (!isLoadingScorers && scorerList.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogBody, { children: /* @__PURE__ */ jsxRuntime.jsx(Notice.Notice, { variant: "info", children: "No eligible scorers have been defined to run." }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogFooter, { children: /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogCancel, { children: "Cancel" }) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogBody, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogDescription, { children: "Select a scorer to evaluate this trace." }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        combobox.Combobox,
+        {
+          "aria-label": "Select scorer",
+          searchPlaceholder: "Search scorers...",
+          placeholder: "Select a scorer...",
+          options: scorerList.map((scorer) => ({
+            label: scorer.name || scorer.id,
+            value: scorer.id || scorer.name || ""
+          })),
+          onValueChange: setSelectedScorer,
+          value: selectedScorer || "",
+          className: "w-full",
+          disabled: isWaiting
+        }
+      ),
+      selectedScorerDescription && /* @__PURE__ */ jsxRuntime.jsxs(textAndIcon.TextAndIcon, { className: "text-caption text-muted-foreground", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.InfoIcon, {}),
+        " ",
+        selectedScorerDescription
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogFooter, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogCancel, { disabled: isPending, children: "Cancel" }),
+      /* @__PURE__ */ jsxRuntime.jsx(dialogAction.DialogAction, { disabled: !selectedScorer || isWaiting, onConfirm: handleStartScoring, children: isPending ? "Starting..." : "Start Scoring" })
+    ] })
+  ] });
+}
+
+exports.SpanScoring = SpanScoring;
+//# sourceMappingURL=span-scoring.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"span-scoring.cjs.js","sources":["../../../../src/domains/scores/components/span-scoring.tsx"],"sourcesContent":["import type { GetScorerResponse } from '@mastra/client-js';\nimport { InfoIcon } from 'lucide-react';\nimport { useState } from 'react';\nimport { useTriggerScorer } from '../hooks/use-trigger-scorer';\nimport { Combobox } from '@/ds/components/Combobox';\nimport { DialogAction, DialogBody, DialogCancel, DialogDescription, DialogFooter } from '@/ds/components/Dialog';\nimport { Notice } from '@/ds/components/Notice';\nimport { TextAndIcon } from '@/ds/components/Text';\nimport { toast } from '@/utils/toast';\n\nexport interface SpanScoringProps {\n  traceId?: string;\n  spanId?: string;\n  entityType?: string;\n  isTopLevelSpan?: boolean;\n  scorers?: Record<string, GetScorerResponse>;\n  isLoadingScorers?: boolean;\n  onSuccess?: () => void;\n}\n\nexport function SpanScoring({\n  traceId,\n  spanId,\n  entityType,\n  isTopLevelSpan,\n  scorers,\n  isLoadingScorers,\n  onSuccess,\n}: SpanScoringProps) {\n  const [selectedScorer, setSelectedScorer] = useState<string | null>(null);\n  const { mutate: triggerScorer, isPending } = useTriggerScorer();\n\n  let scorerList = Object.entries(scorers || {}).flatMap(([key, scorer]) =>\n    scorer\n      ? [\n          {\n            id: key,\n            name: scorer.scorer.config.name,\n            description: scorer.scorer.config.description,\n            isRegistered: scorer.isRegistered,\n            type: scorer.scorer.config.type,\n          },\n        ]\n      : [],\n  );\n  scorerList = scorerList.filter(scorer => scorer.isRegistered);\n\n  // Filter out Scorers with type agent if we are not scoring on a top level agent generated span\n  if (entityType !== 'Agent' || !isTopLevelSpan) {\n    scorerList = scorerList.filter(scorer => scorer.type !== 'agent');\n  }\n\n  const isWaiting = isPending || isLoadingScorers;\n\n  const handleStartScoring = () => {\n    if (selectedScorer && traceId) {\n      triggerScorer(\n        { scorerName: selectedScorer, traceId, spanId },\n        {\n          onSuccess: () => {\n            toast.info('Scorer triggered', {\n              description: 'Results will appear once scoring completes.',\n            });\n            onSuccess?.();\n          },\n        },\n      );\n    }\n  };\n\n  const selectedScorerDescription = scorerList.find(s => s.id === selectedScorer)?.description || '';\n\n  if (scorers === undefined && !isLoadingScorers) {\n    return (\n      <>\n        <DialogBody>\n          <Notice variant=\"destructive\">Failed to load scorers.</Notice>\n        </DialogBody>\n        <DialogFooter>\n          <DialogCancel>Cancel</DialogCancel>\n        </DialogFooter>\n      </>\n    );\n  }\n\n  if (!isLoadingScorers && scorerList.length === 0) {\n    return (\n      <>\n        <DialogBody>\n          <Notice variant=\"info\">No eligible scorers have been defined to run.</Notice>\n        </DialogBody>\n        <DialogFooter>\n          <DialogCancel>Cancel</DialogCancel>\n        </DialogFooter>\n      </>\n    );\n  }\n\n  return (\n    <>\n      <DialogBody>\n        <DialogDescription>Select a scorer to evaluate this trace.</DialogDescription>\n        <Combobox\n          aria-label=\"Select scorer\"\n          searchPlaceholder=\"Search scorers...\"\n          placeholder=\"Select a scorer...\"\n          options={scorerList.map(scorer => ({\n            label: scorer.name || scorer.id,\n            value: scorer.id || scorer.name || '',\n          }))}\n          onValueChange={setSelectedScorer}\n          value={selectedScorer || ''}\n          className=\"w-full\"\n          disabled={isWaiting}\n        />\n        {selectedScorerDescription && (\n          <TextAndIcon className=\"text-caption text-muted-foreground\">\n            <InfoIcon /> {selectedScorerDescription}\n          </TextAndIcon>\n        )}\n      </DialogBody>\n      <DialogFooter>\n        <DialogCancel disabled={isPending}>Cancel</DialogCancel>\n        <DialogAction disabled={!selectedScorer || isWaiting} onConfirm={handleStartScoring}>\n          {isPending ? 'Starting...' : 'Start Scoring'}\n        </DialogAction>\n      </DialogFooter>\n    </>\n  );\n}\n"],"names":["useState","useTriggerScorer","toast","jsxs","Fragment","jsx","DialogBody","Notice","DialogFooter","DialogCancel","DialogDescription","Combobox","TextAndIcon","InfoIcon","DialogAction"],"mappings":"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"}

package/dist/domains/scores/components/span-scoring.d.ts

@@ -0,0 +1,2 @@
+export * from '../../../src/domains/scores/components/span-scoring'
+export {}

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

@@ -0,0 +1,101 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { InfoIcon } from 'lucide-react';
+import { useState } from 'react';
+import { useTriggerScorer } from '../hooks/use-trigger-scorer.es.js';
+import { C as Combobox } from '../../../combobox-BOVQDVmX.js';
+import '@base-ui/react/combobox';
+import { a as DialogBody, f as DialogFooter, b as DialogCancel, e as DialogDescription } from '../../../dialog-Cv6zdm5E.js';
+import { N as Notice } from '../../../Notice-WT8G4OA6.js';
+import { T as TextAndIcon } from '../../../text-and-icon-DCLdeWsT.js';
+import { t as toast } from '../../../toast-c5kCpyWt.js';
+import { D as DialogAction } from '../../../dialog-action-B4qYw6Om.js';
+
+function SpanScoring({
+  traceId,
+  spanId,
+  entityType,
+  isTopLevelSpan,
+  scorers,
+  isLoadingScorers,
+  onSuccess
+}) {
+  const [selectedScorer, setSelectedScorer] = useState(null);
+  const { mutate: triggerScorer, isPending } = useTriggerScorer();
+  let scorerList = Object.entries(scorers || {}).flatMap(
+    ([key, scorer]) => scorer ? [
+      {
+        id: key,
+        name: scorer.scorer.config.name,
+        description: scorer.scorer.config.description,
+        isRegistered: scorer.isRegistered,
+        type: scorer.scorer.config.type
+      }
+    ] : []
+  );
+  scorerList = scorerList.filter((scorer) => scorer.isRegistered);
+  if (entityType !== "Agent" || !isTopLevelSpan) {
+    scorerList = scorerList.filter((scorer) => scorer.type !== "agent");
+  }
+  const isWaiting = isPending || isLoadingScorers;
+  const handleStartScoring = () => {
+    if (selectedScorer && traceId) {
+      triggerScorer(
+        { scorerName: selectedScorer, traceId, spanId },
+        {
+          onSuccess: () => {
+            toast.info("Scorer triggered", {
+              description: "Results will appear once scoring completes."
+            });
+            onSuccess?.();
+          }
+        }
+      );
+    }
+  };
+  const selectedScorerDescription = scorerList.find((s) => s.id === selectedScorer)?.description || "";
+  if (scorers === void 0 && !isLoadingScorers) {
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(DialogBody, { children: /* @__PURE__ */ jsx(Notice, { variant: "destructive", children: "Failed to load scorers." }) }),
+      /* @__PURE__ */ jsx(DialogFooter, { children: /* @__PURE__ */ jsx(DialogCancel, { children: "Cancel" }) })
+    ] });
+  }
+  if (!isLoadingScorers && scorerList.length === 0) {
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(DialogBody, { children: /* @__PURE__ */ jsx(Notice, { variant: "info", children: "No eligible scorers have been defined to run." }) }),
+      /* @__PURE__ */ jsx(DialogFooter, { children: /* @__PURE__ */ jsx(DialogCancel, { children: "Cancel" }) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(DialogBody, { children: [
+      /* @__PURE__ */ jsx(DialogDescription, { children: "Select a scorer to evaluate this trace." }),
+      /* @__PURE__ */ jsx(
+        Combobox,
+        {
+          "aria-label": "Select scorer",
+          searchPlaceholder: "Search scorers...",
+          placeholder: "Select a scorer...",
+          options: scorerList.map((scorer) => ({
+            label: scorer.name || scorer.id,
+            value: scorer.id || scorer.name || ""
+          })),
+          onValueChange: setSelectedScorer,
+          value: selectedScorer || "",
+          className: "w-full",
+          disabled: isWaiting
+        }
+      ),
+      selectedScorerDescription && /* @__PURE__ */ jsxs(TextAndIcon, { className: "text-caption text-muted-foreground", children: [
+        /* @__PURE__ */ jsx(InfoIcon, {}),
+        " ",
+        selectedScorerDescription
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(DialogFooter, { children: [
+      /* @__PURE__ */ jsx(DialogCancel, { disabled: isPending, children: "Cancel" }),
+      /* @__PURE__ */ jsx(DialogAction, { disabled: !selectedScorer || isWaiting, onConfirm: handleStartScoring, children: isPending ? "Starting..." : "Start Scoring" })
+    ] })
+  ] });
+}
+
+export { SpanScoring };
+//# sourceMappingURL=span-scoring.es.js.map