dsh-llm-ustc 0.2.0 → 0.3.0

package/lib/client.js

@@ -9,13 +9,16 @@ let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/client/index.tsx
 const LOCALE_NS = "llm-ustc";
-const SETTINGS_ROUTE = "/_dsh/llm-ustc/settings";
+const SETTINGS_ROUTE = "/api/llm-ustc/settings";
 const en = {
-	title: "USTC LLM",
-	intro: "Manage the USTC API credential, model catalog, and iWAN access.",
-	expand: "Show settings",
-	collapse: "Hide settings",
 	apiKeyLabel: "USTC API Key",
+	keySource: "Key source",
+	manualKey: "Enter API Key",
+	tokenworksKey: "Tokenworks sign-in",
+	beginTokenworks: "Sign in to Tokenworks",
+	awaitingLogin: "Waiting for browser sign-in...",
+	cancelLogin: "Cancel sign-in",
+	signedIn: "Signed in",
 	apiKeyPlaceholder: "Enter a new key",
 	configured: "Configured",
 	readOnly: "The active credential or settings provider is read-only.",
@@ -42,6 +45,8 @@ const en = {
 	models: "Model catalog",
 	syncModels: "Sync models",
 	syncingModels: "Syncing...",
+	removeModel: "Remove model",
+	modelsEmpty: "No models",
 	refreshedAt: "Refreshed",
 	never: "Never",
 	loading: "Loading...",
@@ -49,11 +54,14 @@ const en = {
 	retry: "Retry"
 };
 const zh = {
-	title: "科大大模型",
-	intro: "管理科大 API 凭据、模型目录和 iWAN 访问。",
-	expand: "展开设置",
-	collapse: "收起设置",
 	apiKeyLabel: "科大 API Key",
+	keySource: "Key 来源",
+	manualKey: "手动输入 API Key",
+	tokenworksKey: "词元工坊登录",
+	beginTokenworks: "登录词元工坊",
+	awaitingLogin: "等待浏览器登录...",
+	cancelLogin: "取消登录",
+	signedIn: "已登录",
 	apiKeyPlaceholder: "输入新的 Key",
 	configured: "已配置",
 	readOnly: "当前凭据或设置提供方为只读。",
@@ -80,6 +88,8 @@ const zh = {
 	models: "模型目录",
 	syncModels: "同步模型",
 	syncingModels: "正在同步...",
+	removeModel: "删除模型",
+	modelsEmpty: "暂无模型",
 	refreshedAt: "刷新时间",
 	never: "从未",
 	loading: "正在加载...",
@@ -101,6 +111,7 @@ var UstcSettingsController = class {
 	current = { status: "idle" };
 	listeners = /* @__PURE__ */ new Set();
 	generation = 0;
+	polling = false;
 	subscribe = (listener) => {
 		this.listeners.add(listener);
 		return () => {
@@ -118,7 +129,8 @@ var UstcSettingsController = class {
 			...this.current,
 			status: "loading",
 			action: "load",
-			error: void 0
+			error: void 0,
+			errorAction: void 0
 		});
 		try {
 			const snapshot = await apiRequest();
@@ -126,7 +138,8 @@ var UstcSettingsController = class {
 			this.set({
 				status: "ready",
 				snapshot,
-				oidc: this.current.oidc
+				oidc: this.current.oidc,
+				tokenworksUrl: snapshot.tokenworks.pending ? this.current.tokenworksUrl : void 0
 			});
 		} catch (error) {
 			if (generation !== this.generation) return;
@@ -134,7 +147,8 @@ var UstcSettingsController = class {
 				...this.current,
 				status: "error",
 				action: void 0,
-				error: messageOf(error)
+				error: messageOf(error),
+				errorAction: "load"
 			});
 		}
 	}
@@ -142,10 +156,12 @@ var UstcSettingsController = class {
 		if (this.current.status !== "idle" && this.current.action === void 0) this.load();
 	}
 	async run(action, request, apply) {
+		++this.generation;
 		this.set({
 			...this.current,
 			action,
-			error: void 0
+			error: void 0,
+			errorAction: void 0
 		});
 		try {
 			const value = await apiRequest({
@@ -157,7 +173,8 @@ var UstcSettingsController = class {
 			this.set({
 				...this.current,
 				action: void 0,
-				error: messageOf(error)
+				error: messageOf(error),
+				errorAction: action
 			});
 		}
 	}
@@ -165,7 +182,8 @@ var UstcSettingsController = class {
 		return this.run(action, request, (snapshot, state) => ({
 			status: "ready",
 			snapshot,
-			oidc: state.oidc
+			oidc: state.oidc,
+			tokenworksUrl: snapshot.tokenworks.pending ? state.tokenworksUrl : void 0
 		}));
 	}
 	beginOidc() {
@@ -175,6 +193,37 @@ var UstcSettingsController = class {
 			oidc
 		}));
 	}
+	beginTokenworks() {
+		return this.run("beginTokenworks", {}, (value, state) => ({
+			...state,
+			status: "ready",
+			action: void 0,
+			snapshot: value.snapshot,
+			tokenworksUrl: value.authUrl
+		}));
+	}
+	async pollLogin() {
+		if (this.current.action !== void 0 || this.polling) return;
+		this.polling = true;
+		const generation = this.generation;
+		try {
+			const snapshot = await apiRequest();
+			if (generation !== this.generation) return;
+			this.set({
+				...this.current,
+				snapshot,
+				tokenworksUrl: snapshot.tokenworks.pending ? this.current.tokenworksUrl : void 0
+			});
+		} catch (error) {
+			if (generation === this.generation) this.set({
+				...this.current,
+				error: messageOf(error),
+				errorAction: "beginTokenworks"
+			});
+		} finally {
+			this.polling = false;
+		}
+	}
 	completeOidc(callbackUrl) {
 		return this.run("completeOidc", { callbackUrl }, (value) => ({
 			status: "ready",
@@ -185,58 +234,28 @@ var UstcSettingsController = class {
 function messageOf(error) {
 	return error instanceof Error ? error.message : String(error);
 }
-function IwanSettingsItem({ controller, t }) {
-	if (controller === void 0 || t === void 0) return null;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(UstcCard, {
-		controller,
-		t
-	});
-}
-function UstcCard({ controller, t }) {
+function UstcBundleConfig({ controller, t }) {
 	const state = (0, react.useSyncExternalStore)(controller.subscribe, controller.snapshot, controller.snapshot);
-	const [open, setOpen] = (0, react.useState)(false);
-	(0, react.useEffect)(() => {
-		if (state.status === "idle") controller.load();
-	}, [controller, state.status]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
-		className: "ulu-card",
-		"data-open": open || void 0,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-			type: "button",
-			className: "ulu-card-header",
-			"aria-expanded": open,
-			"aria-label": `${t(open ? "collapse" : "expand")}: ${t("title")}`,
-			onClick: () => {
-				setOpen((value) => !value);
-			},
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-				className: "ulu-card-head-text",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "ulu-card-name",
-					children: t("title")
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "ulu-card-description",
-					children: t("intro")
-				})]
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutline14, { className: "ulu-card-chevron" })]
-		}), open ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: "ulu-card-body",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LoadedSettings, {
-				controller,
-				t,
-				state
-			})
-		}) : null]
-	});
-}
-function LoadedSettings({ controller, t, state }) {
 	const snapshot = state.snapshot;
 	const [apiKey, setApiKey] = (0, react.useState)("");
 	const [callbackUrl, setCallbackUrl] = (0, react.useState)("");
 	const [selectedServerId, setSelectedServerId] = (0, react.useState)("");
+	(0, react.useEffect)(() => {
+		controller.load();
+	}, [controller]);
 	(0, react.useEffect)(() => {
 		setSelectedServerId(snapshot?.selectedServerId ?? "");
 	}, [snapshot?.selectedServerId]);
+	(0, react.useEffect)(() => {
+		setApiKey("");
+	}, [snapshot?.keySource]);
+	(0, react.useEffect)(() => {
+		if (!snapshot?.tokenworks.pending) return;
+		const timer = setInterval(() => {
+			controller.pollLogin();
+		}, 1500);
+		return () => clearInterval(timer);
+	}, [controller, snapshot?.tokenworks.pending]);
 	if ((state.status === "idle" || state.status === "loading") && snapshot === void 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		className: "ulu-loading",
 		children: t("loading")
@@ -260,31 +279,7 @@ function LoadedSettings({ controller, t, state }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: "ulu-settings",
 		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "ulu-status-row",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("route") }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-					className: "ulu-route-value",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: snapshot.usingIwan ? t("iwanRoute") : t("directRoute") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
-						label: t("refreshRoute"),
-						side: "top",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: "ulu-route-refresh",
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
-								type: "button",
-								variant: "toolbar",
-								size: "sm",
-								icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconRefreshOutline14, { className: state.action === "refreshRoute" ? "ulu-spin" : void 0 }),
-								"aria-label": t("refreshRoute"),
-								disabled: busy,
-								onClick: () => {
-									controller.mutateSnapshot("refreshRoute");
-								}
-							})
-						})
-					})]
-				})]
-			}),
-			!snapshot.writable || !snapshot.apiKey.writable || !snapshot.iwan.writable ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+			!snapshot.writable || !(snapshot.keySource === "manual" ? snapshot.apiKey.writable : snapshot.tokenworks.writable) || !snapshot.iwan.writable ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 				className: "ulu-alert warning",
 				children: t("readOnly")
 			}) : null,
