npm - dsh-codex-subscription - Versions diffs - 1.14.2 → 1.14.4 - Mend

dsh-codex-subscription 1.14.2 → 1.14.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/lib/client.js CHANGED Viewed

@@ -28,26 +28,8 @@ window.__ModuleLoader__.load({
 		//#endregion
 		let react = require("react");
 		react = __toESM(react, 1);
-		let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
 		let react_jsx_runtime = require("react/jsx-runtime");
-		//#region node_modules/.pnpm/@heroicons+react@2.2.0_react@18.3.1/node_modules/@heroicons/react/16/solid/esm/BoltIcon.js
-		function BoltIcon({ title, titleId, ...props }, svgRef) {
-			return /*#__PURE__*/ react.createElement("svg", Object.assign({
-				xmlns: "http://www.w3.org/2000/svg",
-				viewBox: "0 0 16 16",
-				fill: "currentColor",
-				"aria-hidden": "true",
-				"data-slot": "icon",
-				ref: svgRef,
-				"aria-labelledby": titleId
-			}, props), title ? /*#__PURE__*/ react.createElement("title", { id: titleId }, title) : null, /*#__PURE__*/ react.createElement("path", {
-				fillRule: "evenodd",
-				d: "M9.58 1.077a.75.75 0 0 1 .405.82L9.165 6h4.085a.75.75 0 0 1 .567 1.241l-6.5 7.5a.75.75 0 0 1-1.302-.638L6.835 10H2.75a.75.75 0 0 1-.567-1.241l6.5-7.5a.75.75 0 0 1 .897-.182Z",
-				clipRule: "evenodd"
-			}));
-		}
-		const ForwardRef = /*#__PURE__*/ react.forwardRef(BoltIcon);
-		//#endregion
+		let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
 		//#region src/image-edit.js
 		const isRecord = (value) => value !== null && typeof value === "object" && !Array.isArray(value);
 		const validCoordinate = (value) => typeof value === "number" && Number.isFinite(value) && value >= 0 && value <= 1;
@@ -115,128 +97,6 @@ window.__ModuleLoader__.load({
 				...notes
 			].join("\n");
 		}
-		//#endregion
-		//#region src/image-edit-reference.js
-		const TWO_PI = Math.PI * 2;
-		const PIN_FILL = "#e11d48";
-		const PIN_OUTER_STROKE = "#111827";
-		const PIN_INNER_STROKE = "#ffffff";
-		const finiteDimension = (value) => Number.isSafeInteger(value) && value > 0;
-		const clamp$1 = (value, min, max) => Math.min(max, Math.max(min, value));
-		const clampCenter = (value, size, edge) => {
-			const margin = Math.min(edge, size / 2);
-			return clamp$1(value, margin, size - margin);
-		};
-		function getBitmapFactory(options) {
-			const factory = options?.createImageBitmap ?? options?.bitmapFactory ?? globalThis.createImageBitmap;
-			if (typeof factory !== "function") throw new Error("createImageBitmap is not available");
-			return factory;
-		}
-		function getCanvasFactory(options) {
-			const injected = options?.createCanvas ?? options?.canvasFactory;
-			if (typeof injected === "function") return injected;
-			const document = globalThis.document;
-			if (document !== void 0 && typeof document.createElement === "function") return (width, height) => {
-				const canvas = document.createElement("canvas");
-				canvas.width = width;
-				canvas.height = height;
-				return canvas;
-			};
-			throw new Error("A canvas factory is not available");
-		}
-		function drawPin(context, number, x, y, width, height) {
-			const label = String(number);
-			const fontSize = Math.max(12, Math.min(40, Math.round(Math.min(width, height) * .03)));
-			const radius = Math.max(12, fontSize * .8, fontSize * (.3 * label.length + .35));
-			const outerStroke = Math.max(2, Math.min(4, radius * .25));
-			const innerStroke = Math.max(1, Math.min(2, radius * .13));
-			const edge = radius + outerStroke + 2;
-			const targetX = x * Math.max(0, width - 1);
-			const targetY = y * Math.max(0, height - 1);
-			const centerX = clampCenter(targetX, width, edge);
-			const centerY = clampCenter(targetY, height, edge);
-			context.save?.();
-			if ((centerX !== targetX || centerY !== targetY) && typeof context.moveTo === "function" && typeof context.lineTo === "function") {
-				context.beginPath();
-				context.moveTo(targetX, targetY);
-				context.lineTo(centerX, centerY);
-				context.lineWidth = outerStroke * 2;
-				context.strokeStyle = PIN_OUTER_STROKE;
-				context.stroke();
-				context.beginPath();
-				context.moveTo(targetX, targetY);
-				context.lineTo(centerX, centerY);
-				context.lineWidth = innerStroke;
-				context.strokeStyle = PIN_INNER_STROKE;
-				context.stroke();
-			}
-			context.beginPath();
-			context.arc(centerX, centerY, radius, 0, TWO_PI);
-			context.fillStyle = PIN_FILL;
-			context.fill();
-			context.lineWidth = outerStroke;
-			context.strokeStyle = PIN_OUTER_STROKE;
-			context.stroke();
-			context.lineWidth = innerStroke;
-			context.strokeStyle = PIN_INNER_STROKE;
-			context.stroke();
-			context.font = `700 ${fontSize}px sans-serif`;
-			context.fillStyle = PIN_INNER_STROKE;
-			context.textAlign = "center";
-			context.textBaseline = "middle";
-			context.fillText(label, centerX, centerY);
-			context.restore?.();
-		}
-		function encodePng(canvas) {
-			if (typeof canvas?.toBlob !== "function") throw new Error("Canvas PNG encoding is not available");
-			return new Promise((resolve, reject) => {
-				let settled = false;
-				const finish = (callback, value) => {
-					if (settled) return;
-					settled = true;
-					callback(value);
-				};
-				try {
-					canvas.toBlob((value) => {
-						if (value === null || value === void 0) finish(reject, /* @__PURE__ */ new Error("Canvas failed to encode the annotation reference as PNG"));
-						else finish(resolve, value);
-					}, "image/png");
-				} catch (error) {
-					finish(reject, error);
-				}
-			});
-		}
-		/**
-		* Create the second image sent with an annotated edit. It contains the clean
-		* source plus numbered pins, with no note text. `options` is intentionally
-		* injectable so the rendering path can be exercised without a browser:
-		* `{ createImageBitmap, createCanvas }`.
-		*/
-		async function createAnnotatedImageReference(blob, annotations, options = {}) {
-			const normalized = normalizeImageEditAnnotations(annotations);
-			const createImageBitmap = getBitmapFactory(options);
-			const createCanvas = getCanvasFactory(options);
-			const bitmap = await createImageBitmap(blob);
-			try {
-				const width = bitmap?.width;
-				const height = bitmap?.height;
-				if (!finiteDimension(width) || !finiteDimension(height)) throw new Error("The source image has invalid dimensions");
-				if (Math.min(width, height) < 64) throw new Error("The source image is too small for readable annotation pins");
-				const canvas = await createCanvas(width, height);
-				if (canvas === null || canvas === void 0) throw new Error("Canvas factory returned no canvas");
-				canvas.width = width;
-				canvas.height = height;
-				const context = canvas.getContext?.("2d");
-				if (context === null || context === void 0) throw new Error("Canvas 2D context is not available");
-				context.clearRect?.(0, 0, width, height);
-				context.drawImage?.(bitmap, 0, 0, width, height);
-				if (typeof context.drawImage !== "function") throw new Error("Canvas 2D context cannot draw the source image");
-				for (const annotation of normalized) drawPin(context, annotation.number, annotation.x, annotation.y, width, height);
-				return await encodePng(canvas);
-			} finally {
-				if (typeof bitmap?.close === "function") bitmap.close();
-			}
-		}
 		const ORIGINAL_IMAGE_ID_PATTERN = /^img_[0-9a-f]{32}$/u;
 		const positiveInteger = (value) => Number.isSafeInteger(value) && value > 0;
 		function decodeOriginalImageRef(value) {
@@ -256,1005 +116,221 @@ window.__ModuleLoader__.load({
 			const original = decodeOriginalImageRef(value.original);
 			return original === void 0 ? void 0 : { original };
 		}
+		function originalImageRefsEqual(left, right) {
+			const a = decodeOriginalImageRef(left);
+			const b = decodeOriginalImageRef(right);
+			return a !== void 0 && b !== void 0 && a.assetId === b.assetId && a.mediaType === b.mediaType && a.bytes === b.bytes && a.width === b.width && a.height === b.height && a.name === b.name && a.sha256 === b.sha256;
+		}
 		//#endregion
-		//#region src/subscription-image-viewer-styles.js
-		const SUBSCRIPTION_IMAGE_VIEWER_CSS = String.raw`
-.dcsiv-root{position:fixed;inset:0;z-index:1000;pointer-events:auto;overflow:hidden;background:rgba(7,8,10,.68);color:var(--dsw-alias-label-primary-inverted,#fff);outline:0;backdrop-filter:blur(13px) saturate(.72);-webkit-backdrop-filter:blur(13px) saturate(.72)}
-.dcsiv-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
-.dcsiv-topbar{position:absolute;right:50%;bottom:22px;z-index:6;max-width:calc(100vw - 36px);padding:5px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(38,39,43,.86);box-shadow:0 10px 34px rgba(0,0,0,.3);transform:translateX(50%);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
-.dcsiv-actions{display:flex;align-items:center;gap:2px;overflow-x:auto;scrollbar-width:none}.dcsiv-actions::-webkit-scrollbar{display:none}.dcsiv-button,.dcsiv-download{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 10px;border:0;border-radius:999px;background:transparent;color:rgba(255,255,255,.9);font:inherit;font-size:12px;text-decoration:none;white-space:nowrap;cursor:pointer}.dcsiv-button:hover,.dcsiv-download:hover,.dcsiv-button[data-active=true]{background:rgba(255,255,255,.12)}.dcsiv-button:focus-visible,.dcsiv-download:focus-visible,.dcsiv-close-floating:focus-visible{outline:2px solid rgba(255,255,255,.9);outline-offset:2px}.dcsiv-button:disabled,.dcsiv-download:disabled{opacity:.38;cursor:default}.dcsiv-icon-only{width:32px;padding:0}.dcsiv-zoom{min-width:44px;color:rgba(255,255,255,.68);font-size:12px;font-variant-numeric:tabular-nums;text-align:center}
-.dcsiv-close-floating{position:absolute;top:20px;right:20px;z-index:8;display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid rgba(255,255,255,.1);border-radius:50%;background:rgba(48,49,53,.82);box-shadow:0 8px 24px rgba(0,0,0,.28);color:#fff;cursor:pointer;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.dcsiv-close-floating:hover{background:rgba(66,67,72,.92)}
-.dcsiv-workspace{position:absolute;inset:0;display:grid;min-width:0;min-height:0;padding:68px 24px 72px;box-sizing:border-box}
-.dcsiv-stage{position:relative;display:grid;place-items:center;min-width:0;min-height:0;overflow:hidden;padding:0;touch-action:none;user-select:none}.dcsiv-stage[data-dragging=true]{cursor:grabbing}.dcsiv-stage[data-annotating=true]{cursor:crosshair}
-.dcsiv-surface{position:relative;display:inline-flex;max-width:100%;max-height:100%;transform-origin:center;will-change:transform}.dcsiv-image{display:block;max-width:calc(100vw - 72px);max-height:calc(100vh - 154px);border-radius:12px;object-fit:contain;box-shadow:0 22px 60px rgba(0,0,0,.46);user-select:none;-webkit-user-drag:none}
-.dcsiv-annotation{position:absolute;z-index:5;width:24px;height:24px;transform-origin:center;pointer-events:none}.dcsiv-pin{position:absolute;inset:0;display:grid;place-items:center;width:24px;height:24px;padding:0;border:2px solid #fff;border-radius:50%;background:rgba(23,24,27,.94);box-shadow:0 4px 16px rgba(0,0,0,.35);color:#fff;font:inherit;font-size:11px;font-weight:700;cursor:pointer;pointer-events:auto}.dcsiv-pin[data-active=true]{background:var(--dsw-alias-state-business-primary,#3964fe)}
-.dcsiv-inline-note{position:absolute;bottom:34px;box-sizing:border-box;display:grid;width:min(300px,calc(100vw - 40px));grid-template-columns:24px minmax(0,1fr) 24px;align-items:center;gap:7px;padding:7px 8px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(32,33,37,.94);box-shadow:0 14px 38px rgba(0,0,0,.38);color:#fff;pointer-events:auto;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.dcsiv-annotation[data-x=right] .dcsiv-inline-note{left:-8px}.dcsiv-annotation[data-x=left] .dcsiv-inline-note{right:-8px}.dcsiv-annotation[data-x=center] .dcsiv-inline-note{left:50%;transform:translateX(-50%)}.dcsiv-annotation[data-y=down] .dcsiv-inline-note{top:34px;bottom:auto}.dcsiv-inline-note::after{position:absolute;width:9px;height:9px;background:rgba(32,33,37,.94);content:'';transform:rotate(45deg)}.dcsiv-annotation[data-y=up] .dcsiv-inline-note::after{bottom:-5px}.dcsiv-annotation[data-y=down] .dcsiv-inline-note::after{top:-5px}.dcsiv-annotation[data-x=right] .dcsiv-inline-note::after{left:13px}.dcsiv-annotation[data-x=left] .dcsiv-inline-note::after{right:13px}.dcsiv-annotation[data-x=center] .dcsiv-inline-note::after{left:calc(50% - 4px)}.dcsiv-inline-index{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--dsw-alias-state-business-primary,#3964fe);color:#fff;font-size:10px;font-weight:700}.dcsiv-inline-note textarea{box-sizing:border-box;width:100%;min-height:24px;max-height:92px;resize:none;overflow:auto;border:0;outline:0;background:transparent;color:#fff;font:inherit;font-size:12px;line-height:18px}.dcsiv-inline-note textarea::placeholder{color:rgba(255,255,255,.44)}.dcsiv-note-remove{display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;border-radius:50%;background:transparent;color:rgba(255,255,255,.68);cursor:pointer}.dcsiv-note-remove:hover{background:rgba(255,255,255,.1);color:#fff}
-.dcsiv-nav{position:absolute;top:50%;z-index:4;width:42px;height:42px;padding:0;transform:translateY(-50%);background:rgba(48,49,53,.82);box-shadow:0 8px 24px rgba(0,0,0,.28);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.dcsiv-prev{left:6px}.dcsiv-next{right:6px}.dcsiv-counter{position:absolute;bottom:8px;left:50%;padding:5px 10px;border-radius:999px;background:rgba(38,39,43,.86);color:rgba(255,255,255,.72);font-size:11px;transform:translateX(-50%);backdrop-filter:blur(16px)}
-.dcsiv-hint{display:none}
-.dcsiv-copy-notes{position:absolute;right:20px;bottom:22px;z-index:6;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 11px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(38,39,43,.86);color:rgba(255,255,255,.82);font:inherit;font-size:12px;cursor:pointer;backdrop-filter:blur(16px)}
-@media(max-width:760px){.dcsiv-close-floating{top:12px;right:12px;width:40px;height:40px}.dcsiv-workspace{padding:60px 12px 68px}.dcsiv-image{max-width:calc(100vw - 24px);max-height:calc(100vh - 136px)}.dcsiv-topbar{bottom:12px;max-width:calc(100vw - 24px)}.dcsiv-button{padding:0 8px}.dcsiv-button span.dcsiv-label{display:none}.dcsiv-inline-note{width:min(260px,calc(100vw - 40px))}.dcsiv-copy-notes{display:none}}
-@media(prefers-reduced-motion:reduce){.dcsiv-surface{transition:none}}
-`;
+		//#region src/original-image-download.js
+		function decodeBase64Chunk(value) {
+			if (typeof value !== "string" || value.length === 0 || value.length > Math.ceil(4194304 / 3) * 4 + 8) throw new Error("Invalid original image chunk");
+			let decoded;
+			try {
+				decoded = atob(value);
+			} catch {
+				throw new Error("Invalid original image chunk");
+			}
+			const bytes = new Uint8Array(decoded.length);
+			for (let index = 0; index < decoded.length; index += 1) bytes[index] = decoded.charCodeAt(index);
+			return bytes;
+		}
+		/** Keep only the destination and current chunk, while verifying every reply. */
+		async function readOriginalImage(rpc, sessionId, original) {
+			original = decodeOriginalImageRef(original);
+			if (original === void 0) throw new Error("Invalid original image reference");
+			const data = new Uint8Array(original.bytes);
+			let total = 0;
+			let done = false;
+			while (!done) {
+				const response = await rpc.call("/codex-subscription", "image/original/chunk", {
+					sessionId,
+					assetId: original.assetId,
+					offset: total
+				});
+				if (!response?.ok) throw new Error(response?.error?.message ?? "Codex RPC failed");
+				const chunk = response.value;
+				if (!originalImageRefsEqual(chunk?.ref, original) || chunk.offset !== total || typeof chunk.done !== "boolean") throw new Error("Original image metadata changed");
+				const bytes = decodeBase64Chunk(chunk.encoded);
+				if (bytes.byteLength === 0 || total + bytes.byteLength > original.bytes) throw new Error("Original image download is incomplete");
+				data.set(bytes, total);
+				total += bytes.byteLength;
+				done = chunk.done;
+			}
+			if (total !== original.bytes) throw new Error("Original image download is incomplete");
+			const digest = await crypto.subtle.digest("SHA-256", data);
+			if ([...new Uint8Array(digest)].map((byte) => byte.toString(16).padStart(2, "0")).join("") !== original.sha256) throw new Error("Original image integrity check failed");
+			return data;
+		}
 		//#endregion
-		//#region src/subscription-image-viewer.jsx
-		const fill$1 = (value, variables) => Object.entries(variables).reduce((text, [key, replacement]) => text.replaceAll(`{${key}}`, String(replacement)), value);
-		const clamp = (value, min, max) => Math.min(max, Math.max(min, value));
-		const bytesLabel = (bytes) => bytes === void 0 ? void 0 : bytes < 1024 * 1024 ? `${Math.max(.1, bytes / 1024).toLocaleString(void 0, { maximumFractionDigits: 1 })} KB` : `${(bytes / 1024 / 1024).toLocaleString(void 0, { maximumFractionDigits: 1 })} MB`;
-		const downloadName = (name) => {
-			const cleaned = String(name || "image.png").replace(/[<>:"/\\|?*\u0000-\u001f]/gu, "-").replace(/[. ]+$/u, "").trim();
-			return cleaned === "" ? "image.png" : cleaned;
+		//#region src/client-images.jsx
+		const imageDownloadName = (attachment) => {
+			const fallback = "codex-generated-image.png";
+			if (typeof attachment?.name !== "string") return fallback;
+			const cleaned = attachment.name.replace(/[<>:"/\\|?*\u0000-\u001f]/gu, "-").replace(/[. ]+$/u, "").trim();
+			if (cleaned === "") return fallback;
+			return cleaned.toLowerCase().endsWith(".png") ? cleaned : `${cleaned}.png`;
 		};
-		const noteText = (annotations, t) => annotations.map((annotation, index) => {
-			return `${fill$1(t("imageAnnotation"), { value: index + 1 })} (${Math.round(annotation.x * 100)}%, ${Math.round(annotation.y * 100)}%): ${annotation.note.trim()}`;
-		}).filter((line) => !line.endsWith(": ")).join("\n");
-		function ViewerAction({ action, annotations, item, service, t }) {
-			const [state, setState] = (0, react.useState)("idle");
-			const invoke = async () => {
-				if (state === "pending") return;
-				setState("pending");
-				try {
-					await action.onInvoke({
-						annotations,
-						item,
-						src: item.src
-					});
-					setState("idle");
-					if (action.closeOnSuccess) service.close();
-				} catch {
-					setState("failed");
-				}
-			};
-			const label = state === "pending" ? action.pendingLabel : state === "failed" ? action.errorLabel : action.label;
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-				type: "button",
-				className: "dcsiv-button",
-				disabled: state === "pending",
-				onClick: () => {
-					invoke();
-				},
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "dcsiv-label",
-					children: label ?? t("imageEdit")
-				})
-			});
+		function triggerBlobDownload(data, mediaType, filename) {
+			const url = URL.createObjectURL(new Blob([data], { type: mediaType }));
+			const anchor = document.createElement("a");
+			anchor.href = url;
+			anchor.download = filename;
+			anchor.rel = "noopener";
+			document.body.append(anchor);
+			try {
+				anchor.click();
+			} finally {
+				anchor.remove();
+				URL.revokeObjectURL(url);
+			}
 		}
-		function ViewerDownload({ download, item, t }) {
-			const [state, setState] = (0, react.useState)("idle");
-			const invoke = async () => {
-				if (state === "pending") return;
-				setState("pending");
-				try {
-					await download.onInvoke({
-						item,
-						src: item.src
-					});
-					setState("idle");
-				} catch {
-					setState("failed");
-				}
-			};
-			const label = state === "pending" ? download.pendingLabel ?? t("imageDownloadPreparing") : state === "failed" ? download.errorLabel ?? t("imageDownloadFailed") : t("imageDownload");
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-				type: "button",
-				className: "dcsiv-download",
-				disabled: state === "pending",
-				onClick: () => {
-					invoke();
-				},
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconDownloadOutline16, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "dcsiv-label",
-					children: label
-				})]
-			});
-		}
-		function SubscriptionImageViewerOverlay({ service, t }) {
-			const request = (0, react.useSyncExternalStore)(service.subscribe, service.getSnapshot);
-			const [index, setIndex] = (0, react.useState)(0);
-			const [transform, setTransform] = (0, react.useState)({
-				zoom: 1,
-				x: 0,
-				y: 0
-			});
-			const [dragging, setDragging] = (0, react.useState)(false);
-			const [annotating, setAnnotating] = (0, react.useState)(false);
-			const [annotationsByImage, setAnnotationsByImage] = (0, react.useState)(service.getAnnotationsSnapshot);
-			const annotationsByImageRef = (0, react.useRef)(annotationsByImage);
-			const [selected, setSelected] = (0, react.useState)();
-			const [focusNote, setFocusNote] = (0, react.useState)();
-			const [copied, setCopied] = (0, react.useState)(false);
-			const rootRef = (0, react.useRef)(null);
-			const stageRef = (0, react.useRef)(null);
-			const surfaceRef = (0, react.useRef)(null);
-			const imageRef = (0, react.useRef)(null);
-			const pointersRef = (0, react.useRef)(/* @__PURE__ */ new Map());
-			const gestureRef = (0, react.useRef)();
-			const transformRef = (0, react.useRef)(transform);
-			transformRef.current = transform;
-			annotationsByImageRef.current = annotationsByImage;
+		function CodexGeneratedImage({ attachment, original, rpc, sessionId, loadImage, attachForEdit, getImageViewer, getInternalImageViewer, t }) {
+			const [attempt, setAttempt] = (0, react.useState)(0);
+			const [error, setError] = (0, react.useState)(false);
+			const [src, setSrc] = (0, react.useState)();
+			const triggerRef = (0, react.useRef)(null);
 			(0, react.useEffect)(() => {
-				if (request === void 0) return;
-				setIndex(request.index);
-				setTransform({
-					zoom: 1,
-					x: 0,
-					y: 0
-				});
-				setDragging(false);
-				setAnnotating(false);
-				setSelected(void 0);
-				setCopied(false);
-			}, [request?.revision]);
-			const item = request?.items[index];
-			const annotations = item === void 0 ? [] : annotationsByImage[item.id] ?? [];
-			const setAnnotations = (0, react.useCallback)((update) => {
-				if (item === void 0) return;
-				const previous = annotationsByImageRef.current[item.id] ?? [];
-				const next = typeof update === "function" ? update(previous) : update;
-				const snapshot = {
-					...annotationsByImageRef.current,
-					[item.id]: next
-				};
-				annotationsByImageRef.current = snapshot;
-				service.setAnnotations(item.id, next);
-				setAnnotationsByImage(snapshot);
-			}, [item?.id, service]);
-			const boundedPan = (0, react.useCallback)((zoom, x, y) => {
-				const stage = stageRef.current;
-				const surface = surfaceRef.current;
-				if (stage === null || surface === null || zoom <= 1) return {
-					x: 0,
-					y: 0
-				};
-				const limitX = Math.max(0, (surface.offsetWidth * zoom - stage.clientWidth) / 2) + 28;
-				const limitY = Math.max(0, (surface.offsetHeight * zoom - stage.clientHeight) / 2) + 28;
-				return {
-					x: clamp(x, -limitX, limitX),
-					y: clamp(y, -limitY, limitY)
-				};
-			}, []);
-			const setZoomAt = (0, react.useCallback)((nextZoom, clientX, clientY) => {
-				const stage = stageRef.current;
-				if (stage === null) return;
-				setTransform((current) => {
-					const next = clamp(nextZoom, .5, 8);
-					const box = stage.getBoundingClientRect();
-					const px = clientX - box.left - box.width / 2;
-					const py = clientY - box.top - box.height / 2;
-					const ratio = next / current.zoom;
-					return {
-						zoom: next,
-						...boundedPan(next, px - (px - current.x) * ratio, py - (py - current.y) * ratio)
-					};
-				});
-			}, [boundedPan]);
-			const fit = (0, react.useCallback)(() => {
-				setTransform({
-					zoom: 1,
-					x: 0,
-					y: 0
-				});
-			}, []);
-			const actual = (0, react.useCallback)(() => {
-				const image = imageRef.current;
-				const surface = surfaceRef.current;
-				if (image === null || surface === null || image.naturalWidth === 0) return;
-				const zoom = clamp(image.naturalWidth / Math.max(1, surface.offsetWidth), 1, 8);
-				setTransform({
-					zoom,
-					x: 0,
-					y: 0
+				let live = true;
+				setError(false);
+				setSrc(void 0);
+				Promise.resolve().then(() => loadImage(attachment)).then((value) => {
+					if (live) setSrc(value);
+				}).catch(() => {
+					if (live) setError(true);
 				});
-			}, []);
-			(0, react.useEffect)(() => {
-				if (request === void 0) return void 0;
-				const previousOverflow = document.body.style.overflow;
-				document.body.style.overflow = "hidden";
-				rootRef.current?.focus();
-				const onKeyDown = (event) => {
-					if (event.key === "Escape") {
-						event.preventDefault();
-						if (event.target instanceof Element && event.target.closest(".dcsiv-inline-note") !== null) {
-							setSelected(void 0);
-							return;
-						}
-						service.close();
-						return;
-					}
-					const editing = event.target instanceof HTMLInputElement || event.target instanceof HTMLTextAreaElement;
-					if (!editing && event.key === "ArrowLeft" && request.items.length > 1) {
-						event.preventDefault();
-						setIndex((value) => (value - 1 + request.items.length) % request.items.length);
-					} else if (!editing && event.key === "ArrowRight" && request.items.length > 1) {
-						event.preventDefault();
-						setIndex((value) => (value + 1) % request.items.length);
-					} else if (!editing && (event.key === "+" || event.key === "=")) {
-						event.preventDefault();
-						const box = stageRef.current?.getBoundingClientRect();
-						if (box) setZoomAt(transformRef.current.zoom * 1.2, box.left + box.width / 2, box.top + box.height / 2);
-					} else if (!editing && event.key === "-") {
-						event.preventDefault();
-						const box = stageRef.current?.getBoundingClientRect();
-						if (box) setZoomAt(transformRef.current.zoom / 1.2, box.left + box.width / 2, box.top + box.height / 2);
-					} else if (!editing && event.key.toLowerCase() === "f") {
-						event.preventDefault();
-						fit();
-					} else if (event.key === "Tab") {
-						const controls = [...rootRef.current.querySelectorAll("button:not(:disabled),a[href],input:not(:disabled),textarea:not(:disabled),[tabindex]:not([tabindex=\"-1\"])")];
-						const first = controls[0];
-						const last = controls.at(-1);
-						if (event.shiftKey && document.activeElement === first) {
-							event.preventDefault();
-							last?.focus();
-						} else if (!event.shiftKey && document.activeElement === last) {
-							event.preventDefault();
-							first?.focus();
-						}
-					}
-				};
-				document.addEventListener("keydown", onKeyDown);
 				return () => {
-					document.body.style.overflow = previousOverflow;
-					document.removeEventListener("keydown", onKeyDown);
+					live = false;
 				};
 			}, [
-				request,
-				service,
-				fit,
-				setZoomAt
-			]);
-			(0, react.useEffect)(() => {
-				if (focusNote === void 0) return;
-				(rootRef.current?.querySelector(`[data-note-id="${CSS.escape(focusNote)}"] textarea`))?.focus();
-				setFocusNote(void 0);
-			}, [
-				focusNote,
-				selected,
-				annotations.length
+				attachment,
+				loadImage,
+				attempt
 			]);
-			(0, react.useEffect)(() => {
-				setTransform({
-					zoom: 1,
-					x: 0,
-					y: 0
-				});
-				setDragging(false);
-				setAnnotating(false);
-				setSelected(void 0);
-			}, [item?.id]);
-			const onWheel = (0, react.useCallback)((event) => {
-				event.preventDefault();
-				setZoomAt(transformRef.current.zoom * Math.exp(-event.deltaY * .0015), event.clientX, event.clientY);
-			}, [setZoomAt]);
-			(0, react.useEffect)(() => {
-				const stage = stageRef.current;
-				if (stage === null || request === void 0) return void 0;
-				stage.addEventListener("wheel", onWheel, { passive: false });
-				return () => stage.removeEventListener("wheel", onWheel);
-			}, [onWheel, request]);
-			const onPointerDown = (event) => {
-				const target = event.target;
-				if (event.button !== 0 || annotating || target instanceof Element && target.closest("button,textarea,input,a,select,[contenteditable=true]") !== null) return;
-				pointersRef.current.set(event.pointerId, {
-					x: event.clientX,
-					y: event.clientY
-				});
-				if (pointersRef.current.size === 2) {
-					event.currentTarget.setPointerCapture(event.pointerId);
-					const [a, b] = [...pointersRef.current.values()];
-					gestureRef.current = {
-						kind: "pinch",
-						distance: Math.hypot(a.x - b.x, a.y - b.y),
-						transform
-					};
-				} else if (!annotating && transform.zoom > 1) {
-					event.currentTarget.setPointerCapture(event.pointerId);
-					gestureRef.current = {
-						kind: "pan",
-						x: event.clientX,
-						y: event.clientY,
-						transform
-					};
-					setDragging(true);
-				}
+			const label = attachment.name ?? t("imageLabel");
+			const downloadName = imageDownloadName(attachment);
+			const downloadOriginal = async () => {
+				if (original === void 0) return;
+				triggerBlobDownload(await readOriginalImage(rpc, sessionId, original), original.mediaType, original.name);
 			};
-			const onPointerMove = (event) => {
-				if (!pointersRef.current.has(event.pointerId)) return;
-				pointersRef.current.set(event.pointerId, {
-					x: event.clientX,
-					y: event.clientY
-				});
-				const gesture = gestureRef.current;
-				if (gesture?.kind === "pinch" && pointersRef.current.size >= 2) {
-					const [a, b] = [...pointersRef.current.values()];
-					const distance = Math.max(1, Math.hypot(a.x - b.x, a.y - b.y));
-					setZoomAt(gesture.transform.zoom * distance / Math.max(1, gesture.distance), (a.x + b.x) / 2, (a.y + b.y) / 2);
-				} else if (gesture?.kind === "pan") {
-					const pan = boundedPan(gesture.transform.zoom, gesture.transform.x + event.clientX - gesture.x, gesture.transform.y + event.clientY - gesture.y);
-					setTransform({
-						zoom: gesture.transform.zoom,
-						...pan
-					});
-				}
-			};
-			const endPointer = (event) => {
-				pointersRef.current.delete(event.pointerId);
-				if (pointersRef.current.size === 0) {
-					gestureRef.current = void 0;
-					setDragging(false);
-				}
-			};
-			const addAnnotation = (event) => {
-				if (!annotating || event.target.closest(".dcsiv-annotation")) return;
-				const bounds = surfaceRef.current?.getBoundingClientRect();
-				if (bounds === void 0) return;
-				const annotation = {
-					id: crypto.randomUUID(),
-					x: clamp((event.clientX - bounds.left) / bounds.width, 0, 1),
-					y: clamp((event.clientY - bounds.top) / bounds.height, 0, 1),
-					note: ""
+			const openImage = () => {
+				if (src === void 0) return;
+				const request = {
+					items: [{
+						id: attachment.attachmentId ?? downloadName,
+						src,
+						name: label,
+						width: attachment.width,
+						height: attachment.height,
+						bytes: attachment.bytes,
+						download: original === void 0 ? void 0 : {
+							pendingLabel: t("imageDownloadPreparing"),
+							errorLabel: t("imageDownloadFailed"),
+							onInvoke: downloadOriginal
+						},
+						actions: [{
+							id: "continue-editing",
+							label: t("imageEdit"),
+							pendingLabel: t("imageEditPreparing"),
+							errorLabel: t("imageEditFailed"),
+							closeOnSuccess: true,
+							onInvoke: ({ annotations = [] }) => {
+								const imageKey = String(attachment.attachmentId ?? "image").replace(/[^a-zA-Z0-9_-]/g, "_");
+								const sourceName = annotations.length === 0 ? downloadName : `codex-edit-${imageKey}-source.png`;
+								const referenceName = `codex-edit-${imageKey}-annotations.png`;
+								return attachForEdit(src, sourceName, buildImageEditDraft({
+									annotations,
+									translate: t,
+									width: attachment.width,
+									height: attachment.height,
+									sourceName,
+									referenceName
+								}), annotations, referenceName);
+							}
+						}]
+					}],
+					opener: triggerRef.current,
+					source: "codex-generated",
+					annotations: true
 				};
-				setAnnotations((current) => [...current, annotation]);
-				setAnnotating(false);
-				setSelected(annotation.id);
-				setFocusNote(annotation.id);
-			};
-			const copyNotes = async () => {
-				const text = noteText(annotations, t);
-				if (text === "" || typeof navigator?.clipboard?.writeText !== "function") return;
-				try {
-					await navigator.clipboard.writeText(text);
-					setCopied(true);
-					window.setTimeout(() => {
-						setCopied(false);
-					}, 1200);
-				} catch {
-					setCopied(false);
-				}
+				if (getInternalImageViewer?.()?.open?.(request) === true) return;
+				(getImageViewer?.())?.open?.(request);
 			};
-			if (request === void 0 || item === void 0) return null;
-			const meta = [item.width && item.height ? `${item.width} × ${item.height}` : void 0, bytesLabel(item.bytes)].filter(Boolean).join(" · ");
-			const showCounter = request.items.length > 1;
+			if (error) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				type: "button",
+				className: "codexGeneratedImageRetry",
+				onClick: () => setAttempt((value) => value + 1),
+				children: t("imageLoadFailed")
+			});
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				ref: triggerRef,
+				type: "button",
+				className: "codexGeneratedImageFrame",
+				title: t("imageOpen"),
+				"aria-label": t("imageOpenNamed").replace("{value}", String(label)),
+				onClick: openImage,
+				children: src === void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("imageLoading") }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+					src,
+					alt: label
+				})
+			});
+		}
+		function CodexImageToolRow({ block, sessionId, rpc, loadImage, attachForEdit, getImageViewer, getInternalImageViewer, t }) {
+			const settled = block?.kind === "tool-result";
+			const image = settled ? block.content.find((item) => item?.type === "image" && item.attachment !== void 0) : void 0;
+			const failed = settled && block.isError === true;
+			const state = !settled ? "running" : failed ? "error" : "done";
+			const status = !settled ? t("imageGenerating") : failed ? t("imageFailed") : t("imageGenerated");
+			const error = failed ? block.content.find((item) => item?.type === "text" && typeof item.text === "string")?.text : void 0;
+			const original = decodeImagePresentation(block?.meta)?.original;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				ref: rootRef,
-				className: "dcsiv-root",
-				role: "dialog",
-				"aria-modal": "true",
-				"aria-label": t("imagePreview"),
-				tabIndex: -1,
+				className: "codexImageTool",
+				"data-state": state,
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: "dcsiv-title dcsiv-sr-only",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: item.name }), meta !== "" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", { children: meta }) : null]
+						className: "codexImageToolRow",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "codexImageToolIcon",
+								"aria-hidden": "true"
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "codexImageToolTitle",
+								children: t("imageGenerate")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "codexImageBeta",
+								children: t("imageBeta")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "codexImageToolState",
+								children: status
+							})
+						]
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("header", {
-						className: "dcsiv-topbar",
-						role: "toolbar",
-						"aria-label": t("imagePreview"),
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: "dcsiv-actions",
-							children: [
-								request.annotations ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-									type: "button",
-									className: "dcsiv-button",
-									"data-active": annotating,
-									"aria-label": annotating ? t("imageAnnotateCancel") : t("imageAnnotate"),
-									"aria-pressed": annotating,
-									onClick: () => setAnnotating((value) => !value),
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconEditOutline16, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: "dcsiv-label",
-										children: annotating ? t("imageAnnotateCancel") : t("imageAnnotate")
-									})]
-								}) : null,
-								annotations.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-									type: "button",
-									className: "dcsiv-button",
-									"data-active": selected !== void 0,
-									onClick: () => {
-										const first = annotations[0];
-										setSelected((current) => current === void 0 ? first.id : void 0);
-										if (selected === void 0) setFocusNote(first.id);
-									},
-									children: [
-										annotations.length,
-										" ",
-										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-											className: "dcsiv-label",
-											children: t("imageRegions")
-										})
-									]
-								}) : null,
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-									type: "button",
-									className: "dcsiv-button",
-									"aria-label": t("imageFit"),
-									onClick: fit,
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconFullscreenOutline16, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: "dcsiv-label",
-										children: t("imageFit")
-									})]
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-									type: "button",
-									className: "dcsiv-button",
-									onClick: actual,
-									children: t("imageActual")
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-									className: "dcsiv-zoom",
-									children: [Math.round(transform.zoom * 100), "%"]
-								}),
-								item.download === void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("a", {
-									className: "dcsiv-download",
-									href: item.src,
-									download: downloadName(item.name),
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconDownloadOutline16, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: "dcsiv-label",
-										children: t("imageDownload")
-									})]
-								}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ViewerDownload, {
-									download: item.download,
-									item,
-									t
-								}),
-								item.actions.map((action) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ViewerAction, {
-									action,
-									annotations,
-									item,
-									service,
-									t
-								}, action.id))
-							]
+					image === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "codexImageToolGallery",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CodexGeneratedImage, {
+							attachment: image.attachment,
+							original,
+							rpc,
+							sessionId,
+							loadImage,
+							attachForEdit,
+							getImageViewer,
+							getInternalImageViewer,
+							t
 						})
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-						type: "button",
-						className: "dcsiv-close-floating",
-						"aria-label": t("imageClosePreview"),
-						onClick: () => service.close(),
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCloseOutline16, {})
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: "dcsiv-workspace",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("main", {
-							ref: stageRef,
-							className: "dcsiv-stage",
-							"data-dragging": dragging,
-							"data-annotating": annotating,
-							onClick: (event) => {
-								if (event.target === event.currentTarget && !annotating && transform.zoom === 1) service.close();
-							},
-							onPointerDown,
-							onPointerMove,
-							onPointerUp: endPointer,
-							onPointerCancel: endPointer,
-							onDoubleClick: () => {
-								if (transform.zoom === 1) actual();
-								else fit();
-							},
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								ref: surfaceRef,
-								className: "dcsiv-surface",
-								onClick: addAnnotation,
-								style: { transform: `translate3d(${transform.x}px,${transform.y}px,0) scale(${transform.zoom})` },
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
-									ref: imageRef,
-									className: "dcsiv-image",
-									src: item.src,
-									alt: item.name,
-									draggable: "false"
-								}), annotations.map((annotation, position) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									className: "dcsiv-annotation",
-									"data-x": annotation.x < .38 ? "right" : annotation.x > .62 ? "left" : "center",
-									"data-y": annotation.y < .28 ? "down" : "up",
-									style: {
-										left: `${annotation.x * 100}%`,
-										top: `${annotation.y * 100}%`,
-										transform: `translate(-50%,-50%) scale(${1 / transform.zoom})`
-									},
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-										type: "button",
-										className: "dcsiv-pin",
-										"data-active": selected === annotation.id,
-										"aria-label": fill$1(t("imageAnnotation"), { value: position + 1 }),
-										onClick: (event) => {
-											event.stopPropagation();
-											const opening = selected !== annotation.id;
-											setSelected(opening ? annotation.id : void 0);
-											if (opening) setFocusNote(annotation.id);
-										},
-										children: position + 1
-									}), selected === annotation.id ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-										className: "dcsiv-inline-note",
-										"data-note-id": annotation.id,
-										onClick: (event) => event.stopPropagation(),
-										children: [
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: "dcsiv-inline-index",
-												children: position + 1
-											}),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
-												value: annotation.note,
-												rows: 1,
-												"aria-label": fill$1(t("imageAnnotation"), { value: position + 1 }),
-												placeholder: t("imageAnnotationPlaceholder"),
-												onChange: (event) => {
-													const note = event.target.value;
-													setAnnotations((current) => current.map((entry) => entry.id === annotation.id ? {
-														...entry,
-														note
-													} : entry));
-												},
-												onKeyDown: (event) => {
-													if (event.key === "Enter" && !event.shiftKey || event.key === "Escape") {
-														event.preventDefault();
-														event.stopPropagation();
-														event.nativeEvent?.stopImmediatePropagation?.();
-														setSelected(void 0);
-													}
-												}
-											}),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-												type: "button",
-												className: "dcsiv-note-remove",
-												"aria-label": t("imageRemoveAnnotation"),
-												onClick: (event) => {
-													event.stopPropagation();
-													setAnnotations((current) => current.filter((entry) => entry.id !== annotation.id));
-													setSelected(void 0);
-												},
-												children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCloseOutline16, {})
-											})
-										]
-									}) : null]
-								}, annotation.id))]
-							}), showCounter ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-									type: "button",
-									className: "dcsiv-button dcsiv-icon-only dcsiv-nav dcsiv-prev",
-									"aria-label": t("imagePrevious"),
-									onClick: (event) => {
-										event.stopPropagation();
-										setIndex((value) => (value - 1 + request.items.length) % request.items.length);
-									},
-									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronLeftOutline14, {})
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-									type: "button",
-									className: "dcsiv-button dcsiv-icon-only dcsiv-nav dcsiv-next",
-									"aria-label": t("imageNext"),
-									onClick: (event) => {
-										event.stopPropagation();
-										setIndex((value) => (value + 1) % request.items.length);
-									},
-									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronRightOutline14, {})
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-									className: "dcsiv-counter",
-									children: [
-										index + 1,
-										" / ",
-										request.items.length
-									]
-								})
-							] }) : annotating ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "dcsiv-hint",
-								children: t("imageAnnotateHint")
-							}) : transform.zoom === 1 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "dcsiv-hint",
-								children: t("imageZoomHint")
-							}) : null]
-						}), annotations.some((annotation) => annotation.note.trim() !== "") ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-							type: "button",
-							className: "dcsiv-copy-notes",
-							onClick: () => {
-								copyNotes();
-							},
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCopyOutline16, {}), copied ? t("imageCopied") : t("imageCopyNotes")]
-						}) : null]
+					error === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "codexImageToolError",
+						children: error
 					})
 				]
 			});
 		}
 		//#endregion
