@agentrouter-top/relay-dsh-plugin-codex 0.2.2-agentrouter.4 → 0.2.2-agentrouter.6

package/codex-activity-wire.mjs

@@ -12,5 +12,10 @@ export function readActivityPayload(value) {
   for (const key of ["summary", "input", "output", "exitCode", "commandActions"]) {
     if (activity[key] !== undefined && typeof activity[key] !== "string") return null;
   }
+  if (activity.imageGeneration !== undefined) {
+    const image = activity.imageGeneration;
+    if (activity.type !== "imageGeneration" || !image || typeof image !== "object" || image.version !== 1
+      || (image.attachmentId !== undefined && (typeof image.attachmentId !== "string" || !image.attachmentId))) return null;
+  }
   return value;
 }

package/docs/image-generation-presentation.md

@@ -0,0 +1,19 @@
+# Image generation presentation v1
+
+Relay projects native Codex `imageGeneration` item start/completion into a dot-matrix
+waiting frame. This is not a partial image, estimated progress, or a new image tool.
+Only a successful attachment import associates `activity.imageGeneration.attachmentId`
+with the existing DSH image block. Projection matches that exact ID within the same
+DSH step, keeps the generation key, and consumes only the matched image occurrence.
+Parallel images cannot be paired by arrival order. Old activity without this optional
+version-1 metadata, MCP images and image-view results keep their existing renderers.
+
+The enhanced Codex process projection owns the frame. Native/fallback DSH transcripts
+retain their tool and image rows. Failure/interruption stops the animation without
+adding a warning badge; existing actual turn errors remain available. Reduced-motion
+uses a static dot field. The final result uses DSH's public `renderMessageImages`, so
+the independent Viewer plugin continues to handle viewing and downloading.
+
+No Codex prompt, gateway, credentials, tool implementation, Desktop code, or session
+history is modified. Image URLs and private filesystem paths are not added to the
+presentation metadata.

package/docs/quiet-activity.md

@@ -0,0 +1,17 @@
+# Quiet Codex activity presentation
+
+Individual tool attempts do not raise user-facing failure warnings. Relay uses
+neutral action labels for failed/nonzero-exit activities, with no warning
+triangle, failed counter, error dot or outcome badge. Active work still shows
+its progress indicator. No failure is relabelled as success.
+
+Expanding a row still exposes its original input, output, provenance and exit
+code. This is a rendering policy only: native App Server results, DSH events,
+permissions, approvals, retries and saved history are unchanged. Codex continues
+to receive the real result and decide how to proceed. Turn-level errors and
+requests that require user action remain visible on their existing paths.
+
+This policy covers Relay's grouped process, native-tool fallback and legacy
+activity row. It uses Relay components and public DSH UI primitives only; the
+AgentRouter main plugin merely pins the updated Relay package. No Desktop or
+other kernel renderer is modified.

package/lib/client.js

