@mcp-b/react-components 0.14.2 → 0.16.0

package/dist/components/AgentActivityPreview.js

@@ -0,0 +1,94 @@
+import { t as cx } from "../class-names-9UtZwb0J.js";
+import { B as SpinnerIcon, T as McpIcon, Y as XIcon, q as WarningIcon, v as FileIcon } from "../icons-CpfUer49.js";
+import { ActivityHeader } from "./Activity.js";
+import { AgentActivityFavicon, AgentActivityIcon } from "./AgentActivity.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/AgentActivityPreview.tsx
+/** Compact multi-agent preview for a page overlay or secondary application rail. */
+function AgentActivityPreview({ "aria-label": ariaLabel = "Agent activity", brandIcon = /* @__PURE__ */ jsx(McpIcon, {}), className, items, onDismiss, onOpenWorkspaceFile, onSelect, ref, ...props }) {
+	if (items.length === 0) return null;
+	return /* @__PURE__ */ jsxs("section", {
+		ref,
+		"aria-label": ariaLabel,
+		className: cx("agent-activity-preview", className),
+		"data-slot": "agent-activity-preview",
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: "agent-activity-preview__badge",
+				"aria-hidden": "true",
+				children: brandIcon
+			}),
+			onDismiss ? /* @__PURE__ */ jsx("button", {
+				type: "button",
+				className: "agent-activity-preview__dismiss",
+				"aria-label": "Hide agent activity",
+				onClick: onDismiss,
+				children: /* @__PURE__ */ jsx(XIcon, {})
+			}) : null,
+			/* @__PURE__ */ jsx("ul", {
+				className: "agent-activity-preview__list",
+				role: "list",
+				children: items.map((item) => /* @__PURE__ */ jsxs("li", {
+					className: "agent-activity-preview__item",
+					children: [/* @__PURE__ */ jsx("button", {
+						type: "button",
+						className: "agent-activity-preview__row",
+						"aria-label": `${item.label}. ${statusLabel(item.status)}. Open agent.`,
+						"data-status": item.status,
+						onClick: () => onSelect(item.id),
+						children: /* @__PURE__ */ jsx(ActivityHeader, {
+							icon: item.url ? /* @__PURE__ */ jsx(AgentActivityFavicon, {
+								url: item.url,
+								fallbackKind: item.iconKind
+							}) : /* @__PURE__ */ jsx(AgentActivityIcon, { kind: item.iconKind }),
+							isStreaming: item.status === "running",
+							label: item.label,
+							trailing: /* @__PURE__ */ jsxs("span", {
+								className: "agent-activity-preview__trailing",
+								"aria-hidden": "true",
+								children: [item.favicons?.length ? /* @__PURE__ */ jsx("span", {
+									className: "agent-activity-preview__favicons",
+									children: item.favicons.map((favicon) => /* @__PURE__ */ jsx("img", {
+										src: favicon.src,
+										alt: "",
+										title: favicon.label,
+										loading: "lazy",
+										decoding: "async",
+										referrerPolicy: "no-referrer"
+									}, `${favicon.src}:${favicon.label}`))
+								}) : null, /* @__PURE__ */ jsx(StatusIcon, { status: item.status })]
+							})
+						})
+					}), item.workspaceDestination && onOpenWorkspaceFile ? /* @__PURE__ */ jsx("button", {
+						type: "button",
+						className: "agent-activity-preview__file-action",
+						"aria-label": `Open ${item.workspaceDestination.path} in workspace`,
+						onClick: () => {
+							const destination = item.workspaceDestination;
+							if (destination) onOpenWorkspaceFile(item.id, destination);
+						},
+						children: /* @__PURE__ */ jsx(FileIcon, {})
+					}) : null]
+				}, item.id))
+			})
+		]
+	});
+}
+function StatusIcon({ status }) {
+	switch (status) {
+		case "running": return /* @__PURE__ */ jsx(SpinnerIcon, {});
+		case "input-required": return /* @__PURE__ */ jsx(WarningIcon, {});
+		case "unviewed": return /* @__PURE__ */ jsx("span", { className: "agent-activity-preview__unviewed-dot" });
+	}
+}
+function statusLabel(status) {
+	switch (status) {
+		case "running": return "Working";
+		case "input-required": return "Needs your input";
+		case "unviewed": return "Not yet viewed";
+	}
+}
+//#endregion
+export { AgentActivityPreview };

package/dist/components/AgentAttention.d.ts

