@webskill/chatbot 0.5.0 → 0.6.0

package/dist/chatbot.css

@@ -291,8 +291,8 @@
   .right-full {
     right: 100%;
   }
-  .-bottom-7 {
-    bottom: calc(var(--spacing) * -7);
+  .-bottom-9 {
+    bottom: calc(var(--spacing) * -9);
   }
   .bottom-4 {
     bottom: calc(var(--spacing) * 4);
@@ -402,8 +402,8 @@
   .mb-2 {
     margin-bottom: calc(var(--spacing) * 2);
   }
-  .mb-7 {
-    margin-bottom: calc(var(--spacing) * 7);
+  .mb-9 {
+    margin-bottom: calc(var(--spacing) * 9);
   }
   .block {
     display: block;
@@ -530,6 +530,9 @@
   .min-h-0 {
     min-height: 0px;
   }
+  .min-h-8 {
+    min-height: calc(var(--spacing) * 8);
+  }
   .min-h-16 {
     min-height: calc(var(--spacing) * 16);
   }
@@ -572,6 +575,9 @@
   .w-72 {
     width: calc(var(--spacing) * 72);
   }
+  .w-\[80\%\] {
+    width: 80%;
+  }
   .w-\[min\(36rem\,calc\(100vw-2rem\)\)\] {
     width: min(36rem, calc(100vw - 2rem));
   }
@@ -715,6 +721,9 @@
   .grid-cols-1 {
     grid-template-columns: repeat(1, minmax(0, 1fr));
   }
+  .grid-cols-\[auto_auto_auto\] {
+    grid-template-columns: auto auto auto;
+  }
   .flex-col {
     flex-direction: column;
   }
@@ -730,6 +739,9 @@
   .items-center {
     align-items: center;
   }
+  .items-end {
+    align-items: flex-end;
+  }
   .items-start {
     align-items: flex-start;
   }
@@ -1229,6 +1241,9 @@
   .whitespace-nowrap {
     white-space: nowrap;
   }
+  .whitespace-pre {
+    white-space: pre;
+  }
   .whitespace-pre-wrap {
     white-space: pre-wrap;
   }
@@ -1286,6 +1301,9 @@
   .uppercase {
     text-transform: uppercase;
   }
+  .italic {
+    font-style: italic;
+  }
   .tabular-nums {
     --tw-numeric-spacing: tabular-nums;
     font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
@@ -2039,6 +2057,36 @@
   --brand-foreground: oklch(0.985 0 0);
   --text-min: 0.75rem;
   --text-code: 0.8125rem;
+  --code-base: hsl(230, 8%, 24%);
+  --code-comment: hsl(230, 4%, 64%);
+  --code-prolog: hsl(230, 4%, 64%);
+  --code-cdata: hsl(230, 4%, 64%);
+  --code-doctype: hsl(230, 8%, 24%);
+  --code-punctuation: hsl(230, 8%, 24%);
+  --code-entity: hsl(230, 8%, 24%);
+  --code-attr-name: hsl(35, 99%, 36%);
+  --code-class-name: hsl(35, 99%, 36%);
+  --code-boolean: hsl(35, 99%, 36%);
+  --code-constant: hsl(35, 99%, 36%);
+  --code-number: hsl(35, 99%, 36%);
+  --code-atrule: hsl(35, 99%, 36%);
+  --code-keyword: hsl(301, 63%, 40%);
+  --code-property: hsl(5, 74%, 59%);
+  --code-tag: hsl(5, 74%, 59%);
+  --code-symbol: hsl(5, 74%, 59%);
+  --code-deleted: hsl(5, 74%, 59%);
+  --code-important: hsl(5, 74%, 59%);
+  --code-selector: hsl(119, 34%, 47%);
+  --code-string: hsl(119, 34%, 47%);
+  --code-char: hsl(119, 34%, 47%);
+  --code-builtin: hsl(119, 34%, 47%);
+  --code-inserted: hsl(119, 34%, 47%);
+  --code-regex: hsl(119, 34%, 47%);
+  --code-attr-value: hsl(119, 34%, 47%);
+  --code-variable: hsl(221, 87%, 60%);
+  --code-operator: hsl(221, 87%, 60%);
+  --code-function: hsl(221, 87%, 60%);
+  --code-url: hsl(198, 99%, 37%);
 }
 :where(.dark, [data-theme='dark']) {
   --background: oklch(0.145 0 0);
@@ -2092,6 +2140,36 @@
   --sidebar-ring: oklch(0.556 0 0);
   --brand: oklch(0.68 0.14 275);
   --brand-foreground: oklch(0.205 0 0);
+  --code-base: hsl(220, 14%, 71%);
+  --code-comment: hsl(220, 10%, 40%);
+  --code-prolog: hsl(220, 10%, 40%);
+  --code-cdata: hsl(220, 10%, 40%);
+  --code-doctype: hsl(220, 14%, 71%);
+  --code-punctuation: hsl(220, 14%, 71%);
+  --code-entity: hsl(220, 14%, 71%);
+  --code-attr-name: hsl(29, 54%, 61%);
+  --code-class-name: hsl(29, 54%, 61%);
+  --code-boolean: hsl(29, 54%, 61%);
+  --code-constant: hsl(29, 54%, 61%);
+  --code-number: hsl(29, 54%, 61%);
+  --code-atrule: hsl(29, 54%, 61%);
+  --code-keyword: hsl(286, 60%, 67%);
+  --code-property: hsl(355, 65%, 65%);
+  --code-tag: hsl(355, 65%, 65%);
+  --code-symbol: hsl(355, 65%, 65%);
+  --code-deleted: hsl(355, 65%, 65%);
+  --code-important: hsl(355, 65%, 65%);
+  --code-selector: hsl(95, 38%, 62%);
+  --code-string: hsl(95, 38%, 62%);
+  --code-char: hsl(95, 38%, 62%);
+  --code-builtin: hsl(95, 38%, 62%);
+  --code-inserted: hsl(95, 38%, 62%);
+  --code-regex: hsl(95, 38%, 62%);
+  --code-attr-value: hsl(95, 38%, 62%);
+  --code-variable: hsl(207, 82%, 66%);
+  --code-operator: hsl(207, 82%, 66%);
+  --code-function: hsl(207, 82%, 66%);
+  --code-url: hsl(187, 47%, 55%);
 }
 @layer base {
   *, ::before, ::after {

package/dist/index.d.ts

@@ -1059,6 +1059,7 @@ declare const chatbotDictionary: {
     'result.artifacts': string;
     'result.download': string;
     'result.file': string;
+    'result.block.unknown': string;
     'status.aria': string;
     'status.route': string;
     'status.activate': string;
@@ -1379,6 +1380,7 @@ declare const chatbotDictionary: {
     'result.artifacts': string;
     'result.download': string;
     'result.file': string;
+    'result.block.unknown': string;
     'status.aria': string;
     'status.route': string;
     'status.activate': string;
@@ -1702,6 +1704,7 @@ declare const useT: () => TranslateFn<{
     'result.artifacts': string;
     'result.download': string;
     'result.file': string;
+    'result.block.unknown': string;
     'status.aria': string;
     'status.route': string;
     'status.activate': string;
@@ -2022,6 +2025,7 @@ declare const useT: () => TranslateFn<{
     'result.artifacts': string;
     'result.download': string;
     'result.file': string;
+    'result.block.unknown': string;
     'status.aria': string;
     'status.route': string;
     'status.activate': string;
@@ -2256,8 +2260,9 @@ interface ChatbotProps {
   /**
    * 打开配置面（FR-20.4）。配置面本身已迁到 console，chatbot 只负责发出这个请求；
    * 宿主不接就不渲染任何「打开设置」出口——给一个点了没反应的按钮更糟。
+   * `section` 可选（FR-16.5）：齿轮不带分区（→ Overview），带诉求的入口（错误卡等）才传分区。
    */
-  onOpenSettings?(section: SettingsSectionId): void;
+  onOpenSettings?(section?: SettingsSectionId): void;
   /**
    * 装配完成后把引擎交给宿主，用于接线跨界面动作（例如 console 的快照恢复入口
    * 需要调 `engine.resume(runId)`）。每次重新装配都会再调一次。
@@ -2447,4 +2452,12 @@ interface ErrorCardProps {
 /** 结构化错误卡：错误码徽章 + 描述 + 建议（engine error 事件 / 失败 run） @stable */
 declare function ErrorCard({ code, message, loopLimits, onOpenSettings, onDismiss }: ErrorCardProps): import("react").JSX.Element;
 //#endregion
-export { A2uiSurfaceHost, type A2uiSurfaceHostProps, A2uiSurfaceSnapshotHost, type A2uiSurfaceSnapshotHostProps, type AppearanceChange, type ChatAttachmentInput, type ChatAttachmentMeta, ChatEngine, type ChatEngineOptions, type ChatEvent, type ChatInteractionRecord, type ChatLayout, type ChatMessage, type ChatRunPhase, type ChatSessionListResult, type ChatSessionMeta, type ChatTheme, type ChatToolCall, Chatbot, type ChatbotConfig, type ChatbotGovernancePorts, type ChatbotHostAdapter, type ChatbotProps, CompositeUiBridge, type CompositeUiBridgeDeps, DEFAULT_RENDERER_CAPABILITIES, DEFAULT_RUNTIME_CONFIG_STORAGE_KEY, type DownloadableFile, ErrorCard, type ErrorCardProps, InteractionCard, type InteractionCardProps, InterruptedBanner, type InterruptedBannerProps, type Locale, OpenUiSurfaceHost, type OpenUiSurfaceHostProps, OpenUiSurfaceSnapshotHost, type OpenUiSurfaceSnapshotHostProps, type RendererCapability, type RendererKind, type ResolvedChatLayout, ResultBlockList, type ResultBlockListProps, ResultBlocksPro, type ResultBlocksProProps, type RunSnapshot, type RuntimeAppearanceConfig, type RuntimeConfig, type RuntimeConfigStore, type RuntimeRendererId, type SandboxExecutorDeps, type SettingsSectionId, SkillBadges, SpecInteraction, type SpecInteractionProps, VercelPayloadPreview, type VercelPayloadPreviewProps, VercelSurfaceHost, type VercelSurfaceHostProps, VercelSurfaceSnapshotHost, type VercelSurfaceSnapshotHostProps, chatbotDictionary, configureA2uiMarkdown, createLocalStorageRuntimeConfigStore, createMemoryRuntimeConfigStore, probeA2uiAvailability, probeOpenUiAvailability, sandboxExecutorDeps, useT };
+//#region src/version.d.ts
+/** Generated by scripts/syncVersionConstant.mjs from packages/chatbot/package.json. Do not edit by hand. */
+/**
+ * Version of the published `@webskill/chatbot` package, injected at build time.
+ * @stable
+ */
+declare const CHATBOT_VERSION = "0.6.0";
+//#endregion
+export { A2uiSurfaceHost, type A2uiSurfaceHostProps, A2uiSurfaceSnapshotHost, type A2uiSurfaceSnapshotHostProps, type AppearanceChange, CHATBOT_VERSION, type ChatAttachmentInput, type ChatAttachmentMeta, ChatEngine, type ChatEngineOptions, type ChatEvent, type ChatInteractionRecord, type ChatLayout, type ChatMessage, type ChatRunPhase, type ChatSessionListResult, type ChatSessionMeta, type ChatTheme, type ChatToolCall, Chatbot, type ChatbotConfig, type ChatbotGovernancePorts, type ChatbotHostAdapter, type ChatbotProps, CompositeUiBridge, type CompositeUiBridgeDeps, DEFAULT_RENDERER_CAPABILITIES, DEFAULT_RUNTIME_CONFIG_STORAGE_KEY, type DownloadableFile, ErrorCard, type ErrorCardProps, InteractionCard, type InteractionCardProps, InterruptedBanner, type InterruptedBannerProps, type Locale, OpenUiSurfaceHost, type OpenUiSurfaceHostProps, OpenUiSurfaceSnapshotHost, type OpenUiSurfaceSnapshotHostProps, type RendererCapability, type RendererKind, type ResolvedChatLayout, ResultBlockList, type ResultBlockListProps, ResultBlocksPro, type ResultBlocksProProps, type RunSnapshot, type RuntimeAppearanceConfig, type RuntimeConfig, type RuntimeConfigStore, type RuntimeRendererId, type SandboxExecutorDeps, type SettingsSectionId, SkillBadges, SpecInteraction, type SpecInteractionProps, VercelPayloadPreview, type VercelPayloadPreviewProps, VercelSurfaceHost, type VercelSurfaceHostProps, VercelSurfaceSnapshotHost, type VercelSurfaceSnapshotHostProps, chatbotDictionary, configureA2uiMarkdown, createLocalStorageRuntimeConfigStore, createMemoryRuntimeConfigStore, probeA2uiAvailability, probeOpenUiAvailability, sandboxExecutorDeps, useT };

package/dist/index.js

@@ -6,7 +6,7 @@ import { t as yaml } from "./yaml-C888tCbJ.js";
 import { t as json } from "./json-BOcU6nei.js";
 import { t as typescript } from "./typescript-DAau_Qyl.js";
 import { t as jsx$1 } from "./jsx-D2Jv0wvt.js";
-import { BEHAVIOR_RECORDS_KEY, DEFAULT_LOOP_LIMITS, DEFAULT_USER_PROFILE_LIMITS, EventBus, FsArtifactStore, FsMemoryStore, FsRunSnapshotStore, FsRunTraceStore, FsSessionStore, FullDisclosureRouter, SerializingMemoryStore, SkillDiscovery, USER_PROFILE_KEY, WebSkillError, WebSkillRuntime, applyUserProfileImport, assertRemoteUrlAllowed, diffUserProfile, exportUserProfile, isUnsupportedRunSnapshot, messageOf, readBehaviorRecords, readUserProfile, refineUserProfile, summarizeToolCalls, textParts } from "@webskill/sdk";
+import { BEHAVIOR_RECORDS_KEY, DEFAULT_LOOP_LIMITS, DEFAULT_USER_PROFILE_LIMITS, EventBus, FsArtifactStore, FsMemoryStore, FsRunSnapshotStore, FsRunTraceStore, FsSessionStore, FullDisclosureRouter, SerializingMemoryStore, SkillDiscovery, USER_PROFILE_KEY, WebSkillError, WebSkillRuntime, applyUserProfileImport, assertRemoteUrlAllowed, atomicWriteText, diffUserProfile, exportUserProfile, isUnsupportedRunSnapshot, messageOf, readBehaviorRecords, readUserProfile, refineUserProfile, summarizeToolCalls, textParts } from "@webskill/sdk";
 import { BrowserWorkerScriptExecutor, checkDictationAvailability, compressImageToBudget, createEncryptedMemoryStore, createLlmClient, deleteMemoryEncryptionKey, openMemoryEncryptionKey, probeChromeBuiltinAvailability, startDictation } from "@webskill/sdk/browser";
 import { JsonRenderSpecSurface, NativeSpecSurface, OpenUiSpecSurface, ReactBridgeState, SpecInteractionChannel, SurfaceFormTextsProvider, UiSurfaceList, UiSurfaceSnapshotList, probeJsonRenderAvailability } from "@webskill/sdk/ui-react";
 import { A2UI_SPEC_FORM_PATH, collectFormScopes, createUiCatalogToolSource, fromA2uiSpecAction, fromA2uiSurfaceAction, interactionToFormModel, interactionToUiSpec, loadOpenUiPeers, loadWebSkillLitCatalog, renderMiniChart, shapeInteractionValue, toA2uiSpecMessages, toA2uiSurfaceAction, toVercelToolInvocation, uiCatalog } from "@webskill/sdk/ui";
@@ -21,6 +21,7 @@ import { DataRenderers, Tools } from "@assistant-ui/core/react";
 import { ModelContext, Suggestions } from "@assistant-ui/core/store";
 import { Derived, attachTransformScopes, useClientLookup, useClientResource } from "@assistant-ui/store";
 import { resource, useMemoCache, withKey } from "@assistant-ui/tap";
+import { POLICY_DENIAL_CODES } from "@webskill/sdk/governance";
 
 //#region ../ui-kit/src/i18n/createI18n.ts
 /** 字典工厂：各包定义自己的双语字典（恒等返回，保留字面量类型） */
@@ -1160,7 +1161,7 @@ const variantClasses$1 = {
 	danger: "bg-destructive text-destructive-foreground hover:bg-destructive/90 shadow-sm disabled:opacity-60"
 };
 const sizeClasses$2 = {
-	sm: "h-7 px-2.5 text-xs gap-1.5 rounded-md",
+	sm: "h-8 px-2.5 text-xs gap-1.5 rounded-md",
 	md: "h-9 px-3.5 text-sm gap-2 rounded-lg"
 };
 function Button({ variant = "primary", size = "md", loading = false, icon, disabled, className = "", children, type = "button", ...rest }) {
@@ -1184,7 +1185,7 @@ const variantClasses = {
 	danger: "text-destructive hover:bg-destructive-soft"
 };
 const sizeClasses$1 = {
-	sm: "size-7",
+	sm: "size-8",
 	md: "size-9"
 };
 /**
@@ -37803,11 +37804,40 @@ var one_light_default = {
 
 //#endregion
 //#region ../ui-kit/src/markdown/prismTheme.ts
-/** 全站唯一的代码高亮主题对。引用相等是验收判据（AC-19.8），不导出到包外。 */
+/** react-syntax-highlighter 顶层 token 键（comment/punctuation/attr-name…）；其余是容器选择器键 */
+const TOKEN_KEY = /^[a-z][a-z-]*$/;
+/**
+* 把主题对象的每个 color 替换为 CSS 变量引用：
+* - token 键（punctuation/string/attr-name…）→ `var(--code-<token>)`
+* - 容器选择器键（code[]/pre[]/selection…）→ `var(--code-base)`
+*
+* token 内联的是 var 引用而非固定色值；主题切换时 CSS 变量在元素上动态重求值，
+* **已渲染的旧代码块无需重挂载即可跟随**（0.9.0 分册 13，UX-01 根因修复）。
+* 色值本体由 theme.css 的 `--code-*`（浅/深两套）持有——单一来源。
+*/
+function toVarTheme(theme) {
+	const out = {};
+	for (const [key, rule] of Object.entries(theme)) {
+		const next = { ...rule };
+		if (typeof next.color === "string") next.color = `var(${TOKEN_KEY.test(key) ? `--code-${key}` : "--code-base"})`;
+		out[key] = next;
+	}
+	return out;
+}
+/**
+* 全站唯一的代码高亮主题对。引用相等是验收判据（AC-19.8），不导出到包外。
+* token 色值一律 `var(--code-*)`（CSS 变量，见 theme.css），不烘焙固定色值。
+*/
 const PRISM_THEME = {
-	dark: one_dark_default,
-	light: one_light_default
+	dark: toVarTheme(one_dark_default),
+	light: toVarTheme(one_light_default)
 };
+/**
+* token → CSS 变量名（chat 侧用）；与 theme.css 的 `--code-*` 一一对应。
+* 单一来源：Monaco 主题与 Prism 都从这里取变量名，不许手写（AC-G10）。
+* @stable
+*/
+const CODE_TOKEN_VARS = Object.fromEntries(Object.keys(PRISM_THEME.light).filter((key) => TOKEN_KEY.test(key)).map((key) => [key, `--code-${key}`]));
 
 //#endregion
 //#region ../ui-kit/src/markdown/Markdown.tsx
@@ -37816,7 +37846,7 @@ function CodeBlock({ node: _node, className, children, ...rest }) {
 	const language = resolveLanguage(/language-(\w+)/.exec(className ?? "")?.[1]);
 	if (language) return /* @__PURE__ */ jsxs("div", {
 		ref: themeRef,
-		className: "my-3 overflow-hidden rounded-card border border-border",
+		className: "my-3 overflow-hidden rounded-card border border-border bg-card",
 		children: [/* @__PURE__ */ jsx("div", {
 			className: "border-b border-border bg-subtle px-3 py-1.5 font-mono text-xs text-muted",
 			children: language
@@ -43548,16 +43578,25 @@ const STATUS_TONE_VAR = {
 * 外观配置的读写口（0.6.0 FR-20.1）。chatbot 与 console 共用它，因此两端看到的是
 * 同一份数据：谁写都经 `store.save`，再由 `store.subscribe` 广播回另一端。
 *
+* 0.9.0 分册 28 起是显式保存语义：`update` 只改内存 draft（视觉即时），
+* `save` 才写盘；`updateImmediate` 是快捷切换（非设置表单）的即时持久化出口。
+*
 * 无 `store` 时退回 0.5.x 的 props 受控行为，宿主不必立刻迁移。
 * @experimental
 */
 function useRuntimeAppearance(store, fallback) {
 	const [appearance, setAppearance] = useState(fallback);
+	const savedRef = useRef(fallback);
+	const [dirty, setDirty] = useState(false);
 	const fallbackRef = useRef(fallback);
 	fallbackRef.current = fallback;
+	const latestRef = useRef(appearance);
+	latestRef.current = appearance;
 	useEffect(() => {
 		if (store) return;
 		setAppearance(fallbackRef.current);
+		savedRef.current = fallbackRef.current;
+		setDirty(false);
 	}, [
 		store,
 		fallback.theme,
@@ -43571,7 +43610,10 @@ function useRuntimeAppearance(store, fallback) {
 		let cancelled = false;
 		const reload = () => {
 			merged.load().then((config) => {
-				if (!cancelled) setAppearance(config.appearance);
+				if (cancelled) return;
+				setAppearance(config.appearance);
+				savedRef.current = config.appearance;
+				setDirty(false);
 			}).catch(() => void 0);
 		};
 		reload();
@@ -43581,6 +43623,23 @@ function useRuntimeAppearance(store, fallback) {
 			unsubscribe?.();
 		};
 	}, [store]);
+	/** 写盘；成功后才把该版本记为「已保存」，失败不破坏本地视觉（保存条保留，可重试） */
+	const persist = useCallback(async (next) => {
+		if (!store) return;
+		const merged = withRuntimeConfigDefaults(store);
+		try {
+			const config = await merged.load();
+			await merged.save({
+				...config,
+				appearance: {
+					...config.appearance,
+					...next
+				}
+			});
+			savedRef.current = next;
+			setDirty(false);
+		} catch {}
+	}, [store]);
 	return {
 		appearance,
 		update: useCallback((patch) => {
@@ -43588,16 +43647,24 @@ function useRuntimeAppearance(store, fallback) {
 				...current,
 				...patch
 			}));
-			if (!store) return;
-			const merged = withRuntimeConfigDefaults(store);
-			merged.load().then((config) => merged.save({
-				...config,
-				appearance: {
-					...config.appearance,
-					...patch
-				}
-			})).catch(() => void 0);
-		}, [store])
+			setDirty(true);
+		}, []),
+		updateImmediate: useCallback((patch) => {
+			const next = {
+				...latestRef.current,
+				...patch
+			};
+			setAppearance(next);
+			persist(next);
+		}, [persist]),
+		save: useCallback(async () => {
+			await persist(latestRef.current);
+		}, [persist]),
+		discard: useCallback(() => {
+			setAppearance(savedRef.current);
+			setDirty(false);
+		}, []),
+		dirty
 	};
 }
 
@@ -43862,6 +43929,23 @@ function phaseNote(event) {
 	}
 }
 
+//#endregion
+//#region src/core/title.ts
+/**
+* 会话标题按词边界截断（0.9.0 FR-18.1 / UX-11 / A-15）：
+* 固定字符数处回退到最近空格，避免切出半个英文单词；
+* 找不到空格（如无空格长串）时按 Unicode 码点硬切。
+* 截断后标题里的词都是完整的——会话搜索按标题原文匹配，
+* 词边界截断保证开头关键词（如 `ORION-A`）不被切半、仍可命中。
+*/
+function truncateTitle(text, max = 30) {
+	const trimmed = text.trim();
+	if (trimmed.length <= max) return trimmed;
+	const cut = trimmed.slice(0, max);
+	const lastSpace = Math.max(cut.lastIndexOf(" "), cut.lastIndexOf("　"));
+	return (lastSpace > 0 ? cut.slice(0, lastSpace) : cut).trimEnd();
+}
+
 //#endregion
 //#region src/core/subAgent.ts
 /**
@@ -44152,6 +44236,12 @@ var ChatEngine = class {
 	* 终态消息只承载水位之后的内容，否则同一段正文与表单会出现两遍。
 	*/
 	#flushed = /* @__PURE__ */ new Map();
+	/**
+	* runId → 该 run 的结果渲染请求（FR-12.1）。
+	* `bridge.latestResult` 是全局单槽，多 run 并发时被后一个 run 覆盖；这里按 runId 缓存，
+	* #finishRun 按 run 归属取 blocks，终态后清理。
+	*/
+	#runBlocks = /* @__PURE__ */ new Map();
 	/** 父 run 的预算消耗（委派时按「父级剩余」收紧子 agent 预算，FR-11.4） */
 	#runStartedMs = 0;
 	#runTurn = 0;
@@ -44168,7 +44258,10 @@ var ChatEngine = class {
 			fs: adapter.storage
 		});
 		this.#renderer = options.renderer ?? "native";
-		this.bridge = new ReactBridgeState({ onSurfaceDraftChange: (runId, surfaceId, value) => this.#persistSurfaceDraft(runId, surfaceId, value) });
+		this.bridge = new ReactBridgeState({
+			onSurfaceDraftChange: (runId, surfaceId, value) => this.#persistSurfaceDraft(runId, surfaceId, value),
+			onRenderResult: (runId, request) => this.#runBlocks.set(runId, request)
+		});
 		const accumulate = this.bridge.onTextDelta.bind(this.bridge);
 		this.bridge.onTextDelta = (runId, delta) => {
 			this.#emit({
@@ -44421,7 +44514,7 @@ var ChatEngine = class {
 		if (text.trim() === "" && attachments.length === 0) return;
 		const admitted = await this.#admitAttachments(attachments);
 		const runtime = await this.#ensureReady();
-		const sessionId = this.#currentSessionId ?? (await this.createSession({ title: text.slice(0, 30) })).id;
+		const sessionId = this.#currentSessionId ?? (await this.createSession({ title: truncateTitle(text) })).id;
 		const session = await this.#requireSession(sessionId);
 		const prompt = await this.#withAttachments(text, admitted.accepted);
 		const userMessage = {
@@ -44434,7 +44527,7 @@ var ChatEngine = class {
 		};
 		await this.#sessions.appendMessages(sessionId, [userMessage]);
 		if (!session.title && !session.titleLocked) {
-			await this.#sessions.setTitle(sessionId, text.slice(0, 30));
+			await this.#sessions.setTitle(sessionId, truncateTitle(text));
 			this.#emit({
 				type: "session-updated",
 				session: toSessionMeta(await this.#requireSession(sessionId))
@@ -44774,13 +44867,17 @@ var ChatEngine = class {
 		};
 	}
 	/**
-	* 浏览器内置模型就绪时自动进模型列表（FR-14.1）。
-	* 探测失败静默：这是「少一个可选项」，不是配置错误，弹错只会吓到用不到它的人。
+	* 浏览器内置模型自动进模型列表（FR-14.1，B4-01/FR-27.2 调整）。
+	* **只要浏览器支持 Prompt API**（含「模型未就绪」model-not-ready）就加入条目；
+	* API 完全不存在（api-missing / unsupported-browser）才不加——不可用只在列表里
+	* 呈现状态（Unavailable + 原因），不再以「探测成功」为加入门控（否则未就绪时
+	* 条目不出现，用户无从知道为什么没有它）。
 	*/
 	async #autoAddChromeBuiltin(rc) {
 		const store = this.#runtimeConfigStore();
 		if (rc === void 0 || store === void 0 || !shouldAutoAddChromeBuiltin(rc)) return rc;
-		if ((await probeChromeBuiltinAvailability().catch(() => void 0))?.available !== true) return rc;
+		const availability = await probeChromeBuiltinAvailability().catch(() => void 0);
+		if (!(availability?.available === true || availability?.available === false && availability.reason === "model-not-ready")) return rc;
 		const next = {
 			...rc,
 			llm: {
@@ -44945,7 +45042,7 @@ var ChatEngine = class {
 		const toolCalls = summarizeToolCalls(run);
 		const flushed = this.#flushed.get(run.id);
 		const text = (this.bridge.streamingRunId === run.id ? this.bridge.streamingText : "").slice(flushed?.text ?? 0);
-		const latest = this.bridge.latestResult;
+		const latest = this.#runBlocks.get(run.id);
 		const blocks = latest && latest.runId === run.id ? latest.blocks.filter((_, index) => index !== latest.outputBlockIndex) : void 0;
 		const surfaces = this.bridge.surfaceSnapshots.filter((snapshot) => snapshot.runId === run.id && !flushed?.surfaces.has(snapshot.id));
 		const todos = this.#runTodos.get(run.id);
@@ -44969,6 +45066,20 @@ var ChatEngine = class {
 			...this.#activeModelId !== void 0 ? { model: this.#activeModelId } : {}
 		};
 		await this.#sessions.appendMessages(sessionId, [assistantMessage]);
+		if (blocks && blocks.length > 0 || surfaces.length > 0) {
+			const snapshotPath = `${this.#chatRoot}/snapshots/${run.id}.blocks.json`;
+			await atomicWriteText(this.#adapter.storage, snapshotPath, JSON.stringify({
+				runId: run.id,
+				sessionId,
+				status,
+				blocks: blocks ?? [],
+				surfaces: surfaces.map((s) => ({
+					id: s.id,
+					runId: s.runId
+				})),
+				snapshotAt: (/* @__PURE__ */ new Date()).toISOString()
+			}, null, 2)).catch(() => void 0);
+		}
 		await this.#traceStore.put(run);
 		this.#emit({
 			type: "run-completed",
@@ -44988,6 +45099,7 @@ var ChatEngine = class {
 		this.#runCandidates.delete(run.id);
 		this.#runPhases.delete(run.id);
 		this.#flushed.delete(run.id);
+		this.#runBlocks.delete(run.id);
 	}
 	/**
 	* 交互提交后把「到此为止」的助手内容切成一条消息（FR-17.8）。
@@ -45014,6 +45126,8 @@ var ChatEngine = class {
 			request,
 			...response.value === void 0 ? {} : { submittedValues: redactInteractionValues(response.value, request) }
 		};
+		const latestBlocks = this.#runBlocks.get(runId);
+		const blocks = latestBlocks && latestBlocks.runId === runId ? latestBlocks.blocks.filter((_, index) => index !== latestBlocks.outputBlockIndex) : void 0;
 		const message = {
 			id: newId("msg"),
 			role: "assistant",
@@ -45021,6 +45135,7 @@ var ChatEngine = class {
 			ts: (/* @__PURE__ */ new Date()).toISOString(),
 			runId,
 			interactions: [record],
+			...blocks && blocks.length > 0 ? { blocks } : {},
 			...surfaces.length > 0 ? { surfaces } : {},
 			...phases.length > 0 ? { phases } : {},
 			...this.#activeModelId !== void 0 ? { model: this.#activeModelId } : {}
@@ -45230,6 +45345,7 @@ const chatbotDictionary = defineDictionary({
 		"result.artifacts": "Artifacts",
 		"result.download": "Download",
 		"result.file": "File",
+		"result.block.unknown": "Unsupported result block: {type}.",
 		"status.aria": "Run status",
 		"status.route": "Routing",
 		"status.activate": "Activating skill",
@@ -45550,6 +45666,7 @@ const chatbotDictionary = defineDictionary({
 		"result.artifacts": "产物",
 		"result.download": "下载",
 		"result.file": "文件",
+		"result.block.unknown": "不支持的结果块：{type}。",
 		"status.aria": "运行状态",
 		"status.route": "路由中",
 		"status.activate": "激活技能",
@@ -46695,6 +46812,16 @@ function AssistantUiEmptyState({ title, prompts, disabled, onPrompt }) {
 	});
 }
 
+//#endregion
+//#region src/react/format.ts
+/** 字节数 → 展示文本；压缩前后要放在同一行才看得出效果。
+*  单一来源（AC-G10）：Composer 附件与消息附件芯片共用。 */
+function formatBytes(bytes) {
+	if (bytes < 1024) return `${bytes} B`;
+	if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+	return `${(bytes / 1024 / 1024).toFixed(1)} MB`;
+}
+
 //#endregion
 //#region src/react/InteractionWaitBar.tsx
 /** composer 的 `aria-describedby` 指向这里：禁用原因必须能被读出来（FR-21.3） */
@@ -46844,12 +46971,6 @@ function CAPABILITY_ICON_CLASS(supported, interactive) {
 	const base = `inline-flex size-8 shrink-0 items-center justify-center rounded-full ${supported ? "text-ink" : "text-muted"}`;
 	return interactive ? `${base} transition-colors hover:bg-accent hover:text-ink disabled:cursor-not-allowed disabled:hover:bg-transparent` : base;
 }
-/** 字节数 → 展示文本；压缩前后要放在同一行才看得出效果 */
-function formatBytes(bytes) {
-	if (bytes < 1024) return `${bytes} B`;
-	if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
-	return `${(bytes / 1024 / 1024).toFixed(1)} MB`;
-}
 function AttachmentMeta({ info }) {
 	const t = useT();
 	if (!info) return null;
@@ -46882,9 +47003,9 @@ function ModelMenuButton({ models }) {
 		children: /* @__PURE__ */ jsxs("button", {
 			type: "button",
 			"data-testid": "composer-model",
-			className: "inline-flex h-8 max-w-48 shrink-0 cursor-pointer items-center gap-1 rounded-full px-2.5 text-sm text-muted transition-colors hover:bg-accent hover:text-ink",
+			className: "inline-flex max-w-full shrink-0 cursor-pointer items-center gap-1 rounded-full px-2.5 py-1 text-sm text-muted transition-colors hover:bg-accent hover:text-ink",
 			children: [/* @__PURE__ */ jsx("span", {
-				className: "truncate",
+				className: "min-w-0 break-words",
 				children: current?.label ?? t("composer.model")
 			}), /* @__PURE__ */ jsx(ChevronDown, {
 				className: "size-3.5 shrink-0",
@@ -47307,7 +47428,7 @@ function TraceRunId({ runId }) {
 	const t = useT();
 	if (typeof runId !== "string" || runId === "") return null;
 	return /* @__PURE__ */ jsxs("div", {
-		className: "flex items-center gap-1.5 font-mono text-xs text-muted",
+		className: "grid grid-cols-[auto_auto_auto] items-center gap-1.5 font-mono text-xs text-muted",
 		"data-testid": "trace-run-id",
 		children: [
 			/* @__PURE__ */ jsx("span", {
@@ -47315,11 +47436,11 @@ function TraceRunId({ runId }) {
 				children: t("trace.runId")
 			}),
 			/* @__PURE__ */ jsx("span", {
-				className: "truncate",
+				className: "min-w-0 truncate",
 				children: runId
 			}),
 			/* @__PURE__ */ jsx(CopyButton, {
-				className: "ms-auto",
+				className: "shrink-0",
 				value: runId,
 				label: t("trace.runId.copy"),
 				copiedLabel: t("trace.runId.copied")
@@ -47365,24 +47486,26 @@ function LifecycleStep({ data }) {
 	const tone = status !== void 0 ? runStatusTone(status) : endedAt === void 0 ? "info" : "neutral";
 	return /* @__PURE__ */ jsxs("li", {
 		"aria-label": duration ? `${label}, ${duration}` : label,
-		className: "flex items-center gap-2 font-mono text-xs text-muted",
+		className: "grid grid-cols-[auto_auto_auto] items-center gap-2 font-mono text-xs text-muted",
 		children: [
-			/* @__PURE__ */ jsx("span", {
-				className: "size-1.5 shrink-0 rounded-full",
-				style: { backgroundColor: `var(${STATUS_TONE_VAR[tone]})` },
-				"data-webskill-step-tone": tone,
-				"aria-hidden": true
-			}),
-			/* @__PURE__ */ jsx("span", {
-				className: "min-w-20 text-ink",
-				children: label
+			/* @__PURE__ */ jsxs("span", {
+				className: "flex min-w-0 items-center gap-2",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "size-1.5 shrink-0 rounded-full",
+					style: { backgroundColor: `var(${STATUS_TONE_VAR[tone]})` },
+					"data-webskill-step-tone": tone,
+					"aria-hidden": true
+				}), /* @__PURE__ */ jsx("span", {
+					className: "min-w-20 text-ink",
+					children: label
+				})]
 			}),
 			note ? /* @__PURE__ */ jsx("span", {
-				className: "truncate",
+				className: "min-w-0 truncate",
 				children: note
-			}) : null,
+			}) : /* @__PURE__ */ jsx("span", { "aria-hidden": true }),
 			/* @__PURE__ */ jsx("span", {
-				className: "ms-auto shrink-0",
+				className: "shrink-0",
 				children: duration ?? ""
 			})
 		]
@@ -47452,13 +47575,13 @@ function ToolGroup({ count, running, children }) {
 		}), children]
 	});
 }
-/** 被 `allowed-tools` 拦下时 runtime 回喂的错误码；与执行失败必须分开显示（需求 1 FR-1.6） */
-const DENIED_CODE = "TOOL_NOT_ALLOWED";
 /** 错误码 → 标题文案；未列出的码走通用「失败原因」（0.6.0 FR-18.2） */
 const ERROR_TITLE_KEYS = {
-	[DENIED_CODE]: "tool.denied.reason",
+	["TOOL_NOT_ALLOWED"]: "tool.denied.reason",
 	TOOL_NOT_FOUND: "tool.notFound.reason",
-	TOOL_RESOLUTION_EXHAUSTED: "tool.exhausted.reason"
+	TOOL_RESOLUTION_EXHAUSTED: "tool.exhausted.reason",
+	NETWORK_BLOCKED: "tool.denied.reason",
+	FS_PERMISSION_DENIED: "tool.denied.reason"
 };
 function toolErrorOf(part) {
 	const result = part.result;
@@ -47479,7 +47602,7 @@ function ToolRow({ part }) {
 	useEffect(() => {
 		if (part.isError === true) setOpen(true);
 	}, [part.isError]);
-	const denied = part.isError === true && errorCode === DENIED_CODE;
+	const denied = part.isError === true && typeof errorCode === "string" && POLICY_DENIAL_CODES.has(errorCode);
 	const status = running ? "running" : denied ? "denied" : part.isError === true ? "failed" : "completed";
 	const duration = part.timing && completedAt !== void 0 ? formatDuration(completedAt - part.timing.startedAt) : void 0;
 	return /* @__PURE__ */ jsxs("div", {
@@ -47524,17 +47647,17 @@ function ToolRow({ part }) {
 		}), open && (part.argsText !== "" || errorMessage !== void 0) ? /* @__PURE__ */ jsxs("div", {
 			className: "border-t border-border px-2 py-1.5",
 			children: [errorMessage !== void 0 ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("p", {
-				className: "text-xs text-muted",
+				className: "text-xs text-muted italic",
 				children: t(errorCode !== void 0 ? ERROR_TITLE_KEYS[errorCode] ?? "tool.failed.reason" : "tool.failed.reason")
 			}), /* @__PURE__ */ jsx("p", {
 				"data-testid": "tool-error-reason",
 				className: "text-xs break-words text-ink",
 				children: errorMessage
 			})] }) : null, part.argsText !== "" ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("p", {
-				className: "text-xs text-muted",
+				className: "text-xs text-muted italic",
 				children: t("tool.args")
 			}), /* @__PURE__ */ jsx("pre", {
-				className: "overflow-x-auto font-mono text-xs text-ink",
+				className: "overflow-x-auto whitespace-pre font-mono text-xs text-ink",
 				children: part.argsText
 			})] }) : null]
 		}) : null]
@@ -47758,6 +47881,40 @@ function TodoPanel({ items }) {
 	});
 }
 
+//#endregion
+//#region src/react/UserAttachmentChips.tsx
+/**
+* 用户消息气泡上方的附件芯片（0.9.0 分册 12，FR-12.2）。
+* 数据源是持久化的 `ChatMessage.attachments`（旧会话文件无该字段时缺省不渲染）。
+* 纯 props 组件：不依赖 assistant-ui 上下文，便于单测（AC-12.3）。
+*/
+function UserAttachmentChips({ attachments }) {
+	if (!attachments || attachments.length === 0) return null;
+	return /* @__PURE__ */ jsx("div", {
+		"data-testid": "user-attachments",
+		className: "mb-1 flex flex-col items-end gap-1",
+		children: attachments.map((att) => /* @__PURE__ */ jsxs("span", {
+			"data-testid": "user-attachment-chip",
+			"aria-label": `${att.name}, ${formatBytes(att.size)}`,
+			className: "inline-flex max-w-full items-center gap-1.5 rounded-md border border-border bg-surface px-2 py-1 text-xs text-ink",
+			children: [
+				/* @__PURE__ */ jsx(File, {
+					className: "size-3.5 shrink-0 text-muted",
+					"aria-hidden": true
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: "truncate font-medium",
+					children: att.name
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: "shrink-0 text-muted",
+					children: formatBytes(att.size)
+				})
+			]
+		}, att.id))
+	});
+}
+
 //#endregion
 //#region src/react/OpenUiSurfaceHost.tsx
 /** Renders persisted UI spec snapshots through the OpenUI extension without a live bridge. @experimental */
@@ -57859,6 +58016,7 @@ function TableBlock({ columns, rows }) {
 	});
 }
 function Block({ block, runId, onDownload }) {
+	const t = useT();
 	switch (block.type) {
 		case "markdown": return /* @__PURE__ */ jsx("div", {
 			className: "rounded-card border border-border bg-surface px-4 py-3 shadow-card",
@@ -57885,6 +58043,10 @@ function Block({ block, runId, onDownload }) {
 			},
 			...onDownload ? { onDownload } : {}
 		});
+		default: return /* @__PURE__ */ jsx("div", {
+			className: "rounded-card border border-border bg-surface px-4 py-3 text-sm text-muted",
+			children: t("result.block.unknown", { type: String(block.type ?? "unknown") })
+		});
 	}
 }
 /**
@@ -58087,7 +58249,7 @@ function AssistantUiMessageActions({ message, onRetry, onDelete, onViewTrace, mo
 	return /* @__PURE__ */ jsxs("div", {
 		"data-testid": "assistant-ui-message-actions",
 		"aria-label": t("a11y.messageActions"),
-		className: "pointer-events-none absolute inset-x-0 -bottom-7 flex h-7 items-center",
+		className: "pointer-events-none absolute inset-x-0 -bottom-9 flex h-7 items-center",
 		children: [/* @__PURE__ */ jsxs(ActionBarPrimitive.Root, {
 			hideWhenRunning: true,
 			autohide: "always",
@@ -58159,12 +58321,12 @@ function AssistantUiMessage(props) {
 	const todos = useAuiState((s) => s.message.metadata?.custom?.["todos"]);
 	const isEditing = useAuiState((s) => s.composer.isEditing);
 	if (role === "user") return /* @__PURE__ */ jsxs("div", {
-		className: "webskill-aui-message webskill-aui-message--user relative mb-7",
+		className: "webskill-aui-message webskill-aui-message--user relative mb-9",
 		"data-testid": "assistant-ui-user-message",
 		children: [
 			isEditing ? /* @__PURE__ */ jsxs(ComposerPrimitive.Root, {
 				"data-testid": "message-edit-composer",
-				className: "flex flex-col gap-2 rounded-card border border-border bg-surface p-2",
+				className: "flex w-[80%] flex-col gap-2 rounded-card border border-border bg-surface p-2",
 				children: [/* @__PURE__ */ jsx(ComposerPrimitive.Input, {
 					autoFocus: true,
 					className: "min-h-16 w-full resize-none bg-transparent text-sm text-ink outline-none"
@@ -58180,10 +58342,10 @@ function AssistantUiMessage(props) {
 						children: t("message.editSend")
 					})]
 				})]
-			}) : /* @__PURE__ */ jsx("div", {
+			}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(UserAttachmentChips, { attachments: message?.attachments }), /* @__PURE__ */ jsx("div", {
 				className: "webskill-aui-user-bubble",
 				children: message?.text ?? ""
-			}),
+			})] }),
 			message?.notice ? /* @__PURE__ */ jsx("p", {
 				"data-testid": "message-notice",
 				className: "mt-1 text-right text-xs text-muted",
@@ -58193,7 +58355,7 @@ function AssistantUiMessage(props) {
 		]
 	});
 	return /* @__PURE__ */ jsxs("div", {
-		className: "webskill-aui-message webskill-aui-message--assistant relative mb-7 flex min-w-0 flex-col gap-3",
+		className: "webskill-aui-message webskill-aui-message--assistant relative mb-9 flex min-w-0 flex-col gap-3",
 		"data-testid": "assistant-ui-assistant-message",
 		children: [
 			Array.isArray(todos) ? /* @__PURE__ */ jsx(TodoPanel, { items: todos }) : null,
@@ -59167,7 +59329,7 @@ function Chatbot({ adapter, config, locale: localeProp, theme: themeProp, render
 	* `theme` / `locale` / `renderer` / `dictationLang` 这几个 props 只作为它缺席时的兜底。
 	*/
 	const configStore = config?.runtimeConfig;
-	const { appearance, update: updateAppearance } = useRuntimeAppearance(configStore, useMemo(() => ({
+	const { appearance, updateImmediate: updateAppearanceImmediate } = useRuntimeAppearance(configStore, useMemo(() => ({
 		theme: themeProp ?? "light",
 		locale: localeProp ?? "en",
 		renderer: rendererProp ?? "native",
@@ -59427,12 +59589,32 @@ function Chatbot({ adapter, config, locale: localeProp, theme: themeProp, render
 		onError: (e) => setError({ message: toErrorMessage(e) })
 	});
 	const flushPendingDeletes = pendingDeletes.flush;
+	/**
+	* 会话创建串行化（0.9.0 复核：AC-21.16 全量偶发红的根因）。
+	* `handleCreate`（点 New chat）与 `handleSend`（无当前会话时兜底建会话）并发时，
+	* 各调一次 `engine.createSession()` 会建出**两个**会话——消息进后建的那个，
+	* 先建的变成永久空会话（列表第一行永远显示兜底文案）。
+	*
+	* 这里用 ref 共享同一个 in-flight promise：谁先发起谁创建，其它调用方拿到同一个会话。
+	* 注意 ref 的生命周期：**不能**在 promise settle 时立刻清空——「handleCreate 建完、
+	* 但 React 还没因 setCurrentSessionId 重渲染」的窗口里，handleSend 兜底仍要复用这个会话，
+	* 立刻清空会在这个窗口里再建一个（第一版修复在全量 e2e 里实测仍红）。
+	* 清空交给下面的 useEffect：一旦 UI 真正选中了某个会话，最近一次创建就已被消费，ref 让位。
+	*/
+	const creatingRef = useRef(void 0);
+	const ensureSession = useCallback(async () => {
+		if (!creatingRef.current) creatingRef.current = engine.createSession();
+		return creatingRef.current;
+	}, [engine]);
+	useEffect(() => {
+		if (creatingRef.current !== void 0) creatingRef.current = void 0;
+	}, [currentSessionId]);
 	const handleSend = useCallback((text, attachments = []) => {
 		(async () => {
 			await flushPendingDeletes();
 			let sessionId = currentSessionId;
 			if (!sessionId) {
-				const meta = await engine.createSession();
+				const meta = await ensureSession();
 				sessionId = meta.id;
 				setCurrentSessionId(meta.id);
 				await refreshSessions();
@@ -59445,7 +59627,8 @@ function Chatbot({ adapter, config, locale: localeProp, theme: themeProp, render
 		engine,
 		currentSessionId,
 		refreshSessions,
-		flushPendingDeletes
+		flushPendingDeletes,
+		ensureSession
 	]);
 	const handleStop = useCallback(() => {
 		if (currentRunId) engine.cancel(currentRunId);
@@ -59524,7 +59707,7 @@ function Chatbot({ adapter, config, locale: localeProp, theme: themeProp, render
 		loadingEarlierSessions
 	]);
 	const handleCreate = useCallback(() => {
-		flushPendingDeletes().then(() => engine.createSession()).then(async (meta) => {
+		flushPendingDeletes().then(() => ensureSession()).then(async (meta) => {
 			setCurrentSessionId(meta.id);
 			setMessages([]);
 			setMessagesCursor(void 0);
@@ -59534,7 +59717,8 @@ function Chatbot({ adapter, config, locale: localeProp, theme: themeProp, render
 	}, [
 		engine,
 		refreshSessions,
-		flushPendingDeletes
+		flushPendingDeletes,
+		ensureSession
 	]);
 	const handleRenameSession = useCallback((id, title) => {
 		flushPendingDeletes().then(() => engine.renameSession(id, title)).then(refreshSessions).catch((e) => setError({ message: toErrorMessage(e) }));
@@ -59572,9 +59756,9 @@ function Chatbot({ adapter, config, locale: localeProp, theme: themeProp, render
 		flushPendingDeletes
 	]);
 	const handleAppearanceChange = useCallback((next) => {
-		updateAppearance(next);
+		updateAppearanceImmediate(next);
 		onAppearanceChange?.(next);
-	}, [onAppearanceChange, updateAppearance]);
+	}, [onAppearanceChange, updateAppearanceImmediate]);
 	/** 画像读写全部经引擎（需求 19）：设置面板不直接碰存储，加密与作用域只有一处实现 */
 	const chatRoot = (config?.chatRoot ?? "/chat").replace(/\/+$/, "");
 	/**
@@ -59647,7 +59831,7 @@ function Chatbot({ adapter, config, locale: localeProp, theme: themeProp, render
 							onOpenSessions: () => setDrawerOpen(true),
 							onCreateSession: handleCreate,
 							onOpenConsole: () => adapter.navigation.openConsole(),
-							...onOpenSettings ? { onOpenSettings: () => onOpenSettings("settings.runtime") } : {},
+							...onOpenSettings ? { onOpenSettings: () => onOpenSettings() } : {},
 							theme,
 							onToggleTheme: () => handleAppearanceChange({ theme: theme === "dark" ? "light" : "dark" })
 						}),
@@ -59829,4 +60013,13 @@ function VercelPayloadPreview({ bridge }) {
 }
 
 //#endregion
-export { A2uiSurfaceHost, A2uiSurfaceSnapshotHost, ChatEngine, Chatbot, CompositeUiBridge, DEFAULT_RENDERER_CAPABILITIES, DEFAULT_RUNTIME_CONFIG_STORAGE_KEY, ErrorCard, InteractionCard, InterruptedBanner, OpenUiSurfaceHost, OpenUiSurfaceSnapshotHost, ResultBlockList, ResultBlocksPro, SkillBadges, SpecInteraction, VercelPayloadPreview, VercelSurfaceHost, VercelSurfaceSnapshotHost, chatbotDictionary, configureA2uiMarkdown, createLocalStorageRuntimeConfigStore, createMemoryRuntimeConfigStore, probeA2uiAvailability, probeOpenUiAvailability, sandboxExecutorDeps, useT };
+//#region src/version.ts
+/** Generated by scripts/syncVersionConstant.mjs from packages/chatbot/package.json. Do not edit by hand. */
+/**
+* Version of the published `@webskill/chatbot` package, injected at build time.
+* @stable
+*/
+const CHATBOT_VERSION = "0.6.0";
+
+//#endregion
+export { A2uiSurfaceHost, A2uiSurfaceSnapshotHost, CHATBOT_VERSION, ChatEngine, Chatbot, CompositeUiBridge, DEFAULT_RENDERER_CAPABILITIES, DEFAULT_RUNTIME_CONFIG_STORAGE_KEY, ErrorCard, InteractionCard, InterruptedBanner, OpenUiSurfaceHost, OpenUiSurfaceSnapshotHost, ResultBlockList, ResultBlocksPro, SkillBadges, SpecInteraction, VercelPayloadPreview, VercelSurfaceHost, VercelSurfaceSnapshotHost, chatbotDictionary, configureA2uiMarkdown, createLocalStorageRuntimeConfigStore, createMemoryRuntimeConfigStore, probeA2uiAvailability, probeOpenUiAvailability, sandboxExecutorDeps, useT };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webskill/chatbot",
-  "version": "0.5.0",
+  "version": "0.6.0",
   "license": "MIT",
   "type": "module",
   "exports": {
@@ -26,7 +26,7 @@
     "@a2ui/web_core": "^0.10.5",
     "@lit/context": "^1.1.0",
     "@openuidev/react-lang": "0.2.8",
-    "@webskill/sdk": "^0.8.0",
+    "@webskill/sdk": "^0.9.0",
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0",
     "zod": "^3.25.0 || ^4.0.0"