@mcp-b/react-components 0.17.0 → 0.18.0

package/dist/{WorkspaceFileView-DNdGAEiX.js → WorkspaceFileView-C68Ub8S8.js}

@@ -1,10 +1,12 @@
-import { J as WarningIcon, T as MaximizeIcon, _ as EyeIcon, d as CodeIcon, h as DownloadIcon, s as CheckIcon } from "./icons--FqCZEc3.js";
-import { c as useWorkspaceNavigationContext, s as useWorkspaceNavigationRestoration } from "./WorkspaceLink-B1ykV1dS.js";
-import { f as MessageResponse, m as createWorkspaceRehypePlugins } from "./Message-C4eYRogZ.js";
-import { a as CodeBlockCopyButton, i as CodeBlockContent, r as CodeBlockContainer, t as CodeBlock } from "./CodeBlock-Co1noLbC.js";
+import { $ as XIcon, O as MaximizeIcon, Z as WarningIcon, _ as DownloadIcon, l as CheckIcon, p as CodeIcon, y as EyeIcon } from "./icons-CQJ-aMnI.js";
+import { t as NavigationLink } from "./navigation-link-Cob7KBlM.js";
+import { buttonVariants } from "./components/Button.js";
+import { c as useWorkspaceNavigationContext, s as useWorkspaceNavigationRestoration } from "./WorkspaceLink-BYYeTQLf.js";
+import { f as MessageResponse, m as createWorkspaceRehypePlugins } from "./Message-BXtmfc9Q.js";
+import { a as CodeBlockCopyButton, i as CodeBlockContent, r as CodeBlockContainer, t as CodeBlock } from "./CodeBlock-Bfp5PAg3.js";
 import { AppTopBar } from "./components/AppTopBar.js";
-import { WorkspaceHeader } from "./components/WorkspaceHeader.js";
 import { inferWorkspaceLanguage, inferWorkspaceMedia, isWorkspaceMarkdownPath, isWorkspaceSkillPath, parseWorkspaceSkill } from "./components/WorkspaceFile.js";
