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

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

@@ -0,0 +1 @@
+{"version":3,"file":"span-scoring.es.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":[],"mappings":"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"}

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

@@ -0,0 +1,115 @@
+'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_useTraceSpanScores = require('../hooks/use-trace-span-scores.cjs.js');
+const Button = require('../../../Button-BAMnPqos.cjs');
+const dataList = require('../../../data-list-RI8c32dk.cjs');
+require('../../../keyboard/keyboard-shortcuts-context.cjs.js');
+const EmptyState = require('../../../EmptyState-2XQgeju6.cjs');
+const metricsKpiCard = require('../../../metrics-kpi-card-DoIeHfv6.cjs');
+const spinner = require('../../../spinner-BCpN7LL9.cjs');
+const getShortId = require('../../../get-short-id-B8WUdKmM.cjs');
+const Txt = require('../../../Txt-DPmEpNbp.cjs');
+const primitives_transitions = require('../../../primitives/transitions.cjs.js');
+const primitives_typography = require('../../../primitives/typography.cjs.js');
+const lib_framework = require('../../../lib/framework.cjs.js');
+const utils_cn = require('../../../cn-DG0X1KEP.cjs');
+const utils_dateFormat = require('../../../utils/date-format.cjs.js');
+
+const REASON_PREVIEW_LENGTH = 100;
+function TraceScoresTab({ traceId, spanId, onScoreSelect }) {
+  const [page, setPage] = React.useState(0);
+  const { data: scoresData, isLoading } = domains_scores_hooks_useTraceSpanScores.useTraceSpanScores({ traceId, spanId, page });
+  if (isLoading) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center py-6", children: /* @__PURE__ */ jsxRuntime.jsx(spinner.Spinner, { size: "md", variant: "pulse", className: "text-placeholder" }) });
+  }
+  const scores = scoresData?.scores ?? [];
+  if (scores.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx(EmptyState.EmptyState, { titleSlot: "No scores yet", descriptionSlot: "Score this trace to see results here." });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid content-start gap-3", children: [
+    scores.map((score) => /* @__PURE__ */ jsxRuntime.jsx(TraceScoreCard, { score, onSelect: () => onScoreSelect(score.id) }, score.id)),
+    /* @__PURE__ */ jsxRuntime.jsx(TraceScoresPagination, { pagination: scoresData?.pagination, onPageChange: setPage })
+  ] });
+}
+function TraceScoreCard({ score, onSelect }) {
+  const createdAt = new Date(score.createdAt);
+  const scorerName = String(score.scorer?.name || score.scorer?.id || "Scorer");
+  const { Link, paths } = lib_framework.useLinkComponent();
+  return /* @__PURE__ */ jsxRuntime.jsxs(metricsKpiCard.MetricsKpiCard, { className: "min-w-0", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: onSelect,
+        "aria-label": `Score ${getShortId.getShortId(score.id)}`,
+        className: "grid gap-1 text-left",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(metricsKpiCard.MetricsKpiCard.Label, { children: scorerName }),
+          /* @__PURE__ */ jsxRuntime.jsx(metricsKpiCard.MetricsKpiCard.Value, { children: String(score.score) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-meta text-muted-foreground tabular-nums", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "meta", font: "mono", children: getShortId.getShortId(score.id) }),
+            " ",
+            "· ",
+            utils_dateFormat.formatDate(createdAt, "date-time-seconds")
+          ] })
+        ]
+      }
+    ),
+    score.reason && /* @__PURE__ */ jsxRuntime.jsx(TraceScoreReason, { reason: score.reason }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Button.Button,
+      {
+        render: /* @__PURE__ */ jsxRuntime.jsx(Link, { href: `${paths.scorerLink(score.scorerId)}?scoreId=${score.id}` }),
+        variant: "ghost",
+        size: "sm",
+        className: "-ml-2 justify-self-start",
+        icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ExternalLinkIcon, {}),
+        children: "Open scorer run"
+      }
+    )
+  ] });
+}
+function TraceScoreReason({ reason }) {
+  const [expanded, setExpanded] = React.useState(false);
+  const isLong = reason.length > REASON_PREVIEW_LENGTH;
+  const text = isLong && !expanded ? `${reason.slice(0, REASON_PREVIEW_LENGTH).trimEnd()}…` : reason;
+  return /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-caption text-placeholder", children: [
+    text,
+    isLong && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      " ",
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => setExpanded((value) => !value),
+          className: utils_cn.cn(primitives_typography.quietTextHover, primitives_transitions.controlStateColorTransition, "underline underline-offset-2"),
+          children: expanded ? "Read less" : "Read more"
+        }
+      )
+    ] })
+  ] });
+}
+function TraceScoresPagination({
+  pagination,
+  onPageChange
+}) {
+  const currentPage = pagination?.page ?? 0;
+  if (currentPage === 0 && !pagination?.hasMore) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    dataList.DataList.Pagination,
+    {
+      currentPage,
+      hasMore: pagination?.hasMore,
+      onNextPage: () => onPageChange(currentPage + 1),
+      onPrevPage: () => onPageChange(currentPage - 1)
+    }
+  );
+}
+
+exports.TraceScoresTab = TraceScoresTab;
+//# sourceMappingURL=trace-scores-tab.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"trace-scores-tab.cjs.js","sources":["../../../../src/domains/scores/components/trace-scores-tab.tsx"],"sourcesContent":["import type { ClientScoreRowData, ListScoresResponse } from '@mastra/client-js';\nimport { ExternalLinkIcon } from 'lucide-react';\nimport { useState } from 'react';\nimport { useTraceSpanScores } from '../hooks/use-trace-span-scores';\nimport { Button } from '@/ds/components/Button';\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 { useLinkComponent } from '@/lib/framework';\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({ traceId, spanId, page });\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  const { Link, paths } = useLinkComponent();\n\n  return (\n    <MetricsKpiCard className=\"min-w-0\">\n      <button\n        type=\"button\"\n        onClick={onSelect}\n        aria-label={`Score ${getShortId(score.id)}`}\n        className=\"grid gap-1 text-left\"\n      >\n        <MetricsKpiCard.Label>{scorerName}</MetricsKpiCard.Label>\n        <MetricsKpiCard.Value>{String(score.score)}</MetricsKpiCard.Value>\n        <span className=\"text-meta text-muted-foreground tabular-nums\">\n          <Txt as=\"span\" variant=\"meta\" font=\"mono\">\n            {getShortId(score.id)}\n          </Txt>{' '}\n          · {formatDate(createdAt, 'date-time-seconds')}\n        </span>\n      </button>\n      {score.reason && <TraceScoreReason reason={score.reason} />}\n      <Button\n        render={<Link href={`${paths.scorerLink(score.scorerId)}?scoreId=${score.id}`} />}\n        variant=\"ghost\"\n        size=\"sm\"\n        className=\"-ml-2 justify-self-start\"\n        icon={<ExternalLinkIcon />}\n      >\n        Open scorer run\n      </Button>\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    <p className=\"text-caption text-placeholder\">\n      {text}\n      {isLong && (\n        <>\n          {' '}\n          <button\n            type=\"button\"\n            onClick={() => setExpanded(value => !value)}\n            className={cn(quietTextHover, controlStateColorTransition, 'underline underline-offset-2')}\n          >\n            {expanded ? 'Read less' : 'Read more'}\n          </button>\n        </>\n      )}\n    </p>\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"],"names":["useState","useTraceSpanScores","jsx","Spinner","EmptyState","jsxs","useLinkComponent","MetricsKpiCard","getShortId","Txt","formatDate","Button","ExternalLinkIcon","Fragment","cn","quietTextHover","controlStateColorTransition","DataList"],"mappings":"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"}

