dsh-codex-subscription 1.10.0 → 1.11.0

package/lib/client.js

@@ -59,12 +59,32 @@ window.__ModuleLoader__.load({
 			const base = prompt.trim() === "" ? translate("imageEditDefault") : prompt.trim();
 			return notes.length === 0 ? base : base + "\n\n" + translate("imageRegionNotes") + "\n" + notes.join("\n");
 		}
+		const ORIGINAL_IMAGE_ID_PATTERN = /^img_[0-9a-f]{32}$/u;
+		const positiveInteger = (value) => Number.isSafeInteger(value) && value > 0;
+		function decodeOriginalImageRef(value) {
+			if (value === null || typeof value !== "object" || Array.isArray(value) || typeof value.assetId !== "string" || !ORIGINAL_IMAGE_ID_PATTERN.test(value.assetId) || value.mediaType !== "image/png" || !positiveInteger(value.bytes) || value.bytes > 48 * 1024 * 1024 || !positiveInteger(value.width) || !positiveInteger(value.height) || typeof value.name !== "string" || !/^[A-Za-z0-9][A-Za-z0-9._-]{0,127}$/u.test(value.name) || typeof value.sha256 !== "string" || !/^[0-9a-f]{64}$/u.test(value.sha256)) return void 0;
+			return {
+				assetId: value.assetId,
+				mediaType: value.mediaType,
+				bytes: value.bytes,
+				width: value.width,
+				height: value.height,
+				name: value.name,
+				sha256: value.sha256
+			};
+		}
+		function decodeImagePresentation(value) {
+			if (value === null || typeof value !== "object" || Array.isArray(value) || value.kind !== "codex-subscription-image" || value.schemaVersion !== 1) return void 0;
+			const original = decodeOriginalImageRef(value.original);
+			return original === void 0 ? void 0 : { original };
+		}
 		//#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";
@@ -135,7 +155,8 @@ window.__ModuleLoader__.load({
 		const normalizeQuickQuotaMode = (value, legacyVisible = false) => [
 			"off",
 			"percent",
-			"bar"
+			"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
@@ -153,7 +174,8 @@ window.__ModuleLoader__.load({
 			return {
 				remainingPercent: selected.remainingPercent,
 				windowSeconds: selected.windowSeconds,
-				...Number.isSafeInteger(selected.resetsAt) ? { resetsAt: selected.resetsAt } : {}
+				...Number.isSafeInteger(selected.resetsAt) ? { resetsAt: selected.resetsAt } : {},
+				...selected.forecast === void 0 ? {} : { forecast: selected.forecast }
 			};
 		}
 		//#endregion
@@ -304,6 +326,8 @@ window.__ModuleLoader__.load({
 			quickQuotaOff: "关闭",
 			quickQuotaPercent: "百分比",
 			quickQuotaBar: "进度条",
+			quickQuotaForecast: "续航预测",
+			quickQuotaBeta: "Beta",
 			contextTitle: "上下文窗口",
 			contextStandard: "标准",
 			contextStandardHint: "使用模型目录默认值；官方 Agent 预设会自动管理上下文。",
@@ -315,6 +339,12 @@ window.__ModuleLoader__.load({
 			contextFixed: "固定 {value}",
 			contextMaximum: "范围 128000–{value}",
 			quickQuotaStatus: "Codex 剩余额度 {value}%",
+			quickQuotaForecastStatus: "Codex 剩余额度 {value}%，按当前速度预计可用 {duration}",
+			quotaForecast: "按当前速度 {symbol}{duration}",
+			runwayDaysHours: "{days} 天 {hours} 小时",
+			runwayDays: "{days} 天",
+			runwayHours: "{hours} 小时",
+			runwayMinutes: "{minutes} 分钟",
 			speedTitle: "速度",
 			speedStandard: "标准",
 			speedStandardHint: "标准速度",
@@ -346,13 +376,16 @@ window.__ModuleLoader__.load({
 			imageGenerated: "已生成",
 			imageFailed: "生成失败",
 			imageLabel: "生成的图片",
-			imageOpen: "查看原图",
+			imageOpen: "查看图片",
 			imageOpenNamed: "查看 {value}",
 			imageLoading: "正在加载图片…",
 			imageLoadFailed: "图片加载失败，点击重试",
 			imagePreview: "图片预览",
+			imagePreviewShort: "预览图",
 			imageClosePreview: "关闭预览",
-			imageDownload: "下载原图",
+			imageDownload: "下载",
+			imageDownloadPreparing: "正在准备原图…",
+			imageDownloadFailed: "下载失败，重试",
 			imageZoomOut: "缩小",
 			imageZoomIn: "放大",
 			imageFit: "适合窗口",
@@ -458,6 +491,8 @@ window.__ModuleLoader__.load({
 			quickQuotaOff: "Off",
 			quickQuotaPercent: "Percent",
 			quickQuotaBar: "Progress bar",
+			quickQuotaForecast: "Runway",
+			quickQuotaBeta: "Beta",
 			contextTitle: "Context window",
 			contextStandard: "Standard",
 			contextStandardHint: "Use the model catalog default; official agent presets manage context automatically.",
@@ -469,6 +504,12 @@ window.__ModuleLoader__.load({
 			contextFixed: "Fixed {value}",
 			contextMaximum: "128000–{value}",
 			quickQuotaStatus: "Codex quota: {value}% remaining",
+			quickQuotaForecastStatus: "Codex quota: {value}% remaining; about {duration} at the current pace",
+			quotaForecast: "At current pace {symbol}{duration}",
+			runwayDaysHours: "{days}d {hours}h",
+			runwayDays: "{days}d",
+			runwayHours: "{hours}h",
+			runwayMinutes: "{minutes}m",
 			speedTitle: "Speed",
 			speedStandard: "Standard",
 			speedStandardHint: "Standard speed",
@@ -500,13 +541,16 @@ window.__ModuleLoader__.load({
 			imageGenerated: "Generated",
 			imageFailed: "Generation failed",
 			imageLabel: "Generated image",
-			imageOpen: "View original",
+			imageOpen: "View image",
 			imageOpenNamed: "View {value}",
 			imageLoading: "Loading image…",
 			imageLoadFailed: "Image failed to load. Click to retry",
 			imagePreview: "Image preview",
+			imagePreviewShort: "Preview",
 			imageClosePreview: "Close preview",
-			imageDownload: "Download original",
+			imageDownload: "Download",
+			imageDownloadPreparing: "Preparing original…",
+			imageDownloadFailed: "Download failed. Retry",
 			imageZoomOut: "Zoom out",
 			imageZoomIn: "Zoom in",
 			imageFit: "Fit to window",
@@ -531,7 +575,7 @@ window.__ModuleLoader__.load({
 .codexSubscriptionNote{font-size:13px;line-height:20px;color:var(--dsw-alias-label-tertiary)}
 .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}
-.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}.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}
+.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)}
@@ -560,12 +604,13 @@ window.__ModuleLoader__.load({
 .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)}}
 .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}}
 @media(max-width:640px){.codexSubscriptionCard{padding:14px}}
 `;
 		const IMAGE_STYLE = String.raw`
-.codexGeneratedImageLightbox{position:fixed;inset:0;z-index:1000;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:var(--dsw-alias-bg-base,#111);color:var(--dsw-alias-label-primary);outline:0}.codexGeneratedImageTopbar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:58px;padding:8px 14px;border-bottom:1px solid var(--dsw-alias-border-l2);background:color-mix(in srgb,var(--dsw-alias-bg-base,#111) 92%,transparent);backdrop-filter:blur(18px)}.codexGeneratedImageTopbar>div:first-child{display:flex;min-width:0;flex-direction:column}.codexGeneratedImageTopbar strong{overflow:hidden;font-size:13px;font-weight:600;line-height:20px;text-overflow:ellipsis;white-space:nowrap}.codexGeneratedImageTopbar small{color:var(--dsw-alias-label-tertiary);font-size:11px;line-height:17px}.codexGeneratedImageActions{display:flex;align-items:center;gap:6px}.codexGeneratedImageActions button,.codexGeneratedImageActions a{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:5px;height:32px;padding:0 10px;border:1px solid transparent;border-radius:16px;background:transparent;color:var(--dsw-alias-label-primary);font:inherit;font-size:12px;text-decoration:none;cursor:pointer}.codexGeneratedImageActions button:hover,.codexGeneratedImageActions a:hover,.codexGeneratedImageActions button.is-active{background:var(--dsw-alias-interactive-bg-hover)}.codexGeneratedImageActions button:focus-visible,.codexGeneratedImageActions a:focus-visible{outline:2px solid var(--dsw-alias-border-l3);outline-offset:1px}.codexGeneratedImageActions button:disabled{opacity:.4;cursor:default}.codexGeneratedImageActions>span{min-width:38px;color:var(--dsw-alias-label-tertiary);font-size:11px;text-align:center}.codexGeneratedImageClose{font-size:20px!important}.codexGeneratedImageCanvas{position:relative;display:grid;place-items:center;min-height:0;overflow:auto;padding:24px;background:var(--dsw-alias-bg-base,#111)}.codexGeneratedImageSurface{position:relative;display:inline-flex;max-width:calc(100vw - 48px);max-height:calc(100vh - 210px);transform-origin:center;transition:transform 120ms ease}.codexGeneratedImageSurface img{display:block;max-width:100%;max-height:calc(100vh - 210px);border-radius:12px;object-fit:contain}.codexGeneratedImageCanvas.is-annotating .codexGeneratedImageSurface{cursor:crosshair}.codexGeneratedImagePin{position:absolute;display:grid;place-items:center;width:24px;height:24px;padding:0;border:2px solid white;border-radius:50%;background:var(--dsw-alias-label-primary);box-shadow:0 1px 4px rgba(0,0,0,.35);color:var(--dsw-alias-bg-base,#111);font:inherit;font-size:11px;font-weight:700;transform:translate(-50%,-50%);cursor:pointer}.codexGeneratedImagePin.is-active{background:var(--dsw-alias-state-business-primary,#3964fe);color:white}.codexGeneratedImageAnnotateHint{position:absolute;bottom:14px;left:50%;padding:6px 10px;border-radius:14px;background:color-mix(in srgb,var(--dsw-alias-bg-layer-3) 90%,transparent);box-shadow:var(--dsw-shadow-lv2);color:var(--dsw-alias-label-secondary);font-size:11px;transform:translateX(-50%)}.codexGeneratedImageEditDock{display:flex;flex-direction:column;gap:8px;padding:10px 14px 14px;border-top:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2,var(--dsw-alias-bg-base))}.codexGeneratedImagePrompt,.codexGeneratedImageAnnotation{display:flex;align-items:center;gap:8px;width:min(820px,100%);margin:0 auto}.codexGeneratedImagePrompt>*:first-child,.codexGeneratedImageAnnotation>*:nth-child(2){min-width:0;flex:1}.codexGeneratedImagePrompt button{flex:none;white-space:nowrap}.codexGeneratedImageAnnotation>span{flex:none;color:var(--dsw-alias-label-secondary);font-size:12px}.codexGeneratedImageAnnotation>button{flex:none;height:28px;padding:0 8px;border:0;border-radius:14px;background:transparent;color:var(--dsw-alias-label-tertiary);font:inherit;font-size:11px;cursor:pointer}.codexGeneratedImageAnnotation>button:hover{background:var(--dsw-alias-interactive-bg-hover)}.codexGeneratedImageEditError{width:min(820px,100%);margin:0 auto;color:var(--dsw-alias-state-error-primary);font-size:11px;line-height:17px}@media(max-width:760px){.codexGeneratedImageTopbar{align-items:flex-start;flex-direction:column}.codexGeneratedImageActions{width:100%;overflow-x:auto}.codexGeneratedImageActions>span{display:none}.codexGeneratedImageCanvas{padding:12px}.codexGeneratedImageSurface{max-width:calc(100vw - 24px);max-height:calc(100vh - 270px)}.codexGeneratedImageSurface img{max-height:calc(100vh - 270px)}.codexGeneratedImagePrompt,.codexGeneratedImageAnnotation{align-items:stretch;flex-direction:column}.codexGeneratedImagePrompt button{width:100%}}
+.codexGeneratedImageLightbox{position:fixed;inset:0;z-index:1000;display:grid;grid-template-rows:auto minmax(0,1fr);background:var(--dsw-alias-bg-base,#111);color:var(--dsw-alias-label-primary);outline:0}.codexGeneratedImageTopbar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:58px;padding:8px 14px;border-bottom:1px solid var(--dsw-alias-border-l2);background:color-mix(in srgb,var(--dsw-alias-bg-base,#111) 92%,transparent);backdrop-filter:blur(18px)}.codexGeneratedImageTopbar>div:first-child{display:flex;min-width:0;flex-direction:column}.codexGeneratedImageTopbar strong{overflow:hidden;font-size:13px;font-weight:600;line-height:20px;text-overflow:ellipsis;white-space:nowrap}.codexGeneratedImageTopbar small{color:var(--dsw-alias-label-tertiary);font-size:11px;line-height:17px}.codexGeneratedImageActions{display:flex;align-items:center;gap:6px}.codexGeneratedImageActions button,.codexGeneratedImageActions a{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:5px;height:32px;padding:0 10px;border:1px solid transparent;border-radius:16px;background:transparent;color:var(--dsw-alias-label-primary);font:inherit;font-size:12px;text-decoration:none;cursor:pointer}.codexGeneratedImageActions button:hover,.codexGeneratedImageActions a:hover,.codexGeneratedImageActions button.is-active{background:var(--dsw-alias-interactive-bg-hover)}.codexGeneratedImageActions button:focus-visible,.codexGeneratedImageActions a:focus-visible{outline:2px solid var(--dsw-alias-border-l3);outline-offset:1px}.codexGeneratedImageActions button:disabled{opacity:.4;cursor:default}.codexGeneratedImageActions>span{min-width:38px;color:var(--dsw-alias-label-tertiary);font-size:11px;text-align:center}.codexGeneratedImageClose{font-size:20px!important}.codexGeneratedImageCanvas{position:relative;display:grid;place-items:center;min-height:0;overflow:auto;padding:24px;background:var(--dsw-alias-bg-base,#111)}.codexGeneratedImageSurface{position:relative;display:inline-flex;max-width:calc(100vw - 48px);max-height:calc(100vh - 150px);transform-origin:center;transition:transform 120ms ease}.codexGeneratedImageSurface img{display:block;max-width:100%;max-height:calc(100vh - 150px);border-radius:12px;object-fit:contain}.codexGeneratedImageCanvas.is-annotating .codexGeneratedImageSurface{cursor:crosshair}.codexGeneratedImagePin{position:absolute;display:grid;place-items:center;width:24px;height:24px;padding:0;border:2px solid white;border-radius:50%;background:var(--dsw-alias-label-primary);box-shadow:0 1px 4px rgba(0,0,0,.35);color:var(--dsw-alias-bg-base,#111);font:inherit;font-size:11px;font-weight:700;transform:translate(-50%,-50%);cursor:pointer}.codexGeneratedImagePin.is-active{background:var(--dsw-alias-state-business-primary,#3964fe);color:white}.codexGeneratedImageAnnotateHint{position:absolute;bottom:14px;left:50%;padding:6px 10px;border-radius:14px;background:color-mix(in srgb,var(--dsw-alias-bg-layer-3) 90%,transparent);box-shadow:var(--dsw-shadow-lv2);color:var(--dsw-alias-label-secondary);font-size:11px;transform:translateX(-50%)}@media(max-width:760px){.codexGeneratedImageTopbar{align-items:flex-start;flex-direction:column}.codexGeneratedImageActions{width:100%;overflow-x:auto}.codexGeneratedImageActions>span{display:none}.codexGeneratedImageCanvas{padding:12px}.codexGeneratedImageSurface{max-width:calc(100vw - 24px);max-height:calc(100vh - 180px)}.codexGeneratedImageSurface img{max-height:calc(100vh - 180px)}}
 `;
 		const IMAGE_LAYOUT_STYLE = String.raw`
 .codexGeneratedImageWorkspace{display:grid;min-height:0;grid-template-columns:minmax(0,1fr)}
@@ -605,7 +650,66 @@ window.__ModuleLoader__.load({
 			return cleaned.toLowerCase().endsWith(".png") ? cleaned : `${cleaned}.png`;
 		};
 		const imageByteSize = (bytes) => bytes < 1024 * 1024 ? `${Math.max(.1, bytes / 1024).toLocaleString(void 0, { maximumFractionDigits: 1 })} KB` : `${(bytes / 1024 / 1024).toLocaleString(void 0, { maximumFractionDigits: 1 })} MB`;
-		function CodexGeneratedImage({ attachment, loadImage, attachForEdit, getImageViewer, t }) {
+		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, t }) {
 			const [attempt, setAttempt] = (0, react.useState)(0);
 			const [error, setError] = (0, react.useState)(false);
 			const [open, setOpen] = (0, react.useState)(false);
@@ -614,9 +718,9 @@ window.__ModuleLoader__.load({
 			const [annotationMode, setAnnotationMode] = (0, react.useState)(false);
 			const [annotations, setAnnotations] = (0, react.useState)([]);
 			const [selectedAnnotation, setSelectedAnnotation] = (0, react.useState)();
-			const [prompt, setPrompt] = (0, react.useState)("");
 			const [editBusy, setEditBusy] = (0, react.useState)(false);
 			const [editError, setEditError] = (0, react.useState)(false);
+			const [downloadState, setDownloadState] = (0, react.useState)("idle");
 			const triggerRef = (0, react.useRef)(null);
 			const dialogRef = (0, react.useRef)(null);
 			(0, react.useEffect)(() => {
@@ -673,7 +777,8 @@ window.__ModuleLoader__.load({
 			}, [open]);
 			const label = attachment.name ?? t("imageLabel");
 			const downloadName = imageDownloadName(attachment);
-			const imageMeta = attachment.width + " × " + attachment.height + " · " + imageByteSize(attachment.bytes);
+			const previewMeta = attachment.width + " × " + attachment.height + " · " + imageByteSize(attachment.bytes);
+			const imageMeta = original === void 0 ? previewMeta : original.width + " × " + original.height + " · " + imageByteSize(original.bytes) + " · " + t("imagePreviewShort") + " " + previewMeta;
 			const addAnnotation = (event) => {
 				if (!annotationMode || event.target.closest(".codexGeneratedImagePin")) return;
 				const bounds = event.currentTarget.getBoundingClientRect();
@@ -692,7 +797,6 @@ window.__ModuleLoader__.load({
 				setEditError(false);
 				try {
 					await attachForEdit(src, downloadName, buildImageEditDraft({
-						prompt,
 						annotations,
 						translate: t
 					}));
@@ -703,31 +807,50 @@ window.__ModuleLoader__.load({
 					setEditBusy(false);
 				}
 			};
+			const downloadOriginal = async () => {
+				if (downloadState === "pending" || original === void 0) return;
+				setDownloadState("pending");
+				try {
+					triggerBlobDownload(await readOriginalImage(rpc, sessionId, original), original.mediaType, original.name);
+					setDownloadState("idle");
+				} catch {
+					setDownloadState("failed");
+					throw new Error("original image download failed");
+				}
+			};
 			const openImage = () => {
 				if (src === void 0) return;
-				if ((getImageViewer?.())?.open?.({
+				const viewer = getImageViewer?.();
+				const actions = [];
+				actions.push({
+					id: "continue-editing",
+					label: t("imageEdit"),
+					pendingLabel: t("imageEditPreparing"),
+					errorLabel: t("imageEditFailed"),
+					closeOnSuccess: true,
+					onInvoke: ({ annotations: nextAnnotations }) => attachForEdit(src, downloadName, buildImageEditDraft({
+						annotations: nextAnnotations,
+						translate: t
+					}))
+				});
+				if (viewer?.open?.({
 					items: [{
 						id: attachment.attachmentId ?? downloadName,
 						src,
 						name: label,
 						width: attachment.width,
 						height: attachment.height,
-						bytes: attachment.bytes
+						bytes: attachment.bytes,
+						download: original === void 0 ? void 0 : {
+							pendingLabel: t("imageDownloadPreparing"),
+							errorLabel: t("imageDownloadFailed"),
+							onInvoke: downloadOriginal
+						},
+						actions
 					}],
 					opener: triggerRef.current,
 					source: "codex-generated",
-					annotations: true,
-					editor: {
-						label: t("imageEdit"),
-						busyLabel: t("imageEditPreparing"),
-						errorLabel: t("imageEditFailed"),
-						placeholder: t("imageEditPrompt"),
-						onSubmit: ({ prompt: nextPrompt, annotations: nextAnnotations }) => attachForEdit(src, downloadName, buildImageEditDraft({
-							prompt: nextPrompt,
-							annotations: nextAnnotations,
-							translate: t
-						}))
-					}
+					annotations: true
 				}) === true) return;
 				setZoom(1);
 				setOpen(true);
@@ -745,151 +868,142 @@ window.__ModuleLoader__.load({
 				"aria-modal": "true",
 				"aria-label": t("imagePreview"),
 				tabIndex: -1,
-				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
-						className: "codexGeneratedImageTopbar",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: label }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", { children: imageMeta })] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: "codexGeneratedImageActions",
-							children: [
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-									type: "button",
-									className: annotationMode ? "is-active" : "",
-									"aria-pressed": annotationMode,
-									onClick: () => setAnnotationMode((value) => !value),
-									children: t("imageAnnotate")
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-									type: "button",
-									"aria-label": t("imageZoomOut"),
-									disabled: zoom <= .5,
-									onClick: () => setZoom((value) => Math.max(.5, value - .25)),
-									children: "−"
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [Math.round(zoom * 100), "%"] }),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-									type: "button",
-									"aria-label": t("imageZoomIn"),
-									disabled: zoom >= 3,
-									onClick: () => setZoom((value) => Math.min(3, value + .25)),
-									children: "+"
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-									type: "button",
-									onClick: () => setZoom(1),
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconFullscreenOutline16, { "aria-hidden": "true" }), t("imageFit")]
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("a", {
-									href: src,
-									download: downloadName,
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconDownloadOutline16, { "aria-hidden": "true" }), t("imageDownload")]
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-									type: "button",
-									className: "codexGeneratedImageClose",
-									"aria-label": t("imageClosePreview"),
-									onClick: close,
-									children: "×"
-								})
-							]
-						})]
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: "codexGeneratedImageWorkspace " + (annotationMode || annotations.length > 0 ? "has-comments" : ""),
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("main", {
-							className: "codexGeneratedImageCanvas " + (annotationMode ? "is-annotating" : ""),
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: "codexGeneratedImageSurface",
-								onClick: addAnnotation,
-								style: { transform: "scale(" + zoom + ")" },
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
-									src,
-									alt: label
-								}), annotations.map((annotation, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-									type: "button",
-									className: "codexGeneratedImagePin " + (annotation.id === selectedAnnotation ? "is-active" : ""),
-									"aria-label": fill(t("imageAnnotation"), { value: index + 1 }),
-									style: {
-										left: annotation.x * 100 + "%",
-										top: annotation.y * 100 + "%"
-									},
-									onClick: (event) => {
-										event.stopPropagation();
-										setSelectedAnnotation(annotation.id);
-									},
-									children: index + 1
-								}, annotation.id))]
-							}), annotationMode ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								className: "codexGeneratedImageAnnotateHint",
-								children: t("imageAnnotateHint")
-							}) : null]
-						}), annotationMode || annotations.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("aside", {
-							className: "codexGeneratedImageComments",
-							"aria-label": t("imageAnnotate"),
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: t("imageAnnotate") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", { children: t("imageAnnotateHint") })] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								className: "codexGeneratedImageCommentList",
-								children: annotations.map((annotation, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("article", {
-									className: annotation.id === selectedAnnotation ? "is-active" : "",
-									onClick: () => setSelectedAnnotation(annotation.id),
-									children: [
-										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: index + 1 }),
-										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
-											value: annotation.note,
-											rows: 3,
-											"aria-label": fill(t("imageAnnotation"), { value: index + 1 }),
-											placeholder: t("imageAnnotationPlaceholder"),
-											onFocus: () => setSelectedAnnotation(annotation.id),
-											onChange: (event) => {
-												const note = event.target.value;
-												setAnnotations((value) => value.map((item) => item.id === annotation.id ? {
-													...item,
-													note
-												} : item));
-											}
-										}),
-										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-											type: "button",
-											"aria-label": t("imageRemoveAnnotation"),
-											onClick: (event) => {
-												event.stopPropagation();
-												setAnnotations((value) => value.filter((item) => item.id !== annotation.id));
-												if (selectedAnnotation === annotation.id) setSelectedAnnotation(void 0);
-											},
-											children: "×"
-										})
-									]
-								}, annotation.id))
-							})]
-						}) : null]
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("footer", {
-						className: "codexGeneratedImageEditDock",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: "codexGeneratedImagePrompt",
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Input, {
-								value: prompt,
-								placeholder: t("imageEditPrompt"),
-								onChange: (event) => setPrompt(event.target.value),
-								onKeyDown: (event) => {
-									if (event.key === "Enter" && !event.shiftKey) {
-										event.preventDefault();
-										continueEditing();
-									}
-								}
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
+					className: "codexGeneratedImageTopbar",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: label }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", { children: imageMeta })] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "codexGeneratedImageActions",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: annotationMode ? "is-active" : "",
+								"aria-pressed": annotationMode,
+								onClick: () => setAnnotationMode((value) => !value),
+								children: t("imageAnnotate")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								"aria-label": t("imageZoomOut"),
+								disabled: zoom <= .5,
+								onClick: () => setZoom((value) => Math.max(.5, value - .25)),
+								children: "−"
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [Math.round(zoom * 100), "%"] }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								"aria-label": t("imageZoomIn"),
+								disabled: zoom >= 3,
+								onClick: () => setZoom((value) => Math.min(3, value + .25)),
+								children: "+"
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+								type: "button",
+								onClick: () => setZoom(1),
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconFullscreenOutline16, { "aria-hidden": "true" }), t("imageFit")]
+							}),
+							original === void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("a", {
+								href: src,
+								download: downloadName,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconDownloadOutline16, { "aria-hidden": "true" }), t("imageDownload")]
+							}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+								type: "button",
+								disabled: downloadState === "pending",
+								onClick: () => {
+									downloadOriginal().catch(() => void 0);
+								},
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconDownloadOutline16, { "aria-hidden": "true" }), downloadState === "pending" ? t("imageDownloadPreparing") : downloadState === "failed" ? t("imageDownloadFailed") : t("imageDownload")]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 								type: "button",
 								disabled: editBusy,
 								onClick: () => {
 									continueEditing();
 								},
