@webskill/sdk 0.0.1

package/dist/ui-react.js

@@ -0,0 +1,239 @@
+import { _ as interactionToFormModel, f as collectValues, x as shapeInteractionValue, y as renderMiniMarkdown } from "./dist-RcqvzAGF.js";
+import { useLayoutEffect, useRef, useState, useSyncExternalStore } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region ../ui-react/dist/index.js
+/**
+* React 桥接状态：UiBridge 实现 + useSyncExternalStore 兼容订阅。
+* 应用创建实例传给 Runtime 与组件：<InteractionForm bridge={bridge} />。
+*/
+var ReactBridgeState = class {
+	pending = null;
+	latestResult = null;
+	streamingText = "";
+	#listeners = /* @__PURE__ */ new Set();
+	#resolvers = /* @__PURE__ */ new Map();
+	/** React useSyncExternalStore 兼容订阅 */
+	subscribe = (listener) => {
+		this.#listeners.add(listener);
+		return () => this.#listeners.delete(listener);
+	};
+	#emit() {
+		for (const listener of [...this.#listeners]) listener();
+	}
+	request(input) {
+		this.pending = input;
+		this.#emit();
+		return new Promise((resolve) => {
+			this.#resolvers.set(input.id, resolve);
+		});
+	}
+	/** 组件提交/取消回调 */
+	resolve(response) {
+		const resolver = this.#resolvers.get(response.id);
+		if (!resolver) return;
+		this.#resolvers.delete(response.id);
+		this.pending = null;
+		this.#emit();
+		resolver(response);
+	}
+	async renderResult(input) {
+		this.latestResult = input;
+		this.#emit();
+	}
+	async onTextDelta(_runId, delta) {
+		this.streamingText += delta;
+		this.#emit();
+	}
+};
+function Control({ control }) {
+	const label = /* @__PURE__ */ jsxs("label", {
+		className: "webskill-form__label",
+		children: [control.label, control.required ? " *" : ""]
+	});
+	const description = control.description ? /* @__PURE__ */ jsx("div", {
+		className: "webskill-form__description",
+		children: control.description
+	}) : null;
+	switch (control.control) {
+		case "boolean": return /* @__PURE__ */ jsxs("div", {
+			className: "webskill-form__control",
+			"data-control-name": control.name,
+			children: [
+				label,
+				description,
+				/* @__PURE__ */ jsx("input", {
+					type: "checkbox",
+					className: "webskill-form__input",
+					"data-webskill-control": control.name,
+					defaultChecked: control.defaultValue === true
+				})
+			]
+		});
+		case "select": return /* @__PURE__ */ jsxs("div", {
+			className: "webskill-form__control",
+			"data-control-name": control.name,
+			children: [
+				label,
+				description,
+				/* @__PURE__ */ jsx("select", {
+					className: "webskill-form__input",
+					"data-webskill-control": control.name,
+					children: (control.options ?? []).map((option, i) => /* @__PURE__ */ jsx("option", {
+						value: JSON.stringify(option.value),
+						...control.defaultValue !== void 0 && JSON.stringify(control.defaultValue) === JSON.stringify(option.value) ? { selected: true } : {},
+						children: option.label
+					}, i))
+				})
+			]
+		});
+		case "textarea": return /* @__PURE__ */ jsxs("div", {
+			className: "webskill-form__control",
+			"data-control-name": control.name,
+			children: [
+				label,
+				description,
+				/* @__PURE__ */ jsx("textarea", {
+					className: "webskill-form__input",
+					"data-webskill-control": control.name,
+					defaultValue: control.defaultValue !== void 0 ? String(control.defaultValue) : ""
+				})
+			]
+		});
+		default: return /* @__PURE__ */ jsxs("div", {
+			className: "webskill-form__control",
+			"data-control-name": control.name,
+			children: [
+				label,
+				description,
+				/* @__PURE__ */ jsx("input", {
+					type: control.control === "number" ? "number" : "text",
+					className: "webskill-form__input",
+					"data-webskill-control": control.name,
+					defaultValue: control.defaultValue !== void 0 ? String(control.defaultValue) : ""
+				})
+			]
+		});
+	}
+}
+/** 订阅 bridge.pending 渲染交互表单；提交/取消经 bridge.resolve 回传 */
+function InteractionForm({ bridge }) {
+	const pending = useSyncExternalStore(bridge.subscribe, () => bridge.pending);
+	const formRef = useRef(null);
+	const [invalid, setInvalid] = useState([]);
+	if (!pending) return null;
+	const model = interactionToFormModel(pending);
+	return /* @__PURE__ */ jsxs("form", {
+		ref: formRef,
+		className: "webskill-form",
+		noValidate: true,
+		onSubmit: (event) => {
+			event.preventDefault();
+			if (!formRef.current) return;
+			const { values, missingRequired } = collectValues(model.controls, formRef.current);
+			if (missingRequired.length > 0) {
+				setInvalid(missingRequired);
+				return;
+			}
+			bridge.resolve({
+				id: pending.id,
+				value: shapeInteractionValue(model, values)
+			});
+		},
+		children: [
+			model.title ? /* @__PURE__ */ jsx("div", {
+				className: "webskill-form__title",
+				children: model.title
+			}) : null,
+			model.message && model.kind === "form" ? /* @__PURE__ */ jsx("p", {
+				className: "webskill-form__message",
+				children: model.message
+			}) : null,
+			model.controls.map((control) => /* @__PURE__ */ jsxs("div", {
+				className: invalid.includes(control.name) ? "webskill-form__control--invalid" : void 0,
+				children: [/* @__PURE__ */ jsx(Control, { control }), invalid.includes(control.name) ? /* @__PURE__ */ jsx("div", {
+					className: "webskill-form__error",
+					children: "This field is required"
+				}) : null]
+			}, control.name)),
+			/* @__PURE__ */ jsxs("div", {
+				className: "webskill-form__actions",
+				children: [/* @__PURE__ */ jsx("button", {
+					type: "submit",
+					className: "webskill-form__button webskill-form__button--primary",
+					children: model.submitLabel
+				}), model.cancelLabel ? /* @__PURE__ */ jsx("button", {
+					type: "button",
+					className: "webskill-form__button webskill-form__button--ghost",
+					"data-webskill-cancel": true,
+					onClick: () => bridge.resolve({
+						id: pending.id,
+						cancelled: true
+					}),
+					children: model.cancelLabel
+				}) : null]
+			})
+		]
+	});
+}
+function MarkdownBlock({ text }) {
+	const ref = useRef(null);
+	useLayoutEffect(() => {
+		const el = ref.current;
+		if (!el) return;
+		el.replaceChildren(renderMiniMarkdown(text, el.ownerDocument));
+	}, [text]);
+	return /* @__PURE__ */ jsx("div", { ref });
+}
+function Block({ block }) {
+	switch (block.type) {
+		case "markdown": return /* @__PURE__ */ jsx(MarkdownBlock, { text: block.text });
+		case "json": return /* @__PURE__ */ jsx("pre", {
+			className: "webskill-result__json",
+			children: JSON.stringify(block.data, null, 2)
+		});
+		case "table": return /* @__PURE__ */ jsxs("table", { children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { children: block.columns.map((column) => /* @__PURE__ */ jsx("th", { children: column }, column)) }) }), /* @__PURE__ */ jsx("tbody", { children: block.rows.map((row, i) => /* @__PURE__ */ jsx("tr", { children: row.map((cell, j) => /* @__PURE__ */ jsx("td", { children: typeof cell === "object" ? JSON.stringify(cell) : String(cell ?? "") }, j)) }, i)) })] });
+		case "image": return /* @__PURE__ */ jsx("img", {
+			src: block.url,
+			alt: block.alt ?? ""
+		});
+		case "file": {
+			const meta = [block.mimeType, block.size !== void 0 ? `${block.size} bytes` : void 0].filter(Boolean).join(", ");
+			return /* @__PURE__ */ jsx("div", {
+				className: "webskill-result__file",
+				children: meta ? `${block.path} (${meta})` : block.path
+			});
+		}
+	}
+}
+/** 订阅 bridge.latestResult 渲染五种 RenderBlock */
+function ResultBlocks({ bridge }) {
+	const result = useSyncExternalStore(bridge.subscribe, () => bridge.latestResult);
+	if (!result) return null;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "webskill-result",
+		children: [
+			result.title ? /* @__PURE__ */ jsx("div", {
+				className: "webskill-form__title",
+				children: result.title
+			}) : null,
+			result.summary ? /* @__PURE__ */ jsx("div", {
+				className: "webskill-result__summary",
+				children: result.summary
+			}) : null,
+			result.blocks.map((block, i) => /* @__PURE__ */ jsx(Block, { block }, i))
+		]
+	});
+}
+/** 订阅 bridge.streamingText 增量渲染流式文本 */
+function StreamingText({ bridge }) {
+	const text = useSyncExternalStore(bridge.subscribe, () => bridge.streamingText);
+	if (text === "") return null;
+	return /* @__PURE__ */ jsx("div", {
+		className: "webskill-streaming-text",
+		children: text
+	});
+}
+
+//#endregion
+export { InteractionForm, ReactBridgeState, ResultBlocks, StreamingText };

