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

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

@@ -1 +1 @@
-{"version":3,"file":"feedback-thread.cjs.js","names":["ReviewStatusBadge","feedbackAuthorLabel","Avatar","CommentItemAuthor","CommentItemTimestamp","formatDate","CommentItemActions","DropdownMenu","Button","EllipsisIcon","Icon","ClipboardCheck","Trash2","CommentItemBody","CommentItem","CommentItemAvatar","CommentItemContent","CommentItemHeader","_Fragment","CommentList","useState","Comment","InputGroup","InputGroupInput","InputGroupAddon","InputGroupButton","ArrowUp","Txt","ChevronLeft","ChevronRight","AlertDialog"],"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"],"mappings":"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"}
+{"version":3,"file":"feedback-thread.cjs.js","names":["ReviewStatusBadge","feedbackAuthorLabel","Avatar","CommentItemAuthor","CommentItemTimestamp","formatDate","CommentItemActions","DropdownMenu","Button","EllipsisIcon","Icon","ClipboardCheck","Trash2","CommentItemBody","CommentItem","CommentItemAvatar","CommentItemContent","CommentItemHeader","_Fragment","CommentList","useState","Comment","InputGroup","InputGroupInput","InputGroupAddon","InputGroupButton","ArrowUp","Notice","Txt","ChevronLeft","ChevronRight","AlertDialog"],"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 { Notice } from '@/ds/components/Notice';\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  submitError?: string;\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  submitError,\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      {submitError && (\n        <Notice variant=\"destructive\" role=\"alert\">\n          <Notice.Message>{submitError}</Notice.Message>\n        </Notice>\n      )}\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"],"mappings":"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"}

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

@@ -3,9 +3,10 @@ import { feedbackAuthorLabel } from "../utils/feedback-author.es.js";
 import { AlertDialog } from "../../../components/AlertDialog.es.js";
 import { t as Avatar } from "../../../Avatar-DOoEXudh.js";
 import { t as Button } from "../../../Button-Bi7aXd_G.js";
-import { c as CommentItem, d as CommentItemAvatar, f as CommentItemBody, g as CommentList, h as CommentItemTimestamp, l as CommentItemActions, m as CommentItemHeader, p as CommentItemContent, s as Comment, u as CommentItemAuthor } from "../../../Comment-2q9SomE2.js";
-import { t as DropdownMenu } from "../../../dropdown-menu-DKoWI8kD.js";
-import { i as InputGroupInput, n as InputGroupAddon, r as InputGroupButton, t as InputGroup } from "../../../input-group-NV4ZzKOk.js";
+import { c as CommentItem, d as CommentItemAvatar, f as CommentItemBody, g as CommentList, h as CommentItemTimestamp, l as CommentItemActions, m as CommentItemHeader, p as CommentItemContent, s as Comment, u as CommentItemAuthor } from "../../../Comment-D_gSx7oM.js";
+import { t as DropdownMenu } from "../../../dropdown-menu-jsf9D-J_.js";
+import { i as InputGroupInput, n as InputGroupAddon, r as InputGroupButton, t as InputGroup } from "../../../input-group-CCSyY4J5.js";
+import { t as Notice } from "../../../Notice-OSlG42lD.js";
 import { t as Txt } from "../../../Txt-5efBsb2p.js";
 import { Icon } from "../../../icons/Icon.es.js";
 import { formatDate } from "../../../utils/date-format.es.js";
@@ -90,7 +91,7 @@ function FeedbackItems({ variant, items, onRequestDelete, isDeleting, onMarkRevi
 * Feedback rendered as a comment thread: a composer above, existing records below.
 * Pagination, submission, deletion, and review status are driven by the caller.
 */
-function FeedbackThread({ feedbackData, isLoadingFeedbackData, onPageChange, onSubmit, isSubmitting = false, onDelete, isDeleting = false, variant = "thread", onMarkReviewed, pendingFeedbackId }) {
+function FeedbackThread({ feedbackData, isLoadingFeedbackData, onPageChange, onSubmit, isSubmitting = false, submitError, onDelete, isDeleting = false, variant = "thread", onMarkReviewed, pendingFeedbackId }) {
 	const [text, setText] = useState("");
 	const [feedbackIdToDelete, setFeedbackIdToDelete] = useState();
 	const sendBlocked = text.trim().length === 0 || isSubmitting;
@@ -137,6 +138,11 @@ function FeedbackThread({ feedbackData, isLoadingFeedbackData, onPageChange, onS
 					})]
 				})
 			}),
