@webskill/chatbot 0.3.0 → 0.4.0

package/dist/index.js

@@ -6,11 +6,11 @@ import { t as yaml } from "./yaml-C888tCbJ.js";
 import { t as json } from "./json-BOcU6nei.js";
 import { t as typescript } from "./typescript-DAau_Qyl.js";
 import { t as jsx$1 } from "./jsx-D2Jv0wvt.js";
-import { BEHAVIOR_RECORDS_KEY, DEFAULT_USER_PROFILE_LIMITS, EventBus, FsArtifactStore, FsMemoryStore, FsRunSnapshotStore, FsRunTraceStore, FsSessionStore, FullDisclosureRouter, SerializingMemoryStore, SkillDiscovery, USER_PROFILE_KEY, WebSkillError, WebSkillRuntime, applyUserProfileImport, assertRemoteUrlAllowed, diffUserProfile, exportUserProfile, isUnsupportedRunSnapshot, messageOf, parseUserProfileExport, readBehaviorRecords, readUserProfile, refineUserProfile, summarizeToolCalls, textParts } from "@webskill/sdk";
+import { BEHAVIOR_RECORDS_KEY, DEFAULT_LOOP_LIMITS, DEFAULT_USER_PROFILE_LIMITS, EventBus, FsArtifactStore, FsMemoryStore, FsRunSnapshotStore, FsRunTraceStore, FsSessionStore, FullDisclosureRouter, SerializingMemoryStore, SkillDiscovery, USER_PROFILE_KEY, WebSkillError, WebSkillRuntime, applyUserProfileImport, assertRemoteUrlAllowed, diffUserProfile, exportUserProfile, isUnsupportedRunSnapshot, messageOf, parseUserProfileExport, readBehaviorRecords, readUserProfile, refineUserProfile, summarizeToolCalls, textParts } from "@webskill/sdk";
 import { BrowserWorkerScriptExecutor, checkDictationAvailability, compressImageToBudget, createEncryptedMemoryStore, createLlmClient, deleteMemoryEncryptionKey, openMemoryEncryptionKey, probeChromeBuiltinAvailability, startDictation } from "@webskill/sdk/browser";
 import { JsonRenderSpecSurface, NativeSpecSurface, OpenUiSpecSurface, ReactBridgeState, SpecInteractionChannel, UiSurfaceList, UiSurfaceSnapshotList, probeJsonRenderAvailability } from "@webskill/sdk/ui-react";
 import { A2UI_SPEC_FORM_PATH, collectFormScopes, createUiCatalogToolSource, fromA2uiSpecAction, fromA2uiSurfaceAction, interactionToFormModel, interactionToUiSpec, loadOpenUiPeers, loadWebSkillLitCatalog, renderMiniChart, shapeInteractionValue, toA2uiSpecMessages, toA2uiSurfaceAction, toVercelToolInvocation, uiCatalog } from "@webskill/sdk/ui";
-import { TodoStore, createDelegationToolSource, createPagePerceptionToolSource, createSkillGenerationToolSource, createTodoToolSource, withDelegationOrigin } from "@webskill/sdk/agent";
+import { TodoStore, createDelegationToolSource, createPageActionToolSource, createPagePerceptionToolSource, createSkillGenerationToolSource, createTodoToolSource, withDelegationOrigin } from "@webskill/sdk/agent";
 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";