package/dist/ui-vue.d.ts

@@ -0,0 +1,72 @@
+import { C as InteractionRequest, X as RenderResultRequest, pt as UiBridge, w as InteractionResponse } from "./index-88KNOnbr.js";
+import { PropType } from "vue";
+//#region ../ui-vue/dist/index.d.ts
+//#region src/bridgeState.d.ts
+interface VueBridgeSnapshot {
+  pending: InteractionRequest | null;
+  latestResult: RenderResultRequest | null;
+  streamingText: string;
+}
+/**
+ * Vue 桥接状态：UiBridge 实现 + reactive 快照。
+ * 应用创建实例传给 Runtime 与组件（组件经 props 接收 bridge）。
+ */
+declare class VueBridgeState implements UiBridge {
+  #private;
+  readonly state: VueBridgeSnapshot;
+  request(input: InteractionRequest): Promise<InteractionResponse>;
+  /** 组件提交/取消回调 */
+  resolve(response: InteractionResponse): void;
+  renderResult(input: RenderResultRequest): Promise<void>;
+  onTextDelta(_runId: string, delta: string): Promise<void>;
+}
+//#endregion
+//#region src/components/interactionForm.d.ts
+/** 订阅 bridge.state.pending 渲染交互表单（h() 渲染函数，无 SFC） */
+declare const InteractionForm: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  bridge: {
+    type: PropType<VueBridgeState>;
+    required: true;
+  };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  bridge: {
+    type: PropType<VueBridgeState>;
+    required: true;
+  };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//#endregion
+//#region src/components/resultBlocks.d.ts
+/** 订阅 bridge.state.latestResult 渲染五种 RenderBlock */
+declare const ResultBlocks: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  bridge: {
+    type: PropType<VueBridgeState>;
+    required: true;
+  };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  bridge: {
+    type: PropType<VueBridgeState>;
+    required: true;
+  };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//#endregion
+//#region src/components/streamingText.d.ts
+/** 订阅 bridge.state.streamingText 增量渲染流式文本 */
+declare const StreamingText: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  bridge: {
+    type: PropType<VueBridgeState>;
+    required: true;
+  };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  bridge: {
+    type: PropType<VueBridgeState>;
+    required: true;
+  };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//#endregion
+export { InteractionForm, ResultBlocks, StreamingText, type VueBridgeSnapshot, VueBridgeState };

package/dist/ui-vue.js

@@ -0,0 +1,196 @@
+import { _ as interactionToFormModel, f as collectValues, x as shapeInteractionValue, y as renderMiniMarkdown } from "./dist-RcqvzAGF.js";
+import { defineComponent, h, reactive, ref } from "vue";
+
+//#region ../ui-vue/dist/index.js
+/**
+* Vue 桥接状态：UiBridge 实现 + reactive 快照。
+* 应用创建实例传给 Runtime 与组件（组件经 props 接收 bridge）。
+*/
+var VueBridgeState = class {
+	state = reactive({
+		pending: null,
+		latestResult: null,
+		streamingText: ""
+	});
+	#resolvers = /* @__PURE__ */ new Map();
+	request(input) {
+		this.state.pending = input;
+		return new Promise((resolve) => {
+			this.#resolvers.set(input.id, resolve);
+		});
+	}
+	/** 组件提交/取消回调 */
+	resolve(response) {
+		const resolver = this.#resolvers.get(response.id);
+		if (!resolver) return;
+		this.#resolvers.delete(response.id);
+		this.state.pending = null;
+		resolver(response);
+	}
+	async renderResult(input) {
+		this.state.latestResult = input;
+	}
+	async onTextDelta(_runId, delta) {
+		this.state.streamingText += delta;
+	}
+};
+function renderControl(control) {
+	const label = h("label", { class: "webskill-form__label" }, [control.label, ...control.required ? [" *"] : []]);
+	const description = control.description ? h("div", { class: "webskill-form__description" }, control.description) : null;
+	let input;
+	switch (control.control) {
+		case "boolean":
+			input = h("input", {
+				type: "checkbox",
+				class: "webskill-form__input",
+				"data-webskill-control": control.name,
+				checked: control.defaultValue === true
+			});
+			break;
+		case "select":
+			input = h("select", {
+				class: "webskill-form__input",
+				"data-webskill-control": control.name
+			}, (control.options ?? []).map((option) => h("option", {
+				value: JSON.stringify(option.value),
+				selected: control.defaultValue !== void 0 && JSON.stringify(control.defaultValue) === JSON.stringify(option.value)
+			}, option.label)));
+			break;
+		case "textarea":
+			input = h("textarea", {
+				class: "webskill-form__input",
+				"data-webskill-control": control.name,
+				value: control.defaultValue !== void 0 ? String(control.defaultValue) : ""
+			});
+			break;
+		default: input = h("input", {
+			type: control.control === "number" ? "number" : "text",
+			class: "webskill-form__input",
+			"data-webskill-control": control.name,
+			value: control.defaultValue !== void 0 ? String(control.defaultValue) : ""
+		});
+	}
+	return h("div", {
+		class: "webskill-form__control",
+		"data-control-name": control.name
+	}, [
+		label,
+		description,
+		input
+	]);
+}
+/** 订阅 bridge.state.pending 渲染交互表单（h() 渲染函数，无 SFC） */
+const InteractionForm = defineComponent({
+	name: "WebSkillInteractionForm",
+	props: { bridge: {
+		type: Object,
+		required: true
+	} },
+	setup(props) {
+		const formRef = ref(null);
+		const invalid = ref([]);
+		return () => {
+			const pending = props.bridge.state.pending;
+			if (!pending) return null;
+			const model = interactionToFormModel(pending);
+			return h("form", {
+				ref: formRef,
+				class: "webskill-form",
+				novalidate: true,
+				onSubmit: (event) => {
+					event.preventDefault();
+					if (!formRef.value) return;
+					const { values, missingRequired } = collectValues(model.controls, formRef.value);
+					if (missingRequired.length > 0) {
+						invalid.value = missingRequired;
+						return;
+					}
+					props.bridge.resolve({
+						id: pending.id,
+						value: shapeInteractionValue(model, values)
+					});
+				}
+			}, [
+				model.title ? h("div", { class: "webskill-form__title" }, model.title) : null,
+				model.message && model.kind === "form" ? h("p", { class: "webskill-form__message" }, model.message) : null,
+				...model.controls.map((control) => h("div", { key: control.name }, [renderControl(control), invalid.value.includes(control.name) ? h("div", { class: "webskill-form__error" }, "This field is required") : null])),
+				h("div", { class: "webskill-form__actions" }, [h("button", {
+					type: "submit",
+					class: "webskill-form__button webskill-form__button--primary"
+				}, model.submitLabel), model.cancelLabel ? h("button", {
+					type: "button",
+					class: "webskill-form__button webskill-form__button--ghost",
+					"data-webskill-cancel": "",
+					onClick: () => props.bridge.resolve({
+						id: pending.id,
+						cancelled: true
+					})
+				}, model.cancelLabel) : null])
+			]);
+		};
+	}
+});
+function renderBlock(block, key) {
+	switch (block.type) {
+		case "markdown": return h("div", {
+			key,
+			onVnodeMounted: (vnode) => {
+				const el = vnode.el;
+				if (el) el.replaceChildren(renderMiniMarkdown(block.text, el.ownerDocument));
+			}
+		});
+		case "json": return h("pre", {
+			key,
+			class: "webskill-result__json"
+		}, JSON.stringify(block.data, null, 2));
+		case "table": return h("table", { key }, [h("thead", [h("tr", block.columns.map((column) => h("th", column)))]), h("tbody", block.rows.map((row, i) => h("tr", { key: i }, row.map((cell, j) => h("td", { key: j }, typeof cell === "object" ? JSON.stringify(cell) : String(cell ?? ""))))))]);
+		case "image": return h("img", {
+			key,
+			src: block.url,
+			alt: block.alt ?? ""
+		});
+		case "file": {
+			const meta = [block.mimeType, block.size !== void 0 ? `${block.size} bytes` : void 0].filter(Boolean).join(", ");
+			return h("div", {
+				key,
+				class: "webskill-result__file"
+			}, meta ? `${block.path} (${meta})` : block.path);
+		}
+	}
+}
+/** 订阅 bridge.state.latestResult 渲染五种 RenderBlock */
+const ResultBlocks = defineComponent({
+	name: "WebSkillResultBlocks",
+	props: { bridge: {
+		type: Object,
+		required: true
+	} },
+	setup(props) {
+		return () => {
+			const result = props.bridge.state.latestResult;
+			if (!result) return null;
+			return h("div", { class: "webskill-result" }, [
+				result.title ? h("div", { class: "webskill-form__title" }, result.title) : null,
+				result.summary ? h("div", { class: "webskill-result__summary" }, result.summary) : null,
+				...result.blocks.map((block, i) => renderBlock(block, i))
+			]);
+		};
+	}
+});
+/** 订阅 bridge.state.streamingText 增量渲染流式文本 */
+const StreamingText = defineComponent({
+	name: "WebSkillStreamingText",
+	props: { bridge: {
+		type: Object,
+		required: true
+	} },
+	setup(props) {
+		return () => {
+			const text = props.bridge.state.streamingText;
+			return text === "" ? null : h("div", { class: "webskill-streaming-text" }, text);
+		};
+	}
+});
+
+//#endregion
+export { InteractionForm, ResultBlocks, StreamingText, VueBridgeState };