-		//#region src/subscription-image-viewer.js
-		const boundedNumber = (value, fallback) => Number.isFinite(value) && value > 0 ? value : fallback;
-		const downloadOf = (value) => typeof value?.onInvoke === "function" ? {
-			pendingLabel: typeof value.pendingLabel === "string" && value.pendingLabel !== "" ? value.pendingLabel : void 0,
-			errorLabel: typeof value.errorLabel === "string" && value.errorLabel !== "" ? value.errorLabel : void 0,
-			onInvoke: value.onInvoke
-		} : void 0;
-		const actionsOf = (value) => Array.isArray(value) ? value.flatMap((action, position) => {
-			if (typeof action?.onInvoke !== "function" || typeof action?.label !== "string" || action.label.trim() === "") return [];
-			return [{
-				id: typeof action.id === "string" && action.id !== "" ? action.id : `action-${position + 1}`,
-				label: action.label,
-				pendingLabel: typeof action.pendingLabel === "string" && action.pendingLabel !== "" ? action.pendingLabel : action.label,
-				errorLabel: typeof action.errorLabel === "string" && action.errorLabel !== "" ? action.errorLabel : action.label,
-				closeOnSuccess: action.closeOnSuccess === true,
-				onInvoke: action.onInvoke
-			}];
-		}) : [];
-		function normalizeSubscriptionViewerRequest(request) {
-			const items = (Array.isArray(request?.items) ? request.items : []).flatMap((item, position) => {
-				if (typeof item?.src !== "string" || item.src === "") return [];
-				return [{
-					id: typeof item.id === "string" && item.id !== "" ? item.id : `image-${position + 1}`,
-					src: item.src,
-					name: typeof item.name === "string" && item.name !== "" ? item.name : `Image ${position + 1}`,
-					width: boundedNumber(item.width, void 0),
-					height: boundedNumber(item.height, void 0),
-					bytes: boundedNumber(item.bytes, void 0),
-					download: downloadOf(item.download),
-					actions: actionsOf(item.actions)
-				}];
-			});
-			if (items.length === 0) return void 0;
-			const requestedIndex = Number.isInteger(request?.index) ? request.index : 0;
-			return {
-				items,
-				index: Math.max(0, Math.min(items.length - 1, requestedIndex)),
-				opener: typeof HTMLElement !== "undefined" && request?.opener instanceof HTMLElement ? request.opener : void 0,
-				source: typeof request?.source === "string" ? request.source : "dsh-codex-subscription",
-				annotations: request?.annotations !== false
-			};
-		}
-		const copyAnnotations = (annotations) => annotations.map((annotation) => ({ ...annotation }));
-		/**
-		* Local image viewer state for subscription-generated images.
-		*
-		* This stays private to subscription image cards, which need annotation and
-		* edit actions that a host's generic native viewer may not implement.
-		*/
-		var SubscriptionImageViewerService = class {
-			#listeners = /* @__PURE__ */ new Set();
-			#revision = 0;
-			#snapshot;
-			#annotationsByImage = /* @__PURE__ */ new Map();
-			constructor() {
-				this.subscribe = (listener) => {
-					this.#listeners.add(listener);
-					return () => {
-						this.#listeners.delete(listener);
-					};
-				};
-				this.getSnapshot = () => this.#snapshot;
-				this.getAnnotationsSnapshot = () => Object.fromEntries([...this.#annotationsByImage].map(([id, annotations]) => [id, copyAnnotations(annotations)]));
-			}
-			setAnnotations(imageId, annotations) {
-				if (typeof imageId !== "string" || imageId === "" || !Array.isArray(annotations)) return;
-				if (annotations.length === 0) this.#annotationsByImage.delete(imageId);
-				else this.#annotationsByImage.set(imageId, copyAnnotations(annotations));
-			}
-			open(request) {
-				const normalized = normalizeSubscriptionViewerRequest(request);
-				if (normalized === void 0) return false;
-				this.#revision += 1;
-				this.#snapshot = {
-					...normalized,
-					revision: this.#revision
-				};
-				this.#emit();
-				return true;
-			}
-			close() {
-				if (this.#snapshot === void 0) return;
-				const opener = this.#snapshot.opener;
-				this.#snapshot = void 0;
-				this.#emit();
-				if (typeof window === "undefined") opener?.focus();
-				else {
-					const focus = () => {
-						opener?.focus();
-					};
-					if (typeof window.requestAnimationFrame === "function") window.requestAnimationFrame(focus);
-					else focus();
-				}
-			}
-			#emit() {
-				for (const listener of this.#listeners) listener();
-			}
-		};
-		//#endregion
-		//#region src/settings-contract.js
-		const SETTINGS_NAMESPACE = "codex-subscription";
-		const QUICK_QUOTA_MODE_FIELD = "quickQuotaMode";
-		const LEGACY_QUICK_QUOTA_FIELD = "quickQuotaVisible";
-		const QUICK_QUOTA_MODE_PERCENT = "percent";
-		const QUICK_QUOTA_MODE_FORECAST = "forecast";
-		const SEARCH_PROVIDER_FIELD = "searchProvider";
-		const SEARCH_PROVIDER_AUTO = "auto";
-		const SEARCH_PROVIDER_CODEX = "codex";
-		const DEFAULT_SEARCH_PROVIDER = SEARCH_PROVIDER_AUTO;
-		const SPEED_MODE_FIELD = "speedMode";
-		const SPEED_MODE_STANDARD = "standard";
-		const SPEED_MODE_FAST = "fast";
-		const DEFAULT_SPEED_MODE = SPEED_MODE_STANDARD;
-		const OUTPUT_VERBOSITY_FIELD = "outputVerbosity";
-		const OUTPUT_VERBOSITY_DEFAULT = "default";
-		const OUTPUT_VERBOSITY_MEDIUM = "medium";
-		const OUTPUT_VERBOSITY_HIGH = "high";
-		const DEFAULT_OUTPUT_VERBOSITY = OUTPUT_VERBOSITY_DEFAULT;
-		const CONTEXT_MODE_FIELD = "contextMode";
-		const CONTEXT_MODE_STANDARD = "standard";
-		const CONTEXT_MODE_EXTENDED = "extended";
-		const CONTEXT_MODE_CUSTOM = "custom";
-		const DEFAULT_CONTEXT_MODE = CONTEXT_MODE_STANDARD;
-		const CUSTOM_CONTEXT_WINDOW_FIELD = "customContextWindow";
-		const DEFAULT_CUSTOM_CONTEXT_WINDOW = 272e3;
-		const MIN_CUSTOM_CONTEXT_WINDOW = 128e3;
-		const MAX_CUSTOM_CONTEXT_WINDOW = 1e6;
-		const CUSTOM_CONTEXT_MODEL_FIELDS = Object.freeze({
-			"gpt-5.4": "customContextGpt54",
-			"gpt-5.4-mini": "customContextGpt54Mini",
-			"gpt-5.5": "customContextGpt55",
-			"gpt-5.6": "customContextGpt56",
-			"gpt-6-astra": "customContextGpt6Astra"
-		});
-		const CUSTOM_CONTEXT_MODEL_CAPS = Object.freeze({
-			"gpt-5.4": 1e6,
-			"gpt-5.4-mini": 4e5,
-			"gpt-5.5": 1e6,
-			"gpt-5.6": 1e6,
-			"gpt-6-astra": 872e3
-		});
-		const CUSTOM_CONTEXT_MODEL_DEFAULTS = Object.freeze({
-			"gpt-5.4": 272e3,
-			"gpt-5.4-mini": 272e3,
-			"gpt-5.5": 272e3,
-			"gpt-5.6": 272e3,
-			"gpt-6-astra": 272e3
-		});
-		const normalizeSearchProvider = (value) => [
-			"auto",
-			"dsh",
-			"codex"
-		].includes(value) ? value : DEFAULT_SEARCH_PROVIDER;
-		const normalizeOutputVerbosity = (value) => [
-			"default",
-			"low",
-			"medium",
-			"high"
-		].includes(value) ? value : DEFAULT_OUTPUT_VERBOSITY;
-		const normalizeSpeedMode = (value) => ["standard", "fast"].includes(value) ? value : DEFAULT_SPEED_MODE;
-		const normalizeContextMode = (value) => [
-			"standard",
-			"extended",
-			"custom"
-		].includes(value) ? value : DEFAULT_CONTEXT_MODE;
-		const normalizeCustomContextWindow = (value, maximum = MAX_CUSTOM_CONTEXT_WINDOW) => {
-			if (!Number.isInteger(value)) return DEFAULT_CUSTOM_CONTEXT_WINDOW;
-			return Math.min(Math.max(value, MIN_CUSTOM_CONTEXT_WINDOW), maximum);
-		};
-		const formatContextWindow = (value) => value === 1e6 ? "1M" : `${Math.round(value / 1e3)}K`;
-		const parseContextWindow = (value) => {
-			const match = /^\s*(\d+)\s*$/u.exec(String(value));
-			if (match === null) return NaN;
-			return Number(match[1]);
-		};
-		const normalizeQuickQuotaMode = (value, legacyVisible = false) => [
-			"off",
-			"percent",
-			"bar",
-			"forecast"
-		].includes(value) ? value : legacyVisible === true ? QUICK_QUOTA_MODE_PERCENT : "off";
-		const supportsCodexFastMode = (modelId) => typeof modelId === "string" && (/^gpt-5\.(?:5|6)(?:$|-)/u.test(modelId) || modelId === "gpt-5.4");
-		//#endregion
-		//#region src/sidebar-quota.js
-		const isDisplayableWindow = (window) => Number.isFinite(window?.remainingPercent) && window.remainingPercent >= 0 && window.remainingPercent <= 100 && Number.isFinite(window?.windowSeconds) && window.windowSeconds > 0;
-		const normalized = (value) => String(value ?? "").toLocaleLowerCase("en-US").replaceAll(/[^a-z0-9]+/gu, "-");
-		const limitMatchesModel = (limit, model) => {
-			if (/\bspark\b/u.test(normalized(model))) return /\bspark\b/u.test(normalized(`${limit?.id ?? ""} ${limit?.name ?? ""}`));
-			return limit?.id === "codex";
-		};
-		function selectModelQuotaWindows(usage, model) {
-			return (Array.isArray(usage?.rateLimits) ? usage.rateLimits.filter((limit) => limitMatchesModel(limit, model) && Array.isArray(limit.windows)).flatMap((limit) => limit.windows).filter(isDisplayableWindow) : []).map((selected) => ({
-				remainingPercent: selected.remainingPercent,
-				windowSeconds: selected.windowSeconds,
-				...Number.isSafeInteger(selected.resetsAt) ? { resetsAt: selected.resetsAt } : {},
-				...selected.forecast === void 0 ? {} : { forecast: selected.forecast }
-			})).sort((a, b) => a.windowSeconds - b.windowSeconds);
-		}
-		//#endregion
-		//#region src/login-progress.js
-		/** Reconcile a login flow with the credential store without exposing credentials. */
-		async function readLoginProgress({ flow, readFlow, readAccount }) {
-			try {
-				const nextFlow = await readFlow();
-				if (nextFlow.phase === "failed") try {
-					const account = await readAccount();
-					if (account?.authenticated === true) return {
-						flow: {
-							id: flow.id,
-							method: flow.method,
-							phase: "authenticated",
-							authenticated: true
-						},
-						account,
-						recovered: true
-					};
-				} catch {}
-				if (nextFlow.phase !== "authenticated") return { flow: nextFlow };
-				return {
-					flow: nextFlow,
-					account: await readAccount()
-				};
-			} catch (flowError) {
-				try {
-					const account = await readAccount();
-					if (account?.authenticated === true) return {
-						flow: {
-							id: flow.id,
-							method: flow.method,
-							phase: "authenticated",
-							authenticated: true
-						},
-						account,
-						recovered: true
-					};
-				} catch {}
-				throw flowError;
-			}
-		}
-		//#endregion
-		//#region src/preference-controller.js
-		const CHANNEL$1 = "/codex-subscription";
-		const unwrap$1 = (response) => {
-			if (!response?.ok) throw new Error(response?.error?.message ?? "Codex RPC failed");
-			return response.value;
-		};
-		function createPreferenceController(scope, rpc) {
-			let updating = false;
-			let error = false;
-			let fallbackStatus = "loading";
-			let fallback;
-			let pendingPatch;
-			let failedPatch;
-			let generation = 0;
-			let contextModels = [];
-			let verbosityModels = [];
-			const nativeSnapshot = () => scope.getSnapshot();
-			const read = () => {
-				const native = nativeSnapshot();
-				const current = native.status === "ready" ? native : fallbackStatus === "ready" ? fallback : native;
-				const value = pendingPatch === void 0 ? current.value : {
-					...current.value,
-					...pendingPatch
-				};
-				return Object.freeze({
-					status: current.status,
-					quickQuotaMode: normalizeQuickQuotaMode(value?.[QUICK_QUOTA_MODE_FIELD], value?.[LEGACY_QUICK_QUOTA_FIELD]),
-					searchProvider: normalizeSearchProvider(value?.[SEARCH_PROVIDER_FIELD]),
-					speedMode: normalizeSpeedMode(value?.[SPEED_MODE_FIELD]),
-					outputVerbosity: normalizeOutputVerbosity(value?.[OUTPUT_VERBOSITY_FIELD]),
-					contextMode: normalizeContextMode(value?.[CONTEXT_MODE_FIELD]),
-					customContextWindow: normalizeCustomContextWindow(value?.[CUSTOM_CONTEXT_WINDOW_FIELD]),
-					customContextWindows: Object.fromEntries(Object.entries(CUSTOM_CONTEXT_MODEL_FIELDS).map(([modelKey, field]) => [modelKey, normalizeCustomContextWindow(value?.[field] ?? CUSTOM_CONTEXT_MODEL_DEFAULTS[modelKey], CUSTOM_CONTEXT_MODEL_CAPS[modelKey])])),
-					contextModels,
-					verbosityModels,
-					writable: !updating && current.status === "ready" && current.writable === true,
-					saving: updating,
-					error
-				});
-			};
-			let snapshot = read();
-			const listeners = /* @__PURE__ */ new Set();
-			const publish = () => {
-				snapshot = read();
-				for (const listener of listeners) listener();
-			};
-			const disposeScope = scope.subscribe(() => {
-				error = false;
-				if (!updating) failedPatch = void 0;
-				publish();
-			});
-			const acceptFallback = (value) => {
-				contextModels = Array.isArray(value?.contextModels) ? value.contextModels : [];
-				verbosityModels = Array.isArray(value?.verbosityModels) ? value.verbosityModels : [];
-				fallbackStatus = "ready";
-				fallback = {
-					status: "ready",
-					value: {
-						[QUICK_QUOTA_MODE_FIELD]: normalizeQuickQuotaMode(value?.[QUICK_QUOTA_MODE_FIELD], value?.[LEGACY_QUICK_QUOTA_FIELD]),
-						[SEARCH_PROVIDER_FIELD]: normalizeSearchProvider(value?.[SEARCH_PROVIDER_FIELD]),
-						[SPEED_MODE_FIELD]: normalizeSpeedMode(value?.[SPEED_MODE_FIELD]),
-						[OUTPUT_VERBOSITY_FIELD]: normalizeOutputVerbosity(value?.[OUTPUT_VERBOSITY_FIELD]),
-						[CONTEXT_MODE_FIELD]: normalizeContextMode(value?.[CONTEXT_MODE_FIELD]),
-						[CUSTOM_CONTEXT_WINDOW_FIELD]: normalizeCustomContextWindow(value?.[CUSTOM_CONTEXT_WINDOW_FIELD]),
-						...Object.fromEntries(Object.entries(CUSTOM_CONTEXT_MODEL_FIELDS).map(([modelKey, field]) => [field, normalizeCustomContextWindow(value?.[field] ?? CUSTOM_CONTEXT_MODEL_DEFAULTS[modelKey], CUSTOM_CONTEXT_MODEL_CAPS[modelKey])]))
-					},
-					writable: value?.writable === true
-				};
-			};
-			const load = async () => {
-				const current = ++generation;
-				updating = false;
-				pendingPatch = void 0;
-				fallbackStatus = "loading";
-				fallback = void 0;
-				error = false;
-				publish();
-				try {
-					const value = unwrap$1(await rpc.call(CHANNEL$1, "preferences/status", {}));
-					if (current !== generation) return;
-					if (nativeSnapshot().status === "ready") {
-						contextModels = Array.isArray(value?.contextModels) ? value.contextModels : [];
-						verbosityModels = Array.isArray(value?.verbosityModels) ? value.verbosityModels : [];
-					} else acceptFallback(value);
-					publish();
-				} catch {
-					if (current !== generation || nativeSnapshot().status === "ready") return;
-					fallbackStatus = "unavailable";
-					publish();
-				}
-			};
-			const set = async (patch) => {
-				if (snapshot.status !== "ready" || snapshot.writable !== true) return;
-				const current = ++generation;
-				const entries = Object.entries(patch);
-				updating = true;
-				pendingPatch = patch;
-				error = false;
-				failedPatch = void 0;
-				publish();
-				try {
-					if (nativeSnapshot().status === "ready") {
-						for (const [field, value] of entries) {
-							if (current !== generation) return;
-							await scope.set(field, value);
-						}
-						if (current !== generation) return;
-						const accepted = nativeSnapshot().value;
-						error = entries.some(([field, value]) => accepted?.[field] !== value);
-						pendingPatch = void 0;
-					} else {
-						const value = unwrap$1(await rpc.call(CHANNEL$1, "preferences/update", patch));
-						if (current !== generation) return;
-						acceptFallback(value);
-						pendingPatch = void 0;
-					}
-				} catch {
-					if (current === generation) {
-						pendingPatch = void 0;
-						error = true;
-						failedPatch = patch;
-					}
-				} finally {
-					if (current === generation) {
-						updating = false;
-						publish();
-					}
-				}
-			};
-			return {
-				getSnapshot: () => snapshot,
-				subscribe: (listener) => {
-					listeners.add(listener);
-					return () => listeners.delete(listener);
-				},
-				load,
-				set,
-				retry: () => failedPatch === void 0 ? load() : set(failedPatch),
-				dispose: disposeScope
-			};
-		}
-		//#endregion
-		//#region src/client.jsx
-		const inject = [
-			"slots",
-			"locale",
-			"connection",
-			"remote",
-			"settingsScope",
-			"modelDirectories",
-			"conversation",
-			"uiConversation",
-			"sessions"
-		];
-		const NS = "settings.codexSubscription";
-		const CHANNEL = "/codex-subscription";
-		const SUPPORT_ISSUE_URL = "https://github.com/WSL043/dsh-codex-subscription/issues/new?template=install-problem.yml";
-		const QUICK_QUOTA_REFRESH_EVENT = "dsh-codex-subscription:refresh-quick-quota";
-		const QUICK_QUOTA_REFRESH_MS = 6e4;
+		//#region src/client-locales.js
 		const zh = {
 			imageEditLocation: "位置",
 			imageEditReferenceGuide: "本次编辑的干净源图为「{sourceName}」，编号定位参考图为「{referenceName}」。坐标以图片左上角为原点，x 向右、y 向下，百分比相对于整张图片。请查看这两张图片，将它们同时作为编辑工具的参考图，并在工具提示词中完整保留下方编号、位置和修改要求。只修改源图中对应位置的内容；定位参考图上的编号、圆点和引线仅用于定位，不得绘入最终结果。若无法读取两张图片或确定位置，请说明问题，不要猜测或忽略标注。",
@@ -1279,8 +355,13 @@ window.__ModuleLoader__.load({
 			deviceHint: "在登录页输入此设备代码：",
 			waiting: "正在等待登录完成…",
 			failed: "登录失败，请重试。",
-			loadFailed: "无法读取账户状态。",
 			accountRetry: "重试",
+			accountRetrying: "正在重试账户状态…",
+			accountCredentialUnavailable: "登录凭据暂时不可用。请重试；不会删除已保存的登录信息。",
+			accountCredentialMalformed: "登录凭据格式异常，无法读取账户状态。重试不会删除已保存的登录信息。",
+			accountStatusTimeout: "读取账户状态超时，请重试。",
+			accountStatusTransport: "无法连接账户服务，请检查连接后重试。",
+			accountStatusUnknown: "无法读取账户状态，请重试。",
 			diagnostics: "支持诊断",
 			diagnosticsLoad: "生成诊断",
 			diagnosticsLoading: "生成中…",
@@ -1409,6 +490,7 @@ window.__ModuleLoader__.load({
 			modelsEmpty: "没有可用模型。",
 			effortsEmpty: "当前模型未提供推理等级。",
 			modelRetry: "重试",
+			modelDirectoryFailed: "模型目录加载失败，请重试。",
 			modelFailed: "模型目录加载失败：{value}",
 			groupFailed: "{name}：{value}",
 			imageGenerate: "生成图片",
@@ -1422,13 +504,10 @@ window.__ModuleLoader__.load({
 			imageLoading: "正在加载图片…",
 			imageLoadFailed: "图片加载失败，点击重试",
 			imagePreview: "图片预览",
-			imagePreviewShort: "预览图",
 			imageClosePreview: "关闭预览",
 			imageDownload: "下载",
 			imageDownloadPreparing: "正在准备原图…",
 			imageDownloadFailed: "下载失败，重试",
-			imageZoomOut: "缩小",
-			imageZoomIn: "放大",
 			imageFit: "适合窗口",
 			imageAnnotate: "标注部位",
 			imageAnnotateCancel: "取消标注",
@@ -1442,7 +521,6 @@ window.__ModuleLoader__.load({
 			imageNext: "下一张图片",
 			imageZoomHint: "滚轮缩放 · 拖动查看 · 双击切换原始大小",
 			imageActual: "原始大小",
-			imageEditPrompt: "描述你想怎样修改这张图",
 			imageEditDefault: "编辑这张图片。",
 			imageRegionNotes: "部位修改：",
 			imageEdit: "在输入框中继续编辑",
@@ -1474,8 +552,13 @@ window.__ModuleLoader__.load({
 			deviceHint: "Enter this device code on the sign-in page:",
 			waiting: "Waiting for sign-in to finish…",
 			failed: "Sign-in failed. Try again.",
-			loadFailed: "Could not read account status.",
 			accountRetry: "Retry",
+			accountRetrying: "Retrying account status…",
+			accountCredentialUnavailable: "The saved sign-in credentials are temporarily unavailable. Retry; saved sign-in information will not be deleted.",
+			accountCredentialMalformed: "The saved sign-in credentials are malformed, so account status cannot be read. Retrying will not delete saved sign-in information.",
+			accountStatusTimeout: "Reading account status timed out. Retry.",
+			accountStatusTransport: "The account service is unavailable. Check the connection and retry.",
+			accountStatusUnknown: "Could not read account status. Retry.",
 			diagnostics: "Support diagnostics",
 			diagnosticsLoad: "Create report",
 			diagnosticsLoading: "Creating…",
@@ -1604,6 +687,7 @@ window.__ModuleLoader__.load({
 			modelsEmpty: "No models available.",
 			effortsEmpty: "This model provides no reasoning effort levels.",
 			modelRetry: "Retry",
+			modelDirectoryFailed: "Could not load the model directory. Try again.",
 			modelFailed: "Could not load models: {value}",
 			groupFailed: "{name}: {value}",
 			imageGenerate: "Generate image",
@@ -1617,13 +701,10 @@ window.__ModuleLoader__.load({
 			imageLoading: "Loading image…",
 			imageLoadFailed: "Image failed to load. Click to retry",
 			imagePreview: "Image preview",
-			imagePreviewShort: "Preview",
 			imageClosePreview: "Close preview",
 			imageDownload: "Download",
 			imageDownloadPreparing: "Preparing original…",
 			imageDownloadFailed: "Download failed. Retry",
-			imageZoomOut: "Zoom out",
-			imageZoomIn: "Zoom in",
 			imageFit: "Fit to window",
 			imageAnnotate: "Annotate",
 			imageAnnotateCancel: "Cancel marking",
@@ -1637,7 +718,6 @@ window.__ModuleLoader__.load({
 			imageNext: "Next image",
 			imageZoomHint: "Wheel to zoom · drag to pan · double-click for 100%",
 			imageActual: "100%",
-			imageEditPrompt: "Describe how you want to change this image",
 			imageEditDefault: "Edit this image.",
 			imageRegionNotes: "Region changes:",
 			imageEdit: "Continue editing in composer",
@@ -1645,55 +725,1598 @@ window.__ModuleLoader__.load({
 			imageEditFailed: "Handoff failed. Add a note to every marker and ensure the composer accepts images, then retry.",
 			imageRemoveAnnotation: "Remove note"
 		};
+		//#endregion
+		//#region src/client-styles.js
 		const STYLE = `
-.codexSubscriptionSearchHead{display:flex;flex-direction:column;gap:1px}.codexSubscriptionSearchScope{font-size:11px;line-height:17px;color:var(--dsw-alias-label-tertiary)}
+.codexSubscriptionSearchHead{display:flex;flex-direction:column;gap:1px}
+.codexSubscriptionSearchScope{font-size:11px;line-height:17px;color:var(--dsw-alias-label-tertiary)}
 .codexSubscription{display:flex;flex-direction:column;gap:10px;max-width:720px;color:var(--dsw-alias-label-primary);container-type:inline-size}
-.codexSubscription h2,.codexSubscription h3,.codexSubscription p{margin:0}.codexSubscriptionHead{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
-.codexSubscription h2{font-size:16px;line-height:24px;font-weight:500}.codexSubscription h3{font-size:14px;line-height:22px;font-weight:500}
-.codexSubscriptionTag{border:1px solid var(--dsw-alias-border-l3);border-radius:4px;padding:1px 6px;font-size:11px;line-height:16px;color:var(--dsw-alias-label-secondary)}
-.codexSubscriptionNote{font-size:13px;line-height:20px;color:var(--dsw-alias-label-tertiary)}
+.codexSubscription h2,.codexSubscription h3,.codexSubscription p{margin:0}
+.codexSubscriptionHead{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
+.codexSubscription h2{font-size:16px;line-height:24px;font-weight:500}
+.codexSubscription h3{font-size:14px;line-height:22px;font-weight:500}
 .codexSubscriptionCard{border:1px solid var(--dsw-alias-border-l2);border-radius:12px;background:var(--dsw-alias-bg-layer-1);padding:14px 16px;display:flex;flex-direction:column;gap:12px}
-.codexSubscriptionUsageCard{padding:12px 14px;gap:9px}.codexSubscriptionPreferencesCard{padding:12px 14px;gap:10px}.codexSubscriptionPreference{min-height:32px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--dsw-alias-label-primary);font-size:13px;line-height:20px}.codexSubscriptionPreferenceCopy{display:flex;min-width:0;flex-direction:column;gap:2px}.codexSubscriptionPreferenceLabel{display:flex;align-items:center;gap:6px}.codexSubscriptionPreferenceHint{max-width:300px;font-size:11px;line-height:17px;color:var(--dsw-alias-label-tertiary)}
-.codexSubscriptionQuotaModes{display:flex;align-items:center;gap:3px;padding:2px;border-radius:9px;background:var(--dsw-alias-bg-module-platform)}.codexSubscriptionQuotaMode{position:relative;display:flex;align-items:center;justify-content:center;min-height:26px;padding:0 9px;border-radius:7px;color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:18px;cursor:pointer;white-space:nowrap}.codexSubscriptionQuotaMode small{margin-left:3px;font-size:9px;line-height:1;color:var(--dsw-alias-label-tertiary)}.codexSubscriptionQuotaMode:has(input:checked){background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);box-shadow:0 0 0 1px var(--dsw-alias-border-l3)}.codexSubscriptionQuotaMode:has(input:focus-visible){outline:2px solid var(--dsw-alias-border-l3);outline-offset:1px}.codexSubscriptionQuotaMode:has(input:disabled){cursor:not-allowed;opacity:.5}.codexSubscriptionQuotaMode input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
-.codexSubscriptionContext{display:flex;flex-direction:column;gap:8px}.codexSubscriptionContextHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.codexSubscriptionContextCopy{display:flex;min-width:0;flex:1;flex-direction:column;gap:2px}.codexSubscriptionContextHint{font-size:11px;line-height:17px;color:var(--dsw-alias-label-tertiary)}.codexSubscriptionContextTrigger{height:32px;min-width:108px;display:inline-flex;align-items:center;justify-content:space-between;gap:10px;padding:0 10px 0 12px;border:0;border-radius:999px;outline:0;background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-primary);font:inherit;font-size:12px;cursor:pointer}.codexSubscriptionContextTrigger:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.codexSubscriptionContextTrigger:focus-visible{box-shadow:0 0 0 2px var(--dsw-alias-border-l3)}.codexSubscriptionContextTrigger:disabled{color:var(--dsw-alias-label-dimmed);cursor:not-allowed}.codexSubscriptionContextTrigger svg{color:var(--dsw-alias-label-tertiary);transition:transform 120ms var(--ds-ease-in-out)}.codexSubscriptionContextTrigger[aria-expanded=true] svg{transform:rotate(180deg)}.codexSubscriptionContextModels{display:flex;flex-direction:column;border-top:1px solid var(--dsw-alias-border-l2)}.codexSubscriptionContextModel{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--dsw-alias-border-l2)}.codexSubscriptionContextModel:last-child{border-bottom:0}.codexSubscriptionContextModelCopy{display:flex;min-width:0;flex-direction:column}.codexSubscriptionContextModelCopy strong{font-size:12px;line-height:18px;font-weight:500}.codexSubscriptionContextModelCopy span{font-size:11px;line-height:16px;color:var(--dsw-alias-label-tertiary)}.codexSubscriptionContextInput{width:116px}
-.codexSubscriptionSwitch{position:relative;flex:0 0 auto;width:32px;height:18px;padding:0;border:1px solid var(--dsw-alias-border-l3);border-radius:999px;background:var(--dsw-alias-bg-module-platform);cursor:pointer}.codexSubscriptionSwitch:disabled{cursor:not-allowed;opacity:.5}.codexSubscriptionSwitch[aria-checked=true]{background:var(--dsw-alias-label-secondary);border-color:var(--dsw-alias-label-secondary)}.codexSubscriptionSwitchKnob{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--dsw-alias-bg-layer-1);transition:transform 120ms var(--ds-ease-in-out)}.codexSubscriptionSwitch[aria-checked=true] .codexSubscriptionSwitchKnob{transform:translateX(14px)}
-.codexSubscriptionSearch{display:flex;flex-direction:column;gap:7px}.codexSubscriptionSearchChoices{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:6px}.codexSubscriptionSearchChoice{display:grid;grid-template-columns:14px minmax(0,1fr);align-items:center;column-gap:8px;min-width:0;border:1px solid var(--dsw-alias-border-l2);border-radius:10px;background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-primary);padding:9px 10px;text-align:left;cursor:pointer}.codexSubscriptionSearchChoice:has(input:disabled){cursor:not-allowed;opacity:.5}.codexSubscriptionSearchChoice:has(input:checked){border-color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2)}.codexSubscriptionSearchChoice:has(input:focus-visible){outline:2px solid var(--dsw-alias-border-l3);outline-offset:2px}.codexSubscriptionSearchInput{width:14px;height:14px;margin:0;accent-color:var(--dsw-alias-label-primary);cursor:inherit}.codexSubscriptionSearchCopy{display:block;min-width:0;pointer-events:none}.codexSubscriptionSearchCopy strong,.codexSubscriptionSearchCopy span{display:block}.codexSubscriptionSearchCopy strong{font-size:12px;line-height:18px;font-weight:500;color:var(--dsw-alias-label-secondary)}.codexSubscriptionSearchChoice:has(input:checked) strong{color:var(--dsw-alias-label-primary)}.codexSubscriptionSearchCopy span{font-size:11px;line-height:16px;color:var(--dsw-alias-label-tertiary)}.codexSubscriptionDivider{height:1px;background:var(--dsw-alias-border-l2)}
-.codexSubscriptionQuotaModes[data-saving=true] .codexSubscriptionQuotaMode:has(input:disabled){cursor:wait;opacity:1}.codexSubscriptionSearchChoices[data-saving=true] .codexSubscriptionSearchChoice:has(input:disabled){cursor:wait;opacity:1}
-.codexSubscriptionAccountRow,.codexSubscriptionSectionHead{display:flex;align-items:center;justify-content:space-between;gap:12px}.codexSubscriptionStatus{display:flex;align-items:center;gap:8px;font-size:14px;line-height:22px;font-weight:500}
-.codexSubscriptionAccounts{display:flex;flex-direction:column;border-top:1px solid var(--dsw-alias-border-l2)}.codexSubscriptionAccount{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:42px;border-bottom:1px solid var(--dsw-alias-border-l2);font-size:13px}.codexSubscriptionAccount:last-child{border-bottom:0}.codexSubscriptionAccount[data-active=true] .codexSubscriptionEmail,.codexSubscriptionAccount[data-active=true]>span{font-weight:600}.codexSubscriptionEmail{max-width:100%;overflow:hidden;padding:2px 4px;border:0;border-radius:5px;background:transparent;color:var(--dsw-alias-label-primary);font:inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.codexSubscriptionEmail:hover{background:var(--dsw-alias-interactive-bg-hover)}.codexSubscriptionEmail:focus-visible{outline:2px solid var(--dsw-alias-border-l3);outline-offset:1px}.codexSubscriptionFlow label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--dsw-alias-label-secondary)}
-.codexSubscriptionDot{width:8px;height:8px;border-radius:50%;background:var(--dsw-alias-label-dimmed)}.codexSubscriptionDot[data-state=connected]{background:var(--dsw-alias-state-success-primary)}.codexSubscriptionDot[data-state=disconnected]{background:var(--dsw-alias-state-error-primary)}
-.codexSubscriptionActions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.codexSubscriptionFlow{display:flex;flex-direction:column;gap:10px;padding:12px 14px;border-radius:10px;background:var(--dsw-alias-bg-module-platform)}
-.codexSubscriptionFlow p{font-size:13px;line-height:20px;color:var(--dsw-alias-label-secondary)}.codexSubscriptionCode{width:max-content;max-width:100%;font:600 16px/22px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;overflow-wrap:anywhere}
-.codexSubscriptionError{font-size:13px;line-height:20px;color:var(--dsw-alias-state-error-primary)}.codexSubscriptionInput{width:100%;box-sizing:border-box}
-.codexSubscriptionRecover{display:flex;align-items:center;justify-content:space-between;gap:12px}.codexSubscriptionRecover .codexSubscriptionError{flex:1}.codexSubscriptionRecover button{flex:0 0 auto}
-.codexSubscriptionDiagnostics{padding:8px 12px;gap:8px;background:transparent;color:var(--dsw-alias-label-secondary)}.codexSubscriptionDiagnostics pre{max-height:240px;margin:0;padding:10px 12px;border-radius:8px;background:var(--dsw-alias-bg-module-platform);overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font:11px/17px ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--dsw-alias-label-secondary)}.codexSubscriptionLink{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 13px;border:1px solid var(--dsw-alias-border-l2);border-radius:999px;background:transparent;color:var(--dsw-alias-label-primary);font-size:13px;line-height:20px;text-decoration:none;white-space:nowrap}.codexSubscriptionLink:hover{background:var(--dsw-alias-bg-module-platform)}.codexSubscriptionLink:focus-visible{outline:2px solid var(--dsw-alias-border-l3);outline-offset:2px}
-.codexSubscriptionSectionTitle{display:flex;flex:1;min-width:0;flex-direction:column;gap:2px}.codexSubscriptionFreshness{font-size:11px;line-height:17px;color:var(--dsw-alias-label-tertiary)}
-.codexSubscriptionRefresh{flex:0 0 auto;min-width:72px;width:max-content;white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;writing-mode:horizontal-tb!important}.codexSubscriptionRefresh *{white-space:nowrap!important;word-break:keep-all!important;writing-mode:horizontal-tb!important}
+.codexSubscriptionUsageCard{padding:12px 14px;gap:9px}
+.codexSubscriptionPreferencesCard{padding:12px 14px;gap:10px}
+.codexSubscriptionPreference{min-height:32px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--dsw-alias-label-primary);font-size:13px;line-height:20px}
+.codexSubscriptionPreferenceCopy{display:flex;min-width:0;flex-direction:column;gap:2px}
+.codexSubscriptionPreferenceLabel{display:flex;align-items:center;gap:6px}
+.codexSubscriptionPreferenceHint{max-width:300px;font-size:11px;line-height:17px;color:var(--dsw-alias-label-tertiary)}
+.codexSubscriptionQuotaModes{display:flex;align-items:center;gap:3px;padding:2px;border-radius:9px;background:var(--dsw-alias-bg-module-platform)}
+.codexSubscriptionQuotaMode{position:relative;display:flex;align-items:center;justify-content:center;min-height:26px;padding:0 9px;border-radius:7px;color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:18px;cursor:pointer;white-space:nowrap}
+.codexSubscriptionQuotaMode small{margin-left:3px;font-size:9px;line-height:1;color:var(--dsw-alias-label-tertiary)}
+.codexSubscriptionQuotaMode:has(input:checked){background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);box-shadow:0 0 0 1px var(--dsw-alias-border-l3)}
+.codexSubscriptionQuotaMode:has(input:focus-visible){outline:2px solid var(--dsw-alias-border-l3);outline-offset:1px}
+.codexSubscriptionQuotaMode:has(input:disabled){cursor:not-allowed;opacity:.5}
+.codexSubscriptionQuotaMode input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
+.codexSubscriptionContext{display:flex;flex-direction:column;gap:8px}
+.codexSubscriptionContextHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
+.codexSubscriptionContextCopy{display:flex;min-width:0;flex:1;flex-direction:column;gap:2px}
+.codexSubscriptionContextHint{font-size:11px;line-height:17px;color:var(--dsw-alias-label-tertiary)}
+.codexSubscriptionContextTrigger{height:32px;min-width:108px;display:inline-flex;align-items:center;justify-content:space-between;gap:10px;padding:0 10px 0 12px;border:0;border-radius:999px;outline:0;background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-primary);font:inherit;font-size:12px;cursor:pointer}
+.codexSubscriptionContextTrigger:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}
+.codexSubscriptionContextTrigger:focus-visible{box-shadow:0 0 0 2px var(--dsw-alias-border-l3)}
+.codexSubscriptionContextTrigger:disabled{color:var(--dsw-alias-label-dimmed);cursor:not-allowed}
+.codexSubscriptionContextTrigger svg{color:var(--dsw-alias-label-tertiary);transition:transform 120ms var(--ds-ease-in-out)}
+.codexSubscriptionContextTrigger[aria-expanded=true] svg{transform:rotate(180deg)}
+.codexSubscriptionContextModels{display:flex;flex-direction:column;border-top:1px solid var(--dsw-alias-border-l2)}
+.codexSubscriptionContextModel{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--dsw-alias-border-l2)}
+.codexSubscriptionContextModel:last-child{border-bottom:0}
+.codexSubscriptionContextModelCopy{display:flex;min-width:0;flex-direction:column}
+.codexSubscriptionContextModelCopy strong{font-size:12px;line-height:18px;font-weight:500}
+.codexSubscriptionContextModelCopy span{font-size:11px;line-height:16px;color:var(--dsw-alias-label-tertiary)}
+.codexSubscriptionContextInput{width:116px}
+.codexSubscriptionSearch{display:flex;flex-direction:column;gap:7px}
+.codexSubscriptionSearchChoices{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:6px}
+.codexSubscriptionSearchChoice{display:grid;grid-template-columns:14px minmax(0,1fr);align-items:center;column-gap:8px;min-width:0;border:1px solid var(--dsw-alias-border-l2);border-radius:10px;background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-primary);padding:9px 10px;text-align:left;cursor:pointer}
+.codexSubscriptionSearchChoice:has(input:disabled){cursor:not-allowed;opacity:.5}
+.codexSubscriptionSearchChoice:has(input:checked){border-color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2)}
+.codexSubscriptionSearchChoice:has(input:focus-visible){outline:2px solid var(--dsw-alias-border-l3);outline-offset:2px}
+.codexSubscriptionSearchInput{width:14px;height:14px;margin:0;accent-color:var(--dsw-alias-label-primary);cursor:inherit}
+.codexSubscriptionSearchCopy{display:block;min-width:0;pointer-events:none}
+.codexSubscriptionSearchCopy strong,.codexSubscriptionSearchCopy span{display:block}
+.codexSubscriptionSearchCopy strong{font-size:12px;line-height:18px;font-weight:500;color:var(--dsw-alias-label-secondary)}
+.codexSubscriptionSearchChoice:has(input:checked) strong{color:var(--dsw-alias-label-primary)}
+.codexSubscriptionSearchCopy span{font-size:11px;line-height:16px;color:var(--dsw-alias-label-tertiary)}
+.codexSubscriptionDivider{height:1px;background:var(--dsw-alias-border-l2)}
+.codexSubscriptionQuotaModes[data-saving=true] .codexSubscriptionQuotaMode:has(input:disabled){cursor:wait;opacity:1}
+.codexSubscriptionSearchChoices[data-saving=true] .codexSubscriptionSearchChoice:has(input:disabled){cursor:wait;opacity:1}
+.codexSubscriptionAccountRow,.codexSubscriptionSectionHead{display:flex;align-items:center;justify-content:space-between;gap:12px}
+.codexSubscriptionStatus{display:flex;align-items:center;gap:8px;font-size:14px;line-height:22px;font-weight:500}
+.codexSubscriptionAccounts{display:flex;flex-direction:column;border-top:1px solid var(--dsw-alias-border-l2)}
+.codexSubscriptionAccount{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:42px;border-bottom:1px solid var(--dsw-alias-border-l2);font-size:13px}
+.codexSubscriptionAccount:last-child{border-bottom:0}
+.codexSubscriptionAccount[data-active=true] .codexSubscriptionEmail,.codexSubscriptionAccount[data-active=true]>span{font-weight:600}
+.codexSubscriptionEmail{max-width:100%;overflow:hidden;padding:2px 4px;border:0;border-radius:5px;background:transparent;color:var(--dsw-alias-label-primary);font:inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}
+.codexSubscriptionEmail:hover{background:var(--dsw-alias-interactive-bg-hover)}
+.codexSubscriptionEmail:focus-visible{outline:2px solid var(--dsw-alias-border-l3);outline-offset:1px}
+.codexSubscriptionFlow label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--dsw-alias-label-secondary)}
+.codexSubscriptionDot{width:8px;height:8px;border-radius:50%;background:var(--dsw-alias-label-dimmed)}
+.codexSubscriptionDot[data-state=connected]{background:var(--dsw-alias-state-success-primary)}
+.codexSubscriptionDot[data-state=disconnected]{background:var(--dsw-alias-state-error-primary)}
+.codexSubscriptionActions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
+.codexSubscriptionFlow{display:flex;flex-direction:column;gap:10px;padding:12px 14px;border-radius:10px;background:var(--dsw-alias-bg-module-platform)}
+.codexSubscriptionFlow p{font-size:13px;line-height:20px;color:var(--dsw-alias-label-secondary)}
+.codexSubscriptionCode{width:max-content;max-width:100%;font:600 16px/22px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;overflow-wrap:anywhere}
+.codexSubscriptionError{font-size:13px;line-height:20px;color:var(--dsw-alias-state-error-primary)}
+.codexSubscriptionInput{width:100%;box-sizing:border-box}
+.codexSubscriptionRecover{display:flex;align-items:center;justify-content:space-between;gap:12px}
+.codexSubscriptionRecover .codexSubscriptionError{flex:1}
+.codexSubscriptionRecover button{flex:0 0 auto}
+.codexSubscriptionDiagnostics{padding:8px 12px;gap:8px;background:transparent;color:var(--dsw-alias-label-secondary)}
+.codexSubscriptionDiagnostics pre{max-height:240px;margin:0;padding:10px 12px;border-radius:8px;background:var(--dsw-alias-bg-module-platform);overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font:11px/17px ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--dsw-alias-label-secondary)}
+.codexSubscriptionLink{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 13px;border:1px solid var(--dsw-alias-border-l2);border-radius:999px;background:transparent;color:var(--dsw-alias-label-primary);font-size:13px;line-height:20px;text-decoration:none;white-space:nowrap}
+.codexSubscriptionLink:hover{background:var(--dsw-alias-bg-module-platform)}
+.codexSubscriptionLink:focus-visible{outline:2px solid var(--dsw-alias-border-l3);outline-offset:2px}
+.codexSubscriptionSectionTitle{display:flex;flex:1;min-width:0;flex-direction:column;gap:2px}
+.codexSubscriptionFreshness{font-size:11px;line-height:17px;color:var(--dsw-alias-label-tertiary)}
+.codexSubscriptionRefresh{flex:0 0 auto;min-width:72px;width:max-content;white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;writing-mode:horizontal-tb!important}
+.codexSubscriptionRefresh *{white-space:nowrap!important;word-break:keep-all!important;writing-mode:horizontal-tb!important}
 .codexSubscriptionEmpty{padding:18px;border:1px dashed var(--dsw-alias-border-l3);border-radius:10px;text-align:center;font-size:13px;line-height:20px;color:var(--dsw-alias-label-tertiary)}
-.codexSubscriptionLimits{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:6px}.codexSubscriptionLimit{min-width:0;border-radius:10px;padding:9px 12px;background:var(--dsw-alias-bg-module-platform);display:flex;flex-direction:column;gap:6px}
-.codexSubscriptionLimitTop{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.codexSubscriptionLimitLabel{font-size:12px;line-height:18px;color:var(--dsw-alias-label-secondary)}.codexSubscriptionLimit strong{font:600 18px/24px ui-monospace,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums}
+.codexSubscriptionLimits{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:6px}
+.codexSubscriptionLimit{min-width:0;border-radius:10px;padding:9px 12px;background:var(--dsw-alias-bg-module-platform);display:flex;flex-direction:column;gap:6px}
+.codexSubscriptionLimitTop{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
+.codexSubscriptionLimitLabel{font-size:12px;line-height:18px;color:var(--dsw-alias-label-secondary)}
+.codexSubscriptionLimit strong{font:600 18px/24px ui-monospace,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums}
 .codexSubscriptionLimit progress{width:100%;height:4px;border:0;border-radius:999px;overflow:hidden;background:var(--dsw-alias-border-l3);accent-color:var(--dsw-alias-brand-primary,#3964fe);-webkit-appearance:none;appearance:none}
-.codexSubscriptionLimit progress::-webkit-progress-bar{background:var(--dsw-alias-border-l3);border-radius:999px}.codexSubscriptionLimit progress::-webkit-progress-value{background:var(--dsw-alias-brand-primary,#3964fe);border-radius:999px}.codexSubscriptionLimit progress::-moz-progress-bar{background:var(--dsw-alias-brand-primary,#3964fe);border-radius:999px}.codexSubscriptionLimitMeta{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:11px;line-height:17px;color:var(--dsw-alias-label-tertiary)}
-.codexSubscriptionCreditSection{display:flex;flex-direction:column;gap:7px}.codexSubscriptionCreditNote{font-size:11px;line-height:17px;color:var(--dsw-alias-label-tertiary)}.codexSubscriptionCreditRows{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.codexSubscriptionCreditBalance,.codexSubscriptionSpendLimit{min-width:0;border-radius:10px;padding:12px 14px;background:var(--dsw-alias-bg-module-platform)}
-.codexSubscriptionCreditBalance{display:flex;flex-direction:column;gap:6px}.codexSubscriptionCreditBalance span,.codexSubscriptionCreditLabel{font-size:12px;line-height:18px;color:var(--dsw-alias-label-secondary)}.codexSubscriptionCreditBalance strong{font:600 18px/24px ui-monospace,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
-.codexSubscriptionCreditRows{display:flex;flex-direction:column;gap:6px}.codexSubscriptionResetMeta{display:flex;min-width:0;flex-direction:column;gap:1px}.codexSubscriptionResetBalance{display:flex;flex-direction:column;gap:8px}.codexSubscriptionResetCard{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;padding:9px 10px;border:1px solid var(--dsw-alias-border-l2);border-radius:9px;background:var(--dsw-alias-bg-module-platform)}.codexSubscriptionResetCard .codexSubscriptionResetMeta{flex:1}.codexSubscriptionResetCard strong{overflow:hidden;font-size:12px;line-height:18px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.codexSubscriptionResetCard .codexSubscriptionActions{flex:0 0 auto}.codexSubscriptionResetCard .codexSubscriptionResetUse{min-height:28px;padding:0 10px}.codexSubscriptionResetBalance .codexSubscriptionActions{justify-content:flex-start}.codexSubscriptionResetFlow{display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--dsw-alias-border-l2);padding-top:10px}.codexSubscriptionResetFlow h4{margin:0;font-size:13px;line-height:20px;font-weight:500}.codexSubscriptionResetWarning{font-size:12px;line-height:18px;color:var(--dsw-alias-label-secondary)}.codexSubscriptionResetExpiry{font-size:11px;line-height:17px;color:var(--dsw-alias-label-tertiary)}.codexSubscriptionResetCheck{display:flex;align-items:flex-start;gap:8px;padding:9px 10px;border-radius:8px;background:var(--dsw-alias-bg-module-platform);font-size:12px;line-height:18px;color:var(--dsw-alias-label-primary);cursor:pointer}.codexSubscriptionResetCheck input{margin:3px 0 0;accent-color:var(--dsw-alias-label-primary)}.codexSubscriptionResetFinal{border-color:var(--dsw-alias-state-error-primary)!important;color:var(--dsw-alias-state-error-primary)!important}.codexSubscriptionResetResult{font-size:12px;line-height:18px;color:var(--dsw-alias-state-success-primary)}
-.codexSubscriptionResetUse:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.codexSubscriptionResetUse:focus-visible{outline:2px solid var(--dsw-alias-border-l3);outline-offset:1px}
-.codexSubscriptionSpendLimit{display:flex;flex-direction:column;gap:8px}.codexSubscriptionSpendTop{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.codexSubscriptionSpendTop strong{font:600 16px/22px ui-monospace,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums}.codexSubscriptionSpendLimit progress{width:100%;height:6px;border:0;border-radius:999px;overflow:hidden;background:var(--dsw-alias-border-l3);accent-color:var(--dsw-alias-brand-primary,#3964fe);-webkit-appearance:none;appearance:none}.codexSubscriptionSpendLimit progress::-webkit-progress-bar{background:var(--dsw-alias-border-l3);border-radius:999px}.codexSubscriptionSpendLimit progress::-webkit-progress-value{background:var(--dsw-alias-brand-primary,#3964fe);border-radius:999px}.codexSubscriptionSpendLimit progress::-moz-progress-bar{background:var(--dsw-alias-brand-primary,#3964fe);border-radius:999px}
-.codexComposerQuotaWindows{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}.codexComposerQuota{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;height:28px;box-sizing:border-box;padding:0;color:var(--dsw-alias-label-secondary);font-family:inherit;font-size:12px;line-height:20px;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap;user-select:none}.codexComposerQuotaBar{display:block;width:40px;height:4px;border:0;border-radius:999px;overflow:hidden;background:var(--dsw-alias-border-l3);accent-color:var(--dsw-alias-label-secondary);-webkit-appearance:none;appearance:none}.codexComposerQuotaBar::-webkit-progress-bar{background:var(--dsw-alias-border-l3);border-radius:999px}.codexComposerQuotaBar::-webkit-progress-value{background:var(--dsw-alias-label-secondary);border-radius:999px}.codexComposerQuotaBar::-moz-progress-bar{background:var(--dsw-alias-label-secondary);border-radius:999px}
-.codexModelSelect{position:relative;min-width:0}.codexModelSelectTrigger{display:flex;align-items:center;gap:4px;min-width:0;max-width:min(360px,45cqw);height:28px;padding:0 4px 0 8px;border:0;border-radius:24px;outline:0;background:transparent;color:var(--dsw-alias-label-secondary);font-size:13px;font-weight:500;line-height:20px;cursor:pointer}.codexModelSelectTrigger:hover:not(:disabled),.codexModelSelectTrigger[aria-expanded=true]{background:var(--dsw-alias-interactive-bg-hover)}.codexModelSelectTrigger:focus-visible{box-shadow:0 0 0 2px var(--dsw-alias-border-l3)}.codexModelSelectTrigger:disabled{color:var(--dsw-alias-label-dimmed);cursor:default}.codexModelSelectBolt{display:block;flex:none;width:14px;height:14px;color:var(--dsw-alias-label-primary)}.codexModelSelectLabel{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.codexModelSelectEffort{flex:none;color:var(--dsw-alias-label-caption)}.codexModelSelectChevron{flex:none;color:var(--dsw-alias-label-caption);transition:transform 120ms}.codexModelSelectTrigger[aria-expanded=true] .codexModelSelectChevron{transform:rotate(180deg)}
-.codexModelSelectMenu,.codexModelSelectSubmenu{position:absolute;z-index:30;box-sizing:border-box;width:max-content;min-width:min(240px,calc(100vw - 32px));max-width:min(420px,calc(100vw - 32px));max-height:min(360px,calc(100vh - 96px));padding:4px;border:1px solid var(--dsw-alias-border-inverted);border-radius:12px;background:var(--dsw-specific-menu);box-shadow:var(--dsw-shadow-lv3);color:var(--dsw-alias-label-primary);overflow:hidden}.codexModelSelectMenu{right:0;bottom:calc(100% + 8px)}.codexModelSelectSubmenu{right:calc(100% + 8px);bottom:0;min-width:min(230px,calc(100vw - 32px))}.codexModelSelectCell{display:flex;align-items:center;gap:8px;width:100%;min-width:100%;height:40px;box-sizing:border-box;padding:0 10px;border:0;border-radius:10px;background:transparent;color:inherit;font-size:14px;line-height:22px;text-align:left;cursor:pointer}.codexModelSelectCell:hover,.codexModelSelectCell:focus-visible,.codexModelSelectCell[data-open=true]{background:var(--dsw-alias-interactive-bg-hover);outline:0}.codexModelSelectCell:disabled{color:var(--dsw-alias-label-dimmed);cursor:default}.codexModelSelectCellLabel{flex:none;white-space:nowrap}.codexModelSelectCellValue{flex:auto;min-width:0;overflow:hidden;color:var(--dsw-alias-label-tertiary);text-align:right;text-overflow:ellipsis;white-space:nowrap}.codexModelSelectCellChevron{flex:none;color:var(--dsw-alias-label-tertiary)}.codexModelSelectGroups{min-height:0;max-height:352px;overflow-y:auto}.codexModelSelectGroup+.codexModelSelectGroup{margin-top:4px}.codexModelSelectGroupTitle{position:sticky;top:0;z-index:1;padding:5px 8px 3px;background:var(--dsw-specific-menu);color:var(--dsw-alias-label-tertiary);font-size:12px;font-weight:500;line-height:18px}.codexModelSelectOption{display:flex;align-items:center;gap:8px;width:100%;min-width:100%;min-height:38px;box-sizing:border-box;padding:6px 8px;border:0;border-radius:10px;outline:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.codexModelSelectOption:hover:not(:disabled),.codexModelSelectOption:focus-visible{background:var(--dsw-alias-interactive-bg-hover)}.codexModelSelectOption:disabled{color:var(--dsw-alias-label-dimmed);cursor:default}.codexModelSelectOptionCopy{display:flex;flex:1;min-width:0;flex-direction:column}.codexModelSelectOptionName{overflow:hidden;color:inherit;font-size:14px;font-weight:500;line-height:20px;text-overflow:ellipsis;white-space:nowrap}.codexModelSelectOptionDescription{overflow:hidden;color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:18px;text-overflow:ellipsis;white-space:nowrap}.codexModelSelectCheck{display:grid;place-items:center;flex:0 0 18px;color:var(--dsw-alias-label-primary)}.codexModelSelectStatus,.codexModelSelectEmpty{padding:10px;color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:20px}.codexModelSelectError,.codexModelSelectWarning{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:4px;padding:7px 8px;border-radius:8px;background:var(--dsw-alias-interactive-bg-hover-danger);color:var(--dsw-alias-state-error-primary);font-size:12px;line-height:18px}.codexModelSelectWarning{background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-state-warn-label)}.codexModelSelectRetry{flex:none;padding:0;border:0;background:transparent;color:inherit;font:inherit;font-weight:600;cursor:pointer}
+.codexSubscriptionLimit progress::-webkit-progress-bar{background:var(--dsw-alias-border-l3);border-radius:999px}
+.codexSubscriptionLimit progress::-webkit-progress-value{background:var(--dsw-alias-brand-primary,#3964fe);border-radius:999px}
+.codexSubscriptionLimit progress::-moz-progress-bar{background:var(--dsw-alias-brand-primary,#3964fe);border-radius:999px}
+.codexSubscriptionLimitMeta{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:11px;line-height:17px;color:var(--dsw-alias-label-tertiary)}
+.codexSubscriptionCreditSection{display:flex;flex-direction:column;gap:7px}
+.codexSubscriptionCreditNote{font-size:11px;line-height:17px;color:var(--dsw-alias-label-tertiary)}
+.codexSubscriptionCreditRows{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}
+.codexSubscriptionCreditBalance,.codexSubscriptionSpendLimit{min-width:0;border-radius:10px;padding:12px 14px;background:var(--dsw-alias-bg-module-platform)}
+.codexSubscriptionCreditBalance{display:flex;flex-direction:column;gap:6px}
+.codexSubscriptionCreditBalance span,.codexSubscriptionCreditLabel{font-size:12px;line-height:18px;color:var(--dsw-alias-label-secondary)}
+.codexSubscriptionCreditBalance strong{font:600 18px/24px ui-monospace,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
+.codexSubscriptionCreditRows{display:flex;flex-direction:column;gap:6px}
+.codexSubscriptionResetMeta{display:flex;min-width:0;flex-direction:column;gap:1px}
+.codexSubscriptionResetBalance{display:flex;flex-direction:column;gap:8px}
+.codexSubscriptionResetCard{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;padding:9px 10px;border:1px solid var(--dsw-alias-border-l2);border-radius:9px;background:var(--dsw-alias-bg-module-platform)}
+.codexSubscriptionResetCard .codexSubscriptionResetMeta{flex:1}
+.codexSubscriptionResetCard strong{overflow:hidden;font-size:12px;line-height:18px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}
+.codexSubscriptionResetCard .codexSubscriptionActions{flex:0 0 auto}
+.codexSubscriptionResetCard .codexSubscriptionResetUse{min-height:28px;padding:0 10px}
+.codexSubscriptionResetBalance .codexSubscriptionActions{justify-content:flex-start}
+.codexSubscriptionResetFlow{display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--dsw-alias-border-l2);padding-top:10px}
+.codexSubscriptionResetFlow h4{margin:0;font-size:13px;line-height:20px;font-weight:500}
+.codexSubscriptionResetWarning{font-size:12px;line-height:18px;color:var(--dsw-alias-label-secondary)}
+.codexSubscriptionResetExpiry{font-size:11px;line-height:17px;color:var(--dsw-alias-label-tertiary)}
+.codexSubscriptionResetCheck{display:flex;align-items:flex-start;gap:8px;padding:9px 10px;border-radius:8px;background:var(--dsw-alias-bg-module-platform);font-size:12px;line-height:18px;color:var(--dsw-alias-label-primary);cursor:pointer}
+.codexSubscriptionResetCheck input{margin:3px 0 0;accent-color:var(--dsw-alias-label-primary)}
+.codexSubscriptionResetFinal{border-color:var(--dsw-alias-state-error-primary)!important;color:var(--dsw-alias-state-error-primary)!important}
+.codexSubscriptionResetResult{font-size:12px;line-height:18px;color:var(--dsw-alias-state-success-primary)}
+.codexSubscriptionResetUse:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}
+.codexSubscriptionResetUse:focus-visible{outline:2px solid var(--dsw-alias-border-l3);outline-offset:1px}
+.codexSubscriptionSpendLimit{display:flex;flex-direction:column;gap:8px}
+.codexSubscriptionSpendTop{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
+.codexSubscriptionSpendTop strong{font:600 16px/22px ui-monospace,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums}
+.codexSubscriptionSpendLimit progress{width:100%;height:6px;border:0;border-radius:999px;overflow:hidden;background:var(--dsw-alias-border-l3);accent-color:var(--dsw-alias-brand-primary,#3964fe);-webkit-appearance:none;appearance:none}
+.codexSubscriptionSpendLimit progress::-webkit-progress-bar{background:var(--dsw-alias-border-l3);border-radius:999px}
+.codexSubscriptionSpendLimit progress::-webkit-progress-value{background:var(--dsw-alias-brand-primary,#3964fe);border-radius:999px}
+.codexSubscriptionSpendLimit progress::-moz-progress-bar{background:var(--dsw-alias-brand-primary,#3964fe);border-radius:999px}
+.codexComposerQuotaWindows{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}
+.codexComposerQuota{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;height:28px;box-sizing:border-box;padding:0;color:var(--dsw-alias-label-secondary);font-family:inherit;font-size:12px;line-height:20px;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap;user-select:none}
+.codexComposerQuotaBar{display:block;width:40px;height:4px;border:0;border-radius:999px;overflow:hidden;background:var(--dsw-alias-border-l3);accent-color:var(--dsw-alias-label-secondary);-webkit-appearance:none;appearance:none}
+.codexComposerQuotaBar::-webkit-progress-bar{background:var(--dsw-alias-border-l3);border-radius:999px}
+.codexComposerQuotaBar::-webkit-progress-value{background:var(--dsw-alias-label-secondary);border-radius:999px}
+.codexComposerQuotaBar::-moz-progress-bar{background:var(--dsw-alias-label-secondary);border-radius:999px}
+.codexModelSelect{position:relative;min-width:0}
+.codexModelSelectTrigger{display:flex;align-items:center;gap:4px;min-width:0;max-width:min(360px,45cqw);height:28px;padding:0 4px 0 8px;border:0;border-radius:24px;outline:0;background:transparent;color:var(--dsw-alias-label-secondary);font-size:13px;font-weight:500;line-height:20px;cursor:pointer}
+.codexModelSelectTrigger:hover:not(:disabled),.codexModelSelectTrigger[aria-expanded=true]{background:var(--dsw-alias-interactive-bg-hover)}
+.codexModelSelectTrigger:focus-visible{box-shadow:0 0 0 2px var(--dsw-alias-border-l3)}
+.codexModelSelectTrigger:disabled{color:var(--dsw-alias-label-dimmed);cursor:default}
+.codexModelSelectBolt{display:block;flex:none;width:14px;height:14px;color:var(--dsw-alias-label-primary)}
+.codexModelSelectLabel{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.codexModelSelectEffort{flex:none;color:var(--dsw-alias-label-caption)}
+.codexModelSelectChevron{flex:none;color:var(--dsw-alias-label-caption);transition:transform 120ms}
+.codexModelSelectTrigger[aria-expanded=true] .codexModelSelectChevron{transform:rotate(180deg)}
+.codexModelSelectMenu,.codexModelSelectSubmenu{position:absolute;z-index:30;box-sizing:border-box;width:max-content;min-width:min(240px,calc(100vw - 32px));max-width:min(420px,calc(100vw - 32px));max-height:min(360px,calc(100vh - 96px));padding:4px;border:1px solid var(--dsw-alias-border-inverted);border-radius:12px;background:var(--dsw-specific-menu);box-shadow:var(--dsw-shadow-lv3);color:var(--dsw-alias-label-primary);overflow:hidden}
+.codexModelSelectMenu{right:0;bottom:calc(100% + 8px)}
+.codexModelSelectSubmenu{right:calc(100% + 8px);bottom:0;min-width:min(230px,calc(100vw - 32px))}
+.codexModelSelectCell{display:flex;align-items:center;gap:8px;width:100%;min-width:100%;height:40px;box-sizing:border-box;padding:0 10px;border:0;border-radius:10px;background:transparent;color:inherit;font-size:14px;line-height:22px;text-align:left;cursor:pointer}
+.codexModelSelectCell:hover,.codexModelSelectCell:focus-visible,.codexModelSelectCell[data-open=true]{background:var(--dsw-alias-interactive-bg-hover);outline:0}
+.codexModelSelectCell:disabled{color:var(--dsw-alias-label-dimmed);cursor:default}
+.codexModelSelectCellLabel{flex:none;white-space:nowrap}
+.codexModelSelectCellValue{flex:auto;min-width:0;overflow:hidden;color:var(--dsw-alias-label-tertiary);text-align:right;text-overflow:ellipsis;white-space:nowrap}
+.codexModelSelectCellChevron{flex:none;color:var(--dsw-alias-label-tertiary)}
+.codexModelSelectGroups{min-height:0;max-height:352px;overflow-y:auto}
+.codexModelSelectGroup+.codexModelSelectGroup{margin-top:4px}
+.codexModelSelectGroupTitle{position:sticky;top:0;z-index:1;padding:5px 8px 3px;background:var(--dsw-specific-menu);color:var(--dsw-alias-label-tertiary);font-size:12px;font-weight:500;line-height:18px}
+.codexModelSelectOption{display:flex;align-items:center;gap:8px;width:100%;min-width:100%;min-height:38px;box-sizing:border-box;padding:6px 8px;border:0;border-radius:10px;outline:0;background:transparent;color:inherit;text-align:left;cursor:pointer}
+.codexModelSelectOption:hover:not(:disabled),.codexModelSelectOption:focus-visible{background:var(--dsw-alias-interactive-bg-hover)}
+.codexModelSelectOption:disabled{color:var(--dsw-alias-label-dimmed);cursor:default}
+.codexModelSelectOptionCopy{display:flex;flex:1;min-width:0;flex-direction:column}
+.codexModelSelectOptionName{overflow:hidden;color:inherit;font-size:14px;font-weight:500;line-height:20px;text-overflow:ellipsis;white-space:nowrap}
+.codexModelSelectOptionDescription{overflow:hidden;color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:18px;text-overflow:ellipsis;white-space:nowrap}
+.codexModelSelectCheck{display:grid;place-items:center;flex:0 0 18px;color:var(--dsw-alias-label-primary)}
+.codexModelSelectStatus,.codexModelSelectEmpty{padding:10px;color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:20px}
+.codexModelSelectError,.codexModelSelectWarning{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:4px;padding:7px 8px;border-radius:8px;background:var(--dsw-alias-interactive-bg-hover-danger);color:var(--dsw-alias-state-error-primary);font-size:12px;line-height:18px}
+.codexModelSelectWarning{background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-state-warn-label)}
+.codexModelSelectRetry{flex:none;padding:0;border:0;background:transparent;color:inherit;font:inherit;font-weight:600;cursor:pointer}
 .codexModelSelectMenu{overflow:visible}
-.codexImageTool{display:flex;flex-direction:column;gap:8px;margin:4px 0;color:var(--dsw-alias-label-primary)}.codexImageToolRow{display:flex;align-items:center;min-height:24px;gap:8px;font-size:13px;line-height:20px}.codexImageToolIcon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;color:var(--dsw-alias-label-secondary)}.codexImageToolIcon::before{content:'';width:8px;height:8px;border:1.5px solid currentColor;border-radius:3px}.codexImageTool[data-state=running] .codexImageToolIcon::before{border-radius:50%;border-right-color:transparent;animation:codexImageSpin 800ms linear infinite}.codexImageTool[data-state=error] .codexImageToolIcon::before{border-color:var(--dsw-alias-state-error-primary);background:var(--dsw-alias-state-error-primary)}.codexImageToolTitle{font-weight:500}.codexImageToolState{color:var(--dsw-alias-label-tertiary)}.codexImageToolError{margin:0 0 0 24px;font-size:12px;line-height:18px;color:var(--dsw-alias-state-error-primary)}.codexImageToolGallery{margin-left:24px}.codexGeneratedImageFrame{display:flex;align-items:center;justify-content:center;width:min(240px,100%);height:240px;padding:0;overflow:hidden;border:1px solid var(--dsw-alias-border-l2);border-radius:16px;background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-tertiary);cursor:pointer}.codexGeneratedImageFrame img{display:block;width:100%;height:100%;object-fit:cover}.codexGeneratedImageRetry{min-height:36px;padding:0 12px;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary);cursor:pointer}.codexGeneratedImageModal{width:min(920px,calc(100vw - 32px));max-height:calc(100vh - 32px)}.codexGeneratedImageModalContent{min-height:0;overflow:hidden}.codexGeneratedImageViewer{display:flex;min-width:0;flex-direction:column;gap:12px}.codexGeneratedImageStage{display:grid;place-items:center;min-height:280px;max-height:calc(100vh - 260px);overflow:auto;border:1px solid var(--dsw-alias-border-l2);border-radius:12px;background:var(--dsw-alias-bg-module-platform)}.codexGeneratedImageStage img{display:block;max-width:100%;max-height:calc(100vh - 280px);object-fit:contain;transform-origin:center;transition:transform 120ms ease}.codexGeneratedImageMeta{color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:18px}.codexGeneratedImageToolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.codexGeneratedImageZoom{display:flex;align-items:center;gap:6px}.codexGeneratedImageZoomValue{min-width:44px;color:var(--dsw-alias-label-secondary);font-size:12px;text-align:center}.codexGeneratedImageDownload{display:inline-flex;align-items:center;gap:6px;min-height:32px;box-sizing:border-box;padding:0 12px;border:1px solid var(--dsw-alias-border-l2);border-radius:999px;background:transparent;color:var(--dsw-alias-label-primary);font-size:13px;text-decoration:none}.codexGeneratedImageDownload:hover{background:var(--dsw-alias-interactive-bg-hover)}.codexGeneratedImageGuidance{display:flex;flex-direction:column;gap:2px;padding-top:2px;color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:18px}@keyframes codexImageSpin{to{transform:rotate(360deg)}}
+.codexImageTool{display:flex;flex-direction:column;gap:8px;margin:4px 0;color:var(--dsw-alias-label-primary)}
+.codexImageToolRow{display:flex;align-items:center;min-height:24px;gap:8px;font-size:13px;line-height:20px}
+.codexImageToolIcon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;color:var(--dsw-alias-label-secondary)}
+.codexImageToolIcon::before{content:'';width:8px;height:8px;border:1.5px solid currentColor;border-radius:3px}
+.codexImageTool[data-state=running] .codexImageToolIcon::before{border-radius:50%;border-right-color:transparent;animation:codexImageSpin 800ms linear infinite}
+.codexImageTool[data-state=error] .codexImageToolIcon::before{border-color:var(--dsw-alias-state-error-primary);background:var(--dsw-alias-state-error-primary)}
+.codexImageToolTitle{font-weight:500}
+.codexImageToolState{color:var(--dsw-alias-label-tertiary)}
+.codexImageToolError{margin:0 0 0 24px;font-size:12px;line-height:18px;color:var(--dsw-alias-state-error-primary)}
+.codexImageToolGallery{margin-left:24px}
+.codexGeneratedImageFrame{display:flex;align-items:center;justify-content:center;width:min(240px,100%);height:240px;padding:0;overflow:hidden;border:1px solid var(--dsw-alias-border-l2);border-radius:16px;background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-tertiary);cursor:pointer}
+.codexGeneratedImageFrame img{display:block;width:100%;height:100%;object-fit:cover}
+.codexGeneratedImageRetry{min-height:36px;padding:0 12px;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary);cursor:pointer}
+@keyframes codexImageSpin{to{transform:rotate(360deg)}}
 .codexImageBeta{padding:0 5px;border:1px solid var(--dsw-alias-border-l2);border-radius:999px;color:var(--dsw-alias-label-tertiary);font-size:10px;line-height:16px}
 .codexImageToolGallery{display:flex;align-items:flex-start;flex-direction:column;gap:8px}
 @container (max-width:560px){.codexSubscriptionCreditRows{grid-template-columns:1fr}}
-@container (max-width:480px){.codexSubscriptionAccountRow,.codexSubscriptionSectionHead{align-items:flex-start;flex-direction:column}.codexSubscriptionActions{width:100%}.codexSubscriptionSearchChoices{grid-template-columns:1fr}}
+@container (max-width:480px){.codexSubscriptionAccountRow,.codexSubscriptionSectionHead{align-items:flex-start;flex-direction:column}
+.codexSubscriptionActions{width:100%}
+.codexSubscriptionSearchChoices{grid-template-columns:1fr}}
 @media(max-width:640px){.codexSubscriptionCard{padding:14px}}
 `;
+		//#endregion
+		//#region node_modules/.pnpm/@heroicons+react@2.2.0_react@18.3.1/node_modules/@heroicons/react/16/solid/esm/BoltIcon.js
+		function BoltIcon({ title, titleId, ...props }, svgRef) {
+			return /*#__PURE__*/ react.createElement("svg", Object.assign({
+				xmlns: "http://www.w3.org/2000/svg",
+				viewBox: "0 0 16 16",
+				fill: "currentColor",
+				"aria-hidden": "true",
+				"data-slot": "icon",
+				ref: svgRef,
+				"aria-labelledby": titleId
+			}, props), title ? /*#__PURE__*/ react.createElement("title", { id: titleId }, title) : null, /*#__PURE__*/ react.createElement("path", {
+				fillRule: "evenodd",
+				d: "M9.58 1.077a.75.75 0 0 1 .405.82L9.165 6h4.085a.75.75 0 0 1 .567 1.241l-6.5 7.5a.75.75 0 0 1-1.302-.638L6.835 10H2.75a.75.75 0 0 1-.567-1.241l6.5-7.5a.75.75 0 0 1 .897-.182Z",
+				clipRule: "evenodd"
+			}));
+		}
+		const ForwardRef = /*#__PURE__*/ react.forwardRef(BoltIcon);
+		//#endregion
+		//#region src/image-edit-reference.js
+		const TWO_PI = Math.PI * 2;
+		const PIN_FILL = "#e11d48";
+		const PIN_OUTER_STROKE = "#111827";
+		const PIN_INNER_STROKE = "#ffffff";
+		const finiteDimension = (value) => Number.isSafeInteger(value) && value > 0;
+		const clamp$1 = (value, min, max) => Math.min(max, Math.max(min, value));
+		const clampCenter = (value, size, edge) => {
+			const margin = Math.min(edge, size / 2);
+			return clamp$1(value, margin, size - margin);
+		};
+		function getBitmapFactory(options) {
+			const factory = options?.createImageBitmap ?? options?.bitmapFactory ?? globalThis.createImageBitmap;
+			if (typeof factory !== "function") throw new Error("createImageBitmap is not available");
+			return factory;
+		}
+		function getCanvasFactory(options) {
+			const injected = options?.createCanvas ?? options?.canvasFactory;
+			if (typeof injected === "function") return injected;
+			const document = globalThis.document;
+			if (document !== void 0 && typeof document.createElement === "function") return (width, height) => {
+				const canvas = document.createElement("canvas");
+				canvas.width = width;
+				canvas.height = height;
+				return canvas;
+			};
+			throw new Error("A canvas factory is not available");
+		}
+		function drawPin(context, number, x, y, width, height) {
+			const label = String(number);
+			const fontSize = Math.max(12, Math.min(40, Math.round(Math.min(width, height) * .03)));
+			const radius = Math.max(12, fontSize * .8, fontSize * (.3 * label.length + .35));
+			const outerStroke = Math.max(2, Math.min(4, radius * .25));
+			const innerStroke = Math.max(1, Math.min(2, radius * .13));
+			const edge = radius + outerStroke + 2;
+			const targetX = x * Math.max(0, width - 1);
+			const targetY = y * Math.max(0, height - 1);
+			const centerX = clampCenter(targetX, width, edge);
+			const centerY = clampCenter(targetY, height, edge);
+			context.save?.();
+			if ((centerX !== targetX || centerY !== targetY) && typeof context.moveTo === "function" && typeof context.lineTo === "function") {
+				context.beginPath();
+				context.moveTo(targetX, targetY);
+				context.lineTo(centerX, centerY);
+				context.lineWidth = outerStroke * 2;
+				context.strokeStyle = PIN_OUTER_STROKE;
+				context.stroke();
+				context.beginPath();
+				context.moveTo(targetX, targetY);
+				context.lineTo(centerX, centerY);
+				context.lineWidth = innerStroke;
+				context.strokeStyle = PIN_INNER_STROKE;
+				context.stroke();
+			}
+			context.beginPath();
+			context.arc(centerX, centerY, radius, 0, TWO_PI);
+			context.fillStyle = PIN_FILL;
+			context.fill();
+			context.lineWidth = outerStroke;
+			context.strokeStyle = PIN_OUTER_STROKE;
+			context.stroke();
+			context.lineWidth = innerStroke;
+			context.strokeStyle = PIN_INNER_STROKE;
+			context.stroke();
+			context.font = `700 ${fontSize}px sans-serif`;
+			context.fillStyle = PIN_INNER_STROKE;
+			context.textAlign = "center";
+			context.textBaseline = "middle";
+			context.fillText(label, centerX, centerY);
+			context.restore?.();
+		}
+		function encodePng(canvas) {
+			if (typeof canvas?.toBlob !== "function") throw new Error("Canvas PNG encoding is not available");
+			return new Promise((resolve, reject) => {
+				let settled = false;
+				const finish = (callback, value) => {
+					if (settled) return;
+					settled = true;
+					callback(value);
+				};
+				try {
+					canvas.toBlob((value) => {
+						if (value === null || value === void 0) finish(reject, /* @__PURE__ */ new Error("Canvas failed to encode the annotation reference as PNG"));
+						else finish(resolve, value);
+					}, "image/png");
+				} catch (error) {
+					finish(reject, error);
+				}
+			});
+		}
+		/**
+		* Create the second image sent with an annotated edit. It contains the clean
+		* source plus numbered pins, with no note text. `options` is intentionally
+		* injectable so the rendering path can be exercised without a browser:
+		* `{ createImageBitmap, createCanvas }`.
+		*/
+		async function createAnnotatedImageReference(blob, annotations, options = {}) {
+			const normalized = normalizeImageEditAnnotations(annotations);
+			const createImageBitmap = getBitmapFactory(options);
+			const createCanvas = getCanvasFactory(options);
+			const bitmap = await createImageBitmap(blob);
+			try {
+				const width = bitmap?.width;
+				const height = bitmap?.height;
+				if (!finiteDimension(width) || !finiteDimension(height)) throw new Error("The source image has invalid dimensions");
+				if (Math.min(width, height) < 64) throw new Error("The source image is too small for readable annotation pins");
+				const canvas = await createCanvas(width, height);
+				if (canvas === null || canvas === void 0) throw new Error("Canvas factory returned no canvas");
+				canvas.width = width;
+				canvas.height = height;
+				const context = canvas.getContext?.("2d");
+				if (context === null || context === void 0) throw new Error("Canvas 2D context is not available");
+				context.clearRect?.(0, 0, width, height);
+				context.drawImage?.(bitmap, 0, 0, width, height);
+				if (typeof context.drawImage !== "function") throw new Error("Canvas 2D context cannot draw the source image");
+				for (const annotation of normalized) drawPin(context, annotation.number, annotation.x, annotation.y, width, height);
+				return await encodePng(canvas);
+			} finally {
+				if (typeof bitmap?.close === "function") bitmap.close();
+			}
+		}
+		//#endregion
+		//#region src/subscription-image-viewer-styles.js
+		const SUBSCRIPTION_IMAGE_VIEWER_CSS = String.raw`
+.dcsiv-root{position:fixed;inset:0;z-index:1000;pointer-events:auto;overflow:hidden;background:rgba(7,8,10,.68);color:var(--dsw-alias-label-primary-inverted,#fff);outline:0;backdrop-filter:blur(13px) saturate(.72);-webkit-backdrop-filter:blur(13px) saturate(.72)}
+.dcsiv-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
+.dcsiv-topbar{position:absolute;right:50%;bottom:22px;z-index:6;max-width:calc(100vw - 36px);padding:5px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(38,39,43,.86);box-shadow:0 10px 34px rgba(0,0,0,.3);transform:translateX(50%);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
+.dcsiv-actions{display:flex;align-items:center;gap:2px;overflow-x:auto;scrollbar-width:none}.dcsiv-actions::-webkit-scrollbar{display:none}.dcsiv-button,.dcsiv-download{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 10px;border:0;border-radius:999px;background:transparent;color:rgba(255,255,255,.9);font:inherit;font-size:12px;text-decoration:none;white-space:nowrap;cursor:pointer}.dcsiv-button:hover,.dcsiv-download:hover,.dcsiv-button[data-active=true]{background:rgba(255,255,255,.12)}.dcsiv-button:focus-visible,.dcsiv-download:focus-visible,.dcsiv-close-floating:focus-visible{outline:2px solid rgba(255,255,255,.9);outline-offset:2px}.dcsiv-button:disabled,.dcsiv-download:disabled{opacity:.38;cursor:default}.dcsiv-icon-only{width:32px;padding:0}.dcsiv-zoom{min-width:44px;color:rgba(255,255,255,.68);font-size:12px;font-variant-numeric:tabular-nums;text-align:center}
+.dcsiv-close-floating{position:absolute;top:20px;right:20px;z-index:8;display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid rgba(255,255,255,.1);border-radius:50%;background:rgba(48,49,53,.82);box-shadow:0 8px 24px rgba(0,0,0,.28);color:#fff;cursor:pointer;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.dcsiv-close-floating:hover{background:rgba(66,67,72,.92)}
+.dcsiv-workspace{position:absolute;inset:0;display:grid;min-width:0;min-height:0;padding:68px 24px 72px;box-sizing:border-box}
+.dcsiv-stage{position:relative;display:grid;place-items:center;min-width:0;min-height:0;overflow:hidden;padding:0;touch-action:none;user-select:none}.dcsiv-stage[data-dragging=true]{cursor:grabbing}.dcsiv-stage[data-annotating=true]{cursor:crosshair}
+.dcsiv-surface{position:relative;display:inline-flex;max-width:100%;max-height:100%;transform-origin:center;will-change:transform}.dcsiv-image{display:block;max-width:calc(100vw - 72px);max-height:calc(100vh - 154px);border-radius:12px;object-fit:contain;box-shadow:0 22px 60px rgba(0,0,0,.46);user-select:none;-webkit-user-drag:none}
+.dcsiv-annotation{position:absolute;z-index:5;width:24px;height:24px;transform-origin:center;pointer-events:none}.dcsiv-pin{position:absolute;inset:0;display:grid;place-items:center;width:24px;height:24px;padding:0;border:2px solid #fff;border-radius:50%;background:rgba(23,24,27,.94);box-shadow:0 4px 16px rgba(0,0,0,.35);color:#fff;font:inherit;font-size:11px;font-weight:700;cursor:pointer;pointer-events:auto}.dcsiv-pin[data-active=true]{background:var(--dsw-alias-state-business-primary,#3964fe)}
+.dcsiv-inline-note{position:absolute;bottom:34px;box-sizing:border-box;display:grid;width:min(300px,calc(100vw - 40px));grid-template-columns:24px minmax(0,1fr) 24px;align-items:center;gap:7px;padding:7px 8px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(32,33,37,.94);box-shadow:0 14px 38px rgba(0,0,0,.38);color:#fff;pointer-events:auto;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.dcsiv-annotation[data-x=right] .dcsiv-inline-note{left:-8px}.dcsiv-annotation[data-x=left] .dcsiv-inline-note{right:-8px}.dcsiv-annotation[data-x=center] .dcsiv-inline-note{left:50%;transform:translateX(-50%)}.dcsiv-annotation[data-y=down] .dcsiv-inline-note{top:34px;bottom:auto}.dcsiv-inline-note::after{position:absolute;width:9px;height:9px;background:rgba(32,33,37,.94);content:'';transform:rotate(45deg)}.dcsiv-annotation[data-y=up] .dcsiv-inline-note::after{bottom:-5px}.dcsiv-annotation[data-y=down] .dcsiv-inline-note::after{top:-5px}.dcsiv-annotation[data-x=right] .dcsiv-inline-note::after{left:13px}.dcsiv-annotation[data-x=left] .dcsiv-inline-note::after{right:13px}.dcsiv-annotation[data-x=center] .dcsiv-inline-note::after{left:calc(50% - 4px)}.dcsiv-inline-index{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--dsw-alias-state-business-primary,#3964fe);color:#fff;font-size:10px;font-weight:700}.dcsiv-inline-note textarea{box-sizing:border-box;width:100%;min-height:24px;max-height:92px;resize:none;overflow:auto;border:0;outline:0;background:transparent;color:#fff;font:inherit;font-size:12px;line-height:18px}.dcsiv-inline-note textarea::placeholder{color:rgba(255,255,255,.44)}.dcsiv-note-remove{display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;border-radius:50%;background:transparent;color:rgba(255,255,255,.68);cursor:pointer}.dcsiv-note-remove:hover{background:rgba(255,255,255,.1);color:#fff}
+.dcsiv-nav{position:absolute;top:50%;z-index:4;width:42px;height:42px;padding:0;transform:translateY(-50%);background:rgba(48,49,53,.82);box-shadow:0 8px 24px rgba(0,0,0,.28);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.dcsiv-prev{left:6px}.dcsiv-next{right:6px}.dcsiv-counter{position:absolute;bottom:8px;left:50%;padding:5px 10px;border-radius:999px;background:rgba(38,39,43,.86);color:rgba(255,255,255,.72);font-size:11px;transform:translateX(-50%);backdrop-filter:blur(16px)}
+.dcsiv-hint{display:none}
+.dcsiv-copy-notes{position:absolute;right:20px;bottom:22px;z-index:6;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 11px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(38,39,43,.86);color:rgba(255,255,255,.82);font:inherit;font-size:12px;cursor:pointer;backdrop-filter:blur(16px)}
+@media(max-width:760px){.dcsiv-close-floating{top:12px;right:12px;width:40px;height:40px}.dcsiv-workspace{padding:60px 12px 68px}.dcsiv-image{max-width:calc(100vw - 24px);max-height:calc(100vh - 136px)}.dcsiv-topbar{bottom:12px;max-width:calc(100vw - 24px)}.dcsiv-button{padding:0 8px}.dcsiv-button span.dcsiv-label{display:none}.dcsiv-inline-note{width:min(260px,calc(100vw - 40px))}.dcsiv-copy-notes{display:none}}
+@media(prefers-reduced-motion:reduce){.dcsiv-surface{transition:none}}
+`;
+		//#endregion
+		//#region src/subscription-image-viewer.jsx
+		const fill$1 = (value, variables) => Object.entries(variables).reduce((text, [key, replacement]) => text.replaceAll(`{${key}}`, String(replacement)), value);
+		const clamp = (value, min, max) => Math.min(max, Math.max(min, value));
+		const bytesLabel = (bytes) => bytes === void 0 ? void 0 : bytes < 1024 * 1024 ? `${Math.max(.1, bytes / 1024).toLocaleString(void 0, { maximumFractionDigits: 1 })} KB` : `${(bytes / 1024 / 1024).toLocaleString(void 0, { maximumFractionDigits: 1 })} MB`;
+		const downloadName = (name) => {
+			const cleaned = String(name || "image.png").replace(/[<>:"/\\|?*\u0000-\u001f]/gu, "-").replace(/[. ]+$/u, "").trim();
+			return cleaned === "" ? "image.png" : cleaned;
+		};
+		const noteText = (annotations, t) => annotations.map((annotation, index) => {
+			return `${fill$1(t("imageAnnotation"), { value: index + 1 })} (${Math.round(annotation.x * 100)}%, ${Math.round(annotation.y * 100)}%): ${annotation.note.trim()}`;
+		}).filter((line) => !line.endsWith(": ")).join("\n");
+		function ViewerAction({ action, annotations, item, service, t }) {
+			const [state, setState] = (0, react.useState)("idle");
+			const invoke = async () => {
+				if (state === "pending") return;
+				setState("pending");
+				try {
+					await action.onInvoke({
+						annotations,
+						item,
+						src: item.src
+					});
+					setState("idle");
+					if (action.closeOnSuccess) service.close();
+				} catch {
+					setState("failed");
+				}
+			};
+			const label = state === "pending" ? action.pendingLabel : state === "failed" ? action.errorLabel : action.label;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				type: "button",
+				className: "dcsiv-button",
+				disabled: state === "pending",
+				onClick: () => {
+					invoke();
+				},
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "dcsiv-label",
+					children: label ?? t("imageEdit")
+				})
+			});
+		}
+		function ViewerDownload({ download, item, t }) {
+			const [state, setState] = (0, react.useState)("idle");
+			const invoke = async () => {
+				if (state === "pending") return;
+				setState("pending");
+				try {
+					await download.onInvoke({
+						item,
+						src: item.src
+					});
+					setState("idle");
+				} catch {
+					setState("failed");
+				}
+			};
+			const label = state === "pending" ? download.pendingLabel ?? t("imageDownloadPreparing") : state === "failed" ? download.errorLabel ?? t("imageDownloadFailed") : t("imageDownload");
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+				type: "button",
+				className: "dcsiv-download",
+				disabled: state === "pending",
+				onClick: () => {
+					invoke();
+				},
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconDownloadOutline16, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "dcsiv-label",
+					children: label
+				})]
+			});
+		}
+		function SubscriptionImageViewerOverlay({ service, t }) {
+			const request = (0, react.useSyncExternalStore)(service.subscribe, service.getSnapshot);
+			const [index, setIndex] = (0, react.useState)(0);
+			const [transform, setTransform] = (0, react.useState)({
+				zoom: 1,
+				x: 0,
+				y: 0
+			});
+			const [dragging, setDragging] = (0, react.useState)(false);
+			const [annotating, setAnnotating] = (0, react.useState)(false);
+			const [annotationsByImage, setAnnotationsByImage] = (0, react.useState)(service.getAnnotationsSnapshot);
+			const annotationsByImageRef = (0, react.useRef)(annotationsByImage);
+			const [selected, setSelected] = (0, react.useState)();
+			const [focusNote, setFocusNote] = (0, react.useState)();
+			const [copied, setCopied] = (0, react.useState)(false);
+			const rootRef = (0, react.useRef)(null);
+			const stageRef = (0, react.useRef)(null);
+			const surfaceRef = (0, react.useRef)(null);
+			const imageRef = (0, react.useRef)(null);
+			const pointersRef = (0, react.useRef)(/* @__PURE__ */ new Map());
+			const gestureRef = (0, react.useRef)();
+			const transformRef = (0, react.useRef)(transform);
+			transformRef.current = transform;
+			annotationsByImageRef.current = annotationsByImage;
+			(0, react.useEffect)(() => {
+				if (request === void 0) return;
+				setIndex(request.index);
+				setTransform({
+					zoom: 1,
+					x: 0,
+					y: 0
+				});
+				setDragging(false);
+				setAnnotating(false);
+				setSelected(void 0);
+				setCopied(false);
+			}, [request?.revision]);
+			const item = request?.items[index];
+			const annotations = item === void 0 ? [] : annotationsByImage[item.id] ?? [];
+			const setAnnotations = (0, react.useCallback)((update) => {
+				if (item === void 0) return;
+				const previous = annotationsByImageRef.current[item.id] ?? [];
+				const next = typeof update === "function" ? update(previous) : update;
+				const snapshot = {
+					...annotationsByImageRef.current,
+					[item.id]: next
+				};
+				annotationsByImageRef.current = snapshot;
+				service.setAnnotations(item.id, next);
+				setAnnotationsByImage(snapshot);
+			}, [item?.id, service]);
+			const boundedPan = (0, react.useCallback)((zoom, x, y) => {
+				const stage = stageRef.current;
+				const surface = surfaceRef.current;
+				if (stage === null || surface === null || zoom <= 1) return {
+					x: 0,
+					y: 0
+				};
+				const limitX = Math.max(0, (surface.offsetWidth * zoom - stage.clientWidth) / 2) + 28;
+				const limitY = Math.max(0, (surface.offsetHeight * zoom - stage.clientHeight) / 2) + 28;
+				return {
+					x: clamp(x, -limitX, limitX),
+					y: clamp(y, -limitY, limitY)
+				};
+			}, []);
+			const setZoomAt = (0, react.useCallback)((nextZoom, clientX, clientY) => {
+				const stage = stageRef.current;
+				if (stage === null) return;
+				setTransform((current) => {
+					const next = clamp(nextZoom, .5, 8);
+					const box = stage.getBoundingClientRect();
+					const px = clientX - box.left - box.width / 2;
+					const py = clientY - box.top - box.height / 2;
+					const ratio = next / current.zoom;
+					return {
+						zoom: next,
+						...boundedPan(next, px - (px - current.x) * ratio, py - (py - current.y) * ratio)
+					};
+				});
+			}, [boundedPan]);
+			const fit = (0, react.useCallback)(() => {
+				setTransform({
+					zoom: 1,
+					x: 0,
+					y: 0
+				});
+			}, []);
+			const actual = (0, react.useCallback)(() => {
+				const image = imageRef.current;
+				const surface = surfaceRef.current;
+				if (image === null || surface === null || image.naturalWidth === 0) return;
+				const zoom = clamp(image.naturalWidth / Math.max(1, surface.offsetWidth), 1, 8);
+				setTransform({
+					zoom,
+					x: 0,
+					y: 0
+				});
+			}, []);
+			(0, react.useEffect)(() => {
+				if (request === void 0) return void 0;
+				const previousOverflow = document.body.style.overflow;
+				document.body.style.overflow = "hidden";
+				rootRef.current?.focus();
+				const onKeyDown = (event) => {
+					if (event.key === "Escape") {
+						event.preventDefault();
+						if (event.target instanceof Element && event.target.closest(".dcsiv-inline-note") !== null) {
+							setSelected(void 0);
+							return;
+						}
+						service.close();
+						return;
+					}
+					const editing = event.target instanceof HTMLInputElement || event.target instanceof HTMLTextAreaElement;
+					if (!editing && event.key === "ArrowLeft" && request.items.length > 1) {
+						event.preventDefault();
+						setIndex((value) => (value - 1 + request.items.length) % request.items.length);
+					} else if (!editing && event.key === "ArrowRight" && request.items.length > 1) {
+						event.preventDefault();
+						setIndex((value) => (value + 1) % request.items.length);
+					} else if (!editing && (event.key === "+" || event.key === "=")) {
+						event.preventDefault();
+						const box = stageRef.current?.getBoundingClientRect();
+						if (box) setZoomAt(transformRef.current.zoom * 1.2, box.left + box.width / 2, box.top + box.height / 2);
+					} else if (!editing && event.key === "-") {
+						event.preventDefault();
+						const box = stageRef.current?.getBoundingClientRect();
+						if (box) setZoomAt(transformRef.current.zoom / 1.2, box.left + box.width / 2, box.top + box.height / 2);
+					} else if (!editing && event.key.toLowerCase() === "f") {
+						event.preventDefault();
+						fit();
+					} else if (event.key === "Tab") {
+						const controls = [...rootRef.current.querySelectorAll("button:not(:disabled),a[href],input:not(:disabled),textarea:not(:disabled),[tabindex]:not([tabindex=\"-1\"])")];
+						const first = controls[0];
+						const last = controls.at(-1);
+						if (event.shiftKey && document.activeElement === first) {
+							event.preventDefault();
+							last?.focus();
+						} else if (!event.shiftKey && document.activeElement === last) {
+							event.preventDefault();
+							first?.focus();
+						}
+					}
+				};
+				document.addEventListener("keydown", onKeyDown);
+				return () => {
+					document.body.style.overflow = previousOverflow;
+					document.removeEventListener("keydown", onKeyDown);
+				};
+			}, [
+				request,
+				service,
+				fit,
+				setZoomAt
+			]);
+			(0, react.useEffect)(() => {
+				if (focusNote === void 0) return;
+				(rootRef.current?.querySelector(`[data-note-id="${CSS.escape(focusNote)}"] textarea`))?.focus();
+				setFocusNote(void 0);
+			}, [
+				focusNote,
+				selected,
+				annotations.length
+			]);
+			(0, react.useEffect)(() => {
+				setTransform({
+					zoom: 1,
+					x: 0,
+					y: 0
+				});
+				setDragging(false);
+				setAnnotating(false);
+				setSelected(void 0);
+			}, [item?.id]);
+			const onWheel = (0, react.useCallback)((event) => {
+				event.preventDefault();
+				setZoomAt(transformRef.current.zoom * Math.exp(-event.deltaY * .0015), event.clientX, event.clientY);
+			}, [setZoomAt]);
+			(0, react.useEffect)(() => {
+				const stage = stageRef.current;
+				if (stage === null || request === void 0) return void 0;
+				stage.addEventListener("wheel", onWheel, { passive: false });
+				return () => stage.removeEventListener("wheel", onWheel);
+			}, [onWheel, request]);
+			const onPointerDown = (event) => {
+				const target = event.target;
+				if (event.button !== 0 || annotating || target instanceof Element && target.closest("button,textarea,input,a,select,[contenteditable=true]") !== null) return;
+				pointersRef.current.set(event.pointerId, {
+					x: event.clientX,
+					y: event.clientY
+				});
+				if (pointersRef.current.size === 2) {
+					event.currentTarget.setPointerCapture(event.pointerId);
+					const [a, b] = [...pointersRef.current.values()];
+					gestureRef.current = {
+						kind: "pinch",
+						distance: Math.hypot(a.x - b.x, a.y - b.y),
+						transform
+					};
+				} else if (!annotating && transform.zoom > 1) {
+					event.currentTarget.setPointerCapture(event.pointerId);
+					gestureRef.current = {
+						kind: "pan",
+						x: event.clientX,
+						y: event.clientY,
+						transform
+					};
+					setDragging(true);
+				}
+			};
+			const onPointerMove = (event) => {
+				if (!pointersRef.current.has(event.pointerId)) return;
+				pointersRef.current.set(event.pointerId, {
+					x: event.clientX,
+					y: event.clientY
+				});
+				const gesture = gestureRef.current;
+				if (gesture?.kind === "pinch" && pointersRef.current.size >= 2) {
+					const [a, b] = [...pointersRef.current.values()];
+					const distance = Math.max(1, Math.hypot(a.x - b.x, a.y - b.y));
+					setZoomAt(gesture.transform.zoom * distance / Math.max(1, gesture.distance), (a.x + b.x) / 2, (a.y + b.y) / 2);
+				} else if (gesture?.kind === "pan") {
+					const pan = boundedPan(gesture.transform.zoom, gesture.transform.x + event.clientX - gesture.x, gesture.transform.y + event.clientY - gesture.y);
+					setTransform({
+						zoom: gesture.transform.zoom,
+						...pan
+					});
+				}
+			};
+			const endPointer = (event) => {
+				pointersRef.current.delete(event.pointerId);
+				if (pointersRef.current.size === 0) {
+					gestureRef.current = void 0;
+					setDragging(false);
+				}
+			};
+			const addAnnotation = (event) => {
+				if (!annotating || event.target.closest(".dcsiv-annotation")) return;
+				const bounds = surfaceRef.current?.getBoundingClientRect();
+				if (bounds === void 0) return;
+				const annotation = {
+					id: crypto.randomUUID(),
+					x: clamp((event.clientX - bounds.left) / bounds.width, 0, 1),
+					y: clamp((event.clientY - bounds.top) / bounds.height, 0, 1),
+					note: ""
+				};
+				setAnnotations((current) => [...current, annotation]);
+				setAnnotating(false);
+				setSelected(annotation.id);
+				setFocusNote(annotation.id);
+			};
+			const copyNotes = async () => {
+				const text = noteText(annotations, t);
+				if (text === "" || typeof navigator?.clipboard?.writeText !== "function") return;
+				try {
+					await navigator.clipboard.writeText(text);
+					setCopied(true);
+					window.setTimeout(() => {
+						setCopied(false);
+					}, 1200);
+				} catch {
+					setCopied(false);
+				}
+			};
+			if (request === void 0 || item === void 0) return null;
+			const meta = [item.width && item.height ? `${item.width} × ${item.height}` : void 0, bytesLabel(item.bytes)].filter(Boolean).join(" · ");
+			const showCounter = request.items.length > 1;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				ref: rootRef,
+				className: "dcsiv-root",
+				role: "dialog",
+				"aria-modal": "true",
+				"aria-label": t("imagePreview"),
+				tabIndex: -1,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "dcsiv-title dcsiv-sr-only",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: item.name }), meta !== "" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", { children: meta }) : null]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("header", {
+						className: "dcsiv-topbar",
+						role: "toolbar",
+						"aria-label": t("imagePreview"),
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dcsiv-actions",
+							children: [
+								request.annotations ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+									type: "button",
+									className: "dcsiv-button",
+									"data-active": annotating,
+									"aria-label": annotating ? t("imageAnnotateCancel") : t("imageAnnotate"),
+									"aria-pressed": annotating,
+									onClick: () => setAnnotating((value) => !value),
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconEditOutline16, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "dcsiv-label",
+										children: annotating ? t("imageAnnotateCancel") : t("imageAnnotate")
+									})]
+								}) : null,
+								annotations.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+									type: "button",
+									className: "dcsiv-button",
+									"data-active": selected !== void 0,
+									onClick: () => {
+										const first = annotations[0];
+										setSelected((current) => current === void 0 ? first.id : void 0);
+										if (selected === void 0) setFocusNote(first.id);
+									},
+									children: [
+										annotations.length,
+										" ",
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: "dcsiv-label",
+											children: t("imageRegions")
+										})
+									]
+								}) : null,
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+									type: "button",
+									className: "dcsiv-button",
+									"aria-label": t("imageFit"),
+									onClick: fit,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconFullscreenOutline16, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "dcsiv-label",
+										children: t("imageFit")
+									})]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: "dcsiv-button",
+									onClick: actual,
+									children: t("imageActual")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: "dcsiv-zoom",
+									children: [Math.round(transform.zoom * 100), "%"]
+								}),
+								item.download === void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("a", {
+									className: "dcsiv-download",
+									href: item.src,
+									download: downloadName(item.name),
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconDownloadOutline16, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "dcsiv-label",
+										children: t("imageDownload")
+									})]
+								}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ViewerDownload, {
+									download: item.download,
+									item,
+									t
+								}),
+								item.actions.map((action) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ViewerAction, {
+									action,
+									annotations,
+									item,
+									service,
+									t
+								}, action.id))
+							]
+						})
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: "dcsiv-close-floating",
+						"aria-label": t("imageClosePreview"),
+						onClick: () => service.close(),
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCloseOutline16, {})
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "dcsiv-workspace",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("main", {
+							ref: stageRef,
+							className: "dcsiv-stage",
+							"data-dragging": dragging,
+							"data-annotating": annotating,
+							onClick: (event) => {
+								if (event.target === event.currentTarget && !annotating && transform.zoom === 1) service.close();
+							},
+							onPointerDown,
+							onPointerMove,
+							onPointerUp: endPointer,
+							onPointerCancel: endPointer,
+							onDoubleClick: () => {
+								if (transform.zoom === 1) actual();
+								else fit();
+							},
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								ref: surfaceRef,
+								className: "dcsiv-surface",
+								onClick: addAnnotation,
+								style: { transform: `translate3d(${transform.x}px,${transform.y}px,0) scale(${transform.zoom})` },
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+									ref: imageRef,
+									className: "dcsiv-image",
+									src: item.src,
+									alt: item.name,
+									draggable: "false"
+								}), annotations.map((annotation, position) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dcsiv-annotation",
+									"data-x": annotation.x < .38 ? "right" : annotation.x > .62 ? "left" : "center",
+									"data-y": annotation.y < .28 ? "down" : "up",
+									style: {
+										left: `${annotation.x * 100}%`,
+										top: `${annotation.y * 100}%`,
+										transform: `translate(-50%,-50%) scale(${1 / transform.zoom})`
+									},
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: "dcsiv-pin",
+										"data-active": selected === annotation.id,
+										"aria-label": fill$1(t("imageAnnotation"), { value: position + 1 }),
+										onClick: (event) => {
+											event.stopPropagation();
+											const opening = selected !== annotation.id;
+											setSelected(opening ? annotation.id : void 0);
+											if (opening) setFocusNote(annotation.id);
+										},
+										children: position + 1
+									}), selected === annotation.id ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: "dcsiv-inline-note",
+										"data-note-id": annotation.id,
+										onClick: (event) => event.stopPropagation(),
+										children: [
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: "dcsiv-inline-index",
+												children: position + 1
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+												value: annotation.note,
+												rows: 1,
+												"aria-label": fill$1(t("imageAnnotation"), { value: position + 1 }),
+												placeholder: t("imageAnnotationPlaceholder"),
+												onChange: (event) => {
+													const note = event.target.value;
+													setAnnotations((current) => current.map((entry) => entry.id === annotation.id ? {
+														...entry,
+														note
+													} : entry));
+												},
+												onKeyDown: (event) => {
+													if (event.key === "Enter" && !event.shiftKey || event.key === "Escape") {
+														event.preventDefault();
+														event.stopPropagation();
+														event.nativeEvent?.stopImmediatePropagation?.();
+														setSelected(void 0);
+													}
+												}
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+												type: "button",
+												className: "dcsiv-note-remove",
+												"aria-label": t("imageRemoveAnnotation"),
+												onClick: (event) => {
+													event.stopPropagation();
+													setAnnotations((current) => current.filter((entry) => entry.id !== annotation.id));
+													setSelected(void 0);
+												},
+												children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCloseOutline16, {})
+											})
+										]
+									}) : null]
+								}, annotation.id))]
+							}), showCounter ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: "dcsiv-button dcsiv-icon-only dcsiv-nav dcsiv-prev",
+									"aria-label": t("imagePrevious"),
+									onClick: (event) => {
+										event.stopPropagation();
+										setIndex((value) => (value - 1 + request.items.length) % request.items.length);
+									},
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronLeftOutline14, {})
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: "dcsiv-button dcsiv-icon-only dcsiv-nav dcsiv-next",
+									"aria-label": t("imageNext"),
+									onClick: (event) => {
+										event.stopPropagation();
+										setIndex((value) => (value + 1) % request.items.length);
+									},
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronRightOutline14, {})
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: "dcsiv-counter",
+									children: [
+										index + 1,
+										" / ",
+										request.items.length
+									]
+								})
+							] }) : annotating ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "dcsiv-hint",
+								children: t("imageAnnotateHint")
+							}) : transform.zoom === 1 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "dcsiv-hint",
+								children: t("imageZoomHint")
+							}) : null]
+						}), annotations.some((annotation) => annotation.note.trim() !== "") ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+							type: "button",
+							className: "dcsiv-copy-notes",
+							onClick: () => {
+								copyNotes();
+							},
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCopyOutline16, {}), copied ? t("imageCopied") : t("imageCopyNotes")]
+						}) : null]
+					})
+				]
+			});
+		}
+		//#endregion
+		//#region src/subscription-image-viewer.js
+		const boundedNumber = (value, fallback) => Number.isFinite(value) && value > 0 ? value : fallback;
+		const downloadOf = (value) => typeof value?.onInvoke === "function" ? {
+			pendingLabel: typeof value.pendingLabel === "string" && value.pendingLabel !== "" ? value.pendingLabel : void 0,
+			errorLabel: typeof value.errorLabel === "string" && value.errorLabel !== "" ? value.errorLabel : void 0,
+			onInvoke: value.onInvoke
+		} : void 0;
+		const actionsOf = (value) => Array.isArray(value) ? value.flatMap((action, position) => {
+			if (typeof action?.onInvoke !== "function" || typeof action?.label !== "string" || action.label.trim() === "") return [];
+			return [{
+				id: typeof action.id === "string" && action.id !== "" ? action.id : `action-${position + 1}`,
+				label: action.label,
+				pendingLabel: typeof action.pendingLabel === "string" && action.pendingLabel !== "" ? action.pendingLabel : action.label,
+				errorLabel: typeof action.errorLabel === "string" && action.errorLabel !== "" ? action.errorLabel : action.label,
+				closeOnSuccess: action.closeOnSuccess === true,
+				onInvoke: action.onInvoke
+			}];
+		}) : [];
+		function normalizeSubscriptionViewerRequest(request) {
+			const items = (Array.isArray(request?.items) ? request.items : []).flatMap((item, position) => {
+				if (typeof item?.src !== "string" || item.src === "") return [];
+				return [{
+					id: typeof item.id === "string" && item.id !== "" ? item.id : `image-${position + 1}`,
+					src: item.src,
+					name: typeof item.name === "string" && item.name !== "" ? item.name : `Image ${position + 1}`,
+					width: boundedNumber(item.width, void 0),
+					height: boundedNumber(item.height, void 0),
+					bytes: boundedNumber(item.bytes, void 0),
+					download: downloadOf(item.download),
+					actions: actionsOf(item.actions)
+				}];
+			});
+			if (items.length === 0) return void 0;
+			const requestedIndex = Number.isInteger(request?.index) ? request.index : 0;
+			return {
+				items,
+				index: Math.max(0, Math.min(items.length - 1, requestedIndex)),
+				opener: typeof HTMLElement !== "undefined" && request?.opener instanceof HTMLElement ? request.opener : void 0,
+				source: typeof request?.source === "string" ? request.source : "dsh-codex-subscription",
+				annotations: request?.annotations !== false
+			};
+		}
+		const copyAnnotations = (annotations) => annotations.map((annotation) => ({ ...annotation }));
+		/**
+		* Local image viewer state for subscription-generated images.
+		*
+		* This stays private to subscription image cards, which need annotation and
+		* edit actions that a host's generic native viewer may not implement.
+		*/
+		var SubscriptionImageViewerService = class {
+			#listeners = /* @__PURE__ */ new Set();
+			#revision = 0;
+			#snapshot;
+			#annotationsByImage = /* @__PURE__ */ new Map();
+			constructor() {
+				this.subscribe = (listener) => {
+					this.#listeners.add(listener);
+					return () => {
+						this.#listeners.delete(listener);
+					};
+				};
+				this.getSnapshot = () => this.#snapshot;
+				this.getAnnotationsSnapshot = () => Object.fromEntries([...this.#annotationsByImage].map(([id, annotations]) => [id, copyAnnotations(annotations)]));
+			}
+			setAnnotations(imageId, annotations) {
+				if (typeof imageId !== "string" || imageId === "" || !Array.isArray(annotations)) return;
+				if (annotations.length === 0) this.#annotationsByImage.delete(imageId);
+				else this.#annotationsByImage.set(imageId, copyAnnotations(annotations));
+			}
+			open(request) {
+				const normalized = normalizeSubscriptionViewerRequest(request);
+				if (normalized === void 0) return false;
+				this.#revision += 1;
+				this.#snapshot = {
+					...normalized,
+					revision: this.#revision
+				};
+				this.#emit();
+				return true;
+			}
+			close() {
+				if (this.#snapshot === void 0) return;
+				const opener = this.#snapshot.opener;
+				this.#snapshot = void 0;
+				this.#emit();
+				if (typeof window === "undefined") opener?.focus();
+				else {
+					const focus = () => {
+						opener?.focus();
+					};
+					if (typeof window.requestAnimationFrame === "function") window.requestAnimationFrame(focus);
+					else focus();
+				}
+			}
+			#emit() {
+				for (const listener of this.#listeners) listener();
+			}
+		};
+		//#endregion
+		//#region src/settings-contract.js
+		const SETTINGS_NAMESPACE = "codex-subscription";
+		const QUICK_QUOTA_MODE_FIELD = "quickQuotaMode";
+		const LEGACY_QUICK_QUOTA_FIELD = "quickQuotaVisible";
+		const QUICK_QUOTA_MODE_PERCENT = "percent";
+		const QUICK_QUOTA_MODE_FORECAST = "forecast";
+		const SEARCH_PROVIDER_FIELD = "searchProvider";
+		const SEARCH_PROVIDER_AUTO = "auto";
+		const SEARCH_PROVIDER_CODEX = "codex";
+		const DEFAULT_SEARCH_PROVIDER = SEARCH_PROVIDER_AUTO;
+		const SPEED_MODE_FIELD = "speedMode";
+		const SPEED_MODE_STANDARD = "standard";
+		const SPEED_MODE_FAST = "fast";
+		const DEFAULT_SPEED_MODE = SPEED_MODE_STANDARD;
+		const OUTPUT_VERBOSITY_FIELD = "outputVerbosity";
+		const OUTPUT_VERBOSITY_DEFAULT = "default";
+		const OUTPUT_VERBOSITY_MEDIUM = "medium";
+		const OUTPUT_VERBOSITY_HIGH = "high";
+		const DEFAULT_OUTPUT_VERBOSITY = OUTPUT_VERBOSITY_DEFAULT;
+		const CONTEXT_MODE_FIELD = "contextMode";
+		const CONTEXT_MODE_STANDARD = "standard";
+		const CONTEXT_MODE_EXTENDED = "extended";
+		const CONTEXT_MODE_CUSTOM = "custom";
+		const DEFAULT_CONTEXT_MODE = CONTEXT_MODE_STANDARD;
+		const CUSTOM_CONTEXT_WINDOW_FIELD = "customContextWindow";
+		const DEFAULT_CUSTOM_CONTEXT_WINDOW = 272e3;
+		const MIN_CUSTOM_CONTEXT_WINDOW = 128e3;
+		const MAX_CUSTOM_CONTEXT_WINDOW = 1e6;
+		const CUSTOM_CONTEXT_MODEL_FIELDS = Object.freeze({
+			"gpt-5.4": "customContextGpt54",
+			"gpt-5.4-mini": "customContextGpt54Mini",
+			"gpt-5.5": "customContextGpt55",
+			"gpt-5.6": "customContextGpt56",
+			"gpt-6-astra": "customContextGpt6Astra"
+		});
+		const CUSTOM_CONTEXT_MODEL_CAPS = Object.freeze({
+			"gpt-5.4": 1e6,
+			"gpt-5.4-mini": 4e5,
+			"gpt-5.5": 1e6,
+			"gpt-5.6": 1e6,
+			"gpt-6-astra": 872e3
+		});
+		const CUSTOM_CONTEXT_MODEL_DEFAULTS = Object.freeze({
+			"gpt-5.4": 272e3,
+			"gpt-5.4-mini": 272e3,
+			"gpt-5.5": 272e3,
+			"gpt-5.6": 272e3,
+			"gpt-6-astra": 272e3
+		});
+		const normalizeSearchProvider = (value) => [
+			"auto",
+			"dsh",
+			"codex"
+		].includes(value) ? value : DEFAULT_SEARCH_PROVIDER;
+		const normalizeOutputVerbosity = (value) => [
+			"default",
+			"low",
+			"medium",
+			"high"
+		].includes(value) ? value : DEFAULT_OUTPUT_VERBOSITY;
+		const normalizeSpeedMode = (value) => ["standard", "fast"].includes(value) ? value : DEFAULT_SPEED_MODE;
+		const normalizeContextMode = (value) => [
+			"standard",
+			"extended",
+			"custom"
+		].includes(value) ? value : DEFAULT_CONTEXT_MODE;
+		const normalizeCustomContextWindow = (value, maximum = MAX_CUSTOM_CONTEXT_WINDOW) => {
+			if (!Number.isInteger(value)) return DEFAULT_CUSTOM_CONTEXT_WINDOW;
+			return Math.min(Math.max(value, MIN_CUSTOM_CONTEXT_WINDOW), maximum);
+		};
+		const formatContextWindow = (value) => value === 1e6 ? "1M" : `${Math.round(value / 1e3)}K`;
+		const parseContextWindow = (value) => {
+			const match = /^\s*(\d+)\s*$/u.exec(String(value));
+			if (match === null) return NaN;
+			return Number(match[1]);
+		};
+		const normalizeQuickQuotaMode = (value, legacyVisible = false) => [
+			"off",
+			"percent",
+			"bar",
+			"forecast"
+		].includes(value) ? value : legacyVisible === true ? QUICK_QUOTA_MODE_PERCENT : "off";
+		const supportsCodexFastMode = (modelId) => typeof modelId === "string" && (/^gpt-5\.(?:5|6)(?:$|-)/u.test(modelId) || modelId === "gpt-5.4");
+		//#endregion
+		//#region src/sidebar-quota.js
+		const isDisplayableWindow = (window) => Number.isFinite(window?.remainingPercent) && window.remainingPercent >= 0 && window.remainingPercent <= 100 && Number.isFinite(window?.windowSeconds) && window.windowSeconds > 0;
+		const normalized = (value) => String(value ?? "").toLocaleLowerCase("en-US").replaceAll(/[^a-z0-9]+/gu, "-");
+		const limitMatchesModel = (limit, model) => {
+			if (/\bspark\b/u.test(normalized(model))) return /\bspark\b/u.test(normalized(`${limit?.id ?? ""} ${limit?.name ?? ""}`));
+			return limit?.id === "codex";
+		};
+		function selectModelQuotaWindows(usage, model) {
+			return (Array.isArray(usage?.rateLimits) ? usage.rateLimits.filter((limit) => limitMatchesModel(limit, model) && Array.isArray(limit.windows)).flatMap((limit) => limit.windows).filter(isDisplayableWindow) : []).map((selected) => ({
+				remainingPercent: selected.remainingPercent,
+				windowSeconds: selected.windowSeconds,
+				...Number.isSafeInteger(selected.resetsAt) ? { resetsAt: selected.resetsAt } : {},
+				...selected.forecast === void 0 ? {} : { forecast: selected.forecast }
+			})).sort((a, b) => a.windowSeconds - b.windowSeconds);
+		}
+		//#endregion
+		//#region src/login-progress.js
+		/** Reconcile a login flow with the credential store without exposing credentials. */
+		async function readLoginProgress({ flow, readFlow, readAccount }) {
+			try {
+				const nextFlow = await readFlow();
+				if (nextFlow.phase === "failed") try {
+					const account = await readAccount();
+					if (account?.authenticated === true) return {
+						flow: {
+							id: flow.id,
+							method: flow.method,
+							phase: "authenticated",
+							authenticated: true
+						},
+						account,
+						recovered: true
+					};
+				} catch {}
+				if (nextFlow.phase !== "authenticated") return { flow: nextFlow };
+				return {
+					flow: nextFlow,
+					account: await readAccount()
+				};
+			} catch (flowError) {
+				try {
+					const account = await readAccount();
+					if (account?.authenticated === true) return {
+						flow: {
+							id: flow.id,
+							method: flow.method,
+							phase: "authenticated",
+							authenticated: true
+						},
+						account,
+						recovered: true
+					};
+				} catch {}
+				throw flowError;
+			}
+		}
+		//#endregion
+		//#region src/preference-controller.js
+		const CHANNEL$2 = "/codex-subscription";
+		const unwrap$1 = (response) => {
+			if (!response?.ok) throw new Error(response?.error?.message ?? "Codex RPC failed");
+			return response.value;
+		};
+		function createPreferenceController(scope, rpc) {
+			let updating = false;
+			let error = false;
+			let fallbackStatus = "loading";
+			let fallback;
+			let pendingPatch;
+			let failedPatch;
+			let generation = 0;
+			let contextModels = [];
+			let verbosityModels = [];
+			let modelError = false;
+			let modelRefreshGeneration = 0;
+			let modelRefreshStarted = false;
+			let disposed = false;
+			const sameModels = (left, right) => left.length === right.length && left.every((model, index) => JSON.stringify(model) === JSON.stringify(right[index]));
+			const nativeSnapshot = () => scope.getSnapshot();
+			const read = () => {
+				const native = nativeSnapshot();
+				const current = native.status === "ready" ? native : fallbackStatus === "ready" ? fallback : native;
+				const value = pendingPatch === void 0 ? current.value : {
+					...current.value,
+					...pendingPatch
+				};
+				return Object.freeze({
+					status: current.status,
+					quickQuotaMode: normalizeQuickQuotaMode(value?.[QUICK_QUOTA_MODE_FIELD], value?.[LEGACY_QUICK_QUOTA_FIELD]),
+					searchProvider: normalizeSearchProvider(value?.[SEARCH_PROVIDER_FIELD]),
+					speedMode: normalizeSpeedMode(value?.[SPEED_MODE_FIELD]),
+					outputVerbosity: normalizeOutputVerbosity(value?.[OUTPUT_VERBOSITY_FIELD]),
+					contextMode: normalizeContextMode(value?.[CONTEXT_MODE_FIELD]),
+					customContextWindow: normalizeCustomContextWindow(value?.[CUSTOM_CONTEXT_WINDOW_FIELD]),
+					customContextWindows: Object.fromEntries(Object.entries(CUSTOM_CONTEXT_MODEL_FIELDS).map(([modelKey, field]) => [modelKey, normalizeCustomContextWindow(value?.[field] ?? CUSTOM_CONTEXT_MODEL_DEFAULTS[modelKey], CUSTOM_CONTEXT_MODEL_CAPS[modelKey])])),
+					contextModels,
+					verbosityModels,
+					modelError,
+					writable: !updating && current.status === "ready" && current.writable === true,
+					saving: updating,
+					error
+				});
+			};
+			let snapshot = read();
+			const listeners = /* @__PURE__ */ new Set();
+			const publish = () => {
+				snapshot = read();
+				for (const listener of listeners) listener();
+			};
+			const disposeScope = scope.subscribe(() => {
+				error = false;
+				if (!updating) failedPatch = void 0;
+				publish();
+			});
+			const acceptFallback = (value) => {
+				if (!modelRefreshStarted) {
+					contextModels = Array.isArray(value?.contextModels) ? value.contextModels : [];
+					verbosityModels = Array.isArray(value?.verbosityModels) ? value.verbosityModels : [];
+				}
+				fallbackStatus = "ready";
+				fallback = {
+					status: "ready",
+					value: {
+						[QUICK_QUOTA_MODE_FIELD]: normalizeQuickQuotaMode(value?.[QUICK_QUOTA_MODE_FIELD], value?.[LEGACY_QUICK_QUOTA_FIELD]),
+						[SEARCH_PROVIDER_FIELD]: normalizeSearchProvider(value?.[SEARCH_PROVIDER_FIELD]),
+						[SPEED_MODE_FIELD]: normalizeSpeedMode(value?.[SPEED_MODE_FIELD]),
+						[OUTPUT_VERBOSITY_FIELD]: normalizeOutputVerbosity(value?.[OUTPUT_VERBOSITY_FIELD]),
+						[CONTEXT_MODE_FIELD]: normalizeContextMode(value?.[CONTEXT_MODE_FIELD]),
+						[CUSTOM_CONTEXT_WINDOW_FIELD]: normalizeCustomContextWindow(value?.[CUSTOM_CONTEXT_WINDOW_FIELD]),
+						...Object.fromEntries(Object.entries(CUSTOM_CONTEXT_MODEL_FIELDS).map(([modelKey, field]) => [field, normalizeCustomContextWindow(value?.[field] ?? CUSTOM_CONTEXT_MODEL_DEFAULTS[modelKey], CUSTOM_CONTEXT_MODEL_CAPS[modelKey])]))
+					},
+					writable: value?.writable === true
+				};
+			};
+			const load = async () => {
+				const current = ++generation;
+				updating = false;
+				pendingPatch = void 0;
+				fallbackStatus = "loading";
+				fallback = void 0;
+				error = false;
+				publish();
+				try {
+					const value = unwrap$1(await rpc.call(CHANNEL$2, "preferences/status", {}));
+					if (current !== generation || disposed) return;
+					if (nativeSnapshot().status === "ready") {
+						if (!modelRefreshStarted) {
+							contextModels = Array.isArray(value?.contextModels) ? value.contextModels : [];
+							verbosityModels = Array.isArray(value?.verbosityModels) ? value.verbosityModels : [];
+						}
+					} else acceptFallback(value);
+					publish();
+				} catch {
+					if (current !== generation || disposed || nativeSnapshot().status === "ready") return;
+					fallbackStatus = "unavailable";
+					publish();
+				}
+			};
+			const refreshModels = async () => {
+				const current = ++modelRefreshGeneration;
+				modelRefreshStarted = true;
+				const hadError = modelError;
+				modelError = false;
+				if (hadError) publish();
+				try {
+					const value = unwrap$1(await rpc.call(CHANNEL$2, "preferences/models", {}));
+					if (disposed || current !== modelRefreshGeneration) return false;
+					const nextContextModels = Array.isArray(value?.contextModels) ? value.contextModels : [];
+					const nextVerbosityModels = Array.isArray(value?.verbosityModels) ? value.verbosityModels : [];
+					const changed = !sameModels(contextModels, nextContextModels) || !sameModels(verbosityModels, nextVerbosityModels);
+					if (changed) {
+						contextModels = nextContextModels;
+						verbosityModels = nextVerbosityModels;
+						publish();
+					}
+					return changed;
+				} catch {
+					if (disposed || current !== modelRefreshGeneration) return false;
+					if (!modelError) {
+						modelError = true;
+						publish();
+					}
+					return false;
+				}
+			};
+			const set = async (patch) => {
+				if (disposed || snapshot.status !== "ready" || snapshot.writable !== true) return;
+				const current = ++generation;
+				const entries = Object.entries(patch);
+				updating = true;
+				pendingPatch = patch;
+				error = false;
+				failedPatch = void 0;
+				publish();
+				try {
+					if (nativeSnapshot().status === "ready") {
+						for (const [field, value] of entries) {
+							if (current !== generation) return;
+							await scope.set(field, value);
+						}
+						if (current !== generation) return;
+						const accepted = nativeSnapshot().value;
+						error = entries.some(([field, value]) => accepted?.[field] !== value);
+						pendingPatch = void 0;
+					} else {
+						const value = unwrap$1(await rpc.call(CHANNEL$2, "preferences/update", patch));
+						if (current !== generation) return;
+						acceptFallback(value);
+						pendingPatch = void 0;
+					}
+				} catch {
+					if (current === generation) {
+						pendingPatch = void 0;
+						error = true;
+						failedPatch = patch;
+					}
+				} finally {
+					if (current === generation) {
+						updating = false;
+						publish();
+					}
+				}
+			};
+			return {
+				getSnapshot: () => snapshot,
+				subscribe: (listener) => {
+					listeners.add(listener);
+					return () => listeners.delete(listener);
+				},
+				load,
+				set,
+				retry: () => failedPatch === void 0 ? load() : set(failedPatch),
+				refreshModels,
+				dispose: () => {
+					disposed = true;
+					generation += 1;
+					modelRefreshGeneration += 1;
+					disposeScope();
+				}
+			};
+		}
+		//#endregion
+		//#region src/account-status-controller.js
+		const CHANNEL$1 = "/codex-subscription";
+		const DEFAULT_TIMEOUT_MS = 1e4;
+		const STATUS_ERROR_CODES = /* @__PURE__ */ new Set([
+			"credential-unavailable",
+			"credential-malformed",
+			"transport",
+			"timeout",
+			"unknown"
+		]);
+		const STATUS_ERROR_MESSAGES = /* @__PURE__ */ new Map([
+			["Codex account credentials are unavailable", "credential-unavailable"],
+			["Codex account credentials are malformed", "credential-malformed"],
+			["Codex account status service is unavailable", "transport"],
+			["Could not read Codex account status", "unknown"]
+		]);
+		const TIMEOUT_CODES = /* @__PURE__ */ new Set([
+			"TIMEOUT",
+			"ETIMEDOUT",
+			"ERR_TIMEOUT",
+			"UND_ERR_CONNECT_TIMEOUT"
+		]);
+		const TRANSPORT_CODES = /* @__PURE__ */ new Set([
+			"ECONNRESET",
+			"ECONNREFUSED",
+			"ENOTFOUND",
+			"EAI_AGAIN",
+			"NETWORK",
+			"NETWORK_ERROR",
+			"TRANSPORT",
+			"CONNECTION_CLOSED",
+			"DISCONNECTED"
+		]);
+		const asCode = (value) => typeof value === "string" ? value.trim().toLowerCase() : void 0;
+		function rpcError(response) {
+			const code = asCode(response?.error?.code);
+			const message = typeof response?.error?.message === "string" ? response.error.message : "";
+			const error = /* @__PURE__ */ new Error("Codex account status request failed");
+			error.code = code === "internal" && STATUS_ERROR_MESSAGES.has(message) ? STATUS_ERROR_MESSAGES.get(message) : "unknown";
+			return error;
+		}
+		function timeoutError() {
+			const error = /* @__PURE__ */ new Error("Codex account status request timed out");
+			error.code = "timeout";
+			error.name = "TimeoutError";
+			return error;
+		}
+		function classifyAccountStatusError(error) {
+			const code = typeof error?.code === "string" ? error.code.trim().toUpperCase() : "";
+			if (code === "TIMEOUT" || TIMEOUT_CODES.has(code) || error?.name === "TimeoutError") return "timeout";
+			if (STATUS_ERROR_CODES.has(asCode(error?.code))) return asCode(error.code);
+			if (TRANSPORT_CODES.has(code) || error?.name === "NetworkError") return "transport";
+			return "unknown";
+		}
+		function publicAccountStatusError(error) {
+			return Object.freeze({ code: classifyAccountStatusError(error) });
+		}
+		/** Own the account-status request lifecycle independently from account actions. */
+		function createAccountStatusController(rpc, options = {}) {
+			const request = options.request ?? (() => rpc.call(CHANNEL$1, "status", {}));
+			const scheduleTimeout = options.setTimeout ?? setTimeout;
+			const cancelTimeout = options.clearTimeout ?? clearTimeout;
+			const timeoutMs = options.timeoutMs ?? DEFAULT_TIMEOUT_MS;
+			if (!Number.isFinite(timeoutMs) || timeoutMs <= 0) throw new Error("Account status timeout must be positive");
+			let snapshot = Object.freeze({
+				status: "loading",
+				account: void 0,
+				error: void 0,
+				retrying: false
+			});
+			let generation = 0;
+			let active;
+			let disposed = false;
+			const listeners = /* @__PURE__ */ new Set();
+			const publish = (next) => {
+				snapshot = Object.freeze(next);
+				for (const listener of [...listeners]) listener();
+			};
+			const load = () => {
+				if (disposed) return Promise.resolve(void 0);
+				if (active !== void 0) return active.promise;
+				const id = ++generation;
+				const retrying = snapshot.error !== void 0;
+				publish({
+					status: retrying ? "error" : "loading",
+					account: retrying ? snapshot.account : void 0,
+					error: retrying ? snapshot.error : void 0,
+					retrying: true
+				});
+				const controller = new AbortController();
+				let timer;
+				let onAbort;
+				const cancelled = new Promise((resolve, reject) => {
+					onAbort = () => reject(controller.signal.reason);
+					controller.signal.addEventListener("abort", onAbort, { once: true });
+					if (controller.signal.aborted) onAbort();
+				});
+				const timeout = new Promise((resolve, reject) => {
+					timer = scheduleTimeout(() => {
+						const error = timeoutError();
+						controller.abort(error);
+						reject(error);
+					}, timeoutMs);
+				});
+				const work = Promise.resolve().then(() => request(controller.signal)).then((response) => {
+					if (!response?.ok) throw rpcError(response);
+					return response.value;
+				});
+				const promise = Promise.race([
+					work,
+					timeout,
+					cancelled
+				]).then((account) => {
+					if (disposed || id !== generation || controller.signal.aborted) return void 0;
+					if (account === null || typeof account !== "object" || Array.isArray(account) || typeof account.authenticated !== "boolean") throw new Error("Invalid account status");
+					publish({
+						status: "ready",
+						account,
+						error: void 0,
+						retrying: false
+					});
+					return account;
+				}).catch((error) => {
+					if (disposed || id !== generation || controller.signal.aborted && error?.code !== "timeout") return void 0;
+					publish({
+						status: "error",
+						account: void 0,
+						error: publicAccountStatusError(error),
+						retrying: false
+					});
+				}).finally(() => {
+					cancelTimeout(timer);
+					controller.signal.removeEventListener("abort", onAbort);
+					if (active?.id === id) active = void 0;
+				});
+				active = {
+					id,
+					controller,
+					promise
+				};
+				return promise;
+			};
+			const acceptAccount = (account) => {
+				if (disposed) return false;
+				generation += 1;
+				active?.controller.abort(/* @__PURE__ */ new Error("Account status superseded by an account action"));
+				active = void 0;
+				publish({
+					status: "ready",
+					account,
+					error: void 0,
+					retrying: false
+				});
+				return true;
+			};
+			const reload = () => {
+				if (disposed) return Promise.resolve(void 0);
+				if (active !== void 0) {
+					generation += 1;
+					active.controller.abort(/* @__PURE__ */ new Error("Account status reload superseded the previous request"));
+					active = void 0;
+				}
+				return load();
+			};
+			const dispose = () => {
+				if (disposed) return;
+				disposed = true;
+				generation += 1;
+				active?.controller.abort(/* @__PURE__ */ new Error("Account status controller disposed"));
+				active = void 0;
+				listeners.clear();
+			};
+			return Object.freeze({
+				getSnapshot: () => snapshot,
+				subscribe(listener) {
+					listeners.add(listener);
+					return () => listeners.delete(listener);
+				},
+				load,
+				retry: load,
+				reload,
+				acceptAccount,
+				dispose
+			});
+		}
+		//#endregion
+		//#region src/context-draft-state.js
+		const hasOwn = (value, key) => Object.prototype.hasOwnProperty.call(value ?? {}, key);
+		/**
+		* Reconcile saved context values with the inputs currently shown in Settings.
+		* A draft survives a catalog refresh while its saved value is unchanged. New
+		* rows and rows whose saved value changed start from the new saved value.
+		*/
+		function reconcileContextDrafts({ modelRows, drafts, previousSavedValues, savedValues }) {
+			const next = {};
+			for (const model of modelRows) {
+				const key = model.key;
+				const saved = String(savedValues?.[key] ?? "");
+				next[key] = hasOwn(previousSavedValues, key) && previousSavedValues[key] === saved && hasOwn(drafts, key) ? drafts[key] : saved;
+			}
+			return next;
+		}
+		//#endregion
+		//#region src/client.jsx
+		const inject = [
+			"slots",
+			"locale",
+			"connection",
+			"remote",
+			"settingsScope",
+			"modelDirectories",
+			"conversation",
+			"uiConversation",
+			"sessions"
+		];
+		const NS = "settings.codexSubscription";
+		const CHANNEL = "/codex-subscription";
+		const SUPPORT_ISSUE_URL = "https://github.com/WSL043/dsh-codex-subscription/issues/new?template=install-problem.yml";
+		const QUICK_QUOTA_REFRESH_EVENT = "dsh-codex-subscription:refresh-quick-quota";
+		const QUICK_QUOTA_REFRESH_MS = 6e4;
 		const unwrap = (response) => {
 			if (!response?.ok) throw new Error(response?.error?.message ?? "Codex RPC failed");
 			return response.value;
 		};
+		const accountStatusErrorText = (error, t) => {
+			const key = {
+				"credential-unavailable": "accountCredentialUnavailable",
+				"credential-malformed": "accountCredentialMalformed",
+				timeout: "accountStatusTimeout",
+				transport: "accountStatusTransport",
+				unknown: "accountStatusUnknown"
+			}[error?.code];
+			return t(key ?? "accountStatusUnknown");
+		};
 		const fill = (text, values) => Object.entries(values).reduce((next, [key, value]) => next.replace(`{${key}}`, String(value)), text);
 		const maskEmail = (value) => {
 			if (typeof value !== "string" || !value.includes("@")) return "••••";
@@ -1716,217 +2339,8 @@ window.__ModuleLoader__.load({
 			const date = new Date(value);
 			return Number.isFinite(date.getTime()) ? date : void 0;
 		};
-		const imageDownloadName = (attachment) => {
-			const fallback = "codex-generated-image.png";
-			if (typeof attachment?.name !== "string") return fallback;
-			const cleaned = attachment.name.replace(/[<>:"/\\|?*\u0000-\u001f]/gu, "-").replace(/[. ]+$/u, "").trim();
-			if (cleaned === "") return fallback;
-			return cleaned.toLowerCase().endsWith(".png") ? cleaned : `${cleaned}.png`;
-		};
-		const originalRefMatches = (left, right) => left.assetId === right.assetId && left.mediaType === right.mediaType && left.bytes === right.bytes && left.width === right.width && left.height === right.height && left.name === right.name && left.sha256 === right.sha256;
-		async function sha256Hex(data) {
-			const value = await crypto.subtle.digest("SHA-256", data);
-			return [...new Uint8Array(value)].map((byte) => byte.toString(16).padStart(2, "0")).join("");
-		}
-		function decodeBase64Chunk(value) {
-			if (typeof value !== "string" || value.length === 0 || value.length > Math.ceil(4194304 / 3) * 4 + 8) throw new Error("Invalid original image chunk");
-			let decoded;
-			try {
-				decoded = atob(value);
-			} catch {
-				throw new Error("Invalid original image chunk");
-			}
-			const bytes = new Uint8Array(decoded.length);
-			for (let index = 0; index < decoded.length; index += 1) bytes[index] = decoded.charCodeAt(index);
-			return bytes;
-		}
-		async function readOriginalImage(rpc, sessionId, original) {
-			const parts = [];
-			let total = 0;
-			let done = false;
-			while (!done) {
-				const chunk = unwrap(await rpc.call(CHANNEL, "image/original/chunk", {
-					sessionId,
-					assetId: original.assetId,
-					offset: total
-				}));
-				const ref = decodeOriginalImageRef(chunk?.ref);
-				if (ref === void 0 || !originalRefMatches(ref, original) || chunk.offset !== total || typeof chunk.done !== "boolean") throw new Error("Original image metadata changed");
-				const bytes = decodeBase64Chunk(chunk.encoded);
-				if (bytes.byteLength === 0 || total + bytes.byteLength > original.bytes) throw new Error("Original image download is incomplete");
-				parts.push(bytes);
-				total += bytes.byteLength;
-				done = chunk.done;
-			}
-			if (total !== original.bytes) throw new Error("Original image download is incomplete");
-			const data = new Uint8Array(total);
-			let offset = 0;
-			for (const part of parts) {
-				data.set(part, offset);
-				offset += part.byteLength;
-			}
-			if (await sha256Hex(data) !== original.sha256) throw new Error("Original image integrity check failed");
-			return data;
-		}
-		function triggerBlobDownload(data, mediaType, filename) {
-			const url = URL.createObjectURL(new Blob([data], { type: mediaType }));
-			const anchor = document.createElement("a");
-			anchor.href = url;
-			anchor.download = filename;
-			anchor.rel = "noopener";
-			document.body.append(anchor);
-			try {
-				anchor.click();
-			} finally {
-				anchor.remove();
-				URL.revokeObjectURL(url);
-			}
-		}
-		function CodexGeneratedImage({ attachment, original, rpc, sessionId, loadImage, attachForEdit, getImageViewer, getInternalImageViewer, t }) {
-			const [attempt, setAttempt] = (0, react.useState)(0);
-			const [error, setError] = (0, react.useState)(false);
-			const [src, setSrc] = (0, react.useState)();
-			const triggerRef = (0, react.useRef)(null);
-			(0, react.useEffect)(() => {
-				let live = true;
-				setError(false);
-				setSrc(void 0);
-				Promise.resolve().then(() => loadImage(attachment)).then((value) => {
-					if (live) setSrc(value);
-				}).catch(() => {
-					if (live) setError(true);
-				});
-				return () => {
-					live = false;
-				};
-			}, [
-				attachment,
-				loadImage,
-				attempt
-			]);
-			const label = attachment.name ?? t("imageLabel");
-			const downloadName = imageDownloadName(attachment);
-			const downloadOriginal = async () => {
-				if (original === void 0) return;
-				triggerBlobDownload(await readOriginalImage(rpc, sessionId, original), original.mediaType, original.name);
-			};
-			const openImage = () => {
-				if (src === void 0) return;
-				const request = {
-					items: [{
-						id: attachment.attachmentId ?? downloadName,
-						src,
-						name: label,
-						width: attachment.width,
-						height: attachment.height,
-						bytes: attachment.bytes,
-						download: original === void 0 ? void 0 : {
-							pendingLabel: t("imageDownloadPreparing"),
-							errorLabel: t("imageDownloadFailed"),
-							onInvoke: downloadOriginal
-						},
-						actions: [{
-							id: "continue-editing",
-							label: t("imageEdit"),
-							pendingLabel: t("imageEditPreparing"),
-							errorLabel: t("imageEditFailed"),
-							closeOnSuccess: true,
-							onInvoke: ({ annotations = [] }) => {
-								const imageKey = String(attachment.attachmentId ?? "image").replace(/[^a-zA-Z0-9_-]/g, "_");
-								const sourceName = annotations.length === 0 ? downloadName : `codex-edit-${imageKey}-source.png`;
-								const referenceName = `codex-edit-${imageKey}-annotations.png`;
-								return attachForEdit(src, sourceName, buildImageEditDraft({
-									annotations,
-									translate: t,
-									width: attachment.width,
-									height: attachment.height,
-									sourceName,
-									referenceName
-								}), annotations, referenceName);
-							}
-						}]
-					}],
-					opener: triggerRef.current,
-					source: "codex-generated",
-					annotations: true
-				};
-				if (getInternalImageViewer?.()?.open?.(request) === true) return;
-				(getImageViewer?.())?.open?.(request);
-			};
-			if (error) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-				type: "button",
-				className: "codexGeneratedImageRetry",
-				onClick: () => setAttempt((value) => value + 1),
-				children: t("imageLoadFailed")
-			});
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-				ref: triggerRef,
-				type: "button",
-				className: "codexGeneratedImageFrame",
-				title: t("imageOpen"),
-				"aria-label": fill(t("imageOpenNamed"), { value: label }),
-				onClick: openImage,
-				children: src === void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("imageLoading") }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
-					src,
-					alt: label
-				})
-			});
-		}
-		function CodexImageToolRow({ block, sessionId, rpc, loadImage, attachForEdit, getImageViewer, getInternalImageViewer, t }) {
-			const settled = block?.kind === "tool-result";
-			const image = settled ? block.content.find((item) => item?.type === "image" && item.attachment !== void 0) : void 0;
-			const failed = settled && block.isError === true;
-			const state = !settled ? "running" : failed ? "error" : "done";
-			const status = !settled ? t("imageGenerating") : failed ? t("imageFailed") : t("imageGenerated");
-			const error = failed ? block.content.find((item) => item?.type === "text" && typeof item.text === "string")?.text : void 0;
-			const original = decodeImagePresentation(block?.meta)?.original;
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "codexImageTool",
-				"data-state": state,
-				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: "codexImageToolRow",
-						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "codexImageToolIcon",
-								"aria-hidden": "true"
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "codexImageToolTitle",
-								children: t("imageGenerate")
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "codexImageBeta",
-								children: t("imageBeta")
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "codexImageToolState",
-								children: status
-							})
-						]
-					}),
-					image === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: "codexImageToolGallery",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CodexGeneratedImage, {
-							attachment: image.attachment,
-							original,
-							rpc,
-							sessionId,
-							loadImage,
-							attachForEdit,
-							getImageViewer,
-							getInternalImageViewer,
-							t
-						})
-					}),
-					error === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: "codexImageToolError",
-						children: error
-					})
-				]
-			});
-		}
 		const usePreferenceSnapshot = (preference) => (0, react.useSyncExternalStore)(preference.subscribe, preference.getSnapshot);