package/dist/domains/scores/components/trace-scores-tab.d.ts

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

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

@@ -0,0 +1,111 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { ExternalLinkIcon } from 'lucide-react';
+import { useState } from 'react';
+import { useTraceSpanScores } from '../hooks/use-trace-span-scores.es.js';
+import { B as Button } from '../../../Button-B8nF87ai.js';
+import { D as DataList } from '../../../data-list-5-nRJbEO.js';
+import '../../../keyboard/keyboard-shortcuts-context.es.js';
+import { E as EmptyState } from '../../../EmptyState-Bc4nJ9QH.js';
+import { M as MetricsKpiCard } from '../../../metrics-kpi-card-BVCuXeDa.js';
+import { S as Spinner } from '../../../spinner-ylbE0TJA.js';
+import { g as getShortId } from '../../../get-short-id-CFIGZkLd.js';
+import { T as Txt } from '../../../Txt-BP1SRHmL.js';
+import { controlStateColorTransition } from '../../../primitives/transitions.es.js';
+import { quietTextHover } from '../../../primitives/typography.es.js';
+import { useLinkComponent } from '../../../lib/framework.es.js';
+import { c as cn } from '../../../cn-65Adrsfj.js';
+import { formatDate } from '../../../utils/date-format.es.js';
+
+const REASON_PREVIEW_LENGTH = 100;
+function TraceScoresTab({ traceId, spanId, onScoreSelect }) {
+  const [page, setPage] = useState(0);
+  const { data: scoresData, isLoading } = useTraceSpanScores({ traceId, spanId, page });
+  if (isLoading) {
+    return /* @__PURE__ */ jsx("div", { className: "flex justify-center py-6", children: /* @__PURE__ */ jsx(Spinner, { size: "md", variant: "pulse", className: "text-placeholder" }) });
+  }
+  const scores = scoresData?.scores ?? [];
+  if (scores.length === 0) {
+    return /* @__PURE__ */ jsx(EmptyState, { titleSlot: "No scores yet", descriptionSlot: "Score this trace to see results here." });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "grid content-start gap-3", children: [
+    scores.map((score) => /* @__PURE__ */ jsx(TraceScoreCard, { score, onSelect: () => onScoreSelect(score.id) }, score.id)),
+    /* @__PURE__ */ jsx(TraceScoresPagination, { pagination: scoresData?.pagination, onPageChange: setPage })
+  ] });
+}
+function TraceScoreCard({ score, onSelect }) {
+  const createdAt = new Date(score.createdAt);
+  const scorerName = String(score.scorer?.name || score.scorer?.id || "Scorer");
+  const { Link, paths } = useLinkComponent();
+  return /* @__PURE__ */ jsxs(MetricsKpiCard, { className: "min-w-0", children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: onSelect,
+        "aria-label": `Score ${getShortId(score.id)}`,
+        className: "grid gap-1 text-left",
+        children: [
+          /* @__PURE__ */ jsx(MetricsKpiCard.Label, { children: scorerName }),
+          /* @__PURE__ */ jsx(MetricsKpiCard.Value, { children: String(score.score) }),
+          /* @__PURE__ */ jsxs("span", { className: "text-meta text-muted-foreground tabular-nums", children: [
+            /* @__PURE__ */ jsx(Txt, { as: "span", variant: "meta", font: "mono", children: getShortId(score.id) }),
+            " ",
+            "· ",
+            formatDate(createdAt, "date-time-seconds")
+          ] })
+        ]
+      }
+    ),
+    score.reason && /* @__PURE__ */ jsx(TraceScoreReason, { reason: score.reason }),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        render: /* @__PURE__ */ jsx(Link, { href: `${paths.scorerLink(score.scorerId)}?scoreId=${score.id}` }),
+        variant: "ghost",
+        size: "sm",
+        className: "-ml-2 justify-self-start",
+        icon: /* @__PURE__ */ jsx(ExternalLinkIcon, {}),
+        children: "Open scorer run"
+      }
+    )
+  ] });
+}
+function TraceScoreReason({ reason }) {
+  const [expanded, setExpanded] = useState(false);
+  const isLong = reason.length > REASON_PREVIEW_LENGTH;
+  const text = isLong && !expanded ? `${reason.slice(0, REASON_PREVIEW_LENGTH).trimEnd()}…` : reason;
+  return /* @__PURE__ */ jsxs("p", { className: "text-caption text-placeholder", children: [
+    text,
+    isLong && /* @__PURE__ */ jsxs(Fragment, { children: [
+      " ",
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => setExpanded((value) => !value),
+          className: cn(quietTextHover, controlStateColorTransition, "underline underline-offset-2"),
+          children: expanded ? "Read less" : "Read more"
+        }
+      )
+    ] })
+  ] });
+}
+function TraceScoresPagination({
+  pagination,
+  onPageChange
+}) {
+  const currentPage = pagination?.page ?? 0;
+  if (currentPage === 0 && !pagination?.hasMore) return null;
+  return /* @__PURE__ */ jsx(
+    DataList.Pagination,
+    {
+      currentPage,
+      hasMore: pagination?.hasMore,
+      onNextPage: () => onPageChange(currentPage + 1),
+      onPrevPage: () => onPageChange(currentPage - 1)
+    }
+  );
+}
+
+export { TraceScoresTab };
+//# sourceMappingURL=trace-scores-tab.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"trace-scores-tab.es.js","sources":["../../../../src/domains/scores/components/trace-scores-tab.tsx"],"sourcesContent":["import type { ClientScoreRowData, ListScoresResponse } from '@mastra/client-js';\nimport { ExternalLinkIcon } from 'lucide-react';\nimport { useState } from 'react';\nimport { useTraceSpanScores } from '../hooks/use-trace-span-scores';\nimport { Button } from '@/ds/components/Button';\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 { useLinkComponent } from '@/lib/framework';\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({ traceId, spanId, page });\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  const { Link, paths } = useLinkComponent();\n\n  return (\n    <MetricsKpiCard className=\"min-w-0\">\n      <button\n        type=\"button\"\n        onClick={onSelect}\n        aria-label={`Score ${getShortId(score.id)}`}\n        className=\"grid gap-1 text-left\"\n      >\n        <MetricsKpiCard.Label>{scorerName}</MetricsKpiCard.Label>\n        <MetricsKpiCard.Value>{String(score.score)}</MetricsKpiCard.Value>\n        <span className=\"text-meta text-muted-foreground tabular-nums\">\n          <Txt as=\"span\" variant=\"meta\" font=\"mono\">\n            {getShortId(score.id)}\n          </Txt>{' '}\n          · {formatDate(createdAt, 'date-time-seconds')}\n        </span>\n      </button>\n      {score.reason && <TraceScoreReason reason={score.reason} />}\n      <Button\n        render={<Link href={`${paths.scorerLink(score.scorerId)}?scoreId=${score.id}`} />}\n        variant=\"ghost\"\n        size=\"sm\"\n        className=\"-ml-2 justify-self-start\"\n        icon={<ExternalLinkIcon />}\n      >\n        Open scorer run\n      </Button>\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    <p className=\"text-caption text-placeholder\">\n      {text}\n      {isLong && (\n        <>\n          {' '}\n          <button\n            type=\"button\"\n            onClick={() => setExpanded(value => !value)}\n            className={cn(quietTextHover, controlStateColorTransition, 'underline underline-offset-2')}\n          >\n            {expanded ? 'Read less' : 'Read more'}\n          </button>\n        </>\n      )}\n    </p>\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"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAiBA,MAAM,qBAAA,GAAwB,GAAA;AAYvB,SAAS,cAAA,CAAe,EAAE,OAAA,EAAS,MAAA,EAAQ,eAAc,EAAwB;AACtF,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAS,CAAC,CAAA;AAClC,EAAA,MAAM,EAAE,IAAA,EAAM,UAAA,EAAY,SAAA,EAAU,GAAI,mBAAmB,EAAE,OAAA,EAAS,MAAA,EAAQ,IAAA,EAAM,CAAA;AAEpF,EAAA,IAAI,SAAA,EAAW;AACb,IAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,0BAAA,EACb,QAAA,kBAAA,GAAA,CAAC,OAAA,EAAA,EAAQ,IAAA,EAAK,IAAA,EAAK,OAAA,EAAQ,OAAA,EAAQ,SAAA,EAAU,kBAAA,EAAmB,CAAA,EAClE,CAAA;AAAA,EAEJ;AAEA,EAAA,MAAM,MAAA,GAAS,UAAA,EAAY,MAAA,IAAU,EAAC;AAEtC,EAAA,IAAI,MAAA,CAAO,WAAW,CAAA,EAAG;AACvB,IAAA,uBAAO,GAAA,CAAC,UAAA,EAAA,EAAW,SAAA,EAAU,eAAA,EAAgB,iBAAgB,uCAAA,EAAwC,CAAA;AAAA,EACvG;AAEA,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,0BAAA,EACZ,QAAA,EAAA;AAAA,IAAA,MAAA,CAAO,GAAA,CAAI,CAAA,KAAA,qBACV,GAAA,CAAC,cAAA,EAAA,EAA8B,KAAA,EAAc,QAAA,EAAU,MAAM,aAAA,CAAc,KAAA,CAAM,EAAE,CAAA,EAAA,EAA9D,KAAA,CAAM,EAA2D,CACvF,CAAA;AAAA,wBACA,qBAAA,EAAA,EAAsB,UAAA,EAAY,UAAA,EAAY,UAAA,EAAY,cAAc,OAAA,EAAS;AAAA,GAAA,EACpF,CAAA;AAEJ;AAEA,SAAS,cAAA,CAAe,EAAE,KAAA,EAAO,QAAA,EAAS,EAAwD;AAChG,EAAA,MAAM,SAAA,GAAY,IAAI,IAAA,CAAK,KAAA,CAAM,SAAS,CAAA;AAC1C,EAAA,MAAM,UAAA,GAAa,OAAO,KAAA,CAAM,MAAA,EAAQ,QAAQ,KAAA,CAAM,MAAA,EAAQ,MAAM,QAAQ,CAAA;AAC5E,EAAA,MAAM,EAAE,IAAA,EAAM,KAAA,EAAM,GAAI,gBAAA,EAAiB;AAEzC,EAAA,uBACE,IAAA,CAAC,cAAA,EAAA,EAAe,SAAA,EAAU,SAAA,EACxB,QAAA,EAAA;AAAA,oBAAA,IAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,QAAA;AAAA,QACL,OAAA,EAAS,QAAA;AAAA,QACT,YAAA,EAAY,CAAA,MAAA,EAAS,UAAA,CAAW,KAAA,CAAM,EAAE,CAAC,CAAA,CAAA;AAAA,QACzC,SAAA,EAAU,sBAAA;AAAA,QAEV,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,cAAA,CAAe,KAAA,EAAf,EAAsB,QAAA,EAAA,UAAA,EAAW,CAAA;AAAA,8BACjC,cAAA,CAAe,KAAA,EAAf,EAAsB,QAAA,EAAA,MAAA,CAAO,KAAA,CAAM,KAAK,CAAA,EAAE,CAAA;AAAA,0BAC3C,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,8CAAA,EACd,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,GAAA,EAAA,EAAI,EAAA,EAAG,MAAA,EAAO,OAAA,EAAQ,MAAA,EAAO,MAAK,MAAA,EAChC,QAAA,EAAA,UAAA,CAAW,KAAA,CAAM,EAAE,CAAA,EACtB,CAAA;AAAA,YAAO,GAAA;AAAA,YAAI,IAAA;AAAA,YACR,UAAA,CAAW,WAAW,mBAAmB;AAAA,WAAA,EAC9C;AAAA;AAAA;AAAA,KACF;AAAA,IACC,MAAM,MAAA,oBAAU,GAAA,CAAC,gBAAA,EAAA,EAAiB,MAAA,EAAQ,MAAM,MAAA,EAAQ,CAAA;AAAA,oBACzD,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,MAAA,kBAAQ,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAM,CAAA,EAAG,KAAA,CAAM,UAAA,CAAW,KAAA,CAAM,QAAQ,CAAC,CAAA,SAAA,EAAY,KAAA,CAAM,EAAE,CAAA,CAAA,EAAI,CAAA;AAAA,QAC/E,OAAA,EAAQ,OAAA;AAAA,QACR,IAAA,EAAK,IAAA;AAAA,QACL,SAAA,EAAU,0BAAA;AAAA,QACV,IAAA,sBAAO,gBAAA,EAAA,EAAiB,CAAA;AAAA,QACzB,QAAA,EAAA;AAAA;AAAA;AAED,GAAA,EACF,CAAA;AAEJ;AAEA,SAAS,gBAAA,CAAiB,EAAE,MAAA,EAAO,EAAuB;AACxD,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAAS,KAAK,CAAA;AAC9C,EAAA,MAAM,MAAA,GAAS,OAAO,MAAA,GAAS,qBAAA;AAC/B,EAAA,MAAM,IAAA,GAAO,MAAA,IAAU,CAAC,QAAA,GAAW,CAAA,EAAG,MAAA,CAAO,KAAA,CAAM,CAAA,EAAG,qBAAqB,CAAA,CAAE,OAAA,EAAS,CAAA,CAAA,CAAA,GAAM,MAAA;AAE5F,EAAA,uBACE,IAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,+BAAA,EACV,QAAA,EAAA;AAAA,IAAA,IAAA;AAAA,IACA,0BACC,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,MAAA,GAAA;AAAA,sBACD,GAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAK,QAAA;AAAA,UACL,OAAA,EAAS,MAAM,WAAA,CAAY,CAAA,KAAA,KAAS,CAAC,KAAK,CAAA;AAAA,UAC1C,SAAA,EAAW,EAAA,CAAG,cAAA,EAAgB,2BAAA,EAA6B,8BAA8B,CAAA;AAAA,UAExF,qBAAW,WAAA,GAAc;AAAA;AAAA;AAC5B,KAAA,EACF;AAAA,GAAA,EAEJ,CAAA;AAEJ;AAEA,SAAS,qBAAA,CAAsB;AAAA,EAC7B,UAAA;AAAA,EACA;AACF,CAAA,EAGG;AACD,EAAA,MAAM,WAAA,GAAc,YAAY,IAAA,IAAQ,CAAA;AACxC,EAAA,IAAI,WAAA,KAAgB,CAAA,IAAK,CAAC,UAAA,EAAY,SAAS,OAAO,IAAA;AAEtD,EAAA,uBACE,GAAA;AAAA,IAAC,QAAA,CAAS,UAAA;AAAA,IAAT;AAAA,MACC,WAAA;AAAA,MACA,SAAS,UAAA,EAAY,OAAA;AAAA,MACrB,UAAA,EAAY,MAAM,YAAA,CAAa,WAAA,GAAc,CAAC,CAAA;AAAA,MAC9C,UAAA,EAAY,MAAM,YAAA,CAAa,WAAA,GAAc,CAAC;AAAA;AAAA,GAChD;AAEJ;;;;"}

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

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const domains_scores_components_spanScoring = require('./components/span-scoring.cjs.js');
+const domains_scores_components_traceScoresTab = require('./components/trace-scores-tab.cjs.js');
+const domains_scores_components_scoreDataPanel = require('./components/score-data-panel.cjs.js');
+const domains_scores_components_scoreAsItemDialog = require('./components/score-as-item-dialog.cjs.js');
+
+
+
+exports.SpanScoring = domains_scores_components_spanScoring.SpanScoring;
+exports.TraceScoresTab = domains_scores_components_traceScoresTab.TraceScoresTab;
+exports.ScoreDataPanel = domains_scores_components_scoreDataPanel.ScoreDataPanel;
+exports.ScoreAsItemDialog = domains_scores_components_scoreAsItemDialog.ScoreAsItemDialog;
+//# sourceMappingURL=components.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}

