@mastra/playground-ui 68.0.0 → 69.0.0-alpha.1

package/dist/Comment-Cg0f7eLa.cjs

@@ -1,412 +0,0 @@
-require('./Comment.css');const require_utils = require("./utils-uDc1ofX1.cjs");
-const require_dist = require("./dist-ClDKPtVq.cjs");
-const require_primitives_raised_surface = require("./primitives/raised-surface.cjs.js");
-const require_Button = require("./Button-DLcMcuUL.cjs");
-const require_primitives_text = require("./primitives/text.cjs.js");
-const require_Txt = require("./Txt-BnoSqxKE.cjs");
-const require_Arrival = require("./Arrival-Cs1oWjo4.cjs");
-const require_components_Field = require("./components/Field.cjs.js");
-const require_primitives_textarea_control = require("./primitives/textarea-control.cjs.js");
-const require_input_group = require("./input-group-DVJLZDBL.cjs");
-let react = require("react");
-let react_jsx_runtime = require("react/jsx-runtime");
-let lucide_react = require("lucide-react");
-let _base_ui_react_use_render = require("@base-ui/react/use-render");
-// src/ds/components/Comment/comment-context.ts
-var CommentContext = (0, react.createContext)(null);
-function useCommentVariant() {
-	const variant = (0, react.useContext)(CommentContext);
-	if (!variant) throw new Error("Comment compounds must be rendered within Comment");
-	return variant;
-}
-// src/ds/components/Comment/comment.tsx
-var commentVariants = require_dist.cva("flex flex-col", {
-	variants: { variant: {
-		default: "gap-2",
-		embed: require_utils.cn(require_primitives_raised_surface.raisedSurfaceStyle, "gap-1 rounded-xl p-3"),
-		thread: ""
-	} },
-	defaultVariants: { variant: "default" }
-});
-var Comment = (0, react.forwardRef)(({ className, variant = "default", ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CommentContext.Provider, {
-	value: variant,
-	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		ref,
-		"data-slot": "comment",
-		"data-variant": variant,
-		className: require_utils.cn(commentVariants({ variant }), className),
-		...props
-	})
-}));
-Comment.displayName = "Comment";
-var commentListGap = {
-	default: "gap-3",
-	embed: "gap-2",
-	thread: ""
-};
-var CommentList = (0, react.forwardRef)(({ className, ...props }, ref) => {
-	const variant = useCommentVariant();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
-		ref,
-		"data-slot": "comment-list",
-		className: require_utils.cn("flex flex-col", commentListGap[variant], className),
-		...props
-	});
-});
-CommentList.displayName = "CommentList";
-var commentItemLayout = {
-	default: "flex flex-col gap-1",
-	embed: "flex flex-col gap-1",
-	thread: "relative flex gap-2 rounded-lg px-2 hover:bg-fill-subtle"
-};
-var CommentItem = (0, react.forwardRef)(({ className, continued = false, highlighted = false, ...props }, ref) => {
-	const variant = useCommentVariant();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(variant === "thread" ? "div" : "li", {
-		ref,
-		"data-slot": "comment-item",
-		className: require_utils.cn("group/comment-item", commentItemLayout[variant], variant === "thread" && (continued ? "py-0.5" : "py-1.5"), highlighted && "bg-info-subtle", className),
-		...props
-	});
-});
-CommentItem.displayName = "CommentItem";
-/** Fixed gutter: left empty on a continuation row, it keeps the body aligned under the avatar above. */
-var CommentItemAvatar = (0, react.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-	ref,
-	"data-slot": "comment-item-avatar",
-	className: require_utils.cn("w-6 shrink-0 pt-0.5", className),
-	...props
-}));
-CommentItemAvatar.displayName = "CommentItemAvatar";
-/** Everything beside the gutter, stacked and free to shrink so long words wrap instead of widening the row. */
-var CommentItemContent = (0, react.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-	ref,
-	"data-slot": "comment-item-content",
-	className: require_utils.cn("min-w-0 flex-1", className),
-	...props
-}));
-CommentItemContent.displayName = "CommentItemContent";
-var commentItemHeaderLayout = {
-	default: "flex items-center gap-2",
-	embed: "flex items-center gap-2",
-	thread: "flex items-baseline gap-1.5"
-};
-var CommentItemHeader = (0, react.forwardRef)(({ className, ...props }, ref) => {
-	const variant = useCommentVariant();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		ref,
-		"data-slot": "comment-item-header",
-		className: require_utils.cn(commentItemHeaderLayout[variant], className),
-		...props
-	});
-});
-CommentItemHeader.displayName = "CommentItemHeader";
-var commentItemAuthorSize = {
-	default: "subheading",
-	embed: "subheading",
-	thread: "column"
-};
-var commentItemAuthorTone = {
-	default: "text-foreground",
-	embed: "text-foreground",
-	thread: "truncate text-foreground"
-};
-var CommentItemAuthor = (0, react.forwardRef)(({ className, ...props }, ref) => {
-	const variant = useCommentVariant();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Txt.Txt, {
-		ref,
-		as: "span",
-		variant: commentItemAuthorSize[variant],
-		"data-slot": "comment-item-author",
-		className: require_utils.cn(commentItemAuthorTone[variant], className),
-		...props
-	});
-});
-CommentItemAuthor.displayName = "CommentItemAuthor";
-var commentItemTimestampTone = {
-	default: "text-caption text-muted-foreground",
-	embed: "text-caption text-muted-foreground",
-	thread: "text-meta text-placeholder shrink-0"
-};
-var CommentItemTimestamp = (0, react.forwardRef)(({ className, ...props }, ref) => {
-	const variant = useCommentVariant();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("time", {
-		ref,
-		"data-slot": "comment-item-timestamp",
-		className: require_utils.cn(commentItemTimestampTone[variant], className),
-		...props
-	});
-});
-CommentItemTimestamp.displayName = "CommentItemTimestamp";
-var commentItemBodySize = {
-	default: "body",
-	embed: "body",
-	thread: "caption"
-};
-var commentItemBodyTone = {
-	default: "whitespace-pre-wrap text-foreground border-l border-border pl-3",
-	embed: "whitespace-pre-wrap text-foreground",
-	thread: ""
-};
-var CommentItemBody = (0, react.forwardRef)(({ className, ...props }, ref) => {
-	const variant = useCommentVariant();
-	return (0, _base_ui_react_use_render.useRender)({
-		defaultTagName: variant === "thread" ? "div" : "p",
-		props: {
-			...props,
-			ref,
-			"data-slot": "comment-item-body",
-			className: require_utils.cn(require_primitives_text.textStyle({ variant: commentItemBodySize[variant] }), commentItemBodyTone[variant], className)
-		}
-	});
-});
-CommentItemBody.displayName = "CommentItemBody";
-var commentItemActionsLayout = {
-	default: "flex items-center gap-1 opacity-0 group-focus-within/comment-item:opacity-100 group-hover/comment-item:opacity-100 motion-safe:transition-opacity",
-	embed: "",
-	thread: "ml-auto flex shrink-0 items-center gap-0.5 self-center transition-opacity duration-200 ease-out motion-reduce:transition-none pointer-fine:opacity-0 pointer-fine:group-focus-within/comment-item:opacity-100 pointer-fine:group-hover/comment-item:opacity-100"
-};
-/** Hidden in the `embed` variant, which drops per-item actions. */
-var CommentItemActions = (0, react.forwardRef)(({ className, ...props }, ref) => {
-	const variant = useCommentVariant();
-	if (variant === "embed") return null;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		ref,
-		"data-slot": "comment-item-actions",
-		className: require_utils.cn(commentItemActionsLayout[variant], className),
-		...props
-	});
-});
-CommentItemActions.displayName = "CommentItemActions";
-// src/ds/components/Comment/comment-arrival.tsx
-/** A comment the reader watched land rises into place; one that was already there just appears. */
-function CommentArrival({ children }) {
-	const watched = require_Arrival.useWatched();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		"data-slot": "comment-arrival",
-		className: watched ? "mastra-comment-arriving" : void 0,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Arrival.ArrivalScope, { children })
-	});
-}
-// src/ds/components/Comment/comment-composer.tsx
-var CommentComposer = (0, react.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("form", {
-	ref,
-	"data-slot": "comment-composer",
-	className: require_utils.cn("flex w-full items-center gap-2", className),
-	...props
-}));
-CommentComposer.displayName = "CommentComposer";
-var composerSize = {
-	default: "md",
-	embed: "sm",
-	thread: "md"
-};
-var CommentComposerInput = (0, react.forwardRef)(({ groupClassName, children, ...props }, ref) => {
-	const variant = useCommentVariant();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_input_group.InputGroup, {
-		size: composerSize[variant],
-		className: groupClassName,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_input_group.InputGroupInput, {
-			ref,
-			"data-slot": "comment-composer-input",
-			...props
-		}), children]
-	});
-});
-CommentComposerInput.displayName = "CommentComposerInput";
-var CommentComposerSend = (0, react.forwardRef)(({ "aria-label": ariaLabel = "Send comment", type = "submit", ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_input_group.InputGroupAddon, {
-	align: "inline-end",
-	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_input_group.InputGroupButton, {
-		ref,
-		"data-slot": "comment-composer-send",
-		type,
-		"aria-label": ariaLabel,
-		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ArrowUp, {})
-	})
-}));
-CommentComposerSend.displayName = "CommentComposerSend";
-// src/ds/components/Comment/comment-editor.tsx
-/** Owns the draft only; whether a save landed is the caller's mutation to report. */
-function CommentEditor({ initialBody, onSave, onClose, isPending = false, error, "aria-label": ariaLabel = "Edit comment", className }) {
-	const [draft, setDraft] = (0, react.useState)(initialBody);
-	const body = draft.trim();
-	const canSave = body.length > 0 && !isPending;
-	const save = () => {
-		if (!canSave) return;
-		if (body === initialBody) {
-			onClose();
-			return;
-		}
-		onSave(body);
-	};
-	const onKeyDown = (event) => {
-		if (event.nativeEvent.isComposing) return;
-		if (event.key === "Enter" && !event.shiftKey) {
-			event.preventDefault();
-			save();
-		}
-	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_components_Field.Field, {
-		invalid: Boolean(error),
-		"data-slot": "comment-editor",
-		className: require_utils.cn("mt-1 flex flex-col gap-1.5", className),
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "relative",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives_textarea_control.TextareaControl, {
-				value: draft,
-				onChange: (event) => setDraft(event.target.value),
-				onKeyDown,
-				readOnly: isPending,
-				"aria-label": ariaLabel,
-				rows: 2,
-				className: "block field-sizing-content max-h-40 w-full resize-none overflow-y-auto rounded-lg border border-border bg-background px-2 pt-1.5 pb-9 text-caption text-foreground outline-none focus:border-border-strong"
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "absolute inset-x-px bottom-px flex items-center justify-end gap-1 rounded-b-lg bg-background px-1.5 pt-1 pb-1.5",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.Button, {
-					icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.X, {}),
-					type: "button",
-					variant: "ghost",
-					size: "sm",
-					disabled: isPending,
-					onClick: onClose,
-					children: "Cancel"
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.Button, {
-					icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Check, {}),
-					type: "button",
-					size: "sm",
-					disabled: !canSave,
-					onClick: save,
-					children: isPending ? "Saving…" : "Save"
-				})]
-			})]
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Field.FieldError, { children: error })]
-	});
-}
-// src/ds/components/Comment/comment-quote.tsx
-/** The passage a reply answers, above the reply itself or inside the composer writing it. */
-function CommentQuote({ authorName, quote, onDismiss, className }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("blockquote", {
-		"data-slot": "comment-quote",
-		className: require_utils.cn("m-0 flex min-w-0 gap-2 border-l-2 border-border-strong pl-2 text-caption text-muted-foreground", className),
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-			className: "min-w-0 flex-1",
-			children: [authorName ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Txt.Txt, {
-				as: "span",
-				variant: "column",
-				children: [authorName, " "]
-			}) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: "line-clamp-2 wrap-anywhere whitespace-pre-line",
-				children: quote
-			})]
-		}), onDismiss ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.Button, {
-			type: "button",
-			variant: "ghost",
-			size: "icon-sm",
-			"aria-label": "Remove quote",
-			onClick: onDismiss,
-			className: "shrink-0",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.X, {
-				size: 12,
-				"aria-hidden": true
-			})
-		}) : null]
-	});
-}
-Object.defineProperty(exports, "Comment", {
-	enumerable: true,
-	get: function() {
-		return Comment;
-	}
-});
-Object.defineProperty(exports, "CommentArrival", {
-	enumerable: true,
-	get: function() {
-		return CommentArrival;
-	}
-});
-Object.defineProperty(exports, "CommentComposer", {
-	enumerable: true,
-	get: function() {
-		return CommentComposer;
-	}
-});
-Object.defineProperty(exports, "CommentComposerInput", {
-	enumerable: true,
-	get: function() {
-		return CommentComposerInput;
-	}
-});
-Object.defineProperty(exports, "CommentComposerSend", {
-	enumerable: true,
-	get: function() {
-		return CommentComposerSend;
-	}
-});
-Object.defineProperty(exports, "CommentEditor", {
-	enumerable: true,
-	get: function() {
-		return CommentEditor;
-	}
-});
-Object.defineProperty(exports, "CommentItem", {
-	enumerable: true,
-	get: function() {
-		return CommentItem;
-	}
-});
-Object.defineProperty(exports, "CommentItemActions", {
-	enumerable: true,
-	get: function() {
-		return CommentItemActions;
-	}
-});
-Object.defineProperty(exports, "CommentItemAuthor", {
-	enumerable: true,
-	get: function() {
-		return CommentItemAuthor;
-	}
-});
-Object.defineProperty(exports, "CommentItemAvatar", {
-	enumerable: true,
-	get: function() {
-		return CommentItemAvatar;
-	}
-});
-Object.defineProperty(exports, "CommentItemBody", {
-	enumerable: true,
-	get: function() {
-		return CommentItemBody;
-	}
-});
-Object.defineProperty(exports, "CommentItemContent", {
-	enumerable: true,
-	get: function() {
-		return CommentItemContent;
-	}
-});
-Object.defineProperty(exports, "CommentItemHeader", {
-	enumerable: true,
-	get: function() {
-		return CommentItemHeader;
-	}
-});
-Object.defineProperty(exports, "CommentItemTimestamp", {
-	enumerable: true,
-	get: function() {
-		return CommentItemTimestamp;
-	}
-});
-Object.defineProperty(exports, "CommentList", {
-	enumerable: true,
-	get: function() {
-		return CommentList;
-	}
-});
-Object.defineProperty(exports, "CommentQuote", {
-	enumerable: true,
-	get: function() {
-		return CommentQuote;
-	}
-});
-
-//# sourceMappingURL=Comment-Cg0f7eLa.cjs.map

