dsh-codex-subscription 1.5.0 → 1.7.0

package/AGENTS.md

@@ -6,7 +6,7 @@ Use this guide when a user asks an Agent to install, update, verify, or remove
 ## Safety
 
 - Confirm the target DSH installation and profile. Use `web` only when it is the user's target.
-- Use the exact `1.5.0` package below; do not install a moving branch.
+- Use the exact `1.7.0` package below; do not install a moving branch.
 - Never print OAuth credentials, account IDs, authorization callbacks, or credential-store contents.
 - Preserve the DSH profile, unrelated plugins, sessions, and saved sign-in.
 - Do not start, stop, or restart DSH without explicit permission.
@@ -34,13 +34,13 @@ For an official DSH installation run through npm, keep the complete `npx` prefix
 run command does not create a global `dsh` command:
 
 ```sh
-npx -y @deepseek-ai/dsh@0.1.1-rc.2 plugin --profile web add dsh-codex-subscription@1.5.0
+npx -y @deepseek-ai/dsh@0.1.1-rc.2 plugin --profile web add dsh-codex-subscription@1.7.0
 ```
 
 With an existing global `dsh` command:
 
 ```sh
-dsh plugin --profile web add dsh-codex-subscription@1.5.0
+dsh plugin --profile web add dsh-codex-subscription@1.7.0
 ```
 
 Use the same `add` command to update or repair. This is the complete package-changing operation.
@@ -58,7 +58,7 @@ dsh --profile web --dump-config
 
 For the official npm route, run the same checks with `npx -y @deepseek-ai/dsh@0.1.1-rc.2` in place of `dsh`.
 
-1. `dsh-codex-subscription` version `1.5.0` appears exactly once.
+1. `dsh-codex-subscription` version `1.7.0` appears exactly once.
 2. `codex-subscription` appears exactly once in the composed config.
 3. No unrelated plugin or profile was changed and DSH was not restarted.
 

package/DIRECTORY.md

@@ -4,11 +4,11 @@ Use this factual copy when listing `dsh-codex-subscription` in a DSH plugin dire
 
 ## Short description
 
-Use a ChatGPT subscription in DeepSeek Harness through independent OAuth sign-in, with Codex models, backend-reported quota, subscription web search, image generation, and no silent paid fallback.
+Use a ChatGPT subscription in DeepSeek Harness through independent OAuth sign-in, with Codex models, backend-reported quota, subscription web search, Beta image generation/editing, and no silent paid fallback.
 
 ## 中文短描述
 
-通过独立 OAuth 登录在 DeepSeek Harness 中使用 ChatGPT 订阅，提供 Codex 模型、服务端实际额度、订阅搜索和图片生成，不会静默切换其他付费路由。
+通过独立 OAuth 登录在 DeepSeek Harness 中使用 ChatGPT 订阅，提供 Codex 模型、服务端实际额度、订阅搜索和 Beta 图片生成与编辑，不会静默切换其他付费路由。
 
 ## Facts
 
@@ -18,7 +18,7 @@ Use a ChatGPT subscription in DeepSeek Harness through independent OAuth sign-in
 - Codex CLI required: no
 - OpenAI API key required: no
 - Platforms: official DSH plus DSH-Portable product forms for Windows, macOS, and Linux
-- Main capabilities: Codex models, quota and expiring resets, web search, image preview/download/refinement, optional composer quota, optional Fast mode, secret-free support diagnostics and direct feedback
+- Main capabilities: Codex models, quota and expiring resets, web search, Beta image generation/editing with explicit references and native preview/download, optional composer quota, Fast mode, secret-free support diagnostics and direct feedback
 - Safety boundary: subscription failures remain visible and never silently fall back to another paid provider
 
 ## Install

package/README.md