package/dist/domains/scores/components.d.ts

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

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

@@ -0,0 +1,5 @@
+export { SpanScoring } from './components/span-scoring.es.js';
+export { TraceScoresTab } from './components/trace-scores-tab.es.js';
+export { ScoreDataPanel } from './components/score-data-panel.es.js';
+export { ScoreAsItemDialog } from './components/score-as-item-dialog.es.js';
+//# sourceMappingURL=components.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/domains/scores/hooks/use-scorers.cjs.js

@@ -0,0 +1,96 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const react = require('@mastra/react');
+const reactQuery = require('@tanstack/react-query');
+const React = require('react');
+const hooks_useInView = require('../../../hooks/use-in-view.cjs.js');
+const utils_queryUtils = require('../../../utils/query-utils.cjs.js');
+const toast = require('../../../toast-nm-fM7BR.cjs');
+
+const SCORES_PER_PAGE = 25;
+const SCORES_REFETCH_INTERVAL_MS = 5e3;
+function getScoresRefetchInterval(query) {
+  if (utils_queryUtils.isUnsupportedObservabilityOperationError(query.state.error, "scores") || utils_queryUtils.isObservabilityUnavailableError(query.state.error)) {
+    return false;
+  }
+  return SCORES_REFETCH_INTERVAL_MS;
+}
+function getScoresNextPageParam(lastPage, _allPages, lastPageParam) {
+  if (lastPage?.pagination?.hasMore) {
+    return lastPageParam + 1;
+  }
+  return void 0;
+}
+function selectFlatScores(data) {
+  const seen = /* @__PURE__ */ new Set();
+  const scores = data.pages.flatMap((page) => page.scores ?? []).filter((score) => {
+    if (seen.has(score.id)) return false;
+    seen.add(score.id);
+    return true;
+  });
+  return scores;
+}
+const useScoresByScorerId = ({ scorerId, entityId, entityType }) => {
+  const client = react.useMastraClient();
+  const { inView: isEndOfListInView, setRef: setEndOfListElement } = hooks_useInView.useInView();
+  const query = reactQuery.useInfiniteQuery({
+    queryKey: ["scores", scorerId, entityId, entityType],
+    queryFn: ({ pageParam }) => client.listScoresByScorerId({ scorerId, page: pageParam, perPage: SCORES_PER_PAGE, entityId, entityType }),
+    initialPageParam: 0,
+    getNextPageParam: getScoresNextPageParam,
+    select: selectFlatScores,
+    refetchInterval: getScoresRefetchInterval
+  });
+  const { hasNextPage, isFetchingNextPage, fetchNextPage } = query;
+  React.useEffect(() => {
+    if (isEndOfListInView && hasNextPage && !isFetchingNextPage) {
+      void fetchNextPage();
+    }
+  }, [isEndOfListInView, hasNextPage, isFetchingNextPage, fetchNextPage]);
+  return { ...query, setEndOfListElement };
+};
+const useScorer = (scorerId) => {
+  const client = react.useMastraClient();
+  const [scorer, setScorer] = React.useState(null);
+  const [isLoading, setIsLoading] = React.useState(true);
+  const [error, setError] = React.useState(null);
+  React.useEffect(() => {
+    const fetchScorer = async () => {
+      setIsLoading(true);
+      setError(null);
+      try {
+        const res = await client.getScorer(scorerId);
+        setScorer(res);
+      } catch (error2) {
+        setScorer(null);
+        const errorObj = error2 instanceof Error ? error2 : new Error("Error fetching scorer");
+        setError(errorObj);
+        console.error("Error fetching scorer", error2);
+        toast.toast.error("Error fetching scorer");
+      } finally {
+        setIsLoading(false);
+      }
+    };
+    void fetchScorer();
+  }, [scorerId, client]);
+  return { scorer, isLoading, error };
+};
+const useScorers = (options) => {
+  const client = react.useMastraClient();
+  const requestContext = options?.requestContext;
+  return reactQuery.useQuery({
+    queryKey: ["scorers", requestContext],
+    queryFn: () => client.listScorers(requestContext),
+    staleTime: 0,
+    gcTime: 0,
+    enabled: options?.enabled ?? true
+  });
+};
+
+exports.getScoresRefetchInterval = getScoresRefetchInterval;
+exports.useScorer = useScorer;
+exports.useScorers = useScorers;
+exports.useScoresByScorerId = useScoresByScorerId;
+//# sourceMappingURL=use-scorers.cjs.js.map