@@ -193,13 +193,13 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0relay-css-module:.\src\client\AdvancedDebug.module.css.mjs
-		const css$3 = ".Y4qSZW_section{width:100%;max-width:780px;color:var(--dsw-alias-label-primary)}.Y4qSZW_settingRow{border-bottom:1px solid var(--dsw-alias-border-l2);justify-content:space-between;align-items:center;gap:20px;min-height:58px;padding:8px 0;display:flex}.Y4qSZW_statusRow{border-bottom:1px solid var(--dsw-alias-border-l2);align-items:flex-start;gap:10px;min-height:70px;padding:10px 0;display:flex}.Y4qSZW_statusDot{background:var(--dsw-alias-label-tertiary);border-radius:50%;flex:none;width:8px;height:8px;margin-top:6px}.Y4qSZW_statusRow[data-codex-status=connected] .Y4qSZW_statusDot{background:#27a65b}.Y4qSZW_statusRow[data-codex-status=connection-failed] .Y4qSZW_statusDot,.Y4qSZW_statusRow[data-codex-status=unavailable] .Y4qSZW_statusDot,.Y4qSZW_statusRow[data-codex-status=rebind-required] .Y4qSZW_statusDot{background:#d94841}.Y4qSZW_settingCopy code{color:var(--dsw-alias-label-tertiary);font-size:11px}.Y4qSZW_statusBadge{border-radius:999px;padding:2px 7px;font-size:11px;font-weight:600;line-height:16px}.Y4qSZW_statusError{color:#d94841;background:#d9484124}.Y4qSZW_statusRebind{color:#a95d00;background:#c26a0029}.Y4qSZW_settingCopy{flex-direction:column;gap:2px;min-width:0;display:flex}.Y4qSZW_settingCopy strong{font-size:14px;font-weight:500;line-height:20px}.Y4qSZW_settingCopy span{color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:18px}.Y4qSZW_switch{cursor:pointer;flex:none;width:36px;height:20px;display:inline-flex;position:relative}.Y4qSZW_switch input{opacity:0;width:1px;height:1px;position:absolute}.Y4qSZW_switch span{background:var(--dsw-alias-fill-l2);border-radius:10px;width:100%;transition:background-color .12s}.Y4qSZW_switch span:after{background:var(--dsw-alias-bg-layer-1);content:\"\";border-radius:50%;width:16px;height:16px;transition:transform .12s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.Y4qSZW_switch input:checked+span{background:var(--dsw-alias-state-business-primary)}.Y4qSZW_switch input:checked+span:after{transform:translate(16px)}.Y4qSZW_switch input:focus-visible+span{outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:2px}.Y4qSZW_marker{display:none}[data-relay-simple-conversation=true] [role=tablist]{display:none}";
-		const tagId$3 = "@agentrouter-top/relay-dsh-plugin-codex/AdvancedDebug.module.css";
-		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$3) + "]") === null) {
+		const css$4 = ".Y4qSZW_section{width:100%;max-width:780px;color:var(--dsw-alias-label-primary)}.Y4qSZW_settingRow{border-bottom:1px solid var(--dsw-alias-border-l2);justify-content:space-between;align-items:center;gap:20px;min-height:58px;padding:8px 0;display:flex}.Y4qSZW_statusRow{border-bottom:1px solid var(--dsw-alias-border-l2);align-items:flex-start;gap:10px;min-height:70px;padding:10px 0;display:flex}.Y4qSZW_statusDot{background:var(--dsw-alias-label-tertiary);border-radius:50%;flex:none;width:8px;height:8px;margin-top:6px}.Y4qSZW_statusRow[data-codex-status=connected] .Y4qSZW_statusDot{background:#27a65b}.Y4qSZW_statusRow[data-codex-status=connection-failed] .Y4qSZW_statusDot,.Y4qSZW_statusRow[data-codex-status=unavailable] .Y4qSZW_statusDot,.Y4qSZW_statusRow[data-codex-status=rebind-required] .Y4qSZW_statusDot{background:#d94841}.Y4qSZW_settingCopy code{color:var(--dsw-alias-label-tertiary);font-size:11px}.Y4qSZW_statusBadge{border-radius:999px;padding:2px 7px;font-size:11px;font-weight:600;line-height:16px}.Y4qSZW_statusError{color:#d94841;background:#d9484124}.Y4qSZW_statusRebind{color:#a95d00;background:#c26a0029}.Y4qSZW_settingCopy{flex-direction:column;gap:2px;min-width:0;display:flex}.Y4qSZW_settingCopy strong{font-size:14px;font-weight:500;line-height:20px}.Y4qSZW_settingCopy span{color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:18px}.Y4qSZW_switch{cursor:pointer;flex:none;width:36px;height:20px;display:inline-flex;position:relative}.Y4qSZW_switch input{opacity:0;width:1px;height:1px;position:absolute}.Y4qSZW_switch span{background:var(--dsw-alias-fill-l2);border-radius:10px;width:100%;transition:background-color .12s}.Y4qSZW_switch span:after{background:var(--dsw-alias-bg-layer-1);content:\"\";border-radius:50%;width:16px;height:16px;transition:transform .12s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.Y4qSZW_switch input:checked+span{background:var(--dsw-alias-state-business-primary)}.Y4qSZW_switch input:checked+span:after{transform:translate(16px)}.Y4qSZW_switch input:focus-visible+span{outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:2px}.Y4qSZW_marker{display:none}[data-relay-simple-conversation=true] [role=tablist]{display:none}";
+		const tagId$4 = "@agentrouter-top/relay-dsh-plugin-codex/AdvancedDebug.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$4) + "]") === null) {
 			const tag = document.createElement("style");
 			tag.dataset.plugin = "@agentrouter-top/relay-dsh-plugin-codex";
