@klarkxy/dsh-magpie 0.1.0 → 0.1.1

package/lib/client.js

@@ -446,16 +446,27 @@ const inject = [
 	"locale"
 ];
 const styles = `${officialUiCss(".mgp-root")}
+.mgp-root .mgp-head { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; flex-wrap: wrap; min-width: 0; }
 .mgp-root .mgp-row { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
-.mgp-root .mgp-row > .mgp-grow { flex: 1 1 220px; }
+.mgp-root .mgp-grow { flex: 1 1 220px; min-width: 0; }
 .mgp-root .mgp-danger { color: var(--dsw-alias-state-error-primary); }
+/* The advanced disclosure: a plain details/summary, so it opens without any
+ * script and keeps the keyboard behaviour the platform gives it. */
+.mgp-root .mgp-advanced { border-top: 0.5px solid var(--dsw-alias-border-l2); padding-top: 8px; min-width: 0; }
+.mgp-root .mgp-advanced > summary { display: inline-flex; align-items: center; gap: 6px; width: fit-content; cursor: pointer; list-style: none; font-size: 12px; line-height: 18px; font-weight: 500; color: var(--dsw-alias-label-secondary); }
+.mgp-root .mgp-advanced > summary::-webkit-details-marker { display: none; }
+.mgp-root .mgp-advanced > summary::before { content: ''; width: 5px; height: 5px; border-right: 1.5px solid currentcolor; border-bottom: 1.5px solid currentcolor; transform: rotate(-45deg) translate(-1px, -1px); transition: transform 120ms ease; }
+.mgp-root .mgp-advanced[open] > summary::before { transform: rotate(45deg) translate(-1px, -1px); }
+.mgp-root .mgp-advanced > summary:hover { color: var(--dsw-alias-label-primary); }
+.mgp-root .mgp-advanced-body { display: flex; flex-direction: column; gap: 12px; padding-top: 12px; min-width: 0; }
 `;
 const copy = {
 	zh: {
 		loading: "正在读取状态…",
 		failed: "操作失败：",
 		retry: "重试",
-		connection: "连接",
+		title: "Magpie",
+		intro: "连接本机、局域网或远程的 magpie 网关，把它的模型加入本 profile 的模型列表。",
 		address: "网关地址",
 		addressHelp: "本机、局域网或远程的 magpie 网关，例如 http://127.0.0.1:3425。",
 		key: "网关 Key",
@@ -466,7 +477,6 @@ const copy = {
 		test: "测试",
 		save: "保存",
 		saved: "已保存。",
-		sync: "同步",
 		syncNow: "立即同步",
 		syncing: "正在同步…",
 		syncOnStart: "启动时同步",
@@ -486,13 +496,15 @@ const copy = {
 		confirmDisconnect: "确认断开？",
 		disconnectHelp: "移除三条 magpie 供应商路由并还原默认模型与网络搜索；已保存的 Key 保留。",
 		testOk: (n) => `连接正常，网关返回 ${n} 个模型。`,
-		notConnected: "尚未连接。"
+		notConnected: "尚未连接。",
+		advanced: "高级设置"
 	},
 	en: {
 		loading: "Loading status…",
 		failed: "Action failed: ",
 		retry: "Retry",
-		connection: "Connection",
+		title: "Magpie",
+		intro: "Point DSH at a magpie gateway on this computer, your LAN, or elsewhere, and its models join this profile.",
 		address: "Gateway address",
 		addressHelp: "A magpie gateway on this computer, your LAN, or elsewhere, e.g. http://127.0.0.1:3425.",
 		key: "Gateway key",
@@ -503,7 +515,6 @@ const copy = {
 		test: "Test",
 		save: "Save",
 		saved: "Saved.",
-		sync: "Sync",
 		syncNow: "Sync now",
 		syncing: "Syncing…",
 		syncOnStart: "Sync at startup",
@@ -523,7 +534,8 @@ const copy = {
 		confirmDisconnect: "Confirm disconnect?",
 		disconnectHelp: "Removes the three magpie provider routes and reverts the default model and web search; the saved key is kept.",
 		testOk: (n) => `Connection OK: the gateway returned ${n} models.`,
-		notConnected: "Not connected yet."
+		notConnected: "Not connected yet.",
+		advanced: "Advanced"
 	}
 };
 var RpcError = class extends Error {
@@ -625,23 +637,33 @@ function MagpieSettingsPage({ client }) {
 		setAddress((current) => addressDirty ? current : next.address);
 	};
 	if (!status) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-		className: "mgp-root dsh-ui-page dsh-ui-form",
+		className: "mgp-root dsh-ui-card",
 		"data-testid": "magpie-settings",
-		children: [error ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
-			role: "alert",
-			className: "dsh-ui-error",
-			children: [text.failed, error]
-		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-			role: "status",
-			className: "dsh-ui-hint",
-			children: text.loading
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
-			variant: "ghost",
-			size: "sm",
-			disabled: Boolean(busy),
-			onClick: () => void load(),
-			children: text.retry
-		})]
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "dsh-ui-heading",
+				children: text.title
+			}),
+			error ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+				role: "alert",
+				className: "dsh-ui-error",
+				children: [text.failed, error]
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				role: "status",
+				className: "dsh-ui-hint",
+				children: text.loading
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "dsh-ui-actions",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+					variant: "ghost",
+					size: "sm",
+					disabled: Boolean(busy),
+					onClick: () => void load(),
+					children: text.retry
+				})
+			})
+		]
 	});
 	const models = status.models;
 	const defaultChoices = models.map((model) => model.id);