package/dist/domains/scores/hooks/use-scorers.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-scorers.cjs.js","sources":["../../../../src/domains/scores/hooks/use-scorers.ts"],"sourcesContent":["import type { GetScorerResponse, ListScoresResponse } from '@mastra/client-js';\nimport { useMastraClient } from '@mastra/react';\nimport { useInfiniteQuery, useQuery } from '@tanstack/react-query';\nimport { useEffect, useState } from 'react';\nimport { useInView } from '@/hooks/use-in-view';\nimport { isObservabilityUnavailableError, isUnsupportedObservabilityOperationError } from '@/utils/query-utils';\nimport { toast } from '@/utils/toast';\n\nconst SCORES_PER_PAGE = 25;\nconst SCORES_REFETCH_INTERVAL_MS = 5000;\n\nexport function getScoresRefetchInterval(query: { state: { error: unknown } }) {\n  if (\n    isUnsupportedObservabilityOperationError(query.state.error, 'scores') ||\n    isObservabilityUnavailableError(query.state.error)\n  ) {\n    return false;\n  }\n  return SCORES_REFETCH_INTERVAL_MS;\n}\n\ntype UseScoresByScorerIdProps = {\n  scorerId: string;\n  entityId?: string;\n  entityType?: string;\n};\n\nfunction getScoresNextPageParam(lastPage: ListScoresResponse | undefined, _allPages: unknown, lastPageParam: number) {\n  if (lastPage?.pagination?.hasMore) {\n    return lastPageParam + 1;\n  }\n  return undefined;\n}\n\nfunction selectFlatScores(data: { pages: ListScoresResponse[] }) {\n  const seen = new Set<string>();\n  const scores = data.pages\n    .flatMap(page => page.scores ?? [])\n    .filter(score => {\n      if (seen.has(score.id)) return false;\n      seen.add(score.id);\n      return true;\n    });\n  return scores;\n}\n\nexport const useScoresByScorerId = ({ scorerId, entityId, entityType }: UseScoresByScorerIdProps) => {\n  const client = useMastraClient();\n  const { inView: isEndOfListInView, setRef: setEndOfListElement } = useInView();\n\n  const query = useInfiniteQuery<\n    ListScoresResponse,\n    Error,\n    ReturnType<typeof selectFlatScores>,\n    readonly unknown[],\n    number\n  >({\n    queryKey: ['scores', scorerId, entityId, entityType],\n    queryFn: ({ pageParam }) =>\n      client.listScoresByScorerId({ scorerId, page: pageParam, perPage: SCORES_PER_PAGE, entityId, entityType }),\n    initialPageParam: 0,\n    getNextPageParam: getScoresNextPageParam,\n    select: selectFlatScores,\n    refetchInterval: getScoresRefetchInterval,\n  });\n\n  const { hasNextPage, isFetchingNextPage, fetchNextPage } = query;\n\n  useEffect(() => {\n    if (isEndOfListInView && hasNextPage && !isFetchingNextPage) {\n      void fetchNextPage();\n    }\n  }, [isEndOfListInView, hasNextPage, isFetchingNextPage, fetchNextPage]);\n\n  return { ...query, setEndOfListElement };\n};\n\nexport const useScorer = (scorerId: string) => {\n  const client = useMastraClient();\n  const [scorer, setScorer] = useState<GetScorerResponse | null>(null);\n  const [isLoading, setIsLoading] = useState(true);\n  const [error, setError] = useState<Error | null>(null);\n\n  useEffect(() => {\n    const fetchScorer = async () => {\n      setIsLoading(true);\n      setError(null);\n      try {\n        const res = await client.getScorer(scorerId);\n        setScorer(res);\n      } catch (error) {\n        setScorer(null);\n        const errorObj = error instanceof Error ? error : new Error('Error fetching scorer');\n        setError(errorObj);\n        console.error('Error fetching scorer', error);\n        toast.error('Error fetching scorer');\n      } finally {\n        setIsLoading(false);\n      }\n    };\n\n    void fetchScorer();\n  }, [scorerId, client]);\n\n  return { scorer, isLoading, error };\n};\n\nexport const useScorers = (options?: { enabled?: boolean; requestContext?: Record<string, unknown> }) => {\n  const client = useMastraClient();\n  const requestContext = options?.requestContext;\n\n  return useQuery({\n    queryKey: ['scorers', requestContext],\n    queryFn: () => client.listScorers(requestContext),\n    staleTime: 0,\n    gcTime: 0,\n    enabled: options?.enabled ?? true,\n  });\n};\n"],"names":["isUnsupportedObservabilityOperationError","isObservabilityUnavailableError","useMastraClient","useInView","useInfiniteQuery","useEffect","useState","error","toast","useQuery"],"mappings":";;;;;;;;;;;AAQA,MAAM,eAAA,GAAkB,EAAA;AACxB,MAAM,0BAAA,GAA6B,GAAA;AAE5B,SAAS,yBAAyB,KAAA,EAAsC;AAC7E,EAAA,IACEA,yDAAA,CAAyC,KAAA,CAAM,KAAA,CAAM,KAAA,EAAO,QAAQ,KACpEC,gDAAA,CAAgC,KAAA,CAAM,KAAA,CAAM,KAAK,CAAA,EACjD;AACA,IAAA,OAAO,KAAA;AAAA,EACT;AACA,EAAA,OAAO,0BAAA;AACT;AAQA,SAAS,sBAAA,CAAuB,QAAA,EAA0C,SAAA,EAAoB,aAAA,EAAuB;AACnH,EAAA,IAAI,QAAA,EAAU,YAAY,OAAA,EAAS;AACjC,IAAA,OAAO,aAAA,GAAgB,CAAA;AAAA,EACzB;AACA,EAAA,OAAO,MAAA;AACT;AAEA,SAAS,iBAAiB,IAAA,EAAuC;AAC/D,EAAA,MAAM,IAAA,uBAAW,GAAA,EAAY;AAC7B,EAAA,MAAM,MAAA,GAAS,IAAA,CAAK,KAAA,CACjB,OAAA,CAAQ,CAAA,IAAA,KAAQ,IAAA,CAAK,MAAA,IAAU,EAAE,CAAA,CACjC,MAAA,CAAO,CAAA,KAAA,KAAS;AACf,IAAA,IAAI,IAAA,CAAK,GAAA,CAAI,KAAA,CAAM,EAAE,GAAG,OAAO,KAAA;AAC/B,IAAA,IAAA,CAAK,GAAA,CAAI,MAAM,EAAE,CAAA;AACjB,IAAA,OAAO,IAAA;AAAA,EACT,CAAC,CAAA;AACH,EAAA,OAAO,MAAA;AACT;AAEO,MAAM,sBAAsB,CAAC,EAAE,QAAA,EAAU,QAAA,EAAU,YAAW,KAAgC;AACnG,EAAA,MAAM,SAASC,qBAAA,EAAgB;AAC/B,EAAA,MAAM,EAAE,MAAA,EAAQ,iBAAA,EAAmB,MAAA,EAAQ,mBAAA,KAAwBC,yBAAA,EAAU;AAE7E,EAAA,MAAM,QAAQC,2BAAA,CAMZ;AAAA,IACA,QAAA,EAAU,CAAC,QAAA,EAAU,QAAA,EAAU,UAAU,UAAU,CAAA;AAAA,IACnD,OAAA,EAAS,CAAC,EAAE,SAAA,OACV,MAAA,CAAO,oBAAA,CAAqB,EAAE,QAAA,EAAU,MAAM,SAAA,EAAW,OAAA,EAAS,eAAA,EAAiB,QAAA,EAAU,YAAY,CAAA;AAAA,IAC3G,gBAAA,EAAkB,CAAA;AAAA,IAClB,gBAAA,EAAkB,sBAAA;AAAA,IAClB,MAAA,EAAQ,gBAAA;AAAA,IACR,eAAA,EAAiB;AAAA,GAClB,CAAA;AAED,EAAA,MAAM,EAAE,WAAA,EAAa,kBAAA,EAAoB,aAAA,EAAc,GAAI,KAAA;AAE3D,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,iBAAA,IAAqB,WAAA,IAAe,CAAC,kBAAA,EAAoB;AAC3D,MAAA,KAAK,aAAA,EAAc;AAAA,IACrB;AAAA,EACF,GAAG,CAAC,iBAAA,EAAmB,WAAA,EAAa,kBAAA,EAAoB,aAAa,CAAC,CAAA;AAEtE,EAAA,OAAO,EAAE,GAAG,KAAA,EAAO,mBAAA,EAAoB;AACzC;AAEO,MAAM,SAAA,GAAY,CAAC,QAAA,KAAqB;AAC7C,EAAA,MAAM,SAASH,qBAAA,EAAgB;AAC/B,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAII,eAAmC,IAAI,CAAA;AACnE,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAIA,eAAS,IAAI,CAAA;AAC/C,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAIA,eAAuB,IAAI,CAAA;AAErD,EAAAD,eAAA,CAAU,MAAM;AACd,IAAA,MAAM,cAAc,YAAY;AAC9B,MAAA,YAAA,CAAa,IAAI,CAAA;AACjB,MAAA,QAAA,CAAS,IAAI,CAAA;AACb,MAAA,IAAI;AACF,QAAA,MAAM,GAAA,GAAM,MAAM,MAAA,CAAO,SAAA,CAAU,QAAQ,CAAA;AAC3C,QAAA,SAAA,CAAU,GAAG,CAAA;AAAA,MACf,SAASE,MAAAA,EAAO;AACd,QAAA,SAAA,CAAU,IAAI,CAAA;AACd,QAAA,MAAM,WAAWA,MAAAA,YAAiB,KAAA,GAAQA,MAAAA,GAAQ,IAAI,MAAM,uBAAuB,CAAA;AACnF,QAAA,QAAA,CAAS,QAAQ,CAAA;AACjB,QAAA,OAAA,CAAQ,KAAA,CAAM,yBAAyBA,MAAK,CAAA;AAC5C,QAAAC,WAAA,CAAM,MAAM,uBAAuB,CAAA;AAAA,MACrC,CAAA,SAAE;AACA,QAAA,YAAA,CAAa,KAAK,CAAA;AAAA,MACpB;AAAA,IACF,CAAA;AAEA,IAAA,KAAK,WAAA,EAAY;AAAA,EACnB,CAAA,EAAG,CAAC,QAAA,EAAU,MAAM,CAAC,CAAA;AAErB,EAAA,OAAO,EAAE,MAAA,EAAQ,SAAA,EAAW,KAAA,EAAM;AACpC;AAEO,MAAM,UAAA,GAAa,CAAC,OAAA,KAA8E;AACvG,EAAA,MAAM,SAASN,qBAAA,EAAgB;AAC/B,EAAA,MAAM,iBAAiB,OAAA,EAAS,cAAA;AAEhC,EAAA,OAAOO,mBAAA,CAAS;AAAA,IACd,QAAA,EAAU,CAAC,SAAA,EAAW,cAAc,CAAA;AAAA,IACpC,OAAA,EAAS,MAAM,MAAA,CAAO,WAAA,CAAY,cAAc,CAAA;AAAA,IAChD,SAAA,EAAW,CAAA;AAAA,IACX,MAAA,EAAQ,CAAA;AAAA,IACR,OAAA,EAAS,SAAS,OAAA,IAAW;AAAA,GAC9B,CAAA;AACH;;;;;;;"}