@@ -295,17 +290,36 @@ function LoadedSettings({ controller, t, state }) {
 						className: "ulu-section-title",
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", { children: t("apiKeyLabel") })
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Input, {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+						className: "ulu-line-select",
+						"aria-label": t("keySource"),
+						value: snapshot.keySource,
+						disabled: busy || !snapshot.writable,
+						onChange: (event) => {
+							controller.mutateSnapshot("selectKeySource", {
+								keySource: event.target.value,
+								expectedRevision: snapshot.revision
+							});
+						},
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+							value: "manual",
+							children: t("manualKey")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+							value: "tokenworks",
+							children: t("tokenworksKey")
+						})]
+					}),
+					snapshot.keySource === "manual" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+						className: "ulu-input",
 						type: "password",
-						autoComplete: "off",
+						autoComplete: "new-password",
 						"aria-label": t("apiKeyLabel"),
 						placeholder: snapshot.apiKey.configured ? t("configured") : t("apiKeyPlaceholder"),
 						value: apiKey,
 						onChange: (event) => {
 							setApiKey(event.target.value);
 						}
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: "ulu-actions",
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
 							size: "sm",
@@ -326,9 +340,80 @@ function LoadedSettings({ controller, t, state }) {
 							},
 							children: t("remove")
 						})]