-			tag.dataset.pluginCss = tagId$3;
-			tag.textContent = css$3;
+			tag.dataset.pluginCss = tagId$4;
+			tag.textContent = css$4;
 			document.head.appendChild(tag);
 		}
 		var AdvancedDebug_module_css_default = {
@@ -32123,7 +32123,7 @@ window.__ModuleLoader__.load({
 					key: "1qoq8a"
 				}]
 			]);
-			const TriangleAlert = createLucideIcon("triangle-alert", [
+			createLucideIcon("triangle-alert", [
 				["path", {
 					d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",
 					key: "wmoenq"
@@ -34871,7 +34871,6 @@ window.__ModuleLoader__.load({
 			exports.LoaderCircle = LoaderCircle;
 			exports.Search = Search;
 			exports.Terminal = Terminal;
-			exports.TriangleAlert = TriangleAlert;
 			exports.Wrench = Wrench;
 		})))();
 		const CODEX_ACTIVITY_TOOL = "relay_codex_activity";
@@ -34890,6 +34889,10 @@ window.__ModuleLoader__.load({
 				"exitCode",
 				"commandActions"
 			]) if (activity[key] !== void 0 && typeof activity[key] !== "string") return null;
+			if (activity.imageGeneration !== void 0) {
+				const image = activity.imageGeneration;
+				if (activity.type !== "imageGeneration" || !image || typeof image !== "object" || image.version !== 1 || image.attachmentId !== void 0 && (typeof image.attachmentId !== "string" || !image.attachmentId)) return null;
+			}
 			return value;
 		}
 		//#endregion
@@ -35142,10 +35145,10 @@ window.__ModuleLoader__.load({
 		function summarizeParts(parts) {
 			const groups = /* @__PURE__ */ new Map();
 			for (const part of parts) {
+				const displayState = part.state === "error" || part.state === "exited" ? "attempt" : part.state;
 				const key = JSON.stringify([
 					part.category,
-					part.state,
-					part.exitCode,
+					displayState,
 					part.category === "unknown" ? part.label : null
 				]);
 				const group = groups.get(key) ?? [];
@@ -35184,17 +35187,15 @@ window.__ModuleLoader__.load({
 			if (part.label) {
 				const suffix = {
 					running: " (running)",
-					error: " (failed)",
 					unknown: " (status unknown)"
 				}[part.state] ?? "";
 				return `${short(part.label, 120)}${part.count > 1 ? ` (${part.count} activities)` : ""}${suffix}`;
 			}
-			const [present, past, infinitive, neutral] = verbs[part.category];
+			const [present, past, , neutral] = verbs[part.category];
 			const subject = short(part.subject);
 			if (part.state === "running") return `${present} ${subject}`;
 			if (part.state === "completed") return `${past} ${subject}`;
-			if (part.state === "error") return `Failed to ${infinitive} ${subject}`;
-			if (part.state === "exited") return `${neutral} exited ${part.exitCode}: ${subject}`;
+			if (part.state === "error" || part.state === "exited") return `${neutral}: ${subject}`;
 			return `${neutral} (status unknown): ${subject}`;
 		}
 		function basename(path) {
@@ -35216,13 +35217,13 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0relay-css-module:.\src\client\CodexActivityView.module.css.mjs
-		const css$2 = ".jIHzgW_activity{width:min(100%,960px);color:var(--dsw-alias-label-secondary)}.jIHzgW_row{gap:8px;min-width:0;max-width:100%}.jIHzgW_title{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;font-size:14px;line-height:24px;overflow:hidden}.jIHzgW_summary{min-width:0;color:var(--dsw-alias-label-tertiary);flex:1;align-items:center;gap:8px;font-size:13px;line-height:20px;display:flex}.jIHzgW_summary :first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.jIHzgW_detail{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-background-container,#f6f6f7);color:var(--dsw-alias-label-secondary);border-radius:8px;margin:8px 0 12px 28px;overflow:hidden}.jIHzgW_detailBlock{min-width:0}.jIHzgW_detailLabel{color:var(--dsw-alias-label-tertiary);padding:10px 12px 0;font-size:13px;line-height:18px}.jIHzgW_detail pre{max-height:360px;color:var(--dsw-alias-label-secondary);font:var(--dsw-font-markdown-code-block-small);white-space:pre-wrap;word-break:break-word;margin:0;padding:10px 12px 12px;overflow:auto}.jIHzgW_provenance{color:var(--dsw-alias-label-tertiary);text-overflow:ellipsis;white-space:nowrap;padding:10px 12px 0;font-size:12px;line-height:18px;overflow:hidden}.jIHzgW_footer{border-top:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-tertiary);justify-content:space-between;gap:12px;padding:8px 12px;font-size:13px;line-height:18px;display:flex}";
-		const tagId$2 = "@agentrouter-top/relay-dsh-plugin-codex/CodexActivityView.module.css";
-		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$2) + "]") === null) {
+		const css$3 = ".jIHzgW_activity{width:min(100%,960px);color:var(--dsw-alias-label-secondary)}.jIHzgW_row{gap:8px;min-width:0;max-width:100%}.jIHzgW_title{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;font-size:14px;line-height:24px;overflow:hidden}.jIHzgW_summary{min-width:0;color:var(--dsw-alias-label-tertiary);flex:1;align-items:center;gap:8px;font-size:13px;line-height:20px;display:flex}.jIHzgW_summary :first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.jIHzgW_detail{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-background-container,#f6f6f7);color:var(--dsw-alias-label-secondary);border-radius:8px;margin:8px 0 12px 28px;overflow:hidden}.jIHzgW_detailBlock{min-width:0}.jIHzgW_detailLabel{color:var(--dsw-alias-label-tertiary);padding:10px 12px 0;font-size:13px;line-height:18px}.jIHzgW_detail pre{max-height:360px;color:var(--dsw-alias-label-secondary);font:var(--dsw-font-markdown-code-block-small);white-space:pre-wrap;word-break:break-word;margin:0;padding:10px 12px 12px;overflow:auto}.jIHzgW_provenance{color:var(--dsw-alias-label-tertiary);text-overflow:ellipsis;white-space:nowrap;padding:10px 12px 0;font-size:12px;line-height:18px;overflow:hidden}.jIHzgW_footer{border-top:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-tertiary);justify-content:space-between;gap:12px;padding:8px 12px;font-size:13px;line-height:18px;display:flex}";
+		const tagId$3 = "@agentrouter-top/relay-dsh-plugin-codex/CodexActivityView.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 = "@agentrouter-top/relay-dsh-plugin-codex";
-			tag.dataset.pluginCss = tagId$2;
-			tag.textContent = css$2;
+			tag.dataset.pluginCss = tagId$3;
+			tag.textContent = css$3;
 			document.head.appendChild(tag);
 		}
 		var CodexActivityView_module_css_default = {
@@ -35725,6 +35726,24 @@ window.__ModuleLoader__.load({
 			const last = text.at(-1);
 			return last ? [last] : [];
 		}
+		/** Place each generated attachment in its original generation frame. Never guess
+		* by filename, nearest activity, or cross-turn order. Legacy/MCP images stay native. */
+		function imageGenerationFrames(segments) {
+			const consumed = /* @__PURE__ */ new Set();
+			const frames = /* @__PURE__ */ new Map();
+			for (const segment of segments) {
+				const generation = segment.activity?.imageGeneration;
+				if (segment.kind !== "activity" || generation?.version !== 1) continue;
+				const image = generation.attachmentId ? segments.find((candidate) => candidate.kind === "image" && candidate.step === segment.step && !consumed.has(candidate.key) && candidate.attachment?.attachmentId === generation.attachmentId) : void 0;
+				if (image) consumed.add(image.key);
+				frames.set(segment.key, {
+					...segment,
+					kind: "image",
+					attachment: image?.attachment
+				});
+			}
+			return segments.filter((segment) => !consumed.has(segment.key)).map((segment) => frames.get(segment.key) ?? segment);
+		}
 		const codexProcessDefinition = {
 			kind: "relay-codex-process",
 			target: "chat",
@@ -35789,11 +35808,6 @@ window.__ModuleLoader__.load({
 		};
 		//#endregion
 		//#region src/client/CodexActivityView.tsx
-		function dotState(status) {
-			if (status === "running") return "ongoing";
-			if (status === "error") return "error";
-			return "done";
-		}
 		function ActivityIcon({ category }) {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(category === "read" ? import_lucide_react.BookOpen : category === "search" || category === "webSearch" ? import_lucide_react.Search : category === "listFiles" ? import_lucide_react.FolderOpen : category === "edit" ? import_lucide_react.FilePenLine : category === "image" || category === "imageGeneration" ? import_lucide_react.Image : category === "plan" ? import_lucide_react.ListChecks : category === "command" ? import_lucide_react.Terminal : import_lucide_react.Wrench, {
 				size: 16,
@@ -35864,8 +35878,8 @@ window.__ModuleLoader__.load({
 					expandOnRowClick: true,
 					collapsedContent: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						className: CodexActivityView_module_css_default.summary,
-						children: activity.status !== "completed" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.StateDot, {
-							state: dotState(activity.status),
+						children: activity.status === "running" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.StateDot, {
+							state: "ongoing",
 							size: 8
 						}) : null
 					}),
@@ -35892,10 +35906,10 @@ window.__ModuleLoader__.load({
 								label: "Output",
 								text: activity.output
 							}) : null] }),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							activity.exitCode !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 								className: CodexActivityView_module_css_default.footer,
-								children: [activity.exitCode !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: ["exit ", activity.exitCode] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: statusLabel(activity.status) })]
-							})
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: ["exit ", activity.exitCode] })
+							}) : null
 						]
 					})
 				})