package/dist/domains/scores/hooks/use-scorers.d.ts

@@ -0,0 +1,2 @@
+export * from '../../../src/domains/scores/hooks/use-scorers'
+export {}

package/dist/domains/scores/hooks/use-scorers.es.js

@@ -0,0 +1,89 @@
+import { useMastraClient } from '@mastra/react';
+import { useQuery, useInfiniteQuery } from '@tanstack/react-query';
+import { useState, useEffect } from 'react';
+import { useInView } from '../../../hooks/use-in-view.es.js';
+import { isUnsupportedObservabilityOperationError, isObservabilityUnavailableError } from '../../../utils/query-utils.es.js';
+import { t as toast } from '../../../toast-c5kCpyWt.js';
+
+const SCORES_PER_PAGE = 25;
+const SCORES_REFETCH_INTERVAL_MS = 5e3;
+function getScoresRefetchInterval(query) {
+  if (isUnsupportedObservabilityOperationError(query.state.error, "scores") || isObservabilityUnavailableError(query.state.error)) {
+    return false;
+  }
+  return SCORES_REFETCH_INTERVAL_MS;
+}
+function getScoresNextPageParam(lastPage, _allPages, lastPageParam) {
+  if (lastPage?.pagination?.hasMore) {
+    return lastPageParam + 1;
+  }
+  return void 0;
+}
+function selectFlatScores(data) {
+  const seen = /* @__PURE__ */ new Set();
+  const scores = data.pages.flatMap((page) => page.scores ?? []).filter((score) => {
+    if (seen.has(score.id)) return false;
+    seen.add(score.id);
+    return true;
+  });
+  return scores;
+}
+const useScoresByScorerId = ({ scorerId, entityId, entityType }) => {
+  const client = useMastraClient();
+  const { inView: isEndOfListInView, setRef: setEndOfListElement } = useInView();
+  const query = useInfiniteQuery({
+    queryKey: ["scores", scorerId, entityId, entityType],
+    queryFn: ({ pageParam }) => client.listScoresByScorerId({ scorerId, page: pageParam, perPage: SCORES_PER_PAGE, entityId, entityType }),
+    initialPageParam: 0,
+    getNextPageParam: getScoresNextPageParam,
+    select: selectFlatScores,
+    refetchInterval: getScoresRefetchInterval
+  });
+  const { hasNextPage, isFetchingNextPage, fetchNextPage } = query;
+  useEffect(() => {
+    if (isEndOfListInView && hasNextPage && !isFetchingNextPage) {
+      void fetchNextPage();
+    }
+  }, [isEndOfListInView, hasNextPage, isFetchingNextPage, fetchNextPage]);
+  return { ...query, setEndOfListElement };
+};
+const useScorer = (scorerId) => {
+  const client = useMastraClient();
+  const [scorer, setScorer] = useState(null);
+  const [isLoading, setIsLoading] = useState(true);
+  const [error, setError] = useState(null);
+  useEffect(() => {
+    const fetchScorer = async () => {
+      setIsLoading(true);
+      setError(null);
+      try {
+        const res = await client.getScorer(scorerId);
+        setScorer(res);
+      } catch (error2) {
+        setScorer(null);
+        const errorObj = error2 instanceof Error ? error2 : new Error("Error fetching scorer");
+        setError(errorObj);
+        console.error("Error fetching scorer", error2);
+        toast.error("Error fetching scorer");
+      } finally {
+        setIsLoading(false);
+      }
+    };
+    void fetchScorer();
+  }, [scorerId, client]);
+  return { scorer, isLoading, error };
+};
+const useScorers = (options) => {
+  const client = useMastraClient();
+  const requestContext = options?.requestContext;
+  return useQuery({
+    queryKey: ["scorers", requestContext],
+    queryFn: () => client.listScorers(requestContext),
+    staleTime: 0,
+    gcTime: 0,
+    enabled: options?.enabled ?? true
+  });
+};
+
+export { getScoresRefetchInterval, useScorer, useScorers, useScoresByScorerId };
+//# sourceMappingURL=use-scorers.es.js.map

