dsh-codex-subscription 2.5.8 → 2.5.9

package/README.en.md

@@ -106,7 +106,7 @@ This plugin supports the latest DeepSeek Harness release recorded in its package
 2. Paste this package name, with its version, into the **Package name or address** field:
 
    ```text
-   dsh-codex-subscription@2.5.8
+   dsh-codex-subscription@2.5.9
    ```
 
 3. Click **Install** and wait for completion. Follow the page instructions; save your work before restarting if requested.

package/README.md

@@ -106,7 +106,7 @@
 2. 在 **包名或地址** 输入框中粘贴下面的包名（已带版本号）：
 
    ```text
-   dsh-codex-subscription@2.5.8
+   dsh-codex-subscription@2.5.9
    ```
 
 3. 点击 **安装**，等待安装完成；按页面提示操作，需要重启时先保存工作。

package/lib/client.js

@@ -896,7 +896,7 @@ window.__ModuleLoader__.load({
 				d: "M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99"
 			}));
 		}
-		const ForwardRef$6 = /*#__PURE__*/ react.forwardRef(ArrowPathIcon);
+		const ForwardRef$8 = /*#__PURE__*/ react.forwardRef(ArrowPathIcon);
 		//#endregion
 		//#region node_modules/.pnpm/@heroicons+react@2.2.0_react@18.3.1/node_modules/@heroicons/react/24/outline/esm/ArrowsPointingOutIcon.js
 		function ArrowsPointingOutIcon({ title, titleId, ...props }, svgRef) {
@@ -916,7 +916,27 @@ window.__ModuleLoader__.load({
 				d: "M3.75 3.75v4.5m0-4.5h4.5m-4.5 0L9 9M3.75 20.25v-4.5m0 4.5h4.5m-4.5 0L9 15M20.25 3.75h-4.5m4.5 0v4.5m0-4.5L15 9m5.25 11.25h-4.5m4.5 0v-4.5m0 4.5L15 15"
 			}));
 		}
-		const ForwardRef$5 = /*#__PURE__*/ react.forwardRef(ArrowsPointingOutIcon);
+		const ForwardRef$7 = /*#__PURE__*/ react.forwardRef(ArrowsPointingOutIcon);
+		//#endregion
+		//#region node_modules/.pnpm/@heroicons+react@2.2.0_react@18.3.1/node_modules/@heroicons/react/24/outline/esm/ChatBubbleLeftEllipsisIcon.js
+		function ChatBubbleLeftEllipsisIcon({ title, titleId, ...props }, svgRef) {
+			return /*#__PURE__*/ react.createElement("svg", Object.assign({
+				xmlns: "http://www.w3.org/2000/svg",
+				fill: "none",
+				viewBox: "0 0 24 24",
+				strokeWidth: 1.5,
+				stroke: "currentColor",
+				"aria-hidden": "true",
+				"data-slot": "icon",
+				ref: svgRef,
+				"aria-labelledby": titleId
+			}, props), title ? /*#__PURE__*/ react.createElement("title", { id: titleId }, title) : null, /*#__PURE__*/ react.createElement("path", {
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				d: "M8.625 9.75a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm0 0H8.25m4.125 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm0 0H12m4.125 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm0 0h-.375m-13.5 3.01c0 1.6 1.123 2.994 2.707 3.227 1.087.16 2.185.283 3.293.369V21l4.184-4.183a1.14 1.14 0 0 1 .778-.332 48.294 48.294 0 0 0 5.83-.498c1.585-.233 2.708-1.626 2.708-3.228V6.741c0-1.602-1.123-2.995-2.707-3.228A48.394 48.394 0 0 0 12 3c-2.392 0-4.744.175-7.043.513C3.373 3.746 2.25 5.14 2.25 6.741v6.018Z"
+			}));
+		}
+		const ForwardRef$6 = /*#__PURE__*/ react.forwardRef(ChatBubbleLeftEllipsisIcon);
 		//#endregion
 		//#region node_modules/.pnpm/@heroicons+react@2.2.0_react@18.3.1/node_modules/@heroicons/react/24/outline/esm/ExclamationCircleIcon.js
 		function ExclamationCircleIcon({ title, titleId, ...props }, svgRef) {
@@ -936,7 +956,7 @@ window.__ModuleLoader__.load({
 				d: "M12 9v3.75m9-.75a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9 3.75h.008v.008H12v-.008Z"
 			}));
 		}
