dsh-qoder-connect 0.1.5 → 0.1.9

package/lib/client.js

@@ -213,9 +213,9 @@ window.__ModuleLoader__.load({
 		* The shared quota-settings card: one card above the two variant cards that
 		* configures both sidebar quota widgets.
 		*
-		* Like the built-in plugin cards, it registers into `settings.plugin.item`
-		* keyed by its own settings namespace (`qoder-quota`), binds that
-		* namespace through the client settings scope, and writes through the scope's
+		* Like the built-in plugin cards, it registers into the Plugins tab's card
+		* list — `settings.plugin.item` on DSH 0.1.5, the shared 《插件设置》 block on
+		* 0.1.7, where that list is gone — and writes through the settings face's
 		* revision-fenced `set` — the same durable-write path every preference row
 		* uses. A toggle commits on click: each click is one explicit user choice,
 		* and the scope's ordering makes the last one win, so no staged-draft form is
@@ -230,6 +230,17 @@ window.__ModuleLoader__.load({
 		const POLL_DEFAULT_MS = 3e5;
 		/** Floor the schema also enforces; mirrored here for immediate UI feedback. */
 		const POLL_MIN_MS = 6e4;
+		/** 10:00 UTC+8, the moment the upstream resets the daily campaign. */
+		const CHECK_IN_MINUTE_DEFAULT = 600;
+		/** Minutes past midnight (UTC+8), split for the two number fields. */
+		function splitMinutes(minutes) {
+			const safe = Number.isFinite(minutes) ? Math.trunc(minutes) : CHECK_IN_MINUTE_DEFAULT;
+			const clamped = safe < 0 || safe > 1439 ? CHECK_IN_MINUTE_DEFAULT : safe;
+			return {
+				hours: Math.floor(clamped / 60),
+				minutes: clamped % 60
+			};
+		}
 		/** Read the section values out of a scope snapshot (defaults when absent). */
 		function project(scope) {
 			if (scope === void 0) return {
@@ -240,6 +251,8 @@ window.__ModuleLoader__.load({
 					sidebarQuotaGlobal: false,
 					autoCheckInCN: false,
 					autoCheckInGlobal: false,
+					checkInMinuteCN: CHECK_IN_MINUTE_DEFAULT,
+					checkInMinuteGlobal: CHECK_IN_MINUTE_DEFAULT,
 					quotaPollMs: POLL_DEFAULT_MS
 				}
 			};
@@ -253,6 +266,8 @@ window.__ModuleLoader__.load({
 					sidebarQuotaGlobal: value.sidebarQuotaGlobal === true,
 					autoCheckInCN: value.autoCheckInCN === true,
 					autoCheckInGlobal: value.autoCheckInGlobal === true,
+					checkInMinuteCN: typeof value.checkInMinuteCN === "number" ? value.checkInMinuteCN : CHECK_IN_MINUTE_DEFAULT,
+					checkInMinuteGlobal: typeof value.checkInMinuteGlobal === "number" ? value.checkInMinuteGlobal : CHECK_IN_MINUTE_DEFAULT,
 					quotaPollMs: typeof value.quotaPollMs === "number" ? value.quotaPollMs : POLL_DEFAULT_MS
 				}
 			};
@@ -278,13 +293,15 @@ window.__ModuleLoader__.load({
 				sidebarQuotaGlobal: false,
 				autoCheckInCN: false,
 				autoCheckInGlobal: false,
+				checkInMinuteCN: CHECK_IN_MINUTE_DEFAULT,
+				checkInMinuteGlobal: CHECK_IN_MINUTE_DEFAULT,
 				quotaPollMs: POLL_DEFAULT_MS
 			}
 		};
 		function stableProject(scope) {
 			if (scope === void 0) return UNAVAILABLE;
 			const next = project(scope);
-			if (cachedProjection === void 0 || cachedScope !== scope || cachedProjection.status !== next.status || cachedProjection.writable !== next.writable || cachedProjection.values.sidebarQuotaCN !== next.values.sidebarQuotaCN || cachedProjection.values.sidebarQuotaGlobal !== next.values.sidebarQuotaGlobal || cachedProjection.values.autoCheckInCN !== next.values.autoCheckInCN || cachedProjection.values.autoCheckInGlobal !== next.values.autoCheckInGlobal || cachedProjection.values.quotaPollMs !== next.values.quotaPollMs) {
+			if (cachedProjection === void 0 || cachedScope !== scope || cachedProjection.status !== next.status || cachedProjection.writable !== next.writable || cachedProjection.values.sidebarQuotaCN !== next.values.sidebarQuotaCN || cachedProjection.values.sidebarQuotaGlobal !== next.values.sidebarQuotaGlobal || cachedProjection.values.autoCheckInCN !== next.values.autoCheckInCN || cachedProjection.values.autoCheckInGlobal !== next.values.autoCheckInGlobal || cachedProjection.values.checkInMinuteCN !== next.values.checkInMinuteCN || cachedProjection.values.checkInMinuteGlobal !== next.values.checkInMinuteGlobal || cachedProjection.values.quotaPollMs !== next.values.quotaPollMs) {
 				cachedScope = scope;
 				cachedProjection = next;
 			}
@@ -324,6 +341,106 @@ window.__ModuleLoader__.load({
 				})]
 			});
 		}
+		/**
+		* One time row: the moment a variant checks in, as two typeable number fields.
+		*
+		* Deliberately NOT `<input type="time">`: that control's segments are spinners,
+		* and with an IME active (every Chinese/Japanese keyboard) the segments refuse
+		* typed digits, leaving only the tiny stepper arrows — unusable for the one
+		* thing this row exists to do. Two plain number fields accept typing under any
+		* input method; the value is committed on blur or Enter, so a half-typed
+		* field never writes a wrong moment to the host.
+		*/
+		function TimeRow({ label, hint, value, disabled, onPick }) {
+			const split = splitMinutes(value);
+			const [hourDraft, setHourDraft] = (0, react.useState)(String(split.hours));
+			const [minuteDraft, setMinuteDraft] = (0, react.useState)(String(split.minutes).padStart(2, "0"));
+			(0, react.useEffect)(() => {
+				const next = splitMinutes(value);
+				setHourDraft(String(next.hours));
+				setMinuteDraft(String(next.minutes).padStart(2, "0"));
+			}, [value]);
+			const commit = () => {
+				const parsedHours = Number.parseInt(hourDraft, 10);
+				const parsedMinutes = Number.parseInt(minuteDraft, 10);
+				const hours = Number.isFinite(parsedHours) ? Math.min(23, Math.max(0, parsedHours)) : split.hours;
+				const minutes = Number.isFinite(parsedMinutes) ? Math.min(59, Math.max(0, parsedMinutes)) : split.minutes;
+				const next = hours * 60 + minutes;
+				if (next === value) {
+					setHourDraft(String(hours));
+					setMinuteDraft(String(minutes).padStart(2, "0"));
+					return;
+				}
+				onPick(next);
+			};
+			const onKeyDown = (event) => {
+				if (event.key === "Enter") {
+					event.preventDefault();
+					commit();
+				}
+			};
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				style: rowStyle$1,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					style: rowTextStyle,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						style: labelStyle$1,
+						children: label
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						style: hintStyle,
+						children: hint
+					})]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					style: pollFieldStyle,
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							type: "number",
+							min: 0,
+							max: 23,
+							value: hourDraft,
+							disabled,
+							"aria-label": `${label} — hour`,
+							"data-checkin-part": "hour",
+							onChange: (event) => {
+								setHourDraft(event.target.value);
+							},
+							onBlur: commit,
+							onKeyDown,
+							style: {
+								...timePartStyle,
+								opacity: disabled === true ? .45 : 1
+							}
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							style: labelStyle$1,
+							children: ":"
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							type: "number",
+							min: 0,
+							max: 59,
+							value: minuteDraft,
+							disabled,
+							"aria-label": `${label} — minute`,
+							"data-checkin-part": "minute",
+							onChange: (event) => {
+								setMinuteDraft(event.target.value);
+							},
+							onBlur: commit,
+							onKeyDown,
+							style: {
+								...timePartStyle,
+								opacity: disabled === true ? .45 : 1
+							}
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							style: hintStyle,
+							children: "UTC+8"
+						})
+					]
+				})]
+			});
+		}
 		/** The inner controls for sidebar quota settings. */
 		function QuotaSettingsContent({ t = (key) => key, scope, signedIn }) {
 			const subscribe = (0, react.useCallback)((onStoreChange) => {
@@ -411,6 +528,13 @@ window.__ModuleLoader__.load({
 						disabledHint: t("quotaSignInRequired"),
 						onToggle: (next) => write("autoCheckInCN", next)
 					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TimeRow, {
+						label: t("checkInTimeCN"),
+						hint: t("checkInTimeHint"),
+						value: projection.values.checkInMinuteCN,
+						disabled: !signed.cn,
+						onPick: (next) => write("checkInMinuteCN", next)
+					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToggleRow, {
 						label: t("autoCheckInGlobal"),
 						hint: t("autoCheckInHintGlobal"),
@@ -419,6 +543,13 @@ window.__ModuleLoader__.load({
 						disabledHint: t("quotaSignInRequired"),
 						onToggle: (next) => write("autoCheckInGlobal", next)
 					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TimeRow, {
+						label: t("checkInTimeGlobal"),
+						hint: t("checkInTimeHint"),
+						value: projection.values.checkInMinuteGlobal,
+						disabled: !signed.global,
+						onPick: (next) => write("checkInMinuteGlobal", next)
+					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						style: {
 							...rowStyle$1,
@@ -518,6 +649,20 @@ window.__ModuleLoader__.load({
 			gap: 6,
 			flex: "none"
 		};
+		const timePartStyle = {
+			boxSizing: "border-box",
+			width: 56,
+			padding: "5px 8px",
+			borderWidth: "1px",
+			borderStyle: "solid",
+			borderColor: "var(--dsw-alias-border-l2)",
+			borderRadius: 8,
+			background: "var(--dsw-alias-bg-layer-2)",
+			color: "var(--dsw-alias-label-primary)",
+			font: "inherit",
+			fontSize: 13,
+			textAlign: "center"
+		};
 		const inputStyle = {
 			boxSizing: "border-box",
 			width: 55,
@@ -1064,7 +1209,246 @@ window.__ModuleLoader__.load({
 			if (tokens >= 1e3 && tokens % 1e3 === 0) return `${tokens / 1e3}K`;
 			return String(tokens);
 		}
-		function CheckInLogTable({ logs = [], t, onCheckIn, onRefresh, onClear, busy, checkingIn, clearing, disabled, notice }) {
+		/**
+		* Model visibility table with individual toggle switches and batch enable/disable controls.
+		*/
+		function ModelSwitchTable({ models, disabledModels = [], t, disabled, onSetModelsEnabled }) {
+			const [selected, setSelected] = (0, react.useState)(/* @__PURE__ */ new Set());
+			const [searchQuery, setSearchQuery] = (0, react.useState)("");
+			const disabledSet = (0, react.useMemo)(() => new Set(disabledModels), [disabledModels]);
+			const list = (0, react.useMemo)(() => models ?? [], [models]);
+			const filteredList = (0, react.useMemo)(() => {
+				const q = searchQuery.trim().toLowerCase();
+				if (!q) return list;
+				return list.filter((m) => m.name.toLowerCase().includes(q) || m.id.toLowerCase().includes(q));
+			}, [list, searchQuery]);
+			const allFilteredSelected = filteredList.length > 0 && filteredList.every((m) => selected.has(m.id));
+			const toggleSelectAll = () => {
+				if (allFilteredSelected) {
+					const next = new Set(selected);
+					for (const m of filteredList) next.delete(m.id);
+					setSelected(next);
+				} else {
+					const next = new Set(selected);
+					for (const m of filteredList) next.add(m.id);
+					setSelected(next);
+				}
+			};
+			const toggleSelectOne = (id) => {
+				const next = new Set(selected);
+				if (next.has(id)) next.delete(id);
+				else next.add(id);
+				setSelected(next);
+			};
+			const handleBatch = (enabled) => {
+				const targets = Array.from(selected);
+				if (targets.length === 0) return;
+				onSetModelsEnabled(targets, enabled);
+				setSelected(/* @__PURE__ */ new Set());
+			};
+			if (list.length === 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				style: quotaListStyle,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+					style: quotaTitleStyle,
+					children: t("modelsHeading")
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					style: descriptionStyle,
+					children: t("modelsNoModels")
+				})]
+			});
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				style: quotaListStyle,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						style: {
+							display: "flex",
+							flexDirection: "column",
+							gap: 6
+						},
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+							style: quotaTitleStyle,
+							children: t("modelsHeading")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							style: descriptionStyle,
+							children: t("modelsSubtitle")
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						style: {
+							display: "flex",
+							alignItems: "center",
+							gap: 8
+						},
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							type: "text",
+							value: searchQuery,
+							placeholder: t("modelsSearchPlaceholder"),
+							onChange: (e) => {
+								setSearchQuery(e.currentTarget.value);
+							},
+							style: patInputStyle
+						}), searchQuery ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							style: buttonStyle$1,
+							onClick: () => {
+								setSearchQuery("");
+							},
+							children: t("cancel")
+						}) : null]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						style: {
+							display: "flex",
+							alignItems: "center",
+							justifyContent: "space-between",
+							flexWrap: "wrap",
+							gap: 8,
+							padding: "6px 0",
+							borderBottom: "1px solid var(--dsw-alias-border-l2)"
+						},
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+							style: {
+								display: "inline-flex",
+								alignItems: "center",
+								gap: 8,
+								cursor: "pointer",
+								fontSize: 13,
+								userSelect: "none"
+							},
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								type: "checkbox",
+								checked: allFilteredSelected,
+								disabled: disabled || filteredList.length === 0,
+								onChange: toggleSelectAll
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: allFilteredSelected ? t("modelsDeselectAll") : t("modelsSelectAll") })]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							style: {
+								display: "flex",
+								alignItems: "center",
+								gap: 8
+							},
+							children: [
+								selected.size > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									style: modelRateStyle,
+									children: t("modelsSelectedCount", { count: selected.size })
+								}) : null,
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									style: buttonStyle$1,
+									disabled: disabled || selected.size === 0,
+									onClick: () => {
+										handleBatch(true);
+									},
+									children: t("modelsEnableSelected")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									style: buttonStyle$1,
+									disabled: disabled || selected.size === 0,
+									onClick: () => {
+										handleBatch(false);
+									},
+									children: t("modelsDisableSelected")
+								})
+							]
+						})]
+					}),
+					filteredList.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						style: descriptionStyle,
+						children: t("modelsNoMatch", { query: searchQuery.trim() })
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						style: {
+							display: "flex",
+							flexDirection: "column",
+							gap: 8
+						},
+						children: filteredList.map((model) => {
+							const isModelEnabled = !disabledSet.has(model.id);
+							const isChecked = selected.has(model.id);
+							return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								style: {
+									display: "flex",
+									alignItems: "center",
+									justifyContent: "space-between",
+									padding: "8px 10px",
+									borderRadius: 6,
+									background: "var(--dsw-alias-bg-layer-2)",
+									gap: 12,
+									opacity: isModelEnabled ? 1 : .65
+								},
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									style: {
+										display: "inline-flex",
+										alignItems: "center",
+										gap: 10,
+										minWidth: 0,
+										flex: 1
+									},
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+										type: "checkbox",
+										checked: isChecked,
+										disabled,
+										onChange: () => {
+											toggleSelectOne(model.id);
+										}
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										style: {
+											display: "flex",
+											flexDirection: "column",
+											minWidth: 0
+										},
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											style: {
+												fontWeight: 500,
+												fontSize: 13,
+												color: "var(--dsw-alias-label-primary)"
+											},
+											children: model.name
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											style: {
+												fontSize: 11,
+												color: "var(--dsw-alias-label-tertiary)"
+											},
+											children: model.id
+										})]
+									})]
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									style: {
+										display: "flex",
+										alignItems: "center",
+										gap: 10
+									},
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+										style: {
+											display: "inline-flex",
+											alignItems: "center",
+											gap: 6,
+											cursor: disabled ? "not-allowed" : "pointer",
+											userSelect: "none"
+										},
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+											type: "checkbox",
+											checked: isModelEnabled,
+											disabled,
+											onChange: (event) => {
+												onSetModelsEnabled([model.id], event.currentTarget.checked);
+											}
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											style: {
+												fontSize: 12,
+												color: isModelEnabled ? "var(--dsw-alias-label-primary)" : "var(--dsw-alias-label-tertiary)"
+											},
+											children: isModelEnabled ? t("modelsEnabled") : t("modelsDisabled")
+										})]
+									})
+								})]
+							}, model.id);
+						})
+					})
+				]
+			});
+		}
+		function CheckInLogTable({ logs = [], t, onCheckIn, onRefresh, onClear, busy, checkingIn, clearing, disabled, notice, nextRun }) {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				style: quotaListStyle,
 				children: [
@@ -1114,6 +1498,10 @@ window.__ModuleLoader__.load({
 						style: bodyStyle,
 						children: notice
 					}),
+					nextRun === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						style: descriptionStyle,
+						children: t("checkInNextRun", { time: formatTime(nextRun) })
+					}),
 					!logs || logs.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 						style: descriptionStyle,
 						children: t("checkInLogEmpty")
