npm - @mastra/playground-ui - Versions diffs - 68.0.0-alpha.0 → 68.0.0-alpha.2 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (836) hide show

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

@@ -1,15 +1,15 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_utils_date_format = require("../../../utils/date-format.cjs.js");
 const require_icons_Icon = require("../../../icons/Icon.cjs.js");
-const require_Button = require("../../../Button-YQRflC47.cjs");
+const require_Button = require("../../../Button-DLcMcuUL.cjs");
 const require_Txt = require("../../../Txt-BnoSqxKE.cjs");
 const require_dropdown_menu = require("../../../dropdown-menu-BETTTPBB.cjs");
-const require_input_group = require("../../../input-group-uDpFNnSW.cjs");
+const require_input_group = require("../../../input-group-DVJLZDBL.cjs");
 const require_components_AlertDialog = require("../../../components/AlertDialog.cjs.js");
 const require_domains_review_components_review_status_badge = require("../../review/components/review-status-badge.cjs.js");
 const require_domains_traces_utils_feedback_author = require("../utils/feedback-author.cjs.js");
 const require_Avatar = require("../../../Avatar-Iiqjad9K.cjs");
-const require_Comment = require("../../../Comment-KYUQzeSu.cjs");
+const require_Comment = require("../../../Comment-Cg0f7eLa.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
@@ -124,7 +124,7 @@ function FeedbackThread({ feedbackData, isLoadingFeedbackData, onPageChange, onS
 					size: "sm",
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_input_group.InputGroupInput, {
 						"aria-label": "Leave feedback",
-						placeholder: "Leave feedback...",
+						placeholder: "Leave feedback",
 						value: text,
 						onChange: (event) => setText(event.target.value)
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_input_group.InputGroupAddon, {

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

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

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

@@ -1,14 +1,14 @@
 import { formatDate } from "../../../utils/date-format.es.js";
 import { Icon } from "../../../icons/Icon.es.js";
-import { t as Button } from "../../../Button-Bw1e3ONi.js";
+import { t as Button } from "../../../Button-CLXTbAY8.js";
 import { t as Txt } from "../../../Txt-BM6TVV_c.js";
 import { t as DropdownMenu } from "../../../dropdown-menu-B4jY3J9e.js";
-import { i as InputGroupInput, n as InputGroupAddon, r as InputGroupButton, t as InputGroup } from "../../../input-group-g85FYfze.js";
+import { i as InputGroupInput, n as InputGroupAddon, r as InputGroupButton, t as InputGroup } from "../../../input-group-QKKV_ouF.js";
 import { AlertDialog } from "../../../components/AlertDialog.es.js";
 import { ReviewStatusBadge } from "../../review/components/review-status-badge.es.js";
 import { feedbackAuthorLabel } from "../utils/feedback-author.es.js";
 import { t as Avatar } from "../../../Avatar-Dj8aP7OI.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-VFJq2wRp.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-0n98b_f_.js";
 import { useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { ArrowUp, ChevronLeft, ChevronRight, ClipboardCheck, EllipsisIcon, Trash2 } from "lucide-react";
@@ -123,7 +123,7 @@ function FeedbackThread({ feedbackData, isLoadingFeedbackData, onPageChange, onS
 					size: "sm",
 					children: [/* @__PURE__ */ jsx(InputGroupInput, {
 						"aria-label": "Leave feedback",
-						placeholder: "Leave feedback...",
+						placeholder: "Leave feedback",
 						value: text,
 						onChange: (event) => setText(event.target.value)
 					}), /* @__PURE__ */ jsx(InputGroupAddon, {

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

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

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

@@ -4,13 +4,13 @@ const require_utils_date_format = require("../../../utils/date-format.cjs.js");
 const require_utils_duration = require("../../../utils/duration.cjs.js");
 const require_tooltip = require("../../../tooltip-BiRLT3Th.cjs");
 const require_icons_Icon = require("../../../icons/Icon.cjs.js");
-const require_Button = require("../../../Button-YQRflC47.cjs");
+const require_Button = require("../../../Button-DLcMcuUL.cjs");
 const require_Txt = require("../../../Txt-BnoSqxKE.cjs");
-const require_copy_button = require("../../../copy-button-BYEFKNpo.cjs");
-const require_tabs_tab = require("../../../tabs-tab-Qp3RJ17z.cjs");
+const require_copy_button = require("../../../copy-button-DJAQ6_3o.cjs");
+const require_tabs_tab = require("../../../tabs-tab-DGwfHVDr.cjs");
 const require_Badge = require("../../../Badge-DZ6r6bcw.cjs");
-const require_Notice = require("../../../Notice-DWNeCe-t.cjs");
-const require_DataPanel = require("../../../DataPanel-C0Ll76Ne.cjs");
+const require_Notice = require("../../../Notice-JZ7SW7q6.cjs");
+const require_DataPanel = require("../../../DataPanel-Coc9h35I.cjs");
 const require_domains_llm_provider_logo = require("../../llm/provider-logo.cjs.js");
 const require_DataKeysAndValues = require("../../../DataKeysAndValues-DsH6AbAo.cjs");
 const require_domains_traces_utils_span_signal = require("../utils/span-signal.cjs.js");

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

@@ -3,13 +3,13 @@ import { formatTimestampPrecise } from "../../../utils/date-format.es.js";
 import { formatDuration, formatDurationPrecise } from "../../../utils/duration.es.js";
 import { i as TooltipTrigger, n as TooltipContent, t as Tooltip } from "../../../tooltip-HzcLyGtV.js";
 import { Icon } from "../../../icons/Icon.es.js";
-import { t as Button } from "../../../Button-Bw1e3ONi.js";
+import { t as Button } from "../../../Button-CLXTbAY8.js";
 import { t as Txt } from "../../../Txt-BM6TVV_c.js";
-import { t as CopyButton } from "../../../copy-button-CF-X4iDj.js";
-import { n as Tabs, r as TabList, t as Tab } from "../../../tabs-tab-UT1JliwK.js";
+import { t as CopyButton } from "../../../copy-button-BXrbevLn.js";
+import { n as Tabs, r as TabList, t as Tab } from "../../../tabs-tab-CYTZevdV.js";
 import { t as Badge } from "../../../Badge-aVu5iGAF.js";
-import { t as Notice } from "../../../Notice-CyKngbbv.js";
-import { t as DataPanel } from "../../../DataPanel-CY1W5LHJ.js";
+import { t as Notice } from "../../../Notice-C-8oOZZF.js";
+import { t as DataPanel } from "../../../DataPanel-IgB9D5PO.js";
 import { ProviderLogo } from "../../llm/provider-logo.es.js";
 import { t as DataKeysAndValues } from "../../../DataKeysAndValues-PwOmGxyp.js";
 import { getSpanSignal } from "../utils/span-signal.es.js";

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

@@ -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-DFhM9H5D.cjs");
+const require_DataDetailsPanel = require("../../../DataDetailsPanel-DiyjEXqK.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 CHANGED Viewed

@@ -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-_CK0Huk6.js";
+import { t as DataDetailsPanel } from "../../../DataDetailsPanel-CohEKPm4.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-outcome.cjs.js CHANGED Viewed

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Notice = require("../../../Notice-DWNeCe-t.cjs");
+const require_Notice = require("../../../Notice-JZ7SW7q6.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
 // src/domains/traces/components/span-outcome.tsx

package/dist/domains/traces/components/span-outcome.es.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { t as Notice } from "../../../Notice-CyKngbbv.js";
+import { t as Notice } from "../../../Notice-C-8oOZZF.js";
 import { jsx } from "react/jsx-runtime";
 import { ArrowLeftRightIcon, CircleCheckIcon, CircleDashedIcon, CircleXIcon, TriangleAlertIcon } from "lucide-react";
 // src/domains/traces/components/span-outcome.tsx

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

@@ -1,10 +1,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_utils = require("../../../../utils-uDc1ofX1.cjs");
-const require_Notice = require("../../../../Notice-DWNeCe-t.cjs");
+const require_Notice = require("../../../../Notice-JZ7SW7q6.cjs");
 const require_DataKeysAndValues = require("../../../../DataKeysAndValues-DsH6AbAo.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_json = require("./span-payload-json.cjs.js");
-const require_span_payload_primitives = require("../../../../span-payload-primitives-w1vtAXAw.cjs");
+const require_span_payload_primitives = require("../../../../span-payload-primitives-_2d-pAOD.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _mastra_core_observability = require("@mastra/core/observability");
 // src/domains/traces/components/span-payload/span-error-renderer.tsx

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

@@ -1,9 +1,9 @@
 import { t as cn } from "../../../../utils-DQx8TpNT.js";
-import { t as Notice } from "../../../../Notice-CyKngbbv.js";
+import { t as Notice } from "../../../../Notice-C-8oOZZF.js";
 import { t as DataKeysAndValues } from "../../../../DataKeysAndValues-PwOmGxyp.js";
 import { asCoreSpan } from "./span-payload-registry.es.js";
 import { SpanPayloadJson } from "./span-payload-json.es.js";
-import { t as SpanPayloadCollapsible } from "../../../../span-payload-primitives-ChvD2RrN.js";
+import { t as SpanPayloadCollapsible } from "../../../../span-payload-primitives-B3RdahsC.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { describeSpanError } from "@mastra/core/observability";
 // src/domains/traces/components/span-payload/span-error-renderer.tsx

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

@@ -3,7 +3,7 @@ const require_DataKeysAndValues = require("../../../../DataKeysAndValues-DsH6AbA
 const require_domains_traces_utils_span_signal = require("../../utils/span-signal.cjs.js");
 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_json = require("./span-payload-json.cjs.js");
-const require_span_payload_primitives = require("../../../../span-payload-primitives-w1vtAXAw.cjs");
+const require_span_payload_primitives = require("../../../../span-payload-primitives-_2d-pAOD.cjs");
 const require_domains_traces_components_span_payload_span_payload_messages = require("./span-payload-messages.cjs.js");
 const require_domains_traces_components_span_payload_span_payload_processor = require("./span-payload-processor.cjs.js");
 let react_jsx_runtime = require("react/jsx-runtime");

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

@@ -2,7 +2,7 @@ import { t as DataKeysAndValues } from "../../../../DataKeysAndValues-PwOmGxyp.j
 import { getSpanSignal } from "../../utils/span-signal.es.js";
 import { asCoreSpan, pickRenderer } from "./span-payload-registry.es.js";
 import { SpanPayloadJson } from "./span-payload-json.es.js";
-import { l as SpanToolNameValue, n as SpanPayloadField, o as SpanPayloadMarkdown } from "../../../../span-payload-primitives-ChvD2RrN.js";
+import { l as SpanToolNameValue, n as SpanPayloadField, o as SpanPayloadMarkdown } from "../../../../span-payload-primitives-B3RdahsC.js";
 import { SpanPayloadMessages, SpanSignal } from "./span-payload-messages.es.js";
 import { SpanPayloadProcessorInput } from "./span-payload-processor.es.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

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

@@ -1,12 +1,12 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_Txt = require("../../../../Txt-BnoSqxKE.cjs");
-const require_activity = require("../../../../activity-DAK8tj7r.cjs");
-const require_Notice = require("../../../../Notice-DWNeCe-t.cjs");
+const require_activity = require("../../../../activity-DyB5H3gF.cjs");
+const require_Notice = require("../../../../Notice-JZ7SW7q6.cjs");
 const require_DataKeysAndValues = require("../../../../DataKeysAndValues-DsH6AbAo.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_json = require("./span-payload-json.cjs.js");
 const require_domains_traces_components_span_payload_span_payload_attachment = require("./span-payload-attachment.cjs.js");
-const require_span_payload_primitives = require("../../../../span-payload-primitives-w1vtAXAw.cjs");
+const require_span_payload_primitives = require("../../../../span-payload-primitives-_2d-pAOD.cjs");
 const require_domains_traces_components_span_payload_span_payload_processor = require("./span-payload-processor.cjs.js");
 const require_inline_code = require("../../../../inline-code-nhZUg7Zj.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");

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

@@ -1,11 +1,11 @@
 import { t as Txt } from "../../../../Txt-BM6TVV_c.js";
-import { n as ReasoningActivity } from "../../../../activity-CM34JyW-.js";
-import { t as Notice } from "../../../../Notice-CyKngbbv.js";
+import { n as ReasoningActivity } from "../../../../activity-rJ1NQl_2.js";
+import { t as Notice } from "../../../../Notice-C-8oOZZF.js";
 import { t as DataKeysAndValues } from "../../../../DataKeysAndValues-PwOmGxyp.js";
 import { asCoreSpan, hasItems, pickRenderer } from "./span-payload-registry.es.js";
 import { SpanPayloadJson } from "./span-payload-json.es.js";
 import { SpanPayloadAttachment } from "./span-payload-attachment.es.js";
-import { l as SpanToolNameValue, n as SpanPayloadField, o as SpanPayloadMarkdown, t as SpanPayloadCollapsible } from "../../../../span-payload-primitives-ChvD2RrN.js";
+import { l as SpanToolNameValue, n as SpanPayloadField, o as SpanPayloadMarkdown, t as SpanPayloadCollapsible } from "../../../../span-payload-primitives-B3RdahsC.js";
 import { SpanPayloadProcessor } from "./span-payload-processor.es.js";
 import { t as InlineCode } from "../../../../inline-code-BR1gVYiZ.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

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

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_utils = require("../../../../utils-uDc1ofX1.cjs");
 require("../../../../primitives/raised-surface.cjs.js");
-const require_CodeEditor = require("../../../../CodeEditor-CJ9jC9lu.cjs");
+const require_CodeEditor = require("../../../../CodeEditor-CLzs0yVc.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _codemirror_language = require("@codemirror/language");
 let _codemirror_view = require("@codemirror/view");

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

@@ -1,6 +1,6 @@
 import { t as cn } from "../../../../utils-DQx8TpNT.js";
 import "../../../../primitives/raised-surface.es.js";
-import { t as CodeEditor } from "../../../../CodeEditor-CPVxj7WS.js";
+import { t as CodeEditor } from "../../../../CodeEditor-COnz9c6B.js";
 import { jsx } from "react/jsx-runtime";
 import { foldEffect } from "@codemirror/language";
 import { ViewPlugin } from "@codemirror/view";

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

@@ -1,14 +1,14 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_activity = require("../../../../activity-DAK8tj7r.cjs");
+const require_activity = require("../../../../activity-DyB5H3gF.cjs");
 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_domains_chat_messages_signal_data = require("../../../chat/messages/signal-data.cjs.js");
-const require_Message = require("../../../../Message-DsCNQpou.cjs");
+const require_Message = require("../../../../Message-jj56lxNL.cjs");
 const require_domains_chat_messages_signal_badge = require("../../../chat/messages/signal-badge.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_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_span_payload_primitives = require("../../../../span-payload-primitives-w1vtAXAw.cjs");
+const require_span_payload_primitives = require("../../../../span-payload-primitives-_2d-pAOD.cjs");
 const require_domains_traces_components_span_payload_span_signal_details = require("./span-signal-details.cjs.js");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/traces/components/span-payload/span-payload-messages.tsx

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

@@ -1,13 +1,13 @@
-import { n as ReasoningActivity } from "../../../../activity-CM34JyW-.js";
+import { n as ReasoningActivity } from "../../../../activity-rJ1NQl_2.js";
 import { parseSkillMarkup } from "../../../chat/messages/skill-activation.es.js";
 import { SkillMessage } from "../../../chat/messages/skill-message.es.js";
 import { isUserSignalType, toReactiveSignalData } from "../../../chat/messages/signal-data.es.js";
-import { r as Message } from "../../../../Message-nVI6tMS3.js";
+import { r as Message } from "../../../../Message-CWzi5F_Q.js";
 import { SignalBadge } from "../../../chat/messages/signal-badge.es.js";
 import { SpanPayloadJson } from "./span-payload-json.es.js";
 import { parseAvailableSkills } from "./available-skills.es.js";
 import { SpanPayloadAttachment } from "./span-payload-attachment.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-ChvD2RrN.js";
+import { a as SpanPayloadListName, c as SpanPayloadTool, i as SpanPayloadList, n as SpanPayloadField, o as SpanPayloadMarkdown, r as SpanPayloadLabel } from "../../../../span-payload-primitives-B3RdahsC.js";
 import { SignalDetails } from "./span-signal-details.es.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 // src/domains/traces/components/span-payload/span-payload-messages.tsx

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

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_span_payload_primitives = require("../../../../span-payload-primitives-w1vtAXAw.cjs");
+const require_span_payload_primitives = require("../../../../span-payload-primitives-_2d-pAOD.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 CHANGED Viewed

	@@ -1 +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-~~ChvD2RrN~~.js";
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-B3RdahsC.js";

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

@@ -2,7 +2,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_DataKeysAndValues = require("../../../../DataKeysAndValues-DsH6AbAo.cjs");
 const require_domains_traces_components_span_payload_span_payload_processor_fields = require("./span-payload-processor-fields.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-w1vtAXAw.cjs");
+const require_span_payload_primitives = require("../../../../span-payload-primitives-_2d-pAOD.cjs");
 const require_domains_traces_components_span_payload_span_payload_messages = require("./span-payload-messages.cjs.js");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");

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

@@ -1,7 +1,7 @@
 import { t as DataKeysAndValues } from "../../../../DataKeysAndValues-PwOmGxyp.js";
 import { isScalar, processorInputToolKeys, readProcessorPayload } from "./span-payload-processor-fields.es.js";
 import { SpanPayloadJson } from "./span-payload-json.es.js";
-import { l as SpanToolNameValue, n as SpanPayloadField, o as SpanPayloadMarkdown, s as SpanPayloadToolCalls, t as SpanPayloadCollapsible } from "../../../../span-payload-primitives-ChvD2RrN.js";
+import { l as SpanToolNameValue, n as SpanPayloadField, o as SpanPayloadMarkdown, s as SpanPayloadToolCalls, t as SpanPayloadCollapsible } from "../../../../span-payload-primitives-B3RdahsC.js";
 import { SpanPayloadMessages } from "./span-payload-messages.es.js";
 import { Fragment } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

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

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_utils = require("../../../../utils-uDc1ofX1.cjs");
-const require_Button = require("../../../../Button-YQRflC47.cjs");
-const require_copy_button = require("../../../../copy-button-BYEFKNpo.cjs");
+const require_Button = require("../../../../Button-DLcMcuUL.cjs");
+const require_copy_button = require("../../../../copy-button-DJAQ6_3o.cjs");
 const require_components_Collapsible = require("../../../../components/Collapsible.cjs.js");
 const require_components_DisclosureChevron = require("../../../../components/DisclosureChevron.cjs.js");
 const require_data_panel_section_heading = require("../../../../data-panel-section-heading-d9UnruDt.cjs");

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

@@ -1,6 +1,6 @@
 import { t as cn } from "../../../../utils-DQx8TpNT.js";
-import { t as Button } from "../../../../Button-Bw1e3ONi.js";
-import { t as CopyButton } from "../../../../copy-button-CF-X4iDj.js";
+import { t as Button } from "../../../../Button-CLXTbAY8.js";
+import { t as CopyButton } from "../../../../copy-button-BXrbevLn.js";
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../../../../components/Collapsible.es.js";
 import { DisclosureChevron } from "../../../../components/DisclosureChevron.es.js";
 import { t as DataPanelSectionHeading } from "../../../../data-panel-section-heading-X3tHNMV1.js";

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

@@ -1,4 +1,4 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_span_payload_primitives = require("../../../../span-payload-primitives-w1vtAXAw.cjs");
+const require_span_payload_primitives = require("../../../../span-payload-primitives-_2d-pAOD.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 CHANGED Viewed

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

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

@@ -3,7 +3,7 @@ const require_Txt = require("../../../../Txt-BnoSqxKE.cjs");
 const require_string = require("../../../../string-DdJJdCv2.cjs");
 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_span_payload_primitives = require("../../../../span-payload-primitives-w1vtAXAw.cjs");
+const require_span_payload_primitives = require("../../../../span-payload-primitives-_2d-pAOD.cjs");
 const require_domains_traces_components_span_payload_span_payload_messages = require("./span-payload-messages.cjs.js");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/domains/traces/components/span-payload/span-processor-mutations.tsx

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

@@ -2,7 +2,7 @@ import { t as Txt } from "../../../../Txt-BM6TVV_c.js";
 import { r as pluralize } from "../../../../string-CNKDIc_4.js";
 import { getSpanChanges } from "../span-outcome.utils.es.js";
 import { SpanPayloadJson } from "./span-payload-json.es.js";
-import { t as SpanPayloadCollapsible } from "../../../../span-payload-primitives-ChvD2RrN.js";
+import { t as SpanPayloadCollapsible } from "../../../../span-payload-primitives-B3RdahsC.js";
 import { SpanPayloadMessages } from "./span-payload-messages.es.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 // src/domains/traces/components/span-payload/span-processor-mutations.tsx

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

@@ -5,7 +5,7 @@ const require_icons_ToolsIcon = require("../../../../icons/ToolsIcon.cjs.js");
 const require_domains_chat_messages_message_row = require("../../../chat/messages/message-row.cjs.js");
 const require_domains_traces_components_format_trace_thread_messages = require("../format-trace-thread-messages.cjs.js");
 const require_domains_traces_components_span_payload_span_payload_registry = require("./span-payload-registry.cjs.js");
-const require_span_payload_primitives = require("../../../../span-payload-primitives-w1vtAXAw.cjs");
+const require_span_payload_primitives = require("../../../../span-payload-primitives-_2d-pAOD.cjs");
 const require_domains_traces_components_span_payload_span_payload_section = require("./span-payload-section.cjs.js");
 const require_domains_traces_components_read_only_tool_call_provider = require("../read-only-tool-call-provider.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 CHANGED Viewed

@@ -4,7 +4,7 @@ import { ToolsIcon } from "../../../../icons/ToolsIcon.es.js";
 import { MessageRow } from "../../../chat/messages/message-row.es.js";
 import { getRequestedToolCalls } from "../format-trace-thread-messages.es.js";
 import { getDelegatedToolHref, getSpanTools } from "./span-payload-registry.es.js";
-import { a as SpanPayloadListName, i as SpanPayloadList } from "../../../../span-payload-primitives-ChvD2RrN.js";
+import { a as SpanPayloadListName, i as SpanPayloadList } from "../../../../span-payload-primitives-B3RdahsC.js";
 import { SpanPayloadSection } from "./span-payload-section.es.js";
 import { ReadOnlyToolCallProvider } from "../read-only-tool-call-provider.es.js";
 import { useSpanToolCalls } from "./use-span-tool-calls.es.js";

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

@@ -3,7 +3,7 @@ const require_utils = require("../../../utils-uDc1ofX1.cjs");
 const require_utils_date_format = require("../../../utils/date-format.cjs.js");
 const require_utils_duration = require("../../../utils/duration.cjs.js");
 const require_primitives_control_size = require("../../../primitives/control-size.cjs.js");
-const require_DataPanel = require("../../../DataPanel-C0Ll76Ne.cjs");
+const require_DataPanel = require("../../../DataPanel-Coc9h35I.cjs");
 const require_domains_traces_utils_span_utils = require("../utils/span-utils.cjs.js");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");