@songtonyli/dsh-cli 0.1.12 → 0.1.13

package/node_modules/@deepseek-ai/dsh-client-ui-deliverables/lib/client.js

@@ -8,6 +8,258 @@ window.__ModuleLoader__.load({
 		let react_jsx_runtime = require("react/jsx-runtime");
 		let react = require("react");
 		let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
+		//#region lib/types/changes.js
+		/** Authenticated GET route serving one announced change summary while its Session lives. */
+		const CHANGED_FILES_PATH = "/api/changes.summary";
+		/** Authenticated GET route serving one listed file's turn-start and turn-end comparison while its Session lives. */
+		const CHANGES_DIFF_PATH = "/api/changes.diff";
+		/** Authenticated POST route for opening a changed file on the Host desktop. */
+		const CHANGES_OPEN_PATH = "/api/changes.open";
+		/** Resource-address prefix of a turn's review tab in the right Sidebar. */
+		const CHANGES_REVIEW_ADDRESS = "dsh-resource://changes-review/session/";
+		function isRecord$1(value) {
+			return typeof value === "object" && value !== null && !Array.isArray(value);
+		}
+		/**
+		* Validate one changed-file record read from the summary route.
+		* @param value - decoded JSON.
+		* @returns whether the record carries a path, a display path, and line counts.
+		*/
+		function isChangedFile(value) {
+			if (!isRecord$1(value)) return false;
+			const { path, display, added, deleted, binary, oversized } = value;
+			return typeof path === "string" && path.length > 0 && typeof display === "string" && display.length > 0 && Number.isSafeInteger(added) && Number.isSafeInteger(deleted) && (binary === void 0 || binary === true) && (oversized === void 0 || oversized === true);
+		}
+		/**
+		* Validate a summary read from the summary route.
+		* @param value - decoded JSON.
+		* @returns whether the value identifies a turn, a complete file list, the total count, and the line totals.
+		*/
+		function isChangesSummary(value) {
+			if (!isRecord$1(value)) return false;
+			const { turn, files, total, added, deleted } = value;
+			return Number.isSafeInteger(turn) && turn >= 1 && Number.isSafeInteger(total) && Number.isSafeInteger(added) && Number.isSafeInteger(deleted) && Array.isArray(files) && files.every(isChangedFile);
+		}
+		function isHunk(value) {
+			if (!isRecord$1(value)) return false;
+			const { oldStart, oldLines, newStart, newLines, lines } = value;
+			return [
+				oldStart,
+				oldLines,
+				newStart,
+				newLines
+			].every((field) => Number.isSafeInteger(field) && field >= 0) && Array.isArray(lines) && lines.every((line) => typeof line === "string" && /^[+ -]/.test(line));
+		}
+		/**
+		* Validate a comparison read from the comparison route.
+		* @param value - decoded JSON.
+		* @returns whether the value is a text comparison with well-formed hunks, or a binary or oversized refusal.
+		*/
+		function isChangesDiff(value) {
+			if (!isRecord$1(value)) return false;
+			const { kind, path, display } = value;
+			if (typeof path !== "string" || path.length === 0 || typeof display !== "string" || display.length === 0) return false;
+			if (kind === "binary" || kind === "oversized") return true;
+			if (kind !== "text") return false;
+			const { before, after, hunks, coarse } = value;
+			return typeof before === "boolean" && typeof after === "boolean" && typeof coarse === "boolean" && Array.isArray(hunks) && hunks.every(isHunk);
+		}
+		/**
+		* Validate the `workspace/changes` event data read from a Session log.
+		* @param value - decoded durable event data.
+		* @returns whether the event names a turn.
+		*/
+		function isChangesEvent(value) {
+			return isRecord$1(value) && Number.isSafeInteger(value.turn) && value.turn >= 1;
+		}
+		/**
+		* Build authenticated coordinates for the summary one `workspace/changes` event announced.
+		* @param sessionId - owning Session.
+		* @param seq - event sequence.
+		* @returns same-origin summary URL.
+		*/
+		function changesSummaryUrl(sessionId, seq) {
+			return `${CHANGED_FILES_PATH}?${new URLSearchParams({
+				sessionId,
+				seq: String(seq)
+			})}`;
+		}
+		/**
+		* Build authenticated coordinates for one listed file's comparison.
+		* @param sessionId - owning Session.
+		* @param seq - workspace/changes event sequence.
+		* @param index - original index in the summary's files array.
+		* @returns same-origin comparison URL.
+		*/
+		function changesDiffUrl(sessionId, seq, index) {
+			return `${CHANGES_DIFF_PATH}?${new URLSearchParams({
+				sessionId,
+				seq: String(seq),
+				index: String(index)
+			})}`;
+		}
+		/**
+		* Build authenticated coordinates for a changed file's native open.
+		* @param sessionId - owning Session.
+		* @param seq - workspace/changes event sequence.
+		* @param index - original index in the summary's files array.
+		* @returns same-origin action URL.
+		*/
+		function changedFileUrl(sessionId, seq, index) {
+			return `${CHANGES_OPEN_PATH}?${new URLSearchParams({
+				sessionId,
+				seq: String(seq),
+				index: String(index)
+			})}`;
+		}
+		/**
+		* The right-Sidebar address of one turn's review. The Session and the event
+		* sequence identify the content; the turn rides along for the tab title.
+		* @param coordinates - viewed Session, announcing event, and turn.
+		* @returns a `dsh-resource://changes-review/session/…` address.
+		*/
+		function changesReviewAddress(coordinates) {
+			const { sessionId, seq, turn } = coordinates;
+			return `${CHANGES_REVIEW_ADDRESS}${encodeURIComponent(sessionId)}/${seq}/${turn}`;
+		}
+		/**
+		* Read the coordinates back out of a review address.
+		* @param address - a resource address.
+		* @returns the coordinates, or undefined for any other address.
+		*/
+		function parseChangesReviewAddress(address) {
+			if (!address.startsWith("dsh-resource://changes-review/session/")) return void 0;
+			const parts = address.slice(38).split("/");
+			if (parts.length !== 3) return void 0;
+			const [sessionId, seq, turn] = parts;
+			if (sessionId === "" || !/^\d+$/.test(seq) || !/^[1-9]\d*$/.test(turn)) return void 0;
+			try {
+				return {
+					sessionId: decodeURIComponent(sessionId),
+					seq: Number(seq),
+					turn: Number(turn)
+				};
+			} catch {
+				return;
+			}
+		}
+		//#endregion
+		//#region lib/types/client/host-read-store.js
+		/**
+		* Fetch-once cache of Host-served records keyed by their authenticated URL:
+		* one read per URL while a state stands, cleared on connection replacement,
+		* cancelled on disposal. Each store decides what a response means and which
+		* states a later request reads again.
+		*/
+		/** One browser plugin's reads of one record kind. */
+		var HostReadStore = class {
+			policy;
+			/** Record URLs key the state across Sessions and turns. */
+			state = (0, _deepseek_ai_dsh_client_store.createSnapshotStore)({});
+			lifetime = new AbortController();
+			/** The connection generation the current states belong to; a reset aborts it so no older read publishes. */
+			generation = new AbortController();
+			pending = /* @__PURE__ */ new Set();
+			constructor(policy) {
+				this.policy = policy;
+			}
+			/**
+			* Read one URL unless a state the policy keeps already stands for it.
+			* @param url - the record's authenticated URL.
+			* @returns after the state is published.
+			*/
+			async loadUrl(url) {
+				const current = this.state.getSnapshot()[url];
+				if (this.lifetime.signal.aborted || current !== void 0 && !this.policy.retryable(current)) return;
+				this.state.update((state) => {
+					state[url] = this.policy.loading;
+				});
+				const task = this.read(url, AbortSignal.any([this.lifetime.signal, this.generation.signal]));
+				this.pending.add(task);
+				try {
+					await task;
+				} finally {
+					this.pending.delete(task);
+				}
+			}
+			/** Forget every state and abandon in-flight reads; a replaced connection may reach a Host that no longer serves them. */
+			reset() {
+				this.generation.abort();
+				this.generation = new AbortController();
+				this.state.set({});
+			}
+			/** Cancel outstanding reads and wait until none can publish state. */
+			async dispose() {
+				this.lifetime.abort();
+				await Promise.all(this.pending);
+			}
+			async read(url, signal) {
+				let next;
+				try {
+					next = await this.policy.decode(await fetch(url, { signal }));
+				} catch {
+					next = this.policy.failed;
+				}
+				if (!signal.aborted) this.state.update((state) => {
+					state[url] = next;
+				});
+			}
+		};
+		//#endregion
+		//#region lib/types/client/changes-diff.js
+		/** One browser plugin's comparison reads; a failed read is the one state a later request replaces. */
+		var ChangesDiffStore = class extends HostReadStore {
+			constructor() {
+				super({
+					loading: "loading",
+					failed: "error",
+					retryable: (state) => state === "error",
+					decode: async (response) => {
+						if (response.status === 404) return "missing";
+						if (!response.ok) return "error";
+						const value = await response.json();
+						return isChangesDiff(value) ? value : "error";
+					}
+				});
+			}
+			/**
+			* Read one comparison; a cached comparison or a missing one is kept, a failed one is read again.
+			* @param sessionId - viewed Session.
+			* @param seq - the announcing event's sequence.
+			* @param index - the file's index in the summary.
+			* @returns after the state is published.
+			*/
+			load(sessionId, seq, index) {
+				return this.loadUrl(changesDiffUrl(sessionId, seq, index));
+			}
+		};
+		//#endregion
+		//#region lib/types/client/changes-summary.js
+		/** One browser plugin's summary reads; a summary or a missing answer is kept until the connection is replaced. */
+		var ChangesSummaryStore = class extends HostReadStore {
+			constructor() {
+				super({
+					loading: "loading",
+					failed: "missing",
+					retryable: () => false,
+					decode: async (response) => {
+						if (!response.ok) return "missing";
+						const value = await response.json();
+						return isChangesSummary(value) ? value : "missing";
+					}
+				});
+			}
+			/**
+			* Read one summary once; a later read of the same coordinates returns the cached state.
+			* @param sessionId - viewed Session.
+			* @param seq - the announcing event's sequence.
+			* @returns after the state is published.
+			*/
+			load(sessionId, seq) {
+				return this.loadUrl(changesSummaryUrl(sessionId, seq));
+			}
+		};
+		//#endregion
 		//#region lib/types/presented.js
 		/** Authenticated POST route for opening a workspace file on the Host desktop. */
 		const PRESENT_OPEN_PATH = "/api/present.open";
@@ -68,7 +320,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region lib/types/client/present-open.js
-		/** Shared native-open status for delivery cards and closing-message file mentions. */
+		/** Shared native-open status for delivery cards, the changed-files card, and closing-message file mentions. */
 		/** One browser plugin's file-open requests, cancelled when that plugin is disposed. */
 		var PresentedOpenController = class {
 			/** File action URLs key the state across Sessions, turns, and both clickable surfaces. */
@@ -88,8 +340,20 @@ window.__ModuleLoader__.load({
 			* @param action - default application open or file-manager reveal.
 			* @returns after the Host acknowledges opening or the error state is published.
 			*/
-			async open(sessionId, seq, index, action = "open") {
-				const url = presentedFileUrl(sessionId, seq, index);
+			open(sessionId, seq, index, action = "open") {
+				return this.openUrl(presentedFileUrl(sessionId, seq, index), action);
+			}
+			/**
+			* Open one recorded changed file in the Host's default application.
+			* @param sessionId - viewed Session.
+			* @param seq - durable workspace/changes event sequence.
+			* @param index - original file index within that event.
+			* @returns after the Host acknowledges opening or the error state is published.
+			*/
+			openChanged(sessionId, seq, index) {
+				return this.openUrl(changedFileUrl(sessionId, seq, index), "open");
+			}
+			async openUrl(url, action) {
 				const phase = this.state.getSnapshot()[url];
 				if (this.lifetime.signal.aborted || phase === "opening" || phase === "revealing") return;
 				this.state.update((state) => {
@@ -167,13 +431,13 @@ window.__ModuleLoader__.load({
 		};
 		//#endregion
 		//#region \0dsh-css:/Users/songli/deepseek-harness/packages/client/ui-deliverables/src/client/PresentRow.module.css.mjs
-		const css$2 = "._2XWtrW_summary{min-width:0;color:var(--dsw-alias-label-secondary);align-items:center;gap:8px;margin-left:8px;font-size:12px;display:flex}._2XWtrW_summary>:first-child{flex-shrink:0}._2XWtrW_paths{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._2XWtrW_output{background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-secondary);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:8px;margin:8px 0;padding:12px;font-size:12px}._2XWtrW_inspect{color:var(--dsw-alias-link);font:inherit;cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:4px 0;font-size:12px}";
-		const tagId$2 = "@deepseek-ai/dsh-client-ui-deliverables/PresentRow.module.css";
-		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$2) + "]") === null) {
+		const css$3 = "._2XWtrW_summary{min-width:0;color:var(--dsw-alias-label-secondary);align-items:center;gap:8px;margin-left:8px;font-size:12px;display:flex}._2XWtrW_summary>:first-child{flex-shrink:0}._2XWtrW_paths{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._2XWtrW_output{background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-secondary);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:8px;margin:8px 0;padding:12px;font-size:12px}._2XWtrW_inspect{color:var(--dsw-alias-link);font:inherit;cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:4px 0;font-size:12px}";
+		const tagId$3 = "@deepseek-ai/dsh-client-ui-deliverables/PresentRow.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$3) + "]") === null) {
 			const tag = document.createElement("style");
 			tag.dataset.plugin = "@deepseek-ai/dsh-client-ui-deliverables";
-			tag.dataset.pluginCss = tagId$2;
-			tag.textContent = css$2;
+			tag.dataset.pluginCss = tagId$3;
+			tag.textContent = css$3;
 			document.head.appendChild(tag);
 		}
 		var PresentRow_module_css_default = {
@@ -240,6 +504,216 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
+		//#region ../../util/workspace-path/lib/index.js
+		/**
+		* The `dsh-resource://file/…` address grammar: how a file is named across the
+		* Sidebar and the resource model, built and parsed without touching a
+		* filesystem.
+		* @module
+		*/
+		/** The scheme and type every file address opens with. */
+		const FILE_ADDRESS_PREFIX = "dsh-resource://file/";
+		/** Component-encode one id or path segment, keeping `:` literal for drive letters. */
+		function encodeSegment(segment) {
+			return encodeURIComponent(segment).replace(/%3A/gi, ":");
+		}
+		/** Encode a `/`-separated path segment by segment. */
+		function encodePath(path) {
+			return path.split("/").map(encodeSegment).join("/");
+		}
+		/**
+		* Build the address of a file read through one Session.
+		* @param sessionId - the Session whose Host workspace resolves the path.
+		* @param path - absolute or workspace-relative path; backslashes are normalized to `/`, and leading `./` prefixes are dropped.
+		* @returns the `dsh-resource://file/session/<sessionId>/<path>` address.
+		*/
+		function sessionFileAddress(sessionId, path) {
+			const normalized = path.replace(/\\/g, "/").replace(/^(?:\.\/)+/, "");
+			return `${FILE_ADDRESS_PREFIX}session/${encodeSegment(sessionId)}/${encodePath(normalized)}`;
+		}
+		/**
+		* Browser-safe Workspace path and display helpers.
+		* @module @deepseek-ai/dsh-util-workspace-path
+		*/
+		/** Whether a path uses a Windows drive or UNC prefix. */
+		function isWindowsStylePath(value) {
+			return /^[A-Za-z]:[/\\]/.test(value) || value.startsWith("\\\\");
+		}
+		/**
+		* Whether a path is absolute in either spelling the Host accepts: POSIX (`/a/b`) or Windows drive or UNC.
+		* @param path - the path to classify.
+		* @returns `true` for an absolute path; `false` for a Workspace-relative one.
+		*/
+		function isAbsoluteWorkspacePath(path) {
+			return path.startsWith("/") || isWindowsStylePath(path);
+		}
+		/**
+		* Resolve a Workspace-relative path into the Host-facing spelling used by path operations.
+		* @param cwd - Session Workspace root, when known.
+		* @param path - Absolute or Workspace-relative path.
+		* @returns an absolute path when a Workspace root is available, otherwise the original path.
+		*/
+		function resolveWorkspacePath(cwd, path) {
+			if (isAbsoluteWorkspacePath(path)) return path;
+			if (cwd === void 0 || cwd === "") return path;
+			const separator = isWindowsStylePath(cwd) && cwd.includes("\\") ? "\\" : "/";
+			return `${cwd.replace(/[/\\]+$/, "")}${separator}${path.replace(/^[/\\]+/, "")}`;
+		}
+		/**
+		* The address for a path as a caller holds it: a relative path, or an absolute
+		* path inside the Session's workspace, becomes a `session`-scoped address; an
+		* absolute path outside it, or one whose workspace root is unknown, keeps its
+		* absolute path in that Session's address.
+		* @param sessionId - the Session the path is read in.
+		* @param cwd - that Session's workspace root, when known.
+		* @param path - absolute or workspace-relative path, in either separator spelling.
+		* @returns the `dsh-resource://file/…` address.
+		*/
+		function fileAddressFor(sessionId, cwd, path) {
+			const normalized = path.replace(/\\/g, "/");
+			if (!isAbsoluteWorkspacePath(normalized)) return sessionFileAddress(sessionId, normalized);
+			const root = cwd === void 0 ? "" : cwd.replace(/\\/g, "/").replace(/\/+$/, "");
+			if (root !== "" && normalized === root) return sessionFileAddress(sessionId, "");
+			if (root !== "" && normalized.startsWith(`${root}/`)) return sessionFileAddress(sessionId, normalized.slice(root.length + 1));
+			return sessionFileAddress(sessionId, normalized);
+		}
+		//#endregion
+		//#region lib/types/client/icons.js
+		/** Angle brackets, the code mark the card's header tile shows. */
+		const IconCodeBracketsOutline16 = ({ size = 16, className }) => (0, react_jsx_runtime.jsx)("svg", {
+			width: size,
+			height: size,
+			className,
+			viewBox: "0 0 16 16",
+			fill: "none",
+			xmlns: "http://www.w3.org/2000/svg",
+			"aria-hidden": "true",
+			children: (0, react_jsx_runtime.jsx)("path", {
+				d: "M5.6 3.4 1 8l4.6 4.6M10.4 3.4 15 8l-4.6 4.6",
+				stroke: "currentColor",
+				strokeWidth: "1.8",
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			})
+		});
+		//#endregion
+		//#region \0dsh-css:/Users/songli/deepseek-harness/packages/client/ui-deliverables/src/client/ChangedFiles.module.css.mjs
+		const css$2 = ".yZYUSG_card{--changes-fill:var(--dsw-static-neutral-50);--changes-hover:var(--dsw-static-neutral-100);border:.5px solid var(--dsw-alias-border-l1);min-width:0;color:var(--dsw-alias-label-primary);border-radius:16px;flex-direction:column;margin-top:4px;display:flex;overflow:hidden}body[data-ds-dark-theme] .yZYUSG_card{--changes-fill:var(--dsw-static-neutral-850);--changes-hover:var(--dsw-static-neutral-800)}.yZYUSG_header{box-sizing:border-box;background:var(--changes-fill);width:100%;min-width:0;color:inherit;font:inherit;text-align:left;border:0;align-items:center;gap:12px;margin:0;padding:12px 16px;display:flex}button.yZYUSG_header{cursor:pointer;transition:background-color .12s}button.yZYUSG_header:hover:not(:disabled),button.yZYUSG_header:focus-visible{background:var(--changes-hover)}button.yZYUSG_header:focus-visible{box-shadow:inset 0 0 0 2px var(--dsw-alias-brand-primary);outline:none}button.yZYUSG_header:disabled{cursor:progress}.yZYUSG_tile{background:var(--dsw-alias-link);width:36px;height:36px;color:var(--dsw-static-neutral-00);border-radius:10px;flex:none;place-items:center;display:grid}.yZYUSG_titles{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.yZYUSG_title{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;line-height:22px;overflow:hidden}.yZYUSG_stat{font-family:var(--ds-font-family-code);color:var(--dsw-alias-label-tertiary);gap:6px;font-size:12px;line-height:18px;display:inline-flex}.yZYUSG_stat[data-error=true],.yZYUSG_counts[data-error=true]{color:var(--dsw-alias-state-error-primary)}.yZYUSG_added{color:var(--dsw-alias-state-success-primary)}.yZYUSG_deleted{color:var(--dsw-alias-state-error-primary)}.yZYUSG_list{border-top:.5px solid var(--dsw-alias-border-l1);margin:0;padding:4px 0;list-style:none}.yZYUSG_row{box-sizing:border-box;width:100%;min-width:0;color:var(--dsw-alias-label-secondary);cursor:pointer;font-family:var(--ds-font-family-code);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;margin:0;padding:6px 16px;font-size:12px;line-height:18px;display:flex}.yZYUSG_row:hover:not(:disabled),.yZYUSG_row:focus-visible{background:var(--dsw-alias-interactive-bg-hover)}.yZYUSG_row:focus-visible{box-shadow:inset 0 0 0 2px var(--dsw-alias-border-l3);outline:none}.yZYUSG_row:disabled{cursor:progress}.yZYUSG_path{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.yZYUSG_counts{white-space:nowrap;color:var(--dsw-alias-label-tertiary);flex:none;gap:6px;display:inline-flex}.yZYUSG_toggle{box-sizing:border-box;border:0;border-top:.5px solid var(--dsw-alias-border-l1);width:100%;color:var(--dsw-alias-label-tertiary);cursor:pointer;font:inherit;text-align:left;background:0 0;align-items:center;gap:4px;margin:0;padding:8px 16px;font-size:12px;line-height:18px;display:inline-flex}.yZYUSG_toggle:hover{background:var(--dsw-alias-interactive-bg-hover)}.yZYUSG_toggle svg{flex:none;width:14px;height:14px}@media (pointer:coarse){.yZYUSG_row,.yZYUSG_toggle{min-height:44px}}";
+		const tagId$2 = "@deepseek-ai/dsh-client-ui-deliverables/ChangedFiles.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$2) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@deepseek-ai/dsh-client-ui-deliverables";
+			tag.dataset.pluginCss = tagId$2;
+			tag.textContent = css$2;
+			document.head.appendChild(tag);
+		}
+		var ChangedFiles_module_css_default = {
+			"added": "yZYUSG_added",
+			"card": "yZYUSG_card",
+			"counts": "yZYUSG_counts",
+			"deleted": "yZYUSG_deleted",
+			"header": "yZYUSG_header",
+			"list": "yZYUSG_list",
+			"path": "yZYUSG_path",
+			"row": "yZYUSG_row",
+			"stat": "yZYUSG_stat",
+			"tile": "yZYUSG_tile",
+			"title": "yZYUSG_title",
+			"titles": "yZYUSG_titles",
+			"toggle": "yZYUSG_toggle"
+		};
+		//#endregion
+		//#region lib/types/client/ChangedFiles.js
+		/** The changed-files card: a header and per-file rows that open the turn's review, and a three-row fold. */
+		/** Rows shown before the fold; the design's summary height for a closing message. */
+		const COLLAPSED_ROWS = 3;
+		const GROUPED$1 = new Intl.NumberFormat("en-US");
+		/** Added and deleted line counts in the card's colors. */
+		function Counts$1({ added, deleted, t }) {
+			return (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)("span", {
+				className: ChangedFiles_module_css_default.added,
+				children: t("changes.added", { count: GROUPED$1.format(added) })
+			}), (0, react_jsx_runtime.jsx)("span", {
+				className: ChangedFiles_module_css_default.deleted,
+				children: t("changes.deleted", { count: GROUPED$1.format(deleted) })
+			})] });
+		}
+		/**
+		* Render one turn's changed files. The header opens the turn's review in the
+		* right Sidebar on its first file; each row opens it on that row's file.
+		* @param props - the recorded summary, the review opener, and localized copy.
+		* @returns the card.
+		*/
+		function ChangedFiles({ changes, cwd, openReview, t }) {
+			const [expanded, setExpanded] = (0, react.useState)(false);
+			const foldable = changes.files.length > COLLAPSED_ROWS;
+			const rows = foldable && !expanded ? changes.files.slice(0, COLLAPSED_ROWS) : changes.files;
+			return (0, react_jsx_runtime.jsxs)("div", {
+				className: ChangedFiles_module_css_default.card,
+				"data-changed-files": true,
+				children: [
+					(0, react_jsx_runtime.jsxs)("button", {
+						type: "button",
+						className: ChangedFiles_module_css_default.header,
+						"aria-label": t("changes.openReview"),
+						onClick: () => {
+							openReview(0);
+						},
+						children: [(0, react_jsx_runtime.jsx)("span", {
+							className: ChangedFiles_module_css_default.tile,
+							children: (0, react_jsx_runtime.jsx)(IconCodeBracketsOutline16, { size: 18 })
+						}), (0, react_jsx_runtime.jsxs)("span", {
+							className: ChangedFiles_module_css_default.titles,
+							children: [(0, react_jsx_runtime.jsx)("span", {
+								className: ChangedFiles_module_css_default.title,
+								children: t("changes.title", { count: String(changes.total) })
+							}), (0, react_jsx_runtime.jsx)("span", {
+								className: ChangedFiles_module_css_default.stat,
+								children: (0, react_jsx_runtime.jsx)(Counts$1, {
+									t,
+									added: changes.added,
+									deleted: changes.deleted
+								})
+							})]
+						})]
+					}),
+					(0, react_jsx_runtime.jsx)("ul", {
+						className: ChangedFiles_module_css_default.list,
+						children: rows.map((file, index) => (0, react_jsx_runtime.jsx)("li", { children: (0, react_jsx_runtime.jsxs)("button", {
+							type: "button",
+							className: ChangedFiles_module_css_default.row,
+							title: resolveWorkspacePath(cwd, file.path),
+							"aria-label": t("changes.viewDiff", { name: file.display }),
+							onClick: () => {
+								openReview(index);
+							},
+							children: [(0, react_jsx_runtime.jsx)("span", {
+								className: ChangedFiles_module_css_default.path,
+								children: file.display
+							}), (0, react_jsx_runtime.jsx)("span", {
+								className: ChangedFiles_module_css_default.counts,
+								children: file.binary === true ? t("changes.binary") : file.oversized === true ? t("changes.oversized") : (0, react_jsx_runtime.jsx)(Counts$1, {
+									t,
+									added: file.added,
+									deleted: file.deleted
+								})
+							})]
+						}) }, file.display))
+					}),
+					foldable && (0, react_jsx_runtime.jsxs)("button", {
+						type: "button",
+						className: ChangedFiles_module_css_default.toggle,
+						"aria-expanded": expanded,
+						"aria-label": t(expanded ? "changes.collapseAria" : "changes.expandAria", { count: String(changes.files.length) }),
+						onClick: () => {
+							setExpanded((value) => !value);
+						},
+						children: [(0, react_jsx_runtime.jsx)("span", { children: t(expanded ? "changes.collapse" : "changes.all", { count: String(changes.files.length) }) }), expanded ? (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronUpOutline14, {}) : (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutline14, {})]
+					})
+				]
+			});
+		}
+		//#endregion
 		//#region ../../core/session/lib/types/surface.js
 		/** Runtime counterpart of the message-producing event union. */
 		const SURFACE_EVENT_TYPES = new Set([
@@ -275,8 +749,9 @@ window.__ModuleLoader__.load({
 		//#region lib/types/client/turn-deliverables.js
 		/**
 		* Turn-scoped produced-file Definition and readers. Client-only and
-		* model-free: the vocabulary comes from successful first-party mutation
-		* calls, never presentation data or the closing prose.
+		* model-free: produced paths come from successful first-party mutation calls,
+		* changed files from the Host's recorded git summary, and deliveries from
+		* `present`; never from presentation data or the closing prose.
 		*/
 		/**
 		* Extract the path from a supported first-party mutation call. Session
@@ -377,6 +852,10 @@ window.__ModuleLoader__.load({
 					id: String(event.data.turn),
 					role: "update"
 				} : null;
+				if (event.type === "workspace/changes") return isChangesEvent(event.data) ? {
+					id: String(event.data.turn),
+					role: "update"
+				} : null;
 				if (event.type === "tool/result" && isAppendSurfaceEvent(event)) return {
 					id: String(event.data.turn),
 					role: "update"
@@ -392,6 +871,10 @@ window.__ModuleLoader__.load({
 				};
 			},
 			update: (context, match) => {
+				if (match.event.type === "workspace/changes") return {
+					...context.state,
+					changes: { seq: match.event.seq }
+				};
 				if (match.event.type === "deliverables/presented") {
 					const { files } = match.event.data;
 					const seq = match.event.seq;
@@ -432,19 +915,28 @@ window.__ModuleLoader__.load({
 			},
 			buildLocationData: (context, scope, previous) => {
 				if (scope !== "turn" || context.state === void 0) return null;
-				if (previous?.kind === "turn" && previous.turn === context.state.turn && previous.key === "deliverables" && previous.value.produced === context.state.produced && previous.value.presented === context.state.presented) return previous;
+				if (previous?.kind === "turn" && previous.turn === context.state.turn && previous.key === "deliverables" && previous.value.produced === context.state.produced && previous.value.presented === context.state.presented && previous.value.changes === context.state.changes) return previous;
 				return {
 					kind: "turn",
 					turn: context.state.turn,
 					key: "deliverables",
 					value: {
 						produced: context.state.produced,
-						...context.state.presented === void 0 ? {} : { presented: context.state.presented }
+						...context.state.presented === void 0 ? {} : { presented: context.state.presented },
+						...context.state.changes === void 0 ? {} : { changes: context.state.changes }
 					}
 				};
 			}
 		};
 		/**
+		* The turn's latest change announcement.
+		* @param owner - closing turn.
+		* @returns the announcement, or null when the Host recorded none.
+		*/
+		function changesForClosing(owner) {
+			return owner.turn.data.get("deliverables")?.changes ?? null;
+		}
+		/**
 		* Select the latest declaration of each path before the closing reply.
 		* @param owner - closing turn and sequence.
 		* @returns replayable deliveries in first-seen path order.
@@ -483,9 +975,9 @@ window.__ModuleLoader__.load({
 			return matches.length === 1 ? matches[0] : void 0;
 		}
 		//#endregion
-		//#region \0dsh-css:/Users/songli/deepseek-harness/packages/client/ui-deliverables/src/client/ProducedFiles.module.css.mjs
-		const css$1 = ".Lg-HGW_root{grid-template-columns:max-content minmax(0,1fr);align-items:start;column-gap:8px;margin-top:4px;font-size:13px;line-height:22px;display:grid}.Lg-HGW_label{color:var(--dsw-alias-label-tertiary);grid-area:1/1}.Lg-HGW_lane{--produced-file-gap:8px;grid-area:1/2;row-gap:6px;min-width:0;display:grid;container-type:inline-size}.Lg-HGW_row{align-items:center;gap:var(--produced-file-gap);flex-wrap:nowrap;min-width:0;display:flex;overflow:hidden}.Lg-HGW_file{box-sizing:border-box;min-width:0;color:var(--dsw-alias-link);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:4px;flex:0 auto;align-items:center;gap:5px;margin:0;padding:0;font-weight:500;text-decoration:none;display:inline-flex}.Lg-HGW_fileIcon{flex:none;width:1.1em;height:1.1em;position:relative;top:1.2px}.Lg-HGW_fileName{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.Lg-HGW_file:hover,.Lg-HGW_file:focus-visible{text-underline-offset:3px;text-decoration:underline dotted}.Lg-HGW_file:focus-visible{box-shadow:inset 0 0 0 2px var(--dsw-alias-border-l3);outline:none}.Lg-HGW_more{white-space:nowrap;color:var(--dsw-alias-label-tertiary);flex:none;display:none}.Lg-HGW_more[data-shown=\"6\"]{display:inline}@container (width<=687px){.Lg-HGW_file:nth-of-type(6),.Lg-HGW_more[data-shown=\"6\"]{display:none}.Lg-HGW_more[data-shown=\"5\"]{display:inline}}@container (width<=583px){.Lg-HGW_file:nth-of-type(5),.Lg-HGW_more[data-shown=\"5\"]{display:none}.Lg-HGW_more[data-shown=\"4\"]{display:inline}}@container (width<=479px){.Lg-HGW_file:nth-of-type(4),.Lg-HGW_more[data-shown=\"4\"]{display:none}.Lg-HGW_more[data-shown=\"3\"]{display:inline}}@container (width<=375px){.Lg-HGW_file:nth-of-type(3),.Lg-HGW_more[data-shown=\"3\"]{display:none}.Lg-HGW_more[data-shown=\"2\"]{display:inline}}@container (width<=271px){.Lg-HGW_file:nth-of-type(2),.Lg-HGW_more[data-shown=\"2\"]{display:none}.Lg-HGW_more[data-shown=\"1\"]{display:inline}}";
-		const tagId$1 = "@deepseek-ai/dsh-client-ui-deliverables/ProducedFiles.module.css";
+		//#region \0dsh-css:/Users/songli/deepseek-harness/packages/client/ui-deliverables/src/client/Deliverables.module.css.mjs
+		const css$1 = ".udUtqW_root{--deliverable-fill:var(--dsw-static-neutral-50);--deliverable-hover:var(--dsw-static-neutral-100);flex-direction:column;gap:16px;min-width:0;margin-top:4px;display:flex;container-type:inline-size}.udUtqW_root[data-after-changes=true]{margin-top:0}body[data-ds-dark-theme] .udUtqW_root{--deliverable-fill:var(--dsw-static-neutral-850);--deliverable-hover:var(--dsw-static-neutral-800)}.udUtqW_hostStatus{color:var(--dsw-alias-label-secondary);align-items:center;gap:8px;font-size:12px;line-height:18px;display:flex}.udUtqW_presented{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0;display:grid}.udUtqW_presented[data-single=true]{grid-template-columns:minmax(0,1fr)}.udUtqW_file{box-sizing:border-box;border:.5px solid var(--dsw-alias-border-l1);background:var(--deliverable-fill);min-width:0;height:60px;color:var(--dsw-alias-label-primary);border-radius:18px;align-items:center;gap:10px;padding:8px 10px;transition:background-color .12s;display:flex;position:relative;overflow:hidden}.udUtqW_file:hover{background:var(--deliverable-hover)}.udUtqW_cardPreview{z-index:1;border-radius:inherit;cursor:pointer;background:0 0;border:0;width:100%;padding:0;position:absolute;inset:0}.udUtqW_cardPreview:focus-visible{box-shadow:inset 0 0 0 2px var(--dsw-alias-brand-primary);outline:none}.udUtqW_fileIcon{z-index:2;box-sizing:border-box;pointer-events:none;border:.5px solid var(--dsw-alias-border-l1);background:var(--deliverable-fill);width:40px;height:40px;color:var(--dsw-alias-link);border-radius:10px;flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.udUtqW_fileBody{z-index:2;pointer-events:none;flex:1;justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex;position:relative}.udUtqW_details{flex-direction:column;flex:1;justify-content:center;gap:2px;min-width:0;display:flex}.udUtqW_fileName{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;line-height:20px;overflow:hidden}.udUtqW_description{color:var(--dsw-alias-label-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:400;line-height:16px;overflow:hidden}.udUtqW_description[data-error=true]{color:var(--dsw-alias-state-error-primary)}.udUtqW_previewHint,.udUtqW_file:hover .udUtqW_secondaryText{display:none}.udUtqW_file:hover .udUtqW_previewHint{display:inline}.udUtqW_split{box-sizing:border-box;pointer-events:auto;border:.5px solid var(--dsw-alias-border-l3);background:var(--dsw-alias-button-floating-fill);border-radius:10px;flex:none;align-items:stretch;height:28px;display:inline-flex;overflow:hidden}.udUtqW_menuAnchor{align-self:stretch}.udUtqW_open,.udUtqW_chevron{color:var(--dsw-alias-label-primary);cursor:pointer;font-family:var(--dsw-font-family);background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.udUtqW_open{padding:4px 8px;font-size:12px;line-height:18px}.udUtqW_chevron{border-left:.5px solid var(--dsw-alias-border-l3);color:var(--dsw-alias-label-secondary);padding:4px 5px}.udUtqW_open:hover,.udUtqW_open:focus-visible,.udUtqW_chevron:hover:not(:disabled),.udUtqW_chevron:focus-visible{background:var(--dsw-alias-interactive-bg-hover)}.udUtqW_chevron:disabled{color:var(--dsw-alias-label-dimmed);cursor:not-allowed}.udUtqW_menuActionIcon{width:16px;height:16px;display:block}.udUtqW_toggle{min-width:0;color:var(--dsw-alias-label-tertiary);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:8px;align-self:center;align-items:center;gap:4px;padding:1px 11px;font-size:12px;line-height:18px;display:inline-flex}.udUtqW_toggle:hover{background:var(--dsw-alias-interactive-bg-hover)}.udUtqW_toggle svg{flex:none;width:14px;height:14px}@container (width<=620px){.udUtqW_presented{grid-template-columns:minmax(0,1fr)}}@media (pointer:coarse){.udUtqW_split{min-height:44px}.udUtqW_open,.udUtqW_chevron{min-width:44px}}";
+		const tagId$1 = "@deepseek-ai/dsh-client-ui-deliverables/Deliverables.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$1) + "]") === null) {
 			const tag = document.createElement("style");
 			tag.dataset.plugin = "@deepseek-ai/dsh-client-ui-deliverables";
@@ -493,110 +985,6 @@ window.__ModuleLoader__.load({
 			tag.textContent = css$1;
 			document.head.appendChild(tag);
 		}
-		var ProducedFiles_module_css_default = {
-			"file": "Lg-HGW_file",
-			"fileIcon": "Lg-HGW_fileIcon",
-			"fileName": "Lg-HGW_fileName",
-			"label": "Lg-HGW_label",
-			"lane": "Lg-HGW_lane",
-			"more": "Lg-HGW_more",
-			"root": "Lg-HGW_root",
-			"row": "Lg-HGW_row"
-		};
-		//#endregion
-		//#region lib/types/client/ProducedFiles.js
-		/** Maximum number of file chips rendered before the remainder counter. */
-		const SHOWN_LIMIT = 6;
-		function moreLabel(t, count) {
-			return count === 1 ? t("produced.moreOne") : t("produced.more", { count: String(count) });
-		}
-		/**
-		* Render one turn's produced files as openable chips.
-		* @param props - selector-matched paths, the chat view's file opener, and the locale seat.
-		* @returns The produced-files row.
-		*/
-		function ProducedFiles({ matched: paths, openFile, t }) {
-			const shown = paths.slice(0, SHOWN_LIMIT);
-			return (0, react_jsx_runtime.jsxs)("div", {
-				className: ProducedFiles_module_css_default.root,
-				children: [(0, react_jsx_runtime.jsx)("span", {
-					className: ProducedFiles_module_css_default.label,
-					children: t("produced.label")
-				}), (0, react_jsx_runtime.jsx)("div", {
-					className: ProducedFiles_module_css_default.lane,
-					children: (0, react_jsx_runtime.jsxs)("div", {
-						className: ProducedFiles_module_css_default.row,
-						"data-produced-files-row": true,
-						children: [shown.map((path) => (0, react_jsx_runtime.jsxs)("button", {
-							type: "button",
-							className: ProducedFiles_module_css_default.file,
-							title: path,
-							"aria-label": t("produced.open", { name: path }),
-							onClick: () => {
-								openFile(path);
-							},
-							children: [(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.LinkIcon, {
-								kind: (0, _deepseek_ai_dsh_client_ui_primitives.classifyLinkPath)(path),
-								className: ProducedFiles_module_css_default.fileIcon
-							}), (0, react_jsx_runtime.jsx)("span", {
-								className: ProducedFiles_module_css_default.fileName,
-								children: basename(path)
-							})]
-						}, path)), shown.map((_, index) => {
-							const shownCount = index + 1;
-							const remainder = paths.length - shownCount;
-							if (remainder <= 0) return null;
-							return (0, react_jsx_runtime.jsx)("span", {
-								className: ProducedFiles_module_css_default.more,
-								"data-shown": shownCount,
-								children: moreLabel(t, remainder)
-							}, shownCount);
-						})]
-					})
-				})]
-			});
-		}
-		//#endregion
-		//#region ../../util/workspace-path/lib/index.js
-		/**
-		* Browser-safe Workspace path and display helpers.
-		* @module @deepseek-ai/dsh-util-workspace-path
-		*/
-		/** Whether a path uses a Windows drive or UNC prefix. */
-		function isWindowsStylePath(value) {
-			return /^[A-Za-z]:[/\\]/.test(value) || value.startsWith("\\\\");
-		}
-		/**
-		* Whether a path is absolute in either spelling the Host accepts: POSIX (`/a/b`) or Windows drive or UNC.
-		* @param path - the path to classify.
-		* @returns `true` for an absolute path; `false` for a Workspace-relative one.
-		*/
-		function isAbsoluteWorkspacePath(path) {
-			return path.startsWith("/") || isWindowsStylePath(path);
-		}
-		/**
-		* Resolve a Workspace-relative path into the Host-facing spelling used by path operations.
-		* @param cwd - Session Workspace root, when known.
-		* @param path - Absolute or Workspace-relative path.
-		* @returns an absolute path when a Workspace root is available, otherwise the original path.
-		*/
-		function resolveWorkspacePath(cwd, path) {
-			if (isAbsoluteWorkspacePath(path)) return path;
-			if (cwd === void 0 || cwd === "") return path;
-			const separator = isWindowsStylePath(cwd) && cwd.includes("\\") ? "\\" : "/";
-			return `${cwd.replace(/[/\\]+$/, "")}${separator}${path.replace(/^[/\\]+/, "")}`;
-		}
-		//#endregion
-		//#region \0dsh-css:/Users/songli/deepseek-harness/packages/client/ui-deliverables/src/client/Deliverables.module.css.mjs
-		const css = ".udUtqW_root{--deliverable-fill:var(--dsw-static-neutral-50);--deliverable-hover:var(--dsw-static-neutral-100);flex-direction:column;gap:16px;min-width:0;margin-top:4px;display:flex;container-type:inline-size}.udUtqW_root[data-after-produced-files=true]{margin-top:0}body[data-ds-dark-theme] .udUtqW_root{--deliverable-fill:var(--dsw-static-neutral-850);--deliverable-hover:var(--dsw-static-neutral-800)}.udUtqW_hostStatus{color:var(--dsw-alias-label-secondary);align-items:center;gap:8px;font-size:12px;line-height:18px;display:flex}.udUtqW_presented{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0;display:grid}.udUtqW_presented[data-single=true]{grid-template-columns:minmax(0,1fr)}.udUtqW_file{box-sizing:border-box;border:.5px solid var(--dsw-alias-border-l1);background:var(--deliverable-fill);min-width:0;height:60px;color:var(--dsw-alias-label-primary);border-radius:18px;align-items:center;gap:10px;padding:8px 10px;transition:background-color .12s;display:flex;position:relative;overflow:hidden}.udUtqW_file:hover{background:var(--deliverable-hover)}.udUtqW_cardPreview{z-index:1;border-radius:inherit;cursor:pointer;background:0 0;border:0;width:100%;padding:0;position:absolute;inset:0}.udUtqW_cardPreview:focus-visible{box-shadow:inset 0 0 0 2px var(--dsw-alias-brand-primary);outline:none}.udUtqW_fileIcon{z-index:2;box-sizing:border-box;pointer-events:none;border:.5px solid var(--dsw-alias-border-l1);background:var(--deliverable-fill);width:40px;height:40px;color:var(--dsw-alias-link);border-radius:10px;flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.udUtqW_fileBody{z-index:2;pointer-events:none;flex:1;justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex;position:relative}.udUtqW_details{flex-direction:column;flex:1;justify-content:center;gap:2px;min-width:0;display:flex}.udUtqW_fileName{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;line-height:20px;overflow:hidden}.udUtqW_description{color:var(--dsw-alias-label-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:400;line-height:16px;overflow:hidden}.udUtqW_description[data-error=true]{color:var(--dsw-alias-state-error-primary)}.udUtqW_previewHint,.udUtqW_file:hover .udUtqW_secondaryText{display:none}.udUtqW_file:hover .udUtqW_previewHint{display:inline}.udUtqW_split{box-sizing:border-box;pointer-events:auto;border:.5px solid var(--dsw-alias-border-l3);background:var(--dsw-alias-button-floating-fill);border-radius:10px;flex:none;align-items:stretch;height:28px;display:inline-flex;overflow:hidden}.udUtqW_menuAnchor{align-self:stretch}.udUtqW_open,.udUtqW_chevron{color:var(--dsw-alias-label-primary);cursor:pointer;font-family:var(--dsw-font-family);background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.udUtqW_open{padding:4px 8px;font-size:12px;line-height:18px}.udUtqW_chevron{border-left:.5px solid var(--dsw-alias-border-l3);color:var(--dsw-alias-label-secondary);padding:4px 5px}.udUtqW_open:hover,.udUtqW_open:focus-visible,.udUtqW_chevron:hover:not(:disabled),.udUtqW_chevron:focus-visible{background:var(--dsw-alias-interactive-bg-hover)}.udUtqW_chevron:disabled{color:var(--dsw-alias-label-dimmed);cursor:not-allowed}.udUtqW_menuActionIcon{width:16px;height:16px;display:block}.udUtqW_toggle{min-width:0;color:var(--dsw-alias-label-tertiary);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:8px;align-self:center;align-items:center;gap:4px;padding:1px 11px;font-size:12px;line-height:18px;display:inline-flex}.udUtqW_toggle:hover{background:var(--dsw-alias-interactive-bg-hover)}.udUtqW_toggle svg{flex:none;width:14px;height:14px}@container (width<=620px){.udUtqW_presented{grid-template-columns:minmax(0,1fr)}}@media (pointer:coarse){.udUtqW_split{min-height:44px}.udUtqW_open,.udUtqW_chevron{min-width:44px}}";
-		const tagId = "@deepseek-ai/dsh-client-ui-deliverables/Deliverables.module.css";
-		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
-			const tag = document.createElement("style");
-			tag.dataset.plugin = "@deepseek-ai/dsh-client-ui-deliverables";
-			tag.dataset.pluginCss = tagId;
-			tag.textContent = css;
-			document.head.appendChild(tag);
-		}
 		var Deliverables_module_css_default = {
 			"cardPreview": "udUtqW_cardPreview",
 			"chevron": "udUtqW_chevron",
@@ -733,47 +1121,78 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region lib/types/client/Deliverables.js
-		/** Existing changed-file chips and explicitly declared files for a closing turn. */
+		/** The changed-files card, shown only while the Host serves the turn's summary, and explicitly declared files for a closing turn. */
 		const COLLAPSED_PRESENTED_COUNT = 4;
 		/**
-		* Claim turns containing modified paths or declared files.
+		* Claim turns with a change announcement or declared files.
 		* @param owner - closing turn.
-		* @returns matched files, or null for an empty turn.
+		* @returns matched announcement and deliveries, or null for a turn with neither.
 		*/
 		function selectDeliverables(owner) {
-			const produced = selectProducedFiles(owner) ?? [];
+			const changes = changesForClosing(owner);
 			const presented = presentedForClosing(owner);
-			return produced.length + presented.length === 0 ? null : {
-				produced,
+			return changes === null && presented.length === 0 ? null : {
+				changes,
 				presented
 			};
 		}
 		/**
-		* Render workspace file actions and default-application buttons for declared files.
-		* @param props - matched files, workspace opener, and localized copy.
+		* Contribute file deliveries alongside other completed-Turn artifacts.
+		* @param props - closing Turn, file actions, and localized copy.
+		* @returns file rows, or null when the Turn declares none.
+		*/
+		function DeliverablesTail(props) {
+			const matched = selectDeliverables(props);
+			return matched === null ? null : (0, react_jsx_runtime.jsx)(Deliverables, {
+				...props,
+				matched
+			});
+		}
+		/**
+		* Render the changed-files card, once the Host has served the announced
+		* summary and it lists a file, and default-application buttons for declared
+		* files. A summary the Host no longer serves leaves no card.
+		* @param props - matched announcement and files, workspace opener, and localized copy.
 		* @returns the closing turn's file rows.
 		*/
-		function Deliverables({ matched, openFile, t, sessionId, useSessions, openPresented, usePresentedOpen, usePresentedHost, reloadPresentedHost }) {
+		function Deliverables({ matched, openFile, t, sessionId, useSessions, openPresented, openChangesReview, usePresentedOpen, usePresentedHost, useChangesSummary, reloadPresentedHost, loadChangesSummary }) {
 			const [expanded, setExpanded] = (0, react.useState)(false);
 			const cwd = useSessions((state) => state.byId[sessionId]?.cwd);
 			const states = usePresentedOpen((value) => value);
 			const host = usePresentedHost((value) => value);
-			const collapsible = matched.presented.length > COLLAPSED_PRESENTED_COUNT;
-			const presented = collapsible && !expanded ? matched.presented.slice(0, COLLAPSED_PRESENTED_COUNT) : matched.presented;
+			const announced = matched.changes;
+			const summary = useChangesSummary((value) => announced === null ? void 0 : value[changesSummaryUrl(sessionId, announced.seq)]);
 			(0, react.useEffect)(() => {
-				if (matched.presented.length > 0 && host === null) reloadPresentedHost();
+				if (announced !== null && summary === void 0) loadChangesSummary(sessionId, announced.seq);
 			}, [
-				matched.presented.length,
-				host,
-				reloadPresentedHost
+				announced,
+				summary,
+				sessionId,
+				loadChangesSummary
 			]);
-			return (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [matched.produced.length > 0 && (0, react_jsx_runtime.jsx)(ProducedFiles, {
-				matched: matched.produced,
-				openFile,
-				t
+			const changes = announced !== null && typeof summary === "object" && summary.files.length > 0 ? {
+				seq: announced.seq,
+				...summary
+			} : null;
+			const collapsible = matched.presented.length > COLLAPSED_PRESENTED_COUNT;
+			const presented = collapsible && !expanded ? matched.presented.slice(0, COLLAPSED_PRESENTED_COUNT) : matched.presented;
+			(0, react.useEffect)(() => {
+				if (host === null) reloadPresentedHost();
+			}, [host, reloadPresentedHost]);
+			return (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [changes !== null && (0, react_jsx_runtime.jsx)(ChangedFiles, {
+				changes,
+				cwd,
+				t,
+				openReview: (index) => {
+					openChangesReview({
+						sessionId,
+						seq: changes.seq,
+						turn: changes.turn
+					}, index);
+				}
 			}), matched.presented.length > 0 && (0, react_jsx_runtime.jsxs)("div", {
 				className: Deliverables_module_css_default.root,
-				"data-after-produced-files": matched.produced.length > 0 || void 0,
+				"data-after-changes": changes !== null || void 0,
 				children: [
 					host === "error" && (0, react_jsx_runtime.jsxs)("div", {
 						className: Deliverables_module_css_default.hostStatus,
@@ -821,8 +1240,700 @@ window.__ModuleLoader__.load({
 			})] });
 		}
 		//#endregion
+		//#region \0dsh-css:/Users/songli/deepseek-harness/packages/client/ui-deliverables/src/client/ReviewTab.module.css.mjs
+		const css = "._3Oi8kG_root{box-sizing:border-box;width:100%;height:100%;min-height:0;color:var(--dsw-alias-label-primary);flex-direction:column;display:flex}._3Oi8kG_header{box-sizing:border-box;border-bottom:.5px solid var(--dsw-alias-border-l3);flex:none;align-items:center;gap:6px;height:38px;padding:0 6px 0 8px;display:flex}._3Oi8kG_selector{flex:0 auto;min-width:0}._3Oi8kG_selectorLabel{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-size:12px;overflow:hidden}._3Oi8kG_selectorButton{box-sizing:border-box;max-width:100%;height:28px;color:var(--dsw-alias-label-primary);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:8px;align-items:center;gap:4px;padding:0 6px 0 8px;font-size:12px;display:inline-flex}._3Oi8kG_selectorButton:hover,._3Oi8kG_selectorButton[aria-expanded=true]{background:var(--dsw-alias-interactive-bg-hover)}._3Oi8kG_selectorText{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}._3Oi8kG_item{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}._3Oi8kG_itemPath{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}._3Oi8kG_itemCounts,._3Oi8kG_counts{font-family:var(--ds-font-family-code);color:var(--dsw-alias-label-tertiary);flex:none;gap:6px;font-size:12px;display:inline-flex}._3Oi8kG_counts{min-width:0;margin-right:auto}._3Oi8kG_added{color:var(--dsw-alias-state-success-primary)}._3Oi8kG_deleted{color:var(--dsw-alias-state-error-primary)}._3Oi8kG_label{color:var(--dsw-alias-label-tertiary)}._3Oi8kG_tools{flex:none;align-items:center;gap:2px;margin-left:auto;display:inline-flex}._3Oi8kG_tool{width:28px;height:28px;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;justify-content:center;align-items:center;padding:6px;display:inline-flex}._3Oi8kG_tool svg{width:15px;height:15px}._3Oi8kG_tool:hover:not(:disabled),._3Oi8kG_tool[aria-pressed=true]{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-interactive-bg-hover)}._3Oi8kG_tool:disabled{cursor:progress}._3Oi8kG_tool[data-error]{color:var(--dsw-alias-state-error-primary)}._3Oi8kG_status{color:var(--dsw-alias-label-secondary);align-items:center;gap:12px;margin:0;padding:16px;font-size:13px;display:flex}._3Oi8kG_body{min-height:0;font:var(--dsw-font-markdown-code-block);flex-direction:column;flex:auto;padding:8px 0 16px;display:flex;overflow:auto}._3Oi8kG_columns{flex:auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:0;display:grid}._3Oi8kG_column{min-width:0;overflow-x:auto}._3Oi8kG_column+._3Oi8kG_column{border-left:.5px solid var(--dsw-alias-border-l3)}._3Oi8kG_sideLine{box-sizing:border-box;white-space:pre;grid-template-columns:3.5em max-content;width:max-content;min-width:100%;min-height:22px;line-height:22px;display:grid}._3Oi8kG_note{font:var(--dsw-font-xs-13);color:var(--dsw-alias-label-tertiary);margin:0;padding:4px 16px 8px}._3Oi8kG_hunk{margin-bottom:8px}._3Oi8kG_hunkHeader{color:var(--dsw-alias-label-tertiary);white-space:pre;padding:4px 16px}._3Oi8kG_line{white-space:pre;grid-template-columns:3.5em 3.5em 1.2em minmax(0,1fr);min-height:22px;line-height:22px;display:grid}._3Oi8kG_splitLine{white-space:pre;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:22px;line-height:22px;display:grid}._3Oi8kG_cell{grid-template-columns:3.5em minmax(0,1fr);min-width:0;display:grid}._3Oi8kG_cell+._3Oi8kG_cell{border-left:.5px solid var(--dsw-alias-border-l3)}._3Oi8kG_number{color:var(--dsw-alias-label-tertiary);text-align:right;user-select:none;padding-right:8px}._3Oi8kG_sign{text-align:center;user-select:none}._3Oi8kG_text{padding-right:16px}._3Oi8kG_body[data-review-wrap] ._3Oi8kG_line,._3Oi8kG_body[data-review-wrap] ._3Oi8kG_splitLine{white-space:pre-wrap}._3Oi8kG_body[data-review-wrap] ._3Oi8kG_text{overflow-wrap:anywhere}._3Oi8kG_add{background:color-mix(in srgb, var(--dsw-alias-state-success-primary) 12%, transparent)}._3Oi8kG_add ._3Oi8kG_sign,._3Oi8kG_add ._3Oi8kG_text{color:var(--dsw-alias-state-success-primary)}._3Oi8kG_del{background:color-mix(in srgb, var(--dsw-alias-state-error-primary) 12%, transparent)}._3Oi8kG_del ._3Oi8kG_sign,._3Oi8kG_del ._3Oi8kG_text{color:var(--dsw-alias-state-error-primary)}._3Oi8kG_context ._3Oi8kG_text{color:var(--dsw-alias-label-secondary)}._3Oi8kG_empty{background:var(--dsw-alias-interactive-bg-hover)}";
+		const tagId = "@deepseek-ai/dsh-client-ui-deliverables/ReviewTab.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@deepseek-ai/dsh-client-ui-deliverables";
+			tag.dataset.pluginCss = tagId;
+			tag.textContent = css;
+			document.head.appendChild(tag);
+		}
+		var ReviewTab_module_css_default = {
+			"add": "_3Oi8kG_add",
+			"added": "_3Oi8kG_added",
+			"body": "_3Oi8kG_body",
+			"cell": "_3Oi8kG_cell",
+			"column": "_3Oi8kG_column",
+			"columns": "_3Oi8kG_columns",
+			"context": "_3Oi8kG_context",
+			"counts": "_3Oi8kG_counts",
+			"del": "_3Oi8kG_del",
+			"deleted": "_3Oi8kG_deleted",
+			"empty": "_3Oi8kG_empty",
+			"header": "_3Oi8kG_header",
+			"hunk": "_3Oi8kG_hunk",
+			"hunkHeader": "_3Oi8kG_hunkHeader",
+			"item": "_3Oi8kG_item",
+			"itemCounts": "_3Oi8kG_itemCounts",
+			"itemPath": "_3Oi8kG_itemPath",
+			"label": "_3Oi8kG_label",
+			"line": "_3Oi8kG_line",
+			"note": "_3Oi8kG_note",
+			"number": "_3Oi8kG_number",
+			"root": "_3Oi8kG_root",
+			"selector": "_3Oi8kG_selector",
+			"selectorButton": "_3Oi8kG_selectorButton",
+			"selectorLabel": "_3Oi8kG_selectorLabel",
+			"selectorText": "_3Oi8kG_selectorText",
+			"sideLine": "_3Oi8kG_sideLine",
+			"sign": "_3Oi8kG_sign",
+			"splitLine": "_3Oi8kG_splitLine",
+			"status": "_3Oi8kG_status",
+			"text": "_3Oi8kG_text",
+			"tool": "_3Oi8kG_tool",
+			"tools": "_3Oi8kG_tools"
+		};
+		//#endregion
+		//#region lib/types/client/ReviewTab.js
+		/**
+		* The review tab: one turn's changed files behind a file selector, with the
+		* selected file's turn-start and turn-end comparison drawn unified or side by
+		* side, wrapped or scrolling, and controls to open the file itself.
+		*/
+		/** Lines drawn before the tab stops; a coarse comparison of a file near the byte cap would otherwise draw every line. */
+		const MAX_RENDERED_LINES = 5e3;
+		const GROUPED = new Intl.NumberFormat("en-US");
+		/**
+		* Number a hunk's lines: context lines count on both sides, deletions on the
+		* old side, additions on the new side.
+		* @param hunk - a served hunk.
+		* @returns the rows in order.
+		*/
+		function hunkRows(hunk) {
+			let oldNo = hunk.oldStart;
+			let newNo = hunk.newStart;
+			return hunk.lines.map((line) => {
+				const text = line.slice(1);
+				switch (line[0]) {
+					case "+": return {
+						kind: "add",
+						old: void 0,
+						new: newNo++,
+						text
+					};
+					case "-": return {
+						kind: "del",
+						old: oldNo++,
+						new: void 0,
+						text
+					};
+					default: return {
+						kind: "context",
+						old: oldNo++,
+						new: newNo++,
+						text
+					};
+				}
+			});
+		}
+		/**
+		* Pair a hunk's lines for the side-by-side view: each run of deletions is
+		* aligned with the run of additions that follows it, row by row, and context
+		* lines sit on both sides.
+		* @param hunk - a served hunk.
+		* @returns the rows in order.
+		*/
+		function splitRows(hunk) {
+			const rows = [];
+			let dels = [];
+			let adds = [];
+			const flush = () => {
+				for (let at = 0; at < Math.max(dels.length, adds.length); at += 1) {
+					const left = dels[at];
+					const right = adds[at];
+					rows.push({
+						...left === void 0 ? {} : { left },
+						...right === void 0 ? {} : { right }
+					});
+				}
+				dels = [];
+				adds = [];
+			};
+			for (const row of hunkRows(hunk)) if (row.kind === "del") dels.push({
+				no: row.old,
+				text: row.text,
+				kind: "del"
+			});
+			else if (row.kind === "add") adds.push({
+				no: row.new,
+				text: row.text,
+				kind: "add"
+			});
+			else {
+				flush();
+				rows.push({
+					left: {
+						no: row.old,
+						text: row.text,
+						kind: "context"
+					},
+					right: {
+						no: row.new,
+						text: row.text,
+						kind: "context"
+					}
+				});
+			}
+			flush();
+			return rows;
+		}
+		/**
+		* The hunks to draw, cut at {@link MAX_RENDERED_LINES} lines in total.
+		* @param hunks - served hunks.
+		* @returns the hunks with the last one shortened as needed, and whether anything was cut.
+		*/
+		function renderedHunks(hunks) {
+			let budget = MAX_RENDERED_LINES;
+			const kept = [];
+			for (const hunk of hunks) {
+				if (budget === 0) return {
+					hunks: kept,
+					truncated: true
+				};
+				kept.push(hunk.lines.length <= budget ? hunk : {
+					...hunk,
+					lines: hunk.lines.slice(0, budget)
+				});
+				budget -= Math.min(budget, hunk.lines.length);
+			}
+			return {
+				hunks: kept,
+				truncated: hunks.some((hunk, at) => kept[at] !== hunk)
+			};
+		}
+		/** The one-line fact about a text comparison worth stating above its hunks, if any. */
+		function noteOf(diff) {
+			if (!diff.before) return "diff.created";
+			if (!diff.after) return "diff.deleted";
+			if (diff.hunks.length === 0) return "diff.unchanged";
+		}
+		/** The file index a navigation names, when it names one. */
+		function navigatedIndex(params) {
+			const index = params?.index;
+			return typeof index === "number" && Number.isSafeInteger(index) && index >= 0 ? index : void 0;
+		}
+		/** Added and deleted line counts in the card's colors. */
+		function Counts({ file, t }) {
+			if (file.binary === true) return (0, react_jsx_runtime.jsx)("span", {
+				className: ReviewTab_module_css_default.label,
+				children: t("changes.binary")
+			});
+			if (file.oversized === true) return (0, react_jsx_runtime.jsx)("span", {
+				className: ReviewTab_module_css_default.label,
+				children: t("changes.oversized")
+			});
+			return (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(0, react_jsx_runtime.jsx)("span", {
+				className: ReviewTab_module_css_default.added,
+				children: t("changes.added", { count: GROUPED.format(file.added) })
+			}), (0, react_jsx_runtime.jsx)("span", {
+				className: ReviewTab_module_css_default.deleted,
+				children: t("changes.deleted", { count: GROUPED.format(file.deleted) })
+			})] });
+		}
+		/**
+		* The review type's body, registered under `sidebar.right.pane.tab` as `changes-review`.
+		* @param props - composed slot props.
+		* @returns the selected file's comparison behind the file selector, or the state that stands in for it.
+		*/
+		function ReviewTab({ useTabInfo, sessionId, useSessions, useStore, actions, useChangesSummary, useChangesDiff, usePresentedOpen, usePresentedHost, loadChangesSummary, loadChangesDiff, reloadPresentedHost, openChanged, t }) {
+			const { tab } = useTabInfo();
+			const { navigation, signal } = tab;
+			const coordinates = (0, react.useMemo)(() => parseChangesReviewAddress(tab.contentId), [tab.contentId]);
+			if (coordinates === void 0) throw new Error(`ui-deliverables: not a review address "${tab.contentId}"`);
+			const { seq } = coordinates;
+			const cwd = useSessions((sessions) => sessions.byId[sessionId]?.cwd);
+			const summary = useChangesSummary((value) => value[changesSummaryUrl(sessionId, seq)]);
+			const state = useStore((store) => store.byTab[tab.id]);
+			const host = usePresentedHost((value) => value);
+			(0, react.useEffect)(() => {
+				if (state?.navigated === navigation.revision) return;
+				actions.navigated(tab.id, navigation.revision, navigatedIndex(navigation.params) ?? state?.index ?? 0);
+			}, [
+				state,
+				navigation.revision,
+				navigation.params,
+				actions,
+				tab.id
+			]);
+			(0, react.useEffect)(() => {
+				const forget = () => {
+					actions.forget(tab.id);
+				};
+				signal.addEventListener("abort", forget, { once: true });
+				return () => {
+					signal.removeEventListener("abort", forget);
+				};
+			}, [
+				signal,
+				actions,
+				tab.id
+			]);
+			(0, react.useEffect)(() => {
+				if (summary === void 0) loadChangesSummary(sessionId, seq);
+			}, [
+				summary,
+				sessionId,
+				seq,
+				loadChangesSummary
+			]);
+			(0, react.useEffect)(() => {
+				if (host === null) reloadPresentedHost();
+			}, [host, reloadPresentedHost]);
+			const files = typeof summary === "object" ? summary.files : [];
+			const index = state !== void 0 && files[state.index] !== void 0 ? state.index : 0;
+			const file = files[index];
+			const diffState = useChangesDiff((value) => file === void 0 ? void 0 : value[changesDiffUrl(sessionId, seq, index)]);
+			(0, react.useEffect)(() => {
+				if (file !== void 0 && diffState === void 0) loadChangesDiff(sessionId, seq, index);
+			}, [
+				file,
+				diffState,
+				sessionId,
+				seq,
+				index,
+				loadChangesDiff
+			]);
+			const phase = usePresentedOpen((value) => file === void 0 ? void 0 : value[changedFileUrl(sessionId, seq, index)]);
+			const [menuOpen, setMenuOpen] = (0, react.useState)(false);
+			const split = state?.split === true;
+			const wrap = state?.wrap === true;
+			const native = host !== null && host !== "error" && host.available && phase !== "nativeUnavailable";
+			const summaryState = summary === void 0 || summary === "loading" ? "loading" : summary === "missing" ? "missing" : "ready";
+			return (0, react_jsx_runtime.jsxs)("div", {
+				className: ReviewTab_module_css_default.root,
+				"data-changes-review": true,
+				"data-review-state": summaryState,
+				children: [
+					(0, react_jsx_runtime.jsxs)("div", {
+						className: ReviewTab_module_css_default.header,
+						children: [
+							file === void 0 ? (0, react_jsx_runtime.jsx)("span", {
+								className: ReviewTab_module_css_default.selectorLabel,
+								children: t("review.title", { turn: String(coordinates.turn) })
+							}) : (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Menu, {
+								className: ReviewTab_module_css_default.selector,
+								open: menuOpen,
+								autoFocus: true,
+								portal: true,
+								align: "start",
+								dense: true,
+								onClose: () => {
+									setMenuOpen(false);
+								},
+								anchor: (0, react_jsx_runtime.jsxs)("button", {
+									type: "button",
+									className: ReviewTab_module_css_default.selectorButton,
+									"aria-haspopup": "menu",
+									"aria-expanded": menuOpen,
+									"aria-label": t("review.selectFile"),
+									title: file.display,
+									"data-review-file": file.path,
+									onClick: () => {
+										setMenuOpen((value) => !value);
+									},
+									children: [(0, react_jsx_runtime.jsx)("span", {
+										className: ReviewTab_module_css_default.selectorText,
+										children: file.display
+									}), (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutline14, { size: 12 })]
+								}),
+								items: files.map((entry, at) => ({
+									id: String(at),
+									label: (0, react_jsx_runtime.jsxs)("span", {
+										className: ReviewTab_module_css_default.item,
+										children: [(0, react_jsx_runtime.jsx)("span", {
+											className: ReviewTab_module_css_default.itemPath,
+											children: entry.display
+										}), (0, react_jsx_runtime.jsx)("span", {
+											className: ReviewTab_module_css_default.itemCounts,
+											children: (0, react_jsx_runtime.jsx)(Counts, {
+												file: entry,
+												t
+											})
+										})]
+									})
+								})),
+								selectedId: String(index),
+								onSelect: (id) => {
+									actions.selected(tab.id, Number(id));
+									setMenuOpen(false);
+								}
+							}),
+							file !== void 0 && (0, react_jsx_runtime.jsx)("span", {
+								className: ReviewTab_module_css_default.counts,
+								children: (0, react_jsx_runtime.jsx)(Counts, {
+									file,
+									t
+								})
+							}),
+							(0, react_jsx_runtime.jsxs)("span", {
+								className: ReviewTab_module_css_default.tools,
+								children: [
+									(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
+										label: t(split ? "review.unified" : "review.split"),
+										side: "bottom",
+										delayMs: 500,
+										children: (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: ReviewTab_module_css_default.tool,
+											"aria-pressed": split,
+											"aria-label": t("review.splitAria"),
+											"data-review-tool": "split",
+											onClick: () => {
+												actions.toggledSplit(tab.id);
+											},
+											children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconPanelLeftOutline16, {})
+										})
+									}),
+									(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
+										label: t(wrap ? "review.nowrap" : "review.wrap"),
+										side: "bottom",
+										delayMs: 500,
+										children: (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: ReviewTab_module_css_default.tool,
+											"aria-pressed": wrap,
+											"aria-label": t("review.wrapAria"),
+											"data-review-tool": "wrap",
+											onClick: () => {
+												actions.toggledWrap(tab.id);
+											},
+											children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconWrapLinesOutline16, {})
+										})
+									}),
+									file !== void 0 && (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
+										label: t("review.openFile"),
+										side: "bottom",
+										delayMs: 500,
+										children: (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: ReviewTab_module_css_default.tool,
+											"aria-label": t("review.openFileAria", { name: file.display }),
+											"data-review-tool": "open-file",
+											onClick: () => {
+												tab.actions.openResource(fileAddressFor(sessionId, cwd, file.path));
+											},
+											children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCodeOutline16, {})
+										})
+									}),
+									file !== void 0 && native && (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
+										label: t(phase === "error" ? "diff.openNativeError" : "diff.openNative"),
+										side: "bottom",
+										delayMs: 500,
+										children: (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: ReviewTab_module_css_default.tool,
+											disabled: phase === "opening",
+											"data-review-tool": "open-native",
+											"aria-label": t("diff.openNativeAria", { name: file.display }),
+											"data-error": phase === "error" || void 0,
+											onClick: () => {
+												openChanged(sessionId, seq, index);
+											},
+											children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconRightUpOutline16, {})
+										})
+									})
+								]
+							})
+						]
+					}),
+					summaryState === "loading" && (0, react_jsx_runtime.jsx)("p", {
+						className: ReviewTab_module_css_default.status,
+						role: "status",
+						children: t("diff.loading")
+					}),
+					summaryState === "missing" && (0, react_jsx_runtime.jsx)("p", {
+						className: ReviewTab_module_css_default.status,
+						children: t("diff.missing")
+					}),
+					file !== void 0 && (0, react_jsx_runtime.jsx)(FileBody, {
+						state: diffState,
+						split,
+						wrap,
+						t,
+						retry: () => {
+							loadChangesDiff(sessionId, seq, index);
+						}
+					})
+				]
+			});
+		}
+		/** The selected file's comparison, or the state that stands in for it. */
+		function FileBody({ state, split, wrap, retry, t }) {
+			if (state === void 0 || state === "loading") return (0, react_jsx_runtime.jsx)("p", {
+				className: ReviewTab_module_css_default.status,
+				role: "status",
+				children: t("diff.loading")
+			});
+			if (state === "missing") return (0, react_jsx_runtime.jsx)("p", {
+				className: ReviewTab_module_css_default.status,
+				children: t("diff.missing")
+			});
+			if (state === "error") return (0, react_jsx_runtime.jsxs)("div", {
+				className: ReviewTab_module_css_default.status,
+				children: [(0, react_jsx_runtime.jsx)("span", { children: t("diff.error") }), (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+					size: "sm",
+					onClick: retry,
+					children: t("presented.retry")
+				})]
+			});
+			if (state.kind === "binary") return (0, react_jsx_runtime.jsx)("p", {
+				className: ReviewTab_module_css_default.status,
+				children: t("diff.binary")
+			});
+			if (state.kind === "oversized") return (0, react_jsx_runtime.jsx)("p", {
+				className: ReviewTab_module_css_default.status,
+				children: t("diff.oversized")
+			});
+			return (0, react_jsx_runtime.jsx)(TextDiff, {
+				diff: state,
+				split,
+				wrap,
+				t
+			});
+		}
+		/** The kind a paired row carries: a deletion or addition on either side, otherwise context. */
+		function splitRowKind(row) {
+			return row.left?.kind === "del" ? "del" : row.right?.kind === "add" ? "add" : "context";
+		}
+		function hunkHeader(hunk) {
+			return `@@ -${hunk.oldStart},${hunk.oldLines} +${hunk.newStart},${hunk.newLines} @@`;
+		}
+		/**
+		* The side-by-side view without wrapping: two columns that clip their long
+		* lines and scroll sideways together, so a long line on one side never runs
+		* under the other and both sides show the same columns of text. Every line is
+		* one fixed-height row, which keeps the sides aligned.
+		*/
+		function SplitColumns({ hunks }) {
+			const paired = (0, react.useMemo)(() => hunks.map((hunk) => ({
+				header: hunkHeader(hunk),
+				rows: splitRows(hunk)
+			})), [hunks]);
+			const columns = (0, react.useRef)({
+				left: null,
+				right: null
+			});
+			const follow = (side) => (event) => {
+				const other = columns.current[side === "left" ? "right" : "left"];
+				if (other !== null && other.scrollLeft !== event.currentTarget.scrollLeft) other.scrollLeft = event.currentTarget.scrollLeft;
+			};
+			return (0, react_jsx_runtime.jsx)("div", {
+				className: ReviewTab_module_css_default.columns,
+				children: ["left", "right"].map((side) => (0, react_jsx_runtime.jsx)("div", {
+					className: ReviewTab_module_css_default.column,
+					"data-diff-side": side,
+					ref: (element) => {
+						columns.current[side] = element;
+					},
+					onScroll: follow(side),
+					children: paired.map((hunk, position) => (0, react_jsx_runtime.jsxs)("section", {
+						className: ReviewTab_module_css_default.hunk,
+						children: [(0, react_jsx_runtime.jsx)("div", {
+							className: ReviewTab_module_css_default.hunkHeader,
+							children: hunk.header
+						}), hunk.rows.map((row, at) => {
+							const cell = row[side];
+							return (0, react_jsx_runtime.jsxs)("div", {
+								className: `${ReviewTab_module_css_default.sideLine} ${cell === void 0 ? ReviewTab_module_css_default.empty : ReviewTab_module_css_default[cell.kind]}`,
+								"data-diff-line": splitRowKind(row),
+								children: [(0, react_jsx_runtime.jsx)("span", {
+									className: ReviewTab_module_css_default.number,
+									children: cell?.no ?? ""
+								}), (0, react_jsx_runtime.jsx)("span", {
+									className: ReviewTab_module_css_default.text,
+									children: cell?.text ?? ""
+								})]
+							}, at);
+						})]
+					}, position))
+				}, side))
+			});
+		}
+		/** The hunks of a text comparison with their line numbers, unified or side by side. */
+		function TextDiff({ diff, split, wrap, t }) {
+			const note = noteOf(diff);
+			const { hunks, truncated } = (0, react.useMemo)(() => renderedHunks(diff.hunks), [diff.hunks]);
+			return (0, react_jsx_runtime.jsxs)("div", {
+				className: ReviewTab_module_css_default.body,
+				"data-review-view": split ? "split" : "unified",
+				"data-review-wrap": wrap || void 0,
+				children: [
+					note !== void 0 && (0, react_jsx_runtime.jsx)("p", {
+						className: ReviewTab_module_css_default.note,
+						children: t(note)
+					}),
+					diff.coarse && (0, react_jsx_runtime.jsx)("p", {
+						className: ReviewTab_module_css_default.note,
+						"data-diff-coarse": true,
+						children: t("diff.coarse")
+					}),
+					truncated && (0, react_jsx_runtime.jsx)("p", {
+						className: ReviewTab_module_css_default.note,
+						"data-diff-truncated": true,
+						children: t("diff.truncated", { count: String(5e3) })
+					}),
+					split && !wrap ? (0, react_jsx_runtime.jsx)(SplitColumns, { hunks }) : hunks.map((hunk, position) => (0, react_jsx_runtime.jsxs)("section", {
+						className: ReviewTab_module_css_default.hunk,
+						children: [(0, react_jsx_runtime.jsx)("div", {
+							className: ReviewTab_module_css_default.hunkHeader,
+							children: hunkHeader(hunk)
+						}), split ? splitRows(hunk).map((row, at) => (0, react_jsx_runtime.jsxs)("div", {
+							className: ReviewTab_module_css_default.splitLine,
+							"data-diff-line": splitRowKind(row),
+							children: [(0, react_jsx_runtime.jsxs)("span", {
+								className: `${ReviewTab_module_css_default.cell} ${row.left === void 0 ? ReviewTab_module_css_default.empty : ReviewTab_module_css_default[row.left.kind]}`,
+								children: [(0, react_jsx_runtime.jsx)("span", {
+									className: ReviewTab_module_css_default.number,
+									children: row.left?.no ?? ""
+								}), (0, react_jsx_runtime.jsx)("span", {
+									className: ReviewTab_module_css_default.text,
+									children: row.left?.text ?? ""
+								})]
+							}), (0, react_jsx_runtime.jsxs)("span", {
+								className: `${ReviewTab_module_css_default.cell} ${row.right === void 0 ? ReviewTab_module_css_default.empty : ReviewTab_module_css_default[row.right.kind]}`,
+								children: [(0, react_jsx_runtime.jsx)("span", {
+									className: ReviewTab_module_css_default.number,
+									children: row.right?.no ?? ""
+								}), (0, react_jsx_runtime.jsx)("span", {
+									className: ReviewTab_module_css_default.text,
+									children: row.right?.text ?? ""
+								})]
+							})]
+						}, at)) : hunkRows(hunk).map((row, at) => (0, react_jsx_runtime.jsxs)("div", {
+							className: `${ReviewTab_module_css_default.line} ${ReviewTab_module_css_default[row.kind]}`,
+							"data-diff-line": row.kind,
+							children: [
+								(0, react_jsx_runtime.jsx)("span", {
+									className: ReviewTab_module_css_default.number,
+									children: row.old ?? ""
+								}),
+								(0, react_jsx_runtime.jsx)("span", {
+									className: ReviewTab_module_css_default.number,
+									children: row.new ?? ""
+								}),
+								(0, react_jsx_runtime.jsx)("span", {
+									className: ReviewTab_module_css_default.sign,
+									children: row.kind === "add" ? "+" : row.kind === "del" ? "-" : " "
+								}),
+								(0, react_jsx_runtime.jsx)("span", {
+									className: ReviewTab_module_css_default.text,
+									children: row.text
+								})
+							]
+						}, at))]
+					}, position))
+				]
+			});
+		}
+		//#endregion
+		//#region lib/types/client/review-definition.js
+		/** The tab kind this package owns. */
+		const CHANGES_REVIEW_KIND = "changes-review";
+		/** This implementation's identity in the tab system, and the key its body registers under. */
+		const CHANGES_REVIEW_ID = "@deepseek-ai/dsh-client-ui-deliverables";
+		/**
+		* The review type's registry definition.
+		* @param t - namespace-bound translate, read fresh on every title call.
+		* @returns the definition to register.
+		*/
+		function changesReviewDefinition(t) {
+			return {
+				id: CHANGES_REVIEW_ID,
+				kind: CHANGES_REVIEW_KIND,
+				patterns: ["dsh-resource://changes-review/**"],
+				priority: "builtin",
+				canOpen: (address) => parseChangesReviewAddress(address) !== void 0,
+				title: (address) => {
+					const turn = parseChangesReviewAddress(address)?.turn;
+					return turn === void 0 ? address : t("review.title", { turn: String(turn) });
+				}
+			};
+		}
+		//#endregion
+		//#region lib/types/client/review-store.js
+		/**
+		* The review tab's view state: which listed file is shown, whether hunks are
+		* drawn side by side, and whether long lines wrap. One bucket per tab, so two
+		* reviews in one session keep their own choices; the bucket ends with the
+		* tab record's signal.
+		*/
+		function bucket(state, tabId) {
+			const tab = state.byTab[tabId];
+			if (tab === void 0) throw new Error(`ui-deliverables: no review state for tab "${tabId}"`);
+			return tab;
+		}
+		/**
+		* Declare the review tab's store; the registration declares it as an
+		* exclusive store, so the framework mints one instance per session.
+		* @returns the store handle to declare on the registration.
+		*/
+		function createReviewStore() {
+			return (0, _deepseek_ai_dsh_client_store.defineStore)({
+				init: () => ({ byTab: {} }),
+				actions: {
+					/**
+					* Apply a navigation: seed the tab on its first one, then show the navigated file.
+					* @param d - draft state.
+					* @param tabId - the tab being drawn.
+					* @param revision - the navigation revision being applied.
+					* @param index - the file index the navigation named, or the current one.
+					*/
+					navigated: (d, tabId, revision, index) => {
+						const tab = d.byTab[tabId];
+						if (tab === void 0) d.byTab[tabId] = {
+							index,
+							split: false,
+							wrap: false,
+							navigated: revision
+						};
+						else {
+							tab.index = index;
+							tab.navigated = revision;
+						}
+					},
+					/**
+					* Show another listed file.
+					* @param d - draft state.
+					* @param tabId - the tab being drawn.
+					* @param index - original index in the summary's files array.
+					*/
+					selected: (d, tabId, index) => {
+						bucket(d, tabId).index = index;
+					},
+					/**
+					* Switch between the unified and the side-by-side view.
+					* @param d - draft state.
+					* @param tabId - the tab being drawn.
+					*/
+					toggledSplit: (d, tabId) => {
+						const tab = bucket(d, tabId);
+						tab.split = !tab.split;
+					},
+					/**
+					* Switch line wrapping.
+					* @param d - draft state.
+					* @param tabId - the tab being drawn.
+					*/
+					toggledWrap: (d, tabId) => {
+						const tab = bucket(d, tabId);
+						tab.wrap = !tab.wrap;
+					},
+					/**
+					* Drop a tab's bucket once its record is gone.
+					* @param d - draft state.
+					* @param tabId - the tab that ended.
+					*/
+					forget: (d, tabId) => {
+						d.byTab = Object.fromEntries(Object.entries(d.byTab).filter(([id]) => id !== tabId));
+					}
+				}
+			});
+		}
+		//#endregion
 		//#region lib/types/client/locales.js
-		/** `deliverables` namespace dictionaries. */
+		/** `deliverables` namespace dictionaries: cards, comparison tab, and file-mention copy. */
 		/** Dictionary namespace owned by this plugin. */
 		const NS = "deliverables";
 		/** Simplified Chinese dictionary (the key-set source of truth). */
@@ -834,7 +1945,7 @@ window.__ModuleLoader__.load({
 			"presented.directoryOpened": "已请求打开所在文件夹",
 			"presented.revealed": "已请求在文件管理器中显示",
 			"presented.revealing": "正在文件管理器中显示…",
-			"presented.unavailable": "此主机没有可用的桌面，无法打开文件或文件夹",
+			"presented.unavailable": "此主机没有可用的桌面，无法使用外部程序打开文件或文件夹；文件仍可在侧边栏预览",
 			"presented.retry": "重试",
 			"presented.hostError": "无法读取主机桌面信息",
 			"presented.directory": "打开所在文件夹",
@@ -860,10 +1971,40 @@ window.__ModuleLoader__.load({
 			"row.error": "交付失败",
 			"row.stopped": "已中断",
 			"row.inspect": "查看调用",
-			"produced.label": "本轮文件改动",
-			"produced.moreOne": "+ 1 个文件",
-			"produced.more": "+ {count} 个文件",
-			"produced.open": "打开 {name}"
+			"changes.title": "已编辑 {count} 个文件",
+			"changes.added": "+{count}",
+			"changes.deleted": "-{count}",
+			"changes.binary": "二进制",
+			"changes.openReview": "在侧边栏查看本轮改动",
+			"changes.all": "全部 {count} 个文件",
+			"changes.expandAria": "展开全部 {count} 个改动文件",
+			"changes.collapse": "收起",
+			"changes.collapseAria": "收起改动文件列表",
+			"changes.oversized": "过大",
+			"changes.viewDiff": "查看 {name} 的改动",
+			"review.title": "第 {turn} 轮改动",
+			"review.selectFile": "选择要查看的文件",
+			"review.split": "切换为左右对比",
+			"review.unified": "切换为单栏对比",
+			"review.splitAria": "左右对比",
+			"review.wrap": "开启自动换行",
+			"review.nowrap": "关闭自动换行",
+			"review.wrapAria": "自动换行",
+			"review.openFile": "在侧边栏打开整个文件",
+			"review.openFileAria": "在侧边栏打开 {name}",
+			"diff.openNativeAria": "用默认应用打开 {name}",
+			"diff.loading": "正在读取改动…",
+			"diff.missing": "这轮改动的内容已不可用",
+			"diff.error": "无法读取改动",
+			"diff.binary": "二进制文件，无法显示改动",
+			"diff.oversized": "文件过大，无法显示改动",
+			"diff.created": "本轮新建的文件",
+			"diff.deleted": "本轮删除的文件",
+			"diff.unchanged": "两侧内容相同",
+			"diff.coarse": "逐行对比超时，按整个文件替换显示",
+			"diff.truncated": "只显示前 {count} 行",
+			"diff.openNative": "用默认应用打开",
+			"diff.openNativeError": "打开失败，点击重试"
 		};
 		/** English dictionary (same key set). */
 		const en = {
@@ -874,7 +2015,7 @@ window.__ModuleLoader__.load({
 			"presented.directoryOpened": "Requested opening containing folder",
 			"presented.revealed": "Requested display in file manager",
 			"presented.revealing": "Showing in file manager…",
-			"presented.unavailable": "This Host has no desktop available to open files or folders",
+			"presented.unavailable": "This Host has no desktop available to open files or folders in external apps. Files can still be previewed in the sidebar.",
 			"presented.retry": "Retry",
 			"presented.hostError": "Could not read the Host desktop information",
 			"presented.directory": "Open containing folder",
@@ -900,30 +2041,70 @@ window.__ModuleLoader__.load({
 			"row.error": "Delivery failed",
 			"row.stopped": "Interrupted",
 			"row.inspect": "Inspect call",
-			"produced.label": "Files changed",
-			"produced.moreOne": "+ 1 file",
-			"produced.more": "+ {count} files",
-			"produced.open": "Open {name}"
+			"changes.title": "Edited {count} files",
+			"changes.added": "+{count}",
+			"changes.deleted": "-{count}",
+			"changes.binary": "binary",
+			"changes.openReview": "Review this turn’s changes in the sidebar",
+			"changes.all": "All {count} files",
+			"changes.expandAria": "Show all {count} changed files",
+			"changes.collapse": "Collapse",
+			"changes.collapseAria": "Collapse changed files",
+			"changes.oversized": "too large",
+			"changes.viewDiff": "View changes to {name}",
+			"review.title": "Review · turn {turn}",
+			"review.selectFile": "Choose the file to review",
+			"review.split": "Switch to split view",
+			"review.unified": "Switch to unified view",
+			"review.splitAria": "Split view",
+			"review.wrap": "Enable line wrap",
+			"review.nowrap": "Disable line wrap",
+			"review.wrapAria": "Line wrap",
+			"review.openFile": "Open the whole file in the sidebar",
+			"review.openFileAria": "Open {name} in sidebar",
+			"diff.openNativeAria": "Open {name} in default app",
+			"diff.loading": "Reading changes…",
+			"diff.missing": "The contents of this turn’s changes are no longer available",
+			"diff.error": "Could not read the changes",
+			"diff.binary": "Binary file; changes cannot be shown",
+			"diff.oversized": "File too large; changes cannot be shown",
+			"diff.created": "Created in this turn",
+			"diff.deleted": "Deleted in this turn",
+			"diff.unchanged": "Both sides hold the same lines",
+			"diff.coarse": "Line comparison timed out; shown as a whole-file replacement",
+			"diff.truncated": "Showing the first {count} lines",
+			"diff.openNative": "Open in default app",
+			"diff.openNativeError": "Could not open. Click to retry."
 		};
 		//#endregion
 		//#region lib/types/client/index.js
-		/** Required services for the tail-slot registration and its dictionaries. */
+		/** Required services for the tail-slot and tab-type registrations and their dictionaries. */
 		const inject = [
 			"slots",
 			"locale",
 			"uiConversation",
 			"remote",
-			"remote.session"
+			"remote.session",
+			"sidebarRightTabs",
+			"sidebarRight"
 		];
 		/**
-		* Client plugin body: register the dictionaries and the turn-tail entry.
+		* Client plugin body: register the dictionaries, the turn-tail entry, and the comparison tab type.
 		* @param ctx - client root context.
 		*/
 		function apply(ctx) {
 			const opener = new PresentedOpenController();
-			ctx.effect(() => () => opener.dispose());
+			const summaries = new ChangesSummaryStore();
+			const diffs = new ChangesDiffStore();
+			ctx.effect(() => () => Promise.all([
+				opener.dispose(),
+				summaries.dispose(),
+				diffs.dispose()
+			]));
 			ctx.on("connection/reset", () => {
 				opener.resetHost();
+				summaries.reset();
+				diffs.reset();
 			});
 			ctx.uiConversation.events.register(deliverablesDefinition);
 			ctx.effect(() => ctx.locale.register(NS, {
@@ -932,23 +2113,48 @@ window.__ModuleLoader__.load({
 			}), "ui-deliverables: dictionaries");
 			ctx.slots.inject("conversation.chat.turnTail", () => ctx.slots.register({
 				name: "conversation.chat.turnTail",
-				select: selectDeliverables,
+				id: "@deepseek-ai/dsh-client-ui-deliverables",
 				locale: NS,
 				inject: () => ({
 					hooks: {
 						presentedOpen: opener.state,
-						presentedHost: opener.host
+						presentedHost: opener.host,
+						changesSummary: summaries.state
 					},
 					reloadPresentedHost: () => opener.loadHost(),
-					openPresented: (sessionId, seq, index, action) => opener.open(sessionId, seq, index, action)
+					loadChangesSummary: (sessionId, seq) => summaries.load(sessionId, seq),
+					openPresented: (sessionId, seq, index, action) => opener.open(sessionId, seq, index, action),
+					openChanged: (sessionId, seq, index) => opener.openChanged(sessionId, seq, index),
+					openChangesReview: (coordinates, index) => {
+						ctx.sidebarRight.openResource(changesReviewAddress(coordinates), { params: { index } });
+					}
 				})
-			}, Deliverables));
+			}, DeliverablesTail));
 			ctx.slots.inject("tool.call.toolview", () => ctx.slots.register({
 				name: "tool.call.toolview",
 				key: "present",
 				locale: NS
 			}, PresentRow));
 			const t = ctx.locale.bind(NS);
+			ctx.effect(() => ctx.sidebarRightTabs.register(changesReviewDefinition(t)), "ui-deliverables: changes-review type");
+			ctx.effect(() => ctx.slots.inject("sidebar.right.pane.tab", () => ctx.slots.register({
+				name: "sidebar.right.pane.tab",
+				key: CHANGES_REVIEW_ID,
+				locale: NS,
+				store: createReviewStore(),
+				inject: () => ({
+					hooks: {
+						changesSummary: summaries.state,
+						changesDiff: diffs.state,
+						presentedOpen: opener.state,
+						presentedHost: opener.host
+					},
+					loadChangesSummary: (sessionId, seq) => summaries.load(sessionId, seq),
+					loadChangesDiff: (sessionId, seq, index) => diffs.load(sessionId, seq, index),
+					reloadPresentedHost: () => opener.loadHost(),
+					openChanged: (sessionId, seq, index) => opener.openChanged(sessionId, seq, index)
+				})
+			}, ReviewTab)), "ui-deliverables: changes-review body");
 			ctx.provide("chatFileMentions", { forClosing(owner) {
 				const paths = selectProducedFiles(owner);
 				const presented = presentedForClosing(owner);
@@ -957,10 +2163,8 @@ window.__ModuleLoader__.load({
 			} });
 		}
 		//#endregion
-		exports.ProducedFiles = ProducedFiles;
 		exports.apply = apply;
 		exports.inject = inject;
-		exports.producedForClosing = producedForClosing;
 		return module.exports;
 	}
 });