-								children: editBusy ? t("imageEditPreparing") : t("imageEdit")
-							})]
-						}), editError ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: "codexGeneratedImageEditError",
-							role: "alert",
-							children: t("imageEditFailed")
+								children: editBusy ? t("imageEditPreparing") : editError ? t("imageEditFailed") : t("imageEdit")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: "codexGeneratedImageClose",
+								"aria-label": t("imageClosePreview"),
+								onClick: close,
+								children: "×"
+							})
+						]
+					})]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "codexGeneratedImageWorkspace " + (annotationMode || annotations.length > 0 ? "has-comments" : ""),
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("main", {
+						className: "codexGeneratedImageCanvas " + (annotationMode ? "is-annotating" : ""),
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "codexGeneratedImageSurface",
+							onClick: addAnnotation,
+							style: { transform: "scale(" + zoom + ")" },
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+								src,
+								alt: label
+							}), annotations.map((annotation, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: "codexGeneratedImagePin " + (annotation.id === selectedAnnotation ? "is-active" : ""),
+								"aria-label": fill(t("imageAnnotation"), { value: index + 1 }),
+								style: {
+									left: annotation.x * 100 + "%",
+									top: annotation.y * 100 + "%"
+								},
+								onClick: (event) => {
+									event.stopPropagation();
+									setSelectedAnnotation(annotation.id);
+								},
+								children: index + 1
+							}, annotation.id))]
+						}), annotationMode ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "codexGeneratedImageAnnotateHint",
+							children: t("imageAnnotateHint")
 						}) : null]