+			submitError && /* @__PURE__ */ jsx(Notice, {
+				variant: "destructive",
+				role: "alert",
+				children: /* @__PURE__ */ jsx(Notice.Message, { children: submitError })
+			}),
 			/* @__PURE__ */ jsx("div", {
 				className: "min-h-0 overflow-y-auto",
 				children: isLoadingFeedbackData ? /* @__PURE__ */ jsx(Txt, {

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

@@ -1 +1 @@
-{"version":3,"file":"feedback-thread.es.js","names":["_Fragment"],"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"],"mappings":";;;;;;;;;;;;;;;AAiDA,SAAS,0BAA0B,EAAE,UAAoD;CACvF,MAAM,WAAW,WAAW,aAAa,aAAa;CACtD,OACE,oBAAC,mBAAD;EAAmB,aAAU;EAAyB,QAAQ;EAC3D,UAAA,aAAa,aAAa,aAAa;CACvB,CAAA;AAEvB;AAEA,SAAS,WAAW,IAA0B;CAC5C,MAAM,OAAO,GAAG,YAAY,OAAO,GAAG,UAAU,WAAW,GAAG,QAAQ;CACtE,IAAI,MAAM,OAAO;CACjB,IAAI,GAAG,iBAAiB,UAAU,OAAO,GAAG,UAAU,IAAI,OAAc;CACxE,OAAO,OAAO,GAAG,SAAS,EAAE;AAC9B;AASA,SAAS,cAAc,EACrB,SACA,OACA,iBACA,YACA,gBACA,qBACqB;CACrB,MAAM,OAAO,MAAM,KAAK,IAAI,UAAU;EACpC,MAAM,KAAK,IAAI,KAAK,GAAG,SAAS;EAChC,MAAM,SAAS,oBAAoB,EAAE;EACrC,MAAM,SAAS,SAAS,oBAAC,QAAD;GAAQ,MAAM;GAAQ,KAAK,GAAG,QAAQ;GAAW,MAAK;EAAM,CAAA,IAAI;EACxF,MAAM,OAAO,UAAU,oBAAC,mBAAD,EAAA,UAAoB,OAA0B,CAAA;EACrE,MAAM,YACJ,oBAAC,sBAAD;GAAsB,UAAU,GAAG,YAAY;GAAI,UAAA,WAAW,IAAI,WAAW;EAAwB,CAAA;EAEvG,MAAM,aAAa,GAAG;EACtB,MAAM,SAAS,oBAAC,2BAAD,EAA2B,QAAQ,GAAG,aAAe,CAAA;EACpE,MAAM,kBAAkB,QAAQ,kBAAkB,cAAc,GAAG,iBAAiB,UAAU;EAC9F,MAAM,YAAY,QAAQ,mBAAmB,UAAU;EACvD,MAAM,UAAU,eAAe,mBAAmB,cAChD,oBAAC,oBAAD,EAAA,UACE,qBAAC,cAAD,EAAA,UAAA,CACE,oBAAC,aAAa,SAAd,EACE,QACE,oBAAC,QAAD;GAAQ,MAAK;GAAU,SAAQ;GAAQ,cAAW;GAChD,UAAA,oBAAC,cAAD,CAAe,CAAA;EACT,CAAA,EAEX,CAAA,GACD,qBAAC,aAAa,SAAd;GAAsB,OAAM;GAA5B,UAAA,CACG,mBACC,qBAAC,aAAa,MAAd;IACE,UAAU,sBAAsB;IAChC,gBAAgB,iBAAiB,UAAU;IAF7C,UAAA,CAIE,oBAAC,MAAD;KAAM,MAAK;KACT,UAAA,oBAAC,gBAAD,CAAiB,CAAA;IACb,CAAA,GAAC,eAEU;GAEpB,CAAA,GAAA,aACC,qBAAC,aAAa,MAAd;IAAmB,UAAU;IAAY,gBAAgB,kBAAkB,UAAU;IAArF,UAAA,CACE,oBAAC,MAAD;KAAM,MAAK;KACT,UAAA,oBAAC,QAAD,CAAS,CAAA;IACL,CAAA,GAAC,iBAEU;GAED,CAAA,CAAA;EACV,CAAA,CAAA,EAAA,CAAA,EACI,CAAA;EAEtB,MAAM,OAAO,oBAAC,iBAAD,EAAA,UAAkB,WAAW,EAAE,EAAmB,CAAA;EAC/D,MAAM,MAAM,cAAc,GAAG,GAAG,QAAQ,GAAG;EAI3C,IAAI,YAAY,UACd,OACE,qBAAC,aAAD,EAAA,UAAA,CACG,UAAU,oBAAC,mBAAD,EAAA,UAAoB,OAA0B,CAAA,GACzD,qBAAC,oBAAD,EAAA,UAAA,CACE,qBAAC,mBAAD,EAAA,UAAA;GACG;GACA;GACA;GACA;EACgB,EAAA,CAAA,GAClB,IACiB,EAAA,CAAA,CACT,EAAA,GAXK,GAWL;EAKjB,OACE,qBAAC,aAAD,EAAA,UAAA,CACE,qBAAC,mBAAD,EAAA,UAAA;GACG;GACA;GACA;GACA;GACA;EACgB,EAAA,CAAA,GAClB,IACU,EAAA,GATK,GASL;CAEjB,CAAC;CAGD,OAAO,YAAY,WAAW,oBAAAA,YAAA,EAAA,UAAG,KAAO,CAAA,IAAI,oBAAC,aAAD,EAAA,UAAc,KAAkB,CAAA;AAC9E;;;;;AAMA,SAAgB,eAAe,EAC7B,cACA,uBACA,cACA,UACA,eAAe,OACf,UACA,aAAa,OACb,UAAU,UACV,gBACA,qBACsB;CACtB,MAAM,CAAC,MAAM,WAAW,SAAS,EAAE;CACnC,MAAM,CAAC,oBAAoB,yBAAyB,SAAiB;CACrE,MAAM,cAAc,KAAK,KAAK,CAAC,CAAC,WAAW,KAAK;CAEhD,MAAM,gBAAgB,cAAc,YAAY,CAAC;CACjD,MAAM,cAAc,cAAc,YAAY,QAAQ;CACtD,MAAM,UAAU,cAAc,YAAY,WAAW;CAErD,MAAM,sBAAsB,YAAY;EACtC,IAAI,CAAC,sBAAsB,CAAC,UAAU;EAEtC,IAAI;GACF,MAAM,SAAS,kBAAkB;GACjC,sBAAsB,KAAA,CAAS;EACjC,QAAQ,CAER;CACF;CAEA,OACE,qBAAC,SAAD;EAAkB;EAAS,WAAU;EAArC,UAAA;GAEE,oBAAC,QAAD;IACE,cAAW;IACX,WAAU;IACV,UAAU,OAAM,UAAS;KACvB,MAAM,eAAe;KACrB,IAAI,aAAa;KACjB,IAAI;MACF,MAAM,SAAS,KAAK,KAAK,CAAC;MAC1B,QAAQ,EAAE;KACZ,QAAQ,CAER;IACF;IAEA,UAAA,qBAAC,YAAD;KAAY,MAAK;KAAjB,UAAA,CACE,oBAAC,iBAAD;MACE,cAAW;MACX,aAAY;MACZ,OAAO;MACP,WAAU,UAAS,QAAQ,MAAM,OAAO,KAAK;KAC9C,CAAA,GACD,oBAAC,iBAAD;MAAiB,OAAM;MACrB,UAAA,oBAAC,kBAAD;OAAkB,MAAK;OAAS,cAAW;OAAgB,UAAU;OACnE,UAAA,oBAAC,SAAD,CAAU,CAAA;MACM,CAAA;KACH,CAAA,CACP;;GACR,CAAA;GAEN,oBAAC,OAAD;IAAK,WAAU;IACZ,UAAA,wBACC,oBAAC,KAAD;KAAK,SAAQ;KAAO,MAAK;KAAQ,UAAA;IAE5B,CAAA,IACH,cAAc,WAAW,IAC3B,oBAAC,KAAD;KAAK,SAAQ;KAAO,MAAK;KAAQ,WAAU;KAAc,UAAA;IAEpD,CAAA,IAEL,oBAAC,eAAD;KACW;KACT,OAAO;KACP,iBAAiB,WAAW,wBAAwB,KAAA;KACxC;KACI;KACG;IACpB,CAAA;GAEA,CAAA;IAEH,WAAW,cAAc,MACzB,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,oBAAC,QAAD;KACE,MAAM,oBAAC,aAAD,CAAc,CAAA;KACpB,MAAK;KACL,SAAQ;KACR,UAAU,gBAAgB;KAC1B,eAAe,eAAe,cAAc,CAAC;KAC9C,UAAA;IAEO,CAAA,GACR,oBAAC,QAAD;KACE,MAAM,oBAAC,cAAD,CAAe,CAAA;KACrB,MAAK;KACL,SAAQ;KACR,UAAU,CAAC;KACX,eAAe,eAAe,cAAc,CAAC;KAC9C,UAAA;IAEO,CAAA,CACL;;GAGP,oBAAC,aAAD;IACE,MAAM,uBAAuB,KAAA;IAC7B,eAAc,SAAQ;KACpB,IAAI,CAAC,QAAQ,CAAC,YAAY,sBAAsB,KAAA,CAAS;IAC3D;IAEA,UAAA,qBAAC,YAAY,SAAb,EAAA,UAAA,CACE,qBAAC,YAAY,QAAb,EAAA,UAAA,CACE,oBAAC,YAAY,OAAb,EAAA,UAAmB,mBAAmC,CAAA,GACtD,oBAAC,YAAY,aAAb,EAAA,UAAyB,gFAEA,CAAA,CACP,EAAA,CAAA,GACpB,qBAAC,YAAY,QAAb,EAAA,UAAA,CACE,oBAAC,YAAY,QAAb;KAAoB,UAAU;KAAY,UAAA;IAA0B,CAAA,GACpE,oBAAC,QAAD;KAAQ,MAAM,oBAAC,QAAD,CAAS,CAAA;KAAG,SAAQ;KAAU,UAAU;KAAY,SAAS;KACxE,UAAA,aAAa,cAAc;IACtB,CAAA,CACU,EAAA,CAAA,CACD,EAAA,CAAA;GACV,CAAA;EACN;;AAEb"}
+{"version":3,"file":"feedback-thread.es.js","names":["_Fragment"],"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 { Notice } from '@/ds/components/Notice';\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  submitError?: string;\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  submitError,\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      {submitError && (\n        <Notice variant=\"destructive\" role=\"alert\">\n          <Notice.Message>{submitError}</Notice.Message>\n        </Notice>\n      )}\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"],"mappings":"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"}

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

@@ -22,9 +22,9 @@ const require_Badge = require("../../../Badge-DqaMg7Gy.cjs");
 const require_Button = require("../../../Button-BfICfyxD.cjs");
 const require_copy_button = require("../../../copy-button-DuEUYvS2.cjs");
 const require_DataKeysAndValues = require("../../../DataKeysAndValues-BbKeVxrQ.cjs");
-const require_DataPanel = require("../../../DataPanel-BRRAvWYQ.cjs");
+const require_DataPanel = require("../../../DataPanel-LfExjFpP.cjs");
 const require_Notice = require("../../../Notice-B_KjMmA6.cjs");
-const require_tabs_tab = require("../../../tabs-tab-CANh2eAD.cjs");
+const require_tabs_tab = require("../../../tabs-tab-Dj2huH5T.cjs");
 const require_tooltip = require("../../../tooltip-BsExuMO8.cjs");
 const require_Txt = require("../../../Txt-_00wWxTd.cjs");
 const require_icons_Icon = require("../../../icons/Icon.cjs.js");

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

@@ -21,9 +21,9 @@ import { t as Badge } from "../../../Badge-C7NnqmMx.js";
 import { t as Button } from "../../../Button-Bi7aXd_G.js";
 import { t as CopyButton } from "../../../copy-button-B-_Z6N6y.js";
 import { t as DataKeysAndValues } from "../../../DataKeysAndValues-B56je3sK.js";
-import { t as DataPanel } from "../../../DataPanel-pVr5LVaK.js";
+import { t as DataPanel } from "../../../DataPanel-Rv5Mb_pf.js";
 import { t as Notice } from "../../../Notice-OSlG42lD.js";
-import { n as Tabs, r as TabList, t as Tab } from "../../../tabs-tab-BHs639jL.js";
+import { n as Tabs, r as TabList, t as Tab } from "../../../tabs-tab-CJVS0WED.js";
 import { i as TooltipTrigger, n as TooltipContent, t as Tooltip } from "../../../tooltip-DJcze2VZ.js";
 import { t as Txt } from "../../../Txt-5efBsb2p.js";
 import { Icon } from "../../../icons/Icon.es.js";

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

@@ -10,7 +10,7 @@ const require_domains_traces_components_span_payload_span_processor_mutations =
 const require_domains_traces_components_span_payload_span_tools_section = require("./span-payload/span-tools-section.cjs.js");
 const require_domains_traces_components_span_summary_description = require("./span-summary-description.cjs.js");
 const require_domains_traces_components_trace_id_button = require("./trace-id-button.cjs.js");
-const require_DataDetailsPanel = require("../../../DataDetailsPanel-BDoD6pxx.cjs");
+const require_DataDetailsPanel = require("../../../DataDetailsPanel-DCMlaG7j.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
 // src/domains/traces/components/span-details-view.tsx

package/dist/domains/traces/components/span-details-view.es.js

@@ -9,7 +9,7 @@ import { SpanProcessorMutations } from "./span-payload/span-processor-mutations.
 import { SpanToolsSection } from "./span-payload/span-tools-section.es.js";
 import { SpanRunId, SpanSummaryDescription } from "./span-summary-description.es.js";
 import { TraceIdButton } from "./trace-id-button.es.js";
-import { t as DataDetailsPanel } from "../../../DataDetailsPanel-BU05psHL.js";
+import { t as DataDetailsPanel } from "../../../DataDetailsPanel-mTfbbQho.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { ArrowLeftRightIcon, BracesIcon, FileInputIcon, FileOutputIcon } from "lucide-react";
 // src/domains/traces/components/span-details-view.tsx

package/dist/domains/traces/components/span-feedback-tab.cjs.js

@@ -9,7 +9,7 @@ let _mastra_react_hooks_feedback = require("@mastra/react/hooks/feedback");
 * Feedback for a single span. Owns its own pagination: mount it with a `key`
 * on the trace/span pair so a page index never leaks across spans.
 */
-function SpanFeedbackTab({ traceId, spanId }) {
+function SpanFeedbackTab({ traceId, spanId, feedbackOptions }) {
 	const [page, setPage] = (0, react.useState)(0);
 	const { data, isLoading } = (0, _mastra_react_hooks_traces.useSpanFeedback)({
 		traceId,
@@ -17,9 +17,11 @@ function SpanFeedbackTab({ traceId, spanId }) {
 		page,
 		queryOptions: { enabled: !!traceId && !!spanId }
 	});
-	const { mutateAsync, isPending } = (0, _mastra_react_hooks_traces.useCreateFeedback)({
+	const { mutateAsync, isPending, error } = (0, _mastra_react_hooks_traces.useCreateFeedback)({
 		traceId,
-		spanId
+		spanId,
+		contextMode: feedbackOptions?.contextMode,
+		feedbackUserId: feedbackOptions?.feedbackUserId
 	});
 	const { mutateAsync: deleteFeedback, isPending: isDeleting } = (0, _mastra_react_hooks_traces.useDeleteFeedback)({
 		traceId,
@@ -32,9 +34,10 @@ function SpanFeedbackTab({ traceId, spanId }) {
 		onPageChange: setPage,
 		onSubmit: (text) => mutateAsync({ text }),
 		isSubmitting: isPending,
-		onDelete: (feedbackId) => deleteFeedback({ feedbackId }),
+		submitError: error ? "Could not save feedback. Please try again." : void 0,
+		onDelete: feedbackOptions?.allowDelete === false ? void 0 : (feedbackId) => deleteFeedback({ feedbackId }),
 		isDeleting,
-		onMarkReviewed: (feedbackId) => updateReviewStatus.mutate({
+		onMarkReviewed: feedbackOptions?.allowReview === false ? void 0 : (feedbackId) => updateReviewStatus.mutate({
 			feedbackId,
 			reviewStatus: "reviewed"
 		}),

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

@@ -1 +1 @@
-{"version":3,"file":"span-feedback-tab.cjs.js","names":["useState","useSpanFeedback","useCreateFeedback","useDeleteFeedback","useUpdateFeedbackReviewStatus","FeedbackThread"],"sources":["../../../../src/domains/traces/components/span-feedback-tab.tsx"],"sourcesContent":["import { useUpdateFeedbackReviewStatus } from '@mastra/react/hooks/feedback';\nimport { useCreateFeedback, useDeleteFeedback, useSpanFeedback } from '@mastra/react/hooks/traces';\nimport { useState } from 'react';\n\nimport { FeedbackThread } from './feedback-thread';\n\ntype SpanFeedbackTabProps = {\n  traceId: string;\n  spanId: string;\n};\n\n/**\n * Feedback for a single span. Owns its own pagination: mount it with a `key`\n * on the trace/span pair so a page index never leaks across spans.\n */\nexport function SpanFeedbackTab({ traceId, spanId }: SpanFeedbackTabProps) {\n  const [page, setPage] = useState(0);\n  const { data, isLoading } = useSpanFeedback({\n    traceId,\n    spanId,\n    page,\n    queryOptions: { enabled: !!traceId && !!spanId },\n  });\n  const { mutateAsync, isPending } = useCreateFeedback({ traceId, spanId });\n  const { mutateAsync: deleteFeedback, isPending: isDeleting } = useDeleteFeedback({ traceId, spanId });\n  const updateReviewStatus = useUpdateFeedbackReviewStatus();\n\n  return (\n    <FeedbackThread\n      feedbackData={data}\n      isLoadingFeedbackData={isLoading}\n      onPageChange={setPage}\n      onSubmit={text => mutateAsync({ text })}\n      isSubmitting={isPending}\n      onDelete={feedbackId => deleteFeedback({ feedbackId })}\n      isDeleting={isDeleting}\n      onMarkReviewed={feedbackId => updateReviewStatus.mutate({ feedbackId, reviewStatus: 'reviewed' })}\n      pendingFeedbackId={updateReviewStatus.isPending ? updateReviewStatus.variables.feedbackId : undefined}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;AAeA,SAAgB,gBAAgB,EAAE,SAAS,UAAgC;CACzE,MAAM,CAAC,MAAM,YAAA,GAAWA,MAAAA,SAAAA,CAAS,CAAC;CAClC,MAAM,EAAE,MAAM,eAAA,GAAcC,2BAAAA,gBAAAA,CAAgB;EAC1C;EACA;EACA;EACA,cAAc,EAAE,SAAS,CAAC,CAAC,WAAW,CAAC,CAAC,OAAO;CACjD,CAAC;CACD,MAAM,EAAE,aAAa,eAAA,GAAcC,2BAAAA,kBAAAA,CAAkB;EAAE;EAAS;CAAO,CAAC;CACxE,MAAM,EAAE,aAAa,gBAAgB,WAAW,gBAAA,GAAeC,2BAAAA,kBAAAA,CAAkB;EAAE;EAAS;CAAO,CAAC;CACpG,MAAM,sBAAA,GAAqBC,6BAAAA,8BAAAA,CAA8B;CAEzD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,kDAAAA,gBAAD;EACE,cAAc;EACd,uBAAuB;EACvB,cAAc;EACd,WAAU,SAAQ,YAAY,EAAE,KAAK,CAAC;EACtC,cAAc;EACd,WAAU,eAAc,eAAe,EAAE,WAAW,CAAC;EACzC;EACZ,iBAAgB,eAAc,mBAAmB,OAAO;GAAE;GAAY,cAAc;EAAW,CAAC;EAChG,mBAAmB,mBAAmB,YAAY,mBAAmB,UAAU,aAAa,KAAA;CAC7F,CAAA;AAEL"}
+{"version":3,"file":"span-feedback-tab.cjs.js","names":["useState","useSpanFeedback","useCreateFeedback","useDeleteFeedback","useUpdateFeedbackReviewStatus","FeedbackThread"],"sources":["../../../../src/domains/traces/components/span-feedback-tab.tsx"],"sourcesContent":["import { useUpdateFeedbackReviewStatus } from '@mastra/react/hooks/feedback';\nimport { useCreateFeedback, useDeleteFeedback, useSpanFeedback } from '@mastra/react/hooks/traces';\nimport { useState } from 'react';\n\nimport type { FeedbackOptions } from './feedback-options';\nimport { FeedbackThread } from './feedback-thread';\n\ntype SpanFeedbackTabProps = {\n  traceId: string;\n  feedbackOptions?: FeedbackOptions;\n  spanId: string;\n};\n\n/**\n * Feedback for a single span. Owns its own pagination: mount it with a `key`\n * on the trace/span pair so a page index never leaks across spans.\n */\nexport function SpanFeedbackTab({ traceId, spanId, feedbackOptions }: SpanFeedbackTabProps) {\n  const [page, setPage] = useState(0);\n  const { data, isLoading } = useSpanFeedback({\n    traceId,\n    spanId,\n    page,\n    queryOptions: { enabled: !!traceId && !!spanId },\n  });\n  const { mutateAsync, isPending, error } = useCreateFeedback({\n    traceId,\n    spanId,\n    contextMode: feedbackOptions?.contextMode,\n    feedbackUserId: feedbackOptions?.feedbackUserId,\n  });\n  const { mutateAsync: deleteFeedback, isPending: isDeleting } = useDeleteFeedback({ traceId, spanId });\n  const updateReviewStatus = useUpdateFeedbackReviewStatus();\n\n  return (\n    <FeedbackThread\n      feedbackData={data}\n      isLoadingFeedbackData={isLoading}\n      onPageChange={setPage}\n      onSubmit={text => mutateAsync({ text })}\n      isSubmitting={isPending}\n      submitError={error ? 'Could not save feedback. Please try again.' : undefined}\n      onDelete={feedbackOptions?.allowDelete === false ? undefined : feedbackId => deleteFeedback({ feedbackId })}\n      isDeleting={isDeleting}\n      onMarkReviewed={\n        feedbackOptions?.allowReview === false\n          ? undefined\n          : feedbackId => updateReviewStatus.mutate({ feedbackId, reviewStatus: 'reviewed' })\n      }\n      pendingFeedbackId={updateReviewStatus.isPending ? updateReviewStatus.variables.feedbackId : undefined}\n    />\n  );\n}\n\nexport type { FeedbackOptions } from './feedback-options';\n"],"mappings":";;;;;;;;;;;AAiBA,SAAgB,gBAAgB,EAAE,SAAS,QAAQ,mBAAyC;CAC1F,MAAM,CAAC,MAAM,YAAA,GAAWA,MAAAA,SAAAA,CAAS,CAAC;CAClC,MAAM,EAAE,MAAM,eAAA,GAAcC,2BAAAA,gBAAAA,CAAgB;EAC1C;EACA;EACA;EACA,cAAc,EAAE,SAAS,CAAC,CAAC,WAAW,CAAC,CAAC,OAAO;CACjD,CAAC;CACD,MAAM,EAAE,aAAa,WAAW,WAAA,GAAUC,2BAAAA,kBAAAA,CAAkB;EAC1D;EACA;EACA,aAAa,iBAAiB;EAC9B,gBAAgB,iBAAiB;CACnC,CAAC;CACD,MAAM,EAAE,aAAa,gBAAgB,WAAW,gBAAA,GAAeC,2BAAAA,kBAAAA,CAAkB;EAAE;EAAS;CAAO,CAAC;CACpG,MAAM,sBAAA,GAAqBC,6BAAAA,8BAAAA,CAA8B;CAEzD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,kDAAAA,gBAAD;EACE,cAAc;EACd,uBAAuB;EACvB,cAAc;EACd,WAAU,SAAQ,YAAY,EAAE,KAAK,CAAC;EACtC,cAAc;EACd,aAAa,QAAQ,+CAA+C,KAAA;EACpE,UAAU,iBAAiB,gBAAgB,QAAQ,KAAA,KAAY,eAAc,eAAe,EAAE,WAAW,CAAC;EAC9F;EACZ,gBACE,iBAAiB,gBAAgB,QAC7B,KAAA,KACA,eAAc,mBAAmB,OAAO;GAAE;GAAY,cAAc;EAAW,CAAC;EAEtF,mBAAmB,mBAAmB,YAAY,mBAAmB,UAAU,aAAa,KAAA;CAC7F,CAAA;AAEL"}

package/dist/domains/traces/components/span-feedback-tab.es.js

@@ -8,7 +8,7 @@ import { useUpdateFeedbackReviewStatus } from "@mastra/react/hooks/feedback";
 * Feedback for a single span. Owns its own pagination: mount it with a `key`
 * on the trace/span pair so a page index never leaks across spans.
 */
-function SpanFeedbackTab({ traceId, spanId }) {
+function SpanFeedbackTab({ traceId, spanId, feedbackOptions }) {
 	const [page, setPage] = useState(0);
 	const { data, isLoading } = useSpanFeedback({
 		traceId,
@@ -16,9 +16,11 @@ function SpanFeedbackTab({ traceId, spanId }) {
 		page,
 		queryOptions: { enabled: !!traceId && !!spanId }
 	});
-	const { mutateAsync, isPending } = useCreateFeedback({
+	const { mutateAsync, isPending, error } = useCreateFeedback({
 		traceId,
-		spanId
+		spanId,
+		contextMode: feedbackOptions?.contextMode,
+		feedbackUserId: feedbackOptions?.feedbackUserId
 	});
 	const { mutateAsync: deleteFeedback, isPending: isDeleting } = useDeleteFeedback({
 		traceId,
@@ -31,9 +33,10 @@ function SpanFeedbackTab({ traceId, spanId }) {
 		onPageChange: setPage,
 		onSubmit: (text) => mutateAsync({ text }),
 		isSubmitting: isPending,
-		onDelete: (feedbackId) => deleteFeedback({ feedbackId }),
+		submitError: error ? "Could not save feedback. Please try again." : void 0,
+		onDelete: feedbackOptions?.allowDelete === false ? void 0 : (feedbackId) => deleteFeedback({ feedbackId }),
 		isDeleting,
-		onMarkReviewed: (feedbackId) => updateReviewStatus.mutate({
+		onMarkReviewed: feedbackOptions?.allowReview === false ? void 0 : (feedbackId) => updateReviewStatus.mutate({
 			feedbackId,
 			reviewStatus: "reviewed"
 		}),

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

@@ -1 +1 @@
-{"version":3,"file":"span-feedback-tab.es.js","names":[],"sources":["../../../../src/domains/traces/components/span-feedback-tab.tsx"],"sourcesContent":["import { useUpdateFeedbackReviewStatus } from '@mastra/react/hooks/feedback';\nimport { useCreateFeedback, useDeleteFeedback, useSpanFeedback } from '@mastra/react/hooks/traces';\nimport { useState } from 'react';\n\nimport { FeedbackThread } from './feedback-thread';\n\ntype SpanFeedbackTabProps = {\n  traceId: string;\n  spanId: string;\n};\n\n/**\n * Feedback for a single span. Owns its own pagination: mount it with a `key`\n * on the trace/span pair so a page index never leaks across spans.\n */\nexport function SpanFeedbackTab({ traceId, spanId }: SpanFeedbackTabProps) {\n  const [page, setPage] = useState(0);\n  const { data, isLoading } = useSpanFeedback({\n    traceId,\n    spanId,\n    page,\n    queryOptions: { enabled: !!traceId && !!spanId },\n  });\n  const { mutateAsync, isPending } = useCreateFeedback({ traceId, spanId });\n  const { mutateAsync: deleteFeedback, isPending: isDeleting } = useDeleteFeedback({ traceId, spanId });\n  const updateReviewStatus = useUpdateFeedbackReviewStatus();\n\n  return (\n    <FeedbackThread\n      feedbackData={data}\n      isLoadingFeedbackData={isLoading}\n      onPageChange={setPage}\n      onSubmit={text => mutateAsync({ text })}\n      isSubmitting={isPending}\n      onDelete={feedbackId => deleteFeedback({ feedbackId })}\n      isDeleting={isDeleting}\n      onMarkReviewed={feedbackId => updateReviewStatus.mutate({ feedbackId, reviewStatus: 'reviewed' })}\n      pendingFeedbackId={updateReviewStatus.isPending ? updateReviewStatus.variables.feedbackId : undefined}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;AAeA,SAAgB,gBAAgB,EAAE,SAAS,UAAgC;CACzE,MAAM,CAAC,MAAM,WAAW,SAAS,CAAC;CAClC,MAAM,EAAE,MAAM,cAAc,gBAAgB;EAC1C;EACA;EACA;EACA,cAAc,EAAE,SAAS,CAAC,CAAC,WAAW,CAAC,CAAC,OAAO;CACjD,CAAC;CACD,MAAM,EAAE,aAAa,cAAc,kBAAkB;EAAE;EAAS;CAAO,CAAC;CACxE,MAAM,EAAE,aAAa,gBAAgB,WAAW,eAAe,kBAAkB;EAAE;EAAS;CAAO,CAAC;CACpG,MAAM,qBAAqB,8BAA8B;CAEzD,OACE,oBAAC,gBAAD;EACE,cAAc;EACd,uBAAuB;EACvB,cAAc;EACd,WAAU,SAAQ,YAAY,EAAE,KAAK,CAAC;EACtC,cAAc;EACd,WAAU,eAAc,eAAe,EAAE,WAAW,CAAC;EACzC;EACZ,iBAAgB,eAAc,mBAAmB,OAAO;GAAE;GAAY,cAAc;EAAW,CAAC;EAChG,mBAAmB,mBAAmB,YAAY,mBAAmB,UAAU,aAAa,KAAA;CAC7F,CAAA;AAEL"}
+{"version":3,"file":"span-feedback-tab.es.js","names":[],"sources":["../../../../src/domains/traces/components/span-feedback-tab.tsx"],"sourcesContent":["import { useUpdateFeedbackReviewStatus } from '@mastra/react/hooks/feedback';\nimport { useCreateFeedback, useDeleteFeedback, useSpanFeedback } from '@mastra/react/hooks/traces';\nimport { useState } from 'react';\n\nimport type { FeedbackOptions } from './feedback-options';\nimport { FeedbackThread } from './feedback-thread';\n\ntype SpanFeedbackTabProps = {\n  traceId: string;\n  feedbackOptions?: FeedbackOptions;\n  spanId: string;\n};\n\n/**\n * Feedback for a single span. Owns its own pagination: mount it with a `key`\n * on the trace/span pair so a page index never leaks across spans.\n */\nexport function SpanFeedbackTab({ traceId, spanId, feedbackOptions }: SpanFeedbackTabProps) {\n  const [page, setPage] = useState(0);\n  const { data, isLoading } = useSpanFeedback({\n    traceId,\n    spanId,\n    page,\n    queryOptions: { enabled: !!traceId && !!spanId },\n  });\n  const { mutateAsync, isPending, error } = useCreateFeedback({\n    traceId,\n    spanId,\n    contextMode: feedbackOptions?.contextMode,\n    feedbackUserId: feedbackOptions?.feedbackUserId,\n  });\n  const { mutateAsync: deleteFeedback, isPending: isDeleting } = useDeleteFeedback({ traceId, spanId });\n  const updateReviewStatus = useUpdateFeedbackReviewStatus();\n\n  return (\n    <FeedbackThread\n      feedbackData={data}\n      isLoadingFeedbackData={isLoading}\n      onPageChange={setPage}\n      onSubmit={text => mutateAsync({ text })}\n      isSubmitting={isPending}\n      submitError={error ? 'Could not save feedback. Please try again.' : undefined}\n      onDelete={feedbackOptions?.allowDelete === false ? undefined : feedbackId => deleteFeedback({ feedbackId })}\n      isDeleting={isDeleting}\n      onMarkReviewed={\n        feedbackOptions?.allowReview === false\n          ? undefined\n          : feedbackId => updateReviewStatus.mutate({ feedbackId, reviewStatus: 'reviewed' })\n      }\n      pendingFeedbackId={updateReviewStatus.isPending ? updateReviewStatus.variables.feedbackId : undefined}\n    />\n  );\n}\n\nexport type { FeedbackOptions } from './feedback-options';\n"],"mappings":";;;;;;;;;;AAiBA,SAAgB,gBAAgB,EAAE,SAAS,QAAQ,mBAAyC;CAC1F,MAAM,CAAC,MAAM,WAAW,SAAS,CAAC;CAClC,MAAM,EAAE,MAAM,cAAc,gBAAgB;EAC1C;EACA;EACA;EACA,cAAc,EAAE,SAAS,CAAC,CAAC,WAAW,CAAC,CAAC,OAAO;CACjD,CAAC;CACD,MAAM,EAAE,aAAa,WAAW,UAAU,kBAAkB;EAC1D;EACA;EACA,aAAa,iBAAiB;EAC9B,gBAAgB,iBAAiB;CACnC,CAAC;CACD,MAAM,EAAE,aAAa,gBAAgB,WAAW,eAAe,kBAAkB;EAAE;EAAS;CAAO,CAAC;CACpG,MAAM,qBAAqB,8BAA8B;CAEzD,OACE,oBAAC,gBAAD;EACE,cAAc;EACd,uBAAuB;EACvB,cAAc;EACd,WAAU,SAAQ,YAAY,EAAE,KAAK,CAAC;EACtC,cAAc;EACd,aAAa,QAAQ,+CAA+C,KAAA;EACpE,UAAU,iBAAiB,gBAAgB,QAAQ,KAAA,KAAY,eAAc,eAAe,EAAE,WAAW,CAAC;EAC9F;EACZ,gBACE,iBAAiB,gBAAgB,QAC7B,KAAA,KACA,eAAc,mBAAmB,OAAO;GAAE;GAAY,cAAc;EAAW,CAAC;EAEtF,mBAAmB,mBAAmB,YAAY,mBAAmB,UAAU,aAAa,KAAA;CAC7F,CAAA;AAEL"}

package/dist/domains/traces/components/span-payload/span-error-renderer.cjs.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_domains_traces_components_span_payload_span_payload_json = require("./span-payload-json.cjs.js");
-const require_span_payload_primitives = require("../../../../span-payload-primitives-D2NWznGy.cjs");
+const require_span_payload_primitives = require("../../../../span-payload-primitives-CL3hlirm.cjs");
 const require_domains_traces_components_span_payload_span_payload_registry = require("./span-payload-registry.cjs.js");
 const require_DataKeysAndValues = require("../../../../DataKeysAndValues-BbKeVxrQ.cjs");
 const require_Notice = require("../../../../Notice-B_KjMmA6.cjs");

package/dist/domains/traces/components/span-payload/span-error-renderer.es.js

@@ -1,5 +1,5 @@
 import { SpanPayloadJson } from "./span-payload-json.es.js";
-import { t as SpanPayloadCollapsible } from "../../../../span-payload-primitives-BKkRpVVO.js";
+import { t as SpanPayloadCollapsible } from "../../../../span-payload-primitives-KxqoXspn.js";
 import { asCoreSpan } from "./span-payload-registry.es.js";
 import { t as DataKeysAndValues } from "../../../../DataKeysAndValues-B56je3sK.js";
 import { t as Notice } from "../../../../Notice-OSlG42lD.js";

package/dist/domains/traces/components/span-payload/span-input-renderers.cjs.js

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_domains_traces_components_span_payload_span_payload_json = require("./span-payload-json.cjs.js");
 const require_domains_traces_components_span_payload_span_payload_messages = require("./span-payload-messages.cjs.js");
-const require_span_payload_primitives = require("../../../../span-payload-primitives-D2NWznGy.cjs");
+const require_span_payload_primitives = require("../../../../span-payload-primitives-CL3hlirm.cjs");
 const require_domains_traces_components_span_payload_span_payload_processor = require("./span-payload-processor.cjs.js");
 const require_domains_traces_components_span_payload_span_payload_registry = require("./span-payload-registry.cjs.js");
 const require_domains_traces_utils_span_signal = require("../../utils/span-signal.cjs.js");

package/dist/domains/traces/components/span-payload/span-input-renderers.es.js

@@ -1,6 +1,6 @@
 import { SpanPayloadJson } from "./span-payload-json.es.js";
 import { SpanPayloadMessages, SpanSignal } from "./span-payload-messages.es.js";
-import { l as SpanToolNameValue, n as SpanPayloadField, o as SpanPayloadMarkdown } from "../../../../span-payload-primitives-BKkRpVVO.js";
+import { l as SpanToolNameValue, n as SpanPayloadField, o as SpanPayloadMarkdown } from "../../../../span-payload-primitives-KxqoXspn.js";
 import { SpanPayloadProcessorInput } from "./span-payload-processor.es.js";
 import { asCoreSpan, pickRenderer } from "./span-payload-registry.es.js";
 import { getSpanSignal } from "../../utils/span-signal.es.js";

package/dist/domains/traces/components/span-payload/span-output-renderers.cjs.js

@@ -1,10 +1,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_domains_traces_components_span_payload_span_payload_attachment = require("./span-payload-attachment.cjs.js");
 const require_domains_traces_components_span_payload_span_payload_json = require("./span-payload-json.cjs.js");
-const require_span_payload_primitives = require("../../../../span-payload-primitives-D2NWznGy.cjs");
+const require_span_payload_primitives = require("../../../../span-payload-primitives-CL3hlirm.cjs");
 const require_domains_traces_components_span_payload_span_payload_processor = require("./span-payload-processor.cjs.js");
 const require_domains_traces_components_span_payload_span_payload_registry = require("./span-payload-registry.cjs.js");
-const require_activity = require("../../../../activity-BprmG6yH.cjs");
+const require_activity = require("../../../../activity-Ciolopq8.cjs");
 const require_DataKeysAndValues = require("../../../../DataKeysAndValues-BbKeVxrQ.cjs");
 const require_inline_code = require("../../../../inline-code-nhZUg7Zj.cjs");
 const require_Notice = require("../../../../Notice-B_KjMmA6.cjs");

package/dist/domains/traces/components/span-payload/span-output-renderers.es.js

@@ -1,9 +1,9 @@
 import { SpanPayloadAttachment } from "./span-payload-attachment.es.js";
 import { SpanPayloadJson } from "./span-payload-json.es.js";
-import { l as SpanToolNameValue, n as SpanPayloadField, o as SpanPayloadMarkdown, t as SpanPayloadCollapsible } from "../../../../span-payload-primitives-BKkRpVVO.js";
+import { l as SpanToolNameValue, n as SpanPayloadField, o as SpanPayloadMarkdown, t as SpanPayloadCollapsible } from "../../../../span-payload-primitives-KxqoXspn.js";
 import { SpanPayloadProcessor } from "./span-payload-processor.es.js";
 import { asCoreSpan, hasItems, pickRenderer } from "./span-payload-registry.es.js";
-import { n as ReasoningActivity } from "../../../../activity-ClFChYfl.js";
+import { n as ReasoningActivity } from "../../../../activity-BH_eegMA.js";
 import { t as DataKeysAndValues } from "../../../../DataKeysAndValues-B56je3sK.js";
 import { t as InlineCode } from "../../../../inline-code-BR1gVYiZ.js";
 import { t as Notice } from "../../../../Notice-OSlG42lD.js";

package/dist/domains/traces/components/span-payload/span-payload-json.cjs.js

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_CodeEditor = require("../../../../CodeEditor-DHIDfP5g.cjs");
+const require_CodeEditor = require("../../../../CodeEditor-zMSUzPdX.cjs");
 require("../../../../primitives/raised-surface.cjs.js");
 const require_utils = require("../../../../utils-uDc1ofX1.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/domains/traces/components/span-payload/span-payload-json.es.js

@@ -1,4 +1,4 @@
-import { t as CodeEditor } from "../../../../CodeEditor-ZoBu3Gjw.js";
+import { t as CodeEditor } from "../../../../CodeEditor-BqAM9L7t.js";
 import "../../../../primitives/raised-surface.es.js";
 import { t as cn } from "../../../../utils-DQx8TpNT.js";
 import { jsx } from "react/jsx-runtime";

package/dist/domains/traces/components/span-payload/span-payload-messages.cjs.js

@@ -2,13 +2,13 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_domains_traces_components_span_payload_available_skills = require("./available-skills.cjs.js");
 const require_domains_traces_components_span_payload_span_payload_attachment = require("./span-payload-attachment.cjs.js");
 const require_domains_traces_components_span_payload_span_payload_json = require("./span-payload-json.cjs.js");
-const require_span_payload_primitives = require("../../../../span-payload-primitives-D2NWznGy.cjs");
+const require_span_payload_primitives = require("../../../../span-payload-primitives-CL3hlirm.cjs");
 const require_domains_traces_components_span_payload_span_signal_details = require("./span-signal-details.cjs.js");
 const require_domains_chat_messages_signal_badge = require("../../../chat/messages/signal-badge.cjs.js");
 const require_domains_chat_messages_signal_data = require("../../../chat/messages/signal-data.cjs.js");
 const require_domains_chat_messages_skill_activation = require("../../../chat/messages/skill-activation.cjs.js");
 const require_domains_chat_messages_skill_message = require("../../../chat/messages/skill-message.cjs.js");
-const require_activity = require("../../../../activity-BprmG6yH.cjs");
+const require_activity = require("../../../../activity-Ciolopq8.cjs");
 const require_Message = require("../../../../Message-CgO_SxI4.cjs");
 const require_Metadata = require("../../../../Metadata-5GJlO4GU.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/domains/traces/components/span-payload/span-payload-messages.es.js

@@ -1,13 +1,13 @@
 import { parseAvailableSkills } from "./available-skills.es.js";
 import { SpanPayloadAttachment } from "./span-payload-attachment.es.js";
 import { SpanPayloadJson } from "./span-payload-json.es.js";
-import { a as SpanPayloadListName, c as SpanPayloadTool, i as SpanPayloadList, n as SpanPayloadField, o as SpanPayloadMarkdown, r as SpanPayloadLabel } from "../../../../span-payload-primitives-BKkRpVVO.js";
+import { a as SpanPayloadListName, c as SpanPayloadTool, i as SpanPayloadList, n as SpanPayloadField, o as SpanPayloadMarkdown, r as SpanPayloadLabel } from "../../../../span-payload-primitives-KxqoXspn.js";
 import { SignalDetails } from "./span-signal-details.es.js";
 import { SignalBadge } from "../../../chat/messages/signal-badge.es.js";
 import { isUserSignalType, toReactiveSignalData } from "../../../chat/messages/signal-data.es.js";
 import { parseSkillMarkup } from "../../../chat/messages/skill-activation.es.js";
 import { SkillMessage } from "../../../chat/messages/skill-message.es.js";
-import { n as ReasoningActivity } from "../../../../activity-ClFChYfl.js";
+import { n as ReasoningActivity } from "../../../../activity-BH_eegMA.js";
 import { r as Message } from "../../../../Message-DnnCoSef.js";
 import { t as Metadata } from "../../../../Metadata-DlVgmRTA.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

package/dist/domains/traces/components/span-payload/span-payload-primitives.cjs.js

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_span_payload_primitives = require("../../../../span-payload-primitives-D2NWznGy.cjs");
+const require_span_payload_primitives = require("../../../../span-payload-primitives-CL3hlirm.cjs");
 exports.SpanPayloadCollapsible = require_span_payload_primitives.SpanPayloadCollapsible;
 exports.SpanPayloadField = require_span_payload_primitives.SpanPayloadField;
 exports.SpanPayloadLabel = require_span_payload_primitives.SpanPayloadLabel;

package/dist/domains/traces/components/span-payload/span-payload-primitives.es.js

@@ -1 +1 @@
-export { t as SpanPayloadCollapsible, n as SpanPayloadField, r as SpanPayloadLabel, i as SpanPayloadList, a as SpanPayloadListName, o as SpanPayloadMarkdown, s as SpanPayloadToolCalls } from "../../../../span-payload-primitives-BKkRpVVO.js";
+export { t as SpanPayloadCollapsible, n as SpanPayloadField, r as SpanPayloadLabel, i as SpanPayloadList, a as SpanPayloadListName, o as SpanPayloadMarkdown, s as SpanPayloadToolCalls } from "../../../../span-payload-primitives-KxqoXspn.js";

package/dist/domains/traces/components/span-payload/span-payload-processor.cjs.js

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_domains_traces_components_span_payload_span_payload_json = require("./span-payload-json.cjs.js");
 const require_domains_traces_components_span_payload_span_payload_messages = require("./span-payload-messages.cjs.js");
-const require_span_payload_primitives = require("../../../../span-payload-primitives-D2NWznGy.cjs");
+const require_span_payload_primitives = require("../../../../span-payload-primitives-CL3hlirm.cjs");
 const require_domains_traces_components_span_payload_span_payload_processor_fields = require("./span-payload-processor-fields.cjs.js");
 const require_DataKeysAndValues = require("../../../../DataKeysAndValues-BbKeVxrQ.cjs");
 let react = require("react");

package/dist/domains/traces/components/span-payload/span-payload-processor.es.js

@@ -1,6 +1,6 @@
 import { SpanPayloadJson } from "./span-payload-json.es.js";
 import { SpanPayloadMessages } from "./span-payload-messages.es.js";
-import { l as SpanToolNameValue, n as SpanPayloadField, o as SpanPayloadMarkdown, s as SpanPayloadToolCalls, t as SpanPayloadCollapsible } from "../../../../span-payload-primitives-BKkRpVVO.js";
+import { l as SpanToolNameValue, n as SpanPayloadField, o as SpanPayloadMarkdown, s as SpanPayloadToolCalls, t as SpanPayloadCollapsible } from "../../../../span-payload-primitives-KxqoXspn.js";
 import { isScalar, processorInputToolKeys, readProcessorPayload } from "./span-payload-processor-fields.es.js";
 import { t as DataKeysAndValues } from "../../../../DataKeysAndValues-B56je3sK.js";
 import { Fragment } from "react";

package/dist/domains/traces/components/span-payload/span-payload-tool.cjs.js

@@ -1,4 +1,4 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_span_payload_primitives = require("../../../../span-payload-primitives-D2NWznGy.cjs");
+const require_span_payload_primitives = require("../../../../span-payload-primitives-CL3hlirm.cjs");
 exports.SpanPayloadTool = require_span_payload_primitives.SpanPayloadTool;
 exports.SpanToolNameValue = require_span_payload_primitives.SpanToolNameValue;

package/dist/domains/traces/components/span-payload/span-payload-tool.es.js

@@ -1 +1 @@
-export { c as SpanPayloadTool, l as SpanToolNameValue } from "../../../../span-payload-primitives-BKkRpVVO.js";
+export { c as SpanPayloadTool, l as SpanToolNameValue } from "../../../../span-payload-primitives-KxqoXspn.js";

package/dist/domains/traces/components/span-payload/span-processor-mutations.cjs.js

@@ -2,7 +2,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_domains_traces_components_span_outcome_utils = require("../span-outcome.utils.cjs.js");
 const require_domains_traces_components_span_payload_span_payload_json = require("./span-payload-json.cjs.js");
 const require_domains_traces_components_span_payload_span_payload_messages = require("./span-payload-messages.cjs.js");
-const require_span_payload_primitives = require("../../../../span-payload-primitives-D2NWznGy.cjs");
+const require_span_payload_primitives = require("../../../../span-payload-primitives-CL3hlirm.cjs");
 const require_Txt = require("../../../../Txt-_00wWxTd.cjs");
 const require_string = require("../../../../string-EyTazW-F.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/domains/traces/components/span-payload/span-processor-mutations.es.js

@@ -1,7 +1,7 @@
 import { getSpanChanges } from "../span-outcome.utils.es.js";
 import { SpanPayloadJson } from "./span-payload-json.es.js";
 import { SpanPayloadMessages } from "./span-payload-messages.es.js";
-import { t as SpanPayloadCollapsible } from "../../../../span-payload-primitives-BKkRpVVO.js";
+import { t as SpanPayloadCollapsible } from "../../../../span-payload-primitives-KxqoXspn.js";
 import { t as Txt } from "../../../../Txt-5efBsb2p.js";
 import { i as pluralize } from "../../../../string-CA5M0mj_.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

package/dist/domains/traces/components/span-payload/span-tools-section.cjs.js

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_domains_traces_components_format_trace_thread_messages = require("../format-trace-thread-messages.cjs.js");
 const require_domains_traces_components_read_only_tool_call_provider = require("../read-only-tool-call-provider.cjs.js");
-const require_span_payload_primitives = require("../../../../span-payload-primitives-D2NWznGy.cjs");
+const require_span_payload_primitives = require("../../../../span-payload-primitives-CL3hlirm.cjs");
 const require_domains_traces_components_span_payload_span_payload_registry = require("./span-payload-registry.cjs.js");
 const require_domains_traces_components_span_payload_span_payload_section = require("./span-payload-section.cjs.js");
 const require_domains_traces_components_span_payload_use_span_tool_calls = require("./use-span-tool-calls.cjs.js");

package/dist/domains/traces/components/span-payload/span-tools-section.es.js

@@ -1,6 +1,6 @@
 import { getRequestedToolCalls } from "../format-trace-thread-messages.es.js";
 import { ReadOnlyToolCallProvider } from "../read-only-tool-call-provider.es.js";
-import { a as SpanPayloadListName, i as SpanPayloadList } from "../../../../span-payload-primitives-BKkRpVVO.js";
+import { a as SpanPayloadListName, i as SpanPayloadList } from "../../../../span-payload-primitives-KxqoXspn.js";
 import { getDelegatedToolHref, getSpanTools } from "./span-payload-registry.es.js";
 import { SpanPayloadSection } from "./span-payload-section.es.js";
 import { useSpanToolCalls } from "./use-span-tool-calls.es.js";

package/dist/domains/traces/components/span-summary-description.cjs.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_domains_traces_utils_span_utils = require("../utils/span-utils.cjs.js");
-const require_DataPanel = require("../../../DataPanel-BRRAvWYQ.cjs");
+const require_DataPanel = require("../../../DataPanel-LfExjFpP.cjs");
 const require_primitives_control_size = require("../../../primitives/control-size.cjs.js");
 const require_utils = require("../../../utils-uDc1ofX1.cjs");
 const require_utils_date_format = require("../../../utils/date-format.cjs.js");