@@ -0,0 +1,73 @@
+import { r as ButtonProps } from "../Button-FX_hpqxm.js";
+import * as React from "react";
+
+//#region src/components/AgentAttention.d.ts
+type AgentAttentionTone = "neutral" | "warning";
+interface AgentAttentionProps extends React.HTMLAttributes<HTMLDivElement> {
+  /** Visual emphasis only; products retain ownership of the underlying state. */
+  tone?: AgentAttentionTone;
+  /** Marks ongoing work without introducing progress semantics. */
+  busy?: boolean;
+}
+/** Compact host for agent work, handoff, generated input, or review previews. */
+declare function AgentAttention({
+  busy,
+  className,
+  tone,
+  ref,
+  ...props
+}: AgentAttentionProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+interface AgentAttentionHeadingProps {
+  /** Leading visual. Decorative by default; put meaning in the title. */
+  icon?: React.ReactNode;
+  title: React.ReactNode;
+  description?: React.ReactNode;
+}
+interface AgentAttentionHeaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title">, AgentAttentionHeadingProps {}
+/** Non-interactive heading for attention surfaces with inline content or actions. */
+declare function AgentAttentionHeader({
+  className,
+  description,
+  icon,
+  title,
+  ref,
+  ...props
+}: AgentAttentionHeaderProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+interface AgentAttentionTriggerProps extends Omit<ButtonProps, "children" | "className" | "color" | "size" | "title" | "variant">, AgentAttentionHeadingProps {
+  className?: string;
+}
+/** Whole-surface trigger for opening the owning agent client or disclosure. */
+declare function AgentAttentionTrigger({
+  className,
+  description,
+  icon,
+  title,
+  ref,
+  ...props
+}: AgentAttentionTriggerProps & {
+  ref?: React.Ref<HTMLButtonElement>;
+}): React.JSX.Element;
+interface AgentAttentionBodyProps extends React.HTMLAttributes<HTMLDivElement> {}
+/** Bounded content slot, including an app-owned generated-UI sandbox. */
+declare function AgentAttentionBody({
+  className,
+  ref,
+  ...props
+}: AgentAttentionBodyProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+interface AgentAttentionActionsProps extends React.HTMLAttributes<HTMLDivElement> {}
+/** Product-owned actions; the primitive does not infer approval authority. */
+declare function AgentAttentionActions({
+  className,
+  ref,
+  ...props
+}: AgentAttentionActionsProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+//#endregion
+export { AgentAttention, AgentAttentionActions, AgentAttentionActionsProps, AgentAttentionBody, AgentAttentionBodyProps, AgentAttentionHeader, AgentAttentionHeaderProps, AgentAttentionProps, AgentAttentionTone, AgentAttentionTrigger, AgentAttentionTriggerProps };

package/dist/components/AgentAttention.js

@@ -0,0 +1,85 @@
+import { t as cx } from "../class-names-9UtZwb0J.js";
+import { Button } from "./Button.js";
+import "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/AgentAttention.tsx
+/** Compact host for agent work, handoff, generated input, or review previews. */
+function AgentAttention({ busy = false, className, tone = "neutral", ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		"data-slot": "agent-attention",
+		"data-tone": tone,
+		"data-busy": busy || void 0,
+		"aria-busy": busy || void 0,
+		className: cx("agent-attention", className),
+		...props
+	});
+}
+function AgentAttentionHeading({ description, icon, title }) {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [icon ? /* @__PURE__ */ jsx("span", {
+		className: "agent-attention__icon",
+		"aria-hidden": "true",
+		children: icon
+	}) : null, /* @__PURE__ */ jsxs("span", {
+		className: "agent-attention__text",
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "agent-attention__title",
+			children: title
+		}), description ? /* @__PURE__ */ jsx("span", {
+			className: "agent-attention__description",
+			children: description
+		}) : null]
+	})] });
+}
+/** Non-interactive heading for attention surfaces with inline content or actions. */
+function AgentAttentionHeader({ className, description, icon, title, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		"data-slot": "agent-attention-header",
+		className: cx("agent-attention__header", className),
+		...props,
+		children: /* @__PURE__ */ jsx(AgentAttentionHeading, {
+			icon,
+			title,
+			description
+		})
+	});
+}
+/** Whole-surface trigger for opening the owning agent client or disclosure. */
+function AgentAttentionTrigger({ className, description, icon, title, ref, ...props }) {
+	return /* @__PURE__ */ jsx(Button, {
+		ref,
+		type: "button",
+		variant: "ghost",
+		color: "neutral",
+		size: "sm",
+		"data-slot": "agent-attention-trigger",
+		className: cx("agent-attention__trigger", className),
+		...props,
+		children: /* @__PURE__ */ jsx(AgentAttentionHeading, {
+			icon,
+			title,
+			description
+		})
+	});
+}
+/** Bounded content slot, including an app-owned generated-UI sandbox. */
+function AgentAttentionBody({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		"data-slot": "agent-attention-body",
+		className: cx("agent-attention__body", className),
+		...props
+	});
+}
+/** Product-owned actions; the primitive does not infer approval authority. */
+function AgentAttentionActions({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		"data-slot": "agent-attention-actions",
+		className: cx("agent-attention__actions", className),
+		...props
+	});
+}
+//#endregion
+export { AgentAttention, AgentAttentionActions, AgentAttentionBody, AgentAttentionHeader, AgentAttentionTrigger };

package/dist/components/AgentChat.d.ts

@@ -1,2 +1,2 @@
-import { a as AgentChatRenderPartContext, i as AgentChatRenderMessageContext, n as AgentChatPart, r as AgentChatProps, t as AgentChat } from "../AgentChat-DQkqt82e.js";
-export { AgentChat, AgentChatPart, AgentChatProps, AgentChatRenderMessageContext, AgentChatRenderPartContext };
+import { a as AgentChatRenderMessageContext, i as AgentChatProps, n as AgentChatComposerDraft, o as AgentChatRenderPartContext, r as AgentChatPart, s as PermissionModeControl, t as AgentChat } from "../AgentChat-CrlpbvQJ.js";
+export { AgentChat, AgentChatComposerDraft, AgentChatPart, AgentChatProps, AgentChatRenderMessageContext, AgentChatRenderPartContext, PermissionModeControl };