dsh-packycode-api 1.2.6 → 1.2.8

package/lib/client.js

@@ -44,7 +44,6 @@ window.__ModuleLoader__.load({
 			imagesBalanceFailed: "图片余额读取失败",
 			imagesComposerLabel: "图片剩余额度",
 			imagesBalanceKey: "当前图片 Key",
-			imagesBalanceReadAt: "更新于 {time}",
 			imagesBalanceHint: "仅汇总图片 Key 的额度，每分钟自动更新；也可手动刷新。与对话 Key 的余额分开统计。",
 			imagesIntro: "使用独立图片 Key 调用 PackyCode 图片接口。生成新图或上传图片后描述修改要求；图片模型独立于对话模型。原始 PNG 保存在本机，聊天中显示图片预览。",
 			imagesEnabled: "图片生成与编辑",
@@ -88,6 +87,8 @@ window.__ModuleLoader__.load({
 			totalStale: "其中 {count} 个 Key 本次读取失败，显示的是上次读到的余额。",
 			staleNote: "上次读取于 {time}，本次读取失败：{error}",
 			empty: "还没有 Key。添加一个即可在模型选择器里看到 PackyCode 的模型。",
+			inviteLead: "还没有 PackyCode 的 API Key？可以通过邀请链接注册：",
+			inviteLink: "www.packyapi.ai/register ↗",
 			keysHint: "按顺序使用：当前 Key 不可用时自动切到下一个；「切到此 Key」指定优先使用的 Key。",
 			keyActive: "使用中",
 			keyDisabled: "已停用",
@@ -137,9 +138,11 @@ window.__ModuleLoader__.load({
 			apiHost: "模型接口地址",
 			statusHost: "余额接口地址",
 			composerLabel: "PackyCode 剩余额度",
+			composerKey: "当前 Key",
 			composerNoKey: "无可用 Key",
 			composerUnread: "余额读取失败",
 			composerStale: "上次读取于 {time}，本次读取失败",
+			quotaReadAt: "更新于 {time}",
 			cliTitle: "Claude Code CLI",
 			cliChecking: "正在检测本机的 Claude Code CLI…",
 			cliInstalled: "已安装",
@@ -182,6 +185,20 @@ window.__ModuleLoader__.load({
 			versionRestartHint: "插件无法安全地重启桌面应用。请完全退出 DSH，再重新打开。",
 			versionRefresh: "刷新界面",
 			versionLater: "稍后",
+			diagTitle: "诊断信息",
+			diagIntro: "遇到回答被截断（已达到输出 token 上限）、请求反复失败等问题时，选择出问题的会话，生成诊断信息并复制给插件作者。",
+			diagSession: "会话",
+			diagGenerate: "生成诊断信息",
+			diagGenerating: "正在生成…",
+			diagReport: "诊断信息内容",
+			diagCopy: "复制",
+			diagCopied: "已复制",
+			diagSelected: "已选中全部内容，请按 ⌘C 或 Ctrl+C 复制。",
+			diagPrivacy: "只包含模型、推理档位、输出上限、每一步的 token 用量和错误码，不含对话内容、文件路径和 Key。",
+			diagNoSessions: "还没有会话。",
+			diagLive: "进行中",
+			diagNoFolder: "无目录",
+			diagError: "生成诊断信息失败",
 			searchTitle: "网页搜索",
 			searchScope: "DSH 全局设置",
 			searchIntro: "DSH 的 web_search 和 Claude CLI 的 MCP 搜索可使用这里选择的 DeepSeek/GPT 后端。每次搜索是独立的模型调用，用插件保存的 Key 计费。",
@@ -226,7 +243,6 @@ window.__ModuleLoader__.load({
 			imagesBalanceFailed: "Could not read image balances",
 			imagesComposerLabel: "Image balance",
 			imagesBalanceKey: "Current image key",
-			imagesBalanceReadAt: "Updated at {time}",
 			imagesBalanceHint: "Only image key quotas are counted here. Updates every minute, or use Refresh. Conversation key balances are separate.",
 			imagesIntro: "Use a dedicated image key with PackyCode’s Images API. Describe a new image or attach images with editing instructions. The image engine is independent of the conversation model. Original PNGs are saved locally and previews appear in chat.",
 			imagesEnabled: "Generate and edit images",
@@ -270,6 +286,8 @@ window.__ModuleLoader__.load({
 			totalStale: "{count} of these keys failed this read and show their last read balance.",
 			staleNote: "Last read at {time}; this read failed: {error}",
 			empty: "No keys yet. Add one and the PackyCode models appear in the model picker.",
+			inviteLead: "No PackyCode API key yet? You can register through this invite link:",
+			inviteLink: "www.packyapi.ai/register ↗",
 			keysHint: "Used in order: when the active key cannot serve a request, the next one takes over. “Use this key” picks the preferred key.",
 			keyActive: "Active",
 			keyDisabled: "Disabled",
@@ -311,9 +329,11 @@ window.__ModuleLoader__.load({
 			apiHost: "Model endpoint",
 			statusHost: "Balance endpoint",
 			composerLabel: "PackyCode remaining balance",
+			composerKey: "Current key",
 			composerNoKey: "No usable key",
 			composerUnread: "Balance unavailable",
-			composerStale: "last read at {time}; this read failed",
+			composerStale: "Last read at {time}; this read failed",
+			quotaReadAt: "Updated at {time}",
 			cliTitle: "Claude Code CLI",
 			cliChecking: "Checking this device for the Claude Code CLI…",
 			cliInstalled: "Installed",
@@ -356,6 +376,20 @@ window.__ModuleLoader__.load({
 			versionRestartHint: "The plugin cannot safely restart the desktop application. Quit DSH completely, then open it again.",
 			versionRefresh: "Refresh page",
 			versionLater: "Later",
+			diagTitle: "Diagnostics",
+			diagIntro: "If replies are cut off (\"output token limit reached\") or requests keep failing, pick the affected session, generate its diagnostics and send them to the plugin author.",
+			diagSession: "Session",
+			diagGenerate: "Generate diagnostics",
+			diagGenerating: "Generating…",
+			diagReport: "Diagnostics text",
+			diagCopy: "Copy",
+			diagCopied: "Copied",
+			diagSelected: "All text is selected; press ⌘C or Ctrl+C to copy.",
+			diagPrivacy: "Contains only models, reasoning effort, output limits, per-step token usage and error codes — no conversation text, file paths or keys.",
+			diagNoSessions: "No sessions yet.",
+			diagLive: "open",
+			diagNoFolder: "no folder",
+			diagError: "Could not generate diagnostics",
 			searchTitle: "Web search",
 			searchScope: "DSH-wide setting",
 			searchIntro: "DSH’s web_search and Claude CLI’s MCP search can use the DeepSeek/GPT backend selected here. Each search is a separate model call billed to the plugin-stored keys.",
@@ -400,6 +434,8 @@ window.__ModuleLoader__.load({
 .pkc-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:28px}
 .pkc-title{display:flex;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:600;line-height:22px}
 .pkc-note{margin:0;color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:18px}
+.pkc-link{color:var(--dsw-alias-link,#3964fe);font-weight:500;text-decoration:none;word-break:break-all}
+.pkc-link:hover,.pkc-link:focus{outline:none;text-decoration:underline dotted var(--dsw-alias-link,#3964fe);text-underline-offset:3px}
 .pkc-warn{margin:0;color:var(--dsw-alias-state-warn-label,#dd8629);font-size:12px;line-height:18px}
 .pkc-error{margin:0;color:var(--dsw-alias-state-error-primary,#ec1313);font-size:12px;line-height:18px}
 .pkc-label{color:var(--dsw-alias-label-secondary);font-size:12px;font-weight:500;line-height:18px}
@@ -421,13 +457,16 @@ window.__ModuleLoader__.load({
 .pkc-input:focus{border-color:var(--dsw-alias-state-business-primary)}
 .pkc-input::placeholder{color:var(--dsw-alias-label-caption)}
 .pkc-input:disabled{opacity:.5}
+.pkc-diag-session{flex:1 1 260px;max-width:480px;cursor:pointer}
+.pkc-diag-text{width:100%;height:auto;min-height:220px;padding:8px 10px;line-height:18px;resize:vertical;white-space:pre;overflow:auto}
 .pkc-image-choice{flex:none;width:100%;max-width:300px;cursor:pointer}
 .pkc-image-shortcut{display:inline-flex;align-items:center;gap:8px}
-.pkc-image-balance{position:relative;display:inline-flex;align-items:center}
-.pkc-image-balance-value{cursor:help;border-radius:var(--dsw-radius-xs,4px)}
-.pkc-image-balance-value:focus-visible{outline:1px solid var(--dsw-alias-state-business-primary);outline-offset:2px}
-.pkc-image-balance-tooltip{position:absolute;bottom:calc(100% + 8px);left:0;z-index:100;box-sizing:border-box;width:max-content;max-width:min(320px,calc(100vw - 32px));padding:10px 12px;border:.5px solid var(--dsw-alias-border-l3);border-radius:var(--dsw-radius-md,12px);background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-primary);box-shadow:var(--dsw-shadow-lv1);font-size:12px;line-height:20px;white-space:pre-line;overflow-wrap:anywhere;visibility:hidden;opacity:0;pointer-events:none}
-.pkc-image-balance:hover>.pkc-image-balance-tooltip,.pkc-image-balance:focus-within>.pkc-image-balance-tooltip{visibility:visible;opacity:1}
+.pkc-quota{position:relative;display:inline-flex;align-items:center}
+.pkc-quota-value{cursor:help;border-radius:var(--dsw-radius-xs,4px)}
+.pkc-quota-value:focus-visible{outline:1px solid var(--dsw-alias-state-business-primary);outline-offset:2px}
+.pkc-quota-tooltip{position:absolute;bottom:calc(100% + 8px);left:0;z-index:100;box-sizing:border-box;width:max-content;max-width:min(320px,calc(100vw - 32px));padding:10px 12px;border:.5px solid var(--dsw-alias-border-l3);border-radius:var(--dsw-radius-md,12px);background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-primary);box-shadow:var(--dsw-shadow-lv1);font-size:12px;line-height:20px;white-space:pre-line;overflow-wrap:anywhere;visibility:hidden;opacity:0;pointer-events:none}
+.pkc-quota[data-align=end]>.pkc-quota-tooltip{left:auto;right:0}
+.pkc-quota:hover>.pkc-quota-tooltip,.pkc-quota:focus-within>.pkc-quota-tooltip{visibility:visible;opacity:1}
 .pkc-image-result,.pkc-image-chat{display:flex;flex-direction:column;gap:10px;padding:8px 0}
 .pkc-generated-image{display:grid;place-items:center;align-self:flex-start;max-width:100%;width:320px;min-height:80px;padding:0;overflow:hidden;border:.5px solid var(--dsw-alias-border-l3);border-radius:var(--dsw-radius-md,12px);background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-secondary);cursor:zoom-in}
 .pkc-generated-image img{display:block;max-width:100%;max-height:480px;object-fit:contain}
@@ -720,6 +759,54 @@ window.__ModuleLoader__.load({
 				})
 			] });
 		}
+		/**
+		* A composer quota figure with the same details for either key ring. The help
+		* cursor marks it; hovering or focusing it shows the key, its account, the
+		* remaining, used and total quota and when it was read, and asks the caller
+		* for an unforced read.
+		* @param props.copy - the ring's own lines: `title`, `key`, `failed`, `loading`.
+		* @param props.empty - what the figure shows while the remaining quota is unknown.
+		* @param props.align - `end` opens the details leftward, for the composer's right side.
+		*/
+		function QuotaHover({ row, fetchedAt, loading = false, failed = false, empty, copy, align, onRefresh, t }) {
+			const tooltipId = react.useId();
+			const usage = row?.usage;
+			const unlimited = usage?.unlimitedQuota === true;
+			const remaining = unlimited ? t("keyUnlimited") : formatUsd(usage?.availableUsd);
+			const stale = usage !== void 0 && (failed || row.stale !== void 0);
+			const display = remaining ?? empty;
+			const details = [
+				copy.title,
+				row?.label ? `${copy.key}: ${row.label}` : void 0,
+				usage?.name ? `${t("keyName")}: ${usage.name}` : void 0,
+				`${t("keyRemaining")}: ${remaining ?? "—"}`,
+				`${t("keyUsed")}: ${formatUsd(usage?.usedUsd) ?? "—"}`,
+				`${t("accountLimit")}: ${unlimited ? t("keyUnlimited") : formatUsd(quotaTotalUsd(usage)) ?? "—"}`,
+				stale ? fill(t("composerStale"), { time: readTime(row.stale?.fetchedAt ?? fetchedAt) }) : failed || row?.error ? copy.failed : loading ? copy.loading : fetchedAt === void 0 ? void 0 : fill(t("quotaReadAt"), { time: readTime(fetchedAt) })
+			].filter(Boolean).join("\n");
+			const refresh = () => {
+				onRefresh?.();
+			};
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				className: "pkc-quota",
+				"data-align": align,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "pkc-composer pkc-quota-value",
+					role: "status",
+					tabIndex: 0,
+					"aria-label": `${copy.title}: ${stale ? "≈" : ""}${display}`,
+					"aria-describedby": tooltipId,
+					onMouseEnter: refresh,
+					onFocus: refresh,
+					children: stale ? `≈${display}` : display
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "pkc-quota-tooltip",
+					id: tooltipId,
+					role: "tooltip",
+					children: details
+				})]
+			});
+		}
 		/** Only this card's keys contribute; account-wide billing is never added. */
 		function BalanceTotals({ rows, t }) {
 			const totals = sumBalances(rows);
@@ -779,7 +866,6 @@ window.__ModuleLoader__.load({
 		function ImageShortcutBalance({ call, t }) {
 			const [view, setView] = react.useState({ loading: true });
 			const refresh = react.useRef(() => {});
-			const tooltipId = react.useId();
 			react.useEffect(() => {
 				let live = true, generation = 0, pending = false;
 				const read = async (force = false, reset = false) => {
@@ -823,42 +909,22 @@ window.__ModuleLoader__.load({
 					window.removeEventListener("packycode-images-updated", changed);
 				};
 			}, [call]);
-			const row = currentImageKey(view.balance);
-			const usage = row?.usage;
-			const unlimited = usage?.unlimitedQuota === true;
-			const remaining = unlimited ? t("keyUnlimited") : formatUsd(usage?.availableUsd);
-			const stale = usage !== void 0 && (view.failed || row.stale !== void 0);
-			const display = remaining ?? (view.loading ? "…" : "—");
-			const details = [
-				t("imagesComposerLabel"),
-				row?.label ? `${t("imagesBalanceKey")}: ${row.label}` : void 0,
-				usage?.name ? `${t("keyName")}: ${usage.name}` : void 0,
-				`${t("keyRemaining")}: ${remaining ?? "—"}`,
-				`${t("keyUsed")}: ${formatUsd(usage?.usedUsd) ?? "—"}`,
-				`${t("accountLimit")}: ${unlimited ? t("keyUnlimited") : formatUsd(quotaTotalUsd(usage)) ?? "—"}`,
-				stale ? fill(t("composerStale"), { time: readTime(row.stale?.fetchedAt ?? view.balance?.fetchedAt) }) : view.failed || row?.error ? t("imagesBalanceFailed") : view.loading ? t("imagesBalanceLoading") : view.balance?.fetchedAt === void 0 ? void 0 : fill(t("imagesBalanceReadAt"), { time: readTime(view.balance.fetchedAt) })
-			].filter(Boolean).join("\n");
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-				className: "pkc-image-balance",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "pkc-composer pkc-image-balance-value",
-					role: "status",
-					tabIndex: 0,
-					"aria-label": `${t("imagesComposerLabel")}: ${stale ? "≈" : ""}${display}`,
-					"aria-describedby": tooltipId,
-					onMouseEnter: () => {
-						refresh.current();
-					},
-					onFocus: () => {
-						refresh.current();
-					},
-					children: stale ? `≈${display}` : display
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "pkc-image-balance-tooltip",
-					id: tooltipId,
-					role: "tooltip",
-					children: details
-				})]
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(QuotaHover, {
+				row: currentImageKey(view.balance),
+				fetchedAt: view.balance?.fetchedAt,
+				loading: view.loading,
+				failed: view.failed === true,
+				empty: view.loading ? "…" : "—",
+				copy: {
+					title: t("imagesComposerLabel"),
+					key: t("imagesBalanceKey"),
+					failed: t("imagesBalanceFailed"),
+					loading: t("imagesBalanceLoading")
+				},
+				onRefresh: () => {
+					refresh.current();
+				},
+				t
 			});
 		}
 		//#endregion
@@ -1116,6 +1182,79 @@ window.__ModuleLoader__.load({
 			}, image.revision);
 		}
 		//#endregion
+		//#region src/client-key-rename.jsx
+		/**
+		* Renaming a stored key, the same way in the conversation and image key
+		* cards: the name becomes a text field; Enter or Save stores it, Escape or
+		* Cancel keeps the old one. Only the key's id and the new label reach the host.
+		*
+		* @module dsh-packycode-api/client-key-rename
+		*/
+		/**
+		* The rename state a key card keeps.
+		* @param save - `({ id, label }) => Promise`; the field closes once it settles.
+		* @returns `{ renaming, start, change, cancel, submit }`.
+		*/
+		function useKeyRename(save) {
+			const [renaming, setRenaming] = react.useState();
+			return {
+				renaming,
+				start: (entry) => setRenaming({
+					id: entry.id,
+					label: entry.label
+				}),
+				change: (label) => setRenaming((current) => ({
+					...current,
+					label
+				})),
+				cancel: () => setRenaming(void 0),
+				submit: () => {
+					if (renaming === void 0 || renaming.label.trim() === "") return;
+					save({
+						id: renaming.id,
+						label: renaming.label
+					}).then(() => setRenaming(void 0));
+				}
+			};
+		}
+		/** The field and buttons that stand in for a key's name while it is renamed. */
+		function KeyRenameForm({ rename, busy, t }) {
+			const label = rename.renaming.label;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
+				className: "pkc-form",
+				onSubmit: (event) => {
+					event.preventDefault();
+					rename.submit();
+				},
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+						className: "pkc-input",
+						type: "text",
+						maxLength: 60,
+						autoFocus: true,
+						placeholder: t("keyRenamePlaceholder"),
+						value: label,
+						onChange: (event) => rename.change(event.target.value),
+						onKeyDown: (event) => event.key === "Escape" && rename.cancel()
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "submit",
+						className: "pkc-btn",
+						"data-variant": "primary",
+						disabled: busy || label.trim() === "",
+						children: t("keyRenameSave")
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: "pkc-btn",
+						"data-variant": "ghost",
+						onClick: rename.cancel,
+						children: t("keyRenameCancel")
+					})
+				]
+			});
+		}
+		//#endregion
 		//#region src/client-images.jsx
 		const imageModelLabel = (id) => id.replace("gpt-image-", "GPT Image ").replace("-flare", " Flare").replace("-sunburst", " Sunburst");
 		/** Only projections come back from the host; the password draft is cleared on success. */
@@ -1182,6 +1321,10 @@ window.__ModuleLoader__.load({
 					if (mounted.current) setBusy(false);
 				}
 			};
+			const rename = useKeyRename(({ id, label }) => mutate("images/keys/rename", {
+				id,
+				label
+			}));
 			const disabled = busy || state?.writable !== true;
 			const models = state?.models ?? [];
 			const qualities = models.find((model) => model.id === state?.imageModel)?.qualities ?? [];
@@ -1291,7 +1434,11 @@ window.__ModuleLoader__.load({
 									className: "pkc-row-top",
 									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 										className: "pkc-row-name",
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										children: [rename.renaming?.id === entry.id ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(KeyRenameForm, {
+											rename,
+											busy,
+											t
+										}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 											className: "pkc-name",
 											children: entry.label
 										}), entry.active && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
@@ -1299,26 +1446,37 @@ window.__ModuleLoader__.load({
 											"data-tone": "success",
 											children: t("keyActive")
 										})]
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									}), rename.renaming?.id !== entry.id && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 										className: "pkc-actions",
-										children: [!entry.active && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-											className: "pkc-btn",
-											type: "button",
-											disabled: busy,
-											onClick: () => {
-												mutate("images/keys/select", { id: entry.id });
-											},
-											children: t("keyUse")
-										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-											className: "pkc-btn",
-											"data-variant": "danger",
-											type: "button",
-											disabled: busy,
-											onClick: () => {
-												mutate("images/keys/remove", { id: entry.id });
-											},
-											children: t("keyRemove")
-										})]
+										children: [
+											!entry.active && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+												className: "pkc-btn",
+												type: "button",
+												disabled: busy,
+												onClick: () => {
+													mutate("images/keys/select", { id: entry.id });
+												},
+												children: t("keyUse")
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+												className: "pkc-btn",
+												"data-variant": "ghost",
+												type: "button",
+												disabled: busy,
+												onClick: () => rename.start(entry),
+												children: t("keyRename")
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+												className: "pkc-btn",
+												"data-variant": "danger",
+												type: "button",
+												disabled: busy,
+												onClick: () => {
+													mutate("images/keys/remove", { id: entry.id });
+												},
+												children: t("keyRemove")
+											})
+										]
 									})]
 								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(KeyBalance, {
 									row: rows.find((row) => row.id === entry.id),
@@ -1593,6 +1751,173 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
+		//#region src/client-diagnostics.jsx
+		/**
+		* The settings card that turns one session into a numbers-only diagnosis a
+		* user can copy into a bug report. The host builds the text; this card only
+		* picks the session, shows the result and copies it.
+		*
+		* @module dsh-packycode-api/client-diagnostics
+		*/
+		const pad = (value) => String(value).padStart(2, "0");
+		/** The picker's local date and time; the report itself keeps UTC ISO times. */
+		function localTime(iso) {
+			const date = new Date(iso);
+			if (Number.isNaN(date.getTime())) return "—";
+			return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())} ${pad(date.getHours())}:${pad(date.getMinutes())}`;
+		}
+		const messageOf = (failure) => failure instanceof Error ? failure.message : String(failure);
+		function DiagnosticsCard({ call, t }) {
+			const [sessions, setSessions] = react.useState();
+			const [selected, setSelected] = react.useState("");
+			const [report, setReport] = react.useState();
+			const [busy, setBusy] = react.useState(false);
+			const [error, setError] = react.useState();
+			const [copied, setCopied] = react.useState();
+			const area = react.useRef(null);
+			const mounted = react.useRef(true);
+			react.useEffect(() => () => {
+				mounted.current = false;
+			}, []);
+			const loadSessions = react.useCallback(() => {
+				setError(void 0);
+				return call("diagnostics/sessions").then((value) => {
+					if (!mounted.current) return;
+					const list = Array.isArray(value?.sessions) ? value.sessions : [];
+					setSessions(list);
+					setSelected((current) => list.some((item) => item.id === current) ? current : list[0]?.id ?? "");
+				}).catch((failure) => {
+					if (mounted.current) setError(messageOf(failure));
+				});
+			}, [call]);
+			react.useEffect(() => {
+				loadSessions();
+			}, [loadSessions]);
+			const generate = () => {
+				if (selected === "") return;
+				setBusy(true);
+				setError(void 0);
+				setCopied(void 0);
+				call("diagnostics/session", { sessionId: selected }).then((value) => {
+					if (mounted.current) setReport(JSON.stringify(value, null, 2));
+				}).catch((failure) => {
+					if (mounted.current) setError(messageOf(failure));
+				}).finally(() => {
+					if (mounted.current) setBusy(false);
+				});
+			};
+			/** Copy through the clipboard API, or select everything for a manual copy. */
+			const copy = () => {
+				if (report === void 0) return;
+				const selectAll = () => {
+					area.current?.focus?.();
+					area.current?.select?.();
+					if (mounted.current) setCopied("selected");
+				};
+				const clipboard = globalThis.navigator?.clipboard;
+				if (typeof clipboard?.writeText !== "function") {
+					selectAll();
+					return;
+				}
+				clipboard.writeText(report).then(() => {
+					if (mounted.current) setCopied("copied");
+				}, selectAll);
+			};
+			const label = (item) => [
+				localTime(item.createdAt),
+				item.folder ?? t("diagNoFolder"),
+				item.live ? t("diagLive") : void 0
+			].filter(Boolean).join(" · ");
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+				className: "pkc-card",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
+						className: "pkc-head",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+							className: "pkc-title",
+							children: t("diagTitle")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "pkc-actions",
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								className: "pkc-btn",
+								type: "button",
+								disabled: busy,
+								onClick: () => {
+									loadSessions();
+								},
+								children: t("refresh")
+							})
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "pkc-note",
+						children: t("diagIntro")
+					}),
+					sessions !== void 0 && sessions.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "pkc-note",
+						children: t("diagNoSessions")
+					}),
+					sessions !== void 0 && sessions.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "pkc-form",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("select", {
+							className: "pkc-input pkc-diag-session",
+							"aria-label": t("diagSession"),
+							value: selected,
+							disabled: busy,
+							onChange: (event) => {
+								setSelected(event.target.value);
+								setReport(void 0);
+								setCopied(void 0);
+							},
+							children: sessions.map((item) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+								value: item.id,
+								children: label(item)
+							}, item.id))
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							className: "pkc-btn",
+							"data-variant": "primary",
+							"data-size": "md",
+							type: "button",
+							disabled: busy || selected === "",
+							onClick: generate,
+							children: busy ? t("diagGenerating") : t("diagGenerate")
+						})]
+					}),
+					report !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+							ref: area,
+							className: "pkc-input pkc-mono pkc-diag-text",
+							readOnly: true,
+							rows: 14,
+							value: report,
+							"aria-label": t("diagReport")
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "pkc-form",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								className: "pkc-btn",
+								type: "button",
+								onClick: copy,
+								children: copied === "copied" ? t("diagCopied") : t("diagCopy")
+							}), copied === "selected" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "pkc-note",
+								children: t("diagSelected")
+							})]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "pkc-note",
+							children: t("diagPrivacy")
+						})
+					] }),
+					error !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "pkc-error",
+						role: "alert",
+						children: `${t("diagError")}: ${error}`
+					})
+				]
+			});
+		}
+		//#endregion
 		//#region src/client.jsx
 		/**
 		* Browser half: the PackyCode settings page and the composer balance chip.
@@ -1607,6 +1932,8 @@ window.__ModuleLoader__.load({
 		const PROVIDER = "packycode";
 		const CHANNEL = "/packycode-api";
 		const REFRESH_MS = 6e4;
+		/** PackyCode registration through the author's invite link, offered only until a key is stored. */
+		const INVITE_URL = "https://www.packyapi.ai/register?aff=Im3l";
 		const INSTALL_POLL_MS = 2e3;
 		/** How long after a search change the panel re-reads what DSH applied (the patch hot-reloads). */
 		const SEARCH_SETTLE_MS = 1500;
@@ -1748,8 +2075,8 @@ window.__ModuleLoader__.load({
 				})
 			] });
 		}
-		function KeyRow({ entry, row, group, descriptions, groupsLoading, busy, renaming, onRename, onAction, t }) {
-			const editing = renaming?.id === entry.id;
+		function KeyRow({ entry, row, group, descriptions, groupsLoading, busy, rename, onAction, t }) {
+			const editing = rename.renaming?.id === entry.id;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "pkc-row",
 				children: [
@@ -1758,35 +2085,10 @@ window.__ModuleLoader__.load({
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 							className: "pkc-row-name",
 							children: [
-								editing ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
-									className: "pkc-form",
-									onSubmit: (event) => {
-										event.preventDefault();
-										onRename.submit();
-									},
-									children: [
-										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-											className: "pkc-input",
-											type: "text",
-											maxLength: 60,
-											autoFocus: true,
-											placeholder: t("keyRenamePlaceholder"),
-											value: renaming.label,
-											onChange: (event) => onRename.change(event.target.value),
-											onKeyDown: (event) => event.key === "Escape" && onRename.cancel()
-										}),
-										/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
-											type: "submit",
-											variant: "primary",
-											disabled: busy || renaming.label.trim() === "",
-											children: t("keyRenameSave")
-										}),
-										/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
-											variant: "ghost",
-											onClick: onRename.cancel,
-											children: t("keyRenameCancel")
-										})
-									]
+								editing ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(KeyRenameForm, {
+									rename,
+									busy,
+									t
 								}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 									className: "pkc-name",
 									children: entry.label
@@ -1818,7 +2120,7 @@ window.__ModuleLoader__.load({
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
 									variant: "ghost",
 									disabled: busy,
-									onClick: () => onRename.start(entry),
+									onClick: () => rename.start(entry),
 									children: t("keyRename")
 								}),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
@@ -1843,6 +2145,27 @@ window.__ModuleLoader__.load({
 				]
 			});
 		}
+		/**
+		* Where to get a key, for a profile that has none. A new-window link: the
+		* desktop shell hands http(s) window opens to the system browser, and a web
+		* profile opens a new tab.
+		*/
+		function RegisterInvite({ t }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+				className: "pkc-note",
+				children: [
+					t("inviteLead"),
+					" ",
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+						className: "pkc-link",
+						href: INVITE_URL,
+						target: "_blank",
+						rel: "noopener noreferrer",
+						children: t("inviteLink")
+					})
+				]
+			});
+		}
 		function AccountsCard({ call, t }) {
 			const [status, setStatus] = react.useState();
 			const [balance, setBalance] = react.useState();
@@ -1854,7 +2177,6 @@ window.__ModuleLoader__.load({
 				key: "",
 				label: ""
 			});
-			const [renaming, setRenaming] = react.useState();
 			const generation = react.useRef(0);
 			const readGroups = react.useCallback((force = false) => {
 				setGroupsLoading(true);
@@ -1901,24 +2223,10 @@ window.__ModuleLoader__.load({
 					label: ""
 				}));
 			};
-			const rename = {
-				start: (entry) => setRenaming({
-					id: entry.id,
-					label: entry.label
-				}),
-				change: (label) => setRenaming((current) => ({
-					...current,
-					label
-				})),
-				cancel: () => setRenaming(void 0),
-				submit: () => {
-					if (renaming === void 0 || renaming.label.trim() === "") return;
-					mutate("keys/rename", {
-						id: renaming.id,
-						label: renaming.label
-					}).then(() => setRenaming(void 0));
-				}
-			};
+			const rename = useKeyRename(({ id, label }) => mutate("keys/rename", {
+				id,
+				label
+			}));
 			const keys = status?.keys ?? [];
 			const rows = balance?.keys ?? [];
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Card, {
@@ -1937,10 +2245,10 @@ window.__ModuleLoader__.load({
 					})]
 				}),
 				children: [
-					keys.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					keys.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 						className: "pkc-note",
 						children: t("empty")
-					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+					}), status !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RegisterInvite, { t })] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(BalanceTotals, {
 							rows,
 							t
@@ -1954,8 +2262,7 @@ window.__ModuleLoader__.load({
 								descriptions: groups?.descriptions,
 								groupsLoading,
 								busy,
-								renaming,
-								onRename: rename,
+								rename,
 								onAction: mutate,
 								t
 							}, entry.id))
@@ -2626,6 +2933,10 @@ window.__ModuleLoader__.load({
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(VersionCard, {
 						call,
 						t
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DiagnosticsCard, {
+						call,
+						t
 					})
 				]
 			});
@@ -2634,38 +2945,48 @@ window.__ModuleLoader__.load({
 			const call = useCaller(rpc);
 			const enabled = react.useSyncExternalStore((listener) => directory.subscribe(listener), () => directory.getSnapshot())?.current?.provider === PROVIDER;
 			const [balance, setBalance] = react.useState();
+			const refresh = react.useRef(() => {});
 			react.useEffect(() => {
 				if (!enabled) {
 					setBalance(void 0);
 					return;
 				}
 				let live = true;
+				let pending = false;
 				const tick = () => {
+					if (pending) return;
+					pending = true;
 					call("balance").then((value) => {
 						if (live) setBalance(value);
 					}).catch(() => {
 						if (live) setBalance(void 0);
+					}).finally(() => {
+						pending = false;
 					});
 				};
+				refresh.current = tick;
 				tick();
 				const timer = window.setInterval(tick, REFRESH_MS);
 				return () => {
 					live = false;
+					refresh.current = () => {};
 					window.clearInterval(timer);
 				};
 			}, [call, enabled]);
 			if (!enabled || balance === void 0) return null;
 			const row = activeUsage(balance);
-			const usage = row?.usage;
-			const display = usage?.unlimitedQuota === true ? t("keyUnlimited") : formatUsd(usage?.availableUsd) ?? (row?.error === void 0 ? t("composerNoKey") : t("composerUnread"));
-			const stale = row?.stale !== void 0 && usage !== void 0;
-			const label = stale ? `${t("composerLabel")}: ${display}（${fill(t("composerStale"), { time: readTime(row.stale.fetchedAt) })}）` : `${t("composerLabel")}: ${display}`;
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: "pkc-composer",
-				role: "status",
-				"aria-label": label,
-				title: label,
-				children: stale ? `≈${display}` : display
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(QuotaHover, {
+				row,
+				fetchedAt: balance.fetchedAt,
+				empty: row?.error === void 0 ? t("composerNoKey") : t("composerUnread"),
+				copy: {
+					title: t("composerLabel"),
+					key: t("composerKey"),
+					failed: t("composerUnread")
+				},
+				align: "end",
+				onRefresh: () => refresh.current(),
+				t
 			});
 		}
 		const inject = [