-		const ForwardRef$4 = /*#__PURE__*/ react.forwardRef(ExclamationCircleIcon);
+		const ForwardRef$5 = /*#__PURE__*/ react.forwardRef(ExclamationCircleIcon);
 		//#endregion
 		//#region node_modules/.pnpm/@heroicons+react@2.2.0_react@18.3.1/node_modules/@heroicons/react/24/outline/esm/PaintBrushIcon.js
 		function PaintBrushIcon({ title, titleId, ...props }, svgRef) {
@@ -956,7 +976,27 @@ window.__ModuleLoader__.load({
 				d: "M9.53 16.122a3 3 0 0 0-5.78 1.128 2.25 2.25 0 0 1-2.4 2.245 4.5 4.5 0 0 0 8.4-2.245c0-.399-.078-.78-.22-1.128Zm0 0a15.998 15.998 0 0 0 3.388-1.62m-5.043-.025a15.994 15.994 0 0 1 1.622-3.395m3.42 3.42a15.995 15.995 0 0 0 4.764-4.648l3.876-5.814a1.151 1.151 0 0 0-1.597-1.597L14.146 6.32a15.996 15.996 0 0 0-4.649 4.763m3.42 3.42a6.776 6.776 0 0 0-3.42-3.42"
 			}));
 		}
