@eddyskywalker/dsh-chatgpt-subscription 0.1.22 → 0.1.24

package/lib/client.js

@@ -273,6 +273,9 @@ window.__ModuleLoader__.load({
 			refreshQuota() {
 				return post(`${ROUTE_PREFIX}/quota/refresh`, {});
 			}
+			useResetCredit() {
+				return post(`${ROUTE_PREFIX}/quota/reset-credit/use`, {});
+			}
 			testConnection() {
 				return post(`${ROUTE_PREFIX}/connection/test`, {});
 			}
@@ -317,6 +320,7 @@ window.__ModuleLoader__.load({
 			const [error, setError] = (0, react.useState)(null);
 			const [authUrl, setAuthUrl] = (0, react.useState)(null);
 			const [popupBlocked, setPopupBlocked] = (0, react.useState)(false);
+			const [resetCreditNotice, setResetCreditNotice] = (0, react.useState)(null);
 			const [connection, setConnection] = (0, react.useState)(null);
 			const [contextDrafts, setContextDrafts] = (0, react.useState)({});
 			const load = (0, react.useCallback)(async (quiet = false) => {
@@ -415,6 +419,17 @@ window.__ModuleLoader__.load({
 					quota
 				});
 			});
+			const useResetCredit = async () => {
+				if (!window.confirm(t("useResetCreditConfirm"))) return;
+				await run("reset-credit", async () => {
+					const quota = await apiRef.current.useResetCredit();
+					setStatus((current) => current === null ? current : {
+						...current,
+						quota
+					});
+					setResetCreditNotice(t("resetCreditUsed"));
+				});
+			};
 			const testConnection = async () => run("test", async () => {
 				const result = await apiRef.current.testConnection();
 				setConnection({
@@ -453,6 +468,7 @@ window.__ModuleLoader__.load({
 			const run = async (action, task) => {
 				setBusy(action);
 				setError(null);
+				setResetCreditNotice(null);
 				try {
 					await task();
 				} catch (cause) {
@@ -706,9 +722,16 @@ window.__ModuleLoader__.load({
 									label: t("monthlySpend"),
 									value: individualLimitLabel(status.quota.individualLimit, t)
 								}) : null,
-								status?.quota.resetCredits !== null && status?.quota.resetCredits !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(QuotaFact, {
-									label: t("resetCredits"),
-									value: String(status.quota.resetCredits.availableCount)
+								status?.quota.resetCredits !== null && status?.quota.resetCredits !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ResetCreditsFact, {
+									resetCredits: status.quota.resetCredits,
+									busy,
+									onUse: useResetCredit,
+									t
+								}) : null,
+								resetCreditNotice !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									className: "dsh-codex-success",
+									role: "status",
+									children: resetCreditNotice
 								}) : null,
 								status?.quota.spendControlReached === true ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 									className: "dsh-codex-warning",
@@ -814,6 +837,29 @@ window.__ModuleLoader__.load({
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: label }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: value })]
 			});
 		}
+		function ResetCreditsFact({ resetCredits, busy, onUse, t }) {
+			const available = resetCredits.availableCount > 0;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "dsh-codex-reset-credits",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "dsh-codex-reset-credits-info",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("resetCredits") }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: resetCredits.availableCount }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("small", { children: [
+							t("resetCreditExpires"),
+							": ",
+							resetCredits.expiresAt == null ? t("unknown") : formatReset(resetCredits.expiresAt)
+						] })
+					]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
+					primary: true,
+					disabled: !available || busy !== null,
+					onClick: onUse,
+					children: busy === "reset-credit" ? t("usingResetCredit") : t("useResetCredit")
+				})]
+			});
+		}
 		function QuotaBar({ label, window, t }) {
 			const percent = window.usedPercent;
 			const level = percent >= 95 ? "danger" : percent >= 80 ? "warning" : "normal";
@@ -1314,6 +1360,11 @@ window.__ModuleLoader__.load({
 				credits: "Credits",
 				monthlySpend: "月度消费控制",
 				resetCredits: "重置次数",
+				resetCreditExpires: "到期时间",
+				useResetCredit: "使用重置卡",
+				usingResetCredit: "使用中…",
+				useResetCreditConfirm: "使用后会立即消耗 1 次重置机会，并重置符合条件的 Codex 额度窗口。确定继续吗？",
+				resetCreditUsed: "重置卡已使用，用量数据已刷新。",
 				spendControlReached: "已触发月度消费控制，新的订阅调用可能被限制。",
 				limit: "上限",
 				exhausted: "额度已用尽",
@@ -1431,6 +1482,11 @@ window.__ModuleLoader__.load({
 				credits: "Credits",
 				monthlySpend: "Monthly spend control",
 				resetCredits: "Reset credits",
+				resetCreditExpires: "Expires",
+				useResetCredit: "Use reset credit",
+				usingResetCredit: "Using…",
+				useResetCreditConfirm: "This immediately spends one reset credit and resets eligible Codex limit windows. Continue?",
+				resetCreditUsed: "The reset credit was used and usage data was refreshed.",
 				spendControlReached: "Monthly spend control has been reached; new subscription calls may be limited.",
 				limit: "Limit",
 				exhausted: "Quota exhausted",
@@ -1472,9 +1528,10 @@ window.__ModuleLoader__.load({
 .dsh-codex-button:disabled{cursor:default;opacity:.5}
 .dsh-codex-button-primary{background:var(--dsw-alias-button-info-fill,#397ee8);border-color:transparent;color:var(--dsw-alias-button-info-label,#fff)}
 .dsh-codex-notice{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);border-radius:7px;color:var(--dsw-alias-label-secondary);font-size:12px;line-height:1.55;margin:12px 0 0;padding:10px 12px}
-.dsh-codex-error,.dsh-codex-warning{font-size:12px;line-height:1.5;margin:8px 0 0}
+.dsh-codex-error,.dsh-codex-warning,.dsh-codex-success{font-size:12px;line-height:1.5;margin:8px 0 0}
 .dsh-codex-error{color:var(--dsw-alias-label-danger,#d94b4b)}
 .dsh-codex-warning{color:var(--dsw-alias-label-warning,#c77a18)}
+.dsh-codex-success{color:var(--dsw-alias-label-success,#2e9b62)}
 .dsh-codex-errorbar{align-items:center;background:color-mix(in srgb,var(--dsw-alias-label-danger,#d94b4b) 9%,transparent);border:1px solid color-mix(in srgb,var(--dsw-alias-label-danger,#d94b4b) 28%,transparent);border-radius:7px;color:var(--dsw-alias-label-danger,#d94b4b);display:flex;font-size:13px;gap:12px;justify-content:space-between;padding:10px 12px}
 .dsh-codex-link{color:var(--dsw-alias-label-link,#3278d4);display:inline-block;font-size:13px;margin-top:8px}
 .dsh-codex-models{display:flex;flex-wrap:wrap;gap:6px;padding-top:12px}
@@ -1510,6 +1567,11 @@ window.__ModuleLoader__.load({
 .dsh-codex-quota-fact{align-items:flex-start;border-bottom:1px solid var(--dsw-alias-border-l2);display:flex;font-size:12px;gap:12px;justify-content:space-between;line-height:1.45;padding:10px 0}
 .dsh-codex-quota-fact span{color:var(--dsw-alias-label-secondary);flex:none}
 .dsh-codex-quota-fact strong{font-weight:600;min-width:0;overflow-wrap:anywhere;text-align:right}
+.dsh-codex-reset-credits{align-items:center;border-bottom:1px solid var(--dsw-alias-border-l2);display:flex;gap:16px;justify-content:space-between;padding:10px 0}
+.dsh-codex-reset-credits-info{display:grid;font-size:12px;gap:2px;grid-template-columns:auto auto}
+.dsh-codex-reset-credits-info>span{color:var(--dsw-alias-label-secondary)}
+.dsh-codex-reset-credits-info>strong{font-weight:650;text-align:right}
+.dsh-codex-reset-credits-info>small{color:var(--dsw-alias-label-tertiary);font-size:11px;grid-column:1/-1}
 .dsh-codex-meter-wrap{margin-top:13px}
 .dsh-codex-meter-label,.dsh-codex-meter-meta{display:flex;gap:10px;justify-content:space-between}
 .dsh-codex-meter-label{font-size:12px;margin-bottom:6px}
@@ -1539,7 +1601,7 @@ window.__ModuleLoader__.load({
 .dsh-codex-image-loading,.dsh-codex-image-failed{border:1px dashed var(--dsw-alias-border-l2);border-radius:8px;color:var(--dsw-alias-label-tertiary);display:inline-flex;font-size:12px;line-height:1.4;padding:18px 20px}
 .dsh-codex-image-failed{color:var(--dsw-alias-label-danger,#d94b4b)}
 @keyframes dsh-codex-pulse{0%,100%{opacity:.55}50%{opacity:1}}
-@media(max-width:560px){.dsh-codex-row,.dsh-codex-pref-row,.dsh-codex-quota-fact{align-items:flex-start;flex-direction:column;gap:3px}.dsh-codex-value,.dsh-codex-quota-fact strong{text-align:left}.dsh-codex-actions{justify-content:flex-start}.dsh-codex-grouphead{align-items:flex-start;flex-direction:column;gap:0;padding:12px 0}.dsh-codex-meter-meta{align-items:flex-start;flex-direction:column;gap:2px}.dsh-codex-errorbar{align-items:flex-start;flex-direction:column}.dsh-codex-segments{width:100%}.dsh-codex-select{max-width:none;width:100%}.dsh-codex-context-row{align-items:flex-start;flex-direction:column;gap:5px}.dsh-codex-segments label{flex:1}.dsh-codex-segments span{text-align:center}.dsh-codex-image-tool{max-width:100%;margin-left:0}}
+@media(max-width:560px){.dsh-codex-row,.dsh-codex-pref-row,.dsh-codex-quota-fact,.dsh-codex-reset-credits{align-items:flex-start;flex-direction:column;gap:3px}.dsh-codex-value,.dsh-codex-quota-fact strong{text-align:left}.dsh-codex-actions{justify-content:flex-start}.dsh-codex-grouphead{align-items:flex-start;flex-direction:column;gap:0;padding:12px 0}.dsh-codex-meter-meta{align-items:flex-start;flex-direction:column;gap:2px}.dsh-codex-errorbar{align-items:flex-start;flex-direction:column}.dsh-codex-segments{width:100%}.dsh-codex-select{max-width:none;width:100%}.dsh-codex-context-row{align-items:flex-start;flex-direction:column;gap:5px}.dsh-codex-segments label{flex:1}.dsh-codex-segments span{text-align:center}.dsh-codex-image-tool{max-width:100%;margin-left:0}}
 @media(prefers-reduced-motion:reduce){.dsh-codex-meter>span{transition:none}.dsh-codex-skeleton span{animation:none}}
 `;
 		function installStyles() {