@mcp-b/react-components 0.47.0 → 0.48.0

package/dist/components/agents-sdk/WorkspaceExplorer.d.ts

@@ -1,5 +1,5 @@
 import { l as WorkspaceNavigationAdapter } from "../../WorkspaceLink-Bh9-Jo1r.js";
-import { b as WorkspaceState } from "../../Workspace-C_zHq9KZ.js";
+import { b as WorkspaceState } from "../../Workspace-LIoU30n7.js";
 import * as React from "react";
 
 //#region src/components/agents-sdk/WorkspaceExplorer.d.ts

package/dist/components/agents-sdk/WorkspaceExplorer.js

@@ -2,7 +2,7 @@ import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { n as mergeRefs } from "../../merge-refs-DF_7w2x_.js";
 import { a as WorkspaceNavigationRestorationBoundary, n as WorkspaceNavigationProvider, o as useRequiredWorkspaceNavigationRestoration, r as resolveWorkspaceLink } from "../../WorkspaceLink-B1d2GIGl.js";
 import { WorkspaceBrowser } from "./WorkspaceBrowser.js";
-import { t as WorkspaceFileView } from "../../WorkspaceFileView-ChIJz-fl.js";
+import { t as WorkspaceFileView } from "../../WorkspaceFileView-C_WnYm-a.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/agents-sdk/WorkspaceExplorer.tsx

package/dist/components/agents-sdk/WorkspaceFileView.js

@@ -1,2 +1,2 @@
-import { t as WorkspaceFileView } from "../../WorkspaceFileView-ChIJz-fl.js";
+import { t as WorkspaceFileView } from "../../WorkspaceFileView-C_WnYm-a.js";
 export { WorkspaceFileView };

package/dist/components/agents-sdk/WorkspaceHeader.js

@@ -1,4 +1,4 @@
-import { H as RefreshIcon } from "../../icons-cuEtsgj9.js";
+import { H as RefreshIcon } from "../../icons-CeGfXO21.js";
 import { AppTopBar } from "../general-purpose/AppTopBar.js";
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

package/dist/components/agents-sdk/WorkspaceLive.d.ts

@@ -1,2 +1,2 @@
-import { a as useWorkspaceLiveQueries, i as invalidateWorkspaceDirectories, n as WorkspaceChange, r as WorkspaceChangeSource, t as UseWorkspaceLiveQueriesOptions } from "../../WorkspaceLive-DLGhtIly.js";
+import { a as useWorkspaceLiveQueries, i as invalidateWorkspaceDirectories, n as WorkspaceChange, r as WorkspaceChangeSource, t as UseWorkspaceLiveQueriesOptions } from "../../WorkspaceLive-DfjH1Ypm.js";
 export { UseWorkspaceLiveQueriesOptions, WorkspaceChange, WorkspaceChangeSource, invalidateWorkspaceDirectories, useWorkspaceLiveQueries };

package/dist/components/agents-sdk/WorkspaceLive.js

@@ -1,5 +1,5 @@
-import { workspaceDirectoryQueryKey, workspaceDirectoryQueryPrefix } from "./Workspace.js";
-import { invalidateWorkspaceConceptQueries } from "./WorkspaceConcept.js";
+import { refreshWorkspaceFileQueries, workspaceDirectoryQueryKey, workspaceDirectoryQueryPrefix, workspaceFileQueryKey, workspaceInfoQueryKey } from "./Workspace.js";
+import { invalidateWorkspaceConceptQueries, workspacePathsOverlap } from "./WorkspaceConcept.js";
 import * as React from "react";
 import { useQueryClient } from "@tanstack/react-query";
 //#region src/components/agents-sdk/WorkspaceLive.ts
