@liaozhi/dsh-post-gen 0.1.0

package/lib/client.js

@@ -0,0 +1,1538 @@
+window.__ModuleLoader__.load({
+	id: "@liaozhi/dsh-post-gen",
+	factory: (require) => {
+		var module = { exports: {} };
+		var exports = module.exports;
+		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+		let react = require("react");
+		let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
+		let react_jsx_runtime = require("react/jsx-runtime");
+		//#region src/client/locales.ts
+		/**
+		* 海报设计设置面板的文案词典。
+		* 命名空间 `settings.poster` 合并进 LocaleNamespaceMap，
+		* 注册后组件通过框架注入的 `t` seat 取文案。
+		*/
+		const en = {
+			/** Settings nav label. */
+			nav: "Poster Design",
+			/** Section heading. */
+			title: "Poster Design",
+			disabledTitle: "This plugin has been disabled automatically.",
+			disabledFallback: "The host half did not start: the installed harness version is not supported.",
+			disabledWindow: "Supported harness versions: {min} ~ {max} (inclusive).",
+			disabledInstallLabel: "Install a supported harness version:",
+			disabledCopy: "Copy",
+			disabledCopied: "Copied!",
+			disabledHint: "Bring the harness into the supported window (upgrade or downgrade as noted above), or wait for a compatible plugin release, then restart. See the dsh startup log for details.",
+			enableLabel: "Enable poster design",
+			enabledOn: "Enabled: the poster flow is available in conversations (depends on dsh-qw-tool for image tools).",
+			enabledOff: "Disabled: the poster flow stays out of conversations and adds no prompt overhead.",
+			enabledButIncomplete: "The switch is on, but the flow is inactive until these are resolved:",
+			gateIncomplete: "Complete the following before enabling:",
+			missingSkills: "install at least one poster skill",
+			loading: "Loading saved configuration…",
+			skillsTitle: "Installed skills",
+			uploadButton: "Install from zip…",
+			uploadBusy: "Installing {fileName}…",
+			uploadDoneOk: "{message}",
+			uploadFailed: "Installation failed: {message}",
+			skillEmpty: "No skills installed yet. Install one from a zip to enable poster design.",
+			skillBundled: "built-in",
+			skillBundledLocked: "Built-in skills cannot be removed",
+			skillRemove: "Remove",
+			skillPreviewAlt: "Preview of {title}",
+			invalidTitle: "Folders that failed validation",
+			invalidHint: "These folders do not match the poster skill format; remove them or fix their contents.",
+			invalidRemove: "Delete folder",
+			close: "Close",
+			carouselPrev: "Previous preview",
+			carouselNext: "Next preview",
+			skillWhenToUseLabel: "When to use",
+			posterLoading: "Loading image…",
+			posterLoadFailed: "Failed to load the image: {message}",
+			nodeSkillsTitle: "Poster skill library",
+			nodePickTitle: "Style pick",
+			nodeRunning: "running…",
+			nodeDone: "done",
+			nodeFailed: "failed",
+			nodeAborted: "Cancelled / interrupted",
+			stepScan: "① Skill library scan",
+			stepParams: "① Received parameters",
+			stepOptions: "② Candidates — pick one",
+			stepAnswer: "③ Final selection",
+			paramCandidates: "Candidates",
+			paramQuestion: "Question",
+			skillsScanned: "Scanned {count} skills in {duration}",
+			skillsInvalid: "{count} folder(s) failed validation",
+			pickHint: "Pick a style for this poster.",
+			chooseThis: "Pick this one",
+			chosenBadge: "Selected",
+			customPlaceholder: "Optional additions (e.g. copy, palette)…",
+			waitingChoice: "Waiting for your pick…",
+			answerExpired: "This pick has expired (the call already finished or was interrupted).",
+			finalSkill: "Chosen skill",
+			finalCustom: "Your additions",
+			inspect: "Inspect",
+			nodeCollapse: "Collapse",
+			nodeExpand: "Expand",
+			stepPending: "…"
+		};
+		/** Chinese strings (same keys as {@link en}). */
+		const zh = {
+			nav: "海报设计",
+			title: "海报设计",
+			disabledTitle: "本插件已被自动停用。",
+			disabledFallback: "host 半未启动：当前安装的 harness 版本不受支持。",
+			disabledWindow: "支持的 harness 版本窗口：{min} ~ {max}（含）。",
+			disabledInstallLabel: "安装受支持的 harness 版本：",
+			disabledCopy: "复制",
+			disabledCopied: "已复制！",
+			disabledHint: "请将 harness 调整到受支持的版本窗口（按上方原因升级或降级），或等待兼容的插件版本后重启。详见 dsh 启动日志。",
+			enableLabel: "启用海报设计",
+			enabledOn: "已启用：对话中可使用海报工作流（图像工具依赖 dsh-qw-tool）。",
+			enabledOff: "未启用：海报功能不进入对话，也不占用上下文。",
+			enabledButIncomplete: "开关已打开，但以下事项未解决，海报功能未激活：",
+			gateIncomplete: "完成以下事项后才能启用：",
+			missingSkills: "安装至少一个海报 skill",
+			loading: "正在读取已保存的配置…",
+			skillsTitle: "已安装的 skill",
+			uploadButton: "从压缩包安装…",
+			uploadBusy: "正在安装 {fileName}…",
+			uploadDoneOk: "{message}",
+			uploadFailed: "安装失败：{message}",
+			skillEmpty: "还没有安装任何 skill。从压缩包安装一个之后才能启用海报设计。",
+			skillBundled: "内置",
+			skillBundledLocked: "内置 skill 不可删除",
+			skillRemove: "删除",
+			skillPreviewAlt: "「{title}」的预览图",
+			invalidTitle: "校验失败的文件夹",
+			invalidHint: "这些文件夹不符合海报 skill 格式，可以删除或修正内容后重试。",
+			invalidRemove: "删除文件夹",
+			close: "关闭",
+			carouselPrev: "上一张预览图",
+			carouselNext: "下一张预览图",
+			skillWhenToUseLabel: "适用场景",
+			posterLoading: "图片加载中…",
+			posterLoadFailed: "图片加载失败：{message}",
+			nodeSkillsTitle: "海报风格库",
+			nodePickTitle: "风格点选",
+			nodeRunning: "进行中…",
+			nodeDone: "已完成",
+			nodeFailed: "失败",
+			nodeAborted: "已取消/中断",
+			stepScan: "① 风格库扫描",
+			stepParams: "① 接收参数",
+			stepOptions: "② 候选风格（请选择一个）",
+			stepAnswer: "③ 最终选择",
+			paramCandidates: "候选",
+			paramQuestion: "提问",
+			skillsScanned: "扫描到 {count} 个风格，耗时 {duration}",
+			skillsInvalid: "{count} 个文件夹校验失败",
+			pickHint: "请为本次海报选择一个风格。",
+			chooseThis: "选这个",
+			chosenBadge: "已选择",
+			customPlaceholder: "补充要求（可选，如文案、色调）…",
+			waitingChoice: "等待选择…",
+			answerExpired: "该选择已过期（调用已结束或中断）。",
+			finalSkill: "选中 skill",
+			finalCustom: "用户补充",
+			inspect: "Inspect",
+			nodeCollapse: "收起",
+			nodeExpand: "展开",
+			stepPending: "…"
+		};
+		/** Locale namespace owned by this plugin. */
+		const POSTER_NS = "settings.poster";
+		//#endregion
+		//#region src/shared/disabled-flag.ts
+		/**
+		* host 半版本门禁软禁用时的跨进程标记（host → client）。
+		*
+		* host 半（index.ts）软禁用时不注册任何业务能力，只经
+		* `webserver/index-inject` 向 index.html 注入一个全局变量（harness 渲染时
+		* `<` 已转义，值纯 JSON）；client 半（client/index.ts）加载时读取该变量，
+		* 存在即改挂"已停用"说明面板，不存在则走正常注册路径。
+		*
+		* 版本判断逻辑只在 host 半（version-gate.ts）有一份，client 不复制——
+		* 此文件只是两侧共享的常量与载荷形状，不得引入任何 Node 依赖（client
+		* bundle 会内联本文件）。
+		*/
+		/** 注入 index.html 的全局标记名（`globalThis[DISABLED_GLOBAL]`）。 */
+		const DISABLED_GLOBAL = "__DSH_POST_GEN_DISABLED__";
+		//#endregion
+		//#region src/shared/poster-contract.ts
+		/**
+		* host 与 client 共享的海报业务 RPC 契约。
+		* 浏览器端经 `ctx.connection.rpc.call('/api', <endpoint>, { args })` 调用
+		* host 半的 `poster` 服务（见 src/index.ts）。
+		* 本模块两端共用：只允许类型与不依赖平台的常量/纯函数。
+		*
+		* 自 v0.2 起仅保留海报工作流自身的端点（风格库 + 配置 + trace/点选）；
+		* 千问 API 调用端点已移交 dsh-qw-tool 插件（其服务 wire namespace 为 qwen）。
+		*/
+		/** RPC 端点（`<namespace>/<method>`）。 */
+		const POSTER_ENDPOINT = {
+			/** 读取服务端保存的海报设计配置（启用开关）。 */
+			getConfig: "poster/getConfig",
+			/** 保存海报设计配置（补丁式部分字段）。 */
+			saveConfig: "poster/saveConfig",
+			/** 列出 skill 库（已安装 skill + 校验失败的文件夹）。 */
+			listSkills: "poster/listSkills",
+			/** 上传 zip 安装/更新一个海报 skill。 */
+			installSkill: "poster/installSkill",
+			/** 卸载（删除）一个海报 skill 文件夹。 */
+			uninstallSkill: "poster/uninstallSkill",
+			/** 读某次工具调用的实时步骤 trace（运行中加速器；settle 后用 meta）。 */
+			getCallTrace: "poster/getCallTrace",
+			/** 提交 poster_gen_pick_poster_skill 候选卡片上的用户选择。 */
+			answerSkill: "poster/answerSkill"
+		};
+		//#endregion
+		//#region src/client/api.ts
+		/** 调用 host 半的 poster 服务端点，统一把通道错误折叠进 OpResult。 */
+		async function callPoster(rpc, endpoint, args) {
+			let envelope;
+			try {
+				envelope = await rpc.call("/api", endpoint, { args });
+			} catch (error) {
+				return {
+					ok: false,
+					kind: "network",
+					detail: error instanceof Error ? error.message : String(error)
+				};
+			}
+			if (!envelope || typeof envelope !== "object") return {
+				ok: false,
+				kind: "http",
+				detail: "bad envelope"
+			};
+			if (!envelope.ok) return {
+				ok: false,
+				kind: "http",
+				detail: envelope.error?.message ?? "rpc failed"
+			};
+			return {
+				ok: true,
+				value: envelope.value
+			};
+		}
+		/** 读取 host 端保存的配置（启用开关）。 */
+		async function getConfigViaHost(rpc) {
+			const result = await callPoster(rpc, POSTER_ENDPOINT.getConfig, {});
+			if (!result.ok) return result;
+			if (!result.value || typeof result.value !== "object" || typeof result.value.config !== "object") return {
+				ok: false,
+				kind: "http",
+				detail: "bad result"
+			};
+			return {
+				ok: true,
+				value: { config: result.value.config }
+			};
+		}
+		/** 保存配置到 host 端（补丁式部分字段）。 */
+		async function saveConfigViaHost(rpc, patch) {
+			const result = await callPoster(rpc, POSTER_ENDPOINT.saveConfig, { request: patch });
+			if (!result.ok) return result;
+			const body = result.value;
+			if (!body || typeof body !== "object") return {
+				ok: false,
+				kind: "http",
+				detail: "bad result"
+			};
+			return {
+				ok: true,
+				value: null
+			};
+		}
+		/** 列出 skill 库（已安装 + 校验失败的文件夹）。 */
+		async function listSkillsViaHost(rpc) {
+			const result = await callPoster(rpc, POSTER_ENDPOINT.listSkills, {});
+			if (!result.ok) return result;
+			const body = result.value;
+			if (!body || typeof body !== "object") return {
+				ok: false,
+				kind: "http",
+				detail: "bad result"
+			};
+			if (!body.ok) return {
+				ok: false,
+				kind: "business",
+				detail: body.error?.message ?? body.error?.code
+			};
+			return {
+				ok: true,
+				value: {
+					skills: body.skills,
+					invalid: body.invalid
+				}
+			};
+		}
+		/** 上传 zip 安装/更新一个 skill；dataBase64 为 zip 字节的 base64。 */
+		async function installSkillViaHost(rpc, request) {
+			const result = await callPoster(rpc, POSTER_ENDPOINT.installSkill, { request });
+			if (!result.ok) return result;
+			const body = result.value;
+			if (!body || typeof body !== "object") return {
+				ok: false,
+				kind: "http",
+				detail: "bad result"
+			};
+			if (!body.ok) return {
+				ok: false,
+				kind: "business",
+				detail: body.error.message
+			};
+			return {
+				ok: true,
+				value: {
+					skill: body.skill,
+					updated: body.updated
+				}
+			};
+		}
+		/** 卸载（删除）一个 skill 文件夹（校验失败的文件夹名也可传）。 */
+		async function uninstallSkillViaHost(rpc, name) {
+			const result = await callPoster(rpc, POSTER_ENDPOINT.uninstallSkill, { request: { name } });
+			if (!result.ok) return result;
+			const body = result.value;
+			if (!body || typeof body !== "object") return {
+				ok: false,
+				kind: "http",
+				detail: "bad result"
+			};
+			if (!body.ok) return {
+				ok: false,
+				kind: "business",
+				detail: body.error?.message ?? body.error?.code
+			};
+			return {
+				ok: true,
+				value: null
+			};
+		}
+		/** 读某次工具调用的实时步骤 trace（渲染节点运行中轮询；未知 callId → value null）。 */
+		async function getCallTraceViaHost(rpc, callId) {
+			const result = await callPoster(rpc, POSTER_ENDPOINT.getCallTrace, { request: { callId } });
+			if (!result.ok) return result;
+			const body = result.value;
+			if (!body || typeof body !== "object") return {
+				ok: false,
+				kind: "http",
+				detail: "bad result"
+			};
+			return {
+				ok: true,
+				value: body.trace ?? null
+			};
+		}
+		/** 提交候选卡片上的用户选择；not-found 时返回值的 code 为 'not-found'。 */
+		async function answerSkillViaHost(rpc, request) {
+			const result = await callPoster(rpc, POSTER_ENDPOINT.answerSkill, { request });
+			if (!result.ok) return result;
+			const body = result.value;
+			if (!body || typeof body !== "object") return {
+				ok: false,
+				kind: "http",
+				detail: "bad result"
+			};
+			if (!body.ok) return {
+				ok: false,
+				kind: "business",
+				detail: body.error?.message ?? body.error?.code,
+				code: body.error?.code
+			};
+			return {
+				ok: true,
+				value: null
+			};
+		}
+		/** File → base64（分块避免参数栈溢出）。 */
+		async function fileToBase64(file) {
+			const buffer = await file.arrayBuffer();
+			const bytes = new Uint8Array(buffer);
+			let binary = "";
+			const CHUNK = 32768;
+			for (let index = 0; index < bytes.length; index += CHUNK) binary += String.fromCharCode(...bytes.subarray(index, index + CHUNK));
+			return btoa(binary);
+		}
+		//#endregion
+		//#region src/client/usePosterPanel.ts
+		/**
+		* 海报设计面板的数据流 hook：状态机 + 全部动作。
+		*
+		* 流程（配置持久化在 host 端 settings 文档）：
+		* 1. 打开面板先经 host 拿配置 + skill 库列表；
+		* 2. Skill 库 tab：上传 zip 安装、按卡片浏览（带预览图）、卸载；
+		* 3. 顶部总开关（enabled）：库内 ≥1 个合法 skill 才允许打开；打开后 host 半
+		*    才把海报工具/提示词注册进会话（门控见 host 半 src/gate.ts）。
+		*
+		* 千问 API Key 的配置由 dsh-qw-tool 插件负责，本插件不问。
+		*/
+		/** 海报设计面板的数据流。 */
+		function usePosterPanel(api) {
+			const [status, setStatus] = (0, react.useState)({ kind: "loading" });
+			/** 海报业务总开关（持久化在 settings.enabled）。 */
+			const [enabled, setEnabled] = (0, react.useState)(false);
+			/** skill 库内容。 */
+			const [skills, setSkills] = (0, react.useState)([]);
+			const [invalidSkills, setInvalidSkills] = (0, react.useState)([]);
+			const [upload, setUpload] = (0, react.useState)({ kind: "idle" });
+			/** 正在卸载的 skill 名（按钮防重复点击）。 */
+			const [removing, setRemoving] = (0, react.useState)(void 0);
+			/** 经 host 刷新 skill 库列表。 */
+			const refreshSkills = (0, react.useCallback)(async () => {
+				const result = await api.listSkills();
+				if (result.ok) {
+					setSkills(result.value.skills);
+					setInvalidSkills(result.value.invalid);
+				}
+				return result;
+			}, [api]);
+			/** 打开面板：拿配置 + skill 库。 */
+			(0, react.useEffect)(() => {
+				let alive = true;
+				(async () => {
+					const [config, skillList] = await Promise.all([api.getConfig(), api.listSkills()]);
+					if (!alive) return;
+					if (config.ok) setEnabled(config.value.config.enabled);
+					setStatus({ kind: "idle" });
+					if (skillList.ok) {
+						setSkills(skillList.value.skills);
+						setInvalidSkills(skillList.value.invalid);
+					}
+				})();
+				return () => {
+					alive = false;
+				};
+			}, [api]);
+			/** 门控缺失项（开关可打开的前置条件）。 */
+			const missing = (0, react.useMemo)(() => {
+				const list = [];
+				if (skills.length === 0) list.push("skills");
+				return list;
+			}, [skills]);
+			return {
+				status,
+				enabled,
+				toggleEnabled: (0, react.useCallback)(() => {
+					if (!enabled && missing.length > 0) return;
+					const next = !enabled;
+					setEnabled(next);
+					api.saveConfig({ enabled: next });
+				}, [
+					api,
+					enabled,
+					missing
+				]),
+				missing,
+				skills,
+				invalidSkills,
+				upload,
+				setUpload,
+				uploadSkill: (0, react.useCallback)(async (file, dataBase64) => {
+					setUpload({
+						kind: "busy",
+						fileName: file.name
+					});
+					const result = await api.installSkill({
+						fileName: file.name,
+						dataBase64
+					});
+					if (result.ok) {
+						setUpload({
+							kind: "done",
+							message: result.value.updated ? `已更新「${result.value.skill.title}」` : `已安装「${result.value.skill.title}」`
+						});
+						await refreshSkills();
+					} else setUpload({
+						kind: "error",
+						message: result.detail ?? "安装失败"
+					});
+				}, [api, refreshSkills]),
+				removeSkill: (0, react.useCallback)(async (name) => {
+					setRemoving(name);
+					const result = await api.uninstallSkill(name);
+					if (!result.ok) setUpload({
+						kind: "error",
+						message: result.detail ?? `删除 ${name} 失败`
+					});
+					await refreshSkills();
+					setRemoving(void 0);
+				}, [api, refreshSkills]),
+				removing,
+				refreshSkills
+			};
+		}
+		const cssText$1 = ".Hr0pPW_section{flex-direction:column;height:100%;min-height:0;display:flex}.Hr0pPW_header{flex:none;padding:16px 16px 0}.Hr0pPW_title{color:var(--dsw-alias-label-primary);margin:0;font-size:18px;font-weight:600}.Hr0pPW_scroll{flex-direction:column;flex:1;gap:16px;min-height:0;padding:16px;display:flex;overflow-y:auto}.Hr0pPW_footer{border-top:1px solid var(--dsw-alias-border-l2);flex:none;align-items:center;gap:12px;padding:12px 16px;display:flex}.Hr0pPW_footerToggle{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.Hr0pPW_field{flex-direction:column;gap:6px;display:flex}.Hr0pPW_disabledSection{flex-direction:column;gap:12px;padding:16px;display:flex}.Hr0pPW_intro{color:var(--dsw-alias-label-secondary);margin:0;font-size:13px;line-height:1.6}.Hr0pPW_row{align-items:center;gap:8px;display:flex}.Hr0pPW_button{color:var(--dsw-alias-label-primary);border:1px solid var(--dsw-alias-border-l2);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;padding:6px 14px;font-size:13px}.Hr0pPW_button:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.Hr0pPW_button:disabled{opacity:.5;cursor:default}.Hr0pPW_command{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-interactive-bg-hover);border:1px solid var(--dsw-alias-border-l2);user-select:all;border-radius:6px;padding:4px 8px;font-size:12px}.Hr0pPW_label{color:var(--dsw-alias-label-primary);font-size:13px;font-weight:500}.Hr0pPW_help{color:var(--dsw-alias-label-tertiary);font-size:12px}.Hr0pPW_link{color:inherit}.Hr0pPW_keyRow{align-items:center;gap:8px;width:100%;display:flex}.Hr0pPW_keyInput{flex:1;min-width:0;display:flex}.Hr0pPW_keyInput input{width:100%}.Hr0pPW_status{color:var(--dsw-alias-label-primary);align-items:center;gap:8px;font-size:13px;display:flex}.Hr0pPW_note{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px}.Hr0pPW_switch{cursor:pointer;align-items:center;gap:8px;display:flex}.Hr0pPW_switch input{width:16px;height:16px;accent-color:var(--dsw-alias-label-primary);cursor:pointer}.Hr0pPW_switch input:disabled{cursor:not-allowed;opacity:.5}.Hr0pPW_skillText{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.Hr0pPW_tabs{border-bottom:1px solid var(--dsw-alias-border-l2);gap:4px;margin-top:12px;display:flex}.Hr0pPW_tab,.Hr0pPW_tabActive{appearance:none;cursor:pointer;color:var(--dsw-alias-label-secondary);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 12px;font-size:13px}.Hr0pPW_tab:hover{color:var(--dsw-alias-label-primary)}.Hr0pPW_tabActive{color:var(--dsw-alias-label-primary);border-bottom-color:var(--dsw-alias-label-primary);font-weight:600}.Hr0pPW_comboCard{border:1px solid var(--dsw-alias-border-l2);border-radius:10px;flex-direction:column;gap:10px;padding:10px 12px;display:flex}.Hr0pPW_comboLabel{color:var(--dsw-alias-label-primary);font-size:13px;font-weight:600}.Hr0pPW_comboParams{border-top:1px solid var(--dsw-alias-border-l2);flex-direction:column;gap:8px;padding-top:10px;display:flex}.Hr0pPW_paramRow{cursor:pointer;align-items:flex-start;gap:10px;display:flex}.Hr0pPW_paramRow input{width:16px;height:16px;accent-color:var(--dsw-alias-label-primary);cursor:pointer;margin-top:1px}.Hr0pPW_paramRowDisabled{opacity:.5;cursor:not-allowed;}.Hr0pPW_paramRowDisabled input{cursor:not-allowed}.Hr0pPW_skillsHeadRow{justify-content:space-between;align-items:center;gap:8px;display:flex}.Hr0pPW_uploadRow{align-items:center;gap:8px;display:flex}.Hr0pPW_uploadOk{color:var(--dsw-alias-label-secondary);font-size:12px}.Hr0pPW_uploadError{color:var(--dsw-alias-label-error,#d03030);font-size:12px}.Hr0pPW_skillGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.Hr0pPW_skillCard{appearance:none;border:1px solid var(--dsw-alias-border-l2);font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border-radius:10px;flex-direction:column;padding:0;display:flex;overflow:hidden}.Hr0pPW_skillCard:hover{border-color:var(--dsw-alias-label-tertiary)}.Hr0pPW_skillPreview{aspect-ratio:4/3;object-fit:cover;background:var(--dsw-alias-bg-elevated,#7f7f7f14);width:100%}.Hr0pPW_skillPreviewPlaceholder{aspect-ratio:4/3;width:100%;color:var(--dsw-alias-label-tertiary);background:var(--dsw-alias-bg-elevated,#7f7f7f14);justify-content:center;align-items:center;font-size:20px;display:flex}.Hr0pPW_skillCardTitleRow{align-items:center;gap:6px;padding:8px 10px;display:flex}.Hr0pPW_bundledTag{color:var(--dsw-alias-label-tertiary);border:1px solid var(--dsw-alias-border-l2);border-radius:999px;padding:1px 6px;font-size:11px}.Hr0pPW_skillName{color:var(--dsw-alias-label-tertiary);font-family:monospace;font-size:11px}.Hr0pPW_invalidRow{border:1px dashed var(--dsw-alias-border-l2);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.Hr0pPW_carousel{background:var(--dsw-alias-bg-elevated,#7f7f7f14);border-radius:8px;height:320px;position:relative;overflow:hidden}.Hr0pPW_carouselImage{object-fit:contain;width:100%;height:100%;display:block}.Hr0pPW_carouselImageSingle{object-fit:contain;background:var(--dsw-alias-bg-elevated,#7f7f7f14);border-radius:8px;width:100%;height:320px;display:block}.Hr0pPW_carouselArrow,.Hr0pPW_carouselArrowRight{appearance:none;cursor:pointer;width:28px;height:28px;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-elevated,#7f7f7f8c);border:none;border-radius:999px;justify-content:center;align-items:center;font-size:18px;line-height:1;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.Hr0pPW_carouselArrow{left:8px}.Hr0pPW_carouselArrowRight{right:8px}.Hr0pPW_carouselArrow:disabled,.Hr0pPW_carouselArrowRight:disabled{opacity:.4;cursor:not-allowed}.Hr0pPW_carouselDots{justify-content:center;gap:6px;display:flex;position:absolute;bottom:8px;left:0;right:0}.Hr0pPW_carouselDot,.Hr0pPW_carouselDotActive{appearance:none;cursor:pointer;background:var(--dsw-alias-label-tertiary);opacity:.5;border:none;border-radius:999px;width:8px;height:8px;padding:0}.Hr0pPW_carouselDotActive{opacity:1;background:var(--dsw-alias-label-primary)}.Hr0pPW_modalPreviewPlaceholder{height:160px;color:var(--dsw-alias-label-tertiary);background:var(--dsw-alias-bg-elevated,#7f7f7f14);border-radius:8px;justify-content:center;align-items:center;font-size:20px;display:flex}.Hr0pPW_modalMeta{flex-direction:column;gap:6px;margin-top:12px;display:flex}.Hr0pPW_modalMetaRow{color:var(--dsw-alias-label-secondary);align-items:baseline;gap:8px;min-width:0;font-size:12px;display:flex}.Hr0pPW_modalMetaLabel{color:var(--dsw-alias-label-tertiary);flex:none}";
+		var PosterSection_module_css_default = {
+			"bundledTag": "Hr0pPW_bundledTag",
+			"button": "Hr0pPW_button",
+			"carousel": "Hr0pPW_carousel",
+			"carouselArrow": "Hr0pPW_carouselArrow",
+			"carouselArrowRight": "Hr0pPW_carouselArrowRight",
+			"carouselDot": "Hr0pPW_carouselDot",
+			"carouselDotActive": "Hr0pPW_carouselDotActive",
+			"carouselDots": "Hr0pPW_carouselDots",
+			"carouselImage": "Hr0pPW_carouselImage",
+			"carouselImageSingle": "Hr0pPW_carouselImageSingle",
+			"comboCard": "Hr0pPW_comboCard",
+			"comboLabel": "Hr0pPW_comboLabel",
+			"comboParams": "Hr0pPW_comboParams",
+			"command": "Hr0pPW_command",
+			"disabledSection": "Hr0pPW_disabledSection",
+			"field": "Hr0pPW_field",
+			"footer": "Hr0pPW_footer",
+			"footerToggle": "Hr0pPW_footerToggle",
+			"header": "Hr0pPW_header",
+			"help": "Hr0pPW_help",
+			"intro": "Hr0pPW_intro",
+			"invalidRow": "Hr0pPW_invalidRow",
+			"keyInput": "Hr0pPW_keyInput",
+			"keyRow": "Hr0pPW_keyRow",
+			"label": "Hr0pPW_label",
+			"link": "Hr0pPW_link",
+			"modalMeta": "Hr0pPW_modalMeta",
+			"modalMetaLabel": "Hr0pPW_modalMetaLabel",
+			"modalMetaRow": "Hr0pPW_modalMetaRow",
+			"modalPreviewPlaceholder": "Hr0pPW_modalPreviewPlaceholder",
+			"note": "Hr0pPW_note",
+			"paramRow": "Hr0pPW_paramRow",
+			"paramRowDisabled": "Hr0pPW_paramRowDisabled",
+			"row": "Hr0pPW_row",
+			"scroll": "Hr0pPW_scroll",
+			"section": "Hr0pPW_section",
+			"skillCard": "Hr0pPW_skillCard",
+			"skillCardTitleRow": "Hr0pPW_skillCardTitleRow",
+			"skillGrid": "Hr0pPW_skillGrid",
+			"skillName": "Hr0pPW_skillName",
+			"skillPreview": "Hr0pPW_skillPreview",
+			"skillPreviewPlaceholder": "Hr0pPW_skillPreviewPlaceholder",
+			"skillText": "Hr0pPW_skillText",
+			"skillsHeadRow": "Hr0pPW_skillsHeadRow",
+			"status": "Hr0pPW_status",
+			"switch": "Hr0pPW_switch",
+			"tab": "Hr0pPW_tab",
+			"tabActive": "Hr0pPW_tabActive",
+			"tabs": "Hr0pPW_tabs",
+			"title": "Hr0pPW_title",
+			"uploadError": "Hr0pPW_uploadError",
+			"uploadOk": "Hr0pPW_uploadOk",
+			"uploadRow": "Hr0pPW_uploadRow"
+		};
+		//#endregion
+		//#region src/client/PosterSection.tsx
+		/**
+		* 海报设计设置面板（settings.section 条目）：纯渲染层。
+		* 数据流（状态机/动作）在 ./usePosterPanel.ts，样式在 ./PosterSection.module.css
+		* （CSS Modules：构建期哈希类名，文本经入口 effect 注入），数据访问在 ./api.ts。
+		*
+		* 布局：标题 + Skill 库 tab 固定顶部；总开关固定在 root footer（下方展示
+		* 启用条件缺失提示）；滚动区为 Skill 库：zip 上传安装 + 两列 skill 卡片网格
+		* （点击卡片弹详情 modal：全部预览图/说明/元信息/删除操作）。
+		* 千问 API Key 的配置由 dsh-qw-tool 插件负责，本面板不问。
+		*/
+		/** 门控缺失项的词典 key。 */
+		const MISSING_LABEL_KEY = { skills: "missingSkills" };
+		/** 海报设计设置页。 */
+		function PosterSection(props) {
+			const { t, api } = props;
+			const { status, enabled, toggleEnabled, missing, skills, invalidSkills, upload, setUpload, uploadSkill, removeSkill, removing } = usePosterPanel(api);
+			/** skill 详情 modal 里当前展示的 skill。 */
+			const [selectedSkill, setSelectedSkill] = (0, react.useState)(void 0);
+			const fileInputRef = (0, react.useRef)(null);
+			status.kind;
+			const gateReady = missing.length === 0;
+			const missingText = missing.map((key) => t(MISSING_LABEL_KEY[key])).join("; ");
+			const toggleHint = enabled ? gateReady ? t("enabledOn") : `${t("enabledButIncomplete")} ${missingText}` : gateReady ? t("enabledOff") : `${t("gateIncomplete")} ${missingText}`;
+			/** 选择 zip 文件 → base64 → 经 host 安装。 */
+			const onFilePicked = async (file) => {
+				if (!file) return;
+				try {
+					const dataBase64 = await fileToBase64(file);
+					await uploadSkill(file, dataBase64);
+				} catch (error) {
+					setUpload({
+						kind: "error",
+						message: error instanceof Error ? error.message : String(error)
+					});
+				}
+			};
+			/** 从详情 modal 删除 skill（内置的不可删，按钮不出现）。 */
+			const onRemoveFromModal = (name) => {
+				setSelectedSkill(void 0);
+				removeSkill(name);
+			};
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: PosterSection_module_css_default.section,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: PosterSection_module_css_default.header,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+							className: PosterSection_module_css_default.title,
+							children: t("title")
+						})
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: PosterSection_module_css_default.scroll,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: PosterSection_module_css_default.field,
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: PosterSection_module_css_default.skillsHeadRow,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: PosterSection_module_css_default.label,
+										children: t("skillsTitle")
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: PosterSection_module_css_default.uploadRow,
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+											variant: "primary",
+											size: "sm",
+											disabled: upload.kind === "busy",
+											onClick: () => fileInputRef.current?.click(),
+											children: upload.kind === "busy" ? t("uploadBusy", { fileName: upload.fileName }) : t("uploadButton")
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+											ref: fileInputRef,
+											type: "file",
+											accept: ".zip,application/zip",
+											hidden: true,
+											onChange: (event) => {
+												const file = event.currentTarget.files?.[0];
+												event.currentTarget.value = "";
+												onFilePicked(file);
+											}
+										})]
+									})]
+								}),
+								upload.kind === "done" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: PosterSection_module_css_default.uploadOk,
+									children: t("uploadDoneOk", { message: upload.message })
+								}),
+								upload.kind === "error" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: PosterSection_module_css_default.uploadError,
+									children: t("uploadFailed", { message: upload.message })
+								}),
+								skills.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									className: PosterSection_module_css_default.note,
+									children: t("skillEmpty")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: PosterSection_module_css_default.skillGrid,
+									children: skills.map((skill) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+										type: "button",
+										className: PosterSection_module_css_default.skillCard,
+										onClick: () => setSelectedSkill(skill),
+										children: [skill.previews.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+											className: PosterSection_module_css_default.skillPreview,
+											src: skill.previews[0],
+											alt: t("skillPreviewAlt", { title: skill.title }),
+											loading: "lazy",
+											decoding: "async"
+										}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+											className: PosterSection_module_css_default.skillPreviewPlaceholder,
+											children: "?"
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+											className: PosterSection_module_css_default.skillCardTitleRow,
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: PosterSection_module_css_default.label,
+												children: skill.title
+											}), skill.bundled && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: PosterSection_module_css_default.bundledTag,
+												children: t("skillBundled")
+											})]
+										})]
+									}, skill.name))
+								})
+							]
+						}), invalidSkills.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: PosterSection_module_css_default.field,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: PosterSection_module_css_default.label,
+								children: t("invalidTitle")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: PosterSection_module_css_default.help,
+								children: t("invalidHint")
+							})]
+						}), invalidSkills.map((entry) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: PosterSection_module_css_default.invalidRow,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: PosterSection_module_css_default.skillText,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: PosterSection_module_css_default.label,
+									children: entry.folder
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: PosterSection_module_css_default.help,
+									children: entry.reason
+								})]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+								variant: "ghost",
+								size: "sm",
+								disabled: removing === entry.folder,
+								onClick: () => void removeSkill(entry.folder),
+								children: t("invalidRemove")
+							})]
+						}, entry.folder))] })]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: PosterSection_module_css_default.footer,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: PosterSection_module_css_default.footerToggle,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+								className: PosterSection_module_css_default.switch,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									type: "checkbox",
+									checked: enabled,
+									disabled: !enabled && !gateReady,
+									onChange: () => toggleEnabled()
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: PosterSection_module_css_default.label,
+									children: t("enableLabel")
+								})]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: PosterSection_module_css_default.help,
+								children: toggleHint
+							})]
+						})
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Modal, {
+						open: selectedSkill !== void 0,
+						onClose: () => setSelectedSkill(void 0),
+						title: selectedSkill?.title ?? "",
+						closeLabel: t("close"),
+						description: selectedSkill?.description,
+						footer: selectedSkill === void 0 ? void 0 : selectedSkill.bundled ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: PosterSection_module_css_default.help,
+							children: t("skillBundledLocked")
+						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+							variant: "ghost",
+							size: "sm",
+							disabled: removing === selectedSkill.name,
+							onClick: () => onRemoveFromModal(selectedSkill.name),
+							children: t("skillRemove")
+						}),
+						children: selectedSkill !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PreviewCarousel, {
+							urls: selectedSkill.previews,
+							alt: t("skillPreviewAlt", { title: selectedSkill.title }),
+							prevLabel: t("carouselPrev"),
+							nextLabel: t("carouselNext")
+						}), selectedSkill.whenToUse !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: PosterSection_module_css_default.modalMeta,
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: PosterSection_module_css_default.modalMetaRow,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: PosterSection_module_css_default.modalMetaLabel,
+									children: t("skillWhenToUseLabel")
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: selectedSkill.whenToUse })]
+							})
+						})] })
+					})
+				]
+			});
+		}
+		/**
+		* skill 预览图轮播：单图直出；多图时左右箭头切换 + 底部圆点指示。
+		*/
+		function PreviewCarousel(props) {
+			const { urls, alt, prevLabel, nextLabel } = props;
+			const [index, setIndex] = (0, react.useState)(0);
+			if (urls.length === 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: PosterSection_module_css_default.modalPreviewPlaceholder,
+				children: "?"
+			});
+			if (urls.length === 1) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+				className: PosterSection_module_css_default.carouselImageSingle,
+				src: urls[0],
+				alt
+			});
+			const current = urls[Math.min(index, urls.length - 1)];
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: PosterSection_module_css_default.carousel,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+						className: PosterSection_module_css_default.carouselImage,
+						src: current,
+						alt
+					}, current),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: PosterSection_module_css_default.carouselArrow,
+						"aria-label": prevLabel,
+						disabled: index === 0,
+						onClick: () => setIndex((value) => value - 1),
+						children: "‹"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: PosterSection_module_css_default.carouselArrowRight,
+						"aria-label": nextLabel,
+						disabled: index >= urls.length - 1,
+						onClick: () => setIndex((value) => value + 1),
+						children: "›"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: PosterSection_module_css_default.carouselDots,
+						children: urls.map((url, dotIndex) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: dotIndex === index ? PosterSection_module_css_default.carouselDotActive : PosterSection_module_css_default.carouselDot,
+							"aria-label": `${dotIndex + 1}`,
+							onClick: () => setIndex(dotIndex)
+						}, url))
+					})
+				]
+			});
+		}
+		//#endregion
+		//#region src/client/PosterDisabledSection.tsx
+		/**
+		* 版本不兼容时的设置面板（settings.section 条目）：host 半版本门禁软禁用后，
+		* 业务能力全部不可用，本面板代替正常面板向用户说明原因与处置（装回受支持
+		* 版本的 harness，或等待兼容版本）。原因文本与推荐安装版本由 host 半经
+		* index 注入的全局标记带来（../shared/disabled-flag.ts），经 inject props
+		* 传入，不在浏览器侧重复版本判断。
+		*/
+		/** 复制成功反馈的显示时长（ms）。 */
+		const COPIED_FEEDBACK_MS = 2e3;
+		/** 版本不兼容说明页（含安装命令与复制按钮）。 */
+		function PosterDisabledSection(props) {
+			const { t, reason, min, max, installVersion } = props;
+			const [copied, setCopied] = (0, react.useState)(false);
+			const installCommand = `npm install -g @deepseek-ai/dsh@${installVersion}`;
+			const copyCommand = async () => {
+				try {
+					await navigator.clipboard.writeText(installCommand);
+					setCopied(true);
+					setTimeout(() => setCopied(false), COPIED_FEEDBACK_MS);
+				} catch (error) {
+					console.warn("[dsh-post-gen] copy install command failed:", error);
+				}
+			};
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: PosterSection_module_css_default.disabledSection,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+						className: PosterSection_module_css_default.title,
+						children: t("title")
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: PosterSection_module_css_default.intro,
+						children: t("disabledTitle")
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: PosterSection_module_css_default.intro,
+						children: reason !== "" ? reason : t("disabledFallback")
+					}),
+					min !== "" && max !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: PosterSection_module_css_default.intro,
+						children: t("disabledWindow", {
+							min,
+							max
+						})
+					}),
+					installVersion !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+						className: PosterSection_module_css_default.intro,
+						children: [t("disabledInstallLabel"), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: PosterSection_module_css_default.row,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", {
+								className: PosterSection_module_css_default.command,
+								children: installCommand
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: PosterSection_module_css_default.button,
+								onClick: () => void copyCommand(),
+								children: copied ? t("disabledCopied") : t("disabledCopy")
+							})]
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: PosterSection_module_css_default.intro,
+						children: t("disabledHint")
+					})
+				]
+			});
+		}
+		//#endregion
+		//#region src/shared/poster-trace.ts
+		function str(value) {
+			return typeof value === "string" && value !== "" ? value : void 0;
+		}
+		function num(value) {
+			return typeof value === "number" && Number.isFinite(value) ? value : void 0;
+		}
+		/** 宽容解析 skill 库扫描 trace。 */
+		function parseSkillsTrace(meta) {
+			if (!meta || typeof meta !== "object") return void 0;
+			const t = meta;
+			if (t.kind !== "poster-skills") return void 0;
+			const trace = { kind: "poster-skills" };
+			if (t.scanned && typeof t.scanned === "object") {
+				const s = t.scanned;
+				const count = num(s.count);
+				if (count !== void 0) trace.scanned = {
+					count,
+					invalid: num(s.invalid) ?? 0,
+					...num(s.durationMs) !== void 0 ? { durationMs: num(s.durationMs) } : {}
+				};
+			}
+			if (Array.isArray(t.catalog)) trace.catalog = t.catalog.map((entry) => {
+				if (!entry || typeof entry !== "object") return void 0;
+				const e = entry;
+				const name = str(e.name);
+				if (name === void 0) return void 0;
+				return {
+					name,
+					title: str(e.title) ?? name,
+					styleTags: Array.isArray(e.styleTags) ? e.styleTags.filter((tag) => typeof tag === "string") : []
+				};
+			}).filter((entry) => entry !== void 0);
+			return trace;
+		}
+		/** 宽容解析候选点选 trace。 */
+		function parsePickTrace(meta) {
+			if (!meta || typeof meta !== "object") return void 0;
+			const t = meta;
+			if (t.kind !== "poster-pick") return void 0;
+			const params = t.params ?? {};
+			const trace = {
+				kind: "poster-pick",
+				params: {
+					candidates: Array.isArray(params.candidates) ? params.candidates.map((entry) => {
+						if (!entry || typeof entry !== "object") return void 0;
+						const e = entry;
+						const name = str(e.name);
+						if (name === void 0) return void 0;
+						return {
+							name,
+							reason: str(e.reason) ?? "",
+							...str(e.title) !== void 0 ? { title: str(e.title) } : {}
+						};
+					}).filter((entry) => entry !== void 0) : [],
+					...str(params.question) !== void 0 ? { question: str(params.question) } : {}
+				}
+			};
+			if (Array.isArray(t.options)) trace.options = t.options.map((entry) => {
+				if (!entry || typeof entry !== "object") return void 0;
+				const e = entry;
+				const name = str(e.name);
+				const title = str(e.title);
+				if (name === void 0 || title === void 0) return void 0;
+				return {
+					name,
+					title,
+					reason: str(e.reason) ?? "",
+					previews: Array.isArray(e.previews) ? e.previews.filter((p) => typeof p === "string") : [],
+					...str(e.prompt) !== void 0 ? { prompt: str(e.prompt) } : {}
+				};
+			}).filter((entry) => entry !== void 0);
+			if (t.answer && typeof t.answer === "object") {
+				const a = t.answer;
+				const chosenSkill = str(a.chosenSkill);
+				const chosenTitle = str(a.chosenTitle);
+				if (chosenSkill !== void 0 && chosenTitle !== void 0) trace.answer = {
+					chosenSkill,
+					chosenTitle,
+					...str(a.custom) !== void 0 ? { custom: str(a.custom) } : {}
+				};
+			}
+			return trace;
+		}
+		//#endregion
+		//#region src/client/usePosterTrace.ts
+		/**
+		* 渲染节点的共享 hook 与小工具（design §5.4 数据源优先级）：
+		* - settled（'kind' in block）→ 一律从 block.meta 里的 trace 渲染
+		*   （刷新/重开/压缩后一致）；
+		* - running → 以 props 里的 callId 轮询 poster/getCallTrace（~1s）增量
+		*   补齐后续步骤；trace RPC 只是加速器，不作为回放数据源。
+		*/
+		/**
+		* 取当前调用的 trace：settled 从 meta 解析（durable），running 轮询 RPC。
+		* @param parse - 宽容解析器（结构不符返回 undefined，该字段对应步骤不渲染）。
+		*/
+		function usePosterTrace(block, callId, api, parse) {
+			const settled = "kind" in block && block.kind === "tool-result";
+			const metaTrace = "kind" in block ? parse(block.meta) : void 0;
+			const [live, setLive] = (0, react.useState)(void 0);
+			(0, react.useEffect)(() => {
+				if (settled) return;
+				let alive = true;
+				const tick = async () => {
+					const result = await api.getCallTrace(callId);
+					if (!alive || !result.ok || result.value === null) return;
+					const parsed = parse(result.value);
+					if (parsed !== void 0) setLive(parsed);
+				};
+				tick();
+				const timer = setInterval(() => void tick(), 1e3);
+				return () => {
+					alive = false;
+					clearInterval(timer);
+				};
+			}, [
+				settled,
+				callId,
+				api,
+				parse
+			]);
+			return metaTrace ?? live;
+		}
+		/** 从 running call / settled result 里取工具参数（tool/call arguments）。 */
+		function argsOf(block) {
+			const raw = "kind" in block ? block.call?.argsRaw : block.argsRaw;
+			if (typeof raw !== "string" || raw === "") return {};
+			try {
+				const parsed = JSON.parse(raw);
+				return parsed !== null && typeof parsed === "object" && !Array.isArray(parsed) ? parsed : {};
+			} catch {
+				return {};
+			}
+		}
+		/** 工具结果的纯文本（错误态展示用）。 */
+		function resultTextOf(content) {
+			return content.filter((block) => !!block && typeof block === "object" && block.type === "text").map((block) => block.text).join("");
+		}
+		/** 毫秒 → "12.3s" 展示。 */
+		function formatDuration(ms) {
+			return `${(ms / 1e3).toFixed(1)}s`;
+		}
+		const cssText = ".qqGY4a_node{border:1px solid var(--dsw-alias-border-l2);border-radius:12px;flex-direction:column;gap:10px;padding:12px;display:flex}.qqGY4a_head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.qqGY4a_title{color:var(--dsw-alias-label-primary);font-size:13px;font-weight:600}.qqGY4a_status{color:var(--dsw-alias-label-tertiary);border:1px solid var(--dsw-alias-border-l2);white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:11px}.qqGY4a_statusFailed{color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-border-l1)}.qqGY4a_headActions{align-items:center;gap:6px;display:flex}.qqGY4a_collapseButton,.qqGY4a_inspectButton{border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;padding:1px 8px;font-size:11px}.qqGY4a_inspectButton:hover{color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-primary)}.qqGY4a_step{flex-direction:column;gap:6px;display:flex}.qqGY4a_stepTitle{color:var(--dsw-alias-label-secondary);font-size:12px;font-weight:600}.qqGY4a_kv{align-items:baseline;gap:8px;font-size:12px;display:flex}.qqGY4a_catalogList{flex-wrap:wrap;gap:4px 6px;max-height:240px;display:flex;overflow-y:auto}.qqGY4a_catalogList .qqGY4a_chip{margin-right:0}.qqGY4a_promptBox{min-width:0;max-height:100px;color:var(--dsw-alias-label-primary);white-space:pre-wrap;word-break:break-word;flex:1;font-size:12px;line-height:1.5;overflow-y:auto}.qqGY4a_promptNeg{margin-top:6px}.qqGY4a_kvKey{color:var(--dsw-alias-label-tertiary);white-space:nowrap;flex-shrink:0}.qqGY4a_kvValue{color:var(--dsw-alias-label-primary);word-break:break-word;white-space:pre-wrap}.qqGY4a_chip{color:var(--dsw-alias-label-secondary);border:1px solid var(--dsw-alias-border-l2);border-radius:6px;margin-right:4px;padding:0 6px;font-size:11px;display:inline-block}.qqGY4a_note{color:var(--dsw-alias-label-secondary);white-space:pre-wrap;word-break:break-word;font-size:12px}.qqGY4a_error{color:var(--dsw-alias-label-primary);white-space:pre-wrap;word-break:break-word;font-size:13px}.qqGY4a_detail{border:1px solid var(--dsw-alias-border-l2);border-radius:8px;padding:6px 8px}.qqGY4a_detail>summary{color:var(--dsw-alias-label-secondary);cursor:pointer;user-select:none;font-size:12px}.qqGY4a_pre{color:var(--dsw-alias-label-secondary);white-space:pre-wrap;word-break:break-word;background:var(--dsw-alias-background-secondary,#7f7f7f14);border-radius:6px;max-height:220px;margin:6px 0 0;padding:6px;font-size:11px;line-height:1.5;overflow:auto}.qqGY4a_imageGrid{flex-wrap:wrap;gap:8px;display:flex}.qqGY4a_imageFrame{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-background-secondary,#7f7f7f14);cursor:zoom-in;border-radius:8px;justify-content:center;align-items:center;width:120px;height:120px;padding:0;display:flex;overflow:hidden}.qqGY4a_imageFrameResult{width:100%;height:360px}.qqGY4a_imageFramePlain{cursor:zoom-in;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;width:100%;height:150px;padding:0;display:flex;overflow:hidden}.qqGY4a_optionCarousel{position:relative}.qqGY4a_optionCarouselArrow,.qqGY4a_optionCarouselArrowRight{appearance:none;cursor:pointer;width:24px;height:24px;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-elevated,#7f7f7f73);border:none;border-radius:999px;justify-content:center;align-items:center;font-size:16px;line-height:1;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.qqGY4a_optionCarouselArrow{left:4px}.qqGY4a_optionCarouselArrowRight{right:4px}.qqGY4a_optionCarouselArrow:disabled,.qqGY4a_optionCarouselArrowRight:disabled{opacity:.4;cursor:not-allowed}.qqGY4a_optionCarouselDots{justify-content:center;gap:5px;display:flex;position:absolute;bottom:6px;left:0;right:0}.qqGY4a_optionCarouselDot,.qqGY4a_optionCarouselDotActive{appearance:none;cursor:pointer;background:var(--dsw-alias-label-tertiary);opacity:.5;border:none;border-radius:999px;width:7px;height:7px;padding:0}.qqGY4a_optionCarouselDotActive{opacity:1;background:var(--dsw-alias-label-primary)}.qqGY4a_imageFrame img{object-fit:contain;width:100%;height:100%;display:block}.qqGY4a_imageState{color:var(--dsw-alias-label-tertiary);text-align:center;padding:4px;font-size:11px}.qqGY4a_lightboxDialog{width:auto;max-width:92vw;max-height:92vh;box-shadow:none;background:0 0;border:none;border-radius:0;gap:0;padding:0;overflow:visible}.qqGY4a_lightboxContent{justify-content:center;align-items:center;display:flex}.qqGY4a_lightboxImage{object-fit:contain;border-radius:8px;max-width:92vw;max-height:92vh;display:block}.qqGY4a_lightboxClose{color:#fff;cursor:pointer;background:#0000008c;border:none;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:fixed;top:16px;right:16px}.qqGY4a_optionGrid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;display:grid}.qqGY4a_optionCard{border:1px solid var(--dsw-alias-border-l2);border-radius:10px;flex-direction:column;gap:6px;padding:8px;display:flex}.qqGY4a_optionCardChosen{border-color:var(--dsw-alias-label-primary)}.qqGY4a_optionCardDimmed{opacity:.55}.qqGY4a_optionTitle{color:var(--dsw-alias-label-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.qqGY4a_optionReason{min-height:2.8em;color:var(--dsw-alias-label-tertiary);word-break:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.qqGY4a_optionPrompt{color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-elevated,#7f7f7f14);white-space:pre-wrap;word-break:break-word;border-radius:6px;height:140px;padding:6px 8px;font-size:11px;line-height:1.5;overflow-y:auto}.qqGY4a_optionButton{border:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-primary);cursor:pointer;text-align:center;background:0 0;border-radius:999px;align-self:stretch;margin-top:auto;padding:5px 14px;font-size:12px;font-weight:500;transition:background-color .15s,border-color .15s,transform 50ms}.qqGY4a_optionButton:hover:not(:disabled){background:var(--dsw-alias-background-secondary,#7f7f7f14);border-color:var(--dsw-alias-label-primary)}.qqGY4a_optionButton:active:not(:disabled){transform:scale(.97)}.qqGY4a_optionButton:disabled{cursor:default;opacity:.6}.qqGY4a_optionButtonChosen{text-align:center;border-color:var(--dsw-alias-label-primary);color:var(--dsw-alias-label-primary);background:var(--dsw-alias-background-secondary,#7f7f7f14);cursor:default;align-self:stretch;margin-top:auto;display:block}.qqGY4a_customInput{border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-primary);box-sizing:border-box;background:0 0;border-radius:6px;width:100%;padding:5px 8px;font-size:12px}";
+		var PosterNodes_module_css_default = {
+			"catalogList": "qqGY4a_catalogList",
+			"chip": "qqGY4a_chip",
+			"collapseButton": "qqGY4a_collapseButton",
+			"customInput": "qqGY4a_customInput",
+			"detail": "qqGY4a_detail",
+			"error": "qqGY4a_error",
+			"head": "qqGY4a_head",
+			"headActions": "qqGY4a_headActions",
+			"imageFrame": "qqGY4a_imageFrame",
+			"imageFramePlain": "qqGY4a_imageFramePlain",
+			"imageFrameResult": "qqGY4a_imageFrameResult",
+			"imageGrid": "qqGY4a_imageGrid",
+			"imageState": "qqGY4a_imageState",
+			"inspectButton": "qqGY4a_inspectButton",
+			"kv": "qqGY4a_kv",
+			"kvKey": "qqGY4a_kvKey",
+			"kvValue": "qqGY4a_kvValue",
+			"lightboxClose": "qqGY4a_lightboxClose",
+			"lightboxContent": "qqGY4a_lightboxContent",
+			"lightboxDialog": "qqGY4a_lightboxDialog",
+			"lightboxImage": "qqGY4a_lightboxImage",
+			"node": "qqGY4a_node",
+			"note": "qqGY4a_note",
+			"optionButton": "qqGY4a_optionButton",
+			"optionButtonChosen": "qqGY4a_optionButtonChosen",
+			"optionCard": "qqGY4a_optionCard",
+			"optionCardChosen": "qqGY4a_optionCardChosen",
+			"optionCardDimmed": "qqGY4a_optionCardDimmed",
+			"optionCarousel": "qqGY4a_optionCarousel",
+			"optionCarouselArrow": "qqGY4a_optionCarouselArrow",
+			"optionCarouselArrowRight": "qqGY4a_optionCarouselArrowRight",
+			"optionCarouselDot": "qqGY4a_optionCarouselDot",
+			"optionCarouselDotActive": "qqGY4a_optionCarouselDotActive",
+			"optionCarouselDots": "qqGY4a_optionCarouselDots",
+			"optionGrid": "qqGY4a_optionGrid",
+			"optionPrompt": "qqGY4a_optionPrompt",
+			"optionReason": "qqGY4a_optionReason",
+			"optionTitle": "qqGY4a_optionTitle",
+			"pre": "qqGY4a_pre",
+			"promptBox": "qqGY4a_promptBox",
+			"promptNeg": "qqGY4a_promptNeg",
+			"status": "qqGY4a_status",
+			"statusFailed": "qqGY4a_statusFailed",
+			"step": "qqGY4a_step",
+			"stepTitle": "qqGY4a_stepTitle",
+			"title": "qqGY4a_title"
+		};
+		//#endregion
+		//#region src/client/PosterInspectButton.tsx
+		/**
+		* 自定义渲染节点头部操作区的 Inspect 按钮。语义与内置 ToolRow 的
+		* Inspect pill 一致：跳到 trajectory 视图中该 tool 调用的原始记录。
+		* 回调由 ToolCallTree 经 owner 注入（ui-tool contract/slots.ts 的
+		* ToolCallOwnerProps.inspect），自定义节点默认不消费它，这里补挂上；
+		* 未注入（undefined，如无 trajectory 视图）时不渲染。
+		*/
+		function PosterInspectButton({ onClick, label }) {
+			if (onClick === void 0) return null;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				type: "button",
+				className: PosterNodes_module_css_default.inspectButton,
+				onClick,
+				children: label
+			});
+		}
+		//#endregion
+		//#region src/client/PosterSkillsNode.tsx
+		/**
+		* poster_gen_get_all_poster_skills 的渲染节点（keyed `tool.call.toolview`，
+		* design 四期 §4.7）。展示扫描状态 + 轻量目录列表（title 用 tag 方框 UI 流式排布）。
+		* 目录只有 frontmatter 元数据：SKILL.md 正文（生图提示词模板）全文不进这里，
+		* 点选原语选中后才返回；meta 只放目录摘要。
+		*/
+		function PosterSkillsNode(props) {
+			const { block, callId, api, t, inspect } = props;
+			const settled = "kind" in block && block.kind === "tool-result";
+			const failed = settled && block.isError;
+			const trace = usePosterTrace(block, callId, api, parseSkillsTrace);
+			const [collapsed, setCollapsed] = (0, react.useState)(false);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: PosterNodes_module_css_default.node,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: PosterNodes_module_css_default.head,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: PosterNodes_module_css_default.title,
+						children: t("nodeSkillsTitle")
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						className: PosterNodes_module_css_default.headActions,
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: `${PosterNodes_module_css_default.status} ${failed ? PosterNodes_module_css_default.statusFailed : ""}`,
+								children: settled ? failed ? t("nodeFailed") : t("nodeDone") : t("nodeRunning")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PosterInspectButton, {
+								onClick: inspect,
+								label: t("inspect")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: PosterNodes_module_css_default.collapseButton,
+								onClick: () => setCollapsed((v) => !v),
+								children: collapsed ? t("nodeExpand") : t("nodeCollapse")
+							})
+						]
+					})]
+				}), !collapsed && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+					trace?.scanned !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: PosterNodes_module_css_default.step,
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: PosterNodes_module_css_default.stepTitle,
+								children: t("stepScan")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: PosterNodes_module_css_default.kv,
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: PosterNodes_module_css_default.kvValue,
+									children: t("skillsScanned", {
+										count: String(trace.scanned.count),
+										duration: formatDuration(trace.scanned.durationMs ?? 0)
+									})
+								})
+							}),
+							trace.scanned.invalid > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: PosterNodes_module_css_default.note,
+								children: t("skillsInvalid", { count: String(trace.scanned.invalid) })
+							})
+						]
+					}),
+					trace?.catalog !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: PosterNodes_module_css_default.step,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: PosterNodes_module_css_default.stepTitle,
+							children: t("paramCandidates")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: PosterNodes_module_css_default.catalogList,
+							children: trace.catalog.map((entry) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: PosterNodes_module_css_default.chip,
+								children: entry.title
+							}, entry.name))
+						})]
+					}),
+					!settled && trace?.scanned === void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: PosterNodes_module_css_default.note,
+						children: t("stepPending")
+					}),
+					failed && "kind" in block && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: PosterNodes_module_css_default.error,
+						children: resultTextOf(block.content)
+					})
+				] })]
+			});
+		}
+		//#endregion
+		//#region src/client/PosterImage.tsx
+		/**
+		* PosterImage：海报相关 UI 的图片组件（design §5.1 图片约定）——
+		* 固定尺寸容器 + `object-fit: contain` 渲染；点击图片弹出放大预览。
+		*
+		* 自 v0.2 起只用于"直接可引用的 URL"（skill 预览图走 host 预览路由）；
+		* 附件模式（readImage RPC 拉字节）已随生图工具移交 dsh-qw-tool，不再需要。
+		*
+		* 放大预览基于 ui-primitives 的 **Modal（headless 模式）** 自建：共享的对话
+		* 遮罩 + body portal + ESC/点遮罩关闭。
+		*/
+		function PosterImage(props) {
+			const { alt, variant = "thumb", loadingLabel, failedLabel } = props;
+			const url = props.src;
+			const [zoom, setZoom] = (0, react.useState)(false);
+			const frameClass = variant === "result" ? `${PosterNodes_module_css_default.imageFrame} ${PosterNodes_module_css_default.imageFrameResult}` : variant === "plain" ? `${PosterNodes_module_css_default.imageFrame} ${PosterNodes_module_css_default.imageFramePlain}` : PosterNodes_module_css_default.imageFrame;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				type: "button",
+				className: frameClass,
+				onClick: () => {
+					if (url !== void 0) setZoom(true);
+				},
+				title: alt,
+				children: url !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+					src: url,
+					alt
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: PosterNodes_module_css_default.imageState,
+					children: failedLabel("")
+				})
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Modal, {
+				open: zoom && url !== void 0,
+				onClose: () => setZoom(false),
+				title: alt,
+				headless: true,
+				className: PosterNodes_module_css_default.lightboxDialog,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: PosterNodes_module_css_default.lightboxContent,
+					children: [url !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+						className: PosterNodes_module_css_default.lightboxImage,
+						src: url,
+						alt
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: PosterNodes_module_css_default.lightboxClose,
+						"aria-label": alt,
+						onClick: () => setZoom(false),
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCloseOutline16, { size: 16 })
+					})]
+				})
+			})] });
+		}
+		//#endregion
+		//#region src/client/PosterPickNode.tsx
+		/**
+		* poster_gen_pick_poster_skill 的渲染节点（keyed `tool.call.toolview`，
+		* design 四期 §4.5/§4.7）。
+		*
+		* 候选由模型经 tool/call arguments 传入（name + 推荐理由；自定义候选另带
+		* title + prompt，卡片无预览图、展示提示词节选）；host 补全库内候选的
+		* title/previews 后经 trace.options 提供卡片数据。三态：waiting（可点选 →
+		* answerSkill → 乐观置"已选"）/ answered（选中卡高亮）/ aborted（result
+		* isError 且无 answer → "已取消/中断"，如 harness 重启打断等待）。
+		*/
+		function PosterPickNode(props) {
+			const { block, callId, api, t, inspect } = props;
+			const settled = "kind" in block && block.kind === "tool-result";
+			const failed = settled && block.isError;
+			const trace = usePosterTrace(block, callId, api, parsePickTrace);
+			const args = argsOf(block);
+			const [pick, setPick] = (0, react.useState)({ kind: "idle" });
+			const [custom, setCustom] = (0, react.useState)("");
+			const [collapsed, setCollapsed] = (0, react.useState)(false);
+			const answer = trace?.answer;
+			const chosenSkill = answer?.chosenSkill ?? (pick.kind === "picked" ? pick.skill : void 0);
+			const expired = pick.kind === "expired";
+			const options = trace?.options;
+			const waiting = !settled && options !== void 0 && chosenSkill === void 0 && !expired;
+			const aborted = failed && answer === void 0;
+			const choose = (skill) => {
+				if (!waiting) return;
+				const trimmed = custom.trim();
+				setPick({
+					kind: "picked",
+					skill
+				});
+				api.answerSkill({
+					callId,
+					skill,
+					...trimmed !== "" ? { custom: trimmed } : {}
+				}).then((result) => {
+					if (!result.ok) setPick({ kind: "expired" });
+				});
+			};
+			const question = trace?.params.question ?? (typeof args.question === "string" ? args.question : void 0);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: PosterNodes_module_css_default.node,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: PosterNodes_module_css_default.head,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: PosterNodes_module_css_default.title,
+						children: t("nodePickTitle")
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						className: PosterNodes_module_css_default.headActions,
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: `${PosterNodes_module_css_default.status} ${failed ? PosterNodes_module_css_default.statusFailed : ""}`,
+								children: settled ? failed ? t("nodeFailed") : t("nodeDone") : t("nodeRunning")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PosterInspectButton, {
+								onClick: inspect,
+								label: t("inspect")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: PosterNodes_module_css_default.collapseButton,
+								onClick: () => setCollapsed((v) => !v),
+								children: collapsed ? t("nodeExpand") : t("nodeCollapse")
+							})
+						]
+					})]
+				}), !collapsed && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: PosterNodes_module_css_default.step,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: PosterNodes_module_css_default.stepTitle,
+							children: t("stepParams")
+						}), question !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: PosterNodes_module_css_default.kv,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: PosterNodes_module_css_default.kvKey,
+								children: t("paramQuestion")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: PosterNodes_module_css_default.kvValue,
+								children: question
+							})]
+						})]
+					}),
+					options !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: PosterNodes_module_css_default.step,
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: PosterNodes_module_css_default.stepTitle,
+								children: t("stepOptions")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: PosterNodes_module_css_default.note,
+								children: t("pickHint")
+							}),
+							waiting && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								className: PosterNodes_module_css_default.customInput,
+								value: custom,
+								placeholder: t("customPlaceholder"),
+								onChange: (event) => setCustom(event.target.value)
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: PosterNodes_module_css_default.optionGrid,
+								children: options.map((option) => {
+									const isChosen = option.name === chosenSkill;
+									const dimmed = chosenSkill !== void 0 && !isChosen;
+									return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: `${PosterNodes_module_css_default.optionCard} ${isChosen ? PosterNodes_module_css_default.optionCardChosen : ""} ${dimmed ? PosterNodes_module_css_default.optionCardDimmed : ""}`,
+										children: [
+											option.previews.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OptionPreviewCarousel, {
+												urls: option.previews,
+												alt: t("skillPreviewAlt", { title: option.title }),
+												prevLabel: t("carouselPrev"),
+												nextLabel: t("carouselNext"),
+												loadingLabel: t("posterLoading"),
+												failedLabel: (message) => t("posterLoadFailed", { message })
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: PosterNodes_module_css_default.optionTitle,
+												children: option.title
+											}),
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: PosterNodes_module_css_default.optionReason,
+												children: option.reason !== "" ? option.reason : ""
+											}),
+											option.prompt !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: PosterNodes_module_css_default.optionPrompt,
+												children: option.prompt
+											}),
+											isChosen ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: `${PosterNodes_module_css_default.optionButton} ${PosterNodes_module_css_default.optionButtonChosen}`,
+												children: t("chosenBadge")
+											}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+												type: "button",
+												className: PosterNodes_module_css_default.optionButton,
+												disabled: !waiting,
+												onClick: () => choose(option.name),
+												children: t("chooseThis")
+											})
+										]
+									}, option.name);
+								})
+							}),
+							waiting && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: PosterNodes_module_css_default.note,
+								children: t("waitingChoice")
+							}),
+							expired && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: PosterNodes_module_css_default.note,
+								children: t("answerExpired")
+							}),
+							aborted && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: PosterNodes_module_css_default.note,
+								children: t("nodeAborted")
+							})
+						]
+					}),
+					answer !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: PosterNodes_module_css_default.step,
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: PosterNodes_module_css_default.stepTitle,
+								children: t("stepAnswer")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: PosterNodes_module_css_default.kv,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: PosterNodes_module_css_default.kvKey,
+									children: t("finalSkill")
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: PosterNodes_module_css_default.kvValue,
+									children: answer.chosenTitle
+								})]
+							}),
+							answer.custom !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: PosterNodes_module_css_default.kv,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: PosterNodes_module_css_default.kvKey,
+									children: t("finalCustom")
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: PosterNodes_module_css_default.kvValue,
+									children: answer.custom
+								})]
+							})
+						]
+					}),
+					failed && "kind" in block && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: PosterNodes_module_css_default.error,
+						children: resultTextOf(block.content)
+					})
+				] })]
+			});
+		}
+		/**
+		* 候选卡的 skill 预览轮播（单图直出；多图左右箭头 + 圆点）。图用
+		* PosterImage variant="plain" 的固定容器 + contain 居中（多卡同一维度），
+		* 点击仍可放大预览。
+		*/
+		function OptionPreviewCarousel(props) {
+			const { urls, alt, prevLabel, nextLabel, loadingLabel, failedLabel } = props;
+			const [index, setIndex] = (0, react.useState)(0);
+			if (urls.length === 1) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PosterImage, {
+				src: urls[0],
+				alt,
+				variant: "plain",
+				loadingLabel,
+				failedLabel
+			});
+			const current = urls[Math.min(index, urls.length - 1)];
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: PosterNodes_module_css_default.optionCarousel,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PosterImage, {
+						src: current,
+						alt,
+						variant: "plain",
+						loadingLabel,
+						failedLabel
+					}, current),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: PosterNodes_module_css_default.optionCarouselArrow,
+						"aria-label": prevLabel,
+						disabled: index === 0,
+						onClick: () => setIndex((value) => value - 1),
+						children: "‹"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: PosterNodes_module_css_default.optionCarouselArrowRight,
+						"aria-label": nextLabel,
+						disabled: index >= urls.length - 1,
+						onClick: () => setIndex((value) => value + 1),
+						children: "›"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: PosterNodes_module_css_default.optionCarouselDots,
+						children: urls.map((url, dotIndex) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: dotIndex === index ? PosterNodes_module_css_default.optionCarouselDotActive : PosterNodes_module_css_default.optionCarouselDot,
+							"aria-label": `${dotIndex + 1}`,
+							onClick: () => setIndex(dotIndex)
+						}, url))
+					})
+				]
+			});
+		}
+		//#endregion
+		//#region src/client/index.ts
+		const name = "dsh-post-gen";
+		const inject = [
+			"slots",
+			"locale",
+			"connection"
+		];
+		function apply(ctx) {
+			console.log("[dsh-post-gen] client half loaded (poster-design settings + skill library)");
+			ctx.effect(() => ctx.locale.register(POSTER_NS, {
+				zh,
+				en
+			}), "dsh-post-gen: poster copy dictionaries");
+			ctx.effect(() => {
+				const tag = document.createElement("style");
+				tag.dataset.plugin = name;
+				tag.textContent = `${cssText$1}\n${cssText}`;
+				document.head.appendChild(tag);
+				return () => tag.remove();
+			}, "dsh-post-gen: panel styles");
+			const t = ctx.locale.bind(POSTER_NS);
+			const disabledFlag = window[DISABLED_GLOBAL];
+			if (disabledFlag !== void 0) {
+				const reason = typeof disabledFlag.reason === "string" ? disabledFlag.reason : "";
+				const min = typeof disabledFlag.min === "string" ? disabledFlag.min : "";
+				const max = typeof disabledFlag.max === "string" ? disabledFlag.max : "";
+				const installVersion = typeof disabledFlag.installVersion === "string" ? disabledFlag.installVersion : "";
+				console.warn(`[dsh-post-gen] host half disabled: ${reason}`);
+				ctx.slots.inject("settings.section", () => ctx.slots.register({
+					name: "settings.section",
+					id: "poster-design",
+					order: 100,
+					label: () => t("nav"),
+					locale: POSTER_NS,
+					inject: () => ({
+						reason,
+						min,
+						max,
+						installVersion
+					})
+				}, PosterDisabledSection));
+				return;
+			}
+			const connection = ctx.get("connection");
+			ctx.slots.inject("settings.section", () => ctx.slots.register({
+				name: "settings.section",
+				id: "poster-design",
+				order: 100,
+				label: () => t("nav"),
+				locale: POSTER_NS,
+				inject: () => ({ api: {
+					getConfig: () => getConfigViaHost(connection.rpc),
+					saveConfig: (patch) => saveConfigViaHost(connection.rpc, patch),
+					listSkills: () => listSkillsViaHost(connection.rpc),
+					installSkill: (request) => installSkillViaHost(connection.rpc, request),
+					uninstallSkill: (name) => uninstallSkillViaHost(connection.rpc, name)
+				} })
+			}, PosterSection));
+			ctx.slots.inject("tool.call.toolview", () => ctx.slots.register({
+				name: "tool.call.toolview",
+				key: "poster_gen_get_all_poster_skills",
+				locale: POSTER_NS,
+				inject: () => ({ api: { getCallTrace: (callId) => getCallTraceViaHost(connection.rpc, callId) } })
+			}, PosterSkillsNode));
+			ctx.slots.inject("tool.call.toolview", () => ctx.slots.register({
+				name: "tool.call.toolview",
+				key: "poster_gen_pick_poster_skill",
+				locale: POSTER_NS,
+				inject: () => ({ api: {
+					getCallTrace: (callId) => getCallTraceViaHost(connection.rpc, callId),
+					answerSkill: (request) => answerSkillViaHost(connection.rpc, request)
+				} })
+			}, PosterPickNode));
+		}
+		//#endregion
+		exports.apply = apply;
+		exports.inject = inject;
+		exports.name = name;
+		return module.exports;
+	}
+});
+
+//# sourceMappingURL=client.js.map