+		const useAccountStatusSnapshot = (accountStatus) => (0, react.useSyncExternalStore)(accountStatus.subscribe, accountStatus.getSnapshot);
 		const notifyQuickQuota = () => window.dispatchEvent(new Event(QUICK_QUOTA_REFRESH_EVENT));
 		const formatRunway = (seconds, t) => {
 			if (!Number.isFinite(seconds) || seconds <= 0) return void 0;
@@ -2089,7 +2503,18 @@ window.__ModuleLoader__.load({
 			const modelRows = snapshot.contextModels.filter((model) => model.fixed !== true);
 			const fixedRows = snapshot.contextModels.filter((model) => model.fixed === true);
 			const [drafts, setDrafts] = (0, react.useState)({});
-			(0, react.useEffect)(() => setDrafts(Object.fromEntries(modelRows.map((model) => [model.key, String(snapshot.customContextWindows[model.key])]))), [snapshot.customContextWindows, snapshot.contextModels]);
+			const previousSavedValues = (0, react.useRef)();
+			(0, react.useEffect)(() => {
+				const savedValues = Object.fromEntries(modelRows.map((model) => [model.key, String(snapshot.customContextWindows[model.key])]));
+				const previous = previousSavedValues.current;
+				setDrafts((current) => reconcileContextDrafts({
+					modelRows,
+					drafts: current,
+					previousSavedValues: previous,
+					savedValues
+				}));
+				previousSavedValues.current = savedValues;
+			}, [modelRows.map((model) => `${model.key}\u0000${snapshot.customContextWindows[model.key]}`).join("")]);
 			const hint = snapshot.contextMode === "extended" ? t("contextExtendedHint") : snapshot.contextMode === "custom" ? t("contextCustomHint") : t("contextStandardHint");
 			const commit = (modelKey) => {
 				const parsed = parseContextWindow(drafts[modelKey]);
@@ -2124,81 +2549,99 @@ window.__ModuleLoader__.load({
 			const selectedMode = contextModeItems.find((item) => item.id === snapshot.contextMode)?.label ?? t("contextStandard");
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "codexSubscriptionContext",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: "codexSubscriptionContextHead",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: "codexSubscriptionContextCopy",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: "codexSubscriptionPreferenceLabel",
-							children: t("contextTitle")
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: "codexSubscriptionContextHint",
-							children: hint
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "codexSubscriptionContextHead",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "codexSubscriptionContextCopy",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "codexSubscriptionPreferenceLabel",
+								children: t("contextTitle")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "codexSubscriptionContextHint",
+								children: hint
+							})]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Menu, {
+							open: menuOpen,
+							items: contextModeItems,
+							selectedId: snapshot.contextMode,
+							onSelect: (value) => {
+								setMenuOpen(false);
+								preference.set({ [CONTEXT_MODE_FIELD]: value });
+							},
+							onClose: () => setMenuOpen(false),
+							align: "end",
+							side: "bottom",
+							portal: true,
+							compact: true,
+							anchor: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+								className: "codexSubscriptionContextTrigger",
+								type: "button",
+								"aria-label": t("contextTitle"),
+								"aria-haspopup": "menu",
+								"aria-expanded": menuOpen,
+								disabled: !writable,
+								onClick: () => setMenuOpen((value) => !value),
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: selectedMode }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutline14, {})]
+							})
 						})]
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Menu, {
-						open: menuOpen,
-						items: contextModeItems,
-						selectedId: snapshot.contextMode,
-						onSelect: (value) => {
-							setMenuOpen(false);
-							preference.set({ [CONTEXT_MODE_FIELD]: value });
-						},
-						onClose: () => setMenuOpen(false),
-						align: "end",
-						side: "bottom",
-						portal: true,
-						compact: true,
-						anchor: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-							className: "codexSubscriptionContextTrigger",
+					}),
+					snapshot.contextMode === "custom" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "codexSubscriptionContextModels",
+						children: [modelRows.map((model) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "codexSubscriptionContextModel",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								className: "codexSubscriptionContextModelCopy",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: model.label }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: fill(t("contextMaximum"), { value: String(model.maximum) }) })]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Input, {
+								"aria-label": `${model.label} ${t("contextTokens")}`,
+								className: "codexSubscriptionContextInput",
+								type: "number",
+								inputMode: "numeric",
+								min: MIN_CUSTOM_CONTEXT_WINDOW,
+								max: model.maximum,
+								step: 1,
+								value: drafts[model.key] ?? "",
+								disabled: !writable,
+								onChange: (event) => {
+									const nextValue = event.currentTarget.value;
+									setDrafts((current) => ({
+										...current,
+										[model.key]: nextValue
+									}));
+								},
+								onBlur: () => commit(model.key),
+								onKeyDown: (event) => {
+									if (event.key === "Enter") event.currentTarget.blur();
+								}
+							})]
+						}, model.key)), fixedRows.map((model) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "codexSubscriptionContextModel",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								className: "codexSubscriptionContextModelCopy",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: model.label }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: fill(t("contextFixed"), { value: formatContextWindow(model.maximum) }) })]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "codexSubscriptionContextHint",
+								children: formatContextWindow(model.maximum)
+							})]
+						}, model.key))]
+					}) : null,
+					snapshot.modelError ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "codexSubscriptionRecover",
+						role: "alert",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "codexSubscriptionError",
+							children: t("modelDirectoryFailed")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
 							type: "button",