package/dist/domains/scores/hooks/use-scorers.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-scorers.es.js","sources":["../../../../src/domains/scores/hooks/use-scorers.ts"],"sourcesContent":["import type { GetScorerResponse, ListScoresResponse } from '@mastra/client-js';\nimport { useMastraClient } from '@mastra/react';\nimport { useInfiniteQuery, useQuery } from '@tanstack/react-query';\nimport { useEffect, useState } from 'react';\nimport { useInView } from '@/hooks/use-in-view';\nimport { isObservabilityUnavailableError, isUnsupportedObservabilityOperationError } from '@/utils/query-utils';\nimport { toast } from '@/utils/toast';\n\nconst SCORES_PER_PAGE = 25;\nconst SCORES_REFETCH_INTERVAL_MS = 5000;\n\nexport function getScoresRefetchInterval(query: { state: { error: unknown } }) {\n  if (\n    isUnsupportedObservabilityOperationError(query.state.error, 'scores') ||\n    isObservabilityUnavailableError(query.state.error)\n  ) {\n    return false;\n  }\n  return SCORES_REFETCH_INTERVAL_MS;\n}\n\ntype UseScoresByScorerIdProps = {\n  scorerId: string;\n  entityId?: string;\n  entityType?: string;\n};\n\nfunction getScoresNextPageParam(lastPage: ListScoresResponse | undefined, _allPages: unknown, lastPageParam: number) {\n  if (lastPage?.pagination?.hasMore) {\n    return lastPageParam + 1;\n  }\n  return undefined;\n}\n\nfunction selectFlatScores(data: { pages: ListScoresResponse[] }) {\n  const seen = new Set<string>();\n  const scores = data.pages\n    .flatMap(page => page.scores ?? [])\n    .filter(score => {\n      if (seen.has(score.id)) return false;\n      seen.add(score.id);\n      return true;\n    });\n  return scores;\n}\n\nexport const useScoresByScorerId = ({ scorerId, entityId, entityType }: UseScoresByScorerIdProps) => {\n  const client = useMastraClient();\n  const { inView: isEndOfListInView, setRef: setEndOfListElement } = useInView();\n\n  const query = useInfiniteQuery<\n    ListScoresResponse,\n    Error,\n    ReturnType<typeof selectFlatScores>,\n    readonly unknown[],\n    number\n  >({\n    queryKey: ['scores', scorerId, entityId, entityType],\n    queryFn: ({ pageParam }) =>\n      client.listScoresByScorerId({ scorerId, page: pageParam, perPage: SCORES_PER_PAGE, entityId, entityType }),\n    initialPageParam: 0,\n    getNextPageParam: getScoresNextPageParam,\n    select: selectFlatScores,\n    refetchInterval: getScoresRefetchInterval,\n  });\n\n  const { hasNextPage, isFetchingNextPage, fetchNextPage } = query;\n\n  useEffect(() => {\n    if (isEndOfListInView && hasNextPage && !isFetchingNextPage) {\n      void fetchNextPage();\n    }\n  }, [isEndOfListInView, hasNextPage, isFetchingNextPage, fetchNextPage]);\n\n  return { ...query, setEndOfListElement };\n};\n\nexport const useScorer = (scorerId: string) => {\n  const client = useMastraClient();\n  const [scorer, setScorer] = useState<GetScorerResponse | null>(null);\n  const [isLoading, setIsLoading] = useState(true);\n  const [error, setError] = useState<Error | null>(null);\n\n  useEffect(() => {\n    const fetchScorer = async () => {\n      setIsLoading(true);\n      setError(null);\n      try {\n        const res = await client.getScorer(scorerId);\n        setScorer(res);\n      } catch (error) {\n        setScorer(null);\n        const errorObj = error instanceof Error ? error : new Error('Error fetching scorer');\n        setError(errorObj);\n        console.error('Error fetching scorer', error);\n        toast.error('Error fetching scorer');\n      } finally {\n        setIsLoading(false);\n      }\n    };\n\n    void fetchScorer();\n  }, [scorerId, client]);\n\n  return { scorer, isLoading, error };\n};\n\nexport const useScorers = (options?: { enabled?: boolean; requestContext?: Record<string, unknown> }) => {\n  const client = useMastraClient();\n  const requestContext = options?.requestContext;\n\n  return useQuery({\n    queryKey: ['scorers', requestContext],\n    queryFn: () => client.listScorers(requestContext),\n    staleTime: 0,\n    gcTime: 0,\n    enabled: options?.enabled ?? true,\n  });\n};\n"],"names":["error"],"mappings":"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"}

