@mcp-b/react-components 0.16.1 → 0.18.0

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

@@ -1,10 +1,12 @@
-import { g as EyeIcon, m as DownloadIcon, o as CheckIcon, q as WarningIcon, u as CodeIcon, w as MaximizeIcon } from "./icons-CpfUer49.js";
-import { c as useWorkspaceNavigationContext, s as useWorkspaceNavigationRestoration } from "./WorkspaceLink-DIPbXrUM.js";
-import { f as MessageResponse, m as createWorkspaceRehypePlugins } from "./Message-BkMdE3bS.js";
-import { a as CodeBlockCopyButton, i as CodeBlockContent, r as CodeBlockContainer, t as CodeBlock } from "./CodeBlock-BmB4Xaqq.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) => {
@@ -273,7 +253,7 @@ function WorkspaceImagePreview({ asset, fileName, media, url }) {
 						onError: () => setLoadFailed(true)
 					})
 				}), /* @__PURE__ */ jsx("div", {
-					className: "workspace-explorer__visually-hidden",
+					className: "workspace-explorer__visually-hidden sigvelo-visually-hidden",
 					role: "status",
 					"aria-live": "polite",
 					"aria-atomic": "true",
@@ -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-DIPbXrUM.js → WorkspaceLink-BYYeTQLf.js}

@@ -1,4 +1,6 @@
-import { t as cx } from "./class-names-9UtZwb0J.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";
 //#region src/components/_internal/workspace-navigation-context.tsx
@@ -92,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:",
@@ -120,24 +121,9 @@ function decodeUrlPart(value) {
 		return null;
 	}
 }