-					})
+					})] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "ulu-login-row",
+						children: snapshot.tokenworks.pending ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [state.tokenworksUrl === void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "ulu-login-state",
+							children: t("awaitingLogin")
+						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+							className: "ulu-link",
+							href: state.tokenworksUrl,
+							target: "_blank",
+							rel: "noopener noreferrer",
+							children: t("openLogin")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+							size: "sm",
+							variant: "outline",
+							disabled: busy,
+							onClick: () => {
+								controller.mutateSnapshot("cancelTokenworks");
+							},
+							children: t("cancelLogin")
+						})] }) : snapshot.tokenworks.configured ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "ulu-login-state",
+							children: snapshot.tokenworks.name ?? t("signedIn")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+							size: "sm",
+							variant: "outline",
+							disabled: busy || !snapshot.tokenworks.writable,
+							onClick: () => {
+								controller.mutateSnapshot("logoutTokenworks");
+							},
+							children: state.action === "logoutTokenworks" ? t("loggingOut") : t("logoutIwan")
+						})] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+							size: "sm",
+							variant: "primary",
+							disabled: busy || !snapshot.tokenworks.writable,
+							onClick: () => {
+								controller.beginTokenworks();
+							},
+							children: state.action === "beginTokenworks" ? t("startingOidc") : t("beginTokenworks")
+						})
+					}),
+					state.errorAction === "saveApiKey" || state.errorAction === "unsetApiKey" || state.errorAction === "selectKeySource" || state.errorAction === "beginTokenworks" || state.errorAction === "cancelTokenworks" || state.errorAction === "logoutTokenworks" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "ulu-alert error",
+						children: state.error
+					}) : null,
+					snapshot.keySource === "tokenworks" && snapshot.tokenworks.error ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "ulu-alert error",
+						children: snapshot.tokenworks.error
+					}) : null
 				]
 			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "ulu-status-row",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("route") }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					className: "ulu-route-value",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: snapshot.usingIwan ? t("iwanRoute") : t("directRoute") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