-					})
-				]
+					}), annotationMode || annotations.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("aside", {
+						className: "codexGeneratedImageComments",
+						"aria-label": t("imageAnnotate"),
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: t("imageAnnotate") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", { children: t("imageAnnotateHint") })] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "codexGeneratedImageCommentList",
+							children: annotations.map((annotation, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("article", {
+								className: annotation.id === selectedAnnotation ? "is-active" : "",
+								onClick: () => setSelectedAnnotation(annotation.id),
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: index + 1 }),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+										value: annotation.note,
+										rows: 3,
+										"aria-label": fill(t("imageAnnotation"), { value: index + 1 }),
+										placeholder: t("imageAnnotationPlaceholder"),
+										onFocus: () => setSelectedAnnotation(annotation.id),
+										onChange: (event) => {
+											const note = event.target.value;
+											setAnnotations((value) => value.map((item) => item.id === annotation.id ? {
+												...item,
+												note
+											} : item));
+										},
+										onKeyDown: (event) => {
+											if (event.key === "Enter" && !event.shiftKey || event.key === "Escape") {
+												event.preventDefault();
+												event.stopPropagation();
+												setSelectedAnnotation(void 0);
+											}
+										}
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										"aria-label": t("imageRemoveAnnotation"),
+										onClick: (event) => {
+											event.stopPropagation();
+											setAnnotations((value) => value.filter((item) => item.id !== annotation.id));
+											if (selectedAnnotation === annotation.id) setSelectedAnnotation(void 0);
+										},
+										children: "×"
+									})
+								]
+							}, annotation.id))
+						})]
+					}) : null]
+				})]
 			}), document.body);
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 				ref: triggerRef,
@@ -904,13 +1018,14 @@ window.__ModuleLoader__.load({
 				})
 			}), lightbox] });
 		}