-		const ForwardRef$3 = /*#__PURE__*/ react.forwardRef(PaintBrushIcon);
+		const ForwardRef$4 = /*#__PURE__*/ react.forwardRef(PaintBrushIcon);
+		//#endregion
+		//#region node_modules/.pnpm/@heroicons+react@2.2.0_react@18.3.1/node_modules/@heroicons/react/24/outline/esm/PencilIcon.js
+		function PencilIcon({ title, titleId, ...props }, svgRef) {
+			return /*#__PURE__*/ react.createElement("svg", Object.assign({
+				xmlns: "http://www.w3.org/2000/svg",
+				fill: "none",
+				viewBox: "0 0 24 24",
+				strokeWidth: 1.5,
+				stroke: "currentColor",
+				"aria-hidden": "true",
+				"data-slot": "icon",
+				ref: svgRef,
+				"aria-labelledby": titleId
+			}, props), title ? /*#__PURE__*/ react.createElement("title", { id: titleId }, title) : null, /*#__PURE__*/ react.createElement("path", {
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				d: "m16.862 4.487 1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L6.832 19.82a4.5 4.5 0 0 1-1.897 1.13l-2.685.8.8-2.685a4.5 4.5 0 0 1 1.13-1.897L16.863 4.487Zm0 0L19.5 7.125"
+			}));
+		}
+		const ForwardRef$3 = /*#__PURE__*/ react.forwardRef(PencilIcon);
 		//#endregion
 		//#region node_modules/.pnpm/@heroicons+react@2.2.0_react@18.3.1/node_modules/@heroicons/react/24/outline/esm/PhotoIcon.js
 		function PhotoIcon({ title, titleId, ...props }, svgRef) {
@@ -1268,7 +1308,7 @@ window.__ModuleLoader__.load({
 					showOutput ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: "codexImageToolRow",
 						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(!settled ? ForwardRef$6 : failed ? ForwardRef$4 : ForwardRef$2, {
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(!settled ? ForwardRef$8 : failed ? ForwardRef$5 : ForwardRef$2, {
 								className: "codexImageToolIcon",
 								"aria-hidden": "true"
 							}),
@@ -5434,7 +5474,7 @@ window.__ModuleLoader__.load({
 		const IconCopyOutline16 = _deepseek_ai_dsh_client_ui_primitives.IconCopyOutline16 ?? _deepseek_ai_dsh_client_ui_primitives.IconCopyOutlineRegular;
 		const IconDownloadOutline16 = _deepseek_ai_dsh_client_ui_primitives.IconDownloadOutline16 ?? _deepseek_ai_dsh_client_ui_primitives.IconDownloadOutlineRegular;
 		const IconEditOutline16 = _deepseek_ai_dsh_client_ui_primitives.IconEditOutline16 ?? _deepseek_ai_dsh_client_ui_primitives.IconEditOutlineRegular;
-		const IconFullscreenOutline16 = _deepseek_ai_dsh_client_ui_primitives.IconFullscreenOutline16 ?? _deepseek_ai_dsh_client_ui_primitives.IconFullscreenOutlineRegular;
+		_deepseek_ai_dsh_client_ui_primitives.IconFullscreenOutline16 ?? _deepseek_ai_dsh_client_ui_primitives.IconFullscreenOutlineRegular;
 		//#endregion
 		//#region src/image-workspace.jsx
 		function ImageWorkspace(props) {
@@ -5767,7 +5807,7 @@ window.__ModuleLoader__.load({
 			imageEntryPoints_on: "显示",
 			imageEntryPoints_off: "隐藏",
 			imageBrowsing: "图片浏览",
-			imageBrowsingHint: "预览粘贴图片与会话图片，标注后回到输入框编辑。",
+			imageBrowsingHint: "预览粘贴图片与会话图片，可标注、移除背景、擦除、调整大小。",
 			imageBrowsing_on: "增强",
 			imageBrowsing_off: "DSH 默认",
 			imageGroupMixed: "保留原设置",
@@ -5987,7 +6027,7 @@ window.__ModuleLoader__.load({
 			resetAcknowledgeRequired: "请先确认已了解这次操作可能消耗重置次数。",
 			resetAccountChanged: "登录账号已变更，请重新开始。",
 			resetUncertain: "服务端返回结果不确定。请再次确认，插件会复用同一个请求，不会另外发起一次重置。",
-			creditsNote: "额外 Credits、消费上限、重置次数分别显示。",
+			creditsNote: "下方的额外 Credits 和额度重置与套餐额度分开计算。",
 			creditsExpires: "预计 {date} 到期，还剩 {days} 天",
 			creditsExpiredToday: "今天 {date} 到期",
 			creditsExpiryEstimate: "（估计：官方公布的 Pro 200 补偿 Credits 到期日，接口未返回，以 ChatGPT 使用情况页为准）",
@@ -6066,7 +6106,7 @@ window.__ModuleLoader__.load({
 			modelMenuAria: "模型、推理等级、速度与输出详略",
 			modelLabel: "模型",
 			effortLabel: "推理等级",
-			providerDefault: "Default",
+			providerDefault: "默认",
 			selectModel: "选择模型",
 			modelsLoading: "正在读取模型…",
 			modelsEmpty: "没有可用模型；请先登录，并确认网络可用。",
@@ -6354,7 +6394,7 @@ window.__ModuleLoader__.load({
 			imageEntryPoints_on: "Show",
 			imageEntryPoints_off: "Hide",
 			imageBrowsing: "Image browsing",
-			imageBrowsingHint: "Preview pasted and conversation images, annotate and return to the composer.",
+			imageBrowsingHint: "Preview pasted and conversation images; annotate, remove the background, erase or resize.",
 			imageBrowsing_on: "Enhanced",
 			imageBrowsing_off: "DSH default",
 			imageGroupMixed: "Keep existing",
@@ -6574,7 +6614,7 @@ window.__ModuleLoader__.load({
 			resetAcknowledgeRequired: "Confirm that you understand this may consume a reset.",
 			resetAccountChanged: "The signed-in account changed. Start again.",
 			resetUncertain: "The server result is uncertain. Confirm again to check the same request; the plugin will not start a separate reset.",
-			creditsNote: "Extra Credits, spending caps, and resets are separate items.",
+			creditsNote: "Extra Credits and quota resets below are counted separately from the plan quota.",
 			creditsExpires: "Expires {date} ({days} days left)",
 			creditsExpiredToday: "Expires today ({date})",
 			creditsExpiryEstimate: "(Estimate: the published expiry of the Pro 200 compensation Credits; the API does not report it, so check ChatGPT usage settings)",
@@ -6788,7 +6828,7 @@ window.__ModuleLoader__.load({
 .codexSubscriptionRecover{display:flex;align-items:center;justify-content:space-between;gap:12px}
 .codexSubscriptionRecover .codexSubscriptionError{flex:1}
 .codexSubscriptionRecover button{flex:0 0 auto}
-.codexSubscriptionDiagnostics{color:var(--dsw-alias-label-secondary)}
+.codexSubscriptionDiagnostics{color:var(--dsw-alias-label-secondary)}.codexSubscriptionDiagnostics h3{color:var(--dsw-alias-label-primary)}
 .codexSubscriptionDiagnostics ul{margin:0;padding-left:18px;font-size:13px;line-height:20px}
 .codexSubscriptionDiagnostics li+li{margin-top:6px}
 .codexSubscriptionDiagnostics li strong{font-weight:600;color:var(--dsw-alias-label-primary)}
@@ -7111,12 +7151,12 @@ window.__ModuleLoader__.load({
 .dcsiv-nav{position:absolute;top:50%;z-index:4;width:42px;height:42px;padding:0;transform:translateY(-50%);background:rgba(48,49,53,.82);box-shadow:0 8px 24px rgba(0,0,0,.28);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.dcsiv-prev{left:6px}.dcsiv-next{right:6px}.dcsiv-counter{position:absolute;bottom:8px;left:50%;padding:5px 10px;border-radius:999px;background:rgba(38,39,43,.86);color:rgba(255,255,255,.72);font-size:11px;transform:translateX(-50%);backdrop-filter:blur(16px)}
 .dcsiv-hint{display:none}
 .dcsiv-mask{position:absolute;inset:0;width:100%;height:100%;border-radius:12px;cursor:crosshair;touch-action:none}
-.dcsiv-tool-icon{width:16px;height:16px;flex:none}.dcsiv-menu{position:fixed;z-index:12;display:flex;flex-direction:column;min-width:150px;padding:6px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(32,33,37,.97);box-shadow:0 12px 32px rgba(0,0,0,.4)}.dcsiv-menu button{height:32px;padding:0 10px;border:0;border-radius:8px;background:none;color:rgba(255,255,255,.9);font:inherit;font-size:13px;text-align:left;cursor:pointer}.dcsiv-menu button:hover,.dcsiv-menu button:focus-visible{background:rgba(255,255,255,.1)}
-.dcsiv-erase-bar{position:absolute;left:50%;top:22px;z-index:7;display:flex;align-items:center;gap:10px;padding:6px 8px 6px 14px;transform:translateX(-50%);border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(38,39,43,.92);color:rgba(255,255,255,.86);font-size:12px;white-space:nowrap}.dcsiv-erase-bar label{display:inline-flex;align-items:center;gap:6px}.dcsiv-erase-bar input{width:90px}.dcsiv-primary{background:#fff!important;color:#111!important}
+.dcsiv-tool-icon{width:16px;height:16px;flex:none}.dcsiv-icon-button,.dcsiv-download[data-compact="true"]{width:34px;padding:0!important;justify-content:center}.dcsiv-zoom{min-width:52px;font-variant-numeric:tabular-nums}.dcsiv-divider{width:1px;height:18px;margin:0 4px;background:rgba(255,255,255,.14)}.dcsiv-menu{position:fixed;z-index:12;display:flex;flex-direction:column;min-width:150px;padding:6px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(32,33,37,.97);box-shadow:0 12px 32px rgba(0,0,0,.4)}.dcsiv-menu button{height:32px;padding:0 10px;border:0;border-radius:8px;background:none;color:rgba(255,255,255,.9);font:inherit;font-size:13px;text-align:left;cursor:pointer}.dcsiv-menu button:hover,.dcsiv-menu button:focus-visible{outline:none;background:rgba(255,255,255,.1)}
+.dcsiv-erase-bar{position:absolute;left:50%;top:22px;z-index:7;display:flex;align-items:center;gap:10px;padding:6px 8px 6px 14px;transform:translateX(-50%);border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(38,39,43,.92);color:rgba(255,255,255,.86);font-size:12px;white-space:nowrap}.dcsiv-erase-bar label{display:inline-flex;align-items:center;gap:6px}.dcsiv-erase-bar input{width:90px}.dcsiv-primary{background:#fff!important;color:#111!important}.dcsiv-primary[data-state="failed"]{color:#c62828!important}.dcsiv-brush-cursor{position:fixed;z-index:9;pointer-events:none;border:1.5px solid #fff;border-radius:50%;corner-shape:round;box-shadow:0 0 0 1px rgba(0,0,0,.45),inset 0 0 0 1px rgba(0,0,0,.25);transform:translate(-50%,-50%)}@media(pointer:fine){.dcsiv-mask{cursor:none}}.dcsiv-button[data-state="pending"] .dcsiv-tool-icon{animation:dcsiv-pulse 1s ease-in-out infinite}.dcsiv-button[data-state="failed"]{color:#ff8a80!important}@keyframes dcsiv-pulse{50%{opacity:.3}}
 .dcsiv-copy-notes{position:absolute;right:20px;bottom:22px;z-index:6;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 11px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(38,39,43,.86);color:rgba(255,255,255,.82);font:inherit;font-size:12px;cursor:pointer;backdrop-filter:blur(16px)}
 .dcsiv-edit-short{display:none}
 @media(max-width:760px){.dcsiv-actions{flex-wrap:wrap;justify-content:center}.dcsiv-edit-short{display:inline;white-space:normal;max-width:min(280px,calc(100vw - 80px))}.dcsiv-edit-action{height:auto;min-height:32px}.dcsiv-close-floating{top:12px;right:12px;width:40px;height:40px}.dcsiv-workspace{padding:60px 12px 68px}.dcsiv-image{max-width:calc(100vw - 24px);max-height:calc(100vh - 136px)}.dcsiv-topbar{bottom:12px;max-width:calc(100vw - 24px)}.dcsiv-button{padding:0 8px}.dcsiv-button span.dcsiv-label{display:none}.dcsiv-inline-note{width:min(260px,calc(100vw - 40px))}.dcsiv-copy-notes{display:none}}
-@media(prefers-reduced-motion:reduce){.dcsiv-surface{transition:none}}
+@media(prefers-reduced-motion:reduce){.dcsiv-surface{transition:none}.dcsiv-tool-icon{animation:none!important}}
 `;
 		//#endregion
 		//#region src/subscription-image-transform.js
@@ -7298,8 +7338,10 @@ window.__ModuleLoader__.load({
 		//#region src/subscription-image-viewer.jsx
 		const TOOL_ICONS = {
 			"remove-background": ForwardRef$1,
-			erase: ForwardRef$3,
-			resize: ForwardRef$5
+			erase: ForwardRef$4,
+			resize: ForwardRef$7,
+			sketch: ForwardRef$3,
+			annotate: ForwardRef$6
 		};
 		const ToolIcon = ({ id }) => {
 			const Icon = TOOL_ICONS[id];
@@ -7322,12 +7364,41 @@ window.__ModuleLoader__.load({
 			const [state, setState] = (0, react.useState)("idle");
 			const [menu, setMenu] = (0, react.useState)();
 			const active = (0, react.useRef)(true);
+			const menuRef = (0, react.useRef)(null);
+			const menuButtonRef = (0, react.useRef)(null);
 			(0, react.useEffect)(() => {
 				active.current = true;
 				return () => {
 					active.current = false;
 				};
 			}, []);
+			(0, react.useEffect)(() => {
+				if (menu === void 0) return void 0;
+				menuRef.current?.querySelector("[role=\"menuitem\"]")?.focus();
+				const onKeyDown = (event) => {
+					const items = [...menuRef.current?.querySelectorAll("[role=\"menuitem\"]") ?? []];
+					if (event.key === "Escape") {
+						event.preventDefault();
+						event.stopPropagation();
+						setMenu(void 0);
+						menuButtonRef.current?.focus();
+					} else if ((event.key === "ArrowDown" || event.key === "ArrowUp") && items.length > 0) {
+						event.preventDefault();
+						event.stopPropagation();
+						const step = event.key === "ArrowDown" ? 1 : -1;
+						items[(items.indexOf(document.activeElement) + step + items.length) % items.length].focus();
+					} else if (event.key === "Tab") setMenu(void 0);
+				};
+				const onPointerDown = (event) => {
+					if (!menuRef.current?.contains(event.target) && !menuButtonRef.current?.contains(event.target)) setMenu(void 0);
+				};
+				window.addEventListener("keydown", onKeyDown, true);
+				window.addEventListener("pointerdown", onPointerDown, true);
+				return () => {
+					window.removeEventListener("keydown", onKeyDown, true);
+					window.removeEventListener("pointerdown", onPointerDown, true);
+				};
+			}, [menu]);
 			const invoke = async (extra = {}) => {
 				if (state === "pending") return;
 				setState("pending");
@@ -7346,32 +7417,42 @@ window.__ModuleLoader__.load({
 				}
 			};
 			const label = state === "pending" ? action.pendingLabel : state === "failed" ? action.errorLabel : action.label;
-			if (action.kind === "mask") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+			if (action.kind === "mask") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 				type: "button",
-				className: "dcsiv-button",
+				className: "dcsiv-button dcsiv-icon-button",
+				title: action.label,
+				"aria-label": action.label,
 				onClick: () => onStartMask(action),
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToolIcon, { id: action.id }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "dcsiv-label",
-					children: action.label
-				})]
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToolIcon, { id: action.id })
 			});
-			if (action.kind === "tool") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+			if (action.kind === "tool") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 				type: "button",
-				className: "dcsiv-button",
+				className: "dcsiv-button dcsiv-icon-button",
+				title: label,
+				"aria-label": label,
+				"data-state": state,
 				disabled: state === "pending",
 				onClick: () => {
 					invoke();
 				},
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToolIcon, { id: action.id }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "dcsiv-label",
-					children: label
-				})]
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToolIcon, { id: action.id })
+			});
+			if (action.id === "sketch" && state === "idle") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				type: "button",
+				className: "dcsiv-button dcsiv-icon-button",
+				title: action.label,
+				"aria-label": action.label,
+				onClick: () => {
+					invoke();
+				},
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToolIcon, { id: "sketch" })
 			});
-			if (action.kind === "choice") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+			if (action.kind === "choice") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				ref: menuButtonRef,
 				type: "button",
-				className: "dcsiv-button",
 				"aria-haspopup": "menu",
 				"aria-expanded": menu !== void 0,
+				"data-state": state,
 				disabled: state === "pending",
 				onClick: (event) => {
 					const box = event.currentTarget.getBoundingClientRect();
@@ -7384,13 +7465,15 @@ window.__ModuleLoader__.load({
 						}
 					} : void 0);
 				},
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToolIcon, { id: action.id }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "dcsiv-label",
-					children: label
-				})]
+				className: "dcsiv-button dcsiv-icon-button",
+				title: label,
+				"aria-label": label,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToolIcon, { id: action.id })
 			}), menu ? (0, react_dom.createPortal)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				ref: menuRef,
 				className: "dcsiv-menu",
 				role: "menu",
+				"aria-label": action.label,
 				style: menu.style,
 				children: action.options.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 					type: "button",
@@ -7462,10 +7545,13 @@ window.__ModuleLoader__.load({
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 				type: "button",
 				className: "dcsiv-download",
+				"data-compact": state === "idle",
+				title: label,
+				"aria-label": label,
 				onClick: () => {
 					invoke();
 				},
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconDownloadOutline16, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconDownloadOutline16, {}), state === "idle" ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 					className: "dcsiv-label",
 					children: state === "pending" ? `${label} ${progress}% · ${t("cancel")}` : label
 				})]
@@ -7492,6 +7578,16 @@ window.__ModuleLoader__.load({
 			const [strokes, setStrokes] = (0, react.useState)([]);
 			const [brush, setBrush] = (0, react.useState)(.05);
 			const [sending, setSending] = (0, react.useState)(false);
+			const [sendFailed, setSendFailed] = (0, react.useState)(false);
+			const [brushCursor, setBrushCursor] = (0, react.useState)();
+			const eraseRef = (0, react.useRef)({
+				erasing: void 0,
+				sending: false
+			});
+			eraseRef.current = {
+				erasing,
+				sending
+			};
 			const drawingRef = (0, react.useRef)(false);
 			const maskRef = (0, react.useRef)(null);
 			const rootRef = (0, react.useRef)(null);
@@ -7523,6 +7619,28 @@ window.__ModuleLoader__.load({
 				document.body.style.overflow = "hidden";
 				rootRef.current?.focus();
 				const onKeyDown = (event) => {
+					if (eraseRef.current.erasing !== void 0) {
+						const key = event.key.toLowerCase();
+						if (event.key === "Escape") {
+							event.preventDefault();
+							if (!eraseRef.current.sending) {
+								setErasing(void 0);
+								setStrokes([]);
+							}
+							return;
+						}
+						if ((event.ctrlKey || event.metaKey) && key === "z") {
+							event.preventDefault();
+							if (!eraseRef.current.sending) setStrokes((current) => current.slice(0, -1));
+							return;
+						}
+						if (event.key === "[" || event.key === "]") {
+							event.preventDefault();
+							setBrush((value) => Math.round(clamp(value + (event.key === "]" ? .01 : -.01), .01, .15) * 100) / 100);
+							return;
+						}
+						if (event.key === "ArrowLeft" || event.key === "ArrowRight") return;
+					}
 					if (event.key === "Escape") {
 						event.preventDefault();
 						if (event.target instanceof Element && event.target.closest(".dcsiv-inline-note") !== null) {
@@ -7621,6 +7739,12 @@ window.__ModuleLoader__.load({
 					}]);
 				},
 				onPointerMove: (event) => {
+					const bounds = maskRef.current?.getBoundingClientRect();
+					if (bounds !== void 0) setBrushCursor({
+						left: event.clientX,
+						top: event.clientY,
+						span: Math.min(bounds.width, bounds.height) / transformRef.current.zoom
+					});
 					if (!drawingRef.current) return;
 					const point = strokePoint(event);
 					if (point === void 0) return;
@@ -7634,18 +7758,24 @@ window.__ModuleLoader__.load({
 				},
 				onPointerCancel: () => {
 					drawingRef.current = false;
+				},
+				onPointerLeave: () => {
+					setBrushCursor(void 0);
 				}
 			};
 			const startMask = (action) => {
 				resetGesture();
 				setAnnotating(false);
 				setStrokes([]);
+				setSendFailed(false);
+				setBrushCursor(void 0);
 				setErasing(action);
 			};
 			const sendMask = async () => {
 				const image = imageRef.current;
 				if (!erasing || strokes.length === 0 || image === null || sending) return;
 				setSending(true);
+				setSendFailed(false);
 				try {
 					const canvas = document.createElement("canvas");
 					canvas.width = image.naturalWidth;
@@ -7661,6 +7791,8 @@ window.__ModuleLoader__.load({
 					setErasing(void 0);
 					setStrokes([]);
 					if (erasing.closeOnSuccess) service.close();
+				} catch {
+					setSendFailed(true);
 				} finally {
 					setSending(false);
 				}
@@ -7726,18 +7858,19 @@ window.__ModuleLoader__.load({
 							children: [
 								request.annotations ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 									type: "button",
-									className: "dcsiv-button",
+									className: annotating ? "dcsiv-button" : "dcsiv-button dcsiv-icon-button",
 									"data-active": annotating,
+									title: annotating ? t("imageAnnotateCancel") : t("imageAnnotate"),
 									"aria-label": annotating ? t("imageAnnotateCancel") : t("imageAnnotate"),
 									"aria-pressed": annotating,
 									onClick: () => {
 										resetGesture();
 										setAnnotating((value) => !value);
 									},
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconEditOutline16, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToolIcon, { id: "annotate" }), annotating ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 										className: "dcsiv-label",
-										children: annotating ? t("imageAnnotateCancel") : t("imageAnnotate")
-									})]
+										children: t("imageAnnotateCancel")
+									}) : null]
 								}) : null,
 								annotations.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 									type: "button",
@@ -7759,32 +7892,27 @@ window.__ModuleLoader__.load({
 								}) : null,
 								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 									type: "button",
-									className: "dcsiv-button",
-									"aria-label": t("imageFit"),
-									onClick: fit,
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconFullscreenOutline16, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: "dcsiv-label",
-										children: t("imageFit")
-									})]
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-									type: "button",
-									className: "dcsiv-button",
-									onClick: actual,
-									children: t("imageActual")
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-									className: "dcsiv-zoom",
+									className: "dcsiv-button dcsiv-zoom",
+									title: transform.zoom === 1 ? t("imageActual") : t("imageFit"),
+									"aria-label": transform.zoom === 1 ? t("imageActual") : t("imageFit"),
+									onClick: () => {
+										if (transform.zoom === 1) actual();
+										else fit();
+									},
 									children: [Math.round(transform.zoom * pixelScale * 100), "%"]
 								}),
-								item.download === void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("a", {
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "dcsiv-divider",
+									"aria-hidden": "true"
+								}),
+								item.download === void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
 									className: "dcsiv-download",
+									"data-compact": "true",
 									href: item.src,
 									download: downloadName(item.name),
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconDownloadOutline16, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: "dcsiv-label",
-										children: t("imageDownload")
-									})]
+									title: t("imageDownload"),
+									"aria-label": t("imageDownload"),
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconDownloadOutline16, {})
 								}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ViewerDownload, {
 									download: item.download,
 									item,
@@ -7982,14 +8110,25 @@ window.__ModuleLoader__.load({
 									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 										type: "button",
 										className: "dcsiv-button dcsiv-primary",
+										"data-state": sendFailed ? "failed" : void 0,
 										disabled: strokes.length === 0 || sending,
 										onClick: () => {
 											sendMask();
 										},
-										children: sending ? t("imageEditPreparing") : t("imageSend")
+										children: sending ? t("imageEditPreparing") : sendFailed ? t("imageEditFailed") : t("imageSend")
 									})
 								]
 							}) : null,
+							erasing && brushCursor ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "dcsiv-brush-cursor",
+								"aria-hidden": "true",
+								style: {
+									left: brushCursor.left,
+									top: brushCursor.top,
+									width: brush * brushCursor.span,
+									height: brush * brushCursor.span
+								}
+							}) : null,
 							annotations.some((annotation) => annotation.note.trim() !== "") ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 								type: "button",
 								className: "dcsiv-copy-notes",
@@ -8952,7 +9091,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region src/version.js
-		const PACKAGE_VERSION = "2.5.8";
+		const PACKAGE_VERSION = "2.5.9";
 		//#endregion
 		//#region src/client-recovery.js
 		async function recoveryCall(rpc, endpoint, payload = {}, timeoutMs = 1e4) {
@@ -11631,6 +11770,7 @@ window.__ModuleLoader__.load({
 		//#endregion
 		//#region src/client-usage.jsx
 		const count = (value) => Number(value).toLocaleString();
+		const creditAmount = (value) => Number.isFinite(Number(value)) && String(value).trim() !== "" ? Number(value).toLocaleString(void 0, { maximumFractionDigits: 2 }) : value;
 		function CreditExpiry({ credits, t }) {
 			const date = validDate(credits.expiresAt);
 			if (date === void 0 || credits.unlimited) return null;
@@ -12033,7 +12173,7 @@ window.__ModuleLoader__.load({
 							children: [
 								visibleUsage?.credits ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 									className: "codexSubscriptionCreditBalance",
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("creditsBalance") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: visibleUsage.credits.unlimited ? t("unlimited") : `${visibleUsage.credits.balance ?? t("unavailable")} ${t("creditsUnit")}` })]
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("creditsBalance") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: visibleUsage.credits.unlimited ? t("unlimited") : visibleUsage.credits.balance == null ? t("unavailable") : `${creditAmount(visibleUsage.credits.balance)} ${t("creditsUnit")}` })]
 								}) : null,
 								visibleUsage?.credits ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CreditExpiry, {
 									credits: visibleUsage.credits,

package/lib/index.js

@@ -2049,7 +2049,7 @@ function inheritedOriginalImageRef(session, assetId) {
 }
 //#endregion
 //#region src/version.js
-const PACKAGE_VERSION = "2.5.8";
+const PACKAGE_VERSION = "2.5.9";
 const USER_AGENT = `dsh-codex-subscription/${PACKAGE_VERSION}`;
 //#endregion
 //#region src/codex-images.js

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-codex-subscription",
-  "version": "2.5.8",
+  "version": "2.5.9",
   "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",