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

package/dist/activity-BH_eegMA.js

@@ -0,0 +1,450 @@
+import { n as humanize, t as escapeRegExp } from "./string-CA5M0mj_.js";
+import { a as useArriving, t as ArrivalScope } from "./Arrival-CJFEOXr5.js";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "./components/Collapsible.es.js";
+import { DisclosureChevron } from "./components/DisclosureChevron.es.js";
+import { Shimmer } from "./components/Shimmer.es.js";
+import { t as Txt } from "./Txt-5efBsb2p.js";
+import { t as cn } from "./utils-DQx8TpNT.js";
+import { t as truncateString } from "./truncate-string-B8cByQzA.js";
+import { t as Badge } from "./Badge-C7NnqmMx.js";
+import { t as MarkdownRenderer } from "./MarkdownRenderer-BSGb65Ze.js";
+import { t as agentGlyph } from "./AgentIndicator-Dnv_1hvF.js";
+import { createContext, useContext, useId, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { Bell, ExternalLink, X } from "lucide-react";
+// src/ds/components/ai/activity/use-relative-paths.ts
+var WorkingDirectoryContext = createContext(void 0);
+function relativeTo(directory, text) {
+	const root = directory?.replace(/\/+$/, "");
+	if (!root) return text;
+	const escaped = 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 = 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 = createContext(void 0);
+var noopOpenChange = () => {};
+function useActivity() {
+	const context = useContext(ActivityContext);
+	if (!context) throw new Error("Activity compounds must be rendered within Activity");
+	return context;
+}
+function useInline() {
+	return useContext(ActivityContext)?.appearance === "inline";
+}
+function Activity({ open: controlledOpen, defaultOpen = false, onOpenChange = noopOpenChange, foldable = true, status = "idle", appearance = "row", className, children, ...props }) {
+	const nested = useContext(ActivityContext) !== void 0;
+	const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);
+	const open = controlledOpen ?? (foldable && uncontrolledOpen);
+	const statusId = useId();
+	const handleOpenChange = (nextOpen) => {
+		if (controlledOpen === void 0) setUncontrolledOpen(nextOpen);
+		onOpenChange(nextOpen);
+	};
+	return /* @__PURE__ */ jsx(ActivityContext.Provider, {
+		value: {
+			open,
+			foldable,
+			status,
+			appearance,
+			nested,
+			toggle: () => handleOpenChange(!open)
+		},
+		children: /* @__PURE__ */ jsxs(Collapsible, {
+			open,
+			onOpenChange: handleOpenChange,
+			className: 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__ */ 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 = useId();
+	return /* @__PURE__ */ jsxs("div", {
+		className: 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__ */ jsx(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__ */ jsx("div", {
+			id: lineId,
+			className: cn(foldable && "pointer-events-none relative"),
+			children
+		})]
+	});
+};
+var ActivityHeader = ({ className, children, ...props }) => {
+	const { status, appearance } = useActivity();
+	return /* @__PURE__ */ jsx(Shimmer, {
+		active: status === "running",
+		className: 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__ */ jsx("span", {
+		className: cn("pointer-events-auto flex shrink-0 empty:hidden", foldable && "cursor-pointer", className),
+		onClick: foldable ? toggle : void 0,
+		...props,
+		children
+	});
+};
+var ActivityIcon$1 = ({ className, ...props }) => {
+	const { status, appearance } = useActivity();
+	return /* @__PURE__ */ jsx("span", {
+		className: 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__ */ jsx(Txt, {
+		as: "span",
+		variant: "caption",
+		tone: "muted",
+		className: 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__ */ jsx(WorkingDirectoryContext, {
+		value: path,
+		children
+	});
+}
+var ActivityDetail = ({ wrap = false, className, children, ...props }) => {
+	const arriving = useArriving();
+	const inline = useInline();
+	const relative = useRelativePaths();
+	return /* @__PURE__ */ jsx(Txt, {
+		as: "span",
+		variant: "caption",
+		tone: "muted",
+		className: 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__ */ jsx("span", {
+	className: cn("flex min-w-0 items-center gap-1", className),
+	...props
+});
+var ActivitySpacer = ({ rule, className, ...props }) => {
+	const inline = useInline();
+	return /* @__PURE__ */ jsx("span", {
+		"aria-hidden": true,
+		className: 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__ */ jsx("span", {
+	className: cn("flex shrink-0 items-center", className),
+	...props
+});
+var ActivityDisclosure = ({ className, children, ...props }) => {
+	const { open, foldable, nested } = useActivity();
+	return /* @__PURE__ */ jsx("span", {
+		className: 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__ */ jsx("span", {
+			"aria-hidden": true,
+			className: 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__ */ jsx(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__ */ jsxs(ActivityHeader, {
+		...props,
+		children: [
+			/* @__PURE__ */ jsx(ActivityLeading, { children: leading }),
+			/* @__PURE__ */ jsx(ActivityIcon$1, { children: icon }),
+			/* @__PURE__ */ jsxs("span", {
+				className: cn("contents", hasBadges && "flex min-w-0 flex-1 flex-wrap items-center gap-x-2 gap-y-1"),
+				children: [
+					/* @__PURE__ */ jsx(ActivityLabel, {
+						className: cn(labelShrinks && "max-w-none min-w-0 shrink"),
+						children: description || label
+					}),
+					badges,
+					!description && detail && /* @__PURE__ */ jsx(ActivityDetail, {
+						wrap: wrapDetail,
+						className: cn(hasBadges && "grow basis-40"),
+						children: detail
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx(ActivitySpacer, { className: cn(hasBadges && "flex-none") }),
+			status === "error" && /* @__PURE__ */ jsx(ActivityTrailing, { children: /* @__PURE__ */ jsx(X, {
+				size: 13,
+				role: "img",
+				"aria-label": "Failed",
+				className: "shrink-0 text-destructive-foreground"
+			}) }),
+			/* @__PURE__ */ jsx(ActivityDisclosure, {})
+		]
+	});
+};
+var ActivityContent = ({ flush = false, className, children, ...props }) => {
+	const inline = useInline();
+	return /* @__PURE__ */ jsx(CollapsibleContent, {
+		className: "max-w-full min-w-0",
+		...props,
+		children: /* @__PURE__ */ jsx("div", {
+			className: 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__ */ jsx(ArrivalScope, { children })
+		})
+	});
+};
+function ActivityItem({ icon, label, detail, badges, collapsible = true, children, ...props }) {
+	const folds = collapsible && Boolean(children);
+	return /* @__PURE__ */ jsxs(Activity, {
+		...props,
+		foldable: folds,
+		open: collapsible ? void 0 : true,
+		children: [/* @__PURE__ */ jsx(ActivityTrigger, { children: /* @__PURE__ */ jsx(ActivityHeadline, {
+			icon,
+			label,
+			detail,
+			wrapDetail: !folds,
+			badges
+		}) }), children && /* @__PURE__ */ jsx(ActivityContent, { children })]
+	});
+}
+// src/ds/components/ai/activity/presets/message-preview.ts
+function messagePreview(message) {
+	return 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__ */ jsx(ActivityItem, {
+		label,
+		detail: messagePreview(message),
+		icon: icon ?? /* @__PURE__ */ jsx(Bell, {
+			className: "text-warning-foreground",
+			"aria-hidden": true
+		}),
+		badges: hasBadges && /* @__PURE__ */ jsxs(Fragment$1, { children: [
+			priority && /* @__PURE__ */ jsx(Badge, {
+				size: "xs",
+				variant: priorityBadgeVariants[priority],
+				children: priority
+			}),
+			status && /* @__PURE__ */ jsx(Badge, {
+				size: "xs",
+				children: status
+			}),
+			pending && /* @__PURE__ */ jsxs(Badge, {
+				size: "xs",
+				children: [pending, " pending"]
+			}),
+			extraBadges
+		] }),
+		defaultOpen,
+		"data-notification-state": state,
+		"aria-label": `Notification: ${label}`,
+		children: (!lineHoldsMessage || link) && /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col gap-2",
+			children: [
+				messageLabel && /* @__PURE__ */ jsx(Txt, {
+					variant: "caption",
+					tone: "muted",
+					children: messageLabel
+				}),
+				message && /* @__PURE__ */ jsx(Txt, {
+					variant: "caption",
+					className: "break-words whitespace-pre-wrap",
+					children: message
+				}),
+				link && /* @__PURE__ */ jsx(NotificationLink, {
+					link,
+					message
+				})
+			]
+		})
+	});
+}
+function NotificationLink({ link, message }) {
+	return /* @__PURE__ */ 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__ */ jsx(ExternalLink, {
+			size: 12,
+			"aria-hidden": true
+		})]
+	});
+}
+// src/ds/components/ai/activity/presets/reasoning-text.tsx
+function ReasoningText({ content: { text, redacted, streaming }, className }) {
+	return /* @__PURE__ */ jsx(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 = agentGlyph("thinking");
+function ReasoningActivity({ defaultOpen = true, ...content }) {
+	if (!hasVisibleReasoning(content)) return null;
+	return /* @__PURE__ */ jsx(ActivityItem, {
+		icon: /* @__PURE__ */ jsx(ThinkingGlyph, { "aria-hidden": true }),
+		label: "Reasoning",
+		status: content.streaming ? "running" : "idle",
+		defaultOpen,
+		"aria-label": "Reasoning",
+		children: hasReasoningText(content) && /* @__PURE__ */ 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: agentGlyph("context"),
+		accent: "text-badge-purple-indicator",
+		body: { variant: "caption" }
+	},
+	reactive: {
+		Icon: agentGlyph("notice"),
+		accent: void 0,
+		body: { variant: "caption" }
+	},
+	reminder: {
+		Icon: 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 = humanize(label);
+	const lineHoldsMessage = detail === void 0 && messagePreviewShowsAll(message);
+	return /* @__PURE__ */ jsxs(Activity, {
+		appearance: "inline",
+		foldable: !lineHoldsMessage,
+		defaultOpen,
+		"data-signal-kind": kind,
+		"aria-label": `Signal: ${name}`,
+		children: [/* @__PURE__ */ jsx(ActivityTrigger, { children: /* @__PURE__ */ jsxs(ActivityHeader, { children: [
+			/* @__PURE__ */ jsx(ActivityIcon$1, {
+				className: "[&_svg]:size-4",
+				children: /* @__PURE__ */ jsx(Icon, {})
+			}),
+			/* @__PURE__ */ jsx(ActivityLabel, {
+				className: "text-body font-medium",
+				children: name
+			}),
+			mode && /* @__PURE__ */ jsx(ActivityLabel, {
+				className: "text-body",
+				children: mode
+			}),
+			detail && /* @__PURE__ */ jsx(ActivityDetail, {
+				className: "text-body-sm",
+				children: detail
+			}),
+			lineHoldsMessage && message && /* @__PURE__ */ jsx(ActivityLabel, {
+				wrap: true,
+				className: "text-body",
+				children: message
+			}),
+			/* @__PURE__ */ jsx(ActivityDisclosure, {})
+		] }) }), !lineHoldsMessage && /* @__PURE__ */ jsx(ActivityContent, { children: /* @__PURE__ */ jsx(Txt, {
+			tone: "muted",
+			className: "break-words whitespace-pre-wrap",
+			children: message
+		}) })]
+	});
+}
+function SignalActivity({ appearance = "row", ...signal }) {
+	if (appearance === "inline") return /* @__PURE__ */ 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__ */ jsx(ActivityItem, {
+		icon: /* @__PURE__ */ jsx(Icon, {
+			className: accent,
+			"aria-hidden": true
+		}),
+		label,
+		detail: detail ?? messagePreview(message),
+		badges: mode ? /* @__PURE__ */ jsx(Badge, {
+			size: "xs",
+			children: mode
+		}) : void 0,
+		defaultOpen,
+		"data-signal-kind": kind,
+		"aria-label": `Signal: ${label}`,
+		children: message && !lineHoldsMessage && /* @__PURE__ */ jsxs(Fragment$1, { children: [detail && /* @__PURE__ */ jsx(Txt, {
+			variant: "meta",
+			font: "mono",
+			tone: "muted",
+			className: "break-all",
+			children: detail
+		}), /* @__PURE__ */ jsx(Txt, {
+			...body,
+			className: "break-words whitespace-pre-wrap",
+			children: message
+		})] })
+	});
+}
+export { useRelativePaths as S, ActivitySpacer as _, ReasoningText as a, ActivityTrigger as b, ActivityContent as c, ActivityHeader as d, ActivityHeadline as f, ActivityLeading as g, ActivityLabel as h, hasVisibleReasoning as i, ActivityDetail as l, ActivityItem as m, ReasoningActivity as n, NotificationActivity as o, ActivityIcon$1 as p, hasReasoningText as r, Activity as s, SignalActivity as t, ActivityDisclosure as u, ActivitySummary as v, ActivityWorkingDirectory as x, ActivityTrailing as y };
+
+//# sourceMappingURL=activity-BH_eegMA.js.map

package/dist/activity-BH_eegMA.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"activity-BH_eegMA.js","names":["ActivityIcon","_Fragment","ActivityIcon","_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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"}