@modesto_ma/dsh-channels 0.0.0-stage → 0.1.0

package/lib/client.js

@@ -0,0 +1,2226 @@
+window.__ModuleLoader__.load({
+	id: "@modesto_ma/dsh-channels",
+	factory: (require) => {
+		var module = { exports: {} };
+		var exports = module.exports;
+		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+		let react = require("react");
+		let react_jsx_runtime = require("react/jsx-runtime");
+		//#region src/settings/contract.ts
+		/**
+		* Web 设置面板的线上契约：Host 半侧的路由/面板数据与 Browser 半侧的渲染共用。
+		*
+		* 本模块**没有运行时依赖**：Host 与 Client bundle 都直接内联它。因此这里只放
+		* 常量、字段清单与可序列化的 wire 类型，不 import zod / node / DSH 内部包。
+		*
+		* @module dsh-channels/settings/contract
+		*/
+		/** Same-origin routes the settings panel talks to. */
+		const STATUS_ROUTE = "/dsh-channels/status";
+		const PANEL_ROUTE = "/dsh-channels/panel";
+		const CONFIG_ROUTE = "/dsh-channels/config";
+		const CREDENTIALS_ROUTE = "/dsh-channels/credentials";
+		const RECONNECT_ROUTE = "/dsh-channels/reconnect";
+		/** 模型/推理档位/预设选择器的宿主目录（provider → model → effort 级联刷新）。 */
+		const CATALOG_ROUTE = "/dsh-channels/catalog";
+		/** 手动执行一次过期工作区清理（POST，无请求体）。 */
+		const CLEANUP_ROUTE = "/dsh-channels/cleanup";
+		/** 群白名单增删（POST/DELETE，body `{ chatId, name? }` / `{ chatId }`）。 */
+		const ACCESS_GROUPS_ROUTE = "/dsh-channels/access/groups";
+		/** 用户白名单增删（POST/DELETE，body `{ openId, name? }` / `{ openId }`）。 */
+		const ACCESS_USERS_ROUTE = "/dsh-channels/access/users";
+		/** 结算一条待处理授权申请（POST，body `{ token, decision }`）。 */
+		const ACCESS_REQUESTS_ROUTE = "/dsh-channels/access/requests";
+		/** Display labels for the panel header/cards (kept on the wire so the client owns no copy). */
+		const PANEL_COPY = {
+			title: "飞书渠道",
+			description: "飞书长连接状态、应用凭据与常用配置。凭据写入 DSH 凭据库且不回显；标注「需重连」的项需重启飞书连接生效。",
+			statusCard: "连接状态",
+			credentialsCard: "飞书应用凭据",
+			modelCard: "模型与推理",
+			modelCardHelp: "模型服务商、模型 id、推理档位与新会话的 Agent 预设。下拉选项来自宿主机实时目录；保存后对新会话生效。",
+			configCard: "常用配置",
+			advancedCard: "只读与高级信息",
+			appIdLabel: "飞书 App ID",
+			appSecretLabel: "飞书 App Secret",
+			credentialsHelp: "值通过 DSH 凭据服务写入本机凭据库；面板只显示是否已配置，永不回显已存值。留空表示保持当前值。",
+			credentialsRef: "凭据引用",
+			saveCredentials: "保存凭据",
+			savingCredentials: "保存中…",
+			credentialSaved: "凭据已保存",
+			credentialSavedReconnected: "凭据已保存，已自动重连飞书通道",
+			credentialSavedPending: "凭据已保存，重启飞书连接后生效",
+			credentialRemoved: "已移除存储的凭据",
+			credentialRemovedPending: "已移除存储的凭据，重启飞书连接后生效",
+			removeCredential: "移除已存值",
+			removingCredential: "移除中…",
+			credentialConfigured: "已配置",
+			credentialMissing: "未配置",
+			credentialReadOnly: "当前凭据存储不可写",
+			appIdPlaceholder: "输入 App ID（cli_…）",
+			appSecretPlaceholder: "输入 App Secret",
+			save: "保存配置",
+			saveAll: "保存全部配置",
+			saveModel: "保存模型配置",
+			modelActionsHint: "只保存模型与推理字段",
+			saving: "保存中…",
+			clear: "清除 Web 覆盖",
+			clearing: "清除中…",
+			reconnect: "重启飞书连接",
+			reconnecting: "重连中…",
+			refresh: "刷新状态",
+			retry: "重试",
+			loading: "加载中…",
+			loadFailed: "设置面板加载失败",
+			saved: "已保存",
+			savedModel: "模型配置已保存",
+			cleared: "已清除 Web 覆盖，恢复为 profile 配置",
+			catalogFailed: "模型目录加载失败，已退回手填。",
+			catalogLoading: "正在读取宿主机选项…",
+			catalogUnavailable: "宿主机未提供可选项，请手填。",
+			noOverrides: "当前没有 Web 覆盖",
+			overridden: "Web 覆盖",
+			inherited: "继承 profile",
+			restartTag: "需重连",
+			restartBanner: "以下配置需重启飞书连接后生效：",
+			restartWarning: "重启会断开当前飞书长连接并中断进行中的回复，请确认空闲时操作。",
+			lastError: "最近一次启动失败",
+			notRunning: "未运行",
+			version: "插件版本",
+			overlayPath: "覆盖文件",
+			cleanupCard: "工作区清理",
+			cleanupCardHelp: "删除超过保留期且不再活跃的飞书工作区目录；只会删除本插件在「工作区根目录」下创建的目录，DSH 会话日志不删除。删除不可恢复：相关旧话题会失效并提示已过期，工作区列表记录同步移除。",
+			cleanupRetention: "保留期",
+			cleanupAutoLabel: "自动清理",
+			cleanupCandidates: "可清理工作区",
+			cleanupCandidateBytes: "预计释放空间",
+			cleanupRetentionOff: "关闭（不删除）",
+			cleanupAutoOn: "已开启（启动时 + 每天一次）",
+			cleanupAutoOff: "已关闭（仅手动执行）",
+			cleanupAutoInactive: "未执行（保留期为关闭）",
+			cleanupNow: "立即清理",
+			cleanupRunning: "清理中…",
+			cleanupConfirm: "确定清理过期工作区吗？该操作不可恢复，会删除这些工作区内的全部文件（包括 attachments/ 附件）。",
+			cleanupConfirmHint: "删除前会再次确认；保留期为「关闭」或没有过期工作区时按钮不可用。",
+			cleanupDisabledOff: "保留策略为「关闭」：请先在「常用配置 → 工作区与文件」中选择保留天数。",
+			cleanupDisabledEmpty: "没有超过保留期的过期工作区。",
+			cleanupPreviewFailed: "无法读取清理预览",
+			cleanupDone: "清理完成",
+			cleanupFailed: "清理失败",
+			cleanupDeleted: "已删除工作区",
+			cleanupRetired: "已清理话题路由",
+			cleanupFreed: "释放空间",
+			cleanupFailures: "以下工作区未能删除：",
+			accessCard: "访问与授权",
+			accessCardHelp: "准入采用 fail-closed：管理员不受白名单限制（私聊、任意群聊都可直接对话）；非管理员私聊会被拒绝，群聊需要「群已授权 + 用户在白名单」两层同时命中。管理员 open_id 在「常用配置 → 行为」中填写，私聊机器人发送 /userid 获取。",
+			accessModeOpenWarning: "当前准入模式为开放（open）：应用可用范围内的任何人都能开启对话。该模式不安全，仅建议调试时使用。",
+			accessAdminMissingWarning: "当前准入=guarded 但未配置管理员，所有对话都会被拒绝。请先在「常用配置 → 行为 → 管理员 open_id」填写。",
+			accessAdminLabel: "管理员",
+			accessAdminMissing: "未配置",
+			accessAdminHint: "修改管理员请到「常用配置 → 行为 → 管理员 open_id」；私聊机器人发送 /userid 可查看自己的 open_id（ou_ 开头，不是 user_id/邮箱）。",
+			accessGroupsTitle: "已授权群",
+			accessGroupsEmpty: "尚未授权任何群。机器人被拉进群后，管理员会收到带 chat_id 的群信息卡；也可在群内发送 /groupid 获取。",
+			accessUsersTitle: "已授权用户",
+			accessUsersEmpty: "尚未授权任何用户。已授权用户可在所有已授权群里与机器人对话（私聊仍只开给管理员）。",
+			accessRequestsTitle: "待处理申请",
+			accessRequestsEmpty: "没有待处理的授权申请。",
+			accessGroupChatIdPlaceholder: "群 chat_id（oc_…）",
+			accessGroupNamePlaceholder: "群名（可选）",
+			accessUserOpenIdPlaceholder: "用户 open_id（ou_…）",
+			accessUserNamePlaceholder: "昵称（可选）",
+			accessAddGroup: "添加群",
+			accessAddUser: "添加用户",
+			accessRemove: "移除",
+			accessAllow: "授权",
+			accessDeny: "忽略",
+			accessWorking: "处理中…",
+			accessSourceCommand: "对话命令",
+			accessSourceCard: "授权卡",
+			accessSourcePanel: "设置面板",
+			accessRequestGroup: "群申请",
+			accessRequestUser: "用户申请",
+			accessRequestRequester: "申请人",
+			accessRequestExpires: "有效期至",
+			accessGroupAdded: "已添加群授权",
+			accessGroupRemoved: "已移除群授权",
+			accessUserAdded: "已添加用户授权",
+			accessUserRemoved: "已移除用户授权",
+			accessRequestAllowed: "已授权",
+			accessRequestDenied: "已忽略",
+			accessHints: "三种授权入口：群内 /auth 命令、入群与用户授权卡、本面板。撤销立即生效；白名单只约束非管理员（管理员在任何私聊/群聊都直接放行），非管理员需要群和用户两层同时命中。",
+			accessChatIdHint: "chat_id 可从入群群信息卡或群内 /groupid 获取；open_id 可私聊机器人发送 /userid 获取。"
+		};
+		//#endregion
+		//#region src/client/api.ts
+		/**
+		* Same-origin HTTP client for the settings panel. No typert contract: the
+		* Host half registers plain exact routes and this module fetches them.
+		*
+		* @module dsh-channels/client/api
+		*/
+		function messageOf$1(error) {
+			return error instanceof Error ? error.message : String(error);
+		}
+		/** Pull the JSON `error` field out of a failed response body. */
+		function errorFromBody(status, text) {
+			try {
+				const parsed = JSON.parse(text);
+				if (typeof parsed.error === "string" && parsed.error !== "") return parsed.error;
+			} catch {}
+			return `HTTP ${status}`;
+		}
+		async function request(path, init) {
+			try {
+				return await fetch(path, {
+					cache: "no-store",
+					credentials: "same-origin",
+					...init,
+					headers: {
+						accept: "application/json",
+						...init?.headers ?? {}
+					}
+				});
+			} catch (error) {
+				throw new Error(`无法连接设置接口：${messageOf$1(error)}`);
+			}
+		}
+		async function readJson(response) {
+			const text = await response.text();
+			if (!response.ok) throw new Error(errorFromBody(response.status, text));
+			return JSON.parse(text);
+		}
+		/** Full panel payload (status + editable config + read-only facts). */
+		async function fetchPanel() {
+			return readJson(await request(PANEL_ROUTE));
+		}
+		/** Status-only payload polled while the page is open. */
+		async function fetchStatus() {
+			return readJson(await request(STATUS_ROUTE));
+		}
+		/**
+		* Model-selector catalog for one route: providers, the provider's models, the
+		* model's reasoning efforts, and the preset roster. The client re-queries it
+		* whenever the draft provider/model changes.
+		*/
+		async function fetchCatalog(provider, model) {
+			const params = new URLSearchParams();
+			if (provider !== void 0 && provider !== "") params.set("provider", provider);
+			if (model !== void 0 && model !== "") params.set("model", model);
+			const query = params.toString();
+			return readJson(await request(query === "" ? CATALOG_ROUTE : `${CATALOG_ROUTE}?${query}`));
+		}
+		/** Persist a partial edit. Validation failures come back as `{ok:false}`. */
+		async function saveConfig(values) {
+			const response = await request(CONFIG_ROUTE, {
+				method: "PUT",
+				headers: { "content-type": "application/json" },
+				body: JSON.stringify({ values })
+			});
+			const text = await response.text();
+			if (response.status === 400) try {
+				return JSON.parse(text);
+			} catch {
+				return {
+					ok: false,
+					error: errorFromBody(response.status, text)
+				};
+			}
+			if (!response.ok) throw new Error(errorFromBody(response.status, text));
+			return JSON.parse(text);
+		}
+		/** Drop every Web override and return the refreshed panel. */
+		async function clearConfig() {
+			const response = await request(CONFIG_ROUTE, { method: "DELETE" });
+			const text = await response.text();
+			if (response.status === 400) try {
+				return JSON.parse(text);
+			} catch {
+				return {
+					ok: false,
+					error: errorFromBody(response.status, text)
+				};
+			}
+			if (!response.ok) throw new Error(errorFromBody(response.status, text));
+			return JSON.parse(text);
+		}
+		/** Reopen the Feishu long connection (interrupts in-flight replies). */
+		async function reconnect() {
+			const response = await request(RECONNECT_ROUTE, { method: "POST" });
+			const text = await response.text();
+			if (!response.ok) try {
+				return JSON.parse(text);
+			} catch {
+				return {
+					ok: false,
+					error: errorFromBody(response.status, text)
+				};
+			}
+			return JSON.parse(text);
+		}
+		/**
+		* Run one workspace cleanup. No request body: the Host derives the candidate
+		* set from the effective retention config. Irreversible, so the caller asks
+		* for confirmation first; partial failures come back inside `result.failures`.
+		*/
+		async function runCleanup() {
+			const response = await request(CLEANUP_ROUTE, { method: "POST" });
+			const text = await response.text();
+			if (!response.ok) try {
+				return JSON.parse(text);
+			} catch {
+				return {
+					ok: false,
+					error: errorFromBody(response.status, text)
+				};
+			}
+			return JSON.parse(text);
+		}
+		/** Store provided credential values (the request/response never carry stored values). */
+		async function saveCredentials(values) {
+			const response = await request(CREDENTIALS_ROUTE, {
+				method: "PUT",
+				headers: { "content-type": "application/json" },
+				body: JSON.stringify(values)
+			});
+			const text = await response.text();
+			if (response.status === 400) try {
+				return JSON.parse(text);
+			} catch {
+				return {
+					ok: false,
+					error: errorFromBody(response.status, text)
+				};
+			}
+			if (!response.ok) throw new Error(errorFromBody(response.status, text));
+			return JSON.parse(text);
+		}
+		/** Remove the stored value behind one credential reference. */
+		async function clearCredential(field) {
+			const response = await request(CREDENTIALS_ROUTE, {
+				method: "DELETE",
+				headers: { "content-type": "application/json" },
+				body: JSON.stringify({ field })
+			});
+			const text = await response.text();
+			if (response.status === 400) try {
+				return JSON.parse(text);
+			} catch {
+				return {
+					ok: false,
+					error: errorFromBody(response.status, text)
+				};
+			}
+			if (!response.ok) throw new Error(errorFromBody(response.status, text));
+			return JSON.parse(text);
+		}
+		/** One access write: a 400 body already is the wire union; others throw. */
+		async function mutateAccess(path, method, body) {
+			const response = await request(path, {
+				method,
+				headers: { "content-type": "application/json" },
+				body: JSON.stringify(body)
+			});
+			const text = await response.text();
+			if (response.status === 400) try {
+				return JSON.parse(text);
+			} catch {
+				return {
+					ok: false,
+					error: errorFromBody(response.status, text)
+				};
+			}
+			if (!response.ok) throw new Error(errorFromBody(response.status, text));
+			return JSON.parse(text);
+		}
+		/** Authorize one group; resolves with the refreshed access snapshot. */
+		async function addAccessGroup(chatId, name) {
+			return mutateAccess(ACCESS_GROUPS_ROUTE, "POST", name === void 0 || name === "" ? { chatId } : {
+				chatId,
+				name
+			});
+		}
+		/** Revoke one group authorization (takes effect on the next message). */
+		async function removeAccessGroup(chatId) {
+			return mutateAccess(ACCESS_GROUPS_ROUTE, "DELETE", { chatId });
+		}
+		/** Authorize one user open_id (global across authorized groups). */
+		async function addAccessUser(openId, name) {
+			return mutateAccess(ACCESS_USERS_ROUTE, "POST", name === void 0 || name === "" ? { openId } : {
+				openId,
+				name
+			});
+		}
+		/** Revoke one user authorization (takes effect on the next message). */
+		async function removeAccessUser(openId) {
+			return mutateAccess(ACCESS_USERS_ROUTE, "DELETE", { openId });
+		}
+		/** Settle one pending authorization request (same resolver as the Feishu card). */
+		async function resolveAccessRequest(token, decision) {
+			return mutateAccess(ACCESS_REQUESTS_ROUTE, "POST", {
+				token,
+				decision
+			});
+		}
+		//#endregion
+		//#region src/client/catalog.ts
+		/**
+		* 浏览器半区的设置面板选择器目录折叠：把 Host 下发的字段描述与实时目录
+		* （`/dsh-channels/catalog`）合成通用表单需要的 select 描述。
+		*
+		* 拆成独立模块（不含 JSX/React）以便单测；`panel.tsx` 只负责串起状态与渲染。
+		*
+		* @module dsh-channels/client/catalog
+		*/
+		/** Keys whose options come from the Host selector catalog. */
+		const CATALOG_KEYS = [
+			"provider",
+			"model",
+			"reasoningEffort",
+			"agentPreset"
+		];
+		function isCatalogKey(key) {
+			return CATALOG_KEYS.includes(key);
+		}
+		/** Read one selector group back out of the Host-resolved panel fields. */
+		function selectorOf(field) {
+			if (field?.kind !== "select") return {
+				selectable: false,
+				options: []
+			};
+			return {
+				selectable: true,
+				options: field.options === void 0 ? [] : [...field.options],
+				...field.disabled === true ? { disabled: true } : {},
+				...field.help === void 0 ? {} : { help: field.help }
+			};
+		}
+		/** Seed the client catalog from the options the Host already resolved for the panel. */
+		function catalogFromFields(fields) {
+			const byKey = new Map(fields.map((field) => [field.key, field]));
+			const catalog = {
+				provider: selectorOf(byKey.get("provider")),
+				model: selectorOf(byKey.get("model")),
+				reasoningEffort: selectorOf(byKey.get("reasoningEffort")),
+				agentPreset: selectorOf(byKey.get("agentPreset"))
+			};
+			return CATALOG_KEYS.every((key) => !catalog[key].selectable) ? null : catalog;
+		}
+		/** Current-value option kept when a saved value is missing from the live list. */
+		function withCurrentOption(options, value) {
+			const [inherit, ...rest] = options;
+			const extra = {
+				value,
+				label: `${value}（当前配置，不在宿主机列表中）`
+			};
+			return inherit === void 0 ? [extra] : [
+				inherit,
+				extra,
+				...rest
+			];
+		}
+		/**
+		* Layer the live catalog over the Host panel fields. A group the Host cannot
+		* enumerate falls back to the free-text control; the rest render as selects.
+		*
+		* `disabled` must be cleared explicitly: the Host's initial panel descriptor
+		* carries `disabled: true` for dependent selectors (model without a provider,
+		* effort without a model), and a fetched catalog that resolved the dependency
+		* has to re-enable them. Forgetting this is exactly what made the model and
+		* reasoning selects permanently unusable after choosing a provider/model.
+		*/
+		function applyCatalogFields(fields, catalog, current = {}) {
+			if (catalog === null) return [...fields];
+			return fields.map((field) => {
+				if (!isCatalogKey(field.key)) return field;
+				const selector = catalog[field.key];
+				if (!selector.selectable) return field.kind === "select" ? {
+					...field,
+					kind: "text",
+					options: void 0,
+					help: PANEL_COPY.catalogUnavailable,
+					disabled: void 0
+				} : field;
+				const value = current[field.key] ?? "";
+				const options = value !== "" && !selector.options.some((option) => option.value === value) ? withCurrentOption(selector.options, value) : [...selector.options];
+				const next = {
+					...field,
+					kind: "select",
+					options
+				};
+				if (selector.disabled === true) next.disabled = true;
+				else delete next.disabled;
+				if (selector.help === void 0) delete next.help;
+				else next.help = selector.help;
+				return next;
+			});
+		}
+		//#endregion
+		//#region src/client/panel.tsx
+		/**
+		* 设置 →「飞书渠道」页面。
+		*
+		* 数据全部来自 Host 的 `/dsh-channels/*` 路由：状态卡每 5 秒轮询一次，
+		* 常用配置表单由 Host 下发的字段描述（`fields`）通用渲染，Host 是唯一的
+		* 校验与持久化方。组件不 import 任何 DSH 客户端包，只依赖 react 与平台
+		* 的 `settings.section` 槽位。
+		*
+		* @module dsh-channels/client/panel
+		*/
+		const GROUP_ORDER = [
+			"workspace",
+			"behavior",
+			"content",
+			"model",
+			"streaming"
+		];
+		const GROUP_LABELS = {
+			workspace: "工作区与文件",
+			behavior: "行为",
+			content: "内容与附件",
+			model: "模型",
+			streaming: "流式卡片"
+		};
+		function messageOf(error) {
+			return error instanceof Error ? error.message : String(error);
+		}
+		/** Human-readable byte size for the cleanup preview/result (base-2 units). */
+		function formatBytes(bytes) {
+			if (!Number.isFinite(bytes) || bytes <= 0) return "0 B";
+			const units = [
+				"B",
+				"KB",
+				"MB",
+				"GB",
+				"TB"
+			];
+			let value = bytes;
+			let unit = 0;
+			while (value >= 1024 && unit < units.length - 1) {
+				value /= 1024;
+				unit += 1;
+			}
+			const digits = unit === 0 || value >= 10 ? 0 : 1;
+			return `${value.toFixed(digits)} ${units[unit] ?? "B"}`;
+		}
+		/** Display label for the effective retention value, reusing the Host field options. */
+		function retentionLabel(panel, cleanup) {
+			return panel.config.fields.find((item) => item.key === "workspaceRetention")?.options?.find((option) => option.value === cleanup.retention)?.label ?? (cleanup.retention === "off" ? PANEL_COPY.cleanupRetentionOff : cleanup.retention);
+		}
+		function formatUptime(ms) {
+			if (ms === void 0 || !Number.isFinite(ms)) return "—";
+			const totalSeconds = Math.max(0, Math.floor(ms / 1e3));
+			const days = Math.floor(totalSeconds / 86400);
+			const hours = Math.floor(totalSeconds % 86400 / 3600);
+			const minutes = Math.floor(totalSeconds % 3600 / 60);
+			if (days > 0) return `${days} 天 ${hours} 小时`;
+			if (hours > 0) return `${hours} 小时 ${minutes} 分`;
+			if (minutes > 0) return `${minutes} 分 ${totalSeconds % 60} 秒`;
+			return `${totalSeconds} 秒`;
+		}
+		function connectionLabel(state) {
+			switch (state) {
+				case "connected": return {
+					text: "已连接",
+					tone: "ok"
+				};
+				case "connecting": return {
+					text: "连接中",
+					tone: "warn"
+				};
+				case "reconnecting": return {
+					text: "重连中",
+					tone: "warn"
+				};
+				case "failed": return {
+					text: "连接失败",
+					tone: "bad"
+				};
+				case "idle": return {
+					text: "未连接",
+					tone: "muted"
+				};
+				default: return {
+					text: state ?? "未知",
+					tone: "muted"
+				};
+			}
+		}
+		function statusBadge(status) {
+			if (status.busy) return {
+				text: "重连中",
+				tone: "warn"
+			};
+			if (!status.running) return {
+				text: "未运行",
+				tone: "bad"
+			};
+			if (status.level === "healthy") return {
+				text: "运行中 · 健康",
+				tone: "ok"
+			};
+			if (status.level === "degraded") return {
+				text: "运行中 · 降级",
+				tone: "warn"
+			};
+			return {
+				text: "运行中 · 异常",
+				tone: "bad"
+			};
+		}
+		/** Local `YYYY-MM-DD HH:mm` rendering for authorization timestamps. */
+		function formatAccessDate(ms) {
+			if (!Number.isFinite(ms) || ms <= 0) return "—";
+			const date = new Date(ms);
+			const pad = (value) => String(value).padStart(2, "0");
+			return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())} ${pad(date.getHours())}:${pad(date.getMinutes())}`;
+		}
+		/** Which authorization entry produced one grant. */
+		function accessSourceLabel(source) {
+			switch (source) {
+				case "command": return PANEL_COPY.accessSourceCommand;
+				case "card": return PANEL_COPY.accessSourceCard;
+				default: return PANEL_COPY.accessSourcePanel;
+			}
+		}
+		/** Effective access-mode label, reusing the Host field options for consistency. */
+		function accessModeLabel(panel, mode) {
+			return panel.config.fields.find((item) => item.key === "accessMode")?.options?.find((option) => option.value === mode)?.label ?? mode;
+		}
+		function fieldLabel(fields, key) {
+			return fields.find((field) => field.key === key)?.label ?? key;
+		}
+		function effectiveValue(panel, key) {
+			return panel.config.effective[key] ?? panel.config.base[key];
+		}
+		/** Numeric draft kept as the raw input string; parsed on save. */
+		function numericDraft(field, raw) {
+			if (typeof raw === "number") return raw;
+			if (typeof raw !== "string" || raw.trim() === "") return void 0;
+			const parsed = Number(raw);
+			return Number.isFinite(parsed) ? parsed : void 0;
+		}
+		function validateDraft(panel, draft, only) {
+			const values = {};
+			const issues = [];
+			for (const field of panel.config.fields) {
+				if (!(field.key in draft)) continue;
+				if (only !== void 0 && !only.has(field.key)) continue;
+				const raw = draft[field.key];
+				if (field.kind === "number") {
+					const parsed = numericDraft(field, raw);
+					if (parsed === void 0) {
+						issues.push({
+							key: field.key,
+							message: "请输入数字"
+						});
+						continue;
+					}
+					if (field.min !== void 0 && parsed < field.min) {
+						issues.push({
+							key: field.key,
+							message: `不得小于 ${field.min}`
+						});
+						continue;
+					}
+					if (field.max !== void 0 && parsed > field.max) {
+						issues.push({
+							key: field.key,
+							message: `不得大于 ${field.max}`
+						});
+						continue;
+					}
+					values[field.key] = parsed;
+					continue;
+				}
+				if (field.kind === "boolean") {
+					values[field.key] = raw === true;
+					continue;
+				}
+				values[field.key] = String(raw ?? "");
+			}
+			return {
+				values,
+				issues
+			};
+		}
+		/** One generic form control driven by the Host field descriptor. */
+		function FieldRow(props) {
+			const { field, value, issues, onChange } = props;
+			const issue = issues.find((item) => item.key === field.key);
+			const inputClass = `dsh-channels-cfg__input${issue === void 0 ? "" : " dsh-channels-cfg__input--invalid"}`;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: `dsh-channels-cfg__field${field.wide === true ? " dsh-channels-cfg__field--wide" : ""}`,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "dsh-channels-cfg__labelRow",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "dsh-channels-cfg__label",
+							children: field.label
+						}), field.restartRequired ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "dsh-channels-cfg__tag dsh-channels-cfg__tag--restart",
+							children: PANEL_COPY.restartTag
+						}) : null]
+					}),
+					field.kind === "boolean" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+						className: "dsh-channels-cfg__check",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							type: "checkbox",
+							className: "dsh-channels-cfg__checkbox",
+							checked: value === true,
+							onChange: (event) => onChange(field.key, event.target.checked)
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: value === true ? "已启用" : "已关闭" })]
+					}) : null,
+					field.kind === "select" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("select", {
+						className: inputClass,
+						value: String(value ?? ""),
+						disabled: field.disabled === true,
+						onChange: (event) => onChange(field.key, event.target.value),
+						children: (field.options ?? []).map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+							value: option.value,
+							children: option.label
+						}, option.value))
+					}) : null,
+					field.kind === "number" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+						type: "number",
+						className: inputClass,
+						value: value === void 0 || value === "" ? "" : String(value),
+						min: field.min,
+						max: field.max,
+						step: field.step,
+						onChange: (event) => onChange(field.key, event.target.value)
+					}) : null,
+					field.kind === "text" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+						type: "text",
+						className: inputClass,
+						value: String(value ?? ""),
+						placeholder: field.placeholder,
+						onChange: (event) => onChange(field.key, event.target.value)
+					}) : null,
+					field.help === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "dsh-channels-cfg__help",
+						children: field.help
+					}),
+					issue === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "dsh-channels-cfg__fieldError",
+						children: issue.message
+					})
+				]
+			});
+		}
+		/** Status card: badge, connection facts, and the two panel actions. */
+		function StatusCard(props) {
+			const { status, pollError, busy, onRefresh, onReconnect } = props;
+			const badge = statusBadge(status);
+			const connection = connectionLabel(status.connection?.state);
+			const facts = [
+				{
+					label: "飞书连接",
+					value: status.connection === void 0 ? "未知" : connection.text
+				},
+				{
+					label: "Bot open_id",
+					value: status.botOpenIdTail ?? "—"
+				},
+				{
+					label: "运行时长",
+					value: formatUptime(status.uptimeMs)
+				},
+				{
+					label: "话题路由",
+					value: String(status.routeCount)
+				},
+				{
+					label: "活动会话",
+					value: String(status.liveAgentCount)
+				},
+				{
+					label: "在途回复",
+					value: String(status.inflightTurnCount)
+				}
+			];
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+				className: "dsh-channels-cfg__card",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "dsh-channels-cfg__cardHead",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "dsh-channels-cfg__cardTitle",
+								children: PANEL_COPY.statusCard
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								className: `dsh-channels-cfg__badge dsh-channels-cfg__badge--${badge.tone}`,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: "dsh-channels-cfg__dot" }), badge.text]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "dsh-channels-cfg__cardMeta",
+								children: "每 5 秒自动刷新"
+							})
+						]
+					}),
+					status.lastStartError === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "dsh-channels-cfg__notice dsh-channels-cfg__notice--error",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: PANEL_COPY.lastError }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "dsh-channels-cfg__mono",
+							children: status.lastStartError
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "dsh-channels-cfg__facts",
+						children: facts.map((fact) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dsh-channels-cfg__fact",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "dsh-channels-cfg__factLabel",
+								children: fact.label
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "dsh-channels-cfg__factValue",
+								children: fact.value
+							})]
+						}, fact.label))
+					}),
+					status.reasons.length === 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						className: `dsh-channels-cfg__help${status.level === "unhealthy" ? " dsh-channels-cfg__reasonBad" : ""}`,
+						children: ["健康判定：", status.reasons.join("；")]
+					}),
+					pollError === null ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						className: "dsh-channels-cfg__fieldError",
+						children: ["状态刷新失败：", pollError]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "dsh-channels-cfg__actions",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: "dsh-channels-cfg__btn",
+								onClick: onRefresh,
+								disabled: busy !== null,
+								children: PANEL_COPY.refresh
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: "dsh-channels-cfg__btn dsh-channels-cfg__btn--danger",
+								onClick: onReconnect,
+								disabled: busy !== null,
+								children: busy === "reconnect" ? PANEL_COPY.reconnecting : PANEL_COPY.reconnect
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "dsh-channels-cfg__help",
+								children: PANEL_COPY.restartWarning
+							})
+						]
+					})
+				]
+			});
+		}
+		/** Credential editor: writes through the Host credentials seam, never echoes values. */
+		function CredentialsCard(props) {
+			const { panel, appId, appSecret, issues, busy, onAppIdChange, onAppSecretChange, onSave, onClear } = props;
+			const appIdState = panel.config.credentials.appId;
+			const appSecretState = panel.config.credentials.appSecret;
+			const writable = appIdState.writable || appSecretState.writable;
+			const disabled = busy !== null || !writable;
+			const pending = appId.trim() !== "" || appSecret.trim() !== "";
+			const row = (field, label, state, value, type, placeholder, onChange) => {
+				const issue = issues.find((item) => item.key === field);
+				const inputClass = `dsh-channels-cfg__input${issue === void 0 ? "" : " dsh-channels-cfg__input--invalid"}`;
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "dsh-channels-cfg__field",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dsh-channels-cfg__labelRow",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "dsh-channels-cfg__label",
+								children: label
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: `dsh-channels-cfg__badge dsh-channels-cfg__badge--${state.configured ? "ok" : "bad"}`,
+								children: state.configured ? PANEL_COPY.credentialConfigured : PANEL_COPY.credentialMissing
+							})]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dsh-channels-cfg__cred",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								type,
+								className: inputClass,
+								value,
+								placeholder,
+								autoComplete: "new-password",
+								disabled,
+								onChange: (event) => onChange(event.target.value)
+							}), state.configured ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: "dsh-channels-cfg__btn",
+								disabled,
+								onClick: () => onClear(field),
+								children: busy === "credentials-clear" ? PANEL_COPY.removingCredential : PANEL_COPY.removeCredential
+							}) : null]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: "dsh-channels-cfg__help",
+							children: [
+								PANEL_COPY.credentialsRef,
+								"：",
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "dsh-channels-cfg__mono",
+									children: state.ref
+								}),
+								state.source === void 0 ? "" : `（来源：${state.source}）`
+							]
+						}),
+						issue === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "dsh-channels-cfg__fieldError",
+							children: issue.message
+						})
+					]
+				}, field);
+			};
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+				className: "dsh-channels-cfg__card",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "dsh-channels-cfg__cardHead",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "dsh-channels-cfg__cardTitle",
+							children: PANEL_COPY.credentialsCard
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "dsh-channels-cfg__cardMeta",
+							children: "DSH 凭据库"
+						})]
+					}),
+					row("appId", PANEL_COPY.appIdLabel, appIdState, appId, "text", PANEL_COPY.appIdPlaceholder, onAppIdChange),
+					row("appSecret", PANEL_COPY.appSecretLabel, appSecretState, appSecret, "password", PANEL_COPY.appSecretPlaceholder, onAppSecretChange),
+					writable ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "dsh-channels-cfg__fieldError",
+						children: PANEL_COPY.credentialReadOnly
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "dsh-channels-cfg__footer",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: "dsh-channels-cfg__btn dsh-channels-cfg__btn--primary",
+								onClick: onSave,
+								disabled: disabled || !pending,
+								children: busy === "credentials" ? PANEL_COPY.savingCredentials : PANEL_COPY.saveCredentials
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: "dsh-channels-cfg__spacer" }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "dsh-channels-cfg__help",
+								children: PANEL_COPY.credentialsHelp
+							})
+						]
+					})
+				]
+			});
+		}
+		/** Read-only card: credentials, storage layer, and advanced limits. */
+		function AdvancedCard(props) {
+			const { panel } = props;
+			const { readOnly } = panel.config;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+				className: "dsh-channels-cfg__card",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "dsh-channels-cfg__cardHead",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "dsh-channels-cfg__cardTitle",
+						children: PANEL_COPY.advancedCard
+					})
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "dsh-channels-cfg__readOnly",
+					children: [
+						readOnly.map((field) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dsh-channels-cfg__kv",
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "dsh-channels-cfg__kvKey",
+									children: field.label
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "dsh-channels-cfg__kvValue",
+									children: field.value
+								}),
+								field.help === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "dsh-channels-cfg__help",
+									children: field.help
+								})
+							]
+						}, field.key)),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dsh-channels-cfg__kv",
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "dsh-channels-cfg__kvKey",
+									children: PANEL_COPY.overlayPath
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "dsh-channels-cfg__kvValue dsh-channels-cfg__mono",
+									children: panel.status.overlayPath
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "dsh-channels-cfg__help",
+									children: "可以直接编辑该 JSON 文件；面板保存会整体重写它，「清除 Web 覆盖」会删除它。"
+								})
+							]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dsh-channels-cfg__kv",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "dsh-channels-cfg__kvKey",
+								children: PANEL_COPY.version
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "dsh-channels-cfg__kvValue dsh-channels-cfg__mono",
+								children: panel.status.version
+							})]
+						})
+					]
+				})]
+			});
+		}
+		/** Workspace cleanup card: deletion preview + the irreversible manual action. */
+		function CleanupCard(props) {
+			const { panel, cleanup, busy, result, error, onRun } = props;
+			const autoText = cleanup.retention === "off" ? PANEL_COPY.cleanupAutoInactive : cleanup.auto ? PANEL_COPY.cleanupAutoOn : PANEL_COPY.cleanupAutoOff;
+			const blocked = cleanup.error !== void 0 ? `${PANEL_COPY.cleanupPreviewFailed}：${cleanup.error}` : cleanup.retention === "off" ? PANEL_COPY.cleanupDisabledOff : cleanup.candidates === 0 ? PANEL_COPY.cleanupDisabledEmpty : null;
+			const facts = [
+				{
+					label: PANEL_COPY.cleanupRetention,
+					value: retentionLabel(panel, cleanup)
+				},
+				{
+					label: PANEL_COPY.cleanupAutoLabel,
+					value: autoText
+				},
+				{
+					label: PANEL_COPY.cleanupCandidates,
+					value: `${cleanup.candidates} / ${cleanup.workspaces} 个`
+				},
+				{
+					label: PANEL_COPY.cleanupCandidateBytes,
+					value: formatBytes(cleanup.candidateBytes)
+				}
+			];
+			const running = busy === "cleanup";
+			const failed = result !== null && (!result.ok || error !== null);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+				className: "dsh-channels-cfg__card",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "dsh-channels-cfg__cardHead",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "dsh-channels-cfg__cardTitle",
+							children: PANEL_COPY.cleanupCard
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "dsh-channels-cfg__cardMeta",
+							children: retentionLabel(panel, cleanup)
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "dsh-channels-cfg__help",
+						children: PANEL_COPY.cleanupCardHelp
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "dsh-channels-cfg__facts",
+						children: facts.map((fact) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dsh-channels-cfg__fact",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "dsh-channels-cfg__factLabel",
+								children: fact.label
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "dsh-channels-cfg__factValue",
+								children: fact.value
+							})]
+						}, fact.label))
+					}),
+					blocked === null ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "dsh-channels-cfg__help",
+						children: blocked
+					}),
+					result === null ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: `dsh-channels-cfg__notice dsh-channels-cfg__notice--${failed ? "error" : "ok"}`,
+						children: [result.ok ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
+							PANEL_COPY.cleanupDone,
+							"：",
+							PANEL_COPY.cleanupDeleted,
+							" ",
+							result.deletedWorkspaces,
+							" 个，",
+							PANEL_COPY.cleanupRetired,
+							" ",
+							result.retiredRoutes,
+							" 条，",
+							PANEL_COPY.cleanupFreed,
+							" ",
+							formatBytes(result.freedBytes),
+							"。"
+						] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [PANEL_COPY.cleanupFailed, result.error === void 0 ? "" : `：${result.error}`] }), result.failures.length === 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: PANEL_COPY.cleanupFailures }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+							className: "dsh-channels-cfg__issues",
+							children: result.failures.map((failure, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
+								className: "dsh-channels-cfg__mono",
+								children: failure
+							}, `${index}-${failure}`))
+						})] })]
+					}),
+					error === null ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "dsh-channels-cfg__fieldError",
+						children: error
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "dsh-channels-cfg__actions",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: "dsh-channels-cfg__btn dsh-channels-cfg__btn--danger",
+							onClick: onRun,
+							disabled: running || busy !== null || blocked !== null,
+							children: running ? PANEL_COPY.cleanupRunning : PANEL_COPY.cleanupNow
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "dsh-channels-cfg__help",
+							children: PANEL_COPY.cleanupConfirmHint
+						})]
+					})
+				]
+			});
+		}
+		/** Access card: fail-closed warning, administrator, whitelists, pending requests. */
+		function AccessCard(props) {
+			const { panel, busy, notice, error, onAddGroup, onRemoveGroup, onAddUser, onRemoveUser, onResolveRequest } = props;
+			const { access } = panel;
+			const [groupChatId, setGroupChatId] = (0, react.useState)("");
+			const [groupName, setGroupName] = (0, react.useState)("");
+			const [userOpenId, setUserOpenId] = (0, react.useState)("");
+			const [userName, setUserName] = (0, react.useState)("");
+			const groups = access.groups;
+			const users = access.users;
+			const requests = access.requests;
+			const working = busy === "access";
+			const disabled = busy !== null;
+			const submitGroup = async () => {
+				if (groupChatId.trim() === "") return;
+				if (await onAddGroup(groupChatId, groupName)) {
+					setGroupChatId("");
+					setGroupName("");
+				}
+			};
+			const submitUser = async () => {
+				if (userOpenId.trim() === "") return;
+				if (await onAddUser(userOpenId, userName)) {
+					setUserOpenId("");
+					setUserName("");
+				}
+			};
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+				className: "dsh-channels-cfg__card",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "dsh-channels-cfg__cardHead",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "dsh-channels-cfg__cardTitle",
+							children: PANEL_COPY.accessCard
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "dsh-channels-cfg__cardMeta",
+							children: accessModeLabel(panel, access.mode)
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "dsh-channels-cfg__help",
+						children: PANEL_COPY.accessCardHelp
+					}),
+					access.mode === "guarded" && !access.admin.configured ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "dsh-channels-cfg__notice dsh-channels-cfg__notice--error",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: PANEL_COPY.accessAdminMissingWarning })
+					}) : null,
+					access.mode === "open" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "dsh-channels-cfg__banner",
+						children: PANEL_COPY.accessModeOpenWarning
+					}) : null,
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "dsh-channels-cfg__kv",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "dsh-channels-cfg__kvKey",
+								children: PANEL_COPY.accessAdminLabel
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: `dsh-channels-cfg__kvValue dsh-channels-cfg__mono${access.admin.configured ? "" : " dsh-channels-cfg__reasonBad"}`,
+								children: access.admin.openId ?? PANEL_COPY.accessAdminMissing
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "dsh-channels-cfg__help",
+								children: PANEL_COPY.accessAdminHint
+							})
+						]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "dsh-channels-cfg__accessSection",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "dsh-channels-cfg__labelRow",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "dsh-channels-cfg__label",
+									children: PANEL_COPY.accessGroupsTitle
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: "dsh-channels-cfg__cardMeta",
+									children: [groups.length, " 个"]
+								})]
+							}),
+							groups.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "dsh-channels-cfg__help",
+								children: PANEL_COPY.accessGroupsEmpty
+							}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+								className: "dsh-channels-cfg__accessList",
+								children: groups.map((group) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+									className: "dsh-channels-cfg__accessRow",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+										className: "dsh-channels-cfg__accessMain",
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: group.name ?? group.chatId }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+											className: "dsh-channels-cfg__accessMeta",
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: "dsh-channels-cfg__mono",
+												children: group.chatId
+											}), ` · ${accessSourceLabel(group.source)} · ${formatAccessDate(group.addedAt)}`]
+										})]
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: "dsh-channels-cfg__btn",
+										disabled,
+										onClick: () => onRemoveGroup(group.chatId),
+										children: working ? PANEL_COPY.accessWorking : PANEL_COPY.accessRemove
+									})]
+								}, group.chatId))
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "dsh-channels-cfg__accessAdd",
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+										type: "text",
+										className: "dsh-channels-cfg__input dsh-channels-cfg__accessInput",
+										value: groupChatId,
+										placeholder: PANEL_COPY.accessGroupChatIdPlaceholder,
+										disabled,
+										onChange: (event) => setGroupChatId(event.target.value)
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+										type: "text",
+										className: "dsh-channels-cfg__input dsh-channels-cfg__accessInput",
+										value: groupName,
+										placeholder: PANEL_COPY.accessGroupNamePlaceholder,
+										disabled,
+										onChange: (event) => setGroupName(event.target.value)
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: "dsh-channels-cfg__btn dsh-channels-cfg__btn--primary",
+										disabled: disabled || groupChatId.trim() === "",
+										onClick: () => {
+											submitGroup();
+										},
+										children: working ? PANEL_COPY.accessWorking : PANEL_COPY.accessAddGroup
+									})
+								]
+							})
+						]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "dsh-channels-cfg__accessSection",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "dsh-channels-cfg__labelRow",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "dsh-channels-cfg__label",
+									children: PANEL_COPY.accessUsersTitle
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: "dsh-channels-cfg__cardMeta",
+									children: [users.length, " 个"]
+								})]
+							}),
+							users.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "dsh-channels-cfg__help",
+								children: PANEL_COPY.accessUsersEmpty
+							}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+								className: "dsh-channels-cfg__accessList",
+								children: users.map((user) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+									className: "dsh-channels-cfg__accessRow",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+										className: "dsh-channels-cfg__accessMain",
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: user.name ?? user.openId }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+											className: "dsh-channels-cfg__accessMeta",
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: "dsh-channels-cfg__mono",
+												children: user.openId
+											}), ` · ${accessSourceLabel(user.source)} · ${formatAccessDate(user.addedAt)}`]
+										})]
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: "dsh-channels-cfg__btn",
+										disabled,
+										onClick: () => onRemoveUser(user.openId),
+										children: working ? PANEL_COPY.accessWorking : PANEL_COPY.accessRemove
+									})]
+								}, user.openId))
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "dsh-channels-cfg__accessAdd",
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+										type: "text",
+										className: "dsh-channels-cfg__input dsh-channels-cfg__accessInput",
+										value: userOpenId,
+										placeholder: PANEL_COPY.accessUserOpenIdPlaceholder,
+										disabled,
+										onChange: (event) => setUserOpenId(event.target.value)
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+										type: "text",
+										className: "dsh-channels-cfg__input dsh-channels-cfg__accessInput",
+										value: userName,
+										placeholder: PANEL_COPY.accessUserNamePlaceholder,
+										disabled,
+										onChange: (event) => setUserName(event.target.value)
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: "dsh-channels-cfg__btn dsh-channels-cfg__btn--primary",
+										disabled: disabled || userOpenId.trim() === "",
+										onClick: () => {
+											submitUser();
+										},
+										children: working ? PANEL_COPY.accessWorking : PANEL_COPY.accessAddUser
+									})
+								]
+							})
+						]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "dsh-channels-cfg__accessSection",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dsh-channels-cfg__labelRow",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "dsh-channels-cfg__label",
+								children: PANEL_COPY.accessRequestsTitle
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								className: "dsh-channels-cfg__cardMeta",
+								children: [requests.length, " 条"]
+							})]
+						}), requests.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "dsh-channels-cfg__help",
+							children: PANEL_COPY.accessRequestsEmpty
+						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+							className: "dsh-channels-cfg__accessList",
+							children: requests.map((request) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+								className: "dsh-channels-cfg__accessRow",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: "dsh-channels-cfg__accessMain",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
+										request.kind === "group" ? PANEL_COPY.accessRequestGroup : PANEL_COPY.accessRequestUser,
+										"：",
+										request.name ?? request.targetId
+									] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+										className: "dsh-channels-cfg__accessMeta",
+										children: [
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: "dsh-channels-cfg__mono",
+												children: request.targetId
+											}),
+											` · ${formatAccessDate(request.createdAt)} · ${PANEL_COPY.accessRequestExpires} ${formatAccessDate(request.expiresAt)}`,
+											request.kind === "user" && request.requester !== void 0 ? ` · ${PANEL_COPY.accessRequestRequester} ${request.requester}` : "",
+											request.kind === "user" && request.groupName !== void 0 ? ` · 群 ${request.groupName}` : request.kind === "user" && request.chatId !== void 0 ? ` · 群 ${request.chatId}` : ""
+										]
+									})]
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: "dsh-channels-cfg__accessActions",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: "dsh-channels-cfg__btn dsh-channels-cfg__btn--primary",
+										disabled,
+										onClick: () => onResolveRequest(request.token, "allow"),
+										children: working ? PANEL_COPY.accessWorking : PANEL_COPY.accessAllow
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: "dsh-channels-cfg__btn",
+										disabled,
+										onClick: () => onResolveRequest(request.token, "deny"),
+										children: working ? PANEL_COPY.accessWorking : PANEL_COPY.accessDeny
+									})]
+								})]
+							}, request.token))
+						})]
+					}),
+					notice === null ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "dsh-channels-cfg__notice dsh-channels-cfg__notice--ok",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: notice })
+					}),
+					error === null ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "dsh-channels-cfg__fieldError",
+						children: error
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "dsh-channels-cfg__help",
+						children: PANEL_COPY.accessHints
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "dsh-channels-cfg__help",
+						children: PANEL_COPY.accessChatIdHint
+					})
+				]
+			});
+		}
+		/** The settings.section page: status card + generic config form + read-only facts. */
+		function FeishuChannelsSection(_props) {
+			const [load, setLoad] = (0, react.useState)({ phase: "loading" });
+			const [draft, setDraft] = (0, react.useState)({});
+			const [notice, setNotice] = (0, react.useState)(null);
+			const [busy, setBusy] = (0, react.useState)(null);
+			const [status, setStatus] = (0, react.useState)(null);
+			const [pollError, setPollError] = (0, react.useState)(null);
+			const [appIdInput, setAppIdInput] = (0, react.useState)("");
+			const [appSecretInput, setAppSecretInput] = (0, react.useState)("");
+			const [catalog, setCatalog] = (0, react.useState)(null);
+			const [catalogBusy, setCatalogBusy] = (0, react.useState)(false);
+			const [cleanupResult, setCleanupResult] = (0, react.useState)(null);
+			const [cleanupError, setCleanupError] = (0, react.useState)(null);
+			const [accessNotice, setAccessNotice] = (0, react.useState)(null);
+			const [accessError, setAccessError] = (0, react.useState)(null);
+			const catalogTicket = (0, react.useRef)(0);
+			const panel = load.phase === "ready" ? load.panel : null;
+			const currentStatus = status ?? panel?.status ?? null;
+			const loadPanel = (0, react.useCallback)(async () => {
+				setLoad({ phase: "loading" });
+				setNotice(null);
+				setCleanupResult(null);
+				setCleanupError(null);
+				setAccessNotice(null);
+				setAccessError(null);
+				try {
+					const next = await fetchPanel();
+					setLoad({
+						phase: "ready",
+						panel: next
+					});
+					setStatus(next.status);
+					setDraft({});
+					setAppIdInput("");
+					setAppSecretInput("");
+				} catch (error) {
+					setLoad({
+						phase: "error",
+						message: messageOf(error)
+					});
+				}
+			}, []);
+			(0, react.useEffect)(() => {
+				loadPanel();
+			}, [loadPanel]);
+			(0, react.useEffect)(() => {
+				if (panel === null) {
+					setCatalog(null);
+					return;
+				}
+				setCatalog(catalogFromFields(panel.config.fields));
+				setCatalogBusy(false);
+			}, [panel]);
+			(0, react.useEffect)(() => {
+				if (load.phase !== "ready") return void 0;
+				let cancelled = false;
+				const tick = async () => {
+					try {
+						const next = await fetchStatus();
+						if (cancelled) return;
+						setStatus(next);
+						setPollError(null);
+					} catch (error) {
+						if (!cancelled) setPollError(messageOf(error));
+					}
+				};
+				const timer = window.setInterval(() => {
+					tick();
+				}, 5e3);
+				return () => {
+					cancelled = true;
+					window.clearInterval(timer);
+				};
+			}, [load.phase]);
+			/** Fetch the selector catalog for a draft route (latest request wins). */
+			const refreshCatalog = (0, react.useCallback)(async (provider, model) => {
+				catalogTicket.current += 1;
+				const ticket = catalogTicket.current;
+				setCatalogBusy(true);
+				try {
+					const next = await fetchCatalog(provider, model);
+					if (catalogTicket.current === ticket) setCatalog(next);
+				} catch {
+					if (catalogTicket.current !== ticket) return;
+					setCatalog((previous) => previous === null ? null : {
+						provider: previous.provider,
+						model: {
+							selectable: false,
+							options: []
+						},
+						reasoningEffort: {
+							selectable: false,
+							options: []
+						},
+						agentPreset: previous.agentPreset
+					});
+					setNotice({
+						kind: "error",
+						text: PANEL_COPY.catalogFailed
+					});
+				} finally {
+					if (catalogTicket.current === ticket) setCatalogBusy(false);
+				}
+			}, []);
+			/** Current form values, used to keep unlisted configured values visible. */
+			const currentValues = (0, react.useMemo)(() => {
+				if (panel === null) return {};
+				const valueOf = (key) => {
+					const raw = draft[key] ?? effectiveValue(panel, key);
+					return typeof raw === "string" && raw !== "" ? raw : void 0;
+				};
+				return {
+					provider: valueOf("provider"),
+					model: valueOf("model"),
+					reasoningEffort: valueOf("reasoningEffort"),
+					agentPreset: valueOf("agentPreset")
+				};
+			}, [draft, panel]);
+			const renderedFields = (0, react.useMemo)(() => applyCatalogFields(panel?.config.fields ?? [], catalog, currentValues), [
+				panel,
+				catalog,
+				currentValues
+			]);
+			/** Whether one selector currently renders as a dropdown for this form. */
+			const isSelectField = (0, react.useCallback)((key) => renderedFields.some((field) => field.key === key && field.kind === "select"), [renderedFields]);
+			const updateDraft = (0, react.useCallback)((key, value) => {
+				if (panel === null) return;
+				const providerNow = String(draft.provider ?? effectiveValue(panel, "provider") ?? "");
+				setNotice(null);
+				if (key === "provider") {
+					const nextProvider = String(value ?? "");
+					const keepModel = nextProvider === String(effectiveValue(panel, "provider") ?? "") ? String(effectiveValue(panel, "model") ?? "") : "";
+					setDraft((previous) => ({
+						...previous,
+						provider: value,
+						model: "",
+						reasoningEffort: ""
+					}));
+					if (catalog !== null && isSelectField("provider")) refreshCatalog(nextProvider, keepModel);
+					return;
+				}
+				if (key === "model") {
+					setDraft((previous) => ({
+						...previous,
+						model: value,
+						reasoningEffort: ""
+					}));
+					if (catalog !== null && isSelectField("model")) refreshCatalog(providerNow, String(value ?? ""));
+					return;
+				}
+				setDraft((previous) => ({
+					...previous,
+					[key]: value
+				}));
+			}, [
+				catalog,
+				draft.provider,
+				isSelectField,
+				panel,
+				refreshCatalog
+			]);
+			const refreshStatus = (0, react.useCallback)(async () => {
+				try {
+					const next = await fetchStatus();
+					setStatus(next);
+					setPollError(null);
+				} catch (error) {
+					setPollError(messageOf(error));
+				}
+			}, []);
+			/**
+			* Save one scope of the form. The global footer saves every draft key; the
+			* model card's own button saves only the four model-facing keys, so editing
+			* the model does not require scrolling to the bottom.
+			*/
+			const onSave = (0, react.useCallback)(async (scope) => {
+				if (panel === null) return;
+				const only = scope === "model" ? new Set(CATALOG_KEYS) : void 0;
+				const { values, issues } = validateDraft(panel, draft, only);
+				if (issues.length > 0) {
+					setNotice({
+						kind: "error",
+						text: "请先修正标红的配置项",
+						issues
+					});
+					return;
+				}
+				if (Object.keys(values).length === 0) return;
+				setBusy("save");
+				setNotice(null);
+				try {
+					const result = await saveConfig(values);
+					if (!result.ok) {
+						setNotice({
+							kind: "error",
+							text: result.error,
+							issues: result.issues
+						});
+						return;
+					}
+					setLoad({
+						phase: "ready",
+						panel: result.panel
+					});
+					setStatus(result.panel.status);
+					setCleanupResult(null);
+					setCleanupError(null);
+					const cleared = result.clearedKeys.length === 0 ? "" : `；已清除覆盖：${result.clearedKeys.map((key) => fieldLabel(result.panel.config.fields, key)).join("、")}`;
+					setNotice({
+						kind: "ok",
+						text: `${scope === "model" ? PANEL_COPY.savedModel : PANEL_COPY.saved}${cleared}`
+					});
+					setDraft((previous) => {
+						if (scope !== "model") return {};
+						const next = { ...previous };
+						for (const key of CATALOG_KEYS) delete next[key];
+						return next;
+					});
+				} catch (error) {
+					setNotice({
+						kind: "error",
+						text: messageOf(error)
+					});
+				} finally {
+					setBusy(null);
+				}
+			}, [draft, panel]);
+			const onClear = (0, react.useCallback)(async () => {
+				setBusy("clear");
+				setNotice(null);
+				try {
+					const result = await clearConfig();
+					if (!result.ok) {
+						setNotice({
+							kind: "error",
+							text: result.error
+						});
+						return;
+					}
+					setLoad({
+						phase: "ready",
+						panel: result.panel
+					});
+					setStatus(result.panel.status);
+					setDraft({});
+					setCleanupResult(null);
+					setCleanupError(null);
+					setNotice({
+						kind: "ok",
+						text: PANEL_COPY.cleared
+					});
+				} catch (error) {
+					setNotice({
+						kind: "error",
+						text: messageOf(error)
+					});
+				} finally {
+					setBusy(null);
+				}
+			}, []);
+			const onReconnect = (0, react.useCallback)(async () => {
+				if (!(typeof window.confirm === "function" ? window.confirm(PANEL_COPY.restartWarning) : true)) return;
+				setBusy("reconnect");
+				setNotice(null);
+				try {
+					const result = await reconnect();
+					if (!result.ok) {
+						setNotice({
+							kind: "error",
+							text: result.error
+						});
+						await refreshStatus();
+						return;
+					}
+					setLoad({
+						phase: "ready",
+						panel: result.panel
+					});
+					setStatus(result.panel.status);
+					setNotice({
+						kind: "ok",
+						text: "已重启飞书连接"
+					});
+				} catch (error) {
+					setNotice({
+						kind: "error",
+						text: messageOf(error)
+					});
+					await refreshStatus();
+				} finally {
+					setBusy(null);
+				}
+			}, [refreshStatus]);
+			/**
+			* Delete stale workspaces after an explicit confirmation. The Host refreshes
+			* the panel in the same response, so the preview counts update immediately;
+			* partial failures stay visible in the card instead of being swallowed.
+			*/
+			const onRunCleanup = (0, react.useCallback)(async () => {
+				if (panel === null) return;
+				const { cleanup } = panel;
+				if (!(typeof window.confirm === "function" ? window.confirm(`${PANEL_COPY.cleanupConfirm}\n本次将删除 ${cleanup.candidates} 个工作区，预计释放 ${formatBytes(cleanup.candidateBytes)}。`) : true)) return;
+				setBusy("cleanup");
+				setNotice(null);
+				setCleanupResult(null);
+				setCleanupError(null);
+				try {
+					const response = await runCleanup();
+					if (!response.ok) {
+						setCleanupError(response.error);
+						return;
+					}
+					setLoad({
+						phase: "ready",
+						panel: response.panel
+					});
+					setStatus(response.panel.status);
+					setCleanupResult(response.result);
+				} catch (error) {
+					setCleanupError(messageOf(error));
+				} finally {
+					setBusy(null);
+				}
+			}, [panel]);
+			/** Replace the embedded access snapshot after a whitelist mutation. */
+			const applyAccess = (0, react.useCallback)((access) => {
+				setLoad((previous) => previous.phase === "ready" ? {
+					phase: "ready",
+					panel: {
+						...previous.panel,
+						access
+					}
+				} : previous);
+			}, []);
+			const onAddAccessGroup = (0, react.useCallback)(async (chatId, name) => {
+				setBusy("access");
+				setAccessError(null);
+				setAccessNotice(null);
+				try {
+					const result = await addAccessGroup(chatId, name);
+					if (!result.ok) {
+						setAccessError(result.error);
+						return false;
+					}
+					applyAccess(result.access);
+					setAccessNotice(PANEL_COPY.accessGroupAdded);
+					return true;
+				} catch (error) {
+					setAccessError(messageOf(error));
+					return false;
+				} finally {
+					setBusy(null);
+				}
+			}, [applyAccess]);
+			const onRemoveAccessGroup = (0, react.useCallback)(async (chatId) => {
+				setBusy("access");
+				setAccessError(null);
+				setAccessNotice(null);
+				try {
+					const result = await removeAccessGroup(chatId);
+					if (!result.ok) {
+						setAccessError(result.error);
+						return;
+					}
+					applyAccess(result.access);
+					setAccessNotice(PANEL_COPY.accessGroupRemoved);
+				} catch (error) {
+					setAccessError(messageOf(error));
+				} finally {
+					setBusy(null);
+				}
+			}, [applyAccess]);
+			const onAddAccessUser = (0, react.useCallback)(async (openId, name) => {
+				setBusy("access");
+				setAccessError(null);
+				setAccessNotice(null);
+				try {
+					const result = await addAccessUser(openId, name);
+					if (!result.ok) {
+						setAccessError(result.error);
+						return false;
+					}
+					applyAccess(result.access);
+					setAccessNotice(PANEL_COPY.accessUserAdded);
+					return true;
+				} catch (error) {
+					setAccessError(messageOf(error));
+					return false;
+				} finally {
+					setBusy(null);
+				}
+			}, [applyAccess]);
+			const onRemoveAccessUser = (0, react.useCallback)(async (openId) => {
+				setBusy("access");
+				setAccessError(null);
+				setAccessNotice(null);
+				try {
+					const result = await removeAccessUser(openId);
+					if (!result.ok) {
+						setAccessError(result.error);
+						return;
+					}
+					applyAccess(result.access);
+					setAccessNotice(PANEL_COPY.accessUserRemoved);
+				} catch (error) {
+					setAccessError(messageOf(error));
+				} finally {
+					setBusy(null);
+				}
+			}, [applyAccess]);
+			const onResolveAccessRequest = (0, react.useCallback)(async (token, decision) => {
+				setBusy("access");
+				setAccessError(null);
+				setAccessNotice(null);
+				try {
+					const result = await resolveAccessRequest(token, decision);
+					if (!result.ok) {
+						setAccessError(result.error);
+						return;
+					}
+					applyAccess(result.access);
+					setAccessNotice(decision === "allow" ? PANEL_COPY.accessRequestAllowed : PANEL_COPY.accessRequestDenied);
+				} catch (error) {
+					setAccessError(messageOf(error));
+				} finally {
+					setBusy(null);
+				}
+			}, [applyAccess]);
+			const onSaveCredentials = (0, react.useCallback)(async () => {
+				const values = {};
+				if (appIdInput.trim() !== "") values.appId = appIdInput;
+				if (appSecretInput.trim() !== "") values.appSecret = appSecretInput;
+				if (values.appId === void 0 && values.appSecret === void 0) return;
+				setBusy("credentials");
+				setNotice(null);
+				try {
+					const result = await saveCredentials(values);
+					if (!result.ok) {
+						setNotice({
+							kind: "error",
+							text: result.error,
+							issues: result.issues
+						});
+						return;
+					}
+					setLoad({
+						phase: "ready",
+						panel: result.panel
+					});
+					setStatus(result.panel.status);
+					setAppIdInput("");
+					setAppSecretInput("");
+					const base = result.reconnect === "pending" ? PANEL_COPY.credentialSavedPending : result.reconnect === "auto" ? PANEL_COPY.credentialSavedReconnected : PANEL_COPY.credentialSaved;
+					setNotice({
+						kind: result.autoReconnectError === void 0 ? "ok" : "error",
+						text: result.autoReconnectError === void 0 ? base : `${base}；自动重连失败：${result.autoReconnectError}`
+					});
+				} catch (error) {
+					setNotice({
+						kind: "error",
+						text: messageOf(error)
+					});
+				} finally {
+					setBusy(null);
+				}
+			}, [appIdInput, appSecretInput]);
+			const onClearCredential = (0, react.useCallback)(async (field) => {
+				const label = field === "appId" ? PANEL_COPY.appIdLabel : PANEL_COPY.appSecretLabel;
+				if (!(typeof window.confirm === "function" ? window.confirm(`确定移除已存储的 ${label}？`) : true)) return;
+				setBusy("credentials-clear");
+				setNotice(null);
+				try {
+					const result = await clearCredential(field);
+					if (!result.ok) {
+						setNotice({
+							kind: "error",
+							text: result.error,
+							issues: result.issues
+						});
+						return;
+					}
+					setLoad({
+						phase: "ready",
+						panel: result.panel
+					});
+					setStatus(result.panel.status);
+					setNotice({
+						kind: "ok",
+						text: result.reconnect === "pending" ? PANEL_COPY.credentialRemovedPending : PANEL_COPY.credentialRemoved
+					});
+				} catch (error) {
+					setNotice({
+						kind: "error",
+						text: messageOf(error)
+					});
+				} finally {
+					setBusy(null);
+				}
+			}, []);
+			const groupedFields = (0, react.useMemo)(() => {
+				if (panel === null) return [];
+				return GROUP_ORDER.map((group) => ({
+					group,
+					label: GROUP_LABELS[group],
+					fields: renderedFields.filter((field) => field.group === group)
+				})).filter((entry) => entry.fields.length > 0);
+			}, [panel, renderedFields]);
+			const modelEntries = groupedFields.filter((entry) => entry.group === "model");
+			const configEntries = groupedFields.filter((entry) => entry.group !== "model");
+			const dirty = Object.keys(draft).length > 0;
+			const modelDirty = CATALOG_KEYS.some((key) => draft[key] !== void 0);
+			const issues = notice?.kind === "error" ? notice.issues ?? [] : [];
+			if (load.phase === "loading") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "dsh-channels-cfg__loading",
+				children: PANEL_COPY.loading
+			});
+			if (load.phase === "error") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "dsh-channels-cfg__error",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: PANEL_COPY.loadFailed }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: load.message }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: "dsh-channels-cfg__btn",
+						onClick: () => {
+							loadPanel();
+						},
+						children: PANEL_COPY.retry
+					}) })
+				]
+			});
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "dsh-channels-cfg",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
+						className: "dsh-channels-cfg__head",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+							className: "dsh-channels-cfg__title",
+							children: PANEL_COPY.title
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "dsh-channels-cfg__desc",
+							children: PANEL_COPY.description
+						})]
+					}),
+					currentStatus === null ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StatusCard, {
+						status: currentStatus,
+						pollError,
+						busy,
+						onRefresh: () => {
+							refreshStatus();
+						},
+						onReconnect: () => {
+							onReconnect();
+						}
+					}),
+					notice === null ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: `dsh-channels-cfg__notice dsh-channels-cfg__notice--${notice.kind === "ok" ? "ok" : "error"}`,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: notice.text })
+					}),
+					panel === null ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CredentialsCard, {
+						panel,
+						appId: appIdInput,
+						appSecret: appSecretInput,
+						issues,
+						busy,
+						onAppIdChange: setAppIdInput,
+						onAppSecretChange: setAppSecretInput,
+						onSave: () => {
+							onSaveCredentials();
+						},
+						onClear: (field) => {
+							onClearCredential(field);
+						}
+					}),
+					panel === null ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+						panel.config.restartPendingKeys.length === 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dsh-channels-cfg__banner",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [PANEL_COPY.restartBanner, panel.config.restartPendingKeys.map((key) => fieldLabel(panel.config.fields, key)).join("、")] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: "dsh-channels-cfg__btn dsh-channels-cfg__btn--danger",
+								onClick: () => {
+									onReconnect();
+								},
+								disabled: busy !== null,
+								children: busy === "reconnect" ? PANEL_COPY.reconnecting : PANEL_COPY.reconnect
+							})]
+						}),
+						modelEntries.length === 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+							className: "dsh-channels-cfg__card",
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dsh-channels-cfg__cardHead",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "dsh-channels-cfg__cardTitle",
+										children: PANEL_COPY.modelCard
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "dsh-channels-cfg__cardMeta",
+										children: catalogBusy ? PANEL_COPY.catalogLoading : "选项来自宿主机目录"
+									})]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "dsh-channels-cfg__help",
+									children: PANEL_COPY.modelCardHelp
+								}),
+								modelEntries.map((entry) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: "dsh-channels-cfg__grid",
+									children: entry.fields.map((field) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FieldRow, {
+										field,
+										value: draft[field.key] ?? effectiveValue(panel, field.key),
+										issues,
+										onChange: updateDraft
+									}, field.key))
+								}, entry.group)),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dsh-channels-cfg__footer",
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: "dsh-channels-cfg__btn dsh-channels-cfg__btn--primary",
+											onClick: () => {
+												onSave("model");
+											},
+											disabled: !modelDirty || busy !== null,
+											children: busy === "save" ? PANEL_COPY.saving : PANEL_COPY.saveModel
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: "dsh-channels-cfg__spacer" }),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: "dsh-channels-cfg__help",
+											children: modelDirty ? "有未保存的模型修改" : PANEL_COPY.modelActionsHint
+										})
+									]
+								})
+							]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+							className: "dsh-channels-cfg__card",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "dsh-channels-cfg__cardHead",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "dsh-channels-cfg__cardTitle",
+									children: PANEL_COPY.configCard
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "dsh-channels-cfg__cardMeta",
+									children: panel.config.overriddenKeys.length === 0 ? PANEL_COPY.inherited : `${PANEL_COPY.overridden} ${panel.config.overriddenKeys.length} 项`
+								})]
+							}), configEntries.map((entry) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "dsh-channels-cfg__cardHead",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "dsh-channels-cfg__cardTitle",
+									children: entry.label
+								})
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "dsh-channels-cfg__grid",
+								children: entry.fields.map((field) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FieldRow, {
+									field,
+									value: draft[field.key] ?? effectiveValue(panel, field.key),
+									issues,
+									onChange: updateDraft
+								}, field.key))
+							})] }, entry.group))]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "dsh-channels-cfg__footer",
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: "dsh-channels-cfg__btn dsh-channels-cfg__btn--primary",
+									onClick: () => {
+										onSave();
+									},
+									disabled: !dirty || busy !== null,
+									children: busy === "save" ? PANEL_COPY.saving : PANEL_COPY.saveAll
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: "dsh-channels-cfg__btn",
+									onClick: () => {
+										onClear();
+									},
+									disabled: panel.config.overriddenKeys.length === 0 || busy !== null,
+									title: panel.config.overriddenKeys.length === 0 ? PANEL_COPY.noOverrides : void 0,
+									children: busy === "clear" ? PANEL_COPY.clearing : PANEL_COPY.clear
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: "dsh-channels-cfg__spacer" }),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "dsh-channels-cfg__help",
+									children: dirty ? "有未保存的修改" : "只保存改动过的字段"
+								})
+							]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CleanupCard, {
+							panel,
+							cleanup: panel.cleanup,
+							busy,
+							result: cleanupResult,
+							error: cleanupError,
+							onRun: () => {
+								onRunCleanup();
+							}
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(AccessCard, {
+							panel,
+							busy,
+							notice: accessNotice,
+							error: accessError,
+							onAddGroup: onAddAccessGroup,
+							onRemoveGroup: (chatId) => {
+								onRemoveAccessGroup(chatId);
+							},
+							onAddUser: onAddAccessUser,
+							onRemoveUser: (openId) => {
+								onRemoveAccessUser(openId);
+							},
+							onResolveRequest: (token, decision) => {
+								onResolveAccessRequest(token, decision);
+							}
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(AdvancedCard, { panel })
+					] })
+				]
+			});
+		}
+		//#endregion
+		//#region src/client/styles.ts
+		/**
+		* Settings panel styling. DSH semantic tokens (`--dsw-alias-*`) with neutral
+		* fallbacks so the page follows the active theme; only pseudo-classes and
+		* responsive rules live here (everything else is inline in the component).
+		*
+		* @module dsh-channels/client/styles
+		*/
+		const STYLE_ATTRIBUTE = "data-dsh-channels-css";
+		const CSS = `
+.dsh-channels-cfg{container-type:inline-size;display:flex;flex-direction:column;gap:12px;width:100%;max-width:720px;color:var(--dsw-alias-label-primary,#1f2328);font-size:13px;line-height:20px}
+.dsh-channels-cfg__head{display:flex;flex-direction:column;gap:4px}
+.dsh-channels-cfg__title{margin:0;font-size:16px;font-weight:500;line-height:24px}
+.dsh-channels-cfg__desc{margin:0;color:var(--dsw-alias-label-tertiary,#8a8f98);font-size:12px;line-height:18px}
+.dsh-channels-cfg__card{display:flex;flex-direction:column;gap:10px;padding:12px 14px;border:1px solid var(--dsw-alias-border-l2,rgba(0,0,0,.12));border-radius:12px}
+.dsh-channels-cfg__cardHead{display:flex;align-items:center;gap:8px;min-height:20px;flex-wrap:wrap}
+.dsh-channels-cfg__cardTitle{font-size:13px;font-weight:500}
+.dsh-channels-cfg__cardMeta{margin-left:auto;color:var(--dsw-alias-label-tertiary,#8a8f98);font-size:12px}
+.dsh-channels-cfg__statusRow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
+.dsh-channels-cfg__badge{display:inline-flex;align-items:center;gap:5px;padding:1px 8px;border-radius:999px;border:1px solid var(--dsw-alias-border-l2,rgba(0,0,0,.12));font-size:12px;line-height:18px;white-space:nowrap}
+.dsh-channels-cfg__dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}
+.dsh-channels-cfg__badge--ok{color:var(--dsw-alias-state-business-primary,#0a7d33);border-color:currentColor}
+.dsh-channels-cfg__badge--warn{color:var(--dsw-alias-state-warning-primary,#a15c00);border-color:currentColor}
+.dsh-channels-cfg__badge--bad{color:var(--dsw-alias-state-danger-primary,#c62828);border-color:currentColor}
+.dsh-channels-cfg__badge--muted{color:var(--dsw-alias-label-tertiary,#8a8f98)}
+.dsh-channels-cfg__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 16px}
+.dsh-channels-cfg__fact{display:flex;flex-direction:column;gap:2px;min-width:0}
+.dsh-channels-cfg__factLabel{color:var(--dsw-alias-label-tertiary,#8a8f98);font-size:12px;line-height:16px}
+.dsh-channels-cfg__factValue{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
+.dsh-channels-cfg__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
+.dsh-channels-cfg__btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:28px;padding:0 12px;border:1px solid var(--dsw-alias-border-l2,rgba(0,0,0,.12));border-radius:8px;background:transparent;color:inherit;font:inherit;font-size:13px;cursor:pointer;white-space:nowrap}
+.dsh-channels-cfg__btn:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover,rgba(0,0,0,.05))}
+.dsh-channels-cfg__btn:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary,#0a67d3);outline-offset:2px}
+.dsh-channels-cfg__btn:disabled{color:var(--dsw-alias-label-dimmed,#b0b4ba);cursor:default}
+.dsh-channels-cfg__btn--primary{background:var(--dsw-alias-button-primary-fill,#0a67d3);border-color:transparent;color:var(--dsw-alias-label-primary-foreground,#fff)}
+.dsh-channels-cfg__btn--primary:hover:not(:disabled){background:var(--dsw-alias-button-primary-hover,#0b5cba)}
+.dsh-channels-cfg__btn--danger{color:var(--dsw-alias-state-danger-primary,#c62828);border-color:currentColor}
+.dsh-channels-cfg__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;align-items:start}
+.dsh-channels-cfg__field{display:flex;flex-direction:column;gap:4px;min-width:0}
+.dsh-channels-cfg__field--wide{grid-column:1/-1}
+.dsh-channels-cfg__labelRow{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}
+.dsh-channels-cfg__label{font-size:12px;color:var(--dsw-alias-label-secondary,#5c6169)}
+.dsh-channels-cfg__tag{display:inline-flex;align-items:center;padding:0 5px;border-radius:4px;border:1px dashed currentColor;font-size:11px;line-height:16px;color:var(--dsw-alias-label-tertiary,#8a8f98);white-space:nowrap}
+.dsh-channels-cfg__tag--override{color:var(--dsw-alias-state-business-primary,#0a67d3);border-style:solid}
+.dsh-channels-cfg__tag--restart{color:var(--dsw-alias-state-warning-primary,#a15c00)}
+.dsh-channels-cfg__help{color:var(--dsw-alias-label-tertiary,#8a8f98);font-size:11px;line-height:16px}
+.dsh-channels-cfg__reasonBad{color:var(--dsw-alias-state-danger-primary,#c62828)}
+.dsh-channels-cfg__input{box-sizing:border-box;width:100%;min-height:28px;padding:3px 10px;border:1px solid var(--dsw-alias-border-l2,rgba(0,0,0,.12));border-radius:8px;background:var(--dsw-alias-bg-layer-1,transparent);color:inherit;font:inherit;font-size:13px;outline:none}
+.dsh-channels-cfg__input:focus{border-color:var(--dsw-alias-state-business-primary,#0a67d3)}
+.dsh-channels-cfg__input--invalid{border-color:var(--dsw-alias-state-danger-primary,#c62828)}
+select.dsh-channels-cfg__input{appearance:auto;cursor:pointer}
+.dsh-channels-cfg__check{display:inline-flex;align-items:center;gap:6px;min-height:28px;cursor:pointer;font-size:13px}
+.dsh-channels-cfg__checkbox{width:15px;height:15px;margin:0;accent-color:var(--dsw-alias-state-business-primary,#0a67d3);cursor:pointer}
+.dsh-channels-cfg__fieldError{color:var(--dsw-alias-state-danger-primary,#c62828);font-size:11px;line-height:16px}
+.dsh-channels-cfg__notice{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:8px;font-size:12px;line-height:18px}
+.dsh-channels-cfg__notice--ok{color:var(--dsw-alias-state-business-primary,#0a7d33);background:color-mix(in srgb,currentColor 8%,transparent)}
+.dsh-channels-cfg__notice--error{color:var(--dsw-alias-state-danger-primary,#c62828);background:color-mix(in srgb,currentColor 8%,transparent)}
+.dsh-channels-cfg__banner{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 10px;border-radius:8px;border:1px dashed var(--dsw-alias-state-warning-primary,#a15c00);color:var(--dsw-alias-state-warning-primary,#a15c00);font-size:12px;line-height:18px}
+.dsh-channels-cfg__footer{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:2px}
+.dsh-channels-cfg__spacer{flex:1}
+.dsh-channels-cfg__readOnly{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px}
+.dsh-channels-cfg__kv{display:flex;flex-direction:column;gap:2px;min-width:0}
+.dsh-channels-cfg__kvKey{color:var(--dsw-alias-label-tertiary,#8a8f98);font-size:12px;line-height:16px}
+.dsh-channels-cfg__kvValue{overflow-wrap:anywhere}
+.dsh-channels-cfg__mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}
+.dsh-channels-cfg__creds{display:flex;flex-direction:column;gap:6px}
+.dsh-channels-cfg__cred{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
+.dsh-channels-cfg__cred .dsh-channels-cfg__input{flex:1 1 240px;min-width:0;width:auto}
+.dsh-channels-cfg__accessSection{display:flex;flex-direction:column;gap:6px}
+.dsh-channels-cfg__accessList{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
+.dsh-channels-cfg__accessRow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:6px 8px;border:1px solid var(--dsw-alias-border-l2,rgba(0,0,0,.12));border-radius:8px}
+.dsh-channels-cfg__accessMain{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1 1 200px;overflow-wrap:anywhere}
+.dsh-channels-cfg__accessMeta{color:var(--dsw-alias-label-tertiary,#8a8f98);font-size:11px;line-height:16px;overflow-wrap:anywhere}
+.dsh-channels-cfg__accessActions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
+.dsh-channels-cfg__accessAdd{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
+.dsh-channels-cfg__accessInput{flex:1 1 140px;min-width:0;width:auto}
+.dsh-channels-cfg__error{padding:10px 12px;border:1px solid var(--dsw-alias-state-danger-primary,#c62828);border-radius:10px;color:var(--dsw-alias-state-danger-primary,#c62828);font-size:12px;line-height:18px;display:flex;flex-direction:column;gap:8px}
+.dsh-channels-cfg__loading{padding:16px 0;color:var(--dsw-alias-label-tertiary,#8a8f98);font-size:12px}
+.dsh-channels-cfg__issues{margin:0;padding-left:18px}
+@container (max-width:560px){
+.dsh-channels-cfg__facts{grid-template-columns:repeat(2,minmax(0,1fr))}
+.dsh-channels-cfg__grid,.dsh-channels-cfg__readOnly{grid-template-columns:minmax(0,1fr)}
+}
+`;
+		/** Append the panel stylesheet once (idempotent across HMR / remounts). */
+		function installStyles() {
+			if (document.querySelector(`style[${STYLE_ATTRIBUTE}]`) !== null) return () => {};
+			const style = document.createElement("style");
+			style.setAttribute(STYLE_ATTRIBUTE, "");
+			style.textContent = CSS;
+			document.head.append(style);
+			return () => {
+				style.remove();
+			};
+		}
+		//#endregion
+		//#region src/client/index.ts
+		/**
+		* dsh-channels client half: 设置 →「飞书渠道」分区。
+		*
+		* 只依赖平台核心的 `slots` 服务与 react（bundle 里 react 走平台模块表，
+		* 其余全部内联）。页面数据来自 Host 半侧的 `/dsh-channels/*` 路由，因此
+		* 不需要 typert 契约，也不 import 任何 DSH 客户端包。
+		*
+		* @module dsh-channels/client
+		*/
+		/** Cordis client plugin name. */
+		const name = "dsh-channels";
+		/** Required client services: the Slots registry is part of the web shell core. */
+		const inject = ["slots"];
+		/** Section id and nav order (built-ins: account -10, general 0, models 10, plugins 15, agent-presets 20). */
+		const SETTINGS_SECTION_ID = "feishu-channels";
+		const SETTINGS_SECTION_ORDER = 40;
+		/**
+		* Mount the settings section and its stylesheet.
+		* @param ctx - client plugin context carrying the slots registry.
+		*/
+		function apply(ctx) {
+			if (typeof ctx.effect === "function") ctx.effect(() => installStyles(), "dsh-channels: settings styles");
+			else installStyles();
+			ctx.slots.inject("settings.section", () => ctx.slots.register({
+				name: "settings.section",
+				id: SETTINGS_SECTION_ID,
+				order: 40,
+				label: () => PANEL_COPY.title
+			}, FeishuChannelsSection));
+		}
+		//#endregion
+		exports.SETTINGS_SECTION_ID = SETTINGS_SECTION_ID;
+		exports.SETTINGS_SECTION_ORDER = SETTINGS_SECTION_ORDER;
+		exports.apply = apply;
+		exports.inject = inject;
+		exports.name = name;
+		return module.exports;
+	}
+});
+
+//# sourceMappingURL=client.js.map