@webskill/chatbot 0.0.2 → 0.1.0

package/dist/index.js

@@ -6,10 +6,10 @@ 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 { AnthropicClient, FsArtifactStore, FsMemoryStore, FsRunSnapshotStore, FsRunTraceStore, FsSessionStore, FullDisclosureRouter, GoogleGenAiClient, OpenAiCompatibleClient, SkillDiscovery, WebSkillError, WebSkillRuntime, messageOf, summarizeToolCalls } from "@webskill/sdk";
+import { AnthropicClient, FsArtifactStore, FsMemoryStore, FsRunSnapshotStore, FsRunTraceStore, FsSessionStore, FullDisclosureRouter, GoogleGenAiClient, OpenAiCompatibleClient, SkillDiscovery, WebSkillError, WebSkillRuntime, isUnsupportedRunSnapshot, messageOf, summarizeToolCalls, textParts } from "@webskill/sdk";
 import { BrowserWorkerScriptExecutor } from "@webskill/sdk/browser";
-import { JsonRenderSpecSurface, NativeSpecSurface, OpenUiSpecSurface, ReactBridgeState, UiSurfaceList, UiSurfaceSnapshotList } from "@webskill/sdk/ui-react";
-import { A2UI_SPEC_FORM_PATH, LitRendererBridge, OPENUI_SURFACE_ACTION, VERCEL_SURFACE_ACTION_DATA_PART_TYPE, collectValues, createUiCatalogToolSource, fromA2uiSpecAction, fromA2uiSurfaceAction, fromOpenUiAction, fromOpenUiSurfaceAction, fromVercelSurfaceAction, interactionToFormModel, isUiSpecSurface, loadOpenUiPeers, loadWebSkillLitCatalog, renderMiniChart, shapeInteractionValue, toA2uiSpecMessages, toA2uiSurfaceAction, toA2uiSurfaceMessages, toOpenUiLang, toOpenUiSurfaceLang, toVercelSurfaceDataPart, toVercelToolInvocation, uiCatalog } from "@webskill/sdk/ui";
+import { JsonRenderSpecSurface, NativeSpecSurface, OpenUiSpecSurface, ReactBridgeState, SpecInteractionChannel, UiSurfaceList, UiSurfaceSnapshotList, probeJsonRenderAvailability } from "@webskill/sdk/ui-react";
+import { A2UI_SPEC_FORM_PATH, createUiCatalogToolSource, fromA2uiSpecAction, fromA2uiSurfaceAction, interactionToFormModel, interactionToUiSpec, loadOpenUiPeers, loadWebSkillLitCatalog, renderMiniChart, shapeInteractionValue, toA2uiSpecMessages, toA2uiSurfaceAction, toVercelToolInvocation, uiCatalog } from "@webskill/sdk/ui";
 import * as React$1 from "react";
 import React, { Children, Component, Fragment, createContext, createElement, forwardRef, isValidElement, memo, useCallback, useContext, useDeferredValue, useEffect, useEffectEvent, useId, useInsertionEffect, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -183,6 +183,70 @@ const createLucideIcon = (iconName, iconNode) => {
 	return Component;
 };
 
+//#endregion
+//#region ../../node_modules/.pnpm/lucide-react@1.27.0_react@19.2.8/node_modules/lucide-react/dist/esm/icons/archive-restore.mjs
+/**
+* @license lucide-react v1.27.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+const __iconNode$33 = [
+	["rect", {
+		width: "20",
+		height: "5",
+		x: "2",
+		y: "3",
+		rx: "1",
+		key: "1wp1u1"
+	}],
+	["path", {
+		d: "M4 8v11a2 2 0 0 0 2 2h2",
+		key: "tvwodi"
+	}],
+	["path", {
+		d: "M20 8v11a2 2 0 0 1-2 2h-2",
+		key: "1gkqxj"
+	}],
+	["path", {
+		d: "m9 15 3-3 3 3",
+		key: "1pd0qc"
+	}],
+	["path", {
+		d: "M12 12v9",
+		key: "192myk"
+	}]
+];
+const ArchiveRestore = createLucideIcon("archive-restore", __iconNode$33);
+
+//#endregion
+//#region ../../node_modules/.pnpm/lucide-react@1.27.0_react@19.2.8/node_modules/lucide-react/dist/esm/icons/archive.mjs
+/**
+* @license lucide-react v1.27.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+const __iconNode$32 = [
+	["rect", {
+		width: "20",
+		height: "5",
+		x: "2",
+		y: "3",
+		rx: "1",
+		key: "1wp1u1"
+	}],
+	["path", {
+		d: "M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8",
+		key: "1s80jp"
+	}],
+	["path", {
+		d: "M10 12h4",
+		key: "a56b0p"
+	}]
+];
+const Archive = createLucideIcon("archive", __iconNode$32);
+
 //#endregion
 //#region ../../node_modules/.pnpm/lucide-react@1.27.0_react@19.2.8/node_modules/lucide-react/dist/esm/icons/arrow-up.mjs
 /**
@@ -191,14 +255,14 @@ const createLucideIcon = (iconName, iconNode) => {
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
-const __iconNode$30 = [["path", {
+const __iconNode$31 = [["path", {
 	d: "m5 12 7-7 7 7",
 	key: "hav0vg"
 }], ["path", {
 	d: "M12 19V5",
 	key: "x0mq9r"
 }]];
-const ArrowUp = createLucideIcon("arrow-up", __iconNode$30);
+const ArrowUp = createLucideIcon("arrow-up", __iconNode$31);
 
 //#endregion
 //#region ../../node_modules/.pnpm/lucide-react@1.27.0_react@19.2.8/node_modules/lucide-react/dist/esm/icons/check.mjs
@@ -208,11 +272,11 @@ const ArrowUp = createLucideIcon("arrow-up", __iconNode$30);
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
-const __iconNode$29 = [["path", {
+const __iconNode$30 = [["path", {
 	d: "M20 6 9 17l-5-5",
 	key: "1gmf2c"
 }]];
-const Check = createLucideIcon("check", __iconNode$29);
+const Check = createLucideIcon("check", __iconNode$30);
 
 //#endregion
 //#region ../../node_modules/.pnpm/lucide-react@1.27.0_react@19.2.8/node_modules/lucide-react/dist/esm/icons/chevron-down.mjs
@@ -222,11 +286,11 @@ const Check = createLucideIcon("check", __iconNode$29);
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
-const __iconNode$28 = [["path", {
+const __iconNode$29 = [["path", {
 	d: "m6 9 6 6 6-6",
 	key: "qrunsl"
 }]];
-const ChevronDown = createLucideIcon("chevron-down", __iconNode$28);
+const ChevronDown = createLucideIcon("chevron-down", __iconNode$29);
 
 //#endregion
 //#region ../../node_modules/.pnpm/lucide-react@1.27.0_react@19.2.8/node_modules/lucide-react/dist/esm/icons/circle-check.mjs
@@ -236,7 +300,7 @@ const ChevronDown = createLucideIcon("chevron-down", __iconNode$28);
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
-const __iconNode$27 = [["circle", {
+const __iconNode$28 = [["circle", {
 	cx: "12",
 	cy: "12",
 	r: "10",
@@ -245,7 +309,7 @@ const __iconNode$27 = [["circle", {
 	d: "m9 12 2 2 4-4",
 	key: "dzmm74"
 }]];
-const CircleCheck = createLucideIcon("circle-check", __iconNode$27);
+const CircleCheck = createLucideIcon("circle-check", __iconNode$28);
 
 //#endregion
 //#region ../../node_modules/.pnpm/lucide-react@1.27.0_react@19.2.8/node_modules/lucide-react/dist/esm/icons/circle-question-mark.mjs
@@ -255,7 +319,7 @@ const CircleCheck = createLucideIcon("circle-check", __iconNode$27);
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
-const __iconNode$26 = [
+const __iconNode$27 = [
 	["circle", {
 		cx: "12",
 		cy: "12",
@@ -271,7 +335,7 @@ const __iconNode$26 = [
 		key: "p32p05"
 	}]
 ];
-const CircleQuestionMark = createLucideIcon("circle-question-mark", __iconNode$26);
+const CircleQuestionMark = createLucideIcon("circle-question-mark", __iconNode$27);
 
 //#endregion
 //#region ../../node_modules/.pnpm/lucide-react@1.27.0_react@19.2.8/node_modules/lucide-react/dist/esm/icons/circle-x.mjs
@@ -281,7 +345,7 @@ const CircleQuestionMark = createLucideIcon("circle-question-mark", __iconNode$2
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
-const __iconNode$25 = [
+const __iconNode$26 = [
 	["circle", {
 		cx: "12",
 		cy: "12",
@@ -297,7 +361,7 @@ const __iconNode$25 = [
 		key: "z0biqf"
 	}]
 ];
-const CircleX = createLucideIcon("circle-x", __iconNode$25);
+const CircleX = createLucideIcon("circle-x", __iconNode$26);
 
 //#endregion
 //#region ../../node_modules/.pnpm/lucide-react@1.27.0_react@19.2.8/node_modules/lucide-react/dist/esm/icons/clipboard-list.mjs
@@ -307,7 +371,7 @@ const CircleX = createLucideIcon("circle-x", __iconNode$25);
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
-const __iconNode$24 = [
+const __iconNode$25 = [
 	["rect", {
 		width: "8",
 		height: "4",
@@ -338,7 +402,7 @@ const __iconNode$24 = [
 		key: "18s6g9"
 	}]
 ];
-const ClipboardList = createLucideIcon("clipboard-list", __iconNode$24);
+const ClipboardList = createLucideIcon("clipboard-list", __iconNode$25);
 
 //#endregion
 //#region ../../node_modules/.pnpm/lucide-react@1.27.0_react@19.2.8/node_modules/lucide-react/dist/esm/icons/copy.mjs
@@ -348,7 +412,7 @@ const ClipboardList = createLucideIcon("clipboard-list", __iconNode$24);
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
-const __iconNode$23 = [["rect", {
+const __iconNode$24 = [["rect", {
 	width: "14",
 	height: "14",
 	x: "8",
@@ -360,7 +424,7 @@ const __iconNode$23 = [["rect", {
 	d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2",
 	key: "zix9uf"
 }]];
-const Copy = createLucideIcon("copy", __iconNode$23);
+const Copy = createLucideIcon("copy", __iconNode$24);
 
 //#endregion
 //#region ../../node_modules/.pnpm/lucide-react@1.27.0_react@19.2.8/node_modules/lucide-react/dist/esm/icons/download.mjs
@@ -370,7 +434,7 @@ const Copy = createLucideIcon("copy", __iconNode$23);
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
-const __iconNode$22 = [
+const __iconNode$23 = [
 	["path", {
 		d: "M12 15V3",
 		key: "m9g1x1"
@@ -384,7 +448,7 @@ const __iconNode$22 = [
 		key: "brsn70"
 	}]
 ];
-const Download = createLucideIcon("download", __iconNode$22);
+const Download = createLucideIcon("download", __iconNode$23);
 
 //#endregion
 //#region ../../node_modules/.pnpm/lucide-react@1.27.0_react@19.2.8/node_modules/lucide-react/dist/esm/icons/external-link.mjs
@@ -394,7 +458,7 @@ const Download = createLucideIcon("download", __iconNode$22);
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
-const __iconNode$21 = [
+const __iconNode$22 = [
 	["path", {
 		d: "M15 3h6v6",
 		key: "1q9fwt"
@@ -408,7 +472,7 @@ const __iconNode$21 = [
 		key: "a6xqqp"
 	}]
 ];
-const ExternalLink = createLucideIcon("external-link", __iconNode$21);
+const ExternalLink = createLucideIcon("external-link", __iconNode$22);
 
 //#endregion
 //#region ../../node_modules/.pnpm/lucide-react@1.27.0_react@19.2.8/node_modules/lucide-react/dist/esm/icons/file.mjs
@@ -418,14 +482,14 @@ const ExternalLink = createLucideIcon("external-link", __iconNode$21);
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
-const __iconNode$20 = [["path", {
+const __iconNode$21 = [["path", {
 	d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
 	key: "1oefj6"
 }], ["path", {
 	d: "M14 2v5a1 1 0 0 0 1 1h5",
 	key: "wfsgrz"
 }]];
-const File = createLucideIcon("file", __iconNode$20);
+const File = createLucideIcon("file", __iconNode$21);
 
 //#endregion
 //#region ../../node_modules/.pnpm/lucide-react@1.27.0_react@19.2.8/node_modules/lucide-react/dist/esm/icons/list-checks.mjs
@@ -435,7 +499,7 @@ const File = createLucideIcon("file", __iconNode$20);
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
-const __iconNode$19 = [
+const __iconNode$20 = [
 	["path", {
 		d: "M13 5h8",
 		key: "a7qcls"
@@ -457,7 +521,7 @@ const __iconNode$19 = [
 		key: "1obspn"
 	}]
 ];
-const ListChecks = createLucideIcon("list-checks", __iconNode$19);
+const ListChecks = createLucideIcon("list-checks", __iconNode$20);
 
 //#endregion
 //#region ../../node_modules/.pnpm/lucide-react@1.27.0_react@19.2.8/node_modules/lucide-react/dist/esm/icons/loader-circle.mjs
@@ -467,11 +531,11 @@ const ListChecks = createLucideIcon("list-checks", __iconNode$19);
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
-const __iconNode$18 = [["path", {
+const __iconNode$19 = [["path", {
 	d: "M21 12a9 9 0 1 1-6.219-8.56",
 	key: "13zald"
 }]];
-const LoaderCircle = createLucideIcon("loader-circle", __iconNode$18);
+const LoaderCircle = createLucideIcon("loader-circle", __iconNode$19);
 
 //#endregion
 //#region ../../node_modules/.pnpm/lucide-react@1.27.0_react@19.2.8/node_modules/lucide-react/dist/esm/icons/menu.mjs
@@ -481,7 +545,7 @@ const LoaderCircle = createLucideIcon("loader-circle", __iconNode$18);
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
-const __iconNode$17 = [
+const __iconNode$18 = [
 	["path", {
 		d: "M4 5h16",
 		key: "1tepv9"
@@ -495,7 +559,7 @@ const __iconNode$17 = [
 		key: "1djgab"
 	}]
 ];
-const Menu = createLucideIcon("menu", __iconNode$17);
+const Menu = createLucideIcon("menu", __iconNode$18);
 
 //#endregion
 //#region ../../node_modules/.pnpm/lucide-react@1.27.0_react@19.2.8/node_modules/lucide-react/dist/esm/icons/message-circle-question-mark.mjs
@@ -505,7 +569,7 @@ const Menu = createLucideIcon("menu", __iconNode$17);
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
-const __iconNode$16 = [
+const __iconNode$17 = [
 	["path", {
 		d: "M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719",
 		key: "1sd12s"
@@ -519,7 +583,7 @@ const __iconNode$16 = [
 		key: "p32p05"
 	}]
 ];
-const MessageCircleQuestionMark = createLucideIcon("message-circle-question-mark", __iconNode$16);
+const MessageCircleQuestionMark = createLucideIcon("message-circle-question-mark", __iconNode$17);
 
 //#endregion
 //#region ../../node_modules/.pnpm/lucide-react@1.27.0_react@19.2.8/node_modules/lucide-react/dist/esm/icons/panel-right-open.mjs
@@ -529,7 +593,7 @@ const MessageCircleQuestionMark = createLucideIcon("message-circle-question-mark
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
-const __iconNode$15 = [
+const __iconNode$16 = [
 	["rect", {
 		width: "18",
 		height: "18",
@@ -547,7 +611,7 @@ const __iconNode$15 = [
 		key: "1pgupc"
 	}]
 ];
-const PanelRightOpen = createLucideIcon("panel-right-open", __iconNode$15);
+const PanelRightOpen = createLucideIcon("panel-right-open", __iconNode$16);
 
 //#endregion
 //#region ../../node_modules/.pnpm/lucide-react@1.27.0_react@19.2.8/node_modules/lucide-react/dist/esm/icons/paperclip.mjs
@@ -557,11 +621,28 @@ const PanelRightOpen = createLucideIcon("panel-right-open", __iconNode$15);
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
-const __iconNode$14 = [["path", {
+const __iconNode$15 = [["path", {
 	d: "m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551",
 	key: "1miecu"
 }]];
-const Paperclip = createLucideIcon("paperclip", __iconNode$14);
+const Paperclip = createLucideIcon("paperclip", __iconNode$15);
+
+//#endregion
+//#region ../../node_modules/.pnpm/lucide-react@1.27.0_react@19.2.8/node_modules/lucide-react/dist/esm/icons/pencil.mjs
+/**
+* @license lucide-react v1.27.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+const __iconNode$14 = [["path", {
+	d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z",
+	key: "1a8usu"
+}], ["path", {
+	d: "m15 5 4 4",
+	key: "1mk7zo"
+}]];
+const Pencil = createLucideIcon("pencil", __iconNode$14);
 
 //#endregion
 //#region ../../node_modules/.pnpm/lucide-react@1.27.0_react@19.2.8/node_modules/lucide-react/dist/esm/icons/play.mjs
@@ -913,8 +994,8 @@ function Label({ className = "", ...props }) {
 
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-compose-refs@1.1.5_@types+react@19.2.17_react@19.2.8/node_modules/@radix-ui/react-compose-refs/dist/index.mjs
-var __defProp$22 = Object.defineProperty;
-var __name$22 = (target, value) => __defProp$22(target, "name", {
+var __defProp$21 = Object.defineProperty;
+var __name$21 = (target, value) => __defProp$21(target, "name", {
 	value,
 	configurable: true
 });
@@ -922,7 +1003,7 @@ function setRef$2(ref, value) {
 	if (typeof ref === "function") return ref(value);
 	else if (ref !== null && ref !== void 0) ref.current = value;
 }
-__name$22(setRef$2, "setRef");
+__name$21(setRef$2, "setRef");
 function composeRefs$1(...refs) {
 	return (node) => {
 		let hasCleanup = false;
@@ -940,16 +1021,16 @@ function composeRefs$1(...refs) {
 		};
 	};
 }
-__name$22(composeRefs$1, "composeRefs");
+__name$21(composeRefs$1, "composeRefs");
 function useComposedRefs$1(...refs) {
 	return React$1.useCallback(composeRefs$1(...refs), refs);
 }
-__name$22(useComposedRefs$1, "useComposedRefs");
+__name$21(useComposedRefs$1, "useComposedRefs");
 
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-context@1.2.2_@types+react@19.2.17_react@19.2.8/node_modules/@radix-ui/react-context/dist/index.mjs
-var __defProp$21 = Object.defineProperty;
-var __name$21 = (target, value) => __defProp$21(target, "name", {
+var __defProp$20 = Object.defineProperty;
+var __name$20 = (target, value) => __defProp$20(target, "name", {
 	value,
 	configurable: true
 });
@@ -957,7 +1038,7 @@ var __name$21 = (target, value) => __defProp$21(target, "name", {
 function createContext2(rootComponentName, defaultContext) {
 	const Context = React$1.createContext(defaultContext);
 	Context.displayName = rootComponentName + "Context";
-	const Provider = /* @__PURE__ */ __name$21((props) => {
+	const Provider = /* @__PURE__ */ __name$20((props) => {
 		const { children, ...context } = props;
 		const value = React$1.useMemo(() => context, Object.values(context));
 		return /* @__PURE__ */ jsx(Context.Provider, {
@@ -974,10 +1055,10 @@ function createContext2(rootComponentName, defaultContext) {
 		if (optional) return void 0;
 		throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
 	}
-	__name$21(useContext2, "useContext");
+	__name$20(useContext2, "useContext");
 	return [Provider, useContext2];
 }
-__name$21(createContext2, "createContext");
+__name$20(createContext2, "createContext");
 // @__NO_SIDE_EFFECTS__
 function createContextScope(scopeName, createContextScopeDeps = []) {
 	let defaultContexts = [];
@@ -986,7 +1067,7 @@ function createContextScope(scopeName, createContextScopeDeps = []) {
 		BaseContext.displayName = rootComponentName + "Context";
 		const index = defaultContexts.length;
 		defaultContexts = [...defaultContexts, defaultContext];
-		const Provider = /* @__PURE__ */ __name$21((props) => {
+		const Provider = /* @__PURE__ */ __name$20((props) => {
 			const { scope, children, ...context } = props;
 			const Context = scope?.[scopeName]?.[index] || BaseContext;
 			const value = React$1.useMemo(() => context, Object.values(context));
@@ -1005,15 +1086,15 @@ function createContextScope(scopeName, createContextScopeDeps = []) {
 			if (optional) return void 0;
 			throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
 		}
-		__name$21(useContext2, "useContext");
+		__name$20(useContext2, "useContext");
 		return [Provider, useContext2];
 	}
-	__name$21(createContext3, "createContext");
-	const createScope = /* @__PURE__ */ __name$21(() => {
+	__name$20(createContext3, "createContext");
+	const createScope = /* @__PURE__ */ __name$20(() => {
 		const scopeContexts = defaultContexts.map((defaultContext) => {
 			return React$1.createContext(defaultContext);
 		});
-		return /* @__PURE__ */ __name$21(function useScope(scope) {
+		return /* @__PURE__ */ __name$20(function useScope(scope) {
 			const contexts = scope?.[scopeName] || scopeContexts;
 			return React$1.useMemo(() => ({ [`__scope${scopeName}`]: {
 				...scope,
@@ -1024,16 +1105,16 @@ function createContextScope(scopeName, createContextScopeDeps = []) {
 	createScope.scopeName = scopeName;
 	return [createContext3, composeContextScopes(createScope, ...createContextScopeDeps)];
 }
-__name$21(createContextScope, "createContextScope");
+__name$20(createContextScope, "createContextScope");
 function composeContextScopes(...scopes) {
 	const baseScope = scopes[0];
 	if (scopes.length === 1) return baseScope;
-	const createScope = /* @__PURE__ */ __name$21(() => {
+	const createScope = /* @__PURE__ */ __name$20(() => {
 		const scopeHooks = scopes.map((createScope2) => ({
 			useScope: createScope2(),
 			scopeName: createScope2.scopeName
 		}));
-		return /* @__PURE__ */ __name$21(function useComposedScopes(overrideScopes) {
+		return /* @__PURE__ */ __name$20(function useComposedScopes(overrideScopes) {
 			const nextScopes = scopeHooks.reduce((nextScopes2, { useScope, scopeName }) => {
 				const currentScope = useScope(overrideScopes)[`__scope${scopeName}`];
 				return {
@@ -1047,33 +1128,33 @@ function composeContextScopes(...scopes) {
 	createScope.scopeName = baseScope.scopeName;
 	return createScope;
 }
-__name$21(composeContextScopes, "composeContextScopes");
+__name$20(composeContextScopes, "composeContextScopes");
 
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+primitive@1.1.7/node_modules/@radix-ui/primitive/dist/index.mjs
-var __defProp$20 = Object.defineProperty;
-var __name$20 = (target, value) => __defProp$20(target, "name", {
+var __defProp$19 = Object.defineProperty;
+var __name$19 = (target, value) => __defProp$19(target, "name", {
 	value,
 	configurable: true
 });
 var canUseDOM = !!(typeof window !== "undefined" && window.document && window.document.createElement);
 function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
-	return /* @__PURE__ */ __name$20(function handleEvent(event) {
+	return /* @__PURE__ */ __name$19(function handleEvent(event) {
 		originalEventHandler?.(event);
 		if (checkForDefaultPrevented === false || !event || !event.defaultPrevented) return ourEventHandler?.(event);
 	}, "handleEvent");
 }
-__name$20(composeEventHandlers, "composeEventHandlers");
+__name$19(composeEventHandlers, "composeEventHandlers");
 function getOwnerWindow(element) {
 	if (!canUseDOM) throw new Error("Cannot access window outside of the DOM");
 	return element?.ownerDocument?.defaultView ?? window;
 }
-__name$20(getOwnerWindow, "getOwnerWindow");
+__name$19(getOwnerWindow, "getOwnerWindow");
 function getOwnerDocument(element) {
 	if (!canUseDOM) throw new Error("Cannot access document outside of the DOM");
 	return element?.ownerDocument ?? document;
 }
-__name$20(getOwnerDocument, "getOwnerDocument");
+__name$19(getOwnerDocument, "getOwnerDocument");
 function getActiveElement(node, activeDescendant = false) {
 	const { activeElement } = getOwnerDocument(node);
 	if (!activeElement?.nodeName) return null;
@@ -1087,11 +1168,11 @@ function getActiveElement(node, activeDescendant = false) {
 	}
 	return activeElement;
 }
-__name$20(getActiveElement, "getActiveElement");
+__name$19(getActiveElement, "getActiveElement");
 function isFrame(element) {
 	return element.tagName === "IFRAME";
 }
-__name$20(isFrame, "isFrame");
+__name$19(isFrame, "isFrame");
 
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-use-layout-effect@1.1.4_@types+react@19.2.17_react@19.2.8/node_modules/@radix-ui/react-use-layout-effect/dist/index.mjs
@@ -1099,8 +1180,8 @@ var useLayoutEffect2 = globalThis?.document ? React$1.useLayoutEffect : () => {}
 
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-use-effect-event@0.0.5_@types+react@19.2.17_react@19.2.8/node_modules/@radix-ui/react-use-effect-event/dist/index.mjs
-var __defProp$19 = Object.defineProperty;
-var __name$19 = (target, value) => __defProp$19(target, "name", {
+var __defProp$18 = Object.defineProperty;
+var __name$18 = (target, value) => __defProp$18(target, "name", {
 	value,
 	configurable: true
 });
@@ -1119,17 +1200,17 @@ function useEffectEvent$1(callback) {
 	});
 	return React$1.useMemo(() => ((...args) => ref.current?.(...args)), []);
 }
-__name$19(useEffectEvent$1, "useEffectEvent");
+__name$18(useEffectEvent$1, "useEffectEvent");
 
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-use-controllable-state@1.2.6_@types+react@19.2.17_react@19.2.8/node_modules/@radix-ui/react-use-controllable-state/dist/index.mjs
-var __defProp$18 = Object.defineProperty;
-var __name$18 = (target, value) => __defProp$18(target, "name", {
+var __defProp$17 = Object.defineProperty;
+var __name$17 = (target, value) => __defProp$17(target, "name", {
 	value,
 	configurable: true
 });
 var useInsertionEffect$1 = React$1[" useInsertionEffect ".trim().toString()] || useLayoutEffect2;
-function useControllableState({ prop, defaultProp, onChange = /* @__PURE__ */ __name$18(() => {}, "onChange"), caller }) {
+function useControllableState({ prop, defaultProp, onChange = /* @__PURE__ */ __name$17(() => {}, "onChange"), caller }) {
 	const [uncontrolledProp, setUncontrolledProp, onChangeRef] = useUncontrolledState({
 		defaultProp,
 		onChange
@@ -1146,7 +1227,7 @@ function useControllableState({ prop, defaultProp, onChange = /* @__PURE__ */ __
 	}
 	return [value, React$1.useCallback((nextValue) => {
 		if (isControlled) {
-			const value2 = isFunction$2(nextValue) ? nextValue(prop) : nextValue;
+			const value2 = isFunction$1(nextValue) ? nextValue(prop) : nextValue;
 			if (value2 !== prop) onChangeRef.current?.(value2);
 		} else setUncontrolledProp(nextValue);
 	}, [
@@ -1156,7 +1237,7 @@ function useControllableState({ prop, defaultProp, onChange = /* @__PURE__ */ __
 		onChangeRef
 	])];
 }
-__name$18(useControllableState, "useControllableState");
+__name$17(useControllableState, "useControllableState");
 function useUncontrolledState({ defaultProp, onChange }) {
 	const [value, setValue] = React$1.useState(defaultProp);
 	const prevValueRef = React$1.useRef(value);
@@ -1176,11 +1257,11 @@ function useUncontrolledState({ defaultProp, onChange }) {
 		onChangeRef
 	];
 }
-__name$18(useUncontrolledState, "useUncontrolledState");
-function isFunction$2(value) {
+__name$17(useUncontrolledState, "useUncontrolledState");
+function isFunction$1(value) {
 	return typeof value === "function";
 }
-__name$18(isFunction$2, "isFunction");
+__name$17(isFunction$1, "isFunction");
 var SYNC_STATE = Symbol("RADIX:SYNC_STATE");
 function useControllableStateReducer(reducer, userArgs, initialArg, init) {
 	const { prop: controlledState, defaultProp, onChange: onChangeProp, caller } = userArgs;
@@ -1239,12 +1320,12 @@ function useControllableStateReducer(reducer, userArgs, initialArg, init) {
 	]);
 	return [state, dispatch];
 }
-__name$18(useControllableStateReducer, "useControllableStateReducer");
+__name$17(useControllableStateReducer, "useControllableStateReducer");
 
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-use-size@1.1.4_@types+react@19.2.17_react@19.2.8/node_modules/@radix-ui/react-use-size/dist/index.mjs
-var __defProp$17 = Object.defineProperty;
-var __name$17 = (target, value) => __defProp$17(target, "name", {
+var __defProp$16 = Object.defineProperty;
+var __name$16 = (target, value) => __defProp$16(target, "name", {
 	value,
 	configurable: true
 });
@@ -1282,12 +1363,12 @@ function useSize(element) {
 	}, [element]);
 	return size;
 }
-__name$17(useSize, "useSize");
+__name$16(useSize, "useSize");
 
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-presence@1.1.10_@types+react-dom@19.2.3_@types+react@19.2.17__@types+re_138587ba593102bdcf335a5673d92068/node_modules/@radix-ui/react-presence/dist/index.mjs
-var __defProp$16 = Object.defineProperty;
-var __name$16 = (target, value) => __defProp$16(target, "name", {
+var __defProp$15 = Object.defineProperty;
+var __name$15 = (target, value) => __defProp$15(target, "name", {
 	value,
 	configurable: true
 });
@@ -1296,8 +1377,8 @@ function useStateMachine(initialState, machine) {
 		return machine[state][event] ?? state;
 	}, initialState);
 }
-__name$16(useStateMachine, "useStateMachine");
-var Presence = /* @__PURE__ */ __name$16((props) => {
+__name$15(useStateMachine, "useStateMachine");
+var Presence = /* @__PURE__ */ __name$15((props) => {
 	const { present, children } = props;
 	const presence = usePresence$1(present);
 	const child = typeof children === "function" ? children({ present: presence.isPresent }) : React$1.Children.only(children);
@@ -1346,7 +1427,7 @@ function usePresence$1(present) {
 		if (node) {
 			let timeoutId;
 			const ownerWindow = node.ownerDocument.defaultView ?? window;
-			const handleAnimationEnd = /* @__PURE__ */ __name$16((event) => {
+			const handleAnimationEnd = /* @__PURE__ */ __name$15((event) => {
 				const isCurrentAnimation = getAnimationName(stylesRef.current).includes(CSS.escape(event.animationName));
 				if (event.target === node && isCurrentAnimation) {
 					send("ANIMATION_END");
@@ -1359,7 +1440,7 @@ function usePresence$1(present) {
 					}
 				}
 			}, "handleAnimationEnd");
-			const handleAnimationStart = /* @__PURE__ */ __name$16((event) => {
+			const handleAnimationStart = /* @__PURE__ */ __name$15((event) => {
 				if (event.target === node) prevAnimationNameRef.current = getAnimationName(stylesRef.current);
 			}, "handleAnimationStart");
 			node.addEventListener("animationstart", handleAnimationStart);
@@ -1385,12 +1466,12 @@ function usePresence$1(present) {
 		}, [])
 	};
 }
-__name$16(usePresence$1, "usePresence");
+__name$15(usePresence$1, "usePresence");
 function setRef$1(ref, value) {
 	if (typeof ref === "function") return ref(value);
 	else if (ref !== null && ref !== void 0) ref.current = value;
 }
-__name$16(setRef$1, "setRef");
+__name$15(setRef$1, "setRef");
 function useStableComposedRefs(...refs) {
 	const refsRef = React$1.useRef(refs);
 	refsRef.current = refs;
@@ -1411,11 +1492,11 @@ function useStableComposedRefs(...refs) {
 		};
 	}, []);
 }
-__name$16(useStableComposedRefs, "useStableComposedRefs");
+__name$15(useStableComposedRefs, "useStableComposedRefs");
 function getAnimationName(styles) {
 	return styles?.animationName || "none";
 }
-__name$16(getAnimationName, "getAnimationName");
+__name$15(getAnimationName, "getAnimationName");
 function getElementRef$1(element) {
 	let getter = Object.getOwnPropertyDescriptor(element.props, "ref")?.get;
 	let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
@@ -1425,12 +1506,12 @@ function getElementRef$1(element) {
 	if (mayWarn) return element.props.ref;
 	return element.props.ref || element.ref;
 }
-__name$16(getElementRef$1, "getElementRef");
+__name$15(getElementRef$1, "getElementRef");
 
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-slot@1.3.3_@types+react@19.2.17_react@19.2.8/node_modules/@radix-ui/react-slot/dist/index.mjs
-var __defProp$15 = Object.defineProperty;
-var __name$15 = (target, value) => __defProp$15(target, "name", {
+var __defProp$14 = Object.defineProperty;
+var __name$14 = (target, value) => __defProp$14(target, "name", {
 	value,
 	configurable: true
 });
@@ -1467,17 +1548,17 @@ function createSlot(ownerName) {
 	Slot2.displayName = `${ownerName}.Slot`;
 	return Slot2;
 }
-__name$15(createSlot, "createSlot");
+__name$14(createSlot, "createSlot");
 var SLOTTABLE_IDENTIFIER = Symbol.for("radix.slottable");
 // @__NO_SIDE_EFFECTS__
 function createSlottable(ownerName) {
-	const Slottable2 = /* @__PURE__ */ __name$15((props) => "child" in props ? props.children(props.child) : props.children, "Slottable");
+	const Slottable2 = /* @__PURE__ */ __name$14((props) => "child" in props ? props.children(props.child) : props.children, "Slottable");
 	Slottable2.displayName = `${ownerName}.Slottable`;
 	Slottable2.__radixId = SLOTTABLE_IDENTIFIER;
 	return Slottable2;
 }
-__name$15(createSlottable, "createSlottable");
-var getSlottableElementFromSlottable = /* @__PURE__ */ __name$15((slottable, child) => {
+__name$14(createSlottable, "createSlottable");
+var getSlottableElementFromSlottable = /* @__PURE__ */ __name$14((slottable, child) => {
 	if ("child" in slottable.props) {
 		const child2 = slottable.props.child;
 		if (!React$1.isValidElement(child2)) return null;
@@ -1508,7 +1589,7 @@ function mergeProps(slotProps, childProps) {
 		...overrideProps
 	};
 }
-__name$15(mergeProps, "mergeProps");
+__name$14(mergeProps, "mergeProps");
 function getElementRef(element) {
 	let getter = Object.getOwnPropertyDescriptor(element.props, "ref")?.get;
 	let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
@@ -1518,32 +1599,32 @@ function getElementRef(element) {
 	if (mayWarn) return element.props.ref;
 	return element.props.ref || element.ref;
 }
-__name$15(getElementRef, "getElementRef");
+__name$14(getElementRef, "getElementRef");
 function isSlottable(child) {
 	return React$1.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER;
 }
-__name$15(isSlottable, "isSlottable");
+__name$14(isSlottable, "isSlottable");
 var REACT_LAZY_TYPE = Symbol.for("react.lazy");
 function isLazyComponent(element) {
 	return element != null && typeof element === "object" && "$$typeof" in element && element.$$typeof === REACT_LAZY_TYPE && "_payload" in element && isPromiseLike(element._payload);
 }
-__name$15(isLazyComponent, "isLazyComponent");
+__name$14(isLazyComponent, "isLazyComponent");
 function isPromiseLike(value) {
 	return typeof value === "object" && value !== null && "then" in value;
 }
-__name$15(isPromiseLike, "isPromiseLike");
-var createSlotError = /* @__PURE__ */ __name$15((ownerName) => {
+__name$14(isPromiseLike, "isPromiseLike");
+var createSlotError = /* @__PURE__ */ __name$14((ownerName) => {
 	return `${ownerName} failed to slot onto its children. Expected a single React element child or \`Slottable\`.`;
 }, "createSlotError");
-var createSlottableError = /* @__PURE__ */ __name$15((ownerName) => {
+var createSlottableError = /* @__PURE__ */ __name$14((ownerName) => {
 	return `${ownerName} failed to slot onto its \`Slottable\`. Expected \`Slottable\` to receive a single React element child.`;
 }, "createSlottableError");
 var use = React$1[" use ".trim().toString()];
 
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-primitive@2.1.10_@types+react-dom@19.2.3_@types+react@19.2.17__@types+r_be17283a23f513d7b972453cc36e2a96/node_modules/@radix-ui/react-primitive/dist/index.mjs
-var __defProp$14 = Object.defineProperty;
-var __name$14 = (target, value) => __defProp$14(target, "name", {
+var __defProp$13 = Object.defineProperty;
+var __name$13 = (target, value) => __defProp$13(target, "name", {
 	value,
 	configurable: true
 });
@@ -1585,230 +1666,7 @@ var Primitive = [
 function dispatchDiscreteCustomEvent(target, event) {
 	if (target) ReactDOM.flushSync(() => target.dispatchEvent(event));
 }
-__name$14(dispatchDiscreteCustomEvent, "dispatchDiscreteCustomEvent");
-
-//#endregion
-//#region ../../node_modules/.pnpm/@radix-ui+react-checkbox@1.3.11_@types+react-dom@19.2.3_@types+react@19.2.17__@types+re_f6e0f4835f2e28dbd2e5cb3844d005eb/node_modules/@radix-ui/react-checkbox/dist/index.mjs
-var __defProp$13 = Object.defineProperty;
-var __name$13 = (target, value) => __defProp$13(target, "name", {
-	value,
-	configurable: true
-});
-var CHECKBOX_NAME = "Checkbox";
-var [createCheckboxContext, createCheckboxScope] = createContextScope(CHECKBOX_NAME);
-var [CheckboxProviderImpl, useCheckboxContext] = createCheckboxContext(CHECKBOX_NAME);
-function CheckboxProvider(props) {
-	const { __scopeCheckbox, checked: checkedProp, children, defaultChecked, disabled, form, name, onCheckedChange, required, value = "on", internal_do_not_use_render } = props;
-	const [checked, setChecked] = useControllableState({
-		prop: checkedProp,
-		defaultProp: defaultChecked ?? false,
-		onChange: onCheckedChange,
-		caller: CHECKBOX_NAME
-	});
-	const [control, setControl] = React$1.useState(null);
-	const [bubbleInput, setBubbleInput] = React$1.useState(null);
-	const hasConsumerStoppedPropagationRef = React$1.useRef(false);
-	const [userInteractionCount, onUserInteraction] = React$1.useReducer((count) => count + 1, 0);
-	const isFormControl = control ? !!form || !!control.closest("form") : true;
-	const context = {
-		checked,
-		disabled,
-		setChecked,
-		control,
-		setControl,
-		name,
-		form,
-		value,
-		hasConsumerStoppedPropagationRef,
-		userInteractionCount,
-		onUserInteraction,
-		required,
-		defaultChecked: isIndeterminate(defaultChecked) ? false : defaultChecked,
-		isFormControl,
-		bubbleInput,
-		setBubbleInput
-	};
-	return /* @__PURE__ */ jsx(CheckboxProviderImpl, {
-		scope: __scopeCheckbox,
-		...context,
-		children: isFunction$1(internal_do_not_use_render) ? internal_do_not_use_render(context) : children
-	});
-}
-__name$13(CheckboxProvider, "CheckboxProvider");
-var TRIGGER_NAME$3 = "CheckboxTrigger";
-var CheckboxTrigger = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$13(function CheckboxTrigger2({ __scopeCheckbox, onKeyDown, onClick, ...checkboxProps }, forwardedRef) {
-	const { control, value, disabled, checked, required, setControl, setChecked, hasConsumerStoppedPropagationRef, onUserInteraction, isFormControl, bubbleInput } = useCheckboxContext(TRIGGER_NAME$3, __scopeCheckbox);
-	const composedRefs = useComposedRefs$1(forwardedRef, setControl);
-	const initialCheckedStateRef = React$1.useRef(checked);
-	React$1.useEffect(() => {
-		const form = control?.form;
-		if (form) {
-			const reset = /* @__PURE__ */ __name$13(() => setChecked(initialCheckedStateRef.current), "reset");
-			form.addEventListener("reset", reset);
-			return () => form.removeEventListener("reset", reset);
-		}
-	}, [control, setChecked]);
-	return /* @__PURE__ */ jsx(Primitive.button, {
-		type: "button",
-		role: "checkbox",
-		"aria-checked": isIndeterminate(checked) ? "mixed" : checked,
-		"aria-required": required,
-		"data-state": getState$3(checked),
-		"data-disabled": disabled ? "" : void 0,
-		disabled,
-		value,
-		...checkboxProps,
-		ref: composedRefs,
-		onKeyDown: composeEventHandlers(onKeyDown, (event) => {
-			if (event.key === "Enter") event.preventDefault();
-		}),
-		onClick: composeEventHandlers(onClick, (event) => {
-			onUserInteraction();
-			setChecked((prevChecked) => isIndeterminate(prevChecked) ? true : !prevChecked);
-			if (bubbleInput && isFormControl) {
-				hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();
-				if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();
-			}
-		})
-	});
-}, "CheckboxTrigger"));
-var Checkbox$1 = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$13(function Checkbox2(props, forwardedRef) {
-	const { __scopeCheckbox, name, checked, defaultChecked, required, disabled, value, onCheckedChange, form, ...checkboxProps } = props;
-	return /* @__PURE__ */ jsx(CheckboxProvider, {
-		__scopeCheckbox,
-		checked,
-		defaultChecked,
-		disabled,
-		required,
-		onCheckedChange,
-		name,
-		form,
-		value,
-		internal_do_not_use_render: ({ isFormControl }) => /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(CheckboxTrigger, {
-			...checkboxProps,
-			ref: forwardedRef,
-			__scopeCheckbox
-		}), isFormControl && /* @__PURE__ */ jsx(CheckboxBubbleInput, { __scopeCheckbox })] })
-	});
-}, "Checkbox"));
-var INDICATOR_NAME = "CheckboxIndicator";
-var CheckboxIndicator = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$13(function CheckboxIndicator2(props, forwardedRef) {
-	const { __scopeCheckbox, forceMount, ...indicatorProps } = props;
-	const context = useCheckboxContext(INDICATOR_NAME, __scopeCheckbox);
-	return /* @__PURE__ */ jsx(Presence, {
-		present: forceMount || isIndeterminate(context.checked) || context.checked === true,
-		children: /* @__PURE__ */ jsx(Primitive.span, {
-			"data-state": getState$3(context.checked),
-			"data-disabled": context.disabled ? "" : void 0,
-			...indicatorProps,
-			ref: forwardedRef,
-			style: {
-				pointerEvents: "none",
-				...props.style
-			}
-		})
-	});
-}, "CheckboxIndicator"));
-var BUBBLE_INPUT_NAME$1 = "CheckboxBubbleInput";
-var CheckboxBubbleInput = /* @__PURE__ */ React$1.forwardRef(/* @__PURE__ */ __name$13(function CheckboxBubbleInput2({ __scopeCheckbox, onClick, ...props }, forwardedRef) {
-	const { control, hasConsumerStoppedPropagationRef, userInteractionCount, checked, defaultChecked, required, disabled, name, value, form, bubbleInput, setBubbleInput } = useCheckboxContext(BUBBLE_INPUT_NAME$1, __scopeCheckbox);
-	const composedRefs = useComposedRefs$1(forwardedRef, setBubbleInput);
-	const controlSize = useSize(control);
-	const shouldStopClickPropagationRef = React$1.useRef(false);
-	const prevCheckedRef = React$1.useRef(checked);
-	const prevUserInteractionCountRef = React$1.useRef(userInteractionCount);
-	React$1.useEffect(() => {
-		const input = bubbleInput;
-		if (!input) return;
-		const inputProto = window.HTMLInputElement.prototype;
-		const setChecked = Object.getOwnPropertyDescriptor(inputProto, "checked").set;
-		const isUserInteraction = userInteractionCount !== prevUserInteractionCountRef.current;
-		prevUserInteractionCountRef.current = userInteractionCount;
-		const checkedChanged = prevCheckedRef.current !== checked;
-		prevCheckedRef.current = checked;
-		const bubbles = !(isUserInteraction && hasConsumerStoppedPropagationRef.current);
-		if (checkedChanged && setChecked) {
-			shouldStopClickPropagationRef.current = !isUserInteraction;
-			const event = new Event("click", { bubbles });
-			input.indeterminate = isIndeterminate(checked);
-			setChecked.call(input, isIndeterminate(checked) ? false : checked);
-			input.dispatchEvent(event);
-			shouldStopClickPropagationRef.current = false;
-		}
-	}, [
-		bubbleInput,
-		checked,
-		hasConsumerStoppedPropagationRef,
-		userInteractionCount
-	]);
-	const defaultCheckedRef = React$1.useRef(isIndeterminate(checked) ? false : checked);
-	return /* @__PURE__ */ jsx(Primitive.input, {
-		type: "checkbox",
-		"aria-hidden": true,
-		defaultChecked: defaultChecked ?? defaultCheckedRef.current,
-		required,
-		disabled,
-		name,
-		value,
-		form,
-		...props,
-		tabIndex: -1,
-		ref: composedRefs,
-		onClick: composeEventHandlers(onClick, (event) => {
-			if (shouldStopClickPropagationRef.current) event.stopPropagation();
-		}),
-		style: {
-			...props.style,
-			...controlSize,
-			position: "absolute",
-			pointerEvents: "none",
-			opacity: 0,
-			margin: 0,
-			transform: "translateX(-100%)"
-		}
-	});
-}, "CheckboxBubbleInput"));
-function isFunction$1(value) {
-	return typeof value === "function";
-}
-__name$13(isFunction$1, "isFunction");
-function isIndeterminate(checked) {
-	return checked === "indeterminate";
-}
-__name$13(isIndeterminate, "isIndeterminate");
-function getState$3(checked) {
-	return isIndeterminate(checked) ? "indeterminate" : checked ? "checked" : "unchecked";
-}
-__name$13(getState$3, "getState");
-
-//#endregion
-//#region ../ui-kit/src/components/Checkbox.tsx
-/** Source-owned shadcn-style checkbox backed by Radix for keyboard semantics. */
-function Checkbox({ className = "", invalid = false, "aria-invalid": ariaInvalid, ...props }) {
-	return /* @__PURE__ */ jsx(Checkbox$1, {
-		"aria-invalid": invalid ? true : ariaInvalid,
-		className: `inline-flex size-4 shrink-0 items-center justify-center rounded-sm border bg-surface shadow-xs outline-none transition-colors disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground ${invalid ? "border-destructive focus-visible:ring-destructive/20" : "border-input focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/20"} ${className}`,
-		...props,
-		children: /* @__PURE__ */ jsx(CheckboxIndicator, {
-			className: "flex items-center justify-center",
-			children: /* @__PURE__ */ jsx(Check, {
-				className: "size-3",
-				"aria-hidden": true
-			})
-		})
-	});
-}
-
-//#endregion
-//#region ../ui-kit/src/components/Textarea.tsx
-/** Source-owned textarea with the same form-control states as Input. */
-function Textarea({ className = "", invalid = false, "aria-invalid": ariaInvalid, ...props }) {
-	return /* @__PURE__ */ jsx("textarea", {
-		"aria-invalid": invalid ? true : ariaInvalid,
-		className: `min-h-20 w-full resize-y rounded-md border bg-surface px-3 py-2 text-sm text-ink shadow-xs outline-none transition-colors placeholder:text-muted disabled:cursor-not-allowed disabled:opacity-50 ${invalid ? "border-destructive focus-visible:ring-destructive/20" : "border-input focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/20"} ${className}`,
-		...props
-	});
-}
+__name$13(dispatchDiscreteCustomEvent, "dispatchDiscreteCustomEvent");
 
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-switch@1.3.7_@types+react-dom@19.2.3_@types+react@19.2.17__@types+react_e96baf15833549650471eefa4ffd78d0/node_modules/@radix-ui/react-switch/dist/index.mjs
@@ -40690,6 +40548,10 @@ function defaultRuntimeConfig() {
 			approvalScope: "once-per-run"
 		},
 		router: { strategy: "progressive" },
+		hooks: {
+			timeoutMs: 5e3,
+			failOnHookError: false
+		},
 		streaming: true,
 		renderResult: true,
 		sandbox: {
@@ -40699,6 +40561,10 @@ function defaultRuntimeConfig() {
 				readReference: true,
 				writeArtifact: true,
 				confirm: true
+			},
+			remoteUrl: {
+				allowHttp: false,
+				allowPrivateHosts: false
 			}
 		},
 		llm: {
@@ -40719,6 +40585,7 @@ function mergeRuntimeConfigDefaults(partial) {
 		loop: sub("loop", d.loop),
 		interaction: sub("interaction", d.interaction),
 		router: sub("router", d.router),
+		hooks: sub("hooks", d.hooks),
 		streaming: typeof p["streaming"] === "boolean" ? p["streaming"] : d.streaming,
 		renderResult: typeof p["renderResult"] === "boolean" ? p["renderResult"] : d.renderResult,
 		sandbox: {
@@ -40726,6 +40593,10 @@ function mergeRuntimeConfigDefaults(partial) {
 			capabilities: {
 				...d.sandbox.capabilities,
 				...p["sandbox"]?.["capabilities"] ?? {}
+			},
+			remoteUrl: {
+				...d.sandbox.remoteUrl,
+				...p["sandbox"]?.["remoteUrl"] ?? {}
 			}
 		},
 		llm: sub("llm", d.llm)
@@ -40747,8 +40618,36 @@ function withRuntimeConfigDefaults(store) {
 //#endregion
 //#region src/core/interactionBridge.ts
 /**
+* 渲染档 → 能力集。四档在 0.4.0 起 interaction/surface 全部等价，
+* 差别只剩「是否依赖 optional peer」。作为可注入值传入 CompositeUiBridge，
+* 便于宿主按实际装配情况覆盖（例如已确认某 peer 不可用）。
+* @experimental
+*/
+const DEFAULT_RENDERER_CAPABILITIES = {
+	native: {
+		interaction: true,
+		surface: true
+	},
+	a2ui: {
+		interaction: true,
+		surface: true,
+		requiresPeer: "@a2ui/lit"
+	},
+	openui: {
+		interaction: true,
+		surface: true,
+		requiresPeer: "@openuidev/react-lang"
+	},
+	vercel: {
+		interaction: true,
+		surface: true,
+		requiresPeer: "@json-render/react"
+	}
+};
+/**
 * 探测 A2UI Lit 渲染器是否可用（@a2ui/lit 为 optional peer，未安装时 import 失败）。
 * Appearance/设置区据此对 A2UI 档置灰；仅动态 import，不强依赖。
+* @experimental
 */
 async function probeA2uiAvailability() {
 	try {
@@ -40763,6 +40662,7 @@ async function probeA2uiAvailability() {
 * 经 @lit/context 向 surface 子树注入 renderMarkdown（markdown-it + dompurify），
 * 消除 "[MarkdownDirective] can't render markdown" 降级。
 * 未安装时返回 false（宿主可据此保留产品化限制说明）。
+* @experimental
 */
 async function configureA2uiMarkdown(mount) {
 	let deps;
@@ -40790,6 +40690,7 @@ async function configureA2uiMarkdown(mount) {
 /**
 * 探测 OpenUI 渲染器是否可用（@openuidev/react-lang 为 optional peer）。
 * Appearance/设置区据此对 OpenUI 档置灰；仅动态 import，不强依赖。
+* @experimental
 */
 async function probeOpenUiAvailability() {
 	try {
@@ -40799,135 +40700,52 @@ async function probeOpenUiAvailability() {
 		return false;
 	}
 }
-/**
-* OpenUI 交互通道（core 层，不 import react）：
-* - request() 把 InteractionRequest 转成 openui-lang 文本并挂起，react 层
-*   （OpenUiInteraction）订阅 current 后动态加载 @openuidev/react-lang 渲染；
-* - 动作事件经 handleAction → fromOpenUiAction（含 authorize Allow/Deny 语义）回传；
-* - react 层初始化失败调 fail()：挂起请求 reject（桥据此粘性降级 native）并记录原因；
-* - attach/detach 标记渲染视图是否挂载（未挂载时桥直接降级 native，不悬挂请求）。
-*/
-var OpenUiChannel = class {
-	#current;
-	#listeners = /* @__PURE__ */ new Set();
-	#attached = 0;
-	#failure;
-	/** React useSyncExternalStore 兼容订阅 */
-	subscribe = (listener) => {
-		this.#listeners.add(listener);
-		return () => this.#listeners.delete(listener);
-	};
-	get current() {
-		return this.#current?.session;
-	}
-	get isAttached() {
-		return this.#attached > 0;
-	}
-	/** react 层初始化失败原因（未安装 @openuidev/react-lang 等）；记录后粘性生效 */
-	get failure() {
-		return this.#failure;
-	}
-	attach() {
-		this.#attached += 1;
-	}
-	detach() {
-		this.#attached = Math.max(0, this.#attached - 1);
-	}
-	request(input) {
-		if (this.#current) this.#settle({
-			id: this.#current.session.request.id,
-			cancelled: true
-		});
-		return new Promise((resolve, reject) => {
-			this.#current = {
-				session: {
-					request: input,
-					lang: toOpenUiLang(input)
-				},
-				resolve,
-				reject
-			};
-			this.#emit();
-		});
-	}
-	/** runtime 交互超时/取消：以 cancelled resolve 挂起的 request（防悬挂 + 残留） */
-	cancel(id) {
-		if (this.#current?.session.request.id === id) this.#settle({
-			id,
-			cancelled: true
-		});
-	}
-	/** react 层 OpenUI 动作回传（fromOpenUiAction：Allow → value:true；Deny/Cancel → cancelled:true） */
-	handleAction(action) {
-		if (!this.#current) return;
-		this.#settle(fromOpenUiAction(action));
-	}
-	/** react 层初始化失败：挂起请求 reject 并记录原因（桥读取后降级 native） */
-	fail(message) {
-		this.#failure = message;
-		const pending = this.#current;
-		this.#current = void 0;
-		this.#emit();
-		pending?.reject(new Error(message));
-	}
-	#settle(response) {
-		const pending = this.#current;
-		this.#current = void 0;
-		this.#emit();
-		pending?.resolve(response);
-	}
-	#emit() {
-		for (const listener of [...this.#listeners]) listener();
-	}
+/** 渲染档在告警文案里的显示名（面向用户，不用内部 kind 字面量） */
+const RENDERER_LABEL = {
+	native: "native",
+	a2ui: "A2UI",
+	openui: "OpenUI",
+	vercel: "json-render"
 };
 /**
 * 复合 UiBridge（P2/P3 渲染框架档）：
 * - streamingText / renderResult 始终委托 ReactBridgeState（结果块数据源不变）；
 * - 交互 request/cancel 按渲染档分发：native → ReactBridgeState（InteractionCard），
-*   a2ui → LitRendererBridge（@a2ui/lit，容器由 Chatbot 提供），
-*   openui → OpenUiChannel（@openuidev/react-lang Renderer 由 react 层装配），
-*   vercel → ReactBridgeState（payload 预览卡消费 bridge.pending，仅可取消）；
-* - 每次交互开始/结束发 interaction-requested/resolved 事件（UI 据此显隐 a2ui 容器）；
-* - a2ui/openui 初始化失败（optional peer 未安装等）降级 native + warning 事件，不阻断 run。
+*   其余三档 → SpecInteractionChannel（core 产出 catalog 节点树，react 层交给本档
+*   已有的 spec 渲染路径：A2uiSpecSurface / OpenUiSpecSurface / JsonRenderSpecSurface）；
+* - 每次交互开始/结束发 interaction-requested/resolved 事件；
+* - 非 native 档初始化失败（optional peer 未安装等）降级 native + warning 事件，不阻断 run。
+* @stable
 */
 var CompositeUiBridge = class {
 	#deps;
-	#a2ui;
-	/** a2ui 失败/无容器后粘性降级 native（同一引擎内不逐请求重复告警） */
+	#capabilities;
+	/** 非 native 档失败/未挂载后粘性降级 native（同一引擎内不逐请求重复告警） */
 	#downgraded = false;
 	constructor(deps) {
 		this.#deps = deps;
+		this.#capabilities = deps.capabilities ?? DEFAULT_RENDERER_CAPABILITIES;
 	}
-	/** 渲染档热切换：丢弃已建的 a2ui 桥与降级状态（新档立即生效，无需重装配 runtime） */
+	/** 渲染档热切换：清降级状态（新档立即生效，无需重装配 runtime） */
 	reset() {
-		this.#a2ui = void 0;
 		this.#downgraded = false;
 	}
 	async request(input) {
 		const renderer = this.#deps.getRenderer();
-		if (renderer === "a2ui" && !this.#downgraded) {
-			const bridge = this.#a2uiBridge();
-			if (bridge === void 0) this.#downgrade("The A2UI renderer is selected but its interaction container is not attached; falling back to native interaction cards");
-			else return this.#requestA2ui(bridge, input);
-		}
-		if (renderer === "openui" && !this.#downgraded) {
-			const channel = this.#deps.getOpenUiChannel();
+		if (this.#inTier(renderer)) {
+			const channel = this.#deps.getInteractionChannel();
+			const label = RENDERER_LABEL[renderer];
 			const failure = channel.failure;
-			if (failure !== void 0) this.#downgrade(`The OpenUI renderer failed to initialize (${failure}); falling back to native interaction cards`);
-			else if (!channel.isAttached) this.#downgrade("The OpenUI renderer is selected but its interaction view is not attached; falling back to native interaction cards");
-			else return this.#requestOpenUi(channel, input);
+			if (failure !== void 0) this.#downgrade(`The ${label} renderer failed to initialize (${failure}); falling back to native interaction cards`);
+			else if (!channel.isAttached) this.#downgrade(`The ${label} renderer is selected but its interaction view is not attached; falling back to native interaction cards`);
+			else return this.#requestInTier(channel, label, input);
 		}
 		return this.#requestNative(input);
 	}
-	/** runtime 交互超时/取消：按档委托（a2ui/openui 桥 cancel 会以 cancelled resolve 挂起的 request） */
+	/** runtime 交互超时/取消：按档委托（通道 cancel 会以 cancelled resolve 挂起的 request） */
 	cancel(id) {
-		const renderer = this.#deps.getRenderer();
-		if (renderer === "a2ui" && this.#a2ui && !this.#downgraded) {
-			this.#a2ui.bridge.cancel(id);
-			return;
-		}
-		if (renderer === "openui" && !this.#downgraded) {
-			this.#deps.getOpenUiChannel().cancel(id);
+		if (this.#inTier(this.#deps.getRenderer())) {
+			this.#deps.getInteractionChannel().cancel(id);
 			return;
 		}
 		this.#deps.reactBridge.cancel(id);
@@ -40947,36 +40765,11 @@ var CompositeUiBridge = class {
 	onTextDelta(runId, delta) {
 		return this.#deps.reactBridge.onTextDelta(runId, delta);
 	}
-	/** 懒建 a2ui 桥（容器元素变化时重建）；未挂载返回 undefined */
-	#a2uiBridge() {
-		const mount = this.#deps.getInteractionMount();
-		if (!mount) return void 0;
-		if (!this.#a2ui || this.#a2ui.mount !== mount) this.#a2ui = {
-			mount,
-			bridge: new LitRendererBridge({ mount })
-		};
-		return this.#a2ui.bridge;
-	}
-	async #requestA2ui(bridge, input) {
-		this.#deps.emit({
-			type: "interaction-requested",
-			id: input.id,
-			requestType: input.type
-		});
-		try {
-			const response = await bridge.request(input);
-			this.#emitResolved(input, response);
-			return response;
-		} catch (e) {
-			this.#emitResolved(input, {
-				id: input.id,
-				cancelled: true
-			});
-			this.#downgrade(`The A2UI renderer failed to initialize (${messageOf(e)}); falling back to native interaction cards`);
-			return this.#requestNative(input);
-		}
+	/** 本档能否自行渲染交互（能力表允许且未粘性降级） */
+	#inTier(renderer) {
+		return renderer !== "native" && this.#capabilities[renderer].interaction && !this.#downgraded;
 	}
-	async #requestOpenUi(channel, input) {
+	async #requestInTier(channel, label, input) {
 		this.#deps.emit({
 			type: "interaction-requested",
 			id: input.id,
@@ -40991,7 +40784,7 @@ var CompositeUiBridge = class {
 				id: input.id,
 				cancelled: true
 			});
-			this.#downgrade(`The OpenUI renderer failed to initialize (${messageOf(e)}); falling back to native interaction cards`);
+			this.#downgrade(`The ${label} renderer failed to initialize (${messageOf(e)}); falling back to native interaction cards`);
 			return this.#requestNative(input);
 		}
 	}
@@ -41056,7 +40849,7 @@ function createDemoLlm() {
 		return reply ?? "";
 	};
 	return {
-		complete: async () => ({ content: nextReply() }),
+		complete: async () => ({ content: textParts(nextReply()) }),
 		async *stream() {
 			const content = nextReply();
 			const chunkSize = Math.max(1, Math.ceil(content.length / 3));
@@ -41103,6 +40896,7 @@ function createRuntimeLlm(config) {
 /**
 * 对话框引擎：装配 WebSkillRuntime + 会话持久化 + 事件分发。
 * llmConfig.load() 是异步的，runtime 在首次 send 前懒装配（#ensureReady）。
+* @stable
 */
 var ChatEngine = class {
 	bridge;
@@ -41119,10 +40913,8 @@ var ChatEngine = class {
 	#runSkills = /* @__PURE__ */ new Map();
 	/** 当前渲染框架档（复合 uiBridge 分发；setRenderer 热切换） */
 	#renderer;
-	/** a2ui 档交互容器（Chatbot ref 回调注入） */
-	#interactionMount;
-	/** openui 档交互通道（Chatbot 的 OpenUiInteraction attach 后生效） */
-	#openUiChannel = new OpenUiChannel();
+	/** 非 native 三档共用的交互通道（Chatbot 的 SpecInteraction attach 后生效） */
+	#interactionChannel = new SpecInteractionChannel();
 	/** 装配时按 RuntimeConfig 应用（interaction 分发 + renderResult/streaming 透传 ReactBridgeState） */
 	#uiBridge;
 	/** RuntimeConfig.loop.maxHistoryMessages（装配时捕获，createSession 透传） */
@@ -41131,7 +40923,7 @@ var ChatEngine = class {
 	#surfaceDraftWrites = /* @__PURE__ */ new Map();
 	/** run trace 落盘（写失败降级 warn，不阻断对话） */
 	#traceStore;
-	/** 会话落盘：本包内引用 `FsSessionStore` 的唯一处 */
+	/** 会话落盘；缺省是本包内引用 `FsSessionStore` 的唯一处 */
 	#sessions;
 	constructor(adapter, options = {}) {
 		this.#adapter = adapter;
@@ -41141,7 +40933,7 @@ var ChatEngine = class {
 			root: `${this.#chatRoot}/traces`,
 			fs: adapter.storage
 		});
-		this.#sessions = new FsSessionStore({
+		this.#sessions = options.sessionStore ?? new FsSessionStore({
 			root: `${this.#chatRoot}/sessions`,
 			fs: adapter.storage
 		});
@@ -41159,8 +40951,7 @@ var ChatEngine = class {
 		this.#uiBridge = new CompositeUiBridge({
 			reactBridge: this.bridge,
 			getRenderer: () => this.#renderer,
-			getInteractionMount: () => this.#interactionMount,
-			getOpenUiChannel: () => this.#openUiChannel,
+			getInteractionChannel: () => this.#interactionChannel,
 			emit: (event) => this.#emit(event)
 		});
 	}
@@ -41174,13 +40965,9 @@ var ChatEngine = class {
 		this.#renderer = renderer;
 		this.#uiBridge.reset();
 	}
-	/** a2ui 档交互容器注入（Chatbot ref 回调；卸载传 null） */
-	setInteractionMount(el) {
-		this.#interactionMount = el ?? void 0;
-	}
-	/** openui 档交互通道（Chatbot 的 OpenUiInteraction 订阅/attach；core 只产出 lang 文本） */
-	get openUiChannel() {
-		return this.#openUiChannel;
+	/** 非 native 三档共用的交互通道（Chatbot 的 SpecInteraction 订阅/attach；core 只产出 catalog 节点树） */
+	get interactionChannel() {
+		return this.#interactionChannel;
 	}
 	/** 探测 @a2ui/lit 是否安装（Appearance/设置区 A2UI 档置灰判定） */
 	probeA2uiAvailability() {
@@ -41207,8 +40994,19 @@ var ChatEngine = class {
 	reloadLlm() {
 		this.reloadConfig();
 	}
-	async listSessions() {
-		return (await this.#sessions.list({ includeArchived: true })).map(toSessionMeta);
+	/**
+	* 会话列表页。归档会话也返回：UI 自己分区展示。
+	* `limit` 不给默认值——缺省属于 `SessionStore` 实现，在这里兜底就等于只下推了一半。
+	*/
+	async listSessions(options = {}) {
+		const page = await this.#sessions.list({
+			includeArchived: true,
+			...options
+		});
+		return {
+			items: page.items.map(toSessionMeta),
+			...page.nextCursor !== void 0 ? { nextCursor: page.nextCursor } : {}
+		};
 	}
 	async createSession() {
 		const session = await this.#sessions.create({ id: newId("session") });
@@ -41218,10 +41016,23 @@ var ChatEngine = class {
 			createdAt: session.createdAt
 		};
 	}
-	async selectSession(id) {
-		const session = await this.#requireSession(id);
+	/**
+	* 选中会话并取**最新**一页历史（页内时间升序）。
+	* 返回全量 `ChatMessage[]` 的旧签名已移除：长会话下它强迫每个调用方拿全量。
+	*/
+	async selectSession(id, options = {}) {
+		const page = await this.#sessions.listMessages(id, options);
 		this.#currentSessionId = id;
-		return session.messages;
+		return page;
+	}
+	/** 向历史方向再取一页；`cursor` 只能来自上一页的 `nextCursor` */
+	async loadMoreMessages(cursor, options = {}) {
+		const sessionId = this.#currentSessionId;
+		if (!sessionId) throw new WebSkillError("VALIDATION_FAILED", "Cannot load more messages: no active session");
+		return this.#sessions.listMessages(sessionId, {
+			cursor,
+			...options
+		});
 	}
 	async deleteSession(id) {
 		await this.#sessions.delete(id);
@@ -41338,7 +41149,7 @@ var ChatEngine = class {
 	cancel(runId) {
 		return this.#runtime?.cancel(runId) ?? false;
 	}
-	/** 列出可恢复的 interrupted run（InterruptedBanner 数据源） */
+	/** 列出 interrupted run（InterruptedBanner 数据源）；版本不受支持的项带 unsupported 标记 */
 	async listInterrupted() {
 		return this.#snapshotStore().list();
 	}
@@ -41444,6 +41255,21 @@ var ChatEngine = class {
 		return this.#wrappedRuntimeConfig;
 	}
 	#wrappedRuntimeConfig;
+	/**
+	* 治理 port → `WebSkillRuntimeDeps` 的逐字段透传（F1）。
+	* 逐字段展开而不是整体 spread：`exactOptionalPropertyTypes` 下把 `undefined`
+	* 显式传给可选字段与不传不等价，而「不传」才是关闭。
+	*/
+	#governanceDeps() {
+		const g = this.#options.governance;
+		if (g === void 0) return {};
+		return {
+			...g.skillStateGuard !== void 0 ? { skillStateGuard: g.skillStateGuard } : {},
+			...g.skillIntegrityGuard !== void 0 ? { skillIntegrityGuard: g.skillIntegrityGuard } : {},
+			...g.skillOutcomeReporter !== void 0 ? { skillOutcomeReporter: g.skillOutcomeReporter } : {},
+			...g.catalogFilter !== void 0 ? { catalogFilter: g.catalogFilter } : {}
+		};
+	}
 	async #assemble() {
 		const fs = this.#adapter.storage;
 		const rc = await this.#runtimeConfigStore()?.load();
@@ -41482,8 +41308,10 @@ var ChatEngine = class {
 				root: `${this.#chatRoot}/memory`,
 				fs
 			}),
+			...this.#options.hooks ? { hooks: this.#applyHooksConfig(this.#options.hooks, rc) } : {},
 			externalTools: [...pageSkillSource ? [pageSkillSource] : [], ...this.#options.generativeUi ? [createUiCatalogToolSource()] : []],
 			skillProviders: pageSkillSource ? [pageSkillSource] : [],
+			...this.#governanceDeps(),
 			...Object.keys(loopConfig).length > 0 ? { config: loopConfig } : {},
 			...model ? { model } : {}
 		});
@@ -41495,33 +41323,26 @@ var ChatEngine = class {
 					runId: event.runId
 				});
 			}
-			if (event.data?.["type"] !== "tool") this.#emit({
+			const toolData = event.phase === "execute" && event.data.kind === "tool" ? event.data : void 0;
+			if (!toolData) this.#emit({
 				type: "lifecycle",
 				runId: event.runId,
-				phase: event.phase,
 				at: Date.parse(event.ts),
+				phase: event.phase,
 				...event.data ? { data: event.data } : {}
 			});
 			if (event.phase === "activate") {
-				const skillName = event.data?.["skillName"];
-				if (typeof skillName === "string") {
-					const skills = this.#runSkills.get(event.runId) ?? /* @__PURE__ */ new Set();
-					skills.add(skillName);
-					this.#runSkills.set(event.runId, skills);
-					this.#emit({
-						type: "skill-activated",
-						runId: event.runId,
-						skills: [...skills].sort()
-					});
-				}
-			} else if (event.phase === "execute") {
-				const data = event.data;
-				if (data?.["type"] !== "tool") return;
-				const status = data["status"];
-				const name = data["name"];
-				const callId = data["callId"];
-				if (typeof name !== "string" || typeof callId !== "string") return;
-				const args = typeof data["args"] === "string" ? { args: data["args"] } : {};
+				const skills = this.#runSkills.get(event.runId) ?? /* @__PURE__ */ new Set();
+				skills.add(event.data.skillName);
+				this.#runSkills.set(event.runId, skills);
+				this.#emit({
+					type: "skill-activated",
+					runId: event.runId,
+					skills: [...skills].sort()
+				});
+			} else if (toolData) {
+				const { status, callId, name } = toolData;
+				const args = toolData.args === "" ? {} : { args: toolData.args };
 				if (status === "started") this.#emit({
 					type: "tool-started",
 					runId: event.runId,
@@ -41529,7 +41350,7 @@ var ChatEngine = class {
 					name,
 					...args
 				});
-				else if (status === "completed" || status === "failed") this.#emit({
+				else this.#emit({
 					type: status === "completed" ? "tool-completed" : "tool-failed",
 					runId: event.runId,
 					callId,
@@ -41581,6 +41402,14 @@ var ChatEngine = class {
 			fs: this.#adapter.storage
 		});
 	}
+	/** 钩子执行策略来自 console 编辑的 RuntimeConfig；钩子本身由宿主注册，UI 不碰函数 */
+	#applyHooksConfig(hooks, rc) {
+		if (rc) {
+			hooks.timeoutMs = rc.hooks.timeoutMs;
+			hooks.failOnHookError = rc.hooks.failOnHookError;
+		}
+		return hooks;
+	}
 	/** 每个 session 一个 runtime session 句柄（跨 run 历史延续），Map 缓存 */
 	#sessionHandle(runtime, sessionId) {
 		let handle = this.#handles.get(sessionId);
@@ -41606,6 +41435,7 @@ var ChatEngine = class {
 * chatbot 双语字典：全部 UI 文案的单一来源（英文为主，zh 条目齐全）。
 * 特性区块（WelcomeScreen / SettingsDrawer 各节 / authorize 说明等）必须含
 * title + description 双语条目——"会说话的 UI"的文案底座。
+* @stable
 */
 const chatbotDictionary = defineDictionary({
 	en: {
@@ -41618,6 +41448,14 @@ const chatbotDictionary = defineDictionary({
 		"session.searchPlaceholder": "Search sessions…",
 		"session.empty": "No conversations yet.",
 		"session.delete": "Delete session: {title}",
+		"session.rename": "Rename session: {title}",
+		"session.renameInput": "New title for session: {title}",
+		"session.archive": "Archive session: {title}",
+		"session.unarchive": "Unarchive session: {title}",
+		"session.archived": "Archived",
+		"session.loadEarlier": "Load earlier sessions",
+		"session.loading": "Loading…",
+		"message.loadEarlier": "Load earlier messages",
 		"welcome.title": "The official WebSkill SDK chat",
 		"welcome.assistantTitle": "How can I help?",
 		"welcome.description": "This chat is the reference implementation of the WebSkill SDK. Ask in natural language: the agent routes your request to installed skills, asks for missing details with native forms, and shows you every step of the run.",
@@ -41737,6 +41575,7 @@ const chatbotDictionary = defineDictionary({
 		"vercel.preview.title": "Vercel AI SDK data contract",
 		"vercel.preview.badge": "Preview",
 		"vercel.preview.description": "This is the data contract for integrating the Vercel AI SDK — a payload preview, not a full runtime. The interaction renders as JSON instead of a form; cancel to end it.",
+		"surface.legacy.placeholder": "Generative UI from an earlier version is no longer rendered.",
 		"error.title": "Something went wrong",
 		"error.suggestion": "Check the model configuration in Settings, or try again.",
 		"error.dismiss": "Dismiss"
@@ -41751,6 +41590,14 @@ const chatbotDictionary = defineDictionary({
 		"session.searchPlaceholder": "搜索会话…",
 		"session.empty": "暂无会话。",
 		"session.delete": "删除会话：{title}",
+		"session.rename": "重命名会话：{title}",
+		"session.renameInput": "会话新标题：{title}",
+		"session.archive": "归档会话：{title}",
+		"session.unarchive": "取消归档：{title}",
+		"session.archived": "已归档",
+		"session.loadEarlier": "加载更早的会话",
+		"session.loading": "加载中…",
+		"message.loadEarlier": "加载更早的消息",
 		"welcome.title": "WebSkill SDK 官方对话框",
 		"welcome.assistantTitle": "我可以帮你做什么？",
 		"welcome.description": "本对话框是 WebSkill SDK 的官方参考实现。用自然语言提问：Agent 会把请求路由到已安装的技能，用原生表单补齐缺失信息，并实时展示运行的每一步。",
@@ -41870,23 +41717,18 @@ const chatbotDictionary = defineDictionary({
 		"vercel.preview.title": "Vercel AI SDK 数据契约",
 		"vercel.preview.badge": "预览",
 		"vercel.preview.description": "这是接入 Vercel AI SDK 时的数据契约——payload 预览，非完整运行时。交互以 JSON 而非表单呈现；点击取消结束本次交互。",
+		"surface.legacy.placeholder": "旧版本生成的界面已不再渲染。",
 		"error.title": "出错了",
 		"error.suggestion": "请检查设置中的模型配置，或重试。",
 		"error.dismiss": "关闭"
 	}
 });
 const i18n = createI18n(chatbotDictionary);
-/** chatbot 组件取文案：t('welcome.title') / t('tool.summary.other', { count: 3 }) */
+/** chatbot 组件取文案：t('welcome.title') / t('tool.summary.other', { count: 3 }) @stable */
 const useT = i18n.useT;
 
 //#endregion
 //#region src/react/A2uiSurfaceHost.tsx
-function usesBasicCatalog(snapshot) {
-	return snapshot.surface.kind === "metric" || snapshot.surface.kind === "file" && !snapshot.surface.actions?.length;
-}
-function specProps(snapshot) {
-	return snapshot.surface.props;
-}
 /**
 * A2UI 回落原因（0.2.8 G2）。
 * 之前这里是裸 `catch {}`：缺 optional peer 与真实渲染崩溃表现完全一致——都是静默回落、
@@ -41905,17 +41747,20 @@ function fallbackReason(error) {
 	return typeof code === "string" && code !== "" ? code : "a2ui-render-failed";
 }
 /**
-* catalog 声明树经 BYOC catalog 的 Lit 元素渲染。
+* `a2ui` 档：catalog 声明树经 BYOC catalog 的 Lit 元素渲染。
 * 元素与协议里公布的 `catalog_definition` 派生自同一份 shape，因此这里
 * 不需要第二套映射；缺 optional peer 时回落到 native 渲染而不是留白。
+*
+* 交互请求（路径 A）与模型产出的 surface（路径 B）共用本组件——这是 0.4.0 B4
+* 「同一档下命中同一个渲染入口」的落点，`data-testid` 因此对两条路径一致。
 */
-function A2uiSpecSurface({ snapshot, onAction }) {
+function A2uiSpecSurface({ spec, surfaceId, actions, onAction, registry, runId, draft, onDraftChange }) {
 	const mountRef = useRef(null);
 	const [fallback, setFallback] = useState();
 	const emit = useEffectEvent((actionId, value) => {
-		const declared = ((snapshot.surface.kind === "custom" ? snapshot.surface.actions : void 0) ?? []).find((action) => action.id === actionId);
+		const declared = (actions ?? []).find((action) => action.id === actionId);
 		onAction?.({
-			surfaceId: snapshot.surface.id,
+			surfaceId,
 			actionId,
 			intent: declared?.intent ?? "select",
 			...declared?.nonce ? { nonce: declared.nonce } : {},
@@ -41925,7 +41770,7 @@ function A2uiSpecSurface({ snapshot, onAction }) {
 	useEffect(() => {
 		let disposed = false;
 		let surfaceElement;
-		const surfaceId = `webskill-spec-${snapshot.surface.id}`;
+		const a2uiSurfaceId = `webskill-spec-${surfaceId}`;
 		(async () => {
 			try {
 				const [{ MessageProcessor }, lit, catalog] = await Promise.all([
@@ -41936,10 +41781,11 @@ function A2uiSpecSurface({ snapshot, onAction }) {
 				lit.A2uiSurface;
 				const mount = mountRef.current;
 				if (disposed || !mount) return;
+				configureA2uiMarkdown(mount);
 				const processor = new MessageProcessor([catalog, lit.basicCatalog], (action) => {
 					const decoded = fromA2uiSpecAction(action);
 					if (!decoded) return;
-					const values = processor.getClientDataModel("v0.9.1")?.surfaces?.[surfaceId]?.[A2UI_SPEC_FORM_PATH.slice(1)];
+					const values = processor.getClientDataModel("v0.9.1")?.surfaces?.[a2uiSurfaceId]?.[A2UI_SPEC_FORM_PATH.slice(1)];
 					emit(decoded.actionId, values ?? {});
 				}, { version: "v0.9.1" });
 				processor.onSurfaceCreated((surface) => {
@@ -41948,58 +41794,9 @@ function A2uiSpecSurface({ snapshot, onAction }) {
 					surfaceElement.surface = surface;
 					mount.replaceChildren(surfaceElement);
 				});
-				processor.processMessages(toA2uiSpecMessages(uiCatalog, specProps(snapshot).spec, { surfaceId }));
-			} catch (error) {
-				reportA2uiFallback(snapshot.surface.id, "spec", error);
-				if (!disposed) setFallback(fallbackReason(error));
-			}
-		})();
-		return () => {
-			disposed = true;
-			surfaceElement?.remove();
-		};
-	}, [snapshot]);
-	if (fallback) {
-		const surface = snapshot.surface;
-		return /* @__PURE__ */ jsx("div", {
-			"data-testid": "a2ui-spec-surface",
-			"data-renderer": "native-fallback",
-			"data-fallback-reason": fallback,
-			children: /* @__PURE__ */ jsx(NativeSpecSurface, {
-				surfaceId: surface.id,
-				spec: specProps(snapshot).spec,
-				actions: surface.actions ?? [],
-				...onAction ? { onAction } : {}
-			})
-		});
-	}
-	return /* @__PURE__ */ jsx("div", {
-		ref: mountRef,
-		"data-testid": "a2ui-spec-surface",
-		"data-webskill-provenance": "a2ui-catalog"
-	});
-}
-function A2uiStandardSurface({ snapshot, registry }) {
-	const mountRef = useRef(null);
-	const [fallback, setFallback] = useState();
-	useEffect(() => {
-		let disposed = false;
-		let surfaceElement;
-		(async () => {
-			try {
-				const [{ MessageProcessor }, { A2uiSurface, basicCatalog }] = await Promise.all([import("@a2ui/web_core/v0_9"), import("@a2ui/lit/v0_9")]);
-				const mount = mountRef.current;
-				if (disposed || !mount) return;
-				const processor = new MessageProcessor([basicCatalog], () => void 0, { version: "v0.9.1" });
-				processor.onSurfaceCreated((surface) => {
-					if (disposed) return;
-					surfaceElement = mount.ownerDocument.createElement("a2ui-surface");
-					surfaceElement.surface = surface;
-					mount.replaceChildren(surfaceElement);
-				});
-				processor.processMessages(toA2uiSurfaceMessages(snapshot));
+				processor.processMessages(toA2uiSpecMessages(uiCatalog, spec, { surfaceId: a2uiSurfaceId }));
 			} catch (error) {
-				reportA2uiFallback(snapshot.surface.id, "standard", error);
+				reportA2uiFallback(surfaceId, "spec", error);
 				if (!disposed) setFallback(fallbackReason(error));
 			}
 		})();
@@ -42007,65 +41804,52 @@ function A2uiStandardSurface({ snapshot, registry }) {
 			disposed = true;
 			surfaceElement?.remove();
 		};
-	}, [snapshot]);
+	}, [spec, surfaceId]);
 	if (fallback) return /* @__PURE__ */ jsx("div", {
-		"data-testid": "a2ui-standard-surface",
+		"data-testid": "a2ui-spec-surface",
 		"data-renderer": "native-fallback",
 		"data-fallback-reason": fallback,
-		children: /* @__PURE__ */ jsx(UiSurfaceSnapshotList, {
-			snapshots: [snapshot],
-			...registry ? { registry } : {}
+		children: /* @__PURE__ */ jsx(NativeSpecSurface, {
+			surfaceId,
+			spec,
+			actions: actions ?? [],
+			...registry ? { registry } : {},
+			...runId ? { runId } : {},
+			...draft ? { draft } : {},
+			...onAction ? { onAction } : {},
+			...onDraftChange ? { onDraftChange } : {}
 		})
 	});
 	return /* @__PURE__ */ jsx("div", {
 		ref: mountRef,
-		"data-testid": "a2ui-standard-surface",
-		"data-webskill-provenance": "a2ui-standard"
+		"data-testid": "a2ui-spec-surface",
+		"data-webskill-provenance": "a2ui-catalog"
 	});
 }
-/** Renders persisted A2UI Basic Catalog surfaces and controlled WebSkill extensions without a live bridge. @experimental */
+/** Renders persisted WebSkill UI spec snapshots through the A2UI BYOC catalog. @experimental */
 function A2uiSurfaceSnapshotHost({ snapshots, registry, onAction, drafts, onDraftChange }) {
-	const specSnapshots = snapshots.filter((snapshot) => isUiSpecSurface(snapshot.surface));
-	const rest = snapshots.filter((snapshot) => !isUiSpecSurface(snapshot.surface));
-	const standardSnapshots = rest.filter(usesBasicCatalog);
-	const extensionSnapshots = rest.filter((snapshot) => !usesBasicCatalog(snapshot));
 	if (snapshots.length === 0) return null;
-	return /* @__PURE__ */ jsxs("div", {
+	return /* @__PURE__ */ jsx("div", {
 		"data-testid": "a2ui-surface-host",
-		children: [
-			specSnapshots.map((snapshot) => /* @__PURE__ */ jsx(A2uiSpecSurface, {
-				snapshot,
-				onAction
-			}, snapshot.surface.id)),
-			standardSnapshots.map((snapshot) => /* @__PURE__ */ jsx(A2uiStandardSurface, {
-				snapshot,
-				...registry ? { registry } : {}
-			}, snapshot.surface.id)),
-			extensionSnapshots.length > 0 ? /* @__PURE__ */ jsxs("div", {
-				"data-testid": "a2ui-surface-extension",
-				"data-webskill-provenance": "a2ui-extension",
-				children: [/* @__PURE__ */ jsx("span", {
-					className: "sr-only",
-					children: "WebSkill extension"
-				}), /* @__PURE__ */ jsx(UiSurfaceSnapshotList, {
-					snapshots: extensionSnapshots,
-					...registry ? { registry } : {},
-					...onAction ? { onAction } : {},
-					...drafts ? { drafts } : {},
-					...onDraftChange ? { onDraftChange } : {}
-				})]
-			}) : null
-		]
+		children: snapshots.map((snapshot) => /* @__PURE__ */ jsx(A2uiSpecSurface, {
+			surfaceId: snapshot.id,
+			spec: snapshot.node,
+			actions: snapshot.actions ?? [],
+			registry,
+			onAction,
+			runId: snapshot.runId,
+			draft: drafts?.[snapshot.id],
+			onDraftChange
+		}, snapshot.id))
 	});
 }
-/** Renders A2UI Basic Catalog surfaces and controlled WebSkill extensions from live bridge snapshots. @experimental */
+/** Renders WebSkill UI spec snapshots from live bridge state through the A2UI BYOC catalog. @experimental */
 function A2uiSurfaceHost({ bridge, runId, registry }) {
 	const snapshots = useSyncExternalStore(bridge.subscribe, () => bridge.surfaceSnapshots);
 	const visibleSnapshots = runId === void 0 ? snapshots : snapshots.filter((snapshot) => snapshot.runId === runId);
-	const actionableSnapshots = visibleSnapshots.filter((snapshot) => isUiSpecSurface(snapshot.surface) || !usesBasicCatalog(snapshot));
 	const handleAction = (event) => {
-		const snapshot = actionableSnapshots.find((candidate) => candidate.surface.id === event.surfaceId);
-		const action = snapshot && "actions" in snapshot.surface ? snapshot.surface.actions?.find((candidate) => candidate.id === event.actionId) : void 0;
+		const snapshot = visibleSnapshots.find((candidate) => candidate.id === event.surfaceId);
+		const action = snapshot?.actions?.find((candidate) => candidate.id === event.actionId);
 		if (!snapshot || !action) return;
 		const decoded = fromA2uiSurfaceAction(toA2uiSurfaceAction(snapshot, action, event.value));
 		if (!decoded?.runId || !decoded.nonce) return;
@@ -42246,7 +42030,7 @@ function lifecyclePart(step) {
 			phase: step.phase,
 			at: step.at,
 			...step.endedAt !== void 0 ? { endedAt: step.endedAt } : {},
-			...step.data ? { detail: step.data } : {}
+			...step.note !== void 0 ? { note: step.note } : {}
 		}
 	};
 }
@@ -42441,7 +42225,7 @@ function useWebSkillAui({ messages, live, sessions, currentSessionId, sessionsLo
 //#region src/react/AssistantUiShell.tsx
 /**
 * assistant-ui only owns the React thread primitives. WebSkill remains the
-* source of truth for messages, sessions, Runtime actions, and UiSurface data.
+* source of truth for messages, sessions, Runtime actions, and UI spec surface data.
 */
 function AssistantUiShellProvider({ children, ...props }) {
 	return /* @__PURE__ */ jsx(AuiProvider, {
@@ -42452,15 +42236,23 @@ function AssistantUiShellProvider({ children, ...props }) {
 		children: /* @__PURE__ */ jsx(ThreadPrimitive.ViewportProvider, { children })
 	});
 }
-function AssistantUiMessageList({ messages, renderMessage }) {
+function AssistantUiMessageList({ messages, earlier, renderMessage }) {
+	const t = useT();
 	const byId = useMemo(() => new Map(messages.map((message) => [message.id, message])), [messages]);
-	return /* @__PURE__ */ jsx(ThreadPrimitive.Root, {
+	return /* @__PURE__ */ jsxs(ThreadPrimitive.Root, {
 		"data-testid": "assistant-ui-thread",
 		className: "flex w-full min-w-0 flex-col gap-4",
-		children: /* @__PURE__ */ jsx(ThreadPrimitive.Messages, { children: ({ message }) => /* @__PURE__ */ jsx(MessagePrimitive.Root, {
+		children: [earlier ? /* @__PURE__ */ jsx("button", {
+			type: "button",
+			"data-testid": "load-earlier-messages",
+			disabled: earlier.loading,
+			onClick: earlier.onLoad,
+			className: "self-center rounded-md border border-border px-3 py-1.5 text-sm text-muted transition-colors hover:bg-subtle hover:text-ink disabled:opacity-60",
+			children: earlier.loading ? t("session.loading") : t("message.loadEarlier")
+		}) : null, /* @__PURE__ */ jsx(ThreadPrimitive.Messages, { children: ({ message }) => /* @__PURE__ */ jsx(MessagePrimitive.Root, {
 			"data-webskill-message-role": message.role,
 			children: renderMessage(byId.get(message.id))
-		}) })
+		}) })]
 	});
 }
 /** Uses assistant-ui's scroll and accessibility viewport for the controlled external thread. */
@@ -42550,12 +42342,85 @@ function AssistantUiComposer({ running, disabled = false, placeholder, attachmen
 		})
 	});
 }
+/**
+* 一行会话。归档区与常规区共用：两边只差 archive/unarchive 一个按钮，
+* 各写一份迟早会漂。重命名走 `aui.threads.item()`——assistant-ui 没有 Rename primitive，
+* 但 threads 客户端有 `rename` 方法（ChatEngine.renameSession 的入口）。
+*/
+function SessionRow({ id, title, active, archived, renaming, onNavigate, onStartRename, onEndRename }) {
+	const t = useT();
+	const aui = useAui();
+	const iconButton = "inline-flex size-7 shrink-0 items-center justify-center rounded-md text-muted opacity-0 transition-opacity group-hover:opacity-100 focus-visible:opacity-100 hover:bg-subtle hover:text-ink";
+	const commitRename = (next) => {
+		const trimmed = next.trim();
+		if (trimmed !== "" && trimmed !== title) aui.threads.item({ id }).rename(trimmed);
+		onEndRename();
+	};
+	return /* @__PURE__ */ jsxs(ThreadListItemPrimitive.Root, {
+		role: "listitem",
+		"data-webskill-session-archived": archived ? "true" : void 0,
+		className: "group flex items-center gap-1",
+		children: [renaming ? /* @__PURE__ */ jsx("input", {
+			autoFocus: true,
+			"aria-label": t("session.renameInput", { title }),
+			defaultValue: title,
+			onBlur: (event) => commitRename(event.target.value),
+			onKeyDown: (event) => {
+				if (event.key === "Enter") commitRename(event.currentTarget.value);
+				if (event.key === "Escape") onEndRename();
+			},
+			className: "min-w-0 flex-1 rounded-md border border-input bg-background px-2.5 py-2 text-sm text-ink outline-none focus:border-ring"
+		}) : /* @__PURE__ */ jsx(ThreadListItemPrimitive.Trigger, {
+			"data-webskill-thread-id": id,
+			"aria-current": active ? "page" : void 0,
+			onClick: onNavigate,
+			className: `min-w-0 flex-1 truncate rounded-md px-2.5 py-2 text-left text-sm transition-colors ${active ? "bg-subtle font-medium text-ink" : "text-muted hover:bg-subtle hover:text-ink"}`,
+			children: /* @__PURE__ */ jsx(ThreadListItemPrimitive.Title, { fallback: id })
+		}), renaming ? null : /* @__PURE__ */ jsxs(Fragment$1, { children: [
+			/* @__PURE__ */ jsx("button", {
+				type: "button",
+				"aria-label": t("session.rename", { title }),
+				onClick: onStartRename,
+				className: iconButton,
+				children: /* @__PURE__ */ jsx(Pencil, {
+					className: "size-3.5",
+					"aria-hidden": true
+				})
+			}),
+			archived ? /* @__PURE__ */ jsx(ThreadListItemPrimitive.Unarchive, {
+				"aria-label": t("session.unarchive", { title }),
+				className: iconButton,
+				children: /* @__PURE__ */ jsx(ArchiveRestore, {
+					className: "size-3.5",
+					"aria-hidden": true
+				})
+			}) : /* @__PURE__ */ jsx(ThreadListItemPrimitive.Archive, {
+				"aria-label": t("session.archive", { title }),
+				className: iconButton,
+				children: /* @__PURE__ */ jsx(Archive, {
+					className: "size-3.5",
+					"aria-hidden": true
+				})
+			}),
+			/* @__PURE__ */ jsx(ThreadListItemPrimitive.Delete, {
+				"aria-label": t("session.delete", { title }),
+				className: `${iconButton} hover:bg-danger-soft hover:text-danger`,
+				children: /* @__PURE__ */ jsx(Trash2, {
+					className: "size-3.5",
+					"aria-hidden": true
+				})
+			})
+		] })]
+	});
+}
 /** Sessions are read through the assistant-ui threads client, which ChatEngine drives. */
-function AssistantUiSessionList({ className = "", onNavigate }) {
+function AssistantUiSessionList({ className = "", onNavigate, hasEarlier = false, loadingEarlier = false, onLoadEarlier }) {
 	const t = useT();
 	const [query, setQuery] = useState("");
+	const [renamingId, setRenamingId] = useState();
 	const normalizedQuery = query.trim().toLocaleLowerCase();
 	const threadIds = useAuiState((s) => s.threads.threadIds);
+	const archivedThreadIds = useAuiState((s) => s.threads.archivedThreadIds);
 	const threadItems = useAuiState((s) => s.threads.threadItems);
 	const mainThreadId = useAuiState((s) => s.threads.mainThreadId);
 	const matches = useMemo(() => {
@@ -42565,6 +42430,7 @@ function AssistantUiSessionList({ className = "", onNavigate }) {
 		};
 	}, [threadItems, normalizedQuery]);
 	const visibleCount = threadIds.filter(matches).length;
+	const visibleArchivedCount = archivedThreadIds.filter(matches).length;
 	return /* @__PURE__ */ jsxs(ThreadListPrimitive.Root, {
 		"data-testid": "assistant-ui-thread-list",
 		"aria-label": t("session.title"),
@@ -42600,32 +42466,53 @@ function AssistantUiSessionList({ className = "", onNavigate }) {
 			/* @__PURE__ */ jsxs("div", {
 				className: "min-h-0 flex-1 overflow-y-auto px-2 pb-3",
 				role: "list",
-				children: [visibleCount === 0 ? /* @__PURE__ */ jsx("p", {
-					className: "px-2 py-4 text-sm text-muted",
-					children: t("session.empty")
-				}) : null, /* @__PURE__ */ jsx(ThreadListPrimitive.Items, { children: ({ threadListItem }) => {
-					if (!matches(threadListItem.id)) return null;
-					const title = threadListItem.title ?? threadListItem.id;
-					const active = threadListItem.id === mainThreadId;
-					return /* @__PURE__ */ jsxs(ThreadListItemPrimitive.Root, {
-						role: "listitem",
-						className: "group flex items-center gap-1",
-						children: [/* @__PURE__ */ jsx(ThreadListItemPrimitive.Trigger, {
-							"data-webskill-thread-id": threadListItem.id,
-							"aria-current": active ? "page" : void 0,
-							onClick: onNavigate,
-							className: `min-w-0 flex-1 truncate rounded-md px-2.5 py-2 text-left text-sm transition-colors ${active ? "bg-subtle font-medium text-ink" : "text-muted hover:bg-subtle hover:text-ink"}`,
-							children: /* @__PURE__ */ jsx(ThreadListItemPrimitive.Title, { fallback: threadListItem.id })
-						}), /* @__PURE__ */ jsx(ThreadListItemPrimitive.Delete, {
-							"aria-label": t("session.delete", { title }),
-							className: "inline-flex size-7 shrink-0 items-center justify-center rounded-md text-muted opacity-0 transition-opacity group-hover:opacity-100 focus-visible:opacity-100 hover:bg-danger-soft hover:text-danger",
-							children: /* @__PURE__ */ jsx(Trash2, {
-								className: "size-3.5",
-								"aria-hidden": true
-							})
-						})]
-					});
-				} })]
+				children: [
+					hasEarlier && onLoadEarlier ? /* @__PURE__ */ jsx("button", {
+						type: "button",
+						"data-testid": "load-earlier-sessions",
+						disabled: loadingEarlier,
+						onClick: onLoadEarlier,
+						className: "mb-1 w-full rounded-md px-2.5 py-2 text-sm text-muted transition-colors hover:bg-subtle hover:text-ink disabled:opacity-60",
+						children: loadingEarlier ? t("session.loading") : t("session.loadEarlier")
+					}) : null,
+					visibleCount === 0 ? /* @__PURE__ */ jsx("p", {
+						className: "px-2 py-4 text-sm text-muted",
+						children: t("session.empty")
+					}) : null,
+					/* @__PURE__ */ jsx(ThreadListPrimitive.Items, { children: ({ threadListItem }) => {
+						if (!matches(threadListItem.id)) return null;
+						return /* @__PURE__ */ jsx(SessionRow, {
+							id: threadListItem.id,
+							title: threadListItem.title ?? threadListItem.id,
+							active: threadListItem.id === mainThreadId,
+							archived: false,
+							renaming: renamingId === threadListItem.id,
+							onNavigate,
+							onStartRename: () => setRenamingId(threadListItem.id),
+							onEndRename: () => setRenamingId(void 0)
+						});
+					} }),
+					visibleArchivedCount > 0 ? /* @__PURE__ */ jsx("p", {
+						className: "px-2.5 pb-1 pt-4 text-xs font-medium uppercase tracking-wide text-muted",
+						children: t("session.archived")
+					}) : null,
+					/* @__PURE__ */ jsx(ThreadListPrimitive.Items, {
+						archived: true,
+						children: ({ threadListItem }) => {
+							if (!matches(threadListItem.id)) return null;
+							return /* @__PURE__ */ jsx(SessionRow, {
+								id: threadListItem.id,
+								title: threadListItem.title ?? threadListItem.id,
+								active: threadListItem.id === mainThreadId,
+								archived: true,
+								renaming: renamingId === threadListItem.id,
+								onNavigate,
+								onStartRename: () => setRenamingId(threadListItem.id),
+								onEndRename: () => setRenamingId(void 0)
+							});
+						}
+					})
+				]
 			})
 		]
 	});
@@ -42805,8 +42692,7 @@ function LifecycleStep({ data }) {
 	const at = typeof data["at"] === "number" ? data["at"] : void 0;
 	const endedAt = typeof data["endedAt"] === "number" ? data["endedAt"] : void 0;
 	const duration = at !== void 0 && endedAt !== void 0 ? formatDuration(endedAt - at) : void 0;
-	const detail = data["detail"];
-	const note = readString(detail, "strategy") ?? readString(detail, "type") ?? readString(detail, "reason");
+	const note = readString(data, "note");
 	const label = t(key);
 	return /* @__PURE__ */ jsxs("li", {
 		"aria-label": duration ? `${label}, ${duration}` : label,
@@ -42978,279 +42864,18 @@ function WebSkillMessageParts() {
 	});
 }
 
-//#endregion
-//#region src/react/OpenUiInteraction.tsx
-const inputClass = "w-full rounded-lg border border-border bg-surface px-3 py-2 text-sm text-ink transition-colors placeholder:text-muted hover:border-ring";
-/**
-* openui-lang 组件词汇的 ui-kit 视觉实现（与 @webskill/ui toOpenUiLang 的约定一致：
-* Form/Text/TextField/NumberField/BooleanField/SelectField/SubmitButton/CancelButton）。
-* 视觉对齐 native InteractionCard 的表单样式。
-*/
-function buildOpenUiLibrary(openui, z, options = {}) {
-	const { defineComponent, createLibrary, useStateField, useTriggerAction } = openui;
-	const requiredMark = (required) => required ? /* @__PURE__ */ jsx("span", {
-		className: "text-danger",
-		children: " *"
-	}) : null;
-	const TextField = defineComponent({
-		name: "TextField",
-		description: "text input",
-		props: z.object({
-			name: z.string(),
-			label: z.string().optional(),
-			required: z.boolean().optional(),
-			defaultValue: z.string().nullable().optional()
-		}),
-		component: function TextFieldRenderer({ props }) {
-			const field = useStateField(props.name, props.defaultValue ?? "");
-			return /* @__PURE__ */ jsxs("label", {
-				className: "flex flex-col gap-1 text-sm text-ink",
-				children: [/* @__PURE__ */ jsxs("span", { children: [props.label ?? props.name, requiredMark(props.required)] }), /* @__PURE__ */ jsx("input", {
-					className: inputClass,
-					value: String(field.value ?? ""),
-					onChange: (e) => field.setValue(e.target.value)
-				})]
-			});
-		}
-	});
-	const NumberField = defineComponent({
-		name: "NumberField",
-		description: "number input",
-		props: z.object({
-			name: z.string(),
-			label: z.string().optional(),
-			required: z.boolean().optional()
-		}),
-		component: function NumberFieldRenderer({ props }) {
-			const field = useStateField(props.name, null);
-			return /* @__PURE__ */ jsxs("label", {
-				className: "flex flex-col gap-1 text-sm text-ink",
-				children: [/* @__PURE__ */ jsxs("span", { children: [props.label ?? props.name, requiredMark(props.required)] }), /* @__PURE__ */ jsx("input", {
-					type: "number",
-					className: inputClass,
-					value: field.value === void 0 || field.value === null ? "" : String(field.value),
-					onChange: (e) => field.setValue(e.target.value === "" ? void 0 : Number(e.target.value))
-				})]
-			});
-		}
-	});
-	const BooleanField = defineComponent({
-		name: "BooleanField",
-		description: "checkbox",
-		props: z.object({
-			name: z.string(),
-			label: z.string().optional(),
-			defaultValue: z.boolean().optional()
-		}),
-		component: function BooleanFieldRenderer({ props }) {
-			const field = useStateField(props.name, props.defaultValue ?? false);
-			return /* @__PURE__ */ jsxs("label", {
-				className: "flex items-center gap-2 text-sm text-ink",
-				children: [/* @__PURE__ */ jsx("input", {
-					type: "checkbox",
-					className: "size-4 accent-primary",
-					checked: field.value === true,
-					onChange: (e) => field.setValue(e.target.checked)
-				}), /* @__PURE__ */ jsx("span", { children: props.label ?? props.name })]
-			});
-		}
-	});
-	const SelectField = defineComponent({
-		name: "SelectField",
-		description: "select input",
-		props: z.object({
-			name: z.string(),
-			label: z.string().optional(),
-			options: z.array(z.object({
-				label: z.string(),
-				value: z.unknown()
-			}))
-		}),
-		component: function SelectFieldRenderer({ props }) {
-			const field = useStateField(props.name, props.options[0]?.value ?? "");
-			return /* @__PURE__ */ jsxs("label", {
-				className: "flex flex-col gap-1 text-sm text-ink",
-				children: [/* @__PURE__ */ jsx("span", { children: props.label ?? props.name }), /* @__PURE__ */ jsx("select", {
-					className: inputClass,
-					value: JSON.stringify(field.value ?? ""),
-					onChange: (e) => field.setValue(JSON.parse(e.target.value)),
-					children: props.options.map((option, i) => /* @__PURE__ */ jsx("option", {
-						value: JSON.stringify(option.value),
-						children: option.label
-					}, i))
-				})]
-			});
-		}
-	});
-	const SubmitButton = defineComponent({
-		name: "SubmitButton",
-		description: "submit button",
-		props: z.object({
-			label: z.string(),
-			actionType: z.string(),
-			requestId: z.string()
-		}),
-		component: function SubmitButtonRenderer({ props }) {
-			const trigger = useTriggerAction();
-			return /* @__PURE__ */ jsx(Button, {
-				onClick: () => void trigger(props.label, void 0, {
-					type: props.actionType,
-					params: { id: props.requestId }
-				}),
-				children: props.label
-			});
-		}
-	});
-	const CancelButton = defineComponent({
-		name: "CancelButton",
-		description: "cancel button",
-		props: z.object({
-			label: z.string(),
-			actionType: z.string(),
-			requestId: z.string()
-		}),
-		component: function CancelButtonRenderer({ props }) {
-			const trigger = useTriggerAction();
-			return /* @__PURE__ */ jsx(Button, {
-				variant: "secondary",
-				onClick: () => void trigger(props.label, void 0, {
-					type: props.actionType,
-					params: { id: props.requestId }
-				}),
-				children: props.label
-			});
-		}
-	});
-	const Text = defineComponent({
-		name: "Text",
-		description: "plain display text",
-		props: z.object({ content: z.string() }),
-		component: function TextRenderer({ props }) {
-			return /* @__PURE__ */ jsx("p", {
-				className: "text-sm break-words text-muted",
-				children: props.content
-			});
-		}
-	});
-	const components = [
-		defineComponent({
-			name: "Form",
-			description: "form container",
-			props: z.object({
-				title: z.string().nullable().optional(),
-				children: z.array(z.any()).optional()
-			}),
-			component: function FormRenderer({ props, renderNode }) {
-				return /* @__PURE__ */ jsxs("form", {
-					className: "flex flex-col gap-3",
-					onSubmit: (e) => {
-						e.preventDefault();
-					},
-					children: [props.title ? /* @__PURE__ */ jsx("h3", {
-						className: "font-display text-sm font-semibold text-ink",
-						children: props.title
-					}) : null, (props.children ?? []).map((child, i) => /* @__PURE__ */ jsx("div", { children: renderNode(child) }, i))]
-				});
-			}
-		}),
-		Text,
-		TextField,
-		NumberField,
-		BooleanField,
-		SelectField,
-		SubmitButton,
-		CancelButton
-	];
-	if (options.onSurfaceAction) {
-		const WebSkillSurfaceHost = defineComponent({
-			name: "WebSkillSurfaceHost",
-			description: "controlled WebSkill structured UI surface",
-			props: z.object({ descriptor: z.any() }),
-			component: function WebSkillSurfaceHostRenderer({ props }) {
-				if (props.descriptor?.type !== "webskill-surface") return null;
-				return /* @__PURE__ */ jsx("div", {
-					"data-webskill-provenance": props.descriptor.provenance,
-					children: /* @__PURE__ */ jsx(UiSurfaceSnapshotList, {
-						snapshots: [props.descriptor.snapshot],
-						...options.registry ? { registry: options.registry } : {},
-						onAction: options.onSurfaceAction,
-						...options.drafts ? { drafts: options.drafts } : {},
-						...options.onSurfaceDraftChange ? { onDraftChange: options.onSurfaceDraftChange } : {}
-					})
-				});
-			}
-		});
-		components.push(WebSkillSurfaceHost);
-	}
-	return createLibrary({
-		components,
-		root: options.root ?? "Form"
-	});
-}
-/**
-* openui 档交互视图：订阅 OpenUiChannel（core 产出 openui-lang 文本），动态加载
-* optional peer @openuidev/react-lang 的 Renderer 渲染；动作事件回传 channel.handleAction。
-* 模块加载失败 → channel.fail（桥粘性降级 native，InteractionCard 接管）。
-*/
-function OpenUiInteraction({ channel }) {
-	const session = useSyncExternalStore(channel.subscribe, () => channel.current);
-	const [ready, setReady] = useState();
-	useEffect(() => {
-		channel.attach();
-		return () => channel.detach();
-	}, [channel]);
-	useEffect(() => {
-		let cancelled = false;
-		(async () => {
-			try {
-				const { openui, z } = await loadOpenUiPeers();
-				if (!cancelled) setReady({
-					Renderer: openui.Renderer,
-					library: buildOpenUiLibrary(openui, z)
-				});
-			} catch (e) {
-				if (!cancelled) channel.fail(messageOf(e));
-			}
-		})();
-		return () => {
-			cancelled = true;
-		};
-	}, [channel]);
-	if (!session || !ready) return null;
-	const { Renderer, library } = ready;
-	return /* @__PURE__ */ jsx("div", {
-		"data-testid": "openui-interaction",
-		className: "rounded-card border border-border bg-surface px-4 py-4 shadow-card",
-		children: /* @__PURE__ */ jsx(Renderer, {
-			response: session.lang,
-			library,
-			onAction: (action) => channel.handleAction(action)
-		})
-	});
-}
-
 //#endregion
 //#region src/react/OpenUiSurfaceHost.tsx
-/** Renders persisted UiSurface snapshots through the OpenUI extension without a live bridge. @experimental */
-function OpenUiSurfaceSnapshotHost({ snapshots, registry, onAction, drafts, onDraftChange }) {
-	const [ready, setReady] = useState();
+/** Renders persisted UI spec snapshots through the OpenUI extension without a live bridge. @experimental */
+function OpenUiSurfaceSnapshotHost({ snapshots, onAction }) {
+	const [ready, setReady] = useState(false);
 	const [fallbackReason, setFallbackReason] = useState();
-	const emitAction = useEffectEvent((event) => onAction?.(event));
 	useEffect(() => {
 		let cancelled = false;
 		(async () => {
 			try {
-				const { openui, z } = await loadOpenUiPeers();
-				if (!cancelled) setReady({
-					Renderer: openui.Renderer,
-					library: buildOpenUiLibrary(openui, z, {
-						root: "WebSkillSurfaceHost",
-						...registry ? { registry } : {},
-						onSurfaceAction: emitAction,
-						...drafts ? { drafts } : {},
-						...onDraftChange ? { onSurfaceDraftChange: onDraftChange } : {}
-					})
-				});
+				await loadOpenUiPeers();
+				if (!cancelled) setReady(true);
 			} catch (error) {
 				const reason = error?.code === "UI_UNAVAILABLE" ? "openui-peer-missing" : "openui-load-failed";
 				if (reason !== "openui-peer-missing") console.warn("[webskill] OpenUI renderer unavailable, falling back to native", { error });
@@ -43260,63 +42885,40 @@ function OpenUiSurfaceSnapshotHost({ snapshots, registry, onAction, drafts, onDr
 		return () => {
 			cancelled = true;
 		};
-	}, [registry]);
+	}, []);
 	if (snapshots.length === 0) return null;
-	const specs = snapshots.filter((snapshot) => isUiSpecSurface(snapshot.surface));
-	const legacy = snapshots.filter((snapshot) => !isUiSpecSurface(snapshot.surface));
-	const specNodes = specs.map((snapshot) => {
-		const surface = snapshot.surface;
-		return /* @__PURE__ */ jsx(OpenUiSpecSurface, { spec: surface.props.spec }, surface.id);
-	});
-	if (!ready) return /* @__PURE__ */ jsxs("div", {
+	return /* @__PURE__ */ jsx("div", {
 		"data-testid": "openui-surface-host",
-		"data-renderer": "native-fallback",
+		"data-renderer": ready ? "openui" : "native-fallback",
 		...fallbackReason ? { "data-fallback-reason": fallbackReason } : {},
-		children: [specNodes, legacy.length > 0 ? /* @__PURE__ */ jsx(UiSurfaceSnapshotList, {
-			snapshots: legacy,
-			...registry ? { registry } : {},
-			...onAction ? { onAction: emitAction } : {},
-			...drafts ? { drafts } : {},
-			...onDraftChange ? { onDraftChange } : {}
-		}) : null]
-	});
-	const { Renderer, library } = ready;
-	return /* @__PURE__ */ jsxs("div", {
-		"data-testid": "openui-surface-host",
-		"data-renderer": "openui",
-		children: [specNodes, legacy.map((snapshot) => /* @__PURE__ */ jsx(Renderer, {
-			response: toOpenUiSurfaceLang(snapshot),
-			library
-		}, snapshot.surface.id))]
+		children: snapshots.map((snapshot) => /* @__PURE__ */ jsx(OpenUiSpecSurface, {
+			spec: snapshot.node,
+			surfaceId: snapshot.id,
+			actions: snapshot.actions ?? [],
+			...onAction ? { onAction } : {}
+		}, snapshot.id))
 	});
 }
-/** Renders serializable UiSurface descriptors through an OpenUI library extension. @experimental */
-function OpenUiSurfaceHost({ bridge, runId, registry }) {
+/** Renders WebSkill UI spec snapshots through an OpenUI library extension. @experimental */
+function OpenUiSurfaceHost({ bridge, runId }) {
 	const snapshots = useSyncExternalStore(bridge.subscribe, () => bridge.surfaceSnapshots);
 	const visibleSnapshots = runId === void 0 ? snapshots : snapshots.filter((snapshot) => snapshot.runId === runId);
 	const handleAction = (event) => {
-		const action = fromOpenUiSurfaceAction({
-			type: OPENUI_SURFACE_ACTION,
-			params: event
-		});
-		if (!action?.runId || !action.nonce) return;
+		const snapshot = visibleSnapshots.find((candidate) => candidate.id === event.surfaceId);
+		const capability = snapshot?.actions?.find((candidate) => candidate.id === event.actionId);
+		if (!snapshot?.runId || !capability?.nonce) return;
 		bridge.resolveSurfaceAction({
-			runId: action.runId,
-			surfaceId: action.surfaceId,
-			actionId: action.actionId,
-			intent: action.intent,
-			nonce: action.nonce,
-			...action.value ? { value: action.value } : {},
-			...action.cancelled ? { cancelled: true } : {}
+			runId: snapshot.runId,
+			surfaceId: event.surfaceId,
+			actionId: event.actionId,
+			intent: event.intent,
+			nonce: capability.nonce,
+			...event.value ? { value: event.value } : {}
 		});
 	};
-	const drafts = runId ? bridge.surfaceDrafts(runId) : {};
 	return /* @__PURE__ */ jsx(OpenUiSurfaceSnapshotHost, {
 		snapshots: visibleSnapshots,
-		...registry ? { registry } : {},
-		onAction: handleAction,
-		drafts,
-		onDraftChange: (event) => bridge.setSurfaceDraft(event.runId, event.surfaceId, event.value)
+		onAction: handleAction
 	});
 }
 
@@ -53394,6 +52996,7 @@ function Block({ block, runId, onDownload }) {
 /**
 * 结果块列表（AnimatePresence 逐块入场）：markdown / json / table / chart / image / file。
 * 历史消息（ChatMessage.blocks）与当前 run（ResultBlocksPro）共用的渲染形态。
+* @stable
 */
 function ResultBlockList({ blocks, runId, onDownload }) {
 	return /* @__PURE__ */ jsx(AnimatePresence, {
@@ -53415,6 +53018,7 @@ function ResultBlockList({ blocks, runId, onDownload }) {
 /**
 * run 完成结果块渐进挂载（AnimatePresence 逐块入场）：
 * markdown / json / table / chart / image / file + artifact 下载卡。
+* @stable
 */
 function ResultBlocksPro({ bridge, activeRunId, onDownload }) {
 	const t = useT();
@@ -53457,7 +53061,7 @@ function ResultBlocksPro({ bridge, activeRunId, onDownload }) {
 
 //#endregion
 //#region src/react/SkillBadges.tsx
-/** 消息底部展示该 run 激活的技能名徽章（无技能不渲染） */
+/** 消息底部展示该 run 激活的技能名徽章（无技能不渲染） @stable */
 function SkillBadges({ skills }) {
 	const t = useT();
 	if (skills.length === 0) return null;
@@ -53483,56 +53087,42 @@ function SkillBadges({ skills }) {
 
 //#endregion
 //#region src/react/VercelSurfaceHost.tsx
-/** Renders persisted Vercel-compatible data parts without subscribing to a live bridge. @experimental */
-function VercelSurfaceSnapshotHost({ snapshots, registry, onAction, drafts, onDraftChange }) {
-	const dataParts = snapshots.map((snapshot) => toVercelSurfaceDataPart(snapshot));
-	if (dataParts.length === 0) return null;
-	const specs = dataParts.filter((part) => isUiSpecSurface(part.data.snapshot.surface));
-	const legacy = dataParts.filter((part) => !isUiSpecSurface(part.data.snapshot.surface));
-	return /* @__PURE__ */ jsxs("div", {
+/** Renders persisted UI spec snapshots through the json-render registry without a live bridge. @experimental */
+function VercelSurfaceSnapshotHost({ snapshots, onAction }) {
+	if (snapshots.length === 0) return null;
+	return /* @__PURE__ */ jsx("div", {
 		"data-testid": "vercel-surface-snapshot-host",
-		"data-surface-parts": dataParts.length,
-		children: [specs.map((part) => {
-			const surface = part.data.snapshot.surface;
-			return /* @__PURE__ */ jsx(JsonRenderSpecSurface, { spec: surface.props.spec }, surface.id);
-		}), legacy.length > 0 ? /* @__PURE__ */ jsx(UiSurfaceSnapshotList, {
-			snapshots: legacy.map((part) => part.data.snapshot),
-			...registry ? { registry } : {},
-			...onAction ? { onAction } : {},
-			...drafts ? { drafts } : {},
-			...onDraftChange ? { onDraftChange } : {}
-		}) : null]
+		"data-surface-parts": snapshots.length,
+		children: snapshots.map((snapshot) => /* @__PURE__ */ jsx(JsonRenderSpecSurface, {
+			spec: snapshot.node,
+			surfaceId: snapshot.id,
+			actions: snapshot.actions ?? [],
+			...onAction ? { onAction } : {}
+		}, snapshot.id))
 	});
 }
-/** Consumes Vercel-compatible surface data parts with a controlled React surface renderer. @experimental */
-function VercelSurfaceHost({ bridge, runId, registry }) {
+/** Consumes WebSkill UI spec snapshots with a json-render surface renderer. @experimental */
+function VercelSurfaceHost({ bridge, runId }) {
 	const visibleSnapshots = useSyncExternalStore(bridge.subscribe, () => bridge.surfaceSnapshots).filter((snapshot) => runId === void 0 || snapshot.runId === runId);
+	if (visibleSnapshots.length === 0) return null;
 	const handleAction = (event) => {
-		const action = fromVercelSurfaceAction({
-			type: VERCEL_SURFACE_ACTION_DATA_PART_TYPE,
-			data: event
-		});
-		if (!action?.runId || !action.nonce) return;
+		const snapshot = visibleSnapshots.find((candidate) => candidate.id === event.surfaceId);
+		const capability = snapshot?.actions?.find((candidate) => candidate.id === event.actionId);
+		if (!snapshot?.runId || !capability?.nonce) return;
 		bridge.resolveSurfaceAction({
-			runId: action.runId,
-			surfaceId: action.surfaceId,
-			actionId: action.actionId,
-			intent: action.intent,
-			nonce: action.nonce,
-			...action.value ? { value: action.value } : {},
-			...action.cancelled ? { cancelled: true } : {}
+			runId: snapshot.runId,
+			surfaceId: event.surfaceId,
+			actionId: event.actionId,
+			intent: event.intent,
+			nonce: capability.nonce,
+			...event.value ? { value: event.value } : {}
 		});
 	};
-	if (visibleSnapshots.length === 0) return null;
-	const drafts = runId ? bridge.surfaceDrafts(runId) : {};
 	return /* @__PURE__ */ jsx("div", {
 		"data-testid": "vercel-surface-host",
 		children: /* @__PURE__ */ jsx(VercelSurfaceSnapshotHost, {
 			snapshots: visibleSnapshots,
-			...registry ? { registry } : {},
-			onAction: handleAction,
-			drafts,
-			onDraftChange: (event) => bridge.setSurfaceDraft(event.runId, event.surfaceId, event.value)
+			onAction: handleAction
 		})
 	});
 }
@@ -53544,23 +53134,30 @@ function HistoricalSurfaces({ snapshots, renderer, registry }) {
 		snapshots,
 		...registry ? { registry } : {}
 	});
-	if (renderer === "openui") return /* @__PURE__ */ jsx(OpenUiSurfaceSnapshotHost, {
-		snapshots,
-		...registry ? { registry } : {}
-	});
-	if (renderer === "vercel") return /* @__PURE__ */ jsx(VercelSurfaceSnapshotHost, {
-		snapshots,
-		...registry ? { registry } : {}
-	});
+	if (renderer === "openui") return /* @__PURE__ */ jsx(OpenUiSurfaceSnapshotHost, { snapshots });
+	if (renderer === "vercel") return /* @__PURE__ */ jsx(VercelSurfaceSnapshotHost, { snapshots });
 	return /* @__PURE__ */ jsx(UiSurfaceSnapshotList, {
 		snapshots,
 		...registry ? { registry } : {}
 	});
 }
+/**
+* 旧版本会话里的 surface 条目是六类 `{ surface: { kind } }`，没有节点树，任何渲染器都吃不下。
+* 判定只看渲染入口是否成立，不做深校验：深校验属于产出侧，历史消息只决定「渲染还是占位」。
+*/
+function isRenderableSpec(snapshot) {
+	if (typeof snapshot !== "object" || snapshot === null) return false;
+	const node = snapshot.node;
+	if (typeof node !== "object" || node === null) return false;
+	return typeof node.component === "string";
+}
 /** WebSkill domain content rendered beneath a Base message without choosing its chat layout. */
 function WebSkillMessageExtensions({ message, onDownload, surfaceRegistry, renderer }) {
+	const t = useT();
 	if (message.role === "user") return null;
 	const blocks = message.blocks?.filter((block) => block.type !== "markdown" || block.text.trim() !== message.text.trim());
+	const surfaces = message.surfaces ?? [];
+	const renderable = surfaces.filter(isRenderableSpec);
 	return /* @__PURE__ */ jsxs("div", {
 		className: "min-w-0 w-full",
 		children: [
@@ -53569,11 +53166,16 @@ function WebSkillMessageExtensions({ message, onDownload, surfaceRegistry, rende
 				runId: message.runId ?? "",
 				...onDownload ? { onDownload } : {}
 			}) : null,
-			message.surfaces && message.surfaces.length > 0 ? /* @__PURE__ */ jsx(HistoricalSurfaces, {
-				snapshots: message.surfaces,
+			renderable.length > 0 ? /* @__PURE__ */ jsx(HistoricalSurfaces, {
+				snapshots: renderable,
 				...renderer ? { renderer } : {},
 				...surfaceRegistry ? { registry: surfaceRegistry } : {}
 			}) : null,
+			renderable.length < surfaces.length ? /* @__PURE__ */ jsx("p", {
+				"data-testid": "legacy-surface-placeholder",
+				className: "my-2 rounded-lg border border-border bg-canvas px-3 py-2 text-xs text-muted",
+				children: t("surface.legacy.placeholder")
+			}) : null,
 			/* @__PURE__ */ jsx(SkillBadges, { skills: message.activeSkillNames ?? [] })
 		]
 	});
@@ -53790,23 +53392,35 @@ const start = (runId, at) => ({
 	text: "",
 	chunks: 0
 });
-function appendPhase(live, phase, at, data) {
-	const display = DISPLAY_PHASE[phase];
+function appendPhase(live, event) {
+	const display = DISPLAY_PHASE[event.phase];
 	const last = live.phases.at(-1);
 	if (last?.phase === display) return live;
 	const closed = last ? [...live.phases.slice(0, -1), {
 		...last,
-		endedAt: at
+		endedAt: event.at
 	}] : [];
+	const note = phaseNote(event);
 	return {
 		...live,
 		phases: [...closed, {
 			phase: display,
-			at,
-			...data ? { data } : {}
+			at: event.at,
+			...note ? { note } : {}
 		}]
 	};
 }
+/** 相位摘要：唯一读 `data` 的地方，此处事件还带着 `phase` 判别，下游不必再猜键名 */
+function phaseNote(event) {
+	switch (event.phase) {
+		case "route": return event.data.strategy;
+		case "activate": return event.data.skillName;
+		case "interact": return event.data.kind === "interaction" ? event.data.interactionType : event.data.actionId;
+		case "complete":
+		case "fail": return event.data.reason;
+		default: return;
+	}
+}
 /**
 * ChatEvent → 进行中 run 的 part 累积器。返回 undefined 表示当前没有进行中的 run。
 * 只处理属于当前 runId 的事件，跨 run 的迟到事件被忽略。
@@ -53820,7 +53434,7 @@ function reduceLiveRun(live, event, at) {
 	}
 	if (!live || !("runId" in event) || event.runId !== live.runId) return live;
 	switch (event.type) {
-		case "lifecycle": return appendPhase(live, event.phase, event.at, event.data);
+		case "lifecycle": return appendPhase(live, event);
 		case "skill-activated": return {
 			...live,
 			skills: event.skills
@@ -53859,7 +53473,7 @@ function reduceLiveRun(live, event, at) {
 
 //#endregion
 //#region src/react/ErrorCard.tsx
-/** 结构化错误卡：错误码徽章 + 描述 + 建议（engine error 事件 / 失败 run） */
+/** 结构化错误卡：错误码徽章 + 描述 + 建议（engine error 事件 / 失败 run） @stable */
 function ErrorCard({ code, message, onDismiss }) {
 	const t = useT();
 	return /* @__PURE__ */ jsx("div", {
@@ -53913,9 +53527,42 @@ function ErrorCard({ code, message, onDismiss }) {
 	});
 }
 
+//#endregion
+//#region src/react/interactionLabels.ts
+/**
+* 交互卡的界面文案：生成器（`@webskill/ui`）与语言无关，本地化由持有字典的宿主注入。
+* 四档共用本函数，切换渲染档不会让同一个请求出现两套文案。
+*/
+function interactionLabels(request, t) {
+	return {
+		title: request.type === "form" && request.title ? request.title : t(`interaction.${request.type}.title`),
+		submitLabel: t(request.type === "authorize" ? "interaction.allow" : request.type === "confirm" ? "interaction.confirm" : "interaction.submit"),
+		cancelLabel: t(request.type === "authorize" ? "interaction.deny" : "interaction.cancel")
+	};
+}
+
 //#endregion
 //#region src/react/InteractionCard.tsx
-/** 订阅 bridge.pending 渲染五类交互卡（ask/confirm/form/select/authorize，native） */
+/** 交互表单的两个动作：与 surface 侧共用 catalog 的 submit / cancel 语义 */
+const INTERACTION_ACTIONS$1 = [{
+	id: "submit",
+	intent: "submit"
+}, {
+	id: "cancel",
+	intent: "cancel"
+}];
+const kindIcons = {
+	ask: MessageCircleQuestionMark,
+	confirm: CircleQuestionMark,
+	form: ClipboardList,
+	select: ListChecks,
+	authorize: ShieldAlert
+};
+/**
+* 订阅 bridge.pending 渲染五类交互卡（native 档；其它档降级后也由它接管）。
+* 表单本体走 `NativeSpecSurface`——与 native 档 surface 侧同一个渲染入口。
+* @stable
+*/
 function InteractionCard({ bridge }) {
 	const pending = useSyncExternalStore(bridge.subscribe, () => bridge.pending);
 	if (!pending) return null;
@@ -53924,102 +53571,25 @@ function InteractionCard({ bridge }) {
 		bridge
 	}, pending.id);
 }
-/** 单个表单控件（ask/form 用；data-webskill-control 契约与 collectValues 对齐） */
-function Field({ control, invalid }) {
-	const t = useT();
-	const id = `webskill-field-${control.name}`;
-	const label = /* @__PURE__ */ jsxs(Fragment$1, { children: [control.label, control.required ? /* @__PURE__ */ jsx("span", {
-		className: "text-danger",
-		children: " *"
-	}) : null] });
-	let element;
-	switch (control.control) {
-		case "boolean":
-			element = /* @__PURE__ */ jsx(Checkbox, {
-				id,
-				"data-webskill-control": control.name,
-				defaultChecked: control.defaultValue === true ? true : void 0,
-				invalid
-			});
-			break;
-		case "select":
-			element = /* @__PURE__ */ jsx("select", {
-				id,
-				"data-webskill-control": control.name,
-				"aria-invalid": invalid || void 0,
-				className: "h-9 w-full rounded-md border border-input bg-surface px-3 text-sm text-ink shadow-xs outline-none transition-colors focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/20",
-				...control.defaultValue !== void 0 ? { defaultValue: JSON.stringify(control.defaultValue) } : {},
-				children: (control.options ?? []).map((option, i) => /* @__PURE__ */ jsx("option", {
-					value: JSON.stringify(option.value),
-					children: option.label
-				}, i))
-			});
-			break;
-		case "textarea":
-			element = /* @__PURE__ */ jsx(Textarea, {
-				id,
-				"data-webskill-control": control.name,
-				invalid,
-				rows: 3,
-				defaultValue: control.defaultValue !== void 0 ? String(control.defaultValue) : ""
-			});
-			break;
-		default: element = /* @__PURE__ */ jsx(Input, {
-			type: control.control === "number" ? "number" : "text",
-			id,
-			"data-webskill-control": control.name,
-			invalid,
-			defaultValue: control.defaultValue !== void 0 ? String(control.defaultValue) : ""
-		});
-	}
-	return /* @__PURE__ */ jsx(FormField, {
-		label,
-		htmlFor: id,
-		...control.description ? { description: control.description } : {},
-		...invalid ? { error: t("interaction.required") } : {},
-		children: element
-	});
-}
-const kindIcons = {
-	ask: MessageCircleQuestionMark,
-	confirm: CircleQuestionMark,
-	form: ClipboardList,
-	select: ListChecks,
-	authorize: ShieldAlert
-};
 function ActiveInteractionCard({ request, bridge }) {
 	const t = useT();
-	const model = interactionToFormModel(request);
-	const formRef = useRef(null);
-	const [invalid, setInvalid] = useState([]);
-	const resolve = (value) => bridge.resolve({
-		id: request.id,
-		value
-	});
-	const cancel = () => bridge.resolve({
-		id: request.id,
-		cancelled: true
-	});
-	const submitForm = () => {
-		if (!formRef.current) return;
-		const { values, missingRequired } = collectValues(model.controls, formRef.current);
-		if (missingRequired.length > 0) {
-			setInvalid(missingRequired);
+	const spec = interactionToUiSpec(request, interactionLabels(request, t));
+	const isAuthorize = request.type === "authorize";
+	const Icon = kindIcons[request.type];
+	const handleAction = (event) => {
+		if (event.intent !== "submit") {
+			bridge.resolve({
+				id: request.id,
+				cancelled: true
+			});
 			return;
 		}
-		resolve(shapeInteractionValue(model, values));
-	};
-	const isAuthorize = model.kind === "authorize";
-	const Icon = kindIcons[model.kind];
-	const title = resolveTitle(model, t);
-	const body = renderBody(model, request, {
-		t,
-		formRef,
-		invalid,
-		submitForm,
-		resolve,
-		cancel
-	});
+		const value = shapeInteractionValue(interactionToFormModel(request), event.value ?? {});
+		bridge.resolve({
+			id: request.id,
+			value
+		});
+	};
 	return /* @__PURE__ */ jsxs(motion.div, {
 		...fadeInUp,
 		className: `rounded-card border shadow-card ${isAuthorize ? "border-warning/50 bg-warning-soft" : "border-border bg-surface"}`,
@@ -54031,132 +53601,51 @@ function ActiveInteractionCard({ request, bridge }) {
 					className: "size-4",
 					"aria-hidden": true
 				})
-			}), /* @__PURE__ */ jsxs("div", {
-				className: "min-w-0 flex-1",
-				children: [/* @__PURE__ */ jsx("h3", {
-					className: "font-display text-sm font-semibold text-ink",
-					children: title
-				}), model.message ? /* @__PURE__ */ jsx("p", {
-					className: "mt-0.5 text-sm break-words text-muted",
-					children: model.message
-				}) : null]
-			})]
+			}), request.type === "authorize" ? /* @__PURE__ */ jsxs("div", {
+				className: "flex min-w-0 flex-1 flex-col gap-2",
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "text-xs font-medium text-muted",
+							children: t("interaction.authorize.capability")
+						}), /* @__PURE__ */ jsx(Badge, {
+							tone: "warning",
+							children: request.capability
+						})]
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: "text-xs text-muted",
+						children: t("interaction.authorize.description")
+					}),
+					request.details !== void 0 ? /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("div", {
+						className: "mb-1 text-xs font-medium text-muted",
+						children: t("interaction.authorize.details")
+					}), /* @__PURE__ */ jsx("pre", {
+						className: "max-h-40 overflow-auto rounded-lg border border-border bg-canvas p-3 font-mono text-xs text-ink",
+						children: JSON.stringify(request.details, null, 2)
+					})] }) : null
+				]
+			}) : null]
 		}), /* @__PURE__ */ jsx("div", {
 			className: "px-4 py-4",
-			children: body
-		})]
-	});
-}
-function resolveTitle(model, t) {
-	if (model.title) return model.title;
-	switch (model.kind) {
-		case "ask": return t("interaction.ask.title");
-		case "confirm": return t("interaction.confirm.title");
-		case "select": return t("interaction.select.title");
-		case "authorize": return t("interaction.authorize.title");
-		default: return t("interaction.form.title");
-	}
-}
-function renderBody(model, request, deps) {
-	const { t, formRef, invalid, submitForm, resolve, cancel } = deps;
-	if (model.kind === "authorize") {
-		const capability = request.type === "authorize" ? request.capability : void 0;
-		const details = request.type === "authorize" ? request.details : void 0;
-		return /* @__PURE__ */ jsxs("div", {
-			className: "flex flex-col gap-3",
-			children: [
-				capability ? /* @__PURE__ */ jsxs("div", {
-					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ jsx("span", {
-						className: "text-xs font-medium text-muted",
-						children: t("interaction.authorize.capability")
-					}), /* @__PURE__ */ jsx(Badge, {
-						tone: "warning",
-						children: capability
-					})]
-				}) : null,
-				/* @__PURE__ */ jsx("p", {
-					className: "text-xs text-muted",
-					children: t("interaction.authorize.description")
-				}),
-				details !== void 0 ? /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("div", {
-					className: "mb-1 text-xs font-medium text-muted",
-					children: t("interaction.authorize.details")
-				}), /* @__PURE__ */ jsx("pre", {
-					className: "max-h-40 overflow-auto rounded-lg border border-border bg-canvas p-3 font-mono text-xs text-ink",
-					children: JSON.stringify(details, null, 2)
-				})] }) : null,
-				/* @__PURE__ */ jsxs("div", {
-					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ jsx(Button, {
-						onClick: () => resolve(shapeInteractionValue(model, {})),
-						children: t("interaction.allow")
-					}), /* @__PURE__ */ jsx(Button, {
-						variant: "danger",
-						onClick: cancel,
-						children: t("interaction.deny")
-					})]
-				})
-			]
-		});
-	}
-	if (model.kind === "confirm") return /* @__PURE__ */ jsxs("div", {
-		className: "flex items-center gap-2",
-		children: [/* @__PURE__ */ jsx(Button, {
-			onClick: () => resolve(shapeInteractionValue(model, { confirmed: true })),
-			children: t("interaction.confirm")
-		}), /* @__PURE__ */ jsx(Button, {
-			variant: "secondary",
-			onClick: cancel,
-			children: t("interaction.cancel")
-		})]
-	});
-	if (model.kind === "select") return /* @__PURE__ */ jsxs("div", {
-		className: "flex flex-col gap-3",
-		children: [/* @__PURE__ */ jsx("ul", {
-			className: "flex flex-col gap-1.5",
-			children: (model.controls[0]?.options ?? []).map((option, i) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("button", {
-				type: "button",
-				onClick: () => resolve(shapeInteractionValue(model, { selected: option.value })),
-				className: "w-full cursor-pointer rounded-lg border border-border bg-surface px-3.5 py-2.5 text-left text-sm text-ink transition-colors hover:border-ring hover:bg-subtle",
-				children: option.label
-			}) }, i))
-		}), /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Button, {
-			variant: "secondary",
-			onClick: cancel,
-			children: t("interaction.cancel")
-		}) })]
-	});
-	return /* @__PURE__ */ jsxs("form", {
-		ref: formRef,
-		noValidate: true,
-		className: "flex flex-col gap-3",
-		onSubmit: (event) => {
-			event.preventDefault();
-			submitForm();
-		},
-		children: [model.controls.map((control) => /* @__PURE__ */ jsx(Field, {
-			control,
-			invalid: invalid.includes(control.name)
-		}, control.name)), /* @__PURE__ */ jsxs("div", {
-			className: "flex items-center gap-2",
-			children: [/* @__PURE__ */ jsx(Button, {
-				type: "submit",
-				children: t("interaction.submit")
-			}), /* @__PURE__ */ jsx(Button, {
-				variant: "secondary",
-				onClick: cancel,
-				children: t("interaction.cancel")
-			})]
+			children: /* @__PURE__ */ jsx(NativeSpecSurface, {
+				surfaceId: request.id,
+				spec,
+				actions: INTERACTION_ACTIONS$1,
+				onAction: handleAction
+			})
 		})]
 	});
 }
 
 //#endregion
 //#region src/react/InterruptedBanner.tsx
+const resumable = (list) => list.filter((entry) => !isUnsupportedRunSnapshot(entry));
 /**
 * 未完成对话提示条：挂载/会话切换时检查 interrupted 快照，非空则顶部 banner
 * + Resume（engine.resume 后等待中的表单重新进入 bridge.pending）。
+* @stable
 */
 function InterruptedBanner({ engine, sessionId }) {
 	const t = useT();
@@ -54164,7 +53653,7 @@ function InterruptedBanner({ engine, sessionId }) {
 	useEffect(() => {
 		let cancelled = false;
 		engine.listInterrupted().then((list) => {
-			if (!cancelled) setInterrupted(list);
+			if (!cancelled) setInterrupted(resumable(list));
 		}).catch(() => {});
 		return () => {
 			cancelled = true;
@@ -54174,7 +53663,7 @@ function InterruptedBanner({ engine, sessionId }) {
 	if (!current) return null;
 	const resume = () => {
 		engine.resume(current.runId).then(async () => {
-			setInterrupted(await engine.listInterrupted());
+			setInterrupted(resumable(await engine.listInterrupted()));
 		});
 	};
 	return /* @__PURE__ */ jsxs("div", {
@@ -54208,6 +53697,68 @@ function InterruptedBanner({ engine, sessionId }) {
 	});
 }
 
+//#endregion
+//#region src/react/SpecInteraction.tsx
+/** 交互表单的两个动作：与 surface 侧共用 catalog 的 submit / cancel 语义 */
+const INTERACTION_ACTIONS = [{
+	id: "submit",
+	intent: "submit"
+}, {
+	id: "cancel",
+	intent: "cancel"
+}];
+/** 各档的 spec 渲染入口——交互（路径 A）与 surface（路径 B）在同一档下命中同一个组件 */
+const SURFACES = {
+	a2ui: A2uiSpecSurface,
+	openui: OpenUiSpecSurface,
+	vercel: JsonRenderSpecSurface
+};
+/** optional peer 探测：缺包时通知通道，桥据此粘性降级 native（不悬挂请求、不阻断 run） */
+const PROBES = {
+	a2ui: probeA2uiAvailability,
+	openui: probeOpenUiAvailability,
+	vercel: probeJsonRenderAvailability
+};
+const MISSING_PEER = {
+	a2ui: "@a2ui/lit and @a2ui/web_core are not installed in this host",
+	openui: "@openuidev/react-lang is not installed in this host",
+	vercel: "@json-render/core and @json-render/react are not installed in this host"
+};
+/**
+* 非 native 三档的交互视图（路径 A）：订阅 SpecInteractionChannel（core 产出 catalog
+* 节点树），交给本档 surface 侧同一个渲染入口渲染；提交/取消经 handleAction 回传。
+* 未挂载时桥直接降级 native（不悬挂请求）。
+* @experimental
+*/
+function SpecInteraction({ channel, renderer }) {
+	const t = useT();
+	const session = useSyncExternalStore(channel.subscribe, () => channel.current);
+	useEffect(() => {
+		channel.labelsFor = (request) => interactionLabels(request, t);
+	}, [channel, t]);
+	useEffect(() => {
+		channel.attach();
+		return () => channel.detach();
+	}, [channel]);
+	useEffect(() => {
+		let cancelled = false;
+		PROBES[renderer]().then((available) => {
+			if (!cancelled && !available) channel.fail(MISSING_PEER[renderer]);
+		});
+		return () => {
+			cancelled = true;
+		};
+	}, [channel, renderer]);
+	if (!session) return null;
+	const Surface = SURFACES[renderer];
+	return /* @__PURE__ */ jsx(Surface, {
+		surfaceId: session.request.id,
+		spec: session.spec,
+		actions: INTERACTION_ACTIONS,
+		onAction: (event) => channel.handleAction(event)
+	});
+}
+
 //#endregion
 //#region src/react/SettingsDrawer.tsx
 const PROVIDERS = [
@@ -54231,7 +53782,7 @@ function createProbeClient(provider, form) {
 		model: form.model
 	});
 }
-/** 设置抽屉：LLM 配置（三协议供应商 / 能力探测 / Demo model 标识 / 流式与 temperature）+ 外观（主题/语言） */
+/** 设置抽屉：LLM 配置（三协议供应商 / 能力探测 / Demo model 标识 / 流式与 temperature）+ 外观（主题/语言） @stable */
 function SettingsDrawer({ open, llmConfig, runtimeConfig, theme, locale, renderer, onAppearanceChange, onSaved, onClose }) {
 	const t = useT();
 	const [provider, setProvider] = useState("openai-compatible");
@@ -54601,53 +54152,6 @@ function useChatLayout(layout = "auto") {
 	};
 }
 
-//#endregion
-//#region src/react/VercelPayloadPreview.tsx
-/**
-* vercel 档（payload 预览）：不渲染表单，展示 InteractionRequest 经 toVercelToolInvocation
-* 转换后的 Vercel AI SDK 数据契约 JSON 卡。仅提供 Cancel 结束交互（非完整运行时）。
-*/
-function VercelPayloadPreview({ bridge }) {
-	const t = useT();
-	const pending = useSyncExternalStore(bridge.subscribe, () => bridge.pending);
-	if (!pending) return null;
-	const payload = toVercelToolInvocation(pending);
-	return /* @__PURE__ */ jsxs("div", {
-		"data-testid": "vercel-payload-preview",
-		className: "rounded-card border border-border bg-surface shadow-card",
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: "flex items-center gap-2 px-4 pt-4",
-			children: [/* @__PURE__ */ jsx("h3", {
-				className: "font-display text-sm font-semibold text-ink",
-				children: t("vercel.preview.title")
-			}), /* @__PURE__ */ jsx(Badge, {
-				tone: "neutral",
-				children: t("vercel.preview.badge")
-			})]
-		}), /* @__PURE__ */ jsxs("div", {
-			className: "flex flex-col gap-3 px-4 py-4",
-			children: [
-				/* @__PURE__ */ jsx("p", {
-					className: "text-xs text-muted",
-					children: t("vercel.preview.description")
-				}),
-				/* @__PURE__ */ jsx("pre", {
-					className: "max-h-64 overflow-auto rounded-lg border border-border bg-canvas p-3 font-mono text-xs text-ink",
-					children: JSON.stringify(payload, null, 2)
-				}),
-				/* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Button, {
-					variant: "secondary",
-					onClick: () => bridge.resolve({
-						id: pending.id,
-						cancelled: true
-					}),
-					children: t("interaction.cancel")
-				}) })
-			]
-		})]
-	});
-}
-
 //#endregion
 //#region src/react/Chatbot.tsx
 const toErrorMessage = (e) => e instanceof Error ? e.message : String(e);
@@ -54670,14 +54174,17 @@ async function downloadArtifactFile(storage, chatRoot, file) {
 /**
 * ChatEngine owns message/session/runtime state while assistant-ui Base owns the
 * presentation shell and accessible thread primitives.
+* @stable
 */
-function Chatbot({ adapter, config, locale: localeProp, theme: themeProp, renderer: rendererProp, surfaceRegistry, layout = "auto", onAppearanceChange }) {
+function Chatbot({ adapter, config, locale: localeProp, theme: themeProp, renderer: rendererProp, surfaceRegistry, layout = "auto", onAppearanceChange, onEngineReady }) {
 	const engine = useMemo(() => new ChatEngine(adapter, {
 		...config?.chatRoot ? { chatRoot: config.chatRoot } : {},
 		...config?.llm ? { llm: config.llm } : {},
 		...config?.loopConfig ? { loopConfig: config.loopConfig } : {},
 		...config?.runtimeConfig ? { runtimeConfig: config.runtimeConfig } : {},
 		...config?.generativeUi ? { generativeUi: true } : {},
+		...config?.hooks ? { hooks: config.hooks } : {},
+		...config?.governance ? { governance: config.governance } : {},
 		...rendererProp ? { renderer: rendererProp } : {}
 	}), [
 		adapter,
@@ -54686,8 +54193,13 @@ function Chatbot({ adapter, config, locale: localeProp, theme: themeProp, render
 		config?.loopConfig,
 		config?.runtimeConfig,
 		config?.generativeUi,
+		config?.hooks,
+		config?.governance,
 		rendererProp
 	]);
+	useEffect(() => {
+		onEngineReady?.(engine);
+	}, [engine, onEngineReady]);
 	const [theme, setTheme] = useState(themeProp ?? "light");
 	const [locale, setLocale] = useState(localeProp ?? "en");
 	const [renderer, setRenderer] = useState(rendererProp ?? "native");
@@ -54707,6 +54219,11 @@ function Chatbot({ adapter, config, locale: localeProp, theme: themeProp, render
 	const [sessions, setSessions] = useState([]);
 	/** 首次 listSessions 未完成（threads 客户端的 isLoading） */
 	const [sessionsLoading, setSessionsLoading] = useState(true);
+	/** 分页游标：非空即「还有更早的一页」。页大小归 SessionStore，这里不覆写 limit */
+	const [sessionsCursor, setSessionsCursor] = useState();
+	const [messagesCursor, setMessagesCursor] = useState();
+	const [loadingEarlierSessions, setLoadingEarlierSessions] = useState(false);
+	const [loadingEarlierMessages, setLoadingEarlierMessages] = useState(false);
 	const [currentSessionId, setCurrentSessionId] = useState();
 	const [sending, setSending] = useState(false);
 	/** 当前活跃 runId（run-started 捕获；Stop 按钮 engine.cancel 用） */
@@ -54716,14 +54233,15 @@ function Chatbot({ adapter, config, locale: localeProp, theme: themeProp, render
 	const [settingsOpen, setSettingsOpen] = useState(false);
 	/** 当前进行中 run 的 part 累积器（流式正文 / 工具 / 生命周期步进的唯一来源） */
 	const [live, setLive] = useState();
-	/** a2ui 档交互容器显隐（interaction-requested/resolved 事件驱动） */
-	const [a2uiActive, setA2uiActive] = useState(false);
 	const [interactionPending, setInteractionPending] = useState(false);
 	/** pending 交互归属的会话（跨会话查看时隐藏交互卡，防串台） */
 	const [interactionSessionId, setInteractionSessionId] = useState();
 	/** currentSessionId 的 ref 镜像（事件订阅闭包 [engine] 内读取最新值） */
 	const sessionRef = useRef(currentSessionId);
 	sessionRef.current = currentSessionId;
+	/** sessions 的 ref 镜像（handleSend 判定「这次是否会生成标题」，不想为此进依赖表） */
+	const sessionsRef = useRef(sessions);
+	sessionsRef.current = sessions;
 	const { containerRef, resolved: resolvedLayout } = useChatLayout(layout);
 	/** 附件按钮只在存储确实可写时出现（R11：不渲染点了就报错的按钮） */
 	const [attachmentsReady, setAttachmentsReady] = useState(false);
@@ -54742,30 +54260,26 @@ function Chatbot({ adapter, config, locale: localeProp, theme: themeProp, render
 			cancelled = true;
 		};
 	}, [adapter, engine]);
-	/** a2ui 交互容器 ref：挂载即注入引擎（卸载传 null），引擎懒建 LitRendererBridge 渲染其中；
-	同时为容器配置 @a2ui/markdown-it（optional peer，缺失时保持纯文本降级） */
-	const interactionMountRef = useCallback((el) => {
-		engine.setInteractionMount(el);
-		if (el) configureA2uiMarkdown(el).then((configured) => {
-			if (!configured) console.warn("A2UI markdown renderer is not configured: install @a2ui/markdown-it to render markdown in A2UI interactions");
-		});
-	}, [engine]);
 	const refreshSessions = useCallback(async () => {
-		setSessions(await engine.listSessions());
+		const page = await engine.listSessions();
+		setSessions(page.items);
+		setSessionsCursor(page.nextCursor);
 	}, [engine]);
 	useEffect(() => {
 		let cancelled = false;
 		(async () => {
-			const list = await engine.listSessions();
+			const page = await engine.listSessions();
 			if (cancelled) return;
-			setSessions(list);
+			setSessions(page.items);
+			setSessionsCursor(page.nextCursor);
 			setSessionsLoading(false);
-			const latest = list[list.length - 1];
+			const latest = page.items[page.items.length - 1];
 			if (!latest) return;
 			const history = await engine.selectSession(latest.id);
 			if (cancelled) return;
 			setCurrentSessionId(latest.id);
-			setMessages(history);
+			setMessages(history.items);
+			setMessagesCursor(history.nextCursor);
 		})().catch((e) => {
 			if (!cancelled) {
 				setSessionsLoading(false);
@@ -54788,12 +54302,10 @@ function Chatbot({ adapter, config, locale: localeProp, theme: themeProp, render
 				setMessages((prev) => prev.some((message) => message.id === event.message.id) ? prev : [...prev, event.message]);
 				break;
 			case "interaction-requested":
-				setA2uiActive(true);
 				setInteractionPending(true);
 				setInteractionSessionId(sessionRef.current);
 				break;
 			case "interaction-resolved":
-				setA2uiActive(false);
 				setInteractionPending(false);
 				setInteractionSessionId(void 0);
 				break;
@@ -54818,12 +54330,16 @@ function Chatbot({ adapter, config, locale: localeProp, theme: themeProp, render
 	}), [engine]);
 	const handleSend = useCallback((text, attachments = []) => {
 		(async () => {
-			if (!currentSessionId) {
+			let sessionId = currentSessionId;
+			if (!sessionId) {
 				const meta = await engine.createSession();
+				sessionId = meta.id;
 				setCurrentSessionId(meta.id);
 				await refreshSessions();
 			}
+			const needsTitle = sessionsRef.current.find((session) => session.id === sessionId)?.title === void 0;
 			await engine.send(text, attachments);
+			if (needsTitle) await refreshSessions();
 		})().catch((e) => setError({ message: toErrorMessage(e) }));
 	}, [
 		engine,
@@ -54845,14 +54361,41 @@ function Chatbot({ adapter, config, locale: localeProp, theme: themeProp, render
 	const handleSelect = useCallback((id) => {
 		engine.selectSession(id).then((history) => {
 			setCurrentSessionId(id);
-			setMessages(history);
+			setMessages(history.items);
+			setMessagesCursor(history.nextCursor);
 			setDrawerOpen(false);
 		}).catch((e) => setError({ message: toErrorMessage(e) }));
 	}, [engine]);
+	/** 向历史方向再取一页：页内升序，所以是**前插**而不是追加 */
+	const handleLoadEarlierMessages = useCallback(() => {
+		if (!messagesCursor || loadingEarlierMessages) return;
+		setLoadingEarlierMessages(true);
+		engine.loadMoreMessages(messagesCursor).then((page) => {
+			setMessages((prev) => [...page.items, ...prev]);
+			setMessagesCursor(page.nextCursor);
+		}).catch((e) => setError({ message: toErrorMessage(e) })).finally(() => setLoadingEarlierMessages(false));
+	}, [
+		engine,
+		messagesCursor,
+		loadingEarlierMessages
+	]);
+	const handleLoadEarlierSessions = useCallback(() => {
+		if (!sessionsCursor || loadingEarlierSessions) return;
+		setLoadingEarlierSessions(true);
+		engine.listSessions({ cursor: sessionsCursor }).then((page) => {
+			setSessions((prev) => [...page.items, ...prev]);
+			setSessionsCursor(page.nextCursor);
+		}).catch((e) => setError({ message: toErrorMessage(e) })).finally(() => setLoadingEarlierSessions(false));
+	}, [
+		engine,
+		sessionsCursor,
+		loadingEarlierSessions
+	]);
 	const handleCreate = useCallback(() => {
 		engine.createSession().then(async (meta) => {
 			setCurrentSessionId(meta.id);
 			setMessages([]);
+			setMessagesCursor(void 0);
 			await refreshSessions();
 		}).catch((e) => setError({ message: toErrorMessage(e) }));
 	}, [engine, refreshSessions]);
@@ -54917,7 +54460,12 @@ function Chatbot({ adapter, config, locale: localeProp, theme: themeProp, render
 				"data-layout": resolvedLayout,
 				className: `webskill-aui-shell flex h-full min-h-0 flex-row font-sans text-ink ${theme === "dark" ? "dark" : ""}`,
 				children: [
-					/* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(AssistantUiSessionList, { className: "hidden lg:flex" }), /* @__PURE__ */ jsx(Sheet, {
+					/* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(AssistantUiSessionList, {
+						className: "hidden lg:flex",
+						hasEarlier: sessionsCursor !== void 0,
+						loadingEarlier: loadingEarlierSessions,
+						onLoadEarlier: handleLoadEarlierSessions
+					}), /* @__PURE__ */ jsx(Sheet, {
 						open: drawerOpen,
 						onOpenChange: setDrawerOpen,
 						children: /* @__PURE__ */ jsx(SheetContent, {
@@ -54926,7 +54474,10 @@ function Chatbot({ adapter, config, locale: localeProp, theme: themeProp, render
 							className: "p-0 lg:hidden",
 							children: /* @__PURE__ */ jsx(AssistantUiSessionList, {
 								className: "h-full w-full border-r-0",
-								onNavigate: () => setDrawerOpen(false)
+								onNavigate: () => setDrawerOpen(false),
+								hasEarlier: sessionsCursor !== void 0,
+								loadingEarlier: loadingEarlierSessions,
+								onLoadEarlier: handleLoadEarlierSessions
 							})
 						})
 					})] }),
@@ -54959,6 +54510,10 @@ function Chatbot({ adapter, config, locale: localeProp, theme: themeProp, render
 											}) : null,
 											/* @__PURE__ */ jsx(AssistantUiMessageList, {
 												messages,
+												...messagesCursor !== void 0 ? { earlier: {
+													loading: loadingEarlierMessages,
+													onLoad: handleLoadEarlierMessages
+												} } : {},
 												renderMessage: (message) => /* @__PURE__ */ jsx(AssistantUiMessage, {
 													message,
 													onRetry: handleRetry,
@@ -54971,18 +54526,14 @@ function Chatbot({ adapter, config, locale: localeProp, theme: themeProp, render
 											}),
 											(() => {
 												const interactionVisible = interactionSessionId === void 0 || interactionSessionId === currentSessionId;
-												return /* @__PURE__ */ jsxs(Fragment$1, { children: [
-													renderer === "a2ui" ? /* @__PURE__ */ jsx("div", {
-														ref: interactionMountRef,
-														"data-testid": "a2ui-interaction-mount",
-														className: interactionVisible && a2uiActive ? void 0 : "hidden"
-													}) : null,
-													renderer === "openui" ? /* @__PURE__ */ jsx("div", {
-														className: interactionVisible ? void 0 : "hidden",
-														children: /* @__PURE__ */ jsx(OpenUiInteraction, { channel: engine.openUiChannel })
-													}) : null,
-													interactionVisible ? renderer === "vercel" ? /* @__PURE__ */ jsx(VercelPayloadPreview, { bridge: engine.bridge }) : /* @__PURE__ */ jsx(InteractionCard, { bridge: engine.bridge }) : null
-												] });
+												return /* @__PURE__ */ jsxs(Fragment$1, { children: [renderer !== "native" ? /* @__PURE__ */ jsx("div", {
+													"data-testid": "spec-interaction-slot",
+													className: interactionVisible ? void 0 : "hidden",
+													children: /* @__PURE__ */ jsx(SpecInteraction, {
+														channel: engine.interactionChannel,
+														renderer
+													})
+												}) : null, interactionVisible ? /* @__PURE__ */ jsx(InteractionCard, { bridge: engine.bridge }) : null] });
 											})(),
 											/* @__PURE__ */ jsx(ResultBlocksPro, {
 												bridge: engine.bridge,
@@ -54996,13 +54547,11 @@ function Chatbot({ adapter, config, locale: localeProp, theme: themeProp, render
 											}) : null,
 											renderer === "vercel" && currentRunId ? /* @__PURE__ */ jsx(VercelSurfaceHost, {
 												bridge: engine.bridge,
-												runId: currentRunId,
-												...surfaceRegistry ? { registry: surfaceRegistry } : {}
+												runId: currentRunId
 											}) : null,
 											renderer === "openui" && currentRunId ? /* @__PURE__ */ jsx(OpenUiSurfaceHost, {
 												bridge: engine.bridge,
-												runId: currentRunId,
-												...surfaceRegistry ? { registry: surfaceRegistry } : {}
+												runId: currentRunId
 											}) : null,
 											renderer === "a2ui" && currentRunId ? /* @__PURE__ */ jsx(A2uiSurfaceHost, {
 												bridge: engine.bridge,
@@ -55044,4 +54593,52 @@ function Chatbot({ adapter, config, locale: localeProp, theme: themeProp, render
 }
 
 //#endregion
-export { A2uiSurfaceHost, A2uiSurfaceSnapshotHost, ChatEngine, Chatbot, CompositeUiBridge, ErrorCard, InteractionCard, InterruptedBanner, OpenUiChannel, OpenUiInteraction, OpenUiSurfaceHost, OpenUiSurfaceSnapshotHost, ResultBlockList, ResultBlocksPro, SettingsDrawer, SkillBadges, VercelPayloadPreview, VercelSurfaceHost, VercelSurfaceSnapshotHost, chatbotDictionary, configureA2uiMarkdown, probeA2uiAvailability, probeOpenUiAvailability, useT };
+//#region src/react/VercelPayloadPreview.tsx
+/**
+* vercel 档（payload 预览）：不渲染表单，展示 InteractionRequest 经 toVercelToolInvocation
+* 转换后的 Vercel AI SDK 数据契约 JSON 卡。仅提供 Cancel 结束交互（非完整运行时）。
+* @experimental
+*/
+function VercelPayloadPreview({ bridge }) {
+	const t = useT();
+	const pending = useSyncExternalStore(bridge.subscribe, () => bridge.pending);
+	if (!pending) return null;
+	const payload = toVercelToolInvocation(pending);
+	return /* @__PURE__ */ jsxs("div", {
+		"data-testid": "vercel-payload-preview",
+		className: "rounded-card border border-border bg-surface shadow-card",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-2 px-4 pt-4",
+			children: [/* @__PURE__ */ jsx("h3", {
+				className: "font-display text-sm font-semibold text-ink",
+				children: t("vercel.preview.title")
+			}), /* @__PURE__ */ jsx(Badge, {
+				tone: "neutral",
+				children: t("vercel.preview.badge")
+			})]
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col gap-3 px-4 py-4",
+			children: [
+				/* @__PURE__ */ jsx("p", {
+					className: "text-xs text-muted",
+					children: t("vercel.preview.description")
+				}),
+				/* @__PURE__ */ jsx("pre", {
+					className: "max-h-64 overflow-auto rounded-lg border border-border bg-canvas p-3 font-mono text-xs text-ink",
+					children: JSON.stringify(payload, null, 2)
+				}),
+				/* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Button, {
+					variant: "secondary",
+					onClick: () => bridge.resolve({
+						id: pending.id,
+						cancelled: true
+					}),
+					children: t("interaction.cancel")
+				}) })
+			]
+		})]
+	});
+}
+
+//#endregion
+export { A2uiSurfaceHost, A2uiSurfaceSnapshotHost, ChatEngine, Chatbot, CompositeUiBridge, DEFAULT_RENDERER_CAPABILITIES, ErrorCard, InteractionCard, InterruptedBanner, OpenUiSurfaceHost, OpenUiSurfaceSnapshotHost, ResultBlockList, ResultBlocksPro, SettingsDrawer, SkillBadges, SpecInteraction, VercelPayloadPreview, VercelSurfaceHost, VercelSurfaceSnapshotHost, chatbotDictionary, configureA2uiMarkdown, probeA2uiAvailability, probeOpenUiAvailability, useT };