@mastra/playground-ui 65.0.0-alpha.2 → 65.0.0-alpha.4

package/dist/domains/observability/components/add-trace-mocks-to-item-dialog.es.js

@@ -6,16 +6,16 @@ import { useDatasets, useDatasetItems, useDatasetItem, useDatasetMutations } fro
 import { useQuery } from '@tanstack/react-query';
 import { EyeIcon, WrenchIcon, X, Plus } from 'lucide-react';
 import { useState } from 'react';
-import { B as Button } from '../../../Button-EGoajBQY.js';
-import { C as CodeEditor } from '../../../code-editor-BDxYMkGm.js';
+import { B as Button } from '../../../Button-D8a5EWJ5.js';
+import { C as CodeEditor } from '../../../code-editor-8Fpinga4.js';
 import { F as Field, e as FieldLabel, b as FieldDescription } from '../../../field-Dl1zeXTv.js';
 import '../../../field-control-aria-DB6y41tQ.js';
 import { F as Form } from '../../../form-CMfC7JKB.js';
-import { S as Select, d as SelectTrigger, e as SelectValue, a as SelectContent, c as SelectItem } from '../../../select-CQtsggxJ.js';
+import { S as Select, d as SelectTrigger, e as SelectValue, a as SelectContent, c as SelectItem } from '../../../select-7rYaECQf.js';
 import { T as Txt } from '../../../Txt-BtIGLRk1.js';
 import '../../../lib/framework.es.js';
 import { t as toast } from '../../../toast-5aQbZBbY.js';
-import { S as SideDialog } from '../../../side-dialog-bm8NPDXy.js';
+import { S as SideDialog } from '../../../side-dialog-DSvj8H6x.js';
 import { T as TextAndIcon } from '../../../text-and-icon-CRYBkgtj.js';
 import { getShortId } from '../../../utils/id.es.js';
 

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

@@ -6,9 +6,9 @@ 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-DH1aTzbs.cjs');
-const dataKeysAndValues = require('../../../data-keys-and-values-1lYi60YK.cjs');
-const dataPanel = require('../../../data-panel-BkfjzriB.cjs');
+const Button = require('../../../Button-C4I05uT4.cjs');
+const dataKeysAndValues = require('../../../data-keys-and-values-DBXIqeXt.cjs');
+const dataPanel = require('../../../data-panel-DGNV14pm.cjs');
 const Txt = require('../../../Txt-CIS2G5Jx.cjs');
 const lib_framework = require('../../../lib/framework.cjs.js');
 const utils_cn = require('../../../cn-DlOJCxrS.cjs');

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

@@ -2,9 +2,9 @@ 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-EGoajBQY.js';
-import { D as DataKeysAndValues } from '../../../data-keys-and-values-CHpxKsfq.js';
-import { D as DataPanel } from '../../../data-panel-CMkR6Avv.js';
+import { B as Button } from '../../../Button-D8a5EWJ5.js';
+import { D as DataKeysAndValues } from '../../../data-keys-and-values-DHp6cHJo.js';
+import { D as DataPanel } from '../../../data-panel-DjtnX70w.js';
 import { T as Txt } from '../../../Txt-BtIGLRk1.js';
 import { useLinkComponent } from '../../../lib/framework.es.js';
 import { c as cn } from '../../../cn-CQUhN5Jx.js';

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

@@ -6,13 +6,13 @@ const jsxRuntime = require('react/jsx-runtime');
 const scores = require('@mastra/react/hooks/scores');
 const lucideReact = require('lucide-react');
 const React = require('react');
-const combobox = require('../../../combobox-BNlVCFgY.cjs');
+const combobox = require('../../../combobox-DbZAWh8q.cjs');
 require('@base-ui/react/combobox');
-const dialog = require('../../../dialog-BMUfQ9XU.cjs');
+const dialog = require('../../../dialog-SSeOqRnH.cjs');
 const Notice = require('../../../Notice-DYgIy4FO.cjs');
 const textAndIcon = require('../../../text-and-icon-BcyWJ1Fj.cjs');
 const toast = require('../../../toast-DxKdVSyw.cjs');
