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

package/dist/activity-Ciolopq8.cjs

@@ -0,0 +1,581 @@
+const require_string = require("./string-EyTazW-F.cjs");
+const require_Arrival = require("./Arrival-Cs1oWjo4.cjs");
+const require_components_Collapsible = require("./components/Collapsible.cjs.js");
+const require_components_DisclosureChevron = require("./components/DisclosureChevron.cjs.js");
+const require_components_Shimmer = require("./components/Shimmer.cjs.js");
+const require_Txt = require("./Txt-_00wWxTd.cjs");
+const require_utils = require("./utils-uDc1ofX1.cjs");
+const require_truncate_string = require("./truncate-string-lrAb2Nd_.cjs");
+const require_Badge = require("./Badge-DqaMg7Gy.cjs");
+const require_MarkdownRenderer = require("./MarkdownRenderer-CDwlvw0Y.cjs");
+const require_AgentIndicator = require("./AgentIndicator-zCokR2zb.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let lucide_react = require("lucide-react");
+// src/ds/components/ai/activity/use-relative-paths.ts
+var WorkingDirectoryContext = (0, react.createContext)(void 0);
+function relativeTo(directory, text) {
+	const root = directory?.replace(/\/+$/, "");
+	if (!root) return text;
+	const escaped = require_string.escapeRegExp(root);
+	return text.replace(new RegExp(`(?<![^\\s'"=(])${escaped}(?:/(?=[^\\s/])|(?![\\w.-]))`, "g"), (match) => match.endsWith("/") ? "" : ".");
+}
+/** Rewrites text the way `ActivityDetail` shows it, for names that must say the same thing. */
+function useRelativePaths() {
+	const directory = (0, react.useContext)(WorkingDirectoryContext);
+	return (text) => relativeTo(directory, text);
+}
+// src/ds/components/ai/activity/activity.tsx
+var LIFTS = "transition-colors motion-reduce:transition-none";
+var LIFTS_TO_FOREGROUND = `${LIFTS} group-hover/row:text-foreground group-has-focus-visible/row:text-foreground`;
+var LIFTS_TO_MUTED = `${LIFTS} group-hover/row:text-muted-foreground group-has-focus-visible/row:text-muted-foreground`;
+var ActivityContext = (0, react.createContext)(void 0);
+var noopOpenChange = () => {};
+function useActivity() {
+	const context = (0, react.useContext)(ActivityContext);
+	if (!context) throw new Error("Activity compounds must be rendered within Activity");
+	return context;
+}
+function useInline() {
+	return (0, react.useContext)(ActivityContext)?.appearance === "inline";
+}
+function Activity({ open: controlledOpen, defaultOpen = false, onOpenChange = noopOpenChange, foldable = true, status = "idle", appearance = "row", className, children, ...props }) {
+	const nested = (0, react.useContext)(ActivityContext) !== void 0;
+	const [uncontrolledOpen, setUncontrolledOpen] = (0, react.useState)(defaultOpen);
+	const open = controlledOpen ?? (foldable && uncontrolledOpen);
+	const statusId = (0, react.useId)();
+	const handleOpenChange = (nextOpen) => {
+		if (controlledOpen === void 0) setUncontrolledOpen(nextOpen);
+		onOpenChange(nextOpen);
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ActivityContext.Provider, {
+		value: {
+			open,
+			foldable,
+			status,
+			appearance,
+			nested,
+			toggle: () => handleOpenChange(!open)
+		},
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_components_Collapsible.Collapsible, {
+			open,
+			onOpenChange: handleOpenChange,
+			className: require_utils.cn("max-w-full min-w-0", className),
+			role: "group",
+			"aria-busy": status === "running",
+			"aria-invalid": status === "error" || void 0,
+			"aria-describedby": status === "idle" ? void 0 : statusId,
+			"data-status": status,
+			...props,
+			children: [children, /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				id: statusId,
+				className: "sr-only",
+				"aria-live": "polite",
+				children: [status === "running" && "Running", status === "error" && "Failed"]
+			})]
+		})
+	});
+}
+var ActivityTrigger = ({ className, children, ...props }) => {
+	const { foldable, appearance } = useActivity();
+	const lineId = (0, react.useId)();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: require_utils.cn("group/row relative w-full min-w-0 rounded-md transition-colors motion-reduce:transition-none", foldable && appearance === "row" && "hover:bg-fill", className),
+		...props,
+		children: [foldable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Collapsible.CollapsibleTrigger, {
+			"aria-labelledby": lineId,
+			className: "absolute inset-0 cursor-pointer rounded-md focus-visible:ring-1 focus-visible:ring-border-focus focus-visible:outline-hidden"
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			id: lineId,
+			className: require_utils.cn(foldable && "pointer-events-none relative"),
+			children
+		})]
+	});
+};
+var ActivityHeader = ({ className, children, ...props }) => {
+	const { status, appearance } = useActivity();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Shimmer.Shimmer, {
+		active: status === "running",
+		className: require_utils.cn("flex min-w-0 items-center gap-2 py-1", appearance === "inline" ? "w-fit max-w-full" : "w-full px-1.5", className),
+		...props,
+		children
+	});
+};
+var ActivityLeading = ({ className, children, ...props }) => {
+	const { foldable, toggle } = useActivity();
+	if (!children) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		className: require_utils.cn("pointer-events-auto flex shrink-0 empty:hidden", foldable && "cursor-pointer", className),
+		onClick: foldable ? toggle : void 0,
+		...props,
+		children
+	});
+};
+var ActivityIcon = ({ className, ...props }) => {
+	const { status, appearance } = useActivity();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		className: require_utils.cn("flex size-4 shrink-0 items-center justify-center [&_svg]:size-3.5 [&_svg]:shrink-0", status === "error" ? "text-destructive-foreground" : "text-placeholder", status !== "error" && appearance === "inline" && LIFTS_TO_MUTED, className),
+		...props
+	});
+};
+var ActivityLabel = ({ wrap = false, className, ...props }) => {
+	const inline = useInline();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Txt.Txt, {
+		as: "span",
+		variant: "caption",
+		tone: "muted",
+		className: require_utils.cn(wrap ? "min-w-0 break-words" : "shrink-0 truncate", inline ? `max-w-none ${LIFTS_TO_FOREGROUND}` : "max-w-[55%]", className),
+		...props
+	});
+};
+/** Paths under the agent's working directory read relative to it, the way the agent itself refers to them. */
+function ActivityWorkingDirectory({ path, children }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(WorkingDirectoryContext, {
+		value: path,
+		children
+	});
+}
+var ActivityDetail = ({ wrap = false, className, children, ...props }) => {
+	const arriving = require_Arrival.useArriving();
+	const inline = useInline();
+	const relative = useRelativePaths();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Txt.Txt, {
+		as: "span",
+		variant: "caption",
+		tone: "muted",
+		className: require_utils.cn("min-w-0", wrap ? "break-words" : "truncate", inline && LIFTS_TO_FOREGROUND, arriving, className),
+		...props,
+		children: typeof children === "string" ? relative(children) : children
+	});
+};
+var ActivitySummary = ({ className, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+	className: require_utils.cn("flex min-w-0 items-center gap-1", className),
+	...props
+});
+var ActivitySpacer = ({ rule, className, ...props }) => {
+	const inline = useInline();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		"aria-hidden": true,
+		className: require_utils.cn("min-w-2 flex-1", rule && "h-px bg-border mask-r-from-[calc(100%-min(100%,160px))]", inline && !rule && "hidden", className),
+		...props
+	});
+};
+var ActivityTrailing = ({ className, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+	className: require_utils.cn("flex shrink-0 items-center", className),
+	...props
+});
+var ActivityDisclosure = ({ className, children, ...props }) => {
+	const { open, foldable, nested } = useActivity();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		className: require_utils.cn("flex size-4 shrink-0 items-center justify-center transition-opacity duration-150 motion-reduce:transition-none starting:opacity-0", !foldable && "hidden", foldable && nested && "hidden group-hover/row:flex group-has-focus-visible/row:flex", className),
+		...props,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			"aria-hidden": true,
+			className: require_utils.cn("flex shrink-0 items-center text-muted-foreground/60 transition duration-150 motion-reduce:transition-none", "group-hover/row:text-muted-foreground group-has-focus-visible/row:text-muted-foreground", open && "text-muted-foreground", open && children != null && "rotate-90"),
+			children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_DisclosureChevron.DisclosureChevron, {
+				direction: "right",
+				open,
+				className: "size-3.25"
+			})
+		})
+	});
+};
+var ActivityHeadline = ({ leading, icon, label, detail, description, wrapDetail, badges, ...props }) => {
+	const { status, appearance } = useActivity();
+	const hasBadges = Boolean(badges);
+	const labelShrinks = Boolean(description) || appearance === "inline" && !detail;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(ActivityHeader, {
+		...props,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ActivityLeading, { children: leading }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ActivityIcon, { children: icon }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				className: require_utils.cn("contents", hasBadges && "flex min-w-0 flex-1 flex-wrap items-center gap-x-2 gap-y-1"),
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ActivityLabel, {
+						className: require_utils.cn(labelShrinks && "max-w-none min-w-0 shrink"),
+						children: description || label
+					}),
+					badges,
+					!description && detail && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ActivityDetail, {
+						wrap: wrapDetail,
+						className: require_utils.cn(hasBadges && "grow basis-40"),
+						children: detail
+					})
+				]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ActivitySpacer, { className: require_utils.cn(hasBadges && "flex-none") }),
+			status === "error" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ActivityTrailing, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.X, {
+				size: 13,
+				role: "img",
+				"aria-label": "Failed",
+				className: "shrink-0 text-destructive-foreground"
+			}) }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ActivityDisclosure, {})
+		]
+	});
+};
+var ActivityContent = ({ flush = false, className, children, ...props }) => {
+	const inline = useInline();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Collapsible.CollapsibleContent, {
+		className: "max-w-full min-w-0",
+		...props,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: require_utils.cn("relative flex max-w-full min-w-0 flex-col py-1.5", !flush && "gap-1.5 pr-1 pl-4 before:absolute before:inset-y-0 before:left-0 before:w-px before:bg-border before:mask-b-from-[calc(100%-min(40%,80px))] before:content-['']", !flush && (inline ? "ml-2" : "ml-[14px]"), className),
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Arrival.ArrivalScope, { children })
+		})
+	});
+};
+function ActivityItem({ icon, label, detail, badges, collapsible = true, children, ...props }) {
+	const folds = collapsible && Boolean(children);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Activity, {
+		...props,
+		foldable: folds,
+		open: collapsible ? void 0 : true,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ActivityTrigger, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ActivityHeadline, {
+			icon,
+			label,
+			detail,
+			wrapDetail: !folds,
+			badges
+		}) }), children && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ActivityContent, { children })]
+	});
+}
+// src/ds/components/ai/activity/presets/message-preview.ts
+function messagePreview(message) {
+	return require_truncate_string.truncateString(message, 72);
+}
+function messagePreviewShowsAll(message) {
+	return !message.includes("\n") && messagePreview(message) === message;
+}
+// src/ds/components/ai/activity/presets/notification-activity.tsx
+var priorityBadgeVariants = {
+	urgent: "red",
+	high: "orange",
+	medium: "blue"
+};
+function NotificationActivity({ label, message, state = "notification", icon, priority, status, pending, link, defaultOpen, extraBadges, messageLabel }) {
+	const lineHoldsMessage = messagePreviewShowsAll(message) && !messageLabel;
+	const hasBadges = Boolean(priority || status || pending || extraBadges);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ActivityItem, {
+		label,
+		detail: messagePreview(message),
+		icon: icon ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Bell, {
+			className: "text-warning-foreground",
+			"aria-hidden": true
+		}),
+		badges: hasBadges && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+			priority && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Badge.Badge, {
+				size: "xs",
+				variant: priorityBadgeVariants[priority],
+				children: priority
+			}),
+			status && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Badge.Badge, {
+				size: "xs",
+				children: status
+			}),
+			pending && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Badge.Badge, {
+				size: "xs",
+				children: [pending, " pending"]
+			}),
+			extraBadges
+		] }),
+		defaultOpen,
+		"data-notification-state": state,
+		"aria-label": `Notification: ${label}`,
+		children: (!lineHoldsMessage || link) && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "flex flex-col gap-2",
+			children: [
+				messageLabel && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Txt.Txt, {
+					variant: "caption",
+					tone: "muted",
+					children: messageLabel
+				}),
+				message && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Txt.Txt, {
+					variant: "caption",
+					className: "break-words whitespace-pre-wrap",
+					children: message
+				}),
+				link && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(NotificationLink, {
+					link,
+					message
+				})
+			]
+		})
+	});
+}
+function NotificationLink({ link, message }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("a", {
+		href: link.href,
+		target: "_blank",
+		rel: "noreferrer",
+		"aria-label": `${link.label}: ${messagePreview(message)}`,
+		className: "flex w-fit items-center gap-1 text-meta text-muted-foreground hover:text-foreground",
+		children: [link.label, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ExternalLink, {
+			size: 12,
+			"aria-hidden": true
+		})]
+	});
+}
+// src/ds/components/ai/activity/presets/reasoning-text.tsx
+function ReasoningText({ content: { text, redacted, streaming }, className }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MarkdownRenderer.MarkdownRenderer, {
+		className,
+		streaming: streaming && !redacted,
+		children: redacted ? "Reasoning was redacted by the provider." : text
+	});
+}
+// src/ds/components/ai/activity/presets/reasoning-visibility.ts
+function hasVisibleReasoning({ text, redacted, streaming }) {
+	return Boolean(streaming || redacted) || hasReasoningText({
+		text,
+		redacted
+	});
+}
+/** Whether the passage has something to read: its text, or the notice that it was redacted. */
+function hasReasoningText({ text, redacted }) {
+	return Boolean(redacted) || text.trim().length > 0;
+}
+// src/ds/components/ai/activity/presets/reasoning-activity.tsx
+var ThinkingGlyph = require_AgentIndicator.agentGlyph("thinking");
+function ReasoningActivity({ defaultOpen = true, ...content }) {
+	if (!hasVisibleReasoning(content)) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ActivityItem, {
+		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ThinkingGlyph, { "aria-hidden": true }),
+		label: "Reasoning",
+		status: content.streaming ? "running" : "idle",
+		defaultOpen,
+		"aria-label": "Reasoning",
+		children: hasReasoningText(content) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ReasoningText, {
+			content,
+			className: "text-caption text-muted-foreground [&_p]:my-0.5"
+		})
+	});
+}
+// src/ds/components/ai/activity/presets/signal-activity.tsx
+var signalKinds = {
+	state: {
+		Icon: require_AgentIndicator.agentGlyph("context"),
+		accent: "text-badge-purple-indicator",
+		body: { variant: "caption" }
+	},
+	reactive: {
+		Icon: require_AgentIndicator.agentGlyph("notice"),
+		accent: void 0,
+		body: { variant: "caption" }
+	},
+	reminder: {
+		Icon: require_AgentIndicator.agentGlyph("notice"),
+		accent: "text-info-indicator",
+		body: {
+			variant: "meta",
+			font: "mono"
+		}
+	}
+};
+function SignalLine({ kind, label, message, detail, mode, defaultOpen }) {
+	const { Icon } = signalKinds[kind];
+	const name = require_string.humanize(label);
+	const lineHoldsMessage = detail === void 0 && messagePreviewShowsAll(message);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Activity, {
+		appearance: "inline",
+		foldable: !lineHoldsMessage,
+		defaultOpen,
+		"data-signal-kind": kind,
+		"aria-label": `Signal: ${name}`,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ActivityTrigger, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(ActivityHeader, { children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ActivityIcon, {
+				className: "[&_svg]:size-4",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, {})
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ActivityLabel, {
+				className: "text-body font-medium",
+				children: name
+			}),
+			mode && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ActivityLabel, {
+				className: "text-body",
+				children: mode
+			}),
+			detail && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ActivityDetail, {
+				className: "text-body-sm",
+				children: detail
+			}),
+			lineHoldsMessage && message && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ActivityLabel, {
+				wrap: true,
+				className: "text-body",
+				children: message
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ActivityDisclosure, {})
+		] }) }), !lineHoldsMessage && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ActivityContent, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Txt.Txt, {
+			tone: "muted",
+			className: "break-words whitespace-pre-wrap",
+			children: message
+		}) })]
+	});
+}
+function SignalActivity({ appearance = "row", ...signal }) {
+	if (appearance === "inline") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SignalLine, { ...signal });
+	const { kind, label, message, detail, mode, defaultOpen } = signal;
+	const { Icon, accent, body } = signalKinds[kind];
+	const lineHoldsMessage = detail === void 0 && messagePreviewShowsAll(message);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ActivityItem, {
+		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, {
+			className: accent,
+			"aria-hidden": true
+		}),
+		label,
+		detail: detail ?? messagePreview(message),
+		badges: mode ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Badge.Badge, {
+			size: "xs",
+			children: mode
+		}) : void 0,
+		defaultOpen,
+		"data-signal-kind": kind,
+		"aria-label": `Signal: ${label}`,
+		children: message && !lineHoldsMessage && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [detail && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Txt.Txt, {
+			variant: "meta",
+			font: "mono",
+			tone: "muted",
+			className: "break-all",
+			children: detail
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Txt.Txt, {
+			...body,
+			className: "break-words whitespace-pre-wrap",
+			children: message
+		})] })
+	});
+}
+Object.defineProperty(exports, "Activity", {
+	enumerable: true,
+	get: function() {
+		return Activity;
+	}
+});
+Object.defineProperty(exports, "ActivityContent", {
+	enumerable: true,
+	get: function() {
+		return ActivityContent;
+	}
+});
+Object.defineProperty(exports, "ActivityDetail", {
+	enumerable: true,
+	get: function() {
+		return ActivityDetail;
+	}
+});
+Object.defineProperty(exports, "ActivityDisclosure", {
+	enumerable: true,
+	get: function() {
+		return ActivityDisclosure;
+	}
+});
+Object.defineProperty(exports, "ActivityHeader", {
+	enumerable: true,
+	get: function() {
+		return ActivityHeader;
+	}
+});
+Object.defineProperty(exports, "ActivityHeadline", {
+	enumerable: true,
+	get: function() {
+		return ActivityHeadline;
+	}
+});
+Object.defineProperty(exports, "ActivityIcon", {
+	enumerable: true,
+	get: function() {
+		return ActivityIcon;
+	}
+});
+Object.defineProperty(exports, "ActivityItem", {
+	enumerable: true,
+	get: function() {
+		return ActivityItem;
+	}
+});
+Object.defineProperty(exports, "ActivityLabel", {
+	enumerable: true,
+	get: function() {
+		return ActivityLabel;
+	}
+});
+Object.defineProperty(exports, "ActivityLeading", {
+	enumerable: true,
+	get: function() {
+		return ActivityLeading;
+	}
+});
+Object.defineProperty(exports, "ActivitySpacer", {
+	enumerable: true,
+	get: function() {
+		return ActivitySpacer;
+	}
+});
+Object.defineProperty(exports, "ActivitySummary", {
+	enumerable: true,
+	get: function() {
+		return ActivitySummary;
+	}
+});
+Object.defineProperty(exports, "ActivityTrailing", {
+	enumerable: true,
+	get: function() {
+		return ActivityTrailing;
+	}
+});
+Object.defineProperty(exports, "ActivityTrigger", {
+	enumerable: true,
+	get: function() {
+		return ActivityTrigger;
+	}
+});
+Object.defineProperty(exports, "ActivityWorkingDirectory", {
+	enumerable: true,
+	get: function() {
+		return ActivityWorkingDirectory;
+	}
+});
+Object.defineProperty(exports, "NotificationActivity", {
+	enumerable: true,
+	get: function() {
+		return NotificationActivity;
+	}
+});
+Object.defineProperty(exports, "ReasoningActivity", {
+	enumerable: true,
+	get: function() {
+		return ReasoningActivity;
+	}
+});
+Object.defineProperty(exports, "ReasoningText", {
+	enumerable: true,
+	get: function() {
+		return ReasoningText;
+	}
+});
+Object.defineProperty(exports, "SignalActivity", {
+	enumerable: true,
+	get: function() {
+		return SignalActivity;
+	}
+});
+Object.defineProperty(exports, "hasReasoningText", {
+	enumerable: true,
+	get: function() {
+		return hasReasoningText;
+	}
+});
+Object.defineProperty(exports, "hasVisibleReasoning", {
+	enumerable: true,
+	get: function() {
+		return hasVisibleReasoning;
+	}
+});
+Object.defineProperty(exports, "useRelativePaths", {
+	enumerable: true,
+	get: function() {
+		return useRelativePaths;
+	}
+});
+
+//# sourceMappingURL=activity-Ciolopq8.cjs.map