@@ -35910,15 +35924,57 @@ window.__ModuleLoader__.load({
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("pre", { children: text })]
 			});
 		}
-		function statusLabel(status) {
-			if (status === "running") return "Running";
-			if (status === "error") return "Failed";
-			return "Success";
-		}
 		function shortId(value) {
 			return value.length > 15 ? `${value.slice(0, 8)}...${value.slice(-4)}` : value;
 		}
 		//#endregion
+		//#region \0relay-css-module:.\src\client\CodexImageGeneration.module.css.mjs
+		const css$2 = ".gSdKhG_frame{border-radius:16px;width:min(100%,480px);min-width:0;overflow:hidden}.gSdKhG_placeholder{aspect-ratio:1;background:var(--dsw-alias-bg-layer-2,#f3f4f6);color:var(--dsw-alias-label-secondary,#646b77);border:1px solid var(--dsw-alias-border-l2,#e5e7eb);border-radius:inherit;place-items:end center;display:grid;position:relative;overflow:hidden}.gSdKhG_field{color:var(--dsw-alias-label-tertiary,#9299a3);opacity:.48;background:currentColor;position:absolute;inset:18px;overflow:hidden;mask-image:radial-gradient(circle,#000 1.2px,#0000 1.5px);mask-size:12px 12px}.gSdKhG_light{background:linear-gradient(115deg, transparent 28%, var(--dsw-alias-label-primary,#343b46) 48%, transparent 68%);animation:3.6s ease-in-out infinite alternate gSdKhG_codex-image-shimmer;position:absolute;inset:-55%}.gSdKhG_label{z-index:1;text-align:center;background:var(--dsw-alias-bg-layer-2,#f3f4f6);border-radius:12px;margin:0 16px 24px;padding:6px 12px;font-size:13px;line-height:20px}.gSdKhG_frame[data-state=stopped] .gSdKhG_light{opacity:.25;animation:none}@keyframes gSdKhG_codex-image-shimmer{0%{opacity:.35;transform:translate(-30%,-12%)}to{opacity:1;transform:translate(30%,12%)}}@media (prefers-reduced-motion:reduce){.gSdKhG_light{opacity:.55;animation:none}}";
+		const tagId$2 = "@agentrouter-top/relay-dsh-plugin-codex/CodexImageGeneration.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 = "@agentrouter-top/relay-dsh-plugin-codex";
+			tag.dataset.pluginCss = tagId$2;
+			tag.textContent = css$2;
+			document.head.appendChild(tag);
+		}
+		var CodexImageGeneration_module_css_default = {
+			"codex-image-shimmer": "gSdKhG_codex-image-shimmer",
+			"field": "gSdKhG_field",
+			"frame": "gSdKhG_frame",
+			"label": "gSdKhG_label",
+			"light": "gSdKhG_light",
+			"placeholder": "gSdKhG_placeholder"
+		};
+		//#endregion
+		//#region src/client/CodexImageGeneration.tsx
+		function CodexImageGeneration({ segment, running, renderMessageImages }) {
+			const pending = !segment.attachment && running && segment.activity?.status !== "error";
+			const label = pending ? "正在生成图片" : "图片生成已结束，未提供可显示的图片";
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: CodexImageGeneration_module_css_default.frame,
+				"data-codex-image-generation": segment.key,
+				"data-state": segment.attachment ? "ready" : pending ? "generating" : "stopped",
+				"aria-busy": pending,
+				children: segment.attachment ? renderMessageImages({
+					images: [{ attachment: segment.attachment }],
+					align: "start"
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: CodexImageGeneration_module_css_default.placeholder,
+					role: "status",
+					"aria-live": "polite",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: CodexImageGeneration_module_css_default.field,
+						"aria-hidden": "true",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: CodexImageGeneration_module_css_default.light })
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: CodexImageGeneration_module_css_default.label,
+						children: label
+					})]
+				})
+			});
+		}
+		//#endregion
 		//#region src/client/process-files.ts
 		function codexProducedFileMentions(segments, openFile, native) {
 			const paths = /* @__PURE__ */ new Set();
@@ -36071,9 +36127,10 @@ window.__ModuleLoader__.load({
 				};
 			}, [state.status]);
 			const answerKeys = new Set(codexProcessAnswerSegments(state).map((segment) => segment.key));