-const dialogAction = require('../../../dialog-action-CmFDNyZX.cjs');
+const dialogAction = require('../../../dialog-action-Caa-pb85.cjs');
 
 function SpanScoring({
   traceId,

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

@@ -2,13 +2,13 @@ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useTriggerScorer } from '@mastra/react/hooks/scores';
 import { InfoIcon } from 'lucide-react';
 import { useState } from 'react';
-import { C as Combobox } from '../../../combobox-Bw13EcK0.js';
+import { C as Combobox } from '../../../combobox-BCoCVZHs.js';
 import '@base-ui/react/combobox';
-import { a as DialogBody, f as DialogFooter, b as DialogCancel, e as DialogDescription } from '../../../dialog-j2e95YNV.js';
+import { a as DialogBody, f as DialogFooter, b as DialogCancel, e as DialogDescription } from '../../../dialog-AzCRnEo3.js';
 import { N as Notice } from '../../../Notice-BioYTS4b.js';
 import { T as TextAndIcon } from '../../../text-and-icon-CRYBkgtj.js';
 import { t as toast } from '../../../toast-5aQbZBbY.js';
-import { D as DialogAction } from '../../../dialog-action-zKqvuroE.js';
+import { D as DialogAction } from '../../../dialog-action-DykMOK2W.js';
 
 function SpanScoring({
   traceId,

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

@@ -5,7 +5,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const scores = require('@mastra/react/hooks/scores');
 const React = require('react');
-const dataList = require('../../../data-list-CmjTe8xE.cjs');
+const dataList = require('../../../data-list-DlXU1PLQ.cjs');
+require('../../../keyboard/keyboard-shortcuts-context.cjs.js');
 const EmptyState = require('../../../EmptyState-FNJu74e8.cjs');
 const metricsKpiCard = require('../../../metrics-kpi-card-LOGZrRxg.cjs');
 const spinner = require('../../../spinner-Q8y5rnSa.cjs');

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

@@ -1 +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 { useTraceSpanScores } from '@mastra/react/hooks/scores';\nimport { useState } from 'react';\nimport { DataList } from '@/ds/components/DataList';\nimport { EmptyState } from '@/ds/components/EmptyState';\nimport { MetricsKpiCard } from '@/ds/components/MetricsKpiCard';\nimport { Spinner } from '@/ds/components/Spinner';\nimport { getShortId } from '@/ds/components/Text';\nimport { Txt } from '@/ds/components/Txt';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/utils/cn';\nimport { formatDate } from '@/utils/date-format';\n\nconst REASON_PREVIEW_LENGTH = 100;\n\nexport type TraceScoresTabProps = {\n  traceId: string;\n  spanId: string;\n  onScoreSelect: (scoreId: string) => void;\n};\n\n/**\n * Scores for the trace's anchor span, one card per scoring. Owns its own pagination:\n * mount it with a `key` on the trace/anchor pair so a page index never leaks across traces.\n */\nexport function TraceScoresTab({ traceId, spanId, onScoreSelect }: TraceScoresTabProps) {\n  const [page, setPage] = useState(0);\n  const { data: scoresData, isLoading } = useTraceSpanScores({\n    traceId,\n    spanId,\n    page,\n    queryOptions: { enabled: !!traceId && !!spanId },\n  });\n\n  if (isLoading) {\n    return (\n      <div className=\"flex justify-center py-6\">\n        <Spinner size=\"md\" variant=\"pulse\" className=\"text-placeholder\" />\n      </div>\n    );\n  }\n\n  const scores = scoresData?.scores ?? [];\n\n  if (scores.length === 0) {\n    return <EmptyState titleSlot=\"No scores yet\" descriptionSlot=\"Score this trace to see results here.\" />;\n  }\n\n  return (\n    <div className=\"grid content-start gap-3\">\n      {scores.map(score => (\n        <TraceScoreCard key={score.id} score={score} onSelect={() => onScoreSelect(score.id)} />\n      ))}\n      <TraceScoresPagination pagination={scoresData?.pagination} onPageChange={setPage} />\n    </div>\n  );\n}\n\nfunction TraceScoreCard({ score, onSelect }: { score: ClientScoreRowData; onSelect: () => void }) {\n  const createdAt = new Date(score.createdAt);\n  const scorerName = String(score.scorer?.name || score.scorer?.id || 'Scorer');\n\n  return (\n    <MetricsKpiCard className=\"relative min-w-0 cursor-pointer\">\n      <button\n        type=\"button\"\n        onClick={onSelect}\n        aria-label={`Score ${getShortId(score.id)}`}\n        className=\"grid cursor-pointer gap-1 text-left after:absolute after:inset-0 after:content-['']\"\n      >\n        <MetricsKpiCard.Label>{scorerName}</MetricsKpiCard.Label>\n        <MetricsKpiCard.Value>{String(score.score)}</MetricsKpiCard.Value>\n        <Txt as=\"span\" variant=\"meta\" tone=\"muted\" className=\"tabular-nums\">\n          <Txt as=\"span\" variant=\"meta\" font=\"mono\">\n            {getShortId(score.id)}\n          </Txt>{' '}\n          · {formatDate(createdAt, 'date-time-seconds')}\n        </Txt>\n      </button>\n      {score.reason && <TraceScoreReason reason={score.reason} />}\n    </MetricsKpiCard>\n  );\n}\n\nfunction TraceScoreReason({ reason }: { reason: string }) {\n  const [expanded, setExpanded] = useState(false);\n  const isLong = reason.length > REASON_PREVIEW_LENGTH;\n  const text = isLong && !expanded ? `${reason.slice(0, REASON_PREVIEW_LENGTH).trimEnd()}…` : reason;\n\n  return (\n    <Txt variant=\"caption\" tone=\"faint\">\n      {text}\n      {isLong && (\n        <>\n          {' '}\n          <button\n            type=\"button\"\n            onClick={() => setExpanded(value => !value)}\n            className={cn(quietTextHover, controlStateColorTransition, 'relative z-10 underline underline-offset-2')}\n          >\n            <Txt as=\"span\" variant=\"caption\">\n              {expanded ? 'Read less' : 'Read more'}\n            </Txt>\n          </button>\n        </>\n      )}\n    </Txt>\n  );\n}\n\nfunction TraceScoresPagination({\n  pagination,\n  onPageChange,\n}: {\n  pagination?: ListScoresResponse['pagination'];\n  onPageChange: (page: number) => void;\n}) {\n  const currentPage = pagination?.page ?? 0;\n  if (currentPage === 0 && !pagination?.hasMore) return null;\n\n  return (\n    <DataList.Pagination\n      currentPage={currentPage}\n      hasMore={pagination?.hasMore}\n      onNextPage={() => onPageChange(currentPage + 1)}\n      onPrevPage={() => onPageChange(currentPage - 1)}\n    />\n  );\n}\n"],"names":["useState","useTraceSpanScores","jsx","Spinner","scores","EmptyState","jsxs","MetricsKpiCard","getShortId","Txt","formatDate","Fragment","cn","quietTextHover","controlStateColorTransition","DataList"],"mappings":"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"}
+{"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 { useTraceSpanScores } from '@mastra/react/hooks/scores';\nimport { useState } from 'react';\nimport { DataList } from '@/ds/components/DataList';\nimport { EmptyState } from '@/ds/components/EmptyState';\nimport { MetricsKpiCard } from '@/ds/components/MetricsKpiCard';\nimport { Spinner } from '@/ds/components/Spinner';\nimport { getShortId } from '@/ds/components/Text';\nimport { Txt } from '@/ds/components/Txt';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/utils/cn';\nimport { formatDate } from '@/utils/date-format';\n\nconst REASON_PREVIEW_LENGTH = 100;\n\nexport type TraceScoresTabProps = {\n  traceId: string;\n  spanId: string;\n  onScoreSelect: (scoreId: string) => void;\n};\n\n/**\n * Scores for the trace's anchor span, one card per scoring. Owns its own pagination:\n * mount it with a `key` on the trace/anchor pair so a page index never leaks across traces.\n */\nexport function TraceScoresTab({ traceId, spanId, onScoreSelect }: TraceScoresTabProps) {\n  const [page, setPage] = useState(0);\n  const { data: scoresData, isLoading } = useTraceSpanScores({\n    traceId,\n    spanId,\n    page,\n    queryOptions: { enabled: !!traceId && !!spanId },\n  });\n\n  if (isLoading) {\n    return (\n      <div className=\"flex justify-center py-6\">\n        <Spinner size=\"md\" variant=\"pulse\" className=\"text-placeholder\" />\n      </div>\n    );\n  }\n\n  const scores = scoresData?.scores ?? [];\n\n  if (scores.length === 0) {\n    return <EmptyState titleSlot=\"No scores yet\" descriptionSlot=\"Score this trace to see results here.\" />;\n  }\n\n  return (\n    <div className=\"grid content-start gap-3\">\n      {scores.map(score => (\n        <TraceScoreCard key={score.id} score={score} onSelect={() => onScoreSelect(score.id)} />\n      ))}\n      <TraceScoresPagination pagination={scoresData?.pagination} onPageChange={setPage} />\n    </div>\n  );\n}\n\nfunction TraceScoreCard({ score, onSelect }: { score: ClientScoreRowData; onSelect: () => void }) {\n  const createdAt = new Date(score.createdAt);\n  const scorerName = String(score.scorer?.name || score.scorer?.id || 'Scorer');\n\n  return (\n    <MetricsKpiCard className=\"relative min-w-0 cursor-pointer\">\n      <button\n        type=\"button\"\n        onClick={onSelect}\n        aria-label={`Score ${getShortId(score.id)}`}\n        className=\"grid cursor-pointer gap-1 text-left after:absolute after:inset-0 after:content-['']\"\n      >\n        <MetricsKpiCard.Label>{scorerName}</MetricsKpiCard.Label>\n        <MetricsKpiCard.Value>{String(score.score)}</MetricsKpiCard.Value>\n        <Txt as=\"span\" variant=\"meta\" tone=\"muted\" className=\"tabular-nums\">\n          <Txt as=\"span\" variant=\"meta\" font=\"mono\">\n            {getShortId(score.id)}\n          </Txt>{' '}\n          · {formatDate(createdAt, 'date-time-seconds')}\n        </Txt>\n      </button>\n      {score.reason && <TraceScoreReason reason={score.reason} />}\n    </MetricsKpiCard>\n  );\n}\n\nfunction TraceScoreReason({ reason }: { reason: string }) {\n  const [expanded, setExpanded] = useState(false);\n  const isLong = reason.length > REASON_PREVIEW_LENGTH;\n  const text = isLong && !expanded ? `${reason.slice(0, REASON_PREVIEW_LENGTH).trimEnd()}…` : reason;\n\n  return (\n    <Txt variant=\"caption\" tone=\"faint\">\n      {text}\n      {isLong && (\n        <>\n          {' '}\n          <button\n            type=\"button\"\n            onClick={() => setExpanded(value => !value)}\n            className={cn(quietTextHover, controlStateColorTransition, 'relative z-10 underline underline-offset-2')}\n          >\n            <Txt as=\"span\" variant=\"caption\">\n              {expanded ? 'Read less' : 'Read more'}\n            </Txt>\n          </button>\n        </>\n      )}\n    </Txt>\n  );\n}\n\nfunction TraceScoresPagination({\n  pagination,\n  onPageChange,\n}: {\n  pagination?: ListScoresResponse['pagination'];\n  onPageChange: (page: number) => void;\n}) {\n  const currentPage = pagination?.page ?? 0;\n  if (currentPage === 0 && !pagination?.hasMore) return null;\n\n  return (\n    <DataList.Pagination\n      currentPage={currentPage}\n      hasMore={pagination?.hasMore}\n      onNextPage={() => onPageChange(currentPage + 1)}\n      onPrevPage={() => onPageChange(currentPage - 1)}\n    />\n  );\n}\n"],"names":["useState","useTraceSpanScores","jsx","Spinner","scores","EmptyState","jsxs","MetricsKpiCard","getShortId","Txt","formatDate","Fragment","cn","quietTextHover","controlStateColorTransition","DataList"],"mappings":"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"}

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

@@ -1,7 +1,8 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useTraceSpanScores } from '@mastra/react/hooks/scores';
 import { useState } from 'react';
-import { D as DataList } from '../../../data-list-DT1LVR29.js';
+import { e as DataList } from '../../../data-list-Tor18oy5.js';
+import '../../../keyboard/keyboard-shortcuts-context.es.js';
 import { E as EmptyState } from '../../../EmptyState-qVoRkUMf.js';
 import { M as MetricsKpiCard } from '../../../metrics-kpi-card-Br-DJ-As.js';
 import { S as Spinner } from '../../../spinner-CsLM6TfA.js';

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

@@ -1 +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 { useTraceSpanScores } from '@mastra/react/hooks/scores';\nimport { useState } from 'react';\nimport { DataList } from '@/ds/components/DataList';\nimport { EmptyState } from '@/ds/components/EmptyState';\nimport { MetricsKpiCard } from '@/ds/components/MetricsKpiCard';\nimport { Spinner } from '@/ds/components/Spinner';\nimport { getShortId } from '@/ds/components/Text';\nimport { Txt } from '@/ds/components/Txt';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/utils/cn';\nimport { formatDate } from '@/utils/date-format';\n\nconst REASON_PREVIEW_LENGTH = 100;\n\nexport type TraceScoresTabProps = {\n  traceId: string;\n  spanId: string;\n  onScoreSelect: (scoreId: string) => void;\n};\n\n/**\n * Scores for the trace's anchor span, one card per scoring. Owns its own pagination:\n * mount it with a `key` on the trace/anchor pair so a page index never leaks across traces.\n */\nexport function TraceScoresTab({ traceId, spanId, onScoreSelect }: TraceScoresTabProps) {\n  const [page, setPage] = useState(0);\n  const { data: scoresData, isLoading } = useTraceSpanScores({\n    traceId,\n    spanId,\n    page,\n    queryOptions: { enabled: !!traceId && !!spanId },\n  });\n\n  if (isLoading) {\n    return (\n      <div className=\"flex justify-center py-6\">\n        <Spinner size=\"md\" variant=\"pulse\" className=\"text-placeholder\" />\n      </div>\n    );\n  }\n\n  const scores = scoresData?.scores ?? [];\n\n  if (scores.length === 0) {\n    return <EmptyState titleSlot=\"No scores yet\" descriptionSlot=\"Score this trace to see results here.\" />;\n  }\n\n  return (\n    <div className=\"grid content-start gap-3\">\n      {scores.map(score => (\n        <TraceScoreCard key={score.id} score={score} onSelect={() => onScoreSelect(score.id)} />\n      ))}\n      <TraceScoresPagination pagination={scoresData?.pagination} onPageChange={setPage} />\n    </div>\n  );\n}\n\nfunction TraceScoreCard({ score, onSelect }: { score: ClientScoreRowData; onSelect: () => void }) {\n  const createdAt = new Date(score.createdAt);\n  const scorerName = String(score.scorer?.name || score.scorer?.id || 'Scorer');\n\n  return (\n    <MetricsKpiCard className=\"relative min-w-0 cursor-pointer\">\n      <button\n        type=\"button\"\n        onClick={onSelect}\n        aria-label={`Score ${getShortId(score.id)}`}\n        className=\"grid cursor-pointer gap-1 text-left after:absolute after:inset-0 after:content-['']\"\n      >\n        <MetricsKpiCard.Label>{scorerName}</MetricsKpiCard.Label>\n        <MetricsKpiCard.Value>{String(score.score)}</MetricsKpiCard.Value>\n        <Txt as=\"span\" variant=\"meta\" tone=\"muted\" className=\"tabular-nums\">\n          <Txt as=\"span\" variant=\"meta\" font=\"mono\">\n            {getShortId(score.id)}\n          </Txt>{' '}\n          · {formatDate(createdAt, 'date-time-seconds')}\n        </Txt>\n      </button>\n      {score.reason && <TraceScoreReason reason={score.reason} />}\n    </MetricsKpiCard>\n  );\n}\n\nfunction TraceScoreReason({ reason }: { reason: string }) {\n  const [expanded, setExpanded] = useState(false);\n  const isLong = reason.length > REASON_PREVIEW_LENGTH;\n  const text = isLong && !expanded ? `${reason.slice(0, REASON_PREVIEW_LENGTH).trimEnd()}…` : reason;\n\n  return (\n    <Txt variant=\"caption\" tone=\"faint\">\n      {text}\n      {isLong && (\n        <>\n          {' '}\n          <button\n            type=\"button\"\n            onClick={() => setExpanded(value => !value)}\n            className={cn(quietTextHover, controlStateColorTransition, 'relative z-10 underline underline-offset-2')}\n          >\n            <Txt as=\"span\" variant=\"caption\">\n              {expanded ? 'Read less' : 'Read more'}\n            </Txt>\n          </button>\n        </>\n      )}\n    </Txt>\n  );\n}\n\nfunction TraceScoresPagination({\n  pagination,\n  onPageChange,\n}: {\n  pagination?: ListScoresResponse['pagination'];\n  onPageChange: (page: number) => void;\n}) {\n  const currentPage = pagination?.page ?? 0;\n  if (currentPage === 0 && !pagination?.hasMore) return null;\n\n  return (\n    <DataList.Pagination\n      currentPage={currentPage}\n      hasMore={pagination?.hasMore}\n      onNextPage={() => onPageChange(currentPage + 1)}\n      onPrevPage={() => onPageChange(currentPage - 1)}\n    />\n  );\n}\n"],"names":[],"mappings":"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"}
+{"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 { useTraceSpanScores } from '@mastra/react/hooks/scores';\nimport { useState } from 'react';\nimport { DataList } from '@/ds/components/DataList';\nimport { EmptyState } from '@/ds/components/EmptyState';\nimport { MetricsKpiCard } from '@/ds/components/MetricsKpiCard';\nimport { Spinner } from '@/ds/components/Spinner';\nimport { getShortId } from '@/ds/components/Text';\nimport { Txt } from '@/ds/components/Txt';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/utils/cn';\nimport { formatDate } from '@/utils/date-format';\n\nconst REASON_PREVIEW_LENGTH = 100;\n\nexport type TraceScoresTabProps = {\n  traceId: string;\n  spanId: string;\n  onScoreSelect: (scoreId: string) => void;\n};\n\n/**\n * Scores for the trace's anchor span, one card per scoring. Owns its own pagination:\n * mount it with a `key` on the trace/anchor pair so a page index never leaks across traces.\n */\nexport function TraceScoresTab({ traceId, spanId, onScoreSelect }: TraceScoresTabProps) {\n  const [page, setPage] = useState(0);\n  const { data: scoresData, isLoading } = useTraceSpanScores({\n    traceId,\n    spanId,\n    page,\n    queryOptions: { enabled: !!traceId && !!spanId },\n  });\n\n  if (isLoading) {\n    return (\n      <div className=\"flex justify-center py-6\">\n        <Spinner size=\"md\" variant=\"pulse\" className=\"text-placeholder\" />\n      </div>\n    );\n  }\n\n  const scores = scoresData?.scores ?? [];\n\n  if (scores.length === 0) {\n    return <EmptyState titleSlot=\"No scores yet\" descriptionSlot=\"Score this trace to see results here.\" />;\n  }\n\n  return (\n    <div className=\"grid content-start gap-3\">\n      {scores.map(score => (\n        <TraceScoreCard key={score.id} score={score} onSelect={() => onScoreSelect(score.id)} />\n      ))}\n      <TraceScoresPagination pagination={scoresData?.pagination} onPageChange={setPage} />\n    </div>\n  );\n}\n\nfunction TraceScoreCard({ score, onSelect }: { score: ClientScoreRowData; onSelect: () => void }) {\n  const createdAt = new Date(score.createdAt);\n  const scorerName = String(score.scorer?.name || score.scorer?.id || 'Scorer');\n\n  return (\n    <MetricsKpiCard className=\"relative min-w-0 cursor-pointer\">\n      <button\n        type=\"button\"\n        onClick={onSelect}\n        aria-label={`Score ${getShortId(score.id)}`}\n        className=\"grid cursor-pointer gap-1 text-left after:absolute after:inset-0 after:content-['']\"\n      >\n        <MetricsKpiCard.Label>{scorerName}</MetricsKpiCard.Label>\n        <MetricsKpiCard.Value>{String(score.score)}</MetricsKpiCard.Value>\n        <Txt as=\"span\" variant=\"meta\" tone=\"muted\" className=\"tabular-nums\">\n          <Txt as=\"span\" variant=\"meta\" font=\"mono\">\n            {getShortId(score.id)}\n          </Txt>{' '}\n          · {formatDate(createdAt, 'date-time-seconds')}\n        </Txt>\n      </button>\n      {score.reason && <TraceScoreReason reason={score.reason} />}\n    </MetricsKpiCard>\n  );\n}\n\nfunction TraceScoreReason({ reason }: { reason: string }) {\n  const [expanded, setExpanded] = useState(false);\n  const isLong = reason.length > REASON_PREVIEW_LENGTH;\n  const text = isLong && !expanded ? `${reason.slice(0, REASON_PREVIEW_LENGTH).trimEnd()}…` : reason;\n\n  return (\n    <Txt variant=\"caption\" tone=\"faint\">\n      {text}\n      {isLong && (\n        <>\n          {' '}\n          <button\n            type=\"button\"\n            onClick={() => setExpanded(value => !value)}\n            className={cn(quietTextHover, controlStateColorTransition, 'relative z-10 underline underline-offset-2')}\n          >\n            <Txt as=\"span\" variant=\"caption\">\n              {expanded ? 'Read less' : 'Read more'}\n            </Txt>\n          </button>\n        </>\n      )}\n    </Txt>\n  );\n}\n\nfunction TraceScoresPagination({\n  pagination,\n  onPageChange,\n}: {\n  pagination?: ListScoresResponse['pagination'];\n  onPageChange: (page: number) => void;\n}) {\n  const currentPage = pagination?.page ?? 0;\n  if (currentPage === 0 && !pagination?.hasMore) return null;\n\n  return (\n    <DataList.Pagination\n      currentPage={currentPage}\n      hasMore={pagination?.hasMore}\n      onNextPage={() => onPageChange(currentPage + 1)}\n      onPrevPage={() => onPageChange(currentPage - 1)}\n    />\n  );\n}\n"],"names":[],"mappings":"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"}

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

@@ -7,12 +7,12 @@ const lucideReact = require('lucide-react');
 const React = require('react');
 const domains_review_components_reviewStatusBadge = require('../../review/components/review-status-badge.cjs.js');
 const domains_traces_utils_feedbackAuthor = require('../utils/feedback-author.cjs.js');
-const alertDialog = require('../../../alert-dialog-B1gWLQm2.cjs');
-const Avatar = require('../../../Avatar-BCj8SvOb.cjs');
-const Button = require('../../../Button-DH1aTzbs.cjs');
+const alertDialog = require('../../../alert-dialog-DY2JJAnk.cjs');
+const Avatar = require('../../../Avatar-DM90rmwx.cjs');
+const Button = require('../../../Button-C4I05uT4.cjs');
 const comment = require('../../../comment-BWuugtyq.cjs');
 const dropdownMenu = require('../../../dropdown-menu-CsynT1aD.cjs');
-const inputGroup = require('../../../input-group-DSW5WoSU.cjs');
+const inputGroup = require('../../../input-group-DRXUthxe.cjs');
 const Txt = require('../../../Txt-CIS2G5Jx.cjs');
 const icons_Icon = require('../../../icons/Icon.cjs.js');
 const utils_dateFormat = require('../../../utils/date-format.cjs.js');

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

@@ -1 +1 @@
-{"version":3,"file":"feedback-thread.cjs.js","sources":["../../../../src/domains/traces/components/feedback-thread.tsx"],"sourcesContent":["import type { FeedbackItem, ListFeedbackResponse } from '@mastra/client-js';\nimport { ArrowUp, Trash2, ChevronRight, ChevronLeft, ClipboardCheck, EllipsisIcon } from 'lucide-react';\nimport { useState } from 'react';\nimport { ReviewStatusBadge } from '@/domains/review/components/review-status-badge';\nimport { feedbackAuthorLabel } from '@/domains/traces/utils/feedback-author';\nimport { AlertDialog } from '@/ds/components/AlertDialog';\nimport { Avatar } from '@/ds/components/Avatar';\nimport { Button } from '@/ds/components/Button';\nimport {\n  Comment,\n  type CommentVariant,\n  CommentItem,\n  CommentItemActions,\n  CommentItemAuthor,\n  CommentItemAvatar,\n  CommentItemBody,\n  CommentItemContent,\n  CommentItemHeader,\n  CommentItemTimestamp,\n  CommentList,\n} from '@/ds/components/Comment';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu';\nimport { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from '@/ds/components/InputGroup';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons/Icon';\nimport { formatDate } from '@/utils/date-format';\n\ntype FeedbackThreadProps = {\n  feedbackData?: ListFeedbackResponse | null;\n  isLoadingFeedbackData?: boolean;\n  onPageChange?: (page: number) => void;\n  /** Rejecting (or throwing) keeps the draft in the composer so it can be retried. */\n  onSubmit: (text: string) => void | Promise<unknown>;\n  isSubmitting?: boolean;\n  /** When provided, records with a feedbackId get a delete action. */\n  onDelete?: (feedbackId: string) => void | Promise<unknown>;\n  isDeleting?: boolean;\n  /**\n   * Comment layout variant. Defaults to `thread` (avatar gutter + content column);\n   * `embed` renders a compact card suitable for inline use.\n   */\n  variant?: CommentVariant;\n  /** When provided, unreviewed rows get a \"Mark reviewed\" action. */\n  onMarkReviewed?: (feedbackId: string) => void;\n  /** feedbackId whose review-status update is in flight (disables its action). */\n  pendingFeedbackId?: string;\n};\n\n// The server defaults `reviewStatus` to `needs-review`, so a missing value means the same.\nfunction FeedbackReviewStatusBadge({ status }: { status: FeedbackItem['reviewStatus'] }) {\n  const resolved = status === 'reviewed' ? 'reviewed' : 'needs-review';\n  return (\n    <ReviewStatusBadge data-slot=\"feedback-review-status\" status={resolved}>\n      {resolved === 'reviewed' ? 'Reviewed' : 'Needs review'}\n    </ReviewStatusBadge>\n  );\n}\n\nfunction formatBody(fb: FeedbackItem): string {\n  const text = fb.comment || (typeof fb.value === 'string' ? fb.value : '');\n  if (text) return text;\n  if (fb.feedbackType === 'thumbs') return fb.value === 1 ? '\\u{1F44D}' : '\\u{1F44E}';\n  return String(fb.value ?? '');\n}\n\ntype FeedbackItemsProps = Pick<FeedbackThreadProps, 'onMarkReviewed' | 'pendingFeedbackId'> & {\n  variant: CommentVariant;\n  items: FeedbackItem[];\n  onRequestDelete?: (feedbackId: string) => void;\n  isDeleting: boolean;\n};\n\nfunction FeedbackItems({\n  variant,\n  items,\n  onRequestDelete,\n  isDeleting,\n  onMarkReviewed,\n  pendingFeedbackId,\n}: FeedbackItemsProps) {\n  const rows = items.map((fb, index) => {\n    const ts = new Date(fb.timestamp);\n    const author = feedbackAuthorLabel(fb);\n    const avatar = author ? <Avatar name={author} src={fb.author?.avatarUrl} size=\"sm\" /> : null;\n    const name = author && <CommentItemAuthor>{author}</CommentItemAuthor>;\n    const timestamp = (\n      <CommentItemTimestamp dateTime={ts.toISOString()}>{formatDate(ts, 'date-time')}</CommentItemTimestamp>\n    );\n    const feedbackId = fb.feedbackId;\n    const status = <FeedbackReviewStatusBadge status={fb.reviewStatus} />;\n    const canMarkReviewed = Boolean(onMarkReviewed && feedbackId && fb.reviewStatus !== 'reviewed');\n    const canDelete = Boolean(onRequestDelete && feedbackId);\n    const actions = feedbackId && (canMarkReviewed || canDelete) && (\n      <CommentItemActions>\n        <DropdownMenu>\n          <DropdownMenu.Trigger\n            render={\n              <Button size=\"icon-sm\" variant=\"ghost\" aria-label=\"Feedback actions\">\n                <EllipsisIcon />\n              </Button>\n            }\n          />\n          <DropdownMenu.Content align=\"end\">\n            {canMarkReviewed && (\n              <DropdownMenu.Item\n                disabled={pendingFeedbackId === feedbackId}\n                onSelect={() => onMarkReviewed?.(feedbackId)}\n              >\n                <Icon size=\"xs\">\n                  <ClipboardCheck />\n                </Icon>\n                Mark reviewed\n              </DropdownMenu.Item>\n            )}\n            {canDelete && (\n              <DropdownMenu.Item disabled={isDeleting} onSelect={() => onRequestDelete?.(feedbackId)}>\n                <Icon size=\"xs\">\n                  <Trash2 />\n                </Icon>\n                Delete feedback\n              </DropdownMenu.Item>\n            )}\n          </DropdownMenu.Content>\n        </DropdownMenu>\n      </CommentItemActions>\n    );\n    const body = <CommentItemBody>{formatBody(fb)}</CommentItemBody>;\n    const key = feedbackId ?? `${fb.traceId}-${index}`;\n\n    // The thread variant lays the row out as avatar gutter + content column.\n    // Without an author there is nothing to align under, so skip the gutter entirely.\n    if (variant === 'thread') {\n      return (\n        <CommentItem key={key}>\n          {avatar && <CommentItemAvatar>{avatar}</CommentItemAvatar>}\n          <CommentItemContent>\n            <CommentItemHeader>\n              {name}\n              {timestamp}\n              {status}\n              {actions}\n            </CommentItemHeader>\n            {body}\n          </CommentItemContent>\n        </CommentItem>\n      );\n    }\n\n    // Stacked variants have no gutter, so the avatar sits inline in the header.\n    return (\n      <CommentItem key={key}>\n        <CommentItemHeader>\n          {avatar}\n          {name}\n          {timestamp}\n          {status}\n          {actions}\n        </CommentItemHeader>\n        {body}\n      </CommentItem>\n    );\n  });\n\n  // Thread rows are stream entries rendered as `div`s, not list items.\n  return variant === 'thread' ? <>{rows}</> : <CommentList>{rows}</CommentList>;\n}\n\n/**\n * Feedback rendered as a comment thread: a composer above, existing records below.\n * Pagination, submission, deletion, and review status are driven by the caller.\n */\nexport function FeedbackThread({\n  feedbackData,\n  isLoadingFeedbackData,\n  onPageChange,\n  onSubmit,\n  isSubmitting = false,\n  onDelete,\n  isDeleting = false,\n  variant = 'thread',\n  onMarkReviewed,\n  pendingFeedbackId,\n}: FeedbackThreadProps) {\n  const [text, setText] = useState('');\n  const [feedbackIdToDelete, setFeedbackIdToDelete] = useState<string>();\n  const sendBlocked = text.trim().length === 0 || isSubmitting;\n\n  const feedbackItems = feedbackData?.feedback ?? [];\n  const currentPage = feedbackData?.pagination?.page ?? 0;\n  const hasMore = feedbackData?.pagination?.hasMore ?? false;\n\n  const handleDeleteConfirm = async () => {\n    if (!feedbackIdToDelete || !onDelete) return;\n\n    try {\n      await onDelete(feedbackIdToDelete);\n      setFeedbackIdToDelete(undefined);\n    } catch {\n      // Keep the confirmation open so the deletion can be retried.\n    }\n  };\n\n  return (\n    <Comment variant={variant} className=\"min-h-0 gap-3\">\n      {/* Same size/variant as the timeline search field so switching tabs doesn't shift the layout. */}\n      <form\n        aria-label=\"Leave feedback\"\n        className=\"flex w-full items-center gap-2\"\n        onSubmit={async event => {\n          event.preventDefault();\n          if (sendBlocked) return;\n          try {\n            await onSubmit(text.trim());\n            setText('');\n          } catch {\n            // Keep the draft so the comment isn't lost; the caller surfaces the failure.\n          }\n        }}\n      >\n        <InputGroup size=\"sm\">\n          <InputGroupInput\n            aria-label=\"Leave feedback\"\n            placeholder=\"Leave feedback...\"\n            value={text}\n            onChange={event => setText(event.target.value)}\n          />\n          <InputGroupAddon align=\"inline-end\">\n            <InputGroupButton type=\"submit\" aria-label=\"Send feedback\" disabled={sendBlocked}>\n              <ArrowUp />\n            </InputGroupButton>\n          </InputGroupAddon>\n        </InputGroup>\n      </form>\n\n      <div className=\"min-h-0 overflow-y-auto\">\n        {isLoadingFeedbackData ? (\n          <Txt variant=\"body\" tone=\"muted\">\n            Loading feedback...\n          </Txt>\n        ) : feedbackItems.length === 0 ? (\n          <Txt variant=\"body\" tone=\"muted\" className=\"text-center\">\n            No feedback yet\n          </Txt>\n        ) : (\n          <FeedbackItems\n            variant={variant}\n            items={feedbackItems}\n            onRequestDelete={onDelete ? setFeedbackIdToDelete : undefined}\n            isDeleting={isDeleting}\n            onMarkReviewed={onMarkReviewed}\n            pendingFeedbackId={pendingFeedbackId}\n          />\n        )}\n      </div>\n\n      {(hasMore || currentPage > 0) && (\n        <div className=\"flex items-center gap-2\">\n          <Button\n            icon={<ChevronLeft />}\n            size=\"sm\"\n            variant=\"ghost\"\n            disabled={currentPage === 0}\n            onClick={() => onPageChange?.(currentPage - 1)}\n          >\n            Previous\n          </Button>\n          <Button\n            icon={<ChevronRight />}\n            size=\"sm\"\n            variant=\"ghost\"\n            disabled={!hasMore}\n            onClick={() => onPageChange?.(currentPage + 1)}\n          >\n            Next\n          </Button>\n        </div>\n      )}\n\n      <AlertDialog\n        open={feedbackIdToDelete !== undefined}\n        onOpenChange={open => {\n          if (!open && !isDeleting) setFeedbackIdToDelete(undefined);\n        }}\n      >\n        <AlertDialog.Content>\n          <AlertDialog.Header>\n            <AlertDialog.Title>Delete feedback?</AlertDialog.Title>\n            <AlertDialog.Description>\n              This permanently deletes this feedback comment. This action cannot be undone.\n            </AlertDialog.Description>\n          </AlertDialog.Header>\n          <AlertDialog.Footer>\n            <AlertDialog.Cancel disabled={isDeleting}>Cancel</AlertDialog.Cancel>\n            <Button icon={<Trash2 />} variant=\"primary\" disabled={isDeleting} onClick={handleDeleteConfirm}>\n              {isDeleting ? 'Deleting…' : 'Delete'}\n            </Button>\n          </AlertDialog.Footer>\n        </AlertDialog.Content>\n      </AlertDialog>\n    </Comment>\n  );\n}\n"],"names":["jsx","ReviewStatusBadge","feedbackAuthorLabel","Avatar","CommentItemAuthor","CommentItemTimestamp","formatDate","CommentItemActions","DropdownMenu","Button","EllipsisIcon","jsxs","Icon","ClipboardCheck","Trash2","CommentItemBody","CommentItem","CommentItemAvatar","CommentItemContent","CommentItemHeader","Fragment","CommentList","useState","Comment","InputGroup","InputGroupInput","InputGroupAddon","InputGroupButton","ArrowUp","Txt","ChevronLeft","ChevronRight","AlertDialog"],"mappings":"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"}
+{"version":3,"file":"feedback-thread.cjs.js","sources":["../../../../src/domains/traces/components/feedback-thread.tsx"],"sourcesContent":["import type { FeedbackItem, ListFeedbackResponse } from '@mastra/client-js';\nimport { ArrowUp, Trash2, ChevronRight, ChevronLeft, ClipboardCheck, EllipsisIcon } from 'lucide-react';\nimport { useState } from 'react';\nimport { ReviewStatusBadge } from '@/domains/review/components/review-status-badge';\nimport { feedbackAuthorLabel } from '@/domains/traces/utils/feedback-author';\nimport { AlertDialog } from '@/ds/components/AlertDialog';\nimport { Avatar } from '@/ds/components/Avatar';\nimport { Button } from '@/ds/components/Button';\nimport {\n  Comment,\n  CommentItem,\n  CommentItemActions,\n  CommentItemAuthor,\n  CommentItemAvatar,\n  CommentItemBody,\n  CommentItemContent,\n  CommentItemHeader,\n  CommentItemTimestamp,\n  CommentList,\n} from '@/ds/components/Comment';\nimport type { CommentVariant } from '@/ds/components/Comment';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu';\nimport { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from '@/ds/components/InputGroup';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons/Icon';\nimport { formatDate } from '@/utils/date-format';\n\ntype FeedbackThreadProps = {\n  feedbackData?: ListFeedbackResponse | null;\n  isLoadingFeedbackData?: boolean;\n  onPageChange?: (page: number) => void;\n  /** Rejecting (or throwing) keeps the draft in the composer so it can be retried. */\n  onSubmit: (text: string) => void | Promise<unknown>;\n  isSubmitting?: boolean;\n  /** When provided, records with a feedbackId get a delete action. */\n  onDelete?: (feedbackId: string) => void | Promise<unknown>;\n  isDeleting?: boolean;\n  /**\n   * Comment layout variant. Defaults to `thread` (avatar gutter + content column);\n   * `embed` renders a compact card suitable for inline use.\n   */\n  variant?: CommentVariant;\n  /** When provided, unreviewed rows get a \"Mark reviewed\" action. */\n  onMarkReviewed?: (feedbackId: string) => void;\n  /** feedbackId whose review-status update is in flight (disables its action). */\n  pendingFeedbackId?: string;\n};\n\n// The server defaults `reviewStatus` to `needs-review`, so a missing value means the same.\nfunction FeedbackReviewStatusBadge({ status }: { status: FeedbackItem['reviewStatus'] }) {\n  const resolved = status === 'reviewed' ? 'reviewed' : 'needs-review';\n  return (\n    <ReviewStatusBadge data-slot=\"feedback-review-status\" status={resolved}>\n      {resolved === 'reviewed' ? 'Reviewed' : 'Needs review'}\n    </ReviewStatusBadge>\n  );\n}\n\nfunction formatBody(fb: FeedbackItem): string {\n  const text = fb.comment || (typeof fb.value === 'string' ? fb.value : '');\n  if (text) return text;\n  if (fb.feedbackType === 'thumbs') return fb.value === 1 ? '\\u{1F44D}' : '\\u{1F44E}';\n  return String(fb.value ?? '');\n}\n\ntype FeedbackItemsProps = Pick<FeedbackThreadProps, 'onMarkReviewed' | 'pendingFeedbackId'> & {\n  variant: CommentVariant;\n  items: FeedbackItem[];\n  onRequestDelete?: (feedbackId: string) => void;\n  isDeleting: boolean;\n};\n\nfunction FeedbackItems({\n  variant,\n  items,\n  onRequestDelete,\n  isDeleting,\n  onMarkReviewed,\n  pendingFeedbackId,\n}: FeedbackItemsProps) {\n  const rows = items.map((fb, index) => {\n    const ts = new Date(fb.timestamp);\n    const author = feedbackAuthorLabel(fb);\n    const avatar = author ? <Avatar name={author} src={fb.author?.avatarUrl} size=\"sm\" /> : null;\n    const name = author && <CommentItemAuthor>{author}</CommentItemAuthor>;\n    const timestamp = (\n      <CommentItemTimestamp dateTime={ts.toISOString()}>{formatDate(ts, 'date-time')}</CommentItemTimestamp>\n    );\n    const feedbackId = fb.feedbackId;\n    const status = <FeedbackReviewStatusBadge status={fb.reviewStatus} />;\n    const canMarkReviewed = Boolean(onMarkReviewed && feedbackId && fb.reviewStatus !== 'reviewed');\n    const canDelete = Boolean(onRequestDelete && feedbackId);\n    const actions = feedbackId && (canMarkReviewed || canDelete) && (\n      <CommentItemActions>\n        <DropdownMenu>\n          <DropdownMenu.Trigger\n            render={\n              <Button size=\"icon-sm\" variant=\"ghost\" aria-label=\"Feedback actions\">\n                <EllipsisIcon />\n              </Button>\n            }\n          />\n          <DropdownMenu.Content align=\"end\">\n            {canMarkReviewed && (\n              <DropdownMenu.Item\n                disabled={pendingFeedbackId === feedbackId}\n                onSelect={() => onMarkReviewed?.(feedbackId)}\n              >\n                <Icon size=\"xs\">\n                  <ClipboardCheck />\n                </Icon>\n                Mark reviewed\n              </DropdownMenu.Item>\n            )}\n            {canDelete && (\n              <DropdownMenu.Item disabled={isDeleting} onSelect={() => onRequestDelete?.(feedbackId)}>\n                <Icon size=\"xs\">\n                  <Trash2 />\n                </Icon>\n                Delete feedback\n              </DropdownMenu.Item>\n            )}\n          </DropdownMenu.Content>\n        </DropdownMenu>\n      </CommentItemActions>\n    );\n    const body = <CommentItemBody>{formatBody(fb)}</CommentItemBody>;\n    const key = feedbackId ?? `${fb.traceId}-${index}`;\n\n    // The thread variant lays the row out as avatar gutter + content column.\n    // Without an author there is nothing to align under, so skip the gutter entirely.\n    if (variant === 'thread') {\n      return (\n        <CommentItem key={key}>\n          {avatar && <CommentItemAvatar>{avatar}</CommentItemAvatar>}\n          <CommentItemContent>\n            <CommentItemHeader>\n              {name}\n              {timestamp}\n              {status}\n              {actions}\n            </CommentItemHeader>\n            {body}\n          </CommentItemContent>\n        </CommentItem>\n      );\n    }\n\n    // Stacked variants have no gutter, so the avatar sits inline in the header.\n    return (\n      <CommentItem key={key}>\n        <CommentItemHeader>\n          {avatar}\n          {name}\n          {timestamp}\n          {status}\n          {actions}\n        </CommentItemHeader>\n        {body}\n      </CommentItem>\n    );\n  });\n\n  // Thread rows are stream entries rendered as `div`s, not list items.\n  return variant === 'thread' ? <>{rows}</> : <CommentList>{rows}</CommentList>;\n}\n\n/**\n * Feedback rendered as a comment thread: a composer above, existing records below.\n * Pagination, submission, deletion, and review status are driven by the caller.\n */\nexport function FeedbackThread({\n  feedbackData,\n  isLoadingFeedbackData,\n  onPageChange,\n  onSubmit,\n  isSubmitting = false,\n  onDelete,\n  isDeleting = false,\n  variant = 'thread',\n  onMarkReviewed,\n  pendingFeedbackId,\n}: FeedbackThreadProps) {\n  const [text, setText] = useState('');\n  const [feedbackIdToDelete, setFeedbackIdToDelete] = useState<string>();\n  const sendBlocked = text.trim().length === 0 || isSubmitting;\n\n  const feedbackItems = feedbackData?.feedback ?? [];\n  const currentPage = feedbackData?.pagination?.page ?? 0;\n  const hasMore = feedbackData?.pagination?.hasMore ?? false;\n\n  const handleDeleteConfirm = async () => {\n    if (!feedbackIdToDelete || !onDelete) return;\n\n    try {\n      await onDelete(feedbackIdToDelete);\n      setFeedbackIdToDelete(undefined);\n    } catch {\n      // Keep the confirmation open so the deletion can be retried.\n    }\n  };\n\n  return (\n    <Comment variant={variant} className=\"min-h-0 gap-3\">\n      {/* Same size/variant as the timeline search field so switching tabs doesn't shift the layout. */}\n      <form\n        aria-label=\"Leave feedback\"\n        className=\"flex w-full items-center gap-2\"\n        onSubmit={async event => {\n          event.preventDefault();\n          if (sendBlocked) return;\n          try {\n            await onSubmit(text.trim());\n            setText('');\n          } catch {\n            // Keep the draft so the comment isn't lost; the caller surfaces the failure.\n          }\n        }}\n      >\n        <InputGroup size=\"sm\">\n          <InputGroupInput\n            aria-label=\"Leave feedback\"\n            placeholder=\"Leave feedback...\"\n            value={text}\n            onChange={event => setText(event.target.value)}\n          />\n          <InputGroupAddon align=\"inline-end\">\n            <InputGroupButton type=\"submit\" aria-label=\"Send feedback\" disabled={sendBlocked}>\n              <ArrowUp />\n            </InputGroupButton>\n          </InputGroupAddon>\n        </InputGroup>\n      </form>\n\n      <div className=\"min-h-0 overflow-y-auto\">\n        {isLoadingFeedbackData ? (\n          <Txt variant=\"body\" tone=\"muted\">\n            Loading feedback...\n          </Txt>\n        ) : feedbackItems.length === 0 ? (\n          <Txt variant=\"body\" tone=\"muted\" className=\"text-center\">\n            No feedback yet\n          </Txt>\n        ) : (\n          <FeedbackItems\n            variant={variant}\n            items={feedbackItems}\n            onRequestDelete={onDelete ? setFeedbackIdToDelete : undefined}\n            isDeleting={isDeleting}\n            onMarkReviewed={onMarkReviewed}\n            pendingFeedbackId={pendingFeedbackId}\n          />\n        )}\n      </div>\n\n      {(hasMore || currentPage > 0) && (\n        <div className=\"flex items-center gap-2\">\n          <Button\n            icon={<ChevronLeft />}\n            size=\"sm\"\n            variant=\"ghost\"\n            disabled={currentPage === 0}\n            onClick={() => onPageChange?.(currentPage - 1)}\n          >\n            Previous\n          </Button>\n          <Button\n            icon={<ChevronRight />}\n            size=\"sm\"\n            variant=\"ghost\"\n            disabled={!hasMore}\n            onClick={() => onPageChange?.(currentPage + 1)}\n          >\n            Next\n          </Button>\n        </div>\n      )}\n\n      <AlertDialog\n        open={feedbackIdToDelete !== undefined}\n        onOpenChange={open => {\n          if (!open && !isDeleting) setFeedbackIdToDelete(undefined);\n        }}\n      >\n        <AlertDialog.Content>\n          <AlertDialog.Header>\n            <AlertDialog.Title>Delete feedback?</AlertDialog.Title>\n            <AlertDialog.Description>\n              This permanently deletes this feedback comment. This action cannot be undone.\n            </AlertDialog.Description>\n          </AlertDialog.Header>\n          <AlertDialog.Footer>\n            <AlertDialog.Cancel disabled={isDeleting}>Cancel</AlertDialog.Cancel>\n            <Button icon={<Trash2 />} variant=\"primary\" disabled={isDeleting} onClick={handleDeleteConfirm}>\n              {isDeleting ? 'Deleting…' : 'Delete'}\n            </Button>\n          </AlertDialog.Footer>\n        </AlertDialog.Content>\n      </AlertDialog>\n    </Comment>\n  );\n}\n"],"names":["jsx","ReviewStatusBadge","feedbackAuthorLabel","Avatar","CommentItemAuthor","CommentItemTimestamp","formatDate","CommentItemActions","DropdownMenu","Button","EllipsisIcon","jsxs","Icon","ClipboardCheck","Trash2","CommentItemBody","CommentItem","CommentItemAvatar","CommentItemContent","CommentItemHeader","Fragment","CommentList","useState","Comment","InputGroup","InputGroupInput","InputGroupAddon","InputGroupButton","ArrowUp","Txt","ChevronLeft","ChevronRight","AlertDialog"],"mappings":"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"}

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

@@ -3,12 +3,12 @@ import { ArrowUp, ChevronLeft, ChevronRight, Trash2, EllipsisIcon, ClipboardChec
 import { useState } from 'react';
 import { ReviewStatusBadge } from '../../review/components/review-status-badge.es.js';
 import { feedbackAuthorLabel } from '../utils/feedback-author.es.js';
-import { A as AlertDialog } from '../../../alert-dialog-B7JTnkF4.js';
-import { A as Avatar } from '../../../Avatar-98bsFrSV.js';
-import { B as Button } from '../../../Button-EGoajBQY.js';
+import { A as AlertDialog } from '../../../alert-dialog-B13NSeKN.js';
+import { A as Avatar } from '../../../Avatar-BjaG9NU_.js';
+import { B as Button } from '../../../Button-D8a5EWJ5.js';
 import { C as Comment, a as CommentItemTimestamp, b as CommentItemActions, c as CommentItemBody, d as CommentItem, e as CommentItemAvatar, f as CommentItemContent, g as CommentItemHeader, h as CommentList, i as CommentItemAuthor } from '../../../comment-S12P_YcT.js';
 import { D as DropdownMenu } from '../../../dropdown-menu-CQ_48tVI.js';
-import { I as InputGroup, c as InputGroupInput, a as InputGroupAddon, b as InputGroupButton } from '../../../input-group-CiBbTaPP.js';
+import { I as InputGroup, c as InputGroupInput, a as InputGroupAddon, b as InputGroupButton } from '../../../input-group-BAg6iSIe.js';
 import { T as Txt } from '../../../Txt-BtIGLRk1.js';
 import { Icon } from '../../../icons/Icon.es.js';
 import { formatDate } from '../../../utils/date-format.es.js';

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

@@ -1 +1 @@
-{"version":3,"file":"feedback-thread.es.js","sources":["../../../../src/domains/traces/components/feedback-thread.tsx"],"sourcesContent":["import type { FeedbackItem, ListFeedbackResponse } from '@mastra/client-js';\nimport { ArrowUp, Trash2, ChevronRight, ChevronLeft, ClipboardCheck, EllipsisIcon } from 'lucide-react';\nimport { useState } from 'react';\nimport { ReviewStatusBadge } from '@/domains/review/components/review-status-badge';\nimport { feedbackAuthorLabel } from '@/domains/traces/utils/feedback-author';\nimport { AlertDialog } from '@/ds/components/AlertDialog';\nimport { Avatar } from '@/ds/components/Avatar';\nimport { Button } from '@/ds/components/Button';\nimport {\n  Comment,\n  type CommentVariant,\n  CommentItem,\n  CommentItemActions,\n  CommentItemAuthor,\n  CommentItemAvatar,\n  CommentItemBody,\n  CommentItemContent,\n  CommentItemHeader,\n  CommentItemTimestamp,\n  CommentList,\n} from '@/ds/components/Comment';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu';\nimport { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from '@/ds/components/InputGroup';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons/Icon';\nimport { formatDate } from '@/utils/date-format';\n\ntype FeedbackThreadProps = {\n  feedbackData?: ListFeedbackResponse | null;\n  isLoadingFeedbackData?: boolean;\n  onPageChange?: (page: number) => void;\n  /** Rejecting (or throwing) keeps the draft in the composer so it can be retried. */\n  onSubmit: (text: string) => void | Promise<unknown>;\n  isSubmitting?: boolean;\n  /** When provided, records with a feedbackId get a delete action. */\n  onDelete?: (feedbackId: string) => void | Promise<unknown>;\n  isDeleting?: boolean;\n  /**\n   * Comment layout variant. Defaults to `thread` (avatar gutter + content column);\n   * `embed` renders a compact card suitable for inline use.\n   */\n  variant?: CommentVariant;\n  /** When provided, unreviewed rows get a \"Mark reviewed\" action. */\n  onMarkReviewed?: (feedbackId: string) => void;\n  /** feedbackId whose review-status update is in flight (disables its action). */\n  pendingFeedbackId?: string;\n};\n\n// The server defaults `reviewStatus` to `needs-review`, so a missing value means the same.\nfunction FeedbackReviewStatusBadge({ status }: { status: FeedbackItem['reviewStatus'] }) {\n  const resolved = status === 'reviewed' ? 'reviewed' : 'needs-review';\n  return (\n    <ReviewStatusBadge data-slot=\"feedback-review-status\" status={resolved}>\n      {resolved === 'reviewed' ? 'Reviewed' : 'Needs review'}\n    </ReviewStatusBadge>\n  );\n}\n\nfunction formatBody(fb: FeedbackItem): string {\n  const text = fb.comment || (typeof fb.value === 'string' ? fb.value : '');\n  if (text) return text;\n  if (fb.feedbackType === 'thumbs') return fb.value === 1 ? '\\u{1F44D}' : '\\u{1F44E}';\n  return String(fb.value ?? '');\n}\n\ntype FeedbackItemsProps = Pick<FeedbackThreadProps, 'onMarkReviewed' | 'pendingFeedbackId'> & {\n  variant: CommentVariant;\n  items: FeedbackItem[];\n  onRequestDelete?: (feedbackId: string) => void;\n  isDeleting: boolean;\n};\n\nfunction FeedbackItems({\n  variant,\n  items,\n  onRequestDelete,\n  isDeleting,\n  onMarkReviewed,\n  pendingFeedbackId,\n}: FeedbackItemsProps) {\n  const rows = items.map((fb, index) => {\n    const ts = new Date(fb.timestamp);\n    const author = feedbackAuthorLabel(fb);\n    const avatar = author ? <Avatar name={author} src={fb.author?.avatarUrl} size=\"sm\" /> : null;\n    const name = author && <CommentItemAuthor>{author}</CommentItemAuthor>;\n    const timestamp = (\n      <CommentItemTimestamp dateTime={ts.toISOString()}>{formatDate(ts, 'date-time')}</CommentItemTimestamp>\n    );\n    const feedbackId = fb.feedbackId;\n    const status = <FeedbackReviewStatusBadge status={fb.reviewStatus} />;\n    const canMarkReviewed = Boolean(onMarkReviewed && feedbackId && fb.reviewStatus !== 'reviewed');\n    const canDelete = Boolean(onRequestDelete && feedbackId);\n    const actions = feedbackId && (canMarkReviewed || canDelete) && (\n      <CommentItemActions>\n        <DropdownMenu>\n          <DropdownMenu.Trigger\n            render={\n              <Button size=\"icon-sm\" variant=\"ghost\" aria-label=\"Feedback actions\">\n                <EllipsisIcon />\n              </Button>\n            }\n          />\n          <DropdownMenu.Content align=\"end\">\n            {canMarkReviewed && (\n              <DropdownMenu.Item\n                disabled={pendingFeedbackId === feedbackId}\n                onSelect={() => onMarkReviewed?.(feedbackId)}\n              >\n                <Icon size=\"xs\">\n                  <ClipboardCheck />\n                </Icon>\n                Mark reviewed\n              </DropdownMenu.Item>\n            )}\n            {canDelete && (\n              <DropdownMenu.Item disabled={isDeleting} onSelect={() => onRequestDelete?.(feedbackId)}>\n                <Icon size=\"xs\">\n                  <Trash2 />\n                </Icon>\n                Delete feedback\n              </DropdownMenu.Item>\n            )}\n          </DropdownMenu.Content>\n        </DropdownMenu>\n      </CommentItemActions>\n    );\n    const body = <CommentItemBody>{formatBody(fb)}</CommentItemBody>;\n    const key = feedbackId ?? `${fb.traceId}-${index}`;\n\n    // The thread variant lays the row out as avatar gutter + content column.\n    // Without an author there is nothing to align under, so skip the gutter entirely.\n    if (variant === 'thread') {\n      return (\n        <CommentItem key={key}>\n          {avatar && <CommentItemAvatar>{avatar}</CommentItemAvatar>}\n          <CommentItemContent>\n            <CommentItemHeader>\n              {name}\n              {timestamp}\n              {status}\n              {actions}\n            </CommentItemHeader>\n            {body}\n          </CommentItemContent>\n        </CommentItem>\n      );\n    }\n\n    // Stacked variants have no gutter, so the avatar sits inline in the header.\n    return (\n      <CommentItem key={key}>\n        <CommentItemHeader>\n          {avatar}\n          {name}\n          {timestamp}\n          {status}\n          {actions}\n        </CommentItemHeader>\n        {body}\n      </CommentItem>\n    );\n  });\n\n  // Thread rows are stream entries rendered as `div`s, not list items.\n  return variant === 'thread' ? <>{rows}</> : <CommentList>{rows}</CommentList>;\n}\n\n/**\n * Feedback rendered as a comment thread: a composer above, existing records below.\n * Pagination, submission, deletion, and review status are driven by the caller.\n */\nexport function FeedbackThread({\n  feedbackData,\n  isLoadingFeedbackData,\n  onPageChange,\n  onSubmit,\n  isSubmitting = false,\n  onDelete,\n  isDeleting = false,\n  variant = 'thread',\n  onMarkReviewed,\n  pendingFeedbackId,\n}: FeedbackThreadProps) {\n  const [text, setText] = useState('');\n  const [feedbackIdToDelete, setFeedbackIdToDelete] = useState<string>();\n  const sendBlocked = text.trim().length === 0 || isSubmitting;\n\n  const feedbackItems = feedbackData?.feedback ?? [];\n  const currentPage = feedbackData?.pagination?.page ?? 0;\n  const hasMore = feedbackData?.pagination?.hasMore ?? false;\n\n  const handleDeleteConfirm = async () => {\n    if (!feedbackIdToDelete || !onDelete) return;\n\n    try {\n      await onDelete(feedbackIdToDelete);\n      setFeedbackIdToDelete(undefined);\n    } catch {\n      // Keep the confirmation open so the deletion can be retried.\n    }\n  };\n\n  return (\n    <Comment variant={variant} className=\"min-h-0 gap-3\">\n      {/* Same size/variant as the timeline search field so switching tabs doesn't shift the layout. */}\n      <form\n        aria-label=\"Leave feedback\"\n        className=\"flex w-full items-center gap-2\"\n        onSubmit={async event => {\n          event.preventDefault();\n          if (sendBlocked) return;\n          try {\n            await onSubmit(text.trim());\n            setText('');\n          } catch {\n            // Keep the draft so the comment isn't lost; the caller surfaces the failure.\n          }\n        }}\n      >\n        <InputGroup size=\"sm\">\n          <InputGroupInput\n            aria-label=\"Leave feedback\"\n            placeholder=\"Leave feedback...\"\n            value={text}\n            onChange={event => setText(event.target.value)}\n          />\n          <InputGroupAddon align=\"inline-end\">\n            <InputGroupButton type=\"submit\" aria-label=\"Send feedback\" disabled={sendBlocked}>\n              <ArrowUp />\n            </InputGroupButton>\n          </InputGroupAddon>\n        </InputGroup>\n      </form>\n\n      <div className=\"min-h-0 overflow-y-auto\">\n        {isLoadingFeedbackData ? (\n          <Txt variant=\"body\" tone=\"muted\">\n            Loading feedback...\n          </Txt>\n        ) : feedbackItems.length === 0 ? (\n          <Txt variant=\"body\" tone=\"muted\" className=\"text-center\">\n            No feedback yet\n          </Txt>\n        ) : (\n          <FeedbackItems\n            variant={variant}\n            items={feedbackItems}\n            onRequestDelete={onDelete ? setFeedbackIdToDelete : undefined}\n            isDeleting={isDeleting}\n            onMarkReviewed={onMarkReviewed}\n            pendingFeedbackId={pendingFeedbackId}\n          />\n        )}\n      </div>\n\n      {(hasMore || currentPage > 0) && (\n        <div className=\"flex items-center gap-2\">\n          <Button\n            icon={<ChevronLeft />}\n            size=\"sm\"\n            variant=\"ghost\"\n            disabled={currentPage === 0}\n            onClick={() => onPageChange?.(currentPage - 1)}\n          >\n            Previous\n          </Button>\n          <Button\n            icon={<ChevronRight />}\n            size=\"sm\"\n            variant=\"ghost\"\n            disabled={!hasMore}\n            onClick={() => onPageChange?.(currentPage + 1)}\n          >\n            Next\n          </Button>\n        </div>\n      )}\n\n      <AlertDialog\n        open={feedbackIdToDelete !== undefined}\n        onOpenChange={open => {\n          if (!open && !isDeleting) setFeedbackIdToDelete(undefined);\n        }}\n      >\n        <AlertDialog.Content>\n          <AlertDialog.Header>\n            <AlertDialog.Title>Delete feedback?</AlertDialog.Title>\n            <AlertDialog.Description>\n              This permanently deletes this feedback comment. This action cannot be undone.\n            </AlertDialog.Description>\n          </AlertDialog.Header>\n          <AlertDialog.Footer>\n            <AlertDialog.Cancel disabled={isDeleting}>Cancel</AlertDialog.Cancel>\n            <Button icon={<Trash2 />} variant=\"primary\" disabled={isDeleting} onClick={handleDeleteConfirm}>\n              {isDeleting ? 'Deleting…' : 'Delete'}\n            </Button>\n          </AlertDialog.Footer>\n        </AlertDialog.Content>\n      </AlertDialog>\n    </Comment>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"feedback-thread.es.js","sources":["../../../../src/domains/traces/components/feedback-thread.tsx"],"sourcesContent":["import type { FeedbackItem, ListFeedbackResponse } from '@mastra/client-js';\nimport { ArrowUp, Trash2, ChevronRight, ChevronLeft, ClipboardCheck, EllipsisIcon } from 'lucide-react';\nimport { useState } from 'react';\nimport { ReviewStatusBadge } from '@/domains/review/components/review-status-badge';\nimport { feedbackAuthorLabel } from '@/domains/traces/utils/feedback-author';\nimport { AlertDialog } from '@/ds/components/AlertDialog';\nimport { Avatar } from '@/ds/components/Avatar';\nimport { Button } from '@/ds/components/Button';\nimport {\n  Comment,\n  CommentItem,\n  CommentItemActions,\n  CommentItemAuthor,\n  CommentItemAvatar,\n  CommentItemBody,\n  CommentItemContent,\n  CommentItemHeader,\n  CommentItemTimestamp,\n  CommentList,\n} from '@/ds/components/Comment';\nimport type { CommentVariant } from '@/ds/components/Comment';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu';\nimport { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from '@/ds/components/InputGroup';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons/Icon';\nimport { formatDate } from '@/utils/date-format';\n\ntype FeedbackThreadProps = {\n  feedbackData?: ListFeedbackResponse | null;\n  isLoadingFeedbackData?: boolean;\n  onPageChange?: (page: number) => void;\n  /** Rejecting (or throwing) keeps the draft in the composer so it can be retried. */\n  onSubmit: (text: string) => void | Promise<unknown>;\n  isSubmitting?: boolean;\n  /** When provided, records with a feedbackId get a delete action. */\n  onDelete?: (feedbackId: string) => void | Promise<unknown>;\n  isDeleting?: boolean;\n  /**\n   * Comment layout variant. Defaults to `thread` (avatar gutter + content column);\n   * `embed` renders a compact card suitable for inline use.\n   */\n  variant?: CommentVariant;\n  /** When provided, unreviewed rows get a \"Mark reviewed\" action. */\n  onMarkReviewed?: (feedbackId: string) => void;\n  /** feedbackId whose review-status update is in flight (disables its action). */\n  pendingFeedbackId?: string;\n};\n\n// The server defaults `reviewStatus` to `needs-review`, so a missing value means the same.\nfunction FeedbackReviewStatusBadge({ status }: { status: FeedbackItem['reviewStatus'] }) {\n  const resolved = status === 'reviewed' ? 'reviewed' : 'needs-review';\n  return (\n    <ReviewStatusBadge data-slot=\"feedback-review-status\" status={resolved}>\n      {resolved === 'reviewed' ? 'Reviewed' : 'Needs review'}\n    </ReviewStatusBadge>\n  );\n}\n\nfunction formatBody(fb: FeedbackItem): string {\n  const text = fb.comment || (typeof fb.value === 'string' ? fb.value : '');\n  if (text) return text;\n  if (fb.feedbackType === 'thumbs') return fb.value === 1 ? '\\u{1F44D}' : '\\u{1F44E}';\n  return String(fb.value ?? '');\n}\n\ntype FeedbackItemsProps = Pick<FeedbackThreadProps, 'onMarkReviewed' | 'pendingFeedbackId'> & {\n  variant: CommentVariant;\n  items: FeedbackItem[];\n  onRequestDelete?: (feedbackId: string) => void;\n  isDeleting: boolean;\n};\n\nfunction FeedbackItems({\n  variant,\n  items,\n  onRequestDelete,\n  isDeleting,\n  onMarkReviewed,\n  pendingFeedbackId,\n}: FeedbackItemsProps) {\n  const rows = items.map((fb, index) => {\n    const ts = new Date(fb.timestamp);\n    const author = feedbackAuthorLabel(fb);\n    const avatar = author ? <Avatar name={author} src={fb.author?.avatarUrl} size=\"sm\" /> : null;\n    const name = author && <CommentItemAuthor>{author}</CommentItemAuthor>;\n    const timestamp = (\n      <CommentItemTimestamp dateTime={ts.toISOString()}>{formatDate(ts, 'date-time')}</CommentItemTimestamp>\n    );\n    const feedbackId = fb.feedbackId;\n    const status = <FeedbackReviewStatusBadge status={fb.reviewStatus} />;\n    const canMarkReviewed = Boolean(onMarkReviewed && feedbackId && fb.reviewStatus !== 'reviewed');\n    const canDelete = Boolean(onRequestDelete && feedbackId);\n    const actions = feedbackId && (canMarkReviewed || canDelete) && (\n      <CommentItemActions>\n        <DropdownMenu>\n          <DropdownMenu.Trigger\n            render={\n              <Button size=\"icon-sm\" variant=\"ghost\" aria-label=\"Feedback actions\">\n                <EllipsisIcon />\n              </Button>\n            }\n          />\n          <DropdownMenu.Content align=\"end\">\n            {canMarkReviewed && (\n              <DropdownMenu.Item\n                disabled={pendingFeedbackId === feedbackId}\n                onSelect={() => onMarkReviewed?.(feedbackId)}\n              >\n                <Icon size=\"xs\">\n                  <ClipboardCheck />\n                </Icon>\n                Mark reviewed\n              </DropdownMenu.Item>\n            )}\n            {canDelete && (\n              <DropdownMenu.Item disabled={isDeleting} onSelect={() => onRequestDelete?.(feedbackId)}>\n                <Icon size=\"xs\">\n                  <Trash2 />\n                </Icon>\n                Delete feedback\n              </DropdownMenu.Item>\n            )}\n          </DropdownMenu.Content>\n        </DropdownMenu>\n      </CommentItemActions>\n    );\n    const body = <CommentItemBody>{formatBody(fb)}</CommentItemBody>;\n    const key = feedbackId ?? `${fb.traceId}-${index}`;\n\n    // The thread variant lays the row out as avatar gutter + content column.\n    // Without an author there is nothing to align under, so skip the gutter entirely.\n    if (variant === 'thread') {\n      return (\n        <CommentItem key={key}>\n          {avatar && <CommentItemAvatar>{avatar}</CommentItemAvatar>}\n          <CommentItemContent>\n            <CommentItemHeader>\n              {name}\n              {timestamp}\n              {status}\n              {actions}\n            </CommentItemHeader>\n            {body}\n          </CommentItemContent>\n        </CommentItem>\n      );\n    }\n\n    // Stacked variants have no gutter, so the avatar sits inline in the header.\n    return (\n      <CommentItem key={key}>\n        <CommentItemHeader>\n          {avatar}\n          {name}\n          {timestamp}\n          {status}\n          {actions}\n        </CommentItemHeader>\n        {body}\n      </CommentItem>\n    );\n  });\n\n  // Thread rows are stream entries rendered as `div`s, not list items.\n  return variant === 'thread' ? <>{rows}</> : <CommentList>{rows}</CommentList>;\n}\n\n/**\n * Feedback rendered as a comment thread: a composer above, existing records below.\n * Pagination, submission, deletion, and review status are driven by the caller.\n */\nexport function FeedbackThread({\n  feedbackData,\n  isLoadingFeedbackData,\n  onPageChange,\n  onSubmit,\n  isSubmitting = false,\n  onDelete,\n  isDeleting = false,\n  variant = 'thread',\n  onMarkReviewed,\n  pendingFeedbackId,\n}: FeedbackThreadProps) {\n  const [text, setText] = useState('');\n  const [feedbackIdToDelete, setFeedbackIdToDelete] = useState<string>();\n  const sendBlocked = text.trim().length === 0 || isSubmitting;\n\n  const feedbackItems = feedbackData?.feedback ?? [];\n  const currentPage = feedbackData?.pagination?.page ?? 0;\n  const hasMore = feedbackData?.pagination?.hasMore ?? false;\n\n  const handleDeleteConfirm = async () => {\n    if (!feedbackIdToDelete || !onDelete) return;\n\n    try {\n      await onDelete(feedbackIdToDelete);\n      setFeedbackIdToDelete(undefined);\n    } catch {\n      // Keep the confirmation open so the deletion can be retried.\n    }\n  };\n\n  return (\n    <Comment variant={variant} className=\"min-h-0 gap-3\">\n      {/* Same size/variant as the timeline search field so switching tabs doesn't shift the layout. */}\n      <form\n        aria-label=\"Leave feedback\"\n        className=\"flex w-full items-center gap-2\"\n        onSubmit={async event => {\n          event.preventDefault();\n          if (sendBlocked) return;\n          try {\n            await onSubmit(text.trim());\n            setText('');\n          } catch {\n            // Keep the draft so the comment isn't lost; the caller surfaces the failure.\n          }\n        }}\n      >\n        <InputGroup size=\"sm\">\n          <InputGroupInput\n            aria-label=\"Leave feedback\"\n            placeholder=\"Leave feedback...\"\n            value={text}\n            onChange={event => setText(event.target.value)}\n          />\n          <InputGroupAddon align=\"inline-end\">\n            <InputGroupButton type=\"submit\" aria-label=\"Send feedback\" disabled={sendBlocked}>\n              <ArrowUp />\n            </InputGroupButton>\n          </InputGroupAddon>\n        </InputGroup>\n      </form>\n\n      <div className=\"min-h-0 overflow-y-auto\">\n        {isLoadingFeedbackData ? (\n          <Txt variant=\"body\" tone=\"muted\">\n            Loading feedback...\n          </Txt>\n        ) : feedbackItems.length === 0 ? (\n          <Txt variant=\"body\" tone=\"muted\" className=\"text-center\">\n            No feedback yet\n          </Txt>\n        ) : (\n          <FeedbackItems\n            variant={variant}\n            items={feedbackItems}\n            onRequestDelete={onDelete ? setFeedbackIdToDelete : undefined}\n            isDeleting={isDeleting}\n            onMarkReviewed={onMarkReviewed}\n            pendingFeedbackId={pendingFeedbackId}\n          />\n        )}\n      </div>\n\n      {(hasMore || currentPage > 0) && (\n        <div className=\"flex items-center gap-2\">\n          <Button\n            icon={<ChevronLeft />}\n            size=\"sm\"\n            variant=\"ghost\"\n            disabled={currentPage === 0}\n            onClick={() => onPageChange?.(currentPage - 1)}\n          >\n            Previous\n          </Button>\n          <Button\n            icon={<ChevronRight />}\n            size=\"sm\"\n            variant=\"ghost\"\n            disabled={!hasMore}\n            onClick={() => onPageChange?.(currentPage + 1)}\n          >\n            Next\n          </Button>\n        </div>\n      )}\n\n      <AlertDialog\n        open={feedbackIdToDelete !== undefined}\n        onOpenChange={open => {\n          if (!open && !isDeleting) setFeedbackIdToDelete(undefined);\n        }}\n      >\n        <AlertDialog.Content>\n          <AlertDialog.Header>\n            <AlertDialog.Title>Delete feedback?</AlertDialog.Title>\n            <AlertDialog.Description>\n              This permanently deletes this feedback comment. This action cannot be undone.\n            </AlertDialog.Description>\n          </AlertDialog.Header>\n          <AlertDialog.Footer>\n            <AlertDialog.Cancel disabled={isDeleting}>Cancel</AlertDialog.Cancel>\n            <Button icon={<Trash2 />} variant=\"primary\" disabled={isDeleting} onClick={handleDeleteConfirm}>\n              {isDeleting ? 'Deleting…' : 'Delete'}\n            </Button>\n          </AlertDialog.Footer>\n        </AlertDialog.Content>\n      </AlertDialog>\n    </Comment>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/domains/traces/components/shared.cjs.js

@@ -5,12 +5,13 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const icons_AgentIcon = require('../../../icons/AgentIcon.cjs.js');
-const icons_FolderIcon = require('../../../icons/FolderIcon.cjs.js');
 const icons_McpServerIcon = require('../../../icons/McpServerIcon.cjs.js');
 const icons_MemoryIcon = require('../../../icons/MemoryIcon.cjs.js');
+const icons_ScorersIcon = require('../../../icons/ScorersIcon.cjs.js');
 const icons_SkillIcon = require('../../../icons/SkillIcon.cjs.js');
 const icons_ToolsIcon = require('../../../icons/ToolsIcon.cjs.js');
 const icons_WorkflowIcon = require('../../../icons/WorkflowIcon.cjs.js');
+const icons_WorkspacesIcon = require('../../../icons/WorkspacesIcon.cjs.js');
 
 const spanTypePrefixes = [
   "agent",
@@ -69,7 +70,7 @@ const spanTypeToUiElements = {
     typePrefix: "memory"
   },
   workspace: {
-    icon: /* @__PURE__ */ jsxRuntime.jsx(icons_FolderIcon.FolderIcon, {}),
+    icon: /* @__PURE__ */ jsxRuntime.jsx(icons_WorkspacesIcon.WorkspacesIcon, {}),
     color: "var(--span-workspace)",
     label: "Workspace",
     typePrefix: "workspace"
@@ -81,7 +82,7 @@ const spanTypeToUiElements = {
     typePrefix: "skill"
   },
   scorer: {
-    icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.GaugeIcon, {}),
+    icon: /* @__PURE__ */ jsxRuntime.jsx(icons_ScorersIcon.ScorersIcon, {}),
     color: "var(--span-scorer)",
     label: "Scorer",
     typePrefix: "scorer"

package/dist/domains/traces/components/shared.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"shared.cjs.js","sources":["../../../../src/domains/traces/components/shared.tsx"],"sourcesContent":["import { BrainIcon, GaugeIcon } from 'lucide-react';\nimport type { UISpanStyle } from '../types';\nimport { AgentIcon } from '@/ds/icons/AgentIcon';\nimport { FolderIcon } from '@/ds/icons/FolderIcon';\nimport { McpServerIcon } from '@/ds/icons/McpServerIcon';\nimport { MemoryIcon } from '@/ds/icons/MemoryIcon';\nimport { SkillIcon } from '@/ds/icons/SkillIcon';\nimport { ToolsIcon } from '@/ds/icons/ToolsIcon';\nimport { WorkflowIcon } from '@/ds/icons/WorkflowIcon';\n\nexport const spanTypePrefixes = [\n  'agent',\n  'workflow',\n  'model',\n  'mcp',\n  'tool',\n  'provider',\n  'memory',\n  'workspace',\n  'skill',\n  'scorer',\n  'other',\n];\n\nconst spanTypeToUiElements: Record<string, UISpanStyle> = {\n  agent: {\n    icon: <AgentIcon />,\n    color: 'var(--span-agent)',\n    label: 'Agent',\n    typePrefix: 'agent',\n  },\n  workflow: {\n    icon: <WorkflowIcon />,\n    color: 'var(--span-workflow)',\n    label: 'Workflow',\n    typePrefix: 'workflow',\n  },\n  model: {\n    icon: <BrainIcon />,\n    color: 'var(--span-model)',\n    label: 'Model',\n    typePrefix: 'model',\n  },\n  mcp: {\n    icon: <McpServerIcon />,\n    color: 'var(--span-mcp)',\n    label: 'MCP',\n    typePrefix: 'mcp',\n  },\n  tool: {\n    icon: <ToolsIcon />,\n    color: 'var(--span-tool)',\n    label: 'Tool',\n    typePrefix: 'tool',\n  },\n  provider: {\n    icon: <ToolsIcon />,\n    color: 'var(--span-provider)',\n    label: 'Provider Tool',\n    typePrefix: 'provider',\n  },\n  memory: {\n    icon: <MemoryIcon />,\n    color: 'var(--span-memory)',\n    label: 'Memory',\n    typePrefix: 'memory',\n  },\n  workspace: {\n    icon: <FolderIcon />,\n    color: 'var(--span-workspace)',\n    label: 'Workspace',\n    typePrefix: 'workspace',\n  },\n  skill: {\n    icon: <SkillIcon />,\n    color: 'var(--span-skill)',\n    label: 'Skill',\n    typePrefix: 'skill',\n  },\n  scorer: {\n    icon: <GaugeIcon />,\n    color: 'var(--span-scorer)',\n    label: 'Scorer',\n    typePrefix: 'scorer',\n  },\n};\n\nconst otherSpanType: UISpanStyle = {\n  color: 'var(--span-other)',\n  label: 'Other',\n  typePrefix: 'other',\n};\n\nexport function getSpanTypeUi(type: string) {\n  const typePrefix = type?.toLowerCase().split('_')[0] ?? '';\n  return spanTypeToUiElements[typePrefix] ?? otherSpanType;\n}\n"],"names":["AgentIcon","WorkflowIcon","BrainIcon","McpServerIcon","ToolsIcon","MemoryIcon","FolderIcon","SkillIcon","GaugeIcon"],"mappings":";;;;;;;;;;;;;;AAUO,MAAM,gBAAA,GAAmB;AAAA,EAC9B,OAAA;AAAA,EACA,UAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAA;AAAA,EACA,UAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF;AAEA,MAAM,oBAAA,GAAoD;AAAA,EACxD,KAAA,EAAO;AAAA,IACL,IAAA,iCAAOA,yBAAA,EAAA,EAAU,CAAA;AAAA,IACjB,KAAA,EAAO,mBAAA;AAAA,IACP,KAAA,EAAO,OAAA;AAAA,IACP,UAAA,EAAY;AAAA,GACd;AAAA,EACA,QAAA,EAAU;AAAA,IACR,IAAA,iCAAOC,+BAAA,EAAA,EAAa,CAAA;AAAA,IACpB,KAAA,EAAO,sBAAA;AAAA,IACP,KAAA,EAAO,UAAA;AAAA,IACP,UAAA,EAAY;AAAA,GACd;AAAA,EACA,KAAA,EAAO;AAAA,IACL,IAAA,iCAAOC,qBAAA,EAAA,EAAU,CAAA;AAAA,IACjB,KAAA,EAAO,mBAAA;AAAA,IACP,KAAA,EAAO,OAAA;AAAA,IACP,UAAA,EAAY;AAAA,GACd;AAAA,EACA,GAAA,EAAK;AAAA,IACH,IAAA,iCAAOC,iCAAA,EAAA,EAAc,CAAA;AAAA,IACrB,KAAA,EAAO,iBAAA;AAAA,IACP,KAAA,EAAO,KAAA;AAAA,IACP,UAAA,EAAY;AAAA,GACd;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,IAAA,iCAAOC,yBAAA,EAAA,EAAU,CAAA;AAAA,IACjB,KAAA,EAAO,kBAAA;AAAA,IACP,KAAA,EAAO,MAAA;AAAA,IACP,UAAA,EAAY;AAAA,GACd;AAAA,EACA,QAAA,EAAU;AAAA,IACR,IAAA,iCAAOA,yBAAA,EAAA,EAAU,CAAA;AAAA,IACjB,KAAA,EAAO,sBAAA;AAAA,IACP,KAAA,EAAO,eAAA;AAAA,IACP,UAAA,EAAY;AAAA,GACd;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,IAAA,iCAAOC,2BAAA,EAAA,EAAW,CAAA;AAAA,IAClB,KAAA,EAAO,oBAAA;AAAA,IACP,KAAA,EAAO,QAAA;AAAA,IACP,UAAA,EAAY;AAAA,GACd;AAAA,EACA,SAAA,EAAW;AAAA,IACT,IAAA,iCAAOC,2BAAA,EAAA,EAAW,CAAA;AAAA,IAClB,KAAA,EAAO,uBAAA;AAAA,IACP,KAAA,EAAO,WAAA;AAAA,IACP,UAAA,EAAY;AAAA,GACd;AAAA,EACA,KAAA,EAAO;AAAA,IACL,IAAA,iCAAOC,yBAAA,EAAA,EAAU,CAAA;AAAA,IACjB,KAAA,EAAO,mBAAA;AAAA,IACP,KAAA,EAAO,OAAA;AAAA,IACP,UAAA,EAAY;AAAA,GACd;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,IAAA,iCAAOC,qBAAA,EAAA,EAAU,CAAA;AAAA,IACjB,KAAA,EAAO,oBAAA;AAAA,IACP,KAAA,EAAO,QAAA;AAAA,IACP,UAAA,EAAY;AAAA;AAEhB,CAAA;AAEA,MAAM,aAAA,GAA6B;AAAA,EACjC,KAAA,EAAO,mBAAA;AAAA,EACP,KAAA,EAAO,OAAA;AAAA,EACP,UAAA,EAAY;AACd,CAAA;AAEO,SAAS,cAAc,IAAA,EAAc;AAC1C,EAAA,MAAM,UAAA,GAAa,MAAM,WAAA,EAAY,CAAE,MAAM,GAAG,CAAA,CAAE,CAAC,CAAA,IAAK,EAAA;AACxD,EAAA,OAAO,oBAAA,CAAqB,UAAU,CAAA,IAAK,aAAA;AAC7C;;;;;"}
+{"version":3,"file":"shared.cjs.js","sources":["../../../../src/domains/traces/components/shared.tsx"],"sourcesContent":["import { BrainIcon } from 'lucide-react';\nimport type { UISpanStyle } from '../types';\nimport { AgentIcon } from '@/ds/icons/AgentIcon';\nimport { McpServerIcon } from '@/ds/icons/McpServerIcon';\nimport { MemoryIcon } from '@/ds/icons/MemoryIcon';\nimport { ScorersIcon } from '@/ds/icons/ScorersIcon';\nimport { SkillIcon } from '@/ds/icons/SkillIcon';\nimport { ToolsIcon } from '@/ds/icons/ToolsIcon';\nimport { WorkflowIcon } from '@/ds/icons/WorkflowIcon';\nimport { WorkspacesIcon } from '@/ds/icons/WorkspacesIcon';\n\nexport const spanTypePrefixes = [\n  'agent',\n  'workflow',\n  'model',\n  'mcp',\n  'tool',\n  'provider',\n  'memory',\n  'workspace',\n  'skill',\n  'scorer',\n  'other',\n];\n\nconst spanTypeToUiElements: Record<string, UISpanStyle> = {\n  agent: {\n    icon: <AgentIcon />,\n    color: 'var(--span-agent)',\n    label: 'Agent',\n    typePrefix: 'agent',\n  },\n  workflow: {\n    icon: <WorkflowIcon />,\n    color: 'var(--span-workflow)',\n    label: 'Workflow',\n    typePrefix: 'workflow',\n  },\n  model: {\n    icon: <BrainIcon />,\n    color: 'var(--span-model)',\n    label: 'Model',\n    typePrefix: 'model',\n  },\n  mcp: {\n    icon: <McpServerIcon />,\n    color: 'var(--span-mcp)',\n    label: 'MCP',\n    typePrefix: 'mcp',\n  },\n  tool: {\n    icon: <ToolsIcon />,\n    color: 'var(--span-tool)',\n    label: 'Tool',\n    typePrefix: 'tool',\n  },\n  provider: {\n    icon: <ToolsIcon />,\n    color: 'var(--span-provider)',\n    label: 'Provider Tool',\n    typePrefix: 'provider',\n  },\n  memory: {\n    icon: <MemoryIcon />,\n    color: 'var(--span-memory)',\n    label: 'Memory',\n    typePrefix: 'memory',\n  },\n  workspace: {\n    icon: <WorkspacesIcon />,\n    color: 'var(--span-workspace)',\n    label: 'Workspace',\n    typePrefix: 'workspace',\n  },\n  skill: {\n    icon: <SkillIcon />,\n    color: 'var(--span-skill)',\n    label: 'Skill',\n    typePrefix: 'skill',\n  },\n  scorer: {\n    icon: <ScorersIcon />,\n    color: 'var(--span-scorer)',\n    label: 'Scorer',\n    typePrefix: 'scorer',\n  },\n};\n\nconst otherSpanType: UISpanStyle = {\n  color: 'var(--span-other)',\n  label: 'Other',\n  typePrefix: 'other',\n};\n\nexport function getSpanTypeUi(type: string) {\n  const typePrefix = type?.toLowerCase().split('_')[0] ?? '';\n  return spanTypeToUiElements[typePrefix] ?? otherSpanType;\n}\n"],"names":["AgentIcon","WorkflowIcon","BrainIcon","McpServerIcon","ToolsIcon","MemoryIcon","WorkspacesIcon","SkillIcon","ScorersIcon"],"mappings":";;;;;;;;;;;;;;;AAWO,MAAM,gBAAA,GAAmB;AAAA,EAC9B,OAAA;AAAA,EACA,UAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAA;AAAA,EACA,UAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF;AAEA,MAAM,oBAAA,GAAoD;AAAA,EACxD,KAAA,EAAO;AAAA,IACL,IAAA,iCAAOA,yBAAA,EAAA,EAAU,CAAA;AAAA,IACjB,KAAA,EAAO,mBAAA;AAAA,IACP,KAAA,EAAO,OAAA;AAAA,IACP,UAAA,EAAY;AAAA,GACd;AAAA,EACA,QAAA,EAAU;AAAA,IACR,IAAA,iCAAOC,+BAAA,EAAA,EAAa,CAAA;AAAA,IACpB,KAAA,EAAO,sBAAA;AAAA,IACP,KAAA,EAAO,UAAA;AAAA,IACP,UAAA,EAAY;AAAA,GACd;AAAA,EACA,KAAA,EAAO;AAAA,IACL,IAAA,iCAAOC,qBAAA,EAAA,EAAU,CAAA;AAAA,IACjB,KAAA,EAAO,mBAAA;AAAA,IACP,KAAA,EAAO,OAAA;AAAA,IACP,UAAA,EAAY;AAAA,GACd;AAAA,EACA,GAAA,EAAK;AAAA,IACH,IAAA,iCAAOC,iCAAA,EAAA,EAAc,CAAA;AAAA,IACrB,KAAA,EAAO,iBAAA;AAAA,IACP,KAAA,EAAO,KAAA;AAAA,IACP,UAAA,EAAY;AAAA,GACd;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,IAAA,iCAAOC,yBAAA,EAAA,EAAU,CAAA;AAAA,IACjB,KAAA,EAAO,kBAAA;AAAA,IACP,KAAA,EAAO,MAAA;AAAA,IACP,UAAA,EAAY;AAAA,GACd;AAAA,EACA,QAAA,EAAU;AAAA,IACR,IAAA,iCAAOA,yBAAA,EAAA,EAAU,CAAA;AAAA,IACjB,KAAA,EAAO,sBAAA;AAAA,IACP,KAAA,EAAO,eAAA;AAAA,IACP,UAAA,EAAY;AAAA,GACd;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,IAAA,iCAAOC,2BAAA,EAAA,EAAW,CAAA;AAAA,IAClB,KAAA,EAAO,oBAAA;AAAA,IACP,KAAA,EAAO,QAAA;AAAA,IACP,UAAA,EAAY;AAAA,GACd;AAAA,EACA,SAAA,EAAW;AAAA,IACT,IAAA,iCAAOC,mCAAA,EAAA,EAAe,CAAA;AAAA,IACtB,KAAA,EAAO,uBAAA;AAAA,IACP,KAAA,EAAO,WAAA;AAAA,IACP,UAAA,EAAY;AAAA,GACd;AAAA,EACA,KAAA,EAAO;AAAA,IACL,IAAA,iCAAOC,yBAAA,EAAA,EAAU,CAAA;AAAA,IACjB,KAAA,EAAO,mBAAA;AAAA,IACP,KAAA,EAAO,OAAA;AAAA,IACP,UAAA,EAAY;AAAA,GACd;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,IAAA,iCAAOC,6BAAA,EAAA,EAAY,CAAA;AAAA,IACnB,KAAA,EAAO,oBAAA;AAAA,IACP,KAAA,EAAO,QAAA;AAAA,IACP,UAAA,EAAY;AAAA;AAEhB,CAAA;AAEA,MAAM,aAAA,GAA6B;AAAA,EACjC,KAAA,EAAO,mBAAA;AAAA,EACP,KAAA,EAAO,OAAA;AAAA,EACP,UAAA,EAAY;AACd,CAAA;AAEO,SAAS,cAAc,IAAA,EAAc;AAC1C,EAAA,MAAM,UAAA,GAAa,MAAM,WAAA,EAAY,CAAE,MAAM,GAAG,CAAA,CAAE,CAAC,CAAA,IAAK,EAAA;AACxD,EAAA,OAAO,oBAAA,CAAqB,UAAU,CAAA,IAAK,aAAA;AAC7C;;;;;"}

package/dist/domains/traces/components/shared.es.js

@@ -1,12 +1,13 @@
 import { jsx } from 'react/jsx-runtime';
-import { GaugeIcon, BrainIcon } from 'lucide-react';
+import { BrainIcon } from 'lucide-react';
 import { AgentIcon } from '../../../icons/AgentIcon.es.js';
-import { FolderIcon } from '../../../icons/FolderIcon.es.js';
 import { McpServerIcon } from '../../../icons/McpServerIcon.es.js';
 import { MemoryIcon } from '../../../icons/MemoryIcon.es.js';
+import { ScorersIcon } from '../../../icons/ScorersIcon.es.js';
 import { SkillIcon } from '../../../icons/SkillIcon.es.js';
 import { ToolsIcon } from '../../../icons/ToolsIcon.es.js';
 import { WorkflowIcon } from '../../../icons/WorkflowIcon.es.js';
+import { WorkspacesIcon } from '../../../icons/WorkspacesIcon.es.js';
 
 const spanTypePrefixes = [
   "agent",
@@ -65,7 +66,7 @@ const spanTypeToUiElements = {
     typePrefix: "memory"
   },
   workspace: {
-    icon: /* @__PURE__ */ jsx(FolderIcon, {}),
+    icon: /* @__PURE__ */ jsx(WorkspacesIcon, {}),
     color: "var(--span-workspace)",
     label: "Workspace",
     typePrefix: "workspace"
@@ -77,7 +78,7 @@ const spanTypeToUiElements = {
     typePrefix: "skill"
   },
   scorer: {
-    icon: /* @__PURE__ */ jsx(GaugeIcon, {}),
+    icon: /* @__PURE__ */ jsx(ScorersIcon, {}),
     color: "var(--span-scorer)",
     label: "Scorer",
     typePrefix: "scorer"

package/dist/domains/traces/components/shared.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"shared.es.js","sources":["../../../../src/domains/traces/components/shared.tsx"],"sourcesContent":["import { BrainIcon, GaugeIcon } from 'lucide-react';\nimport type { UISpanStyle } from '../types';\nimport { AgentIcon } from '@/ds/icons/AgentIcon';\nimport { FolderIcon } from '@/ds/icons/FolderIcon';\nimport { McpServerIcon } from '@/ds/icons/McpServerIcon';\nimport { MemoryIcon } from '@/ds/icons/MemoryIcon';\nimport { SkillIcon } from '@/ds/icons/SkillIcon';\nimport { ToolsIcon } from '@/ds/icons/ToolsIcon';\nimport { WorkflowIcon } from '@/ds/icons/WorkflowIcon';\n\nexport const spanTypePrefixes = [\n  'agent',\n  'workflow',\n  'model',\n  'mcp',\n  'tool',\n  'provider',\n  'memory',\n  'workspace',\n  'skill',\n  'scorer',\n  'other',\n];\n\nconst spanTypeToUiElements: Record<string, UISpanStyle> = {\n  agent: {\n    icon: <AgentIcon />,\n    color: 'var(--span-agent)',\n    label: 'Agent',\n    typePrefix: 'agent',\n  },\n  workflow: {\n    icon: <WorkflowIcon />,\n    color: 'var(--span-workflow)',\n    label: 'Workflow',\n    typePrefix: 'workflow',\n  },\n  model: {\n    icon: <BrainIcon />,\n    color: 'var(--span-model)',\n    label: 'Model',\n    typePrefix: 'model',\n  },\n  mcp: {\n    icon: <McpServerIcon />,\n    color: 'var(--span-mcp)',\n    label: 'MCP',\n    typePrefix: 'mcp',\n  },\n  tool: {\n    icon: <ToolsIcon />,\n    color: 'var(--span-tool)',\n    label: 'Tool',\n    typePrefix: 'tool',\n  },\n  provider: {\n    icon: <ToolsIcon />,\n    color: 'var(--span-provider)',\n    label: 'Provider Tool',\n    typePrefix: 'provider',\n  },\n  memory: {\n    icon: <MemoryIcon />,\n    color: 'var(--span-memory)',\n    label: 'Memory',\n    typePrefix: 'memory',\n  },\n  workspace: {\n    icon: <FolderIcon />,\n    color: 'var(--span-workspace)',\n    label: 'Workspace',\n    typePrefix: 'workspace',\n  },\n  skill: {\n    icon: <SkillIcon />,\n    color: 'var(--span-skill)',\n    label: 'Skill',\n    typePrefix: 'skill',\n  },\n  scorer: {\n    icon: <GaugeIcon />,\n    color: 'var(--span-scorer)',\n    label: 'Scorer',\n    typePrefix: 'scorer',\n  },\n};\n\nconst otherSpanType: UISpanStyle = {\n  color: 'var(--span-other)',\n  label: 'Other',\n  typePrefix: 'other',\n};\n\nexport function getSpanTypeUi(type: string) {\n  const typePrefix = type?.toLowerCase().split('_')[0] ?? '';\n  return spanTypeToUiElements[typePrefix] ?? otherSpanType;\n}\n"],"names":[],"mappings":";;;;;;;;;;AAUO,MAAM,gBAAA,GAAmB;AAAA,EAC9B,OAAA;AAAA,EACA,UAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAA;AAAA,EACA,UAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF;AAEA,MAAM,oBAAA,GAAoD;AAAA,EACxD,KAAA,EAAO;AAAA,IACL,IAAA,sBAAO,SAAA,EAAA,EAAU,CAAA;AAAA,IACjB,KAAA,EAAO,mBAAA;AAAA,IACP,KAAA,EAAO,OAAA;AAAA,IACP,UAAA,EAAY;AAAA,GACd;AAAA,EACA,QAAA,EAAU;AAAA,IACR,IAAA,sBAAO,YAAA,EAAA,EAAa,CAAA;AAAA,IACpB,KAAA,EAAO,sBAAA;AAAA,IACP,KAAA,EAAO,UAAA;AAAA,IACP,UAAA,EAAY;AAAA,GACd;AAAA,EACA,KAAA,EAAO;AAAA,IACL,IAAA,sBAAO,SAAA,EAAA,EAAU,CAAA;AAAA,IACjB,KAAA,EAAO,mBAAA;AAAA,IACP,KAAA,EAAO,OAAA;AAAA,IACP,UAAA,EAAY;AAAA,GACd;AAAA,EACA,GAAA,EAAK;AAAA,IACH,IAAA,sBAAO,aAAA,EAAA,EAAc,CAAA;AAAA,IACrB,KAAA,EAAO,iBAAA;AAAA,IACP,KAAA,EAAO,KAAA;AAAA,IACP,UAAA,EAAY;AAAA,GACd;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,IAAA,sBAAO,SAAA,EAAA,EAAU,CAAA;AAAA,IACjB,KAAA,EAAO,kBAAA;AAAA,IACP,KAAA,EAAO,MAAA;AAAA,IACP,UAAA,EAAY;AAAA,GACd;AAAA,EACA,QAAA,EAAU;AAAA,IACR,IAAA,sBAAO,SAAA,EAAA,EAAU,CAAA;AAAA,IACjB,KAAA,EAAO,sBAAA;AAAA,IACP,KAAA,EAAO,eAAA;AAAA,IACP,UAAA,EAAY;AAAA,GACd;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,IAAA,sBAAO,UAAA,EAAA,EAAW,CAAA;AAAA,IAClB,KAAA,EAAO,oBAAA;AAAA,IACP,KAAA,EAAO,QAAA;AAAA,IACP,UAAA,EAAY;AAAA,GACd;AAAA,EACA,SAAA,EAAW;AAAA,IACT,IAAA,sBAAO,UAAA,EAAA,EAAW,CAAA;AAAA,IAClB,KAAA,EAAO,uBAAA;AAAA,IACP,KAAA,EAAO,WAAA;AAAA,IACP,UAAA,EAAY;AAAA,GACd;AAAA,EACA,KAAA,EAAO;AAAA,IACL,IAAA,sBAAO,SAAA,EAAA,EAAU,CAAA;AAAA,IACjB,KAAA,EAAO,mBAAA;AAAA,IACP,KAAA,EAAO,OAAA;AAAA,IACP,UAAA,EAAY;AAAA,GACd;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,IAAA,sBAAO,SAAA,EAAA,EAAU,CAAA;AAAA,IACjB,KAAA,EAAO,oBAAA;AAAA,IACP,KAAA,EAAO,QAAA;AAAA,IACP,UAAA,EAAY;AAAA;AAEhB,CAAA;AAEA,MAAM,aAAA,GAA6B;AAAA,EACjC,KAAA,EAAO,mBAAA;AAAA,EACP,KAAA,EAAO,OAAA;AAAA,EACP,UAAA,EAAY;AACd,CAAA;AAEO,SAAS,cAAc,IAAA,EAAc;AAC1C,EAAA,MAAM,UAAA,GAAa,MAAM,WAAA,EAAY,CAAE,MAAM,GAAG,CAAA,CAAE,CAAC,CAAA,IAAK,EAAA;AACxD,EAAA,OAAO,oBAAA,CAAqB,UAAU,CAAA,IAAK,aAAA;AAC7C;;;;"}
+{"version":3,"file":"shared.es.js","sources":["../../../../src/domains/traces/components/shared.tsx"],"sourcesContent":["import { BrainIcon } from 'lucide-react';\nimport type { UISpanStyle } from '../types';\nimport { AgentIcon } from '@/ds/icons/AgentIcon';\nimport { McpServerIcon } from '@/ds/icons/McpServerIcon';\nimport { MemoryIcon } from '@/ds/icons/MemoryIcon';\nimport { ScorersIcon } from '@/ds/icons/ScorersIcon';\nimport { SkillIcon } from '@/ds/icons/SkillIcon';\nimport { ToolsIcon } from '@/ds/icons/ToolsIcon';\nimport { WorkflowIcon } from '@/ds/icons/WorkflowIcon';\nimport { WorkspacesIcon } from '@/ds/icons/WorkspacesIcon';\n\nexport const spanTypePrefixes = [\n  'agent',\n  'workflow',\n  'model',\n  'mcp',\n  'tool',\n  'provider',\n  'memory',\n  'workspace',\n  'skill',\n  'scorer',\n  'other',\n];\n\nconst spanTypeToUiElements: Record<string, UISpanStyle> = {\n  agent: {\n    icon: <AgentIcon />,\n    color: 'var(--span-agent)',\n    label: 'Agent',\n    typePrefix: 'agent',\n  },\n  workflow: {\n    icon: <WorkflowIcon />,\n    color: 'var(--span-workflow)',\n    label: 'Workflow',\n    typePrefix: 'workflow',\n  },\n  model: {\n    icon: <BrainIcon />,\n    color: 'var(--span-model)',\n    label: 'Model',\n    typePrefix: 'model',\n  },\n  mcp: {\n    icon: <McpServerIcon />,\n    color: 'var(--span-mcp)',\n    label: 'MCP',\n    typePrefix: 'mcp',\n  },\n  tool: {\n    icon: <ToolsIcon />,\n    color: 'var(--span-tool)',\n    label: 'Tool',\n    typePrefix: 'tool',\n  },\n  provider: {\n    icon: <ToolsIcon />,\n    color: 'var(--span-provider)',\n    label: 'Provider Tool',\n    typePrefix: 'provider',\n  },\n  memory: {\n    icon: <MemoryIcon />,\n    color: 'var(--span-memory)',\n    label: 'Memory',\n    typePrefix: 'memory',\n  },\n  workspace: {\n    icon: <WorkspacesIcon />,\n    color: 'var(--span-workspace)',\n    label: 'Workspace',\n    typePrefix: 'workspace',\n  },\n  skill: {\n    icon: <SkillIcon />,\n    color: 'var(--span-skill)',\n    label: 'Skill',\n    typePrefix: 'skill',\n  },\n  scorer: {\n    icon: <ScorersIcon />,\n    color: 'var(--span-scorer)',\n    label: 'Scorer',\n    typePrefix: 'scorer',\n  },\n};\n\nconst otherSpanType: UISpanStyle = {\n  color: 'var(--span-other)',\n  label: 'Other',\n  typePrefix: 'other',\n};\n\nexport function getSpanTypeUi(type: string) {\n  const typePrefix = type?.toLowerCase().split('_')[0] ?? '';\n  return spanTypeToUiElements[typePrefix] ?? otherSpanType;\n}\n"],"names":[],"mappings":";;;;;;;;;;;AAWO,MAAM,gBAAA,GAAmB;AAAA,EAC9B,OAAA;AAAA,EACA,UAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAA;AAAA,EACA,UAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF;AAEA,MAAM,oBAAA,GAAoD;AAAA,EACxD,KAAA,EAAO;AAAA,IACL,IAAA,sBAAO,SAAA,EAAA,EAAU,CAAA;AAAA,IACjB,KAAA,EAAO,mBAAA;AAAA,IACP,KAAA,EAAO,OAAA;AAAA,IACP,UAAA,EAAY;AAAA,GACd;AAAA,EACA,QAAA,EAAU;AAAA,IACR,IAAA,sBAAO,YAAA,EAAA,EAAa,CAAA;AAAA,IACpB,KAAA,EAAO,sBAAA;AAAA,IACP,KAAA,EAAO,UAAA;AAAA,IACP,UAAA,EAAY;AAAA,GACd;AAAA,EACA,KAAA,EAAO;AAAA,IACL,IAAA,sBAAO,SAAA,EAAA,EAAU,CAAA;AAAA,IACjB,KAAA,EAAO,mBAAA;AAAA,IACP,KAAA,EAAO,OAAA;AAAA,IACP,UAAA,EAAY;AAAA,GACd;AAAA,EACA,GAAA,EAAK;AAAA,IACH,IAAA,sBAAO,aAAA,EAAA,EAAc,CAAA;AAAA,IACrB,KAAA,EAAO,iBAAA;AAAA,IACP,KAAA,EAAO,KAAA;AAAA,IACP,UAAA,EAAY;AAAA,GACd;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,IAAA,sBAAO,SAAA,EAAA,EAAU,CAAA;AAAA,IACjB,KAAA,EAAO,kBAAA;AAAA,IACP,KAAA,EAAO,MAAA;AAAA,IACP,UAAA,EAAY;AAAA,GACd;AAAA,EACA,QAAA,EAAU;AAAA,IACR,IAAA,sBAAO,SAAA,EAAA,EAAU,CAAA;AAAA,IACjB,KAAA,EAAO,sBAAA;AAAA,IACP,KAAA,EAAO,eAAA;AAAA,IACP,UAAA,EAAY;AAAA,GACd;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,IAAA,sBAAO,UAAA,EAAA,EAAW,CAAA;AAAA,IAClB,KAAA,EAAO,oBAAA;AAAA,IACP,KAAA,EAAO,QAAA;AAAA,IACP,UAAA,EAAY;AAAA,GACd;AAAA,EACA,SAAA,EAAW;AAAA,IACT,IAAA,sBAAO,cAAA,EAAA,EAAe,CAAA;AAAA,IACtB,KAAA,EAAO,uBAAA;AAAA,IACP,KAAA,EAAO,WAAA;AAAA,IACP,UAAA,EAAY;AAAA,GACd;AAAA,EACA,KAAA,EAAO;AAAA,IACL,IAAA,sBAAO,SAAA,EAAA,EAAU,CAAA;AAAA,IACjB,KAAA,EAAO,mBAAA;AAAA,IACP,KAAA,EAAO,OAAA;AAAA,IACP,UAAA,EAAY;AAAA,GACd;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,IAAA,sBAAO,WAAA,EAAA,EAAY,CAAA;AAAA,IACnB,KAAA,EAAO,oBAAA;AAAA,IACP,KAAA,EAAO,QAAA;AAAA,IACP,UAAA,EAAY;AAAA;AAEhB,CAAA;AAEA,MAAM,aAAA,GAA6B;AAAA,EACjC,KAAA,EAAO,mBAAA;AAAA,EACP,KAAA,EAAO,OAAA;AAAA,EACP,UAAA,EAAY;AACd,CAAA;AAEO,SAAS,cAAc,IAAA,EAAc;AAC1C,EAAA,MAAM,UAAA,GAAa,MAAM,WAAA,EAAY,CAAE,MAAM,GAAG,CAAA,CAAE,CAAC,CAAA,IAAK,EAAA;AACxD,EAAA,OAAO,oBAAA,CAAqB,UAAU,CAAA,IAAK,aAAA;AAC7C;;;;"}

package/dist/domains/traces/components/span-data-panel-view.cjs.js

@@ -15,7 +15,7 @@ const utils_cn = require('../../../cn-DlOJCxrS.cjs');
 require('react');
 require('../../chat/attachments/composer-attachment-context.cjs.js');
 require('@base-ui/react/use-render');
-require('../../../Button-DH1aTzbs.cjs');
+require('../../../Button-C4I05uT4.cjs');
 require('../../chat/context/chat-context.cjs.js');
 require('./span-payload/span-payload-processor.cjs.js');
 const domains_traces_components_spanPayload_spanProcessorAttributes = require('./span-payload/span-processor-attributes.cjs.js');
@@ -23,12 +23,12 @@ const domains_traces_components_spanPayload_spanPayloadRegistry = require('./spa
 const domains_traces_components_spanSummaryDescription = require('./span-summary-description.cjs.js');
 const domains_traces_components_spanTokenUsage = require('./span-token-usage.cjs.js');
 const domains_traces_components_traceIdButton = require('./trace-id-button.cjs.js');
-const dataKeysAndValues = require('../../../data-keys-and-values-1lYi60YK.cjs');
-const dataPanel = require('../../../data-panel-BkfjzriB.cjs');
+const dataKeysAndValues = require('../../../data-keys-and-values-DBXIqeXt.cjs');
+const dataPanel = require('../../../data-panel-DGNV14pm.cjs');
 const Notice = require('../../../Notice-DYgIy4FO.cjs');
 const tabsRoot = require('../../../tabs-root-sOhEgFZ-.cjs');
 const tabsList = require('../../../tabs-list-BTRYiT_o.cjs');
-const tabsTab = require('../../../tabs-tab-DRaRUvQ3.cjs');
+const tabsTab = require('../../../tabs-tab-B0W25Dm2.cjs');
 const tabsContent = require('../../../tabs-content-B16298Ur.cjs');
 
 const BODY_CLASS = "min-h-0 flex-1 overflow-y-auto px-2 py-3";