dsh-packycode-api 1.0.1 → 1.0.4

package/lib/client.js

@@ -106,12 +106,16 @@ window.__ModuleLoader__.load({
 			refresh: "刷新",
 			refreshing: "刷新中…",
 			keysTitle: "API Key",
-			keysHint: "按顺序使用：当前 Key 不可用时自动切到下一个可用 Key。上方的账户余额按 PackyCode 账户名逐条列出。",
+			keysHint: "按顺序使用：当前 Key 不可用时自动切到下一个可用 Key。上方的账户余额按备注名逐条列出，可用「重命名」修改备注。",
 			keyActive: "使用中",
 			keyDisabled: "已停用",
 			keyUse: "切到此 Key",
 			keyEnable: "重新启用",
 			keyRemove: "删除",
+			keyRename: "重命名",
+			keyRenameSave: "保存",
+			keyRenameCancel: "取消",
+			keyRenamePlaceholder: "新的备注名",
 			keyUnlimited: "不限额度",
 			keyNoBalance: "余额未知",
 			keyRemaining: "剩余",
@@ -159,7 +163,26 @@ window.__ModuleLoader__.load({
 			cliNetwork: "下载失败，请检查网络或 npm 镜像设置后重试。",
 			cliTimeout: "安装超时，请检查网络后重试。",
 			cliNotFoundAfterInstall: "npm 显示安装完成，但仍找不到 claude 命令。请在终端执行 claude --version 确认，然后点「重新检测」。",
-			cliWindowsNote: "Windows 上 Claude Code 还需要 Git for Windows（https://git-scm.com/downloads/win）。"
+			cliWindowsNote: "Windows 上 Claude Code 还需要 Git for Windows（https://git-scm.com/downloads/win）。",
+			versionTitle: "插件版本",
+			versionCurrent: "当前版本",
+			versionLatest: "最新版本",
+			versionCheck: "检查更新",
+			versionChecking: "正在检查更新…",
+			versionFailed: "无法检查最新版本。",
+			versionUpToDate: "已是最新版本。",
+			versionAvailable: "发现新版本 v{version}。",
+			versionLinked: "当前是本地开发安装，请在插件仓库拉取代码并重新构建。",
+			versionManual: "无法在这里更新。请在桌面应用的插件页重新安装 dsh-packycode-api。",
+			versionUpdate: "更新插件",
+			versionUpdating: "正在更新…",
+			versionUpdateFailed: "更新失败，请重试，或在插件页重新安装。",
+			versionUpdated: "已更新到 v{version}。",
+			versionUpdatedHint: "新版本需要完全退出并重新打开桌面应用才会生效；只刷新页面不会重载 Host 里的插件。",
+			versionRestart: "如何重启",
+			versionRestartHint: "插件无法安全地重启桌面应用。请完全退出 DSH，再重新打开。",
+			versionRefresh: "刷新界面",
+			versionLater: "稍后"
 		};
 		const en = {
 			nav: "PackyCode",
@@ -173,12 +196,16 @@ window.__ModuleLoader__.load({
 			refresh: "Refresh",
 			refreshing: "Refreshing…",
 			keysTitle: "API keys",
-			keysHint: "Used in order: when the active key cannot serve a request, the next usable one takes over. The balances above are listed per PackyCode account.",
+			keysHint: "Used in order: when the active key cannot serve a request, the next usable one takes over. The balances above are listed by these names; use Rename to change one.",
 			keyActive: "Active",
 			keyDisabled: "Disabled",
 			keyUse: "Use this key",
 			keyEnable: "Re-enable",
 			keyRemove: "Remove",
+			keyRename: "Rename",
+			keyRenameSave: "Save",
+			keyRenameCancel: "Cancel",
+			keyRenamePlaceholder: "New name",
 			keyUnlimited: "No quota limit",
 			keyNoBalance: "Balance unknown",
 			keyRemaining: "Remaining",
@@ -226,7 +253,26 @@ window.__ModuleLoader__.load({
 			cliNetwork: "The download failed. Check your network or npm registry settings and retry.",
 			cliTimeout: "The install timed out. Check your network and retry.",
 			cliNotFoundAfterInstall: "npm reported success, but the claude command still cannot be found. Run claude --version in a terminal, then click Check again.",
-			cliWindowsNote: "On Windows, Claude Code also needs Git for Windows (https://git-scm.com/downloads/win)."
+			cliWindowsNote: "On Windows, Claude Code also needs Git for Windows (https://git-scm.com/downloads/win).",
+			versionTitle: "Plugin version",
+			versionCurrent: "Current version",
+			versionLatest: "Latest version",
+			versionCheck: "Check for updates",
+			versionChecking: "Checking for updates…",
+			versionFailed: "Could not check the latest version.",
+			versionUpToDate: "You are on the latest version.",
+			versionAvailable: "A new version v{version} is available.",
+			versionLinked: "Installed from a local checkout. Pull and rebuild the plugin repository instead.",
+			versionManual: "This install cannot be updated here. Reinstall dsh-packycode-api from the desktop Plugins page.",
+			versionUpdate: "Update plugin",
+			versionUpdating: "Updating…",
+			versionUpdateFailed: "The update failed. Try again, or reinstall from the Plugins page.",
+			versionUpdated: "Updated to v{version}.",
+			versionUpdatedHint: "Quit and reopen the desktop application. Refreshing the page does not reload the plugin inside the Host.",
+			versionRestart: "How to restart",
+			versionRestartHint: "The plugin cannot safely restart the desktop application. Quit DSH completely, then open it again.",
+			versionRefresh: "Refresh page",
+			versionLater: "Later"
 		};
 		const STYLE = `
 .packyCodeSection{display:flex;flex-direction:column;gap:16px;font-size:13px;line-height:20px}
@@ -261,6 +307,9 @@ window.__ModuleLoader__.load({
 .packyCodeWarning{color:var(--dsw-alias-state-warning-primary,#c27c0e);font-weight:500}
 .packyCodeDetail{margin:0;padding:8px 10px;border-radius:8px;background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary);font-size:12px;line-height:18px;white-space:pre-wrap;word-break:break-all;max-height:160px;overflow:auto}
 .packyCodeMono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;word-break:break-all}
+.packyCodeVersionRows{display:flex;flex-direction:column;gap:6px}
+.packyCodeVersionRow{display:flex;justify-content:space-between;gap:12px}
+.packyCodeVersionValue{font-variant-numeric:tabular-nums;font-weight:600}
 .packyCodeComposer{display:inline-flex;align-items:center;flex:0 0 auto;height:28px;box-sizing:border-box;color:var(--dsw-alias-label-secondary);font-size:12px;line-height:20px;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap;user-select:none}
 @media(max-width:640px){.packyCodeRow{align-items:flex-start;flex-direction:column}.packyCodeActions{width:100%}}
 `;
@@ -443,6 +492,156 @@ window.__ModuleLoader__.load({
 				]
 			});
 		}
+		function VersionCard({ call, t }) {
+			const [info, setInfo] = react.useState();
+			const [loading, setLoading] = react.useState(true);
+			const [error, setError] = react.useState(false);
+			const [updating, setUpdating] = react.useState(false);
+			const [updateFailed, setUpdateFailed] = react.useState(false);
+			const [updated, setUpdated] = react.useState();
+			const [restartHint, setRestartHint] = react.useState(false);
+			const generation = react.useRef(0);
+			const load = (force) => {
+				const current = ++generation.current;
+				setLoading(true);
+				setError(false);
+				call("plugin/version", { force }).then((value) => {
+					if (generation.current === current) setInfo(value);
+				}).catch(() => {
+					if (generation.current === current) setError(true);
+				}).finally(() => {
+					if (generation.current === current) setLoading(false);
+				});
+			};
+			react.useEffect(() => {
+				load(false);
+				return () => {
+					generation.current += 1;
+				};
+			}, []);
+			const update = () => {
+				setUpdating(true);
+				setUpdateFailed(false);
+				call("plugin/update").then((value) => {
+					setUpdated(value);
+					setRestartHint(false);
+				}).catch(() => setUpdateFailed(true)).finally(() => setUpdating(false));
+			};
+			const installKind = info?.install?.kind;
+			const showStatus = info !== void 0 && updated === void 0;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+				className: "packyCodeCard",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
+						className: "packyCodeCardHeader",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "packyCodeCardTitle",
+							children: t("versionTitle")
+						}), updated === void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: "packyCodeButton",
+							disabled: loading || updating,
+							onClick: () => load(true),
+							children: loading ? t("versionChecking") : t("versionCheck")
+						})]
+					}),
+					loading && info === void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "packyCodeNote",
+						role: "status",
+						children: t("versionChecking")
+					}),
+					error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "packyCodeError",
+						role: "alert",
+						children: t("versionFailed")
+					}),
+					info !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "packyCodeVersionRows",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "packyCodeVersionRow",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("versionCurrent") }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								className: "packyCodeVersionValue",
+								children: ["v", info.current]
+							})]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "packyCodeVersionRow",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("versionLatest") }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								className: "packyCodeVersionValue",
+								children: ["v", info.latest]
+							})]
+						})]
+					}),
+					showStatus && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "packyCodeNote",
+						role: "status",
+						children: info.updateAvailable ? t("versionAvailable").replace("{version}", info.latest) : t("versionUpToDate")
+					}),
+					showStatus && info.updateAvailable && installKind === "npm" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "packyCodeActions",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: "packyCodeButton packyCodeButtonPrimary",
+							disabled: updating,
+							onClick: update,
+							children: updating ? t("versionUpdating") : t("versionUpdate")
+						})
+					}),
+					showStatus && installKind === "link" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "packyCodeNote",
+						children: t("versionLinked")
+					}),
+					showStatus && info.updateAvailable && installKind === "unknown" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "packyCodeNote",
+						children: t("versionManual")
+					}),
+					updateFailed && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "packyCodeError",
+						role: "alert",
+						children: t("versionUpdateFailed")
+					}),
+					updated !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						role: "status",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "packyCodeNote",
+								children: t("versionUpdated").replace("{version}", updated.version)
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "packyCodeNote",
+								children: t("versionUpdatedHint")
+							}),
+							restartHint && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "packyCodeNote",
+								children: t("versionRestartHint")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "packyCodeActions",
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: "packyCodeButton",
+										onClick: () => setRestartHint(true),
+										children: t("versionRestart")
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: "packyCodeButton packyCodeButtonPrimary",
+										onClick: () => window.location.reload(),
+										children: t("versionRefresh")
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: "packyCodeButton",
+										onClick: () => setUpdated(void 0),
+										children: t("versionLater")
+									})
+								]
+							})
+						]
+					})
+				]
+			});
+		}
 		function PackyCodeSection({ rpc, t }) {
 			const call = react.useMemo(() => (endpoint, payload = {}) => rpc.call(CHANNEL, endpoint, payload).then(unwrap), [rpc]);
 			const [status, setStatus] = react.useState();
@@ -453,6 +652,7 @@ window.__ModuleLoader__.load({
 				key: "",
 				label: ""
 			});
+			const [renaming, setRenaming] = react.useState();
 			const generation = react.useRef(0);
 			const load = react.useCallback((force = false) => {
 				const current = ++generation.current;
@@ -493,6 +693,14 @@ window.__ModuleLoader__.load({
 					label: ""
 				}));
 			};
+			const submitRename = (event) => {
+				event.preventDefault();
+				if (renaming === void 0 || renaming.label.trim() === "") return;
+				mutate("keys/rename")({
+					id: renaming.id,
+					label: renaming.label
+				}).then(() => setRenaming(void 0));
+			};
 			const rows = balance?.keys ?? [];
 			const usageOf = (id) => rows.find((row) => row.id === id);
 			const keys = status?.keys ?? [];
@@ -506,6 +714,7 @@ window.__ModuleLoader__.load({
 					usage?.limitUsd === void 0 ? void 0 : `${t("accountLimit")} ${formatUsd(usage.limitUsd)}`,
 					resetLabel(usage?.resetPeriod, t) === void 0 ? void 0 : resetLabel(usage.resetPeriod, t)
 				].filter(Boolean);
+				const tokenName = usage?.name !== void 0 && usage.name !== row.label ? `${t("keyName")} ${usage.name}` : void 0;
 				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 					className: "packyCodeRow",
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
@@ -513,7 +722,7 @@ window.__ModuleLoader__.load({
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 							className: "packyCodeRowName",
 							children: [
-								usage?.name ?? row.label,
+								row.label,
 								row.id === status?.activeId && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 									className: "packyCodeChip packyCodeChipActive",
 									children: t("keyActive")
@@ -525,7 +734,7 @@ window.__ModuleLoader__.load({
 							]
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 							className: "packyCodeRowMeta",
-							children: figures.length > 0 ? figures.join(" · ") : row.error === void 0 ? t("keyNoBalance") : `${t("loadFailed")}: ${row.error}`
+							children: figures.length > 0 ? [tokenName, ...figures].filter(Boolean).join(" · ") : row.error === void 0 ? t("keyNoBalance") : `${t("loadFailed")}: ${row.error}`
 						})]
 					})
 				}, row.id);