package/dist/domains/scores/hooks/use-trace-span-scores.cjs.js

@@ -0,0 +1,30 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const react = require('@mastra/react');
+const reactQuery = require('@tanstack/react-query');
+const utils_queryUtils = require('../../../utils/query-utils.cjs.js');
+
+const TRACE_SPAN_SCORES_REFETCH_INTERVAL_MS = 3e3;
+function getTraceSpanScoresRefetchInterval(query) {
+  if (utils_queryUtils.isUnsupportedObservabilityOperationError(query.state.error, "scores") || utils_queryUtils.isObservabilityUnavailableError(query.state.error)) {
+    return false;
+  }
+  return TRACE_SPAN_SCORES_REFETCH_INTERVAL_MS;
+}
+const useTraceSpanScores = ({ traceId = "", spanId = "", page }) => {
+  const client = react.useMastraClient();
+  return reactQuery.useQuery({
+    queryKey: ["trace-span-scores", traceId, spanId, page],
+    queryFn: () => client.listScoresBySpan({ traceId, spanId, page: page || 0, perPage: 10 }),
+    enabled: !!traceId && !!spanId,
+    refetchInterval: getTraceSpanScoresRefetchInterval,
+    gcTime: 0,
+    staleTime: 0
+  });
+};
+
+exports.getTraceSpanScoresRefetchInterval = getTraceSpanScoresRefetchInterval;
+exports.useTraceSpanScores = useTraceSpanScores;
+//# sourceMappingURL=use-trace-span-scores.cjs.js.map