-function canonicalizeAbsolutePath(path) {
-	if (!path.startsWith("/") || hasInvalidPathCharacter(path)) return null;
-	const segments = [];
-	for (const segment of path.split("/")) {
-		if (!segment || segment === ".") continue;
-		if (segment === "..") segments.pop();
-		else segments.push(segment);
-	}
-	return `/${segments.join("/")}`;
-}
-function normalizeRoot(root) {
-	if (!root || hasInvalidPathCharacter(root)) return null;
-	const pathname = canonicalizeAbsolutePath(root);
-	if (!pathname) return null;
-	return pathname === "/" ? pathname : pathname.replace(/\/+$/, "");
-}
-function isWithinRoot(path, root) {
-	return root === "/" || path === root || path.startsWith(`${root}/`);
+function canonicalizeWorkspaceLinkPath(path) {
+	if (hasInvalidPathCharacter(path)) return null;
+	return canonicalizeAbsoluteWorkspacePath(path);
 }
 function getPathSegments(path) {
 	return path === "/" ? [] : path.slice(1).split("/");
@@ -188,10 +174,10 @@ function getExternalDestination(href) {
 }
 /** Resolve a Markdown link to a validated workspace file, external URL, or unavailable target. */
 function resolveWorkspaceLink({ href, root, base }) {
-	const normalizedRoot = normalizeRoot(root);
-	const normalizedBase = canonicalizeAbsolutePath(base.path);
+	const normalizedRoot = canonicalizeWorkspaceLinkPath(root);
+	const normalizedBase = canonicalizeWorkspaceLinkPath(base.path);
 	const trimmedHref = href.trim();
-	if (!normalizedRoot || !normalizedBase || !isWithinRoot(normalizedBase, normalizedRoot) || !trimmedHref || hasInvalidPathCharacter(href)) return invalid(href, "invalid-path");
+	if (!normalizedRoot || !normalizedBase || !isWorkspacePathWithinRoot(normalizedBase, normalizedRoot) || !trimmedHref || hasInvalidPathCharacter(href)) return invalid(href, "invalid-path");
 	if (trimmedHref.startsWith("//")) return getExternalDestination(trimmedHref);
 	if (URL_SCHEME.test(trimmedHref)) return getExternalDestination(trimmedHref);
 	if (trimmedHref.startsWith("#") && base.kind === "directory") return invalid(href, "fragment-without-file");
@@ -204,26 +190,13 @@ function resolveWorkspaceLink({ href, root, base }) {
 	if (rawFragment !== null && rawFragment !== "" && fragment === null || fragment !== null && hasInvalidPathCharacter(fragment)) return invalid(href, "invalid-path");
 	const localPath = resolveLocalPath(rawPath, normalizedRoot, base, normalizedBase);
 	if ("reason" in localPath) return invalid(href, localPath.reason);
-	if (!isWithinRoot(localPath.path, normalizedRoot)) return invalid(href, "outside-workspace");
+	if (!isWorkspacePathWithinRoot(localPath.path, normalizedRoot)) return invalid(href, "outside-workspace");
 	return {
 		kind: "file",
 		path: localPath.path,
 		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(() => ({
@@ -231,8 +204,7 @@ function WorkspaceNavigationProvider({ children, root, base, navigation }) {
 			base,
 			navigation
 		}), [
-			base.kind,
-			base.path,
+			base,
 			navigation,
 			root
 		]),
@@ -250,9 +222,9 @@ function UnavailableWorkspaceLink({ children, className }) {
 				"aria-hidden": "true",
 				children: "↛"
 			}),
-			/* @__PURE__ */ jsx("span", {
-				className: "workspace-link__visually-hidden",
-				children: " (link unavailable)"
+			/* @__PURE__ */ jsxs("span", {
+				className: "workspace-link__visually-hidden sigvelo-visually-hidden",
+				children: [" ", "(link unavailable)"]
 			})
 		]
 	});
@@ -298,34 +270,27 @@ function WorkspaceFileLink({ children, className, download, href = "", node: _no
 				className: "workspace-link__external-mark",
 				"aria-hidden": "true",
 				children: "↗"
-			}), /* @__PURE__ */ jsx("span", {
-				className: "workspace-link__visually-hidden",
-				children: " (opens in a new tab)"
+			}), /* @__PURE__ */ jsxs("span", {
+				className: "workspace-link__visually-hidden sigvelo-visually-hidden",
+				children: [" ", "(opens in a new tab)"]
 			})] }) : 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-BiMDVpUo.js

@@ -0,0 +1,14 @@
+//#region src/components/_internal/class-names.ts
+function cx(...parts) {
+	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) {
+	if (typeof className === "function") return (state) => cx(stableClassName, className(state));
+	return cx(stableClassName, className);
+}
+//#endregion
+export { mergeBaseClassName as n, cx as t };

package/dist/components/Accordion.d.ts

@@ -2,21 +2,11 @@ import * as React from "react";
 import { Accordion as Accordion$1 } from "@base-ui/react/accordion";
 
 //#region src/components/Accordion.d.ts
-interface AccordionProps extends Omit<React.ComponentPropsWithRef<typeof Accordion$1.Root>, "className"> {
-  className?: string;
-}
-interface AccordionItemProps extends Omit<React.ComponentPropsWithRef<typeof Accordion$1.Item>, "className"> {
-  className?: string;
-}
-interface AccordionTriggerProps extends Omit<React.ComponentPropsWithRef<typeof Accordion$1.Trigger>, "className"> {
-  className?: string;
-}
-interface AccordionHeaderProps extends Omit<Accordion$1.Header.Props, "className"> {
-  className?: string;
-}
-interface AccordionPanelProps extends Omit<React.ComponentPropsWithRef<typeof Accordion$1.Panel>, "className"> {
-  className?: string;
-}
+interface AccordionProps extends React.ComponentPropsWithRef<typeof Accordion$1.Root> {}
+interface AccordionItemProps extends React.ComponentPropsWithRef<typeof Accordion$1.Item> {}
+interface AccordionTriggerProps extends React.ComponentPropsWithRef<typeof Accordion$1.Trigger> {}
+interface AccordionHeaderProps extends Accordion$1.Header.Props {}
+interface AccordionPanelProps extends React.ComponentPropsWithRef<typeof Accordion$1.Panel> {}
 /**
  * An accordion component for showing collapsible content sections.
  *