-							"aria-label": t("contextTitle"),
-							"aria-haspopup": "menu",
-							"aria-expanded": menuOpen,
-							disabled: !writable,
-							onClick: () => setMenuOpen((value) => !value),
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: selectedMode }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutline14, {})]
-						})
-					})]
-				}), snapshot.contextMode === "custom" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: "codexSubscriptionContextModels",
-					children: [modelRows.map((model) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: "codexSubscriptionContextModel",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-							className: "codexSubscriptionContextModelCopy",
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: model.label }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: fill(t("contextMaximum"), { value: String(model.maximum) }) })]
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Input, {
-							"aria-label": `${model.label} ${t("contextTokens")}`,
-							className: "codexSubscriptionContextInput",
-							type: "number",
-							inputMode: "numeric",
-							min: MIN_CUSTOM_CONTEXT_WINDOW,
-							max: model.maximum,
-							step: 1,
-							value: drafts[model.key] ?? "",
-							disabled: !writable,
-							onChange: (event) => {
-								const nextValue = event.currentTarget.value;
-								setDrafts((current) => ({
-									...current,
-									[model.key]: nextValue
-								}));
+							variant: "outline",
+							onClick: () => {
+								preference.refreshModels();
 							},
-							onBlur: () => commit(model.key),
-							onKeyDown: (event) => {
-								if (event.key === "Enter") event.currentTarget.blur();
-							}
-						})]
-					}, model.key)), fixedRows.map((model) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: "codexSubscriptionContextModel",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-							className: "codexSubscriptionContextModelCopy",
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: model.label }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: fill(t("contextFixed"), { value: formatContextWindow(model.maximum) }) })]
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: "codexSubscriptionContextHint",
-							children: formatContextWindow(model.maximum)
+							children: t("modelRetry")
 						})]
