@humain/ui 2.1.63 → 2.1.65

package/dist/index186.js

@@ -1,221 +1,419 @@
-import { cn } from "./index2.js";
-import { Badge } from "./index14.js";
-import { Avatar } from "./index70.js";
-import { FileTypeIcon } from "./index115.js";
-import { cva } from "class-variance-authority";
+"use client";
+import { assertNever, cn } from "./index2.js";
+import { Button } from "./index5.js";
+import { Progress } from "./index17.js";
+import { Card } from "./index48.js";
+import { AISource } from "./index173.js";
+import { formatAIDuration } from "./index174.js";
+import { WorkflowStepRenderer } from "./index175.js";
+import { AIToolCallList } from "./index184.js";
+import { validateAIToolRunSnapshot } from "./index185.js";
+import { AlertCircle, Check, ChevronDown, ChevronRight, CirclePause, Clock, Wrench } from "lucide-react";
 import * as React from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/organisms/content/ActivityFeed/ActivityFeed.tsx
-var activityFeedVariants = cva("flex flex-col", {
-	variants: { divider: {
-		divider: "divide-y divide-border",
-		connector: "px-6 py-4",
-		none: "gap-4"
-	} },
-	defaultVariants: { divider: "divider" }
-});
-var activityItemVariants = cva("flex gap-3 relative", {
-	variants: {
-		type: {
-			notifications: "",
-			messages: ""
-		},
-		divider: {
-			divider: "px-4 py-4",
-			connector: "pt-0",
-			none: "px-4 py-4"
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/organisms/ai/AIToolRun/AIToolRun.tsx
+var MAX_RUNTIME_EXPANDED_STEP_IDS = 1e4;
+var INVALID_RUNTIME_STRING_ARRAY = Symbol("invalid-runtime-string-array");
+var ARRAY_PROTOTYPE_MEMBER_KEYS = Reflect.ownKeys(Array.prototype).filter((key) => key !== "length");
+function cloneRuntimeStringArray(value) {
+	try {
+		if (!Array.isArray(value)) return INVALID_RUNTIME_STRING_ARRAY;
+		const lengthDescriptor = Reflect.getOwnPropertyDescriptor(value, "length");
+		if (lengthDescriptor === void 0 || lengthDescriptor.enumerable || !Object.hasOwn(lengthDescriptor, "value") || typeof lengthDescriptor.value !== "number" || !Number.isInteger(lengthDescriptor.value) || lengthDescriptor.value < 0 || lengthDescriptor.value > MAX_RUNTIME_EXPANDED_STEP_IDS || !Object.is(Reflect.get(value, "length"), lengthDescriptor.value)) return INVALID_RUNTIME_STRING_ARRAY;
+		for (const key of ARRAY_PROTOTYPE_MEMBER_KEYS) if (Reflect.getOwnPropertyDescriptor(value, key) !== void 0) return INVALID_RUNTIME_STRING_ARRAY;
+		const copy = [];
+		for (let index = 0; index < lengthDescriptor.value; index += 1) {
+			const key = String(index);
+			const descriptor = Reflect.getOwnPropertyDescriptor(value, key);
+			if (descriptor === void 0 || descriptor.enumerable !== true || !Object.hasOwn(descriptor, "value") || typeof descriptor.value !== "string" || !Object.is(Reflect.get(value, key), descriptor.value)) return INVALID_RUNTIME_STRING_ARRAY;
+			copy.push(descriptor.value);
 		}
-	},
-	defaultVariants: {
-		type: "notifications",
-		divider: "divider"
+		return copy;
+	} catch {
+		return INVALID_RUNTIME_STRING_ARRAY;
 	}
-});
-function getActivityFeedItemKey(item) {
-	return item.id ?? `${item.user.name}:${item.timestamp}:${item.activity.text}:${item.activity.link ?? "no-link"}`;
-}
-function escapeRegExp(value) {
-	return value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
 }
-function getMessageSegments(message, mentions) {
-	const mentionSet = /* @__PURE__ */ new Set();
-	for (const mention of mentions) {
-		const trimmedMention = mention.trim();
-		if (trimmedMention) mentionSet.add(trimmedMention);
+function validateRuntimeViewProps({ headingLevel, open, defaultOpen, expandedStepIds, defaultExpandedStepIds }) {
+	const issues = [];
+	let validatedExpandedStepIds;
+	let validatedDefaultExpandedStepIds;
+	if (headingLevel !== void 0 && (typeof headingLevel !== "number" || !Number.isInteger(headingLevel) || headingLevel < 2 || headingLevel > 6)) issues.push("headingLevel must be an integer from 2 through 6");
+	if (open !== void 0 && typeof open !== "boolean") issues.push("open must be a boolean");
+	if (defaultOpen !== void 0 && typeof defaultOpen !== "boolean") issues.push("defaultOpen must be a boolean");
+	if (expandedStepIds !== void 0) {
+		const cloned = cloneRuntimeStringArray(expandedStepIds);
+		if (cloned === INVALID_RUNTIME_STRING_ARRAY) issues.push("expandedStepIds must be an array of strings");
+		else validatedExpandedStepIds = cloned;
 	}
-	const uniqueMentions = Array.from(mentionSet);
-	if (uniqueMentions.length === 0) return [];
-	const mentionPattern = new RegExp(`@(?:${uniqueMentions.map(escapeRegExp).join("|")})`, "gi");
-	const segments = [];
-	let cursor = 0;
-	for (const match of message.matchAll(mentionPattern)) {
-		const start = match.index ?? 0;
-		const text = match[0];
-		const end = start + text.length;
-		if (start > cursor) segments.push({
-			key: `text:${cursor}:${start}`,
-			text: message.slice(cursor, start),
-			isMention: false
-		});
-		segments.push({
-			key: `mention:${start}:${end}:${text.toLowerCase()}`,
-			text,
-			isMention: true
-		});
-		cursor = end;
+	if (defaultExpandedStepIds !== void 0) {
+		const cloned = cloneRuntimeStringArray(defaultExpandedStepIds);
+		if (cloned === INVALID_RUNTIME_STRING_ARRAY) issues.push("defaultExpandedStepIds must be an array of strings");
+		else validatedDefaultExpandedStepIds = cloned;
 	}
-	if (cursor < message.length) segments.push({
-		key: `text:${cursor}:${message.length}`,
-		text: message.slice(cursor),
-		isMention: false
-	});
-	return segments;
-}
-function ActivityFeedMessageContent({ message, mentions }) {
-	if (!mentions || mentions.length === 0) return /* @__PURE__ */ jsx(Fragment, { children: `"${message}"` });
-	return /* @__PURE__ */ jsx(Fragment, { children: getMessageSegments(message, mentions).map((segment) => /* @__PURE__ */ jsx("span", {
-		className: segment.isMention ? "font-semibold text-primary" : void 0,
-		children: segment.text
-	}, segment.key)) });
+	if (issues.length > 0) return {
+		valid: false,
+		issues
+	};
+	return {
+		valid: true,
+		value: {
+			...headingLevel === void 0 ? {} : { headingLevel },
+			...open === void 0 ? {} : { open },
+			...defaultOpen === void 0 ? {} : { defaultOpen },
+			...expandedStepIds === void 0 ? {} : { expandedStepIds: validatedExpandedStepIds },
+			...defaultExpandedStepIds === void 0 ? {} : { defaultExpandedStepIds: validatedDefaultExpandedStepIds }
+		}
+	};
 }
-function ActivityFeedItemContent({ content, expanded }) {
-	if (!content || expanded === false) return null;
-	switch (content.type) {
-		case "file": return /* @__PURE__ */ jsxs("div", {
-			className: "group/file flex gap-3 items-start w-full mt-3 rounded-lg transition-[background-color,transform] duration-150 ease-out motion-reduce:transition-none hover:bg-muted/40 active:scale-[0.99] motion-reduce:active:scale-100 cursor-default",
-			children: [/* @__PURE__ */ jsx(FileTypeIcon, {
-				extension: content.fileExtension,
-				size: "md"
-			}), /* @__PURE__ */ jsxs("div", {
-				className: "flex flex-col min-w-0 flex-1",
-				children: [/* @__PURE__ */ jsx("p", {
-					className: "text-sm font-medium text-secondary-foreground truncate",
-					children: content.fileName
-				}), /* @__PURE__ */ jsx("p", {
-					className: "text-sm text-muted-foreground",
-					children: content.fileSize
-				})]
-			})]
+var InvalidAIToolRun = React.forwardRef(({ className, ...sectionProps }, ref) => /* @__PURE__ */ jsx("section", {
+	...sectionProps,
+	ref,
+	"data-slot": "ai-tool-run",
+	role: "alert",
+	"aria-label": "Tool run",
+	className: cn("w-full min-w-0", className),
+	children: "Unable to display tool run."
+}));
+InvalidAIToolRun.displayName = "InvalidAIToolRun";
+var RUN_STATUS_LABELS = {
+	ready: "Ready",
+	running: "Running",
+	paused: "Paused",
+	completed: "Completed",
+	error: "Failed"
+};
+var STANDARD_ACTION_LABELS = {
+	start: "Start",
+	pause: "Pause",
+	resume: "Resume",
+	retry: "Retry",
+	dismiss: "Dismiss"
+};
+var PAUSED_PROGRESS_CLASS_NAME = "[&_[data-slot=progress-indicator]]:!transition-none [&_[data-slot=progress-indicator]]:!animate-none";
+function RunStatusIcon({ status }) {
+	switch (status) {
+		case "ready": return /* @__PURE__ */ jsx(Wrench, {
+			"aria-hidden": "true",
+			className: "size-4 text-muted-foreground"
 		});
-		case "message": return /* @__PURE__ */ jsx("div", {
-			className: "mt-3 border border-border rounded-ee-md rounded-es-md rounded-se-md p-3 shadow-xs w-full transition-shadow duration-200 ease-out hover:shadow-sm motion-reduce:transition-none",
-			children: /* @__PURE__ */ jsx("p", {
-				className: "text-sm text-secondary-foreground",
-				children: /* @__PURE__ */ jsx(ActivityFeedMessageContent, {
-					message: content.message,
-					mentions: content.mentions
-				})
-			})
+		case "running": return /* @__PURE__ */ jsx(Clock, {
+			"aria-hidden": "true",
+			className: "size-4 text-primary animate-pulse motion-reduce:animate-none"
+		});
+		case "paused": return /* @__PURE__ */ jsx(CirclePause, {
+			"aria-hidden": "true",
+			className: "size-4 text-warning"
 		});
-		case "labels": return /* @__PURE__ */ jsx("div", {
-			className: "flex flex-wrap gap-1 mt-3",
-			children: content.labels.map((label, i) => /* @__PURE__ */ jsx(Badge, {
-				variant: "outline",
-				color: label.color || "primary",
-				size: "sm",
-				className: "delight-stagger transition-transform duration-150 ease-out motion-reduce:transition-none hover:scale-105 motion-reduce:hover:scale-100",
-				style: { "--delight-delay": `${i * 50}ms` },
-				children: label.text
-			}, label.text))
+		case "completed": return /* @__PURE__ */ jsx(Check, {
+			"aria-hidden": "true",
+			className: "size-4 text-success"
 		});
-		default: return null;
+		case "error": return /* @__PURE__ */ jsx(AlertCircle, {
+			"aria-hidden": "true",
+			className: "size-4 text-destructive"
+		});
+		default: return assertNever(status);
 	}
 }
-var ActivityFeedItem = React.memo(React.forwardRef(({ className, user, timestamp, dateTime, activity, content, unread = false, avatarSize = "lg", divider = "divider", feedType = "notifications", userHandle, expanded, isLast = false, ...props }, ref) => {
-	return /* @__PURE__ */ jsxs("article", {
-		ref,
-		"data-slot": "activity-feed-item",
-		"aria-label": `${user.name}: ${activity.text}${activity.link ? ` ${activity.link}` : ""}`,
-		className: cn(activityItemVariants({
-			type: feedType,
-			divider
-		}), "transition-colors duration-150 ease-out motion-reduce:transition-none", "hover:bg-muted/30", className),
-		...props,
+RunStatusIcon.displayName = "RunStatusIcon";
+function getActionLabel(action) {
+	if (action.kind === "custom") return action.label;
+	return action.label ?? STANDARD_ACTION_LABELS[action.kind];
+}
+function getPoliteAnnouncement(run) {
+	if (run.status === "error") return "";
+	const activeStep = run.activeStepId === void 0 ? void 0 : run.steps.find((step) => step.toolCall.toolCallId === run.activeStepId);
+	const statusLabel = RUN_STATUS_LABELS[run.status];
+	return activeStep ? `${statusLabel}. Current step: ${activeStep.title ?? activeStep.toolCall.toolName}.` : `${statusLabel}.`;
+}
+function getWorkflowStepStatus(runStatus, step) {
+	const toolStatus = step.toolCall.status;
+	switch (toolStatus) {
+		case "pending": return "pending";
+		case "running": return runStatus === "paused" ? "suspended" : "running";
+		case "success": return "completed";
+		case "error": return "error";
+		default: return assertNever(toolStatus);
+	}
+}
+function AIToolRunStepContent({ progress, sources, title, paused, technicalDetails }) {
+	const failedToolCallIds = technicalDetails?.toolCalls.flatMap((toolCall) => toolCall.status === "error" ? [toolCall.toolCallId] : []) ?? [];
+	return /* @__PURE__ */ jsxs("div", {
+		className: "grid min-w-0 gap-3",
 		children: [
-			/* @__PURE__ */ jsxs("div", {
-				className: cn("flex flex-col items-center gap-0.5 self-stretch shrink-0", divider === "connector" && !isLast && "pb-0.5"),
-				children: [/* @__PURE__ */ jsx(Avatar, {
-					src: user.avatarSrc,
-					fallback: user.name,
-					size: avatarSize,
-					indicator: user.online === true ? "online" : user.online === false ? "offline" : void 0
-				}), divider === "connector" && !isLast && /* @__PURE__ */ jsx("div", { className: "flex-1 w-0.5 min-h-4 rounded-sm bg-border delight-connector-grow" })]
+			progress && /* @__PURE__ */ jsx(Progress, {
+				value: progress.value,
+				label: progress.label,
+				subLabel: progress.meta,
+				className: paused ? PAUSED_PROGRESS_CLASS_NAME : void 0
 			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: cn("flex flex-col flex-1 min-w-0", divider === "connector" && "pb-8"),
-				children: [/* @__PURE__ */ jsxs("div", {
-					className: "flex flex-col",
-					children: [/* @__PURE__ */ jsxs("div", {
-						className: "flex items-center gap-2 flex-wrap",
-						children: [
-							/* @__PURE__ */ jsx("span", {
-								className: "text-sm font-medium text-secondary-foreground",
-								children: user.name
-							}),
-							feedType === "messages" && userHandle && /* @__PURE__ */ jsxs("span", {
-								className: "text-sm text-muted-foreground",
-								children: ["@", userHandle]
-							}),
-							dateTime ? /* @__PURE__ */ jsx("time", {
-								dateTime,
-								className: "text-xs text-muted-foreground",
-								children: timestamp
-							}) : /* @__PURE__ */ jsx("span", {
-								className: "text-xs text-muted-foreground",
-								children: timestamp
-							})
-						]
-					}), /* @__PURE__ */ jsxs("p", {
-						className: "text-sm text-muted-foreground",
-						children: [activity.text, activity.link && /* @__PURE__ */ jsxs(Fragment, { children: [" ", activity.linkHref ? /* @__PURE__ */ jsx("a", {
-							href: activity.linkHref,
-							className: "font-medium text-primary hover:text-primary/80 transition-colors duration-150 ease-out focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-1 rounded-sm",
-							children: activity.link
-						}) : /* @__PURE__ */ jsx("span", {
-							className: "font-medium text-secondary-foreground",
-							children: activity.link
-						})] })]
-					})]
-				}), /* @__PURE__ */ jsx(ActivityFeedItemContent, {
-					content,
-					expanded
-				})]
+			sources.length > 0 && /* @__PURE__ */ jsx("ul", {
+				"aria-label": `Sources for ${title}`,
+				className: "grid min-w-0 gap-2",
+				children: sources.map((item, index) => /* @__PURE__ */ jsx("li", {
+					className: "flex min-w-0 items-center gap-2",
+					children: item.kind === "reference" ? /* @__PURE__ */ jsx("span", {
+						"data-slot": "ai-tool-run-reference",
+						className: "min-w-0 truncate text-sm text-secondary-foreground",
+						title: item.description,
+						children: item.title
+					}) : /* @__PURE__ */ jsx(AISource, {
+						source: item,
+						variant: "minimal",
+						showTooltip: false,
+						className: "min-w-0 max-w-none"
+					})
+				}, `${item.id}-${index}`))
 			}),
-			unread && /* @__PURE__ */ jsx("div", {
-				className: "absolute top-2 end-1 size-2.5",
-				"aria-hidden": "true",
-				children: /* @__PURE__ */ jsx("div", { className: "size-2 rounded-full bg-primary delight-unread-pulse" })
+			technicalDetails && technicalDetails.toolCalls.length > 0 && /* @__PURE__ */ jsxs("div", {
+				className: "grid min-w-0 gap-2",
+				children: [technicalDetails.label && /* @__PURE__ */ jsx("p", {
+					className: "text-xs font-medium text-secondary-foreground",
+					children: technicalDetails.label
+				}), /* @__PURE__ */ jsx(AIToolCallList, {
+					toolCalls: technicalDetails.toolCalls,
+					defaultOpenToolCallIds: failedToolCallIds
+				})]
 			})
 		]
 	});
-}));
-ActivityFeedItem.displayName = "ActivityFeedItem";
-var ActivityFeed = React.forwardRef(({ className, divider = "divider", items, type = "notifications", loading, children, ...props }, ref) => {
-	return /* @__PURE__ */ jsx("div", {
+}
+AIToolRunStepContent.displayName = "AIToolRunStepContent";
+function toWorkflowStep(runStatus, step, sourcesById) {
+	const title = step.title ?? step.toolCall.toolName;
+	const stepSources = (step.sourceIds ?? []).flatMap((sourceId) => {
+		const source = sourcesById.get(sourceId);
+		return source === void 0 ? [] : [source];
+	});
+	const hasContent = step.progress !== void 0 || stepSources.length > 0 || step.technicalDetails !== void 0;
+	return {
+		id: step.toolCall.toolCallId,
+		title,
+		description: step.description,
+		contextLabel: step.context?.label,
+		status: getWorkflowStepStatus(runStatus, step),
+		content: hasContent ? /* @__PURE__ */ jsx(AIToolRunStepContent, {
+			progress: step.progress,
+			sources: stepSources,
+			title,
+			paused: runStatus === "paused",
+			technicalDetails: step.technicalDetails
+		}) : void 0,
+		durationMs: step.durationMs,
+		error: step.toolCall.status === "error" ? step.toolCall.error : void 0
+	};
+}
+function useAIToolRunOpenState({ open, defaultOpen, onOpenChange }) {
+	const isControlled = open !== void 0;
+	const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen ?? true);
+	const lastControlledOpenRef = React.useRef(open ?? uncontrolledOpen);
+	const wasControlledRef = React.useRef(isControlled);
+	React.useLayoutEffect(() => {
+		if (open !== void 0) lastControlledOpenRef.current = open;
+	}, [open]);
+	React.useLayoutEffect(() => {
+		const wasControlled = wasControlledRef.current;
+		wasControlledRef.current = isControlled;
+		if (isControlled || !wasControlled) return;
+		setUncontrolledOpen((currentOpen) => currentOpen === lastControlledOpenRef.current ? currentOpen : lastControlledOpenRef.current);
+	}, [isControlled]);
+	const setOpen = React.useCallback((nextOpen) => {
+		if (!isControlled) setUncontrolledOpen(nextOpen);
+		onOpenChange?.(nextOpen);
+	}, [isControlled, onOpenChange]);
+	return [isControlled ? open : uncontrolledOpen, setOpen];
+}
+var AIToolRunPresentation = React.forwardRef(({ run, headingLevel = 2, open, defaultOpen, onOpenChange, expandedStepIds, defaultExpandedStepIds, onExpandedStepIdsChange, onAction, className, ...sectionProps }, ref) => {
+	const headingId = React.useId();
+	const detailsId = React.useId();
+	const Heading = `h${headingLevel}`;
+	const [isOpen, setIsOpen] = useAIToolRunOpenState({
+		open,
+		defaultOpen,
+		onOpenChange
+	});
+	const sourcesById = React.useMemo(() => new Map((run.sources ?? []).map((source) => [source.id, source])), [run.sources]);
+	const workflowSteps = React.useMemo(() => run.steps.map((step) => toWorkflowStep(run.status, step, sourcesById)), [
+		run.status,
+		run.steps,
+		sourcesById
+	]);
+	const initialExpandedStepIds = React.useMemo(() => {
+		const requested = new Set(defaultExpandedStepIds);
+		for (const step of run.steps) if (step.toolCall.status === "error") requested.add(step.toolCall.toolCallId);
+		return run.steps.flatMap((step) => requested.has(step.toolCall.toolCallId) ? [step.toolCall.toolCallId] : []);
+	}, [defaultExpandedStepIds, run.steps]);
+	const rootError = run.status === "error" ? run.error.message : void 0;
+	const politeAnnouncement = getPoliteAnnouncement(run);
+	const { "aria-busy": _ariaBusy, ...nativeSectionProps } = sectionProps;
+	return /* @__PURE__ */ jsxs("section", {
+		...nativeSectionProps,
+		ref,
+		"data-slot": "ai-tool-run",
+		"aria-labelledby": headingId,
+		className: cn("relative w-full min-w-0", className),
+		children: [/* @__PURE__ */ jsxs(Card, {
+			"aria-busy": run.status === "running" ? true : void 0,
+			className: "rounded-2xl",
+			children: [
+				/* @__PURE__ */ jsxs(Card.Header, { children: [/* @__PURE__ */ jsxs("div", {
+					className: "grid min-w-0 gap-1",
+					children: [
+						/* @__PURE__ */ jsxs("div", {
+							className: "flex min-w-0 items-center gap-2 text-xs font-medium text-secondary-foreground",
+							children: [
+								/* @__PURE__ */ jsx(RunStatusIcon, { status: run.status }),
+								/* @__PURE__ */ jsxs("span", { children: ["Status: ", RUN_STATUS_LABELS[run.status]] }),
+								run.durationMs !== void 0 && /* @__PURE__ */ jsx("span", { children: formatAIDuration(run.durationMs) })
+							]
+						}),
+						/* @__PURE__ */ jsx(Heading, {
+							id: headingId,
+							className: "min-w-0 truncate text-base font-semibold text-foreground",
+							children: run.header.title
+						}),
+						run.header.description && /* @__PURE__ */ jsx("p", {
+							className: "line-clamp-2 text-sm text-secondary-foreground",
+							children: run.header.description
+						}),
+						run.header.metadata && run.header.metadata.length > 0 && /* @__PURE__ */ jsx("dl", {
+							className: "flex flex-wrap gap-x-3 gap-y-1 text-xs text-secondary-foreground",
+							children: run.header.metadata.map((item, index) => /* @__PURE__ */ jsxs("div", {
+								className: "flex min-w-0 items-center gap-1",
+								children: [/* @__PURE__ */ jsxs("dt", {
+									className: "text-muted-foreground",
+									children: [item.label, ":"]
+								}), /* @__PURE__ */ jsx("dd", {
+									className: "min-w-0 truncate",
+									children: item.value
+								})]
+							}, `${item.label}-${index}`))
+						}),
+						!isOpen && run.progress && /* @__PURE__ */ jsx(Progress, {
+							value: run.progress.value,
+							label: run.progress.label,
+							subLabel: run.progress.meta,
+							className: run.status === "paused" ? PAUSED_PROGRESS_CLASS_NAME : void 0
+						})
+					]
+				}), /* @__PURE__ */ jsx(Card.Action, { children: /* @__PURE__ */ jsx(Button, {
+					appearance: "ghost",
+					variant: "secondary",
+					size: "icon-xl",
+					iconOnly: true,
+					"aria-label": isOpen ? "Collapse tool run" : "Expand tool run",
+					"aria-expanded": isOpen,
+					"aria-controls": detailsId,
+					onClick: () => setIsOpen(!isOpen),
+					children: isOpen ? /* @__PURE__ */ jsx(ChevronDown, { "aria-hidden": "true" }) : /* @__PURE__ */ jsx(ChevronRight, {
+						"aria-hidden": "true",
+						className: "rtl:rotate-180"
+					})
+				}) })] }),
+				/* @__PURE__ */ jsxs(Card.Content, {
+					id: detailsId,
+					hidden: !isOpen,
+					className: "grid min-w-0 gap-4",
+					children: [
+						run.progress && /* @__PURE__ */ jsx(Progress, {
+							value: run.progress.value,
+							label: run.progress.label,
+							subLabel: run.progress.meta,
+							className: run.status === "paused" ? PAUSED_PROGRESS_CLASS_NAME : void 0
+						}),
+						rootError && /* @__PURE__ */ jsxs("div", {
+							className: "flex min-w-0 items-start gap-2 rounded-lg border border-destructive/50 bg-destructive/10 p-3",
+							children: [/* @__PURE__ */ jsx(AlertCircle, {
+								"aria-hidden": "true",
+								className: "mt-0.5 size-4 shrink-0 text-destructive"
+							}), /* @__PURE__ */ jsx("p", {
+								className: "min-w-0 text-sm text-destructive",
+								children: rootError
+							})]
+						}),
+						/* @__PURE__ */ jsx(WorkflowStepRenderer, {
+							appearance: "timeline",
+							steps: workflowSteps,
+							activeStepId: run.activeStepId,
+							expandedStepIds,
+							defaultExpandedStepIds: initialExpandedStepIds,
+							onExpandedStepIdsChange,
+							renderItems: isOpen
+						}, run.runId)
+					]
+				}),
+				run.actions && run.actions.length > 0 && /* @__PURE__ */ jsx(Card.Footer, {
+					className: "flex flex-wrap gap-2",
+					children: run.actions.map((action) => /* @__PURE__ */ jsx(Button, {
+						appearance: "outline",
+						variant: "secondary",
+						disabled: action.disabled,
+						loading: action.loading,
+						"aria-label": getActionLabel(action),
+						className: "min-w-0 w-full max-w-full min-[480px]:w-auto h-auto min-h-9 whitespace-normal break-words [overflow-wrap:anywhere] [&>span]:min-w-0",
+						onClick: () => {
+							if (action.disabled || action.loading) return;
+							onAction?.({
+								runId: run.runId,
+								actionId: action.id,
+								kind: action.kind
+							});
+						},
+						children: getActionLabel(action)
+					}, action.id))
+				})
+			]
+		}), rootError ? /* @__PURE__ */ jsx("div", {
+			role: "alert",
+			"aria-live": "assertive",
+			className: "sr-only left-0 top-0",
+			children: rootError
+		}) : /* @__PURE__ */ jsx("div", {
+			role: "status",
+			"aria-live": "polite",
+			className: "sr-only left-0 top-0",
+			children: politeAnnouncement
+		})]
+	});
+});
+AIToolRunPresentation.displayName = "AIToolRunPresentation";
+var AIToolRunRuntimeBoundary = React.forwardRef((props, ref) => {
+	const { run, headingLevel, open, defaultOpen, expandedStepIds, defaultExpandedStepIds, dangerouslySetInnerHTML: unsafeHtml, onOpenChange, onExpandedStepIdsChange, onAction, ...sectionProps } = props;
+	const snapshotResult = validateAIToolRunSnapshot(run);
+	const viewResult = validateRuntimeViewProps({
+		headingLevel,
+		open,
+		defaultOpen,
+		expandedStepIds,
+		defaultExpandedStepIds
+	});
+	if (!snapshotResult.valid || !viewResult.valid) return /* @__PURE__ */ jsx(InvalidAIToolRun, {
+		...sectionProps,
+		ref
+	});
+	return /* @__PURE__ */ jsx(AIToolRunPresentation, {
+		...sectionProps,
+		...viewResult.value,
+		onOpenChange,
+		onExpandedStepIdsChange,
+		onAction,
 		ref,
-		"data-slot": "activity-feed",
-		role: "feed",
-		"aria-label": "Activity feed",
-		"aria-busy": loading || void 0,
-		className: cn(activityFeedVariants({ divider }), className),
-		...props,
-		children: items ? items.map((item, index) => /* @__PURE__ */ jsx(ActivityFeedItem, {
-			...item,
-			"aria-setsize": items.length,
-			"aria-posinset": index + 1,
-			divider: divider ?? "divider",
-			feedType: type,
-			isLast: index === items.length - 1,
-			className: cn("delight-stagger", item.className),
-			style: {
-				"--delight-delay": `${index * 60}ms`,
-				...item.style
-			}
-		}, getActivityFeedItemKey(item))) : children
+		run: snapshotResult.value
 	});
 });
-ActivityFeed.displayName = "ActivityFeed";
+/**
+* Displays one validated AI tool run with lifecycle, progress, sources,
+* disclosure, and action intents.
+*
+* @llms Validated AI tool-run timeline with lifecycle, progress, sources, disclosure, and actions
+*/
+var AIToolRun = React.forwardRef((props, ref) => /* @__PURE__ */ jsx(AIToolRunRuntimeBoundary, {
+	...props,
+	ref
+}));
+AIToolRunRuntimeBoundary.displayName = "AIToolRunRuntimeBoundary";
+AIToolRun.displayName = "AIToolRun";
 //#endregion
-export { ActivityFeed, ActivityFeedItem, activityFeedVariants, activityItemVariants };
+export { AIToolRun, AIToolRunRuntimeBoundary };
 
 //# sourceMappingURL=index186.js.map