dsh-codex-connect 0.1.0-alpha.4.3

package/lib/client.js

@@ -0,0 +1,1086 @@
+window.__ModuleLoader__.load({
+	id: "dsh-codex-connect",
+	factory: (require) => {
+		var module = { exports: {} };
+		var exports = module.exports;
+		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+		let react = require("react");
+		let react_jsx_runtime = require("react/jsx-runtime");
+		//#region src/settings-contract.ts
+		/** Node-free settings contract shared by the Host plugin and browser card. */
+		/** Stable Harness settings namespace owned by this plugin. */
+		const OPENAI_CODEX_SETTINGS_NAMESPACE = "llm-openai-codex";
+		Object.freeze({
+			enableSearch: false,
+			enableImageTool: false,
+			searchModel: "gpt-5.6-sol",
+			searchMode: "cached",
+			searchContextSize: "medium",
+			searchMaxOutputTokens: 1e4
+		});
+		function isRecord(value) {
+			return typeof value === "object" && value !== null && !Array.isArray(value);
+		}
+		/** Narrow the redacted settings wire payload before it enters React state. */
+		function decodeOpenAICodexSettings(value) {
+			if (!isRecord(value)) return void 0;
+			const enableSearch = value["enableSearch"];
+			const enableImageTool = value["enableImageTool"];
+			const searchModel = value["searchModel"];
+			const searchMode = value["searchMode"];
+			const searchContextSize = value["searchContextSize"];
+			const searchMaxOutputTokens = value["searchMaxOutputTokens"];
+			if (typeof enableSearch !== "boolean" || typeof enableImageTool !== "boolean") return void 0;
+			if (typeof searchModel !== "string" || searchModel.trim().length === 0) return void 0;
+			if (searchMode !== "cached" && searchMode !== "indexed" && searchMode !== "live") return void 0;
+			if (searchContextSize !== "low" && searchContextSize !== "medium" && searchContextSize !== "high") return void 0;
+			if (typeof searchMaxOutputTokens !== "number" || !Number.isInteger(searchMaxOutputTokens) || searchMaxOutputTokens < 1) return void 0;
+			return {
+				enableSearch,
+				enableImageTool,
+				searchModel,
+				searchMode,
+				searchContextSize,
+				searchMaxOutputTokens
+			};
+		}
+		//#endregion
+		//#region src/auth-paths.ts
+		/** Node-free route constants shared by the Host and browser plugin halves. */
+		/** Plugin-owned status endpoint consumed by its browser half. */
+		const OPENAI_CODEX_AUTH_STATUS_PATH = "/plugins/dsh-openai-codex/auth/status";
+		/** Plugin-owned browser-login endpoint consumed by its browser half. */
+		const OPENAI_CODEX_AUTH_LOGIN_PATH = "/plugins/dsh-openai-codex/auth/login";
+		/** Plugin-owned logout endpoint consumed by its browser half. */
+		const OPENAI_CODEX_AUTH_LOGOUT_PATH = "/plugins/dsh-openai-codex/auth/logout";
+		//#endregion
+		//#region src/client/OpenAICodexConfiguration.tsx
+		/** Staged optional-capability editor inside the OpenAI Codex plugin card. */
+		const sectionStyle = {
+			display: "flex",
+			flexDirection: "column",
+			gap: 14,
+			paddingTop: 18,
+			borderTop: "1px solid var(--dsw-alias-border-l2)"
+		};
+		const headingStyle = {
+			margin: 0,
+			fontSize: 14,
+			lineHeight: "20px",
+			fontWeight: 600,
+			color: "var(--dsw-alias-label-primary)"
+		};
+		const bodyStyle$1 = {
+			margin: 0,
+			fontSize: 13,
+			lineHeight: "20px",
+			color: "var(--dsw-alias-label-secondary)"
+		};
+		const fieldsetStyle = {
+			display: "flex",
+			flexDirection: "column",
+			gap: 13,
+			margin: 0,
+			padding: 0,
+			border: 0
+		};
+		const toggleRowStyle = {
+			display: "flex",
+			alignItems: "flex-start",
+			gap: 10,
+			cursor: "pointer"
+		};
+		const toggleCopyStyle = {
+			display: "flex",
+			flexDirection: "column",
+			gap: 2
+		};
+		const labelStyle = {
+			fontSize: 13,
+			lineHeight: "20px",
+			fontWeight: 500,
+			color: "var(--dsw-alias-label-primary)"
+		};
+		const formGridStyle = {
+			display: "grid",
+			gridTemplateColumns: "repeat(auto-fit, minmax(190px, 1fr))",
+			gap: 12
+		};
+		const formFieldStyle = {
+			display: "flex",
+			flexDirection: "column",
+			gap: 6
+		};
+		const controlStyle = {
+			boxSizing: "border-box",
+			width: "100%",
+			minHeight: 36,
+			padding: "7px 10px",
+			border: "1px solid var(--dsw-alias-border-l2)",
+			borderRadius: 8,
+			background: "var(--dsw-alias-bg-layer-1)",
+			color: "var(--dsw-alias-label-primary)",
+			font: "inherit",
+			fontSize: 13
+		};
+		const actionsStyle = {
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "space-between",
+			flexWrap: "wrap",
+			gap: 10
+		};
+		const buttonsStyle = {
+			display: "flex",
+			gap: 8
+		};
+		const buttonStyle$1 = {
+			boxSizing: "border-box",
+			minHeight: 34,
+			padding: "6px 14px",
+			border: "1px solid var(--dsw-alias-border-l2)",
+			borderRadius: 18,
+			background: "var(--dsw-alias-bg-layer-1)",
+			color: "var(--dsw-alias-label-primary)",
+			font: "inherit",
+			fontSize: 13,
+			cursor: "pointer"
+		};
+		const primaryButtonStyle$1 = {
+			...buttonStyle$1,
+			borderColor: "var(--dsw-alias-brand-primary)",
+			background: "var(--dsw-alias-brand-primary)",
+			color: "white"
+		};
+		const errorStyle$1 = {
+			...bodyStyle$1,
+			color: "var(--dsw-alias-state-error-primary)"
+		};
+		const successStyle = {
+			...bodyStyle$1,
+			color: "var(--dsw-alias-state-success-primary, #16825d)"
+		};
+		const UNAVAILABLE_SNAPSHOT = {
+			status: "unavailable",
+			value: void 0,
+			base: void 0,
+			user: void 0,
+			revision: void 0,
+			writable: false,
+			mode: "memory"
+		};
+		const CONFIG_FIELDS = [
+			"enableSearch",
+			"enableImageTool",
+			"searchModel",
+			"searchMode",
+			"searchContextSize",
+			"searchMaxOutputTokens"
+		];
+		function sameConfig(left, right) {
+			return left !== void 0 && right !== void 0 && CONFIG_FIELDS.every((field) => left[field] === right[field]);
+		}
+		/** Edit the Host-owned llm-openai-codex settings section with Save/Discard staging. */
+		function OpenAICodexConfiguration({ scope, t }) {
+			const subscribe = (0, react.useCallback)((listener) => scope?.subscribe(listener) ?? (() => void 0), [scope]);
+			const getSnapshot = (0, react.useCallback)(() => scope?.getSnapshot() ?? UNAVAILABLE_SNAPSHOT, [scope]);
+			const snapshot = (0, react.useSyncExternalStore)(subscribe, getSnapshot, getSnapshot);
+			const [draft, setDraft] = (0, react.useState)(snapshot.value);
+			const [dirty, setDirty] = (0, react.useState)(false);
+			const [busy, setBusy] = (0, react.useState)(false);
+			const [feedback, setFeedback] = (0, react.useState)("idle");
+			(0, react.useEffect)(() => {
+				if (!dirty && !busy) setDraft(snapshot.value);
+			}, [
+				busy,
+				dirty,
+				snapshot.revision,
+				snapshot.value
+			]);
+			const update = (field, value) => {
+				setDraft((current) => current === void 0 ? current : {
+					...current,
+					[field]: value
+				});
+				setDirty(true);
+				setFeedback("idle");
+			};
+			const discard = () => {
+				setDraft(scope?.getSnapshot().value);
+				setDirty(false);
+				setFeedback("idle");
+			};
+			const validModel = draft !== void 0 && draft.searchModel.trim().length > 0;
+			const validTokens = draft !== void 0 && Number.isInteger(draft.searchMaxOutputTokens) && draft.searchMaxOutputTokens > 0;
+			const valid = validModel && validTokens;
+			const save = async () => {
+				if (scope === void 0 || draft === void 0 || !snapshot.writable || !valid) return;
+				const desired = {
+					...draft,
+					searchModel: draft.searchModel.trim()
+				};
+				setBusy(true);
+				setFeedback("idle");
+				try {
+					for (const field of CONFIG_FIELDS) {
+						if (scope.getSnapshot().value?.[field] === desired[field]) continue;
+						await scope.set(field, desired[field]);
+						if (scope.getSnapshot().value?.[field] !== desired[field]) throw new Error(`Host refused ${field}`);
+					}
+					const accepted = scope.getSnapshot().value;
+					if (!sameConfig(accepted, desired)) throw new Error("Host returned a different configuration");
+					setDraft(accepted);
+					setDirty(false);
+					setFeedback("saved");
+				} catch {
+					setDraft(scope.getSnapshot().value);
+					setDirty(false);
+					setFeedback("error");
+				} finally {
+					setBusy(false);
+				}
+			};
+			const loading = snapshot.status === "loading";
+			const editable = snapshot.status === "ready" && snapshot.writable && !busy;
+			const searchDisabled = !editable || draft?.enableSearch !== true;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+				style: sectionStyle,
+				"aria-labelledby": "openai-codex-capabilities-title",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+						id: "openai-codex-capabilities-title",
+						style: headingStyle,
+						children: t("capabilitiesHeading")
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						style: {
+							...bodyStyle$1,
+							marginTop: 4
+						},
+						children: t("capabilitiesIntro")
+					})] }),
+					loading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						style: bodyStyle$1,
+						role: "status",
+						children: t("settingsLoading")
+					}) : null,
+					snapshot.status === "unavailable" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						style: errorStyle$1,
+						role: "alert",
+						children: t("settingsUnavailable")
+					}) : null,
+					snapshot.status === "ready" && !snapshot.writable ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						style: errorStyle$1,
+						role: "alert",
+						children: t("settingsReadOnly")
+					}) : null,
+					draft === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("fieldset", {
+						style: fieldsetStyle,
+						disabled: !editable,
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+								style: toggleRowStyle,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									type: "checkbox",
+									checked: draft.enableSearch,
+									onChange: (event) => {
+										update("enableSearch", event.currentTarget.checked);
+									}
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									style: toggleCopyStyle,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										style: labelStyle,
+										children: t("enableSearch")
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										style: bodyStyle$1,
+										children: t("enableSearchHelp")
+									})]
+								})]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								style: formGridStyle,
+								"aria-disabled": searchDisabled,
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+										style: formFieldStyle,
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											style: labelStyle,
+											children: t("searchModel")
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+											style: controlStyle,
+											value: draft.searchModel,
+											disabled: searchDisabled,
+											"aria-invalid": !validModel,
+											onChange: (event) => {
+												update("searchModel", event.currentTarget.value);
+											}
+										})]
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+										style: formFieldStyle,
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											style: labelStyle,
+											children: t("searchMode")
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+											style: controlStyle,
+											value: draft.searchMode,
+											disabled: searchDisabled,
+											onChange: (event) => {
+												update("searchMode", event.currentTarget.value);
+											},
+											children: [
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+													value: "cached",
+													children: t("modeCached")
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+													value: "indexed",
+													children: t("modeIndexed")
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+													value: "live",
+													children: t("modeLive")
+												})
+											]
+										})]
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+										style: formFieldStyle,
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											style: labelStyle,
+											children: t("searchContextSize")
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+											style: controlStyle,
+											value: draft.searchContextSize,
+											disabled: searchDisabled,
+											onChange: (event) => {
+												update("searchContextSize", event.currentTarget.value);
+											},
+											children: [
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+													value: "low",
+													children: t("contextLow")
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+													value: "medium",
+													children: t("contextMedium")
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+													value: "high",
+													children: t("contextHigh")
+												})
+											]
+										})]
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+										style: formFieldStyle,
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											style: labelStyle,
+											children: t("searchMaxOutputTokens")
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+											style: controlStyle,
+											type: "number",
+											min: 1,
+											step: 1,
+											value: draft.searchMaxOutputTokens,
+											disabled: searchDisabled,
+											"aria-invalid": !validTokens,
+											onChange: (event) => {
+												update("searchMaxOutputTokens", event.currentTarget.valueAsNumber);
+											}
+										})]
+									})
+								]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+								style: toggleRowStyle,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									type: "checkbox",
+									checked: draft.enableImageTool,
+									onChange: (event) => {
+										update("enableImageTool", event.currentTarget.checked);
+									}
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									style: toggleCopyStyle,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										style: labelStyle,
+										children: t("enableImageTool")
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										style: bodyStyle$1,
+										children: t("enableImageToolHelp")
+									})]
+								})]
+							})
+						]
+					}),
+					!validModel && draft !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						style: errorStyle$1,
+						role: "alert",
+						children: t("invalidSearchModel")
+					}) : null,
+					!validTokens && draft !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						style: errorStyle$1,
+						role: "alert",
+						children: t("invalidSearchTokens")
+					}) : null,
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						style: bodyStyle$1,
+						children: t("routingNote")
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						style: actionsStyle,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							"aria-live": "polite",
+							children: [feedback === "saved" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								style: successStyle,
+								children: t("settingsSaved")
+							}) : null, feedback === "error" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								style: errorStyle$1,
+								children: t("settingsSaveFailed")
+							}) : null]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							style: buttonsStyle,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								style: buttonStyle$1,
+								disabled: !dirty || busy,
+								onClick: discard,
+								children: t("discard")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								style: primaryButtonStyle$1,
+								disabled: !dirty || !valid || !snapshot.writable || busy,
+								onClick: () => {
+									save();
+								},
+								children: busy ? t("saving") : t("save")
+							})]
+						})]
+					})
+				]
+			});
+		}
+		//#endregion
+		//#region src/client/OpenAICodexSettings.tsx
+		/** Plugin-owned OpenAI Codex account controls used inside Plugin configuration. */
+		const POLL_INTERVAL_MS = 1e3;
+		const USAGE_POLL_INTERVAL_MS = 6e4;
+		const pageStyle = {
+			display: "flex",
+			flexDirection: "column",
+			gap: 18,
+			maxWidth: 720
+		};
+		const titleStyle = {
+			margin: 0,
+			fontSize: 20,
+			lineHeight: "28px",
+			fontWeight: 600,
+			color: "var(--dsw-alias-label-primary)"
+		};
+		const bodyStyle = {
+			margin: 0,
+			fontSize: 14,
+			lineHeight: "22px",
+			color: "var(--dsw-alias-label-secondary)"
+		};
+		const cardStyle$1 = {
+			display: "flex",
+			flexDirection: "column",
+			gap: 14,
+			padding: "18px 20px",
+			border: "1px solid var(--dsw-alias-border-l2)",
+			borderRadius: 12,
+			background: "var(--dsw-alias-bg-module-platform)"
+		};
+		const embeddedPageStyle = {
+			...pageStyle,
+			gap: 0,
+			maxWidth: "none"
+		};
+		const embeddedCardStyle = {
+			...cardStyle$1,
+			padding: 0,
+			border: 0,
+			borderRadius: 0,
+			background: "transparent"
+		};
+		const rowStyle = {
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "space-between",
+			flexWrap: "wrap",
+			gap: 12
+		};
+		const statusStyle = {
+			display: "flex",
+			alignItems: "center",
+			gap: 9,
+			fontSize: 15,
+			fontWeight: 500,
+			color: "var(--dsw-alias-label-primary)"
+		};
+		const buttonStyle = {
+			boxSizing: "border-box",
+			minHeight: 34,
+			padding: "6px 14px",
+			border: "1px solid var(--dsw-alias-border-l2)",
+			borderRadius: 18,
+			background: "var(--dsw-alias-bg-layer-1)",
+			color: "var(--dsw-alias-label-primary)",
+			font: "inherit",
+			fontSize: 14,
+			cursor: "pointer"
+		};
+		const primaryButtonStyle = {
+			...buttonStyle,
+			borderColor: "var(--dsw-alias-brand-primary)",
+			background: "var(--dsw-alias-brand-primary)",
+			color: "white"
+		};
+		const errorStyle = {
+			...bodyStyle,
+			color: "var(--dsw-alias-state-error-primary)"
+		};
+		const quotaListStyle = {
+			display: "flex",
+			flexDirection: "column",
+			gap: 18,
+			paddingTop: 2
+		};
+		const quotaGroupStyle = {
+			display: "flex",
+			flexDirection: "column",
+			gap: 10
+		};
+		const quotaTitleStyle = {
+			margin: 0,
+			fontSize: 14,
+			lineHeight: "20px",
+			fontWeight: 600,
+			color: "var(--dsw-alias-label-primary)"
+		};
+		const quotaLabelStyle = {
+			display: "flex",
+			justifyContent: "space-between",
+			gap: 12,
+			fontSize: 13,
+			lineHeight: "20px",
+			color: "var(--dsw-alias-label-secondary)"
+		};
+		const progressTrackStyle = {
+			height: 8,
+			overflow: "hidden",
+			borderRadius: 999,
+			background: "var(--dsw-alias-bg-layer-2, rgba(0, 0, 0, 0.08))"
+		};
+		function progressFillStyle(percent) {
+			return {
+				width: `${Math.max(0, Math.min(100, percent))}%`,
+				height: "100%",
+				borderRadius: "inherit",
+				background: "var(--dsw-alias-brand-primary, #1677ff)"
+			};
+		}
+		function windowLabel(seconds, t) {
+			if (seconds === 18e3) return t("fiveHourLimit");
+			if (seconds === 604800) return t("weeklyLimit");
+			const hours = seconds / 3600;
+			return Number.isInteger(hours) ? t("hourLimit", { count: hours }) : t("usageWindow");
+		}
+		function formatPercent(percent) {
+			return new Intl.NumberFormat(void 0, { maximumFractionDigits: 1 }).format(percent);
+		}
+		function QuotaBar({ label, percent, detail, t }) {
+			const display = formatPercent(percent);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				style: quotaGroupStyle,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						style: quotaLabelStyle,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: label }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("percentRemaining", { percent: display }) })]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						style: progressTrackStyle,
+						role: "progressbar",
+						"aria-label": label,
+						"aria-valuemin": 0,
+						"aria-valuemax": 100,
+						"aria-valuenow": percent,
+						"aria-valuetext": t("percentRemaining", { percent: display }),
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { style: progressFillStyle(percent) })
+					}),
+					detail === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						style: bodyStyle,
+						children: detail
+					})
+				]
+			});
+		}
+		function UsageLimits({ usage, quotaError, t }) {
+			const hasData = usage.rateLimits.length > 0 || usage.credits !== void 0 || usage.individualLimit !== void 0;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				style: quotaListStyle,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+						style: quotaTitleStyle,
+						children: t("usageLimits")
+					}),
+					usage.rateLimits.map((limit) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						style: quotaGroupStyle,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h4", {
+							style: quotaTitleStyle,
+							children: limit.name ?? limit.id
+						}), limit.windows.map((window) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(QuotaBar, {
+							label: windowLabel(window.windowSeconds, t),
+							percent: window.remainingPercent,
+							t
+						}, window.windowSeconds))]
+					}, limit.id)),
+					usage.individualLimit === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(QuotaBar, {
+						label: t("monthlyLimit"),
+						percent: usage.individualLimit.remainingPercent,
+						detail: t("exactRemaining", {
+							remaining: usage.individualLimit.remaining,
+							limit: usage.individualLimit.limit
+						}),
+						t
+					}),
+					usage.credits === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						style: quotaLabelStyle,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("credits") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: usage.credits.unlimited ? t("unlimited") : usage.credits.balance === void 0 ? t("available") : usage.credits.balance })]
+					}),
+					!hasData && quotaError === void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						style: bodyStyle,
+						children: t("quotaUnavailable")
+					}) : null,
+					quotaError === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						style: errorStyle,
+						children: t("quotaUnavailable")
+					})
+				]
+			});
+		}
+		function dotStyle(status) {
+			return {
+				width: 9,
+				height: 9,
+				borderRadius: "50%",
+				flex: "0 0 auto",
+				background: status === "signed-in" ? "var(--dsw-alias-state-success-primary, #22a06b)" : status === "error" ? "var(--dsw-alias-state-error-primary, #d92d20)" : status === "signing-in" || status === "loading" ? "var(--dsw-alias-brand-primary, #1677ff)" : "var(--dsw-alias-label-dimmed, #9aa0a6)"
+			};
+		}
+		async function jsonRequest(path, method = "GET", signal) {
+			const response = await fetch(path, {
+				method,
+				headers: { accept: "application/json" },
+				credentials: "same-origin",
+				...signal === void 0 ? {} : { signal }
+			});
+			const value = await response.json().catch(() => void 0);
+			if (!response.ok) {
+				const message = typeof value === "object" && value !== null && "error" in value && typeof value.error === "string" ? value.error : `HTTP ${response.status}`;
+				throw new Error(message);
+			}
+			return value;
+		}
+		/** OpenAI Codex account status and OAuth actions. */
+		function OpenAICodexSettings({ t, configScope, embedded = false }) {
+			if (t === void 0) throw new Error("OpenAI Codex settings requires its translation function");
+			const [status, setStatus] = (0, react.useState)({ status: "loading" });
+			const [busy, setBusy] = (0, react.useState)(false);
+			const mounted = (0, react.useRef)(true);
+			(0, react.useEffect)(() => {
+				mounted.current = true;
+				return () => {
+					mounted.current = false;
+				};
+			}, []);
+			const refresh = (0, react.useCallback)(async (signal) => {
+				try {
+					const nextStatus = await jsonRequest(OPENAI_CODEX_AUTH_STATUS_PATH, "GET", signal);
+					if (mounted.current && signal?.aborted !== true) setStatus(nextStatus);
+				} catch (error) {
+					if (mounted.current && signal?.aborted !== true) setStatus({
+						status: "error",
+						message: error instanceof Error ? error.message : t("requestFailed")
+					});
+				}
+			}, [t]);
+			(0, react.useEffect)(() => {
+				const controller = new AbortController();
+				refresh(controller.signal);
+				return () => {
+					controller.abort();
+				};
+			}, [refresh]);
+			(0, react.useEffect)(() => {
+				const interval = status.status === "signing-in" ? POLL_INTERVAL_MS : status.status === "signed-in" ? USAGE_POLL_INTERVAL_MS : void 0;
+				if (interval === void 0) return;
+				const controller = new AbortController();
+				const timer = window.setInterval(() => {
+					refresh(controller.signal);
+				}, interval);
+				return () => {
+					window.clearInterval(timer);
+					controller.abort();
+				};
+			}, [refresh, status.status]);
+			const signIn = async () => {
+				const popup = window.open("about:blank", "_blank");
+				if (popup === null) {
+					setStatus({
+						status: "error",
+						message: t("popupBlocked")
+					});
+					return;
+				}
+				popup.opener = null;
+				setBusy(true);
+				setStatus({ status: "signing-in" });
+				try {
+					const challenge = await jsonRequest(OPENAI_CODEX_AUTH_LOGIN_PATH, "POST");
+					if (!mounted.current) {
+						popup.close();
+						return;
+					}
+					popup.location.replace(challenge.url);
+				} catch (error) {
+					popup?.close();
+					if (mounted.current) setStatus({
+						status: "error",
+						message: error instanceof Error ? error.message : t("requestFailed")
+					});
+				} finally {
+					if (mounted.current) setBusy(false);
+				}
+			};
+			const signOut = async () => {
+				setBusy(true);
+				try {
+					await jsonRequest(OPENAI_CODEX_AUTH_LOGOUT_PATH, "POST");
+					if (mounted.current) setStatus({ status: "signed-out" });
+				} catch (error) {
+					if (mounted.current) setStatus({
+						status: "error",
+						message: error instanceof Error ? error.message : t("requestFailed")
+					});
+				} finally {
+					if (mounted.current) setBusy(false);
+				}
+			};
+			const label = status.status === "signed-in" ? t("signedIn") : status.status === "loading" ? t("loadingAccount") : status.status === "signing-in" ? t("signingIn") : status.status === "error" ? t("requestFailed") : t("signedOut");
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+				style: embedded ? embeddedPageStyle : pageStyle,
+				...embedded ? { "aria-label": t("title") } : { "aria-labelledby": "openai-codex-settings-title" },
+				children: [embedded ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+					id: "openai-codex-settings-title",
+					style: titleStyle,
+					children: t("title")
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					style: {
+						...bodyStyle,
+						marginTop: 6
+					},
+					children: t("intro")
+				})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					style: embedded ? embeddedCardStyle : cardStyle$1,
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+							style: quotaTitleStyle,
+							children: t("accountHeading")
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							style: rowStyle,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								style: statusStyle,
+								role: "status",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									"aria-hidden": "true",
+									style: dotStyle(status.status)
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: label })]
+							}), status.status === "loading" ? null : status.status === "signed-in" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								style: buttonStyle,
+								disabled: busy,
+								onClick: () => {
+									signOut();
+								},
+								children: busy ? t("working") : t("logout")
+							}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								style: primaryButtonStyle,
+								disabled: busy,
+								onClick: () => {
+									signIn();
+								},
+								children: busy ? t("working") : status.status === "error" ? t("loginAgain") : t("login")
+							})]
+						}),
+						status.status === "error" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							style: errorStyle,
+							children: status.message
+						}) : null,
+						status.status === "signed-in" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(UsageLimits, {
+							usage: status.usage,
+							...status.quotaError === void 0 ? {} : { quotaError: status.quotaError },
+							t
+						}) : null,
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(OpenAICodexConfiguration, {
+							t,
+							...configScope === void 0 ? {} : { scope: configScope }
+						})
+					]
+				})]
+			});
+		}
+		//#endregion
+		//#region src/client/OpenAICodexPluginCard.tsx
+		/** OpenAI Codex account card contributed to Harness Plugin configuration. */
+		const cardStyle = {
+			overflow: "hidden",
+			border: "1px solid var(--dsw-alias-border-l2)",
+			borderRadius: 10,
+			background: "var(--dsw-alias-bg-module-platform)"
+		};
+		const headerStyle = {
+			boxSizing: "border-box",
+			width: "100%",
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "space-between",
+			gap: 16,
+			border: 0,
+			padding: "13px 14px",
+			background: "transparent",
+			color: "var(--dsw-alias-label-primary)",
+			font: "inherit",
+			textAlign: "left",
+			cursor: "pointer"
+		};
+		const headTextStyle = {
+			display: "flex",
+			minWidth: 0,
+			flexDirection: "column",
+			gap: 3
+		};
+		const nameStyle = {
+			fontSize: 14,
+			lineHeight: "20px",
+			fontWeight: 600
+		};
+		const descriptionStyle = {
+			fontSize: 13,
+			lineHeight: "18px",
+			color: "var(--dsw-alias-label-tertiary)"
+		};
+		const chevronStyle = {
+			flex: "0 0 auto",
+			fontSize: 18,
+			lineHeight: 1,
+			transition: "transform 120ms ease"
+		};
+		const cardBodyStyle = {
+			borderTop: "1px solid var(--dsw-alias-border-l2)",
+			padding: "16px 14px 18px"
+		};
+		/** Render account management as one expandable Plugin configuration card. */
+		function OpenAICodexPluginCard({ t, configScope }) {
+			if (t === void 0) throw new Error("OpenAI Codex plugin card requires its translation function");
+			const [open, setOpen] = (0, react.useState)(false);
+			const title = t("title");
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+				style: cardStyle,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+					type: "button",
+					style: headerStyle,
+					"aria-expanded": open,
+					"aria-label": `${t(open ? "collapse" : "expand")}: ${title}`,
+					onClick: () => {
+						setOpen(!open);
+					},
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						style: headTextStyle,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							style: nameStyle,
+							children: title
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							style: descriptionStyle,
+							children: t("intro")
+						})]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						"aria-hidden": "true",
+						style: {
+							...chevronStyle,
+							transform: open ? "rotate(180deg)" : "none"
+						},
+						children: "⌄"
+					})]
+				}), open ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					style: cardBodyStyle,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OpenAICodexSettings, {
+						t,
+						embedded: true,
+						...configScope === void 0 ? {} : { configScope }
+					})
+				}) : null]
+			});
+		}
+		//#endregion
+		//#region src/client/locales.ts
+		/** English copy for the OpenAI Codex Plugin configuration card. */
+		const en = {
+			title: "Codex Connect",
+			intro: "Use your ChatGPT subscription in dsh without an API key.",
+			accountHeading: "ChatGPT account",
+			expand: "Expand settings",
+			collapse: "Collapse settings",
+			loadingAccount: "Loading account…",
+			signedOut: "Not signed in",
+			signingIn: "Waiting for browser authorization…",
+			signedIn: "Signed in",
+			login: "Sign in with ChatGPT",
+			loginAgain: "Sign in again",
+			logout: "Sign out",
+			working: "Working…",
+			retry: "Retry",
+			popupBlocked: "The browser blocked the sign-in window. Allow pop-ups for this dsh page and retry.",
+			usageLimits: "Usage limits",
+			fiveHourLimit: "5-hour limit",
+			weeklyLimit: "Weekly limit",
+			hourLimit: "{count}-hour limit",
+			usageWindow: "Usage window",
+			percentRemaining: "{percent}% remaining",
+			monthlyLimit: "Monthly credit limit",
+			exactRemaining: "{remaining} of {limit} credits remaining",
+			credits: "Credits",
+			unlimited: "Unlimited",
+			available: "Available",
+			quotaUnavailable: "Usage limits are temporarily unavailable.",
+			requestFailed: "The OpenAI Codex account request failed.",
+			capabilitiesHeading: "Optional capabilities",
+			capabilitiesIntro: "Choose which extra Codex capabilities this dsh profile may register.",
+			enableSearch: "Enable Codex search provider",
+			enableSearchHelp: "Makes OpenAI Codex available as a search provider. It does not select the global search route.",
+			searchModel: "Search model",
+			searchMode: "Web access",
+			modeCached: "Cached",
+			modeIndexed: "Indexed",
+			modeLive: "Live web",
+			searchContextSize: "Search context",
+			contextLow: "Low",
+			contextMedium: "Medium",
+			contextHigh: "High",
+			searchMaxOutputTokens: "Maximum search output tokens",
+			enableImageTool: "Enable view_image tool",
+			enableImageToolHelp: "Allows approved local reads and public-network image fetches for vision-capable models.",
+			routingNote: "These settings never change the default model or the profile’s global search route.",
+			settingsLoading: "Loading plugin settings…",
+			settingsUnavailable: "Plugin settings are unavailable in this dsh profile.",
+			settingsReadOnly: "This profile exposes plugin settings as read-only.",
+			invalidSearchModel: "Enter a search model.",
+			invalidSearchTokens: "Maximum search output tokens must be a positive whole number.",
+			save: "Save changes",
+			saving: "Saving…",
+			discard: "Discard",
+			settingsSaved: "Saved",
+			settingsSaveFailed: "The settings could not be saved. The current Host values were restored."
+		};
+		/** Chinese copy for the OpenAI Codex Plugin configuration card. */
+		const zh = {
+			title: "Codex Connect",
+			intro: "使用 ChatGPT 订阅在 dsh 中调用模型，无需 API Key。",
+			accountHeading: "ChatGPT 账户",
+			expand: "展开设置",
+			collapse: "折叠设置",
+			loadingAccount: "正在加载账户信息…",
+			signedOut: "尚未登录",
+			signingIn: "正在等待浏览器授权…",
+			signedIn: "已登录",
+			login: "使用 ChatGPT 登录",
+			loginAgain: "重新登录",
+			logout: "退出登录",
+			working: "处理中…",
+			retry: "重试",
+			popupBlocked: "浏览器阻止了登录窗口。请允许此 dsh 页面弹出窗口后重试。",
+			usageLimits: "使用额度",
+			fiveHourLimit: "5 小时额度",
+			weeklyLimit: "每周额度",
+			hourLimit: "{count} 小时额度",
+			usageWindow: "使用额度",
+			percentRemaining: "剩余 {percent}%",
+			monthlyLimit: "每月信用额度",
+			exactRemaining: "剩余 {remaining} / {limit} credits",
+			credits: "Credits",
+			unlimited: "无限",
+			available: "可用",
+			quotaUnavailable: "暂时无法获取使用额度。",
+			requestFailed: "OpenAI Codex 账户请求失败。",
+			capabilitiesHeading: "可选能力",
+			capabilitiesIntro: "选择允许此 dsh profile 注册哪些额外的 Codex 能力。",
+			enableSearch: "启用 Codex 搜索提供方",
+			enableSearchHelp: "让 OpenAI Codex 可被选作搜索提供方，但不会自动改动全局搜索路由。",
+			searchModel: "搜索模型",
+			searchMode: "联网方式",
+			modeCached: "缓存",
+			modeIndexed: "索引",
+			modeLive: "实时联网",
+			searchContextSize: "搜索上下文",
+			contextLow: "低",
+			contextMedium: "中",
+			contextHigh: "高",
+			searchMaxOutputTokens: "搜索最大输出 Tokens",
+			enableImageTool: "启用 view_image 工具",
+			enableImageToolHelp: "允许具备视觉能力的模型在审批后读取本地图片或获取公网图片。",
+			routingNote: "这些设置绝不会改动默认模型，也不会接管此 profile 的全局搜索路由。",
+			settingsLoading: "正在加载插件设置…",
+			settingsUnavailable: "此 dsh profile 无法使用插件设置。",
+			settingsReadOnly: "此 profile 的插件设置为只读。",
+			invalidSearchModel: "请输入搜索模型。",
+			invalidSearchTokens: "搜索最大输出 Tokens 必须是正整数。",
+			save: "保存更改",
+			saving: "正在保存…",
+			discard: "放弃更改",
+			settingsSaved: "已保存",
+			settingsSaveFailed: "设置未能保存，已恢复 Host 当前值。"
+		};
+		//#endregion
+		//#region src/client/index.tsx
+		/** Stable browser-plugin name. */
+		const name = "dsh-codex-connect-client";
+		/** Client services required by the Plugin configuration contribution. */
+		const inject = [
+			"slots",
+			"locale",
+			"connection",
+			"remote",
+			"settingsScope"
+		];
+		/** Register account copy and the OpenAI Codex card under Plugin configuration. */
+		function apply(ctx) {
+			const namespace = "settings.openai-codex";
+			ctx.effect(() => ctx.locale.register(namespace, {
+				zh,
+				en
+			}), "dsh-codex-connect: settings copy");
+			const t = ctx.locale.bind(namespace);
+			const configScope = ctx.settingsScope.bind({
+				namespace: OPENAI_CODEX_SETTINGS_NAMESPACE,
+				decode: decodeOpenAICodexSettings
+			});
+			ctx.slots.inject("settings.plugin.item", () => ctx.slots.register({
+				name: "settings.plugin.item",
+				id: "openai-codex",
+				order: 30,
+				inject: () => ({
+					t,
+					configScope
+				})
+			}, OpenAICodexPluginCard));
+		}
+		//#endregion
+		exports.apply = apply;
+		exports.inject = inject;
+		exports.name = name;
+		return module.exports;
+	}
+});