@@ -11,6 +11,22 @@ function workspaceDirname(path) {
 function invalidateWorkspaceDirectories(queryClient, sourceKey, directories, root) {
 	for (const directory of directories) queryClient.invalidateQueries({ queryKey: workspaceDirectoryQueryKey(sourceKey, root, directory) });
 }
+async function invalidateWorkspaceResources(queryClient, sourceKey, root, source, selectedPath, resolveFileAsset, maxInlineAssetBytes, paths) {
+	queryClient.invalidateQueries({
+		queryKey: workspaceInfoQueryKey(sourceKey, root),
+		exact: true
+	});
+	if (!source || !selectedPath || paths && !paths.some((path) => workspacePathsOverlap(selectedPath, path))) return;
+	await queryClient.cancelQueries({ queryKey: workspaceFileQueryKey(sourceKey, root, selectedPath) });
+	await refreshWorkspaceFileQueries(queryClient, {
+		source,
+		sourceKey,
+		root,
+		selectedPath,
+		resolveFileAsset,
+		maxInlineAssetBytes
+	}).catch(() => {});
+}
 /**
 * Synchronize external workspace freshness with the design system's Query
 * resources. This is the one external-system effect: native observer events
@@ -18,15 +34,25 @@ function invalidateWorkspaceDirectories(queryClient, sourceKey, directories, roo
 * stable query keys. Hosts only supply events; neither layer adds another
 * watcher.
 */
-function useWorkspaceLiveQueries({ changes, sourceKey, root, revision }) {
+function useWorkspaceLiveQueries({ changes, maxInlineAssetBytes, resolveFileAsset, selectedPath, source, sourceKey, root, revision }) {
 	const queryClient = useQueryClient();
+	const refreshResources = React.useEffectEvent((paths) => {
+		if (!sourceKey) return;
+		invalidateWorkspaceResources(queryClient, sourceKey, root, source, selectedPath, resolveFileAsset, maxInlineAssetBytes, paths);
+	});
 	const previousRevisionRef = React.useRef(void 0);
 	React.useEffect(() => {
 		if (!sourceKey || revision === void 0) return;
 		const previous = previousRevisionRef.current;
-		previousRevisionRef.current = revision;
-		if (revision === previous) return;
+		previousRevisionRef.current = {
+			sourceKey,
+			root,
+			revision
+		};
+		if (previous?.sourceKey === sourceKey && previous.root === root && previous.revision === revision) return;
+		queryClient.invalidateQueries({ queryKey: workspaceDirectoryQueryPrefix(sourceKey, root) });
 		invalidateWorkspaceConceptQueries(queryClient, sourceKey, root);
+		refreshResources();
 	}, [
 		queryClient,
 		revision,
@@ -50,6 +76,7 @@ function useWorkspaceLiveQueries({ changes, sourceKey, root, revision }) {
 				pendingPaths.clear();
 				queryClient.invalidateQueries({ queryKey: workspaceDirectoryQueryPrefix(sourceKey, root) });
 				invalidateWorkspaceConceptQueries(queryClient, sourceKey, root);
+				refreshResources();
 				return;
 			}
 			invalidateWorkspaceDirectories(queryClient, sourceKey, pendingDirectories, root);
@@ -57,6 +84,7 @@ function useWorkspaceLiveQueries({ changes, sourceKey, root, revision }) {
 			pendingDirectories.clear();
 			pendingPaths.clear();
 			invalidateWorkspaceConceptQueries(queryClient, sourceKey, root, paths);
+			refreshResources(paths);
 		};
 		const unsubscribe = changes.subscribe((change) => {
 			if (change.type === "unknown") refreshAll = true;

package/dist/components/agents-sdk/WorkspaceMessageResponse.js

@@ -1,2 +1,2 @@
-import { n as WorkspaceMessageResponse, t as WorkspaceFileRendererProvider } from "../../WorkspaceMessageResponse-Dg_aNpoj.js";
+import { n as WorkspaceMessageResponse, t as WorkspaceFileRendererProvider } from "../../WorkspaceMessageResponse-BqOezptB.js";
 export { WorkspaceFileRendererProvider, WorkspaceMessageResponse };

package/dist/components/agents-sdk/WorkspaceMountManager.js

@@ -1,9 +1,9 @@
-import { I as PaperclipIcon } from "../../icons-cuEtsgj9.js";
+import { I as PaperclipIcon } from "../../icons-CeGfXO21.js";
 import { Button } from "../foundations/Button.js";
+import { Card, CardFooter, CardHeader, CardTitle } from "../foundations/Card.js";
 import { Popover } from "../foundations/Popover.js";
 import { EmptyState } from "../foundations/EmptyState.js";
 import { AppTopBar } from "../general-purpose/AppTopBar.js";
-import { Card, CardFooter, CardHeader, CardTitle } from "../foundations/Card.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/agents-sdk/WorkspaceMountManager.tsx

package/dist/components/agents-sdk/WorkspaceProject.d.ts

@@ -8,7 +8,22 @@ type WorkspaceProjectThreadOrigin = "user" | "routine" | "messenger";
 interface WorkspaceProjectFile {
   path: string;
   label: string;
-  onOpen?: () => void;
+}
+type WorkspaceProjectSectionItem = {
+  kind: "file";
+  path: string;
+  label: string;
+} | {
+  kind: "link";
+  href: string;
+  label: string;
+} | {
+  kind: "text";
+  label: string;
+};
+interface WorkspaceProjectSection {
+  label: string;
+  items: readonly WorkspaceProjectSectionItem[];
 }
 interface WorkspaceProjectThread {
   id: string;
@@ -16,7 +31,6 @@ interface WorkspaceProjectThread {
   origin: WorkspaceProjectThreadOrigin;
   /** Channel or origin mark. Messenger threads pass a brand favicon. */
   icon?: React.ReactNode;
-  onOpen?: () => void;
 }
 interface WorkspaceProject {
   /** Workspace path of PROJECT.md — directories are not addressable. */
@@ -26,7 +40,29 @@ interface WorkspaceProject {
   /** Brand mark. Defaults to `FolderIcon`. */
   icon?: React.ReactNode;
   files?: readonly WorkspaceProjectFile[];
+  /** Explicit groups authored under `## Working set` in PROJECT.md. */
+  sections?: readonly WorkspaceProjectSection[];
   threads?: readonly WorkspaceProjectThread[];
+}
+type WorkspaceProjectOpenable = {
+  onOpen?: () => void;
+};
+type WorkspaceProjectFileView = WorkspaceProjectFile & WorkspaceProjectOpenable;
+type WorkspaceProjectSectionItemView = (Extract<WorkspaceProjectSectionItem, {
+  kind: "file";
+}> & WorkspaceProjectOpenable) | Exclude<WorkspaceProjectSectionItem, {
+  kind: "file";
+}>;
+interface WorkspaceProjectSectionView {
+  label: string;
+  items: readonly WorkspaceProjectSectionItemView[];
+}
+type WorkspaceProjectThreadView = WorkspaceProjectThread & WorkspaceProjectOpenable;
+/** Data-only project projection hydrated with card actions outside Query. */
+interface WorkspaceProjectView extends Omit<WorkspaceProject, "files" | "sections" | "threads"> {
+  files?: readonly WorkspaceProjectFileView[];
+  sections?: readonly WorkspaceProjectSectionView[];
+  threads?: readonly WorkspaceProjectThreadView[];
   onOpen?: () => void;
   onDelete?: () => void | Promise<void>;
 }
@@ -38,7 +74,7 @@ interface WorkspaceProjectSource {
   onDelete?: (path: string) => void | Promise<void>;
 }
 interface WorkspaceProjectCardProps extends Omit<CardProps, "children" | "hover" | "size" | "title"> {
-  project: WorkspaceProject;
+  project: WorkspaceProjectView;
 }
 interface WorkspaceProjectFileCardProps extends Omit<WorkspaceProjectCardProps, "project"> {
   path: string;
@@ -46,7 +82,8 @@ interface WorkspaceProjectFileCardProps extends Omit<WorkspaceProjectCardProps,
   fallback?: React.ReactNode;
 }
 interface WorkspaceProjectsPanelProps extends Omit<React.HTMLAttributes<HTMLElement>, "children"> {
-  projects: readonly WorkspaceProject[];
+  projects: readonly WorkspaceProjectView[];
+  loading?: boolean;
   /** Query failure to show instead of the empty state. Loaded projects win. */
   error?: string;
   onRetry?: () => void;
@@ -80,6 +117,7 @@ declare function useWorkspaceProjects(source: WorkspaceProjectSource): readonly
 declare function WorkspaceProjectsPanel({
   className,
   error,
+  loading,
   projects,
   onRetry,
   ref,
@@ -90,4 +128,4 @@ declare function WorkspaceProjectsPanel({
 /** Canonical workbench descriptor; hosts supply only the source adapter. */
 declare function workspaceProjectsPanel(source: WorkspaceProjectSource): ThinkFullAppPanel;
 //#endregion
-export { WorkspaceProject, WorkspaceProjectCard, WorkspaceProjectCardProps, WorkspaceProjectFile, WorkspaceProjectFileCard, WorkspaceProjectFileCardProps, WorkspaceProjectSource, WorkspaceProjectThread, WorkspaceProjectThreadOrigin, WorkspaceProjectsPanel, WorkspaceProjectsPanelProps, useWorkspaceProjects, workspaceProjectsPanel };
+export { WorkspaceProject, WorkspaceProjectCard, WorkspaceProjectCardProps, WorkspaceProjectFile, WorkspaceProjectFileCard, WorkspaceProjectFileCardProps, WorkspaceProjectFileView, WorkspaceProjectSection, WorkspaceProjectSectionItem, WorkspaceProjectSectionItemView, WorkspaceProjectSectionView, WorkspaceProjectSource, WorkspaceProjectThread, WorkspaceProjectThreadOrigin, WorkspaceProjectThreadView, WorkspaceProjectView, WorkspaceProjectsPanel, WorkspaceProjectsPanelProps, useWorkspaceProjects, workspaceProjectsPanel };

package/dist/components/agents-sdk/WorkspaceProject.js

@@ -1,12 +1,13 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { $ as UserIcon, C as FolderIcon, S as FileIcon, j as MessageSquareIcon, u as CalendarIcon } from "../../icons-cuEtsgj9.js";
+import { $ as UserIcon, C as FolderIcon, D as LinkIcon, K as SpinnerIcon, S as FileIcon, j as MessageSquareIcon, u as CalendarIcon } from "../../icons-CeGfXO21.js";
 import { Button } from "../foundations/Button.js";
 import { IconButton } from "../foundations/IconButton.js";
 import { a as formatErrorMessage } from "../../format-COCyV98Z.js";
-import { EmptyState } from "../foundations/EmptyState.js";
-import { DescriptionList } from "../foundations/DescriptionList.js";
 import { Card, CardAction, CardContent, CardDescription, CardHeader, CardTitle } from "../foundations/Card.js";
-import { i as WorkspaceDeleteControl, n as WorkspaceComposerLink } from "../../workspace-assets-CxpEHsac.js";
+import { DescriptionList } from "../foundations/DescriptionList.js";
+import { EmptyState } from "../foundations/EmptyState.js";
+import { LinkButton } from "../foundations/LinkButton.js";
+import { i as WorkspaceDeleteControl, n as WorkspaceComposerLink, t as FaviconMark } from "../../workspace-assets-GqsCYxqT.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useQuery } from "@tanstack/react-query";
@@ -51,30 +52,55 @@ function LinkList({ items }) {
 	});
 }
 function ProjectDetails({ project }) {
-	const files = (project.files ?? []).filter((file) => !file.path.endsWith("/PROJECT.md"));
+	const referencedFiles = new Set((project.sections ?? []).flatMap(({ items }) => items.flatMap((item) => item.kind === "file" ? [item.path] : [])));
+	const files = (project.files ?? []).filter((file) => !file.path.endsWith("/PROJECT.md") && !referencedFiles.has(file.path));
+	const sections = (project.sections ?? []).filter(({ items }) => items.length > 0);
 	const threads = project.threads ?? [];
-	if (files.length === 0 && threads.length === 0) return null;
+	if (files.length === 0 && sections.length === 0 && threads.length === 0) return null;
 	return /* @__PURE__ */ jsxs(DescriptionList.Root, {
 		align: "start",
 		variant: "divided",
-		children: [files.length > 0 ? /* @__PURE__ */ jsxs(DescriptionList.Item, { children: [/* @__PURE__ */ jsx(DescriptionList.Term, { children: "Contents" }), /* @__PURE__ */ jsx(DescriptionList.Details, { children: /* @__PURE__ */ jsx("div", {
-			className: "sigvelo-cluster",
-			children: files.map((file) => /* @__PURE__ */ jsx(WorkspaceComposerLink, {
-				value: file.path,
-				label: file.label,
-				hint: file.path,
-				onOpen: file.onOpen
-			}, file.path))
-		}) })] }) : null, ORIGIN_ORDER.map((origin) => {
-			const grouped = threads.filter((thread) => thread.origin === origin);
-			if (grouped.length === 0) return null;
-			return /* @__PURE__ */ jsxs(DescriptionList.Item, { children: [/* @__PURE__ */ jsx(DescriptionList.Term, { children: ORIGIN_LABEL[origin] }), /* @__PURE__ */ jsx(DescriptionList.Details, { children: /* @__PURE__ */ jsx(LinkList, { items: grouped.map((thread) => ({
-				key: thread.id,
-				label: thread.title,
-				icon: thread.icon ?? ORIGIN_ICON[origin],
-				onOpen: thread.onOpen
-			})) }) })] }, origin);
-		})]
+		children: [
+			sections.map((section) => /* @__PURE__ */ jsxs(DescriptionList.Item, { children: [/* @__PURE__ */ jsx(DescriptionList.Term, { children: section.label }), /* @__PURE__ */ jsx(DescriptionList.Details, { children: /* @__PURE__ */ jsx("div", {
+				className: "sigvelo-cluster",
+				children: section.items.map((item) => item.kind === "file" ? /* @__PURE__ */ jsx(WorkspaceComposerLink, {
+					value: item.path,
+					label: item.label,
+					hint: item.path,
+					onOpen: item.onOpen
+				}, `${item.kind}:${item.path}`) : item.kind === "link" ? /* @__PURE__ */ jsxs(LinkButton, {
+					href: item.href,
+					target: "_blank",
+					rel: "noreferrer",
+					variant: "link",
+					color: "neutral",
+					size: "xs",
+					children: [/* @__PURE__ */ jsx(FaviconMark, {
+						href: item.href,
+						fallback: /* @__PURE__ */ jsx(LinkIcon, {})
+					}), item.label]
+				}, `${item.kind}:${item.href}`) : /* @__PURE__ */ jsx("span", { children: item.label }, `${item.kind}:${item.label}`))
+			}) })] }, section.label)),
+			files.length > 0 ? /* @__PURE__ */ jsxs(DescriptionList.Item, { children: [/* @__PURE__ */ jsx(DescriptionList.Term, { children: "Contents" }), /* @__PURE__ */ jsx(DescriptionList.Details, { children: /* @__PURE__ */ jsx("div", {
+				className: "sigvelo-cluster",
+				children: files.map((file) => /* @__PURE__ */ jsx(WorkspaceComposerLink, {
+					value: file.path,
+					label: file.label,
+					hint: file.path,
+					onOpen: file.onOpen
+				}, file.path))
+			}) })] }) : null,
+			ORIGIN_ORDER.map((origin) => {
+				const grouped = threads.filter((thread) => thread.origin === origin);
+				if (grouped.length === 0) return null;
+				return /* @__PURE__ */ jsxs(DescriptionList.Item, { children: [/* @__PURE__ */ jsx(DescriptionList.Term, { children: ORIGIN_LABEL[origin] }), /* @__PURE__ */ jsx(DescriptionList.Details, { children: /* @__PURE__ */ jsx(LinkList, { items: grouped.map((thread) => ({
+					key: thread.id,
+					label: thread.title,
+					icon: thread.icon ?? ORIGIN_ICON[origin],
+					onOpen: thread.onOpen
+				})) }) })] }, origin);
+			})
+		]
 	});
 }
 function WorkspaceProjectCard({ className, project, ref, ...props }) {
@@ -137,7 +163,7 @@ function useWorkspaceProjects(source) {
 * query failure with nothing loaded renders as a quiet inline error, never as
 * an empty library.
 */
-function WorkspaceProjectsPanel({ className, error, projects, onRetry, ref, ...props }) {
+function WorkspaceProjectsPanel({ className, error, loading = false, projects, onRetry, ref, ...props }) {
 	return /* @__PURE__ */ jsx("section", {
 		ref,
 		"data-slot": "workspace-projects-panel",
@@ -158,6 +184,9 @@ function WorkspaceProjectsPanel({ className, error, projects, onRetry, ref, ...p
 				onClick: onRetry,
 				children: "Retry"
 			}) : null
+		}) : loading ? /* @__PURE__ */ jsx(EmptyState, {
+			icon: /* @__PURE__ */ jsx(SpinnerIcon, {}),
+			title: "Loading projects"
 		}) : /* @__PURE__ */ jsx(EmptyState, {
 			icon: /* @__PURE__ */ jsx(FolderIcon, {}),
 			title: "No projects"
@@ -171,6 +200,13 @@ function projectWithSource(project, source) {
 			...file,
 			onOpen: source.onOpenFile ? () => source.onOpenFile?.(file.path) : void 0
 		})),
+		sections: project.sections?.map((section) => ({
+			...section,
+			items: section.items.map((item) => item.kind === "file" ? {
+				...item,
+				onOpen: source.onOpenFile ? () => source.onOpenFile?.(item.path) : void 0
+			} : item)
+		})),
 		threads: project.threads?.map((thread) => ({
 			...thread,
 			onOpen: source.onOpenThread ? () => source.onOpenThread?.(thread.id) : void 0
@@ -184,6 +220,7 @@ function WorkspaceProjectSourcePanel({ source }) {
 	return /* @__PURE__ */ jsx(WorkspaceProjectsPanel, {
 		projects: (query.data ?? []).map((project) => projectWithSource(project, source)),
 		error: query.isError ? formatErrorMessage(query.error) : void 0,
+		loading: query.isPending,
 		onRetry: query.isError ? () => void query.refetch() : void 0,
 		"aria-busy": query.isFetching || void 0
 	});

package/dist/components/agents-sdk/WorkspaceUserScript.js

@@ -1,11 +1,11 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { P as MonitorIcon, S as FileIcon, m as CodeIcon } from "../../icons-cuEtsgj9.js";
+import { P as MonitorIcon, S as FileIcon, m as CodeIcon } from "../../icons-CeGfXO21.js";
 import { IconButton } from "../foundations/IconButton.js";
-import { EmptyState } from "../foundations/EmptyState.js";
+import { Card, CardAction, CardContent, CardDescription, CardHeader, CardTitle } from "../foundations/Card.js";
 import { DescriptionList } from "../foundations/DescriptionList.js";
+import { EmptyState } from "../foundations/EmptyState.js";
 import { Switch } from "../foundations/Switch.js";
-import { Card, CardAction, CardContent, CardDescription, CardHeader, CardTitle } from "../foundations/Card.js";
-import { i as WorkspaceDeleteControl, n as WorkspaceComposerLink, t as FaviconMark } from "../../workspace-assets-CxpEHsac.js";
+import { i as WorkspaceDeleteControl, n as WorkspaceComposerLink, t as FaviconMark } from "../../workspace-assets-GqsCYxqT.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/agents-sdk/WorkspaceUserScript.tsx

package/dist/components/ai-sdk/Activity.js

@@ -1,7 +1,7 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { p as ChevronRightIcon } from "../../icons-cuEtsgj9.js";
 import { Collapsible } from "../foundations/Collapsible.js";
 import { useExpansionState } from "./ExpansionState.js";
+import { p as ChevronRightIcon } from "../../icons-CeGfXO21.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ai-sdk/Activity.tsx

package/dist/components/ai-sdk/AgentChatStartScreen.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { nt as XIcon } from "../../icons-cuEtsgj9.js";
+import { nt as XIcon } from "../../icons-CeGfXO21.js";
 import { Button } from "../foundations/Button.js";
 import { IconButton } from "../foundations/IconButton.js";
 import { PromptInputTray } from "./PromptInput.js";

package/dist/components/ai-sdk/Approval.js

@@ -1,8 +1,8 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { R as PencilIcon } from "../../icons-cuEtsgj9.js";
+import { R as PencilIcon } from "../../icons-CeGfXO21.js";
 import { Button } from "../foundations/Button.js";
-import { o as formatUnknownValue } from "../../format-COCyV98Z.js";
 import { Kbd } from "../foundations/Kbd.js";
+import { o as formatUnknownValue } from "../../format-COCyV98Z.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ai-sdk/Approval.tsx

package/dist/components/ai-sdk/Artifact.js

@@ -1,9 +1,9 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { K as SpinnerIcon, et as WarningIcon, nt as XIcon } from "../../icons-cuEtsgj9.js";
+import { K as SpinnerIcon, et as WarningIcon, nt as XIcon } from "../../icons-CeGfXO21.js";
 import { Button, buttonVariants } from "../foundations/Button.js";
 import { IconButton } from "../foundations/IconButton.js";
 import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
-import "react";
+import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ai-sdk/Artifact.tsx
 /**
@@ -136,7 +136,7 @@ function ArtifactPreview({ className, label, sourceLink, state, ref, ...props })
 			/* @__PURE__ */ jsx(ArtifactHeader, {
 				className: "artifact-preview__header",
 				children: /* @__PURE__ */ jsx(NavigationLink, {
-					render: sourceLink,
+					render: React.cloneElement(sourceLink, {}, "View source"),
 					className: buttonVariants({
 						variant: "ghost",
 						color: "neutral",

package/dist/components/ai-sdk/ChainOfThought.js

@@ -1,6 +1,6 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { K as SpinnerIcon, _ as DotIcon, d as CheckIcon, p as ChevronRightIcon } from "../../icons-cuEtsgj9.js";
 import { Collapsible } from "../foundations/Collapsible.js";
+import { K as SpinnerIcon, _ as DotIcon, d as CheckIcon, p as ChevronRightIcon } from "../../icons-CeGfXO21.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ai-sdk/ChainOfThought.tsx

package/dist/components/ai-sdk/Checkpoint.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { s as BookmarkIcon } from "../../icons-cuEtsgj9.js";
+import { s as BookmarkIcon } from "../../icons-CeGfXO21.js";
 import { Marker, MarkerIcon } from "../foundations/Marker.js";
 import "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/ai-sdk/CodeBlock.js

@@ -1,2 +1,2 @@
-import { a as CodeBlockCopyButton, c as CodeBlockLanguageSelector, d as CodeBlockLanguageSelectorTrigger, f as CodeBlockLanguageSelectorValue, i as CodeBlockContent, l as CodeBlockLanguageSelectorContent, m as CODE_BLOCK_LANGUAGES, n as CodeBlockActions, o as CodeBlockFilename, p as CodeBlockTitle, r as CodeBlockContainer, s as CodeBlockHeader, t as CodeBlock, u as CodeBlockLanguageSelectorItem } from "../../CodeBlock-DMHZiw86.js";
+import { a as CodeBlockCopyButton, c as CodeBlockLanguageSelector, d as CodeBlockLanguageSelectorTrigger, f as CodeBlockLanguageSelectorValue, i as CodeBlockContent, l as CodeBlockLanguageSelectorContent, m as CODE_BLOCK_LANGUAGES, n as CodeBlockActions, o as CodeBlockFilename, p as CodeBlockTitle, r as CodeBlockContainer, s as CodeBlockHeader, t as CodeBlock, u as CodeBlockLanguageSelectorItem } from "../../CodeBlock-BSJl682D.js";
 export { CODE_BLOCK_LANGUAGES, CodeBlock, CodeBlockActions, CodeBlockContainer, CodeBlockContent, CodeBlockCopyButton, CodeBlockFilename, CodeBlockHeader, CodeBlockLanguageSelector, CodeBlockLanguageSelectorContent, CodeBlockLanguageSelectorItem, CodeBlockLanguageSelectorTrigger, CodeBlockLanguageSelectorValue, CodeBlockTitle };

package/dist/components/ai-sdk/ComposerLink.js

@@ -1,7 +1,7 @@
 import { brandHexFromIconSrc, parseComposerHref, sampleImageAccent } from "../../utils/composer-link.js";
 import { getMcpServerIconSrc } from "../../utils/mcp-server-catalog.js";
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { c as BoxIcon } from "../../icons-cuEtsgj9.js";
+import { c as BoxIcon } from "../../icons-CeGfXO21.js";
 import { n as mergeRefs } from "../../merge-refs-DF_7w2x_.js";
 import { n as findCatalogMcpServerCard } from "../../mcp-server-7NR24ASj.js";
 import * as React from "react";

package/dist/components/ai-sdk/ConnectedAppCards.d.ts

@@ -1,3 +1,4 @@
+import { t as Correspondent } from "../../Correspondent-7K6uNLUm.js";
 import { CardProps } from "../foundations/Card.js";
 import * as React from "react";
 
@@ -34,6 +35,8 @@ interface EmailMessageDraft {
   body?: string;
 }
 interface EmailMessageCardProps extends ConnectedAppCardProps, EmailMessageDraft {
+  /** Person-shaped To. The address string remains the route. */
+  correspondent?: Correspondent;
   onChange?: (next: EmailMessageDraft) => void;
   onDiscard?: () => void | Promise<void>;
   onReject?: (reason: string) => void | Promise<void>;
@@ -45,6 +48,7 @@ interface EmailMessageCardProps extends ConnectedAppCardProps, EmailMessageDraft
  */
 declare function EmailMessageCard({
   body,
+  correspondent,
   from,
   icon,
   onChange,
@@ -66,6 +70,8 @@ interface SlackMessageDraft {
   message: string;
 }
 interface SlackMessageCardProps extends ConnectedAppCardProps, SlackMessageDraft {
+  /** Person-shaped To. Rooms stay the destination string. */
+  correspondent?: Correspondent;
   onChange?: (next: SlackMessageDraft) => void;
   onDiscard?: () => void | Promise<void>;
   onReject?: (reason: string) => void | Promise<void>;
@@ -73,6 +79,7 @@ interface SlackMessageCardProps extends ConnectedAppCardProps, SlackMessageDraft
 }
 /** Slack draft or posted message with workspace, destination, and thread fields. */
 declare function SlackMessageCard({
+  correspondent,
   icon,
   message,
   onChange,