@@ -1464,7 +1852,7 @@ window.__ModuleLoader__.load({
 						const message = typeof value === "object" && value !== null && "error" in value ? String(value["error"]) : `HTTP ${response.status}`;
 						throw new Error(message);
 					}
-					if (action.action === "set-maximum-context-window" && (typeof value !== "object" || value === null || value["state"] !== "updated")) {
+					if ((action.action === "set-maximum-context-window" || action.action === "set-models-enabled") && (typeof value !== "object" || value === null || value["state"] !== "updated")) {
 						const reason = typeof value === "object" && value !== null && "reason" in value ? String(value["reason"]) : t("requestFailed");
 						throw new Error(reason);
 					}
@@ -1856,6 +2244,7 @@ window.__ModuleLoader__.load({
 								children: [
 									"status",
 									"context",
+									"models",
 									"details",
 									"checkin"
 								].map((id) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
@@ -1869,7 +2258,7 @@ window.__ModuleLoader__.load({
 										...tabStyle,
 										...tab === id ? tabActiveStyle : {}
 									},
-									children: t(id === "status" ? "tabStatus" : id === "context" ? "tabContext" : id === "details" ? "tabDetails" : "tabCheckIn")
+									children: t(id === "status" ? "tabStatus" : id === "context" ? "tabContext" : id === "models" ? "tabModels" : id === "details" ? "tabDetails" : "tabCheckIn")
 								}, id))
 							}),
 							tab === "status" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -1907,6 +2296,21 @@ window.__ModuleLoader__.load({
 										});
 									}
 								})