+						label: t("refreshRoute"),
+						side: "top",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "ulu-route-refresh",
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+								type: "button",
+								variant: "ghost",
+								size: "sm",
+								icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconRefreshOutlineMedium, { className: state.action === "refreshRoute" ? "ulu-spin" : void 0 }),
+								"aria-label": t("refreshRoute"),
+								disabled: busy,
+								onClick: () => {
+									controller.mutateSnapshot("refreshRoute");
+								}
+							})
+						})
+					})]
+				})]
+			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
 				className: "ulu-section",
 				children: [
@@ -368,7 +453,8 @@ function LoadedSettings({ controller, t, state }) {
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
 								htmlFor: "ulu-callback-url",
 								children: t("callbackLabel")
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Input, {
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								className: "ulu-input",
 								id: "ulu-callback-url",
 								value: callbackUrl,
 								placeholder: t("callbackPlaceholder"),
@@ -417,46 +503,91 @@ function LoadedSettings({ controller, t, state }) {
 							},
 							children: state.action === "selectServer" ? t("applyingLine") : t("selectLine")
 						})]
+					}) : null,
+					state.errorAction === "beginOidc" || state.errorAction === "completeOidc" || state.errorAction === "logoutIwan" || state.errorAction === "selectServer" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "ulu-alert error",
+						children: state.error
 					}) : null
 				]
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
 				className: "ulu-section",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: "ulu-section-title",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", { children: t("models") }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", { children: [
-						t("refreshedAt"),
-						": ",
-						snapshot.modelsUpdatedAt === void 0 ? t("never") : new Date(snapshot.modelsUpdatedAt).toLocaleString()
-					] })] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
-						size: "sm",
-						variant: "outline",
-						disabled: busy || !snapshot.apiKey.configured,
-						onClick: () => {
-							controller.mutateSnapshot("syncModels");
-						},
-						children: state.action === "syncModels" ? t("syncingModels") : t("syncModels")
-					})]
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: "ulu-model-list",
-					children: snapshot.models.map((model) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: "ulu-model-entry",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", { children: model.id }), model.name === model.id ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: model.name })]
-					}, model.id))
-				})]
-			})
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "ulu-section-title",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", { children: t("models") }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", { children: [
+							t("refreshedAt"),
+							": ",
+							snapshot.modelsUpdatedAt === void 0 ? t("never") : new Date(snapshot.modelsUpdatedAt).toLocaleString()
+						] })] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+							size: "sm",
+							variant: "outline",
+							disabled: busy || !(snapshot.keySource === "manual" ? snapshot.apiKey.configured : snapshot.tokenworks.configured),
+							onClick: () => {
+								controller.mutateSnapshot("syncModels");
+							},
+							children: state.action === "syncModels" ? t("syncingModels") : t("syncModels")
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "ulu-model-list",
+						children: [snapshot.models.map((model) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "ulu-model-entry",
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", { children: model.id }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: model.name === model.id ? "" : model.name }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									className: "ulu-model-remove",
+									type: "button",
+									title: t("removeModel"),
+									"aria-label": `${t("removeModel")}: ${model.id}`,
+									disabled: busy,
+									onClick: () => {
+										controller.mutateSnapshot("removeModel", { modelId: model.id });
+									},
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCloseOutlineRegular, {})
+								})
+							]
+						}, model.id)), snapshot.models.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "ulu-model-empty",
+							children: t("modelsEmpty")
+						}) : null]
+					}),
+					state.errorAction === "syncModels" || state.errorAction === "removeModel" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "ulu-alert error",
+						children: state.error
+					}) : null
+				]
+			}),
+			state.errorAction === "refreshRoute" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "ulu-alert error",
+				children: state.error
+			}) : null
 		]
 	});
 }
 const CSS = `
-.ulu-card{list-style:none;border:1px solid var(--dsw-alias-border-l2);border-radius:12px;background:var(--dsw-alias-bg-layer-3);transition:border-color .16s,background .16s}.ulu-card:hover{border-color:var(--dsw-alias-label-dimmed)}.ulu-card[data-open=true]{border-color:var(--dsw-alias-label-dimmed);background:var(--dsw-alias-bg-layer-2)}
-.ulu-card-header{appearance:none;display:flex;width:100%;align-items:center;gap:12px;padding:14px 16px;border:0;border-radius:12px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.ulu-card-header:focus-visible{outline:none;box-shadow:inset 2px 0 0 var(--dsw-alias-brand-primary)}.ulu-card-head-text{display:flex;min-width:0;flex:1;flex-direction:column;gap:4px}.ulu-card-name{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:600;line-height:1.4}.ulu-card-description{color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:1.5}.ulu-card-chevron{flex:none;color:var(--dsw-alias-label-tertiary);transition:transform .16s}.ulu-card[data-open=true] .ulu-card-chevron{transform:rotate(180deg)}.ulu-card-body{margin:0 16px;padding-bottom:8px;border-top:1px solid var(--dsw-alias-border-l2)}
-.ulu-settings{color:var(--dsw-alias-label-primary)}
-.ulu-section{display:grid;min-width:0;gap:6px;padding:12px 0;border-top:1px solid var(--dsw-alias-border-l2)}.ulu-section>*{min-width:0}.ulu-section-title{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:14px}.ulu-section-title>div{min-width:0}.ulu-section-title h3{margin:0;color:var(--dsw-alias-label-primary);font-size:13px;font-weight:500;letter-spacing:0;line-height:1.5}.ulu-section-title p{max-width:620px;margin:3px 0 0;color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:1.5;overflow-wrap:anywhere}
-.ulu-row{display:grid;min-width:0;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px}.ulu-field{display:grid;min-width:0;gap:6px}.ulu-field>*{min-width:0;max-width:100%;box-sizing:border-box}.ulu-field>label{color:var(--dsw-alias-label-primary);font-size:13px;font-weight:500;line-height:1.5}.ulu-field>span{width:100%}.ulu-line-select{box-sizing:border-box;width:100%;height:34px;padding:0 12px;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;background:var(--dsw-alias-bg-layer-3);color:var(--dsw-alias-label-primary);font:inherit;font-size:13px}.ulu-line-select:focus-visible{border-color:var(--dsw-alias-brand-primary);outline:none}.ulu-actions,.ulu-login-row{display:flex;min-width:0;align-items:center;gap:8px;flex-wrap:wrap}.ulu-link{display:inline-flex;min-height:34px;align-items:center;color:var(--dsw-alias-brand-primary);font-size:12px;font-weight:500;text-decoration:none}.ulu-link:hover{text-decoration:underline}
-.ulu-status-row{display:flex;min-height:34px;align-items:center;justify-content:space-between;gap:16px;color:var(--dsw-alias-label-secondary);font-size:12px}.ulu-status-row strong{color:var(--dsw-alias-label-primary);font-weight:500}.ulu-route-value{display:flex;align-items:center;gap:5px}.ulu-route-refresh{display:inline-flex}.ulu-route-refresh>button{width:28px;padding:0}.ulu-spin{animation:ulu-spin .7s linear infinite}@keyframes ulu-spin{to{transform:rotate(360deg)}}.ulu-alert{margin:0;padding:10px 0;border-top:1px solid var(--dsw-alias-border-l2);font-size:12px;line-height:1.5}.ulu-alert.warning{color:var(--dsw-alias-label-warning,#8c641b)}.ulu-alert.error{color:var(--dsw-alias-label-error,#a43d39)}
-.ulu-loading{padding:16px 0;color:var(--dsw-alias-label-tertiary);font-size:12px}.ulu-load-error{display:flex;align-items:center;justify-content:space-between;gap:12px}.ulu-load-error .ulu-alert{flex:1;border-top:0}
-.ulu-model-list{display:flex;max-height:300px;min-width:0;flex-direction:column;overflow:auto;border-top:1px solid var(--dsw-alias-border-l2)}.ulu-model-entry{display:grid;min-width:0;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:8px;padding:9px 2px;border-bottom:1px solid var(--dsw-alias-border-l2);font-size:12px;line-height:18px}.ulu-model-entry code,.ulu-model-entry span{min-width:0;overflow-wrap:anywhere}.ulu-model-entry span{color:var(--dsw-alias-label-tertiary)}
+.ulu-settings{display:flex;min-width:0;flex-direction:column;color:var(--dsw-alias-label-primary)}
+.ulu-status-row{display:flex;min-height:34px;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-top:0.5px solid var(--dsw-alias-border-l2);font-size:13px;line-height:1.5}
+.ulu-status-row strong{font-weight:500}.ulu-route-value{display:flex;align-items:center;gap:5px}.ulu-route-refresh{display:inline-flex}.ulu-route-refresh>button,.ulu-route-refresh>button:hover:not(:disabled),.ulu-route-refresh>button:active:not(:disabled){width:28px;padding:0;background:transparent}
+.ulu-section{display:grid;min-width:0;gap:6px;padding:12px 0;border-top:0.5px solid var(--dsw-alias-border-l2)}.ulu-section>*{min-width:0}
+.ulu-section-title{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:8px}.ulu-section-title>div{min-width:0}
+.ulu-section-title h3,.ulu-field>label{margin:0;color:var(--dsw-alias-label-primary);font-size:13px;font-weight:500;line-height:1.5}
+.ulu-section-title p{margin:3px 0 0;color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:1.5;overflow-wrap:anywhere}
+.ulu-input,.ulu-line-select{box-sizing:border-box;width:100%;height:34px;padding:0 12px;border:0.5px solid var(--dsw-alias-border-l4);border-radius:var(--dsw-radius-md);background:var(--dsw-alias-bg-layer-3);color:var(--dsw-alias-label-primary);font:inherit;font-size:13px;line-height:1.5}
+.ulu-input::placeholder{color:var(--dsw-alias-label-dimmed)}.ulu-input:focus-visible,.ulu-line-select:focus-visible{outline:none;border-color:var(--dsw-alias-state-business-primary)}
+.ulu-row{display:grid;min-width:0;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px}.ulu-field{display:grid;min-width:0;gap:6px}.ulu-field>*{min-width:0}
+.ulu-actions,.ulu-login-row{display:flex;min-width:0;align-items:center;gap:8px}.ulu-actions{padding-top:16px}.ulu-actions button:first-child,.ulu-login-row button,.ulu-row>button{min-height:31px;padding:5px 14px;border-radius:var(--dsw-radius-md);font-size:13px;line-height:1.5}
+.ulu-link{display:inline-flex;min-height:31px;align-items:center;color:var(--dsw-alias-label-secondary);font-size:13px;line-height:1.5;text-decoration:none}.ulu-link:hover{color:var(--dsw-alias-label-primary);text-decoration:underline}
+.ulu-login-state{color:var(--dsw-alias-label-secondary);font-size:13px;line-height:1.5}
+.ulu-spin{animation:ulu-spin .7s linear infinite}@keyframes ulu-spin{to{transform:rotate(360deg)}}
+.ulu-alert{margin:0;padding:10px 0;border-top:0.5px solid var(--dsw-alias-border-l2);font-size:12px;line-height:1.5}.ulu-alert.warning{color:var(--dsw-alias-label-tertiary)}.ulu-alert.error{color:var(--dsw-alias-label-error)}
+.ulu-loading{padding:12px 0;color:var(--dsw-alias-label-tertiary);font-size:12px}.ulu-load-error{display:flex;align-items:center;justify-content:space-between;gap:12px}.ulu-load-error .ulu-alert{flex:1;border-top:0}
+.ulu-model-list{display:flex;max-height:300px;min-width:0;flex-direction:column;overflow:auto;border-top:0.5px solid var(--dsw-alias-border-l2)}
+.ulu-model-entry{display:grid;min-width:0;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 2px;border-bottom:0.5px solid var(--dsw-alias-border-l2);font-size:12px;line-height:18px}
+.ulu-model-entry code,.ulu-model-entry span{min-width:0;overflow-wrap:anywhere}.ulu-model-entry span{color:var(--dsw-alias-label-tertiary)}
+.ulu-model-remove{display:inline-flex;width:20px;height:20px;align-items:center;justify-content:center;padding:0;border:0;background:transparent;color:var(--dsw-alias-label-tertiary);cursor:pointer}.ulu-model-remove:hover:not(:disabled){color:var(--dsw-alias-label-primary)}.ulu-model-remove:disabled{opacity:.5;cursor:default}
+.ulu-model-empty{padding:9px 2px;color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:18px}
 `;
 function installStyles() {
 	const id = "dsh-llm-ustc/client";
@@ -486,14 +617,14 @@ function apply(ctx) {
 			dispose();
 		};
 	}, "dsh-llm-ustc: settings invalidations");
