@mcp-b/react-components 0.46.7 → 0.48.0

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

@@ -0,0 +1,330 @@
+import { t as cx } from "../../class-names-BiMDVpUo.js";
+import { K as SpinnerIcon, S as FileIcon, Z as TerminalIcon, d as CheckIcon, z as PlayIcon } from "../../icons-CeGfXO21.js";
+import { Button } from "../foundations/Button.js";
+import { Field } from "../foundations/Field.js";
+import { Form } from "../foundations/Form.js";
+import { IconButton } from "../foundations/IconButton.js";
+import { a as formatErrorMessage, o as formatUnknownValue, r as firstLine } from "../../format-COCyV98Z.js";
+import { Card, CardAction, CardContent, CardDescription, CardHeader, CardTitle } from "../foundations/Card.js";
+import { DescriptionList } from "../foundations/DescriptionList.js";
+import { Input } from "../foundations/Input.js";
+import { Checkbox } from "../foundations/Checkbox.js";
+import { EmptyState } from "../foundations/EmptyState.js";
+import { i as WorkspaceDeleteControl, n as WorkspaceComposerLink, r as httpUrl, t as FaviconMark } from "../../workspace-assets-GqsCYxqT.js";
+import * as React from "react";
+import { createElement } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useMutation, useQuery } from "@tanstack/react-query";
+//#region src/components/agents-sdk/WorkspaceExecution.tsx
+function draftFrom(parameters) {
+	return Object.fromEntries(parameters.flatMap((parameter) => parameter.value === void 0 ? [] : [[parameter.name, parameter.type === "boolean" ? Boolean(parameter.value) : String(parameter.value)]]));
+}
+/**
+* Values for one run. Empty and untouched fields stay absent so module
+* defaults work. Schema types improve the input but never gate execution.
+*/
+function collectRunParameters(parameters, draft) {
+	const collected = [];
+	for (const parameter of parameters) {
+		if (parameter.type === "boolean") {
+			if (Object.hasOwn(draft, parameter.name)) collected.push({
+				...parameter,
+				value: Boolean(draft[parameter.name])
+			});
+			continue;
+		}
+		const raw = draft[parameter.name];
+		const text = (typeof raw === "string" ? raw : String(raw ?? "")).trim();
+		if (text === "") continue;
+		if (parameter.type === "number") {
+			const numeric = Number(text);
+			collected.push({
+				...parameter,
+				value: Number.isFinite(numeric) ? numeric : text
+			});
+			continue;
+		}
+		collected.push({
+			...parameter,
+			value: text
+		});
+	}
+	return collected;
+}
+function snapshotValue(parameter) {
+	if (parameter.value === void 0) return "";
+	if (parameter.type === "boolean") return parameter.value ? "Yes" : "No";
+	return String(parameter.value);
+}
+function ExecutionIcon({ module }) {
+	return module.icon ?? /* @__PURE__ */ jsx(TerminalIcon, {});
+}
+function RunLinks({ runs }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "sigvelo-cluster",
+		children: runs.map((run) => /* @__PURE__ */ jsx(WorkspaceComposerLink, {
+			value: run.path,
+			label: run.label,
+			hint: run.path,
+			onOpen: run.onOpen
+		}, run.path))
+	});
+}
+function RunDetails({ outcome, runs }) {
+	const completed = outcome !== void 0;
+	const result = outcome?.result != null ? firstLine(formatUnknownValue(outcome.result)) : "";
+	const log = outcome ? firstLine(outcome.logs.join("\n")) : "";
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		completed ? /* @__PURE__ */ jsxs(DescriptionList.Item, { children: [/* @__PURE__ */ jsx(DescriptionList.Term, { children: "Last run" }), /* @__PURE__ */ jsx(DescriptionList.Details, { children: /* @__PURE__ */ jsxs("div", {
+			className: "sigvelo-cluster",
+			children: [/* @__PURE__ */ jsxs("span", {
+				className: "workspace-execution-outcome",
+				children: [/* @__PURE__ */ jsx(CheckIcon, { size: 14 }), "Completed"]
+			}), outcome.runs.length > 0 ? /* @__PURE__ */ jsx(RunLinks, { runs: outcome.runs }) : null]
+		}) })] }) : null,
+		result ? /* @__PURE__ */ jsxs(DescriptionList.Item, { children: [/* @__PURE__ */ jsx(DescriptionList.Term, { children: "Result" }), /* @__PURE__ */ jsx(DescriptionList.Details, { children: result })] }) : null,
+		log ? /* @__PURE__ */ jsxs(DescriptionList.Item, { children: [/* @__PURE__ */ jsx(DescriptionList.Term, { children: "Log" }), /* @__PURE__ */ jsx(DescriptionList.Details, { children: log })] }) : null,
+		runs.length > 0 ? /* @__PURE__ */ jsxs(DescriptionList.Item, { children: [/* @__PURE__ */ jsx(DescriptionList.Term, { children: completed ? "Earlier" : runs.length === 1 ? "Last" : "Runs" }), /* @__PURE__ */ jsx(DescriptionList.Details, { children: /* @__PURE__ */ jsx(RunLinks, { runs }) })] }) : null
+	] });
+}
+function ExecutionFields({ draft, outcome, parameters, runs, onDraftChange }) {
+	const fieldId = React.useId();
+	const editing = draft != null && onDraftChange != null;
+	const runItems = runs ?? [];
+	const visibleParameters = editing ? parameters : parameters.filter((parameter) => snapshotValue(parameter) !== "");
+	if (visibleParameters.length === 0 && runItems.length === 0 && outcome === void 0) return null;
+	return /* @__PURE__ */ jsxs(DescriptionList.Root, {
+		align: "start",
+		variant: "divided",
+		children: [visibleParameters.map((parameter) => {
+			const id = `${fieldId}-${parameter.name}`;
+			const parameterLabel = editing && parameter.required ? `${parameter.label} (required)` : parameter.label;
+			const href = parameter.type === "string" ? httpUrl(String(editing ? draft?.[parameter.name] ?? parameter.value : parameter.value)) : void 0;
+			return /* @__PURE__ */ jsxs(DescriptionList.Item, { children: [/* @__PURE__ */ jsxs(DescriptionList.Term, {
+				id: parameter.type === "boolean" ? id : void 0,
+				children: [href ? /* @__PURE__ */ jsx(FaviconMark, { href }) : null, editing && parameter.type !== "boolean" ? /* @__PURE__ */ jsx("label", {
+					htmlFor: id,
+					children: parameterLabel
+				}) : parameterLabel]
+			}), /* @__PURE__ */ jsx(DescriptionList.Details, { children: editing && parameter.type === "boolean" ? /* @__PURE__ */ jsx(Checkbox.Root, {
+				checked: draft?.[parameter.name] === true,
+				indeterminate: draft?.[parameter.name] === void 0,
+				"aria-labelledby": id,
+				onCheckedChange: (checked) => {
+					if (typeof checked === "boolean") onDraftChange?.(parameter.name, checked);
+				},
+				children: /* @__PURE__ */ jsx(Checkbox.Indicator, {})
+			}) : editing ? /* @__PURE__ */ jsx(Input, {
+				id,
+				name: parameter.name,
+				type: href ? "url" : void 0,
+				value: String(draft?.[parameter.name] ?? ""),
+				autoComplete: "off",
+				inputMode: parameter.type === "number" ? "decimal" : void 0,
+				onChange: (event) => onDraftChange?.(parameter.name, event.currentTarget.value)
+			}) : snapshotValue(parameter) })] }, parameter.name);
+		}), /* @__PURE__ */ jsx(RunDetails, {
+			outcome,
+			runs: runItems
+		})]
+	});
+}
+function ExecutionActions({ busy, module }) {
+	if (module.onRun == null && module.onOpen == null && module.onDelete == null) return null;
+	return /* @__PURE__ */ jsxs(CardAction, {
+		className: "sigvelo-cluster",
+		children: [
+			module.onRun ? /* @__PURE__ */ jsx(IconButton, {
+				type: "submit",
+				label: `Run ${module.name}`,
+				tooltip: "Run",
+				variant: "ghost",
+				color: "neutral",
+				disabled: busy,
+				children: /* @__PURE__ */ jsx(PlayIcon, {})
+			}) : null,
+			module.onOpen ? /* @__PURE__ */ jsx(IconButton, {
+				label: `Open ${module.name}`,
+				tooltip: module.path,
+				variant: "ghost",
+				color: "neutral",
+				onClick: module.onOpen,
+				children: /* @__PURE__ */ jsx(FileIcon, {})
+			}) : null,
+			module.onDelete ? /* @__PURE__ */ jsx(WorkspaceDeleteControl, {
+				name: module.name,
+				onDelete: module.onDelete
+			}) : null
+		]
+	});
+}
+function executionFormKey(module) {
+	return `${module.path}:${JSON.stringify(module.parameters)}`;
+}
+function WorkspaceExecutionCard({ module, ...props }) {
+	return /* @__PURE__ */ createElement(WorkspaceExecutionCardSession, {
+		...props,
+		key: module.path,
+		module
+	});
+}
+function WorkspaceExecutionCardSession({ className, module, ref, ...props }) {
+	const titleId = React.useId();
+	const ariaLabel = props["aria-label"];
+	const ariaLabelledBy = props["aria-labelledby"] ?? (ariaLabel ? void 0 : titleId);
+	const editing = module.onRun != null;
+	const [draft, setDraft] = React.useState(() => draftFrom(module.parameters));
+	const formKey = executionFormKey(module);
+	const [seenFormKey, setSeenFormKey] = React.useState(formKey);
+	if (formKey !== seenFormKey) {
+		setSeenFormKey(formKey);
+		setDraft(draftFrom(module.parameters));
+	}
+	const runMutation = useMutation({ mutationFn: async () => {
+		if (!module.onRun) throw new Error("Execution is no longer available.");
+		return module.onRun(collectRunParameters(module.parameters, draft));
+	} });
+	const busy = runMutation.isPending;
+	const errorMessage = runMutation.isError ? formatErrorMessage(runMutation.error) : "";
+	const hasBody = module.parameters.length > 0 || (module.runs?.length ?? 0) > 0 || runMutation.isSuccess || editing || Boolean(errorMessage);
+	const header = /* @__PURE__ */ jsxs(CardHeader, { children: [
+		/* @__PURE__ */ jsxs(CardTitle, {
+			id: titleId,
+			className: "connected-app-card__title",
+			render: /* @__PURE__ */ jsx("h3", {}),
+			children: [/* @__PURE__ */ jsx("span", {
+				className: "connected-app-card__icon",
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ jsx(ExecutionIcon, { module })
+			}), module.name]
+		}),
+		module.description ? /* @__PURE__ */ jsx(CardDescription, { children: module.description }) : null,
+		/* @__PURE__ */ jsx(ExecutionActions, {
+			busy,
+			module
+		})
+	] });
+	const body = hasBody ? /* @__PURE__ */ jsxs(CardContent, { children: [
+		/* @__PURE__ */ jsx(ExecutionFields, {
+			draft: editing ? draft : void 0,
+			outcome: runMutation.isSuccess ? runMutation.data : void 0,
+			parameters: module.parameters,
+			runs: module.runs,
+			onDraftChange: editing ? (name, value) => setDraft((current) => ({
+				...current,
+				[name]: value
+			})) : void 0
+		}),
+		errorMessage ? /* @__PURE__ */ jsx(Field.Errors, { errors: [errorMessage] }) : null,
+		/* @__PURE__ */ jsx("span", {
+			className: "sigvelo-visually-hidden",
+			role: "status",
+			"aria-atomic": "true",
+			children: errorMessage || (busy ? "Running" : runMutation.isSuccess ? "Completed" : "")
+		})
+	] }) : null;
+	const inner = editing ? /* @__PURE__ */ jsxs(Form, {
+		noValidate: true,
+		onSubmit: (event) => {
+			event.preventDefault();
+			if (!busy) runMutation.mutate();
+		},
+		children: [header, body]
+	}) : /* @__PURE__ */ jsxs(Fragment, { children: [header, body] });
+	return /* @__PURE__ */ jsx(Card, {
+		...props,
+		ref,
+		role: props.role ?? "article",
+		"aria-labelledby": ariaLabelledBy,
+		"data-slot": "workspace-execution-card",
+		size: "sm",
+		className: cx("connected-app-card", className),
+		children: inner
+	});
+}
+/**
+* Compact inline card for one queried execution module.
+*/
+function WorkspaceExecutionFile({ fallback = null, path, source, ...props }) {
+	const module = useQuery(source.queryOptions).data?.find((candidate) => candidate.path === path);
+	if (!module) return fallback;
+	return /* @__PURE__ */ jsx(WorkspaceExecutionCard, {
+		...props,
+		module: executionWithSource(module, source)
+	});
+}
+/**
+* Workbench library. Same card as the inline placement. A query failure with
+* nothing loaded renders as a quiet inline error, never as an empty library.
+*/
+function WorkspaceExecutionsPanel({ className, error, loading = false, modules, onRetry, ref, ...props }) {
+	return /* @__PURE__ */ jsx("section", {
+		ref,
+		"data-slot": "workspace-executions-panel",
+		className: cx("workspace-concept-panel", className),
+		...props,
+		"aria-label": props["aria-label"] ?? "Executions",
+		children: modules.length > 0 ? /* @__PURE__ */ jsx("ul", {
+			className: "sigvelo-stack-list sigvelo-stack",
+			children: modules.map((module) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(WorkspaceExecutionCard, { module }) }, module.path))
+		}) : error !== void 0 ? /* @__PURE__ */ jsx(EmptyState, {
+			icon: /* @__PURE__ */ jsx(TerminalIcon, {}),
+			title: "Executions unavailable",
+			description: error,
+			children: onRetry ? /* @__PURE__ */ jsx(Button, {
+				size: "sm",
+				variant: "outline",
+				color: "neutral",
+				onClick: onRetry,
+				children: "Retry"
+			}) : null
+		}) : loading ? /* @__PURE__ */ jsx(EmptyState, {
+			icon: /* @__PURE__ */ jsx(SpinnerIcon, {}),
+			title: "Loading modules"
+		}) : /* @__PURE__ */ jsx(EmptyState, {
+			icon: /* @__PURE__ */ jsx(TerminalIcon, {}),
+			title: "No modules"
+		})
+	});
+}
+function executionWithSource(module, source) {
+	const { onDelete, onOpen, onRun } = source;
+	const withOpen = (run) => ({
+		...run,
+		onOpen: onOpen ? () => onOpen(run.path) : void 0
+	});
+	return {
+		...module,
+		runs: module.runs?.map(withOpen),
+		onRun: onRun ? async (parameters) => {
+			const outcome = await onRun(module.path, parameters);
+			return {
+				...outcome,
+				runs: outcome.runs.map(withOpen)
+			};
+		} : void 0,
+		onOpen: onOpen ? () => onOpen(module.path) : void 0,
+		onDelete: onDelete ? () => onDelete(module.path) : void 0
+	};
+}
+function WorkspaceExecutionSourcePanel({ source }) {
+	const query = useQuery(source.queryOptions);
+	return /* @__PURE__ */ jsx(WorkspaceExecutionsPanel, {
+		modules: (query.data ?? []).map((module) => executionWithSource(module, 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
+	});
+}
+/** Canonical workbench descriptor; hosts supply only the source adapter. */
+function workspaceExecutionsPanel(source) {
+	return {
+		id: "executions",
+		label: "Executions",
+		icon: /* @__PURE__ */ jsx(TerminalIcon, {}),
+		render: () => /* @__PURE__ */ jsx(WorkspaceExecutionSourcePanel, { source })
+	};
+}
+//#endregion
+export { WorkspaceExecutionCard, WorkspaceExecutionFile, WorkspaceExecutionsPanel, workspaceExecutionsPanel };

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

@@ -1,5 +1,5 @@
 import { l as WorkspaceNavigationAdapter } from "../../WorkspaceLink-Bh9-Jo1r.js";
-import { y as WorkspaceState } from "../../Workspace-DZusrEeP.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

@@ -1,8 +1,8 @@
 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-DtH66bAY.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-D0HyoUV8.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-D0HyoUV8.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-BC4HZqSK.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/WorkspaceLink.js

@@ -1,2 +1,2 @@
-import { n as WorkspaceNavigationProvider, r as resolveWorkspaceLink, t as WorkspaceFileLink } from "../../WorkspaceLink-DtH66bAY.js";
+import { n as WorkspaceNavigationProvider, r as resolveWorkspaceLink, t as WorkspaceFileLink } from "../../WorkspaceLink-B1d2GIGl.js";
 export { WorkspaceFileLink, WorkspaceNavigationProvider, resolveWorkspaceLink };

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

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1,113 @@
+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
+const DEFAULT_DEBOUNCE_MS = 200;
+function workspaceDirname(path) {
+	const separator = path.lastIndexOf("/");
+	return separator <= 0 ? "/" : path.slice(0, separator);
+}
+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
+* and host revision ticks both land here as targeted invalidation against
+* stable query keys. Hosts only supply events; neither layer adds another
+* watcher.
+*/
+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 = {
+			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,
+		root,
+		sourceKey
+	]);
+	React.useEffect(() => {
+		if (!changes || !sourceKey) return;
+		Promise.resolve().then(() => changes.start?.()).catch((error) => {
+			console.error("The workspace change source failed to start.", error);
+		});
+		const pendingDirectories = /* @__PURE__ */ new Set();
+		const pendingPaths = /* @__PURE__ */ new Set();
+		let refreshAll = false;
+		let timer;
+		const flush = () => {
+			timer = void 0;
+			if (refreshAll) {
+				refreshAll = false;
+				pendingDirectories.clear();
+				pendingPaths.clear();
+				queryClient.invalidateQueries({ queryKey: workspaceDirectoryQueryPrefix(sourceKey, root) });
+				invalidateWorkspaceConceptQueries(queryClient, sourceKey, root);
+				refreshResources();
+				return;
+			}
+			invalidateWorkspaceDirectories(queryClient, sourceKey, pendingDirectories, root);
+			const paths = [...pendingPaths];
+			pendingDirectories.clear();
+			pendingPaths.clear();
+			invalidateWorkspaceConceptQueries(queryClient, sourceKey, root, paths);
+			refreshResources(paths);
+		};
+		const unsubscribe = changes.subscribe((change) => {
+			if (change.type === "unknown") refreshAll = true;
+			else {
+				pendingDirectories.add(workspaceDirname(change.path));
+				pendingPaths.add(change.path);
+				if (change.movedFrom) {
+					pendingDirectories.add(workspaceDirname(change.movedFrom));
+					pendingPaths.add(change.movedFrom);
+				}
+			}
+			timer ??= setTimeout(flush, DEFAULT_DEBOUNCE_MS);
+		});
+		return () => {
+			unsubscribe();
+			if (timer !== void 0) clearTimeout(timer);
+		};
+	}, [
+		changes,
+		queryClient,
+		root,
+		sourceKey
+	]);
+}
+//#endregion
+export { invalidateWorkspaceDirectories, useWorkspaceLiveQueries };

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