-		function CodexImageToolRow({ block, loadImage, attachForEdit, getImageViewer, t }) {
+		function CodexImageToolRow({ block, sessionId, rpc, loadImage, attachForEdit, getImageViewer, 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,
@@ -940,6 +1055,9 @@ window.__ModuleLoader__.load({
 						className: "codexImageToolGallery",
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CodexGeneratedImage, {
 							attachment: image.attachment,
+							original,
+							rpc,
+							sessionId,
 							loadImage,
 							attachForEdit,
 							getImageViewer,
@@ -1080,6 +1198,18 @@ window.__ModuleLoader__.load({
 		}
 		const usePreferenceSnapshot = (preference) => (0, react.useSyncExternalStore)(preference.subscribe, preference.getSnapshot);
 		const notifyQuickQuota = () => window.dispatchEvent(new Event(QUICK_QUOTA_REFRESH_EVENT));
+		const formatRunway = (seconds, t) => {
+			if (!Number.isFinite(seconds) || seconds <= 0) return void 0;
+			const minutes = Math.max(1, Math.round(seconds / 60));
+			const days = Math.floor(minutes / 1440);
+			const hours = Math.floor(minutes % 1440 / 60);
+			if (days > 0) return hours > 0 ? fill(t("runwayDaysHours"), {
+				days,
+				hours
+			}) : fill(t("runwayDays"), { days });
+			if (hours > 0) return fill(t("runwayHours"), { hours });
+			return fill(t("runwayMinutes"), { minutes });
+		};
 		function useQuickQuota(rpc, enabled, model) {
 			const [quota, setQuota] = (0, react.useState)();
 			(0, react.useEffect)(() => {
@@ -1155,7 +1285,12 @@ window.__ModuleLoader__.load({
 					children: [
 						choice("off", t("quickQuotaOff")),
 						choice(QUICK_QUOTA_MODE_PERCENT, t("quickQuotaPercent")),
-						choice("bar", t("quickQuotaBar"))
+						choice("bar", t("quickQuotaBar")),
+						choice(QUICK_QUOTA_MODE_FORECAST, /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+							t("quickQuotaForecast"),
+							" ",
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("small", { children: t("quickQuotaBeta") })
+						] }))
 					]
 				})]
 			});
@@ -1360,11 +1495,16 @@ window.__ModuleLoader__.load({
 			const current = (0, react.useSyncExternalStore)((listener) => directory.subscribe(listener), () => directory.getSnapshot()).current;
 			const codex = current?.provider === "openai-codex";
 			const quotaEnabled = preferenceSnapshot.status === "ready" && preferenceSnapshot.quickQuotaMode !== "off" && codex;
+			const forecastMode = preferenceSnapshot.quickQuotaMode === QUICK_QUOTA_MODE_FORECAST;
 			const quota = useQuickQuota(rpc, quotaEnabled, current?.model);
 			if (!quotaEnabled || quota === void 0) return null;
 			const value = Math.round(Number(quota.remainingPercent) * 10) / 10;
 			const display = percent(value);
-			const label = fill(t("quickQuotaStatus"), { value: display });
+			const duration = quota.forecast?.status === "ready" ? formatRunway(quota.forecast.runwaySeconds, t) : void 0;
+			const label = duration === void 0 ? fill(t("quickQuotaStatus"), { value: display }) : fill(t("quickQuotaForecastStatus"), {
+				value: display,
+				duration
+			});
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 				className: "codexComposerQuota",
 				role: "status",
@@ -1375,7 +1515,7 @@ window.__ModuleLoader__.load({
 					max: 100,
 					value,
 					"aria-hidden": "true"
-				}) : `${display}%`
+				}) : forecastMode && duration !== void 0 ? `${display}% · ${quota.forecast.survivesReset ? "≥" : "≈"}${duration}` : `${display}%`
 			});
 		}
 		function CodexModelSelect({ locked, available, directory, load, select, preference, t }) {
@@ -2281,7 +2421,10 @@ window.__ModuleLoader__.load({
 								}),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 									className: "codexSubscriptionLimitMeta",
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: windowLabel(window.windowSeconds, t) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ResetTime, {
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: window.forecast?.status === "ready" ? fill(t("quotaForecast"), {
+										symbol: window.forecast.survivesReset ? "≥" : "≈",
+										duration: formatRunway(window.forecast.runwaySeconds, t)
+									}) : windowLabel(window.windowSeconds, t) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ResetTime, {
 										resetsAt: window.resetsAt,
 										t
 									})]
@@ -2437,43 +2580,50 @@ window.__ModuleLoader__.load({
 					t
 				})
 			}, CodexSection));