-			const finalIndex = state.segments.findIndex((segment) => answerKeys.has(segment.key));
-			const process = finalIndex < 0 ? state.segments : state.segments.slice(0, finalIndex);
-			const answer = finalIndex < 0 ? [] : state.segments.slice(finalIndex);
+			const segments = imageGenerationFrames(state.segments);
+			const finalIndex = segments.findIndex((segment) => answerKeys.has(segment.key));
+			const process = finalIndex < 0 ? segments : segments.slice(0, finalIndex);
+			const answer = finalIndex < 0 ? [] : segments.slice(finalIndex);
 			const deliverables = process.filter((segment) => segment.kind === "image");
 			const hasProcess = process.some((segment) => segment.kind !== "text" || Boolean(segment.text?.trim()));
 			const open = expanded ?? (state.status === "running" || answer.length === 0 && deliverables.length === 0);
@@ -36128,7 +36185,11 @@ window.__ModuleLoader__.load({
 			});
 		}
 		function ProcessItems({ segments, renderMessageImages, running, fileMentions, showImages = true }) {
-			return groupProcessSegments(segments).map((item) => "activities" in item ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ActivityGroup, { segments: item.activities }, item.key) : item.kind === "image" && item.attachment ? showImages ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Fragment, { children: renderMessageImages({
+			return groupProcessSegments(segments).map((item) => "activities" in item ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ActivityGroup, { segments: item.activities }, item.key) : item.activity?.imageGeneration ? showImages ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CodexImageGeneration, {
+				segment: item,
+				running,
+				renderMessageImages
+			}, item.key) : null : item.kind === "image" && item.attachment ? showImages ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Fragment, { children: renderMessageImages({
 				images: [{ attachment: item.attachment }],
 				align: "start"
 			}) }, item.key) : null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -36146,7 +36207,6 @@ window.__ModuleLoader__.load({
 			const [open, setOpen] = (0, react.useState)(false);
 			const activities = segments.flatMap((segment) => segment.activity ? [segment.activity] : []);
 			const active = activities.filter((activity) => activity.status === "running");
-			const failed = activities.filter((activity) => activity.status === "error").length;
 			const current = active.at(-1);
 			const representative = current ?? activities.at(-1);
 			if (!representative) return null;
@@ -36179,15 +36239,6 @@ window.__ModuleLoader__.load({
 							className: CodexProcessView_module_css_default.count,
 							children: [active.length, " running"]
 						}),
-						failed > 0 && current && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-							className: CodexProcessView_module_css_default.error,
-							children: [failed, " failed"]
-						}),
-						failed > 0 && !current && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(import_lucide_react.TriangleAlert, {
-							size: 14,
-							className: CodexProcessView_module_css_default.error,
-							"aria-label": "Failed"
-						}),
 						open ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(import_lucide_react.ChevronDown, { size: 14 }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(import_lucide_react.ChevronRight, { size: 14 })
 					]
 				}), open && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {