@webskill/sdk 0.1.1 → 0.1.2

package/dist/dist-DxGyAznR.js

@@ -0,0 +1,1058 @@
+import { l as WebSkillError } from "./dist-DS1sfgHa.js";
+
+//#region ../ui/dist/index.js
+/** 提交值按请求类型归形（WebFormBridge 与框架组件库共享单一来源） */
+function shapeInteractionValue(model, values) {
+	switch (model.kind) {
+		case "ask": return values["answer"];
+		case "confirm": return values["confirmed"] === true;
+		case "select": return values["selected"];
+		case "authorize": return true;
+		case "form": return values;
+	}
+}
+/** 五类 InteractionRequest → 统一中间模型（框架无关） */
+function interactionToFormModel(request) {
+	switch (request.type) {
+		case "ask": return {
+			kind: "ask",
+			message: request.message,
+			controls: [{
+				name: "answer",
+				label: request.message,
+				control: "text",
+				required: true
+			}],
+			submitLabel: "Submit",
+			cancelLabel: "Cancel"
+		};
+		case "confirm": return {
+			kind: "confirm",
+			message: request.message,
+			controls: [{
+				name: "confirmed",
+				label: request.message,
+				control: "boolean",
+				defaultValue: request.defaultValue ?? true
+			}],
+			submitLabel: "Confirm",
+			cancelLabel: "Cancel"
+		};
+		case "form": return {
+			kind: "form",
+			...request.title ? { title: request.title } : {},
+			controls: request.fields.map((f) => ({
+				name: f.name,
+				label: f.label,
+				control: f.type,
+				...f.required ? { required: true } : {},
+				...f.description ? { description: f.description } : {},
+				...f.defaultValue !== void 0 ? { defaultValue: f.defaultValue } : {},
+				...f.options ? { options: f.options } : {}
+			})),
+			submitLabel: "Submit",
+			cancelLabel: "Cancel"
+		};
+		case "select": return {
+			kind: "select",
+			message: request.message,
+			controls: [{
+				name: "selected",
+				label: request.message,
+				control: "select",
+				required: true,
+				options: request.options
+			}],
+			submitLabel: "Select",
+			cancelLabel: "Cancel"
+		};
+		case "authorize": return {
+			kind: "authorize",
+			title: "Authorization required",
+			message: request.message,
+			controls: [],
+			submitLabel: "Allow",
+			cancelLabel: "Deny"
+		};
+	}
+}
+const isEmpty = (v) => v === void 0 || v === "";
+/**
+* 严格类型化控件值收集：
+* - number 空串 → undefined（非 0）
+* - select 用 option 值本身经 JSON 编码比对命中（对象值可正确命中）
+* - required 空值列入 missingRequired（由调用方阻止提交并标记）
+*/
+function collectValues(controls, container) {
+	const values = {};
+	const missingRequired = [];
+	for (const control of controls) {
+		const el = container.querySelector(`[data-webskill-control="${control.name}"]`);
+		let value;
+		if (el === null) value = void 0;
+		else if (control.control === "boolean") value = el.checked;
+		else if (control.control === "number") {
+			const raw = el.value.trim();
+			value = raw === "" ? void 0 : Number(raw);
+		} else if (control.control === "select") {
+			const attr = el.value;
+			const hit = control.options?.find((o) => JSON.stringify(o.value) === attr);
+			value = hit ? hit.value : attr === "" ? void 0 : attr;
+		} else {
+			const raw = el.value;
+			value = raw === "" ? void 0 : raw;
+		}
+		values[control.name] = value;
+		if (control.required && isEmpty(value)) missingRequired.push(control.name);
+	}
+	return {
+		values,
+		missingRequired
+	};
+}
+/**
+* 最小子集 markdown → DOM：标题（#..###）、无序列表、代码块（```）、加粗、链接。
+* 全部内容经 textContent 写入，用户内容天然转义防 HTML 注入。
+*/
+const INLINE_RE = /\*\*([^*]+)\*\*|\[([^\]]+)\]\(([^)\s]+)\)/g;
+function appendInline(container, text, doc) {
+	let last = 0;
+	for (const match of text.matchAll(INLINE_RE)) {
+		const index = match.index ?? 0;
+		if (index > last) container.appendChild(doc.createTextNode(text.slice(last, index)));
+		if (match[1] !== void 0) {
+			const strong = doc.createElement("strong");
+			strong.textContent = match[1];
+			container.appendChild(strong);
+		} else {
+			const label = match[2] ?? "";
+			const url = match[3] ?? "";
+			if (/^https?:\/\//.test(url)) {
+				const a = doc.createElement("a");
+				a.href = url;
+				a.textContent = label;
+				a.rel = "noopener noreferrer";
+				container.appendChild(a);
+			} else container.appendChild(doc.createTextNode(match[0]));
+		}
+		last = index + match[0].length;
+	}
+	if (last < text.length) container.appendChild(doc.createTextNode(text.slice(last)));
+}
+function renderMiniMarkdown(text, doc) {
+	const root = doc.createElement("div");
+	root.className = "webskill-md";
+	const lines = text.split(/\r?\n/);
+	let i = 0;
+	while (i < lines.length) {
+		const line = lines[i] ?? "";
+		if (line.trimStart().startsWith("```")) {
+			const codeLines = [];
+			i++;
+			while (i < lines.length && !(lines[i] ?? "").trimStart().startsWith("```")) {
+				codeLines.push(lines[i] ?? "");
+				i++;
+			}
+			i++;
+			const pre = doc.createElement("pre");
+			const code = doc.createElement("code");
+			code.textContent = codeLines.join("\n");
+			pre.appendChild(code);
+			root.appendChild(pre);
+			continue;
+		}
+		const heading = /^(#{1,3})\s+(.*)$/.exec(line);
+		if (heading) {
+			const level = heading[1].length;
+			const h = doc.createElement(`h${level}`);
+			appendInline(h, heading[2] ?? "", doc);
+			root.appendChild(h);
+			i++;
+			continue;
+		}
+		if (/^\s*[-*]\s+/.test(line)) {
+			const ul = doc.createElement("ul");
+			while (i < lines.length && /^\s*[-*]\s+/.test(lines[i] ?? "")) {
+				const li = doc.createElement("li");
+				appendInline(li, (lines[i] ?? "").replace(/^\s*[-*]\s+/, ""), doc);
+				ul.appendChild(li);
+				i++;
+			}
+			root.appendChild(ul);
+			continue;
+		}
+		if (line.trim() === "") {
+			i++;
+			continue;
+		}
+		const p = doc.createElement("p");
+		appendInline(p, line, doc);
+		root.appendChild(p);
+		i++;
+	}
+	return root;
+}
+/**
+* 轻量 SVG 图表自绘（bar/line/pie，零依赖，三端复用单一来源）。
+* 全部经 doc.createElementNS 构建（内容来自技能输出，不拼 innerHTML）。
+*/
+const SVG_NS = "http://www.w3.org/2000/svg";
+/** 固定 8 色循环调色板 */
+const CHART_PALETTE = [
+	"#4e79a7",
+	"#f28e2b",
+	"#e15759",
+	"#76b7b2",
+	"#59a14f",
+	"#edc948",
+	"#b07aa1",
+	"#ff9da7"
+];
+const WIDTH = 320;
+const HEIGHT = 200;
+function el(doc, name, attrs) {
+	const node = doc.createElementNS(SVG_NS, name);
+	for (const [key, value] of Object.entries(attrs)) node.setAttribute(key, value);
+	return node;
+}
+function text$1(doc, x, y, content, attrs = {}) {
+	const node = el(doc, "text", {
+		x: String(x),
+		y: String(y),
+		"font-size": "9",
+		fill: "#555",
+		...attrs
+	});
+	node.textContent = content;
+	return node;
+}
+const fmt = (n) => Number.isInteger(n) ? String(n) : n.toFixed(1);
+function maxValue(chart) {
+	let max = 0;
+	for (const s of chart.series) for (const v of s.data) if (v > max) max = v;
+	return max;
+}
+function renderBar(chart, svg, doc) {
+	const plot = {
+		x0: 30,
+		y0: 24,
+		x1: 312,
+		y1: 164
+	};
+	const max = maxValue(chart);
+	svg.appendChild(el(doc, "line", {
+		x1: String(plot.x0),
+		y1: String(plot.y0),
+		x2: String(plot.x0),
+		y2: String(plot.y1),
+		stroke: "#999"
+	}));
+	svg.appendChild(el(doc, "line", {
+		x1: String(plot.x0),
+		y1: String(plot.y1),
+		x2: String(plot.x1),
+		y2: String(plot.y1),
+		stroke: "#999"
+	}));
+	if (max <= 0 || chart.labels.length === 0 || chart.series.length === 0) return;
+	const groupWidth = (plot.x1 - plot.x0) / chart.labels.length;
+	const barWidth = Math.max(1, groupWidth / chart.series.length * .7);
+	chart.series.forEach((series, si) => {
+		const color = CHART_PALETTE[si % CHART_PALETTE.length];
+		series.data.forEach((value, li) => {
+			if (li >= chart.labels.length) return;
+			const height = (plot.y1 - plot.y0) * value / max;
+			const x = plot.x0 + li * groupWidth + (groupWidth - barWidth * chart.series.length) / 2 + si * barWidth;
+			const y = plot.y1 - height;
+			svg.appendChild(el(doc, "rect", {
+				x: String(x),
+				y: String(y),
+				width: String(barWidth),
+				height: String(height),
+				fill: color,
+				"data-series": series.name ?? String(si)
+			}));
+			if (chart.series.length === 1) svg.appendChild(text$1(doc, x + barWidth / 2, y - 2, fmt(value), { "text-anchor": "middle" }));
+		});
+	});
+	chart.labels.forEach((label, li) => {
+		svg.appendChild(text$1(doc, plot.x0 + li * groupWidth + groupWidth / 2, plot.y1 + 12, label, { "text-anchor": "middle" }));
+	});
+}
+function renderLine(chart, svg, doc) {
+	const plot = {
+		x0: 30,
+		y0: 24,
+		x1: 312,
+		y1: 164
+	};
+	const max = maxValue(chart);
+	svg.appendChild(el(doc, "line", {
+		x1: String(plot.x0),
+		y1: String(plot.y0),
+		x2: String(plot.x0),
+		y2: String(plot.y1),
+		stroke: "#999"
+	}));
+	svg.appendChild(el(doc, "line", {
+		x1: String(plot.x0),
+		y1: String(plot.y1),
+		x2: String(plot.x1),
+		y2: String(plot.y1),
+		stroke: "#999"
+	}));
+	if (max <= 0 || chart.labels.length === 0 || chart.series.length === 0) return;
+	const step = chart.labels.length > 1 ? (plot.x1 - plot.x0) / (chart.labels.length - 1) : 0;
+	const px = (li) => chart.labels.length > 1 ? plot.x0 + li * step : (plot.x0 + plot.x1) / 2;
+	const py = (v) => plot.y1 - (plot.y1 - plot.y0) * v / max;
+	chart.series.forEach((series, si) => {
+		const color = CHART_PALETTE[si % CHART_PALETTE.length];
+		const points = series.data.slice(0, chart.labels.length).map((v, li) => `${px(li)},${py(v)}`).join(" ");
+		if (points !== "") svg.appendChild(el(doc, "polyline", {
+			points,
+			fill: "none",
+			stroke: color,
+			"stroke-width": "1.5"
+		}));
+		series.data.slice(0, chart.labels.length).forEach((v, li) => {
+			svg.appendChild(el(doc, "circle", {
+				cx: String(px(li)),
+				cy: String(py(v)),
+				r: "2",
+				fill: color
+			}));
+		});
+	});
+	chart.labels.forEach((label, li) => {
+		svg.appendChild(text$1(doc, px(li), plot.y1 + 12, label, { "text-anchor": "middle" }));
+	});
+}
+function renderPie(chart, svg, doc) {
+	const data = (chart.series[0]?.data ?? []).slice(0, chart.labels.length);
+	const total = data.reduce((sum, v) => sum + (v > 0 ? v : 0), 0);
+	const cx = 90;
+	const cy = 104;
+	const r = 72;
+	if (total <= 0) {
+		svg.appendChild(text$1(doc, cx, cy, "No data", { "text-anchor": "middle" }));
+		return;
+	}
+	let angle = -Math.PI / 2;
+	data.forEach((value, i) => {
+		const label = chart.labels[i] ?? String(i);
+		const color = CHART_PALETTE[i % CHART_PALETTE.length];
+		const slice = Math.max(value, 0) / total * Math.PI * 2;
+		const x0 = cx + r * Math.cos(angle);
+		const y0 = cy + r * Math.sin(angle);
+		const x1 = cx + r * Math.cos(angle + slice);
+		const y1 = cy + r * Math.sin(angle + slice);
+		const path = el(doc, "path", {
+			d: `M ${cx} ${cy} L ${x0} ${y0} A ${r} ${r} 0 ${slice > Math.PI ? "1" : "0"} 1 ${x1} ${y1} Z`,
+			fill: color,
+			"data-label": label
+		});
+		svg.appendChild(path);
+		angle += slice;
+		const ly = 40 + i * 14;
+		svg.appendChild(el(doc, "rect", {
+			x: "190",
+			y: String(ly - 7),
+			width: "8",
+			height: "8",
+			fill: color
+		}));
+		svg.appendChild(text$1(doc, 202, ly, `${label} (${fmt(value)})`));
+	});
+}
+/**
+* ChartSpec → SVG（bar 等宽柱 + 值标签；line 折线 + 点；pie 扇形 + 图例；空数据容错）
+* @stable
+*/
+function renderMiniChart(chart, doc) {
+	const svg = el(doc, "svg", {
+		viewBox: `0 0 ${WIDTH} ${HEIGHT}`,
+		width: String(WIDTH),
+		height: String(HEIGHT),
+		class: `webskill-chart webskill-chart--${chart.kind}`,
+		role: "img"
+	});
+	if (chart.title) svg.appendChild(text$1(doc, WIDTH / 2, 14, chart.title, {
+		"text-anchor": "middle",
+		"font-size": "11",
+		fill: "#333"
+	}));
+	switch (chart.kind) {
+		case "bar":
+			renderBar(chart, svg, doc);
+			break;
+		case "line":
+			renderLine(chart, svg, doc);
+			break;
+		case "pie":
+			renderPie(chart, svg, doc);
+			break;
+	}
+	return svg;
+}
+/** A2UI/OpenUI 降级：chart → table（labels 为首列，series 各为一列） */
+function chartToTable(chart) {
+	return {
+		type: "table",
+		columns: ["label", ...chart.series.map((s, i) => s.name ?? `series ${i + 1}`)],
+		rows: chart.labels.map((label, li) => [label, ...chart.series.map((s) => s.data[li] ?? null)])
+	};
+}
+/** RenderBlock → DOM（markdown/json/table/image/file/chart 六种） */
+function renderBlocks(container, blocks, doc) {
+	for (const block of blocks) switch (block.type) {
+		case "chart":
+			container.appendChild(renderMiniChart(block.chart, doc));
+			break;
+		case "markdown":
+			container.appendChild(renderMiniMarkdown(block.text, doc));
+			break;
+		case "json": {
+			const pre = doc.createElement("pre");
+			pre.className = "webskill-result__json";
+			pre.textContent = JSON.stringify(block.data, null, 2);
+			container.appendChild(pre);
+			break;
+		}
+		case "table": {
+			const table = doc.createElement("table");
+			const thead = doc.createElement("thead");
+			const headRow = doc.createElement("tr");
+			for (const column of block.columns) {
+				const th = doc.createElement("th");
+				th.textContent = column;
+				headRow.appendChild(th);
+			}
+			thead.appendChild(headRow);
+			table.appendChild(thead);
+			const tbody = doc.createElement("tbody");
+			for (const row of block.rows) {
+				const tr = doc.createElement("tr");
+				for (const cell of row) {
+					const td = doc.createElement("td");
+					td.textContent = typeof cell === "object" ? JSON.stringify(cell) : String(cell ?? "");
+					tr.appendChild(td);
+				}
+				tbody.appendChild(tr);
+			}
+			table.appendChild(tbody);
+			container.appendChild(table);
+			break;
+		}
+		case "image": {
+			const img = doc.createElement("img");
+			img.src = block.url;
+			img.alt = block.alt ?? "";
+			container.appendChild(img);
+			break;
+		}
+		case "file": {
+			const div = doc.createElement("div");
+			div.className = "webskill-result__file";
+			const meta = [block.mimeType, block.size !== void 0 ? `${block.size} bytes` : void 0].filter(Boolean).join(", ");
+			div.textContent = meta ? `${block.path} (${meta})` : block.path;
+			container.appendChild(div);
+			break;
+		}
+	}
+}
+/** 完整 RenderResultRequest → DOM（summary 头 + blocks） */
+function renderRenderResult(request, doc) {
+	const root = doc.createElement("div");
+	root.className = "webskill-result";
+	if (request.title) {
+		const title = doc.createElement("div");
+		title.className = "webskill-form__title";
+		title.textContent = request.title;
+		root.appendChild(title);
+	}
+	if (request.summary) {
+		const summary = doc.createElement("div");
+		summary.className = "webskill-result__summary";
+		summary.textContent = request.summary;
+		root.appendChild(summary);
+	}
+	renderBlocks(root, request.blocks, doc);
+	return root;
+}
+/** 最小样式（BEM class，应用可整体覆写） */
+const WEBSKILL_STYLES_CSS = `
+.webskill-form { display: block; padding: 12px; border: 1px solid #d0d0d0; border-radius: 8px; font-family: system-ui, sans-serif; max-width: 420px; }
+.webskill-form__title { margin: 0 0 8px; font-size: 15px; font-weight: 600; }
+.webskill-form__message { margin: 0 0 10px; font-size: 14px; }
+.webskill-form__control { margin-bottom: 10px; display: flex; flex-direction: column; gap: 4px; }
+.webskill-form__control--invalid .webskill-form__input { border-color: #d33; }
+.webskill-form__label { font-size: 13px; font-weight: 500; }
+.webskill-form__label-required::after { content: ' *'; color: #d33; }
+.webskill-form__description { font-size: 12px; color: #666; }
+.webskill-form__error { font-size: 12px; color: #d33; display: none; }
+.webskill-form__control--invalid .webskill-form__error { display: block; }
+.webskill-form__input { padding: 6px 8px; border: 1px solid #bbb; border-radius: 4px; font-size: 14px; font-family: inherit; }
+.webskill-form__actions { display: flex; gap: 8px; margin-top: 12px; }
+.webskill-form__button { padding: 6px 14px; border-radius: 4px; border: 1px solid #bbb; background: #fff; cursor: pointer; font-size: 14px; }
+.webskill-form__button--primary { background: #2563eb; border-color: #2563eb; color: #fff; }
+.webskill-form__button--ghost { background: transparent; }
+.webskill-result { font-family: system-ui, sans-serif; font-size: 14px; }
+.webskill-result__summary { font-size: 12px; color: #666; margin-bottom: 6px; }
+.webskill-result__json { background: #f5f5f5; padding: 8px; border-radius: 4px; overflow-x: auto; }
+.webskill-result__file { padding: 4px 0; font-size: 13px; }
+.webskill-md pre { background: #f5f5f5; padding: 8px; border-radius: 4px; overflow-x: auto; }
+.webskill-md h1, .webskill-md h2, .webskill-md h3 { margin: 8px 0 4px; }
+.webskill-md p { margin: 4px 0; }
+.webskill-md ul { margin: 4px 0; padding-left: 20px; }
+`;
+/** 每个 document 只注入一次 */
+function ensureStyles(doc) {
+	if (doc.querySelector("style[data-webskill]")) return;
+	const style = doc.createElement("style");
+	style.setAttribute("data-webskill", "");
+	style.textContent = WEBSKILL_STYLES_CSS;
+	doc.head.appendChild(style);
+}
+const CONTROL_TAG = "data-webskill-control";
+/**
+* 框架无关原生 DOM 的 UiBridge：request 渲染表单并返回 Promise
+* （提交 resolve / 取消 {cancelled:true}），完成后卸载 DOM。
+* document 可注入（jsdom 测试）；BEM class 样式可覆写。
+*/
+var WebFormBridge = class {
+	#mount;
+	#doc;
+	#styles;
+	#progressEl;
+	constructor(options) {
+		this.#mount = options.mount;
+		this.#doc = options.document ?? options.mount.ownerDocument;
+		this.#styles = options.styles ?? true;
+	}
+	request(input) {
+		if (this.#styles) ensureStyles(this.#doc);
+		this.#clearProgress();
+		const model = interactionToFormModel(input);
+		const { form, cleanup } = this.#renderForm(model);
+		return new Promise((resolve) => {
+			form.addEventListener("submit", (event) => {
+				event.preventDefault();
+				const { values, missingRequired } = collectValues(model.controls, form);
+				if (missingRequired.length > 0) {
+					for (const name of missingRequired) form.querySelector(`[${CONTROL_TAG}="${name}"]`)?.closest(".webskill-form__control")?.classList.add("webskill-form__control--invalid");
+					return;
+				}
+				cleanup();
+				resolve({
+					id: input.id,
+					value: shapeInteractionValue(model, values)
+				});
+			});
+			form.querySelector("[data-webskill-cancel]")?.addEventListener("click", (event) => {
+				event.preventDefault();
+				cleanup();
+				resolve({
+					id: input.id,
+					cancelled: true
+				});
+			});
+			this.#mount.appendChild(form);
+		});
+	}
+	async renderResult(input) {
+		if (this.#styles) ensureStyles(this.#doc);
+		this.#clearProgress();
+		this.#mount.querySelector(".webskill-result")?.remove();
+		this.#mount.appendChild(renderRenderResult(input, this.#doc));
+	}
+	async progress(input) {
+		if (!this.#progressEl) {
+			this.#progressEl = this.#doc.createElement("div");
+			this.#progressEl.className = "webskill-result__summary";
+			this.#mount.appendChild(this.#progressEl);
+		}
+		const pct = input.value !== void 0 ? ` (${Math.round(input.value * 100)}%)` : "";
+		this.#progressEl.textContent = `${input.message}${pct}`;
+	}
+	/** 新一轮交互/结果渲染开始时移除遗留 progress 元素 */
+	#clearProgress() {
+		this.#progressEl?.remove();
+		this.#progressEl = void 0;
+	}
+	#renderForm(model) {
+		const doc = this.#doc;
+		const form = doc.createElement("form");
+		form.className = "webskill-form";
+		form.noValidate = true;
+		if (model.title) {
+			const title = doc.createElement("div");
+			title.className = "webskill-form__title";
+			title.textContent = model.title;
+			form.appendChild(title);
+		}
+		if (model.message && model.kind !== "confirm" && model.kind !== "ask" && model.kind !== "select") {
+			const message = doc.createElement("p");
+			message.className = "webskill-form__message";
+			message.textContent = model.message;
+			form.appendChild(message);
+		}
+		for (const control of model.controls) form.appendChild(this.#renderControl(control));
+		const actions = doc.createElement("div");
+		actions.className = "webskill-form__actions";
+		const submit = doc.createElement("button");
+		submit.type = "submit";
+		submit.className = "webskill-form__button webskill-form__button--primary";
+		submit.textContent = model.submitLabel;
+		actions.appendChild(submit);
+		if (model.cancelLabel) {
+			const cancel = doc.createElement("button");
+			cancel.type = "button";
+			cancel.className = "webskill-form__button webskill-form__button--ghost";
+			cancel.textContent = model.cancelLabel;
+			cancel.setAttribute("data-webskill-cancel", "");
+			actions.appendChild(cancel);
+		}
+		form.appendChild(actions);
+		return {
+			form,
+			cleanup: () => form.remove()
+		};
+	}
+	#renderControl(control) {
+		const doc = this.#doc;
+		const wrapper = doc.createElement("div");
+		wrapper.className = "webskill-form__control";
+		const label = doc.createElement("label");
+		label.className = control.required ? "webskill-form__label webskill-form__label-required" : "webskill-form__label";
+		label.textContent = control.label;
+		wrapper.appendChild(label);
+		if (control.description) {
+			const desc = doc.createElement("div");
+			desc.className = "webskill-form__description";
+			desc.textContent = control.description;
+			wrapper.appendChild(desc);
+		}
+		let input;
+		if (control.control === "select") {
+			const select = doc.createElement("select");
+			select.className = "webskill-form__input";
+			for (const option of control.options ?? []) {
+				const opt = doc.createElement("option");
+				opt.value = JSON.stringify(option.value);
+				opt.textContent = option.label;
+				if (control.defaultValue !== void 0 && JSON.stringify(control.defaultValue) === opt.value) opt.selected = true;
+				select.appendChild(opt);
+			}
+			input = select;
+		} else if (control.control === "boolean") {
+			const checkbox = doc.createElement("input");
+			checkbox.type = "checkbox";
+			checkbox.className = "webskill-form__input";
+			checkbox.checked = control.defaultValue === true;
+			input = checkbox;
+		} else if (control.control === "textarea") {
+			const textarea = doc.createElement("textarea");
+			textarea.className = "webskill-form__input";
+			textarea.value = control.defaultValue !== void 0 ? String(control.defaultValue) : "";
+			input = textarea;
+		} else {
+			const textInput = doc.createElement("input");
+			textInput.type = control.control === "number" ? "number" : "text";
+			textInput.className = "webskill-form__input";
+			if (control.defaultValue !== void 0) textInput.value = String(control.defaultValue);
+			input = textInput;
+		}
+		input.setAttribute(CONTROL_TAG, control.name);
+		wrapper.appendChild(input);
+		const error = doc.createElement("div");
+		error.className = "webskill-form__error";
+		error.textContent = "This field is required";
+		wrapper.appendChild(error);
+		return wrapper;
+	}
+};
+const VERCEL_INTERACTION_TOOL_NAME = "webskill_interaction";
+/** InteractionRequest → SDK tool UI 结构（应用聊天 UI 直接消费） */
+function toVercelToolInvocation(request) {
+	return {
+		type: "tool-call",
+		toolCallId: request.id,
+		toolName: VERCEL_INTERACTION_TOOL_NAME,
+		input: request
+	};
+}
+/** SDK 回传（tool result / output）→ InteractionResponse */
+function fromVercelToolResult(part) {
+	const p = part ?? {};
+	const id = String(p["toolCallId"] ?? p["id"] ?? "");
+	if (p["cancelled"] === true) return {
+		id,
+		cancelled: true
+	};
+	return {
+		id,
+		value: p["output"] ?? p["result"] ?? p["value"]
+	};
+}
+/**
+* 薄桥接类：request → SDK tool UI 结构 → 应用的聊天 UI（sendInteraction 回调实现）
+* → SDK 回传 → InteractionResponse。
+*/
+var VercelUiBridge = class {
+	#sendInteraction;
+	constructor(deps) {
+		this.#sendInteraction = deps.sendInteraction;
+	}
+	async request(input) {
+		return fromVercelToolResult(await this.#sendInteraction(toVercelToolInvocation(input)));
+	}
+};
+/**
+* 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)
+*/
+const OPENUI_SUBMIT_ACTION = "webskill:submit";
+const OPENUI_CANCEL_ACTION = "webskill:cancel";
+const str = (s) => JSON.stringify(s);
+const val = (v) => JSON.stringify(v ?? null);
+function fieldStatements(fields) {
+	return fields.map((f, i) => {
+		const id = `f${i}`;
+		const required = f.required ? ", true" : "";
+		switch (f.control) {
+			case "number": return `${id} = NumberField(${str(f.name)}, ${str(f.label)}${required})`;
+			case "boolean": return `${id} = BooleanField(${str(f.name)}, ${str(f.label)}${f.defaultValue !== void 0 ? `, ${val(f.defaultValue)}` : ""})`;
+			case "select": return `${id} = SelectField(${str(f.name)}, ${str(f.label)}, ${val(f.options ?? [])})`;
+			case "textarea": return `${id} = TextField(${str(f.name)}, ${str(f.label)}${required})`;
+			default: {
+				const args = [str(f.name), str(f.label)];
+				if (f.required || f.defaultValue !== void 0) args.push(f.required ? "true" : "null");
+				if (f.defaultValue !== void 0) args.push(val(f.defaultValue));
+				return `${id} = TextField(${args.join(", ")})`;
+			}
+		}
+	});
+}
+/** @experimental */
+function toOpenUiLang(request) {
+	const lines = [];
+	let fields = [];
+	let title = null;
+	switch (request.type) {
+		case "ask":
+			title = "Question";
+			fields = [{
+				name: "answer",
+				label: request.message,
+				control: "text",
+				required: true
+			}];
+			break;
+		case "confirm":
+			title = "Confirm";
+			fields = [{
+				name: "confirmed",
+				label: request.message,
+				control: "boolean",
+				defaultValue: request.defaultValue ?? true
+			}];
+			break;
+		case "form":
+			title = request.title ?? "Form";
+			fields = request.fields.map((f) => ({
+				name: f.name,
+				label: f.label,
+				control: f.type,
+				...f.required ? { required: true } : {},
+				...f.defaultValue !== void 0 ? { defaultValue: f.defaultValue } : {},
+				...f.options ? { options: f.options } : {}
+			}));
+			break;
+		case "select":
+			title = "Select";
+			fields = [{
+				name: "selected",
+				label: request.message,
+				control: "select",
+				options: request.options
+			}];
+			break;
+		case "authorize":
+			title = "Authorization required";
+			fields = [{
+				name: "approved",
+				label: request.message,
+				control: "boolean",
+				defaultValue: false
+			}];
+			break;
+	}
+	lines.push(...fieldStatements(fields));
+	const children = fields.map((_, i) => `f${i}`);
+	lines.push(`submit = SubmitButton("Submit", ${str(OPENUI_SUBMIT_ACTION)}, ${str(request.id)})`);
+	lines.push(`cancel = CancelButton("Cancel", ${str(OPENUI_CANCEL_ACTION)}, ${str(request.id)})`);
+	lines.push(`root = Form(${val(title)}, [${[
+		...children,
+		"submit",
+		"cancel"
+	].join(", ")}])`);
+	return lines.join("\n");
+}
+/**
+* OpenUI ActionEvent → InteractionResponse（formState 优先，取消单独分支）
+* @experimental
+*/
+function fromOpenUiAction(action) {
+	const a = action ?? {};
+	const id = String(a.params?.["id"] ?? "");
+	if (a.type === "webskill:cancel") return {
+		id,
+		cancelled: true
+	};
+	if (a.type === "webskill:submit") {
+		const formState = a.formState;
+		if (formState) return {
+			id,
+			value: Object.fromEntries(Object.entries(formState).map(([key, v]) => [key, typeof v === "object" && v !== null && "value" in v ? v.value : v]))
+		};
+		return {
+			id,
+			value: a.params?.["values"]
+		};
+	}
+	return {
+		id,
+		value: a.params
+	};
+}
+/**
+* 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}}。
+*/
+const A2UI_VERSION = "v0.9.1";
+const A2UI_BASIC_CATALOG_ID = "https://a2ui.org/specification/v0_9/catalogs/basic/catalog.json";
+const A2UI_SUBMIT_ACTION = "webskill:submit";
+const A2UI_CANCEL_ACTION = "webskill:cancel";
+const text = (id, content, variant) => ({
+	id,
+	component: "Text",
+	text: content,
+	...variant ? { variant } : {}
+});
+/** @experimental */
+function toA2uiMessages(request) {
+	const surfaceId = `webskill-${request.id}`;
+	const components = [];
+	const children = [];
+	const defaults = {};
+	if (request.type === "form" && request.title) {
+		components.push(text("title", request.title, "h3"));
+		children.push("title");
+	}
+	if (request.type === "authorize") {
+		components.push(text("title", "Authorization required", "h3"));
+		children.push("title");
+	}
+	const message = request.type === "ask" || request.type === "confirm" || request.type === "select" || request.type === "authorize" ? request.message : void 0;
+	if (message) {
+		components.push(text("message", message));
+		children.push("message");
+	}
+	const fields = request.type === "form" ? request.fields.map((f) => ({ ...f })) : request.type === "ask" ? [{
+		name: "answer",
+		label: request.message,
+		type: "text",
+		required: true
+	}] : request.type === "confirm" ? [{
+		name: "confirmed",
+		label: request.message,
+		type: "boolean",
+		defaultValue: request.defaultValue ?? true
+	}] : request.type === "authorize" ? [] : [{
+		name: "selected",
+		label: request.message,
+		type: "select",
+		options: request.options
+	}];
+	for (const field of fields) {
+		const path = `/form/${field.name}`;
+		if (field.defaultValue !== void 0) defaults[field.name] = field.defaultValue;
+		const checks = field.required ? [{
+			call: "required",
+			args: { value: { path } },
+			message: `${field.label} is required`
+		}] : void 0;
+		if (field.type === "boolean") components.push({
+			id: `field_${field.name}`,
+			component: "CheckBox",
+			label: field.label,
+			value: { path },
+			...checks ? { checks } : {}
+		});
+		else if (field.type === "select") components.push({
+			id: `field_${field.name}`,
+			component: "ChoicePicker",
+			variant: "mutuallyExclusive",
+			label: field.label,
+			options: (field.options ?? []).map((o) => ({
+				label: o.label,
+				value: typeof o.value === "string" ? o.value : JSON.stringify(o.value)
+			})),
+			value: { path },
+			...checks ? { checks } : {}
+		});
+		else components.push({
+			id: `field_${field.name}`,
+			component: "TextField",
+			label: field.label,
+			value: { path },
+			variant: field.type === "textarea" ? "longText" : "shortText",
+			...checks ? { checks } : {}
+		});
+		children.push(`field_${field.name}`);
+	}
+	components.push(text("submit_label", request.type === "authorize" ? "Allow" : "Submit"));
+	components.push({
+		id: "submit",
+		component: "Button",
+		child: "submit_label",
+		variant: "primary",
+		action: { event: {
+			name: A2UI_SUBMIT_ACTION,
+			context: { requestId: request.id }
+		} }
+	});
+	components.push(text("cancel_label", request.type === "authorize" ? "Deny" : "Cancel"));
+	components.push({
+		id: "cancel",
+		component: "Button",
+		child: "cancel_label",
+		variant: "borderless",
+		action: { event: {
+			name: A2UI_CANCEL_ACTION,
+			context: { requestId: request.id }
+		} }
+	});
+	children.push("submit", "cancel");
+	components.unshift({
+		id: "root",
+		component: "Column",
+		children,
+		justify: "start",
+		align: "stretch"
+	});
+	const messages = [{
+		version: A2UI_VERSION,
+		createSurface: {
+			surfaceId,
+			catalogId: A2UI_BASIC_CATALOG_ID,
+			sendDataModel: true
+		}
+	}, {
+		version: A2UI_VERSION,
+		updateComponents: {
+			surfaceId,
+			components
+		}
+	}];
+	if (Object.keys(defaults).length > 0) messages.push({
+		version: A2UI_VERSION,
+		updateDataModel: {
+			surfaceId,
+			path: "/form",
+			value: defaults
+		}
+	});
+	return messages;
+}
+/**
+* A2UI client→server action 事件 → InteractionResponse
+* @experimental
+*/
+function fromA2uiAction(event) {
+	const e = event ?? {};
+	const id = String(e.context?.["requestId"] ?? "");
+	if (e.name === "webskill:cancel") return {
+		id,
+		cancelled: true
+	};
+	if (e.name === "webskill:submit") return {
+		id,
+		value: e.context?.["values"] ?? e.context?.["form"] ?? e.context
+	};
+	return {
+		id,
+		value: e.context
+	};
+}
+let loading;
+function loadA2uiRuntime() {
+	loading ??= (async () => {
+		try {
+			const [core, lit] = await Promise.all([import("@a2ui/web_core/v0_9"), import("@a2ui/lit/v0_9")]);
+			lit.A2uiSurface;
+			return {
+				MessageProcessor: core.MessageProcessor,
+				basicCatalog: lit.basicCatalog
+			};
+		} catch (e) {
+			throw new WebSkillError("UI_UNAVAILABLE", "The A2UI Lit runtime is unavailable; install @a2ui/lit and @a2ui/web_core to use LitRendererBridge", e);
+		}
+	})();
+	return loading;
+}
+/** @experimental */
+var LitRendererBridge = class {
+	#mount;
+	#doc;
+	constructor(deps) {
+		this.#mount = deps.mount;
+		this.#doc = deps.document ?? deps.mount.ownerDocument;
+	}
+	async request(input) {
+		const { MessageProcessor, basicCatalog } = await loadA2uiRuntime();
+		const messages = toA2uiMessages(input);
+		const surfaceId = `webskill-${input.id}`;
+		return new Promise((resolve) => {
+			const cleanup = (el) => el?.remove();
+			let surfaceEl;
+			const processor = new MessageProcessor([basicCatalog], (action) => {
+				const surfaces = processor.getClientDataModel("v0.9.1")?.surfaces;
+				const formValues = typeof surfaces?.[surfaceId] === "object" && surfaces[surfaceId] !== null ? surfaces[surfaceId]["form"] ?? action.context : action.context;
+				cleanup(surfaceEl);
+				const response = fromA2uiAction({
+					...action,
+					context: {
+						...action.context,
+						values: formValues
+					}
+				});
+				if (input.type === "authorize" && !response.cancelled) response.value = true;
+				resolve(response);
+			}, { version: "v0.9.1" });
+			processor.onSurfaceCreated((surface) => {
+				const el = this.#doc.createElement("a2ui-surface");
+				el.surface = surface;
+				surfaceEl = el;
+				this.#mount.appendChild(el);
+			});
+			processor.processMessages(messages);
+		});
+	}
+};
+
+//#endregion
+export { renderRenderResult as C, toVercelToolInvocation as D, toOpenUiLang as E, renderMiniMarkdown as S, toA2uiMessages as T, fromOpenUiAction as _, CHART_PALETTE as a, renderBlocks as b, OPENUI_SUBMIT_ACTION as c, WEBSKILL_STYLES_CSS as d, WebFormBridge as f, fromA2uiAction as g, ensureStyles as h, A2UI_VERSION as i, VERCEL_INTERACTION_TOOL_NAME as l, collectValues as m, A2UI_CANCEL_ACTION as n, LitRendererBridge as o, chartToTable as p, A2UI_SUBMIT_ACTION as r, OPENUI_CANCEL_ACTION as s, A2UI_BASIC_CATALOG_ID as t, VercelUiBridge as u, fromVercelToolResult as v, shapeInteractionValue as w, renderMiniChart as x, interactionToFormModel as y };