@@ -8,7 +8,7 @@ No OpenAI API key or Codex CLI. Models, search, quota, and image generation stay
 
 [![CI](https://github.com/WSL043/dsh-codex-subscription/actions/workflows/ci.yml/badge.svg)](https://github.com/WSL043/dsh-codex-subscription/actions/workflows/ci.yml)
 [![npm](https://img.shields.io/npm/v/dsh-codex-subscription?logo=npm&label=npm)](https://www.npmjs.com/package/dsh-codex-subscription)
-[![npm downloads](https://img.shields.io/npm/dt/dsh-codex-subscription?logo=npm&label=downloads)](https://www.npmjs.com/package/dsh-codex-subscription)
+[![total npm downloads](https://img.shields.io/npm/dt/dsh-codex-subscription?logo=npm&label=total%20downloads)](https://www.npmjs.com/package/dsh-codex-subscription)
 [![MIT](https://img.shields.io/badge/license-MIT-111111.svg)](LICENSE)
 [![Star](https://img.shields.io/github/stars/WSL043/dsh-codex-subscription?style=flat&logo=github&label=Star)](https://github.com/WSL043/dsh-codex-subscription/stargazers)
 
@@ -49,8 +49,8 @@ DSH-Portable exposes the same standard plugin command, so the command above also
 | **Composer quota** | Choose a compact percentage, progress bar, or no inline quota display |
 | **Safe quota reset** | See the next expiry and deliberately try a reset with a cooldown and acknowledgement |
 | **Subscription search** | Explicitly choose DSH default search or Codex subscription search |
-| **Codex image generation** | Preview or download the original, then describe refinements in the same conversation |
-| **Fast mode (Beta)** | Switch between Standard and Fast directly in the composer |
+| **Codex image generation and editing (Beta)** | Generate without references, or explicitly edit one selected image; preview, zoom, annotate regions, download the original, and continue in the same composer |
+| **Fast mode** | Switch between Standard and Fast directly in the composer |
 
 These capabilities reuse the same local ChatGPT sign-in. Subscription routing failures stay visible and never silently switch to another paid route.
 
@@ -139,13 +139,13 @@ Restart DSH manually after installation, then:
 ## Features
 
 - ChatGPT OAuth sign-in with credentials kept on the host;
-- Codex models and image generation directly inside DSH conversations;
+- Codex models and Beta image generation/editing directly inside DSH conversations;
 - A clear choice between DSH default search and Codex subscription search;
 - Actual backend-provided quota, reset time, and freshness;
 - Separate standard Codex, Codex-Spark, Credits, and other independent limits;
 - Visible quota-reset count and earliest expiry, with deliberate early redemption, layered confirmation, and no automatic retry;
 - Optional percentage or progress bar for the selected Codex model (off by default);
-- Standard or Fast mode for supported Codex models directly in the composer (Beta);
+- Standard or Fast mode for supported Codex models directly in the composer;
 - A copyable support report and direct feedback link in Settings; the report excludes OAuth credentials, account identifiers, and authorization timestamps;
 - Visible errors when subscription routing is unavailable, with no silent paid fallback.
 
@@ -167,10 +167,18 @@ decides whether a window needs resetting and may return **nothing to reset** wit
 action requires an acknowledgement checkbox and five-second cooldown. Cancel never consumes a reset, rapid repeated
 clicks are single-flight, and an uncertain network result is never retried automatically.
 
-Generated images open in a plugin-owned preview with **Download original**. To refine one, continue describing the
-change in the same conversation; the durable conversation image remains available to the next model turn.
+### Image generation and editing (Beta)
 
-### Composer speed (Beta)
+Generated images open in a DSH-native preview with zoom, fit, dimensions, **Download original**, and numbered region notes.
+**Continue editing in composer** attaches exactly the image you opened and writes the region notes into the draft without
+sending it. A new image request does not silently include earlier images. GPT Image 2 can take longer than a normal text
+turn, and detailed text, exact composition, or repeated-character consistency may still need another pass.
+
+<p align="center">
+  <img src="https://raw.githubusercontent.com/WSL043/dsh-codex-subscription/main/docs/assets/image-preview-annotations-en.png" width="900" alt="DSH-native generated-image preview with zoom, original download, and numbered region annotations">
+</p>
+
+### Composer speed
 
 With a supported Codex model selected, open the composer's model menu to choose Standard or Fast.
 Standard adds no icon; only Fast shows a lightning icon before the model name. Spark does not show the speed entry. Fast mode increases speed and uses more Credits;

package/README.zh-CN.md

@@ -9,7 +9,7 @@
 
 [![CI](https://github.com/WSL043/dsh-codex-subscription/actions/workflows/ci.yml/badge.svg)](https://github.com/WSL043/dsh-codex-subscription/actions/workflows/ci.yml)
 [![npm](https://img.shields.io/npm/v/dsh-codex-subscription?logo=npm&label=npm)](https://www.npmjs.com/package/dsh-codex-subscription)
-[![npm downloads](https://img.shields.io/npm/dt/dsh-codex-subscription?logo=npm&label=downloads)](https://www.npmjs.com/package/dsh-codex-subscription)
+[![npm 总下载量](https://img.shields.io/npm/dt/dsh-codex-subscription?logo=npm&label=%E6%80%BB%E4%B8%8B%E8%BD%BD%E9%87%8F)](https://www.npmjs.com/package/dsh-codex-subscription)
 [![MIT](https://img.shields.io/badge/license-MIT-111111.svg)](LICENSE)
 [![Star](https://img.shields.io/github/stars/WSL043/dsh-codex-subscription?style=flat&logo=github&label=Star)](https://github.com/WSL043/dsh-codex-subscription/stargazers)
 
@@ -50,8 +50,8 @@ DSH-Portable 也提供相同的标准插件命令，因此同样使用上面的
 | **输入框额度** | 可选择紧凑百分比、进度条或完全关闭输入框额度显示 |
 | **安全额度重置** | 直接查看最早到期时间，并通过冷静期和知情确认主动尝试重置 |
 | **订阅搜索** | 可在 DSH 默认搜索与 Codex 订阅搜索之间明确切换 |
-| **Codex 图片生成** | 预览或下载原图，并在同一会话继续描述修改内容 |
-| **高速模式（Beta）** | 直接在输入框切换标准或高速，无需离开当前会话 |
+| **Codex 图片生成与编辑（Beta）** | 可无参考图全新生成，也可明确选择会话图片继续编辑；支持预览、缩放和下载原图 |
+| **高速模式** | 直接在输入框切换标准或高速，无需离开当前会话 |
 
 这些能力共用同一份本机 ChatGPT 登录。订阅路由失败时会明确报错，不会静默切换到其他付费路由。
 
@@ -139,13 +139,13 @@ dsh --profile web --dump-config
 ## 功能
 
 - ChatGPT OAuth 登录，凭据保留在本机；
-- Codex 模型和图片生成直接出现在 DSH 会话中；
+- Codex 模型和 Beta 图片生成与编辑直接出现在 DSH 会话中；
 - DSH 默认搜索与 Codex 订阅搜索可随时切换；
 - 设置页显示服务端返回的额度、重置时间和更新时间；
 - 普通 Codex、Codex-Spark、Credits 等独立额度分开显示；
 - 显示重置卡数量与最早到期时间，也允许在额度未完全用尽时主动尝试，并经过分层确认且不会自动重试；
 - 输入框可用百分比或进度条显示当前 Codex 模型的剩余额度（默认关闭）；
-- 输入框可为支持的 Codex 模型切换标准或高速模式（Beta）；
+- 输入框可为支持的 Codex 模型切换标准或高速模式；
 - 设置页可生成并复制无敏感信息的支持诊断，并直接打开反馈入口；报告不包含 OAuth 凭据、账号标识或授权时间；
 - 订阅路由不可用时明确报错，不会静默切换到其他付费路由。
 
@@ -164,9 +164,17 @@ ChatGPT 返回可用重置卡时，设置页会用紧凑的一行显示数量和
 也可以主动尝试使用，适合重置卡即将过期的情况；是否需要重置仍由 ChatGPT 判断，服务端可能返回“当前无需重置”且不扣次数。
 最终操作需要勾选知情确认并等待 5 秒。取消不会消耗，快速连续点击只允许一次请求，网络结果不确定时也不会自动重试。
 
-生成的图片可在插件自有预览中下载原图。需要继续修改时，直接在同一会话描述改动；持久化的会话图片会继续提供给下一轮模型。
+### 图片生成与编辑（Beta）
 
-### 输入框速度（Beta）
+生成图片会在 DSH 原生查看器中打开，可缩放、适合窗口、查看尺寸、下载原图，并对具体部位添加编号标注。
+点击“在输入框中继续编辑”时，只会附上当前打开的这一张图，并把部位标注写入草稿，不会自动发送。
+新的图片请求不会静默带入历史图片。GPT Image 2 的耗时可能明显长于文本回复，复杂文字、精确构图和连续角色一致性也可能需要再次调整。
+
+<p align="center">
+  <img src="https://raw.githubusercontent.com/WSL043/dsh-codex-subscription/main/docs/assets/image-preview-annotations.png" width="900" alt="DSH 原生图片预览中的缩放、原图下载与编号部位标注">
+</p>
+
+### 输入框速度
 
 选择支持的 Codex 模型后，可在输入框的模型菜单中切换标准与高速。标准模式不增加图标，
 只有高速模式会在模型名称左侧显示闪电；Spark 不显示速度入口。高速模式会提高速度，也会消耗更多 Credits；具体规则见

package/lib/client.js

@@ -28,6 +28,7 @@ window.__ModuleLoader__.load({
 		//#endregion
 		let react = require("react");
 		react = __toESM(react, 1);
+		let react_dom = require("react-dom");
 		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
@@ -185,14 +186,16 @@ window.__ModuleLoader__.load({
 			monthlyCreditLimit: "Credits 月度消费上限",
 			resetCredits: "可用额度重置次数",
 			resetCreditsValue: "{count} 次",
-			resetUse: "查看并使用",
+			resetUse: "使用重置",
 			resetPreparing: "正在读取重置详情…",
 			resetConfirmTitle: "确认使用额度重置",
 			resetWarning: "若 ChatGPT 执行重置，将立即消耗 1 次且无法撤销。",
 			resetEarlyWarning: "当前模型额度尚未用尽；ChatGPT 可能执行重置，也可能判定暂无需重置且不消耗次数。",
 			resetAcknowledge: "我知道这次操作可能立即消耗 1 次重置",
-			resetCreditExpires: "最早到期：{value}",
+			resetCreditExpires: "到期：{value}",
 			resetCreditExpiryUnknown: "到期时间未提供",
+			resetCreditExpiryLoading: "正在读取到期时间…",
+			resetCreditExpiryFailed: "无法读取到期时间",
 			resetWait: "请再等待 {count} 秒",
 			resetFinal: "消耗 1 次并重置额度",
 			resetUsing: "正在重置…",
@@ -233,6 +236,7 @@ window.__ModuleLoader__.load({
 			modelFailed: "模型目录加载失败：{value}",
 			groupFailed: "{name}：{value}",
 			imageGenerate: "生成图片",
+			imageBeta: "Beta",
 			imageGenerating: "正在生成…",
 			imageGenerated: "已生成",
 			imageFailed: "生成失败",
@@ -244,7 +248,20 @@ window.__ModuleLoader__.load({
 			imagePreview: "图片预览",
 			imageClosePreview: "关闭预览",
 			imageDownload: "下载原图",
-			imageRefineHint: "继续在当前会话描述修改内容，即可基于这张图片继续调整。"
+			imageZoomOut: "缩小",
+			imageZoomIn: "放大",
+			imageFit: "适合窗口",
+			imageAnnotate: "标注部位",
+			imageAnnotateHint: "点击图片添加编号标注",
+			imageAnnotation: "标注 {value}",
+			imageAnnotationPlaceholder: "描述这个部位要修改什么",
+			imageEditPrompt: "描述你想怎样修改这张图",
+			imageEditDefault: "编辑这张图片。",
+			imageRegionNotes: "部位修改：",
+			imageEdit: "在输入框中继续编辑",
+			imageEditPreparing: "正在添加到输入框…",
+			imageEditFailed: "无法把图片添加到输入框。",
+			imageRemoveAnnotation: "删除标注"
 		};
 		const en = {
 			nav: "Codex",
@@ -301,14 +318,16 @@ window.__ModuleLoader__.load({
 			monthlyCreditLimit: "Monthly Credits spending cap",
 			resetCredits: "Available quota resets",
 			resetCreditsValue: "{count} available",
-			resetUse: "Review and use",
+			resetUse: "Use reset",
 			resetPreparing: "Reading reset details…",
 			resetConfirmTitle: "Confirm quota reset",
 			resetWarning: "If ChatGPT performs the reset, one reset is consumed immediately and cannot be restored.",
 			resetEarlyWarning: "No model quota is exhausted. ChatGPT may reset it, or report that nothing needs resetting without consuming a reset.",
 			resetAcknowledge: "I understand this may consume one reset now",
-			resetCreditExpires: "Earliest expiry: {value}",
+			resetCreditExpires: "Expires {value}",
 			resetCreditExpiryUnknown: "Expiration time not provided",
+			resetCreditExpiryLoading: "Reading expiration…",
+			resetCreditExpiryFailed: "Could not read expiration",
 			resetWait: "Wait {count} more seconds",
 			resetFinal: "Consume one reset",
 			resetUsing: "Resetting…",
@@ -349,6 +368,7 @@ window.__ModuleLoader__.load({
 			modelFailed: "Could not load models: {value}",
 			groupFailed: "{name}: {value}",
 			imageGenerate: "Generate image",
+			imageBeta: "Beta",
 			imageGenerating: "Generating…",
 			imageGenerated: "Generated",
 			imageFailed: "Generation failed",
@@ -360,7 +380,20 @@ window.__ModuleLoader__.load({
 			imagePreview: "Image preview",
 			imageClosePreview: "Close preview",
 			imageDownload: "Download original",
-			imageRefineHint: "Describe the changes in this conversation to continue refining this image."
+			imageZoomOut: "Zoom out",
+			imageZoomIn: "Zoom in",
+			imageFit: "Fit to window",
+			imageAnnotate: "Annotate",
+			imageAnnotateHint: "Click the image to add a numbered note",
+			imageAnnotation: "Note {value}",
+			imageAnnotationPlaceholder: "Describe what should change in this area",
+			imageEditPrompt: "Describe how you want to change this image",
+			imageEditDefault: "Edit this image.",
+			imageRegionNotes: "Region changes:",
+			imageEdit: "Continue editing in composer",
+			imageEditPreparing: "Adding to composer…",
+			imageEditFailed: "Could not add the image to the composer.",
+			imageRemoveAnnotation: "Remove note"
 		};
 		const STYLE = `
 .codexSubscription{display:flex;flex-direction:column;gap:10px;max-width:720px;color:var(--dsw-alias-label-primary);container-type:inline-size}
@@ -395,10 +428,24 @@ window.__ModuleLoader__.load({
 .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%);min-height:120px;padding:0;overflow:hidden;border:1px solid var(--dsw-alias-border-l2);border-radius:10px;background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-tertiary);cursor:pointer}.codexGeneratedImageFrame img{display:block;width:100%;max-height:240px;object-fit:contain}.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}.codexGeneratedImageLightbox{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:32px;border:0;background:rgba(0,0,0,.72)}.codexGeneratedImageLightbox img{display:block;max-width:min(1100px,calc(100vw - 64px));max-height:calc(100vh - 112px);object-fit:contain}.codexGeneratedImageClose{position:absolute;top:16px;right:16px;width:36px;height:36px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(0,0,0,.48);color:#fff;font-size:20px;line-height:1;cursor:pointer}.codexGeneratedImageActions{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;max-width:min(90vw,720px);padding:6px 8px 6px 12px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(20,20,20,.82);color:rgba(255,255,255,.72);font-size:12px;line-height:18px;backdrop-filter:blur(12px)}.codexGeneratedImageDownload{flex:0 0 auto;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.12);color:#fff;text-decoration:none;white-space:nowrap}.codexGeneratedImageDownload:hover{background:rgba(255,255,255,.2)}.codexGeneratedImageDownload:focus-visible,.codexGeneratedImageClose:focus-visible{outline:2px solid #fff;outline-offset:2px}.codexGeneratedImageRefineHint{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@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}.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}
 @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%}}
+`;
+		const IMAGE_LAYOUT_STYLE = String.raw`
+.codexGeneratedImageWorkspace{display:grid;min-height:0;grid-template-columns:minmax(0,1fr)}
+.codexGeneratedImageWorkspace.has-comments{grid-template-columns:minmax(0,1fr) 296px}
+.codexGeneratedImageComments{display:flex;min-width:0;flex-direction:column;gap:12px;overflow:auto;padding:18px 14px;border-left:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2,var(--dsw-alias-bg-base))}
+.codexGeneratedImageComments>header{display:flex;flex-direction:column;gap:2px}.codexGeneratedImageComments>header strong{font-size:13px;font-weight:600;line-height:20px}.codexGeneratedImageComments>header small{color:var(--dsw-alias-label-tertiary);font-size:11px;line-height:17px}
+.codexGeneratedImageCommentList{display:flex;flex-direction:column;gap:8px}.codexGeneratedImageCommentList article{display:grid;grid-template-columns:24px minmax(0,1fr) 24px;align-items:start;gap:7px;padding:9px;border:1px solid var(--dsw-alias-border-l2);border-radius:12px;background:var(--dsw-alias-bg-layer-3)}.codexGeneratedImageCommentList article.is-active{border-color:var(--dsw-alias-state-business-primary,#3964fe)}
+.codexGeneratedImageCommentList article>span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-base,#111);font-size:10px;font-weight:700}.codexGeneratedImageCommentList textarea{box-sizing:border-box;width:100%;min-height:64px;resize:vertical;border:0;outline:0;background:transparent;color:var(--dsw-alias-label-primary);font:inherit;font-size:12px;line-height:18px}.codexGeneratedImageCommentList textarea::placeholder{color:var(--dsw-alias-label-dimmed)}
+.codexGeneratedImageCommentList article>button{display:grid;place-items:center;width:22px;height:22px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--dsw-alias-label-tertiary);font:inherit;font-size:17px;cursor:pointer}.codexGeneratedImageCommentList article>button:hover{background:var(--dsw-alias-interactive-bg-hover)}
+@media(max-width:760px){.codexGeneratedImageWorkspace.has-comments{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(118px,34vh)}.codexGeneratedImageComments{border-top:1px solid var(--dsw-alias-border-l2);border-left:0;padding:10px 12px}}
 `;
 		const unwrap = (response) => {
 			if (!response?.ok) throw new Error(response?.error?.message ?? "Codex RPC failed");
@@ -427,14 +474,29 @@ window.__ModuleLoader__.load({
 			if (cleaned === "") return fallback;
 			return cleaned.toLowerCase().endsWith(".png") ? cleaned : `${cleaned}.png`;
 		};
-		function CodexGeneratedImage({ attachment, loadImage, t }) {
+		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 editDraft(prompt, annotations, t) {
+			const notes = annotations.map((annotation, index) => ({
+				number: index + 1,
+				note: annotation.note.trim()
+			})).filter((annotation) => annotation.note !== "").map((annotation) => String(annotation.number) + ". " + annotation.note);
+			const base = prompt.trim() === "" ? t("imageEditDefault") : prompt.trim();
+			return notes.length === 0 ? base : base + "\n\n" + t("imageRegionNotes") + "\n" + notes.join("\n");
+		}
+		function CodexGeneratedImage({ attachment, loadImage, attachForEdit, t }) {
 			const [attempt, setAttempt] = (0, react.useState)(0);
 			const [error, setError] = (0, react.useState)(false);
 			const [open, setOpen] = (0, react.useState)(false);
 			const [src, setSrc] = (0, react.useState)();
-			const closeRef = (0, react.useRef)(null);
-			const downloadRef = (0, react.useRef)(null);
+			const [zoom, setZoom] = (0, react.useState)(1);
+			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 triggerRef = (0, react.useRef)(null);
+			const dialogRef = (0, react.useRef)(null);
 			(0, react.useEffect)(() => {
 				let live = true;
 				setError(false);
@@ -452,34 +514,228 @@ window.__ModuleLoader__.load({
 				loadImage,
 				attempt
 			]);
+			const close = () => {
+				setOpen(false);
+				window.requestAnimationFrame(() => triggerRef.current?.focus());
+			};
 			(0, react.useEffect)(() => {
 				if (!open) return void 0;
-				const handleKeyDown = (event) => {
+				const previousOverflow = document.body.style.overflow;
+				document.body.style.overflow = "hidden";
+				dialogRef.current?.focus();
+				const keydown = (event) => {
 					if (event.key === "Escape") {
 						event.preventDefault();
-						setOpen(false);
-					} else if (event.key === "Tab") {
-						event.preventDefault();
-						const controls = [downloadRef.current, closeRef.current].filter(Boolean);
-						const current = controls.indexOf(document.activeElement);
-						controls[event.shiftKey ? current <= 0 ? controls.length - 1 : current - 1 : (current + 1) % controls.length]?.focus();
+						close();
+						return;
+					}
+					if (event.key === "Tab") {
+						const focusable = [...dialogRef.current.querySelectorAll("button:not(:disabled),a[href],input:not(:disabled),textarea:not(:disabled),[tabindex]:not([tabindex=\"-1\"])")];
+						if (focusable.length === 0) return;
+						const first = focusable[0];
+						const last = focusable.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", handleKeyDown);
-				closeRef.current?.focus();
+				document.addEventListener("keydown", keydown);
 				return () => {
-					document.removeEventListener("keydown", handleKeyDown);
-					triggerRef.current?.focus();
+					document.body.style.overflow = previousOverflow;
+					document.removeEventListener("keydown", keydown);
 				};
 			}, [open]);
 			const label = attachment.name ?? t("imageLabel");
 			const downloadName = imageDownloadName(attachment);
+			const imageMeta = attachment.width + " × " + attachment.height + " · " + imageByteSize(attachment.bytes);
+			const addAnnotation = (event) => {
+				if (!annotationMode || event.target.closest(".codexGeneratedImagePin")) return;
+				const bounds = event.currentTarget.getBoundingClientRect();
+				const annotation = {
+					id: crypto.randomUUID(),
+					x: Math.max(0, Math.min(1, (event.clientX - bounds.left) / bounds.width)),
+					y: Math.max(0, Math.min(1, (event.clientY - bounds.top) / bounds.height)),
+					note: ""
+				};
+				setAnnotations((value) => [...value, annotation]);
+				setSelectedAnnotation(annotation.id);
+			};
+			const continueEditing = async () => {
+				if (editBusy || src === void 0) return;
+				setEditBusy(true);
+				setEditError(false);
+				try {
+					await attachForEdit(src, downloadName, editDraft(prompt, annotations, t));
+					close();
+				} catch {
+					setEditError(true);
+				} finally {
+					setEditBusy(false);
+				}
+			};
 			if (error) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 				type: "button",
 				className: "codexGeneratedImageRetry",
 				onClick: () => setAttempt((value) => value + 1),
 				children: t("imageLoadFailed")
 			});
+			const lightbox = !open || src === void 0 ? null : (0, react_dom.createPortal)(/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				ref: dialogRef,
+				className: "codexGeneratedImageLightbox",
+				role: "dialog",
+				"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, {
+								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")
+						}) : null]
+					})
+				]
+			}), document.body);
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 				ref: triggerRef,
 				type: "button",
@@ -487,50 +743,18 @@ window.__ModuleLoader__.load({
 				title: t("imageOpen"),
 				"aria-label": fill(t("imageOpenNamed"), { value: label }),
 				onClick: () => {
-					if (src !== void 0) setOpen(true);
+					if (src !== void 0) {
+						setZoom(1);
+						setOpen(true);
+					}
 				},
 				children: src === void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("imageLoading") }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
 					src,
 					alt: label
 				})
-			}), !open || src === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "codexGeneratedImageLightbox",
-				role: "dialog",
-				"aria-modal": "true",
-				"aria-label": t("imagePreview"),
-				onClick: () => setOpen(false),
-				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
-						src,
-						alt: label,
-						onClick: (event) => event.stopPropagation()
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: "codexGeneratedImageActions",
-						onClick: (event) => event.stopPropagation(),
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: "codexGeneratedImageRefineHint",
-							children: t("imageRefineHint")
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
-							ref: downloadRef,
-							className: "codexGeneratedImageDownload",
-							href: src,
-							download: downloadName,
-							children: t("imageDownload")
-						})]
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-						ref: closeRef,
-						type: "button",
-						className: "codexGeneratedImageClose",
-						"aria-label": t("imageClosePreview"),
-						onClick: () => setOpen(false),
-						children: "×"
-					})
-				]
-			})] });
+			}), lightbox] });
 		}
-		function CodexImageToolRow({ block, loadImage, t }) {
+		function CodexImageToolRow({ block, loadImage, attachForEdit, 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;
@@ -552,6 +776,10 @@ window.__ModuleLoader__.load({
 								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
@@ -563,6 +791,7 @@ window.__ModuleLoader__.load({
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CodexGeneratedImage, {
 							attachment: image.attachment,
 							loadImage,
+							attachForEdit,
 							t
 						})
 					}),
@@ -1412,6 +1641,31 @@ window.__ModuleLoader__.load({
 			const [resetCountdown, setResetCountdown] = (0, react.useState)(0);
 			const [resetError, setResetError] = (0, react.useState)();
 			const [resetResult, setResetResult] = (0, react.useState)();
+			const [inspectedExpiry, setInspectedExpiry] = (0, react.useState)(nextExpiresAt);
+			const [expiryState, setExpiryState] = (0, react.useState)(nextExpiresAt === void 0 ? "loading" : "ready");
+			(0, react.useEffect)(() => {
+				if (nextExpiresAt !== void 0) {
+					setInspectedExpiry(nextExpiresAt);
+					setExpiryState("ready");
+					return;
+				}
+				let live = true;
+				setExpiryState("loading");
+				rpc.call(CHANNEL, "reset-credit/inspect", {}).then(unwrap).then((value) => {
+					if (!live) return;
+					setInspectedExpiry(value.nextExpiresAt);
+					setExpiryState("ready");
+				}).catch(() => {
+					if (live) setExpiryState("error");
+				});
+				return () => {
+					live = false;
+				};
+			}, [
+				rpc,
+				count,
+				nextExpiresAt
+			]);
 			(0, react.useEffect)(() => {
 				if (challenge === void 0) {
 					setResetCountdown(0);
@@ -1463,8 +1717,15 @@ window.__ModuleLoader__.load({
 						className: "codexSubscriptionResetSummary",
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							className: "codexSubscriptionResetMeta",
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: fill(t("resetCreditsValue"), { count }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ResetCreditExpiry, {
-								expiresAt: nextExpiresAt,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: fill(t("resetCreditsValue"), { count }) }), expiryState === "loading" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "codexSubscriptionResetExpiry",
+								role: "status",
+								children: t("resetCreditExpiryLoading")
+							}) : expiryState === "error" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "codexSubscriptionResetExpiry",
+								children: t("resetCreditExpiryFailed")
+							}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ResetCreditExpiry, {
+								expiresAt: inspectedExpiry,
 								t
 							})]
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -1795,7 +2056,7 @@ window.__ModuleLoader__.load({
 			ctx.effect(() => {
 				const tag = document.createElement("style");
 				tag.dataset.plugin = "dsh-codex-subscription";
-				tag.textContent = STYLE;
+				tag.textContent = STYLE + IMAGE_STYLE + IMAGE_LAYOUT_STYLE;
 				document.head.append(tag);
 				return () => tag.remove();
 			}, "codex-subscription: style");
@@ -1862,7 +2123,22 @@ window.__ModuleLoader__.load({
 				locale: NS,
 				inject: (sessionId) => ({
 					t,
-					loadImage: (attachment) => conversation.resolveImage(sessionId, attachment)
+					loadImage: (attachment) => conversation.resolveImage(sessionId, attachment),
+					attachForEdit: async (src, filename, draft) => {
+						const actx = sessions.scope(sessionId);
+						if (actx === void 0 || typeof conversation.createDraftImages !== "function" || conversation.input?.for === void 0) throw new Error("This DSH version does not provide the image composer bridge");
+						const response = await fetch(src);
+						if (!response.ok) throw new Error("Could not read generated image");
+						const blob = await response.blob();
+						const created = conversation.createDraftImages([new File([blob], filename, { type: blob.type || "image/png" })]);
+						const input = conversation.input.for(actx);
+						if (!input.addImages(created.map((item) => item.id))) {
+							conversation.releaseDraftImages(created);
+							throw new Error("The composer is busy");
+						}
+						sessions.open(sessionId);
+						input.setDraft(draft);
+					}
 				})
 			}, CodexImageToolRow));
 		}

package/lib/index.js

@@ -448,6 +448,7 @@ const normalizeQuickQuotaMode = (value, legacyVisible = false) => [
 const supportsCodexFastMode = (modelId) => typeof modelId === "string" && (/^gpt-5\.(?:5|6)(?:$|-)/u.test(modelId) || modelId === "gpt-5.4");
 //#endregion
 //#region src/pi-ai-runtime.js
+const FAST_SERVICE_TIER = "priority";
 /**
 * Preserve pi-ai's native Codex OAuth provider while allowing DSH's generic
 * PiAiAdapter to pass the access token resolved by the host credential store.
@@ -478,15 +479,15 @@ function openaiCodexSubscriptionProvider({ resolveSpeedMode = () => void 0 } = {
 		const onPayload = options.onPayload;
 		return {
 			...options,
-			serviceTier: "fast",
+			serviceTier: FAST_SERVICE_TIER,
 			async onPayload(payload, requestModel) {
 				const fastPayload = {
 					...payload,
-					service_tier: "fast"
+					service_tier: FAST_SERVICE_TIER
 				};
 				return {
 					...await onPayload?.(fastPayload, requestModel) ?? fastPayload,
-					service_tier: "fast"
+					service_tier: FAST_SERVICE_TIER
 				};
 			}
 		};
@@ -503,7 +504,7 @@ function openaiCodexSubscriptionProvider({ resolveSpeedMode = () => void 0 } = {
 }
 //#endregion
 //#region src/version.js
-const PACKAGE_VERSION = "1.5.0";
+const PACKAGE_VERSION = "1.7.0";
 const USER_AGENT = `dsh-codex-subscription/${PACKAGE_VERSION}`;
 //#endregion
 //#region src/codex-search.js
@@ -626,7 +627,9 @@ function createCodexSearchProvider(options) {
 //#region src/codex-images.js
 const CODEX_IMAGE_TOOL_NAME = "codex_image_generate";
 const CODEX_IMAGE_GENERATION_URL = "https://chatgpt.com/backend-api/codex/images/generations";
+const CODEX_IMAGE_EDIT_URL = "https://chatgpt.com/backend-api/codex/images/edits";
 const IMAGE_MODEL = "gpt-image-2";
+const MAX_REFERENCE_IMAGES = 5;
 const RESPONSE_ENVELOPE_BYTES = 1024 * 1024;
 const PNG_SIGNATURE = Buffer.from([
 	137,
@@ -695,6 +698,24 @@ function imageReference(value) {
 		...value.name === void 0 ? {} : { name: value.name }
 	};
 }
+function referenceOf(value, attachments) {
+	if (!record$2(value) || typeof value.attachmentId !== "string" || value.attachmentId.length === 0 || value.attachmentId.length > 256 || !attachments.imageLimits.mediaTypes.includes(value.mediaType) || !Number.isSafeInteger(value.bytes) || value.bytes <= 0 || !Number.isSafeInteger(value.width) || value.width <= 0 || !Number.isSafeInteger(value.height) || value.height <= 0 || value.name !== void 0 && (typeof value.name !== "string" || value.name.length > 256)) throw new Error("referenceImages contains an invalid image reference");
+	return imageReference(value);
+}
+async function editImages(values, attachments, signal) {
+	if (!Array.isArray(values) || values.length === 0 || values.length > MAX_REFERENCE_IMAGES) throw new Error(`referenceImages must contain between 1 and ${MAX_REFERENCE_IMAGES} images`);
+	const references = values.map((value) => referenceOf(value, attachments));
+	if (new Set(references.map((value) => value.attachmentId)).size !== references.length) throw new Error("referenceImages must not contain duplicates");
+	const images = [];
+	let totalBytes = 0;
+	for (const reference of references) {
+		const stored = await attachments.readImage(reference, signal);
+		totalBytes += stored.data.byteLength;
+		if (totalBytes > attachments.imageLimits.maxMessageImageBytes) throw new Error("referenceImages exceed the DSH message image limit");
+		images.push({ image_url: `data:${stored.ref.mediaType};base64,${Buffer.from(stored.data).toString("base64")}` });
+	}
+	return images;
+}
 function imageContent(value) {
 	return [{
 		type: "text",
@@ -761,12 +782,45 @@ function createCodexImageTool(options) {
 	const attachments = options.attachments;
 	return defineTool({
 		name: CODEX_IMAGE_TOOL_NAME,
-		description: "Generate an image from a detailed description using the signed-in Codex subscription. Use this whenever the user asks to create an image.",
-		parameters: { prompt: {
-			type: "string",
-			required: true,
-			description: "A complete, production-ready description of the image to generate."
-		} },
+		description: "Create a new image or explicitly edit selected prior images using the signed-in Codex subscription. Omit referenceImages for a completely new image. Include only the exact prior image references the user asked to edit; never assume every image in the conversation is a reference.",
+		parameters: {
+			prompt: {
+				type: "string",
+				required: true,
+				description: "A complete, production-ready description of the image to generate."
+			},
+			referenceImages: {
+				type: "array",
+				description: "Optional explicit references to 1-5 prior images to edit. Omit for a new image.",
+				items: {
+					type: "object",
+					additionalProperties: false,
+					properties: {
+						attachmentId: {
+							type: "string",
+							required: true
+						},
+						mediaType: {
+							type: "string",
+							required: true
+						},
+						bytes: {
+							type: "integer",
+							required: true
+						},
+						width: {
+							type: "integer",
+							required: true
+						},
+						height: {
+							type: "integer",
+							required: true
+						},
+						name: { type: "string" }
+					}
+				}
+			}
+		},
 		output: {
 			schema: imageOutputSchema(),
 			render: (_args, value) => imageContent(value)
@@ -783,9 +837,11 @@ function createCodexImageTool(options) {
 			if (typeof access !== "string" || access.length === 0 || typeof accountId !== "string" || accountId.length === 0) throw new Error("ChatGPT subscription is not signed in");
 			if (!attachments.imageLimits.mediaTypes.includes("image/png")) throw new Error("This DSH installation does not accept PNG image attachments");
 			const maximumBytes = Math.min(attachments.imageLimits.maxImageBytes, attachments.imageLimits.maxMessageImageBytes);
+			const editing = args.referenceImages !== void 0;
+			const images = editing ? await editImages(args.referenceImages, attachments, exec.signal) : void 0;
 			let response;
 			try {
-				response = await fetchImage(CODEX_IMAGE_GENERATION_URL, {
+				response = await fetchImage(editing ? CODEX_IMAGE_EDIT_URL : CODEX_IMAGE_GENERATION_URL, {
 					method: "POST",
 					redirect: "error",
 					headers: {
@@ -798,6 +854,7 @@ function createCodexImageTool(options) {
 						"user-agent": USER_AGENT
 					},
 					body: JSON.stringify({
+						...images === void 0 ? {} : { images },
 						prompt,
 						background: "auto",
 						model: IMAGE_MODEL,
@@ -808,12 +865,12 @@ function createCodexImageTool(options) {
 				});
 			} catch (error) {
 				if (exec.signal.aborted) throw exec.signal.reason;
-				throw new Error("Codex image generation request failed", { cause: error });
+				throw new Error(`Codex image ${editing ? "edit" : "generation"} request failed`, { cause: error });
 			}
 			if (!response.ok) {
 				if (response.status === 401 || response.status === 403) throw new Error("ChatGPT sign-in needs to be renewed");
 				if (response.status === 429) throw new Error("Codex image generation quota is unavailable");
-				throw new Error(`Codex image generation failed (HTTP ${response.status})`);
+				throw new Error(`Codex image ${editing ? "edit" : "generation"} failed (HTTP ${response.status})`);
 			}
 			const metadata = responseMetadata(await readJsonWithin(response, encodedLimit(maximumBytes) + RESPONSE_ENVELOPE_BYTES));
 			const data = decodeCodexPng(metadata.encoded, maximumBytes);
@@ -1145,29 +1202,42 @@ function createCodexResetCreditService(options) {
 	const timeoutMs = options.timeoutMs ?? DEFAULT_TIMEOUT_MS;
 	const challenges = /* @__PURE__ */ new Map();
 	const resolveCredentials = async (signal) => credentialsOf(await getAuth({ signal }), await readCredential({ signal }));
+	const readDetails = async (signal) => {
+		const { access, accountId } = await resolveCredentials(signal);
+		const response = await fetchReset(CODEX_RESET_CREDITS_URL, {
+			method: "GET",
+			redirect: "error",
+			headers: {
+				authorization: `Bearer ${access}`,
+				"chatgpt-account-id": accountId,
+				accept: "application/json",
+				"cache-control": "no-store",
+				"user-agent": USER_AGENT
+			},
+			signal: requestSignal(signal, timeoutMs)
+		});
+		if (!response.ok) throw new Error(response.status === 401 || response.status === 403 ? "ChatGPT sign-in needs to be renewed" : `ChatGPT quota reset request failed (HTTP ${response.status})`);
+		let raw;
+		try {
+			raw = await response.json();
+		} catch {
+			throw new Error("ChatGPT returned unreadable quota reset details");
+		}
+		return {
+			accountId,
+			details: parseDetails(raw, now())
+		};
+	};
 	return Object.freeze({
+		async inspect({ signal } = {}) {
+			const { details } = await readDetails(signal);
+			return {
+				availableCount: details.availableCount,
+				...details.creditExpiresAt === void 0 ? {} : { nextExpiresAt: details.creditExpiresAt }
+			};
+		},
 		async prepare({ signal } = {}) {
-			const { access, accountId } = await resolveCredentials(signal);
-			const response = await fetchReset(CODEX_RESET_CREDITS_URL, {
-				method: "GET",
-				redirect: "error",
-				headers: {
-					authorization: `Bearer ${access}`,
-					"chatgpt-account-id": accountId,
-					accept: "application/json",
-					"cache-control": "no-store",
-					"user-agent": USER_AGENT
-				},
-				signal: requestSignal(signal, timeoutMs)
-			});
-			if (!response.ok) throw new Error(response.status === 401 || response.status === 403 ? "ChatGPT sign-in needs to be renewed" : `ChatGPT quota reset request failed (HTTP ${response.status})`);
-			let raw;
-			try {
-				raw = await response.json();
-			} catch {
-				throw new Error("ChatGPT returned unreadable quota reset details");
-			}
-			const details = parseDetails(raw, now());
+			const { accountId, details } = await readDetails(signal);
 			const preparedAt = now();
 			const readyAt = preparedAt + confirmDelayMs;
 			const expiresAt = Math.min(preparedAt + challengeTtlMs, details.creditExpiresAt ?? Number.MAX_SAFE_INTEGER);
@@ -1329,11 +1399,11 @@ function createSubscriptionRpcHandler({ authHandler, usageReader, resetCreditSer
 			const message = error instanceof Error && known.has(error.message) ? error.message : "Could not read ChatGPT usage";
 			return publicError("internal", message);
 		}
-		if (endpoint === "reset-credit/prepare" || endpoint === "reset-credit/consume") try {
+		if (endpoint === "reset-credit/inspect" || endpoint === "reset-credit/prepare" || endpoint === "reset-credit/consume") try {
 			signal.throwIfAborted();
 			return {
 				ok: true,
-				value: endpoint === "reset-credit/prepare" ? await resetCreditService.prepare({ signal }) : await resetCreditService.consume({
+				value: endpoint === "reset-credit/inspect" ? await resetCreditService.inspect({ signal }) : endpoint === "reset-credit/prepare" ? await resetCreditService.prepare({ signal }) : await resetCreditService.consume({
 					challengeId: payload?.challengeId,
 					acknowledged: payload?.acknowledged,
 					signal
@@ -1353,7 +1423,7 @@ function createSubscriptionRpcHandler({ authHandler, usageReader, resetCreditSer
 				"You must acknowledge that one quota reset will be consumed",
 				"The signed-in ChatGPT account changed"
 			]);
-			const fallback = endpoint === "reset-credit/prepare" ? "Could not prepare a quota reset" : "Could not use the quota reset";
+			const fallback = endpoint === "reset-credit/inspect" ? "Could not read quota reset details" : endpoint === "reset-credit/prepare" ? "Could not prepare a quota reset" : "Could not use the quota reset";
 			const message = error instanceof Error && known.has(error.message) ? error.message : fallback;
 			return publicError("internal", message);
 		}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-codex-subscription",
-  "version": "1.5.0",
+  "version": "1.7.0",
   "description": "Use ChatGPT and Codex subscriptions in DeepSeek Harness with OAuth, quota, safe resets, web search, images, and Fast mode",
   "type": "module",
   "main": "./lib/index.js",
@@ -20,8 +20,7 @@
     "compatibility.json",
     "LICENSE",
     "SECURITY.md",
-    "THIRD_PARTY_NOTICES.md",
-    "docs/assets/*.png"
+    "THIRD_PARTY_NOTICES.md"
   ],
   "dsh": {
     "bundle": {
@@ -95,7 +94,8 @@
     "@deepseek-ai/dsh-web": "0.1.0-rc.6 || 0.1.0-rc.7 || 0.1.0-rc.8 || 0.1.1-rc.1 || 0.1.1-rc.2",
     "@deepseek-ai/schemastery": "3.18.1",
     "@earendil-works/pi-ai": "0.82.1",
-    "react": "^18.2.0"
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
   },
   "devDependencies": {
     "@deepseek-ai/cordis": "4.0.1",
@@ -119,6 +119,7 @@
     "@earendil-works/pi-ai": "0.82.1",
     "@heroicons/react": "2.2.0",
     "react": "18.3.1",
+    "react-dom": "18.3.1",
     "tsdown": "0.22.2"
   },
   "scripts": {