package/dist/Comment-Cg0f7eLa.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Comment-Cg0f7eLa.cjs","names":["createContext","useContext","cva","cn","raisedSurfaceStyle","forwardRef","Txt","useRender","textStyle","useWatched","ArrivalScope","forwardRef","cn","InputGroup","InputGroupInput","InputGroupAddon","InputGroupButton","ArrowUp","useState","Field","cn","TextareaControl","Button","X","Check","FieldError","cn","Txt","Button","X"],"sources":["../src/ds/components/Comment/comment-context.ts","../src/ds/components/Comment/comment.tsx","../src/ds/components/Comment/comment-arrival.tsx","../src/ds/components/Comment/comment-composer.tsx","../src/ds/components/Comment/comment-editor.tsx","../src/ds/components/Comment/comment-quote.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nexport type CommentVariant = 'default' | 'embed' | 'thread';\n\nexport const CommentContext = createContext<CommentVariant | null>(null);\n\nexport function useCommentVariant(): CommentVariant {\n  const variant = useContext(CommentContext);\n  if (!variant) throw new Error('Comment compounds must be rendered within Comment');\n  return variant;\n}\n","import { useRender } from '@base-ui/react/use-render';\nimport { cva } from 'class-variance-authority';\nimport type { ComponentPropsWithoutRef, HTMLAttributes } from 'react';\nimport { forwardRef } from 'react';\n\nimport { CommentContext, useCommentVariant } from './comment-context';\nimport type { CommentVariant } from './comment-context';\nimport { Txt } from '@/ds/components/Txt';\nimport type { TxtProps } from '@/ds/components/Txt';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { textStyle } from '@/ds/primitives/text';\nimport { cn } from '@/lib/utils';\n\nconst commentVariants = cva('flex flex-col', {\n  variants: {\n    variant: {\n      default: 'gap-2',\n      embed: cn(raisedSurfaceStyle, 'gap-1 rounded-xl p-3'),\n      thread: '',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n\nexport interface CommentProps extends ComponentPropsWithoutRef<'div'> {\n  variant?: CommentVariant;\n}\n\nexport const Comment = forwardRef<HTMLDivElement, CommentProps>(({ className, variant = 'default', ...props }, ref) => (\n  <CommentContext.Provider value={variant}>\n    <div\n      ref={ref}\n      data-slot=\"comment\"\n      data-variant={variant}\n      className={cn(commentVariants({ variant }), className)}\n      {...props}\n    />\n  </CommentContext.Provider>\n));\nComment.displayName = 'Comment';\n\nconst commentListGap: Record<CommentVariant, string> = {\n  default: 'gap-3',\n  embed: 'gap-2',\n  thread: '',\n};\n\nexport type CommentListProps = ComponentPropsWithoutRef<'ul'>;\n\nexport const CommentList = forwardRef<HTMLUListElement, CommentListProps>(({ className, ...props }, ref) => {\n  const variant = useCommentVariant();\n\n  return (\n    <ul\n      ref={ref}\n      data-slot=\"comment-list\"\n      className={cn('flex flex-col', commentListGap[variant], className)}\n      {...props}\n    />\n  );\n});\nCommentList.displayName = 'CommentList';\n\nconst commentItemLayout: Record<CommentVariant, string> = {\n  default: 'flex flex-col gap-1',\n  embed: 'flex flex-col gap-1',\n  thread: 'relative flex gap-2 rounded-lg px-2 hover:bg-fill-subtle',\n};\n\nexport interface CommentItemProps extends HTMLAttributes<HTMLElement> {\n  /** Same author moments after the row above: the header is dropped and the row tightens. */\n  continued?: boolean;\n  /** The comment a link pointed at. */\n  highlighted?: boolean;\n}\n\nexport const CommentItem = forwardRef<HTMLElement, CommentItemProps>(\n  ({ className, continued = false, highlighted = false, ...props }, ref) => {\n    const variant = useCommentVariant();\n    // A thread row is a stream entry among runs and moves, not a list item.\n    const Root = variant === 'thread' ? 'div' : 'li';\n\n    return (\n      <Root\n        // Cast needed: `Root` is polymorphic, so TS narrows the expected ref to a single element type.\n        ref={ref as never}\n        data-slot=\"comment-item\"\n        className={cn(\n          'group/comment-item',\n          commentItemLayout[variant],\n          variant === 'thread' && (continued ? 'py-0.5' : 'py-1.5'),\n          highlighted && 'bg-info-subtle',\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\nCommentItem.displayName = 'CommentItem';\n\nexport type CommentItemAvatarProps = ComponentPropsWithoutRef<'div'>;\n\n/** Fixed gutter: left empty on a continuation row, it keeps the body aligned under the avatar above. */\nexport const CommentItemAvatar = forwardRef<HTMLDivElement, CommentItemAvatarProps>(({ className, ...props }, ref) => (\n  <div ref={ref} data-slot=\"comment-item-avatar\" className={cn('w-6 shrink-0 pt-0.5', className)} {...props} />\n));\nCommentItemAvatar.displayName = 'CommentItemAvatar';\n\nexport type CommentItemContentProps = ComponentPropsWithoutRef<'div'>;\n\n/** Everything beside the gutter, stacked and free to shrink so long words wrap instead of widening the row. */\nexport const CommentItemContent = forwardRef<HTMLDivElement, CommentItemContentProps>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} data-slot=\"comment-item-content\" className={cn('min-w-0 flex-1', className)} {...props} />\n  ),\n);\nCommentItemContent.displayName = 'CommentItemContent';\n\nconst commentItemHeaderLayout: Record<CommentVariant, string> = {\n  default: 'flex items-center gap-2',\n  embed: 'flex items-center gap-2',\n  thread: 'flex items-baseline gap-1.5',\n};\n\nexport type CommentItemHeaderProps = ComponentPropsWithoutRef<'div'>;\n\nexport const CommentItemHeader = forwardRef<HTMLDivElement, CommentItemHeaderProps>(({ className, ...props }, ref) => {\n  const variant = useCommentVariant();\n\n  return (\n    <div\n      ref={ref}\n      data-slot=\"comment-item-header\"\n      className={cn(commentItemHeaderLayout[variant], className)}\n      {...props}\n    />\n  );\n});\nCommentItemHeader.displayName = 'CommentItemHeader';\n\nconst commentItemAuthorSize: Record<CommentVariant, TxtProps['variant']> = {\n  default: 'subheading',\n  embed: 'subheading',\n  thread: 'column',\n};\n\nconst commentItemAuthorTone: Record<CommentVariant, string> = {\n  default: 'text-foreground',\n  embed: 'text-foreground',\n  thread: 'truncate text-foreground',\n};\n\nexport type CommentItemAuthorProps = ComponentPropsWithoutRef<'span'>;\n\nexport const CommentItemAuthor = forwardRef<HTMLElement, CommentItemAuthorProps>(({ className, ...props }, ref) => {\n  const variant = useCommentVariant();\n\n  return (\n    <Txt\n      ref={ref}\n      as=\"span\"\n      variant={commentItemAuthorSize[variant]}\n      data-slot=\"comment-item-author\"\n      className={cn(commentItemAuthorTone[variant], className)}\n      {...props}\n    />\n  );\n});\nCommentItemAuthor.displayName = 'CommentItemAuthor';\n\nconst commentItemTimestampTone: Record<CommentVariant, string> = {\n  default: 'text-caption text-muted-foreground',\n  embed: 'text-caption text-muted-foreground',\n  thread: 'text-meta text-placeholder shrink-0',\n};\n\nexport type CommentItemTimestampProps = ComponentPropsWithoutRef<'time'>;\n\nexport const CommentItemTimestamp = forwardRef<HTMLTimeElement, CommentItemTimestampProps>(\n  ({ className, ...props }, ref) => {\n    const variant = useCommentVariant();\n\n    return (\n      <time\n        ref={ref}\n        data-slot=\"comment-item-timestamp\"\n        className={cn(commentItemTimestampTone[variant], className)}\n        {...props}\n      />\n    );\n  },\n);\nCommentItemTimestamp.displayName = 'CommentItemTimestamp';\n\nconst commentItemBodySize: Record<CommentVariant, TxtProps['variant']> = {\n  default: 'body',\n  embed: 'body',\n  thread: 'caption',\n};\n\nconst commentItemBodyTone: Record<CommentVariant, string> = {\n  default: 'whitespace-pre-wrap text-foreground border-l border-border pl-3',\n  embed: 'whitespace-pre-wrap text-foreground',\n  thread: '',\n};\n\nexport type CommentItemBodyProps = ComponentPropsWithoutRef<'p'>;\n\nexport const CommentItemBody = forwardRef<HTMLElement, CommentItemBodyProps>(({ className, ...props }, ref) => {\n  const variant = useCommentVariant();\n\n  // Rendered markdown brings its own blocks, which a paragraph cannot hold.\n  return useRender({\n    defaultTagName: variant === 'thread' ? 'div' : 'p',\n    props: {\n      ...props,\n      ref,\n      'data-slot': 'comment-item-body',\n      className: cn(textStyle({ variant: commentItemBodySize[variant] }), commentItemBodyTone[variant], className),\n    },\n  });\n});\nCommentItemBody.displayName = 'CommentItemBody';\n\nconst commentItemActionsLayout: Record<CommentVariant, string> = {\n  default:\n    'flex items-center gap-1 opacity-0 group-focus-within/comment-item:opacity-100 group-hover/comment-item:opacity-100 motion-safe:transition-opacity',\n  embed: '',\n  // Inline at the end of the header row, revealed on hover/focus.\n  // `pointer-fine` only: a touch screen has no hover to reveal it with.\n  thread:\n    'ml-auto flex shrink-0 items-center gap-0.5 self-center transition-opacity duration-200 ease-out motion-reduce:transition-none pointer-fine:opacity-0 pointer-fine:group-focus-within/comment-item:opacity-100 pointer-fine:group-hover/comment-item:opacity-100',\n};\n\nexport type CommentItemActionsProps = ComponentPropsWithoutRef<'div'>;\n\n/** Hidden in the `embed` variant, which drops per-item actions. */\nexport const CommentItemActions = forwardRef<HTMLDivElement, CommentItemActionsProps>(\n  ({ className, ...props }, ref) => {\n    const variant = useCommentVariant();\n    if (variant === 'embed') return null;\n\n    return (\n      <div\n        ref={ref}\n        data-slot=\"comment-item-actions\"\n        className={cn(commentItemActionsLayout[variant], className)}\n        {...props}\n      />\n    );\n  },\n);\nCommentItemActions.displayName = 'CommentItemActions';\n","import type { ReactNode } from 'react';\n\nimport { ArrivalScope, useWatched } from '@/ds/components/Arrival';\n\nimport './comment-arrival.css';\n\n/** A comment the reader watched land rises into place; one that was already there just appears. */\nexport function CommentArrival({ children }: { children: ReactNode }) {\n  const watched = useWatched();\n\n  return (\n    <div data-slot=\"comment-arrival\" className={watched ? 'mastra-comment-arriving' : undefined}>\n      <ArrivalScope>{children}</ArrivalScope>\n    </div>\n  );\n}\n","import { ArrowUp } from 'lucide-react';\nimport type { ComponentPropsWithoutRef, ReactNode } from 'react';\nimport { forwardRef } from 'react';\n\nimport { useCommentVariant } from './comment-context';\nimport type { CommentVariant } from './comment-context';\nimport { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from '@/ds/components/InputGroup';\nimport type { InputGroupButtonProps, InputGroupInputProps } from '@/ds/components/InputGroup';\nimport type { ControlSize } from '@/ds/primitives/control-size';\nimport { cn } from '@/lib/utils';\n\nexport type CommentComposerProps = ComponentPropsWithoutRef<'form'>;\n\nexport const CommentComposer = forwardRef<HTMLFormElement, CommentComposerProps>(({ className, ...props }, ref) => (\n  <form ref={ref} data-slot=\"comment-composer\" className={cn('flex w-full items-center gap-2', className)} {...props} />\n));\nCommentComposer.displayName = 'CommentComposer';\n\nconst composerSize: Record<CommentVariant, ControlSize> = {\n  default: 'md',\n  embed: 'sm',\n  thread: 'md',\n};\n\nexport interface CommentComposerInputProps extends InputGroupInputProps {\n  /** Layout classes for the surrounding InputGroup. */\n  groupClassName?: string;\n  children?: ReactNode;\n}\n\nexport const CommentComposerInput = forwardRef<HTMLInputElement, CommentComposerInputProps>(\n  ({ groupClassName, children, ...props }, ref) => {\n    const variant = useCommentVariant();\n\n    return (\n      <InputGroup size={composerSize[variant]} className={groupClassName}>\n        <InputGroupInput ref={ref} data-slot=\"comment-composer-input\" {...props} />\n        {children}\n      </InputGroup>\n    );\n  },\n);\nCommentComposerInput.displayName = 'CommentComposerInput';\n\nexport type CommentComposerSendProps = Omit<InputGroupButtonProps, 'children'>;\n\nexport const CommentComposerSend = forwardRef<HTMLButtonElement, CommentComposerSendProps>(\n  ({ 'aria-label': ariaLabel = 'Send comment', type = 'submit', ...props }, ref) => (\n    <InputGroupAddon align=\"inline-end\">\n      <InputGroupButton ref={ref} data-slot=\"comment-composer-send\" type={type} aria-label={ariaLabel} {...props}>\n        <ArrowUp />\n      </InputGroupButton>\n    </InputGroupAddon>\n  ),\n);\nCommentComposerSend.displayName = 'CommentComposerSend';\n","import { Check, X } from 'lucide-react';\nimport { useState } from 'react';\nimport type { KeyboardEvent } from 'react';\n\nimport { Button } from '@/ds/components/Button';\nimport { Field, FieldError } from '@/ds/components/Field';\nimport { TextareaControl } from '@/ds/primitives/textarea-control';\nimport { cn } from '@/lib/utils';\n\nexport interface CommentEditorProps {\n  initialBody: string;\n  /** Handed the trimmed draft. Closing is the caller's call, so a save that failed keeps what was typed. */\n  onSave: (body: string) => void;\n  onClose: () => void;\n  /** The caller's save in flight: the box locks until it settles. */\n  isPending?: boolean;\n  /** Why the caller's last save failed. */\n  error?: string;\n  'aria-label'?: string;\n  className?: string;\n}\n\n/** Owns the draft only; whether a save landed is the caller's mutation to report. */\nexport function CommentEditor({\n  initialBody,\n  onSave,\n  onClose,\n  isPending = false,\n  error,\n  'aria-label': ariaLabel = 'Edit comment',\n  className,\n}: CommentEditorProps) {\n  const [draft, setDraft] = useState(initialBody);\n  const body = draft.trim();\n  const canSave = body.length > 0 && !isPending;\n\n  const save = () => {\n    if (!canSave) return;\n    if (body === initialBody) {\n      onClose();\n      return;\n    }\n    onSave(body);\n  };\n\n  const onKeyDown = (event: KeyboardEvent<HTMLTextAreaElement>) => {\n    // An IME commit fires Enter mid-composition; acting on it would save half a word.\n    if (event.nativeEvent.isComposing) return;\n    if (event.key === 'Enter' && !event.shiftKey) {\n      event.preventDefault();\n      save();\n    }\n  };\n\n  return (\n    <Field invalid={Boolean(error)} data-slot=\"comment-editor\" className={cn('mt-1 flex flex-col gap-1.5', className)}>\n      <div className=\"relative\">\n        <TextareaControl\n          value={draft}\n          onChange={event => setDraft(event.target.value)}\n          onKeyDown={onKeyDown}\n          readOnly={isPending}\n          aria-label={ariaLabel}\n          rows={2}\n          className=\"block field-sizing-content max-h-40 w-full resize-none overflow-y-auto rounded-lg border border-border bg-background px-2 pt-1.5 pb-9 text-caption text-foreground outline-none focus:border-border-strong\"\n        />\n        <div className=\"absolute inset-x-px bottom-px flex items-center justify-end gap-1 rounded-b-lg bg-background px-1.5 pt-1 pb-1.5\">\n          <Button icon={<X />} type=\"button\" variant=\"ghost\" size=\"sm\" disabled={isPending} onClick={onClose}>\n            Cancel\n          </Button>\n          <Button icon={<Check />} type=\"button\" size=\"sm\" disabled={!canSave} onClick={save}>\n            {isPending ? 'Saving…' : 'Save'}\n          </Button>\n        </div>\n      </div>\n      <FieldError>{error}</FieldError>\n    </Field>\n  );\n}\n","import { X } from 'lucide-react';\n\nimport { Button } from '@/ds/components/Button';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport interface CommentQuoteProps {\n  authorName?: string;\n  quote: string;\n  /** Given only while the quote is a draft the writer can still drop. */\n  onDismiss?: () => void;\n  className?: string;\n}\n\n/** The passage a reply answers, above the reply itself or inside the composer writing it. */\nexport function CommentQuote({ authorName, quote, onDismiss, className }: CommentQuoteProps) {\n  return (\n    <blockquote\n      data-slot=\"comment-quote\"\n      className={cn(\n        'm-0 flex min-w-0 gap-2 border-l-2 border-border-strong pl-2 text-caption text-muted-foreground',\n        className,\n      )}\n    >\n      <span className=\"min-w-0 flex-1\">\n        {authorName ? (\n          <Txt as=\"span\" variant=\"column\">\n            {authorName}{' '}\n          </Txt>\n        ) : null}\n        <span className=\"line-clamp-2 wrap-anywhere whitespace-pre-line\">{quote}</span>\n      </span>\n      {onDismiss ? (\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"icon-sm\"\n          aria-label=\"Remove quote\"\n          onClick={onDismiss}\n          className=\"shrink-0\"\n        >\n          <X size={12} aria-hidden />\n        </Button>\n      ) : null}\n    </blockquote>\n  );\n}\n"],"mappings":"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"}