@@ -1,2 +1,2 @@
-import { i as WorkspaceMessageResponseProps, n as WorkspaceHtmlArtifactRenderer, r as WorkspaceMessageResponse, t as WorkspaceHtmlArtifactRenderInput } from "../../WorkspaceMessageResponse-D66ty4FO.js";
-export { WorkspaceHtmlArtifactRenderInput, WorkspaceHtmlArtifactRenderer, WorkspaceMessageResponse, WorkspaceMessageResponseProps };
+import { a as WorkspaceMessageResponseProps, i as WorkspaceMessageResponse, n as WorkspaceFileRenderer, r as WorkspaceFileRendererProvider, t as WorkspaceFileRenderInput } from "../../WorkspaceMessageResponse-kJYU8Onj.js";
+export { WorkspaceFileRenderInput, WorkspaceFileRenderer, WorkspaceFileRendererProvider, WorkspaceMessageResponse, WorkspaceMessageResponseProps };

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

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

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

@@ -1,4 +1,4 @@
-import { I as PaperclipIcon } from "../../icons-BC4HZqSK.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";

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

@@ -0,0 +1,131 @@
+import { ThinkFullAppPanel } from "./ThinkFullApp.js";
+import { WorkspaceConceptQueryOptions } from "./WorkspaceConcept.js";
+import { CardProps } from "../foundations/Card.js";
+import * as React from "react";
+
+//#region src/components/agents-sdk/WorkspaceProject.d.ts
+type WorkspaceProjectThreadOrigin = "user" | "routine" | "messenger";
+interface WorkspaceProjectFile {
+  path: string;
+  label: string;
+}
+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;
+  title: string;
+  origin: WorkspaceProjectThreadOrigin;
+  /** Channel or origin mark. Messenger threads pass a brand favicon. */
+  icon?: React.ReactNode;
+}
+interface WorkspaceProject {
+  /** Workspace path of PROJECT.md — directories are not addressable. */
+  path: string;
+  name: string;
+  description?: string;
+  /** 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>;
+}
+interface WorkspaceProjectSource {
+  queryOptions: WorkspaceConceptQueryOptions<readonly WorkspaceProject[]>;
+  onOpenFile?: (path: string) => void;
+  onOpenThread?: (id: string) => void;
+  /** Deletes PROJECT.md. The host decides whether the folder goes with it. */
+  onDelete?: (path: string) => void | Promise<void>;
+}
+interface WorkspaceProjectCardProps extends Omit<CardProps, "children" | "hover" | "size" | "title"> {
+  project: WorkspaceProjectView;
+}
+interface WorkspaceProjectFileCardProps extends Omit<WorkspaceProjectCardProps, "project"> {
+  path: string;
+  source: WorkspaceProjectSource;
+  fallback?: React.ReactNode;
+}
+interface WorkspaceProjectsPanelProps extends Omit<React.HTMLAttributes<HTMLElement>, "children"> {
+  projects: readonly WorkspaceProjectView[];
+  loading?: boolean;
+  /** Query failure to show instead of the empty state. Loaded projects win. */
+  error?: string;
+  onRetry?: () => void;
+}
+declare function WorkspaceProjectCard({
+  className,
+  project,
+  ref,
+  ...props
+}: WorkspaceProjectCardProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+/**
+ * Compact inline card for one queried PROJECT.md. Identity plus contents — no status.
+ */
+declare function WorkspaceProjectFileCard({
+  fallback,
+  path,
+  source,
+  ...props
+}: WorkspaceProjectFileCardProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): string | number | bigint | boolean | React.JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null;
+/** Design-system-owned project query shared by panels, cards, and composer context. */
+declare function useWorkspaceProjects(source: WorkspaceProjectSource): readonly WorkspaceProject[];
+/**
+ * Workbench list of queried projects. Same card as the inline placement. A
+ * query failure with nothing loaded renders as a quiet inline error, never as
+ * an empty library.
+ */
+declare function WorkspaceProjectsPanel({
+  className,
+  error,
+  loading,
+  projects,
+  onRetry,
+  ref,
+  ...props
+}: WorkspaceProjectsPanelProps & {
+  ref?: React.Ref<HTMLElement>;
+}): React.JSX.Element;
+/** Canonical workbench descriptor; hosts supply only the source adapter. */
+declare function workspaceProjectsPanel(source: WorkspaceProjectSource): ThinkFullAppPanel;
+//#endregion
+export { WorkspaceProject, WorkspaceProjectCard, WorkspaceProjectCardProps, WorkspaceProjectFile, WorkspaceProjectFileCard, WorkspaceProjectFileCardProps, WorkspaceProjectFileView, WorkspaceProjectSection, WorkspaceProjectSectionItem, WorkspaceProjectSectionItemView, WorkspaceProjectSectionView, WorkspaceProjectSource, WorkspaceProjectThread, WorkspaceProjectThreadOrigin, WorkspaceProjectThreadView, WorkspaceProjectView, WorkspaceProjectsPanel, WorkspaceProjectsPanelProps, useWorkspaceProjects, workspaceProjectsPanel };