@@ -192,7 +192,7 @@ 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$47 = [
+const __iconNode$43 = [
 	["rect", {
 		width: "20",
 		height: "5",
@@ -218,7 +218,7 @@ const __iconNode$47 = [
 		key: "192myk"
 	}]
 ];
-const ArchiveRestore = createLucideIcon("archive-restore", __iconNode$47);
+const ArchiveRestore = createLucideIcon("archive-restore", __iconNode$43);
 
 //#endregion
 //#region ../../node_modules/.pnpm/lucide-react@1.27.0_react@19.2.8/node_modules/lucide-react/dist/esm/icons/archive.mjs
@@ -228,7 +228,7 @@ const ArchiveRestore = createLucideIcon("archive-restore", __iconNode$47);
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
-const __iconNode$46 = [
+const __iconNode$42 = [
 	["rect", {
 		width: "20",
 		height: "5",
@@ -246,7 +246,7 @@ const __iconNode$46 = [
 		key: "a56b0p"
 	}]
 ];
-const Archive = createLucideIcon("archive", __iconNode$46);
+const Archive = createLucideIcon("archive", __iconNode$42);
 
 //#endregion
 //#region ../../node_modules/.pnpm/lucide-react@1.27.0_react@19.2.8/node_modules/lucide-react/dist/esm/icons/arrow-up.mjs
@@ -256,14 +256,14 @@ const Archive = createLucideIcon("archive", __iconNode$46);
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
-const __iconNode$45 = [["path", {
+const __iconNode$41 = [["path", {
 	d: "m5 12 7-7 7 7",
 	key: "hav0vg"
 }], ["path", {
 	d: "M12 19V5",
 	key: "x0mq9r"
 }]];
-const ArrowUp = createLucideIcon("arrow-up", __iconNode$45);
+const ArrowUp = createLucideIcon("arrow-up", __iconNode$41);
 
 //#endregion
 //#region ../../node_modules/.pnpm/lucide-react@1.27.0_react@19.2.8/node_modules/lucide-react/dist/esm/icons/bot.mjs
@@ -273,7 +273,7 @@ const ArrowUp = createLucideIcon("arrow-up", __iconNode$45);
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
-const __iconNode$44 = [
+const __iconNode$40 = [
 	["path", {
 		d: "M12 8V4H8",
 		key: "hb8ula"
@@ -303,7 +303,7 @@ const __iconNode$44 = [
 		key: "rq6x2g"
 	}]
 ];
-const Bot = createLucideIcon("bot", __iconNode$44);
+const Bot = createLucideIcon("bot", __iconNode$40);
 
 //#endregion
 //#region ../../node_modules/.pnpm/lucide-react@1.27.0_react@19.2.8/node_modules/lucide-react/dist/esm/icons/boxes.mjs
@@ -313,7 +313,7 @@ const Bot = createLucideIcon("bot", __iconNode$44);
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
-const __iconNode$43 = [
+const __iconNode$39 = [
 	["path", {
 		d: "M2.97 12.92A2 2 0 0 0 2 14.63v3.24a2 2 0 0 0 .97 1.71l3 1.8a2 2 0 0 0 2.06 0L12 19v-5.5l-5-3-4.03 2.42Z",
 		key: "lc1i9w"
@@ -363,7 +363,7 @@ const __iconNode$43 = [
 		key: "1io7kd"
 	}]
 ];
-const Boxes = createLucideIcon("boxes", __iconNode$43);
+const Boxes = createLucideIcon("boxes", __iconNode$39);
 
 //#endregion
 //#region ../../node_modules/.pnpm/lucide-react@1.27.0_react@19.2.8/node_modules/lucide-react/dist/esm/icons/check.mjs
@@ -373,11 +373,11 @@ const Boxes = createLucideIcon("boxes", __iconNode$43);
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
-const __iconNode$42 = [["path", {
+const __iconNode$38 = [["path", {
 	d: "M20 6 9 17l-5-5",
 	key: "1gmf2c"
 }]];
-const Check = createLucideIcon("check", __iconNode$42);
+const Check = createLucideIcon("check", __iconNode$38);
 
 //#endregion
 //#region ../../node_modules/.pnpm/lucide-react@1.27.0_react@19.2.8/node_modules/lucide-react/dist/esm/icons/chevron-down.mjs
@@ -387,11 +387,11 @@ const Check = createLucideIcon("check", __iconNode$42);
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
-const __iconNode$41 = [["path", {
+const __iconNode$37 = [["path", {
 	d: "m6 9 6 6 6-6",
 	key: "qrunsl"
 }]];
-const ChevronDown = createLucideIcon("chevron-down", __iconNode$41);
+const ChevronDown = createLucideIcon("chevron-down", __iconNode$37);
 
 //#endregion
 //#region ../../node_modules/.pnpm/lucide-react@1.27.0_react@19.2.8/node_modules/lucide-react/dist/esm/icons/circle-check.mjs
@@ -401,7 +401,7 @@ const ChevronDown = createLucideIcon("chevron-down", __iconNode$41);
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
-const __iconNode$40 = [["circle", {
+const __iconNode$36 = [["circle", {
 	cx: "12",
 	cy: "12",
 	r: "10",
@@ -410,33 +410,7 @@ const __iconNode$40 = [["circle", {
 	d: "m9 12 2 2 4-4",
 	key: "dzmm74"
 }]];
-const CircleCheck = createLucideIcon("circle-check", __iconNode$40);
-
-//#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
-/**
-* @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$39 = [
-	["circle", {
-		cx: "12",
-		cy: "12",
-		r: "10",
-		key: "1mglay"
-	}],
-	["path", {
-		d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3",
-		key: "1u773s"
-	}],
-	["path", {
-		d: "M12 17h.01",
-		key: "p32p05"
-	}]
-];
-const CircleQuestionMark = createLucideIcon("circle-question-mark", __iconNode$39);
+const CircleCheck = createLucideIcon("circle-check", __iconNode$36);
 
 //#endregion
 //#region ../../node_modules/.pnpm/lucide-react@1.27.0_react@19.2.8/node_modules/lucide-react/dist/esm/icons/circle-x.mjs
@@ -446,7 +420,7 @@ const CircleQuestionMark = createLucideIcon("circle-question-mark", __iconNode$3
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
-const __iconNode$38 = [
+const __iconNode$35 = [
 	["circle", {
 		cx: "12",
 		cy: "12",
@@ -462,48 +436,7 @@ const __iconNode$38 = [
 		key: "z0biqf"
 	}]
 ];
-const CircleX = createLucideIcon("circle-x", __iconNode$38);
-
-//#endregion
-//#region ../../node_modules/.pnpm/lucide-react@1.27.0_react@19.2.8/node_modules/lucide-react/dist/esm/icons/clipboard-list.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$37 = [
-	["rect", {
-		width: "8",
-		height: "4",
-		x: "8",
-		y: "2",
-		rx: "1",
-		ry: "1",
-		key: "tgr4d6"
-	}],
-	["path", {
-		d: "M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2",
-		key: "116196"
-	}],
-	["path", {
-		d: "M12 11h4",
-		key: "1jrz19"
-	}],
-	["path", {
-		d: "M12 16h4",
-		key: "n85exb"
-	}],
-	["path", {
-		d: "M8 11h.01",
-		key: "1dfujw"
-	}],
-	["path", {
-		d: "M8 16h.01",
-		key: "18s6g9"
-	}]
-];
-const ClipboardList = createLucideIcon("clipboard-list", __iconNode$37);
+const CircleX = createLucideIcon("circle-x", __iconNode$35);
 
 //#endregion
 //#region ../../node_modules/.pnpm/lucide-react@1.27.0_react@19.2.8/node_modules/lucide-react/dist/esm/icons/copy.mjs
@@ -513,7 +446,7 @@ const ClipboardList = createLucideIcon("clipboard-list", __iconNode$37);
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
-const __iconNode$36 = [["rect", {
+const __iconNode$34 = [["rect", {
 	width: "14",
 	height: "14",
 	x: "8",
@@ -525,7 +458,7 @@ const __iconNode$36 = [["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$36);
+const Copy = createLucideIcon("copy", __iconNode$34);
 
 //#endregion
 //#region ../../node_modules/.pnpm/lucide-react@1.27.0_react@19.2.8/node_modules/lucide-react/dist/esm/icons/download.mjs
@@ -535,7 +468,7 @@ const Copy = createLucideIcon("copy", __iconNode$36);
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
-const __iconNode$35 = [
+const __iconNode$33 = [
 	["path", {
 		d: "M12 15V3",
 		key: "m9g1x1"
@@ -549,7 +482,7 @@ const __iconNode$35 = [
 		key: "brsn70"
 	}]
 ];
-const Download = createLucideIcon("download", __iconNode$35);
+const Download = createLucideIcon("download", __iconNode$33);
 
 //#endregion
 //#region ../../node_modules/.pnpm/lucide-react@1.27.0_react@19.2.8/node_modules/lucide-react/dist/esm/icons/ellipsis.mjs
@@ -559,7 +492,7 @@ const Download = createLucideIcon("download", __iconNode$35);
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
-const __iconNode$34 = [
+const __iconNode$32 = [
 	["circle", {
 		cx: "12",
 		cy: "12",
@@ -579,7 +512,7 @@ const __iconNode$34 = [
 		key: "1pcz8c"
 	}]
 ];
-const Ellipsis = createLucideIcon("ellipsis", __iconNode$34);
+const Ellipsis = createLucideIcon("ellipsis", __iconNode$32);
 
 //#endregion
 //#region ../../node_modules/.pnpm/lucide-react@1.27.0_react@19.2.8/node_modules/lucide-react/dist/esm/icons/external-link.mjs
@@ -589,7 +522,7 @@ const Ellipsis = createLucideIcon("ellipsis", __iconNode$34);
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
-const __iconNode$33 = [
+const __iconNode$31 = [
 	["path", {
 		d: "M15 3h6v6",
 		key: "1q9fwt"
@@ -603,7 +536,7 @@ const __iconNode$33 = [
 		key: "a6xqqp"
 	}]
 ];
-const ExternalLink = createLucideIcon("external-link", __iconNode$33);
+const ExternalLink = createLucideIcon("external-link", __iconNode$31);
 
 //#endregion
 //#region ../../node_modules/.pnpm/lucide-react@1.27.0_react@19.2.8/node_modules/lucide-react/dist/esm/icons/eye.mjs
@@ -613,7 +546,7 @@ const ExternalLink = createLucideIcon("external-link", __iconNode$33);
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
-const __iconNode$32 = [["path", {
+const __iconNode$30 = [["path", {
 	d: "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0",
 	key: "1nclc0"
 }], ["circle", {
@@ -622,7 +555,7 @@ const __iconNode$32 = [["path", {
 	r: "3",
 	key: "1v7zrd"
 }]];
-const Eye = createLucideIcon("eye", __iconNode$32);
+const Eye = createLucideIcon("eye", __iconNode$30);
 
 //#endregion
 //#region ../../node_modules/.pnpm/lucide-react@1.27.0_react@19.2.8/node_modules/lucide-react/dist/esm/icons/file.mjs
@@ -632,14 +565,14 @@ const Eye = createLucideIcon("eye", __iconNode$32);
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
-const __iconNode$31 = [["path", {
+const __iconNode$29 = [["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$31);
+const File = createLucideIcon("file", __iconNode$29);
 
 //#endregion
 //#region ../../node_modules/.pnpm/lucide-react@1.27.0_react@19.2.8/node_modules/lucide-react/dist/esm/icons/hourglass.mjs
@@ -649,7 +582,7 @@ const File = createLucideIcon("file", __iconNode$31);
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
-const __iconNode$30 = [
+const __iconNode$28 = [
 	["path", {
 		d: "M5 22h14",
 		key: "ehvnwv"
@@ -667,7 +600,7 @@ const __iconNode$30 = [
 		key: "1vvvr6"
 	}]
 ];
-const Hourglass = createLucideIcon("hourglass", __iconNode$30);
+const Hourglass = createLucideIcon("hourglass", __iconNode$28);
 
 //#endregion
 //#region ../../node_modules/.pnpm/lucide-react@1.27.0_react@19.2.8/node_modules/lucide-react/dist/esm/icons/images.mjs
@@ -677,7 +610,7 @@ const Hourglass = createLucideIcon("hourglass", __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 = [
+const __iconNode$27 = [
 	["path", {
 		d: "m22 11-1.296-1.296a2.4 2.4 0 0 0-3.408 0L11 16",
 		key: "9kzy35"
@@ -702,39 +635,7 @@ const __iconNode$29 = [
 		key: "1gvhby"
 	}]
 ];
-const Images = createLucideIcon("images", __iconNode$29);
-
-//#endregion
-//#region ../../node_modules/.pnpm/lucide-react@1.27.0_react@19.2.8/node_modules/lucide-react/dist/esm/icons/list-checks.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$28 = [
-	["path", {
-		d: "M13 5h8",
-		key: "a7qcls"
-	}],
-	["path", {
-		d: "M13 12h8",
-		key: "h98zly"
-	}],
-	["path", {
-		d: "M13 19h8",
-		key: "c3s6r1"
-	}],
-	["path", {
-		d: "m3 17 2 2 4-4",
-		key: "1jhpwq"
-	}],
-	["path", {
-		d: "m3 7 2 2 4-4",
-		key: "1obspn"
-	}]
-];
-const ListChecks = createLucideIcon("list-checks", __iconNode$28);
+const Images = createLucideIcon("images", __iconNode$27);
 
 //#endregion
 //#region ../../node_modules/.pnpm/lucide-react@1.27.0_react@19.2.8/node_modules/lucide-react/dist/esm/icons/loader-circle.mjs
@@ -744,11 +645,11 @@ const ListChecks = createLucideIcon("list-checks", __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 = [["path", {
+const __iconNode$26 = [["path", {
 	d: "M21 12a9 9 0 1 1-6.219-8.56",
 	key: "13zald"
 }]];
-const LoaderCircle = createLucideIcon("loader-circle", __iconNode$27);
+const LoaderCircle = createLucideIcon("loader-circle", __iconNode$26);
 
 //#endregion
 //#region ../../node_modules/.pnpm/lucide-react@1.27.0_react@19.2.8/node_modules/lucide-react/dist/esm/icons/menu.mjs
@@ -758,7 +659,7 @@ const LoaderCircle = createLucideIcon("loader-circle", __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$25 = [
 	["path", {
 		d: "M4 5h16",
 		key: "1tepv9"
@@ -772,31 +673,7 @@ const __iconNode$26 = [
 		key: "1djgab"
 	}]
 ];
-const Menu$1 = createLucideIcon("menu", __iconNode$26);
-
-//#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
-/**
-* @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$25 = [
-	["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"
-	}],
-	["path", {
-		d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3",
-		key: "1u773s"
-	}],
-	["path", {
-		d: "M12 17h.01",
-		key: "p32p05"
-	}]
-];
-const MessageCircleQuestionMark = createLucideIcon("message-circle-question-mark", __iconNode$25);
+const Menu$1 = createLucideIcon("menu", __iconNode$25);
 
 //#endregion
 //#region ../../node_modules/.pnpm/lucide-react@1.27.0_react@19.2.8/node_modules/lucide-react/dist/esm/icons/mic.mjs
@@ -875,7 +752,7 @@ const __iconNode$22 = [["path", {
 const Moon = createLucideIcon("moon", __iconNode$22);
 
 //#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
+//#region ../../node_modules/.pnpm/lucide-react@1.27.0_react@19.2.8/node_modules/lucide-react/dist/esm/icons/octagon-x.mjs
 /**
 * @license lucide-react v1.27.0 - ISC
 *
@@ -883,6 +760,30 @@ const Moon = createLucideIcon("moon", __iconNode$22);
 * See the LICENSE file in the root directory of this source tree.
 */
 const __iconNode$21 = [
+	["path", {
+		d: "m15 9-6 6",
+		key: "1uzhvr"
+	}],
+	["path", {
+		d: "M2.586 16.726A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2h6.624a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586z",
+		key: "2d38gg"
+	}],
+	["path", {
+		d: "m9 9 6 6",
+		key: "z0biqf"
+	}]
+];
+const OctagonX = createLucideIcon("octagon-x", __iconNode$21);
+
+//#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
+/**
+* @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$20 = [
 	["rect", {
 		width: "18",
 		height: "18",
@@ -900,7 +801,7 @@ const __iconNode$21 = [
 		key: "1pgupc"
 	}]
 ];
-const PanelRightOpen = createLucideIcon("panel-right-open", __iconNode$21);
+const PanelRightOpen = createLucideIcon("panel-right-open", __iconNode$20);
 
 //#endregion
 //#region ../../node_modules/.pnpm/lucide-react@1.27.0_react@19.2.8/node_modules/lucide-react/dist/esm/icons/paperclip.mjs
@@ -910,11 +811,11 @@ const PanelRightOpen = createLucideIcon("panel-right-open", __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$19 = [["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$20);
+const Paperclip = createLucideIcon("paperclip", __iconNode$19);
 
 //#endregion
 //#region ../../node_modules/.pnpm/lucide-react@1.27.0_react@19.2.8/node_modules/lucide-react/dist/esm/icons/pencil.mjs
@@ -924,14 +825,14 @@ const Paperclip = createLucideIcon("paperclip", __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 = [["path", {
+const __iconNode$18 = [["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$19);
+const Pencil = createLucideIcon("pencil", __iconNode$18);
 
 //#endregion
 //#region ../../node_modules/.pnpm/lucide-react@1.27.0_react@19.2.8/node_modules/lucide-react/dist/esm/icons/play.mjs
@@ -941,11 +842,11 @@ const Pencil = createLucideIcon("pencil", __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$17 = [["path", {
 	d: "M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z",
 	key: "10ikf1"
 }]];
-const Play = createLucideIcon("play", __iconNode$18);
+const Play = createLucideIcon("play", __iconNode$17);
 
 //#endregion
 //#region ../../node_modules/.pnpm/lucide-react@1.27.0_react@19.2.8/node_modules/lucide-react/dist/esm/icons/plug-zap.mjs
@@ -955,7 +856,7 @@ const Play = createLucideIcon("play", __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$16 = [
 	["path", {
 		d: "M6.3 20.3a2.4 2.4 0 0 0 3.4 0L12 18l-6-6-2.3 2.3a2.4 2.4 0 0 0 0 3.4Z",
 		key: "goz73y"
@@ -977,7 +878,7 @@ const __iconNode$17 = [
 		key: "16psg9"
 	}]
 ];
-const PlugZap = createLucideIcon("plug-zap", __iconNode$17);
+const PlugZap = createLucideIcon("plug-zap", __iconNode$16);
 
 //#endregion
 //#region ../../node_modules/.pnpm/lucide-react@1.27.0_react@19.2.8/node_modules/lucide-react/dist/esm/icons/plus.mjs
@@ -987,14 +888,14 @@ const PlugZap = createLucideIcon("plug-zap", __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 = [["path", {
+const __iconNode$15 = [["path", {
 	d: "M5 12h14",
 	key: "1ays0h"
 }], ["path", {
 	d: "M12 5v14",
 	key: "s699le"
 }]];
-const Plus = createLucideIcon("plus", __iconNode$16);
+const Plus = createLucideIcon("plus", __iconNode$15);
 
 //#endregion
 //#region ../../node_modules/.pnpm/lucide-react@1.27.0_react@19.2.8/node_modules/lucide-react/dist/esm/icons/rotate-ccw-clock.mjs
@@ -1004,7 +905,7 @@ const Plus = createLucideIcon("plus", __iconNode$16);
 * 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$14 = [
 	["path", {
 		d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8",
 		key: "1357e3"
@@ -1018,7 +919,7 @@ const __iconNode$15 = [
 		key: "1fdv2h"
 	}]
 ];
-const RotateCcwClock = createLucideIcon("rotate-ccw-clock", __iconNode$15);
+const RotateCcwClock = createLucideIcon("rotate-ccw-clock", __iconNode$14);
 
 //#endregion
 //#region ../../node_modules/.pnpm/lucide-react@1.27.0_react@19.2.8/node_modules/lucide-react/dist/esm/icons/rotate-ccw.mjs
@@ -1028,14 +929,14 @@ const RotateCcwClock = createLucideIcon("rotate-ccw-clock", __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$13 = [["path", {
 	d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8",
 	key: "1357e3"
 }], ["path", {
 	d: "M3 3v5h5",
 	key: "1xhq8a"
 }]];
-const RotateCcw = createLucideIcon("rotate-ccw", __iconNode$14);
+const RotateCcw = createLucideIcon("rotate-ccw", __iconNode$13);
 
 //#endregion
 //#region ../../node_modules/.pnpm/lucide-react@1.27.0_react@19.2.8/node_modules/lucide-react/dist/esm/icons/search.mjs
@@ -1045,7 +946,7 @@ const RotateCcw = createLucideIcon("rotate-ccw", __iconNode$14);
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
-const __iconNode$13 = [["path", {
+const __iconNode$12 = [["path", {
 	d: "m21 21-4.34-4.34",
 	key: "14j7rj"
 }], ["circle", {
@@ -1054,7 +955,7 @@ const __iconNode$13 = [["path", {
 	r: "8",
 	key: "4ej97u"
 }]];
-const Search = createLucideIcon("search", __iconNode$13);
+const Search = createLucideIcon("search", __iconNode$12);
 
 //#endregion
 //#region ../../node_modules/.pnpm/lucide-react@1.27.0_react@19.2.8/node_modules/lucide-react/dist/esm/icons/settings.mjs
@@ -1064,7 +965,7 @@ const Search = createLucideIcon("search", __iconNode$13);
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
-const __iconNode$12 = [["path", {
+const __iconNode$11 = [["path", {
 	d: "M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915",
 	key: "1i5ecw"
 }], ["circle", {
@@ -1073,31 +974,7 @@ const __iconNode$12 = [["path", {
 	r: "3",
 	key: "1v7zrd"
 }]];
-const Settings = createLucideIcon("settings", __iconNode$12);
-
-//#endregion
-//#region ../../node_modules/.pnpm/lucide-react@1.27.0_react@19.2.8/node_modules/lucide-react/dist/esm/icons/shield-alert.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$11 = [
-	["path", {
-		d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",
-		key: "oel41y"
-	}],
-	["path", {
-		d: "M12 8v4",
-		key: "1got3b"
-	}],
-	["path", {
-		d: "M12 16h.01",
-		key: "1drbdi"
-	}]
-];
-const ShieldAlert = createLucideIcon("shield-alert", __iconNode$11);
+const Settings = createLucideIcon("settings", __iconNode$11);
 
 //#endregion
 //#region ../../node_modules/.pnpm/lucide-react@1.27.0_react@19.2.8/node_modules/lucide-react/dist/esm/icons/shield-check.mjs
@@ -1389,13 +1266,13 @@ const X = createLucideIcon("x", __iconNode);
 
 //#endregion
 //#region ../ui-kit/src/components/Button.tsx
-const variantClasses = {
+const variantClasses$1 = {
 	primary: "bg-primary text-primary-foreground hover:bg-primary/90 active:bg-primary/80 shadow-sm disabled:opacity-50",
 	secondary: "bg-surface text-ink border border-border hover:bg-subtle dark:bg-subtle dark:hover:bg-surface",
 	ghost: "text-muted hover:bg-subtle hover:text-ink",
 	danger: "bg-destructive text-destructive-foreground hover:bg-destructive/90 shadow-sm disabled:opacity-60"
 };
-const sizeClasses$1 = {
+const sizeClasses$2 = {
 	sm: "h-7 px-2.5 text-xs gap-1.5 rounded-md",
 	md: "h-9 px-3.5 text-sm gap-2 rounded-lg"
 };
@@ -1403,7 +1280,7 @@ function Button({ variant = "primary", size = "md", loading = false, icon, disab
 	return /* @__PURE__ */ jsxs("button", {
 		type,
 		disabled: disabled || loading,
-		className: `inline-flex cursor-pointer items-center justify-center font-medium transition-colors select-none disabled:cursor-not-allowed ${variantClasses[variant]} ${sizeClasses$1[size]} ${className}`,
+		className: `inline-flex cursor-pointer items-center justify-center font-medium transition-colors select-none disabled:cursor-not-allowed ${variantClasses$1[variant]} ${sizeClasses$2[size]} ${className}`,
 		...rest,
 		children: [loading ? /* @__PURE__ */ jsx(LoaderCircle, {
 			className: "size-4 animate-spin",
@@ -1412,14 +1289,86 @@ function Button({ variant = "primary", size = "md", loading = false, icon, disab
 	});
 }
 
+//#endregion
+//#region ../ui-kit/src/components/IconButton.tsx
+const variantClasses = {
+	ghost: "text-muted hover:bg-subtle hover:text-ink",
+	secondary: "border border-border bg-surface text-ink hover:bg-subtle",
+	danger: "text-destructive hover:bg-destructive-soft"
+};
+const sizeClasses$1 = {
+	sm: "size-7",
+	md: "size-9"
+};
+/**
+* Accessible icon-only command button with a native hover label.
+*
+* 基类锁定 `rounded`（className 覆盖不生效）：与 `Button` 的圆角体系一致。
+*/
+function IconButton({ label, children, variant = "ghost", size = "md", className = "", type = "button", ...props }) {
+	return /* @__PURE__ */ jsx("button", {
+		type,
+		"aria-label": label,
+		title: label,
+		className: `inline-flex cursor-pointer items-center justify-center rounded-md transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 ${variantClasses[variant]} ${sizeClasses$1[size]} ${className}`,
+		...props,
+		children
+	});
+}
+
+//#endregion
+//#region ../ui-kit/src/components/CopyButton.tsx
+/**
+* 全仓唯一一份复制到剪贴板的状态机（S12）。
+* `copied` 为真时忽略重复点击，`resetDelayMs` 后自动复位。
+*/
+function useCopyToClipboard(resetDelayMs = 2e3) {
+	const [copied, setCopied] = useState(false);
+	return {
+		copied,
+		copy: useCallback((value) => {
+			if (copied || value === "") return;
+			navigator.clipboard.writeText(value).then(() => {
+				setCopied(true);
+				setTimeout(() => setCopied(false), resetDelayMs);
+			});
+		}, [copied, resetDelayMs])
+	};
+}
+/** 图标形态的复制按钮，复制成功后短暂显示已复制态。 */
+function CopyButton({ value, label, copiedLabel, className = "" }) {
+	const { copied, copy } = useCopyToClipboard();
+	return /* @__PURE__ */ jsx(IconButton, {
+		label: copied ? copiedLabel : label,
+		size: "sm",
+		className,
+		onClick: () => {
+			copy(value);
+		},
+		children: copied ? /* @__PURE__ */ jsx(Check, {
+			className: "size-3.5",
+			"aria-hidden": true
+		}) : /* @__PURE__ */ jsx(Copy, {
+			className: "size-3.5",
+			"aria-hidden": true
+		})
+	});
+}
+
 //#endregion
 //#region ../ui-kit/src/components/Input.tsx
-/** Source-owned input with a consistent form-control and validation surface. */
+/**
+* Source-owned input with a consistent form-control and validation surface.
+*
+* 宽/高/内边距的默认值在 `.webskill-input`（components 层），消费方的 `w-*` / `h-*` / `px-*` 能确定性地压过它；
+* 写在基类里则同层同特异性，全仓已有 8 个文件因此静默失效。
+* 基类锁定 `rounded`（className 覆盖不生效）：表单控件圆角体系统一。
+*/
 function Input({ className = "", invalid = false, type = "text", "aria-invalid": ariaInvalid, ...props }) {
 	return /* @__PURE__ */ jsx("input", {
 		type,
 		"aria-invalid": invalid ? true : ariaInvalid,
-		className: `h-9 w-full rounded-md border bg-surface px-3 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}`,
+		className: `webskill-input rounded-md border bg-surface 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
 	});
 }
@@ -2294,7 +2243,11 @@ __name$18(getState$2, "getState");
 
 //#endregion
 //#region ../ui-kit/src/components/Switch.tsx
-/** Source-owned shadcn-style switch backed by Radix keyboard semantics. */
+/**
+* Source-owned shadcn-style switch backed by Radix keyboard semantics.
+*
+* 基类锁定 `w` `h` `p` `rounded`（className 覆盖不生效）：轨道与滑块尺寸互相计算，任改一项即错位。
+*/
 function Switch({ className = "", label, ...props }) {
 	const control = /* @__PURE__ */ jsx(Switch$1, {
 		className: `inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full bg-border p-0.5 outline-none transition-colors focus-visible:ring-2 focus-visible:ring-ring/20 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary ${className}`,
@@ -7122,6 +7075,7 @@ function ThemeScope({ theme, className = "", children, ref, ...props }) {
 //#endregion
 //#region ../ui-kit/src/components/DropdownMenu.tsx
 const DropdownMenu = Root2;
+/** 基类锁定 `h` `p` `rounded`（className 覆盖不生效）：触发器与 `Button` 保持同高。 */
 function DropdownMenuTrigger({ children, className = "", asChild, ...props }) {
 	const triggerClass = asChild ? className : `inline-flex h-9 items-center justify-center rounded-md border border-border bg-surface px-3 text-sm font-medium text-ink shadow-xs outline-none transition-colors hover:bg-subtle focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/20 ${className}`;
 	return /* @__PURE__ */ jsx(Trigger$1, {
@@ -7131,6 +7085,7 @@ function DropdownMenuTrigger({ children, className = "", asChild, ...props }) {
 		children
 	});
 }
+/** 基类锁定 `p` `rounded`（className 覆盖不生效）：菜单项几何。 */
 function DropdownMenuItem({ children, className = "", ...props }) {
 	return /* @__PURE__ */ jsx(Item2, {
 		className: `flex cursor-pointer items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors data-[highlighted]:bg-subtle data-[disabled]:pointer-events-none data-[disabled]:opacity-50 ${className}`,
@@ -7138,17 +7093,22 @@ function DropdownMenuItem({ children, className = "", ...props }) {
 		children
 	});
 }
+/**
+* 浮层宽度下限默认值在 `.webskill-dropdown-content`（components 层），消费方的 `min-w-*` 能确定性地压过它。
+* 基类锁定 `p` `rounded` `z`（className 覆盖不生效）：`z-50` 属 ui-kit 的整体层级契约，逐个覆盖会让层级关系变成运气。
+*/
 function DropdownMenuContent({ children, className = "", sideOffset = 6, ...props }) {
 	return /* @__PURE__ */ jsx(Portal2, {
 		container: usePortalContainer(),
 		children: /* @__PURE__ */ jsx(Content2$1, {
 			sideOffset,
-			className: `z-50 min-w-40 rounded-md border border-border bg-surface p-1 text-sm text-ink shadow-pop outline-none ${className}`,
+			className: `webskill-dropdown-content z-50 rounded-md border border-border bg-surface p-1 text-sm text-ink shadow-pop outline-none ${className}`,
 			...props,
 			children
 		})
 	});
 }
+/** 基类锁定 `p` `rounded`（className 覆盖不生效）：左内边距与勾选标记位置耦合。 */
 function DropdownMenuCheckboxItem({ children, className = "", ...props }) {
 	return /* @__PURE__ */ jsxs(CheckboxItem2, {
 		className: `relative flex cursor-pointer items-center rounded-sm py-1.5 pr-2 pl-7 text-sm outline-none transition-colors data-[highlighted]:bg-subtle data-[disabled]:pointer-events-none data-[disabled]:opacity-50 ${className}`,
@@ -7428,19 +7388,44 @@ var Root$1 = VisuallyHidden;
 //#endregion
 //#region ../ui-kit/src/components/Sheet.tsx
 const Sheet = Dialog$1;
-/** Source-owned shadcn-style Sheet backed by Radix Dialog for focus management. */
-function SheetContent({ children, className = "", side = "right", title, ...props }) {
+/** 尺寸档位 → 宽度值。档位之外的宽度传 `className`（优先级见本文件头部）。 */
+const SHEET_WIDTHS = {
+	sm: "min(22rem, calc(100vw - 2rem))",
+	md: "min(32rem, calc(100vw - 2rem))",
+	lg: "min(44rem, calc(100vw - 2rem))"
+};
+/**
+* Source-owned shadcn-style Sheet backed by Radix Dialog for focus management.
+*
+* 宽度三档定序，不存在平局：
+* `size`（行内变量）> `className` 的 `w-*`（utilities 层）> 默认值（components 层）。
+* 基类里**不得**再出现 `w-` 工具类——那会与消费方的宽度类同层同特异性，
+* 胜负只看产物顺序，而产物顺序不是消费方能控制的。
+*
+* 基类锁定 `z`（className 覆盖不生效）：浮层层级是 ui-kit 的整体契约。
+*/
+function SheetContent({ children, className = "", side = "right", title, size, style, ...props }) {
 	const positionClass = side === "left" ? "inset-y-0 left-0 border-r" : "inset-y-0 right-0 border-l";
+	const gutterClass = side === "left" ? "left-full" : "right-full";
 	return /* @__PURE__ */ jsxs(DialogPortal, {
 		container: usePortalContainer(),
 		children: [/* @__PURE__ */ jsx(DialogOverlay, { className: "fixed inset-0 z-50 bg-ink/35 backdrop-blur-[1px]" }), /* @__PURE__ */ jsxs(DialogContent, {
-			className: `fixed z-50 flex w-[min(22rem,calc(100vw-2rem))] flex-col bg-surface text-ink shadow-pop outline-none ${positionClass} ${className}`,
+			className: `webskill-sheet-content fixed z-50 flex flex-col bg-surface text-ink shadow-pop outline-none ${positionClass} ${className}`,
+			style: size === void 0 ? style : {
+				...style,
+				"--webskill-sheet-width": SHEET_WIDTHS[size]
+			},
 			...props,
 			children: [
 				/* @__PURE__ */ jsx(DialogTitle, {
 					className: "sr-only",
 					children: title
 				}),
+				/* @__PURE__ */ jsx(DialogClose, {
+					"aria-label": "Dismiss panel",
+					tabIndex: -1,
+					className: `absolute inset-y-0 w-screen cursor-default ${gutterClass}`
+				}),
 				children,
 				/* @__PURE__ */ jsx(DialogClose, {
 					"aria-label": "Close panel",
@@ -7457,15 +7442,27 @@ function SheetContent({ children, className = "", side = "right", title, ...prop
 
 //#endregion
 //#region ../ui-kit/src/components/Dialog.tsx
-/** Source-owned shadcn-style dialog backed by Radix focus trap and dismiss behavior. */
-function Dialog({ open, onClose, title, description, footer, hideCloseButton = false, className = "", children }) {
+const DIALOG_WIDTHS = {
+	sm: "min(100% - 2rem, 24rem)",
+	md: "min(100% - 2rem, 32rem)",
+	lg: "min(100% - 2rem, 44rem)"
+};
+/**
+* Source-owned shadcn-style dialog backed by Radix focus trap and dismiss behavior.
+*
+* 宽度机制同 `SheetContent`。
+* 基类锁定 `h` `rounded` `z`（className 覆盖不生效）：
+* `max-h` 是视口上限，圆角与层级属 ui-kit 的整体契约。
+*/
+function Dialog({ open, onClose, title, description, footer, hideCloseButton = false, className = "", size, children }) {
 	return /* @__PURE__ */ jsx(Dialog$1, {
 		open,
 		onOpenChange: (nextOpen) => !nextOpen && onClose(),
 		children: /* @__PURE__ */ jsxs(DialogPortal, {
 			container: usePortalContainer(),
 			children: [/* @__PURE__ */ jsx(DialogOverlay, { className: "fixed inset-0 z-50 bg-foreground/45" }), /* @__PURE__ */ jsxs(DialogContent, {
-				className: `fixed top-1/2 left-1/2 z-50 flex max-h-[calc(100dvh-2rem)] w-[min(100%-2rem,32rem)] -translate-x-1/2 -translate-y-1/2 flex-col rounded-card border border-border bg-surface shadow-pop outline-none ${className}`,
+				className: `webskill-dialog-content fixed top-1/2 left-1/2 z-50 flex max-h-[calc(100dvh-2rem)] -translate-x-1/2 -translate-y-1/2 flex-col rounded-card border border-border bg-surface shadow-pop outline-none ${className}`,
+				...size !== void 0 ? { style: { "--webskill-dialog-width": DIALOG_WIDTHS[size] } } : {},
 				children: [
 					/* @__PURE__ */ jsxs("div", {
 						className: "flex items-start justify-between gap-4 border-b border-border px-5 py-4",
@@ -11058,6 +11055,7 @@ const toneClasses = {
 	info: "bg-info-soft text-info",
 	danger: "bg-destructive-soft text-destructive"
 };
+/** 基类锁定 `p` `rounded`（className 覆盖不生效）：药丸形状是组件身份，要换形状请换组件。 */
 function Badge({ tone = "neutral", className = "", children, ...rest }) {
 	return /* @__PURE__ */ jsx("span", {
 		className: `inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium ${toneClasses[tone]} ${className}`,
@@ -11565,7 +11563,11 @@ var Arrow2 = TooltipArrow;
 
 //#endregion
 //#region ../ui-kit/src/components/Tooltip.tsx
-/** Source-owned shadcn-style tooltip backed by Radix hover and focus behavior. */
+/**
+* Source-owned shadcn-style tooltip backed by Radix hover and focus behavior.
+*
+* 基类锁定 `p` `rounded` `z`（className 覆盖不生效）：气泡几何固定，层级同上。
+*/
 function Tooltip({ content, side = "top", className = "", hidden = false, children }) {
 	const container = usePortalContainer();
 	if (hidden) return /* @__PURE__ */ jsx(Fragment$1, { children });
@@ -11779,7 +11781,7 @@ function SettingsPanel({ sections, activeId, onActiveChange, variant = "sidebar"
 		"data-settings-content": active?.id ?? "",
 		className: cn("flex min-h-0 flex-1 flex-col gap-4 overflow-y-auto", variant === "sidebar" && "p-4"),
 		children: active?.render()
-	});
+	}, active?.id ?? "");
 	if (variant === "content-only") return /* @__PURE__ */ jsx("div", {
 		className: cn("flex min-h-0 flex-col", className),
 		children: content
@@ -11839,6 +11841,39 @@ function Select({ options, value, onChange, placeholder, disabled = false, id, l
 	});
 }
 
+//#endregion
+//#region ../ui-kit/src/components/SearchInput.tsx
+function SearchInput({ value, onChange, placeholder = "Search…", id, className = "", clearLabel = "Clear search" }) {
+	return /* @__PURE__ */ jsxs("span", {
+		className: `relative inline-flex items-center ${className}`,
+		children: [
+			/* @__PURE__ */ jsx(Search, {
+				className: "pointer-events-none absolute left-2.5 size-4 text-muted",
+				"aria-hidden": true
+			}),
+			/* @__PURE__ */ jsx("input", {
+				id,
+				type: "search",
+				role: "searchbox",
+				value,
+				placeholder,
+				onChange: (event) => onChange(event.target.value),
+				className: "h-9 w-full rounded-lg border border-border bg-surface pr-8 pl-8 text-sm text-ink transition-colors placeholder:text-muted hover:border-ring [&::-webkit-search-cancel-button]:hidden"
+			}),
+			value !== "" && /* @__PURE__ */ jsx("button", {
+				type: "button",
+				"aria-label": clearLabel,
+				onClick: () => onChange(""),
+				className: "absolute right-2 cursor-pointer rounded-md p-0.5 text-muted transition-colors hover:text-ink",
+				children: /* @__PURE__ */ jsx(X, {
+					className: "size-3.5",
+					"aria-hidden": true
+				})
+			})
+		]
+	});
+}
+
 //#endregion
 //#region ../ui-kit/src/components/DescriptionText.tsx
 function DescriptionText({ title, description, learnMoreHref, className = "" }) {
@@ -28602,570 +28637,6 @@ function defaultUrlTransform(value) {
 	return "";
 }
 
-//#endregion
-//#region ../../node_modules/.pnpm/react-syntax-highlighter@16.1.1_react@19.2.8/node_modules/react-syntax-highlighter/dist/esm/styles/prism/one-dark.js
-var one_dark_default = {
-	"code[class*=\"language-\"]": {
-		"background": "hsl(220, 13%, 18%)",
-		"color": "hsl(220, 14%, 71%)",
-		"textShadow": "0 1px rgba(0, 0, 0, 0.3)",
-		"fontFamily": "\"Fira Code\", \"Fira Mono\", Menlo, Consolas, \"DejaVu Sans Mono\", monospace",
-		"direction": "ltr",
-		"textAlign": "left",
-		"whiteSpace": "pre",
-		"wordSpacing": "normal",
-		"wordBreak": "normal",
-		"lineHeight": "1.5",
-		"MozTabSize": "2",
-		"OTabSize": "2",
-		"tabSize": "2",
-		"WebkitHyphens": "none",
-		"MozHyphens": "none",
-		"msHyphens": "none",
-		"hyphens": "none"
-	},
-	"pre[class*=\"language-\"]": {
-		"background": "hsl(220, 13%, 18%)",
-		"color": "hsl(220, 14%, 71%)",
-		"textShadow": "0 1px rgba(0, 0, 0, 0.3)",
-		"fontFamily": "\"Fira Code\", \"Fira Mono\", Menlo, Consolas, \"DejaVu Sans Mono\", monospace",
-		"direction": "ltr",
-		"textAlign": "left",
-		"whiteSpace": "pre",
-		"wordSpacing": "normal",
-		"wordBreak": "normal",
-		"lineHeight": "1.5",
-		"MozTabSize": "2",
-		"OTabSize": "2",
-		"tabSize": "2",
-		"WebkitHyphens": "none",
-		"MozHyphens": "none",
-		"msHyphens": "none",
-		"hyphens": "none",
-		"padding": "1em",
-		"margin": "0.5em 0",
-		"overflow": "auto",
-		"borderRadius": "0.3em"
-	},
-	"code[class*=\"language-\"]::-moz-selection": {
-		"background": "hsl(220, 13%, 28%)",
-		"color": "inherit",
-		"textShadow": "none"
-	},
-	"code[class*=\"language-\"] *::-moz-selection": {
-		"background": "hsl(220, 13%, 28%)",
-		"color": "inherit",
-		"textShadow": "none"
-	},
-	"pre[class*=\"language-\"] *::-moz-selection": {
-		"background": "hsl(220, 13%, 28%)",
-		"color": "inherit",
-		"textShadow": "none"
-	},
-	"code[class*=\"language-\"]::selection": {
-		"background": "hsl(220, 13%, 28%)",
-		"color": "inherit",
-		"textShadow": "none"
-	},
-	"code[class*=\"language-\"] *::selection": {
-		"background": "hsl(220, 13%, 28%)",
-		"color": "inherit",
-		"textShadow": "none"
-	},
-	"pre[class*=\"language-\"] *::selection": {
-		"background": "hsl(220, 13%, 28%)",
-		"color": "inherit",
-		"textShadow": "none"
-	},
-	":not(pre) > code[class*=\"language-\"]": {
-		"padding": "0.2em 0.3em",
-		"borderRadius": "0.3em",
-		"whiteSpace": "normal"
-	},
-	"comment": {
-		"color": "hsl(220, 10%, 40%)",
-		"fontStyle": "italic"
-	},
-	"prolog": { "color": "hsl(220, 10%, 40%)" },
-	"cdata": { "color": "hsl(220, 10%, 40%)" },
-	"doctype": { "color": "hsl(220, 14%, 71%)" },
-	"punctuation": { "color": "hsl(220, 14%, 71%)" },
-	"entity": {
-		"color": "hsl(220, 14%, 71%)",
-		"cursor": "help"
-	},
-	"attr-name": { "color": "hsl(29, 54%, 61%)" },
-	"class-name": { "color": "hsl(29, 54%, 61%)" },
-	"boolean": { "color": "hsl(29, 54%, 61%)" },
-	"constant": { "color": "hsl(29, 54%, 61%)" },
-	"number": { "color": "hsl(29, 54%, 61%)" },
-	"atrule": { "color": "hsl(29, 54%, 61%)" },
-	"keyword": { "color": "hsl(286, 60%, 67%)" },
-	"property": { "color": "hsl(355, 65%, 65%)" },
-	"tag": { "color": "hsl(355, 65%, 65%)" },
-	"symbol": { "color": "hsl(355, 65%, 65%)" },
-	"deleted": { "color": "hsl(355, 65%, 65%)" },
-	"important": { "color": "hsl(355, 65%, 65%)" },
-	"selector": { "color": "hsl(95, 38%, 62%)" },
-	"string": { "color": "hsl(95, 38%, 62%)" },
-	"char": { "color": "hsl(95, 38%, 62%)" },
-	"builtin": { "color": "hsl(95, 38%, 62%)" },
-	"inserted": { "color": "hsl(95, 38%, 62%)" },
-	"regex": { "color": "hsl(95, 38%, 62%)" },
-	"attr-value": { "color": "hsl(95, 38%, 62%)" },
-	"attr-value > .token.punctuation": { "color": "hsl(95, 38%, 62%)" },
-	"variable": { "color": "hsl(207, 82%, 66%)" },
-	"operator": { "color": "hsl(207, 82%, 66%)" },
-	"function": { "color": "hsl(207, 82%, 66%)" },
-	"url": { "color": "hsl(187, 47%, 55%)" },
-	"attr-value > .token.punctuation.attr-equals": { "color": "hsl(220, 14%, 71%)" },
-	"special-attr > .token.attr-value > .token.value.css": { "color": "hsl(220, 14%, 71%)" },
-	".language-css .token.selector": { "color": "hsl(355, 65%, 65%)" },
-	".language-css .token.property": { "color": "hsl(220, 14%, 71%)" },
-	".language-css .token.function": { "color": "hsl(187, 47%, 55%)" },
-	".language-css .token.url > .token.function": { "color": "hsl(187, 47%, 55%)" },
-	".language-css .token.url > .token.string.url": { "color": "hsl(95, 38%, 62%)" },
-	".language-css .token.important": { "color": "hsl(286, 60%, 67%)" },
-	".language-css .token.atrule .token.rule": { "color": "hsl(286, 60%, 67%)" },
-	".language-javascript .token.operator": { "color": "hsl(286, 60%, 67%)" },
-	".language-javascript .token.template-string > .token.interpolation > .token.interpolation-punctuation.punctuation": { "color": "hsl(5, 48%, 51%)" },
-	".language-json .token.operator": { "color": "hsl(220, 14%, 71%)" },
-	".language-json .token.null.keyword": { "color": "hsl(29, 54%, 61%)" },
-	".language-markdown .token.url": { "color": "hsl(220, 14%, 71%)" },
-	".language-markdown .token.url > .token.operator": { "color": "hsl(220, 14%, 71%)" },
-	".language-markdown .token.url-reference.url > .token.string": { "color": "hsl(220, 14%, 71%)" },
-	".language-markdown .token.url > .token.content": { "color": "hsl(207, 82%, 66%)" },
-	".language-markdown .token.url > .token.url": { "color": "hsl(187, 47%, 55%)" },
-	".language-markdown .token.url-reference.url": { "color": "hsl(187, 47%, 55%)" },
-	".language-markdown .token.blockquote.punctuation": {
-		"color": "hsl(220, 10%, 40%)",
-		"fontStyle": "italic"
-	},
-	".language-markdown .token.hr.punctuation": {
-		"color": "hsl(220, 10%, 40%)",
-		"fontStyle": "italic"
-	},
-	".language-markdown .token.code-snippet": { "color": "hsl(95, 38%, 62%)" },
-	".language-markdown .token.bold .token.content": { "color": "hsl(29, 54%, 61%)" },
-	".language-markdown .token.italic .token.content": { "color": "hsl(286, 60%, 67%)" },
-	".language-markdown .token.strike .token.content": { "color": "hsl(355, 65%, 65%)" },
-	".language-markdown .token.strike .token.punctuation": { "color": "hsl(355, 65%, 65%)" },
-	".language-markdown .token.list.punctuation": { "color": "hsl(355, 65%, 65%)" },
-	".language-markdown .token.title.important > .token.punctuation": { "color": "hsl(355, 65%, 65%)" },
-	"bold": { "fontWeight": "bold" },
-	"italic": { "fontStyle": "italic" },
-	"namespace": { "Opacity": "0.8" },
-	"token.tab:not(:empty):before": {
-		"color": "hsla(220, 14%, 71%, 0.15)",
-		"textShadow": "none"
-	},
-	"token.cr:before": {
-		"color": "hsla(220, 14%, 71%, 0.15)",
-		"textShadow": "none"
-	},
-	"token.lf:before": {
-		"color": "hsla(220, 14%, 71%, 0.15)",
-		"textShadow": "none"
-	},
-	"token.space:before": {
-		"color": "hsla(220, 14%, 71%, 0.15)",
-		"textShadow": "none"
-	},
-	"div.code-toolbar > .toolbar.toolbar > .toolbar-item": { "marginRight": "0.4em" },
-	"div.code-toolbar > .toolbar.toolbar > .toolbar-item > button": {
-		"background": "hsl(220, 13%, 26%)",
-		"color": "hsl(220, 9%, 55%)",
-		"padding": "0.1em 0.4em",
-		"borderRadius": "0.3em"
-	},
-	"div.code-toolbar > .toolbar.toolbar > .toolbar-item > a": {
-		"background": "hsl(220, 13%, 26%)",
-		"color": "hsl(220, 9%, 55%)",
-		"padding": "0.1em 0.4em",
-		"borderRadius": "0.3em"
-	},
-	"div.code-toolbar > .toolbar.toolbar > .toolbar-item > span": {
-		"background": "hsl(220, 13%, 26%)",
-		"color": "hsl(220, 9%, 55%)",
-		"padding": "0.1em 0.4em",
-		"borderRadius": "0.3em"
-	},
-	"div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:hover": {
-		"background": "hsl(220, 13%, 28%)",
-		"color": "hsl(220, 14%, 71%)"
-	},
-	"div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:focus": {
-		"background": "hsl(220, 13%, 28%)",
-		"color": "hsl(220, 14%, 71%)"
-	},
-	"div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:hover": {
-		"background": "hsl(220, 13%, 28%)",
-		"color": "hsl(220, 14%, 71%)"
-	},
-	"div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:focus": {
-		"background": "hsl(220, 13%, 28%)",
-		"color": "hsl(220, 14%, 71%)"
-	},
-	"div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:hover": {
-		"background": "hsl(220, 13%, 28%)",
-		"color": "hsl(220, 14%, 71%)"
-	},
-	"div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:focus": {
-		"background": "hsl(220, 13%, 28%)",
-		"color": "hsl(220, 14%, 71%)"
-	},
-	".line-highlight.line-highlight": { "background": "hsla(220, 100%, 80%, 0.04)" },
-	".line-highlight.line-highlight:before": {
-		"background": "hsl(220, 13%, 26%)",
-		"color": "hsl(220, 14%, 71%)",
-		"padding": "0.1em 0.6em",
-		"borderRadius": "0.3em",
-		"boxShadow": "0 2px 0 0 rgba(0, 0, 0, 0.2)"
-	},
-	".line-highlight.line-highlight[data-end]:after": {
-		"background": "hsl(220, 13%, 26%)",
-		"color": "hsl(220, 14%, 71%)",
-		"padding": "0.1em 0.6em",
-		"borderRadius": "0.3em",
-		"boxShadow": "0 2px 0 0 rgba(0, 0, 0, 0.2)"
-	},
-	"pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows > span:hover:before": { "backgroundColor": "hsla(220, 100%, 80%, 0.04)" },
-	".line-numbers.line-numbers .line-numbers-rows": { "borderRightColor": "hsla(220, 14%, 71%, 0.15)" },
-	".command-line .command-line-prompt": { "borderRightColor": "hsla(220, 14%, 71%, 0.15)" },
-	".line-numbers .line-numbers-rows > span:before": { "color": "hsl(220, 14%, 45%)" },
-	".command-line .command-line-prompt > span:before": { "color": "hsl(220, 14%, 45%)" },
-	".rainbow-braces .token.token.punctuation.brace-level-1": { "color": "hsl(355, 65%, 65%)" },
-	".rainbow-braces .token.token.punctuation.brace-level-5": { "color": "hsl(355, 65%, 65%)" },
-	".rainbow-braces .token.token.punctuation.brace-level-9": { "color": "hsl(355, 65%, 65%)" },
-	".rainbow-braces .token.token.punctuation.brace-level-2": { "color": "hsl(95, 38%, 62%)" },
-	".rainbow-braces .token.token.punctuation.brace-level-6": { "color": "hsl(95, 38%, 62%)" },
-	".rainbow-braces .token.token.punctuation.brace-level-10": { "color": "hsl(95, 38%, 62%)" },
-	".rainbow-braces .token.token.punctuation.brace-level-3": { "color": "hsl(207, 82%, 66%)" },
-	".rainbow-braces .token.token.punctuation.brace-level-7": { "color": "hsl(207, 82%, 66%)" },
-	".rainbow-braces .token.token.punctuation.brace-level-11": { "color": "hsl(207, 82%, 66%)" },
-	".rainbow-braces .token.token.punctuation.brace-level-4": { "color": "hsl(286, 60%, 67%)" },
-	".rainbow-braces .token.token.punctuation.brace-level-8": { "color": "hsl(286, 60%, 67%)" },
-	".rainbow-braces .token.token.punctuation.brace-level-12": { "color": "hsl(286, 60%, 67%)" },
-	"pre.diff-highlight > code .token.token.deleted:not(.prefix)": { "backgroundColor": "hsla(353, 100%, 66%, 0.15)" },
-	"pre > code.diff-highlight .token.token.deleted:not(.prefix)": { "backgroundColor": "hsla(353, 100%, 66%, 0.15)" },
-	"pre.diff-highlight > code .token.token.deleted:not(.prefix)::-moz-selection": { "backgroundColor": "hsla(353, 95%, 66%, 0.25)" },
-	"pre.diff-highlight > code .token.token.deleted:not(.prefix) *::-moz-selection": { "backgroundColor": "hsla(353, 95%, 66%, 0.25)" },
-	"pre > code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection": { "backgroundColor": "hsla(353, 95%, 66%, 0.25)" },
-	"pre > code.diff-highlight .token.token.deleted:not(.prefix) *::-moz-selection": { "backgroundColor": "hsla(353, 95%, 66%, 0.25)" },
-	"pre.diff-highlight > code .token.token.deleted:not(.prefix)::selection": { "backgroundColor": "hsla(353, 95%, 66%, 0.25)" },
-	"pre.diff-highlight > code .token.token.deleted:not(.prefix) *::selection": { "backgroundColor": "hsla(353, 95%, 66%, 0.25)" },
-	"pre > code.diff-highlight .token.token.deleted:not(.prefix)::selection": { "backgroundColor": "hsla(353, 95%, 66%, 0.25)" },
-	"pre > code.diff-highlight .token.token.deleted:not(.prefix) *::selection": { "backgroundColor": "hsla(353, 95%, 66%, 0.25)" },
-	"pre.diff-highlight > code .token.token.inserted:not(.prefix)": { "backgroundColor": "hsla(137, 100%, 55%, 0.15)" },
-	"pre > code.diff-highlight .token.token.inserted:not(.prefix)": { "backgroundColor": "hsla(137, 100%, 55%, 0.15)" },
-	"pre.diff-highlight > code .token.token.inserted:not(.prefix)::-moz-selection": { "backgroundColor": "hsla(135, 73%, 55%, 0.25)" },
-	"pre.diff-highlight > code .token.token.inserted:not(.prefix) *::-moz-selection": { "backgroundColor": "hsla(135, 73%, 55%, 0.25)" },
-	"pre > code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection": { "backgroundColor": "hsla(135, 73%, 55%, 0.25)" },
-	"pre > code.diff-highlight .token.token.inserted:not(.prefix) *::-moz-selection": { "backgroundColor": "hsla(135, 73%, 55%, 0.25)" },
-	"pre.diff-highlight > code .token.token.inserted:not(.prefix)::selection": { "backgroundColor": "hsla(135, 73%, 55%, 0.25)" },
-	"pre.diff-highlight > code .token.token.inserted:not(.prefix) *::selection": { "backgroundColor": "hsla(135, 73%, 55%, 0.25)" },
-	"pre > code.diff-highlight .token.token.inserted:not(.prefix)::selection": { "backgroundColor": "hsla(135, 73%, 55%, 0.25)" },
-	"pre > code.diff-highlight .token.token.inserted:not(.prefix) *::selection": { "backgroundColor": "hsla(135, 73%, 55%, 0.25)" },
-	".prism-previewer.prism-previewer:before": { "borderColor": "hsl(224, 13%, 17%)" },
-	".prism-previewer-gradient.prism-previewer-gradient div": {
-		"borderColor": "hsl(224, 13%, 17%)",
-		"borderRadius": "0.3em"
-	},
-	".prism-previewer-color.prism-previewer-color:before": { "borderRadius": "0.3em" },
-	".prism-previewer-easing.prism-previewer-easing:before": { "borderRadius": "0.3em" },
-	".prism-previewer.prism-previewer:after": { "borderTopColor": "hsl(224, 13%, 17%)" },
-	".prism-previewer-flipped.prism-previewer-flipped.after": { "borderBottomColor": "hsl(224, 13%, 17%)" },
-	".prism-previewer-angle.prism-previewer-angle:before": { "background": "hsl(219, 13%, 22%)" },
-	".prism-previewer-time.prism-previewer-time:before": { "background": "hsl(219, 13%, 22%)" },
-	".prism-previewer-easing.prism-previewer-easing": { "background": "hsl(219, 13%, 22%)" },
-	".prism-previewer-angle.prism-previewer-angle circle": {
-		"stroke": "hsl(220, 14%, 71%)",
-		"strokeOpacity": "1"
-	},
-	".prism-previewer-time.prism-previewer-time circle": {
-		"stroke": "hsl(220, 14%, 71%)",
-		"strokeOpacity": "1"
-	},
-	".prism-previewer-easing.prism-previewer-easing circle": {
-		"stroke": "hsl(220, 14%, 71%)",
-		"fill": "transparent"
-	},
-	".prism-previewer-easing.prism-previewer-easing path": { "stroke": "hsl(220, 14%, 71%)" },
-	".prism-previewer-easing.prism-previewer-easing line": { "stroke": "hsl(220, 14%, 71%)" }
-};
-
-//#endregion
-//#region ../../node_modules/.pnpm/react-syntax-highlighter@16.1.1_react@19.2.8/node_modules/react-syntax-highlighter/dist/esm/styles/prism/one-light.js
-var one_light_default = {
-	"code[class*=\"language-\"]": {
-		"background": "hsl(230, 1%, 98%)",
-		"color": "hsl(230, 8%, 24%)",
-		"fontFamily": "\"Fira Code\", \"Fira Mono\", Menlo, Consolas, \"DejaVu Sans Mono\", monospace",
-		"direction": "ltr",
-		"textAlign": "left",
-		"whiteSpace": "pre",
-		"wordSpacing": "normal",
-		"wordBreak": "normal",
-		"lineHeight": "1.5",
-		"MozTabSize": "2",
-		"OTabSize": "2",
-		"tabSize": "2",
-		"WebkitHyphens": "none",
-		"MozHyphens": "none",
-		"msHyphens": "none",
-		"hyphens": "none"
-	},
-	"pre[class*=\"language-\"]": {
-		"background": "hsl(230, 1%, 98%)",
-		"color": "hsl(230, 8%, 24%)",
-		"fontFamily": "\"Fira Code\", \"Fira Mono\", Menlo, Consolas, \"DejaVu Sans Mono\", monospace",
-		"direction": "ltr",
-		"textAlign": "left",
-		"whiteSpace": "pre",
-		"wordSpacing": "normal",
-		"wordBreak": "normal",
-		"lineHeight": "1.5",
-		"MozTabSize": "2",
-		"OTabSize": "2",
-		"tabSize": "2",
-		"WebkitHyphens": "none",
-		"MozHyphens": "none",
-		"msHyphens": "none",
-		"hyphens": "none",
-		"padding": "1em",
-		"margin": "0.5em 0",
-		"overflow": "auto",
-		"borderRadius": "0.3em"
-	},
-	"code[class*=\"language-\"]::-moz-selection": {
-		"background": "hsl(230, 1%, 90%)",
-		"color": "inherit"
-	},
-	"code[class*=\"language-\"] *::-moz-selection": {
-		"background": "hsl(230, 1%, 90%)",
-		"color": "inherit"
-	},
-	"pre[class*=\"language-\"] *::-moz-selection": {
-		"background": "hsl(230, 1%, 90%)",
-		"color": "inherit"
-	},
-	"code[class*=\"language-\"]::selection": {
-		"background": "hsl(230, 1%, 90%)",
-		"color": "inherit"
-	},
-	"code[class*=\"language-\"] *::selection": {
-		"background": "hsl(230, 1%, 90%)",
-		"color": "inherit"
-	},
-	"pre[class*=\"language-\"] *::selection": {
-		"background": "hsl(230, 1%, 90%)",
-		"color": "inherit"
-	},
-	":not(pre) > code[class*=\"language-\"]": {
-		"padding": "0.2em 0.3em",
-		"borderRadius": "0.3em",
-		"whiteSpace": "normal"
-	},
-	"comment": {
-		"color": "hsl(230, 4%, 64%)",
-		"fontStyle": "italic"
-	},
-	"prolog": { "color": "hsl(230, 4%, 64%)" },
-	"cdata": { "color": "hsl(230, 4%, 64%)" },
-	"doctype": { "color": "hsl(230, 8%, 24%)" },
-	"punctuation": { "color": "hsl(230, 8%, 24%)" },
-	"entity": {
-		"color": "hsl(230, 8%, 24%)",
-		"cursor": "help"
-	},
-	"attr-name": { "color": "hsl(35, 99%, 36%)" },
-	"class-name": { "color": "hsl(35, 99%, 36%)" },
-	"boolean": { "color": "hsl(35, 99%, 36%)" },
-	"constant": { "color": "hsl(35, 99%, 36%)" },
-	"number": { "color": "hsl(35, 99%, 36%)" },
-	"atrule": { "color": "hsl(35, 99%, 36%)" },
-	"keyword": { "color": "hsl(301, 63%, 40%)" },
-	"property": { "color": "hsl(5, 74%, 59%)" },
-	"tag": { "color": "hsl(5, 74%, 59%)" },
-	"symbol": { "color": "hsl(5, 74%, 59%)" },
-	"deleted": { "color": "hsl(5, 74%, 59%)" },
-	"important": { "color": "hsl(5, 74%, 59%)" },
-	"selector": { "color": "hsl(119, 34%, 47%)" },
-	"string": { "color": "hsl(119, 34%, 47%)" },
-	"char": { "color": "hsl(119, 34%, 47%)" },
-	"builtin": { "color": "hsl(119, 34%, 47%)" },
-	"inserted": { "color": "hsl(119, 34%, 47%)" },
-	"regex": { "color": "hsl(119, 34%, 47%)" },
-	"attr-value": { "color": "hsl(119, 34%, 47%)" },
-	"attr-value > .token.punctuation": { "color": "hsl(119, 34%, 47%)" },
-	"variable": { "color": "hsl(221, 87%, 60%)" },
-	"operator": { "color": "hsl(221, 87%, 60%)" },
-	"function": { "color": "hsl(221, 87%, 60%)" },
-	"url": { "color": "hsl(198, 99%, 37%)" },
-	"attr-value > .token.punctuation.attr-equals": { "color": "hsl(230, 8%, 24%)" },
-	"special-attr > .token.attr-value > .token.value.css": { "color": "hsl(230, 8%, 24%)" },
-	".language-css .token.selector": { "color": "hsl(5, 74%, 59%)" },
-	".language-css .token.property": { "color": "hsl(230, 8%, 24%)" },
-	".language-css .token.function": { "color": "hsl(198, 99%, 37%)" },
-	".language-css .token.url > .token.function": { "color": "hsl(198, 99%, 37%)" },
-	".language-css .token.url > .token.string.url": { "color": "hsl(119, 34%, 47%)" },
-	".language-css .token.important": { "color": "hsl(301, 63%, 40%)" },
-	".language-css .token.atrule .token.rule": { "color": "hsl(301, 63%, 40%)" },
-	".language-javascript .token.operator": { "color": "hsl(301, 63%, 40%)" },
-	".language-javascript .token.template-string > .token.interpolation > .token.interpolation-punctuation.punctuation": { "color": "hsl(344, 84%, 43%)" },
-	".language-json .token.operator": { "color": "hsl(230, 8%, 24%)" },
-	".language-json .token.null.keyword": { "color": "hsl(35, 99%, 36%)" },
-	".language-markdown .token.url": { "color": "hsl(230, 8%, 24%)" },
-	".language-markdown .token.url > .token.operator": { "color": "hsl(230, 8%, 24%)" },
-	".language-markdown .token.url-reference.url > .token.string": { "color": "hsl(230, 8%, 24%)" },
-	".language-markdown .token.url > .token.content": { "color": "hsl(221, 87%, 60%)" },
-	".language-markdown .token.url > .token.url": { "color": "hsl(198, 99%, 37%)" },
-	".language-markdown .token.url-reference.url": { "color": "hsl(198, 99%, 37%)" },
-	".language-markdown .token.blockquote.punctuation": {
-		"color": "hsl(230, 4%, 64%)",
-		"fontStyle": "italic"
-	},
-	".language-markdown .token.hr.punctuation": {
-		"color": "hsl(230, 4%, 64%)",
-		"fontStyle": "italic"
-	},
-	".language-markdown .token.code-snippet": { "color": "hsl(119, 34%, 47%)" },
-	".language-markdown .token.bold .token.content": { "color": "hsl(35, 99%, 36%)" },
-	".language-markdown .token.italic .token.content": { "color": "hsl(301, 63%, 40%)" },
-	".language-markdown .token.strike .token.content": { "color": "hsl(5, 74%, 59%)" },
-	".language-markdown .token.strike .token.punctuation": { "color": "hsl(5, 74%, 59%)" },
-	".language-markdown .token.list.punctuation": { "color": "hsl(5, 74%, 59%)" },
-	".language-markdown .token.title.important > .token.punctuation": { "color": "hsl(5, 74%, 59%)" },
-	"bold": { "fontWeight": "bold" },
-	"italic": { "fontStyle": "italic" },
-	"namespace": { "Opacity": "0.8" },
-	"token.tab:not(:empty):before": { "color": "hsla(230, 8%, 24%, 0.2)" },
-	"token.cr:before": { "color": "hsla(230, 8%, 24%, 0.2)" },
-	"token.lf:before": { "color": "hsla(230, 8%, 24%, 0.2)" },
-	"token.space:before": { "color": "hsla(230, 8%, 24%, 0.2)" },
-	"div.code-toolbar > .toolbar.toolbar > .toolbar-item": { "marginRight": "0.4em" },
-	"div.code-toolbar > .toolbar.toolbar > .toolbar-item > button": {
-		"background": "hsl(230, 1%, 90%)",
-		"color": "hsl(230, 6%, 44%)",
-		"padding": "0.1em 0.4em",
-		"borderRadius": "0.3em"
-	},
-	"div.code-toolbar > .toolbar.toolbar > .toolbar-item > a": {
-		"background": "hsl(230, 1%, 90%)",
-		"color": "hsl(230, 6%, 44%)",
-		"padding": "0.1em 0.4em",
-		"borderRadius": "0.3em"
-	},
-	"div.code-toolbar > .toolbar.toolbar > .toolbar-item > span": {
-		"background": "hsl(230, 1%, 90%)",
-		"color": "hsl(230, 6%, 44%)",
-		"padding": "0.1em 0.4em",
-		"borderRadius": "0.3em"
-	},
-	"div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:hover": {
-		"background": "hsl(230, 1%, 78%)",
-		"color": "hsl(230, 8%, 24%)"
-	},
-	"div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:focus": {
-		"background": "hsl(230, 1%, 78%)",
-		"color": "hsl(230, 8%, 24%)"
-	},
-	"div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:hover": {
-		"background": "hsl(230, 1%, 78%)",
-		"color": "hsl(230, 8%, 24%)"
-	},
-	"div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:focus": {
-		"background": "hsl(230, 1%, 78%)",
-		"color": "hsl(230, 8%, 24%)"
-	},
-	"div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:hover": {
-		"background": "hsl(230, 1%, 78%)",
-		"color": "hsl(230, 8%, 24%)"
-	},
-	"div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:focus": {
-		"background": "hsl(230, 1%, 78%)",
-		"color": "hsl(230, 8%, 24%)"
-	},
-	".line-highlight.line-highlight": { "background": "hsla(230, 8%, 24%, 0.05)" },
-	".line-highlight.line-highlight:before": {
-		"background": "hsl(230, 1%, 90%)",
-		"color": "hsl(230, 8%, 24%)",
-		"padding": "0.1em 0.6em",
-		"borderRadius": "0.3em",
-		"boxShadow": "0 2px 0 0 rgba(0, 0, 0, 0.2)"
-	},
-	".line-highlight.line-highlight[data-end]:after": {
-		"background": "hsl(230, 1%, 90%)",
-		"color": "hsl(230, 8%, 24%)",
-		"padding": "0.1em 0.6em",
-		"borderRadius": "0.3em",
-		"boxShadow": "0 2px 0 0 rgba(0, 0, 0, 0.2)"
-	},
-	"pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows > span:hover:before": { "backgroundColor": "hsla(230, 8%, 24%, 0.05)" },
-	".line-numbers.line-numbers .line-numbers-rows": { "borderRightColor": "hsla(230, 8%, 24%, 0.2)" },
-	".command-line .command-line-prompt": { "borderRightColor": "hsla(230, 8%, 24%, 0.2)" },
-	".line-numbers .line-numbers-rows > span:before": { "color": "hsl(230, 1%, 62%)" },
-	".command-line .command-line-prompt > span:before": { "color": "hsl(230, 1%, 62%)" },
-	".rainbow-braces .token.token.punctuation.brace-level-1": { "color": "hsl(5, 74%, 59%)" },
-	".rainbow-braces .token.token.punctuation.brace-level-5": { "color": "hsl(5, 74%, 59%)" },
-	".rainbow-braces .token.token.punctuation.brace-level-9": { "color": "hsl(5, 74%, 59%)" },
-	".rainbow-braces .token.token.punctuation.brace-level-2": { "color": "hsl(119, 34%, 47%)" },
-	".rainbow-braces .token.token.punctuation.brace-level-6": { "color": "hsl(119, 34%, 47%)" },
-	".rainbow-braces .token.token.punctuation.brace-level-10": { "color": "hsl(119, 34%, 47%)" },
-	".rainbow-braces .token.token.punctuation.brace-level-3": { "color": "hsl(221, 87%, 60%)" },
-	".rainbow-braces .token.token.punctuation.brace-level-7": { "color": "hsl(221, 87%, 60%)" },
-	".rainbow-braces .token.token.punctuation.brace-level-11": { "color": "hsl(221, 87%, 60%)" },
-	".rainbow-braces .token.token.punctuation.brace-level-4": { "color": "hsl(301, 63%, 40%)" },
-	".rainbow-braces .token.token.punctuation.brace-level-8": { "color": "hsl(301, 63%, 40%)" },
-	".rainbow-braces .token.token.punctuation.brace-level-12": { "color": "hsl(301, 63%, 40%)" },
-	"pre.diff-highlight > code .token.token.deleted:not(.prefix)": { "backgroundColor": "hsla(353, 100%, 66%, 0.15)" },
-	"pre > code.diff-highlight .token.token.deleted:not(.prefix)": { "backgroundColor": "hsla(353, 100%, 66%, 0.15)" },
-	"pre.diff-highlight > code .token.token.deleted:not(.prefix)::-moz-selection": { "backgroundColor": "hsla(353, 95%, 66%, 0.25)" },
-	"pre.diff-highlight > code .token.token.deleted:not(.prefix) *::-moz-selection": { "backgroundColor": "hsla(353, 95%, 66%, 0.25)" },
-	"pre > code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection": { "backgroundColor": "hsla(353, 95%, 66%, 0.25)" },
-	"pre > code.diff-highlight .token.token.deleted:not(.prefix) *::-moz-selection": { "backgroundColor": "hsla(353, 95%, 66%, 0.25)" },
-	"pre.diff-highlight > code .token.token.deleted:not(.prefix)::selection": { "backgroundColor": "hsla(353, 95%, 66%, 0.25)" },
-	"pre.diff-highlight > code .token.token.deleted:not(.prefix) *::selection": { "backgroundColor": "hsla(353, 95%, 66%, 0.25)" },
-	"pre > code.diff-highlight .token.token.deleted:not(.prefix)::selection": { "backgroundColor": "hsla(353, 95%, 66%, 0.25)" },
-	"pre > code.diff-highlight .token.token.deleted:not(.prefix) *::selection": { "backgroundColor": "hsla(353, 95%, 66%, 0.25)" },
-	"pre.diff-highlight > code .token.token.inserted:not(.prefix)": { "backgroundColor": "hsla(137, 100%, 55%, 0.15)" },
-	"pre > code.diff-highlight .token.token.inserted:not(.prefix)": { "backgroundColor": "hsla(137, 100%, 55%, 0.15)" },
-	"pre.diff-highlight > code .token.token.inserted:not(.prefix)::-moz-selection": { "backgroundColor": "hsla(135, 73%, 55%, 0.25)" },
-	"pre.diff-highlight > code .token.token.inserted:not(.prefix) *::-moz-selection": { "backgroundColor": "hsla(135, 73%, 55%, 0.25)" },
-	"pre > code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection": { "backgroundColor": "hsla(135, 73%, 55%, 0.25)" },
-	"pre > code.diff-highlight .token.token.inserted:not(.prefix) *::-moz-selection": { "backgroundColor": "hsla(135, 73%, 55%, 0.25)" },
-	"pre.diff-highlight > code .token.token.inserted:not(.prefix)::selection": { "backgroundColor": "hsla(135, 73%, 55%, 0.25)" },
-	"pre.diff-highlight > code .token.token.inserted:not(.prefix) *::selection": { "backgroundColor": "hsla(135, 73%, 55%, 0.25)" },
-	"pre > code.diff-highlight .token.token.inserted:not(.prefix)::selection": { "backgroundColor": "hsla(135, 73%, 55%, 0.25)" },
-	"pre > code.diff-highlight .token.token.inserted:not(.prefix) *::selection": { "backgroundColor": "hsla(135, 73%, 55%, 0.25)" },
-	".prism-previewer.prism-previewer:before": { "borderColor": "hsl(0, 0, 95%)" },
-	".prism-previewer-gradient.prism-previewer-gradient div": {
-		"borderColor": "hsl(0, 0, 95%)",
-		"borderRadius": "0.3em"
-	},
-	".prism-previewer-color.prism-previewer-color:before": { "borderRadius": "0.3em" },
-	".prism-previewer-easing.prism-previewer-easing:before": { "borderRadius": "0.3em" },
-	".prism-previewer.prism-previewer:after": { "borderTopColor": "hsl(0, 0, 95%)" },
-	".prism-previewer-flipped.prism-previewer-flipped.after": { "borderBottomColor": "hsl(0, 0, 95%)" },
-	".prism-previewer-angle.prism-previewer-angle:before": { "background": "hsl(0, 0%, 100%)" },
-	".prism-previewer-time.prism-previewer-time:before": { "background": "hsl(0, 0%, 100%)" },
-	".prism-previewer-easing.prism-previewer-easing": { "background": "hsl(0, 0%, 100%)" },
-	".prism-previewer-angle.prism-previewer-angle circle": {
-		"stroke": "hsl(230, 8%, 24%)",
-		"strokeOpacity": "1"
-	},
-	".prism-previewer-time.prism-previewer-time circle": {
-		"stroke": "hsl(230, 8%, 24%)",
-		"strokeOpacity": "1"
-	},
-	".prism-previewer-easing.prism-previewer-easing circle": {
-		"stroke": "hsl(230, 8%, 24%)",
-		"fill": "transparent"
-	},
-	".prism-previewer-easing.prism-previewer-easing path": { "stroke": "hsl(230, 8%, 24%)" },
-	".prism-previewer-easing.prism-previewer-easing line": { "stroke": "hsl(230, 8%, 24%)" }
-};
-
 //#endregion
 //#region ../../node_modules/.pnpm/@babel+runtime@7.29.7/node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js
 function _objectWithoutPropertiesLoose(r, e) {
@@ -33542,8 +33013,8 @@ var light_async_default = async_syntax_highlighter_default({
 //#endregion
 //#region ../../node_modules/.pnpm/react-syntax-highlighter@16.1.1_react@19.2.8/node_modules/react-syntax-highlighter/dist/esm/light.js
 var import_core = /* @__PURE__ */ __toESM(require_core());
-var SyntaxHighlighter$2 = highlight_default(import_core.default, {});
-SyntaxHighlighter$2.registerLanguage = import_core.registerLanguage;
+var SyntaxHighlighter$1 = highlight_default(import_core.default, {});
+SyntaxHighlighter$1.registerLanguage = import_core.registerLanguage;
 
 //#endregion
 //#region ../../node_modules/.pnpm/react-syntax-highlighter@16.1.1_react@19.2.8/node_modules/react-syntax-highlighter/dist/esm/async-languages/prism.js
@@ -36977,11 +36448,11 @@ function attributes(record) {
 
 //#endregion
 //#region ../../node_modules/.pnpm/react-syntax-highlighter@16.1.1_react@19.2.8/node_modules/react-syntax-highlighter/dist/esm/prism-light.js
-var SyntaxHighlighter$1 = highlight_default(refractor, {});
-SyntaxHighlighter$1.registerLanguage = function(_, language) {
+var SyntaxHighlighter = highlight_default(refractor, {});
+SyntaxHighlighter.registerLanguage = function(_, language) {
 	return refractor.register(language);
 };
-SyntaxHighlighter$1.alias = function(name, aliases) {
+SyntaxHighlighter.alias = function(name, aliases) {
 	return refractor.alias(name, aliases);
 };
 
@@ -37364,7 +36835,7 @@ const languages = {
 	markdown: markdown_default,
 	yaml: yaml_default
 };
-for (const [name, language] of Object.entries(languages)) SyntaxHighlighter$1.registerLanguage(name, language);
+for (const [name, language] of Object.entries(languages)) SyntaxHighlighter.registerLanguage(name, language);
 const languageAliases = {
 	ts: "typescript",
 	js: "javascript",
@@ -37380,6 +36851,578 @@ function resolveLanguage(raw) {
 	return languageAliases[raw];
 }
 
+//#endregion
+//#region ../../node_modules/.pnpm/react-syntax-highlighter@16.1.1_react@19.2.8/node_modules/react-syntax-highlighter/dist/esm/styles/prism/one-dark.js
+var one_dark_default = {
+	"code[class*=\"language-\"]": {
+		"background": "hsl(220, 13%, 18%)",
+		"color": "hsl(220, 14%, 71%)",
+		"textShadow": "0 1px rgba(0, 0, 0, 0.3)",
+		"fontFamily": "\"Fira Code\", \"Fira Mono\", Menlo, Consolas, \"DejaVu Sans Mono\", monospace",
+		"direction": "ltr",
+		"textAlign": "left",
+		"whiteSpace": "pre",
+		"wordSpacing": "normal",
+		"wordBreak": "normal",
+		"lineHeight": "1.5",
+		"MozTabSize": "2",
+		"OTabSize": "2",
+		"tabSize": "2",
+		"WebkitHyphens": "none",
+		"MozHyphens": "none",
+		"msHyphens": "none",
+		"hyphens": "none"
+	},
+	"pre[class*=\"language-\"]": {
+		"background": "hsl(220, 13%, 18%)",
+		"color": "hsl(220, 14%, 71%)",
+		"textShadow": "0 1px rgba(0, 0, 0, 0.3)",
+		"fontFamily": "\"Fira Code\", \"Fira Mono\", Menlo, Consolas, \"DejaVu Sans Mono\", monospace",
+		"direction": "ltr",
+		"textAlign": "left",
+		"whiteSpace": "pre",
+		"wordSpacing": "normal",
+		"wordBreak": "normal",
+		"lineHeight": "1.5",
+		"MozTabSize": "2",
+		"OTabSize": "2",
+		"tabSize": "2",
+		"WebkitHyphens": "none",
+		"MozHyphens": "none",
+		"msHyphens": "none",
+		"hyphens": "none",
+		"padding": "1em",
+		"margin": "0.5em 0",
+		"overflow": "auto",
+		"borderRadius": "0.3em"
+	},
+	"code[class*=\"language-\"]::-moz-selection": {
+		"background": "hsl(220, 13%, 28%)",
+		"color": "inherit",
+		"textShadow": "none"
+	},
+	"code[class*=\"language-\"] *::-moz-selection": {
+		"background": "hsl(220, 13%, 28%)",
+		"color": "inherit",
+		"textShadow": "none"
+	},
+	"pre[class*=\"language-\"] *::-moz-selection": {
+		"background": "hsl(220, 13%, 28%)",
+		"color": "inherit",
+		"textShadow": "none"
+	},
+	"code[class*=\"language-\"]::selection": {
+		"background": "hsl(220, 13%, 28%)",
+		"color": "inherit",
+		"textShadow": "none"
+	},
+	"code[class*=\"language-\"] *::selection": {
+		"background": "hsl(220, 13%, 28%)",
+		"color": "inherit",
+		"textShadow": "none"
+	},
+	"pre[class*=\"language-\"] *::selection": {
+		"background": "hsl(220, 13%, 28%)",
+		"color": "inherit",
+		"textShadow": "none"
+	},
+	":not(pre) > code[class*=\"language-\"]": {
+		"padding": "0.2em 0.3em",
+		"borderRadius": "0.3em",
+		"whiteSpace": "normal"
+	},
+	"comment": {
+		"color": "hsl(220, 10%, 40%)",
+		"fontStyle": "italic"
+	},
+	"prolog": { "color": "hsl(220, 10%, 40%)" },
+	"cdata": { "color": "hsl(220, 10%, 40%)" },
+	"doctype": { "color": "hsl(220, 14%, 71%)" },
+	"punctuation": { "color": "hsl(220, 14%, 71%)" },
+	"entity": {
+		"color": "hsl(220, 14%, 71%)",
+		"cursor": "help"
+	},
+	"attr-name": { "color": "hsl(29, 54%, 61%)" },
+	"class-name": { "color": "hsl(29, 54%, 61%)" },
+	"boolean": { "color": "hsl(29, 54%, 61%)" },
+	"constant": { "color": "hsl(29, 54%, 61%)" },
+	"number": { "color": "hsl(29, 54%, 61%)" },
+	"atrule": { "color": "hsl(29, 54%, 61%)" },
+	"keyword": { "color": "hsl(286, 60%, 67%)" },
+	"property": { "color": "hsl(355, 65%, 65%)" },
+	"tag": { "color": "hsl(355, 65%, 65%)" },
+	"symbol": { "color": "hsl(355, 65%, 65%)" },
+	"deleted": { "color": "hsl(355, 65%, 65%)" },
+	"important": { "color": "hsl(355, 65%, 65%)" },
+	"selector": { "color": "hsl(95, 38%, 62%)" },
+	"string": { "color": "hsl(95, 38%, 62%)" },
+	"char": { "color": "hsl(95, 38%, 62%)" },
+	"builtin": { "color": "hsl(95, 38%, 62%)" },
+	"inserted": { "color": "hsl(95, 38%, 62%)" },
+	"regex": { "color": "hsl(95, 38%, 62%)" },
+	"attr-value": { "color": "hsl(95, 38%, 62%)" },
+	"attr-value > .token.punctuation": { "color": "hsl(95, 38%, 62%)" },
+	"variable": { "color": "hsl(207, 82%, 66%)" },
+	"operator": { "color": "hsl(207, 82%, 66%)" },
+	"function": { "color": "hsl(207, 82%, 66%)" },
+	"url": { "color": "hsl(187, 47%, 55%)" },
+	"attr-value > .token.punctuation.attr-equals": { "color": "hsl(220, 14%, 71%)" },
+	"special-attr > .token.attr-value > .token.value.css": { "color": "hsl(220, 14%, 71%)" },
+	".language-css .token.selector": { "color": "hsl(355, 65%, 65%)" },
+	".language-css .token.property": { "color": "hsl(220, 14%, 71%)" },
+	".language-css .token.function": { "color": "hsl(187, 47%, 55%)" },
+	".language-css .token.url > .token.function": { "color": "hsl(187, 47%, 55%)" },
+	".language-css .token.url > .token.string.url": { "color": "hsl(95, 38%, 62%)" },
+	".language-css .token.important": { "color": "hsl(286, 60%, 67%)" },
+	".language-css .token.atrule .token.rule": { "color": "hsl(286, 60%, 67%)" },
+	".language-javascript .token.operator": { "color": "hsl(286, 60%, 67%)" },
+	".language-javascript .token.template-string > .token.interpolation > .token.interpolation-punctuation.punctuation": { "color": "hsl(5, 48%, 51%)" },
+	".language-json .token.operator": { "color": "hsl(220, 14%, 71%)" },
+	".language-json .token.null.keyword": { "color": "hsl(29, 54%, 61%)" },
+	".language-markdown .token.url": { "color": "hsl(220, 14%, 71%)" },
+	".language-markdown .token.url > .token.operator": { "color": "hsl(220, 14%, 71%)" },
+	".language-markdown .token.url-reference.url > .token.string": { "color": "hsl(220, 14%, 71%)" },
+	".language-markdown .token.url > .token.content": { "color": "hsl(207, 82%, 66%)" },
+	".language-markdown .token.url > .token.url": { "color": "hsl(187, 47%, 55%)" },
+	".language-markdown .token.url-reference.url": { "color": "hsl(187, 47%, 55%)" },
+	".language-markdown .token.blockquote.punctuation": {
+		"color": "hsl(220, 10%, 40%)",
+		"fontStyle": "italic"
+	},
+	".language-markdown .token.hr.punctuation": {
+		"color": "hsl(220, 10%, 40%)",
+		"fontStyle": "italic"
+	},
+	".language-markdown .token.code-snippet": { "color": "hsl(95, 38%, 62%)" },
+	".language-markdown .token.bold .token.content": { "color": "hsl(29, 54%, 61%)" },
+	".language-markdown .token.italic .token.content": { "color": "hsl(286, 60%, 67%)" },
+	".language-markdown .token.strike .token.content": { "color": "hsl(355, 65%, 65%)" },
+	".language-markdown .token.strike .token.punctuation": { "color": "hsl(355, 65%, 65%)" },
+	".language-markdown .token.list.punctuation": { "color": "hsl(355, 65%, 65%)" },
+	".language-markdown .token.title.important > .token.punctuation": { "color": "hsl(355, 65%, 65%)" },
+	"bold": { "fontWeight": "bold" },
+	"italic": { "fontStyle": "italic" },
+	"namespace": { "Opacity": "0.8" },
+	"token.tab:not(:empty):before": {
+		"color": "hsla(220, 14%, 71%, 0.15)",
+		"textShadow": "none"
+	},
+	"token.cr:before": {
+		"color": "hsla(220, 14%, 71%, 0.15)",
+		"textShadow": "none"
+	},
+	"token.lf:before": {
+		"color": "hsla(220, 14%, 71%, 0.15)",
+		"textShadow": "none"
+	},
+	"token.space:before": {
+		"color": "hsla(220, 14%, 71%, 0.15)",
+		"textShadow": "none"
+	},
+	"div.code-toolbar > .toolbar.toolbar > .toolbar-item": { "marginRight": "0.4em" },
+	"div.code-toolbar > .toolbar.toolbar > .toolbar-item > button": {
+		"background": "hsl(220, 13%, 26%)",
+		"color": "hsl(220, 9%, 55%)",
+		"padding": "0.1em 0.4em",
+		"borderRadius": "0.3em"
+	},
+	"div.code-toolbar > .toolbar.toolbar > .toolbar-item > a": {
+		"background": "hsl(220, 13%, 26%)",
+		"color": "hsl(220, 9%, 55%)",
+		"padding": "0.1em 0.4em",
+		"borderRadius": "0.3em"
+	},
+	"div.code-toolbar > .toolbar.toolbar > .toolbar-item > span": {
+		"background": "hsl(220, 13%, 26%)",
+		"color": "hsl(220, 9%, 55%)",
+		"padding": "0.1em 0.4em",
+		"borderRadius": "0.3em"
+	},
+	"div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:hover": {
+		"background": "hsl(220, 13%, 28%)",
+		"color": "hsl(220, 14%, 71%)"
+	},
+	"div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:focus": {
+		"background": "hsl(220, 13%, 28%)",
+		"color": "hsl(220, 14%, 71%)"
+	},
+	"div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:hover": {
+		"background": "hsl(220, 13%, 28%)",
+		"color": "hsl(220, 14%, 71%)"
+	},
+	"div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:focus": {
+		"background": "hsl(220, 13%, 28%)",
+		"color": "hsl(220, 14%, 71%)"
+	},
+	"div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:hover": {
+		"background": "hsl(220, 13%, 28%)",
+		"color": "hsl(220, 14%, 71%)"
+	},
+	"div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:focus": {
+		"background": "hsl(220, 13%, 28%)",
+		"color": "hsl(220, 14%, 71%)"
+	},
+	".line-highlight.line-highlight": { "background": "hsla(220, 100%, 80%, 0.04)" },
+	".line-highlight.line-highlight:before": {
+		"background": "hsl(220, 13%, 26%)",
+		"color": "hsl(220, 14%, 71%)",
+		"padding": "0.1em 0.6em",
+		"borderRadius": "0.3em",
+		"boxShadow": "0 2px 0 0 rgba(0, 0, 0, 0.2)"
+	},
+	".line-highlight.line-highlight[data-end]:after": {
+		"background": "hsl(220, 13%, 26%)",
+		"color": "hsl(220, 14%, 71%)",
+		"padding": "0.1em 0.6em",
+		"borderRadius": "0.3em",
+		"boxShadow": "0 2px 0 0 rgba(0, 0, 0, 0.2)"
+	},
+	"pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows > span:hover:before": { "backgroundColor": "hsla(220, 100%, 80%, 0.04)" },
+	".line-numbers.line-numbers .line-numbers-rows": { "borderRightColor": "hsla(220, 14%, 71%, 0.15)" },
+	".command-line .command-line-prompt": { "borderRightColor": "hsla(220, 14%, 71%, 0.15)" },
+	".line-numbers .line-numbers-rows > span:before": { "color": "hsl(220, 14%, 45%)" },
+	".command-line .command-line-prompt > span:before": { "color": "hsl(220, 14%, 45%)" },
+	".rainbow-braces .token.token.punctuation.brace-level-1": { "color": "hsl(355, 65%, 65%)" },
+	".rainbow-braces .token.token.punctuation.brace-level-5": { "color": "hsl(355, 65%, 65%)" },
+	".rainbow-braces .token.token.punctuation.brace-level-9": { "color": "hsl(355, 65%, 65%)" },
+	".rainbow-braces .token.token.punctuation.brace-level-2": { "color": "hsl(95, 38%, 62%)" },
+	".rainbow-braces .token.token.punctuation.brace-level-6": { "color": "hsl(95, 38%, 62%)" },
+	".rainbow-braces .token.token.punctuation.brace-level-10": { "color": "hsl(95, 38%, 62%)" },
+	".rainbow-braces .token.token.punctuation.brace-level-3": { "color": "hsl(207, 82%, 66%)" },
+	".rainbow-braces .token.token.punctuation.brace-level-7": { "color": "hsl(207, 82%, 66%)" },
+	".rainbow-braces .token.token.punctuation.brace-level-11": { "color": "hsl(207, 82%, 66%)" },
+	".rainbow-braces .token.token.punctuation.brace-level-4": { "color": "hsl(286, 60%, 67%)" },
+	".rainbow-braces .token.token.punctuation.brace-level-8": { "color": "hsl(286, 60%, 67%)" },
+	".rainbow-braces .token.token.punctuation.brace-level-12": { "color": "hsl(286, 60%, 67%)" },
+	"pre.diff-highlight > code .token.token.deleted:not(.prefix)": { "backgroundColor": "hsla(353, 100%, 66%, 0.15)" },
+	"pre > code.diff-highlight .token.token.deleted:not(.prefix)": { "backgroundColor": "hsla(353, 100%, 66%, 0.15)" },
+	"pre.diff-highlight > code .token.token.deleted:not(.prefix)::-moz-selection": { "backgroundColor": "hsla(353, 95%, 66%, 0.25)" },
+	"pre.diff-highlight > code .token.token.deleted:not(.prefix) *::-moz-selection": { "backgroundColor": "hsla(353, 95%, 66%, 0.25)" },
+	"pre > code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection": { "backgroundColor": "hsla(353, 95%, 66%, 0.25)" },
+	"pre > code.diff-highlight .token.token.deleted:not(.prefix) *::-moz-selection": { "backgroundColor": "hsla(353, 95%, 66%, 0.25)" },
+	"pre.diff-highlight > code .token.token.deleted:not(.prefix)::selection": { "backgroundColor": "hsla(353, 95%, 66%, 0.25)" },
+	"pre.diff-highlight > code .token.token.deleted:not(.prefix) *::selection": { "backgroundColor": "hsla(353, 95%, 66%, 0.25)" },
+	"pre > code.diff-highlight .token.token.deleted:not(.prefix)::selection": { "backgroundColor": "hsla(353, 95%, 66%, 0.25)" },
+	"pre > code.diff-highlight .token.token.deleted:not(.prefix) *::selection": { "backgroundColor": "hsla(353, 95%, 66%, 0.25)" },
+	"pre.diff-highlight > code .token.token.inserted:not(.prefix)": { "backgroundColor": "hsla(137, 100%, 55%, 0.15)" },
+	"pre > code.diff-highlight .token.token.inserted:not(.prefix)": { "backgroundColor": "hsla(137, 100%, 55%, 0.15)" },
+	"pre.diff-highlight > code .token.token.inserted:not(.prefix)::-moz-selection": { "backgroundColor": "hsla(135, 73%, 55%, 0.25)" },
+	"pre.diff-highlight > code .token.token.inserted:not(.prefix) *::-moz-selection": { "backgroundColor": "hsla(135, 73%, 55%, 0.25)" },
+	"pre > code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection": { "backgroundColor": "hsla(135, 73%, 55%, 0.25)" },
+	"pre > code.diff-highlight .token.token.inserted:not(.prefix) *::-moz-selection": { "backgroundColor": "hsla(135, 73%, 55%, 0.25)" },
+	"pre.diff-highlight > code .token.token.inserted:not(.prefix)::selection": { "backgroundColor": "hsla(135, 73%, 55%, 0.25)" },
+	"pre.diff-highlight > code .token.token.inserted:not(.prefix) *::selection": { "backgroundColor": "hsla(135, 73%, 55%, 0.25)" },
+	"pre > code.diff-highlight .token.token.inserted:not(.prefix)::selection": { "backgroundColor": "hsla(135, 73%, 55%, 0.25)" },
+	"pre > code.diff-highlight .token.token.inserted:not(.prefix) *::selection": { "backgroundColor": "hsla(135, 73%, 55%, 0.25)" },
+	".prism-previewer.prism-previewer:before": { "borderColor": "hsl(224, 13%, 17%)" },
+	".prism-previewer-gradient.prism-previewer-gradient div": {
+		"borderColor": "hsl(224, 13%, 17%)",
+		"borderRadius": "0.3em"
+	},
+	".prism-previewer-color.prism-previewer-color:before": { "borderRadius": "0.3em" },
+	".prism-previewer-easing.prism-previewer-easing:before": { "borderRadius": "0.3em" },
+	".prism-previewer.prism-previewer:after": { "borderTopColor": "hsl(224, 13%, 17%)" },
+	".prism-previewer-flipped.prism-previewer-flipped.after": { "borderBottomColor": "hsl(224, 13%, 17%)" },
+	".prism-previewer-angle.prism-previewer-angle:before": { "background": "hsl(219, 13%, 22%)" },
+	".prism-previewer-time.prism-previewer-time:before": { "background": "hsl(219, 13%, 22%)" },
+	".prism-previewer-easing.prism-previewer-easing": { "background": "hsl(219, 13%, 22%)" },
+	".prism-previewer-angle.prism-previewer-angle circle": {
+		"stroke": "hsl(220, 14%, 71%)",
+		"strokeOpacity": "1"
+	},
+	".prism-previewer-time.prism-previewer-time circle": {
+		"stroke": "hsl(220, 14%, 71%)",
+		"strokeOpacity": "1"
+	},
+	".prism-previewer-easing.prism-previewer-easing circle": {
+		"stroke": "hsl(220, 14%, 71%)",
+		"fill": "transparent"
+	},
+	".prism-previewer-easing.prism-previewer-easing path": { "stroke": "hsl(220, 14%, 71%)" },
+	".prism-previewer-easing.prism-previewer-easing line": { "stroke": "hsl(220, 14%, 71%)" }
+};
+
+//#endregion
+//#region ../../node_modules/.pnpm/react-syntax-highlighter@16.1.1_react@19.2.8/node_modules/react-syntax-highlighter/dist/esm/styles/prism/one-light.js
+var one_light_default = {
+	"code[class*=\"language-\"]": {
+		"background": "hsl(230, 1%, 98%)",
+		"color": "hsl(230, 8%, 24%)",
+		"fontFamily": "\"Fira Code\", \"Fira Mono\", Menlo, Consolas, \"DejaVu Sans Mono\", monospace",
+		"direction": "ltr",
+		"textAlign": "left",
+		"whiteSpace": "pre",
+		"wordSpacing": "normal",
+		"wordBreak": "normal",
+		"lineHeight": "1.5",
+		"MozTabSize": "2",
+		"OTabSize": "2",
+		"tabSize": "2",
+		"WebkitHyphens": "none",
+		"MozHyphens": "none",
+		"msHyphens": "none",
+		"hyphens": "none"
+	},
+	"pre[class*=\"language-\"]": {
+		"background": "hsl(230, 1%, 98%)",
+		"color": "hsl(230, 8%, 24%)",
+		"fontFamily": "\"Fira Code\", \"Fira Mono\", Menlo, Consolas, \"DejaVu Sans Mono\", monospace",
+		"direction": "ltr",
+		"textAlign": "left",
+		"whiteSpace": "pre",
+		"wordSpacing": "normal",
+		"wordBreak": "normal",
+		"lineHeight": "1.5",
+		"MozTabSize": "2",
+		"OTabSize": "2",
+		"tabSize": "2",
+		"WebkitHyphens": "none",
+		"MozHyphens": "none",
+		"msHyphens": "none",
+		"hyphens": "none",
+		"padding": "1em",
+		"margin": "0.5em 0",
+		"overflow": "auto",
+		"borderRadius": "0.3em"
+	},
+	"code[class*=\"language-\"]::-moz-selection": {
+		"background": "hsl(230, 1%, 90%)",
+		"color": "inherit"
+	},
+	"code[class*=\"language-\"] *::-moz-selection": {
+		"background": "hsl(230, 1%, 90%)",
+		"color": "inherit"
+	},
+	"pre[class*=\"language-\"] *::-moz-selection": {
+		"background": "hsl(230, 1%, 90%)",
+		"color": "inherit"
+	},
+	"code[class*=\"language-\"]::selection": {
+		"background": "hsl(230, 1%, 90%)",
+		"color": "inherit"
+	},
+	"code[class*=\"language-\"] *::selection": {
+		"background": "hsl(230, 1%, 90%)",
+		"color": "inherit"
+	},
+	"pre[class*=\"language-\"] *::selection": {
+		"background": "hsl(230, 1%, 90%)",
+		"color": "inherit"
+	},
+	":not(pre) > code[class*=\"language-\"]": {
+		"padding": "0.2em 0.3em",
+		"borderRadius": "0.3em",
+		"whiteSpace": "normal"
+	},
+	"comment": {
+		"color": "hsl(230, 4%, 64%)",
+		"fontStyle": "italic"
+	},
+	"prolog": { "color": "hsl(230, 4%, 64%)" },
+	"cdata": { "color": "hsl(230, 4%, 64%)" },
+	"doctype": { "color": "hsl(230, 8%, 24%)" },
+	"punctuation": { "color": "hsl(230, 8%, 24%)" },
+	"entity": {
+		"color": "hsl(230, 8%, 24%)",
+		"cursor": "help"
+	},
+	"attr-name": { "color": "hsl(35, 99%, 36%)" },
+	"class-name": { "color": "hsl(35, 99%, 36%)" },
+	"boolean": { "color": "hsl(35, 99%, 36%)" },
+	"constant": { "color": "hsl(35, 99%, 36%)" },
+	"number": { "color": "hsl(35, 99%, 36%)" },
+	"atrule": { "color": "hsl(35, 99%, 36%)" },
+	"keyword": { "color": "hsl(301, 63%, 40%)" },
+	"property": { "color": "hsl(5, 74%, 59%)" },
+	"tag": { "color": "hsl(5, 74%, 59%)" },
+	"symbol": { "color": "hsl(5, 74%, 59%)" },
+	"deleted": { "color": "hsl(5, 74%, 59%)" },
+	"important": { "color": "hsl(5, 74%, 59%)" },
+	"selector": { "color": "hsl(119, 34%, 47%)" },
+	"string": { "color": "hsl(119, 34%, 47%)" },
+	"char": { "color": "hsl(119, 34%, 47%)" },
+	"builtin": { "color": "hsl(119, 34%, 47%)" },
+	"inserted": { "color": "hsl(119, 34%, 47%)" },
+	"regex": { "color": "hsl(119, 34%, 47%)" },
+	"attr-value": { "color": "hsl(119, 34%, 47%)" },
+	"attr-value > .token.punctuation": { "color": "hsl(119, 34%, 47%)" },
+	"variable": { "color": "hsl(221, 87%, 60%)" },
+	"operator": { "color": "hsl(221, 87%, 60%)" },
+	"function": { "color": "hsl(221, 87%, 60%)" },
+	"url": { "color": "hsl(198, 99%, 37%)" },
+	"attr-value > .token.punctuation.attr-equals": { "color": "hsl(230, 8%, 24%)" },
+	"special-attr > .token.attr-value > .token.value.css": { "color": "hsl(230, 8%, 24%)" },
+	".language-css .token.selector": { "color": "hsl(5, 74%, 59%)" },
+	".language-css .token.property": { "color": "hsl(230, 8%, 24%)" },
+	".language-css .token.function": { "color": "hsl(198, 99%, 37%)" },
+	".language-css .token.url > .token.function": { "color": "hsl(198, 99%, 37%)" },
+	".language-css .token.url > .token.string.url": { "color": "hsl(119, 34%, 47%)" },
+	".language-css .token.important": { "color": "hsl(301, 63%, 40%)" },
+	".language-css .token.atrule .token.rule": { "color": "hsl(301, 63%, 40%)" },
+	".language-javascript .token.operator": { "color": "hsl(301, 63%, 40%)" },
+	".language-javascript .token.template-string > .token.interpolation > .token.interpolation-punctuation.punctuation": { "color": "hsl(344, 84%, 43%)" },
+	".language-json .token.operator": { "color": "hsl(230, 8%, 24%)" },
+	".language-json .token.null.keyword": { "color": "hsl(35, 99%, 36%)" },
+	".language-markdown .token.url": { "color": "hsl(230, 8%, 24%)" },
+	".language-markdown .token.url > .token.operator": { "color": "hsl(230, 8%, 24%)" },
+	".language-markdown .token.url-reference.url > .token.string": { "color": "hsl(230, 8%, 24%)" },
+	".language-markdown .token.url > .token.content": { "color": "hsl(221, 87%, 60%)" },
+	".language-markdown .token.url > .token.url": { "color": "hsl(198, 99%, 37%)" },
+	".language-markdown .token.url-reference.url": { "color": "hsl(198, 99%, 37%)" },
+	".language-markdown .token.blockquote.punctuation": {
+		"color": "hsl(230, 4%, 64%)",
+		"fontStyle": "italic"
+	},
+	".language-markdown .token.hr.punctuation": {
+		"color": "hsl(230, 4%, 64%)",
+		"fontStyle": "italic"
+	},
+	".language-markdown .token.code-snippet": { "color": "hsl(119, 34%, 47%)" },
+	".language-markdown .token.bold .token.content": { "color": "hsl(35, 99%, 36%)" },
+	".language-markdown .token.italic .token.content": { "color": "hsl(301, 63%, 40%)" },
+	".language-markdown .token.strike .token.content": { "color": "hsl(5, 74%, 59%)" },
+	".language-markdown .token.strike .token.punctuation": { "color": "hsl(5, 74%, 59%)" },
+	".language-markdown .token.list.punctuation": { "color": "hsl(5, 74%, 59%)" },
+	".language-markdown .token.title.important > .token.punctuation": { "color": "hsl(5, 74%, 59%)" },
+	"bold": { "fontWeight": "bold" },
+	"italic": { "fontStyle": "italic" },
+	"namespace": { "Opacity": "0.8" },
+	"token.tab:not(:empty):before": { "color": "hsla(230, 8%, 24%, 0.2)" },
+	"token.cr:before": { "color": "hsla(230, 8%, 24%, 0.2)" },
+	"token.lf:before": { "color": "hsla(230, 8%, 24%, 0.2)" },
+	"token.space:before": { "color": "hsla(230, 8%, 24%, 0.2)" },
+	"div.code-toolbar > .toolbar.toolbar > .toolbar-item": { "marginRight": "0.4em" },
+	"div.code-toolbar > .toolbar.toolbar > .toolbar-item > button": {
+		"background": "hsl(230, 1%, 90%)",
+		"color": "hsl(230, 6%, 44%)",
+		"padding": "0.1em 0.4em",
+		"borderRadius": "0.3em"
+	},
+	"div.code-toolbar > .toolbar.toolbar > .toolbar-item > a": {
+		"background": "hsl(230, 1%, 90%)",
+		"color": "hsl(230, 6%, 44%)",
+		"padding": "0.1em 0.4em",
+		"borderRadius": "0.3em"
+	},
+	"div.code-toolbar > .toolbar.toolbar > .toolbar-item > span": {
+		"background": "hsl(230, 1%, 90%)",
+		"color": "hsl(230, 6%, 44%)",
+		"padding": "0.1em 0.4em",
+		"borderRadius": "0.3em"
+	},
+	"div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:hover": {
+		"background": "hsl(230, 1%, 78%)",
+		"color": "hsl(230, 8%, 24%)"
+	},
+	"div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:focus": {
+		"background": "hsl(230, 1%, 78%)",
+		"color": "hsl(230, 8%, 24%)"
+	},
+	"div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:hover": {
+		"background": "hsl(230, 1%, 78%)",
+		"color": "hsl(230, 8%, 24%)"
+	},
+	"div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:focus": {
+		"background": "hsl(230, 1%, 78%)",
+		"color": "hsl(230, 8%, 24%)"
+	},
+	"div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:hover": {
+		"background": "hsl(230, 1%, 78%)",
+		"color": "hsl(230, 8%, 24%)"
+	},
+	"div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:focus": {
+		"background": "hsl(230, 1%, 78%)",
+		"color": "hsl(230, 8%, 24%)"
+	},
+	".line-highlight.line-highlight": { "background": "hsla(230, 8%, 24%, 0.05)" },
+	".line-highlight.line-highlight:before": {
+		"background": "hsl(230, 1%, 90%)",
+		"color": "hsl(230, 8%, 24%)",
+		"padding": "0.1em 0.6em",
+		"borderRadius": "0.3em",
+		"boxShadow": "0 2px 0 0 rgba(0, 0, 0, 0.2)"
+	},
+	".line-highlight.line-highlight[data-end]:after": {
+		"background": "hsl(230, 1%, 90%)",
+		"color": "hsl(230, 8%, 24%)",
+		"padding": "0.1em 0.6em",
+		"borderRadius": "0.3em",
+		"boxShadow": "0 2px 0 0 rgba(0, 0, 0, 0.2)"
+	},
+	"pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows > span:hover:before": { "backgroundColor": "hsla(230, 8%, 24%, 0.05)" },
+	".line-numbers.line-numbers .line-numbers-rows": { "borderRightColor": "hsla(230, 8%, 24%, 0.2)" },
+	".command-line .command-line-prompt": { "borderRightColor": "hsla(230, 8%, 24%, 0.2)" },
+	".line-numbers .line-numbers-rows > span:before": { "color": "hsl(230, 1%, 62%)" },
+	".command-line .command-line-prompt > span:before": { "color": "hsl(230, 1%, 62%)" },
+	".rainbow-braces .token.token.punctuation.brace-level-1": { "color": "hsl(5, 74%, 59%)" },
+	".rainbow-braces .token.token.punctuation.brace-level-5": { "color": "hsl(5, 74%, 59%)" },
+	".rainbow-braces .token.token.punctuation.brace-level-9": { "color": "hsl(5, 74%, 59%)" },
+	".rainbow-braces .token.token.punctuation.brace-level-2": { "color": "hsl(119, 34%, 47%)" },
+	".rainbow-braces .token.token.punctuation.brace-level-6": { "color": "hsl(119, 34%, 47%)" },
+	".rainbow-braces .token.token.punctuation.brace-level-10": { "color": "hsl(119, 34%, 47%)" },
+	".rainbow-braces .token.token.punctuation.brace-level-3": { "color": "hsl(221, 87%, 60%)" },
+	".rainbow-braces .token.token.punctuation.brace-level-7": { "color": "hsl(221, 87%, 60%)" },
+	".rainbow-braces .token.token.punctuation.brace-level-11": { "color": "hsl(221, 87%, 60%)" },
+	".rainbow-braces .token.token.punctuation.brace-level-4": { "color": "hsl(301, 63%, 40%)" },
+	".rainbow-braces .token.token.punctuation.brace-level-8": { "color": "hsl(301, 63%, 40%)" },
+	".rainbow-braces .token.token.punctuation.brace-level-12": { "color": "hsl(301, 63%, 40%)" },
+	"pre.diff-highlight > code .token.token.deleted:not(.prefix)": { "backgroundColor": "hsla(353, 100%, 66%, 0.15)" },
+	"pre > code.diff-highlight .token.token.deleted:not(.prefix)": { "backgroundColor": "hsla(353, 100%, 66%, 0.15)" },
+	"pre.diff-highlight > code .token.token.deleted:not(.prefix)::-moz-selection": { "backgroundColor": "hsla(353, 95%, 66%, 0.25)" },
+	"pre.diff-highlight > code .token.token.deleted:not(.prefix) *::-moz-selection": { "backgroundColor": "hsla(353, 95%, 66%, 0.25)" },
+	"pre > code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection": { "backgroundColor": "hsla(353, 95%, 66%, 0.25)" },
+	"pre > code.diff-highlight .token.token.deleted:not(.prefix) *::-moz-selection": { "backgroundColor": "hsla(353, 95%, 66%, 0.25)" },
+	"pre.diff-highlight > code .token.token.deleted:not(.prefix)::selection": { "backgroundColor": "hsla(353, 95%, 66%, 0.25)" },
+	"pre.diff-highlight > code .token.token.deleted:not(.prefix) *::selection": { "backgroundColor": "hsla(353, 95%, 66%, 0.25)" },
+	"pre > code.diff-highlight .token.token.deleted:not(.prefix)::selection": { "backgroundColor": "hsla(353, 95%, 66%, 0.25)" },
+	"pre > code.diff-highlight .token.token.deleted:not(.prefix) *::selection": { "backgroundColor": "hsla(353, 95%, 66%, 0.25)" },
+	"pre.diff-highlight > code .token.token.inserted:not(.prefix)": { "backgroundColor": "hsla(137, 100%, 55%, 0.15)" },
+	"pre > code.diff-highlight .token.token.inserted:not(.prefix)": { "backgroundColor": "hsla(137, 100%, 55%, 0.15)" },
+	"pre.diff-highlight > code .token.token.inserted:not(.prefix)::-moz-selection": { "backgroundColor": "hsla(135, 73%, 55%, 0.25)" },
+	"pre.diff-highlight > code .token.token.inserted:not(.prefix) *::-moz-selection": { "backgroundColor": "hsla(135, 73%, 55%, 0.25)" },
+	"pre > code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection": { "backgroundColor": "hsla(135, 73%, 55%, 0.25)" },
+	"pre > code.diff-highlight .token.token.inserted:not(.prefix) *::-moz-selection": { "backgroundColor": "hsla(135, 73%, 55%, 0.25)" },
+	"pre.diff-highlight > code .token.token.inserted:not(.prefix)::selection": { "backgroundColor": "hsla(135, 73%, 55%, 0.25)" },
+	"pre.diff-highlight > code .token.token.inserted:not(.prefix) *::selection": { "backgroundColor": "hsla(135, 73%, 55%, 0.25)" },
+	"pre > code.diff-highlight .token.token.inserted:not(.prefix)::selection": { "backgroundColor": "hsla(135, 73%, 55%, 0.25)" },
+	"pre > code.diff-highlight .token.token.inserted:not(.prefix) *::selection": { "backgroundColor": "hsla(135, 73%, 55%, 0.25)" },
+	".prism-previewer.prism-previewer:before": { "borderColor": "hsl(0, 0, 95%)" },
+	".prism-previewer-gradient.prism-previewer-gradient div": {
+		"borderColor": "hsl(0, 0, 95%)",
+		"borderRadius": "0.3em"
+	},
+	".prism-previewer-color.prism-previewer-color:before": { "borderRadius": "0.3em" },
+	".prism-previewer-easing.prism-previewer-easing:before": { "borderRadius": "0.3em" },
+	".prism-previewer.prism-previewer:after": { "borderTopColor": "hsl(0, 0, 95%)" },
+	".prism-previewer-flipped.prism-previewer-flipped.after": { "borderBottomColor": "hsl(0, 0, 95%)" },
+	".prism-previewer-angle.prism-previewer-angle:before": { "background": "hsl(0, 0%, 100%)" },
+	".prism-previewer-time.prism-previewer-time:before": { "background": "hsl(0, 0%, 100%)" },
+	".prism-previewer-easing.prism-previewer-easing": { "background": "hsl(0, 0%, 100%)" },
+	".prism-previewer-angle.prism-previewer-angle circle": {
+		"stroke": "hsl(230, 8%, 24%)",
+		"strokeOpacity": "1"
+	},
+	".prism-previewer-time.prism-previewer-time circle": {
+		"stroke": "hsl(230, 8%, 24%)",
+		"strokeOpacity": "1"
+	},
+	".prism-previewer-easing.prism-previewer-easing circle": {
+		"stroke": "hsl(230, 8%, 24%)",
+		"fill": "transparent"
+	},
+	".prism-previewer-easing.prism-previewer-easing path": { "stroke": "hsl(230, 8%, 24%)" },
+	".prism-previewer-easing.prism-previewer-easing line": { "stroke": "hsl(230, 8%, 24%)" }
+};
+
+//#endregion
+//#region ../ui-kit/src/markdown/prismTheme.ts
+/** 全站唯一的代码高亮主题对。引用相等是验收判据（AC-19.8），不导出到包外。 */
+const PRISM_THEME = {
+	dark: one_dark_default,
+	light: one_light_default
+};
+
 //#endregion
 //#region ../ui-kit/src/markdown/Markdown.tsx
 function CodeBlock({ node: _node, className, children, ...rest }) {
@@ -37391,8 +37434,8 @@ function CodeBlock({ node: _node, className, children, ...rest }) {
 		children: [/* @__PURE__ */ jsx("div", {
 			className: "border-b border-border bg-subtle px-3 py-1.5 font-mono text-xs text-muted",
 			children: language
-		}), /* @__PURE__ */ jsx(SyntaxHighlighter$1, {
-			style: dark ? one_dark_default : one_light_default,
+		}), /* @__PURE__ */ jsx(SyntaxHighlighter, {
+			style: PRISM_THEME[dark ? "dark" : "light"],
 			language,
 			PreTag: "div",
 			customStyle: {
@@ -42604,84 +42647,24 @@ const makeMakeSyntaxHighlighter = (SyntaxHighlighter) => (config) => {
 //#endregion
 //#region ../../node_modules/.pnpm/@assistant-ui+react-syntax-highlighter@0.14.4_@assistant-ui+react-markdown@0.14.8_@assi_6e5f40e7cc0ca11c7a2afbff74f3745a/node_modules/@assistant-ui/react-syntax-highlighter/dist/react-syntax-highlighter-light.js
 const makePrismAsyncLightSyntaxHighlighter = makeMakeSyntaxHighlighter(prism_async_light_default);
-const makePrismLightSyntaxHighlighter = makeMakeSyntaxHighlighter(SyntaxHighlighter$1);
-const makeLightSyntaxHighlighter = makeMakeSyntaxHighlighter(SyntaxHighlighter$2);
+const makePrismLightSyntaxHighlighter = makeMakeSyntaxHighlighter(SyntaxHighlighter);
+const makeLightSyntaxHighlighter = makeMakeSyntaxHighlighter(SyntaxHighlighter$1);
 const makeLightAsyncSyntaxHighlighter = makeMakeSyntaxHighlighter(light_async_default);
 
 //#endregion
 //#region ../ui-kit/src/components/assistant/markdown-text.tsx
-const SyntaxHighlighter = makePrismLightSyntaxHighlighter({
-	style: {
-		"code[class*=\"language-\"]": {
-			color: "var(--color-ink)",
-			background: "transparent"
-		},
-		"pre[class*=\"language-\"]": {
-			color: "var(--color-ink)",
+/** 高亮器按主题构造：`makePrismLightSyntaxHighlighter` 的 style 是静态的，只能在这里分叉 */
+function makeHighlighter(dark) {
+	return makePrismLightSyntaxHighlighter({
+		style: PRISM_THEME[dark ? "dark" : "light"],
+		customStyle: {
+			margin: 0,
+			padding: "0.75rem 1rem",
+			fontSize: "0.8125rem",
 			background: "transparent"
 		},
-		comment: {
-			color: "var(--color-muted)",
-			fontStyle: "italic"
-		},
-		prolog: { color: "var(--color-muted)" },
-		doctype: { color: "var(--color-muted)" },
-		cdata: { color: "var(--color-muted)" },
-		punctuation: { color: "var(--color-muted)" },
-		operator: { color: "var(--color-muted)" },
-		keyword: {
-			color: "var(--color-ink)",
-			fontWeight: 600
-		},
-		"attr-name": {
-			color: "var(--color-ink)",
-			fontWeight: 600
-		},
-		selector: {
-			color: "var(--color-ink)",
-			fontWeight: 600
-		},
-		tag: {
-			color: "var(--color-ink)",
-			fontWeight: 600
-		},
-		function: {
-			color: "var(--color-ink)",
-			fontWeight: 600
-		},
-		"class-name": {
-			color: "var(--color-ink)",
-			fontWeight: 600
-		},
-		string: { color: "var(--color-ink)" },
-		char: { color: "var(--color-ink)" },
-		"attr-value": { color: "var(--color-ink)" },
-		number: { color: "var(--color-ink)" },
-		boolean: { color: "var(--color-ink)" },
-		regex: { color: "var(--color-ink)" },
-		inserted: { color: "var(--color-success)" },
-		deleted: { color: "var(--color-destructive)" }
-	},
-	customStyle: {
-		margin: 0,
-		padding: "0.75rem 1rem",
-		fontSize: "0.8125rem",
-		background: "transparent"
-	},
-	codeTagProps: { className: "font-mono" }
-});
-function useCopyToClipboard(resetDelayMs = 2e3) {
-	const [copied, setCopied] = useState(false);
-	return {
-		copied,
-		copy: useCallback((value) => {
-			if (copied || value === "") return;
-			navigator.clipboard.writeText(value).then(() => {
-				setCopied(true);
-				setTimeout(() => setCopied(false), resetDelayMs);
-			});
-		}, [copied, resetDelayMs])
-	};
+		codeTagProps: { className: "font-mono" }
+	});
 }
 const CodeHeader = ({ language, code }) => {
 	const { copied, copy } = useCopyToClipboard();
@@ -42705,24 +42688,38 @@ const CodeHeader = ({ language, code }) => {
 		})]
 	});
 };
-const defaultComponents = memoizeMarkdownComponents({
-	SyntaxHighlighter,
-	CodeHeader,
-	pre: ({ className, ...props }) => /* @__PURE__ */ jsx("pre", {
-		className: cn("overflow-x-auto rounded-b-lg border border-border bg-card", className),
-		...props
-	})
+const preComponent = ({ className, ...props }) => /* @__PURE__ */ jsx("pre", {
+	className: cn("overflow-x-auto rounded-b-lg border border-border bg-card", className),
+	...props
 });
+const markdownComponents = {
+	light: memoizeMarkdownComponents({
+		SyntaxHighlighter: makeHighlighter(false),
+		CodeHeader,
+		pre: preComponent
+	}),
+	dark: memoizeMarkdownComponents({
+		SyntaxHighlighter: makeHighlighter(true),
+		CodeHeader,
+		pre: preComponent
+	})
+};
 /**
 * 流式 Markdown：消费当前 text part 的增量文本，边流边成形（标题/列表/表格/代码块），
 * 终态与流式期是同一个组件、同一份数据，因此 run 结束时不重排。
 */
 const MarkdownText = memo(function MarkdownText({ className }) {
-	return /* @__PURE__ */ jsx(MarkdownTextPrimitive, {
-		remarkPlugins: [remarkGfm],
-		className: cn("aui-md", className),
-		components: defaultComponents,
-		defer: true
+	const [dark, themeRef] = useDarkAncestor();
+	const components = useMemo(() => markdownComponents[dark ? "dark" : "light"], [dark]);
+	return /* @__PURE__ */ jsx("div", {
+		ref: themeRef,
+		className: "contents",
+		children: /* @__PURE__ */ jsx(MarkdownTextPrimitive, {
+			remarkPlugins: [remarkGfm],
+			className: cn("aui-md", className),
+			components,
+			defer: true
+		})
 	});
 });
 
@@ -42754,6 +42751,22 @@ const fadeInUp = {
 	}
 };
 
+//#endregion
+//#region ../runtime/src/engine/limits.ts
+/**
+* Agent loop 的运行上限默认值。**全仓唯一来源**（S8）。
+*
+* 在 0.7.0 之前这三个数字在 `AgentLoop` 的构造与 ui-kit 的 `defaultRuntimeConfig()`
+* 里各写了一遍。两份值今天恰好相等，所以不出事；一旦其中一处被改，
+* 「恢复默认值」会恢复到 agent loop 根本不用的值——验收绿、行为错。
+* @stable
+*/
+const DEFAULT_LOOP_LIMITS$1 = {
+	maxTurns: 10,
+	totalTimeoutMs: 12e4,
+	toolTimeoutMs: 3e4
+};
+
 //#endregion
 //#region ../ui-kit/src/runtime-config/types.ts
 /**
@@ -42775,13 +42788,11 @@ const RUNTIME_RENDERER_IDS = [
 	"openui",
 	"vercel"
 ];
-/** SDK 默认值（AgentLoop 10/120s/30s/100KB、interaction user/required/300s、deny-all 等） */
+/** SDK 默认值（三个运行上限取自 `DEFAULT_LOOP_LIMITS`；interaction user/required/300s、deny-all 等） */
 function defaultRuntimeConfig() {
 	return {
 		loop: {
-			maxTurns: 10,
-			totalTimeoutMs: 12e4,
-			toolTimeoutMs: 3e4,
+			...DEFAULT_LOOP_LIMITS$1,
 			toolResultMaxBytes: 1e5,
 			maxHistoryMessages: 100
 		},
@@ -43195,6 +43206,34 @@ function dismissAutoEntry(config, entryId) {
 	return [...config.dismissedAutoEntries, entryId];
 }
 
+//#endregion
+//#region ../ui-kit/src/theme/statusTone.ts
+/**
+* 运行状态串 → 语义色档位。键是 run / 生命周期两侧共用的状态串，
+* 未列出的状态一律 `neutral`（未开始 / 未知），不猜。
+*/
+const RUN_STATUS_TONE = {
+	completed: "success",
+	failed: "destructive",
+	cancelled: "warning",
+	running: "info"
+};
+/** 运行状态串 → 语义色档位；`RUN_STATUS_TONE` 的唯一读取入口。 */
+function runStatusTone(status) {
+	return RUN_STATUS_TONE[status] ?? "neutral";
+}
+/**
+* 语义色档位 → 主题变量名。需要直接上色（而非套 `StatusBadge`）的地方消费它，
+* 取值是变量名而不是色值，暗色由主题作用域负责翻转。
+*/
+const STATUS_TONE_VAR = {
+	neutral: "--color-border",
+	info: "--color-info",
+	success: "--color-success",
+	warning: "--color-warning",
+	destructive: "--color-destructive"
+};
+
 //#endregion
 //#region ../ui-kit/src/runtime-config/useAppearance.ts
 /**
@@ -43410,6 +43449,9 @@ var CompositeUiBridge = class {
 	onTextDelta(runId, delta) {
 		return this.#deps.reactBridge.onTextDelta(runId, delta);
 	}
+	onSkillCandidate(runId, candidate) {
+		this.#deps.onSkillCandidate?.(runId, candidate);
+	}
 	/** 本档能否自行渲染交互（能力表允许且未粘性降级） */
 	#inTier(renderer) {
 		return renderer !== "native" && this.#capabilities[renderer].interaction && !this.#downgraded;
@@ -43766,6 +43808,8 @@ var ChatEngine = class {
 	#profileKey;
 	/** 本 run 内的页面感知记录（写进 assistant 消息，供历史回看） */
 	#runPerceptions = /* @__PURE__ */ new Map();
+	/** 本 run 提交的技能候选（FR-24.1）；数组而非单值——一轮里可以生成不止一个 */
+	#runCandidates = /* @__PURE__ */ new Map();
 	/** 本 run 的归并后相位（FR-17.7：重载后仍能还原「运行细节」） */
 	#runPhases = /* @__PURE__ */ new Map();
 	/**
@@ -43806,6 +43850,9 @@ var ChatEngine = class {
 			onResolved: (request, response) => {
 				this.#flushAssistantMessage(request, response);
 			},
+			onSkillCandidate: (runId, candidate) => {
+				this.#runCandidates.set(runId, [...this.#runCandidates.get(runId) ?? [], candidate]);
+			},
 			emit: (event) => this.#emit(event)
 		});
 		this.#todoStore.subscribe(() => {
@@ -43975,7 +44022,7 @@ var ChatEngine = class {
 	async retry(messageId) {
 		const sessionId = this.#currentSessionId;
 		const message = (sessionId ? await this.#sessions.get(sessionId) : void 0)?.messages.find((m) => m.id === messageId);
-		if (!sessionId || !message || message.role !== "user") throw new WebSkillError("VALIDATION_FAILED", `Cannot retry message "${messageId}": no matching user message in the active session`);
+		if (!sessionId || !message || message.role !== "user" || message.text === void 0) throw new WebSkillError("VALIDATION_FAILED", `Cannot retry message "${messageId}": no matching user message in the active session`);
 		await this.send(message.text);
 	}
 	/**
@@ -44363,13 +44410,13 @@ var ChatEngine = class {
 	* 父 run 的剩余预算（FR-11.4）：子 agent 拿到的额度不得超过它。
 	* 轮次与耗时从生命周期事件推算——`AgentLoop` 不对外暴露内部计数，
 	* 而 `execute`/`turn` 事件本来就是它逐轮发出来的，够用且不需要改 runtime。
-	* 默认值与 `AgentLoop` 保持一致（maxTurns 10 / totalTimeoutMs 120s）。
+	* 默认值取 `DEFAULT_LOOP_LIMITS`，与 `AgentLoop` 是同一份（0.7.0 FR-21.1）。
 	*/
 	#parentBudget(loopConfig) {
 		const elapsed = this.#runStartedMs > 0 ? Date.now() - this.#runStartedMs : 0;
 		return {
-			remainingTurns: Math.max(0, (loopConfig.maxTurns ?? 10) - this.#runTurn),
-			remainingTimeoutMs: Math.max(0, (loopConfig.totalTimeoutMs ?? 12e4) - elapsed)
+			remainingTurns: Math.max(0, (loopConfig.maxTurns ?? DEFAULT_LOOP_LIMITS.maxTurns) - this.#runTurn),
+			remainingTimeoutMs: Math.max(0, (loopConfig.totalTimeoutMs ?? DEFAULT_LOOP_LIMITS.totalTimeoutMs) - elapsed)
 		};
 	}
 	/**
@@ -44431,7 +44478,8 @@ var ChatEngine = class {
 						maxImages: live?.multimodal.maxImagesPerMessage ?? 0
 					};
 				}
-			})] : []
+			})] : [],
+			...this.#adapter.pageActions ? [createPageActionToolSource({ policy: this.#adapter.pageActions })] : []
 		];
 		const deps = {
 			fs,
@@ -44541,17 +44589,19 @@ var ChatEngine = class {
 		const run = result.run;
 		const status = run.status === "completed" || run.status === "cancelled" ? run.status : "failed";
 		const toolCalls = summarizeToolCalls(run);
-		const latest = this.bridge.latestResult;
-		const blocks = latest && latest.runId === run.id ? latest.blocks.filter((block) => block.type !== "markdown" || block.text.trim() !== result.output.trim()) : void 0;
 		const flushed = this.#flushed.get(run.id);
+		const text = (this.bridge.streamingRunId === run.id ? this.bridge.streamingText : "").slice(flushed?.text ?? 0);
+		const latest = this.bridge.latestResult;
+		const blocks = latest && latest.runId === run.id ? latest.blocks.filter((_, index) => index !== latest.outputBlockIndex) : void 0;
 		const surfaces = this.bridge.surfaceSnapshots.filter((snapshot) => snapshot.runId === run.id && !flushed?.surfaces.has(snapshot.id));
 		const todos = this.#runTodos.get(run.id);
 		const perceptions = this.#runPerceptions.get(run.id);
+		const candidates = this.#runCandidates.get(run.id);
 		const phases = (this.#runPhases.get(run.id) ?? []).slice(flushed?.phases ?? 0);
 		const assistantMessage = {
 			id: newId("msg"),
 			role: "assistant",
-			text: result.output,
+			...text !== "" ? { text } : {},
 			ts: (/* @__PURE__ */ new Date()).toISOString(),
 			runId: run.id,
 			activeSkillNames: run.activeSkillNames,
@@ -44559,6 +44609,7 @@ var ChatEngine = class {
 			...surfaces.length > 0 ? { surfaces } : {},
 			...todos && todos.length > 0 ? { todos } : {},
 			...perceptions && perceptions.length > 0 ? { perceptions } : {},
+			...candidates && candidates.length > 0 ? { candidates } : {},
 			...phases.length > 0 ? { phases } : {},
 			...toolCalls.length > 0 ? { toolCalls } : {},
 			...this.#activeModelId !== void 0 ? { model: this.#activeModelId } : {}
@@ -44580,6 +44631,7 @@ var ChatEngine = class {
 		this.#runSkills.delete(run.id);
 		this.#runTodos.delete(run.id);
 		this.#runPerceptions.delete(run.id);
+		this.#runCandidates.delete(run.id);
 		this.#runPhases.delete(run.id);
 		this.#flushed.delete(run.id);
 	}
@@ -44686,6 +44738,7 @@ const chatbotDictionary = defineDictionary({
 		"session.title": "Sessions",
 		"session.new": "New chat",
 		"session.searchPlaceholder": "Search sessions…",
+		"session.searchClear": "Clear search",
 		"session.empty": "No conversations yet.",
 		"session.missingRoot": "Session storage is not initialised yet ({root}). The first message creates it.",
 		"session.skipped": "These session files could not be read and were skipped: {files}",
@@ -44726,6 +44779,13 @@ const chatbotDictionary = defineDictionary({
 		"message.delete": "Delete message",
 		"message.viewTrace": "View trace",
 		"message.skillsUsed": "Skills used in this run",
+		"message.edit": "Edit message",
+		"message.editSend": "Send",
+		"message.editCancel": "Cancel",
+		"capability.tools.on": "Tools",
+		"capability.tools.off": "No tools",
+		"capability.images.on": "Images",
+		"capability.images.off": "No images",
 		"tool.summary.one": "{count} tool call",
 		"tool.summary.other": "{count} tool calls",
 		"tool.status.running": "Running",
@@ -44744,6 +44804,13 @@ const chatbotDictionary = defineDictionary({
 		"cot.reasoning": "Reasoning",
 		"cot.working": "Working…",
 		"trace.title": "Run steps",
+		"trace.runId": "Run ID",
+		"trace.runId.copy": "Copy run ID",
+		"trace.runId.copied": "Run ID copied",
+		"candidate.submitted": "\"{name}\" was submitted for review. It cannot be used until a reviewer approves and publishes it.",
+		"candidate.id.copy": "Copy candidate ID",
+		"candidate.id.copied": "Candidate ID copied",
+		"candidate.review": "Go to review",
 		"trace.skill": "Skill activated: {name}",
 		"perception.reading": "Reading page content (scope: {scope})",
 		"perception.excluded": "Excluded: {scope}",
@@ -44756,6 +44823,14 @@ const chatbotDictionary = defineDictionary({
 		"trace.phase.interact": "Interact",
 		"trace.phase.complete": "Complete",
 		"trace.phase.fail": "Failed",
+		"run.terminated.userCancelled": "Run cancelled by you",
+		"run.terminated.maxTurns": "Run stopped after reaching the turn limit",
+		"run.terminated.timeout": "Run stopped after reaching the time limit",
+		"run.terminated.llmError": "Run stopped because the model request failed",
+		"run.terminated.interactionTimeout": "Run stopped because the form was not submitted in time",
+		"run.terminated.hookError": "Run stopped because a lifecycle hook failed",
+		"run.terminated.toolResolutionExhausted": "Run stopped after too many calls to unknown tools",
+		"run.terminated.unknown": "Run did not finish",
 		"todo.title": "Task list",
 		"todo.progress": "{done}/{total}",
 		"todo.status.pending": "Pending",
@@ -44774,6 +44849,12 @@ const chatbotDictionary = defineDictionary({
 		"interaction.authorize.description": "This skill requests a capability. Review what it wants to do, then allow or deny the request. Denying cancels the run step that asked.",
 		"interaction.authorize.capability": "Requested capability",
 		"interaction.authorize.details": "Request details",
+		"interaction.pageAction.click": "Allow the assistant to click “{target}”?",
+		"interaction.pageAction.fill": "Allow the assistant to fill “{target}” with:",
+		"interaction.pageAction.submit": "Allow the assistant to submit “{target}”?",
+		"interaction.pageAction.role.click": "this control",
+		"interaction.pageAction.role.fill": "this field",
+		"interaction.pageAction.role.submit": "this form",
 		"interaction.origin": "From: {label}",
 		"interaction.submitted": "Submitted",
 		"interaction.submit": "Submit",
@@ -44813,7 +44894,6 @@ const chatbotDictionary = defineDictionary({
 		"composer.attachment.compressed": "Compressed {from} → {to}",
 		"composer.model": "Model",
 		"composer.model.demo": "Demo model",
-		"composer.plainChatOnly": "This model can only chat: skills, generative UI and tools are unavailable.",
 		"composer.menu": "More input options",
 		"composer.pageCapture": "Read the page view",
 		"composer.pageCapture.disabled.setting": "page image capture is off in Settings → Multimodal",
@@ -44886,11 +44966,19 @@ const chatbotDictionary = defineDictionary({
 		"settings.agent.todo": "Task list",
 		"settings.agent.todoNote": "Lets the model split a multi-step request into a checklist and report progress.",
 		"settings.agent.generativeUi": "Generative UI",
-		"settings.agent.generativeUiNote": "Lets the model answer with forms, tables and charts. Off by default: the component catalogue adds ~14 KB per request.",
+		"settings.agent.generativeUiNote": "Lets the model start a screen on its own, picking the components and layout. Off by default: the component catalogue adds ~14 KB per request.",
+		"settings.agent.generativeUiUnaffected": "Turning this off does not hide skill-provided screens, interaction cards, or built-in result blocks.",
 		"settings.agent.skillGeneration": "Skill generation",
 		"settings.agent.skillGenerationNote": "Lets the model turn a reusable procedure from this conversation into a skill candidate. You confirm each one, and a reviewer approves it before anyone can use it.",
 		"settings.agent.delegation": "Delegate sub-tasks",
 		"settings.agent.delegationNote": "Lets the agent hand a sub-task to a separate run with its own budget, then continue from its summary. Off by default: one request can become several runs.",
+		"settings.agent.limits": "Run limits",
+		"settings.agent.limitsNote": "A run stops as soon as any of these is reached, and changes apply to the next run. Times are in seconds; the turn limit counts model-and-tool round trips. Raising them lets harder tasks finish, costs more, and makes a stuck run take longer to fail.",
+		"settings.agent.totalTimeout": "Total run time",
+		"settings.agent.maxTurns": "Turn limit",
+		"settings.agent.toolTimeout": "Single tool call",
+		"settings.agent.limits.invalid": "Enter a whole number greater than zero.",
+		"settings.agent.limits.reset": "Restore defaults",
 		"settings.privacy.enabled": "Learn from how you answer",
 		"settings.privacy.enabledRisk": "Off by default. Your answers to skill forms become a profile sent to the model on later turns.",
 		"settings.privacy.encrypted": "Encrypt stored records",
@@ -44947,6 +45035,9 @@ const chatbotDictionary = defineDictionary({
 		"error.suggestion.RUN_INTERACTION_TIMEOUT": "Timed out waiting for your input.",
 		"error.suggestion.RUN_MAX_TURNS_EXCEEDED": "The run reached its turn limit.",
 		"error.suggestion.TOOL_RESOLUTION_EXHAUSTED": "The model kept calling tools that do not exist. Check that the skill actually ships the scripts it describes.",
+		"error.limit.totalTimeoutMs": "Run stopped: the total run time limit ({value}s) was reached. Adjust it in Settings › Agent.",
+		"error.limit.maxTurns": "Run stopped: the turn limit of {value} was reached. Adjust it in Settings › Agent.",
+		"error.openSettings": "Open settings",
 		"error.dismiss": "Dismiss"
 	},
 	zh: {
@@ -44959,6 +45050,7 @@ const chatbotDictionary = defineDictionary({
 		"session.title": "会话",
 		"session.new": "新建会话",
 		"session.searchPlaceholder": "搜索会话…",
+		"session.searchClear": "清除搜索",
 		"session.empty": "暂无会话。",
 		"session.missingRoot": "会话存储还没初始化（{root}），发出第一条消息就会创建。",
 		"session.skipped": "以下会话文件读不动，已跳过：{files}",
@@ -44995,10 +45087,17 @@ const chatbotDictionary = defineDictionary({
 		"welcome.prompt.4": "解释一下 WebSkill 如何安全地运行技能脚本",
 		"message.copy": "复制",
 		"message.copied": "已复制",
+		"message.edit": "编辑消息",
+		"message.editSend": "发送",
+		"message.editCancel": "取消",
 		"message.retry": "重试",
 		"message.delete": "删除消息",
-		"message.viewTrace": "查看 trace",
+		"message.viewTrace": "查看追溯",
 		"message.skillsUsed": "本轮运行使用的技能",
+		"capability.tools.on": "可用工具",
+		"capability.tools.off": "无工具",
+		"capability.images.on": "可传图片",
+		"capability.images.off": "不可传图片",
 		"tool.summary.one": "{count} 次工具调用",
 		"tool.summary.other": "{count} 次工具调用",
 		"tool.status.running": "运行中",
@@ -45017,6 +45116,13 @@ const chatbotDictionary = defineDictionary({
 		"cot.reasoning": "推理过程",
 		"cot.working": "执行中…",
 		"trace.title": "运行步进",
+		"trace.runId": "运行 id",
+		"trace.runId.copy": "复制运行 id",
+		"trace.runId.copied": "运行 id 已复制",
+		"candidate.submitted": "「{name}」已提交待审。审批并发布后才能使用。",
+		"candidate.id.copy": "复制候选 id",
+		"candidate.id.copied": "候选 id 已复制",
+		"candidate.review": "去审批",
 		"trace.skill": "已激活技能：{name}",
 		"perception.reading": "正在读取页面内容（区域：{scope}）",
 		"perception.excluded": "已排除：{scope}",
@@ -45029,6 +45135,14 @@ const chatbotDictionary = defineDictionary({
 		"trace.phase.interact": "交互",
 		"trace.phase.complete": "完成",
 		"trace.phase.fail": "失败",
+		"run.terminated.userCancelled": "运行已被你中止",
+		"run.terminated.maxTurns": "达到轮次上限，运行已停止",
+		"run.terminated.timeout": "达到时长上限，运行已停止",
+		"run.terminated.llmError": "模型请求失败，运行已停止",
+		"run.terminated.interactionTimeout": "表单未及时提交，运行已停止",
+		"run.terminated.hookError": "生命周期钩子失败，运行已停止",
+		"run.terminated.toolResolutionExhausted": "多次调用不存在的工具，运行已停止",
+		"run.terminated.unknown": "运行未正常结束",
 		"todo.title": "任务清单",
 		"todo.progress": "{done}/{total}",
 		"todo.status.pending": "待开始",
@@ -45047,6 +45161,12 @@ const chatbotDictionary = defineDictionary({
 		"interaction.authorize.description": "该技能正在请求一项能力授权。请确认它要做什么，然后允许或拒绝。拒绝会取消发起请求的这一步运行。",
 		"interaction.authorize.capability": "请求的能力",
 		"interaction.authorize.details": "请求详情",
+		"interaction.pageAction.click": "允许助手点击「{target}」吗？",
+		"interaction.pageAction.fill": "允许助手在「{target}」中填入：",
+		"interaction.pageAction.submit": "允许助手提交「{target}」吗？",
+		"interaction.pageAction.role.click": "这个控件",
+		"interaction.pageAction.role.fill": "这个输入框",
+		"interaction.pageAction.role.submit": "这个表单",
 		"interaction.origin": "来自：{label}",
 		"interaction.submitted": "已提交",
 		"interaction.submit": "提交",
@@ -45086,7 +45206,6 @@ const chatbotDictionary = defineDictionary({
 		"composer.attachment.compressed": "已压缩 {from} → {to}",
 		"composer.model": "模型",
 		"composer.model.demo": "演示模型",
-		"composer.plainChatOnly": "当前模型只能对话：技能、生成式 UI 与工具均不可用。",
 		"composer.menu": "更多输入选项",
 		"composer.pageCapture": "读取页面画面",
 		"composer.pageCapture.disabled.setting": "页面图像抓取已在「设置 → 多模态」中关闭",
@@ -45113,7 +45232,7 @@ const chatbotDictionary = defineDictionary({
 		"settings.model.removeConfirmDescription": "该条目的端点与密钥会从本浏览器删除，已有会话不受影响。",
 		"settings.model.isDefault": "已是默认项",
 		"settings.model.title": "模型",
-		"settings.model.description": "可以配置多个模型并指定默认项，在输入区随时切换。未配置任何模型时由内置演示模型应答，回复为 Mock 文本，并标注为 Demo model。",
+		"settings.model.description": "可以配置多个模型并指定默认项，在输入区随时切换。未配置任何模型时由内置演示模型应答，回复为演示文本，并标注为演示模型。",
 		"settings.model.empty": "还没有配置任何模型。",
 		"settings.model.add": "添加模型",
 		"settings.model.edit": "编辑",
@@ -45150,8 +45269,8 @@ const chatbotDictionary = defineDictionary({
 		"settings.unavailable": "端点不可达",
 		"settings.streamingSupported": "支持流式",
 		"settings.nonStreamingFallback": "支持非流式回退",
-		"settings.demoBadge": "Demo model",
-		"settings.demoNote": "未配置端点，回复来自内置 Mock 模型——在下方连接端点即可真实对话。",
+		"settings.demoBadge": "演示模型",
+		"settings.demoNote": "未配置端点，回复来自内置演示模型——在下方连接端点即可真实对话。",
 		"settings.save": "保存",
 		"settings.clear": "清除",
 		"settings.agent.title": "Agent 能力",
@@ -45159,11 +45278,19 @@ const chatbotDictionary = defineDictionary({
 		"settings.agent.todo": "待办清单",
 		"settings.agent.todoNote": "允许模型把多步骤任务拆成清单，并在执行中回报进度。",
 		"settings.agent.generativeUi": "生成式 UI",
-		"settings.agent.generativeUiNote": "允许模型用表单、表格与图表作答。默认关闭：组件目录会给每次请求增加约 14 KB。",
+		"settings.agent.generativeUiNote": "允许模型自行发起界面，自选组件与布局。默认关闭：组件目录会给每次请求增加约 14 KB。",
+		"settings.agent.generativeUiUnaffected": "关掉它不会隐藏技能自带的界面、交互卡，以及内建的结果块。",
 		"settings.agent.skillGeneration": "技能自动生成",
 		"settings.agent.skillGenerationNote": "允许模型把本次对话里可复用的做法整理成技能候选。每个候选都需你当场确认，且经审核通过后才能被使用。",
 		"settings.agent.delegation": "委派子任务",
 		"settings.agent.delegationNote": "允许 Agent 把子任务交给一次独立运行（有自己的预算），拿到结论后再继续。默认关闭：一句话可能展开成多次运行。",
+		"settings.agent.limits": "运行上限",
+		"settings.agent.limitsNote": "任一项达到就停止本次运行，修改在下一次对话生效。时长单位是秒，轮数数的是模型与工具的往返次数。调大能让更难的任务跑完，代价是更贵，真卡住时也要等更久才失败。",
+		"settings.agent.totalTimeout": "单次运行总时长",
+		"settings.agent.maxTurns": "往返轮数上限",
+		"settings.agent.toolTimeout": "单个工具调用",
+		"settings.agent.limits.invalid": "请填写大于零的整数。",
+		"settings.agent.limits.reset": "恢复默认值",
 		"settings.privacy.enabled": "从你的回答里学习",
 		"settings.privacy.enabledRisk": "默认关闭。开启后，你在技能表单里的回答会成为画像，后续对话会发给模型。",
 		"settings.privacy.encrypted": "加密存储",
@@ -45210,7 +45337,7 @@ const chatbotDictionary = defineDictionary({
 		"settings.voice.langFollow": "跟随界面语言",
 		"vercel.preview.title": "Vercel AI SDK 数据契约",
 		"vercel.preview.badge": "预览",
-		"vercel.preview.description": "这是接入 Vercel AI SDK 时的数据契约——payload 预览，非完整运行时。交互以 JSON 而非表单呈现；点击取消结束本次交互。",
+		"vercel.preview.description": "这是接入 Vercel AI SDK 时的数据契约——请求数据预览，非完整运行时。交互以 JSON 而非表单呈现；点击取消结束本次交互。",
 		"surface.legacy.placeholder": "旧版本生成的界面已不再渲染。",
 		"error.title": "出错了",
 		"error.suggestion": "关闭后重试。展开上方的运行步骤可以看到它停在哪一步。",
@@ -45220,6 +45347,9 @@ const chatbotDictionary = defineDictionary({
 		"error.suggestion.RUN_INTERACTION_TIMEOUT": "等待你填写超时。",
 		"error.suggestion.RUN_MAX_TURNS_EXCEEDED": "本次运行达到了轮数上限。",
 		"error.suggestion.TOOL_RESOLUTION_EXHAUSTED": "模型反复调用不存在的工具。请确认该技能真的带了它描述的那些脚本。",
+		"error.limit.totalTimeoutMs": "运行已停止：达到总时长上限（{value} 秒）。可在「设置 › Agent」中调整。",
+		"error.limit.maxTurns": "运行已停止：达到往返轮数上限（{value} 轮）。可在「设置 › Agent」中调整。",
+		"error.openSettings": "打开设置",
 		"error.dismiss": "关闭"
 	}
 });
@@ -45517,6 +45647,14 @@ const SKILL_PART = "webskill.skill";
 const PERCEPTION_PART = "webskill.perception";
 /** 已结束的交互（FR-17.8）：提交后表单留在消息里，不被后续内容改写 */
 const INTERACTION_PART = "webskill.interaction";
+/**
+* 非正常终态提示（中止/失败，FR-20.5）。
+* 它**不能**归到思维链分组：那个容器在 run 结束后自动折叠，且折叠时子树从 DOM 卸载，
+* 提示放进去等于没有提示（裁决 D-9）。
+*/
+const TERMINATION_PART = "webskill.termination";
+/** 已提交的技能候选（FR-24.1）；数据直接来自 `$skillCandidate` 载荷 */
+const SKILL_CANDIDATE_PART = "webskill.skillCandidate";
 function parseArgs(args) {
 	if (args === void 0 || args === "") return {};
 	try {
@@ -45526,13 +45664,22 @@ function parseArgs(args) {
 		return {};
 	}
 }
-function lifecyclePart(step) {
+/**
+* 相位 → 步骤状态。`endedAt` 只能说明「有没有结束时间」，表达不了失败，
+* 也区分不了「最后一段还没回填」与「正在进行」（FR-19.2）。
+*/
+function lifecycleStatus(phases, index, settled) {
+	if (phases[index]?.phase === "fail") return "failed";
+	return index < phases.length - 1 || settled ? "completed" : "running";
+}
+function lifecyclePart(step, status) {
 	return {
 		type: "data",
 		name: LIFECYCLE_PART,
 		data: {
 			phase: step.phase,
 			at: step.at,
+			status,
 			...step.endedAt !== void 0 ? { endedAt: step.endedAt } : {},
 			...step.note !== void 0 ? { note: step.note } : {}
 		}
@@ -45560,6 +45707,16 @@ function perceptionPart(record) {
 		}
 	};
 }
+function skillCandidatePart(candidate) {
+	return {
+		type: "data",
+		name: SKILL_CANDIDATE_PART,
+		data: {
+			id: candidate.id,
+			name: candidate.name
+		}
+	};
+}
 function interactionPart(record) {
 	return {
 		type: "data",
@@ -45615,7 +45772,7 @@ function userMessage(message) {
 		createdAt: new Date(message.ts),
 		content: [{
 			type: "text",
-			text: message.text
+			text: message.text ?? ""
 		}],
 		attachments: (message.attachments ?? []).map((attachment) => ({
 			id: attachment.id,
@@ -45634,17 +45791,32 @@ function userMessage(message) {
 */
 function assembleAssistantParts(source) {
 	return [
-		...source.phases.map(lifecyclePart),
+		...source.phases.map((step, index) => lifecyclePart(step, lifecycleStatus(source.phases, index, source.settled))),
 		...source.skills.map(skillPart),
 		...source.perceptions.map(perceptionPart),
 		...source.tools,
-		{
+		...source.text !== void 0 && source.text !== "" ? [{
 			type: "text",
 			text: source.text
-		},
-		...source.interactions.map(interactionPart)
+		}] : [],
+		...source.interactions.map(interactionPart),
+		...source.candidates.map(skillCandidatePart),
+		...terminationParts(source.phases)
 	];
 }
+/**
+* 从相位序列里取非正常终态：`fail` 相位的 note 就是 `RunTerminationReason`
+* （`phaseNote` 对 `fail` 相位返回 `event.data.reason`）。正常完成不提示。
+*/
+function terminationParts(phases) {
+	const last = phases.at(-1);
+	if (last?.phase !== "fail") return [];
+	return [{
+		type: "data",
+		name: TERMINATION_PART,
+		data: { ...last.note !== void 0 ? { reason: last.note } : {} }
+	}];
+}
 function assistantMessage(message) {
 	const content = assembleAssistantParts({
 		phases: message.phases ?? [],
@@ -45652,7 +45824,9 @@ function assistantMessage(message) {
 		perceptions: message.perceptions ?? [],
 		tools: (message.toolCalls ?? []).map(persistedToolPart),
 		text: message.text,
-		interactions: message.interactions ?? []
+		interactions: message.interactions ?? [],
+		candidates: message.candidates ?? [],
+		settled: true
 	});
 	return {
 		id: message.id,
@@ -45693,7 +45867,9 @@ function liveMessage(live) {
 		perceptions: live.perceptions,
 		tools: live.tools.map(liveToolPart),
 		text: live.text,
-		interactions: []
+		interactions: [],
+		candidates: [],
+		settled: false
 	});
 	return {
 		id: liveMessageId(live.runId),
@@ -45950,18 +46126,12 @@ function AssistantUiSessionList({ className = "", onNavigate, hasEarlier = false
 					})
 				})]
 			}),
-			/* @__PURE__ */ jsxs("label", {
-				className: "m-3 flex items-center gap-2 rounded-md border border-input bg-background px-2.5 py-2 text-muted focus-within:border-ring focus-within:ring-2 focus-within:ring-ring/20",
-				children: [/* @__PURE__ */ jsx(Search, {
-					className: "size-3.5 shrink-0",
-					"aria-hidden": true
-				}), /* @__PURE__ */ jsx("input", {
-					"aria-label": t("session.searchPlaceholder"),
-					value: query,
-					onChange: (event) => setQuery(event.target.value),
-					placeholder: t("session.searchPlaceholder"),
-					className: "min-w-0 flex-1 bg-transparent text-sm text-ink outline-none placeholder:text-muted"
-				})]
+			/* @__PURE__ */ jsx(SearchInput, {
+				value: query,
+				onChange: setQuery,
+				placeholder: t("session.searchPlaceholder"),
+				clearLabel: t("session.searchClear"),
+				className: "m-3 min-w-0"
 			}),
 			/* @__PURE__ */ jsxs("div", {
 				className: "min-h-0 flex-1 overflow-y-auto px-2 pb-3",
@@ -46284,11 +46454,11 @@ function AttachmentMeta({ info }) {
 		className: "flex shrink-0 items-center gap-1",
 		children: [/* @__PURE__ */ jsx("span", {
 			"data-testid": "composer-attachment-kind",
-			className: "rounded-sm bg-subtle px-1 py-0.5 text-[10px] uppercase",
+			className: "rounded-sm bg-subtle px-1 py-0.5 text-xs uppercase",
 			children: t(`composer.attachment.kind.${info.kind}`)
 		}), /* @__PURE__ */ jsx("span", {
 			"data-testid": "composer-attachment-size",
-			className: "text-[10px]",
+			className: "text-xs",
 			children: info.originalSize !== void 0 ? t("composer.attachment.compressed", {
 				from: formatBytes(info.originalSize),
 				to: formatBytes(info.size)
@@ -46503,7 +46673,7 @@ function PerceptionNotice({ data }) {
 	const imageFailures = readCount(data, "imageFailures") ?? 0;
 	return /* @__PURE__ */ jsxs("p", {
 		"data-testid": "perception-notice",
-		className: "my-1 flex flex-wrap items-center gap-2 rounded-md border border-border bg-card px-2 py-1 text-[11px] text-muted",
+		className: "my-1 flex flex-wrap items-center gap-2 rounded-md border border-border bg-card px-2 py-1 text-xs text-muted",
 		children: [
 			/* @__PURE__ */ jsx(Eye, {
 				className: "size-3 shrink-0",
@@ -46530,14 +46700,17 @@ function PerceptionNotice({ data }) {
 
 //#endregion
 //#region src/react/interactionLabels.ts
+/** 交互类型 → 标题字典键。徽章与声明树共用，避免两处各写一份映射。 */
+function interactionTitleKey(request) {
+	return request.type === "file-pick" ? "interaction.filePick.title" : `interaction.${request.type}.title`;
+}
 /**
 * 交互卡的界面文案：生成器（`@webskill/ui`）与语言无关，本地化由持有字典的宿主注入。
 * 四档共用本函数，切换渲染档不会让同一个请求出现两套文案。
 */
 function interactionLabels(request, t) {
-	const titleKey = request.type === "file-pick" ? "interaction.filePick.title" : `interaction.${request.type}.title`;
 	return {
-		title: request.type === "form" && request.title ? request.title : t(titleKey),
+		title: request.type === "form" && request.title ? request.title : t(interactionTitleKey(request)),
 		submitLabel: t(request.type === "authorize" ? "interaction.allow" : request.type === "confirm" ? "interaction.confirm" : "interaction.submit"),
 		cancelLabel: t(request.type === "authorize" ? "interaction.deny" : "interaction.cancel")
 	};
@@ -46582,21 +46755,29 @@ function withSubmittedValues(node, values, scalarUsed) {
 */
 function SubmittedInteraction({ surfaceId, request, submittedValues }) {
 	const t = useT();
-	const spec = interactionToUiSpec(request, interactionLabels(request, t));
+	const spec = interactionToUiSpec(request, {
+		...interactionLabels(request, t),
+		title: request.type === "form" && request.title ? request.title : ""
+	});
 	const filled = submittedValues === void 0 ? spec : withSubmittedValues(spec, submittedValues, { done: false });
 	return /* @__PURE__ */ jsxs("div", {
 		"data-testid": "interaction-submitted",
 		className: "rounded-card border border-border bg-surface shadow-card",
-		children: [/* @__PURE__ */ jsx("div", {
-			className: "px-4 pt-3",
-			children: /* @__PURE__ */ jsx(Badge, {
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex flex-wrap items-center gap-2 px-4 pt-3",
+			children: [/* @__PURE__ */ jsx(Badge, {
+				tone: "info",
+				"data-testid": "interaction-kind",
+				children: t(interactionTitleKey(request))
+			}), /* @__PURE__ */ jsx(Badge, {
 				tone: "success",
 				children: t("interaction.submitted")
-			})
+			})]
 		}), /* @__PURE__ */ jsx("fieldset", {
 			disabled: true,
 			className: "px-4 py-4",
 			children: /* @__PURE__ */ jsx(NativeSpecSurface, {
+				shell: "none",
 				surfaceId,
 				spec: filled,
 				actions: [],
@@ -46621,22 +46802,21 @@ const isRunning = (status) => status.type === "running";
 function formatDuration(ms) {
 	return ms < 1e3 ? `${Math.round(ms)} ms` : `${(ms / 1e3).toFixed(1)} s`;
 }
-/** 思维链外层：运行中自动展开，结束自动折叠；用户手动切换后不再被自动接管 */
+/** 思维链外层：运行中自动展开，**整条消息**结束才自动折叠；用户手动切换后不再被自动接管 */
 function ChainOfThought({ status, children }) {
 	const t = useT();
-	const running = isRunning(status);
-	const [open, setOpen] = useState(running);
+	const messageRunning = useAuiState((s) => s.message.status?.type === "running");
+	const running = isRunning(status) || messageRunning;
+	const [manual, setManual] = useState(false);
 	const [pinned, setPinned] = useState(false);
-	useEffect(() => {
-		if (!pinned) setOpen(running);
-	}, [running, pinned]);
+	const open = pinned ? manual : running;
 	const elapsed = useAuiState((s) => s.message.metadata?.timing)?.totalStreamTime;
 	const label = running ? t("cot.thinking") : elapsed !== void 0 ? t("cot.thought", { duration: formatDuration(elapsed) }) : t("cot.summary");
 	return /* @__PURE__ */ jsxs(Collapsible, {
 		open,
 		onOpenChange: (next) => {
 			setPinned(true);
-			setOpen(next);
+			setManual(next);
 		},
 		"data-slot": "aui_chain-of-thought",
 		className: "overflow-hidden rounded-lg border border-border bg-card",
@@ -46662,11 +46842,45 @@ function ChainOfThought({ status, children }) {
 		})]
 	});
 }
+/**
+* 运行细节区的 runId 行（FR-18.8）。
+* 0.7.0 之前 runId 只存在于消息元数据里、界面上一个字都不露，用户报障时无从引用。
+* 入参故意收成 `unknown`：历史消息没有这个字段，取不到就整行不渲染。
+* @internal
+*/
+function TraceRunId({ runId }) {
+	const t = useT();
+	if (typeof runId !== "string" || runId === "") return null;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex items-center gap-1.5 font-mono text-xs text-muted",
+		"data-testid": "trace-run-id",
+		children: [
+			/* @__PURE__ */ jsx("span", {
+				className: "min-w-20 text-ink",
+				children: t("trace.runId")
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: "truncate",
+				children: runId
+			}),
+			/* @__PURE__ */ jsx(CopyButton, {
+				className: "ms-auto",
+				value: runId,
+				label: t("trace.runId.copy"),
+				copiedLabel: t("trace.runId.copied")
+			})
+		]
+	});
+}
 function TraceSteps({ children }) {
-	return /* @__PURE__ */ jsx("ol", {
-		"aria-label": useT()("trace.title"),
+	const t = useT();
+	return /* @__PURE__ */ jsxs("div", {
 		className: "flex flex-col gap-1",
-		children
+		children: [/* @__PURE__ */ jsx(TraceRunId, { runId: useAuiState((s) => s.message.metadata?.custom?.["runId"]) }), /* @__PURE__ */ jsx("ol", {
+			"aria-label": t("trace.title"),
+			className: "flex flex-col gap-1",
+			children
+		})]
 	});
 }
 const PHASE_KEY = {
@@ -46681,7 +46895,7 @@ function readString(source, key) {
 	const value = source?.[key];
 	return typeof value === "string" ? value : void 0;
 }
-/** 生命周期步进行：耗时由 endedAt−at 得出，缺一不显示（不编造） */
+/** 生命周期步进行：耗时由 endedAt−at 得出，缺一不显示（不编造）。导出仅供本包单测直接渲染。 */
 function LifecycleStep({ data }) {
 	const t = useT();
 	const phase = typeof data["phase"] === "string" ? data["phase"] : void 0;
@@ -46692,12 +46906,16 @@ function LifecycleStep({ data }) {
 	const duration = at !== void 0 && endedAt !== void 0 ? formatDuration(endedAt - at) : void 0;
 	const note = readString(data, "note");
 	const label = t(key);
+	const status = readString(data, "status");
+	const tone = status !== void 0 ? runStatusTone(status) : endedAt === void 0 ? "info" : "neutral";
 	return /* @__PURE__ */ jsxs("li", {
 		"aria-label": duration ? `${label}, ${duration}` : label,
-		className: "flex items-center gap-2 font-mono text-[11px] text-muted",
+		className: "flex items-center gap-2 font-mono text-xs text-muted",
 		children: [
 			/* @__PURE__ */ jsx("span", {
-				className: `size-1.5 shrink-0 rounded-full ${endedAt === void 0 ? "bg-info" : "bg-border"}`,
+				className: "size-1.5 shrink-0 rounded-full",
+				style: { backgroundColor: `var(${STATUS_TONE_VAR[tone]})` },
+				"data-webskill-step-tone": tone,
 				"aria-hidden": true
 			}),
 			/* @__PURE__ */ jsx("span", {
@@ -46721,7 +46939,7 @@ function SkillActivation({ data }) {
 	if (!name) return null;
 	return /* @__PURE__ */ jsxs("li", {
 		"aria-label": t("trace.skill", { name }),
-		className: "flex items-center gap-2 text-[11px] text-muted",
+		className: "flex items-center gap-2 text-xs text-muted",
 		children: [/* @__PURE__ */ jsx(Sparkles, {
 			className: "size-3 shrink-0",
 			"aria-hidden": true
@@ -46731,13 +46949,40 @@ function SkillActivation({ data }) {
 		})]
 	});
 }
+/** `RunTerminationReason` → 文案键；`final-answer` 是正常终态，不会走到这里 */
+const TERMINATION_KEY = {
+	"user-cancelled": "run.terminated.userCancelled",
+	"max-turns": "run.terminated.maxTurns",
+	timeout: "run.terminated.timeout",
+	"llm-error": "run.terminated.llmError",
+	"interaction-timeout": "run.terminated.interactionTimeout",
+	"hook-error": "run.terminated.hookError",
+	"tool-resolution-exhausted": "run.terminated.toolResolutionExhausted"
+};
+/**
+* 非正常终态提示（FR-20.5）。停在消息顶层，不进思维链分组——
+* 那个容器在 run 结束后自动折叠且折叠时从 DOM 卸载，提示放进去等于没提示（裁决 D-9）。
+*/
+function TerminationNotice({ data }) {
+	const t = useT();
+	const reason = readString(data, "reason");
+	const key = reason !== void 0 && reason in TERMINATION_KEY ? TERMINATION_KEY[reason] : "run.terminated.unknown";
+	return /* @__PURE__ */ jsxs("p", {
+		"data-webskill-termination": reason ?? "unknown",
+		className: "flex items-center gap-2 text-xs text-danger",
+		children: [/* @__PURE__ */ jsx(OctagonX, {
+			className: "size-3.5 shrink-0",
+			"aria-hidden": true
+		}), /* @__PURE__ */ jsx("span", { children: t(key) })]
+	});
+}
 function ToolGroup({ count, running, children }) {
 	const t = useT();
 	return /* @__PURE__ */ jsxs("div", {
 		"data-slot": "aui_tool-group",
 		className: "mt-2 flex flex-col gap-1",
 		children: [/* @__PURE__ */ jsxs("p", {
-			className: "flex items-center gap-2 text-[11px] text-muted",
+			className: "flex items-center gap-2 text-xs text-muted",
 			children: [
 				/* @__PURE__ */ jsx(Wrench, {
 					className: "size-3",
@@ -46788,7 +47033,7 @@ function ToolRow({ part }) {
 			type: "button",
 			"aria-expanded": open,
 			onClick: () => setOpen((prev) => !prev),
-			className: "flex w-full items-center gap-2 px-2 py-1.5 text-left text-[11px] text-muted transition-colors hover:bg-accent",
+			className: "flex w-full items-center gap-2 px-2 py-1.5 text-left text-xs text-muted transition-colors hover:bg-accent",
 			children: [
 				status === "running" ? /* @__PURE__ */ jsx(Spinner, {
 					size: "sm",
@@ -46809,7 +47054,7 @@ function ToolRow({ part }) {
 				}),
 				status === "denied" ? /* @__PURE__ */ jsx("span", {
 					"data-testid": "tool-denied",
-					className: "shrink-0 text-[11px] text-warning",
+					className: "shrink-0 text-xs text-warning",
 					children: t("tool.status.denied")
 				}) : null,
 				/* @__PURE__ */ jsx("span", {
@@ -46824,17 +47069,17 @@ function ToolRow({ part }) {
 		}), open && (part.argsText !== "" || errorMessage !== void 0) ? /* @__PURE__ */ jsxs("div", {
 			className: "border-t border-border px-2 py-1.5",
 			children: [errorMessage !== void 0 ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("p", {
-				className: "text-[11px] text-muted",
+				className: "text-xs text-muted",
 				children: t(errorCode !== void 0 ? ERROR_TITLE_KEYS[errorCode] ?? "tool.failed.reason" : "tool.failed.reason")
 			}), /* @__PURE__ */ jsx("p", {
 				"data-testid": "tool-error-reason",
-				className: "text-[11px] break-words text-ink",
+				className: "text-xs break-words text-ink",
 				children: errorMessage
 			})] }) : null, part.argsText !== "" ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("p", {
-				className: "text-[11px] text-muted",
+				className: "text-xs text-muted",
 				children: t("tool.args")
 			}), /* @__PURE__ */ jsx("pre", {
-				className: "overflow-x-auto font-mono text-[11px] text-ink",
+				className: "overflow-x-auto font-mono text-xs text-ink",
 				children: part.argsText
 			})] }) : null]
 		}) : null]
@@ -46845,7 +47090,7 @@ function ReasoningGroup({ children }) {
 		"data-slot": "aui_reasoning",
 		className: "mt-2 flex flex-col gap-1",
 		children: [/* @__PURE__ */ jsx("p", {
-			className: "text-[11px] text-muted",
+			className: "text-xs text-muted",
 			children: useT()("cot.reasoning")
 		}), children]
 	});
@@ -46874,10 +47119,51 @@ function PersistedInteraction({ data }) {
 	});
 }
 /**
+* 已提交候选的交接卡（FR-24.1）。名称与 id 全部来自 `$skillCandidate` 载荷，
+* 一个字都不从模型复述的正文里解析。导出仅供本包单测直接渲染。
+* @internal
+*/
+function SkillCandidateCard({ data, onOpenCandidate }) {
+	const t = useT();
+	const id = readString(data, "id");
+	const name = readString(data, "name");
+	if (id === void 0 || name === void 0) return null;
+	return /* @__PURE__ */ jsxs("div", {
+		"data-testid": "skill-candidate-card",
+		className: "flex flex-col gap-2 rounded-lg border border-border bg-card p-3",
+		children: [
+			/* @__PURE__ */ jsx("p", {
+				className: "text-sm text-ink",
+				children: t("candidate.submitted", { name })
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-1.5 font-mono text-xs text-muted",
+				children: [/* @__PURE__ */ jsx("span", {
+					"data-testid": "skill-candidate-id",
+					className: "truncate",
+					children: id
+				}), /* @__PURE__ */ jsx(CopyButton, {
+					className: "ms-auto",
+					value: id,
+					label: t("candidate.id.copy"),
+					copiedLabel: t("candidate.id.copied")
+				})]
+			}),
+			onOpenCandidate ? /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Button, {
+				size: "sm",
+				variant: "secondary",
+				"data-testid": "skill-candidate-review",
+				onClick: () => onOpenCandidate(id),
+				children: t("candidate.review")
+			}) }) : null
+		]
+	});
+}
+/**
 * assistant 消息正文：思维链（生命周期步进 + 工具 + reasoning）与 Markdown 正文
 * 全部走同一套 part，流式与终态共用（06/07/08 号文档）。
 */
-function WebSkillMessageParts() {
+function WebSkillMessageParts({ onOpenCandidate } = {}) {
 	return /* @__PURE__ */ jsx(MessagePrimitive.GroupedParts, {
 		groupBy: webskillGroupBy,
 		indicator: "no-text",
@@ -46896,7 +47182,7 @@ function WebSkillMessageParts() {
 				case "group-reasoning": return /* @__PURE__ */ jsx(ReasoningGroup, { children });
 				case "text": return /* @__PURE__ */ jsx(MarkdownText, {});
 				case "reasoning": return /* @__PURE__ */ jsx("p", {
-					className: "whitespace-pre-wrap text-[11px] text-muted",
+					className: "whitespace-pre-wrap text-xs text-muted",
 					children: part.text
 				});
 				case "tool-call": return part.toolUI ?? /* @__PURE__ */ jsx(ToolRow, { part });
@@ -46906,6 +47192,11 @@ function WebSkillMessageParts() {
 					if (part.name === "webskill.skill") return /* @__PURE__ */ jsx(SkillActivation, { data: part.data });
 					if (part.name === "webskill.perception") return /* @__PURE__ */ jsx(PerceptionNotice, { data: part.data });
 					if (part.name === "webskill.interaction") return /* @__PURE__ */ jsx(PersistedInteraction, { data: part.data });
+					if (part.name === "webskill.termination") return /* @__PURE__ */ jsx(TerminationNotice, { data: part.data });
+					if (part.name === "webskill.skillCandidate") return /* @__PURE__ */ jsx(SkillCandidateCard, {
+						data: part.data,
+						...onOpenCandidate ? { onOpenCandidate } : {}
+					});
 					return null;
 				case "indicator": return /* @__PURE__ */ jsx(WorkingIndicator, {});
 				default: return null;
@@ -46954,7 +47245,7 @@ function TodoRow({ item }) {
 				children: item.title
 			}),
 			item.delegatedTo ? /* @__PURE__ */ jsx("span", {
-				className: "ms-auto shrink-0 truncate text-[11px] text-muted",
+				className: "ms-auto shrink-0 truncate text-xs text-muted",
 				children: t("todo.delegatedTo", { skill: item.delegatedTo })
 			}) : null
 		]
@@ -57165,13 +57456,16 @@ function ResultBlockList({ blocks, runId, onDownload }) {
 }
 /**
 * run 完成结果块渐进挂载（AnimatePresence 逐块入场）：
-* markdown / json / table / chart / image / file + artifact 下载卡。
+* markdown / json / table / chart / image / file。
+* 产物只由 blocks 中的 file block 承载——历史消息也只持久化 blocks，
+* 走同一路渲染，刷新前后的卡片计数才一致。
 * @stable
 */
 function ResultBlocksPro({ bridge, activeRunId, onDownload }) {
-	const t = useT();
 	const result = useSyncExternalStore(bridge.subscribe, () => bridge.latestResult);
 	if (!result || result.runId !== activeRunId) return null;
+	const blocks = result.blocks.filter((_, index) => index !== result.outputBlockIndex);
+	if (blocks.length === 0 && !result.title && !result.summary) return null;
 	return /* @__PURE__ */ jsxs("div", {
 		className: "flex flex-col gap-3",
 		children: [
@@ -57184,25 +57478,10 @@ function ResultBlocksPro({ bridge, activeRunId, onDownload }) {
 				children: result.summary
 			}) : null,
 			/* @__PURE__ */ jsx(ResultBlockList, {
-				blocks: result.blocks,
+				blocks,
 				runId: result.runId,
 				...onDownload ? { onDownload } : {}
-			}),
-			result.artifacts && result.artifacts.length > 0 ? /* @__PURE__ */ jsxs("div", {
-				className: "flex flex-col gap-2",
-				children: [/* @__PURE__ */ jsx("h4", {
-					className: "text-xs font-medium tracking-wide text-muted uppercase",
-					children: t("result.artifacts")
-				}), result.artifacts.map((artifact) => /* @__PURE__ */ jsx(FileCard, {
-					file: {
-						path: artifact.path,
-						runId: artifact.runId,
-						size: artifact.size,
-						...artifact.mimeType ? { mimeType: artifact.mimeType } : {}
-					},
-					...onDownload ? { onDownload } : {}
-				}, artifact.id))]
-			}) : null
+			})
 		]
 	});
 }
@@ -57303,7 +57582,7 @@ function isRenderableSpec(snapshot) {
 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 blocks = message.blocks;
 	const surfaces = message.surfaces ?? [];
 	const renderable = surfaces.filter(isRenderableSpec);
 	return /* @__PURE__ */ jsxs("div", {
@@ -57331,40 +57610,60 @@ function WebSkillMessageExtensions({ message, onDownload, surfaceRegistry, rende
 
 //#endregion
 //#region src/react/AssistantUiMessage.tsx
-function MessageAction({ label, onClick, children }) {
+/** 操作栏按钮的统一外观；primitive 按钮与自绘按钮共用，防止两条路径长得不一样 */
+const ACTION_BUTTON_CLASS = "inline-flex size-7 items-center justify-center rounded-md text-muted transition-colors hover:bg-subtle hover:text-ink focus-visible:opacity-100";
+function MessageAction({ label, onClick, asChild = false, children }) {
 	return /* @__PURE__ */ jsx(Tooltip, {
 		content: label,
-		children: /* @__PURE__ */ jsx("button", {
+		children: asChild ? children : /* @__PURE__ */ jsx("button", {
 			type: "button",
 			"aria-label": label,
 			onClick,
-			className: "inline-flex size-7 items-center justify-center rounded-md text-muted transition-colors hover:bg-subtle hover:text-ink focus-visible:opacity-100",
+			className: ACTION_BUTTON_CLASS,
 			children
 		})
 	});
 }
-function AssistantUiMessageActions({ message, onRetry, onDelete, onViewTrace }) {
+function AssistantUiMessageActions({ message, onRetry, onDelete, onViewTrace, modelLabels }) {
 	const t = useT();
+	const copied = useAuiState((s) => s.message.isCopied);
 	if (!message) return null;
 	const isUser = message.role === "user";
-	return /* @__PURE__ */ jsx("div", {
+	return /* @__PURE__ */ jsxs("div", {
 		"data-testid": "assistant-ui-message-actions",
 		"aria-label": "Message actions",
-		className: "pointer-events-none absolute inset-x-0 -bottom-7 h-7",
-		children: /* @__PURE__ */ jsxs(ActionBarPrimitive.Root, {
+		className: "pointer-events-none absolute inset-x-0 -bottom-7 flex h-7 items-center",
+		children: [/* @__PURE__ */ jsxs(ActionBarPrimitive.Root, {
 			hideWhenRunning: true,
 			autohide: "always",
 			autohideFloat: "single-branch",
-			className: `webskill-aui-actions pointer-events-auto flex items-center gap-1 ${isUser ? "justify-end" : ""}`,
+			className: `webskill-aui-actions pointer-events-auto flex grow items-center gap-1 ${isUser ? "justify-end" : ""}`,
 			children: [
-				/* @__PURE__ */ jsx(ActionBarPrimitive.Copy, {
-					"aria-label": t("message.copy"),
-					className: "inline-flex size-7 items-center justify-center rounded-md text-muted transition-colors hover:bg-subtle hover:text-ink focus-visible:opacity-100",
-					children: /* @__PURE__ */ jsx(Copy, {
-						className: "size-3.5",
-						"aria-hidden": true
+				/* @__PURE__ */ jsx(MessageAction, {
+					label: copied ? t("message.copied") : t("message.copy"),
+					asChild: true,
+					children: /* @__PURE__ */ jsx(ActionBarPrimitive.Copy, {
+						"aria-label": t("message.copy"),
+						className: ACTION_BUTTON_CLASS,
+						children: /* @__PURE__ */ jsx(Copy, {
+							className: "size-3.5",
+							"aria-hidden": true
+						})
 					})
 				}),
+				isUser ? /* @__PURE__ */ jsx(MessageAction, {
+					label: t("message.edit"),
+					asChild: true,
+					children: /* @__PURE__ */ jsx(ActionBarPrimitive.Edit, {
+						"aria-label": t("message.edit"),
+						"data-testid": "message-edit",
+						className: ACTION_BUTTON_CLASS,
+						children: /* @__PURE__ */ jsx(Pencil, {
+							className: "size-3.5",
+							"aria-hidden": true
+						})
+					})
+				}) : null,
 				isUser && onRetry ? /* @__PURE__ */ jsx(MessageAction, {
 					label: t("message.retry"),
 					onClick: () => onRetry(message.id),
@@ -57390,19 +57689,43 @@ function AssistantUiMessageActions({ message, onRetry, onDelete, onViewTrace })
 					})
 				}) : null
 			]
-		})
+		}), !isUser && message.model ? /* @__PURE__ */ jsx("span", {
+			"data-testid": "message-model",
+			className: "ms-auto shrink-0 text-xs text-muted",
+			children: modelLabels?.[message.model] ?? message.model
+		}) : null]
 	});
 }
 /** assistant-ui Base message layout with WebSkill-only capabilities mounted as secondary extensions. */
 function AssistantUiMessage(props) {
 	const { message } = props;
+	const t = useT();
 	const role = useAuiState((s) => s.message.role);
 	const todos = useAuiState((s) => s.message.metadata?.custom?.["todos"]);
+	const isEditing = useAuiState((s) => s.composer.isEditing);
 	if (role === "user") return /* @__PURE__ */ jsxs("div", {
 		className: "webskill-aui-message webskill-aui-message--user relative mb-7",
 		"data-testid": "assistant-ui-user-message",
 		children: [
-			/* @__PURE__ */ jsx("div", {
+			isEditing ? /* @__PURE__ */ jsxs(ComposerPrimitive.Root, {
+				"data-testid": "message-edit-composer",
+				className: "flex flex-col gap-2 rounded-card border border-border bg-surface p-2",
+				children: [/* @__PURE__ */ jsx(ComposerPrimitive.Input, {
+					autoFocus: true,
+					className: "min-h-16 w-full resize-none bg-transparent text-sm text-ink outline-none"
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "flex items-center justify-end gap-2",
+					children: [/* @__PURE__ */ jsx(ComposerPrimitive.Cancel, {
+						"data-testid": "message-edit-cancel",
+						className: "rounded-md px-2 py-1 text-xs text-muted transition-colors hover:bg-subtle hover:text-ink",
+						children: t("message.editCancel")
+					}), /* @__PURE__ */ jsx(ComposerPrimitive.Send, {
+						"data-testid": "message-edit-send",
+						className: "rounded-md bg-primary px-2 py-1 text-xs text-primary-foreground transition-opacity hover:opacity-90 disabled:opacity-50",
+						children: t("message.editSend")
+					})]
+				})]
+			}) : /* @__PURE__ */ jsx("div", {
 				className: "webskill-aui-user-bubble",
 				children: message?.text ?? ""
 			}),
@@ -57421,7 +57744,7 @@ function AssistantUiMessage(props) {
 			Array.isArray(todos) ? /* @__PURE__ */ jsx(TodoPanel, { items: todos }) : null,
 			/* @__PURE__ */ jsx("div", {
 				className: "webskill-aui-assistant-content flex min-w-0 flex-col gap-3",
-				children: /* @__PURE__ */ jsx(WebSkillMessageParts, {})
+				children: /* @__PURE__ */ jsx(WebSkillMessageParts, { ...props.onOpenCandidate ? { onOpenCandidate: props.onOpenCandidate } : {} })
 			}),
 			message ? /* @__PURE__ */ jsx(WebSkillMessageExtensions, {
 				message,
@@ -57729,10 +58052,17 @@ const SUGGESTION_KEY = {
 	RUN_MAX_TURNS_EXCEEDED: "error.suggestion.RUN_MAX_TURNS_EXCEEDED",
 	TOOL_RESOLUTION_EXHAUSTED: "error.suggestion.TOOL_RESOLUTION_EXHAUSTED"
 };
+/** 触顶类错误码 → 该由哪个上限负责（FR-21.2）。判据是码，不是 message 文本。 */
+const LIMIT_OF = {
+	RUN_TIMEOUT: "totalTimeoutMs",
+	RUN_MAX_TURNS_EXCEEDED: "maxTurns"
+};
 /** 结构化错误卡：错误码徽章 + 描述 + 建议（engine error 事件 / 失败 run） @stable */
-function ErrorCard({ code, message, onDismiss }) {
+function ErrorCard({ code, message, loopLimits, onOpenSettings, onDismiss }) {
 	const t = useT();
 	const suggestionKey = code && code in SUGGESTION_KEY ? SUGGESTION_KEY[code] : "error.suggestion";
+	const limit = code && code in LIMIT_OF ? LIMIT_OF[code] : void 0;
+	const limitText = limit && loopLimits ? t(`error.limit.${limit}`, { value: limit === "totalTimeoutMs" ? Math.round(loopLimits.totalTimeoutMs / 1e3) : loopLimits.maxTurns }) : void 0;
 	return /* @__PURE__ */ jsx("div", {
 		role: "alert",
 		className: "rounded-card border border-danger/30 bg-danger-soft shadow-card",
@@ -57761,12 +58091,21 @@ function ErrorCard({ code, message, onDismiss }) {
 						}),
 						/* @__PURE__ */ jsx("p", {
 							className: "mt-1 text-sm break-words text-ink",
-							children: message
+							"data-testid": "error-detail",
+							children: limitText ?? message
 						}),
 						/* @__PURE__ */ jsx("p", {
 							className: "mt-1 text-xs text-muted",
 							children: t(suggestionKey)
-						})
+						}),
+						limit && onOpenSettings ? /* @__PURE__ */ jsx(Button, {
+							size: "sm",
+							variant: "ghost",
+							className: "mt-2",
+							"data-testid": "error-open-settings",
+							onClick: onOpenSettings,
+							children: t("error.openSettings")
+						}) : null
 					]
 				}),
 				onDismiss ? /* @__PURE__ */ jsx("button", {
@@ -57794,14 +58133,6 @@ const INTERACTION_ACTIONS$1 = [{
 	id: "cancel",
 	intent: "cancel"
 }];
-const kindIcons = {
-	ask: MessageCircleQuestionMark,
-	confirm: CircleQuestionMark,
-	form: ClipboardList,
-	select: ListChecks,
-	authorize: ShieldAlert,
-	"file-pick": Paperclip
-};
 /**
 * 订阅 bridge.pending 渲染五类交互卡（native 档；其它档降级后也由它接管）。
 * 表单本体走 `NativeSpecSurface`——与 native 档 surface 侧同一个渲染入口。
@@ -57850,24 +58181,22 @@ function FilePickCard({ request, bridge }) {
 		"data-testid": "interaction-card",
 		"data-webskill-interaction-anchor": "",
 		className: "rounded-card border border-border bg-surface shadow-card",
-		children: /* @__PURE__ */ jsxs("div", {
+		children: /* @__PURE__ */ jsx("div", {
 			className: "flex items-start gap-3 px-4 py-4",
-			children: [/* @__PURE__ */ jsx("span", {
-				className: "grid size-8 shrink-0 place-items-center rounded-lg bg-subtle text-muted",
-				children: /* @__PURE__ */ jsx(Paperclip, {
-					className: "size-4",
-					"aria-hidden": true
-				})
-			}), /* @__PURE__ */ jsxs("div", {
+			children: /* @__PURE__ */ jsxs("div", {
 				className: "flex min-w-0 flex-1 flex-col gap-3",
 				children: [
-					/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("div", {
-						className: "text-sm font-medium text-ink",
-						children: t("interaction.filePick.title")
-					}), /* @__PURE__ */ jsx("p", {
-						className: "text-xs text-muted",
-						children: request.message
-					})] }),
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex flex-col gap-1",
+						children: [/* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Badge, {
+							tone: "info",
+							"data-testid": "interaction-kind",
+							children: t(interactionTitleKey(request))
+						}) }), /* @__PURE__ */ jsx("p", {
+							className: "text-xs text-muted",
+							children: request.message
+						})]
+					}),
 					error ? /* @__PURE__ */ jsx("p", {
 						role: "alert",
 						className: "text-xs text-danger",
@@ -57897,7 +58226,7 @@ function FilePickCard({ request, bridge }) {
 						onChange: (event) => void onPicked(event.target.files)
 					})
 				]
-			})]
+			})
 		})
 	});
 }
@@ -57913,12 +58242,33 @@ function fileToBase64(file) {
 		reader.readAsDataURL(file);
 	});
 }
+/** 页面操作确认卡的载荷；形状不对就整段不渲染，退回通用授权展示 */
+function pageActionDetails(details) {
+	if (typeof details !== "object" || details === null) return void 0;
+	const record = details;
+	const action = record["action"];
+	const target = record["target"];
+	if (action !== "click" && action !== "fill" && action !== "submit") return void 0;
+	if (typeof target !== "object" || target === null) return void 0;
+	const { role, name } = target;
+	if (typeof role !== "string") return void 0;
+	const value = record["value"];
+	return {
+		action,
+		role,
+		...typeof name === "string" ? { name } : {},
+		...typeof value === "string" ? { value } : {}
+	};
+}
 function ActiveInteractionCard({ request, bridge }) {
 	const t = useT();
-	const spec = interactionToUiSpec(request, interactionLabels(request, t));
+	const spec = interactionToUiSpec(request, {
+		...interactionLabels(request, t),
+		title: request.type === "form" && request.title ? request.title : ""
+	});
 	const isAuthorize = request.type === "authorize";
-	const Icon = kindIcons[request.type];
 	const preview = isAuthorize && typeof request.details === "object" && request.details !== null ? request.details["preview"] : void 0;
+	const pageAction = isAuthorize && request.capability === "pageAction" ? pageActionDetails(request.details) : void 0;
 	const handleAction = (event) => {
 		if (event.intent !== "submit") {
 			bridge.resolve({
@@ -57939,53 +58289,58 @@ function ActiveInteractionCard({ request, bridge }) {
 		"data-webskill-interaction-anchor": "",
 		className: `rounded-card border shadow-card ${isAuthorize ? "border-warning/50 bg-warning-soft" : "border-border bg-surface"}`,
 		children: [
-			request.origin ? /* @__PURE__ */ jsx("div", {
-				className: "px-4 pt-3",
-				children: /* @__PURE__ */ jsx(Badge, {
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex flex-wrap items-center gap-2 px-4 pt-3",
+				children: [/* @__PURE__ */ jsx(Badge, {
+					tone: isAuthorize ? "warning" : "info",
+					"data-testid": "interaction-kind",
+					children: t(interactionTitleKey(request))
+				}), request.origin ? /* @__PURE__ */ jsx(Badge, {
 					tone: "info",
 					"data-testid": "interaction-origin",
 					children: t("interaction.origin", { label: request.origin.label })
-				})
-			}) : null,
-			/* @__PURE__ */ jsxs("div", {
-				className: "flex items-start gap-3 px-4 pt-4",
-				children: [/* @__PURE__ */ jsx("span", {
-					className: `grid size-8 shrink-0 place-items-center rounded-lg ${isAuthorize ? "bg-warning/15 text-warning" : "bg-subtle text-muted"}`,
-					children: /* @__PURE__ */ jsx(Icon, {
-						className: "size-4",
-						"aria-hidden": true
-					})
-				}), 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", {
-							"data-testid": "interaction-authorize-details",
-							className: "max-h-64 overflow-auto rounded-lg border border-border bg-canvas p-3 font-mono text-xs whitespace-pre-wrap text-ink",
-							children: typeof preview === "string" ? preview : JSON.stringify(request.details, null, 2)
-						})] }) : null
-					]
 				}) : null]
 			}),
+			request.type === "authorize" ? /* @__PURE__ */ jsxs("div", {
+				className: "flex min-w-0 flex-col gap-2 px-4 pt-3",
+				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")
+					}),
+					pageAction ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("p", {
+						"data-testid": "interaction-page-action",
+						className: "text-sm text-ink",
+						children: t(`interaction.pageAction.${pageAction.action}`, { target: pageAction.name ?? t(`interaction.pageAction.role.${pageAction.action}`) })
+					}), pageAction.value !== void 0 ? /* @__PURE__ */ jsx("p", {
+						"data-testid": "interaction-page-action-value",
+						className: "font-mono text-sm text-ink",
+						children: pageAction.value
+					}) : null] }) : null,
+					request.details !== void 0 && pageAction === 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", {
+						"data-testid": "interaction-authorize-details",
+						className: "max-h-64 overflow-auto rounded-lg border border-border bg-canvas p-3 font-mono text-xs whitespace-pre-wrap text-ink",
+						children: typeof preview === "string" ? preview : JSON.stringify(request.details, null, 2)
+					})] }) : null
+				]
+			}) : null,
 			/* @__PURE__ */ jsx("div", {
 				className: "px-4 py-4",
 				children: /* @__PURE__ */ jsx(NativeSpecSurface, {
+					shell: "none",
 					surfaceId: request.id,
 					spec,
 					actions: INTERACTION_ACTIONS$1,
@@ -58124,6 +58479,16 @@ function SpecInteraction({ channel, renderer }) {
 
 //#endregion
 //#region src/react/SettingsDrawer.tsx
+/** 分区级错误位。testid 带分区名，用例可判定错误来自哪一区，而不是「页面上有个红字」。 */
+function SectionError({ section, message }) {
+	if (message === void 0) return null;
+	return /* @__PURE__ */ jsx("div", {
+		role: "alert",
+		"data-testid": `settings-error-${section}`,
+		className: "rounded-lg border border-danger/30 bg-danger-soft px-3 py-2 text-xs text-danger",
+		children: message
+	});
+}
 const PROVIDERS = [
 	"openai-compatible",
 	"anthropic",
@@ -58383,8 +58748,39 @@ function ConfirmButton({ testId, label, confirmLabel, disabled, onConfirm }) {
 		children: armed ? confirmLabel : label
 	});
 }
+/**
+* 三个运行上限在界面上的形态：两个超时用秒（毫秒对人不友好），轮数就是轮数。
+* 存储侧永远是毫秒，换算只在 `limitForm` / `limitValue` 这一对里出现。
+*/
+const LIMIT_FIELDS = [
+	"totalTimeoutMs",
+	"maxTurns",
+	"toolTimeoutMs"
+];
+/** 字段名 → 文案键；写全键名而非拼接，字典键是字面量类型，拼出来的 `string` 过不了编译 */
+const LIMIT_LABEL = {
+	totalTimeoutMs: "settings.agent.totalTimeout",
+	maxTurns: "settings.agent.maxTurns",
+	toolTimeoutMs: "settings.agent.toolTimeout"
+};
+/** 存储值（毫秒 / 轮）→ 输入框文本（秒 / 轮） */
+const limitForm = (loop) => ({
+	totalTimeoutMs: String(loop.totalTimeoutMs / 1e3),
+	maxTurns: String(loop.maxTurns),
+	toolTimeoutMs: String(loop.toolTimeoutMs / 1e3)
+});
+/**
+* 输入框文本 → 存储值；非正整数一律返回 undefined，由调用方抦下写入（FR-21.1）。
+* 不接受 0 与负数：它们不是「不限制」，而是一发就超。
+*/
+const limitValue = (field, raw) => {
+	const text = raw.trim();
+	const parsed = Number(text);
+	if (text === "" || !Number.isInteger(parsed) || parsed <= 0) return void 0;
+	return field === "maxTurns" ? parsed : parsed * 1e3;
+};
 /** 设置抽屉：模型列表（增删改 / 设默认 / 逐条探测）+ 流式与 temperature + Agent 能力 + 语音语言 @stable */
-function SettingsDrawer({ open, runtimeConfig, dictationLang = "", selectedModelId, onAppearanceChange, onSaved, userProfileApi: profileApi, onClose }) {
+function SettingsDrawer({ open, runtimeConfig, dictationLang = "", selectedModelId, onAppearanceChange, onSaved, userProfileApi: profileApi, initialSectionId, onClose }) {
 	const t = useT();
 	const [entries, setEntries] = useState([]);
 	const [defaultId, setDefaultId] = useState();
@@ -58397,6 +58793,10 @@ function SettingsDrawer({ open, runtimeConfig, dictationLang = "", selectedModel
 	const [skillGenerationEnabled, setSkillGenerationEnabled] = useState(false);
 	const [generativeUiEnabled, setGenerativeUiEnabled] = useState(false);
 	const [delegationEnabled, setDelegationEnabled] = useState(false);
+	/** 三个运行上限的输入框文本（FR-21.1） */
+	const [limits, setLimits] = useState(() => limitForm(DEFAULT_LOOP_LIMITS));
+	/** 上限校验失败的提示；贴在输入框旁，不走分区底部的写失败错误块 */
+	const [limitsError, setLimitsError] = useState();
 	const [userProfile, setUserProfile] = useState(defaultRuntimeConfig().userProfile);
 	const [profile, setProfile] = useState();
 	const [profileBusy, setProfileBusy] = useState(false);
@@ -58404,7 +58804,10 @@ function SettingsDrawer({ open, runtimeConfig, dictationLang = "", selectedModel
 	const [clearOnDisable, setClearOnDisable] = useState(false);
 	const [multimodal, setMultimodal] = useState(defaultRuntimeConfig().multimodal);
 	const [loaded, setLoaded] = useState(false);
-	const [error, setError] = useState();
+	/** 写失败的错误按分区隔离；它们可以同时存在，切分区不清（FR-16.4 / D-3） */
+	const [errors, setErrors] = useState({});
+	/** 抽屉级错误：初始加载失败不属于任何单一分区 */
+	const [drawerError, setDrawerError] = useState();
 	const [probes, setProbes] = useState({});
 	const [chrome, setChrome] = useState();
 	const configStore = useMemo(() => runtimeConfig ? withRuntimeConfigDefaults(runtimeConfig) : void 0, [runtimeConfig]);
@@ -58425,6 +58828,8 @@ function SettingsDrawer({ open, runtimeConfig, dictationLang = "", selectedModel
 		if (!open || !configStore) return;
 		let cancelled = false;
 		setLoaded(false);
+		setErrors({});
+		setDrawerError(void 0);
 		configStore.load().then((rc) => {
 			if (cancelled) return;
 			setEntries([...rc.llm.entries]);
@@ -58435,6 +58840,8 @@ function SettingsDrawer({ open, runtimeConfig, dictationLang = "", selectedModel
 			setSkillGenerationEnabled(rc.agentCapabilities.skillGeneration);
 			setGenerativeUiEnabled(rc.agentCapabilities.generativeUi);
 			setDelegationEnabled(rc.agentCapabilities.delegation);
+			setLimits(limitForm(rc.loop));
+			setLimitsError(void 0);
 			setMultimodal(rc.multimodal);
 			setUserProfile(rc.userProfile);
 			setClearOnDisable(false);
@@ -58442,7 +58849,7 @@ function SettingsDrawer({ open, runtimeConfig, dictationLang = "", selectedModel
 			setProbes({});
 			setLoaded(true);
 		}).catch((e) => {
-			if (!cancelled) setError(e instanceof Error ? e.message : String(e));
+			if (!cancelled) setDrawerError(e instanceof Error ? e.message : String(e));
 		});
 		return () => {
 			cancelled = true;
@@ -58468,20 +58875,30 @@ function SettingsDrawer({ open, runtimeConfig, dictationLang = "", selectedModel
 			cancelled = true;
 		};
 	}, [open, profileApi]);
-	const fail = (e) => setError(e instanceof Error ? e.message : String(e));
-	/** 所有写路径的唯一出口：读最新配置 → 打补丁 → 保存 → 通知宿主重装配 */
-	const persist = (mutate) => {
+	const failIn = (section) => (e) => setErrors((prev) => ({
+		...prev,
+		[section]: e instanceof Error ? e.message : String(e)
+	}));
+	/**
+	* 所有写路径的唯一出口：读最新配置 → 打补丁 → 保存 → 通知宿主重装配。
+	* `section` 为必传：失败信息必须落在发起它的分区，漏传由编译器拦下（FR-16.4）。
+	*/
+	const persist = (section, mutate) => {
 		if (!configStore) return;
+		setErrors((prev) => ({
+			...prev,
+			[section]: void 0
+		}));
 		(async () => {
 			const rc = await configStore.load();
 			await configStore.save(mutate(rc));
 			onSaved();
-		})().catch(fail);
+		})().catch(failIn(section));
 	};
 	const persistLlm = (next, nextDefaultId) => {
 		setEntries(next);
 		setDefaultId(nextDefaultId);
-		persist((rc) => ({
+		persist("models", (rc) => ({
 			...rc,
 			llm: {
 				entries: next,
@@ -58506,7 +58923,7 @@ function SettingsDrawer({ open, runtimeConfig, dictationLang = "", selectedModel
 				tools: !isBuiltin && form.toolsCapable
 			}
 		};
-		const next = entries.some((item) => item.id === entry.id) ? entries.map((item) => item.id === entry.id ? entry : item) : [...entries, entry];
+		const next = entries.some((item) => item.id === entry.id) ? entries.map((item) => item.id === entry.id ? entry : item) : [entry, ...entries];
 		setEditing(void 0);
 		persistLlm(next, defaultId ?? entry.id);
 	};
@@ -58516,7 +58933,7 @@ function SettingsDrawer({ open, runtimeConfig, dictationLang = "", selectedModel
 		if (editing === id) setEditing(void 0);
 		setEntries(next);
 		setDefaultId(nextDefaultId);
-		persist((rc) => ({
+		persist("models", (rc) => ({
 			...rc,
 			llm: {
 				entries: next,
@@ -58544,14 +58961,14 @@ function SettingsDrawer({ open, runtimeConfig, dictationLang = "", selectedModel
 	};
 	const setStreamingConfig = (next) => {
 		setStreaming(next);
-		persist((rc) => ({
+		persist("general", (rc) => ({
 			...rc,
 			streaming: next
 		}));
 	};
 	const commitTemperature = () => {
 		const parsed = temperature.trim() === "" ? void 0 : Number(temperature);
-		persist((rc) => {
+		persist("general", (rc) => {
 			const loop = { ...rc.loop };
 			delete loop.temperature;
 			if (parsed !== void 0 && Number.isFinite(parsed)) loop.temperature = parsed;
@@ -58561,20 +58978,51 @@ function SettingsDrawer({ open, runtimeConfig, dictationLang = "", selectedModel
 			};
 		});
 	};
-	const setAgentCapability = (patch) => persist((rc) => ({
+	const setAgentCapability = (patch) => persist("agent", (rc) => ({
 		...rc,
 		agentCapabilities: {
 			...rc.agentCapabilities,
 			...patch
 		}
 	}));
+	/**
+	* 上限失焦时提交（与 temperature 同口径）。校验不过就只给错误、不调 `persist`——
+	* 把 `-1` 写进去再在运行时报错，用户根本对不上号。
+	*/
+	const commitLimit = (field) => {
+		const value = limitValue(field, limits[field]);
+		if (value === void 0) {
+			setLimitsError(t("settings.agent.limits.invalid"));
+			return;
+		}
+		setLimitsError(void 0);
+		persist("agent", (rc) => ({
+			...rc,
+			loop: {
+				...rc.loop,
+				[field]: value
+			}
+		}));
+	};
+	/** 恢复默认值（FR-21.1）：写回 `DEFAULT_LOOP_LIMITS`，与 agent loop 自己用的是同一份 */
+	const resetLimits = () => {
+		setLimits(limitForm(DEFAULT_LOOP_LIMITS));
+		setLimitsError(void 0);
+		persist("agent", (rc) => ({
+			...rc,
+			loop: {
+				...rc.loop,
+				...DEFAULT_LOOP_LIMITS
+			}
+		}));
+	};
 	const setUserProfileConfig = (patch) => {
 		const next = {
 			...userProfile,
 			...patch
 		};
 		setUserProfile(next);
-		persist((rc) => ({
+		persist("privacy", (rc) => ({
 			...rc,
 			userProfile: next
 		}));
@@ -58582,7 +59030,11 @@ function SettingsDrawer({ open, runtimeConfig, dictationLang = "", selectedModel
 	/** 画像操作统一走这里：失败要能看到原因，而不是静静地什么都没发生 */
 	const runProfileTask = (task) => {
 		setProfileBusy(true);
-		task().then(setProfile).catch(fail).finally(() => setProfileBusy(false));
+		setErrors((prev) => ({
+			...prev,
+			privacy: void 0
+		}));
+		task().then(setProfile).catch(failIn("privacy")).finally(() => setProfileBusy(false));
 	};
 	const clearAll = async () => {
 		if (!profileApi) return;
@@ -58599,7 +59051,7 @@ function SettingsDrawer({ open, runtimeConfig, dictationLang = "", selectedModel
 			...patch
 		};
 		setMultimodal(next);
-		persist((rc) => ({
+		persist("multimodal", (rc) => ({
 			...rc,
 			multimodal: next
 		}));
@@ -58671,6 +59123,10 @@ function SettingsDrawer({ open, runtimeConfig, dictationLang = "", selectedModel
 					title: t("settings.general.title"),
 					description: t("settings.general.description")
 				}),
+				/* @__PURE__ */ jsx(SectionError, {
+					section: "general",
+					message: errors.general
+				}),
 				runtimeConfig ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(FormField, {
 					label: t("settings.streaming"),
 					description: t("settings.streamingNote"),
@@ -58735,65 +59191,9 @@ function SettingsDrawer({ open, runtimeConfig, dictationLang = "", selectedModel
 						children: t("settings.demoNote")
 					})]
 				}) : null,
-				error ? /* @__PURE__ */ jsx("div", {
-					role: "alert",
-					className: "rounded-lg border border-danger/30 bg-danger-soft px-3 py-2 text-xs text-danger",
-					children: error
-				}) : null,
-				/* @__PURE__ */ jsx(RecordList, {
-					items: entries,
-					getKey: (entry) => entry.id,
-					rowTestId: "settings-model-row",
-					actionsLabel: (entry) => t("settings.model.actions", { label: entry.label }),
-					emptyState: t("settings.model.empty"),
-					onAdd: {
-						label: t("settings.model.add"),
-						testId: "settings-model-add",
-						onSelect: () => {
-							setForm(EMPTY_FORM);
-							setEditing("new");
-						}
-					},
-					actions: modelActions,
-					columns: [{
-						id: "label",
-						label: t("settings.model.label"),
-						render: (entry) => {
-							const unavailable = entryUnavailable(entry);
-							return /* @__PURE__ */ jsxs("div", {
-								className: "flex flex-col gap-1",
-								children: [
-									/* @__PURE__ */ jsxs("div", {
-										className: "flex flex-wrap items-center gap-2",
-										children: [
-											/* @__PURE__ */ jsx("span", { children: entry.label }),
-											entry.id === defaultId ? /* @__PURE__ */ jsx(Badge, {
-												tone: "success",
-												children: t("settings.model.default")
-											}) : null,
-											unavailable ? /* @__PURE__ */ jsx(Badge, {
-												tone: "warning",
-												children: t("settings.model.unavailable")
-											}) : null,
-											probeBadges(entry)
-										]
-									}),
-									/* @__PURE__ */ jsxs("p", {
-										className: "text-xs font-normal text-muted",
-										children: [t(`settings.provider.${entry.provider}`), entry.model.trim() !== "" ? ` · ${entry.model}` : ""]
-									}),
-									unavailable ? /* @__PURE__ */ jsx("p", {
-										className: "text-xs font-normal text-warning",
-										children: unavailable
-									}) : null,
-									entry.provider === "chrome-builtin" ? /* @__PURE__ */ jsx("p", {
-										className: "text-xs font-normal text-muted",
-										children: t("settings.provider.chrome-builtin.limitation")
-									}) : null
-								]
-							});
-						}
-					}]
+				/* @__PURE__ */ jsx(SectionError, {
+					section: "models",
+					message: errors.models
 				}),
 				editing === void 0 ? null : /* @__PURE__ */ jsxs("div", {
 					className: "flex flex-col gap-4 rounded-card border border-border p-3",
@@ -58932,6 +59332,61 @@ function SettingsDrawer({ open, runtimeConfig, dictationLang = "", selectedModel
 						})
 					]
 				}),
+				/* @__PURE__ */ jsx(RecordList, {
+					items: entries,
+					getKey: (entry) => entry.id,
+					rowTestId: "settings-model-row",
+					actionsLabel: (entry) => t("settings.model.actions", { label: entry.label }),
+					emptyState: t("settings.model.empty"),
+					onAdd: {
+						label: t("settings.model.add"),
+						testId: "settings-model-add",
+						onSelect: () => {
+							setForm(EMPTY_FORM);
+							setEditing("new");
+						}
+					},
+					actions: modelActions,
+					columns: [{
+						id: "label",
+						label: t("settings.model.label"),
+						render: (entry) => {
+							const unavailable = entryUnavailable(entry);
+							return /* @__PURE__ */ jsxs("div", {
+								className: "flex flex-col gap-1",
+								children: [
+									/* @__PURE__ */ jsxs("div", {
+										className: "flex flex-wrap items-center gap-2",
+										children: [
+											/* @__PURE__ */ jsx("span", { children: entry.label }),
+											entry.id === defaultId ? /* @__PURE__ */ jsx(Badge, {
+												tone: "success",
+												children: t("settings.model.default")
+											}) : null,
+											unavailable ? /* @__PURE__ */ jsx(Badge, {
+												tone: "warning",
+												children: t("settings.model.unavailable")
+											}) : null,
+											probeBadges(entry)
+										]
+									}),
+									/* @__PURE__ */ jsxs("p", {
+										className: "text-xs font-normal text-muted",
+										children: [t(`settings.provider.${entry.provider}`), entry.model.trim() !== "" ? ` · ${entry.model}` : ""]
+									}),
+									unavailable ? /* @__PURE__ */ jsx("p", {
+										className: "text-xs font-normal text-warning",
+										children: unavailable
+									}) : null,
+									entry.provider === "chrome-builtin" ? /* @__PURE__ */ jsx("p", {
+										className: "text-xs font-normal text-muted",
+										children: t("settings.provider.chrome-builtin.limitation")
+									}) : null
+								]
+							});
+						}
+					}]
+				}),
 				/* @__PURE__ */ jsx("p", {
 					className: "text-xs text-muted",
 					children: t("settings.nonStreamingFallback")
@@ -58951,6 +59406,10 @@ function SettingsDrawer({ open, runtimeConfig, dictationLang = "", selectedModel
 						title: t("settings.agent.title"),
 						description: t("settings.agent.description")
 					}),
+					/* @__PURE__ */ jsx(SectionError, {
+						section: "agent",
+						message: errors.agent
+					}),
 					plainChatOnly ? /* @__PURE__ */ jsx("p", {
 						className: "text-xs text-warning",
 						"data-testid": "settings-agent-plain-chat",
@@ -58984,6 +59443,11 @@ function SettingsDrawer({ open, runtimeConfig, dictationLang = "", selectedModel
 							}
 						})
 					}),
+					/* @__PURE__ */ jsx("p", {
+						"data-testid": "settings-agent-generative-ui-unaffected",
+						className: "-mt-2 text-xs text-muted",
+						children: t("settings.agent.generativeUiUnaffected")
+					}),
 					/* @__PURE__ */ jsx(FormField, {
 						label: t("settings.agent.skillGeneration"),
 						description: t("settings.agent.skillGenerationNote"),
@@ -59011,7 +59475,48 @@ function SettingsDrawer({ open, runtimeConfig, dictationLang = "", selectedModel
 								setAgentCapability({ delegation: next });
 							}
 						})
-					})
+					}),
+					/* @__PURE__ */ jsx(DescriptionText, {
+						title: t("settings.agent.limits"),
+						description: t("settings.agent.limitsNote")
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: "flex gap-3",
+						children: LIMIT_FIELDS.map((field) => /* @__PURE__ */ jsxs("div", {
+							className: "flex min-w-0 flex-1 flex-col gap-1",
+							children: [/* @__PURE__ */ jsx(Label, {
+								htmlFor: `webskill-settings-limit-${field}`,
+								children: t(LIMIT_LABEL[field])
+							}), /* @__PURE__ */ jsx(Input, {
+								id: `webskill-settings-limit-${field}`,
+								"data-testid": `settings-agent-limit-${field}`,
+								className: "w-full",
+								type: "text",
+								inputMode: "numeric",
+								value: limits[field],
+								disabled: !loaded,
+								onChange: (event) => setLimits((prev) => ({
+									...prev,
+									[field]: event.target.value
+								})),
+								onBlur: () => commitLimit(field)
+							})]
+						}, field))
+					}),
+					limitsError ? /* @__PURE__ */ jsx("p", {
+						className: "text-xs text-danger",
+						"data-testid": "settings-agent-limits-error",
+						role: "alert",
+						children: limitsError
+					}) : null,
+					/* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Button, {
+						size: "sm",
+						variant: "ghost",
+						disabled: !loaded,
+						"data-testid": "settings-agent-limits-reset",
+						onClick: resetLimits,
+						children: t("settings.agent.limits.reset")
+					}) })
 				] })
 			},
 			{
@@ -59026,6 +59531,10 @@ function SettingsDrawer({ open, runtimeConfig, dictationLang = "", selectedModel
 						title: t("settings.privacy.title"),
 						description: t("settings.privacy.description")
 					}),
+					/* @__PURE__ */ jsx(SectionError, {
+						section: "privacy",
+						message: errors.privacy
+					}),
 					/* @__PURE__ */ jsx(FormField, {
 						label: t("settings.privacy.enabled"),
 						description: t("settings.privacy.enabledRisk"),
@@ -59114,7 +59623,7 @@ function SettingsDrawer({ open, runtimeConfig, dictationLang = "", selectedModel
 						api: profileApi,
 						busy: profileBusy,
 						onChanged: setProfile,
-						onError: fail,
+						onError: failIn("privacy"),
 						onRefine: () => runProfileTask(() => profileApi.refine()),
 						onDeleteEntry: (id) => runProfileTask(() => profileApi.deleteEntry(id)),
 						onClearRecords: () => runProfileTask(async () => {
@@ -59144,6 +59653,10 @@ function SettingsDrawer({ open, runtimeConfig, dictationLang = "", selectedModel
 						title: t("settings.multimodal.title"),
 						description: t("settings.multimodal.description")
 					}),
+					/* @__PURE__ */ jsx(SectionError, {
+						section: "multimodal",
+						message: errors.multimodal
+					}),
 					/* @__PURE__ */ jsx(FormField, {
 						label: t("settings.multimodal.imageAttachments"),
 						description: t("settings.multimodal.imageAttachmentsRisk"),
@@ -59200,24 +59713,38 @@ function SettingsDrawer({ open, runtimeConfig, dictationLang = "", selectedModel
 			}
 		] : []
 	];
-	const [activeSection, setActiveSection] = useState("general");
+	const [activeSection, setActiveSection] = useState(initialSectionId ?? "general");
 	const active = sections.some((section) => section.id === activeSection) ? activeSection : "general";
+	useEffect(() => {
+		if (open && initialSectionId !== void 0) setActiveSection(initialSectionId);
+	}, [open, initialSectionId]);
 	return /* @__PURE__ */ jsx(Sheet, {
 		open,
 		onOpenChange: (next) => !next && onClose(),
 		children: /* @__PURE__ */ jsxs(SheetContent, {
 			side: "right",
+			size: "lg",
 			title: t("settings.title"),
-			className: "flex w-[44rem] max-w-[calc(100vw-2rem)] flex-col p-0",
-			children: [/* @__PURE__ */ jsx("h2", {
-				className: "border-b border-border px-5 py-4 font-display text-base font-semibold text-ink",
-				children: t("settings.title")
-			}), /* @__PURE__ */ jsx(SettingsPanel, {
-				sections,
-				activeId: active,
-				onActiveChange: setActiveSection,
-				className: "min-h-0 flex-1"
-			})]
+			className: "flex flex-col p-0",
+			children: [
+				/* @__PURE__ */ jsx("h2", {
+					className: "border-b border-border px-5 py-4 font-display text-base font-semibold text-ink",
+					children: t("settings.title")
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "px-5 empty:hidden",
+					children: /* @__PURE__ */ jsx(SectionError, {
+						section: "drawer",
+						message: drawerError
+					})
+				}),
+				/* @__PURE__ */ jsx(SettingsPanel, {
+					sections,
+					activeId: active,
+					onActiveChange: setActiveSection,
+					className: "min-h-0 flex-1"
+				})
+			]
 		})
 	});
 }
@@ -59274,12 +59801,25 @@ async function downloadArtifactFile(storage, chatRoot, file) {
 		URL.revokeObjectURL(url);
 	}
 }
-/** 无工具模型的常驻说明；单独成组件是因为 `Chatbot` 本身在 LocaleProvider 之外，取不到 `useT` */
-function PlainChatNotice() {
-	return /* @__PURE__ */ jsx("p", {
-		"data-testid": "plain-chat-notice",
-		className: "px-1 pb-1 text-xs text-muted",
-		children: useT()("composer.plainChatOnly")
+/** 所选模型的能力徽章；单独成组件是因为 `Chatbot` 本身在 LocaleProvider 之外，取不到 `useT` */
+function ModelCapabilityBadges({ tools, images }) {
+	const t = useT();
+	const toolsBadge = /* @__PURE__ */ jsx(Badge, {
+		tone: tools ? "neutral" : "warning",
+		"data-testid": "capability-tools",
+		children: t(tools ? "capability.tools.on" : "capability.tools.off")
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		"data-testid": "model-capabilities",
+		className: "flex flex-wrap items-center gap-1.5 px-1 pb-1",
+		children: [tools ? toolsBadge : /* @__PURE__ */ jsx(Tooltip, {
+			content: t("settings.capability.plainChat"),
+			children: toolsBadge
+		}), /* @__PURE__ */ jsx(Badge, {
+			tone: "neutral",
+			"data-testid": "capability-images",
+			children: t(images ? "capability.images.on" : "capability.images.off")
+		})]
 	});
 }
 /**
@@ -59356,6 +59896,20 @@ function Chatbot({ adapter, config, locale: localeProp, theme: themeProp, render
 	const [error, setError] = useState();
 	const [drawerOpen, setDrawerOpen] = useState(false);
 	const [settingsOpen, setSettingsOpen] = useState(false);
+	/** 打开设置时定位到哪个分区：触顶报错直达 Agent 区，顶栏入口仍从头开始（FR-21.2） */
+	const [settingsSection, setSettingsSection] = useState("general");
+	const openSettings = (section) => {
+		setSettingsSection(section);
+		setSettingsOpen(true);
+	};
+	/** 触顶报错要说出「当前值」，所以渲染面留一份运行上限；随设置保存重取（FR-21.2） */
+	const [loopLimits, setLoopLimits] = useState(() => {
+		const { totalTimeoutMs, maxTurns } = defaultRuntimeConfig().loop;
+		return {
+			totalTimeoutMs,
+			maxTurns
+		};
+	});
 	/** 当前进行中 run 的 part 累积器（流式正文 / 工具 / 生命周期步进的唯一来源） */
 	const [live, setLive] = useState();
 	const [interactionPending, setInteractionPending] = useState(false);
@@ -59420,6 +59974,10 @@ function Chatbot({ adapter, config, locale: localeProp, theme: themeProp, render
 			});
 			multimodalRef.current = rc.multimodal;
 			setMultimodal(rc.multimodal);
+			setLoopLimits({
+				totalTimeoutMs: rc.loop.totalTimeoutMs,
+				maxTurns: rc.loop.maxTurns
+			});
 		}).catch(() => void 0);
 		return () => {
 			cancelled = true;
@@ -59445,8 +60003,10 @@ function Chatbot({ adapter, config, locale: localeProp, theme: themeProp, render
 	}, [selectedEntry]);
 	/** 演示档一个模型条目都没有，别把「模型不支持图片」这种话安在它头上 */
 	const modelTakesImages = llmSelection.entries.length === 0 || imageCapable;
-	/** 无工具模型：技能、生成式 UI、待办全部不可达，输入区要常驻说明（FR-14.4） */
-	const plainChatOnly = selectedEntry !== void 0 && !entryCapabilities(selectedEntry).tools;
+	/** 选中模型的关键能力；演示档一个条目都没有，不改徽章（FR-16.3） */
+	const modelCapabilities = selectedEntry === void 0 ? void 0 : entryCapabilities(selectedEntry);
+	/** 消息上存的是条目 id，展示得换成人读得懂的名称（FR-16.2） */
+	const modelLabels = useMemo(() => Object.fromEntries(llmSelection.entries.map((entry) => [entry.id, entry.label])), [llmSelection.entries]);
 	const composerModels = useMemo(() => {
 		if (llmSelection.entries.length === 0) return void 0;
 		const selected = modelId ?? llmSelection.defaultId ?? llmSelection.entries[0]?.id ?? "";
@@ -59571,7 +60131,11 @@ function Chatbot({ adapter, config, locale: localeProp, theme: themeProp, render
 		engine.retry(messageId).catch((e) => setError({ message: toErrorMessage(e) }));
 	}, [engine]);
 	const handleEdit = useCallback((messageId, text) => {
-		engine.editAndResend(messageId, text).then(() => setMessages((prev) => prev.slice(0, prev.findIndex((m) => m.id === messageId)))).catch((e) => setError({ message: toErrorMessage(e) }));
+		setMessages((prev) => {
+			const index = prev.findIndex((m) => m.id === messageId);
+			return index < 0 ? prev : prev.slice(0, index);
+		});
+		engine.editAndResend(messageId, text).catch((e) => setError({ message: toErrorMessage(e) }));
 	}, [engine]);
 	const handleDeleteMessage = useCallback((messageId) => {
 		engine.deleteMessage(messageId).then(() => setMessages((prev) => prev.filter((m) => m.id !== messageId))).catch((e) => setError({ message: toErrorMessage(e) }));
@@ -59756,7 +60320,7 @@ function Chatbot({ adapter, config, locale: localeProp, theme: themeProp, render
 								onOpenSessions: () => setDrawerOpen(true),
 								onCreateSession: handleCreate,
 								onOpenConsole: () => adapter.navigation.openConsole(),
-								onOpenSettings: () => setSettingsOpen(true),
+								onOpenSettings: () => openSettings("general"),
 								theme,
 								onToggleTheme: () => handleAppearanceChange({ theme: theme === "dark" ? "light" : "dark" })
 							}),
@@ -59789,9 +60353,11 @@ function Chatbot({ adapter, config, locale: localeProp, theme: themeProp, render
 														onRetry: handleRetry,
 														onDelete: handleDeleteMessage,
 														onDownload: handleDownload,
+														modelLabels,
 														...surfaceRegistry ? { surfaceRegistry } : {},
 														renderer,
-														...adapter.navigation.openConsoleTrace ? { onViewTrace: adapter.navigation.openConsoleTrace } : {}
+														...adapter.navigation.openConsoleTrace ? { onViewTrace: adapter.navigation.openConsoleTrace } : {},
+														...adapter.navigation.openConsoleCandidate ? { onOpenCandidate: adapter.navigation.openConsoleCandidate } : {}
 													})
 												}),
 												(() => {
@@ -59832,6 +60398,8 @@ function Chatbot({ adapter, config, locale: localeProp, theme: themeProp, render
 												error ? /* @__PURE__ */ jsx(ErrorCard, {
 													message: error.message,
 													...error.code ? { code: error.code } : {},
+													loopLimits,
+													onOpenSettings: () => openSettings("agent"),
 													onDismiss: () => setError(void 0)
 												}) : null
 											]
@@ -59846,7 +60414,10 @@ function Chatbot({ adapter, config, locale: localeProp, theme: themeProp, render
 										} : {},
 										onLocate: handleLocateInteraction
 									}),
-									plainChatOnly ? /* @__PURE__ */ jsx(PlainChatNotice, {}) : null,
+									modelCapabilities ? /* @__PURE__ */ jsx(ModelCapabilityBadges, {
+										tools: modelCapabilities.tools,
+										images: modelCapabilities.image
+									}) : null,
 									/* @__PURE__ */ jsx(AssistantUiComposer, {
 										running: sending,
 										disabled: interactionPending,
@@ -59876,6 +60447,7 @@ function Chatbot({ adapter, config, locale: localeProp, theme: themeProp, render
 						...config?.runtimeConfig ? { runtimeConfig: config.runtimeConfig } : {},
 						...selectedModelId !== "" ? { selectedModelId } : {},
 						dictationLang,
+						initialSectionId: settingsSection,
 						onAppearanceChange: handleAppearanceChange,
 						userProfileApi,
 						onSaved: () => {