@@ -650,10 +672,25 @@ function MagpieSettingsPage({ client }) {
 		const found = models.find((model) => model.id === id);
 		return found ? `${found.name ?? id} · ${found.route}` : id;
 	};
+	const gatewaySummary = status.gateway ? `${status.gateway.name}${status.gateway.version ? ` ${status.gateway.version}` : ""} · ${text.models(models.length)}` : text.notConnected;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-		className: "mgp-root dsh-ui-page dsh-ui-form",
+		className: "mgp-root dsh-ui-card",
 		"data-testid": "magpie-settings",
 		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "mgp-head",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "dsh-ui-heading",
+					children: text.title
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "dsh-ui-meta",
+					children: gatewaySummary
+				})]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "dsh-ui-help",
+				children: text.intro
+			}),
 			status.writable === false ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 				role: "status",
 				className: "dsh-ui-hint",
@@ -669,282 +706,257 @@ function MagpieSettingsPage({ client }) {
 				className: "dsh-ui-notice",
 				children: note
 			}) : null,
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("article", {
-				className: "dsh-ui-card",
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "dsh-ui-fields-grid",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+					className: "dsh-ui-field",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "dsh-ui-label",
+							children: text.address
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Input, {
+							value: addressDirty ? address : status.address,
+							placeholder: "http://127.0.0.1:3425",
+							onChange: (event) => {
+								setAddress(event.target.value);
+								setAddressDirty(true);
+							}
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "dsh-ui-help",
+							children: text.addressHelp
+						})
+					]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+					className: "dsh-ui-field",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: "dsh-ui-label",
+							children: [
+								text.key,
+								" ",
+								status.keyConfigured ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tag, {
+									tone: "success",
+									children: text.keyConfigured
+								}) : null
+							]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: "mgp-row",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "mgp-grow",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Input, {
+									type: "password",
+									value: keyDraft,
+									placeholder: text.keyPlaceholder,
+									onChange: (event) => setKeyDraft(event.target.value)
+								})
+							}), status.keyConfigured ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+								variant: "ghost",
+								size: "sm",
+								disabled: Boolean(busy),
+								onClick: () => void action("clear-key", async () => {
+									refresh(await call(RPC_ENDPOINTS.saveConnection, { clearKey: true }));
+									setNote(text.saved);
+								}),
+								children: text.keyClear
+							}) : null]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "dsh-ui-help",
+							children: text.keyHelp
+						})
+					]
+				})]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "dsh-ui-actions",
 				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
