@agimon-ai/po-artifact 0.0.0-alpha.1

package/dist/extensions/native.mjs

@@ -0,0 +1,700 @@
+import { createApiClient, defineActivityGroup, defineChannelFile, defineFill, defineNativePlugin, defineSessionStore, nativeApiTransport, sessionApiAddress } from "@agimon-ai/po-core/native";
+import { Text } from "react-native-unistyles/components/native/Text";
+import { ScrollView } from "react-native-unistyles/components/native/ScrollView";
+import { Button, CodeBlock, FolderIcon, Markdown, fontOf } from "@agimon-ai/po-native-components";
+import { StyleSheet } from "react-native-unistyles";
+import { useEffect, useRef, useState, useSyncExternalStore } from "react";
+import { View } from "react-native-unistyles/components/native/View";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+const api = createApiClient({
+	list: {
+		method: "GET",
+		path: "/",
+		response: void 0
+	},
+	preview: {
+		method: "GET",
+		path: "/preview",
+		query: ["path"],
+		response: void 0
+	},
+	content: {
+		method: "GET",
+		path: "/content",
+		query: ["path"],
+		raw: true
+	}
+}, {
+	scopes: ["session"],
+	basePath: "artifacts",
+	transport: nativeApiTransport,
+	sessionAddress: sessionApiAddress
+});
+//#endregion
+//#region src/extensions/workspaces/sessions/(frontend)/_lib/artifactView.ts
+function sortedArtifacts(items) {
+	return [...items].sort((left, right) => right.modifiedAt - left.modifiedAt || (left.path < right.path ? -1 : left.path > right.path ? 1 : 0));
+}
+function artifactTabId(sessionId, path) {
+	return `artifact:${encodeURIComponent(sessionId)}:${encodeURIComponent(path)}`;
+}
+/** Resolves document assets within the artifact folder, never into another filesystem root. */
+function artifactAssetPath(documentPath, imagePath) {
+	if (!imagePath || imagePath.startsWith("/") || imagePath.includes("\\") || /^[a-z][a-z0-9+.-]*:/iu.test(imagePath)) throw new Error("Artifact images must use a relative path.");
+	const segments = documentPath.split("/").slice(0, -1);
+	for (const segment of imagePath.split("/")) {
+		if (segment === "" || segment === ".") continue;
+		if (segment === "..") {
+			if (segments.length === 0) throw new Error("The image is outside this artifact folder.");
+			segments.pop();
+		} else segments.push(segment);
+	}
+	if (segments.length === 0) throw new Error("The image path is empty.");
+	return segments.join("/");
+}
+function artifactPreviewMode(path) {
+	if (/\.(?:png|jpe?g|gif|webp|avif|bmp|svg|ico|mp3|wav|m4a|ogg|mp4|mov|webm|pdf)$/iu.test(path)) return "media";
+	if (/\.(?:md|markdown)$/iu.test(path)) return "markdown";
+	if (/\.html?$/iu.test(path)) return "html";
+	if (/\.(?:[cm]?[jt]sx?|json|ya?ml|css|scss|py|sh|bash|go|rs|rb|java|c|cpp|h|sql|xml|toml)$/iu.test(path)) return "code";
+	return "text";
+}
+/** A malformed channel frame must not replace the current session's known inventory. */
+function parseArtifactSnapshot(input) {
+	if (typeof input !== "object" || input === null || !("items" in input) || !Array.isArray(input.items)) return null;
+	if ("error" in input && input.error !== void 0 && typeof input.error !== "string") return null;
+	const items = [];
+	for (const item of input.items) {
+		if (typeof item !== "object" || item === null || typeof item.path !== "string" || !item.path || item.path.startsWith("/") || item.path.includes("\\") || item.path.split("/").some((part) => part === ".." || part === ".") || typeof item.name !== "string" || !item.name || typeof item.size !== "number" || !Number.isFinite(item.size) || item.size < 0 || typeof item.modifiedAt !== "number" || !Number.isFinite(item.modifiedAt) || item.modifiedAt < 0) return null;
+		items.push({
+			path: item.path,
+			name: item.name,
+			size: item.size,
+			modifiedAt: item.modifiedAt
+		});
+	}
+	return {
+		items: sortedArtifacts(items),
+		..."error" in input && typeof input.error === "string" ? { error: input.error } : {}
+	};
+}
+//#endregion
+//#region src/extensions/workspaces/sessions/(frontend)/_lib/artifactsApi.native.ts
+const MAX_MEDIA_BYTES = 5242880;
+async function fetchArtifacts(sessionId, signal) {
+	const result = await api.session(sessionId).list({ signal });
+	if (!result.ok) throw new Error(result.error || "Artifacts could not be loaded.");
+	const snapshot = parseArtifactSnapshot(result.data);
+	if (!snapshot) throw new Error("The session returned an invalid artifact list.");
+	return snapshot;
+}
+async function fetchArtifactPreview(sessionId, path, signal) {
+	const result = await api.session(sessionId).preview({
+		query: { path },
+		signal
+	});
+	if (!result.ok) throw new Error(result.error || "This artifact could not be read.");
+	const preview = result.data;
+	if (!preview || typeof preview.path !== "string" || typeof preview.content !== "string" || typeof preview.mimeType !== "string") throw new Error("The session returned an invalid artifact preview.");
+	return preview;
+}
+/** No browser btoa or Node Buffer is available in an independently loaded native plugin. */
+function base64(bytes) {
+	const alphabet = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
+	const parts = [];
+	let chunk = "";
+	for (let offset = 0; offset < bytes.length; offset += 3) {
+		const first = bytes[offset];
+		const second = bytes[offset + 1];
+		const third = bytes[offset + 2];
+		chunk += alphabet[first >> 2] + alphabet[(first & 3) << 4 | (second ?? 0) >> 4] + (second === void 0 ? "=" : alphabet[(second & 15) << 2 | (third ?? 0) >> 6]) + (third === void 0 ? "=" : alphabet[third & 63]);
+		if (chunk.length >= 8192) {
+			parts.push(chunk);
+			chunk = "";
+		}
+	}
+	parts.push(chunk);
+	return parts.join("");
+}
+async function fetchArtifactMedia(sessionId, path, signal) {
+	const result = await api.session(sessionId).content({
+		query: { path },
+		signal
+	});
+	if (!result.ok) throw new Error(result.error || "This media could not be loaded.");
+	const declaredLength = result.response.headers.get("content-length");
+	const length = declaredLength !== null && /^\d+$/u.test(declaredLength) ? Number(declaredLength) : NaN;
+	if (!Number.isSafeInteger(length) || length < 0 || length > MAX_MEDIA_BYTES) throw new Error("This media is too large to preview.");
+	const bytes = new Uint8Array(await result.response.arrayBuffer());
+	if (signal.aborted) throw new Error("Media loading cancelled.");
+	if (bytes.byteLength > MAX_MEDIA_BYTES) throw new Error("This media is too large to preview.");
+	const mimeType = result.response.headers.get("content-type")?.split(";")[0]?.trim().toLowerCase() ?? "";
+	if (!/^(?:image\/[a-z0-9.+-]+|audio\/[a-z0-9.+-]+|video\/[a-z0-9.+-]+|application\/pdf)$/u.test(mimeType)) throw new Error("This media type cannot be previewed.");
+	return {
+		data: base64(bytes),
+		mimeType
+	};
+}
+/** The native host owns saving, with bounded version-checked reads supplied by this package. */
+async function prepareArtifactSave(sessionId, path, signal) {
+	const load = async (headers, signal) => {
+		if (signal.aborted) throw new Error("Download cancelled.");
+		const result = await api.session(sessionId).content({
+			query: { path },
+			headers,
+			signal
+		});
+		if (!result.ok && result.status !== 416) throw new Error(result.error || "This artifact could not be read.");
+		if (!result.response) throw new Error("This artifact could not be read.");
+		return result.response;
+	};
+	const probe = await load({ Range: "bytes=0-0" }, signal);
+	const range = /^bytes 0-0\/(\d+)$/u.exec(probe.headers.get("content-range") ?? "");
+	const empty = probe.status === 416 && probe.headers.get("content-range") === "bytes */0" || probe.status === 200 && probe.headers.get("content-length") === "0";
+	if (!empty && (probe.status !== 206 || !range)) throw new Error("This artifact does not support bounded downloads.");
+	const size = empty ? 0 : Number(range[1]);
+	if (!Number.isSafeInteger(size) || size < 0) throw new Error("Invalid artifact size.");
+	if ((await probe.arrayBuffer()).byteLength !== (empty ? 0 : 1)) throw new Error("Invalid artifact response.");
+	if (signal.aborted) throw new Error("Download cancelled.");
+	const version = probe.headers.get("etag");
+	if (!version) throw new Error("The artifact has no version validator.");
+	return {
+		name: path.split("/").at(-1) ?? "artifact",
+		mimeType: probe.headers.get("content-type")?.split(";")[0]?.trim() || "application/octet-stream",
+		size,
+		signal,
+		read: async (offset, count, signal) => {
+			if (!Number.isSafeInteger(offset) || !Number.isSafeInteger(count) || offset < 0 || count < 1 || count > 1048576 || offset + count > size) throw new Error("Invalid download range.");
+			const end = offset + count - 1;
+			const response = await load({
+				Range: `bytes=${offset}-${end}`,
+				"If-Match": version
+			}, signal);
+			if (response.status !== 206 || response.headers.get("etag") !== version || response.headers.get("content-range") !== `bytes ${offset}-${end}/${size}`) throw new Error("The artifact changed or its range response is invalid.");
+			const bytes = new Uint8Array(await response.arrayBuffer());
+			if (signal.aborted) throw new Error("Download cancelled.");
+			if (bytes.byteLength !== count) throw new Error("The artifact response is incomplete.");
+			return bytes;
+		}
+	};
+}
+//#endregion
+//#region src/types/artifacts.ts
+const artifactsChannelType = "artifacts";
+//#endregion
+//#region src/extensions/workspaces/sessions/(frontend)/_lib/artifactsStore.native.ts
+const artifacts = defineSessionStore({
+	items: [],
+	loaded: false
+});
+const artifactsChannel = artifacts.channel({
+	channel: artifactsChannelType,
+	parse: parseArtifactSnapshot,
+	reduce: (_current, snapshot) => ({
+		...snapshot,
+		items: sortedArtifacts(snapshot.items),
+		loaded: true
+	})
+});
+/** An idle library remains reachable, without marking it as background work. */
+const artifactActivitySource = {
+	subscribe: (listener) => {
+		const subscription = artifacts.store.subscribe(listener);
+		return () => subscription.unsubscribe();
+	},
+	isActive: () => false
+};
+//#endregion
+//#region src/extensions/workspaces/sessions/(frontend)/_components/artifactHooks.native.ts
+/** A fresh grid read complements the live session channel and seeds a newly attached rail. */
+function useArtifacts(sessionId, refreshOnMount = false) {
+	const snapshot = useSyncExternalStore(artifactActivitySource.subscribe, () => artifacts.select(artifacts.store.state, sessionId));
+	useEffect(() => {
+		if (sessionId === null) return;
+		const before = artifacts.select(artifacts.store.state, sessionId);
+		if (before.loaded && !refreshOnMount) return;
+		const controller = new AbortController();
+		fetchArtifacts(sessionId, controller.signal).then((next) => {
+			if (!controller.signal.aborted) artifacts.update(sessionId, (current) => current === before ? {
+				...next,
+				loaded: true
+			} : current);
+		}).catch((error) => {
+			if (!controller.signal.aborted) artifacts.update(sessionId, (current) => current === before ? {
+				...current,
+				loaded: true,
+				error: error instanceof Error ? error.message : String(error)
+			} : current);
+		});
+		return () => controller.abort();
+	}, [sessionId, refreshOnMount]);
+	return snapshot;
+}
+//#endregion
+//#region src/extensions/workspaces/sessions/(frontend)/_components/ArtifactList.native.tsx
+/** Presentation only. The session store and guarded API belong to the containers. */
+function ArtifactList({ items, onOpen, loading, error, grid = false }) {
+	return /* @__PURE__ */ jsxs(View, {
+		testID: grid ? "artifacts-grid" : "artifacts-recent",
+		style: styles$3.list,
+		children: [
+			error ? /* @__PURE__ */ jsx(Text, {
+				accessibilityRole: "alert",
+				style: styles$3.error,
+				children: error
+			}) : null,
+			loading ? /* @__PURE__ */ jsx(Text, {
+				style: styles$3.meta,
+				children: "Loading artifacts..."
+			}) : null,
+			!loading && !error && items.length === 0 ? /* @__PURE__ */ jsx(Text, {
+				style: styles$3.meta,
+				children: "Documents saved for this session will appear here."
+			}) : null,
+			items.map((item) => /* @__PURE__ */ jsxs(Button, {
+				variant: grid ? "outline" : "ghost",
+				size: "card",
+				accessibilityLabel: `Open ${item.path}`,
+				testID: `artifact-${item.path}`,
+				onPress: () => onOpen(item.path),
+				style: styles$3.item,
+				children: [/* @__PURE__ */ jsx(FolderIcon, {
+					size: 18,
+					color: "dim"
+				}), /* @__PURE__ */ jsxs(View, {
+					style: styles$3.label,
+					children: [
+						/* @__PURE__ */ jsx(Text, {
+							numberOfLines: 2,
+							style: styles$3.name,
+							children: item.name
+						}),
+						grid || item.path !== item.name ? /* @__PURE__ */ jsx(Text, {
+							numberOfLines: 2,
+							style: styles$3.path,
+							children: item.path
+						}) : null,
+						grid ? /* @__PURE__ */ jsxs(Text, {
+							style: styles$3.meta,
+							children: [item.size.toLocaleString("en-US"), " bytes"]
+						}) : null
+					]
+				})]
+			}, item.path))
+		]
+	});
+}
+const styles$3 = StyleSheet.create((theme) => ({
+	list: {
+		gap: theme.spacing(2),
+		uni__dependencies: [0]
+	},
+	item: {
+		minHeight: 44,
+		justifyContent: "flex-start",
+		alignItems: "center",
+		gap: theme.spacing(2),
+		uni__dependencies: [0]
+	},
+	label: {
+		flex: 1,
+		gap: theme.spacing(1),
+		minWidth: 0,
+		uni__dependencies: [0]
+	},
+	name: {
+		fontFamily: fontOf(theme.fontFamily.sans),
+		fontWeight: "600",
+		fontSize: theme.fontSize.base,
+		color: theme.colors.text,
+		uni__dependencies: [0]
+	},
+	path: {
+		fontFamily: fontOf(theme.fontFamily.mono),
+		fontSize: theme.fontSize.sm,
+		color: theme.colors.dim,
+		uni__dependencies: [0]
+	},
+	meta: {
+		fontFamily: fontOf(theme.fontFamily.sans),
+		fontSize: theme.fontSize.sm,
+		color: theme.colors.dim,
+		uni__dependencies: [0]
+	},
+	error: {
+		fontFamily: fontOf(theme.fontFamily.sans),
+		fontSize: theme.fontSize.sm,
+		color: theme.colors.red,
+		uni__dependencies: [0]
+	}
+}));
+//#endregion
+//#region src/extensions/workspaces/sessions/(frontend)/_components/ArtifactPreview.native.tsx
+/** The host receives only content fetched through the artifact's bounded route. */
+function ArtifactPreview({ preview, sessionId, renderFilePreview, renderMediaPreview, media, mediaError, onOpen }) {
+	const mode = artifactPreviewMode(preview.path);
+	if (mode === "media") {
+		if (mediaError) return /* @__PURE__ */ jsx(Text, {
+			accessibilityRole: "alert",
+			style: styles$2.error,
+			children: mediaError
+		});
+		if (!renderMediaPreview) return /* @__PURE__ */ jsx(Text, {
+			style: styles$2.meta,
+			children: "This host cannot display this media preview."
+		});
+		if (!media) return /* @__PURE__ */ jsx(Text, {
+			style: styles$2.meta,
+			children: "Loading media..."
+		});
+		return /* @__PURE__ */ jsx(Fragment, { children: renderMediaPreview({
+			key: `artifact-media-${sessionId}-${preview.path}`,
+			title: preview.path,
+			path: preview.path,
+			data: media.data,
+			mimeType: media.mimeType
+		}) });
+	}
+	if (preview.unavailable) return /* @__PURE__ */ jsx(Text, {
+		style: styles$2.meta,
+		children: preview.reason ?? "This artifact cannot be previewed."
+	});
+	if (mode === "html") return renderFilePreview ? /* @__PURE__ */ jsx(View, {
+		style: styles$2.html,
+		children: renderFilePreview({
+			key: `artifact-html-${sessionId}-${preview.path}`,
+			html: preview.content,
+			title: preview.path
+		})
+	}) : /* @__PURE__ */ jsx(Text, {
+		style: styles$2.meta,
+		children: "This host cannot display HTML previews."
+	});
+	if (mode === "markdown") return /* @__PURE__ */ jsx(Markdown, {
+		text: preview.content,
+		onFileLink: (path) => {
+			try {
+				const resolved = artifactAssetPath(preview.path, path);
+				return () => onOpen(resolved);
+			} catch {
+				return;
+			}
+		}
+	});
+	if (mode === "code") return /* @__PURE__ */ jsx(CodeBlock, {
+		text: preview.content,
+		language: preview.path.split(".").at(-1)
+	});
+	return /* @__PURE__ */ jsx(Text, {
+		selectable: true,
+		style: styles$2.text,
+		children: preview.content
+	});
+}
+const styles$2 = StyleSheet.create((theme) => ({
+	html: {
+		minHeight: theme.spacing(90),
+		uni__dependencies: [0]
+	},
+	text: {
+		fontFamily: fontOf(theme.fontFamily.mono),
+		fontSize: theme.fontSize.sm,
+		lineHeight: theme.lineHeight.sm,
+		color: theme.colors.text,
+		uni__dependencies: [0]
+	},
+	meta: {
+		fontFamily: fontOf(theme.fontFamily.sans),
+		fontSize: theme.fontSize.sm,
+		color: theme.colors.dim,
+		uni__dependencies: [0]
+	},
+	error: {
+		fontFamily: fontOf(theme.fontFamily.sans),
+		fontSize: theme.fontSize.sm,
+		color: theme.colors.red,
+		uni__dependencies: [0]
+	}
+}));
+//#endregion
+//#region src/extensions/workspaces/sessions/(frontend)/_components/ArtifactPanel.native.tsx
+function ArtifactPanel({ path, ...props }) {
+	const item = useArtifacts(props.sessionId).items.find((item) => item.path === path);
+	const version = `${item?.modifiedAt ?? ""}:${item?.size ?? ""}`;
+	const downloadKey = `${props.sessionId}:${path}`;
+	const key = `${downloadKey}:${version}`;
+	const [loaded, setLoaded] = useState();
+	useEffect(() => {
+		if (props.sessionId === null) return;
+		const sessionId = props.sessionId;
+		const controller = new AbortController();
+		fetchArtifactPreview(sessionId, path, controller.signal).then(async (preview) => {
+			if (controller.signal.aborted) return;
+			setLoaded({
+				key,
+				preview
+			});
+			if (artifactPreviewMode(path) !== "media" || !props.renderMediaPreview) return;
+			try {
+				const media = await fetchArtifactMedia(sessionId, path, controller.signal);
+				if (!controller.signal.aborted) setLoaded({
+					key,
+					preview,
+					media
+				});
+			} catch (error) {
+				if (!controller.signal.aborted) setLoaded({
+					key,
+					preview,
+					mediaError: error instanceof Error ? error.message : String(error)
+				});
+			}
+		}).catch((error) => {
+			if (!controller.signal.aborted) setLoaded({
+				key,
+				error: error instanceof Error ? error.message : String(error)
+			});
+		});
+		return () => controller.abort();
+	}, [
+		props.sessionId,
+		path,
+		key,
+		props.renderMediaPreview
+	]);
+	const current = loaded?.key === key ? loaded : void 0;
+	const downloadController = useRef(void 0);
+	const [download, setDownload] = useState();
+	useEffect(() => () => {
+		downloadController.current?.abort();
+		downloadController.current = void 0;
+	}, [props.sessionId, path]);
+	const saving = download?.key === downloadKey && download.saving === true;
+	const save = async () => {
+		if (props.sessionId === null || !props.nativeSaveFile || downloadController.current) return;
+		const controller = new AbortController();
+		downloadController.current = controller;
+		setDownload({
+			key: downloadKey,
+			saving: true
+		});
+		try {
+			const file = await prepareArtifactSave(props.sessionId, path, controller.signal);
+			if (controller.signal.aborted || downloadController.current !== controller) return;
+			await props.nativeSaveFile(file);
+			if (!controller.signal.aborted && downloadController.current === controller) setDownload({
+				key: downloadKey,
+				note: "Saved."
+			});
+		} catch (error) {
+			if (!controller.signal.aborted && downloadController.current === controller) setDownload({
+				key: downloadKey,
+				note: error instanceof Error ? error.message : String(error)
+			});
+		} finally {
+			if (downloadController.current === controller) downloadController.current = void 0;
+		}
+	};
+	return /* @__PURE__ */ jsxs(ScrollView, {
+		contentContainerStyle: styles$1.content,
+		children: [
+			/* @__PURE__ */ jsx(Text, {
+				selectable: true,
+				style: styles$1.path,
+				children: path
+			}),
+			props.nativeSaveFile ? /* @__PURE__ */ jsxs(View, {
+				style: styles$1.actions,
+				children: [/* @__PURE__ */ jsx(Button, {
+					variant: "outline",
+					disabled: saving || props.sessionId === null,
+					onPress: () => void save(),
+					children: "Download"
+				}), saving ? /* @__PURE__ */ jsx(Button, {
+					variant: "ghost",
+					onPress: () => {
+						downloadController.current?.abort();
+						downloadController.current = void 0;
+						setDownload({
+							key: downloadKey,
+							note: "Download cancelled."
+						});
+					},
+					children: "Cancel download"
+				}) : null]
+			}) : /* @__PURE__ */ jsx(Text, {
+				style: styles$1.meta,
+				children: "This host cannot save artifact downloads."
+			}),
+			download?.key === downloadKey && download.note ? /* @__PURE__ */ jsx(Text, {
+				accessibilityLiveRegion: "polite",
+				style: styles$1.meta,
+				children: download.note
+			}) : null,
+			props.sessionId === null ? /* @__PURE__ */ jsx(Text, {
+				accessibilityRole: "alert",
+				style: styles$1.error,
+				children: "The session is unavailable."
+			}) : current?.error ? /* @__PURE__ */ jsx(Text, {
+				accessibilityRole: "alert",
+				style: styles$1.error,
+				children: current.error
+			}) : current?.preview ? /* @__PURE__ */ jsx(ArtifactPreview, {
+				preview: current.preview,
+				sessionId: props.sessionId,
+				renderFilePreview: props.renderFilePreview,
+				renderMediaPreview: props.renderMediaPreview,
+				media: current.media,
+				mediaError: current.mediaError,
+				onOpen: (path) => {
+					if (props.sessionId !== null) props.openTransientTab(artifactTab(props.sessionId, path));
+				}
+			}) : /* @__PURE__ */ jsx(Text, {
+				style: styles$1.meta,
+				children: "Reading this artifact..."
+			})
+		]
+	});
+}
+function artifactTab(sessionId, path) {
+	return {
+		id: artifactTabId(sessionId, path),
+		label: path.split("/").at(-1) ?? path,
+		panel: (props) => /* @__PURE__ */ jsx(ArtifactPanel, {
+			...props,
+			sessionId,
+			path
+		})
+	};
+}
+const styles$1 = StyleSheet.create((theme) => ({
+	content: {
+		padding: theme.spacing(4),
+		gap: theme.spacing(3),
+		uni__dependencies: [0]
+	},
+	actions: {
+		flexDirection: "row",
+		flexWrap: "wrap",
+		gap: theme.spacing(2),
+		uni__dependencies: [0]
+	},
+	path: {
+		fontFamily: fontOf(theme.fontFamily.mono),
+		fontSize: theme.fontSize.sm,
+		color: theme.colors.dim,
+		uni__dependencies: [0]
+	},
+	meta: {
+		fontFamily: fontOf(theme.fontFamily.sans),
+		fontSize: theme.fontSize.sm,
+		color: theme.colors.dim,
+		uni__dependencies: [0]
+	},
+	error: {
+		fontFamily: fontOf(theme.fontFamily.sans),
+		fontSize: theme.fontSize.sm,
+		color: theme.colors.red,
+		uni__dependencies: [0]
+	}
+}));
+//#endregion
+//#region src/extensions/workspaces/sessions/(frontend)/_components/ArtifactsPanel.native.tsx
+function ArtifactsPanel(props) {
+	const snapshot = useArtifacts(props.sessionId, true);
+	return /* @__PURE__ */ jsxs(ScrollView, {
+		contentContainerStyle: styles.content,
+		children: [/* @__PURE__ */ jsx(Text, {
+			accessibilityRole: "header",
+			style: styles.heading,
+			children: "Artifacts"
+		}), /* @__PURE__ */ jsx(ArtifactList, {
+			grid: true,
+			items: snapshot.items,
+			loading: !snapshot.loaded,
+			error: props.sessionId === null ? "The session is unavailable." : snapshot.error,
+			onOpen: (path) => {
+				if (props.sessionId !== null) props.openTransientTab(artifactTab(props.sessionId, path));
+			}
+		})]
+	});
+}
+function ArtifactsActivitySection(props) {
+	const snapshot = useArtifacts(props.sessionId);
+	return /* @__PURE__ */ jsx(ArtifactList, {
+		items: snapshot.items.slice(0, 3),
+		loading: !snapshot.loaded,
+		error: props.sessionId === null ? "The session is unavailable." : snapshot.error,
+		onOpen: (path) => {
+			if (props.sessionId !== null) props.openTransientTab(artifactTab(props.sessionId, path));
+		}
+	});
+}
+function artifactsTab() {
+	return {
+		id: "artifacts",
+		label: "Artifacts",
+		panel: ArtifactsPanel
+	};
+}
+const styles = StyleSheet.create((theme) => ({
+	content: {
+		padding: theme.spacing(4),
+		gap: theme.spacing(4),
+		uni__dependencies: [0]
+	},
+	heading: {
+		fontFamily: fontOf(theme.fontFamily.sans),
+		fontWeight: "600",
+		fontSize: theme.fontSize.lg,
+		color: theme.colors.hi,
+		uni__dependencies: [0]
+	}
+}));
+//#endregion
+//#region src/extensions/workspaces/sessions/(frontend)/activity-group/artifacts.native.ts
+var artifacts_native_default$1 = defineActivityGroup({
+	name: "artifacts",
+	keys: "",
+	activeSource: artifactActivitySource,
+	marksBackgroundWork: false,
+	transientTab: artifactsTab,
+	order: 15
+});
+//#endregion
+//#region src/extensions/workspaces/sessions/(frontend)/channel/artifacts.native.ts
+var artifacts_native_default = defineChannelFile(artifactsChannel);
+//#endregion
+//#region src/extensions/workspaces/sessions/(frontend)/fill/Artifacts.activity.artifacts.native.tsx
+var Artifacts_activity_artifacts_native_default = defineFill({
+	slot: "activity.artifacts",
+	id: "artifacts",
+	component: ArtifactsActivitySection
+});
+//#endregion
+//#region generated/native.ts
+const via = (identity, value) => value === void 0 ? void 0 : {
+	...identity,
+	...value
+};
+const nativePlugin = defineNativePlugin({
+	id: "artifacts",
+	session: {
+		get activityGroups() {
+			return [via({ name: "artifacts" }, artifacts_native_default$1)];
+		},
+		get channels() {
+			return [via({ channel: "artifacts" }, artifacts_native_default)];
+		},
+		get fills() {
+			return [via({
+				slot: "activity.artifacts",
+				id: "artifacts"
+			}, Artifacts_activity_artifacts_native_default)];
+		}
+	}
+});
+//#endregion
+export { nativePlugin };
+
+//# sourceMappingURL=native.mjs.map