-	ctx.slots.inject("settings.plugin.item", () => ctx.slots.register({
-		name: "settings.plugin.item",
-		key: LOCALE_NS,
+	ctx.slots.inject("plugins.bundle.config", () => ctx.slots.register({
+		name: "plugins.bundle.config",
+		key: "dsh-llm-ustc",
 		inject: () => ({
 			controller,
 			t
 		})
-	}, IwanSettingsItem));
+	}, UstcBundleConfig));
 }
 //#endregion
 exports.UstcSettingsController = UstcSettingsController;

package/lib/config.js

@@ -1,14 +1,17 @@
 import z from '@deepseek-ai/schemastery';
+import { API_KEY_REF } from "./constants.js";
 export const Config = z.object({
-    selectedServerId: z.string(),
-    directRecoverySeconds: z.number().step(1).min(30).max(86_400).default(300),
+    apiKeyEnv: z.union([API_KEY_REF]).role('credential-ref').default(API_KEY_REF).volatile(),
+    keySource: z.union(['manual', 'tokenworks']).default('manual').volatile(),
+    selectedServerId: z.string().volatile(),
+    directRecoverySeconds: z.number().step(1).min(30).max(86_400).default(300).volatile(),
 });
 export function resolveConfig(config) {
-    const directRecoverySeconds = config.directRecoverySeconds ?? 300;
+    const directRecoverySeconds = config.directRecoverySeconds.get();
     if (!Number.isSafeInteger(directRecoverySeconds) || directRecoverySeconds < 30 || directRecoverySeconds > 86_400) {
         throw new TypeError('llm-ustc.directRecoverySeconds must be an integer from 30 to 86400');
     }
-    const selected = config.selectedServerId?.trim();
+    const selected = config.selectedServerId.get()?.trim();
     return {
         ...(selected === undefined || selected.length === 0 ? {} : { selectedServerId: selected }),
         directRecoverySeconds,

package/lib/config.js.map

@@ -1 +1 @@
-{"version":3,"file":"config.js","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"AAAA,OAAO,CAAC,MAAM,0BAA0B,CAAA;AAOxC,MAAM,CAAC,MAAM,MAAM,GAAc,CAAC,CAAC,MAAM,CAAC;IACxC,gBAAgB,EAAE,CAAC,CAAC,MAAM,EAAE;IAC5B,qBAAqB,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC;CAC3E,CAAC,CAAA;AAOF,MAAM,UAAU,aAAa,CAAC,MAAc;IAC1C,MAAM,qBAAqB,GAAG,MAAM,CAAC,qBAAqB,IAAI,GAAG,CAAA;IACjE,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,qBAAqB,CAAC,IAAI,qBAAqB,GAAG,EAAE,IAAI,qBAAqB,GAAG,MAAM,EAAE,CAAC;QACjH,MAAM,IAAI,SAAS,CAAC,oEAAoE,CAAC,CAAA;IAC3F,CAAC;IACD,MAAM,QAAQ,GAAG,MAAM,CAAC,gBAAgB,EAAE,IAAI,EAAE,CAAA;IAChD,OAAO;QACL,GAAG,CAAC,QAAQ,KAAK,SAAS,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,gBAAgB,EAAE,QAAQ,EAAE,CAAC;QAC1F,qBAAqB;KACtB,CAAA;AACH,CAAC"}
+{"version":3,"file":"config.js","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"AACA,OAAO,CAAC,MAAM,0BAA0B,CAAA;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAS5C,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,CAAC,MAAM,CAAC;IAC7B,SAAS,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,QAAQ,EAAE;IACxF,SAAS,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,QAAQ,EAAE;IACzE,gBAAgB,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;IACvC,qBAAqB,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE;CACtF,CAAC,CAAA;AAOF,MAAM,UAAU,aAAa,CAAC,MAAc;IAC1C,MAAM,qBAAqB,GAAG,MAAM,CAAC,qBAAqB,CAAC,GAAG,EAAE,CAAA;IAChE,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,qBAAqB,CAAC,IAAI,qBAAqB,GAAG,EAAE,IAAI,qBAAqB,GAAG,MAAM,EAAE,CAAC;QACjH,MAAM,IAAI,SAAS,CAAC,oEAAoE,CAAC,CAAA;IAC3F,CAAC;IACD,MAAM,QAAQ,GAAG,MAAM,CAAC,gBAAgB,CAAC,GAAG,EAAE,EAAE,IAAI,EAAE,CAAA;IACtD,OAAO;QACL,GAAG,CAAC,QAAQ,KAAK,SAAS,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,gBAAgB,EAAE,QAAQ,EAAE,CAAC;QAC1F,qBAAqB;KACtB,CAAA;AACH,CAAC"}

package/lib/constants.js

@@ -2,10 +2,11 @@ export const PROVIDER = 'ustc';
 export const PROVIDER_NAME = 'USTC LLM';
 export const SETTINGS_NS = 'llm-ustc';
 export const API_KEY_REF = 'USTC_LLM_API_KEY';
+export const TOKENWORKS_SESSION_REF = 'USTC_LLM_TOKENWORKS_SESSION';
 export const IWAN_CONFIG_REF = 'USTC_LLM_IWAN_CONFIG';
-export const DEFAULT_MODEL = 'deepseek-v4-flash-ascend';
+export const DEFAULT_MODEL = 'deepseek-flash';
 export const DEFAULT_CONTEXT_WINDOW = 262_144;
 export const DEFAULT_MAX_TOKENS = 32_768;
 export const HELPER_PROTOCOL = 'v2';
-export const SETTINGS_ROUTE = '/_dsh/llm-ustc/settings';
+export const SETTINGS_ROUTE = '/api/llm-ustc/settings';
 //# sourceMappingURL=constants.js.map

package/lib/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAA;AAC9B,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CAAA;AACvC,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CAAA;AACrC,MAAM,CAAC,MAAM,WAAW,GAAG,kBAAkB,CAAA;AAC7C,MAAM,CAAC,MAAM,eAAe,GAAG,sBAAsB,CAAA;AACrD,MAAM,CAAC,MAAM,aAAa,GAAG,0BAA0B,CAAA;AACvD,MAAM,CAAC,MAAM,sBAAsB,GAAG,OAAO,CAAA;AAC7C,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAA;AACxC,MAAM,CAAC,MAAM,eAAe,GAAG,IAAI,CAAA;AACnC,MAAM,CAAC,MAAM,cAAc,GAAG,yBAAyB,CAAA"}
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAA;AAC9B,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CAAA;AACvC,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CAAA;AACrC,MAAM,CAAC,MAAM,WAAW,GAAG,kBAAkB,CAAA;AAC7C,MAAM,CAAC,MAAM,sBAAsB,GAAG,6BAA6B,CAAA;AACnE,MAAM,CAAC,MAAM,eAAe,GAAG,sBAAsB,CAAA;AACrD,MAAM,CAAC,MAAM,aAAa,GAAG,gBAAgB,CAAA;AAC7C,MAAM,CAAC,MAAM,sBAAsB,GAAG,OAAO,CAAA;AAC7C,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAA;AACxC,MAAM,CAAC,MAAM,eAAe,GAAG,IAAI,CAAA;AACnC,MAAM,CAAC,MAAM,cAAc,GAAG,wBAAwB,CAAA"}