-						className: "dsh-ui-label",
-						children: text.connection
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-						className: "dsh-ui-field",
-						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "dsh-ui-label",
-								children: text.address
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Input, {
-								value: addressDirty ? address : status.address,
-								placeholder: "http://127.0.0.1:3425",
-								onChange: (event) => {
-									setAddress(event.target.value);
-									setAddressDirty(true);
-								}
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "dsh-ui-help",
-								children: text.addressHelp
-							})
-						]
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-						className: "dsh-ui-field",
-						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-								className: "dsh-ui-label",
-								children: [
-									text.key,
-									" ",
-									status.keyConfigured ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tag, {
-										tone: "success",
-										children: text.keyConfigured
-									}) : null
-								]
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-								className: "mgp-row",
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: "mgp-grow",
-									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Input, {
-										type: "password",
-										value: keyDraft,
-										placeholder: text.keyPlaceholder,
-										onChange: (event) => setKeyDraft(event.target.value)
-									})
-								}), status.keyConfigured ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
-									variant: "ghost",
-									size: "sm",
-									disabled: Boolean(busy),
-									onClick: () => void action("clear-key", async () => {
-										refresh(await call(RPC_ENDPOINTS.saveConnection, { clearKey: true }));
-										setNote(text.saved);
-									}),
-									children: text.keyClear
-								}) : null]
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "dsh-ui-help",
-								children: text.keyHelp
-							})
-						]
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: "dsh-ui-form-footer mgp-row",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
-							variant: "outline",
-							size: "md",
-							disabled: Boolean(busy),
-							onClick: () => void action("test", async () => {
-								if (addressDirty || keyDraft) {
-									refresh(await call(RPC_ENDPOINTS.saveConnection, {
-										address,
-										apiKey: keyDraft || void 0
-									}));
-									setKeyDraft("");
-									setAddressDirty(false);
-								}
-								const result = await call(RPC_ENDPOINTS.test);
-								setNote(text.testOk(result.models));
-								await load();
-							}),
-							children: text.test
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
-							variant: "primary",
-							size: "md",
-							disabled: Boolean(busy) || !addressDirty && !keyDraft,
-							onClick: () => void action("save", async () => {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+						variant: "outline",
+						size: "sm",
+						disabled: Boolean(busy),
+						onClick: () => void action("test", async () => {
+							if (addressDirty || keyDraft) {
 								refresh(await call(RPC_ENDPOINTS.saveConnection, {
 									address,
 									apiKey: keyDraft || void 0
 								}));
 								setKeyDraft("");
 								setAddressDirty(false);
-								setNote(text.saved);
-							}),
-							children: text.save
-						})]
+							}
+							const result = await call(RPC_ENDPOINTS.test);
+							setNote(text.testOk(result.models));
+							await load();
+						}),
+						children: text.test
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+						variant: "primary",
+						size: "sm",
+						disabled: Boolean(busy) || !addressDirty && !keyDraft,
+						onClick: () => void action("save", async () => {
+							refresh(await call(RPC_ENDPOINTS.saveConnection, {
+								address,
+								apiKey: keyDraft || void 0
+							}));
+							setKeyDraft("");
+							setAddressDirty(false);
+							setNote(text.saved);
+						}),
+						children: text.save
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+						variant: "outline",
+						size: "sm",
+						disabled: Boolean(busy) || status.syncing,
+						onClick: () => void action("sync", async () => {
+							refresh(await call(RPC_ENDPOINTS.sync));
+							setNote(text.saved);
+						}),
+						children: status.syncing ? text.syncing : text.syncNow
 					})
 				]
 			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("article", {
-				className: "dsh-ui-card",
-				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: "mgp-row",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
-							className: "dsh-ui-label mgp-grow",
-							children: text.sync
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
-							variant: "outline",
-							size: "md",
-							disabled: Boolean(busy) || status.syncing,
-							onClick: () => void action("sync", async () => {
-								refresh(await call(RPC_ENDPOINTS.sync));
-								setNote(text.saved);
-							}),
-							children: status.syncing ? text.syncing : text.syncNow
-						})]
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-						className: "dsh-ui-field",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-							className: "mgp-row",
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Switch, {
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("details", {
+				className: "mgp-advanced",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("summary", { children: text.advanced }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "mgp-advanced-body",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+							className: "dsh-ui-field",
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "dsh-ui-label",
+									children: text.defaultModel
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+									className: "dsh-ui-select",
+									value: status.options.defaultModel ?? "",
+									disabled: Boolean(busy),
+									onChange: (event) => void action("options", async () => {
+										refresh(await call(RPC_ENDPOINTS.setOptions, { defaultModel: event.target.value || null }));
+									}),
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+										value: "",
+										children: text.keepCurrent
+									}), defaultChoices.map((id) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+										value: id,
+										children: modelLabel(id)
+									}, id))]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "dsh-ui-help",
+									children: text.defaultModelHelp
+								})
+							]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dsh-ui-toggle-row",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								className: "dsh-ui-toggle-text",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "dsh-ui-toggle-label",
+									children: text.webSearch
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "dsh-ui-help",
+									children: text.webSearchHelp
+								})]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Switch, {
+								checked: status.options.webSearch,
+								disabled: Boolean(busy),
+								label: text.webSearch,
+								onChange: (next) => void action("options", async () => {
+									refresh(await call(RPC_ENDPOINTS.setOptions, { webSearch: next }));
+								})
+							})]
+						}),
+						status.options.webSearch ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+							className: "dsh-ui-field",
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+								className: "dsh-ui-select",
+								value: status.options.webSearchModel ?? "",
+								disabled: Boolean(busy),
+								onChange: (event) => void action("options", async () => {
+									refresh(await call(RPC_ENDPOINTS.setOptions, { webSearchModel: event.target.value || null }));
+								}),
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+									value: "",
+									children: text.sameAsDefault
+								}), models.map((model) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+									value: model.id,
+									children: model.name ?? model.id
+								}, model.id))]
+							})
+						}) : null,
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dsh-ui-toggle-row",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								className: "dsh-ui-toggle-text",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "dsh-ui-toggle-label",
+									children: text.syncOnStart
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "dsh-ui-help",
+									children: text.syncOnStartHelp
+								})]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Switch, {
 								checked: status.options.syncOnStart,
 								disabled: Boolean(busy),
 								label: text.syncOnStart,
 								onChange: (next) => void action("options", async () => {
 									refresh(await call(RPC_ENDPOINTS.setOptions, { syncOnStart: next }));
 								})
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "dsh-ui-label",
-								children: text.syncOnStart
 							})]
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: "dsh-ui-help",
-							children: text.syncOnStartHelp
-						})]
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
-						className: "dsh-ui-meta",
-						children: [
-							text.lastSync,
-							": ",
-							status.lastSync ? `${new Date(status.lastSync.at).toLocaleString()} · ${Object.entries(status.lastSync.routes).map(([route, count]) => `${route}: ${count}`).join(" · ")}` : text.never
-						]
-					}),
-					status.lastSync?.warnings.length ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: "dsh-ui-label",
-						children: text.warnings
-					}), status.lastSync.warnings.map((warning, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: "dsh-ui-hint",
-						children: warning
-					}, index))] }) : null,
-					status.lastError ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
-						role: "alert",
-						className: "dsh-ui-error",
-						children: [
-							new Date(status.lastError.at).toLocaleString(),
-							" · ",
-							status.lastError.message
-						]
-					}) : null,
-					status.gateway ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
-						className: "dsh-ui-hint",
-						children: [
-							status.gateway.name,
-							status.gateway.version ? ` ${status.gateway.version}` : "",
-							" · ",
-							text.models(models.length)
-						]
-					}) : null
-				]
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("article", {
-				className: "dsh-ui-card",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-					className: "dsh-ui-field",
-					children: [
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: "dsh-ui-label",
-							children: text.defaultModel
 						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
-							className: "dsh-ui-select",
-							value: status.options.defaultModel ?? "",
-							disabled: Boolean(busy),
-							onChange: (event) => void action("options", async () => {
-								refresh(await call(RPC_ENDPOINTS.setOptions, { defaultModel: event.target.value || null }));
-							}),
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-								value: "",
-								children: text.keepCurrent
-							}), defaultChoices.map((id) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-								value: id,
-								children: modelLabel(id)
-							}, id))]
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+							className: "dsh-ui-meta",
+							children: [
+								text.lastSync,
+								": ",
+								status.lastSync ? `${new Date(status.lastSync.at).toLocaleString()} · ${Object.entries(status.lastSync.routes).map(([route, count]) => `${route}: ${count}`).join(" · ")}` : text.never
+							]
 						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: "dsh-ui-help",