+import { WorkspaceHeader } from "./components/WorkspaceHeader.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { defaultRehypePlugins } from "streamdown";
@@ -55,25 +57,14 @@ function resolveLightboxTheme(element) {
 /** Create component-owned object URLs for bytes and revoke them on replacement. */
 function useWorkspaceAssetUrl(asset, mimeType) {
 	const [objectUrl, setObjectUrl] = React.useState(null);
-	const assetTokensRef = React.useRef(/* @__PURE__ */ new WeakMap());
-	const nextAssetTokenRef = React.useRef(0);
-	let assetToken = null;
-	if (asset?.kind === "data") {
-		assetToken = assetTokensRef.current.get(asset) ?? null;
-		if (assetToken === null) {
-			assetToken = nextAssetTokenRef.current + 1;
-			nextAssetTokenRef.current = assetToken;
-			assetTokensRef.current.set(asset, assetToken);
-		}
-	}
 	React.useEffect(() => {
-		if (!asset || asset.kind !== "data" || assetToken === null) {
+		if (!asset || asset.kind !== "data") {
 			setObjectUrl(null);
 			return;
 		}
 		if (typeof URL === "undefined" || typeof URL.createObjectURL !== "function" || typeof Blob === "undefined") {
 			setObjectUrl({
-				token: assetToken,
+				asset,
 				url: null,
 				downloadUrl: null,
 				error: "This browser cannot prepare a local preview."
@@ -87,7 +78,7 @@ function useWorkspaceAssetUrl(asset, mimeType) {
 			url = URL.createObjectURL(previewBlob);
 			downloadUrl = mimeType === SVG_MIME_TYPE ? URL.createObjectURL(new Blob([previewBlob], { type: "application/octet-stream" })) : url;
 			setObjectUrl({
-				token: assetToken,
+				asset,
 				url,
 				downloadUrl,
 				error: null
@@ -96,7 +87,7 @@ function useWorkspaceAssetUrl(asset, mimeType) {
 			if (url) URL.revokeObjectURL(url);
 			if (downloadUrl && downloadUrl !== url) URL.revokeObjectURL(downloadUrl);
 			setObjectUrl({
-				token: assetToken,
+				asset,
 				url: null,
 				downloadUrl: null,
 				error: "This file could not be prepared for preview."
@@ -107,11 +98,7 @@ function useWorkspaceAssetUrl(asset, mimeType) {
 			if (url) URL.revokeObjectURL(url);
 			if (downloadUrl && downloadUrl !== url) URL.revokeObjectURL(downloadUrl);
 		};
-	}, [
-		asset,
-		assetToken,
-		mimeType
-	]);
+	}, [asset, mimeType]);
 	if (!asset) return {
 		url: null,
 		downloadUrl: null,
@@ -125,7 +112,7 @@ function useWorkspaceAssetUrl(asset, mimeType) {
 			error: url ? null : "The host returned an unsupported asset URL."
 		};
 	}
-	if (assetToken === null || objectUrl?.token !== assetToken) return {
+	if (objectUrl?.asset !== asset) return {
 		url: null,
 		downloadUrl: null,
 		error: null
@@ -221,12 +208,6 @@ function WorkspaceImagePreview({ asset, fileName, media, url }) {
 	const [loadFailed, setLoadFailed] = React.useState(false);
 	const figureRef = React.useRef(null);
 	const [lightboxTheme, setLightboxTheme] = React.useState();
-	React.useEffect(() => {
-		setDimensions(null);
-		setHasLoaded(false);
-		setLoadFailed(false);
-		setOpen(false);
-	}, [url]);
 	const alt = asset.alt?.trim() || fileName;
 	const slide = {
 		src: url,
@@ -259,7 +240,6 @@ function WorkspaceImagePreview({ asset, fileName, media, url }) {
 						className: "workspace-explorer__image",
 						src: url,
 						alt,
-						role: "img",
 						width: dimensions?.width,
 						height: dimensions?.height,
 						onLoad: (event) => {
@@ -358,11 +338,6 @@ function WorkspaceAudioPreview({ asset, fileName, media, url }) {
 	const [loadFailed, setLoadFailed] = React.useState(false);
 	const tracks = safeTracks(asset.tracks);
 	const transcriptUrl = safeAssetUrl(asset.transcriptUrl);
-	React.useEffect(() => {
-		setDuration(null);
-		setMetadataLoaded(false);
-		setLoadFailed(false);
-	}, [url]);
 	return /* @__PURE__ */ jsxs("figure", {
 		className: "workspace-explorer__media-figure workspace-explorer__media-figure--audio",
 		children: [/* @__PURE__ */ jsxs("div", {
@@ -417,12 +392,6 @@ function WorkspaceVideoPreview({ asset, fileName, media, url }) {
 	const tracks = safeTracks(asset.tracks);
 	const posterUrl = safeAssetUrl(asset.posterUrl) ?? void 0;
 	const transcriptUrl = safeAssetUrl(asset.transcriptUrl);
-	React.useEffect(() => {
-		setDuration(null);
-		setDimensions(null);
-		setMetadataLoaded(false);
-		setLoadFailed(false);
-	}, [url]);
 	return /* @__PURE__ */ jsxs("figure", {
 		className: "workspace-explorer__media-figure workspace-explorer__media-figure--video",
 		children: [/* @__PURE__ */ jsxs("div", {
@@ -484,15 +453,16 @@ function WorkspaceMediaPreview(props) {
 	const { onScroll } = props;
 	return /* @__PURE__ */ jsxs("div", {
 		className: "workspace-explorer__media-scroll",
+		"data-workspace-file-content": "",
 		"data-workspace-focus-target": "",
 		"data-workspace-scroll": "",
 		onScroll,
 		tabIndex: -1,
 		children: [
-			props.media.kind === "image" ? /* @__PURE__ */ jsx(WorkspaceImagePreview, { ...props }) : null,
+			props.media.kind === "image" ? /* @__PURE__ */ jsx(WorkspaceImagePreview, { ...props }, props.url) : null,
 			props.media.kind === "pdf" ? /* @__PURE__ */ jsx(WorkspacePdfPreview, { ...props }) : null,
-			props.media.kind === "audio" ? /* @__PURE__ */ jsx(WorkspaceAudioPreview, { ...props }) : null,
-			props.media.kind === "video" ? /* @__PURE__ */ jsx(WorkspaceVideoPreview, { ...props }) : null
+			props.media.kind === "audio" ? /* @__PURE__ */ jsx(WorkspaceAudioPreview, { ...props }, props.url) : null,
+			props.media.kind === "video" ? /* @__PURE__ */ jsx(WorkspaceVideoPreview, { ...props }, props.url) : null
 		]
 	});
 }
@@ -513,9 +483,13 @@ function createWorkspaceHeading(tag, prefix) {
 		});
 	};
 }
-/** Full-boundary workspace file preview composed from CodeBlock and AppTopBar. */
-function WorkspaceFileView({ file, path, isLoading, isRefreshing, leading, actions, onRefresh }) {
-	const [markdownView, setMarkdownView] = React.useState("preview");
+/** Workspace file preview composed from CodeBlock and AppTopBar. */
+function WorkspaceFileView({ appearance = "contained", file, path, isLoading, isRefreshing, leading, actions, showSkillIdentity = true, onRefresh }) {
+	const [markdownViewState, setMarkdownViewState] = React.useState(() => ({
+		path,
+		view: "preview"
+	}));
+	const markdownView = markdownViewState.path === path ? markdownViewState.view : "preview";
 	const isMarkdown = isWorkspaceMarkdownPath(path);
 	const workspaceNavigation = useWorkspaceNavigationContext();
 	const restoration = useWorkspaceNavigationRestoration();
@@ -527,11 +501,7 @@ function WorkspaceFileView({ file, path, isLoading, isRefreshing, leading, actio
 	const scrollRef = React.useRef(null);
 	const handledFocusRequestRef = React.useRef(null);
 	const headingPrefix = React.useId().replaceAll(":", "");
-	const workspaceRehypePlugins = React.useMemo(() => createFileViewRehypePlugins(workspaceNavigation), [
-		workspaceNavigation?.base.kind,
-		workspaceNavigation?.base.path,
-		workspaceNavigation?.root
-	]);
+	const workspaceRehypePlugins = React.useMemo(() => createFileViewRehypePlugins(workspaceNavigation), [workspaceNavigation]);
 	const media = inferWorkspaceMedia(path, file?.asset?.mimeType ?? file?.info?.mimeType);
 	const assetUrl = useWorkspaceAssetUrl(file?.asset, media?.mimeType ?? "application/octet-stream");
 	const isPreparingAsset = Boolean(file?.asset && !assetUrl.url && !assetUrl.error);
@@ -546,9 +516,6 @@ function WorkspaceFileView({ file, path, isLoading, isRefreshing, leading, actio
 		h5: createWorkspaceHeading("h5", headingPrefix),
 		h6: createWorkspaceHeading("h6", headingPrefix)
 	}), [headingPrefix]);
-	React.useEffect(() => {
-		setMarkdownView("preview");
-	}, [path]);
 	React.useEffect(() => {
 		if (!entryKey || isLoading || isPreparingAsset || !file) return;
 		const focusRequest = JSON.stringify([
@@ -594,6 +561,19 @@ function WorkspaceFileView({ file, path, isLoading, isRefreshing, leading, actio
 		downloadUrl: assetUrl.downloadUrl,
 		allowOpen: media?.mimeType !== "image/svg+xml"
 	}) : null;
+	const closeAction = workspaceNavigation ? /* @__PURE__ */ jsx(NavigationLink, {
+		"aria-label": "Close file",
+		className: buttonVariants({
+			color: "neutral",
+			variant: "ghost",
+			size: "sm",
+			className: "workspace-explorer__file-close"
+		}),
+		"data-icon-only": "",
+		"data-slot": "button",
+		render: workspaceNavigation.navigation.renderLink({ kind: "files" }),
+		children: /* @__PURE__ */ jsx(XIcon, { "aria-hidden": "true" })
+	}) : null;
 	const headerProps = {
 		path,
 		leading,
@@ -601,21 +581,15 @@ function WorkspaceFileView({ file, path, isLoading, isRefreshing, leading, actio
 			actions,
 			assetActions,
 			/* @__PURE__ */ jsx(AppTopBar.Button, {
-				label: "Preview Markdown",
-				"aria-pressed": markdownView === "preview",
-				onClick: () => setMarkdownView("preview"),
-				children: /* @__PURE__ */ jsx(EyeIcon, { "aria-hidden": "true" })
-			}),
-			/* @__PURE__ */ jsx(AppTopBar.Button, {
-				label: "View Markdown source",
-				"aria-pressed": markdownView === "source",
-				onClick: () => setMarkdownView("source"),
-				children: /* @__PURE__ */ jsx(CodeIcon, { "aria-hidden": "true" })
+				label: markdownView === "preview" ? "View Markdown source" : "Preview Markdown",
+				onClick: () => setMarkdownViewState({
+					path,
+					view: markdownView === "preview" ? "source" : "preview"
+				}),
+				children: markdownView === "preview" ? /* @__PURE__ */ jsx(CodeIcon, { "aria-hidden": "true" }) : /* @__PURE__ */ jsx(EyeIcon, { "aria-hidden": "true" })
 			})
 		] }) : /* @__PURE__ */ jsxs(Fragment, { children: [actions, assetActions] }),
 		isRefreshing,
-		onBack: workspaceNavigation?.navigation.canGoBack ? () => workspaceNavigation.navigation.goBack() : void 0,
-		onForward: workspaceNavigation?.navigation.canGoForward ? () => workspaceNavigation.navigation.goForward() : void 0,
 		onRefresh
 	};
 	if (isLoading || !file || file.error || assetUrl.error || isPreparingAsset || file.asset && !media || !file.asset && (file.content === null || file.content.length === 0)) {
@@ -636,27 +610,38 @@ function WorkspaceFileView({ file, path, isLoading, isRefreshing, leading, actio
 		return /* @__PURE__ */ jsxs("div", {
 			ref: fileViewRef,
 			className: "workspace-explorer__file",
+			"data-appearance": appearance,
 			"data-workspace-restoration-scope": "file",
-			children: [/* @__PURE__ */ jsx(WorkspaceHeader, { ...headerProps }), /* @__PURE__ */ jsx("div", {
-				className: "workspace-explorer__empty",
-				"data-workspace-focus-target": "",
-				role,
-				children: message
-			})]
+			children: [
+				/* @__PURE__ */ jsx(WorkspaceHeader, { ...headerProps }),
+				closeAction,
+				/* @__PURE__ */ jsx("div", {
+					className: "workspace-explorer__empty",
+					"data-workspace-file-content": "",
+					"data-workspace-focus-target": "",
+					role,
+					children: message
+				})
+			]
 		});
 	}
 	if (file.asset && media && assetUrl.url) return /* @__PURE__ */ jsxs("div", {
 		ref: fileViewRef,
 		className: "workspace-explorer__file",
+		"data-appearance": appearance,
 		"data-workspace-restoration-scope": "file",
-		children: [/* @__PURE__ */ jsx(WorkspaceHeader, { ...headerProps }), /* @__PURE__ */ jsx(WorkspaceMediaPreview, {
-			asset: file.asset,
-			fileName: file.name,
-			media,
-			url: assetUrl.url,
-			downloadUrl: assetUrl.downloadUrl,
-			onScroll: handleScroll
-		})]
+		children: [
+			/* @__PURE__ */ jsx(WorkspaceHeader, { ...headerProps }),
+			closeAction,
+			/* @__PURE__ */ jsx(WorkspaceMediaPreview, {
+				asset: file.asset,
+				fileName: file.name,
+				media,
+				url: assetUrl.url,
+				downloadUrl: assetUrl.downloadUrl,
+				onScroll: handleScroll
+			})
+		]
 	});
 	if (file.content === null) return null;
 	if (isMarkdown && markdownView === "preview") {
@@ -671,64 +656,72 @@ function WorkspaceFileView({ file, path, isLoading, isRefreshing, leading, actio
 		return /* @__PURE__ */ jsxs("div", {
 			ref: fileViewRef,
 			className: "workspace-explorer__file",
+			"data-appearance": appearance,
 			"data-workspace-restoration-scope": "file",
-			children: [/* @__PURE__ */ jsx(WorkspaceHeader, { ...headerProps }), /* @__PURE__ */ jsx("div", {
-				ref: scrollRef,
-				className: "workspace-explorer__markdown-scroll",
-				"data-workspace-scroll": "",
-				onScroll: handleScroll,
-				children: /* @__PURE__ */ jsxs("article", {
-					className: "workspace-explorer__markdown",
-					children: [skill ? /* @__PURE__ */ jsxs("header", {
-						className: "workspace-explorer__skill",
-						children: [
-							/* @__PURE__ */ jsx("div", {
-								className: "workspace-explorer__skill-kicker",
-								children: "Agent Skill"
-							}),
-							skill.parsed ? /* @__PURE__ */ jsxs(Fragment, { children: [
-								/* @__PURE__ */ jsx("p", {
-									className: "workspace-explorer__skill-name",
-									children: skill.parsed.properties.name
-								}),
-								/* @__PURE__ */ jsx("p", {
-									className: "workspace-explorer__skill-description",
-									children: skill.parsed.properties.description
+			children: [
+				/* @__PURE__ */ jsx(WorkspaceHeader, { ...headerProps }),
+				closeAction,
+				/* @__PURE__ */ jsx("div", {
+					ref: scrollRef,
+					className: "workspace-explorer__markdown-scroll",
+					"data-workspace-file-content": "",
+					"data-workspace-scroll": "",
+					onScroll: handleScroll,
+					children: /* @__PURE__ */ jsxs("article", {
+						className: "workspace-explorer__markdown",
+						children: [skill ? /* @__PURE__ */ jsxs("header", {
+							className: "workspace-explorer__skill",
+							"data-skill-identity": showSkillIdentity ? "" : void 0,
+							children: [
+								showSkillIdentity ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
+									className: "workspace-explorer__skill-kicker",
+									children: "Agent Skill"
+								}), skill.parsed ? /* @__PURE__ */ jsxs(Fragment, { children: [
+									/* @__PURE__ */ jsx("p", {
+										className: "workspace-explorer__skill-name",
+										children: skill.parsed.properties.name
+									}),
+									/* @__PURE__ */ jsx("p", {
+										className: "workspace-explorer__skill-description",
+										children: skill.parsed.properties.description
+									}),
+									/* @__PURE__ */ jsxs("dl", {
+										className: "workspace-explorer__skill-metadata",
+										children: [skill.parsed.properties.compatibility ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("dt", { children: "Compatibility" }), /* @__PURE__ */ jsx("dd", { children: skill.parsed.properties.compatibility })] }) : null, skill.parsed.properties.allowedTools ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("dt", { children: "Allowed tools" }), /* @__PURE__ */ jsx("dd", { children: skill.parsed.properties.allowedTools })] }) : null]
+									})
+								] }) : null] }) : null,
+								/* @__PURE__ */ jsxs("div", {
+									className: "workspace-explorer__skill-status",
+									"data-invalid": skill.validationErrors.length > 0 ? "" : void 0,
+									children: [skill.validationErrors.length > 0 ? /* @__PURE__ */ jsx(WarningIcon, { "aria-hidden": "true" }) : /* @__PURE__ */ jsx(CheckIcon, { "aria-hidden": "true" }), skill.validationErrors.length > 0 ? `${skill.validationErrors.length.toLocaleString()} validation ${skill.validationErrors.length === 1 ? "issue" : "issues"}` : "Valid Agent Skill"]
 								}),
-								/* @__PURE__ */ jsxs("dl", {
-									className: "workspace-explorer__skill-metadata",
-									children: [skill.parsed.properties.compatibility ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("dt", { children: "Compatibility" }), /* @__PURE__ */ jsx("dd", { children: skill.parsed.properties.compatibility })] }) : null, skill.parsed.properties.allowedTools ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("dt", { children: "Allowed tools" }), /* @__PURE__ */ jsx("dd", { children: skill.parsed.properties.allowedTools })] }) : null]
-								})
-							] }) : null,
-							/* @__PURE__ */ jsxs("div", {
-								className: "workspace-explorer__skill-status",
-								"data-invalid": skill.validationErrors.length > 0 ? "" : void 0,
-								children: [skill.validationErrors.length > 0 ? /* @__PURE__ */ jsx(WarningIcon, { "aria-hidden": "true" }) : /* @__PURE__ */ jsx(CheckIcon, { "aria-hidden": "true" }), skill.validationErrors.length > 0 ? `${skill.validationErrors.length.toLocaleString()} validation ${skill.validationErrors.length === 1 ? "issue" : "issues"}` : "Valid Agent Skill"]
-							}),
-							skill.validationErrors.length > 0 ? /* @__PURE__ */ jsx("ul", {
-								className: "workspace-explorer__skill-errors",
-								children: skill.validationErrors.map((error) => /* @__PURE__ */ jsx("li", { children: error }, error))
-							}) : null
-						]
-					}) : null, response]
+								skill.validationErrors.length > 0 ? /* @__PURE__ */ jsx("ul", {
+									className: "workspace-explorer__skill-errors",
+									children: skill.validationErrors.map((error) => /* @__PURE__ */ jsx("li", { children: error }, error))
+								}) : null
+							]
+						}) : null, response]
+					})
 				})
-			})]
+			]
 		});
 	}
-	return /* @__PURE__ */ jsx("div", {
+	return /* @__PURE__ */ jsxs("div", {
 		ref: fileViewRef,
 		className: "workspace-explorer__file",
+		"data-appearance": appearance,
 		"data-workspace-restoration-scope": "file",
-		children: /* @__PURE__ */ jsxs(CodeBlock, {
+		children: [closeAction, /* @__PURE__ */ jsxs(CodeBlock, {
 			className: "workspace-explorer__code",
 			code: file.content,
+			"data-workspace-file-content": "",
 			"data-workspace-focus-target": "",
 			language: inferWorkspaceLanguage(file.path),
 			showLineNumbers: true,
 			children: [/* @__PURE__ */ jsx(WorkspaceHeader, {
 				...headerProps,
 				copyAction: /* @__PURE__ */ jsx(CodeBlockCopyButton, {
-					size: "icon-sm",
+					size: "sm",
 					nativeButton: true,
 					render: /* @__PURE__ */ jsx(AppTopBar.Control, {})
 				})
@@ -737,7 +730,7 @@ function WorkspaceFileView({ file, path, isLoading, isRefreshing, leading, actio
 				onScroll: handleScroll,
 				children: /* @__PURE__ */ jsx(CodeBlockContent, {})
 			})]
-		})
+		})]
 	});
 }
 //#endregion

package/dist/{WorkspaceLink-B1ykV1dS.js → WorkspaceLink-BYYeTQLf.js}

@@ -1,4 +1,5 @@
-import { t as cx } from "./class-names-Bk-QLWWI.js";
+import { t as cx } from "./class-names-BiMDVpUo.js";
+import { t as NavigationLink } from "./navigation-link-Cob7KBlM.js";
 import { n as isWorkspacePathWithinRoot, t as canonicalizeAbsoluteWorkspacePath } from "./workspace-path-L_KmjRjq.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -93,7 +94,6 @@ function useRequiredWorkspaceNavigationRestoration() {
 }
 //#endregion
 //#region src/components/WorkspaceLink.tsx
-const WORKSPACE_URL_ORIGIN = "https://workspace.invalid";
 const EXTERNAL_PROTOCOLS = /* @__PURE__ */ new Set([
 	"http:",
 	"https:",
@@ -197,19 +197,6 @@ function resolveWorkspaceLink({ href, root, base }) {
 		fragment
 	};
 }
-function getAdapterHref(navigation, destination) {
-	try {
-		const rawHref = navigation.createHref(destination);
-		if (hasInvalidPathCharacter(rawHref)) return null;
-		const href = rawHref.trim();
-		if (!href) return null;
-		const protocol = new URL(href, WORKSPACE_URL_ORIGIN).protocol.toLowerCase();
-		if (UNSAFE_PROTOCOLS.has(protocol)) return null;
-		return href;
-	} catch {
-		return null;
-	}
-}
 function WorkspaceNavigationProvider({ children, root, base, navigation }) {
 	return /* @__PURE__ */ jsx(WorkspaceNavigationContext, {
 		value: React.useMemo(() => ({
@@ -217,8 +204,7 @@ function WorkspaceNavigationProvider({ children, root, base, navigation }) {
 			base,
 			navigation
 		}), [
-			base.kind,
-			base.path,
+			base,
 			navigation,
 			root
 		]),
@@ -290,28 +276,21 @@ function WorkspaceFileLink({ children, className, download, href = "", node: _no
 			})] }) : null]
 		});
 	}
-	const adapterHref = getAdapterHref(workspace.navigation, resolved);
-	if (!adapterHref) return /* @__PURE__ */ jsx(UnavailableWorkspaceLink, {
-		className,
-		children
-	});
 	const handleClick = (event) => {
 		onClick?.(event);
 		const actualTarget = event.currentTarget.target.toLowerCase();
-		if (event.defaultPrevented || event.button !== 0 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey || event.currentTarget.hasAttribute("download") || actualTarget !== "" && actualTarget !== "_self") return;
-		event.preventDefault();
+		if (event.button !== 0 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey || event.currentTarget.hasAttribute("download") || actualTarget !== "" && actualTarget !== "_self") return;
 		const focusScope = event.currentTarget.closest("[data-workspace-restoration-scope]")?.dataset.workspaceRestorationScope;
 		restoration?.recordFocus(workspace.navigation.current.key, resolved, focusScope);
-		workspace.navigation.navigate(resolved);
 	};
-	return /* @__PURE__ */ jsx("a", {
+	return /* @__PURE__ */ jsx(NavigationLink, {
+		render: workspace.navigation.renderLink(resolved),
 		className: cx("workspace-link workspace-link--file", className),
 		"data-streamdown": "link",
 		"data-workspace-link": "file",
 		"data-workspace-destination-fragment": resolved.fragment ?? "",
 		"data-workspace-path": resolved.path,
 		download,
-		href: adapterHref,
 		onClick: handleClick,
 		rel,
 		target,

package/dist/{WorkspaceLink-DK1DWMHe.d.ts → WorkspaceLink-O-EBKUJ8.d.ts}

@@ -14,14 +14,11 @@ interface WorkspaceNavigationEntry {
 }
 interface WorkspaceNavigationAdapter {
   current: WorkspaceNavigationEntry;
-  createHref(destination: WorkspaceDestination): string;
-  navigate(destination: WorkspaceDestination, options?: {
-    replace?: boolean;
-  }): void;
-  canGoBack: boolean;
-  canGoForward: boolean;
-  goBack(): void;
-  goForward(): void;
+  /**
+   * Returns an application-owned anchor or router Link for this destination.
+   * The workspace merges its semantics and event handlers into this element.
+   */
+  renderLink(destination: WorkspaceDestination): React.ReactElement;
 }
 type WorkspaceLinkBase = {
   kind: "directory";
@@ -37,7 +34,7 @@ interface WorkspaceExternalDestination {
 interface WorkspaceInvalidDestination {
   kind: "invalid";
   href: string;
-  reason: "fragment-without-file" | "invalid-adapter-href" | "invalid-path" | "outside-workspace" | "unsafe-protocol" | "unsupported-query";
+  reason: "fragment-without-file" | "invalid-path" | "outside-workspace" | "unsafe-protocol" | "unsupported-query";
 }
 type WorkspaceLinkResolution = Extract<WorkspaceDestination, {
   kind: "file";

package/dist/{class-names-Bk-QLWWI.js → class-names-BiMDVpUo.js}

@@ -1,6 +1,9 @@
 //#region src/components/_internal/class-names.ts
 function cx(...parts) {
-	if (parts.some((part) => typeof part === "function")) return (state) => parts.map((part) => typeof part === "function" ? part(state) : part).filter(Boolean).join(" ");
+	if (parts.some((part) => typeof part === "function")) return (state) => parts.flatMap((part) => {
+		const value = typeof part === "function" ? part(state) : part;
+		return value ? [value] : [];
+	}).join(" ");
 	return parts.filter(Boolean).join(" ");
 }
 function mergeBaseClassName(stableClassName, className) {

package/dist/components/Accordion.js

@@ -1,4 +1,4 @@
-import { n as mergeBaseClassName } from "../class-names-Bk-QLWWI.js";
+import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
 import "react";
 import { Accordion as Accordion$1 } from "@base-ui/react/accordion";
 import { jsx } from "react/jsx-runtime";
@@ -26,6 +26,7 @@ function AccordionRoot({ className, ref, ...props }) {
 	const classes = mergeBaseClassName(["accordion"].filter(Boolean).join(" "), className);
 	return /* @__PURE__ */ jsx(Accordion$1.Root, {
 		ref,
+		"data-slot": "accordion",
 		className: classes,
 		...props
 	});
@@ -37,6 +38,7 @@ function AccordionItem({ className, ref, ...props }) {
 	const classes = mergeBaseClassName(["accordion__item"].filter(Boolean).join(" "), className);
 	return /* @__PURE__ */ jsx(Accordion$1.Item, {
 		ref,
+		"data-slot": "accordion-item",
 		className: classes,
 		...props
 	});
@@ -45,6 +47,7 @@ function AccordionHeader({ className, ref, ...props }) {
 	const classes = mergeBaseClassName(["accordion__header"].filter(Boolean).join(" "), className);
 	return /* @__PURE__ */ jsx(Accordion$1.Header, {
 		ref,
+		"data-slot": "accordion-header",
 		className: classes,
 		...props
 	});
@@ -59,6 +62,7 @@ function AccordionTrigger({ className, ref, ...props }) {
 	const classes = mergeBaseClassName(["accordion__trigger"].filter(Boolean).join(" "), className);
 	return /* @__PURE__ */ jsx(Accordion$1.Trigger, {
 		ref,
+		"data-slot": "accordion-trigger",
 		className: classes,
 		...props
 	});
@@ -67,9 +71,10 @@ function AccordionTrigger({ className, ref, ...props }) {
 * The collapsible content panel of an AccordionItem.
 */
 function AccordionPanel({ className, ref, ...props }) {
-	const classes = mergeBaseClassName(["accordion__panel"].filter(Boolean).join(" "), className);
+	const classes = mergeBaseClassName("base-ui-disclosure-panel accordion__panel", className);
 	return /* @__PURE__ */ jsx(Accordion$1.Panel, {
 		ref,
+		"data-slot": "accordion-panel",
 		className: classes,
 		...props
 	});

package/dist/components/Activity.js

@@ -1,6 +1,6 @@
-import { t as cx } from "../class-names-Bk-QLWWI.js";
+import { t as cx } from "../class-names-BiMDVpUo.js";
 import { Collapsible } from "./Collapsible.js";
-import { u as ChevronRightIcon } from "../icons--FqCZEc3.js";
+import { f as ChevronRightIcon } from "../icons-CQJ-aMnI.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Activity.tsx

package/dist/components/AgentActivity.d.ts

@@ -1,2 +1,2 @@
-import { a as AgentActivityIconProps, i as AgentActivityIconKind, n as AgentActivityFaviconProps, o as AgentActivityMode, r as AgentActivityIcon, s as AgentActivitySummary, t as AgentActivityFavicon } from "../AgentActivity-BNUNrP9O.js";
+import { a as AgentActivityIconProps, i as AgentActivityIconKind, n as AgentActivityFaviconProps, o as AgentActivityMode, r as AgentActivityIcon, s as AgentActivitySummary, t as AgentActivityFavicon } from "../AgentActivity-D2SHSGFX.js";
 export { AgentActivityFavicon, AgentActivityFaviconProps, AgentActivityIcon, AgentActivityIconKind, AgentActivityIconProps, AgentActivityMode, AgentActivitySummary };

package/dist/components/AgentActivity.js

@@ -1,4 +1,4 @@
-import { A as MonitorIcon, C as InfoIcon, J as WarningIcon, K as TerminalIcon, P as PencilIcon, Y as WrenchIcon, w as LinkIcon, y as FileIcon, z as SearchIcon } from "../icons--FqCZEc3.js";
+import { D as LinkIcon, E as InfoIcon, N as MonitorIcon, Q as WrenchIcon, R as PencilIcon, U as SearchIcon, Y as TerminalIcon, Z as WarningIcon, x as FileIcon } from "../icons-CQJ-aMnI.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/AgentActivity.tsx
@@ -19,9 +19,8 @@ function AgentActivityIcon({ kind }) {
 /** Site favicon for URL-backed activity, with the shared icon vocabulary as fallback. */
 function AgentActivityFavicon({ fallbackKind = "web", url }) {
 	const src = faviconHref(url);
-	const [failed, setFailed] = React.useState(false);
-	React.useEffect(() => setFailed(false), [src]);
-	if (!src || failed) return /* @__PURE__ */ jsx(AgentActivityIcon, { kind: fallbackKind });
+	const [failedSrc, setFailedSrc] = React.useState(null);
+	if (!src || failedSrc === src) return /* @__PURE__ */ jsx(AgentActivityIcon, { kind: fallbackKind });
 	return /* @__PURE__ */ jsx("img", {
 		className: "activity__favicon",
 		src,
@@ -29,7 +28,7 @@ function AgentActivityFavicon({ fallbackKind = "web", url }) {
 		loading: "lazy",
 		decoding: "async",
 		referrerPolicy: "no-referrer",
-		onError: () => setFailed(true)
+		onError: () => setFailedSrc(src)
 	});
 }
 function faviconHref(url) {