package/dist/activity-Ciolopq8.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"activity-Ciolopq8.cjs","names":["createContext","escapeRegExp","useContext","createContext","useContext","useState","useId","Collapsible","cn","CollapsibleTrigger","Shimmer","Txt","useArriving","DisclosureChevron","X","CollapsibleContent","ArrivalScope","truncateString","Bell","_Fragment","Badge","Txt","ExternalLink","MarkdownRenderer","agentGlyph","agentGlyph","humanize","Txt","Badge","_Fragment"],"sources":["../src/ds/components/ai/activity/use-relative-paths.ts","../src/ds/components/ai/activity/activity.tsx","../src/ds/components/ai/activity/presets/message-preview.ts","../src/ds/components/ai/activity/presets/notification-activity.tsx","../src/ds/components/ai/activity/presets/reasoning-text.tsx","../src/ds/components/ai/activity/presets/reasoning-visibility.ts","../src/ds/components/ai/activity/presets/reasoning-activity.tsx","../src/ds/components/ai/activity/presets/signal-activity.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nimport { escapeRegExp } from '@/lib/string';\n\nexport const WorkingDirectoryContext = createContext<string | undefined>(undefined);\n\nfunction relativeTo(directory: string | undefined, text: string): string {\n  const root = directory?.replace(/\\/+$/, '');\n  if (!root) return text;\n  const escaped = escapeRegExp(root);\n  return text.replace(new RegExp(`(?<![^\\\\s'\"=(])${escaped}(?:/(?=[^\\\\s/])|(?![\\\\w.-]))`, 'g'), match =>\n    match.endsWith('/') ? '' : '.',\n  );\n}\n\n/** Rewrites text the way `ActivityDetail` shows it, for names that must say the same thing. */\nexport function useRelativePaths(): (text: string) => string {\n  const directory = useContext(WorkingDirectoryContext);\n  return text => relativeTo(directory, text);\n}\n","import { X } from 'lucide-react';\nimport { createContext, useContext, useId, useState } from 'react';\nimport type { ComponentProps, ReactNode } from 'react';\n\nimport { useRelativePaths, WorkingDirectoryContext } from './use-relative-paths';\nimport { ArrivalScope, useArriving } from '@/ds/components/Arrival';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/ds/components/Collapsible';\nimport { DisclosureChevron } from '@/ds/components/DisclosureChevron';\nimport { Shimmer } from '@/ds/components/Shimmer';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\ntype ActivityStatus = 'idle' | 'running' | 'error';\n\n/** `row` sits on a hover surface; `inline` reads as text beside prose: no surface, no inset, the line lifts on hover. */\ntype ActivityAppearance = 'row' | 'inline';\n\ninterface ActivityContextValue {\n  open: boolean;\n  foldable: boolean;\n  status: ActivityStatus;\n  appearance: ActivityAppearance;\n  nested: boolean;\n  toggle: () => void;\n}\n\nconst LIFTS = 'transition-colors motion-reduce:transition-none';\nconst LIFTS_TO_FOREGROUND = `${LIFTS} group-hover/row:text-foreground group-has-focus-visible/row:text-foreground`;\nconst LIFTS_TO_MUTED = `${LIFTS} group-hover/row:text-muted-foreground group-has-focus-visible/row:text-muted-foreground`;\n\nconst ActivityContext = createContext<ActivityContextValue | undefined>(undefined);\n\n// Stryker disable next-line ArrowFunction: the default callback is intentionally behaviorless.\nconst noopOpenChange = () => {};\n\nfunction useActivity() {\n  const context = useContext(ActivityContext);\n  if (!context) throw new Error('Activity compounds must be rendered within Activity');\n  return context;\n}\n\nfunction useInline() {\n  return useContext(ActivityContext)?.appearance === 'inline';\n}\n\nexport interface ActivityProps extends Omit<\n  ComponentProps<typeof Collapsible>,\n  'defaultOpen' | 'onOpenChange' | 'open'\n> {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  foldable?: boolean;\n  status?: ActivityStatus;\n  appearance?: ActivityAppearance;\n}\n\nexport function Activity({\n  open: controlledOpen,\n  defaultOpen = false,\n  onOpenChange = noopOpenChange,\n  foldable = true,\n  status = 'idle',\n  appearance = 'row',\n  className,\n  children,\n  ...props\n}: ActivityProps) {\n  const nested = useContext(ActivityContext) !== undefined;\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n  const open = controlledOpen ?? (foldable && uncontrolledOpen);\n  const statusId = useId();\n\n  const handleOpenChange = (nextOpen: boolean) => {\n    if (controlledOpen === undefined) setUncontrolledOpen(nextOpen);\n    onOpenChange(nextOpen);\n  };\n\n  return (\n    <ActivityContext.Provider\n      value={{ open, foldable, status, appearance, nested, toggle: () => handleOpenChange(!open) }}\n    >\n      <Collapsible\n        open={open}\n        onOpenChange={handleOpenChange}\n        className={cn('max-w-full min-w-0', className)}\n        role=\"group\"\n        aria-busy={status === 'running'}\n        aria-invalid={status === 'error' || undefined}\n        aria-describedby={status === 'idle' ? undefined : statusId}\n        data-status={status}\n        {...props}\n      >\n        {children}\n        <span id={statusId} className=\"sr-only\" aria-live=\"polite\">\n          {status === 'running' && 'Running'}\n          {status === 'error' && 'Failed'}\n        </span>\n      </Collapsible>\n    </ActivityContext.Provider>\n  );\n}\n\nexport const ActivityTrigger = ({ className, children, ...props }: ComponentProps<'div'>) => {\n  const { foldable, appearance } = useActivity();\n  const lineId = useId();\n\n  return (\n    <div\n      className={cn(\n        'group/row relative w-full min-w-0 rounded-md transition-colors motion-reduce:transition-none',\n        foldable && appearance === 'row' && 'hover:bg-fill',\n        className,\n      )}\n      {...props}\n    >\n      {foldable && (\n        <CollapsibleTrigger\n          aria-labelledby={lineId}\n          className=\"absolute inset-0 cursor-pointer rounded-md focus-visible:ring-1 focus-visible:ring-border-focus focus-visible:outline-hidden\"\n        />\n      )}\n      <div id={lineId} className={cn(foldable && 'pointer-events-none relative')}>\n        {children}\n      </div>\n    </div>\n  );\n};\n\nexport const ActivityHeader = ({ className, children, ...props }: ComponentProps<'span'>) => {\n  const { status, appearance } = useActivity();\n\n  return (\n    <Shimmer\n      active={status === 'running'}\n      className={cn(\n        'flex min-w-0 items-center gap-2 py-1',\n        appearance === 'inline' ? 'w-fit max-w-full' : 'w-full px-1.5',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </Shimmer>\n  );\n};\n\nexport const ActivityLeading = ({ className, children, ...props }: ComponentProps<'span'>) => {\n  const { foldable, toggle } = useActivity();\n\n  if (!children) return null;\n\n  return (\n    <span\n      className={cn('pointer-events-auto flex shrink-0 empty:hidden', foldable && 'cursor-pointer', className)}\n      onClick={foldable ? toggle : undefined}\n      {...props}\n    >\n      {children}\n    </span>\n  );\n};\n\nexport const ActivityIcon = ({ className, ...props }: ComponentProps<'span'>) => {\n  const { status, appearance } = useActivity();\n\n  return (\n    <span\n      className={cn(\n        'flex size-4 shrink-0 items-center justify-center [&_svg]:size-3.5 [&_svg]:shrink-0',\n        status === 'error' ? 'text-destructive-foreground' : 'text-placeholder',\n        status !== 'error' && appearance === 'inline' && LIFTS_TO_MUTED,\n        className,\n      )}\n      {...props}\n    />\n  );\n};\n\nexport interface ActivityLabelProps extends ComponentProps<typeof Txt> {\n  wrap?: boolean;\n}\n\nexport const ActivityLabel = ({ wrap = false, className, ...props }: ActivityLabelProps) => {\n  const inline = useInline();\n\n  return (\n    <Txt\n      as=\"span\"\n      variant=\"caption\"\n      tone=\"muted\"\n      className={cn(\n        wrap ? 'min-w-0 break-words' : 'shrink-0 truncate',\n        inline ? `max-w-none ${LIFTS_TO_FOREGROUND}` : 'max-w-[55%]',\n        className,\n      )}\n      {...props}\n    />\n  );\n};\n\n/** Paths under the agent's working directory read relative to it, the way the agent itself refers to them. */\nexport function ActivityWorkingDirectory({ path, children }: { path: string | undefined; children: ReactNode }) {\n  return <WorkingDirectoryContext value={path}>{children}</WorkingDirectoryContext>;\n}\n\nexport interface ActivityDetailProps extends Omit<ComponentProps<typeof Txt>, 'font'> {\n  wrap?: boolean;\n}\n\nexport const ActivityDetail = ({ wrap = false, className, children, ...props }: ActivityDetailProps) => {\n  const arriving = useArriving();\n  const inline = useInline();\n  const relative = useRelativePaths();\n\n  return (\n    <Txt\n      as=\"span\"\n      variant=\"caption\"\n      tone=\"muted\"\n      className={cn('min-w-0', wrap ? 'break-words' : 'truncate', inline && LIFTS_TO_FOREGROUND, arriving, className)}\n      {...props}\n    >\n      {typeof children === 'string' ? relative(children) : children}\n    </Txt>\n  );\n};\n\nexport const ActivitySummary = ({ className, ...props }: ComponentProps<'span'>) => (\n  <span className={cn('flex min-w-0 items-center gap-1', className)} {...props} />\n);\n\nexport interface ActivitySpacerProps extends ComponentProps<'span'> {\n  rule?: boolean;\n}\n\nexport const ActivitySpacer = ({ rule, className, ...props }: ActivitySpacerProps) => {\n  const inline = useInline();\n\n  return (\n    <span\n      aria-hidden\n      className={cn(\n        'min-w-2 flex-1',\n        rule && 'h-px bg-border mask-r-from-[calc(100%-min(100%,160px))]',\n        inline && !rule && 'hidden',\n        className,\n      )}\n      {...props}\n    />\n  );\n};\n\nexport const ActivityTrailing = ({ className, ...props }: ComponentProps<'span'>) => (\n  <span className={cn('flex shrink-0 items-center', className)} {...props} />\n);\n\nexport const ActivityDisclosure = ({ className, children, ...props }: ComponentProps<'span'>) => {\n  const { open, foldable, nested } = useActivity();\n\n  return (\n    <span\n      className={cn(\n        'flex size-4 shrink-0 items-center justify-center transition-opacity duration-150 motion-reduce:transition-none starting:opacity-0',\n        !foldable && 'hidden',\n        foldable && nested && 'hidden group-hover/row:flex group-has-focus-visible/row:flex',\n        className,\n      )}\n      {...props}\n    >\n      <span\n        aria-hidden\n        className={cn(\n          'flex shrink-0 items-center text-muted-foreground/60 transition duration-150 motion-reduce:transition-none',\n          'group-hover/row:text-muted-foreground group-has-focus-visible/row:text-muted-foreground',\n          open && 'text-muted-foreground',\n          open && children != null && 'rotate-90',\n        )}\n      >\n        {children ?? <DisclosureChevron direction=\"right\" open={open} className=\"size-3.25\" />}\n      </span>\n    </span>\n  );\n};\n\nexport interface ActivityHeadlineProps extends Omit<ComponentProps<typeof ActivityHeader>, 'children'> {\n  leading?: ReactNode;\n  icon: ReactNode;\n  label: ReactNode;\n  detail?: string;\n  description?: string;\n  wrapDetail?: boolean;\n  badges?: ReactNode;\n}\n\nexport const ActivityHeadline = ({\n  leading,\n  icon,\n  label,\n  detail,\n  description,\n  wrapDetail,\n  badges,\n  ...props\n}: ActivityHeadlineProps) => {\n  const { status, appearance } = useActivity();\n  const hasBadges = Boolean(badges);\n  const labelShrinks = Boolean(description) || (appearance === 'inline' && !detail);\n\n  return (\n    <ActivityHeader {...props}>\n      <ActivityLeading>{leading}</ActivityLeading>\n      <ActivityIcon>{icon}</ActivityIcon>\n      <span className={cn('contents', hasBadges && 'flex min-w-0 flex-1 flex-wrap items-center gap-x-2 gap-y-1')}>\n        <ActivityLabel className={cn(labelShrinks && 'max-w-none min-w-0 shrink')}>\n          {description || label}\n        </ActivityLabel>\n        {badges}\n        {!description && detail && (\n          <ActivityDetail wrap={wrapDetail} className={cn(hasBadges && 'grow basis-40')}>\n            {detail}\n          </ActivityDetail>\n        )}\n      </span>\n      <ActivitySpacer className={cn(hasBadges && 'flex-none')} />\n      {status === 'error' && (\n        <ActivityTrailing>\n          <X size={13} role=\"img\" aria-label=\"Failed\" className=\"shrink-0 text-destructive-foreground\" />\n        </ActivityTrailing>\n      )}\n      <ActivityDisclosure />\n    </ActivityHeader>\n  );\n};\n\nexport interface ActivityContentProps extends ComponentProps<typeof CollapsibleContent> {\n  /** Drop the rail and its indent, so the content lines up with the text around the line. */\n  flush?: boolean;\n}\n\nexport const ActivityContent = ({ flush = false, className, children, ...props }: ActivityContentProps) => {\n  const inline = useInline();\n\n  return (\n    <CollapsibleContent className=\"max-w-full min-w-0\" {...props}>\n      <div\n        className={cn(\n          'relative flex max-w-full min-w-0 flex-col py-1.5',\n          !flush &&\n            \"gap-1.5 pr-1 pl-4 before:absolute before:inset-y-0 before:left-0 before:w-px before:bg-border before:mask-b-from-[calc(100%-min(40%,80px))] before:content-['']\",\n          !flush && (inline ? 'ml-2' : 'ml-[14px]'),\n          className,\n        )}\n      >\n        <ArrivalScope>{children}</ArrivalScope>\n      </div>\n    </CollapsibleContent>\n  );\n};\n\nexport interface ActivityItemProps extends Omit<ActivityProps, 'children' | 'open' | 'onOpenChange' | 'foldable'> {\n  icon: ReactNode;\n  label: string;\n  detail?: string;\n  badges?: ReactNode;\n  collapsible?: boolean;\n  children?: ReactNode;\n  'aria-label': string;\n}\n\nexport function ActivityItem({\n  icon,\n  label,\n  detail,\n  badges,\n  collapsible = true,\n  children,\n  ...props\n}: ActivityItemProps) {\n  const folds = collapsible && Boolean(children);\n\n  return (\n    <Activity {...props} foldable={folds} open={collapsible ? undefined : true}>\n      <ActivityTrigger>\n        <ActivityHeadline icon={icon} label={label} detail={detail} wrapDetail={!folds} badges={badges} />\n      </ActivityTrigger>\n      {children && <ActivityContent>{children}</ActivityContent>}\n    </Activity>\n  );\n}\n\nexport type { ActivityAppearance, ActivityStatus };\n","import { truncateString } from '@/lib/truncate-string';\n\nexport function messagePreview(message: string): string {\n  return truncateString(message, 72);\n}\n\nexport function messagePreviewShowsAll(message: string): boolean {\n  return !message.includes('\\n') && messagePreview(message) === message;\n}\n","import { Bell, ExternalLink } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { ActivityItem } from '../activity';\nimport { messagePreview, messagePreviewShowsAll } from './message-preview';\nimport { Badge } from '@/ds/components/Badge';\nimport type { BadgeVariant } from '@/ds/components/Badge';\nimport { Txt } from '@/ds/components/Txt';\n\nexport interface NotificationActivityProps {\n  label: string;\n  message: string;\n  state?: string;\n  icon?: ReactNode;\n  priority?: string;\n  status?: string;\n  pending?: string;\n  link?: { href: string; label: string };\n  defaultOpen?: boolean;\n  /** Badges rendered after the priority, status and pending badges. */\n  extraBadges?: ReactNode;\n  /** A label shown above the message once opened, e.g. to flag it as untrusted. */\n  messageLabel?: string;\n}\n\nconst priorityBadgeVariants: Partial<Record<string, BadgeVariant>> = {\n  urgent: 'red',\n  high: 'orange',\n  medium: 'blue',\n};\n\nexport function NotificationActivity({\n  label,\n  message,\n  state = 'notification',\n  icon,\n  priority,\n  status,\n  pending,\n  link,\n  defaultOpen,\n  extraBadges,\n  messageLabel,\n}: NotificationActivityProps) {\n  const lineHoldsMessage = messagePreviewShowsAll(message) && !messageLabel;\n  const hasBadges = Boolean(priority || status || pending || extraBadges);\n\n  return (\n    <ActivityItem\n      label={label}\n      detail={messagePreview(message)}\n      icon={icon ?? <Bell className=\"text-warning-foreground\" aria-hidden />}\n      badges={\n        hasBadges && (\n          <>\n            {priority && (\n              <Badge size=\"xs\" variant={priorityBadgeVariants[priority]}>\n                {priority}\n              </Badge>\n            )}\n            {status && <Badge size=\"xs\">{status}</Badge>}\n            {pending && <Badge size=\"xs\">{pending} pending</Badge>}\n            {extraBadges}\n          </>\n        )\n      }\n      defaultOpen={defaultOpen}\n      data-notification-state={state}\n      aria-label={`Notification: ${label}`}\n    >\n      {(!lineHoldsMessage || link) && (\n        <div className=\"flex flex-col gap-2\">\n          {messageLabel && (\n            <Txt variant=\"caption\" tone=\"muted\">\n              {messageLabel}\n            </Txt>\n          )}\n          {message && (\n            <Txt variant=\"caption\" className=\"break-words whitespace-pre-wrap\">\n              {message}\n            </Txt>\n          )}\n          {link && <NotificationLink link={link} message={message} />}\n        </div>\n      )}\n    </ActivityItem>\n  );\n}\n\nfunction NotificationLink({\n  link,\n  message,\n}: {\n  link: NonNullable<NotificationActivityProps['link']>;\n  message: string;\n}) {\n  return (\n    <a\n      href={link.href}\n      target=\"_blank\"\n      rel=\"noreferrer\"\n      aria-label={`${link.label}: ${messagePreview(message)}`}\n      className=\"flex w-fit items-center gap-1 text-meta text-muted-foreground hover:text-foreground\"\n    >\n      {link.label}\n      <ExternalLink size={12} aria-hidden />\n    </a>\n  );\n}\n","import type { ReasoningContent } from './reasoning-visibility';\nimport { MarkdownRenderer } from '@/ds/components/MarkdownRenderer';\n\nexport interface ReasoningTextProps {\n  content: ReasoningContent;\n  className?: string;\n}\n\nexport function ReasoningText({ content: { text, redacted, streaming }, className }: ReasoningTextProps) {\n  return (\n    <MarkdownRenderer className={className} streaming={streaming && !redacted}>\n      {redacted ? 'Reasoning was redacted by the provider.' : text}\n    </MarkdownRenderer>\n  );\n}\n","export interface ReasoningContent {\n  text: string;\n  redacted?: boolean;\n  streaming?: boolean;\n}\n\nexport function hasVisibleReasoning({ text, redacted, streaming }: ReasoningContent): boolean {\n  return Boolean(streaming || redacted) || hasReasoningText({ text, redacted });\n}\n\n/** Whether the passage has something to read: its text, or the notice that it was redacted. */\nexport function hasReasoningText({ text, redacted }: ReasoningContent): boolean {\n  return Boolean(redacted) || text.trim().length > 0;\n}\n","import { ActivityItem } from '../activity';\nimport { ReasoningText } from './reasoning-text';\nimport { hasReasoningText, hasVisibleReasoning } from './reasoning-visibility';\nimport type { ReasoningContent } from './reasoning-visibility';\nimport { agentGlyph } from '@/ds/components/AgentIndicator';\n\nconst ThinkingGlyph = agentGlyph('thinking');\n\nexport interface ReasoningActivityProps extends ReasoningContent {\n  defaultOpen?: boolean;\n}\n\nexport function ReasoningActivity({ defaultOpen = true, ...content }: ReasoningActivityProps) {\n  if (!hasVisibleReasoning(content)) return null;\n\n  return (\n    <ActivityItem\n      icon={<ThinkingGlyph aria-hidden />}\n      label=\"Reasoning\"\n      status={content.streaming ? 'running' : 'idle'}\n      defaultOpen={defaultOpen}\n      aria-label=\"Reasoning\"\n    >\n      {hasReasoningText(content) && (\n        <ReasoningText content={content} className=\"text-caption text-muted-foreground [&_p]:my-0.5\" />\n      )}\n    </ActivityItem>\n  );\n}\n","import {\n  Activity,\n  ActivityContent,\n  ActivityDetail,\n  ActivityDisclosure,\n  ActivityHeader,\n  ActivityIcon,\n  ActivityItem,\n  ActivityLabel,\n  ActivityTrigger,\n} from '../activity';\nimport type { ActivityAppearance } from '../activity';\nimport { messagePreview, messagePreviewShowsAll } from './message-preview';\nimport { agentGlyph } from '@/ds/components/AgentIndicator';\nimport { Badge } from '@/ds/components/Badge';\nimport { Txt } from '@/ds/components/Txt';\nimport { humanize } from '@/lib/string';\n\nexport interface SignalActivityProps {\n  kind: 'state' | 'reactive' | 'reminder';\n  label: string;\n  message: string;\n  detail?: string;\n  mode?: string;\n  defaultOpen?: boolean;\n  /** `inline` reads like the agent's own lines: their glyph, type and weight, the message as prose. */\n  appearance?: ActivityAppearance;\n}\n\nconst signalKinds = {\n  state: {\n    Icon: agentGlyph('context'),\n    accent: 'text-badge-purple-indicator',\n    body: { variant: 'caption' },\n  },\n  reactive: {\n    Icon: agentGlyph('notice'),\n    accent: undefined,\n    body: { variant: 'caption' },\n  },\n  reminder: {\n    Icon: agentGlyph('notice'),\n    accent: 'text-info-indicator',\n    body: { variant: 'meta', font: 'mono' },\n  },\n} as const;\n\nfunction SignalLine({ kind, label, message, detail, mode, defaultOpen }: Omit<SignalActivityProps, 'appearance'>) {\n  const { Icon } = signalKinds[kind];\n  const name = humanize(label);\n  const lineHoldsMessage = detail === undefined && messagePreviewShowsAll(message);\n\n  return (\n    <Activity\n      appearance=\"inline\"\n      foldable={!lineHoldsMessage}\n      defaultOpen={defaultOpen}\n      data-signal-kind={kind}\n      aria-label={`Signal: ${name}`}\n    >\n      <ActivityTrigger>\n        <ActivityHeader>\n          <ActivityIcon className=\"[&_svg]:size-4\">\n            <Icon />\n          </ActivityIcon>\n          <ActivityLabel className=\"text-body font-medium\">{name}</ActivityLabel>\n          {mode && <ActivityLabel className=\"text-body\">{mode}</ActivityLabel>}\n          {detail && <ActivityDetail className=\"text-body-sm\">{detail}</ActivityDetail>}\n          {lineHoldsMessage && message && (\n            <ActivityLabel wrap className=\"text-body\">\n              {message}\n            </ActivityLabel>\n          )}\n          <ActivityDisclosure />\n        </ActivityHeader>\n      </ActivityTrigger>\n      {!lineHoldsMessage && (\n        <ActivityContent>\n          <Txt tone=\"muted\" className=\"break-words whitespace-pre-wrap\">\n            {message}\n          </Txt>\n        </ActivityContent>\n      )}\n    </Activity>\n  );\n}\n\nexport function SignalActivity({ appearance = 'row', ...signal }: SignalActivityProps) {\n  if (appearance === 'inline') return <SignalLine {...signal} />;\n  const { kind, label, message, detail, mode, defaultOpen } = signal;\n  const { Icon, accent, body } = signalKinds[kind];\n  const lineHoldsMessage = detail === undefined && messagePreviewShowsAll(message);\n\n  return (\n    <ActivityItem\n      icon={<Icon className={accent} aria-hidden />}\n      label={label}\n      detail={detail ?? messagePreview(message)}\n      badges={mode ? <Badge size=\"xs\">{mode}</Badge> : undefined}\n      defaultOpen={defaultOpen}\n      data-signal-kind={kind}\n      aria-label={`Signal: ${label}`}\n    >\n      {message && !lineHoldsMessage && (\n        <>\n          {detail && (\n            <Txt variant=\"meta\" font=\"mono\" tone=\"muted\" className=\"break-all\">\n              {detail}\n            </Txt>\n          )}\n          <Txt {...body} className=\"break-words whitespace-pre-wrap\">\n            {message}\n          </Txt>\n        </>\n      )}\n    </ActivityItem>\n  );\n}\n"],"mappings":"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"}

package/dist/annotations.css

@@ -0,0 +1,8 @@
+/* `--info-indicator`, not `--color-info-indicator`: the theme declares `--color-*` inline, so those never exist at runtime. */
+::highlight(chat-annotation) {
+  background-color: color-mix(in oklab, var(--info-indicator) 20%, transparent);
+}
+
+::highlight(chat-annotation-active) {
+  background-color: color-mix(in oklab, var(--info-indicator) 42%, transparent);
+}