-							children: text.defaultModelHelp
-						})
-					]
-				})
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("article", {
-				className: "dsh-ui-card",
-				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: "mgp-row",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: "dsh-ui-label mgp-grow",
-							children: text.webSearch
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Switch, {
-							checked: status.options.webSearch,
-							disabled: Boolean(busy),
-							label: text.webSearch,
-							onChange: (next) => void action("options", async () => {
-								refresh(await call(RPC_ENDPOINTS.setOptions, { webSearch: next }));
-							})
-						})]
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: "dsh-ui-help",
-						children: text.webSearchHelp
-					}),
-					status.options.webSearch ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
-						className: "dsh-ui-field",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
-							className: "dsh-ui-select",
-							value: status.options.webSearchModel ?? "",
-							disabled: Boolean(busy),
-							onChange: (event) => void action("options", async () => {
-								refresh(await call(RPC_ENDPOINTS.setOptions, { webSearchModel: event.target.value || null }));
-							}),
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-								value: "",
-								children: text.sameAsDefault
-							}), models.map((model) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-								value: model.id,
-								children: model.name ?? model.id
-							}, model.id))]
-						})
-					}) : null
-				]
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("article", {
-				className: "dsh-ui-card",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: "mgp-row",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: "mgp-grow",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						status.lastSync?.warnings.length ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 							className: "dsh-ui-label",
-							children: text.disconnect
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-							className: "dsh-ui-help",
-							children: text.disconnectHelp
-						})]
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ConfirmButton, {
-						label: text.disconnect,
-						confirmLabel: text.confirmDisconnect,
-						disabled: Boolean(busy),
-						onConfirm: () => void action("disconnect", async () => {
-							refresh(await call(RPC_ENDPOINTS.disconnect));
-							setNote(text.saved);
+							children: text.warnings
+						}), status.lastSync.warnings.map((warning, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "dsh-ui-hint",
+							children: warning
+						}, index))] }) : null,
+						status.lastError ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+							role: "alert",
+							className: "dsh-ui-error",
+							children: [
+								new Date(status.lastError.at).toLocaleString(),
+								" · ",
+								status.lastError.message
+							]
+						}) : null,
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "mgp-row",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "mgp-grow",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "dsh-ui-label",
+									children: text.disconnect
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									className: "dsh-ui-help",
+									children: text.disconnectHelp
+								})]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ConfirmButton, {
+								label: text.disconnect,
+								confirmLabel: text.confirmDisconnect,
+								disabled: Boolean(busy),
+								onConfirm: () => void action("disconnect", async () => {
+									refresh(await call(RPC_ENDPOINTS.disconnect));
+									setNote(text.saved);
+								})
+							})]
 						})
-					})]
-				})
+					]
+				})]
 			})
 		]
 	});
@@ -959,9 +971,10 @@ function apply(ctx) {
 		document.head.appendChild(style);
 		return () => style.remove();
 	}, "magpie.styles");
-	ctx.effect(() => client.slots.inject("plugins.bundle.config", () => client.slots.register({
-		name: "plugins.bundle.config",
-		key: PLUGIN_NAME
+	ctx.effect(() => client.slots.inject("settings.models.footer", () => client.slots.register({
+		name: "settings.models.footer",
+		id: "magpie",
+		order: 100
 	}, () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MagpieSettingsPage, { client }))), "magpie.settings");
 }
 //#endregion