package/dist/ui.d.ts

@@ -0,0 +1,171 @@
+import { C as InteractionRequest, X as RenderResultRequest, Y as RenderBlock, pt as UiBridge, vt as buildRenderResult, w as InteractionResponse } from "./index-88KNOnbr.js";
+//#region ../ui/dist/index.d.ts
+//#region src/model/formModel.d.ts
+interface FormModel {
+  kind: 'ask' | 'confirm' | 'form' | 'select';
+  title?: string;
+  message?: string;
+  controls: ControlModel[];
+  submitLabel: string;
+  cancelLabel?: string;
+}
+interface ControlModel {
+  name: string;
+  label: string;
+  control: 'text' | 'number' | 'boolean' | 'select' | 'textarea';
+  required?: boolean;
+  description?: string;
+  defaultValue?: unknown;
+  options?: Array<{
+    label: string;
+    value: unknown;
+  }>;
+}
+/** 提交值按请求类型归形（WebFormBridge 与框架组件库共享单一来源） */
+declare function shapeInteractionValue(model: FormModel, values: Record<string, unknown>): unknown;
+/** 四类 InteractionRequest → 统一中间模型（框架无关） */
+declare function interactionToFormModel(request: InteractionRequest): FormModel;
+//#endregion
+//#region src/model/collectValues.d.ts
+interface CollectedValues {
+  values: Record<string, unknown>;
+  /** required 但为空的控件名（阻止提交） */
+  missingRequired: string[];
+}
+/**
+ * 严格类型化控件值收集：
+ * - number 空串 → undefined（非 0）
+ * - select 用 option 值本身经 JSON 编码比对命中（对象值可正确命中）
+ * - required 空值列入 missingRequired（由调用方阻止提交并标记）
+ */
+declare function collectValues(controls: ControlModel[], container: ParentNode): CollectedValues;
+//#endregion
+//#region src/markdown/miniMarkdown.d.ts
+/**
+ * 最小子集 markdown → DOM：标题（#..###）、无序列表、代码块（```）、加粗、链接。
+ * 全部内容经 textContent 写入，用户内容天然转义防 HTML 注入。
+ */
+declare function renderMiniMarkdown(text: string, doc: Document): HTMLElement;
+//#endregion
+//#region src/web/webFormBridge.d.ts
+/**
+ * 框架无关原生 DOM 的 UiBridge：request 渲染表单并返回 Promise
+ * （提交 resolve / 取消 {cancelled:true}），完成后卸载 DOM。
+ * document 可注入（jsdom 测试）；BEM class 样式可覆写。
+ */
+declare class WebFormBridge implements UiBridge {
+  #private;
+  constructor(options: {
+    mount: HTMLElement;
+    document?: Document;
+    styles?: boolean;
+  });
+  request(input: InteractionRequest): Promise<InteractionResponse>;
+  renderResult(input: RenderResultRequest): Promise<void>;
+  progress(input: {
+    runId: string;
+    message: string;
+    value?: number;
+  }): Promise<void>;
+}
+//#endregion
+//#region src/web/resultRenderer.d.ts
+/** RenderBlock → DOM（markdown/json/table/image/file 五种） */
+declare function renderBlocks(container: HTMLElement, blocks: RenderBlock[], doc: Document): void;
+/** 完整 RenderResultRequest → DOM（summary 头 + blocks） */
+declare function renderRenderResult(request: RenderResultRequest, doc: Document): HTMLElement;
+//#endregion
+//#region src/web/styles.d.ts
+/** 最小样式（BEM class，应用可整体覆写） */
+declare const WEBSKILL_STYLES_CSS = "\n.webskill-form { display: block; padding: 12px; border: 1px solid #d0d0d0; border-radius: 8px; font-family: system-ui, sans-serif; max-width: 420px; }\n.webskill-form__title { margin: 0 0 8px; font-size: 15px; font-weight: 600; }\n.webskill-form__message { margin: 0 0 10px; font-size: 14px; }\n.webskill-form__control { margin-bottom: 10px; display: flex; flex-direction: column; gap: 4px; }\n.webskill-form__control--invalid .webskill-form__input { border-color: #d33; }\n.webskill-form__label { font-size: 13px; font-weight: 500; }\n.webskill-form__label-required::after { content: ' *'; color: #d33; }\n.webskill-form__description { font-size: 12px; color: #666; }\n.webskill-form__error { font-size: 12px; color: #d33; display: none; }\n.webskill-form__control--invalid .webskill-form__error { display: block; }\n.webskill-form__input { padding: 6px 8px; border: 1px solid #bbb; border-radius: 4px; font-size: 14px; font-family: inherit; }\n.webskill-form__actions { display: flex; gap: 8px; margin-top: 12px; }\n.webskill-form__button { padding: 6px 14px; border-radius: 4px; border: 1px solid #bbb; background: #fff; cursor: pointer; font-size: 14px; }\n.webskill-form__button--primary { background: #2563eb; border-color: #2563eb; color: #fff; }\n.webskill-form__button--ghost { background: transparent; }\n.webskill-result { font-family: system-ui, sans-serif; font-size: 14px; }\n.webskill-result__summary { font-size: 12px; color: #666; margin-bottom: 6px; }\n.webskill-result__json { background: #f5f5f5; padding: 8px; border-radius: 4px; overflow-x: auto; }\n.webskill-result__file { padding: 4px 0; font-size: 13px; }\n.webskill-md pre { background: #f5f5f5; padding: 8px; border-radius: 4px; overflow-x: auto; }\n.webskill-md h1, .webskill-md h2, .webskill-md h3 { margin: 8px 0 4px; }\n.webskill-md p { margin: 4px 0; }\n.webskill-md ul { margin: 4px 0; padding-left: 20px; }\n";
+/** 每个 document 只注入一次 */
+declare function ensureStyles(doc: Document): void;
+//#endregion
+//#region src/adapters/vercel/vercelPayload.d.ts
+/** Vercel AI SDK v7 ToolCallPart 兼容结构 */
+interface VercelToolInvocation {
+  type: 'tool-call';
+  toolCallId: string;
+  toolName: string;
+  input: unknown;
+}
+declare const VERCEL_INTERACTION_TOOL_NAME = "webskill_interaction";
+/** InteractionRequest → SDK tool UI 结构（应用聊天 UI 直接消费） */
+declare function toVercelToolInvocation(request: InteractionRequest): VercelToolInvocation;
+/** SDK 回传（tool result / output）→ InteractionResponse */
+declare function fromVercelToolResult(part: unknown): InteractionResponse;
+//#endregion
+//#region src/adapters/vercel/vercelUiBridge.d.ts
+/**
+ * 薄桥接类：request → SDK tool UI 结构 → 应用的聊天 UI（sendInteraction 回调实现）
+ * → SDK 回传 → InteractionResponse。
+ */
+declare class VercelUiBridge implements UiBridge {
+  #private;
+  constructor(deps: {
+    sendInteraction: (invocation: VercelToolInvocation) => Promise<unknown>;
+  });
+  request(input: InteractionRequest): Promise<InteractionResponse>;
+}
+//#endregion
+//#region src/adapters/openui/openuiLang.d.ts
+/**
+ * InteractionRequest ↔ openui-lang 双向转换。
+ * openui-lang 语法（@openuidev/react-lang 实测）：
+ * - 每行一条语句 `identifier = Expression`，`root = Component(...)` 为入口
+ * - 组件调用参数为位置参数；字符串双引号反斜杠转义
+ * - 组件词汇（与应用 Library 约定）：Form(title, children)、
+ *   TextField(name, label, required?, defaultValue?)、NumberField、BooleanField(name, label, default?)、
+ *   SelectField(name, label, options)、SubmitButton(label, actionType, requestId)、
+ *   CancelButton(label, actionType, requestId)
+ */
+declare const OPENUI_SUBMIT_ACTION = "webskill:submit";
+declare const OPENUI_CANCEL_ACTION = "webskill:cancel";
+declare function toOpenUiLang(request: InteractionRequest): string;
+/** OpenUI ActionEvent → InteractionResponse（formState 优先，取消单独分支） */
+declare function fromOpenUiAction(action: unknown): InteractionResponse;
+//#endregion
+//#region src/adapters/a2ui/a2uiMessages.d.ts
+/**
+ * InteractionRequest → A2UI 协议消息（v0.9.1，Basic Catalog）。
+ * 依据 https://a2ui.org/specification/v0.9-a2ui/：
+ * - 信封 {version, createSurface|updateComponents|updateDataModel|deleteSurface}
+ * - 组件为扁平邻接表（id 引用），root 必需
+ * - 输入组件与数据模型经 JSON Pointer 双向绑定；action.context 回传
+ * - createSurface.sendDataModel: true → 客户端动作时携带完整数据模型
+ *
+ * action 约定：submit → {name: 'webskill:submit', context: {requestId}}；
+ * cancel → {name: 'webskill:cancel', context: {requestId}}。
+ */
+declare const A2UI_VERSION = "v0.9.1";
+declare const A2UI_BASIC_CATALOG_ID = "https://a2ui.org/specification/v0_9/catalogs/basic/catalog.json";
+declare const A2UI_SUBMIT_ACTION = "webskill:submit";
+declare const A2UI_CANCEL_ACTION = "webskill:cancel";
+interface A2uiMessage {
+  version: string;
+  [key: string]: unknown;
+}
+declare function toA2uiMessages(request: InteractionRequest): A2uiMessage[];
+/** A2UI client→server action 事件 → InteractionResponse */
+declare function fromA2uiAction(event: unknown): InteractionResponse;
+//#endregion
+//#region src/a2uiRuntime/litRendererBridge.d.ts
+/**
+ * A2UI 运行时桥（Lit 渲染器路径）：
+ * InteractionRequest →（7A 转换器）→ A2UI v0.9.1 消息序列 →
+ * @a2ui/web_core MessageProcessor 处理 → @a2ui/lit 渲染到容器 →
+ * action 事件（合并双向绑定的表单数据模型）→ fromA2uiAction → InteractionResponse。
+ *
+ * 版本对齐：渲染器 @a2ui/lit@0.10.x 经 v0_9 入口同时接受 v0.9 / v0.9.1 消息
+ * （schema 枚举 ['v0.9','v0.9.1']），与 7A v0.9.1 转换产物直接兼容。
+ */
+declare class LitRendererBridge implements UiBridge {
+  #private;
+  constructor(deps: {
+    mount: HTMLElement;
+    document?: Document;
+  });
+  request(input: InteractionRequest): Promise<InteractionResponse>;
+}
+//#endregion
+export { A2UI_BASIC_CATALOG_ID, A2UI_CANCEL_ACTION, A2UI_SUBMIT_ACTION, A2UI_VERSION, type A2uiMessage, type CollectedValues, type ControlModel, type FormModel, LitRendererBridge, OPENUI_CANCEL_ACTION, OPENUI_SUBMIT_ACTION, VERCEL_INTERACTION_TOOL_NAME, type VercelToolInvocation, VercelUiBridge, WEBSKILL_STYLES_CSS, WebFormBridge, buildRenderResult, collectValues, ensureStyles, fromA2uiAction, fromOpenUiAction, fromVercelToolResult, interactionToFormModel, renderBlocks, renderMiniMarkdown, renderRenderResult, shapeInteractionValue, toA2uiMessages, toOpenUiLang, toVercelToolInvocation };

