@agimon-ai/po-file-edit 0.0.0-alpha.0

package/dist/extensions/web.mjs

@@ -0,0 +1,1344 @@
+import { apiResponse, createApiClient, defineActivityGroup, defineApiRoutes, defineChannelFile, defineFileLinks, defineFill, defineLeaderBinding, defineSessionStore, defineWebPlugin, sessionApiAddress } from "@agimon-ai/po-core/web";
+import { Badge, Breadcrumb, Button, CloseIcon, CodeEditor, Dialog, DialogBody, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DiffView, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, Input, KebabIcon, Markdown, MediaPreview, ReviewCommentDraft, buildReviewPrompt, grammarKeyOf, groupByDirectory, groupRowLabel, mediaKindOf, reviewCommentAnchor } from "@agimon-ai/po-web-components";
+import { useStore } from "@tanstack/react-store";
+import { Fragment, useCallback, useEffect, useRef, useState } from "react";
+import { sealedTransport } from "@agimon-ai/po-web-security/browser";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region src/types/webFiles.ts
+/** The frame type the hub publishes and the web plugin claims; declared in the poWeb block too. */
+const filesChannelType = "file_edits";
+//#endregion
+//#region src/extensions/workspaces/sessions/(frontend)/activity-group/files.web.ts
+var files_web_default$2 = defineActivityGroup({
+	keys: "e f",
+	statusKey: "doom-file-edit-files",
+	hideWhenEmpty: true,
+	marksBackgroundWork: false,
+	order: 15
+});
+const files = defineSessionStore({
+	items: [],
+	detail: {},
+	loading: [],
+	errors: {},
+	comments: []
+});
+function isRecord$1(value) {
+	return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function isItem(value) {
+	return isRecord$1(value) && typeof value.path === "string" && typeof value.relPath === "string" && typeof value.tool === "string" && typeof value.at === "number" && typeof value.count === "number";
+}
+/** The plugin's session data channel: 'file_edits' payloads into the store. */
+const filesChannel = files.channel({
+	channel: filesChannelType,
+	parse(input) {
+		if (!isRecord$1(input) || !Array.isArray(input.items)) return null;
+		return { items: input.items.filter(isItem) };
+	},
+	reduce: (current, { items }) => ({
+		...current,
+		items
+	})
+});
+function markLoading(sessionId, filePath) {
+	files.update(sessionId, (current) => current.loading.includes(filePath) ? current : {
+		...current,
+		loading: [...current.loading, filePath],
+		errors: withoutKey(current.errors, filePath)
+	});
+}
+function storeDetail(sessionId, detail) {
+	files.update(sessionId, (current) => ({
+		...current,
+		detail: {
+			...current.detail,
+			[detail.path]: detail
+		},
+		loading: current.loading.filter((path) => path !== detail.path),
+		errors: withoutKey(current.errors, detail.path)
+	}));
+}
+function storeError(sessionId, filePath, message) {
+	files.update(sessionId, (current) => ({
+		...current,
+		loading: current.loading.filter((path) => path !== filePath),
+		errors: {
+			...current.errors,
+			[filePath]: message
+		}
+	}));
+}
+function addComment(sessionId, comment) {
+	files.update(sessionId, (current) => ({
+		...current,
+		comments: [...current.comments, comment]
+	}));
+}
+function removeComment(sessionId, id) {
+	files.update(sessionId, (current) => ({
+		...current,
+		comments: current.comments.filter((comment) => comment.id !== id)
+	}));
+}
+function clearComments(sessionId, filePath) {
+	files.update(sessionId, (current) => ({
+		...current,
+		comments: current.comments.filter((comment) => comment.path !== filePath)
+	}));
+}
+function withoutKey(source, key) {
+	return Object.fromEntries(Object.entries(source).filter(([entry]) => entry !== key));
+}
+//#endregion
+//#region src/extensions/workspaces/sessions/(frontend)/channel/file-edits.web.ts
+var file_edits_web_default = defineChannelFile(filesChannel);
+//#endregion
+//#region src/types/apiRoutes.ts
+/**
+* This package's routes, as data.
+*
+* No scope and no base path. The build reads both off
+* `src/extensions/workspaces/sessions/(backend)/api/file-edits/`, so the mount
+* is stated once, by the folder that creates it. They used to be written here,
+* in the contract and again inside every URL the page built, and the copies
+* were free to disagree.
+*
+* This is the one file the routes, the Hono app and the browser all read, so a
+* path cannot move on one side alone.
+*/
+var apiRoutes_default = defineApiRoutes({
+	detail: {
+		method: "GET",
+		path: "/detail",
+		query: ["path"],
+		response: apiResponse()
+	},
+	preview: {
+		method: "GET",
+		path: "/preview",
+		query: ["path"],
+		response: apiResponse()
+	},
+	save: {
+		method: "PUT",
+		path: "/content",
+		response: apiResponse()
+	},
+	/** The same path as `save`; the method is the whole of the difference. */
+	remove: {
+		method: "DELETE",
+		path: "/content",
+		query: ["path"]
+	},
+	/**
+	* The host's own bytes route, not this package's.
+	*
+	* `host: true` hangs it off the session root rather than under `/plugins`,
+	* which is how the cockpit already serves it. Declaring it here is the first
+	* time anything records that this package's previews depend on it.
+	*/
+	file: {
+		method: "GET",
+		path: "/file",
+		query: ["path"],
+		host: true
+	}
+});
+const api = createApiClient(apiRoutes_default, {
+	scopes: ["session"],
+	basePath: "file-edits",
+	transport: (input, init) => sealedTransport.fetch(input, init),
+	sessionAddress: sessionApiAddress
+});
+//#endregion
+//#region src/types/fileEditsApi.ts
+/** Query parameter naming the file a request is about. */
+const PATH_QUERY_PARAM = "path";
+//#endregion
+//#region src/extensions/workspaces/sessions/(frontend)/_lib/filesApi.ts
+/**
+* The page's half of this package's session API: one file's history, the
+* manual save, and the deletion.
+*
+* These are adapters now, not a transport. The generated client owns the URL
+* and the sealed transport with it, so nothing here spells a route or reaches
+* for `fetch`. What stays is this package's own vocabulary: which refusals the
+* reader is shown, and the stale-save contract the editor depends on.
+*
+* Sealing still matters and still happens, one layer down. What travels here is
+* file contents in both directions, which is the worst thing in the cockpit to
+* hand a tunnel's relay in the clear.
+*/
+const UNREACHABLE = "The session is unreachable.";
+function isRecord(value) {
+	return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+/**
+* Where a file's raw bytes are served from, for the ones the page shows rather
+* than edits.
+*
+* This is the host's route, not this package's, which is why the route table
+* marks it `host: true` and it lands beside the session rather than under
+* `/plugins`. The cockpit already serves any file under a session's working
+* directory, and that route carries the traversal guard, the size cap and the
+* content-type mapping. A second one here would duplicate a security boundary
+* to avoid duplicating a URL, which is the wrong way round.
+*/
+function sessionFileUrl(sessionId, relPath) {
+	return api.session(sessionId).file.url({ query: { [PATH_QUERY_PARAM]: relPath } });
+}
+/** The message a reader is shown: the route's own words, or why there were none. */
+function messageOf(result) {
+	if (result.status === 0) return UNREACHABLE;
+	return result.error === "" ? `The session answered ${result.status}.` : result.error;
+}
+async function fetchFileDetail(sessionId, filePath) {
+	const result = await api.session(sessionId).detail({ query: { [PATH_QUERY_PARAM]: filePath } });
+	if (!result.ok) return {
+		ok: false,
+		error: messageOf(result)
+	};
+	if (!isRecord(result.data)) return {
+		ok: false,
+		error: "The session answered with no detail."
+	};
+	return {
+		ok: true,
+		detail: result.data
+	};
+}
+/** One file the session never changed, read only; the route bounds it to the working directory. */
+async function fetchFilePreview(sessionId, filePath) {
+	const result = await api.session(sessionId).preview({ query: { [PATH_QUERY_PARAM]: filePath } });
+	if (!result.ok) return {
+		ok: false,
+		error: messageOf(result)
+	};
+	if (!isRecord(result.data)) return {
+		ok: false,
+		error: "The session answered with no file."
+	};
+	return {
+		ok: true,
+		preview: result.data
+	};
+}
+async function saveFileContent(sessionId, filePath, expectedHash, content) {
+	const result = await api.session(sessionId).save({ body: {
+		path: filePath,
+		expectedHash,
+		content
+	} });
+	if (result.status === 409) {
+		const data = result.ok ? void 0 : result.data;
+		const hash = isRecord(data) && typeof data.hash === "string" ? data.hash : void 0;
+		return {
+			ok: false,
+			stale: true,
+			error: result.ok ? "The file changed since it was opened." : messageOf(result),
+			...hash === void 0 ? {} : { hash }
+		};
+	}
+	if (!result.ok) return {
+		ok: false,
+		stale: false,
+		error: messageOf(result)
+	};
+	return {
+		ok: true,
+		hash: isRecord(result.data) && typeof result.data.hash === "string" ? result.data.hash : ""
+	};
+}
+/**
+* Removes the file from disk.
+*
+* The route takes only a path, with no hash to prove the reader saw what is
+* there now: a deletion discards the file whatever it holds, so a staleness
+* check would guard nothing. The confirmation in front of it is the guard.
+*/
+async function deleteFile(sessionId, filePath) {
+	const result = await api.session(sessionId).remove({ query: { [PATH_QUERY_PARAM]: filePath } });
+	return result.ok ? { ok: true } : {
+		ok: false,
+		error: messageOf(result)
+	};
+}
+//#endregion
+//#region src/extensions/workspaces/sessions/(frontend)/_lib/fileView.ts
+/**
+* Pure view logic the file surfaces share: how a change is labelled, how a
+* file is identified, and how a review reaches the agent.
+*
+* None of this touches React or the DOM beyond what it is handed, so the
+* awkward parts are pinned by tests rather than by clicking through a browser.
+* Wording a review and drawing a diff are shared with other review surfaces
+* and live in po-web-components.
+*/
+/** What a row says about the tool behind a change. */
+const TOOL_LABEL = {
+	edit: "edit",
+	write: "write",
+	bash: "command",
+	user: "you"
+};
+/** Filters visible relative paths without changing the timeline's newest-first order. */
+function filterFileItems(items, query) {
+	const normalized = query.trim().toLocaleLowerCase();
+	if (normalized.length === 0) return [...items];
+	return items.filter((item) => item.relPath.toLocaleLowerCase().includes(normalized));
+}
+function previewModeOf(filePath, unavailable) {
+	if (mediaKindOf(filePath) !== "download") return "media";
+	if (unavailable) return "unavailable";
+	const lower = filePath.toLowerCase();
+	if (lower.endsWith(".md") || lower.endsWith(".markdown")) return "markdown";
+	if (lower.endsWith(".html") || lower.endsWith(".htm")) return "html";
+	return grammarKeyOf(filePath) === void 0 ? "text" : "code";
+}
+/** A short, stable fingerprint of a string; enough to separate two paths in an id. */
+function fingerprint(value) {
+	let hash = 2166136261;
+	for (let index = 0; index < value.length; index += 1) {
+		hash ^= value.charCodeAt(index);
+		hash = Math.imul(hash, 16777619);
+	}
+	return (hash >>> 0).toString(36);
+}
+/** The transient tab id for one file; stable, so reopening focuses rather than duplicates. */
+function fileTabId(filePath) {
+	const slug = filePath.replaceAll(/[^a-zA-Z0-9]+/gu, "-").replace(/^-|-$/gu, "");
+	return `files-file-${fingerprint(filePath)}-${slug.slice(-40)}`;
+}
+/**
+* Sends a review as a deferred follow-up and reports whether it left.
+*
+* `follow_up` waits behind a running turn and starts when idle, without
+* treating the review as an explicit Queue action. The sender throws when
+* disconnected, so the caller keeps the comments and reports the reason.
+*/
+function sendReviewFrame(send, comments) {
+	try {
+		send({
+			type: "follow_up",
+			message: buildReviewPrompt(comments)
+		});
+		return;
+	} catch (error) {
+		return error instanceof Error ? error.message : String(error);
+	}
+}
+//#endregion
+//#region src/extensions/workspaces/sessions/(frontend)/_components/DeleteFileDialog.tsx
+function DeleteFileDialog({ relPath, open, onConfirm, onCancel }) {
+	return /* @__PURE__ */ jsx(Dialog, {
+		open,
+		onOpenChange: (next) => {
+			if (!next) onCancel();
+		},
+		children: /* @__PURE__ */ jsxs(DialogContent, {
+			width: "sm",
+			"data-testid": "files-delete-dialog",
+			"aria-describedby": void 0,
+			children: [/* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: "delete file" }) }), /* @__PURE__ */ jsxs(DialogBody, { children: [/* @__PURE__ */ jsxs(DialogDescription, { children: [
+				"this removes ",
+				/* @__PURE__ */ jsx("span", {
+					className: "font-semibold text-doom-hi",
+					children: relPath
+				}),
+				" from disk. the session keeps its record of the change, but the file itself is gone."
+			] }), /* @__PURE__ */ jsxs(DialogFooter, { children: [/* @__PURE__ */ jsx(Button, {
+				variant: "outline",
+				size: "md",
+				"data-testid": "files-delete-cancel",
+				autoFocus: true,
+				onClick: onCancel,
+				children: "cancel"
+			}), /* @__PURE__ */ jsx(Button, {
+				variant: "danger",
+				size: "md",
+				"data-testid": "files-delete-confirm",
+				onClick: onConfirm,
+				children: "delete"
+			})] })] })]
+		})
+	});
+}
+//#endregion
+//#region src/extensions/workspaces/sessions/(frontend)/_components/SessionMediaPreview.tsx
+/** Media elements cannot issue the encrypted fetch required by remote session files. */
+function SessionMediaPreview({ src, path, "data-testid": testId }) {
+	const [loaded, setLoaded] = useState();
+	useEffect(() => {
+		if (src === "") return;
+		const controller = new AbortController();
+		let url;
+		(async () => {
+			const response = await sealedTransport.fetch(src, {
+				signal: controller.signal,
+				cache: "no-store"
+			});
+			if (!response.ok) throw new Error(`Media could not be loaded (${response.status}).`);
+			const blob = await response.blob();
+			if (controller.signal.aborted) return;
+			url = URL.createObjectURL(blob);
+			setLoaded({
+				source: src,
+				url,
+				contentType: (response.headers.get("content-type") ?? blob.type).split(";", 1)[0]?.trim().toLowerCase() ?? ""
+			});
+		})().catch((error) => {
+			if (!controller.signal.aborted) setLoaded({
+				source: src,
+				error: error instanceof Error ? error.message : String(error)
+			});
+		});
+		return () => {
+			controller.abort();
+			if (url !== void 0) URL.revokeObjectURL(url);
+		};
+	}, [src]);
+	const current = loaded?.source === src ? loaded : void 0;
+	if (current?.url === void 0) return /* @__PURE__ */ jsx("p", {
+		role: current?.error ? "alert" : "status",
+		children: current?.error ?? "Loading media..."
+	});
+	return /* @__PURE__ */ jsx(MediaPreview, {
+		src: current.url,
+		path,
+		contentType: current.contentType,
+		"data-testid": testId
+	});
+}
+/** Resolves markdown images beside their document, leaving containment to the host. */
+async function loadMarkdownImage(sessionId, documentPath, path) {
+	if (sessionId === null) throw new Error("The session is unavailable.");
+	const directory = documentPath.slice(0, documentPath.lastIndexOf("/") + 1);
+	const response = await sealedTransport.fetch(sessionFileUrl(sessionId, path.startsWith("/") ? path : `${directory}${path}`), { cache: "no-store" });
+	if (!response.ok) throw new Error(`Image could not be loaded (${response.status}).`);
+	const url = URL.createObjectURL(await response.blob());
+	return {
+		url,
+		dispose: () => URL.revokeObjectURL(url)
+	};
+}
+//#endregion
+//#region src/extensions/workspaces/sessions/(frontend)/_components/FilePanel.tsx
+/** How a version heads its row: what ran, when, and what it moved. */
+function versionSummary(version) {
+	const time = new Date(version.at).toLocaleTimeString();
+	const counts = version.hunks === void 0 ? "" : ` +${version.additions} -${version.removals}`;
+	return `${time} · ${TOOL_LABEL[version.tool] ?? version.tool}${counts}`;
+}
+function FilePanel({ filePath, relPath, sessionId, sendSessionFrame, closeTransientTab }) {
+	const session = useStore(files.store, (state) => files.select(state, sessionId));
+	const detail = session.detail[filePath];
+	const error = session.errors[filePath];
+	const loading = session.loading.includes(filePath);
+	const comments = session.comments.filter((comment) => comment.path === filePath);
+	const [view, setView] = useState("preview");
+	const [draft, setDraft] = useState(void 0);
+	const [source, setSource] = useState(void 0);
+	const [expanded, setExpanded] = useState(void 0);
+	const [saving, setSaving] = useState(false);
+	const [saveNote, setSaveNote] = useState(void 0);
+	const [confirmingDelete, setConfirmingDelete] = useState(false);
+	const [reviewError, setReviewError] = useState(void 0);
+	const selection = useRef(void 0);
+	const revision = session.items.find((item) => item.path === filePath)?.count ?? 0;
+	useEffect(() => {
+		if (sessionId === null) return;
+		let cancelled = false;
+		markLoading(sessionId, filePath);
+		fetchFileDetail(sessionId, filePath).then((result) => {
+			if (cancelled) return;
+			if (result.ok) {
+				storeDetail(sessionId, result.detail);
+				setSource(void 0);
+				setSaveNote(void 0);
+			} else storeError(sessionId, filePath, result.error);
+		});
+		return () => {
+			cancelled = true;
+		};
+	}, [
+		sessionId,
+		filePath,
+		revision
+	]);
+	const working = detail?.working;
+	const outside = relPath === ".." || relPath.startsWith("../") || relPath.startsWith("/");
+	const content = source ?? working?.content ?? "";
+	const previewMode = previewModeOf(relPath, working?.unavailable === true);
+	const loadImage = useCallback((path) => loadMarkdownImage(sessionId, relPath, path), [sessionId, relPath]);
+	const mediaSrc = sessionId === null ? "" : sessionFileUrl(sessionId, relPath);
+	const openDraft = (selection) => {
+		setDraft(selection);
+	};
+	/** Raises the comment box on whatever the editor last reported, if that was a selection. */
+	const openSelectionDraft = () => {
+		const range = selection.current;
+		if (range === void 0 || range.text.trim() === "") return;
+		openDraft({
+			snippet: range.text,
+			startLine: range.startLine,
+			endLine: range.endLine
+		});
+	};
+	const submitDraft = (body) => {
+		if (sessionId === null || draft === void 0) return;
+		addComment(sessionId, {
+			id: `${filePath}:${draft.side ?? "new"}:${draft.startLine ?? 0}:${comments.length}:${body.length}`,
+			path: filePath,
+			relPath,
+			...draft.side === void 0 ? {} : { side: draft.side },
+			...draft.startLine === void 0 ? {} : { startLine: draft.startLine },
+			...draft.endLine === void 0 ? {} : { endLine: draft.endLine },
+			snippet: draft.snippet,
+			body
+		});
+		setDraft(void 0);
+	};
+	const sendReview = () => {
+		if (sessionId === null || comments.length === 0) return;
+		const failure = sendReviewFrame((frame) => sendSessionFrame(sessionId, frame), comments);
+		setReviewError(failure);
+		if (failure === void 0) clearComments(sessionId, filePath);
+	};
+	const confirmDelete = async () => {
+		if (sessionId === null) return;
+		setConfirmingDelete(false);
+		const result = await deleteFile(sessionId, filePath);
+		if (!result.ok) {
+			storeError(sessionId, filePath, result.error);
+			return;
+		}
+		closeTransientTab(fileTabId(filePath));
+	};
+	const save = async () => {
+		if (sessionId === null || working === void 0 || source === void 0) return;
+		setSaving(true);
+		const result = await saveFileContent(sessionId, filePath, working.hash, source);
+		setSaving(false);
+		if (result.ok) {
+			setSaveNote("saved");
+			setSource(void 0);
+			markLoading(sessionId, filePath);
+			const refreshed = await fetchFileDetail(sessionId, filePath);
+			if (refreshed.ok) storeDetail(sessionId, refreshed.detail);
+			else storeError(sessionId, filePath, refreshed.error);
+			return;
+		}
+		setSaveNote(result.error);
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		"data-testid": "files-file-panel",
+		className: "flex min-h-0 flex-1 flex-col",
+		children: [
+			/* @__PURE__ */ jsxs("header", {
+				className: "flex shrink-0 items-center gap-2 border-b border-doom-border px-4 py-2",
+				children: [
+					/* @__PURE__ */ jsx(Breadcrumb, {
+						path: relPath,
+						"data-testid": "files-breadcrumb",
+						className: "min-w-0 flex-1"
+					}),
+					view === "edit" ? /* @__PURE__ */ jsx(Badge, {
+						tone: "neutral",
+						"data-testid": "files-editing",
+						className: "shrink-0 ",
+						children: "editing"
+					}) : null,
+					detail === void 0 ? null : /* @__PURE__ */ jsxs("span", {
+						className: "shrink-0 text-sm text-doom-dim",
+						children: [
+							"+",
+							detail.cumulative.additions,
+							" -",
+							detail.cumulative.removals
+						]
+					}),
+					/* @__PURE__ */ jsx("nav", {
+						className: "flex shrink-0 items-center gap-1",
+						children: ["preview", "diff"].map((entry) => /* @__PURE__ */ jsx(Button, {
+							variant: view === entry ? "outline" : "ghost",
+							size: "xs",
+							"data-testid": `files-view-${entry}`,
+							onClick: () => setView(entry),
+							className: "",
+							children: entry
+						}, entry))
+					}),
+					/* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
+						asChild: true,
+						children: /* @__PURE__ */ jsx(Button, {
+							variant: "ghost",
+							size: "icon",
+							"data-testid": "files-menu",
+							title: "file actions",
+							className: "shrink-0 text-doom-faint hover:text-doom-hi",
+							children: /* @__PURE__ */ jsx(KebabIcon, { className: "h-3 w-3" })
+						})
+					}), /* @__PURE__ */ jsxs(DropdownMenuContent, {
+						"data-testid": "files-menu-list",
+						children: [
+							/* @__PURE__ */ jsx(DropdownMenuItem, {
+								"data-testid": "files-edit",
+								disabled: outside || working?.unavailable === true,
+								onSelect: () => setView("edit"),
+								children: "edit"
+							}),
+							/* @__PURE__ */ jsx(DropdownMenuItem, {
+								variant: "destructive",
+								"data-testid": "files-delete",
+								disabled: outside || working?.unavailable === true,
+								onSelect: () => setConfirmingDelete(true),
+								children: "delete"
+							}),
+							/* @__PURE__ */ jsx(DropdownMenuItem, {
+								"data-testid": "files-close",
+								onSelect: () => closeTransientTab(fileTabId(filePath)),
+								children: "close"
+							})
+						]
+					})] })
+				]
+			}),
+			/* @__PURE__ */ jsx(DeleteFileDialog, {
+				relPath,
+				open: confirmingDelete,
+				onConfirm: () => void confirmDelete(),
+				onCancel: () => setConfirmingDelete(false)
+			}),
+			loading && detail === void 0 ? /* @__PURE__ */ jsx("p", {
+				"data-testid": "files-loading",
+				className: "px-4 py-3 text-sm text-doom-dim",
+				children: "reading this file's history…"
+			}) : null,
+			error === void 0 ? null : /* @__PURE__ */ jsx("p", {
+				"data-testid": "files-error",
+				className: "px-4 py-3 text-sm text-doom-red",
+				children: error
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "min-h-0 flex-1 overflow-y-auto",
+				children: detail === void 0 ? null : view === "diff" ? /* @__PURE__ */ jsxs("div", {
+					className: "flex flex-col",
+					children: [
+						detail.cumulative.note === void 0 ? null : /* @__PURE__ */ jsx("p", {
+							"data-testid": "files-cumulative-note",
+							className: "px-4 py-2 text-sm text-doom-yellow",
+							children: detail.cumulative.note
+						}),
+						detail.cumulative.hunks === void 0 ? null : /* @__PURE__ */ jsx(DiffView, {
+							hunks: detail.cumulative.hunks,
+							testId: "files-cumulative-diff",
+							onSelect: (selection) => openDraft(selection)
+						}),
+						/* @__PURE__ */ jsxs("section", {
+							className: "mt-2 border-t border-doom-border",
+							children: [/* @__PURE__ */ jsxs("h2", {
+								className: "px-4 py-2 text-lg font-semibold text-doom-hi ",
+								children: [
+									detail.versions.length,
+									" ",
+									detail.versions.length === 1 ? "change" : "changes",
+									" this session"
+								]
+							}), detail.versions.map((version) => /* @__PURE__ */ jsxs("article", {
+								"data-testid": `files-version-${version.index}`,
+								children: [/* @__PURE__ */ jsx(Button, {
+									variant: "ghost",
+									size: "card",
+									"data-testid": `files-version-toggle-${version.index}`,
+									onClick: () => setExpanded(expanded === version.index ? void 0 : version.index),
+									className: "w-full gap-2 rounded-none px-4 py-1.5 hover:bg-doom-panel",
+									children: /* @__PURE__ */ jsxs("span", {
+										className: "flex w-full min-w-0 items-center gap-2",
+										children: [
+											/* @__PURE__ */ jsxs("span", {
+												className: "shrink-0 text-sm text-doom-dim",
+												children: ["#", version.index]
+											}),
+											/* @__PURE__ */ jsx("span", {
+												className: "min-w-0 flex-1 truncate text-left text-base text-doom-text",
+												children: versionSummary(version)
+											}),
+											version.origin === "scan" ? /* @__PURE__ */ jsx(Badge, {
+												tone: "neutral",
+												className: "shrink-0 ",
+												children: "no baseline"
+											}) : null,
+											/* @__PURE__ */ jsx("span", {
+												className: "shrink-0 text-sm text-doom-dim",
+												children: expanded === version.index ? "▾" : "▸"
+											})
+										]
+									})
+								}), expanded !== version.index ? null : version.hunks === void 0 ? /* @__PURE__ */ jsx("p", {
+									className: "px-4 py-1.5 text-sm text-doom-dim",
+									children: version.note ?? "nothing to show"
+								}) : /* @__PURE__ */ jsx(DiffView, {
+									hunks: version.hunks,
+									testId: `files-version-diff-${version.index}`,
+									onSelect: (selection) => openDraft(selection)
+								})]
+							}, version.index))]
+						})
+					]
+				}) : view === "edit" ? /* @__PURE__ */ jsx("div", {
+					className: "flex h-full flex-col gap-2 p-3",
+					children: working?.unavailable === true ? /* @__PURE__ */ jsx("p", {
+						"data-testid": "files-source-unavailable",
+						className: "text-sm text-doom-dim",
+						children: working.reason ?? "this file cannot be shown"
+					}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
+						className: "min-h-[24rem] flex-1",
+						onMouseUp: openSelectionDraft,
+						onKeyUp: (event) => {
+							if (event.shiftKey) openSelectionDraft();
+						},
+						children: /* @__PURE__ */ jsx(CodeEditor, {
+							"data-testid": "files-source",
+							value: content,
+							path: relPath,
+							onChange: setSource,
+							onSelect: (range) => {
+								selection.current = range;
+							},
+							className: "h-full rounded border border-doom-border"
+						})
+					}), /* @__PURE__ */ jsxs("div", {
+						className: "flex shrink-0 items-center gap-2",
+						children: [
+							/* @__PURE__ */ jsx(Button, {
+								variant: "outline",
+								size: "xs",
+								"data-testid": "files-save",
+								loading: saving,
+								disabled: source === void 0 || saving,
+								onClick: () => void save(),
+								className: "",
+								children: "save to disk"
+							}),
+							source === void 0 ? null : /* @__PURE__ */ jsx(Button, {
+								variant: "ghost",
+								size: "xs",
+								"data-testid": "files-revert",
+								onClick: () => setSource(void 0),
+								className: "",
+								children: "discard edits"
+							}),
+							saveNote === void 0 ? null : /* @__PURE__ */ jsx("span", {
+								"data-testid": "files-save-note",
+								className: saveNote === "saved" ? "text-sm text-doom-green" : "text-sm text-doom-red",
+								children: saveNote
+							})
+						]
+					})] })
+				}) : /* @__PURE__ */ jsxs("div", {
+					"data-testid": "files-preview",
+					"data-mode": previewMode,
+					className: previewMode === "code" ? "flex h-full flex-col gap-2 p-4 text-base text-doom-text" : "flex flex-col gap-2 p-4 text-base text-doom-text",
+					onMouseUp: () => {
+						if (previewMode === "code") {
+							openSelectionDraft();
+							return;
+						}
+						const text = globalThis.getSelection?.()?.toString() ?? "";
+						if (text.trim() !== "") openDraft({ snippet: text });
+					},
+					children: [previewMode === "unavailable" ? /* @__PURE__ */ jsx("p", {
+						"data-testid": "files-preview-unavailable",
+						className: "text-sm text-doom-dim",
+						children: working?.reason ?? "this file cannot be shown"
+					}) : null, previewMode === "media" || previewMode === "unavailable" ? /* @__PURE__ */ jsx(SessionMediaPreview, {
+						src: mediaSrc,
+						path: relPath,
+						"data-testid": "files-preview-media"
+					}) : previewMode === "markdown" ? /* @__PURE__ */ jsx(Markdown, {
+						text: content,
+						loadImage
+					}) : previewMode === "html" ? /* @__PURE__ */ jsx("iframe", {
+						"data-testid": "files-preview-html",
+						title: relPath,
+						sandbox: "",
+						srcDoc: content,
+						className: "h-[36rem] w-full rounded border border-doom-border bg-doom-deep"
+					}) : previewMode === "code" ? /* @__PURE__ */ jsx(CodeEditor, {
+						"data-testid": "files-preview-code",
+						value: content,
+						path: relPath,
+						readOnly: true,
+						onSelect: (range) => {
+							selection.current = range;
+						},
+						className: "min-h-[24rem] flex-1 rounded border border-doom-border"
+					}) : /* @__PURE__ */ jsx("pre", {
+						"data-testid": "files-preview-text",
+						className: "whitespace-pre-wrap break-words font-mono text-sm leading-normal text-doom-text",
+						children: content
+					})]
+				})
+			}),
+			draft === void 0 ? null : /* @__PURE__ */ jsx(ReviewCommentDraft, {
+				testIdPrefix: "files-comment",
+				snippet: draft.snippet,
+				...draft.side === void 0 ? {} : { side: draft.side },
+				...draft.startLine === void 0 ? {} : { startLine: draft.startLine },
+				...draft.endLine === void 0 ? {} : { endLine: draft.endLine },
+				onSubmit: submitDraft,
+				onCancel: () => setDraft(void 0)
+			}),
+			comments.length === 0 ? null : /* @__PURE__ */ jsxs("footer", {
+				"data-testid": "files-review",
+				className: "shrink-0 border-t border-doom-border px-3 py-2",
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-2 pb-1",
+						children: [/* @__PURE__ */ jsxs("span", {
+							className: "flex-1 text-base font-semibold text-doom-hi",
+							children: [
+								comments.length,
+								" ",
+								comments.length === 1 ? "comment" : "comments"
+							]
+						}), /* @__PURE__ */ jsx(Button, {
+							variant: "outline",
+							size: "xs",
+							"data-testid": "files-send-review",
+							onClick: sendReview,
+							className: "",
+							children: "send review"
+						})]
+					}),
+					reviewError === void 0 ? null : /* @__PURE__ */ jsxs("p", {
+						role: "alert",
+						"data-testid": "files-review-error",
+						className: "pb-1 text-sm text-doom-red",
+						children: ["review not sent: ", reviewError]
+					}),
+					comments.map((comment) => /* @__PURE__ */ jsxs("div", {
+						"data-testid": "files-review-comment",
+						className: "flex items-start gap-2 py-0.5",
+						children: [
+							/* @__PURE__ */ jsx("span", {
+								className: "shrink-0 text-sm text-doom-dim",
+								children: reviewCommentAnchor(comment)
+							}),
+							/* @__PURE__ */ jsx("span", {
+								className: "min-w-0 flex-1 truncate text-base text-doom-text",
+								children: comment.body
+							}),
+							/* @__PURE__ */ jsx(Button, {
+								variant: "ghost",
+								size: "xs",
+								"data-testid": "files-review-remove",
+								onClick: () => {
+									if (sessionId !== null) removeComment(sessionId, comment.id);
+								},
+								className: "shrink-0 ",
+								children: "remove"
+							})
+						]
+					}, comment.id))
+				]
+			})
+		]
+	});
+}
+/** The transient tab one file opens in; the same file reopens rather than duplicating. */
+function fileTab(filePath, relPath) {
+	return {
+		id: fileTabId(filePath),
+		label: relPath.split("/").at(-1) ?? relPath,
+		panel: (props) => /* @__PURE__ */ jsx(FilePanel, {
+			...props,
+			filePath,
+			relPath
+		})
+	};
+}
+//#endregion
+//#region src/extensions/workspaces/sessions/(frontend)/file-links/_components/FilePreviewPanel.tsx
+function FilePreviewPanel({ filePath, sessionId, closeTransientTab }) {
+	const [loaded, setLoaded] = useState(void 0);
+	useEffect(() => {
+		if (sessionId === null) return;
+		let cancelled = false;
+		fetchFilePreview(sessionId, filePath).then((result) => {
+			if (cancelled) return;
+			setLoaded(result.ok ? {
+				sessionId,
+				path: filePath,
+				preview: result.preview
+			} : {
+				sessionId,
+				path: filePath,
+				error: result.error
+			});
+		});
+		return () => {
+			cancelled = true;
+		};
+	}, [sessionId, filePath]);
+	const current = loaded?.path === filePath && loaded.sessionId === sessionId ? loaded : void 0;
+	const preview = current?.preview;
+	const error = current?.error;
+	const relPath = preview?.relPath ?? filePath;
+	const working = preview?.working;
+	const content = working?.content ?? "";
+	const previewMode = previewModeOf(relPath, working?.unavailable === true);
+	const loadImage = useCallback((path) => loadMarkdownImage(sessionId, relPath, path), [sessionId, relPath]);
+	const mediaSrc = sessionId === null ? "" : sessionFileUrl(sessionId, relPath);
+	return /* @__PURE__ */ jsxs("div", {
+		"data-testid": "files-preview-panel",
+		className: "flex min-h-0 flex-1 flex-col",
+		children: [
+			/* @__PURE__ */ jsxs("header", {
+				className: "flex shrink-0 items-center gap-2 border-b border-doom-border px-4 py-2",
+				children: [
+					/* @__PURE__ */ jsx(Breadcrumb, {
+						path: relPath,
+						"data-testid": "files-preview-breadcrumb",
+						className: "min-w-0 flex-1"
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: "shrink-0 text-sm text-doom-dim",
+						children: "unchanged"
+					}),
+					/* @__PURE__ */ jsx(Button, {
+						variant: "ghost",
+						size: "xs",
+						"data-testid": "files-preview-close",
+						onClick: () => closeTransientTab(filePreviewTabId(filePath)),
+						className: "shrink-0 ",
+						children: "close"
+					})
+				]
+			}),
+			error === void 0 ? null : /* @__PURE__ */ jsx("p", {
+				"data-testid": "files-preview-error",
+				className: "px-4 py-3 text-sm text-doom-red",
+				children: error
+			}),
+			preview === void 0 && error === void 0 ? /* @__PURE__ */ jsx("p", {
+				"data-testid": "files-preview-loading",
+				className: "px-4 py-3 text-sm text-doom-dim",
+				children: "reading this file…"
+			}) : null,
+			preview === void 0 ? null : /* @__PURE__ */ jsx("div", {
+				className: "min-h-0 flex-1 overflow-y-auto",
+				children: /* @__PURE__ */ jsxs("div", {
+					"data-testid": "files-preview",
+					"data-mode": previewMode,
+					className: "flex h-full flex-col gap-2 p-4 text-base text-doom-text",
+					children: [previewMode === "unavailable" ? /* @__PURE__ */ jsx("p", {
+						"data-testid": "files-preview-unavailable",
+						className: "text-sm text-doom-dim",
+						children: working?.reason ?? "this file cannot be shown"
+					}) : null, previewMode === "media" || previewMode === "unavailable" ? /* @__PURE__ */ jsx(SessionMediaPreview, {
+						src: mediaSrc,
+						path: relPath,
+						"data-testid": "files-preview-media"
+					}) : previewMode === "markdown" ? /* @__PURE__ */ jsx(Markdown, {
+						text: content,
+						loadImage
+					}) : previewMode === "html" ? /* @__PURE__ */ jsx("iframe", {
+						"data-testid": "files-preview-html",
+						title: relPath,
+						sandbox: "",
+						srcDoc: content,
+						className: "h-[36rem] w-full rounded border border-doom-border bg-doom-deep"
+					}) : previewMode === "code" ? /* @__PURE__ */ jsx(CodeEditor, {
+						"data-testid": "files-preview-code",
+						value: content,
+						path: relPath,
+						readOnly: true,
+						className: "min-h-[24rem] flex-1 rounded border border-doom-border"
+					}) : /* @__PURE__ */ jsx("pre", {
+						"data-testid": "files-preview-text",
+						className: "whitespace-pre-wrap break-words font-mono text-sm leading-normal text-doom-text",
+						children: content
+					})]
+				})
+			})
+		]
+	});
+}
+/**
+* The id of the read-only tab, kept apart from the changed-file tab's own id:
+* the same file can be read now and changed later, and the two tabs are not
+* the same view of it.
+*/
+function filePreviewTabId(filePath) {
+	return `${fileTabId(filePath)}-preview`;
+}
+/** The transient tab an unchanged file opens in; the same file reopens rather than duplicating. */
+function filePreviewTab(filePath) {
+	return {
+		id: filePreviewTabId(filePath),
+		label: filePath.split("/").at(-1) ?? filePath,
+		panel: (props) => /* @__PURE__ */ jsx(FilePreviewPanel, {
+			...props,
+			filePath
+		})
+	};
+}
+//#endregion
+//#region src/extensions/workspaces/sessions/(frontend)/file-links/_lib/fileLinks.ts
+/**
+* The files a message names, as links into the same tab the activity dock
+* opens.
+*
+* Only files this session recorded a change to are claimed. A message quotes a
+* great deal that is shaped like nothing in particular, class names and globs
+* and flags among it, and guessing at what is a path produces links that open
+* an error. The recorded set is the one thing the page knows for certain, and
+* it is also the set a reader is most likely to want open.
+*/
+/** A reference the way a message writes one: 'src/app.ts:42' or 'src/app.ts:42:9'. */
+const LINE_SUFFIX = /:\d+(?::\d+)?$/;
+function itemsFor(sessionId) {
+	return files.select(files.store.state, sessionId).items;
+}
+function match(sessionId, path) {
+	const candidate = path.trim().replace(LINE_SUFFIX, "");
+	if (candidate === "") return void 0;
+	return itemsFor(sessionId).find((item) => item.relPath === candidate || item.path === candidate);
+}
+//#endregion
+//#region src/extensions/workspaces/sessions/(frontend)/file-links/files.web.ts
+var files_web_default$1 = defineFileLinks({
+	subscribe(listener) {
+		const subscription = files.store.subscribe(listener);
+		return () => subscription.unsubscribe();
+	},
+	fingerprint: (sessionId) => itemsFor(sessionId).map((item) => item.relPath).join("\n"),
+	resolve: (sessionId, path) => {
+		const item = match(sessionId, path);
+		return item === void 0 ? void 0 : fileTab(item.path, item.relPath);
+	},
+	openPath: (sessionId, path) => {
+		const item = match(sessionId, path);
+		if (item !== void 0) return fileTab(item.path, item.relPath);
+		const candidate = path.trim();
+		return candidate === "" ? void 0 : filePreviewTab(candidate);
+	}
+});
+//#endregion
+//#region src/extensions/workspaces/sessions/(frontend)/fill/_components/FilesBrowser.tsx
+function FileMetadata({ item, label, recent = false }) {
+	return /* @__PURE__ */ jsxs("span", {
+		className: "flex min-w-0 w-full items-center gap-1.5",
+		children: [
+			/* @__PURE__ */ jsx("span", {
+				className: "min-w-0 flex-1 truncate text-left text-base font-semibold text-doom-hi",
+				children: label ?? item.relPath
+			}),
+			recent ? /* @__PURE__ */ jsx("span", {
+				"data-recent": "true",
+				title: "most recent change",
+				className: "shrink-0 text-2xs text-doom-blue",
+				children: "●"
+			}) : null,
+			item.count > 1 ? /* @__PURE__ */ jsxs("span", {
+				className: "shrink-0 text-2xs text-doom-faint",
+				children: [item.count, "×"]
+			}) : null,
+			/* @__PURE__ */ jsx("span", {
+				className: `shrink-0 text-sm ${item.diffable ? "text-doom-dim" : "text-doom-yellow"}`,
+				children: TOOL_LABEL[item.tool] ?? item.tool
+			})
+		]
+	});
+}
+function FileActivityRow({ item, onOpen }) {
+	return /* @__PURE__ */ jsx(Button, {
+		variant: "ghost",
+		size: "card",
+		"data-testid": `activity-file-${item.relPath}`,
+		"data-file-diffable": item.diffable,
+		title: item.diffable ? item.path : `${item.path} (changed by a command, so no diff was captured)`,
+		onClick: onOpen,
+		className: "min-w-0 gap-0.5 rounded-md px-1 py-1 hover:bg-doom-panel",
+		children: /* @__PURE__ */ jsx(FileMetadata, { item })
+	});
+}
+/**
+* The directory a run of rows shares.
+*
+* Deliberately not an option: the cursor counts files, and a header is a label
+* rather than something to open. Keeping it out of the listbox is what lets
+* arrow keys and Enter stay exactly what they were before the tree existed.
+*/
+function FileGroupHeader({ prefix }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-testid": `files-browser-group-${prefix}`,
+		className: "truncate px-4 pt-2 pb-1 text-sm font-semibold text-doom-dim",
+		children: prefix
+	});
+}
+function BrowserFileRow({ item, label, indented = false, recent = false, selected, onSelect, onOpen }) {
+	return /* @__PURE__ */ jsx("div", {
+		role: "option",
+		"aria-selected": selected,
+		tabIndex: -1,
+		"data-testid": `files-browser-file-${item.relPath}`,
+		"data-file-diffable": item.diffable,
+		"data-selected": selected,
+		title: item.diffable ? item.path : `${item.path} (changed by a command, so no diff was captured)`,
+		onMouseEnter: onSelect,
+		onClick: onOpen,
+		className: `flex min-w-0 cursor-pointer border-l-2 py-2 ${indented ? "pr-4 pl-8" : "px-4"} ${selected ? "border-doom-blue bg-doom-panel" : "border-transparent hover:bg-doom-panel/60"}`,
+		children: /* @__PURE__ */ jsx(FileMetadata, {
+			item,
+			label,
+			recent
+		})
+	});
+}
+/** The complete session file picker, ordered exactly as the file timeline supplies it. */
+function FilesBrowser({ items, onClose, onOpen }) {
+	const [query, setQuery] = useState("");
+	const [selectedIndex, setSelectedIndex] = useState(0);
+	const inputRef = useRef(null);
+	const listRef = useRef(null);
+	const shown = filterFileItems(items, query);
+	const grouped = query.trim() === "" ? groupByDirectory(shown, (item) => item.relPath) : void 0;
+	const ordered = grouped === void 0 ? shown : grouped.flatMap((group) => group.items);
+	const positions = new Map(ordered.map((item, index) => [item.path, index]));
+	const selected = ordered[selectedIndex];
+	const recentPath = items[0]?.path;
+	const [lastShownLength, setLastShownLength] = useState(shown.length);
+	if (lastShownLength !== shown.length) {
+		setLastShownLength(shown.length);
+		setSelectedIndex((current) => Math.min(current, Math.max(0, shown.length - 1)));
+	}
+	useEffect(() => {
+		listRef.current?.querySelector("[aria-selected=\"true\"]")?.scrollIntoView({ block: "nearest" });
+	}, [selectedIndex]);
+	const move = (delta) => {
+		if (ordered.length === 0) return;
+		setSelectedIndex((current) => (current + delta + ordered.length) % ordered.length);
+	};
+	const onKeyDown = (event) => {
+		if (event.key === "ArrowDown" || event.key === "ArrowUp") {
+			event.preventDefault();
+			move(event.key === "ArrowDown" ? 1 : -1);
+			return;
+		}
+		if (event.key === "Escape") {
+			event.preventDefault();
+			onClose();
+			return;
+		}
+		if (event.key === "Enter" && selected !== void 0 && (!(event.target instanceof Element) || event.target.closest("button") === null)) {
+			event.preventDefault();
+			onOpen(selected);
+		}
+	};
+	return /* @__PURE__ */ jsxs("aside", {
+		"data-testid": "files-browser",
+		"aria-label": "changed files",
+		tabIndex: -1,
+		onKeyDown,
+		className: "fixed inset-y-0 right-0 z-50 flex w-[min(440px,calc(100vw-24px))] flex-col overflow-hidden border-l border-doom-border bg-doom-rail outline-none",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex h-11 shrink-0 items-center gap-2.5 border-b border-doom-border px-4",
+				children: [
+					/* @__PURE__ */ jsx("span", {
+						className: "text-lg font-semibold text-doom-hi",
+						children: "# files"
+					}),
+					/* @__PURE__ */ jsxs("span", {
+						"data-testid": "files-browser-total",
+						className: "text-sm text-doom-dim",
+						children: [items.length, " changed"]
+					}),
+					/* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1" }),
+					/* @__PURE__ */ jsx(Button, {
+						variant: "ghost",
+						size: "icon",
+						"data-testid": "files-browser-close",
+						"aria-label": "close changed files",
+						title: "close changed files",
+						onClick: onClose,
+						children: /* @__PURE__ */ jsx(CloseIcon, { className: "h-3 w-3" })
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-2 px-4 pt-2.5 pb-1.5",
+				children: [/* @__PURE__ */ jsx(Input, {
+					ref: inputRef,
+					"data-testid": "files-browser-search",
+					"aria-label": "search changed file paths",
+					value: query,
+					placeholder: "search paths…",
+					autoFocus: true,
+					onChange: (event) => {
+						setQuery(event.target.value);
+						setSelectedIndex(0);
+					}
+				}), query.length > 0 ? /* @__PURE__ */ jsx(Button, {
+					variant: "ghost",
+					size: "xs",
+					"data-testid": "files-browser-clear",
+					"aria-label": "clear path search",
+					onClick: () => {
+						setQuery("");
+						setSelectedIndex(0);
+						inputRef.current?.focus();
+					},
+					children: "clear"
+				}) : null]
+			}),
+			/* @__PURE__ */ jsxs("p", {
+				"data-testid": "files-browser-matches",
+				className: "shrink-0 px-4 pb-2 text-sm text-doom-dim",
+				children: [
+					shown.length,
+					" matches · ",
+					grouped === void 0 ? "newest change first" : "by path"
+				]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				ref: listRef,
+				role: "listbox",
+				"aria-label": "changed files",
+				className: "flex min-h-0 flex-1 flex-col overflow-y-auto pb-2",
+				children: [shown.length === 0 ? /* @__PURE__ */ jsx("p", {
+					className: "px-4 py-3 text-sm text-doom-dim",
+					children: "nothing matches the path"
+				}) : null, grouped === void 0 ? shown.map((item) => /* @__PURE__ */ jsx(BrowserFileRow, {
+					item,
+					label: item.relPath,
+					recent: item.path === recentPath,
+					selected: positions.get(item.path) === selectedIndex,
+					onSelect: () => setSelectedIndex(positions.get(item.path) ?? 0),
+					onOpen: () => onOpen(item)
+				}, item.path)) : grouped.map((group) => /* @__PURE__ */ jsxs(Fragment, { children: [group.prefix === "" ? null : /* @__PURE__ */ jsx(FileGroupHeader, { prefix: group.prefix }), group.items.map((item) => /* @__PURE__ */ jsx(BrowserFileRow, {
+					item,
+					label: groupRowLabel(group.prefix, item.relPath),
+					indented: true,
+					recent: item.path === recentPath,
+					selected: positions.get(item.path) === selectedIndex,
+					onSelect: () => setSelectedIndex(positions.get(item.path) ?? 0),
+					onOpen: () => onOpen(item)
+				}, item.path))] }, group.prefix))]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "flex h-8 shrink-0 items-center border-t border-doom-border-soft bg-doom-deep px-4",
+				children: /* @__PURE__ */ jsx("span", {
+					className: "text-sm text-doom-dim",
+					children: "↑↓ choose · enter open · esc close"
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/extensions/workspaces/sessions/(frontend)/fill/_components/FilesActivitySection.tsx
+/**
+* The files group's body in the activity dock: what this session has changed.
+*
+* Every recorded file is listed, not only the ones the agent named. A file
+* found by comparing the tree around a bash call is marked, because it is
+* openable and editable but has no baseline to diff against, and a row that
+* hid that distinction would promise a diff the tab cannot show.
+*/
+/** The most recent changes first, which is the order the timeline already folds to. */
+const VISIBLE_ROWS = 5;
+function FilesActivitySection({ sessionId, openTransientTab }) {
+	const { items } = useStore(files.store, (state) => files.select(state, sessionId));
+	const [browserOpen, setBrowserOpen] = useState(false);
+	const openFile = (item) => {
+		if (sessionId === null) return;
+		openTransientTab(fileTab(item.path, item.relPath));
+		setBrowserOpen(false);
+	};
+	if (items.length === 0) return /* @__PURE__ */ jsx("p", {
+		"data-testid": "activity-summary-files",
+		className: "px-1 text-sm text-doom-dim",
+		children: "nothing changed yet"
+	});
+	const visible = items.slice(0, VISIBLE_ROWS);
+	return /* @__PURE__ */ jsxs("div", {
+		"data-testid": "activity-file-edits",
+		className: "flex flex-col gap-0.5",
+		children: [
+			visible.map((item) => /* @__PURE__ */ jsx(FileActivityRow, {
+				item,
+				onOpen: () => openFile(item)
+			}, item.path)),
+			items.length > visible.length ? /* @__PURE__ */ jsxs(Button, {
+				variant: "link",
+				size: "xs",
+				"data-testid": "activity-files-show-all",
+				"aria-label": `show all ${items.length} changed files`,
+				className: "self-start px-1 pt-0.5 text-doom-faint",
+				onClick: () => setBrowserOpen(true),
+				children: [
+					"show all ",
+					items.length,
+					" files"
+				]
+			}) : null,
+			browserOpen ? /* @__PURE__ */ jsx(FilesBrowser, {
+				items,
+				onClose: () => setBrowserOpen(false),
+				onOpen: openFile
+			}) : null
+		]
+	});
+}
+//#endregion
+//#region src/extensions/workspaces/sessions/(frontend)/fill/Files.activity.files.web.tsx
+var Files_activity_files_web_default = defineFill({ component: FilesActivitySection });
+var files_web_default = defineLeaderBinding({
+	path: [{
+		key: "e",
+		label: "extension",
+		detail: "tools, skills and config"
+	}, {
+		key: "f",
+		label: "files",
+		detail: "files this session changed"
+	}],
+	command: "file-edits"
+});
+//#endregion
+//#region generated/web.ts
+const via = (identity, value) => value === void 0 ? void 0 : {
+	...identity,
+	...value
+};
+const webPlugin = defineWebPlugin({
+	id: "files",
+	session: {
+		get activityGroups() {
+			return [via({ name: "files" }, files_web_default$2)];
+		},
+		get channels() {
+			return [via({ channel: "file_edits" }, file_edits_web_default)];
+		},
+		get fileLinks() {
+			return files_web_default$1;
+		},
+		get fills() {
+			return [via({
+				slot: "activity.files",
+				id: "files"
+			}, Files_activity_files_web_default)];
+		},
+		get leaderBindings() {
+			return [via({ id: "files.files" }, files_web_default)];
+		}
+	}
+});
+//#endregion
+export { webPlugin };
+
+//# sourceMappingURL=web.mjs.map