package/dist/domains/scores/hooks/use-trace-span-scores.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-trace-span-scores.cjs.js","sources":["../../../../src/domains/scores/hooks/use-trace-span-scores.ts"],"sourcesContent":["import { useMastraClient } from '@mastra/react';\nimport { useQuery } from '@tanstack/react-query';\nimport { isObservabilityUnavailableError, isUnsupportedObservabilityOperationError } from '@/utils/query-utils';\n\nconst TRACE_SPAN_SCORES_REFETCH_INTERVAL_MS = 3000;\n\nexport function getTraceSpanScoresRefetchInterval(query: { state: { error: unknown } }) {\n  if (\n    isUnsupportedObservabilityOperationError(query.state.error, 'scores') ||\n    isObservabilityUnavailableError(query.state.error)\n  ) {\n    return false;\n  }\n  return TRACE_SPAN_SCORES_REFETCH_INTERVAL_MS;\n}\n\ntype useTraceSpanScoresProps = {\n  traceId?: string;\n  spanId?: string;\n  page?: number;\n};\n\nexport const useTraceSpanScores = ({ traceId = '', spanId = '', page }: useTraceSpanScoresProps) => {\n  const client = useMastraClient();\n  return useQuery({\n    queryKey: ['trace-span-scores', traceId, spanId, page],\n    queryFn: () => client.listScoresBySpan({ traceId, spanId, page: page || 0, perPage: 10 }),\n    enabled: !!traceId && !!spanId,\n    refetchInterval: getTraceSpanScoresRefetchInterval,\n    gcTime: 0,\n    staleTime: 0,\n  });\n};\n"],"names":["isUnsupportedObservabilityOperationError","isObservabilityUnavailableError","useMastraClient","useQuery"],"mappings":";;;;;;;;AAIA,MAAM,qCAAA,GAAwC,GAAA;AAEvC,SAAS,kCAAkC,KAAA,EAAsC;AACtF,EAAA,IACEA,yDAAA,CAAyC,KAAA,CAAM,KAAA,CAAM,KAAA,EAAO,QAAQ,KACpEC,gDAAA,CAAgC,KAAA,CAAM,KAAA,CAAM,KAAK,CAAA,EACjD;AACA,IAAA,OAAO,KAAA;AAAA,EACT;AACA,EAAA,OAAO,qCAAA;AACT;AAQO,MAAM,kBAAA,GAAqB,CAAC,EAAE,OAAA,GAAU,IAAI,MAAA,GAAS,EAAA,EAAI,MAAK,KAA+B;AAClG,EAAA,MAAM,SAASC,qBAAA,EAAgB;AAC/B,EAAA,OAAOC,mBAAA,CAAS;AAAA,IACd,QAAA,EAAU,CAAC,mBAAA,EAAqB,OAAA,EAAS,QAAQ,IAAI,CAAA;AAAA,IACrD,OAAA,EAAS,MAAM,MAAA,CAAO,gBAAA,CAAiB,EAAE,OAAA,EAAS,MAAA,EAAQ,IAAA,EAAM,IAAA,IAAQ,CAAA,EAAG,OAAA,EAAS,EAAA,EAAI,CAAA;AAAA,IACxF,OAAA,EAAS,CAAC,CAAC,OAAA,IAAW,CAAC,CAAC,MAAA;AAAA,IACxB,eAAA,EAAiB,iCAAA;AAAA,IACjB,MAAA,EAAQ,CAAA;AAAA,IACR,SAAA,EAAW;AAAA,GACZ,CAAA;AACH;;;;;"}

package/dist/domains/scores/hooks/use-trace-span-scores.d.ts

@@ -0,0 +1,2 @@
+export * from '../../../src/domains/scores/hooks/use-trace-span-scores'
+export {}

package/dist/domains/scores/hooks/use-trace-span-scores.es.js

@@ -0,0 +1,25 @@
+import { useMastraClient } from '@mastra/react';
+import { useQuery } from '@tanstack/react-query';
+import { isUnsupportedObservabilityOperationError, isObservabilityUnavailableError } from '../../../utils/query-utils.es.js';
+
+const TRACE_SPAN_SCORES_REFETCH_INTERVAL_MS = 3e3;
+function getTraceSpanScoresRefetchInterval(query) {
+  if (isUnsupportedObservabilityOperationError(query.state.error, "scores") || isObservabilityUnavailableError(query.state.error)) {
+    return false;
+  }
+  return TRACE_SPAN_SCORES_REFETCH_INTERVAL_MS;
+}
+const useTraceSpanScores = ({ traceId = "", spanId = "", page }) => {
+  const client = useMastraClient();
+  return useQuery({
+    queryKey: ["trace-span-scores", traceId, spanId, page],
+    queryFn: () => client.listScoresBySpan({ traceId, spanId, page: page || 0, perPage: 10 }),
+    enabled: !!traceId && !!spanId,
+    refetchInterval: getTraceSpanScoresRefetchInterval,
+    gcTime: 0,
+    staleTime: 0
+  });
+};
+
+export { getTraceSpanScoresRefetchInterval, useTraceSpanScores };
+//# sourceMappingURL=use-trace-span-scores.es.js.map

package/dist/domains/scores/hooks/use-trace-span-scores.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-trace-span-scores.es.js","sources":["../../../../src/domains/scores/hooks/use-trace-span-scores.ts"],"sourcesContent":["import { useMastraClient } from '@mastra/react';\nimport { useQuery } from '@tanstack/react-query';\nimport { isObservabilityUnavailableError, isUnsupportedObservabilityOperationError } from '@/utils/query-utils';\n\nconst TRACE_SPAN_SCORES_REFETCH_INTERVAL_MS = 3000;\n\nexport function getTraceSpanScoresRefetchInterval(query: { state: { error: unknown } }) {\n  if (\n    isUnsupportedObservabilityOperationError(query.state.error, 'scores') ||\n    isObservabilityUnavailableError(query.state.error)\n  ) {\n    return false;\n  }\n  return TRACE_SPAN_SCORES_REFETCH_INTERVAL_MS;\n}\n\ntype useTraceSpanScoresProps = {\n  traceId?: string;\n  spanId?: string;\n  page?: number;\n};\n\nexport const useTraceSpanScores = ({ traceId = '', spanId = '', page }: useTraceSpanScoresProps) => {\n  const client = useMastraClient();\n  return useQuery({\n    queryKey: ['trace-span-scores', traceId, spanId, page],\n    queryFn: () => client.listScoresBySpan({ traceId, spanId, page: page || 0, perPage: 10 }),\n    enabled: !!traceId && !!spanId,\n    refetchInterval: getTraceSpanScoresRefetchInterval,\n    gcTime: 0,\n    staleTime: 0,\n  });\n};\n"],"names":[],"mappings":";;;;AAIA,MAAM,qCAAA,GAAwC,GAAA;AAEvC,SAAS,kCAAkC,KAAA,EAAsC;AACtF,EAAA,IACE,wCAAA,CAAyC,KAAA,CAAM,KAAA,CAAM,KAAA,EAAO,QAAQ,KACpE,+BAAA,CAAgC,KAAA,CAAM,KAAA,CAAM,KAAK,CAAA,EACjD;AACA,IAAA,OAAO,KAAA;AAAA,EACT;AACA,EAAA,OAAO,qCAAA;AACT;AAQO,MAAM,kBAAA,GAAqB,CAAC,EAAE,OAAA,GAAU,IAAI,MAAA,GAAS,EAAA,EAAI,MAAK,KAA+B;AAClG,EAAA,MAAM,SAAS,eAAA,EAAgB;AAC/B,EAAA,OAAO,QAAA,CAAS;AAAA,IACd,QAAA,EAAU,CAAC,mBAAA,EAAqB,OAAA,EAAS,QAAQ,IAAI,CAAA;AAAA,IACrD,OAAA,EAAS,MAAM,MAAA,CAAO,gBAAA,CAAiB,EAAE,OAAA,EAAS,MAAA,EAAQ,IAAA,EAAM,IAAA,IAAQ,CAAA,EAAG,OAAA,EAAS,EAAA,EAAI,CAAA;AAAA,IACxF,OAAA,EAAS,CAAC,CAAC,OAAA,IAAW,CAAC,CAAC,MAAA;AAAA,IACxB,eAAA,EAAiB,iCAAA;AAAA,IACjB,MAAA,EAAQ,CAAA;AAAA,IACR,SAAA,EAAW;AAAA,GACZ,CAAA;AACH;;;;"}