-			ctx.slots.inject("conversation.input.right", () => ctx.slots.register({
-				name: "conversation.input.right",
-				id: "codex-subscription-quota",
-				order: 15,
-				locale: NS,
-				inject: (sessionId) => ({
-					preference,
-					rpc: connection.rpc,
-					t,
-					directory: ctx.modelDirectories.directoryFor(sessionId).store
-				})
-			}, CodexComposerQuota));
 			const sessions = ctx.get("sessions");
-			ctx.slots.inject("conversation.input.model", () => ctx.slots.register({
-				name: "conversation.input.model",
-				priority: -10,
-				locale: NS,
-				inject: (sessionId) => {
-					const directory = ctx.modelDirectories.directoryFor(sessionId);
-					const available = sessions.subagentAddress(sessionId) === void 0;
-					return {
-						available,
-						directory: directory.store,
-						load: () => {
-							if (available) directory.load();
-						},
-						select: (selection) => available ? directory.select(selection).then(() => true, () => false) : Promise.resolve(false),
-						preference
-					};
-				}
-			}, CodexModelSelect));
+			const installDirectorySlots = (scope) => {
+				const modelDirectories = scope.get("modelDirectories");
+				scope.slots.inject("conversation.input.right", () => scope.slots.register({
+					name: "conversation.input.right",
+					id: "codex-subscription-quota",
+					order: 15,
+					locale: NS,
+					inject: (sessionId) => ({
+						preference,
+						rpc: connection.rpc,
+						t,
+						directory: modelDirectories.directoryFor(sessionId).store
+					})
+				}, CodexComposerQuota));
+				scope.slots.inject("conversation.input.model", () => scope.slots.register({
+					name: "conversation.input.model",
+					priority: -10,
+					locale: NS,
+					inject: (sessionId) => {
+						const directory = modelDirectories.directoryFor(sessionId);
+						const available = sessions.subagentAddress(sessionId) === void 0;
+						return {
+							available,
+							directory: directory.store,
+							load: () => {
+								if (available) directory.load();
+							},
+							select: (selection) => available ? directory.select(selection).then(() => true, () => false) : Promise.resolve(false),
+							preference
+						};
+					}
+				}, CodexModelSelect));
+			};
+			if (ctx.get("remote.session") === void 0) installDirectorySlots(ctx);
+			else ctx.inject(["remote.session"], installDirectorySlots);
 			const conversation = ctx.get("conversation");
 			ctx.slots.inject("tool.call.toolview", () => ctx.slots.register({
 				name: "tool.call.toolview",
 				key: "codex_image_generate",
 				locale: NS,
 				inject: (sessionId) => ({
+					sessionId,
+					rpc: connection.rpc,
 					t,
 					loadImage: (attachment) => conversation.resolveImage(sessionId, attachment),
 					getImageViewer: () => {