-					}, model.key))]
-				}) : null]
+					}) : null
+				]
 			});
 		}
 		function PreferencesCard({ preference, t }) {
@@ -2935,18 +3378,23 @@ window.__ModuleLoader__.load({
 				]
 			});
 		}
-		function AccountFailureCard({ retry, t }) {
+		function AccountFailureCard({ accountStatus, snapshot, t }) {
+			const retrying = snapshot.retrying === true;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "codexSubscriptionCard codexSubscriptionRecover",
 				role: "alert",
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 					className: "codexSubscriptionError",
-					children: t("loadFailed")
+					children: retrying ? t("accountRetrying") : accountStatusErrorText(snapshot.error, t)
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
 					type: "button",
 					variant: "outline",
-					onClick: retry,
-					children: t("accountRetry")
+					disabled: retrying,
+					"aria-busy": retrying,
+					onClick: () => {
+						accountStatus.retry();
+					},
+					children: retrying ? t("accountRetrying") : t("accountRetry")
 				})]
 			});
 		}
@@ -3406,27 +3854,19 @@ window.__ModuleLoader__.load({
 				]
 			});
 		}
-		function CodexSection({ preference, rpc, t }) {
-			const [account, setAccount] = (0, react.useState)();
-			const [accountError, setAccountError] = (0, react.useState)();
+		function CodexSection({ preference, rpc, accountStatus, t }) {
+			const accountSnapshot = useAccountStatusSnapshot(accountStatus);
+			const account = accountSnapshot.account;
 			const [resetKey, setResetKey] = (0, react.useState)(0);
-			const accountRequest = (0, react.useRef)(0);
-			const loadAccount = () => {
-				const id = ++accountRequest.current;
-				setAccount(void 0);
-				setAccountError(void 0);
-				rpc.call(CHANNEL, "status", {}).then(unwrap).then((next) => {
-					if (accountRequest.current === id) setAccount(next);
-				}).catch(() => {
-					if (accountRequest.current === id) setAccountError(true);
-				});
+			const setAccount = accountStatus.acceptAccount;
+			const accountChanged = () => {
+				setResetKey((value) => value + 1);
+				preference.refreshModels();
 			};
 			(0, react.useEffect)(() => {
-				loadAccount();
-				return () => {
-					accountRequest.current += 1;
-				};
-			}, []);
+				accountStatus.load();
+				preference.refreshModels();
+			}, [accountStatus, preference]);
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
 				className: "codexSubscription",
 				children: [
@@ -3434,15 +3874,16 @@ window.__ModuleLoader__.load({
 						className: "codexSubscriptionHead",
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", { children: t("title") })
 					}),
-					accountError === void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AccountCard, {
+					accountSnapshot.status === "error" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AccountFailureCard, {
+						accountStatus,
+						snapshot: accountSnapshot,
+						t
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AccountCard, {
 						rpc,
 						t,
 						account,
 						setAccount,
-						onSignedOut: () => setResetKey((value) => value + 1)
-					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AccountFailureCard, {
-						retry: loadAccount,
-						t
+						onSignedOut: accountChanged
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PreferencesCard, {
 						preference,
@@ -3476,16 +3917,21 @@ window.__ModuleLoader__.load({
 			}, "codex-subscription: style");
 			const connection = ctx.get("connection");
 			const preference = createPreferenceController(ctx.settingsScope.bind({ namespace: SETTINGS_NAMESPACE }), connection.rpc);
+			const accountStatus = createAccountStatusController(connection.rpc);
 			ctx.effect(() => {
 				preference.load();
+				accountStatus.load();
 				const disposeReset = ctx.on("connection/reset", () => {
 					preference.load();
+					preference.refreshModels();
+					accountStatus.reload();
 				});
 				return () => {
 					disposeReset?.();
 					preference.dispose();
+					accountStatus.dispose();
 				};
-			}, "codex-subscription: preferences");
+			}, "codex-subscription: preferences and account status");
 			const t = ctx.locale.bind(NS);
 			ctx.slots.inject("shell.overlay", () => ctx.slots.register({
 				name: "shell.overlay",
@@ -3505,6 +3951,7 @@ window.__ModuleLoader__.load({
 				inject: () => ({
 					preference,
 					rpc: connection.rpc,
+					accountStatus,
 					t
 				})
 			}, CodexSection));