@@ -537,6 +746,10 @@ window.__ModuleLoader__.load({
 						className: "packyCodeIntro",
 						children: t("intro")
 					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(VersionCard, {
+						call,
+						t
+					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ClaudeCliCard, {
 						call,
 						t
@@ -638,7 +851,37 @@ window.__ModuleLoader__.load({
 											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 												className: "packyCodeRowName",
 												children: [
-													key.label,
+													renaming?.id === key.id ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
+														className: "packyCodeForm",
+														onSubmit: submitRename,
+														children: [
+															/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+																className: "packyCodeInput",
+																type: "text",
+																maxLength: 60,
+																autoFocus: true,
+																placeholder: t("keyRenamePlaceholder"),
+																value: renaming.label,
+																onChange: (event) => setRenaming({
+																	id: key.id,
+																	label: event.target.value
+																}),
+																onKeyDown: (event) => event.key === "Escape" && setRenaming(void 0)
+															}),
+															/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+																type: "submit",
+																className: "packyCodeButton",
+																disabled: busy || renaming.label.trim() === "",
+																children: t("keyRenameSave")
+															}),
+															/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+																type: "button",
+																className: "packyCodeButton",
+																onClick: () => setRenaming(void 0),
+																children: t("keyRenameCancel")
+															})
+														]
+													}) : key.label,
 													key.active && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 														className: "packyCodeChip packyCodeChipActive",
 														children: t("keyActive")
@@ -669,6 +912,16 @@ window.__ModuleLoader__.load({
 													onClick: () => mutate("keys/enable")({ id: key.id }),
 													children: t("keyEnable")
 												}),
+												renaming?.id !== key.id && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+													type: "button",
+													className: "packyCodeButton",
+													disabled: busy,
+													onClick: () => setRenaming({
+														id: key.id,
+														label: key.label
+													}),
+													children: t("keyRename")
+												}),
 												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 													type: "button",
 													className: "packyCodeButton",