@webskill/sdk 0.5.0 → 0.7.0

package/dist/{catalogComponents-DV7cPpUm-C77AEEx9.js → catalogComponents-Dr5dFMAb-DKH_7VPI.js}

@@ -1,6 +1,6 @@
 import { a as __require, i as __reExport, n as __esmMin, o as __toCommonJS, r as __exportAll$2, s as __toESM$1, t as __commonJSMin$1 } from "./rolldown-runtime-BOF7iYI8.js";
 import { m as WebSkillError } from "./dist-8oQRa8Xz.js";
-import { M as qualifyFieldName, Q as chartSpecFromProps, et as mountEchart, v as collectFormScopes, y as collectScopedValues } from "./dist-bewtXYlO.js";
+import { M as qualifyFieldName, Q as chartSpecFromProps, et as mountEchart, v as collectFormScopes, y as collectScopedValues } from "./dist-DnYG2-eY.js";
 import minpath$1 from "node:path";
 import { fileURLToPath as urlToPath$1 } from "node:url";
 import * as React$10 from "react";
@@ -3407,16 +3407,54 @@ const getDefaultConfig = () => {
 const twMerge = /*#__PURE__*/ createTailwindMerge(getDefaultConfig);
 
 //#endregion
-//#region ../ui-kit/dist/cn-Dt6Yi1Qv.js
+//#region ../ui-kit/dist/useDarkAncestor-D41bzGNA.js
 /** shadcn 约定的类名合并：后写的 Tailwind 类覆盖先写的同族类。 */
 function cn(...inputs) {
 	return twMerge(clsx(inputs));
 }
+/**
+* 声明了主题的祖先：`data-theme` 由 ThemeScope 挂（亮暗都挂），`.dark` 是宿主页面惯用的暗色类名。
+* 两者一起选，`closest` 才会停在**最近**的那一层，而不是越过亮色实例去命中外层的暗色宿主。
+*/
+const THEME_ANCESTOR = "[data-theme], .dark";
+/**
+* 判定挂载点**最近的**主题祖先是否处于暗色（0.6.0 FR-20.4）。
+*
+* 不用 `document.querySelector('.dark')`：那是全局查询，宿主页面是暗色时，
+* 嵌在暗色宿主里的亮色 SDK 实例也会被判成暗色（反之亦然）。
+*
+* 返回 ref 回调而不是接受 ref 对象：ref 对象的赋值不触发渲染，拿不到「已挂载」这个时机。
+*/
+function useDarkAncestor() {
+	const [node, setNode] = useState(null);
+	const [dark, setDark] = useState(false);
+	useEffect(() => {
+		if (!node) return;
+		const update = () => {
+			const scope = node.closest(THEME_ANCESTOR);
+			if (!scope) {
+				setDark(false);
+				return;
+			}
+			const declared = scope.getAttribute("data-theme");
+			setDark(declared === null ? true : declared === "dark");
+		};
+		update();
+		const observer = new MutationObserver(update);
+		observer.observe(document.documentElement, {
+			attributes: true,
+			attributeFilter: ["class", "data-theme"],
+			subtree: true
+		});
+		return () => observer.disconnect();
+	}, [node]);
+	return [dark, setNode];
+}
 
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-compose-refs@1.1.5_@types+react@19.2.17_react@19.2.8/node_modules/@radix-ui/react-compose-refs/dist/index.mjs
-var __defProp$29 = Object.defineProperty;
-var __name$27 = (target, value) => __defProp$29(target, "name", {
+var __defProp$28 = Object.defineProperty;
+var __name$26 = (target, value) => __defProp$28(target, "name", {
 	value,
 	configurable: true
 });
@@ -3424,7 +3462,7 @@ function setRef$1(ref, value) {
 	if (typeof ref === "function") return ref(value);
 	else if (ref !== null && ref !== void 0) ref.current = value;
 }
-__name$27(setRef$1, "setRef");
+__name$26(setRef$1, "setRef");
 function composeRefs(...refs) {
 	return (node) => {
 		let hasCleanup = false;
@@ -3442,16 +3480,16 @@ function composeRefs(...refs) {
 		};
 	};
 }
-__name$27(composeRefs, "composeRefs");
+__name$26(composeRefs, "composeRefs");
 function useComposedRefs(...refs) {
 	return React$10.useCallback(composeRefs(...refs), refs);
 }
-__name$27(useComposedRefs, "useComposedRefs");
+__name$26(useComposedRefs, "useComposedRefs");
 
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-context@1.2.2_@types+react@19.2.17_react@19.2.8/node_modules/@radix-ui/react-context/dist/index.mjs
-var __defProp$28 = Object.defineProperty;
-var __name$26 = (target, value) => __defProp$28(target, "name", {
+var __defProp$27 = Object.defineProperty;
+var __name$25 = (target, value) => __defProp$27(target, "name", {
 	value,
 	configurable: true
 });
@@ -3459,7 +3497,7 @@ var __name$26 = (target, value) => __defProp$28(target, "name", {
 function createContext2(rootComponentName, defaultContext) {
 	const Context = React$10.createContext(defaultContext);
 	Context.displayName = rootComponentName + "Context";
-	const Provider = /* @__PURE__ */ __name$26((props) => {
+	const Provider = /* @__PURE__ */ __name$25((props) => {
 		const { children, ...context } = props;
 		const value = React$10.useMemo(() => context, Object.values(context));
 		return /* @__PURE__ */ jsx(Context.Provider, {
@@ -3476,10 +3514,10 @@ function createContext2(rootComponentName, defaultContext) {
 		if (optional) return void 0;
 		throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
 	}
-	__name$26(useContext2, "useContext");
+	__name$25(useContext2, "useContext");
 	return [Provider, useContext2];
 }
-__name$26(createContext2, "createContext");
+__name$25(createContext2, "createContext");
 // @__NO_SIDE_EFFECTS__
 function createContextScope(scopeName, createContextScopeDeps = []) {
 	let defaultContexts = [];
@@ -3488,7 +3526,7 @@ function createContextScope(scopeName, createContextScopeDeps = []) {
 		BaseContext.displayName = rootComponentName + "Context";
 		const index = defaultContexts.length;
 		defaultContexts = [...defaultContexts, defaultContext];
-		const Provider = /* @__PURE__ */ __name$26((props) => {
+		const Provider = /* @__PURE__ */ __name$25((props) => {
 			const { scope, children, ...context } = props;
 			const Context = scope?.[scopeName]?.[index] || BaseContext;
 			const value = React$10.useMemo(() => context, Object.values(context));
@@ -3507,15 +3545,15 @@ function createContextScope(scopeName, createContextScopeDeps = []) {
 			if (optional) return void 0;
 			throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
 		}
-		__name$26(useContext2, "useContext");
+		__name$25(useContext2, "useContext");
 		return [Provider, useContext2];
 	}
-	__name$26(createContext3, "createContext");
-	const createScope = /* @__PURE__ */ __name$26(() => {
+	__name$25(createContext3, "createContext");
+	const createScope = /* @__PURE__ */ __name$25(() => {
 		const scopeContexts = defaultContexts.map((defaultContext) => {
 			return React$10.createContext(defaultContext);
 		});
-		return /* @__PURE__ */ __name$26(function useScope(scope) {
+		return /* @__PURE__ */ __name$25(function useScope(scope) {
 			const contexts = scope?.[scopeName] || scopeContexts;
 			return React$10.useMemo(() => ({ [`__scope${scopeName}`]: {
 				...scope,
@@ -3526,16 +3564,16 @@ function createContextScope(scopeName, createContextScopeDeps = []) {
 	createScope.scopeName = scopeName;
 	return [createContext3, composeContextScopes(createScope, ...createContextScopeDeps)];
 }
-__name$26(createContextScope, "createContextScope");
+__name$25(createContextScope, "createContextScope");
 function composeContextScopes(...scopes) {
 	const baseScope = scopes[0];
 	if (scopes.length === 1) return baseScope;
-	const createScope = /* @__PURE__ */ __name$26(() => {
+	const createScope = /* @__PURE__ */ __name$25(() => {
 		const scopeHooks = scopes.map((createScope2) => ({
 			useScope: createScope2(),
 			scopeName: createScope2.scopeName
 		}));
-		return /* @__PURE__ */ __name$26(function useComposedScopes(overrideScopes) {
+		return /* @__PURE__ */ __name$25(function useComposedScopes(overrideScopes) {
 			const nextScopes = scopeHooks.reduce((nextScopes2, { useScope, scopeName }) => {
 				const currentScope = useScope(overrideScopes)[`__scope${scopeName}`];
 				return {
@@ -3549,33 +3587,33 @@ function composeContextScopes(...scopes) {
 	createScope.scopeName = baseScope.scopeName;
 	return createScope;
 }
-__name$26(composeContextScopes, "composeContextScopes");
+__name$25(composeContextScopes, "composeContextScopes");
 
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+primitive@1.1.7/node_modules/@radix-ui/primitive/dist/index.mjs
-var __defProp$27 = Object.defineProperty;
-var __name$25 = (target, value) => __defProp$27(target, "name", {
+var __defProp$26 = Object.defineProperty;
+var __name$24 = (target, value) => __defProp$26(target, "name", {
 	value,
 	configurable: true
 });
 var canUseDOM = !!(typeof window !== "undefined" && window.document && window.document.createElement);
 function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
-	return /* @__PURE__ */ __name$25(function handleEvent(event) {
+	return /* @__PURE__ */ __name$24(function handleEvent(event) {
 		originalEventHandler?.(event);
 		if (checkForDefaultPrevented === false || !event || !event.defaultPrevented) return ourEventHandler?.(event);
 	}, "handleEvent");
 }
-__name$25(composeEventHandlers, "composeEventHandlers");
+__name$24(composeEventHandlers, "composeEventHandlers");
 function getOwnerWindow(element) {
 	if (!canUseDOM) throw new Error("Cannot access window outside of the DOM");
 	return element?.ownerDocument?.defaultView ?? window;
 }
-__name$25(getOwnerWindow, "getOwnerWindow");
+__name$24(getOwnerWindow, "getOwnerWindow");
 function getOwnerDocument(element) {
 	if (!canUseDOM) throw new Error("Cannot access document outside of the DOM");
 	return element?.ownerDocument ?? document;
 }
-__name$25(getOwnerDocument, "getOwnerDocument");
+__name$24(getOwnerDocument, "getOwnerDocument");
 function getActiveElement(node, activeDescendant = false) {
 	const { activeElement } = getOwnerDocument(node);
 	if (!activeElement?.nodeName) return null;
@@ -3589,11 +3627,11 @@ function getActiveElement(node, activeDescendant = false) {
 	}
 	return activeElement;
 }
-__name$25(getActiveElement, "getActiveElement");
+__name$24(getActiveElement, "getActiveElement");
 function isFrame(element) {
 	return element.tagName === "IFRAME";
 }
-__name$25(isFrame, "isFrame");
+__name$24(isFrame, "isFrame");
 
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-use-layout-effect@1.1.4_@types+react@19.2.17_react@19.2.8/node_modules/@radix-ui/react-use-layout-effect/dist/index.mjs
@@ -3601,8 +3639,8 @@ var useLayoutEffect2 = globalThis?.document ? React$10.useLayoutEffect : () => {
 
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-use-effect-event@0.0.5_@types+react@19.2.17_react@19.2.8/node_modules/@radix-ui/react-use-effect-event/dist/index.mjs
-var __defProp$26 = Object.defineProperty;
-var __name$24 = (target, value) => __defProp$26(target, "name", {
+var __defProp$25 = Object.defineProperty;
+var __name$23 = (target, value) => __defProp$25(target, "name", {
 	value,
 	configurable: true
 });
@@ -3621,17 +3659,17 @@ function useEffectEvent$2(callback) {
 	});
 	return React$10.useMemo(() => ((...args) => ref.current?.(...args)), []);
 }
-__name$24(useEffectEvent$2, "useEffectEvent");
+__name$23(useEffectEvent$2, "useEffectEvent");
 
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-use-controllable-state@1.2.6_@types+react@19.2.17_react@19.2.8/node_modules/@radix-ui/react-use-controllable-state/dist/index.mjs
-var __defProp$25 = Object.defineProperty;
-var __name$23 = (target, value) => __defProp$25(target, "name", {
+var __defProp$24 = Object.defineProperty;
+var __name$22 = (target, value) => __defProp$24(target, "name", {
 	value,
 	configurable: true
 });
 var useInsertionEffect$1 = React$10[" useInsertionEffect ".trim().toString()] || useLayoutEffect2;
-function useControllableState({ prop, defaultProp, onChange = /* @__PURE__ */ __name$23(() => {}, "onChange"), caller }) {
+function useControllableState({ prop, defaultProp, onChange = /* @__PURE__ */ __name$22(() => {}, "onChange"), caller }) {
 	const [uncontrolledProp, setUncontrolledProp, onChangeRef] = useUncontrolledState({
 		defaultProp,
 		onChange
@@ -3648,7 +3686,7 @@ function useControllableState({ prop, defaultProp, onChange = /* @__PURE__ */ __
 	}
 	return [value, React$10.useCallback((nextValue) => {
 		if (isControlled) {
-			const value2 = isFunction$2(nextValue) ? nextValue(prop) : nextValue;
+			const value2 = isFunction$1(nextValue) ? nextValue(prop) : nextValue;
 			if (value2 !== prop) onChangeRef.current?.(value2);
 		} else setUncontrolledProp(nextValue);
 	}, [
@@ -3658,7 +3696,7 @@ function useControllableState({ prop, defaultProp, onChange = /* @__PURE__ */ __
 		onChangeRef
 	])];
 }
-__name$23(useControllableState, "useControllableState");
+__name$22(useControllableState, "useControllableState");
 function useUncontrolledState({ defaultProp, onChange }) {
 	const [value, setValue] = React$10.useState(defaultProp);
 	const prevValueRef = React$10.useRef(value);
@@ -3678,11 +3716,11 @@ function useUncontrolledState({ defaultProp, onChange }) {
 		onChangeRef
 	];
 }
-__name$23(useUncontrolledState, "useUncontrolledState");
-function isFunction$2(value) {
+__name$22(useUncontrolledState, "useUncontrolledState");
+function isFunction$1(value) {
 	return typeof value === "function";
 }
-__name$23(isFunction$2, "isFunction");
+__name$22(isFunction$1, "isFunction");
 var SYNC_STATE = Symbol("RADIX:SYNC_STATE");
 function useControllableStateReducer(reducer, userArgs, initialArg, init) {
 	const { prop: controlledState, defaultProp, onChange: onChangeProp, caller } = userArgs;
@@ -3741,12 +3779,12 @@ function useControllableStateReducer(reducer, userArgs, initialArg, init) {
 	]);
 	return [state, dispatch];
 }
-__name$23(useControllableStateReducer, "useControllableStateReducer");
+__name$22(useControllableStateReducer, "useControllableStateReducer");
 
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-use-size@1.1.4_@types+react@19.2.17_react@19.2.8/node_modules/@radix-ui/react-use-size/dist/index.mjs
-var __defProp$24 = Object.defineProperty;
-var __name$22 = (target, value) => __defProp$24(target, "name", {
+var __defProp$23 = Object.defineProperty;
+var __name$21 = (target, value) => __defProp$23(target, "name", {
 	value,
 	configurable: true
 });
@@ -3784,12 +3822,12 @@ function useSize(element) {
 	}, [element]);
 	return size;
 }
-__name$22(useSize, "useSize");
+__name$21(useSize, "useSize");
 
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-presence@1.1.10_@types+react-dom@19.2.3_@types+react@19.2.17__@types+re_138587ba593102bdcf335a5673d92068/node_modules/@radix-ui/react-presence/dist/index.mjs
-var __defProp$23 = Object.defineProperty;
-var __name$21 = (target, value) => __defProp$23(target, "name", {
+var __defProp$22 = Object.defineProperty;
+var __name$20 = (target, value) => __defProp$22(target, "name", {
 	value,
 	configurable: true
 });
@@ -3798,8 +3836,8 @@ function useStateMachine$1(initialState, machine) {
 		return machine[state][event] ?? state;
 	}, initialState);
 }
-__name$21(useStateMachine$1, "useStateMachine");
-var Presence = /* @__PURE__ */ __name$21((props) => {
+__name$20(useStateMachine$1, "useStateMachine");
+var Presence = /* @__PURE__ */ __name$20((props) => {
 	const { present, children } = props;
 	const presence = usePresence(present);
 	const child = typeof children === "function" ? children({ present: presence.isPresent }) : React$10.Children.only(children);
@@ -3848,7 +3886,7 @@ function usePresence(present) {
 		if (node) {
 			let timeoutId;
 			const ownerWindow = node.ownerDocument.defaultView ?? window;
-			const handleAnimationEnd = /* @__PURE__ */ __name$21((event) => {
+			const handleAnimationEnd = /* @__PURE__ */ __name$20((event) => {
 				const isCurrentAnimation = getAnimationName(stylesRef.current).includes(CSS.escape(event.animationName));
 				if (event.target === node && isCurrentAnimation) {
 					send("ANIMATION_END");
@@ -3861,7 +3899,7 @@ function usePresence(present) {
 					}
 				}
 			}, "handleAnimationEnd");
-			const handleAnimationStart = /* @__PURE__ */ __name$21((event) => {
+			const handleAnimationStart = /* @__PURE__ */ __name$20((event) => {
 				if (event.target === node) prevAnimationNameRef.current = getAnimationName(stylesRef.current);
 			}, "handleAnimationStart");
 			node.addEventListener("animationstart", handleAnimationStart);
@@ -3887,12 +3925,12 @@ function usePresence(present) {
 		}, [])
 	};
 }
-__name$21(usePresence, "usePresence");
+__name$20(usePresence, "usePresence");
 function setRef(ref, value) {
 	if (typeof ref === "function") return ref(value);
 	else if (ref !== null && ref !== void 0) ref.current = value;
 }
-__name$21(setRef, "setRef");
+__name$20(setRef, "setRef");
 function useStableComposedRefs(...refs) {
 	const refsRef = React$10.useRef(refs);
 	refsRef.current = refs;
@@ -3913,11 +3951,11 @@ function useStableComposedRefs(...refs) {
 		};
 	}, []);
 }
-__name$21(useStableComposedRefs, "useStableComposedRefs");
+__name$20(useStableComposedRefs, "useStableComposedRefs");
 function getAnimationName(styles) {
 	return styles?.animationName || "none";
 }
-__name$21(getAnimationName, "getAnimationName");
+__name$20(getAnimationName, "getAnimationName");
 function getElementRef$1(element) {
 	let getter = Object.getOwnPropertyDescriptor(element.props, "ref")?.get;
 	let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
@@ -3927,12 +3965,12 @@ function getElementRef$1(element) {
 	if (mayWarn) return element.props.ref;
 	return element.props.ref || element.ref;
 }
-__name$21(getElementRef$1, "getElementRef");
+__name$20(getElementRef$1, "getElementRef");
 
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-slot@1.3.3_@types+react@19.2.17_react@19.2.8/node_modules/@radix-ui/react-slot/dist/index.mjs
-var __defProp$22 = Object.defineProperty;
-var __name$20 = (target, value) => __defProp$22(target, "name", {
+var __defProp$21 = Object.defineProperty;
+var __name$19 = (target, value) => __defProp$21(target, "name", {
 	value,
 	configurable: true
 });
@@ -3969,17 +4007,17 @@ function createSlot(ownerName) {
 	Slot2.displayName = `${ownerName}.Slot`;
 	return Slot2;
 }
-__name$20(createSlot, "createSlot");
+__name$19(createSlot, "createSlot");
 var SLOTTABLE_IDENTIFIER = Symbol.for("radix.slottable");
 // @__NO_SIDE_EFFECTS__
 function createSlottable(ownerName) {
-	const Slottable2 = /* @__PURE__ */ __name$20((props) => "child" in props ? props.children(props.child) : props.children, "Slottable");
+	const Slottable2 = /* @__PURE__ */ __name$19((props) => "child" in props ? props.children(props.child) : props.children, "Slottable");
 	Slottable2.displayName = `${ownerName}.Slottable`;
 	Slottable2.__radixId = SLOTTABLE_IDENTIFIER;
 	return Slottable2;
 }
-__name$20(createSlottable, "createSlottable");
-var getSlottableElementFromSlottable = /* @__PURE__ */ __name$20((slottable, child) => {
+__name$19(createSlottable, "createSlottable");
+var getSlottableElementFromSlottable = /* @__PURE__ */ __name$19((slottable, child) => {
 	if ("child" in slottable.props) {
 		const child2 = slottable.props.child;
 		if (!React$10.isValidElement(child2)) return null;
@@ -4010,7 +4048,7 @@ function mergeProps(slotProps, childProps) {
 		...overrideProps
 	};
 }
-__name$20(mergeProps, "mergeProps");
+__name$19(mergeProps, "mergeProps");
 function getElementRef(element) {
 	let getter = Object.getOwnPropertyDescriptor(element.props, "ref")?.get;
 	let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
@@ -4020,32 +4058,32 @@ function getElementRef(element) {
 	if (mayWarn) return element.props.ref;
 	return element.props.ref || element.ref;
 }
-__name$20(getElementRef, "getElementRef");
+__name$19(getElementRef, "getElementRef");
 function isSlottable(child) {
 	return React$10.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER;
 }
-__name$20(isSlottable, "isSlottable");
+__name$19(isSlottable, "isSlottable");
 var REACT_LAZY_TYPE = Symbol.for("react.lazy");
 function isLazyComponent(element) {
 	return element != null && typeof element === "object" && "$$typeof" in element && element.$$typeof === REACT_LAZY_TYPE && "_payload" in element && isPromiseLike(element._payload);
 }
-__name$20(isLazyComponent, "isLazyComponent");
+__name$19(isLazyComponent, "isLazyComponent");
 function isPromiseLike(value) {
 	return typeof value === "object" && value !== null && "then" in value;
 }
-__name$20(isPromiseLike, "isPromiseLike");
-var createSlotError = /* @__PURE__ */ __name$20((ownerName) => {
+__name$19(isPromiseLike, "isPromiseLike");
+var createSlotError = /* @__PURE__ */ __name$19((ownerName) => {
 	return `${ownerName} failed to slot onto its children. Expected a single React element child or \`Slottable\`.`;
 }, "createSlotError");
-var createSlottableError = /* @__PURE__ */ __name$20((ownerName) => {
+var createSlottableError = /* @__PURE__ */ __name$19((ownerName) => {
 	return `${ownerName} failed to slot onto its \`Slottable\`. Expected \`Slottable\` to receive a single React element child.`;
 }, "createSlottableError");
 var use$2 = React$10[" use ".trim().toString()];
 
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-primitive@2.1.10_@types+react-dom@19.2.3_@types+react@19.2.17__@types+r_be17283a23f513d7b972453cc36e2a96/node_modules/@radix-ui/react-primitive/dist/index.mjs
-var __defProp$21 = Object.defineProperty;
-var __name$19 = (target, value) => __defProp$21(target, "name", {
+var __defProp$20 = Object.defineProperty;
+var __name$18 = (target, value) => __defProp$20(target, "name", {
 	value,
 	configurable: true
 });
@@ -4087,201 +4125,7 @@ var Primitive = [
 function dispatchDiscreteCustomEvent(target, event) {
 	if (target) ReactDOM.flushSync(() => target.dispatchEvent(event));
 }
-__name$19(dispatchDiscreteCustomEvent, "dispatchDiscreteCustomEvent");
-
-//#endregion
-//#region ../../node_modules/.pnpm/@radix-ui+react-checkbox@1.3.11_@types+react-dom@19.2.3_@types+react@19.2.17__@types+re_f6e0f4835f2e28dbd2e5cb3844d005eb/node_modules/@radix-ui/react-checkbox/dist/index.mjs
-var __defProp$20 = Object.defineProperty;
-var __name$18 = (target, value) => __defProp$20(target, "name", {
-	value,
-	configurable: true
-});
-var CHECKBOX_NAME = "Checkbox";
-var [createCheckboxContext, createCheckboxScope] = createContextScope(CHECKBOX_NAME);
-var [CheckboxProviderImpl, useCheckboxContext] = createCheckboxContext(CHECKBOX_NAME);
-function CheckboxProvider(props) {
-	const { __scopeCheckbox, checked: checkedProp, children, defaultChecked, disabled, form, name, onCheckedChange, required, value = "on", internal_do_not_use_render } = props;
-	const [checked, setChecked] = useControllableState({
-		prop: checkedProp,
-		defaultProp: defaultChecked ?? false,
-		onChange: onCheckedChange,
-		caller: CHECKBOX_NAME
-	});
-	const [control, setControl] = React$10.useState(null);
-	const [bubbleInput, setBubbleInput] = React$10.useState(null);
-	const hasConsumerStoppedPropagationRef = React$10.useRef(false);
-	const [userInteractionCount, onUserInteraction] = React$10.useReducer((count) => count + 1, 0);
-	const isFormControl = control ? !!form || !!control.closest("form") : true;
-	const context = {
-		checked,
-		disabled,
-		setChecked,
-		control,
-		setControl,
-		name,
-		form,
-		value,
-		hasConsumerStoppedPropagationRef,
-		userInteractionCount,
-		onUserInteraction,
-		required,
-		defaultChecked: isIndeterminate$1(defaultChecked) ? false : defaultChecked,
-		isFormControl,
-		bubbleInput,
-		setBubbleInput
-	};
-	return /* @__PURE__ */ jsx(CheckboxProviderImpl, {
-		scope: __scopeCheckbox,
-		...context,
-		children: isFunction$1(internal_do_not_use_render) ? internal_do_not_use_render(context) : children
-	});
-}
-__name$18(CheckboxProvider, "CheckboxProvider");
-var TRIGGER_NAME$2 = "CheckboxTrigger";
-var CheckboxTrigger = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$18(function CheckboxTrigger2({ __scopeCheckbox, onKeyDown, onClick, ...checkboxProps }, forwardedRef) {
-	const { control, value, disabled, checked, required, setControl, setChecked, hasConsumerStoppedPropagationRef, onUserInteraction, isFormControl, bubbleInput } = useCheckboxContext(TRIGGER_NAME$2, __scopeCheckbox);
-	const composedRefs = useComposedRefs(forwardedRef, setControl);
-	const initialCheckedStateRef = React$10.useRef(checked);
-	React$10.useEffect(() => {
-		const form = control?.form;
-		if (form) {
-			const reset = /* @__PURE__ */ __name$18(() => setChecked(initialCheckedStateRef.current), "reset");
-			form.addEventListener("reset", reset);
-			return () => form.removeEventListener("reset", reset);
-		}
-	}, [control, setChecked]);
-	return /* @__PURE__ */ jsx(Primitive.button, {
-		type: "button",
-		role: "checkbox",
-		"aria-checked": isIndeterminate$1(checked) ? "mixed" : checked,
-		"aria-required": required,
-		"data-state": getState$2(checked),
-		"data-disabled": disabled ? "" : void 0,
-		disabled,
-		value,
-		...checkboxProps,
-		ref: composedRefs,
-		onKeyDown: composeEventHandlers(onKeyDown, (event) => {
-			if (event.key === "Enter") event.preventDefault();
-		}),
-		onClick: composeEventHandlers(onClick, (event) => {
-			onUserInteraction();
-			setChecked((prevChecked) => isIndeterminate$1(prevChecked) ? true : !prevChecked);
-			if (bubbleInput && isFormControl) {
-				hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();
-				if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();
-			}
-		})
-	});
-}, "CheckboxTrigger"));
-var Checkbox$1 = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$18(function Checkbox2(props, forwardedRef) {
-	const { __scopeCheckbox, name, checked, defaultChecked, required, disabled, value, onCheckedChange, form, ...checkboxProps } = props;
-	return /* @__PURE__ */ jsx(CheckboxProvider, {
-		__scopeCheckbox,
-		checked,
-		defaultChecked,
-		disabled,
-		required,
-		onCheckedChange,
-		name,
-		form,
-		value,
-		internal_do_not_use_render: ({ isFormControl }) => /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(CheckboxTrigger, {
-			...checkboxProps,
-			ref: forwardedRef,
-			__scopeCheckbox
-		}), isFormControl && /* @__PURE__ */ jsx(CheckboxBubbleInput, { __scopeCheckbox })] })
-	});
-}, "Checkbox"));
-var INDICATOR_NAME = "CheckboxIndicator";
-var CheckboxIndicator = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$18(function CheckboxIndicator2(props, forwardedRef) {
-	const { __scopeCheckbox, forceMount, ...indicatorProps } = props;
-	const context = useCheckboxContext(INDICATOR_NAME, __scopeCheckbox);
-	return /* @__PURE__ */ jsx(Presence, {
-		present: forceMount || isIndeterminate$1(context.checked) || context.checked === true,
-		children: /* @__PURE__ */ jsx(Primitive.span, {
-			"data-state": getState$2(context.checked),
-			"data-disabled": context.disabled ? "" : void 0,
-			...indicatorProps,
-			ref: forwardedRef,
-			style: {
-				pointerEvents: "none",
-				...props.style
-			}
-		})
-	});
-}, "CheckboxIndicator"));
-var BUBBLE_INPUT_NAME$1 = "CheckboxBubbleInput";
-var CheckboxBubbleInput = /* @__PURE__ */ React$10.forwardRef(/* @__PURE__ */ __name$18(function CheckboxBubbleInput2({ __scopeCheckbox, onClick, ...props }, forwardedRef) {
-	const { control, hasConsumerStoppedPropagationRef, userInteractionCount, checked, defaultChecked, required, disabled, name, value, form, bubbleInput, setBubbleInput } = useCheckboxContext(BUBBLE_INPUT_NAME$1, __scopeCheckbox);
-	const composedRefs = useComposedRefs(forwardedRef, setBubbleInput);
-	const controlSize = useSize(control);
-	const shouldStopClickPropagationRef = React$10.useRef(false);
-	const prevCheckedRef = React$10.useRef(checked);
-	const prevUserInteractionCountRef = React$10.useRef(userInteractionCount);
-	React$10.useEffect(() => {
-		const input = bubbleInput;
-		if (!input) return;
-		const inputProto = window.HTMLInputElement.prototype;
-		const setChecked = Object.getOwnPropertyDescriptor(inputProto, "checked").set;
-		const isUserInteraction = userInteractionCount !== prevUserInteractionCountRef.current;
-		prevUserInteractionCountRef.current = userInteractionCount;
-		const checkedChanged = prevCheckedRef.current !== checked;
-		prevCheckedRef.current = checked;
-		const bubbles = !(isUserInteraction && hasConsumerStoppedPropagationRef.current);
-		if (checkedChanged && setChecked) {
-			shouldStopClickPropagationRef.current = !isUserInteraction;
-			const event = new Event("click", { bubbles });
-			input.indeterminate = isIndeterminate$1(checked);
-			setChecked.call(input, isIndeterminate$1(checked) ? false : checked);
-			input.dispatchEvent(event);
-			shouldStopClickPropagationRef.current = false;
-		}
-	}, [
-		bubbleInput,
-		checked,
-		hasConsumerStoppedPropagationRef,
-		userInteractionCount
-	]);
-	const defaultCheckedRef = React$10.useRef(isIndeterminate$1(checked) ? false : checked);
-	return /* @__PURE__ */ jsx(Primitive.input, {
-		type: "checkbox",
-		"aria-hidden": true,
-		defaultChecked: defaultChecked ?? defaultCheckedRef.current,
-		required,
-		disabled,
-		name,
-		value,
-		form,
-		...props,
-		tabIndex: -1,
-		ref: composedRefs,
-		onClick: composeEventHandlers(onClick, (event) => {
-			if (shouldStopClickPropagationRef.current) event.stopPropagation();
-		}),
-		style: {
-			...props.style,
-			...controlSize,
-			position: "absolute",
-			pointerEvents: "none",
-			opacity: 0,
-			margin: 0,
-			transform: "translateX(-100%)"
-		}
-	});
-}, "CheckboxBubbleInput"));
-function isFunction$1(value) {
-	return typeof value === "function";
-}
-__name$18(isFunction$1, "isFunction");
-function isIndeterminate$1(checked) {
-	return checked === "indeterminate";
-}
-__name$18(isIndeterminate$1, "isIndeterminate");
-function getState$2(checked) {
-	return isIndeterminate$1(checked) ? "indeterminate" : checked ? "checked" : "unchecked";
-}
-__name$18(getState$2, "getState");
+__name$18(dispatchDiscreteCustomEvent, "dispatchDiscreteCustomEvent");
 
 //#endregion
 //#region ../../node_modules/.pnpm/@radix-ui+react-switch@1.3.7_@types+react-dom@19.2.3_@types+react@19.2.17__@types+react_e96baf15833549650471eefa4ffd78d0/node_modules/@radix-ui/react-switch/dist/index.mjs
@@ -99560,6 +99404,19 @@ const PanelLeft = createLucideIcon("panel-left", [["rect", {
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
+const Plus = createLucideIcon("plus", [["path", {
+	d: "M5 12h14",
+	key: "1ays0h"
+}], ["path", {
+	d: "M12 5v14",
+	key: "s699le"
+}]]);
+/**
+* @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 Search = createLucideIcon("search", [["path", {
 	d: "m21 21-4.34-4.34",
 	key: "14j7rj"
@@ -99624,31 +99481,43 @@ function Button({ variant = "primary", size = "md", loading = false, icon, disab
 		}) : icon, children]
 	});
 }
-/** Source-owned input with a consistent form-control and validation surface. */
+/**
+* 全仓唯一一份复制到剪贴板的状态机（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])
+	};
+}
+/**
+* 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
 	});
 }
-/** Source-owned shadcn-style checkbox backed by Radix for keyboard semantics. */
-function Checkbox({ className = "", invalid = false, "aria-invalid": ariaInvalid, ...props }) {
-	return /* @__PURE__ */ jsx(Checkbox$1, {
-		"aria-invalid": invalid ? true : ariaInvalid,
-		className: `inline-flex size-4 shrink-0 items-center justify-center rounded-sm border bg-surface shadow-xs outline-none transition-colors disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground ${invalid ? "border-destructive focus-visible:ring-destructive/20" : "border-input focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/20"} ${className}`,
-		...props,
-		children: /* @__PURE__ */ jsx(CheckboxIndicator, {
-			className: "flex items-center justify-center",
-			children: /* @__PURE__ */ jsx(Check, {
-				className: "size-3",
-				"aria-hidden": true
-			})
-		})
-	});
-}
-/** Source-owned textarea with the same form-control states as Input. */
+/**
+* Source-owned textarea with the same form-control states as Input.
+*
+* 基类锁定 `w` `h` `p` `rounded`（className 覆盖不生效）：同 `Input`。
+*/
 function Textarea({ className = "", invalid = false, "aria-invalid": ariaInvalid, ...props }) {
 	return /* @__PURE__ */ jsx("textarea", {
 		"aria-invalid": invalid ? true : ariaInvalid,
@@ -99656,7 +99525,11 @@ function Textarea({ className = "", invalid = false, "aria-invalid": ariaInvalid
 		...props
 	});
 }
-/** 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}`,
@@ -99672,7 +99545,28 @@ function Switch({ className = "", label, ...props }) {
 		})]
 	});
 }
+/**
+* 一个 SDK 实例的主题作用域（0.6.0 FR-20.4）。
+*
+* 解决两件事：
+*   1. Radix 的 Portal 默认渲染到 `document.body`，会逃出主题子树 —— 这里在作用域**内部**
+*      提供一个 Portal 容器，浮层因此仍处在带主题类名的祖先链下；
+*   2. 原生 `<select>` 的下拉由浏览器按 `color-scheme` 绘制，类名管不到 —— 容器上的
+*      `data-webskill-theme` 属性在 base.css 里显式声明了 `color-scheme`。
+*
+* 宿主页面自身的类名不被改动：作用域只作用于自己的子树。
+*/
+const PortalContainerContext = createContext(void 0);
+/**
+* 当前实例的 Portal 容器；不在 `ThemeScope` 内时返回 `undefined`，
+* 调用方据此回落到 Radix 默认的 `document.body`。
+* @experimental
+*/
+function usePortalContainer() {
+	return useContext(PortalContainerContext);
+}
 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, {
@@ -99682,14 +99576,22 @@ function DropdownMenuTrigger({ children, className = "", asChild, ...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, { children: /* @__PURE__ */ jsx(Content2, {
-		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}`,
-		...props,
-		children
-	}) });
+	return /* @__PURE__ */ jsx(Portal2, {
+		container: usePortalContainer(),
+		children: /* @__PURE__ */ jsx(Content2, {
+			sideOffset,
+			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}`,
@@ -99738,7 +99640,11 @@ function Separator({ className = "", orientation = "horizontal", decorative = tr
 const CommandEmpty = _e.Empty;
 const CommandGroup = _e.Group;
 const CommandSeparator = _e.Separator;
-/** Semantic table primitive for compact operational data. */
+/**
+* Semantic table primitive for compact operational data.
+*
+* 基类锁定 `w`（className 覆盖不生效）：`w-full` 是表格约定。
+*/
 function Table({ className = "", ...props }) {
 	return /* @__PURE__ */ jsx("table", {
 		className: `w-full caption-bottom text-sm ${className}`,
@@ -99748,6 +99654,8 @@ function Table({ className = "", ...props }) {
 /**
 * Source-owned shadcn-style table foundation.
 * The wrapper owns the visible frame and horizontal overflow; consumers own data behavior.
+*
+* 基类锁定 `min-w`（className 覆盖不生效）：`min-w-max` 是横向滚动的前提。
 */
 function DataTable({ children, className = "", containerClassName = "", ...props }) {
 	return /* @__PURE__ */ jsx(ScrollArea, {
@@ -99767,6 +99675,7 @@ const toneClasses$1 = {
 	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$1[tone]} ${className}`,
@@ -116091,564 +116000,6 @@ function defaultUrlTransform(value) {
 	if (colon === -1 || slash !== -1 && colon > slash || questionMark !== -1 && colon > questionMark || numberSign !== -1 && colon > numberSign || safeProtocol.test(value.slice(0, colon))) return value;
 	return "";
 }
-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%)" }
-};
-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%)" }
-};
 function _objectWithoutPropertiesLoose(r, e) {
 	if (null == r) return {};
 	var t = {};
@@ -118796,11 +118147,11 @@ function attributes(record) {
 	for (key in record) if (Object.hasOwn(record, key)) record[key] = parseEntities(record[key]);
 	return record;
 }
-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);
 };
 /**
@@ -119874,7 +119225,7 @@ const languages = {
 	markdown,
 	yaml
 };
-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",
@@ -119889,35 +119240,578 @@ function resolveLanguage(raw) {
 	if (raw in languages) return raw;
 	return languageAliases[raw];
 }
-/** 探测 .dark 祖先（class 策略）：监听 documentElement/body 的 class 变化 */
-function useDarkClass() {
-	const [dark, setDark] = useState(() => typeof document !== "undefined" && document.querySelector(".dark") !== null);
-	useEffect(() => {
-		const update = () => setDark(document.querySelector(".dark") !== null);
-		const observer = new MutationObserver(update);
-		observer.observe(document.documentElement, {
-			attributes: true,
-			attributeFilter: ["class"]
-		});
-		if (document.body) observer.observe(document.body, {
-			attributes: true,
-			attributeFilter: ["class"]
-		});
-		update();
-		return () => observer.disconnect();
-	}, []);
-	return dark;
-}
+/** 全站唯一的代码高亮主题对。引用相等是验收判据（AC-19.8），不导出到包外。 */
+const PRISM_THEME = {
+	dark: {
+		"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%)" }
+	},
+	light: {
+		"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%)" }
+	}
+};
 function CodeBlock({ node: _node, className, children, ...rest }) {
-	const dark = useDarkClass();
+	const [dark, themeRef] = useDarkAncestor();
 	const language = resolveLanguage(/language-(\w+)/.exec(className ?? "")?.[1]);
 	if (language) return /* @__PURE__ */ jsxs("div", {
+		ref: themeRef,
 		className: "my-3 overflow-hidden rounded-card border border-border",
 		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: {
@@ -119969,78 +119863,18 @@ function Markdown({ children, className = "" }) {
 		})
 	});
 }
-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();
@@ -120064,29 +119898,61 @@ 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
+		})
 	});
 });
+/**
+* provider 相关的默认值与切换规则（0.6.0 FR-13.1）。
+* chatbot 设置面板与 console 的 `connections.models` 共用这一份——
+* 0.5.x 时两处各自硬编码，改一处漏一处。
+*/
+/**
+* 各 provider 的官方默认端点。取值必须与客户端内部的 fallback 一致（T-03-2 断言）：
+* 客户端的 fallback 保证「用户没填也能跑」，这张表只服务 UI 预填，两者说的是同一件事。
+* `openai-compatible` 与 `chrome-builtin` 无默认——前者端点任意，后者根本不走 HTTP。
+* @experimental
+*/
+const PROVIDER_DEFAULT_BASE_URL = {
+	"openai-compatible": void 0,
+	anthropic: "https://api.anthropic.com",
+	google: "https://generativelanguage.googleapis.com",
+	"chrome-builtin": void 0
+};
+const KNOWN_DEFAULT_BASE_URLS = new Set(Object.values(PROVIDER_DEFAULT_BASE_URL).filter((url) => url !== void 0));
 
 //#endregion
-//#region ../ui-react/dist/catalogComponents-DV7cPpUm.js
+//#region ../ui-react/dist/catalogComponents-Dr5dFMAb.js
 /** echarts 挂载点：surface 图表与 catalog 声明树的 Chart 节点共用，实现在 `@webskill/ui`，与 A2UI 档同一份 */
 function EChart({ chart }) {
 	const containerRef = useRef(null);
@@ -120302,13 +120168,21 @@ function SurfaceField({ form, props, scope }) {
 			suggestion !== void 0 && isBlank(value) ? /* @__PURE__ */ jsxs("span", {
 				"data-webskill-suggestion": key,
 				className: "flex items-center gap-2 text-xs text-muted",
-				children: [/* @__PURE__ */ jsxs("span", { children: ["Last entered: ", String(suggestion.value)] }), /* @__PURE__ */ jsx("button", {
-					type: "button",
-					"data-webskill-suggestion-use": key,
-					onClick: () => form.setValue(key, suggestion.value),
-					className: "rounded-md border border-border px-2 py-0.5 text-ink transition-colors hover:bg-accent",
-					children: "Use"
-				})]
+				children: [
+					/* @__PURE__ */ jsxs("span", { children: ["Suggested: ", String(suggestion.value)] }),
+					suggestion.reason ? /* @__PURE__ */ jsxs("span", { children: [
+						"(",
+						suggestion.reason,
+						")"
+					] }) : null,
+					/* @__PURE__ */ jsx("button", {
+						type: "button",
+						"data-webskill-suggestion-use": key,
+						onClick: () => form.setValue(key, suggestion.value),
+						className: "rounded-md border border-border px-2 py-0.5 text-ink transition-colors hover:bg-accent",
+						children: "Use"
+					})
+				]
 			}) : null,
 			props["description"] ? /* @__PURE__ */ jsx("span", {
 				className: "text-xs text-muted",
@@ -120328,20 +120202,20 @@ function SurfaceFormButtons({ form, props, scope }) {
 	const submitId = scope ? scope.submitActionId : form.resolveActionId("submit");
 	const cancelId = scope ? scope.cancelActionId : form.resolveActionId("cancel");
 	return /* @__PURE__ */ jsxs("div", {
-		className: "flex gap-2",
-		children: [/* @__PURE__ */ jsx(Button, {
-			type: "submit",
-			size: "sm",
-			"data-webskill-surface-action": submitId,
-			children: str(props, "submitLabel", "Submit")
-		}), props["cancelLabel"] ? /* @__PURE__ */ jsx(Button, {
+		className: "flex flex-wrap items-center justify-end gap-2",
+		children: [props["cancelLabel"] ? /* @__PURE__ */ jsx(Button, {
 			type: "button",
 			size: "sm",
 			variant: "secondary",
 			"data-webskill-surface-action": cancelId,
 			onClick: () => form.emit(cancelId, scope),
 			children: str(props, "cancelLabel")
-		}) : null]
+		}) : null, /* @__PURE__ */ jsx(Button, {
+			type: "submit",
+			size: "sm",
+			"data-webskill-surface-action": submitId,
+			children: str(props, "submitLabel", "Submit")
+		})]
 	});
 }
 /** catalog `Button` 的唯一实现：submit 走带值提交，其余走裸动作 */
@@ -120620,4 +120494,4 @@ const catalogComponentImpls = {
 };
 
 //#endregion
-export { Input as C, DropdownMenuTrigger as S, Separator as T, Checkbox as _, SpecProgress as a, DropdownMenuCheckboxItem as b, SurfaceButton as c, catalogComponentImpls as d, str as f, Button as g, Badge as h, SpecGrid as i, SurfaceField as l, useSurfaceForm as m, CatalogSurfaceProvider as n, SpecTabs as o, useCatalogSurfaceForm as p, EChart as r, SpecTimeline as s, CatalogNode as t, SurfaceFormButtons as u, DataTable as v, Markdown as w, DropdownMenuContent as x, DropdownMenu as y };
+export { Markdown as C, Input as S, DataTable as _, SpecProgress as a, DropdownMenuContent as b, SurfaceButton as c, catalogComponentImpls as d, str as f, Button as g, Badge as h, SpecGrid as i, SurfaceField as l, useSurfaceForm as m, CatalogSurfaceProvider as n, SpecTabs as o, useCatalogSurfaceForm as p, EChart as r, SpecTimeline as s, CatalogNode as t, SurfaceFormButtons as u, DropdownMenu as v, Separator as w, DropdownMenuTrigger as x, DropdownMenuCheckboxItem as y };