@dungsil/dsh-plugin-cli-proxy-api 0.2.3 → 0.3.0

package/dist/client.js

@@ -164,18 +164,14 @@ const copy = {
 		saved: "Saved · leave unchanged",
 		notSaved: "Not saved",
 		remove: "Remove saved key",
-		removed: "Will be removed on save",
 		serverHint: "Requires CLIProxyAPI v8. Use the server root without /v1. Remote servers require HTTPS.",
-		keyHint: "Blank fields keep saved keys. When the URL changes, only newly entered keys are used.",
-		save: "Save connection",
+		keyHint: "Changes save when you leave a field or press Enter. Blank fields keep saved keys. Changing the URL clears existing keys.",
 		refresh: "Refresh",
 		busy: "Working…",
 		connectionLocked: "Connection could not be confirmed. Refresh the connection to enable saving.",
 		error: "The request could not be confirmed. It will not be retried automatically. Refresh to check before trying again.",
 		success: "Request completed. Refresh the relevant list to confirm the latest state.",
-		savedConnection: "Connection saved and checked.",
 		managementHint: "Save a management key to enable management controls.",
-		draftHint: "Save the connection before using these controls.",
 		connectionSettingsHint: "Configure the server URL and keys in Settings → CLIProxyAPI. Connection information updates automatically.",
 		emptyAccounts: "No accounts available.",
 		disabled: "Disabled"
@@ -233,18 +229,14 @@ const copy = {
 		saved: "저장됨 · 변경하지 않음",
 		notSaved: "저장되지 않음",
 		remove: "저장된 키 삭제",
-		removed: "저장 시 삭제됩니다",
 		serverHint: "CLIProxyAPI v8이 필요합니다. /v1을 제외한 서버 주소를 입력하세요. 원격 서버는 HTTPS가 필요합니다.",
-		keyHint: "빈 입력란은 기존 키를 유지합니다. URL을 바꾸면 새로 입력한 키만 사용합니다.",
-		save: "연결 저장",
+		keyHint: "입력란을 벗어나거나 Enter를 누르면 자동 저장합니다. 빈 입력란은 기존 키를 유지하며, URL을 바꾸면 기존 키를 지웁니다.",
 		refresh: "새로고침",
 		busy: "처리 중…",
 		connectionLocked: "연결 정보를 확인하지 못했습니다. 연결을 새로고침하면 저장할 수 있습니다.",
 		error: "요청 결과를 확인하지 못했습니다. 자동으로 재시도하지 않습니다. 다시 시도하기 전에 새로고침하여 확인하세요.",
 		success: "요청을 완료했습니다. 해당 목록을 새로고침하여 최신 상태를 확인하세요.",
-		savedConnection: "연결을 저장하고 확인했습니다.",
 		managementHint: "관리 기능을 사용하려면 관리 키를 저장하세요.",
-		draftHint: "이 기능을 사용하기 전에 연결을 저장하세요.",
 		connectionSettingsHint: "설정 → CLIProxyAPI에서 서버 주소와 키를 설정하세요. 연결 정보는 자동으로 갱신됩니다.",
 		emptyAccounts: "사용 가능한 계정이 없습니다.",
 		disabled: "비활성"
@@ -302,18 +294,14 @@ const copy = {
 		saved: "已保存 · 保持不变",
 		notSaved: "未保存",
 		remove: "删除已保存的密钥",
-		removed: "保存时将删除",
 		serverHint: "需要 CLIProxyAPI v8。请输入不含 /v1 的服务器根地址。远程服务器必须使用 HTTPS。",
-		keyHint: "空输入框保留已保存的密钥。更改 URL 后仅使用新输入的密钥。",
-		save: "保存连接",
+		keyHint: "离开输入框或按 Enter 后自动保存。空输入框保留已保存的密钥，更改 URL 会清除原有密钥。",
 		refresh: "刷新",
 		busy: "处理中…",
 		connectionLocked: "无法确认连接信息。请刷新连接以启用保存。",
 		error: "无法确认请求结果。不会自动重试。请先刷新确认状态，再尝试操作。",
 		success: "请求已完成。请刷新相应列表以确认最新状态。",
-		savedConnection: "连接已保存并确认。",
 		managementHint: "请保存管理密钥以启用管理功能。",
-		draftHint: "使用这些功能前请保存连接。",
 		connectionSettingsHint: "请在设置 → CLIProxyAPI 中配置服务器地址和密钥。连接信息会自动更新。",
 		emptyAccounts: "没有可用账户。",
 		disabled: "已禁用"
@@ -828,8 +816,6 @@ function ProxyPage({ ctx, cache, settings = false }) {
 	const [baseURL, setBaseURL] = (0, react.useState)(cachedView?.baseURL ?? "");
 	const [apiKey, setAPIKey] = (0, react.useState)("");
 	const [managementKey, setManagementKey] = (0, react.useState)("");
-	const [removeAPIKey, setRemoveAPIKey] = (0, react.useState)(false);
-	const [removeManagementKey, setRemoveManagementKey] = (0, react.useState)(false);
 	const [synchronized, setSynchronized] = (0, react.useState)(!!cached);
 	const [busy, setBusy] = (0, react.useState)(!cached);
 	const [notice, setNotice] = (0, react.useState)();
@@ -854,8 +840,6 @@ function ProxyPage({ ctx, cache, settings = false }) {
 		setSynchronized(true);
 		setAPIKey("");
 		setManagementKey("");
-		setRemoveAPIKey(false);
-		setRemoveManagementKey(false);
 		setQuotaAccounts(void 0);
 		setQuotas({});
 		setFetchedAt(void 0);
@@ -989,14 +973,15 @@ function ProxyPage({ ctx, cache, settings = false }) {
 			}
 		}
 	};
-	const save = () => {
-		if (!view || !synchronized || lock.current) return;
+	const save = (remove = {}) => {
+		if (!view || !synchronized || lock.current || !baseURL.trim()) return;
+		if (!draftChanged && !remove.removeAPIKey && !remove.removeManagementKey) return;
 		const changedURL = baseURL.trim() !== view.baseURL;
 		const payload = {
 			revision: view.revision,
 			baseURL: baseURL.trim(),
-			apiKey: apiKey || (removeAPIKey || changedURL ? "" : void 0),
-			managementKey: managementKey || (removeManagementKey || changedURL ? "" : void 0)
+			apiKey: remove.removeAPIKey ? "" : apiKey || (changedURL ? "" : void 0),
+			managementKey: remove.removeManagementKey ? "" : managementKey || (changedURL ? "" : void 0)
 		};
 		setAPIKey("");
 		setManagementKey("");
@@ -1012,10 +997,10 @@ function ProxyPage({ ctx, cache, settings = false }) {
 			}
 			await describe(controller);
 			ctx.emit("cli-proxy-api/connection-changed");
-			setNotice(saved ? "savedConnection" : "error");
+			if (!saved) setNotice("error");
 		});
 	};
-	const draftChanged = !!view && (baseURL.trim() !== view.baseURL || !!apiKey || !!managementKey || removeAPIKey || removeManagementKey);
+	const draftChanged = !!view && (baseURL.trim() !== view.baseURL || !!apiKey || !!managementKey);
 	const canManage = !!view && synchronized && !draftChanged && !!view?.managementKeySaved;
 	const managementDisabled = busy || !canManage || uncertain;
 	const row = (label, children) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SettingsRow, {
@@ -1036,7 +1021,7 @@ function ProxyPage({ ctx, cache, settings = false }) {
 		"aria-label": "CLIProxyAPI",
 		"aria-busy": busy,
 		children: [
-			busy && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+			busy && !settings && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 				role: "status",
 				children: text.busy
 			}),
@@ -1061,7 +1046,11 @@ function ProxyPage({ ctx, cache, settings = false }) {
 					spellCheck: false,
 					value: baseURL,
 					disabled: busy || !synchronized,
-					onChange: (event) => setBaseURL(event.target.value)
+					onChange: (event) => setBaseURL(event.target.value),
+					onBlur: () => save(),
+					onKeyDown: (event) => {
+						if (event.key === "Enter" && !event.nativeEvent.isComposing) event.currentTarget.blur();
+					}
 				})),
 				row(/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
 					htmlFor: `${id}-api`,
@@ -1072,15 +1061,13 @@ function ProxyPage({ ctx, cache, settings = false }) {
 					autoComplete: "off",
 					value: apiKey,
 					disabled: busy || !synchronized,
-					placeholder: removeAPIKey ? text.removed : view?.apiKeySaved ? text.saved : text.notSaved,
-					onChange: (event) => {
-						setAPIKey(event.target.value);
-						setRemoveAPIKey(false);
+					placeholder: view?.apiKeySaved ? text.saved : text.notSaved,
+					onChange: (event) => setAPIKey(event.target.value),
+					onBlur: () => save(),
+					onKeyDown: (event) => {
+						if (event.key === "Enter" && !event.nativeEvent.isComposing) event.currentTarget.blur();
 					}
-				}), button(text.remove, () => {
-					setAPIKey("");
-					setRemoveAPIKey(true);
-				}, busy || !synchronized || !view?.apiKeySaved || removeAPIKey)] })),
+				}), button(text.remove, () => save({ removeAPIKey: true }), busy || !synchronized || !view?.apiKeySaved)] })),
 				row(/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
 					htmlFor: `${id}-management`,
 					children: text.managementKey
@@ -1090,15 +1077,13 @@ function ProxyPage({ ctx, cache, settings = false }) {
 					autoComplete: "off",
 					value: managementKey,
 					disabled: busy || !synchronized,
-					placeholder: removeManagementKey ? text.removed : view?.managementKeySaved ? text.saved : text.notSaved,
-					onChange: (event) => {
-						setManagementKey(event.target.value);
-						setRemoveManagementKey(false);
+					placeholder: view?.managementKeySaved ? text.saved : text.notSaved,
+					onChange: (event) => setManagementKey(event.target.value),
+					onBlur: () => save(),
+					onKeyDown: (event) => {
+						if (event.key === "Enter" && !event.nativeEvent.isComposing) event.currentTarget.blur();
 					}
-				}), button(text.remove, () => {
-					setManagementKey("");
-					setRemoveManagementKey(true);
-				}, busy || !synchronized || !view?.managementKeySaved || removeManagementKey)] })),
+				}), button(text.remove, () => save({ removeManagementKey: true }), busy || !synchronized || !view?.managementKeySaved)] })),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 					className: "hint",
 					children: text.keyHint
@@ -1106,11 +1091,6 @@ function ProxyPage({ ctx, cache, settings = false }) {
 				!synchronized && !busy && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 					role: "alert",
 					children: text.connectionLocked
-				}),
-				row(text.connection, button(text.save, save, busy || !synchronized || !baseURL.trim())),
-				draftChanged && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-					className: "hint",
-					children: text.draftHint
 				})
 			] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dungsil/dsh-plugin-cli-proxy-api",
-  "version": "0.2.3",
+  "version": "0.3.0",
   "description": "CLIProxyAPI model provider and owner-only management settings for DeepSeek Harness.",
   "license": "MIT",
   "repository": {