+							}) : tab === "models" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								style: tabPanelStyle,
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModelSwitchTable, {
+									models: status.models,
+									disabledModels: status.disabledModels,
+									t,
+									disabled: busy,
+									onSetModelsEnabled: (models, enabled) => {
+										control({
+											action: "set-models-enabled",
+											models,
+											enabled
+										});
+									}
+								})
 							}) : tab === "details" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 								style: tabPanelStyle,
 								children: status.credits === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -1933,6 +2337,7 @@ window.__ModuleLoader__.load({
 									clearing: clearingLogs,
 									disabled: status.status !== "signed-in",
 									...checkInNotice === void 0 ? {} : { notice: checkInNotice },
+									...status.checkIn?.nextRunAt === void 0 ? {} : { nextRun: status.checkIn.nextRunAt },
 									onCheckIn: () => {
 										manualCheckIn();
 									},
@@ -2388,6 +2793,115 @@ window.__ModuleLoader__.load({
 			return t("probeNoteUnknown");
 		}
 		//#endregion
+		//#region src/client/http-settings-scope.ts
+		/** Base path of the host half's settings face. */
+		const ROUTE_BASE = "/plugins/dsh-qoder-connect";
+		/**
+		* Fetch one settings face document.
+		* @param init - the request init (method, headers, body).
+		* @returns the parsed document.
+		* @throws when the transport or the host refuses the request.
+		*/
+		async function request(init) {
+			const response = await fetch(`${ROUTE_BASE}/settings`, {
+				credentials: "same-origin",
+				...init
+			});
+			const value = await response.json().catch(() => void 0);
+			if (!response.ok) {
+				const error = typeof value === "object" && value !== null && "error" in value ? String(value["error"]) : `HTTP ${response.status}`;
+				throw new Error(error);
+			}
+			if (typeof value !== "object" || value === null || !("value" in value)) throw new Error("qoder: settings face answered an invalid document");
+			return value;
+		}
+		/**
+		* The scope the card was written against, backed by this plugin's own file.
+		*
+		* A write optimistically adopts the value it just sent, then confirms with the
+		* host's answer (which re-reads the file it wrote), so the card never renders a
+		* value the host does not hold.
+		*/
+		var OwnQuotaSettingsScope = class {
+			document;
+			listeners = /* @__PURE__ */ new Set();
+			snapshot = {
+				status: "loading",
+				value: void 0,
+				writable: true
+			};
+			/**
+			* Load the current document. Call once before the card binds; repeated calls
+			* are harmless and re-read the host.
+			* @returns the effective values.
+			*/
+			async load() {
+				try {
+					this.document = await request({ headers: { accept: "application/json" } });
+				} catch {
+					return;
+				}
+				this.publish();
+				return this.document.value;
+			}
+			/** @returns the stable snapshot the card reads (ready once loaded). */
+			getSnapshot() {
+				return this.snapshot;
+			}
+			/** @param listener - invoked after every snapshot change. @returns the disposer. */
+			subscribe(listener) {
+				this.listeners.add(listener);
+				return () => {
+					this.listeners.delete(listener);
+				};
+			}
+			/**
+			* Write one field.
+			* @param field - field name inside the settings document.
+			* @param value - the JSON-shaped value to store.
+			* @returns whether the host accepted the write.
+			*/
+			async set(field, value) {
+				return this.patch({ [field]: value });
+			}
+			/**
+			* Clear one field: the value falls back to the schema default.
+			* @param field - field name inside the settings document.
+			* @returns whether the host accepted the clear.
+			*/
+			async unset(field) {
+				return this.patch({ [field]: null });
+			}
+			/** Send one patch and adopt the host's answer. */
+			async patch(patch) {
+				const key = this.document?.key;
+				if (key === void 0) return false;
+				try {
+					this.document = await request({
+						method: "POST",
+						headers: {
+							"Content-Type": "application/json",
+							"X-Qoder-Settings-Key": key
+						},
+						body: JSON.stringify(patch)
+					});
+					this.publish();
+					return true;
+				} catch {
+					return false;
+				}
+			}
+			/** Rebuild the cached snapshot and notify the subscribers. */
+			publish() {
+				this.snapshot = {
+					status: this.document === void 0 ? "loading" : "ready",
+					value: this.document?.value,
+					writable: true
+				};
+				for (const listener of this.listeners) listener();
+			}
+		};
+		//#endregion
 		//#region src/client/quota-merge.ts
 		/**
 		* Group credit accounts by (packageName, packageEndTime) and sum each group.
@@ -3212,6 +3726,7 @@ window.__ModuleLoader__.load({
 			creditsHeading: "Remaining credit",
 			tabStatus: "Status",
 			tabContext: "Context window",
+			tabModels: "Model visibility",
 			tabDetails: "Credit details",
 			tabCheckIn: "Check-in log",
 			checkInLogTime: "Check-in time",
@@ -3224,6 +3739,7 @@ window.__ModuleLoader__.load({
 			checkInRefreshing: "Refreshing…",
 			checkInClear: "Clear logs",
 			checkInClearing: "Clearing…",
+			checkInNextRun: "Next automatic check-in: {time}",
 			creditsDetailHeading: "By package",
 			creditsUsed: "Used this cycle: {percent}%",
 			creditsTotalUnlimited: "Total: Unlimited",
@@ -3247,6 +3763,19 @@ window.__ModuleLoader__.load({
 			statusRefreshFailed: "Refresh failed: {message} — showing the last known state",
 			statusResponseInvalid: "Qoder returned an unreadable status reply",
 			accountHeading: "Account",
+			modelsHeading: "Model visibility",
+			modelsSubtitle: "Choose which models are exposed to the DeepSeek Harness model selector.",
+			modelsSearchPlaceholder: "Search by model name or ID…",
+			modelsSelectAll: "Select all",
+			modelsDeselectAll: "Deselect all",
+			modelsEnableSelected: "Enable selected",
+			modelsDisableSelected: "Disable selected",
+			modelsEnabled: "Enabled",
+			modelsDisabled: "Disabled",
+			modelsBatchActions: "Batch actions",
+			modelsSelectedCount: "{count} selected",
+			modelsNoModels: "No models available.",
+			modelsNoMatch: "No models matching \"{query}\".",
 			contextHeading: "Context window",
 			contextUpTo: "up to {size}",
 			contextDefault: "default {size}",
@@ -3288,8 +3817,11 @@ window.__ModuleLoader__.load({
 			quotaToggleHint: "Show this account’s remaining credit in the sidebar footer.",
 			autoCheckInCN: "Qoder (China) daily auto check-in (100 Credits)",
 			autoCheckInGlobal: "Qoder Global (International) daily auto check-in",
-			autoCheckInHintCN: "Automatically check in daily at 10:00 (UTC+8) to claim 100 Credits for China account.",
-			autoCheckInHintGlobal: "Automatically check in daily at 10:00 (UTC+8) to claim available perks for Global account.",
+			autoCheckInHintCN: "Automatically check in daily to claim 100 Credits for the China account.",
+			autoCheckInHintGlobal: "Automatically check in daily to claim available perks for the Global account.",
+			checkInTimeCN: "Check-in time (China)",
+			checkInTimeGlobal: "Check-in time (Global)",
+			checkInTimeHint: "The moment the automatic check-in runs each day, in UTC+8.",
 			autoCheckInStatusClaimed: "Checked in today (+{amount} Credits)",
 			autoCheckInStatusAlready: "Already checked in today",
 			autoCheckInStatusNoCampaign: "No active benefit campaign today",
@@ -3365,6 +3897,7 @@ window.__ModuleLoader__.load({
 			creditsHeading: "剩余额度",
 			tabStatus: "状态",
 			tabContext: "上下文窗口",
+			tabModels: "模型开关",
 			tabDetails: "额度明细",
 			tabCheckIn: "签到日志",
 			checkInLogTime: "签到时间",
@@ -3377,6 +3910,7 @@ window.__ModuleLoader__.load({
 			checkInRefreshing: "正在刷新…",
 			checkInClear: "清空日志",
 			checkInClearing: "正在清空…",
+			checkInNextRun: "下次自动签到：{time}",
 			creditsDetailHeading: "按套餐",
 			creditsUsed: "本轮已用 {percent}%",
 			creditsTotalUnlimited: "合计：不限额",
@@ -3400,6 +3934,19 @@ window.__ModuleLoader__.load({
 			statusRefreshFailed: "刷新失败：{message} — 当前显示的是上次成功获取的状态",
 			statusResponseInvalid: "Qoder 返回的状态数据无法识别",
 			accountHeading: "账号",
+			modelsHeading: "模型开关",
+			modelsSubtitle: "控制哪些模型在 DeepSeek Harness 模型选择器中可见并可供调用。",
+			modelsSearchPlaceholder: "按模型名称或 ID 搜索…",
+			modelsSelectAll: "全选",
+			modelsDeselectAll: "取消全选",
+			modelsEnableSelected: "批量开启",
+			modelsDisableSelected: "批量关闭",
+			modelsEnabled: "已开启",
+			modelsDisabled: "已关闭",
+			modelsBatchActions: "批量操作",
+			modelsSelectedCount: "已选 {count} 项",
+			modelsNoModels: "暂无可配置的模型。",
+			modelsNoMatch: "未找到匹配“{query}”的模型。",
 			contextHeading: "上下文窗口",
 			contextUpTo: "最高 {size}",
 			contextDefault: "默认 {size}",
@@ -3441,8 +3988,11 @@ window.__ModuleLoader__.load({
 			quotaToggleHint: "在侧栏底部展示该账号的剩余额度。",
 			autoCheckInCN: "Qoder（国内版）每日自动签到",
 			autoCheckInGlobal: "Qoder Global（国际版）每日自动签到",
-			autoCheckInHintCN: "每天 10:00 (UTC+8) 自动签到领取 100 Credits 算力额度。",
-			autoCheckInHintGlobal: "每天 10:00 (UTC+8) 自动检测并领取国际版可用福利额度。",
+			autoCheckInHintCN: "每天自动签到，为国内版账号领取 100 Credits 算力额度。",
+			autoCheckInHintGlobal: "每天自动签到，为国际版账号领取可用福利额度。",
+			checkInTimeCN: "签到时间（国内版）",
+			checkInTimeGlobal: "签到时间（国际版）",
+			checkInTimeHint: "每天执行自动签到的时刻，按北京时间（UTC+8）。",
 			autoCheckInStatusClaimed: "今日已自动签到（+{amount} Credits）",
 			autoCheckInStatusAlready: "今日已完成签到",
 			autoCheckInStatusNoCampaign: "今日无可用签到福利活动",
@@ -3487,23 +4037,29 @@ window.__ModuleLoader__.load({
 		/** Stable browser-plugin name. */
 		const name = "dsh-qoder-connect-client";
 		/**
-		* Client services required by the Plugin configuration contribution.
+		* Client services this bundle requires BEFORE it activates.
 		*
 		* DSH 0.1.2 removed `@deepseek-ai/dsh-client-runtime` (the package that used to
 		* hold the browser `ClientContext` alias and the `slots` service). The services
 		* this card relies on now come from narrower packages: the `slots` registry
 		* moved to `@deepseek-ai/dsh-client-ui-renderer`, `locale` stayed in
-		* `@deepseek-ai/dsh-client-locale`, and the `settings.plugin.item` slot is
-		* declared by `@deepseek-ai/dsh-client-ui-settings-plugins`. All three are
-		* named in the package's `dsh.client.inject` list, so cordis has activated
-		* them before this plugin's fiber starts.
+		* `@deepseek-ai/dsh-client-locale`, and the Plugins tab's card list
+		* (`settings.plugin.item`) is declared by
+		* `@deepseek-ai/dsh-client-ui-settings-plugins`. Those packages are named in
+		* the package's `dsh.client.inject` list.
+		*
+		* NOT declared here: the settings services. `settingsScope` (0.1.5) does not
+		* exist at all on 0.1.7 — a static service dependency on it is what left this
+		* plugin's client activation pending forever — and `configForms` (0.1.7) does
+		* not exist on 0.1.5. Both are waited for with `ctx.inject([...], callback)`
+		* below, where a missing service simply never calls back instead of holding
+		* activation.
 		*/
 		const inject = [
 			"slots",
 			"locale",
 			"remote",
-			"remote.session",
-			"settingsScope"
+			"remote.session"
 		];
 		/** The status routes per variant id (mirrors the host's locked route table). */
 		const VARIANT_STATUS = {
@@ -3511,6 +4067,47 @@ window.__ModuleLoader__.load({
 			"qoder-global": QODER_GLOBAL_STATUS_PATH
 		};
 		/**
+		* The shared 《插件设置》 block's slot and entry ids.
+		*
+		* The three connect plugins must agree on these exactly: `settings.section` is
+		* a `list` slot, so many blocks may coexist, but a child slot name may be
+		* declared once and a list entry id may be registered once. The first plugin to
+		* arrive registers the container (declaring the child slot); the others detect
+		* it and attach their own entry, which is why the ids are fixed constants
+		* rather than per-plugin names.
+		*/
+		const SHARED_SECTION_SLOT = "settings.section";
+		const SHARED_SECTION_ID = "plugin-settings";
+		const SHARED_SECTION_ORDER = 900;
+		const SHARED_ITEM_SLOT = "plugin-settings.item";
+		/** This plugin's entry id inside the shared block: its package name (unique). */
+		const SHARED_ITEM_ID = "dsh-qoder-connect";
+		/** The shared block's title, fixed by the contract so all three plugins agree. */
+		const SHARED_SECTION_LABEL = "插件设置";
+		/**
+		* The shared 《插件设置》 section the 0.1.7 card list lives in.
+		*
+		* It renders nothing but its child slot: every connect plugin contributes its
+		* own card as one `plugin-settings.item` entry. The list wrapper mirrors the
+		* list the removed Plugins tab used for the same cards (`gap: 10`, no markers),
+		* so the cards keep the spacing they had on 0.1.5.
+		*
+		* @param props - the section's slot props (owner share plus `renderSlot`).
+		* @returns the ordered card list.
+		*/
+		function PluginSettingsSection(props) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+				style: {
+					display: "flex",
+					flexDirection: "column",
+					gap: 6,
+					padding: 0,
+					listStyle: "none"
+				},
+				children: props.renderSlot(SHARED_ITEM_SLOT, {})
+			});
+		}
+		/**
 		* Register card copy, the shared quota-settings card, the two variant cards,
 		* and the sidebar quota cards.
 		*
@@ -3542,9 +4139,22 @@ window.__ModuleLoader__.load({
 					en
 				}), "dsh-qoder-connect: settings copy");
 				const t = ctx.locale.bind(namespace);
+				/**
+				* The bound quota settings face, filled in as soon as a host configuration
+				* service becomes available (see the two `ctx.inject` callbacks below).
+				*
+				* It is bound as a SERVICE ARRIVES rather than when the settings card's
+				* inject factory first runs: the factory only executes while the settings
+				* page renders, so a fresh page load read no toggles and rendered no sidebar
+				* card until the user opened settings — the exact regression the
+				* commandcode card avoids by reading its STORED fact independently of the
+				* settings page. The face's subscription mirrors every accepted snapshot
+				* (toggles + interval) into the shared store the sidebar cards and the
+				* dashboard read; a deployment with no configuration service never binds,
+				* and the sidebar cards stay hidden.
+				*/
 				let quotaScope;
-				try {
-					const scope = ctx.settingsScope.bind({ namespace: "qoder-quota" });
+				const adoptQuotaScope = (scope) => {
 					quotaScope = scope;
 					const applySnapshot = () => {
 						const value = scope.getSnapshot().value;
@@ -3553,20 +4163,76 @@ window.__ModuleLoader__.load({
 					};
 					applySnapshot();
 					scope.subscribe(applySnapshot);
-				} catch (error) {
-					console.error("[dsh-qoder-connect] quota settings scope unavailable (sidebar cards stay hidden):", error);
-				}
-				ctx.slots.inject("settings.plugin.item", () => ctx.slots.register({
-					name: "settings.plugin.item",
-					key: "qoder",
-					priority: 50,
-					inject: () => ({
+				};
+				const registerUnifiedCard = (slot) => {
+					const inject = () => ({
 						t,
 						scope: quotaScope,
 						signedIn: () => quotaSignInState(),
 						unified: true
-					})
-				}, QoderPluginCard));
+					});
+					if (slot === "settings.plugin.item") return ctx.slots.inject(slot, () => ctx.slots.register({
+						name: slot,
+						key: "qoder",
+						priority: 50,
+						inject
+					}, QoderPluginCard));
+					return ctx.slots.inject(slot, () => ctx.slots.register({
+						name: slot,
+						id: SHARED_ITEM_ID,
+						order: 30,
+						inject
+					}, QoderPluginCard));
+				};
+				/**
+				* Attach this plugin's card to the shared 《插件设置》 block, building the
+				* block first if nobody has.
+				*
+				* Backoff protocol (identical in all three connect plugins, on purpose: a
+				* `list` slot takes many entries but only ONE registration per id, and a
+				* child slot name may be declared once, so the container is a rendezvous
+				* rather than a race to be won):
+				*   1. wait for the host to declare `settings.section`;
+				*   2. if an entry with the shared id is already there, only attach;
+				*   3. otherwise register the container — and if a sibling won the race and
+				*      the registration throws, fall back to attaching to theirs.
+				*/
+				const joinSharedSettingsBlock = () => {
+					ctx.slots.inject(SHARED_SECTION_SLOT, () => {
+						let disposeContainer;
+						if (!ctx.slots.entries(SHARED_SECTION_SLOT).some((entry) => entry.options?.id === SHARED_SECTION_ID)) try {
+							disposeContainer = ctx.slots.register({
+								name: SHARED_SECTION_SLOT,
+								id: SHARED_SECTION_ID,
+								order: SHARED_SECTION_ORDER,
+								label: () => SHARED_SECTION_LABEL,
+								children: { [SHARED_ITEM_SLOT]: {
+									kind: "list",
+									scope: "root"
+								} }
+							}, PluginSettingsSection);
+						} catch (error) {
+							console.error("[dsh-qoder-connect] shared plugin-settings block lost the race; attaching to the winner:", error);
+						}
+						const disposeItem = registerUnifiedCard(SHARED_ITEM_SLOT);
+						return () => {
+							disposeItem();
+							disposeContainer?.();
+						};
+					});
+				};
+				/**
+				* 插件自有配置（`<profile>/.dsh-qoder-connect/settings.json`）：两条宿主线的
+				* 读写都走宿主半的 settings face，不再经过 settingsScope / configForms。
+				*
+				* 0.1.7 的 configForms 写入会整树 reconcile + fiber 热重载（每次约
+				* 1~1.5 秒，且每次保存都刷新所有客户端镜像）；自有文件写入是本地毫秒级
+				* 原子写。卡片注册无条件进行：scope 在启动时载入，迟到也不会漏掉 UI。
+				*/
+				const ownQuotaScope = new OwnQuotaSettingsScope();
+				ownQuotaScope.load();
+				adoptQuotaScope(ownQuotaScope);
+				joinSharedSettingsBlock();
 				const QUOTA_PANEL_ID = "qoder-quota-panel";
 				const CONVERSATION_PANEL_ID = "conversation";
 				const dashboardDocuments = {