package/dist/ui.js

@@ -0,0 +1,4 @@
+import { S as buildRenderResult } from "./dist-B_ldNWwT.js";
+import { C as toOpenUiLang, S as toA2uiMessages, _ as interactionToFormModel, a as LitRendererBridge, b as renderRenderResult, c as VERCEL_INTERACTION_TOOL_NAME, d as WebFormBridge, f as collectValues, g as fromVercelToolResult, h as fromOpenUiAction, i as A2UI_VERSION, l as VercelUiBridge, m as fromA2uiAction, n as A2UI_CANCEL_ACTION, o as OPENUI_CANCEL_ACTION, p as ensureStyles, r as A2UI_SUBMIT_ACTION, s as OPENUI_SUBMIT_ACTION, t as A2UI_BASIC_CATALOG_ID, u as WEBSKILL_STYLES_CSS, v as renderBlocks, w as toVercelToolInvocation, x as shapeInteractionValue, y as renderMiniMarkdown } from "./dist-RcqvzAGF.js";
+
+export { A2UI_BASIC_CATALOG_ID, A2UI_CANCEL_ACTION, A2UI_SUBMIT_ACTION, A2UI_VERSION, LitRendererBridge, OPENUI_CANCEL_ACTION, OPENUI_SUBMIT_ACTION, VERCEL_INTERACTION_TOOL_NAME, VercelUiBridge, WEBSKILL_STYLES_CSS, WebFormBridge, buildRenderResult, collectValues, ensureStyles, fromA2uiAction, fromOpenUiAction, fromVercelToolResult, interactionToFormModel, renderBlocks, renderMiniMarkdown, renderRenderResult, shapeInteractionValue, toA2uiMessages, toOpenUiLang, toVercelToolInvocation };