@skopon-cool/form-sdk 0.2.4 → 0.3.0

package/dist/index.js

@@ -1,31 +1,34 @@
 import './form-sdk.css';
-import { jsx as c, jsxs as _ } from "react/jsx-runtime";
-import { createContext as De, useContext as He, useCallback as ne, useSyncExternalStore as Wt, useMemo as w, useState as F, useRef as q, useEffect as R, forwardRef as Xt, useImperativeHandle as Qt } from "react";
-import { Spin as Ke, Button as Se, Typography as V, Avatar as Zt, Tag as oe, Select as Be, Checkbox as en, Radio as tn, Switch as nn, TimePicker as rn, DatePicker as on, Upload as Ie, Input as Ne, InputNumber as an, ConfigProvider as sn, Tooltip as re } from "antd";
-import { ReloadOutlined as pt, FileTextOutlined as ft, UserOutlined as ln, FileImageOutlined as cn, FileExcelOutlined as un, FileOutlined as ht, PictureOutlined as mn, SoundOutlined as dn, VideoCameraOutlined as pn } from "@ant-design/icons";
-import { createBinderlessComponentImplementation as j, basicCatalog as he, A2uiSurface as gt } from "@a2ui/react/v0_9";
+var fn = Object.defineProperty;
+var hn = (e, t, n) => t in e ? fn(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var Q = (e, t, n) => hn(e, typeof t != "symbol" ? t + "" : t, n);
+import { jsx as c, jsxs as N } from "react/jsx-runtime";
+import { createContext as Ie, useContext as Ne, useRef as P, useCallback as L, useMemo as R, useEffect as w, useSyncExternalStore as gn, useState as E, forwardRef as yn, useImperativeHandle as vn } from "react";
+import { Spin as tt, Button as Me, Typography as X, Avatar as Sn, Tag as le, Select as Je, Checkbox as bn, Radio as kn, Switch as An, TimePicker as Cn, DatePicker as _n, Upload as qe, Input as Oe, InputNumber as xn, ConfigProvider as Tn, Tooltip as se } from "antd";
+import { ReloadOutlined as Mt, FileTextOutlined as Ft, UserOutlined as In, FileImageOutlined as Nn, FileExcelOutlined as Mn, FileOutlined as Ut, PictureOutlined as Fn, SoundOutlined as Un, VideoCameraOutlined as En } from "@ant-design/icons";
+import { createBinderlessComponentImplementation as J, basicCatalog as Ae, A2uiSurface as Et } from "@a2ui/react/v0_9";
 import { z as f } from "zod";
-import { Catalog as fn, MessageProcessor as yt } from "@a2ui/web_core/v0_9";
-import { injectBasicCatalogStyles as vt } from "@a2ui/web_core/v0_9/basic_catalog";
-import { injectStyles as bt } from "@a2ui/react/styles";
-import st from "dayjs";
-const Go = "v0.9", hn = [
+import { Catalog as Pn, MessageProcessor as Pt } from "@a2ui/web_core/v0_9";
+import { injectBasicCatalogStyles as wt } from "@a2ui/web_core/v0_9/basic_catalog";
+import { injectStyles as Rt } from "@a2ui/react/styles";
+import At from "dayjs";
+const Mi = "v0.9", wn = [
   "huge",
   "large",
   "medium",
   "small",
   "icon"
 ];
-function ge(e) {
+function Ce(e) {
   return e === "image" || e === "video" || e === "audio";
 }
-function ke(e) {
+function Fe(e) {
   return e === "heading" || e === "paragraph";
 }
-function Y(e) {
-  return !ke(e) && !ge(e);
+function ne(e) {
+  return !Fe(e) && !Ce(e);
 }
-function gn() {
+function Rn() {
   if (typeof crypto < "u" && typeof crypto.randomUUID == "function")
     return crypto.randomUUID();
   if (typeof crypto < "u" && typeof crypto.getRandomValues == "function") {
@@ -39,11 +42,11 @@ function gn() {
     return (e === "x" ? t : t & 3 | 8).toString(16);
   });
 }
-function ae(e) {
-  const t = gn().replace(/-/g, "").slice(0, 8);
+function me(e) {
+  const t = Rn().replace(/-/g, "").slice(0, 8);
   return `${e}${t}`;
 }
-const St = [
+const zt = [
   { value: "image/*", label: "图片" },
   { value: "video/*", label: "视频" },
   { value: "audio/*", label: "音频" },
@@ -54,7 +57,7 @@ const St = [
   { value: "text/plain", label: "纯文本" },
   { value: "application/zip", label: "ZIP 压缩包" },
   { value: "application/x-rar-compressed", label: "RAR 压缩包" }
-], yn = {
+], zn = {
   "image/*": ["image/*"],
   "video/*": ["video/*"],
   "audio/*": ["audio/*"],
@@ -74,7 +77,7 @@ const St = [
   "text/plain": ["text/plain"],
   "application/zip": ["application/zip"],
   "application/x-rar-compressed": ["application/x-rar-compressed"]
-}, vn = {
+}, Bn = {
   "image/*": [".jpg", ".jpeg", ".png", ".gif", ".webp", ".svg"],
   "video/*": [".mp4", ".mov", ".avi", ".webm"],
   "audio/*": [".mp3", ".wav", ".ogg", ".m4a"],
@@ -85,14 +88,14 @@ const St = [
   "text/plain": [".txt"],
   "application/zip": [".zip", ".7z"],
   "application/x-rar-compressed": [".rar"]
-}, bn = {
+}, qn = {
   "application/msword": "office/word",
   "application/vnd.openxmlformats-officedocument.wordprocessingml.document": "office/word",
   "application/vnd.ms-excel": "office/excel",
   "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": "office/excel",
   "application/vnd.ms-powerpoint": "office/ppt",
   "application/vnd.openxmlformats-officedocument.presentationml.presentation": "office/ppt"
-}, Ge = [
+}, nt = [
   { value: ".jpg", label: ".jpg" },
   { value: ".jpeg", label: ".jpeg" },
   { value: ".png", label: ".png" },
@@ -118,124 +121,124 @@ const St = [
   { value: ".zip", label: ".zip" },
   { value: ".rar", label: ".rar" },
   { value: ".7z", label: ".7z" }
-], Sn = Object.fromEntries(
-  St.map((e) => [e.value, e.label])
-), kn = Object.fromEntries(
-  Ge.map((e) => [e.value, e.label])
-), Cn = new Set(St.map((e) => e.value)), An = new Set(
-  Ge.map((e) => e.value)
+], On = Object.fromEntries(
+  zt.map((e) => [e.value, e.label])
+), Vn = Object.fromEntries(
+  nt.map((e) => [e.value, e.label])
+), Ln = new Set(zt.map((e) => e.value)), jn = new Set(
+  nt.map((e) => e.value)
 );
-function xn(e) {
+function $n(e) {
   const t = e.trim();
-  return t ? Cn.has(t) ? t : bn[t] ?? null : null;
+  return t ? Ln.has(t) ? t : qn[t] ?? null : null;
 }
-function Tn(e) {
+function Dn(e) {
   return Array.isArray(e) ? e.map((t) => {
     const n = t.trim().toLowerCase();
     return n ? n.startsWith(".") ? n : `.${n}` : "";
   }).filter(Boolean) : [];
 }
-function se(e) {
+function de(e) {
   if (!Array.isArray(e)) return [];
   const t = [], n = /* @__PURE__ */ new Set();
   for (const r of e) {
-    const o = xn(r);
+    const o = $n(r);
     o && !n.has(o) && (n.add(o), t.push(o));
   }
   return t;
 }
-function _n(e) {
-  const t = se(e), n = [];
+function Hn(e) {
+  const t = de(e), n = [];
   for (const r of t)
-    n.push(...yn[r] ?? [r]);
+    n.push(...zn[r] ?? [r]);
   return n;
 }
-function In(e) {
-  const t = se(e);
+function Kn(e) {
+  const t = de(e);
   if (t.length === 0) return [];
   const n = /* @__PURE__ */ new Set();
   for (const r of t)
-    for (const o of vn[r] ?? [])
+    for (const o of Bn[r] ?? [])
       n.add(o);
-  return Ge.filter((r) => n.has(r.value));
+  return nt.filter((r) => n.has(r.value));
 }
-function Je(e, t) {
-  const n = Tn(t), r = se(e);
+function rt(e, t) {
+  const n = Dn(t), r = de(e);
   if (r.length === 0)
-    return n.filter((i) => An.has(i));
+    return n.filter((i) => jn.has(i));
   const o = new Set(
-    In(r).map((i) => i.value)
+    Kn(r).map((i) => i.value)
   );
   return n.filter((i) => o.has(i));
 }
-function Nn(e, t) {
-  const n = _n(e), r = Je(e, t), o = [...n, ...r];
+function Gn(e, t) {
+  const n = Hn(e), r = rt(e, t), o = [...n, ...r];
   return o.length > 0 ? o.join(",") : void 0;
 }
-function Mn(e, t) {
-  const n = se(e), r = Je(
+function Jn(e, t) {
+  const n = de(e), r = rt(
     n,
     t
   ), o = [
-    ...n.map((i) => Sn[i] ?? i),
-    ...r.map((i) => kn[i] ?? i)
+    ...n.map((i) => On[i] ?? i),
+    ...r.map((i) => Vn[i] ?? i)
   ];
   return o.length === 0 ? null : o.join("、");
 }
-const Fn = [
+const Wn = [
   "video",
   "audio",
   "image",
   "file",
   "spreadsheet",
   "document"
-], Un = new Set(Fn);
-function Pn(e) {
-  return e && Un.has(e) ? e : "file";
+], Yn = new Set(Wn);
+function Qn(e) {
+  return e && Yn.has(e) ? e : "file";
 }
-function le(e) {
-  return typeof e == "string" && hn.includes(e) ? e : "medium";
+function pe(e) {
+  return typeof e == "string" && wn.includes(e) ? e : "medium";
 }
-function En(e, t) {
+function Xn(e, t) {
   var o;
   const n = Math.max(1, t);
   let r = [];
   return Array.isArray(e.mediaUrls) ? r = e.mediaUrls.map((i) => String(i).trim()) : (o = e.mediaUrl) != null && o.trim() && (r = [e.mediaUrl.trim()]), r.length === 0 ? [""] : r.slice(0, n);
 }
-function zn(e) {
+function Zn(e) {
   var t;
   return Array.isArray(e.mediaUrls) ? e.mediaUrls.map((n) => n.trim()).filter(Boolean) : (t = e.mediaUrl) != null && t.trim() ? [e.mediaUrl.trim()] : [];
 }
-function Rn(e) {
-  return `form-media-size-${le(e)}`;
+function er(e) {
+  return `form-media-size-${pe(e)}`;
 }
-function wn(e) {
-  return `form-media-preview form-media-list ${Rn(e)}`;
+function tr(e) {
+  return `form-media-preview form-media-list ${er(e)}`;
 }
-const Bn = 10;
-function Ye(e) {
+const nr = 10;
+function ot(e) {
   return e && typeof e == "object" && !Array.isArray(e) ? e : {};
 }
-function ce(e) {
+function fe(e) {
   return e === !0 || e === "true" || e === 1 || e === "1";
 }
-function lt(e, t = 1) {
+function Ct(e, t = 1) {
   const n = typeof e == "number" ? e : Number(e);
   return Number.isFinite(n) ? Math.max(0, Math.floor(n)) : t;
 }
-function de(e, t = 1) {
+function Se(e, t = 1) {
   const n = typeof e == "number" ? e : Number(e);
   return Number.isFinite(n) ? Math.max(1, Math.floor(n)) : t;
 }
-function qn(e, t) {
+function rr(e, t) {
   if (t !== void 0)
-    return e === "toggle" ? ce(t) : e === "multiselect" || e === "checkbox" || e === "resume_multiselect" || e === "case_multiselect" ? Array.isArray(t) ? t.map(String) : typeof t == "string" && t ? [t] : [] : typeof t == "boolean" ? t ? "true" : "false" : Array.isArray(t) ? t.map(String) : String(t);
+    return e === "toggle" ? fe(t) : e === "multiselect" || e === "checkbox" || e === "resume_multiselect" || e === "case_multiselect" ? Array.isArray(t) ? t.map(String) : typeof t == "string" && t ? [t] : [] : typeof t == "boolean" ? t ? "true" : "false" : Array.isArray(t) ? t.map(String) : String(t);
 }
-function On(e) {
+function or(e) {
   const t = typeof (e == null ? void 0 : e.pageSize) == "number" ? e.pageSize : Number(e == null ? void 0 : e.pageSize), n = Number.isFinite(t) && t >= 1 && t <= 100 ? Math.floor(t) : 20, r = typeof (e == null ? void 0 : e.agentKind) == "string" && e.agentKind.trim() ? e.agentKind.trim() : void 0, o = typeof (e == null ? void 0 : e.agentUniqueId) == "string" && e.agentUniqueId.trim() ? e.agentUniqueId.trim() : void 0, i = typeof (e == null ? void 0 : e.flowType) == "string" && e.flowType.trim() ? e.flowType.trim() : void 0, a = typeof (e == null ? void 0 : e.category) == "string" && e.category.trim() ? e.category.trim() : void 0, s = Array.isArray(e == null ? void 0 : e.flowUniqueIds) ? e.flowUniqueIds.map(String).filter(Boolean) : [];
   return { agentKind: r, agentUniqueId: o, flowType: i, category: a, flowUniqueIds: s, pageSize: n };
 }
-function jn(e) {
+function ir(e) {
   const t = typeof (e == null ? void 0 : e.pageSize) == "number" ? e.pageSize : Number(e == null ? void 0 : e.pageSize), n = Number.isFinite(t) && t >= 1 && t <= 100 ? Math.floor(t) : 20;
   return {
     names: Array.isArray(e == null ? void 0 : e.names) ? e.names.map(String).filter(Boolean) : [],
@@ -244,33 +247,33 @@ function jn(e) {
     pageSize: n
   };
 }
-function Ln(e) {
+function ar(e) {
   if (e.type !== "case_singleselect") return e;
   const t = typeof e.defaultValue == "string" && e.defaultValue.trim() ? [e.defaultValue.trim()] : Array.isArray(e.defaultValue) ? e.defaultValue.map(String).filter(Boolean) : [];
   return { ...e, type: "case_multiselect", defaultValue: t };
 }
-function Vn(e) {
+function sr(e) {
   var o, i;
-  const t = Ln(e), n = se(t.fileAcceptTypes), r = t.type;
+  const t = ar(e), n = de(t.fileAcceptTypes), r = t.type;
   return {
-    id: ((o = t.id) == null ? void 0 : o.trim()) || ae("block-"),
+    id: ((o = t.id) == null ? void 0 : o.trim()) || me("block-"),
     type: r,
     name: ((i = t.name) == null ? void 0 : i.trim()) || void 0,
     label: t.label ?? "",
     placeholder: t.placeholder ?? "",
     help: t.help ?? "",
     required: t.required === !0,
-    mediaUrls: ge(r) ? En(t, Bn) : void 0,
-    mediaSize: ge(r) ? le(t.mediaSize) : void 0,
+    mediaUrls: Ce(r) ? Xn(t, nr) : void 0,
+    mediaSize: Ce(r) ? pe(t.mediaSize) : void 0,
     fileAcceptTypes: n,
-    fileAcceptExtensions: Je(
+    fileAcceptExtensions: rt(
       n,
       t.fileAcceptExtensions
     ),
-    filePlaceholderIcon: Pn(t.filePlaceholderIcon),
-    fileMinCount: r === "file" ? lt(t.fileMinCount, 1) : void 0,
-    fileMaxCount: r === "file" ? lt(t.fileMaxCount, 1) : void 0,
-    defaultValue: qn(r, t.defaultValue),
+    filePlaceholderIcon: Qn(t.filePlaceholderIcon),
+    fileMinCount: r === "file" ? Ct(t.fileMinCount, 1) : void 0,
+    fileMaxCount: r === "file" ? Ct(t.fileMaxCount, 1) : void 0,
+    defaultValue: rr(r, t.defaultValue),
     options: Array.isArray(t.options) ? t.options.map((a, s) => {
       var l, u;
       return {
@@ -279,16 +282,16 @@ function Vn(e) {
       };
     }) : void 0,
     resumeEnableRefresh: r === "resume_multiselect" ? t.resumeEnableRefresh !== !1 : void 0,
-    resumeMinCount: r === "resume_multiselect" && t.resumeMinCount != null ? de(t.resumeMinCount, 1) : void 0,
-    resumeMaxCount: r === "resume_multiselect" && t.resumeMaxCount != null ? de(t.resumeMaxCount, 1) : void 0,
-    resumeFilter: r === "resume_multiselect" ? jn(t.resumeFilter) : void 0,
+    resumeMinCount: r === "resume_multiselect" && t.resumeMinCount != null ? Se(t.resumeMinCount, 1) : void 0,
+    resumeMaxCount: r === "resume_multiselect" && t.resumeMaxCount != null ? Se(t.resumeMaxCount, 1) : void 0,
+    resumeFilter: r === "resume_multiselect" ? ir(t.resumeFilter) : void 0,
     caseEnableRefresh: r === "case_multiselect" ? t.caseEnableRefresh !== !1 : void 0,
-    caseMinCount: r === "case_multiselect" && t.caseMinCount != null ? de(t.caseMinCount, 1) : void 0,
-    caseMaxCount: r === "case_multiselect" && t.caseMaxCount != null ? de(t.caseMaxCount, 1) : void 0,
-    caseFilter: r === "case_multiselect" ? On(t.caseFilter) : void 0
+    caseMinCount: r === "case_multiselect" && t.caseMinCount != null ? Se(t.caseMinCount, 1) : void 0,
+    caseMaxCount: r === "case_multiselect" && t.caseMaxCount != null ? Se(t.caseMaxCount, 1) : void 0,
+    caseFilter: r === "case_multiselect" ? or(t.caseFilter) : void 0
   };
 }
-function ye(e) {
+function _e(e) {
   return {
     title: e.title ?? "",
     description: e.description ?? "",
@@ -296,18 +299,18 @@ function ye(e) {
     jsonSchema: e.jsonSchema ?? {}
   };
 }
-function W(e) {
+function re(e) {
   if (!e || !Array.isArray(e.blocks))
-    return ye({ title: "", description: "", blocks: [], jsonSchema: {} });
-  const t = e.blocks.map(Vn);
-  return ye({
+    return _e({ title: "", description: "", blocks: [], jsonSchema: {} });
+  const t = e.blocks.map(sr);
+  return _e({
     title: typeof e.title == "string" ? e.title : "",
     description: typeof e.description == "string" ? e.description : "",
     blocks: t,
-    jsonSchema: Ye(e.jsonSchema)
+    jsonSchema: ot(e.jsonSchema)
   });
 }
-function $n(e) {
+function lr(e) {
   const t = typeof e.pageSize == "number" ? e.pageSize : Number(e.pageSize), n = typeof e.agentKind == "string" && e.agentKind.trim() ? e.agentKind.trim() : void 0, r = typeof e.agentUniqueId == "string" && e.agentUniqueId.trim() ? e.agentUniqueId.trim() : void 0, o = typeof e.flowType == "string" && e.flowType.trim() ? e.flowType.trim() : void 0, i = typeof e.category == "string" && e.category.trim() ? e.category.trim() : void 0, a = Array.isArray(e.flowUniqueIds) ? e.flowUniqueIds.map(String).filter(Boolean) : [];
   return {
     agentKind: n,
@@ -318,14 +321,14 @@ function $n(e) {
     pageSize: Number.isFinite(t) && t >= 1 && t <= 100 ? Math.floor(t) : 20
   };
 }
-function ct(e) {
+function _t(e) {
   if (e == null) return;
   const t = typeof e == "number" ? e : Number(e);
   if (!(!Number.isFinite(t) || t < 1))
     return Math.floor(t);
 }
-function Dn(e, t) {
-  var a, s, l, u, d, m;
+function cr(e, t) {
+  var a, s, l, u, m, d;
   const { id: n, label: r, path: o, withData: i } = t;
   return i({
     id: n,
@@ -339,15 +342,15 @@ function Dn(e, t) {
       agentUniqueId: (s = e.caseFilter) == null ? void 0 : s.agentUniqueId,
       flowType: (l = e.caseFilter) == null ? void 0 : l.flowType,
       category: (u = e.caseFilter) == null ? void 0 : u.category,
-      flowUniqueIds: ((d = e.caseFilter) == null ? void 0 : d.flowUniqueIds) ?? [],
-      pageSize: ((m = e.caseFilter) == null ? void 0 : m.pageSize) ?? 20
+      flowUniqueIds: ((m = e.caseFilter) == null ? void 0 : m.flowUniqueIds) ?? [],
+      pageSize: ((d = e.caseFilter) == null ? void 0 : d.pageSize) ?? 20
     },
     ...e.caseMinCount !== void 0 ? { minCount: e.caseMinCount } : {},
     ...e.caseMaxCount !== void 0 ? { maxCount: e.caseMaxCount } : {},
     value: { path: o }
   });
 }
-function Hn(e, t, n) {
+function ur(e, t, n) {
   const r = n.nameFromValue(e.value), o = {
     ...t("case_multiselect"),
     name: r,
@@ -355,109 +358,220 @@ function Hn(e, t, n) {
   }, i = n.asLiteral(e.placeholder);
   i && (o.placeholder = i);
   const a = n.asLiteral(e.help);
-  a && (o.help = a), e.caseFilter && typeof e.caseFilter == "object" && (o.caseFilter = $n(e.caseFilter));
-  const s = ct(e.minCount);
+  a && (o.help = a), e.caseFilter && typeof e.caseFilter == "object" && (o.caseFilter = lr(e.caseFilter));
+  const s = _t(e.minCount);
   s !== void 0 && (o.caseMinCount = s);
-  const l = ct(e.maxCount);
+  const l = _t(e.maxCount);
   return l !== void 0 && (o.caseMaxCount = l), o;
 }
-const kt = De({ interactive: !0 });
-function qe({
+const Bt = Ie({ interactive: !0 });
+function We({
   interactive: e,
   children: t
 }) {
-  return /* @__PURE__ */ c(kt.Provider, { value: { interactive: e }, children: t });
+  return /* @__PURE__ */ c(Bt.Provider, { value: { interactive: e }, children: t });
 }
-function H() {
-  return He(kt);
+function ee() {
+  return Ne(Bt);
 }
-function Ct(e) {
+const qt = Ie(null), mr = {
+  reportEvent: () => {
+  },
+  reportData: () => {
+  },
+  runAutoControl: (e) => e(),
+  isAutoControl: () => !1
+};
+function dr(e) {
+  const t = {};
+  for (const [n, r] of Object.entries(e))
+    r !== void 0 && (t[n] = r);
+  return t;
+}
+function pr({
+  client: e,
+  children: t
+}) {
+  const n = P(0), r = P(e);
+  r.current = e;
+  const o = L((u) => {
+    const m = r.current;
+    if (!m) return;
+    const d = {
+      action: u.action,
+      component: u.component
+    };
+    u.field !== void 0 && (d.field = u.field), u.value !== void 0 && (d.value = u.value);
+    const y = n.current > 0 ? "form_auto_control_bac_event" : "form_runtime_event";
+    m.send(y, d);
+  }, []), i = L((u) => {
+    const m = r.current;
+    m && m.send("form_runtime_data", dr(u));
+  }, []), a = L((u) => {
+    n.current += 1;
+    try {
+      return u();
+    } finally {
+      n.current = Math.max(0, n.current - 1);
+    }
+  }, []), s = L(
+    () => n.current > 0,
+    []
+  ), l = R(
+    () => ({
+      reportEvent: o,
+      reportData: i,
+      runAutoControl: a,
+      isAutoControl: s
+    }),
+    [o, i, a, s]
+  );
+  return /* @__PURE__ */ c(qt.Provider, { value: l, children: t });
+}
+function Ot() {
+  return Ne(qt) ?? mr;
+}
+const fr = 300;
+function Vt(e) {
   return e && typeof e == "object" && "path" in e && String(e.path ?? "").trim() || null;
 }
-function ut(e, t = "value") {
+function hr(e) {
+  if (!e) return;
+  const t = e.trim();
+  if (t)
+    return t.startsWith("/") ? t.slice(1) : t;
+}
+function xt(e, t = "value") {
   const r = e.componentModel.properties[t];
-  if (!(!Ct(r) || r === void 0))
+  if (!(!Vt(r) || r === void 0))
     return e.dataContext.resolveDynamicValue(r);
 }
-function K(e, t = "value") {
-  const r = e.componentModel.properties[t], o = Ct(r), i = ne(
-    (u) => {
-      if (!o || r === void 0) return () => {
+function te(e, t = "value", n = {}) {
+  const o = e.componentModel.properties[t], i = Vt(o), a = hr(i), s = Ot(), {
+    component: l = "Unknown",
+    changeAction: u = "change",
+    debounceChange: m = !1
+  } = n, d = P(null), y = P(s);
+  y.current = s, w(() => () => {
+    d.current != null && (clearTimeout(d.current), d.current = null);
+  }, []);
+  const g = L(
+    (A) => {
+      if (!i || o === void 0) return () => {
       };
-      const d = e.dataContext.subscribeDynamicValue(r, () => u());
-      return () => d.unsubscribe();
+      const x = e.dataContext.subscribeDynamicValue(o, () => A());
+      return () => x.unsubscribe();
     },
-    [e, r, o]
-  ), a = ne(() => {
-    if (!(!o || r === void 0))
-      return e.dataContext.resolveDynamicValue(r);
-  }, [e, r, o]), s = Wt(i, a, a), l = ne(
-    (u) => {
-      !o || !r || typeof r != "object" || !("path" in r) || e.dataContext.set(String(r.path), u);
+    [e, o, i]
+  ), k = L(() => {
+    if (!(!i || o === void 0))
+      return e.dataContext.resolveDynamicValue(o);
+  }, [e, o, i]), v = gn(g, k, k), C = L(
+    (A) => {
+      if (!a) return;
+      const x = () => {
+        y.current.reportEvent({
+          action: u,
+          component: l,
+          field: a,
+          value: A
+        });
+      };
+      if (!m) {
+        x();
+        return;
+      }
+      d.current != null && clearTimeout(d.current), d.current = setTimeout(() => {
+        d.current = null, x();
+      }, fr);
     },
-    [e, r, o]
-  );
-  return { value: s, setValue: l, hasBinding: !!o };
+    [a, u, l, m]
+  ), h = L(
+    (A) => {
+      !i || !o || typeof o != "object" || !("path" in o) || e.dataContext.set(String(o.path), A);
+    },
+    [e, o, i]
+  ), p = L(
+    (A) => {
+      h(A), C(A);
+    },
+    [h, C]
+  ), S = L(() => {
+    a && y.current.reportEvent({
+      action: "focus",
+      component: l,
+      field: a
+    });
+  }, [a, l]);
+  return {
+    value: v,
+    setValue: p,
+    /** 写入 dataModel 但不上报（用于模式切换规范化等内部同步） */
+    setValueSilent: h,
+    hasBinding: !!i,
+    fieldName: a,
+    reportFocus: S
+  };
 }
-function ie(e) {
+function ce(e) {
   if (typeof e == "string") return e || void 0;
   if (typeof e == "number") return String(e);
 }
-function O(e) {
+function G(e) {
   return Array.isArray(e) ? e.map(String) : typeof e == "string" && e ? [e] : [];
 }
-function At(e, t) {
-  return t ? Array.isArray(e) ? null : O(e) : Array.isArray(e) ? e.length > 0 ? String(e[0]) : "" : e == null || typeof e == "string" || typeof e == "number" ? null : "";
+function Lt(e, t) {
+  return t ? Array.isArray(e) ? null : G(e) : Array.isArray(e) ? e.length > 0 ? String(e[0]) : "" : e == null || typeof e == "string" || typeof e == "number" ? null : "";
 }
-function ve(e) {
+function xe(e) {
   if (e == null) return;
   const t = typeof e == "number" ? e : Number(e);
   if (!(!Number.isFinite(t) || t < 1))
     return Math.floor(t);
 }
-function xt(e, t, n, r) {
+function jt(e, t, n, r) {
   if (e.includes(t)) {
     const i = e.filter((a) => a !== t);
     return n !== void 0 && i.length < n ? null : i;
   }
   return r !== void 0 && e.length >= r ? null : [...e, t];
 }
-function Tt(e, t, n, r, o) {
+function $t(e, t, n, r, o) {
   if (!n) return !0;
   const i = e.includes(t);
   return !!(!i && o !== void 0 && e.length >= o || i && r !== void 0 && e.length <= r);
 }
-function _t(e, t) {
+function Dt(e, t) {
   return t === void 0 || e.length <= t ? null : e.slice(0, t);
 }
-const It = De(null);
-function Oe({
+const Ht = Ie(null);
+function Ye({
   caseSearch: e,
   children: t
 }) {
-  return /* @__PURE__ */ c(It.Provider, { value: e ?? null, children: t });
+  return /* @__PURE__ */ c(Ht.Provider, { value: e ?? null, children: t });
 }
-function Kn() {
-  return He(It);
+function gr() {
+  return Ne(Ht);
 }
-function Me(e) {
+function Ve(e) {
   return typeof e == "string" ? e : "";
 }
-function Fe(e) {
+function Le(e) {
   if (!e || typeof e != "object")
     return { flowUniqueIds: [], pageSize: 20 };
   const t = e, n = typeof t.pageSize == "number" ? t.pageSize : Number(t.pageSize), r = Number.isFinite(n) && n >= 1 && n <= 100 ? Math.floor(n) : 20, o = typeof t.agentKind == "string" && t.agentKind.trim() ? t.agentKind.trim() : void 0, i = typeof t.agentUniqueId == "string" && t.agentUniqueId.trim() ? t.agentUniqueId.trim() : void 0, a = typeof t.flowType == "string" && t.flowType.trim() ? t.flowType.trim() : void 0, s = typeof t.category == "string" && t.category.trim() ? t.category.trim() : void 0, l = Array.isArray(t.flowUniqueIds) ? t.flowUniqueIds.map(String).filter(Boolean) : [];
   return { agentKind: o, agentUniqueId: i, flowType: a, category: s, flowUniqueIds: l, pageSize: r };
 }
-function Ue(e) {
+function je(e) {
   var r;
   const t = !!((r = e.flowUniqueIds) != null && r.length), n = !!(e.agentUniqueId && e.flowType && e.category);
   return t || n;
 }
-function Gn(e) {
+function yr(e) {
   return JSON.stringify(e);
 }
-const Jn = {
+const vr = {
   name: "SkoponCaseSelect",
   schema: f.object({
     label: f.any().optional(),
@@ -470,13 +584,13 @@ const Jn = {
     value: f.any().optional()
   }).passthrough()
 };
-function Yn({
+function Sr({
   item: e,
   selected: t,
   disabled: n,
   onToggle: r
 }) {
-  return /* @__PURE__ */ _(
+  return /* @__PURE__ */ N(
     "button",
     {
       type: "button",
@@ -484,11 +598,11 @@ function Yn({
       disabled: n,
       onClick: r,
       children: [
-        /* @__PURE__ */ c("div", { className: "skopon-resume-select-card-avatar", children: /* @__PURE__ */ c(ft, { style: { fontSize: 24, color: "var(--color-primary, #208368)" } }) }),
-        /* @__PURE__ */ _("div", { className: "skopon-resume-select-card-body", children: [
+        /* @__PURE__ */ c("div", { className: "skopon-resume-select-card-avatar", children: /* @__PURE__ */ c(Ft, { style: { fontSize: 24, color: "var(--color-primary, #208368)" } }) }),
+        /* @__PURE__ */ N("div", { className: "skopon-resume-select-card-body", children: [
           /* @__PURE__ */ c("div", { className: "skopon-resume-select-card-name", children: e.name }),
           e.description ? /* @__PURE__ */ c("div", { className: "skopon-resume-select-card-desc", children: e.description }) : null,
-          /* @__PURE__ */ _("div", { className: "skopon-resume-select-card-meta", children: [
+          /* @__PURE__ */ N("div", { className: "skopon-resume-select-card-meta", children: [
             e.caseUniqueId,
             e.platform ? ` · ${e.platform}` : "",
             e.link ? ` · ${e.link}` : ""
@@ -498,104 +612,114 @@ function Yn({
     }
   );
 }
-function Wn({ context: e }) {
-  const { interactive: t } = H(), n = Kn(), { value: r, setValue: o } = K(e), i = e.componentModel.properties, a = Me(i.label), s = Me(i.placeholder), l = Me(i.help), u = i.enableRefresh !== !1, d = ve(i.minCount), m = ve(i.maxCount), S = w(() => Fe(i.caseFilter), [i.caseFilter]), h = Gn(S), [A, N] = F(1), [b, p] = F(!1), [v, g] = F(""), [C, U] = F([]), [k, x] = F(0), [X, L] = F(S.pageSize ?? 20), P = q(0), B = O(r);
-  R(() => {
-    const y = _t(B, m);
-    y !== null && o(y);
-  }, [m, B, o]);
-  const $ = w(() => n ? Ue(S) ? v || s || "暂无匹配的案例" : "未配置案例列表筛选条件" : "未配置案例搜索服务", [n, S, v, s]), G = ne(
-    async (y) => {
-      const T = Fe(JSON.parse(h)), E = ++P.current;
-      if (!n || !Ue(T)) {
-        U([]), x(0), g(""), p(!1);
+function br({ context: e }) {
+  const { interactive: t } = ee(), n = gr(), { value: r, setValue: o, setValueSilent: i, fieldName: a } = te(e, "value", {
+    component: "SkoponCaseSelect",
+    changeAction: "click"
+  }), s = e.componentModel.properties, l = Ve(s.label), u = Ve(s.placeholder), m = Ve(s.help), d = s.enableRefresh !== !1, y = xe(s.minCount), g = xe(s.maxCount), k = R(() => Le(s.caseFilter), [s.caseFilter]), v = yr(k), [C, h] = E(1), [p, S] = E(!1), [A, x] = E(""), [_, z] = E([]), [T, D] = E(0), [H, oe] = E(k.pageSize ?? 20), K = P(0), j = G(r);
+  w(() => {
+    const b = Dt(j, g);
+    b !== null && i(b);
+  }, [g, j, i]);
+  const I = R(() => n ? je(k) ? A || u || "暂无匹配的案例" : "未配置案例列表筛选条件" : "未配置案例搜索服务", [n, k, A, u]), F = L(
+    async (b) => {
+      const B = Le(JSON.parse(v)), $ = ++K.current;
+      if (!n || !je(B)) {
+        z([]), D(0), x(""), S(!1);
         return;
       }
-      p(!0), g("");
+      S(!0), x("");
       try {
-        const M = await n({ filter: T, page: y });
-        if (E !== P.current) return;
-        U(M.list), x(M.total), N(M.page), L(M.pageSize);
-      } catch (M) {
-        if (E !== P.current) return;
-        U([]), x(0), g(M instanceof Error ? M.message : "加载案例列表失败");
+        const U = await n({ filter: B, page: b });
+        if ($ !== K.current) return;
+        z(U.list), D(U.total), h(U.page), oe(U.pageSize);
+      } catch (U) {
+        if ($ !== K.current) return;
+        z([]), D(0), x(U instanceof Error ? U.message : "加载案例列表失败");
       } finally {
-        E === P.current && p(!1);
+        $ === K.current && S(!1);
       }
     },
-    [n, h]
+    [n, v]
   );
-  R(() => {
-    N(1), G(1);
-  }, [h, G]);
-  const Q = (y) => {
+  w(() => {
+    h(1), F(1);
+  }, [v, F]);
+  const ie = (b) => {
     if (!t) return;
-    const T = xt(
-      B,
+    const B = jt(
+      j,
+      b,
       y,
-      d,
-      m
+      g
     );
-    T !== null && o(T);
-  }, Z = () => {
-    const y = Fe(JSON.parse(h)), T = X || y.pageSize || 20, E = Math.max(1, Math.ceil(k / T)), M = A >= E ? 1 : A + 1;
-    G(M);
+    B !== null && o(B);
+  }, Y = () => {
+    const b = Le(JSON.parse(v)), B = H || b.pageSize || 20, $ = Math.max(1, Math.ceil(T / B)), U = C >= $ ? 1 : C + 1;
+    F(U);
   };
-  return /* @__PURE__ */ _("div", { className: "form-block-preview skopon-resume-select", children: [
-    a ? /* @__PURE__ */ c("div", { className: "form-block-preview-label", children: a }) : null,
-    b && C.length === 0 ? /* @__PURE__ */ _("div", { className: "skopon-resume-select-status", children: [
-      /* @__PURE__ */ c(Ke, { size: "small" }),
-      " 加载案例…"
-    ] }) : null,
-    !b && C.length === 0 ? /* @__PURE__ */ c("div", { className: "skopon-resume-select-empty", children: $ }) : null,
-    C.length > 0 ? /* @__PURE__ */ c("div", { className: "skopon-resume-select-list", children: C.map((y) => /* @__PURE__ */ c(
-      Yn,
-      {
-        item: y,
-        selected: B.includes(y.caseUniqueId),
-        disabled: Tt(
-          B,
-          y.caseUniqueId,
-          t,
-          d,
-          m
-        ),
-        onToggle: () => Q(y.caseUniqueId)
-      },
-      y.caseUniqueId
-    )) }) : null,
-    u && n && Ue(S) ? /* @__PURE__ */ c("div", { className: "skopon-resume-select-actions", children: /* @__PURE__ */ c(
-      Se,
-      {
-        type: "default",
-        size: "small",
-        icon: /* @__PURE__ */ c(pt, {}),
-        loading: b,
-        disabled: !t,
-        onClick: Z,
-        children: "换一批"
-      }
-    ) }) : null,
-    l ? /* @__PURE__ */ c(V.Text, { type: "secondary", className: "form-block-preview-help", children: l }) : null
-  ] });
+  return /* @__PURE__ */ N(
+    "div",
+    {
+      className: "form-block-preview skopon-resume-select",
+      "data-skopon-field": a || void 0,
+      children: [
+        l ? /* @__PURE__ */ c("div", { className: "form-block-preview-label", children: l }) : null,
+        p && _.length === 0 ? /* @__PURE__ */ N("div", { className: "skopon-resume-select-status", children: [
+          /* @__PURE__ */ c(tt, { size: "small" }),
+          " 加载案例…"
+        ] }) : null,
+        !p && _.length === 0 ? /* @__PURE__ */ c("div", { className: "skopon-resume-select-empty", children: I }) : null,
+        _.length > 0 ? /* @__PURE__ */ c("div", { className: "skopon-resume-select-list", children: _.map((b) => /* @__PURE__ */ c(
+          Sr,
+          {
+            item: b,
+            selected: j.includes(b.caseUniqueId),
+            disabled: $t(
+              j,
+              b.caseUniqueId,
+              t,
+              y,
+              g
+            ),
+            onToggle: () => ie(b.caseUniqueId)
+          },
+          b.caseUniqueId
+        )) }) : null,
+        d && n && je(k) ? /* @__PURE__ */ c("div", { className: "skopon-resume-select-actions", children: /* @__PURE__ */ c(
+          Me,
+          {
+            type: "default",
+            size: "small",
+            icon: /* @__PURE__ */ c(Mt, {}),
+            loading: p,
+            disabled: !t,
+            onClick: Y,
+            children: "换一批"
+          }
+        ) }) : null,
+        m ? /* @__PURE__ */ c(X.Text, { type: "secondary", className: "form-block-preview-help", children: m }) : null
+      ]
+    }
+  );
 }
-const Xn = j(
-  Jn,
-  Wn
-), Qn = {
+const kr = J(
+  vr,
+  br
+), Ar = {
   type: "case_multiselect",
   componentName: "SkoponCaseSelect",
-  toComponent: Dn,
-  fromComponent: Hn,
-  catalogComponents: [Xn]
+  toComponent: cr,
+  fromComponent: ur,
+  catalogComponents: [kr]
 };
-function mt(e) {
+function Tt(e) {
   if (e == null) return;
   const t = typeof e == "number" ? e : Number(e);
   if (!(!Number.isFinite(t) || t < 1))
     return Math.floor(t);
 }
-function Zn(e, t) {
+function Cr(e, t) {
   var a, s, l, u;
   const { id: n, label: r, path: o, withData: i } = t;
   return i({
@@ -616,7 +740,7 @@ function Zn(e, t) {
     value: { path: o }
   });
 }
-function er(e, t, n) {
+function _r(e, t, n) {
   const r = n.nameFromValue(e.value), o = {
     ...t("resume_multiselect"),
     name: r,
@@ -633,34 +757,34 @@ function er(e, t, n) {
       pageSize: typeof u.pageSize == "number" ? u.pageSize : 20
     };
   }
-  const s = mt(e.minCount);
+  const s = Tt(e.minCount);
   s !== void 0 && (o.resumeMinCount = s);
-  const l = mt(e.maxCount);
+  const l = Tt(e.maxCount);
   return l !== void 0 && (o.resumeMaxCount = l), o;
 }
-const Nt = De(null);
-function je({
+const Kt = Ie(null);
+function Qe({
   resumeSearch: e,
   children: t
 }) {
-  return /* @__PURE__ */ c(Nt.Provider, { value: e ?? null, children: t });
+  return /* @__PURE__ */ c(Kt.Provider, { value: e ?? null, children: t });
 }
-function tr() {
-  return He(Nt);
+function xr() {
+  return Ne(Kt);
 }
-function Pe(e) {
+function $e(e) {
   return typeof e == "string" ? e : "";
 }
-function Ee(e) {
+function De(e) {
   if (!e || typeof e != "object")
     return { names: [], agentUniqueIds: [], resumeUniqueIds: [], pageSize: 20 };
   const t = e, n = Array.isArray(t.names) ? t.names.map(String).filter(Boolean) : [], r = Array.isArray(t.agentUniqueIds) ? t.agentUniqueIds.map(String).filter(Boolean) : [], o = Array.isArray(t.resumeUniqueIds) ? t.resumeUniqueIds.map(String).filter(Boolean) : [], i = typeof t.pageSize == "number" ? t.pageSize : Number(t.pageSize), a = Number.isFinite(i) && i >= 1 && i <= 100 ? Math.floor(i) : 20;
   return { names: n, agentUniqueIds: r, resumeUniqueIds: o, pageSize: a };
 }
-function nr(e) {
+function Tr(e) {
   return JSON.stringify(e);
 }
-const rr = {
+const Ir = {
   name: "SkoponResumeSelect",
   schema: f.object({
     label: f.any().optional(),
@@ -672,40 +796,40 @@ const rr = {
     maxCount: f.any().optional(),
     value: f.any().optional()
   }).passthrough()
-}, or = 3, ir = 2;
-function ze(e, t) {
-  const n = (t ?? []).filter(Boolean), r = n.slice(0, or), o = n.length - r.length;
-  return /* @__PURE__ */ _("div", { className: "skopon-resume-select-card-tags", children: [
+}, Nr = 3, Mr = 2;
+function He(e, t) {
+  const n = (t ?? []).filter(Boolean), r = n.slice(0, Nr), o = n.length - r.length;
+  return /* @__PURE__ */ N("div", { className: "skopon-resume-select-card-tags", children: [
     /* @__PURE__ */ c("span", { className: "skopon-resume-select-card-tags-label", children: e }),
-    n.length > 0 ? /* @__PURE__ */ _("div", { className: "skopon-resume-select-card-tags-list", children: [
-      r.map((i) => /* @__PURE__ */ c(oe, { className: "skopon-resume-select-card-tag", children: i }, i)),
-      o > 0 ? /* @__PURE__ */ _(oe, { className: "skopon-resume-select-card-tag", children: [
+    n.length > 0 ? /* @__PURE__ */ N("div", { className: "skopon-resume-select-card-tags-list", children: [
+      r.map((i) => /* @__PURE__ */ c(le, { className: "skopon-resume-select-card-tag", children: i }, i)),
+      o > 0 ? /* @__PURE__ */ N(le, { className: "skopon-resume-select-card-tag", children: [
         "+",
         o
       ] }) : null
     ] }) : /* @__PURE__ */ c("span", { className: "skopon-resume-select-card-tags-empty", children: "暂无" })
   ] });
 }
-function ar(e) {
-  return /* @__PURE__ */ _("div", { className: "skopon-resume-select-card-field", children: [
+function Fr(e) {
+  return /* @__PURE__ */ N("div", { className: "skopon-resume-select-card-field", children: [
     /* @__PURE__ */ c("span", { className: "skopon-resume-select-card-tags-label", children: "满意度" }),
     /* @__PURE__ */ c("span", { className: "skopon-resume-select-card-field-value", children: typeof e == "number" ? `${e}%` : "暂无" })
   ] });
 }
-function sr({ work: e }) {
-  return /* @__PURE__ */ _("div", { className: "skopon-resume-select-card-work", children: [
-    /* @__PURE__ */ c("div", { className: "skopon-resume-select-card-work-cover", children: e.coverUrl ? /* @__PURE__ */ c("img", { src: e.coverUrl, alt: "", className: "skopon-resume-select-card-work-img" }) : /* @__PURE__ */ c(cn, { className: "skopon-resume-select-card-work-placeholder" }) }),
+function Ur({ work: e }) {
+  return /* @__PURE__ */ N("div", { className: "skopon-resume-select-card-work", children: [
+    /* @__PURE__ */ c("div", { className: "skopon-resume-select-card-work-cover", children: e.coverUrl ? /* @__PURE__ */ c("img", { src: e.coverUrl, alt: "", className: "skopon-resume-select-card-work-img" }) : /* @__PURE__ */ c(Nn, { className: "skopon-resume-select-card-work-placeholder" }) }),
     /* @__PURE__ */ c("div", { className: "skopon-resume-select-card-work-title", children: e.title || "未命名作品" })
   ] });
 }
-function lr({
+function Er({
   item: e,
   selected: t,
   disabled: n,
   onToggle: r
 }) {
-  const o = (e.works ?? []).slice(0, ir);
-  return /* @__PURE__ */ _(
+  const o = (e.works ?? []).slice(0, Mr);
+  return /* @__PURE__ */ N(
     "button",
     {
       type: "button",
@@ -714,168 +838,178 @@ function lr({
       onClick: r,
       children: [
         /* @__PURE__ */ c(
-          Zt,
+          Sn,
           {
             size: 48,
             src: e.avatarUrl || void 0,
-            icon: e.avatarUrl ? void 0 : /* @__PURE__ */ c(ln, {}),
+            icon: e.avatarUrl ? void 0 : /* @__PURE__ */ c(In, {}),
             className: "skopon-resume-select-card-avatar"
           }
         ),
         /* @__PURE__ */ c("div", { className: "skopon-resume-select-card-name", children: e.name || "未命名简历" }),
-        /* @__PURE__ */ _("div", { className: "skopon-resume-select-card-body", children: [
-          ar(e.satisfaction),
-          ze("性格", e.personality),
-          ze("专长", e.specialties),
-          ze("擅长领域", e.traits),
-          /* @__PURE__ */ _("div", { className: "skopon-resume-select-card-works", children: [
+        /* @__PURE__ */ N("div", { className: "skopon-resume-select-card-body", children: [
+          Fr(e.satisfaction),
+          He("性格", e.personality),
+          He("专长", e.specialties),
+          He("擅长领域", e.traits),
+          /* @__PURE__ */ N("div", { className: "skopon-resume-select-card-works", children: [
             /* @__PURE__ */ c("span", { className: "skopon-resume-select-card-works-label", children: "过往作品" }),
-            o.length > 0 ? /* @__PURE__ */ c("div", { className: "skopon-resume-select-card-works-list", children: o.map((i, a) => /* @__PURE__ */ c(sr, { work: i }, `${i.title}-${a}`)) }) : /* @__PURE__ */ c("div", { className: "skopon-resume-select-card-works-empty", children: "暂无作品" })
+            o.length > 0 ? /* @__PURE__ */ c("div", { className: "skopon-resume-select-card-works-list", children: o.map((i, a) => /* @__PURE__ */ c(Ur, { work: i }, `${i.title}-${a}`)) }) : /* @__PURE__ */ c("div", { className: "skopon-resume-select-card-works-empty", children: "暂无作品" })
           ] })
         ] })
       ]
     }
   );
 }
-function cr({ context: e }) {
-  const { interactive: t } = H(), n = tr(), { value: r, setValue: o } = K(e), i = e.componentModel.properties, a = Pe(i.label), s = Pe(i.placeholder), l = Pe(i.help), u = i.enableRefresh !== !1, d = ve(i.minCount), m = ve(i.maxCount), S = w(() => Ee(i.resumeFilter), [i.resumeFilter]), h = nr(S), [A, N] = F(1), [b, p] = F(!1), [v, g] = F(""), [C, U] = F([]), [k, x] = F(0), [X, L] = F(S.pageSize ?? 20), P = q(0), B = O(r);
-  R(() => {
-    const y = _t(B, m);
-    y !== null && o(y);
-  }, [m, B, o]);
-  const $ = ne(
-    async (y) => {
-      const T = Ee(JSON.parse(h)), E = ++P.current;
+function Pr({ context: e }) {
+  const { interactive: t } = ee(), n = xr(), { value: r, setValue: o, setValueSilent: i, fieldName: a } = te(e, "value", {
+    component: "SkoponResumeSelect",
+    changeAction: "click"
+  }), s = e.componentModel.properties, l = $e(s.label), u = $e(s.placeholder), m = $e(s.help), d = s.enableRefresh !== !1, y = xe(s.minCount), g = xe(s.maxCount), k = R(() => De(s.resumeFilter), [s.resumeFilter]), v = Tr(k), [C, h] = E(1), [p, S] = E(!1), [A, x] = E(""), [_, z] = E([]), [T, D] = E(0), [H, oe] = E(k.pageSize ?? 20), K = P(0), j = G(r);
+  w(() => {
+    const b = Dt(j, g);
+    b !== null && i(b);
+  }, [g, j, i]);
+  const I = L(
+    async (b) => {
+      const B = De(JSON.parse(v)), $ = ++K.current;
       if (!n) {
-        U([]), x(0), g("未配置简历搜索服务"), p(!1);
+        z([]), D(0), x("未配置简历搜索服务"), S(!1);
         return;
       }
-      p(!0), g("");
+      S(!0), x("");
       try {
-        const M = await n({ filter: T, page: y });
-        if (E !== P.current) return;
-        U(M.list), x(M.total), N(M.page), L(M.pageSize);
-      } catch (M) {
-        if (E !== P.current) return;
-        U([]), x(0), g(M instanceof Error ? M.message : "加载简历列表失败");
+        const U = await n({ filter: B, page: b });
+        if ($ !== K.current) return;
+        z(U.list), D(U.total), h(U.page), oe(U.pageSize);
+      } catch (U) {
+        if ($ !== K.current) return;
+        z([]), D(0), x(U instanceof Error ? U.message : "加载简历列表失败");
       } finally {
-        E === P.current && p(!1);
+        $ === K.current && S(!1);
       }
     },
-    [n, h]
+    [n, v]
   );
-  R(() => {
-    N(1), $(1);
-  }, [h, $]);
-  const G = (y) => {
+  w(() => {
+    h(1), I(1);
+  }, [v, I]);
+  const F = (b) => {
     if (!t) return;
-    const T = xt(
-      B,
+    const B = jt(
+      j,
+      b,
       y,
-      d,
-      m
+      g
     );
-    T !== null && o(T);
-  }, Q = () => {
-    const y = Ee(JSON.parse(h)), T = X || y.pageSize || 20, E = Math.max(1, Math.ceil(k / T)), M = A >= E ? 1 : A + 1;
-    $(M);
-  }, Z = s || "暂无匹配的简历";
-  return /* @__PURE__ */ _("div", { className: "form-block-preview skopon-resume-select", children: [
-    a ? /* @__PURE__ */ c("div", { className: "form-block-preview-label", children: a }) : null,
-    b && C.length === 0 ? /* @__PURE__ */ _("div", { className: "skopon-resume-select-status", children: [
-      /* @__PURE__ */ c(Ke, { size: "small" }),
-      " 加载简历…"
-    ] }) : null,
-    !b && v ? /* @__PURE__ */ c(V.Text, { type: "danger", className: "skopon-resume-select-status", children: v }) : null,
-    !b && !v && C.length === 0 ? /* @__PURE__ */ c("div", { className: "skopon-resume-select-empty", children: Z }) : null,
-    C.length > 0 ? /* @__PURE__ */ c("div", { className: "skopon-resume-select-list", children: C.map((y) => /* @__PURE__ */ c(
-      lr,
-      {
-        item: y,
-        selected: B.includes(y.resumeUniqueId),
-        disabled: Tt(
-          B,
-          y.resumeUniqueId,
-          t,
-          d,
-          m
-        ),
-        onToggle: () => G(y.resumeUniqueId)
-      },
-      y.resumeUniqueId
-    )) }) : null,
-    u && n ? /* @__PURE__ */ c("div", { className: "skopon-resume-select-actions", children: /* @__PURE__ */ c(
-      Se,
-      {
-        type: "default",
-        size: "small",
-        icon: /* @__PURE__ */ c(pt, {}),
-        loading: b,
-        disabled: !t,
-        onClick: Q,
-        children: "换一批"
-      }
-    ) }) : null,
-    l ? /* @__PURE__ */ c(V.Text, { type: "secondary", className: "form-block-preview-help", children: l }) : null
-  ] });
+    B !== null && o(B);
+  }, ie = () => {
+    const b = De(JSON.parse(v)), B = H || b.pageSize || 20, $ = Math.max(1, Math.ceil(T / B)), U = C >= $ ? 1 : C + 1;
+    I(U);
+  }, Y = u || "暂无匹配的简历";
+  return /* @__PURE__ */ N(
+    "div",
+    {
+      className: "form-block-preview skopon-resume-select",
+      "data-skopon-field": a || void 0,
+      children: [
+        l ? /* @__PURE__ */ c("div", { className: "form-block-preview-label", children: l }) : null,
+        p && _.length === 0 ? /* @__PURE__ */ N("div", { className: "skopon-resume-select-status", children: [
+          /* @__PURE__ */ c(tt, { size: "small" }),
+          " 加载简历…"
+        ] }) : null,
+        !p && A ? /* @__PURE__ */ c(X.Text, { type: "danger", className: "skopon-resume-select-status", children: A }) : null,
+        !p && !A && _.length === 0 ? /* @__PURE__ */ c("div", { className: "skopon-resume-select-empty", children: Y }) : null,
+        _.length > 0 ? /* @__PURE__ */ c("div", { className: "skopon-resume-select-list", children: _.map((b) => /* @__PURE__ */ c(
+          Er,
+          {
+            item: b,
+            selected: j.includes(b.resumeUniqueId),
+            disabled: $t(
+              j,
+              b.resumeUniqueId,
+              t,
+              y,
+              g
+            ),
+            onToggle: () => F(b.resumeUniqueId)
+          },
+          b.resumeUniqueId
+        )) }) : null,
+        d && n ? /* @__PURE__ */ c("div", { className: "skopon-resume-select-actions", children: /* @__PURE__ */ c(
+          Me,
+          {
+            type: "default",
+            size: "small",
+            icon: /* @__PURE__ */ c(Mt, {}),
+            loading: p,
+            disabled: !t,
+            onClick: ie,
+            children: "换一批"
+          }
+        ) }) : null,
+        m ? /* @__PURE__ */ c(X.Text, { type: "secondary", className: "form-block-preview-help", children: m }) : null
+      ]
+    }
+  );
 }
-const ur = j(
-  rr,
-  cr
-), mr = {
+const wr = J(
+  Ir,
+  Pr
+), Rr = {
   type: "resume_multiselect",
   componentName: "SkoponResumeSelect",
-  toComponent: Zn,
-  fromComponent: er,
-  catalogComponents: [ur]
-}, Ce = [mr, Qn], dr = new Map(
-  Ce.map((e) => [e.type, e])
-), pr = new Map(
-  Ce.map((e) => [e.componentName, e])
+  toComponent: Cr,
+  fromComponent: _r,
+  catalogComponents: [wr]
+}, Ue = [Rr, Ar], zr = new Map(
+  Ue.map((e) => [e.type, e])
+), Br = new Map(
+  Ue.map((e) => [e.componentName, e])
 );
-function fr(e) {
-  return dr.get(e);
+function qr(e) {
+  return zr.get(e);
 }
-function hr(e) {
-  return pr.get(e);
+function Or(e) {
+  return Br.get(e);
 }
-function gr() {
-  return Ce.flatMap((e) => e.catalogComponents);
+function Vr() {
+  return Ue.flatMap((e) => e.catalogComponents);
 }
-function yr() {
-  return Ce.map((e) => e.componentName);
+function Lr() {
+  return Ue.map((e) => e.componentName);
 }
-const be = "root", Le = "__title__", Ve = "__desc__", We = "^[^@\\s]+@[^@\\s]+\\.[^@\\s]+$";
-function vr(e) {
+const Te = "root", Xe = "__title__", Ze = "__desc__", it = "^[^@\\s]+@[^@\\s]+\\.[^@\\s]+$";
+function jr(e) {
   return `/${e}`;
 }
-function dt(e) {
+function It(e) {
   return e && typeof e == "object" && "path" in e ? String(e.path ?? "").replace(/^\//, "") : "";
 }
-function z(e) {
+function O(e) {
   if (typeof e == "string") return e;
 }
-function br(e) {
-  const t = e.id || ae("a2-"), n = e.type === "video" ? "video" : e.type === "audio" ? "audio" : "image";
+function $r(e) {
+  const t = e.id || me("a2-"), n = e.type === "video" ? "video" : e.type === "audio" ? "audio" : "image";
   return {
     id: t,
     component: "SkoponMedia",
     mediaType: n,
-    urls: zn(e),
-    mediaSize: le(e.mediaSize),
+    urls: Zn(e),
+    mediaSize: pe(e.mediaSize),
     label: e.label ?? "",
     help: e.help ?? "",
     placeholder: e.placeholder ?? ""
   };
 }
-function Sr(e) {
+function Dr(e) {
   if (Array.isArray(e.urls))
     return e.urls.map((n) => String(n).trim()).filter(Boolean);
-  const t = z(e.url);
+  const t = O(e.url);
   return t != null && t.trim() ? [t.trim()] : [];
 }
-function pe(e, t, n) {
-  const r = typeof e.id == "string" ? e.id : ae("block-"), o = Sr(e), i = z(e.label) ?? z(e.description) ?? n, a = z(e.help), s = z(e.placeholder), l = le(e.mediaSize);
+function be(e, t, n) {
+  const r = typeof e.id == "string" ? e.id : me("block-"), o = Dr(e), i = O(e.label) ?? O(e.description) ?? n, a = O(e.help), s = O(e.placeholder), l = pe(e.mediaSize);
   return {
     id: r,
     type: t,
@@ -886,10 +1020,10 @@ function pe(e, t, n) {
     mediaUrls: o.length > 0 ? o : [""]
   };
 }
-function kr(e) {
+function Hr(e) {
   switch (e.type) {
     case "toggle":
-      return ce(e.defaultValue);
+      return fe(e.defaultValue);
     case "multiselect":
     case "checkbox":
     case "resume_multiselect":
@@ -903,9 +1037,9 @@ function kr(e) {
       return typeof e.defaultValue == "string" ? e.defaultValue : "";
   }
 }
-function Cr(e) {
+function Kr(e) {
   var u;
-  const t = e.id || ae("a2-"), n = e.label ?? "", r = ((u = e.name) == null ? void 0 : u.trim()) || "", o = r ? vr(r) : void 0, i = (e.options ?? []).map((d) => ({ label: d.label, value: d.value })), a = (d) => r ? { node: d, dataKey: r, dataValue: kr(e) } : { node: d }, s = { id: t, label: n, name: r, path: o, withData: a }, l = fr(e.type);
+  const t = e.id || me("a2-"), n = e.label ?? "", r = ((u = e.name) == null ? void 0 : u.trim()) || "", o = r ? jr(r) : void 0, i = (e.options ?? []).map((m) => ({ label: m.label, value: m.value })), a = (m) => r ? { node: m, dataKey: r, dataValue: Hr(e) } : { node: m }, s = { id: t, label: n, name: r, path: o, withData: a }, l = qr(e.type);
   if (l)
     return l.toComponent(e, s);
   switch (e.type) {
@@ -930,7 +1064,7 @@ function Cr(e) {
         component: "TextField",
         label: n,
         variant: "shortText",
-        validationRegexp: We,
+        validationRegexp: it,
         ...e.placeholder ? { placeholder: e.placeholder } : {},
         value: { path: o }
       });
@@ -1016,7 +1150,7 @@ function Cr(e) {
     case "image":
     case "video":
     case "audio":
-      return { node: br(e) };
+      return { node: $r(e) };
     case "file":
       return a({
         id: t,
@@ -1033,31 +1167,31 @@ function Cr(e) {
       return { node: null };
   }
 }
-function $e(e) {
+function et(e) {
   if (!e || !Array.isArray(e.components) || e.components.length === 0) return !0;
-  const t = e.components.find((r) => r.id === be);
+  const t = e.components.find((r) => r.id === Te);
   if (!t) return e.components.length === 0;
   const n = t.children;
   return !Array.isArray(n) || n.length === 0;
 }
-function Mt(e, t) {
+function Gt(e, t) {
   const n = [], r = [], o = {}, i = (t == null ? void 0 : t.includeHeader) !== !1, a = (e.title ?? "").trim(), s = (e.description ?? "").trim();
-  i && a && (n.push({ id: Le, component: "Text", text: a, variant: "h2" }), r.push(Le)), i && s && (n.push({ id: Ve, component: "Text", text: s, variant: "body" }), r.push(Ve));
-  for (const d of e.blocks ?? []) {
-    const { node: m, dataKey: S, dataValue: h } = Cr(d);
-    m && (n.push(m), r.push(m.id), S && (o[S] = h));
+  i && a && (n.push({ id: Xe, component: "Text", text: a, variant: "h2" }), r.push(Xe)), i && s && (n.push({ id: Ze, component: "Text", text: s, variant: "body" }), r.push(Ze));
+  for (const m of e.blocks ?? []) {
+    const { node: d, dataKey: y, dataValue: g } = Kr(m);
+    d && (n.push(d), r.push(d.id), y && (o[y] = g));
   }
-  n.unshift({ id: be, component: "Column", children: r });
-  const l = { root: be, components: n, dataModel: o }, u = t == null ? void 0 : t.styleId;
+  n.unshift({ id: Te, component: "Column", children: r });
+  const l = { root: Te, components: n, dataModel: o }, u = t == null ? void 0 : t.styleId;
   return u !== void 0 && (l.surfaceProperties = { styleId: u ?? null }), l;
 }
-function Ar(e) {
+function Gr(e) {
   const t = /* @__PURE__ */ new Map();
   for (const n of e.components ?? [])
     n && typeof n.id == "string" && t.set(n.id, n);
   return t;
 }
-function Re(e) {
+function Ke(e) {
   const t = e.options;
   return Array.isArray(t) ? t.map((n) => {
     if (!n || typeof n != "object") return null;
@@ -1068,10 +1202,10 @@ function Re(e) {
     };
   }).filter((n) => !!n) : [];
 }
-function xr(e) {
-  const t = typeof e.id == "string" ? e.id : ae("block-"), n = String(e.component ?? ""), r = z(e.label) ?? z(e.text) ?? "", o = dt(e.value), i = (s) => ({ id: t, type: s, label: r }), a = hr(n);
+function Jr(e) {
+  const t = typeof e.id == "string" ? e.id : me("block-"), n = String(e.component ?? ""), r = O(e.label) ?? O(e.text) ?? "", o = It(e.value), i = (s) => ({ id: t, type: s, label: r }), a = Or(n);
   if (a)
-    return a.fromComponent(e, i, { asLiteral: z, nameFromValue: dt });
+    return a.fromComponent(e, i, { asLiteral: O, nameFromValue: It });
   switch (n) {
     case "Text": {
       const s = String(e.variant ?? "body"), l = /^h[1-6]$/i.test(s) || s === "title" || s === "subtitle";
@@ -1080,9 +1214,9 @@ function xr(e) {
     case "TextField": {
       const s = String(e.variant ?? "shortText");
       let l = "text";
-      s === "longText" ? l = "textarea" : s === "number" ? l = "number" : z(e.validationRegexp) === We && (l = "email");
-      const u = { ...i(l), name: o }, d = z(e.placeholder);
-      return d && (u.placeholder = d), u;
+      s === "longText" ? l = "textarea" : s === "number" ? l = "number" : O(e.validationRegexp) === it && (l = "email");
+      const u = { ...i(l), name: o }, m = O(e.placeholder);
+      return m && (u.placeholder = m), u;
     }
     case "CheckBox":
       return { ...i("toggle"), name: o };
@@ -1090,46 +1224,46 @@ function xr(e) {
       const l = String(e.mode ?? "single") === "multiple" ? "multiselect" : "select", u = {
         ...i(l),
         name: o,
-        options: Re(e)
-      }, d = z(e.placeholder);
-      return d && (u.placeholder = d), u;
+        options: Ke(e)
+      }, m = O(e.placeholder);
+      return m && (u.placeholder = m), u;
     }
     case "ChoicePicker": {
-      const s = z(e.skoponPickerType);
+      const s = O(e.skoponPickerType);
       if (s === "select" || s === "multiselect" || s === "radio" || s === "checkbox") {
-        const d = {
+        const m = {
           ...i(s),
           name: o,
-          options: Re(e)
-        }, m = z(e.placeholder);
-        return m && (d.placeholder = m), d;
+          options: Ke(e)
+        }, d = O(e.placeholder);
+        return d && (m.placeholder = d), m;
       }
       const u = String(e.variant ?? "mutuallyExclusive") === "multipleSelection" ? "checkbox" : "radio";
-      return { ...i(u), name: o, options: Re(e) };
+      return { ...i(u), name: o, options: Ke(e) };
     }
     case "DateTimeInput": {
-      const s = e.enableDate === !0, l = e.enableTime === !0, d = { ...i(!s && l ? "time" : "datetime"), name: o }, m = z(e.placeholder);
-      return m && (d.placeholder = m), d;
+      const s = e.enableDate === !0, l = e.enableTime === !0, m = { ...i(!s && l ? "time" : "datetime"), name: o }, d = O(e.placeholder);
+      return d && (m.placeholder = d), m;
     }
     case "SkoponMedia": {
       const s = String(e.mediaType ?? "image");
-      return pe(e, s === "video" ? "video" : s === "audio" ? "audio" : "image", r);
+      return be(e, s === "video" ? "video" : s === "audio" ? "audio" : "image", r);
     }
     case "Image":
-      return pe(e, "image", r);
+      return be(e, "image", r);
     case "Video":
-      return pe(e, "video", r);
+      return be(e, "video", r);
     case "AudioPlayer":
-      return pe(e, "audio", r);
+      return be(e, "audio", r);
     case "FileUpload": {
-      const s = z(e.accept) ?? "", l = { ...i("file"), name: o };
+      const s = O(e.accept) ?? "", l = { ...i("file"), name: o };
       return s && (l.fileAcceptExtensions = s.split(",").map((u) => u.trim()).filter(Boolean)), Array.isArray(e.fileAcceptTypes) && (l.fileAcceptTypes = e.fileAcceptTypes.map(String)), typeof e.filePlaceholderIcon == "string" && (l.filePlaceholderIcon = e.filePlaceholderIcon), typeof e.minCount == "number" && (l.fileMinCount = e.minCount), typeof e.maxCount == "number" && (l.fileMaxCount = e.maxCount), l;
     }
     default:
       return null;
   }
 }
-function Ft(e, t, n, r) {
+function Jt(e, t, n, r) {
   if (n.has(e)) return;
   n.add(e);
   const o = t.get(e);
@@ -1137,47 +1271,47 @@ function Ft(e, t, n, r) {
   const i = String(o.component ?? "");
   if ((i === "Column" || i === "Row") && Array.isArray(o.children)) {
     for (const a of o.children)
-      typeof a == "string" && Ft(a, t, n, r);
+      typeof a == "string" && Jt(a, t, n, r);
     return;
   }
   r.push(o);
 }
-function Tr(e, t) {
+function Wr(e, t) {
   return t ? e.map((n) => {
     var i;
     const r = (i = n.name) == null ? void 0 : i.trim();
     if (!r || !(r in t)) return n;
     const o = t[r];
-    return o === void 0 ? n : n.type === "toggle" ? { ...n, defaultValue: ce(o) } : { ...n, defaultValue: o };
+    return o === void 0 ? n : n.type === "toggle" ? { ...n, defaultValue: fe(o) } : { ...n, defaultValue: o };
   }) : e;
 }
-function _r(e) {
+function Yr(e) {
   if (!e || !Array.isArray(e.components))
-    return ye({ title: "", description: "", blocks: [], jsonSchema: {} });
-  const t = Ar(e), n = [];
-  Ft(e.root ?? be, t, /* @__PURE__ */ new Set(), n);
+    return _e({ title: "", description: "", blocks: [], jsonSchema: {} });
+  const t = Gr(e), n = [];
+  Jt(e.root ?? Te, t, /* @__PURE__ */ new Set(), n);
   let r = "", o = "";
   const i = [];
   for (const a of n) {
-    if (a.id === Le) {
-      r = z(a.text) ?? r;
+    if (a.id === Xe) {
+      r = O(a.text) ?? r;
       continue;
     }
-    if (a.id === Ve) {
-      o = z(a.text) ?? o;
+    if (a.id === Ze) {
+      o = O(a.text) ?? o;
       continue;
     }
-    const s = xr(a);
+    const s = Jr(a);
     s && i.push(s);
   }
-  return ye({
+  return _e({
     title: r,
     description: o,
-    blocks: Tr(i, e.dataModel),
+    blocks: Wr(i, e.dataModel),
     jsonSchema: {}
   });
 }
-function Ir(e, t) {
+function Qr(e, t) {
   const { surfaceId: n, catalogId: r } = t, o = [
     { version: "v0.9", createSurface: { surfaceId: n, catalogId: r } },
     {
@@ -1190,25 +1324,25 @@ function Ir(e, t) {
     updateDataModel: { surfaceId: n, path: "/", value: e.dataModel }
   }), o;
 }
-function Ut(e) {
+function Wt(e) {
   return !!e && typeof e == "object" && !Array.isArray(e) && Array.isArray(e.components);
 }
-function Nr(e, t) {
+function Xr(e, t) {
   if (!e || typeof e != "object") return null;
-  const n = e, r = Ut(n.a2ui) ? n.a2ui : void 0;
-  if (r && !$e(r)) return r;
+  const n = e, r = Wt(n.a2ui) ? n.a2ui : void 0;
+  if (r && !et(r)) return r;
   const o = Array.isArray(n.blocks) ? n.blocks : [];
   if (o.length === 0) return null;
-  const i = W({
+  const i = re({
     title: typeof n.title == "string" ? n.title : "",
     description: typeof n.description == "string" ? n.description : "",
     blocks: o,
-    jsonSchema: Ye(n.jsonSchema ?? n.json_schema)
-  }), a = Mt(i, t);
-  return $e(a) ? null : a;
+    jsonSchema: ot(n.jsonSchema ?? n.json_schema)
+  }), a = Gt(i, t);
+  return et(a) ? null : a;
 }
-function Mr(e, t, n) {
-  return Mt(
+function Zr(e, t, n) {
+  return Gt(
     {
       title: e.title,
       description: e.description,
@@ -1217,18 +1351,18 @@ function Mr(e, t, n) {
     n
   );
 }
-function Fr(e) {
+function eo(e) {
   if (!e || typeof e != "object" || Array.isArray(e))
     return;
   const t = e;
-  return !(Array.isArray(t.blocks) && t.blocks.length > 0) && Ut(t.a2ui) ? _r(t.a2ui) : W({
+  return !(Array.isArray(t.blocks) && t.blocks.length > 0) && Wt(t.a2ui) ? Yr(t.a2ui) : re({
     title: typeof t.title == "string" ? t.title : "",
     description: typeof t.description == "string" ? t.description : "",
     blocks: Array.isArray(t.blocks) ? t.blocks : [],
-    jsonSchema: Ye(t.jsonSchema ?? t.json_schema)
+    jsonSchema: ot(t.jsonSchema ?? t.json_schema)
   });
 }
-function Ur(e, t, n) {
+function to(e, t, n) {
   const r = e.model.surfacesMap.get(t);
   if (!r) return {};
   const o = {};
@@ -1238,15 +1372,15 @@ function Ur(e, t, n) {
   }
   return o;
 }
-function Pr(e) {
-  return W({
+function no(e) {
+  return re({
     title: "",
     description: "",
     blocks: [e],
     jsonSchema: {}
   }).blocks[0];
 }
-function Er(e, t) {
+function ro(e, t) {
   var o, i;
   const n = /* @__PURE__ */ new Map();
   for (const a of t) {
@@ -1255,11 +1389,11 @@ function Er(e, t) {
   }
   const r = [];
   for (const a of e.blocks) {
-    if (ke(a.type)) {
-      r.push(Pr(a));
+    if (Fe(a.type)) {
+      r.push(no(a));
       continue;
     }
-    if (!Y(a.type)) continue;
+    if (!ne(a.type)) continue;
     const s = (i = a.name) == null ? void 0 : i.trim();
     if (!s) continue;
     const l = n.get(s);
@@ -1267,45 +1401,45 @@ function Er(e, t) {
   }
   return r;
 }
-function zr(e, t) {
+function oo(e, t) {
   var r;
   const n = {
     ...e,
     name: ((r = e.name) == null ? void 0 : r.trim()) || t.name
   };
-  return t.defaultValue !== void 0 && (n.defaultValue = t.defaultValue), W({
+  return t.defaultValue !== void 0 && (n.defaultValue = t.defaultValue), re({
     title: "",
     description: "",
     blocks: [n],
     jsonSchema: {}
   }).blocks[0];
 }
-function Ae(e) {
+function Ee(e) {
   if (!e || typeof e != "object" || Array.isArray(e)) return null;
   const t = e;
-  return Array.isArray(t.blocks) ? W({
+  return Array.isArray(t.blocks) ? re({
     title: typeof t.title == "string" ? t.title : "",
     description: typeof t.description == "string" ? t.description : "",
     blocks: t.blocks,
     jsonSchema: {}
   }) : null;
 }
-function Rr(e, t) {
-  var i, a, s, l, u, d;
+function io(e, t) {
+  var i, a, s, l, u, m;
   const n = /* @__PURE__ */ new Map();
-  for (const m of (t == null ? void 0 : t.blocks) ?? [])
-    Y(m.type) && ((i = m.name) != null && i.trim()) && n.set(m.name.trim(), m);
+  for (const d of (t == null ? void 0 : t.blocks) ?? [])
+    ne(d.type) && ((i = d.name) != null && i.trim()) && n.set(d.name.trim(), d);
   const r = [], o = [];
-  for (const m of e.blocks) {
-    if (!Y(m.type)) continue;
-    const S = (a = m.name) == null ? void 0 : a.trim();
-    if (!S) continue;
-    const h = n.get(S);
-    h ? r.push(zr(h, m)) : o.push(
-      W({
+  for (const d of e.blocks) {
+    if (!ne(d.type)) continue;
+    const y = (a = d.name) == null ? void 0 : a.trim();
+    if (!y) continue;
+    const g = n.get(y);
+    g ? r.push(oo(g, d)) : o.push(
+      re({
         title: "",
         description: "",
-        blocks: [m],
+        blocks: [d],
         jsonSchema: {}
       }).blocks[0]
     );
@@ -1313,80 +1447,88 @@ function Rr(e, t) {
   return {
     matchedBlocks: r,
     extraBlocks: o,
-    renderBlocks: Er(e, r),
+    renderBlocks: ro(e, r),
     title: ((s = e.title) == null ? void 0 : s.trim()) || ((l = t == null ? void 0 : t.title) == null ? void 0 : l.trim()) || "",
-    description: ((u = e.description) == null ? void 0 : u.trim()) || ((d = t == null ? void 0 : t.description) == null ? void 0 : d.trim()) || ""
+    description: ((u = e.description) == null ? void 0 : u.trim()) || ((m = t == null ? void 0 : t.description) == null ? void 0 : m.trim()) || ""
   };
 }
-function wr(e) {
+function ao(e) {
   const { type: t, defaultValue: n } = e;
   return n !== void 0 ? t === "toggle" ? n === !0 || n === "true" : t === "multiselect" || t === "checkbox" || t === "resume_multiselect" || t === "case_multiselect" ? Array.isArray(n) ? n.map(String) : typeof n == "string" && n ? [n] : [] : n : t === "toggle" ? !1 : t === "multiselect" || t === "checkbox" || t === "resume_multiselect" || t === "case_multiselect" ? [] : t === "number" ? null : "";
 }
-function Xe(e) {
+function at(e) {
   var n;
   const t = {};
   for (const r of e) {
-    if (!Y(r.type)) continue;
+    if (!ne(r.type)) continue;
     const o = (n = r.name) == null ? void 0 : n.trim();
-    o && (t[o] = wr(r));
+    o && (t[o] = ao(r));
   }
   return t;
 }
-function Br(e) {
+function so(e) {
   return e.blocks.some(
     (t) => {
       var n;
-      return Y(t.type) && !!((n = t.name) != null && n.trim());
+      return ne(t.type) && !!((n = t.name) != null && n.trim());
     }
   );
 }
-function qr(e) {
+function lo(e) {
   return e.blocks.filter((t) => {
     var n;
-    return ke(t.type) ? !0 : Y(t.type) && !!((n = t.name) != null && n.trim());
+    return Fe(t.type) ? !0 : ne(t.type) && !!((n = t.name) != null && n.trim());
   });
 }
-function Or(e) {
+function co(e) {
   return e.blocks.filter((t) => {
     var n;
-    return Y(t.type) && ((n = t.name) == null ? void 0 : n.trim());
+    return ne(t.type) && ((n = t.name) == null ? void 0 : n.trim());
   }).map((t) => t.name.trim());
 }
-function Pt(e) {
+function st(e) {
   return e.replace(/'/g, "'\\''");
 }
-function Et(e, t) {
-  const n = (t ?? "").trim() || "<callback_url>", r = JSON.stringify(e ?? {}, null, 2);
+function Yt(e) {
+  var n;
+  const t = (n = e == null ? void 0 : e.Authorization) == null ? void 0 : n.trim();
+  return t ? `  -H 'Authorization: ${st(t)}' \\` : "  -H 'Authorization: Bearer <token>' \\";
+}
+function Qt(e, t, n) {
+  const r = (t ?? "").trim() || "<callback_url>", o = JSON.stringify(e ?? {}, null, 2);
   return [
-    `curl -X POST '${n}' \\`,
+    `curl -X POST '${r}' \\`,
     "  -H 'Content-Type: application/json' \\",
-    `  -d '${Pt(r)}'`
+    Yt(n),
+    `  -d '${st(o)}'`
   ].join(`
 `);
 }
-function jr(e, t) {
+function uo(e, t) {
   return JSON.stringify({ ...e, ...t }, null, 2);
 }
-function Lr({
+function mo({
   cardValues: e,
   extraValues: t = {},
-  callbackUrl: n
+  callbackUrl: n,
+  headers: r
 }) {
-  const r = (n ?? "").trim() || "<callback_url>", o = jr(e, t);
+  const o = (n ?? "").trim() || "<callback_url>", i = uo(e, t);
   return [
-    `curl -X POST '${r}' \\`,
+    `curl -X POST '${o}' \\`,
     "  -H 'Content-Type: application/json' \\",
-    `  -d '${Pt(o)}'`
+    Yt(r),
+    `  -d '${st(i)}'`
   ].join(`
 `);
 }
-function Jo(e, t) {
-  const n = Ae(e);
-  if (!n) return Et(e, t);
-  const r = Xe(n.blocks);
-  return Lr({ cardValues: r, callbackUrl: t });
+function Fi(e, t, n) {
+  const r = Ee(e);
+  if (!r) return Qt(e, t, n);
+  const o = at(r.blocks);
+  return mo({ cardValues: o, callbackUrl: t, headers: n });
 }
-async function zt(e, t, n) {
+async function Xt(e, t, n) {
   const r = e.trim();
   if (!r)
     throw new Error("callback_url 为空");
@@ -1413,7 +1555,7 @@ async function zt(e, t, n) {
     }
   return { ok: i.ok, status: i.status, body: a };
 }
-async function Yo(e) {
+async function Ui(e) {
   var n;
   if (typeof navigator < "u" && ((n = navigator.clipboard) != null && n.writeText)) {
     await navigator.clipboard.writeText(e);
@@ -1429,7 +1571,7 @@ async function Yo(e) {
     document.body.removeChild(t);
   }
 }
-async function Qe(e) {
+async function lt(e) {
   let t;
   try {
     t = await e.json();
@@ -1442,8 +1584,8 @@ async function Qe(e) {
     throw new Error(t.message || `响应缺少 data (${e.status})`);
   return t.data;
 }
-const Rt = "auth_user", Vr = "token", $r = "answer_agent_callback_url", te = "/api/v1/mock/ask_user_answer_mock";
-function wt(e) {
+const ct = "auth_user", po = "token", fo = "answer_agent_callback_url", ho = "realtime_ws_url", go = "/api/v1/mock/ask_user_answer_mock";
+function ut(e) {
   if (typeof window > "u") return null;
   try {
     return e === "localStorage" ? window.localStorage : window.sessionStorage;
@@ -1451,7 +1593,7 @@ function wt(e) {
     return null;
   }
 }
-function Bt(e) {
+function mt(e) {
   try {
     const t = JSON.parse(e);
     return !t || typeof t != "object" || Array.isArray(t) ? null : t;
@@ -1459,34 +1601,50 @@ function Bt(e) {
     return null;
   }
 }
-function Dr(e, t) {
-  const n = Bt(e);
+function yo(e, t) {
+  const n = mt(e);
   if (!n) return "";
   const r = n[t];
   return typeof r == "string" ? r.trim().replace(/^bearer\s+/i, "").trim() : "";
 }
-function Hr(e = {}) {
-  const t = e.storage ?? "sessionStorage", n = e.storageKey ?? Rt, r = e.answerAgentCallbackUrlField ?? $r, o = wt(t);
-  if (!o) return te;
+function vo(e = {}) {
+  const t = e.storage ?? "sessionStorage", n = e.storageKey ?? ct, r = e.answerAgentCallbackUrlField ?? fo, o = ut(t);
+  if (!o) return "";
+  const i = o.getItem(n);
+  if (!i) return "";
+  const a = mt(i);
+  if (!a) return "";
+  const s = a[r];
+  return (typeof s == "string" ? s.trim() : "") || go;
+}
+function So(e = {}) {
+  const t = e.storage ?? "sessionStorage", n = e.storageKey ?? ct, r = e.realtimeWsUrlField ?? ho, o = ut(t);
+  if (!o) return "";
   const i = o.getItem(n);
-  if (!i) return te;
-  const a = Bt(i);
-  if (!a) return te;
+  if (!i) return "";
+  const a = mt(i);
+  if (!a) return "";
   const s = a[r];
-  return (typeof s == "string" ? s.trim() : "") || te;
+  return typeof s == "string" ? s.trim() : "";
 }
-function qt(e = {}) {
-  const t = e.storage ?? "sessionStorage", n = e.storageKey ?? Rt, r = e.tokenField ?? Vr, o = wt(t);
+function dt(e, t) {
+  return {
+    ...Zt(t),
+    ...e ?? {}
+  };
+}
+function Zt(e = {}) {
+  const t = e.storage ?? "sessionStorage", n = e.storageKey ?? ct, r = e.tokenField ?? po, o = ut(t);
   if (!o) return {};
   const i = o.getItem(n);
   if (!i) return {};
-  const a = Dr(i, r);
+  const a = yo(i, r);
   return a ? { Authorization: `Bearer ${a}` } : {};
 }
-async function Ze(e = {}) {
-  return e.getHeaders ? await e.getHeaders() ?? {} : qt(e.authStorage);
+async function pt(e = {}) {
+  return e.getHeaders ? await e.getHeaders() ?? {} : Zt(e.authStorage);
 }
-function Kr(e = {}) {
+function bo(e = {}) {
   const t = (e.baseUrl ?? "/api/v1").replace(/\/$/, ""), n = e.detailPath ?? "/dev/form/detail", r = e.fetch ?? fetch;
   async function o(i) {
     const a = new URLSearchParams();
@@ -1496,21 +1654,21 @@ function Kr(e = {}) {
       a.set("form_unique_id", i.formUniqueId);
     else
       throw new Error("form_id 或 form_unique_id 至少传一个");
-    const s = await Ze(e), l = await r(`${t}${n}?${a.toString()}`, {
+    const s = await pt(e), l = await r(`${t}${n}?${a.toString()}`, {
       method: "GET",
       headers: s
-    }), u = await Qe(l), d = Fr(u.form_definition);
+    }), u = await lt(l), m = eo(u.form_definition);
     return {
       formUniqueId: u.form_unique_id,
       formId: u.form_id,
       disabled: u.disabled === 1,
-      formDefinition: d,
-      a2ui: Nr(u.form_definition) ?? void 0
+      formDefinition: m,
+      a2ui: Xr(u.form_definition) ?? void 0
     };
   }
   return { fetchDetail: o };
 }
-function Gr(e) {
+function ko(e) {
   if (!e || typeof e != "object" || Array.isArray(e))
     return e ?? null;
   const t = e;
@@ -1520,13 +1678,13 @@ function Gr(e) {
     blocks: t.blocks
   } : e;
 }
-function et({
+function ft({
   context: e,
   payload: t,
   form: n,
   answer: r
 }) {
-  const o = Ae(t) ?? t, i = n ? Gr(n) : o;
+  const o = Ee(t) ?? t, i = n ? ko(n) : o;
   return {
     mission_id: e.missionId ?? null,
     tenant_id: e.tenantId ?? null,
@@ -1539,7 +1697,7 @@ function et({
     answer: r
   };
 }
-function Ot(e) {
+function en(e) {
   const t = e.callback_url;
   if (typeof t != "string" || !t.trim())
     return "callback_url 为空，无法提交";
@@ -1554,21 +1712,34 @@ function Ot(e) {
   const o = e.mission_id;
   return o == null || o === "" ? "mission_id 缺失，无法提交" : null;
 }
-function Wo(e) {
-  return Ot(
-    et({
+function Ei(e) {
+  return en(
+    ft({
       context: e,
       payload: {},
       answer: {}
     })
   );
 }
-function jt(e) {
+const Nt = "answer_agent_callback_url 未配置，无法提交";
+function Ao(e) {
+  if ((e == null ? void 0 : e.answerAgentCallbackUrl) != null) {
+    const n = e.answerAgentCallbackUrl.trim();
+    if (!n)
+      throw new Error(Nt);
+    return n;
+  }
+  const t = vo(e == null ? void 0 : e.authStorage).trim();
+  if (!t)
+    throw new Error(Nt);
+  return t;
+}
+function tn(e) {
   if (!e || typeof e != "object" || Array.isArray(e)) return null;
   const n = e.data;
   return !n || typeof n != "object" || Array.isArray(n) ? null : n;
 }
-function Jr(e, t) {
+function Co(e, t) {
   if (t && typeof t == "object" && t !== null && "message" in t) {
     const n = t.message;
     if (typeof n == "string" && n.trim())
@@ -1576,31 +1747,27 @@ function Jr(e, t) {
   }
   return typeof t == "string" && t.trim() ? `提交失败 (${e}): ${t.trim()}` : `提交失败 (${e})`;
 }
-function Yr(e) {
+function _o(e) {
   return `提交失败：${typeof e.error == "string" && e.error.trim() ? e.error.trim() : `回调 HTTP ${e.callback_status ?? "失败"}`}`;
 }
-function Lt(e) {
-  const t = jt(e.body);
-  return (t == null ? void 0 : t.callback_ok) === !1 ? { type: "error", message: Yr(t) } : e.ok ? { type: "success", message: "提交成功" } : {
+function nn(e) {
+  const t = tn(e.body);
+  return (t == null ? void 0 : t.callback_ok) === !1 ? { type: "error", message: _o(t) } : e.ok ? { type: "success", message: "提交成功" } : {
     type: "error",
-    message: Jr(e.status, e.body)
+    message: Co(e.status, e.body)
   };
 }
-async function Vt(e, t) {
-  var s;
-  const n = Ot(e);
+async function rn(e, t) {
+  const n = en(e);
   if (n)
     throw new Error(n);
-  const r = (((s = t == null ? void 0 : t.answerAgentCallbackUrl) == null ? void 0 : s.trim()) || Hr(t == null ? void 0 : t.authStorage) || te).trim(), o = qt(t == null ? void 0 : t.authStorage), i = await zt(r, e, {
+  const r = Ao(t), o = await Xt(r, e, {
     ...t,
-    headers: {
-      ...o,
-      ...(t == null ? void 0 : t.headers) ?? {}
-    }
-  }), a = jt(i.body);
-  return i.ok && (a == null ? void 0 : a.callback_ok) === !1 ? { ok: !1, status: i.status, body: i.body } : i;
+    headers: dt(t == null ? void 0 : t.headers, t == null ? void 0 : t.authStorage)
+  }), i = tn(o.body);
+  return o.ok && (i == null ? void 0 : i.callback_ok) === !1 ? { ok: !1, status: o.status, body: o.body } : o;
 }
-function Wr(e) {
+function xo(e) {
   return {
     resumeUniqueId: e.resume_unique_id,
     resumeId: e.resume_id,
@@ -1621,7 +1788,7 @@ function Wr(e) {
     }))
   };
 }
-function Xr(e, t) {
+function To(e, t) {
   const n = new URLSearchParams();
   n.set("page", String(t)), n.set("page_size", String(e.pageSize ?? 20));
   for (const r of e.names ?? [])
@@ -1632,27 +1799,27 @@ function Xr(e, t) {
     r && n.append("resume_unique_id", r);
   return n;
 }
-function Qr(e = {}) {
+function Io(e = {}) {
   const t = (e.baseUrl ?? "/api/v1").replace(/\/$/, ""), n = e.searchPath ?? "/univ/resume/search", r = e.fetch ?? fetch;
   return async ({ filter: o, page: i }) => {
-    const a = await Ze(e), s = Xr(o, i), l = await r(`${t}${n}?${s.toString()}`, {
+    const a = await pt(e), s = To(o, i), l = await r(`${t}${n}?${s.toString()}`, {
       method: "GET",
       headers: a
-    }), u = await Qe(l);
+    }), u = await lt(l);
     return {
-      list: (u.list ?? []).map(Wr),
+      list: (u.list ?? []).map(xo),
       total: u.total ?? 0,
       page: u.page ?? i,
       pageSize: u.page_size ?? o.pageSize ?? 20
     };
   };
 }
-function Zr(e) {
+function No(e) {
   var r, o, i, a;
   const t = !!((r = e.flowUniqueIds) != null && r.length), n = !!((o = e.agentUniqueId) != null && o.trim() && ((i = e.flowType) != null && i.trim()) && ((a = e.category) != null && a.trim()));
   return t || n;
 }
-function eo(e) {
+function Mo(e) {
   return {
     caseUniqueId: e.case_unique_id,
     caseId: e.case_id,
@@ -1663,7 +1830,7 @@ function eo(e) {
     description: e.description ?? void 0
   };
 }
-function to(e, t, n) {
+function Fo(e, t, n) {
   var o, i, a;
   const r = new URLSearchParams();
   r.set("page", String(t)), r.set("page_size", String(e.pageSize ?? 20)), r.set("published", String(n)), (o = e.agentUniqueId) != null && o.trim() && r.set("agent_unique_id", e.agentUniqueId.trim()), (i = e.flowType) != null && i.trim() && r.set("flow_type", e.flowType.trim()), (a = e.category) != null && a.trim() && r.set("category_unique_id", e.category.trim());
@@ -1671,24 +1838,24 @@ function to(e, t, n) {
     s && r.append("flow_unique_ids", s);
   return r;
 }
-function no(e = {}) {
+function Uo(e = {}) {
   const t = (e.baseUrl ?? "/api/v1").replace(/\/$/, ""), n = e.listPath ?? "/univ/case/list", r = e.fetch ?? fetch, o = e.published ?? 1;
   return async ({ filter: i, page: a }) => {
-    if (!Zr(i))
+    if (!No(i))
       return { list: [], total: 0, page: 1, pageSize: i.pageSize ?? 20 };
-    const s = await Ze(e), l = to(i, a, o), u = await r(`${t}${n}?${l.toString()}`, {
+    const s = await pt(e), l = Fo(i, a, o), u = await r(`${t}${n}?${l.toString()}`, {
       method: "GET",
       headers: s
-    }), d = await Qe(u);
+    }), m = await lt(u);
     return {
-      list: (d.list ?? []).map(eo),
-      total: d.total ?? 0,
-      page: d.page ?? a,
-      pageSize: d.page_size ?? i.pageSize ?? 20
+      list: (m.list ?? []).map(Mo),
+      total: m.total ?? 0,
+      page: m.page ?? a,
+      pageSize: m.page_size ?? i.pageSize ?? 20
     };
   };
 }
-function Xo(e = {}) {
+function Pi(e = {}) {
   var r, o, i, a;
   const t = {
     baseUrl: e.baseUrl,
@@ -1697,22 +1864,22 @@ function Xo(e = {}) {
     authStorage: e.authStorage
   };
   return {
-    fetchDetail: Kr({
+    fetchDetail: bo({
       ...t,
       detailPath: (r = e.form) == null ? void 0 : r.detailPath
     }).fetchDetail,
-    resumeSearch: Qr({
+    resumeSearch: Io({
       ...t,
       searchPath: (o = e.resume) == null ? void 0 : o.searchPath
     }),
-    caseSearch: no({
+    caseSearch: Uo({
       ...t,
       listPath: (i = e.case) == null ? void 0 : i.listPath,
       published: (a = e.case) == null ? void 0 : a.published
     })
   };
 }
-function $t(e, t) {
+function on(e, t) {
   if (!t.trim()) return !0;
   try {
     return new RegExp(t).test(e);
@@ -1720,44 +1887,44 @@ function $t(e, t) {
     return !0;
   }
 }
-function Dt(e) {
+function an(e) {
   return e == null ? !0 : typeof e == "string" ? !e.trim() : !1;
 }
-function ro(e, t) {
+function Eo(e, t) {
   switch (e.type) {
     case "multiselect":
     case "checkbox":
     case "file":
     case "resume_multiselect":
     case "case_multiselect":
-      return O(t).length === 0;
+      return G(t).length === 0;
     case "toggle":
-      return !ce(t);
+      return !fe(t);
     case "number":
       return t == null || t === "";
     default:
-      return Dt(t);
+      return an(t);
   }
 }
-function we(e, t) {
+function Ge(e, t) {
   return e.required === !0 || t > 0;
 }
-function oo(e, t) {
+function Po(e, t) {
   var n, r;
   for (const o of e) {
     const i = (n = o.name) == null ? void 0 : n.trim();
-    if (!i || ke(o.type) || ge(o.type)) continue;
+    if (!i || Fe(o.type) || Ce(o.type)) continue;
     const a = t[i], s = ((r = o.label) == null ? void 0 : r.trim()) || i;
-    if (o.required && ro(o, a))
+    if (o.required && Eo(o, a))
       return { fieldName: i, label: s, message: `请填写「${s}」` };
-    if (o.type === "email" && !Dt(a)) {
+    if (o.type === "email" && !an(a)) {
       const l = String(a).trim();
-      if (!$t(l, We))
+      if (!on(l, it))
         return { fieldName: i, label: s, message: `「${s}」格式不正确` };
     }
     if (o.type === "file") {
-      const l = o.fileMinCount ?? 0, u = O(a).length;
-      if (l > 0 && u < l && we(o, u))
+      const l = o.fileMinCount ?? 0, u = G(a).length;
+      if (l > 0 && u < l && Ge(o, u))
         return {
           fieldName: i,
           label: s,
@@ -1765,8 +1932,8 @@ function oo(e, t) {
         };
     }
     if (o.type === "resume_multiselect") {
-      const l = o.resumeMinCount, u = O(a).length;
-      if (l !== void 0 && u < l && we(o, u))
+      const l = o.resumeMinCount, u = G(a).length;
+      if (l !== void 0 && u < l && Ge(o, u))
         return {
           fieldName: i,
           label: s,
@@ -1774,8 +1941,8 @@ function oo(e, t) {
         };
     }
     if (o.type === "case_multiselect") {
-      const l = o.caseMinCount, u = O(a).length;
-      if (l !== void 0 && u < l && we(o, u))
+      const l = o.caseMinCount, u = G(a).length;
+      if (l !== void 0 && u < l && Ge(o, u))
         return {
           fieldName: i,
           label: s,
@@ -1785,20 +1952,20 @@ function oo(e, t) {
   }
   return null;
 }
-const io = {
-  video: pn,
-  audio: dn,
-  image: mn,
-  file: ht,
-  spreadsheet: un,
-  document: ft
+const wo = {
+  video: En,
+  audio: Un,
+  image: Fn,
+  file: Ut,
+  spreadsheet: Mn,
+  document: Ft
 };
-function ao({
+function Ro({
   type: e,
   size: t = 40,
   className: n
 }) {
-  const r = io[e] ?? ht;
+  const r = wo[e] ?? Ut;
   return /* @__PURE__ */ c(
     r,
     {
@@ -1808,7 +1975,7 @@ function ao({
     }
   );
 }
-const Ht = "skopon-form-v0_9", so = /* @__PURE__ */ new Set([
+const sn = "skopon-form-v0_9", zo = /* @__PURE__ */ new Set([
   "SkoponMedia",
   "SkoponSelect",
   "Image",
@@ -1820,24 +1987,24 @@ const Ht = "skopon-form-v0_9", so = /* @__PURE__ */ new Set([
   "FileUpload",
   "TextField",
   "Text",
-  ...yr()
-]), lo = /* @__PURE__ */ new Set(["h1", "h2", "h3", "h4", "h5", "caption"]);
-function ue(e) {
-  const t = [...he.components.values()].find((n) => n.name === e);
+  ...Lr()
+]), Bo = /* @__PURE__ */ new Set(["h1", "h2", "h3", "h4", "h5", "caption"]);
+function he(e) {
+  const t = [...Ae.components.values()].find((n) => n.name === e);
   if (!t) throw new Error(`Missing basic catalog component: ${e}`);
   return t.schema;
 }
-function I(e) {
+function M(e) {
   return typeof e == "string" ? e : "";
 }
-function Kt(e) {
+function ln(e) {
   return Array.isArray(e) ? e.map((t) => {
     if (!t || typeof t != "object") return null;
     const n = t, r = String(n.value ?? n.label ?? ""), o = String(n.label ?? n.value ?? "");
     return { value: r, label: o };
   }).filter((t) => !!t) : [];
 }
-function xe({
+function Pe({
   mediaType: e,
   urls: t,
   mediaSize: n,
@@ -1845,49 +2012,49 @@ function xe({
   help: o,
   placeholder: i
 }) {
-  const a = r == null ? void 0 : r.trim(), s = o == null ? void 0 : o.trim(), l = wn(n), u = (i == null ? void 0 : i.trim()) || (e === "image" ? "未设置图片 URL" : e === "video" ? "未设置视频 URL" : "未设置音频 URL");
-  return /* @__PURE__ */ _("div", { className: "form-block-preview", children: [
+  const a = r == null ? void 0 : r.trim(), s = o == null ? void 0 : o.trim(), l = tr(n), u = (i == null ? void 0 : i.trim()) || (e === "image" ? "未设置图片 URL" : e === "video" ? "未设置视频 URL" : "未设置音频 URL");
+  return /* @__PURE__ */ N("div", { className: "form-block-preview", children: [
     a ? /* @__PURE__ */ c("div", { className: "form-block-preview-label", children: a }) : null,
-    t.length === 0 ? /* @__PURE__ */ c("div", { className: "form-media-preview form-media-preview--empty", children: u }) : /* @__PURE__ */ c("div", { className: l, children: t.map((d, m) => e === "image" ? /* @__PURE__ */ c(
+    t.length === 0 ? /* @__PURE__ */ c("div", { className: "form-media-preview form-media-preview--empty", children: u }) : /* @__PURE__ */ c("div", { className: l, children: t.map((m, d) => e === "image" ? /* @__PURE__ */ c(
       "img",
       {
-        src: d,
+        src: m,
         alt: a || "图片",
         className: "form-media-item"
       },
-      `media-${m}`
+      `media-${d}`
     ) : e === "video" ? /* @__PURE__ */ c(
       "video",
       {
-        src: d,
+        src: m,
         controls: !0,
         className: "form-media-item"
       },
-      `media-${m}`
+      `media-${d}`
     ) : /* @__PURE__ */ c(
       "audio",
       {
-        src: d,
+        src: m,
         controls: !0,
         className: "form-media-item form-media-item--audio"
       },
-      `media-${m}`
+      `media-${d}`
     )) }),
-    s ? /* @__PURE__ */ c(V.Text, { type: "secondary", className: "form-block-preview-help", children: s }) : null
+    s ? /* @__PURE__ */ c(X.Text, { type: "secondary", className: "form-block-preview-help", children: s }) : null
   ] });
 }
-function Te(e, t) {
-  const n = Array.isArray(e.urls) ? e.urls.map((r) => String(r).trim()).filter(Boolean) : I(e.url).trim() ? [I(e.url).trim()] : [];
+function we(e, t) {
+  const n = Array.isArray(e.urls) ? e.urls.map((r) => String(r).trim()).filter(Boolean) : M(e.url).trim() ? [M(e.url).trim()] : [];
   return {
     mediaType: t,
     urls: n,
-    mediaSize: le(e.mediaSize),
-    label: I(e.label) || I(e.description),
-    help: I(e.help),
-    placeholder: I(e.placeholder)
+    mediaSize: pe(e.mediaSize),
+    label: M(e.label) || M(e.description),
+    help: M(e.help),
+    placeholder: M(e.placeholder)
   };
 }
-const co = {
+const qo = {
   name: "SkoponMedia",
   schema: f.object({
     mediaType: f.any().optional(),
@@ -1897,19 +2064,19 @@ const co = {
     help: f.any().optional(),
     placeholder: f.any().optional()
   }).passthrough()
-}, uo = j(co, ({ context: e }) => {
-  const t = e.componentModel.properties, n = I(t.mediaType);
-  return /* @__PURE__ */ c(xe, { ...Te(t, n === "video" ? "video" : n === "audio" ? "audio" : "image") });
-}), mo = j(
-  { name: "Image", schema: ue("Image") },
-  ({ context: e }) => /* @__PURE__ */ c(xe, { ...Te(e.componentModel.properties, "image") })
-), po = j(
-  { name: "Video", schema: ue("Video") },
-  ({ context: e }) => /* @__PURE__ */ c(xe, { ...Te(e.componentModel.properties, "video") })
-), fo = j(
-  { name: "AudioPlayer", schema: ue("AudioPlayer") },
-  ({ context: e }) => /* @__PURE__ */ c(xe, { ...Te(e.componentModel.properties, "audio") })
-), ho = {
+}, Oo = J(qo, ({ context: e }) => {
+  const t = e.componentModel.properties, n = M(t.mediaType);
+  return /* @__PURE__ */ c(Pe, { ...we(t, n === "video" ? "video" : n === "audio" ? "audio" : "image") });
+}), Vo = J(
+  { name: "Image", schema: he("Image") },
+  ({ context: e }) => /* @__PURE__ */ c(Pe, { ...we(e.componentModel.properties, "image") })
+), Lo = J(
+  { name: "Video", schema: he("Video") },
+  ({ context: e }) => /* @__PURE__ */ c(Pe, { ...we(e.componentModel.properties, "video") })
+), jo = J(
+  { name: "AudioPlayer", schema: he("AudioPlayer") },
+  ({ context: e }) => /* @__PURE__ */ c(Pe, { ...we(e.componentModel.properties, "audio") })
+), $o = {
   name: "SkoponSelect",
   schema: f.object({
     label: f.any().optional(),
@@ -1919,87 +2086,93 @@ const co = {
     value: f.any().optional()
   }).passthrough()
 };
-function go({ context: e }) {
-  const { interactive: t } = H(), { value: n, setValue: r } = K(e), o = e.componentModel.properties, i = I(o.label), a = I(o.placeholder), s = Kt(o.options), l = I(o.mode) === "multiple";
-  return R(() => {
-    const u = At(n, l);
-    u !== null && r(u);
-  }, [l, n, r]), /* @__PURE__ */ _("div", { className: "form-block-preview", children: [
-    i ? /* @__PURE__ */ c("div", { className: "form-block-preview-label", children: i }) : null,
+function Do({ context: e }) {
+  const { interactive: t } = ee(), { value: n, setValue: r, setValueSilent: o, fieldName: i } = te(e, "value", {
+    component: "SkoponSelect",
+    changeAction: "select"
+  }), a = e.componentModel.properties, s = M(a.label), l = M(a.placeholder), u = ln(a.options), m = M(a.mode) === "multiple";
+  return w(() => {
+    const d = Lt(n, m);
+    d !== null && o(d);
+  }, [m, n, o]), /* @__PURE__ */ N("div", { className: "form-block-preview", "data-skopon-field": i || void 0, children: [
+    s ? /* @__PURE__ */ c("div", { className: "form-block-preview-label", children: s }) : null,
     /* @__PURE__ */ c(
-      Be,
+      Je,
       {
-        mode: l ? "multiple" : void 0,
+        mode: m ? "multiple" : void 0,
         disabled: !t,
         allowClear: !0,
         className: "form-block-preview-control",
         style: { width: "100%" },
-        placeholder: a || (l ? "请选择多项" : "请选择"),
-        options: s,
-        value: l ? O(n) : ie(n),
-        onChange: (u) => r(l ? u ?? [] : u ?? "")
+        placeholder: l || (m ? "请选择多项" : "请选择"),
+        options: u,
+        value: m ? G(n) : ce(n),
+        onChange: (d) => r(m ? d ?? [] : d ?? "")
       }
     )
   ] });
 }
-const yo = j(
-  ho,
-  go
+const Ho = J(
+  $o,
+  Do
 );
-function vo({ context: e }) {
-  const { interactive: t } = H(), { value: n, setValue: r } = K(e), o = e.componentModel.properties, i = I(o.label), a = I(o.variant) || "mutuallyExclusive", s = I(o.skoponPickerType), l = I(o.placeholder), u = Kt(o.options), m = s === "select" || s === "multiselect" || s === "radio" || s === "checkbox" ? s : a === "multipleSelection" ? "checkbox" : "radio", S = m === "multiselect" || m === "checkbox";
-  return R(() => {
-    const h = At(n, S);
-    h !== null && r(h);
-  }, [S, n, r]), /* @__PURE__ */ _("div", { className: "form-block-preview", children: [
-    i ? /* @__PURE__ */ c("div", { className: "form-block-preview-label", children: i }) : null,
-    m === "select" ? /* @__PURE__ */ c(
-      Be,
+function Ko({ context: e }) {
+  const { interactive: t } = ee(), { value: n, setValue: r, setValueSilent: o, fieldName: i } = te(e, "value", {
+    component: "ChoicePicker",
+    changeAction: "select"
+  }), a = e.componentModel.properties, s = M(a.label), l = M(a.variant) || "mutuallyExclusive", u = M(a.skoponPickerType), m = M(a.placeholder), d = ln(a.options), g = u === "select" || u === "multiselect" || u === "radio" || u === "checkbox" ? u : l === "multipleSelection" ? "checkbox" : "radio", k = g === "multiselect" || g === "checkbox";
+  return w(() => {
+    const v = Lt(n, k);
+    v !== null && o(v);
+  }, [k, n, o]), /* @__PURE__ */ N("div", { className: "form-block-preview", "data-skopon-field": i || void 0, children: [
+    s ? /* @__PURE__ */ c("div", { className: "form-block-preview-label", children: s }) : null,
+    g === "select" ? /* @__PURE__ */ c(
+      Je,
       {
         disabled: !t,
         allowClear: !0,
         className: "form-block-preview-control",
         style: { width: "100%" },
-        placeholder: l || "请选择",
-        options: u,
-        value: ie(n),
-        onChange: (h) => r(h ?? "")
+        placeholder: m || "请选择",
+        options: d,
+        value: ce(n),
+        onChange: (v) => r(v ?? "")
       }
-    ) : m === "multiselect" ? /* @__PURE__ */ c(
-      Be,
+    ) : g === "multiselect" ? /* @__PURE__ */ c(
+      Je,
       {
         mode: "multiple",
         disabled: !t,
         allowClear: !0,
         className: "form-block-preview-control",
         style: { width: "100%" },
-        placeholder: l || "请选择多项",
-        options: u,
-        value: O(n),
-        onChange: (h) => r(h ?? [])
+        placeholder: m || "请选择多项",
+        options: d,
+        value: G(n),
+        onChange: (v) => r(v ?? [])
       }
-    ) : m === "checkbox" ? /* @__PURE__ */ c(
-      en.Group,
+    ) : g === "checkbox" ? /* @__PURE__ */ c(
+      bn.Group,
       {
         disabled: !t,
         className: "form-block-preview-control",
-        options: u,
-        value: O(n),
-        onChange: (h) => r(h)
+        options: d,
+        value: G(n),
+        onChange: (v) => r(v)
       }
     ) : /* @__PURE__ */ c(
-      tn.Group,
+      kn.Group,
       {
         disabled: !t,
         className: "form-block-preview-control",
-        options: u,
-        value: ie(n),
-        onChange: (h) => r(h.target.value)
+        options: d,
+        value: ce(n),
+        onChange: (v) => r(v.target.value)
       }
     )
   ] });
 }
-const bo = j(
+const Go = J(
   {
     name: "ChoicePicker",
     schema: f.object({
@@ -2011,80 +2184,88 @@ const bo = j(
       placeholder: f.any().optional()
     }).passthrough()
   },
-  vo
+  Ko
 );
-function So({ context: e }) {
-  const { interactive: t } = H(), { value: n, setValue: r } = K(e), o = e.componentModel.properties, i = I(o.label);
-  return /* @__PURE__ */ _("div", { className: "form-block-preview", children: [
-    i ? /* @__PURE__ */ c("div", { className: "form-block-preview-label", children: i }) : null,
+function Jo({ context: e }) {
+  const { interactive: t } = ee(), { value: n, setValue: r, fieldName: o } = te(e, "value", {
+    component: "CheckBox",
+    changeAction: "change"
+  }), i = e.componentModel.properties, a = M(i.label);
+  return /* @__PURE__ */ N("div", { className: "form-block-preview", "data-skopon-field": o || void 0, children: [
+    a ? /* @__PURE__ */ c("div", { className: "form-block-preview-label", children: a }) : null,
     /* @__PURE__ */ c(
-      nn,
+      An,
       {
         disabled: !t,
         className: "form-block-preview-control",
-        checked: ce(n),
-        onChange: (a) => r(a)
+        checked: fe(n),
+        onChange: (s) => r(s)
       }
     )
   ] });
 }
-const ko = j(
-  { name: "CheckBox", schema: ue("CheckBox") },
-  So
+const Wo = J(
+  { name: "CheckBox", schema: he("CheckBox") },
+  Jo
 );
-function Co(e, t, n) {
-  const r = ie(e);
+function Yo(e, t, n) {
+  const r = ce(e);
   if (!r) return;
   if (!t && n) {
-    const i = st(r, "HH:mm", !0);
+    const i = At(r, "HH:mm", !0);
     return i.isValid() ? i : void 0;
   }
-  const o = st(r);
+  const o = At(r);
   return o.isValid() ? o : void 0;
 }
-function Ao({ context: e }) {
-  const { interactive: t } = H(), { value: n, setValue: r } = K(e), o = e.componentModel.properties, i = I(o.label), a = I(o.placeholder), s = o.enableDate === !0, l = o.enableTime === !0, u = Co(n, s, l), d = (m) => {
-    if (!m) {
+function Qo({ context: e }) {
+  const { interactive: t } = ee(), { value: n, setValue: r, fieldName: o, reportFocus: i } = te(e, "value", {
+    component: "DateTimeInput",
+    changeAction: "change"
+  }), a = e.componentModel.properties, s = M(a.label), l = M(a.placeholder), u = a.enableDate === !0, m = a.enableTime === !0, d = Yo(n, u, m), y = (g) => {
+    if (!g) {
       r("");
       return;
     }
-    if (!s && l) {
-      r(m.format("HH:mm"));
+    if (!u && m) {
+      r(g.format("HH:mm"));
       return;
     }
-    if (s && l) {
-      r(m.format("YYYY-MM-DDTHH:mm"));
+    if (u && m) {
+      r(g.format("YYYY-MM-DDTHH:mm"));
       return;
     }
-    r(m.format("YYYY-MM-DD"));
+    r(g.format("YYYY-MM-DD"));
   };
-  return /* @__PURE__ */ _("div", { className: "form-block-preview", children: [
-    i ? /* @__PURE__ */ c("div", { className: "form-block-preview-label", children: i }) : null,
-    !s && l ? /* @__PURE__ */ c(
-      rn,
+  return /* @__PURE__ */ N("div", { className: "form-block-preview", "data-skopon-field": o || void 0, children: [
+    s ? /* @__PURE__ */ c("div", { className: "form-block-preview-label", children: s }) : null,
+    !u && m ? /* @__PURE__ */ c(
+      Cn,
       {
         disabled: !t,
         className: "form-block-preview-control",
         style: { width: "100%" },
-        placeholder: a || "选择时间",
-        value: u,
-        onChange: d
+        placeholder: l || "选择时间",
+        value: d,
+        onChange: y,
+        onFocus: i
       }
     ) : /* @__PURE__ */ c(
-      on,
+      _n,
       {
-        showTime: s && l,
+        showTime: u && m,
         disabled: !t,
         className: "form-block-preview-control",
         style: { width: "100%" },
-        placeholder: a || (s && l ? "选择日期时间" : "选择日期"),
-        value: u,
-        onChange: d
+        placeholder: l || (u && m ? "选择日期时间" : "选择日期"),
+        value: d,
+        onChange: y,
+        onFocus: i
       }
     )
   ] });
 }
-const xo = j(
+const Xo = J(
   {
     name: "DateTimeInput",
     schema: f.object({
@@ -2097,8 +2278,8 @@ const xo = j(
       max: f.any().optional()
     }).passthrough()
   },
-  Ao
-), To = {
+  Qo
+), Zo = {
   name: "FileUpload",
   schema: f.object({
     label: f.any().optional(),
@@ -2110,130 +2291,141 @@ const xo = j(
     value: f.any().optional()
   }).passthrough()
 };
-function _o({ context: e }) {
-  const { interactive: t } = H(), { value: n, setValue: r } = K(e), o = e.componentModel.properties, i = I(o.label), a = I(o.accept), s = Array.isArray(o.fileAcceptTypes) ? o.fileAcceptTypes.map(String) : void 0, l = a ? a.split(",").map((p) => p.trim()).filter(Boolean) : void 0, u = Mn(s, l), d = typeof o.filePlaceholderIcon == "string" && ["video", "audio", "image", "file", "spreadsheet", "document"].includes(
-    o.filePlaceholderIcon
-  ) ? o.filePlaceholderIcon : "document", m = typeof o.minCount == "number" ? Math.max(0, o.minCount) : 0, S = typeof o.maxCount == "number" ? o.maxCount : 1, h = S > 0, A = O(n), N = h && A.length >= S, b = A.length < m;
-  return /* @__PURE__ */ _("div", { className: "form-block-preview", children: [
-    i ? /* @__PURE__ */ c("div", { className: "form-block-preview-label", children: i }) : null,
-    /* @__PURE__ */ _(
-      Ie.Dragger,
+function ei({ context: e }) {
+  const { interactive: t } = ee(), { value: n, setValue: r, fieldName: o } = te(e, "value", {
+    component: "FileUpload",
+    changeAction: "change"
+  }), i = e.componentModel.properties, a = M(i.label), s = M(i.accept), l = Array.isArray(i.fileAcceptTypes) ? i.fileAcceptTypes.map(String) : void 0, u = s ? s.split(",").map((p) => p.trim()).filter(Boolean) : void 0, m = Jn(l, u), d = typeof i.filePlaceholderIcon == "string" && ["video", "audio", "image", "file", "spreadsheet", "document"].includes(
+    i.filePlaceholderIcon
+  ) ? i.filePlaceholderIcon : "document", y = typeof i.minCount == "number" ? Math.max(0, i.minCount) : 0, g = typeof i.maxCount == "number" ? i.maxCount : 1, k = g > 0, v = G(n), C = k && v.length >= g, h = v.length < y;
+  return /* @__PURE__ */ N("div", { className: "form-block-preview", "data-skopon-field": o || void 0, children: [
+    a ? /* @__PURE__ */ c("div", { className: "form-block-preview-label", children: a }) : null,
+    /* @__PURE__ */ N(
+      qe.Dragger,
       {
-        disabled: !t || N,
-        accept: Nn(s, l),
+        disabled: !t || C,
+        accept: Gn(l, u),
         className: "form-file-upload-preview",
-        showUploadList: t && A.length > 0,
-        fileList: t ? A.map((p, v) => ({
-          uid: `${v}-${p}`,
+        showUploadList: t && v.length > 0,
+        fileList: t ? v.map((p, S) => ({
+          uid: `${S}-${p}`,
           name: p,
           status: "done"
         })) : [],
         beforeUpload: (p) => {
-          if (!t) return Ie.LIST_IGNORE;
-          const v = O(ut(e));
-          if (h && v.length >= S) return Ie.LIST_IGNORE;
-          const g = h ? [...v, p.name].slice(0, S) : [...v, p.name];
-          return r(g), !1;
+          if (!t) return qe.LIST_IGNORE;
+          const S = G(xt(e));
+          if (k && S.length >= g) return qe.LIST_IGNORE;
+          const A = k ? [...S, p.name].slice(0, g) : [...S, p.name];
+          return r(A), !1;
         },
         onRemove: (p) => {
-          const v = O(ut(e)), g = /^(\d+)-/.exec(p.uid ?? ""), C = g ? Number(g[1]) : -1, U = C >= 0 && C < v.length ? v.filter((k, x) => x !== C) : v.filter((k) => k !== p.name);
-          if (U.length < m) return !1;
-          r(U);
+          const S = G(xt(e)), A = /^(\d+)-/.exec(p.uid ?? ""), x = A ? Number(A[1]) : -1, _ = x >= 0 && x < S.length ? S.filter((z, T) => T !== x) : S.filter((z) => z !== p.name);
+          if (_.length < y) return !1;
+          r(_);
         },
         children: [
-          /* @__PURE__ */ c("p", { className: "form-file-upload-preview-icon", children: /* @__PURE__ */ c(ao, { type: d, size: 40 }) }),
+          /* @__PURE__ */ c("p", { className: "form-file-upload-preview-icon", children: /* @__PURE__ */ c(Ro, { type: d, size: 40 }) }),
           /* @__PURE__ */ c("p", { className: "form-file-upload-preview-text", children: "点击或拖拽文件到此处上传" })
         ]
       }
     ),
-    /* @__PURE__ */ _(V.Text, { type: "secondary", className: "form-block-preview-help", children: [
+    /* @__PURE__ */ N(X.Text, { type: "secondary", className: "form-block-preview-help", children: [
       "允许：",
-      u ?? "全部类型",
-      m > 0 ? `；至少 ${m} 个文件` : "",
-      h ? `；最多 ${S} 个文件` : "",
+      m ?? "全部类型",
+      y > 0 ? `；至少 ${y} 个文件` : "",
+      k ? `；最多 ${g} 个文件` : "",
       "；当前仅收集文件名（不含文件内容，需宿主另行上传）",
-      b && t ? `（当前 ${A.length} 个，未达下限）` : ""
+      h && t ? `（当前 ${v.length} 个，未达下限）` : ""
     ] })
   ] });
 }
-const Io = j(
-  To,
-  _o
+const ti = J(
+  Zo,
+  ei
 );
-function No({ context: e }) {
-  const { interactive: t } = H(), { value: n, setValue: r } = K(e), o = e.componentModel.properties, i = I(o.label), a = I(o.placeholder), s = I(o.variant) || "shortText", l = I(o.validationRegexp), u = ie(n) ?? "", d = !t, [m, S] = F(""), h = (b) => {
-    if (!l || !b.trim()) {
-      S("");
+function ni({ context: e }) {
+  const { interactive: t } = ee(), { value: n, setValue: r, fieldName: o, reportFocus: i } = te(e, "value", {
+    component: "TextField",
+    changeAction: "change",
+    debounceChange: !0
+  }), a = e.componentModel.properties, s = M(a.label), l = M(a.placeholder), u = M(a.variant) || "shortText", m = M(a.validationRegexp), d = ce(n) ?? "", y = !t, [g, k] = E(""), v = (p) => {
+    if (!m || !p.trim()) {
+      k("");
       return;
     }
-    S($t(b, l) ? "" : "格式不正确");
+    k(on(p, m) ? "" : "格式不正确");
   };
-  R(() => {
-    h(u);
-  }, [l, u]);
-  const A = "form-block-preview-control";
-  let N;
-  if (s === "longText")
-    N = /* @__PURE__ */ c(
-      Ne.TextArea,
+  w(() => {
+    v(d);
+  }, [m, d]);
+  const C = "form-block-preview-control";
+  let h;
+  if (u === "longText")
+    h = /* @__PURE__ */ c(
+      Oe.TextArea,
       {
-        disabled: d,
-        className: A,
-        placeholder: a || "长文本回答...",
+        disabled: y,
+        className: C,
+        placeholder: l || "长文本回答...",
         autoSize: { minRows: 2, maxRows: 6 },
-        value: u,
-        status: m ? "error" : void 0,
-        onChange: (b) => {
-          const p = b.target.value;
-          r(p), h(p);
+        value: d,
+        status: g ? "error" : void 0,
+        onChange: (p) => {
+          const S = p.target.value;
+          r(S), v(S);
         },
-        onBlur: (b) => h(b.target.value)
+        onFocus: i,
+        onBlur: (p) => v(p.target.value)
       }
     );
-  else if (s === "number") {
-    const b = u && Number.isFinite(Number(u)) ? Number(u) : void 0;
-    N = /* @__PURE__ */ c(
-      an,
+  else if (u === "number") {
+    const p = d && Number.isFinite(Number(d)) ? Number(d) : void 0;
+    h = /* @__PURE__ */ c(
+      xn,
       {
-        disabled: d,
-        className: A,
+        disabled: y,
+        className: C,
         style: { width: "100%" },
-        placeholder: a || "数字",
-        value: b,
-        onChange: (p) => r(p == null ? "" : String(p))
+        placeholder: l || "数字",
+        value: p,
+        onChange: (S) => r(S == null ? "" : String(S)),
+        onFocus: i
       }
     );
-  } else s === "obscured" ? N = /* @__PURE__ */ c(
-    Ne.Password,
+  } else u === "obscured" ? h = /* @__PURE__ */ c(
+    Oe.Password,
     {
-      disabled: d,
-      className: A,
-      placeholder: a,
-      value: u,
-      onChange: (b) => r(b.target.value)
+      disabled: y,
+      className: C,
+      placeholder: l,
+      value: d,
+      onChange: (p) => r(p.target.value),
+      onFocus: i
     }
-  ) : N = /* @__PURE__ */ c(
-    Ne,
+  ) : h = /* @__PURE__ */ c(
+    Oe,
     {
-      disabled: d,
-      className: A,
-      placeholder: a,
-      value: u,
-      status: m ? "error" : void 0,
-      onChange: (b) => {
-        const p = b.target.value;
-        r(p), h(p);
+      disabled: y,
+      className: C,
+      placeholder: l,
+      value: d,
+      status: g ? "error" : void 0,
+      onChange: (p) => {
+        const S = p.target.value;
+        r(S), v(S);
       },
-      onBlur: (b) => h(b.target.value)
+      onFocus: i,
+      onBlur: (p) => v(p.target.value)
     }
   );
-  return /* @__PURE__ */ _("div", { className: "form-block-preview", children: [
-    i ? /* @__PURE__ */ c("div", { className: "form-block-preview-label", children: i }) : null,
-    N,
-    m ? /* @__PURE__ */ c(V.Text, { type: "danger", className: "form-block-preview-help", children: m }) : null
+  return /* @__PURE__ */ N("div", { className: "form-block-preview", "data-skopon-field": o || void 0, children: [
+    s ? /* @__PURE__ */ c("div", { className: "form-block-preview-label", children: s }) : null,
+    h,
+    g ? /* @__PURE__ */ c(X.Text, { type: "danger", className: "form-block-preview-help", children: g }) : null
   ] });
 }
-const Mo = j(
+const ri = J(
   {
     name: "TextField",
     schema: f.object({
@@ -2244,37 +2436,37 @@ const Mo = j(
       value: f.any().optional()
     }).passthrough()
   },
-  No
+  ni
 );
-function Fo({ context: e }) {
-  const t = e.componentModel.properties, n = I(t.text), r = I(t.variant) || "body";
-  return lo.has(r) ? r === "caption" ? /* @__PURE__ */ c(V.Text, { type: "secondary", className: "form-block-preview-paragraph", children: /* @__PURE__ */ c("em", { children: n }) }) : /* @__PURE__ */ c(r, { className: "form-block-preview-heading", children: n }) : /* @__PURE__ */ c(V.Paragraph, { className: "form-block-preview-paragraph", children: n });
+function oi({ context: e }) {
+  const t = e.componentModel.properties, n = M(t.text), r = M(t.variant) || "body";
+  return Bo.has(r) ? r === "caption" ? /* @__PURE__ */ c(X.Text, { type: "secondary", className: "form-block-preview-paragraph", children: /* @__PURE__ */ c("em", { children: n }) }) : /* @__PURE__ */ c(r, { className: "form-block-preview-heading", children: n }) : /* @__PURE__ */ c(X.Paragraph, { className: "form-block-preview-paragraph", children: n });
 }
-const Uo = j(
-  { name: "Text", schema: ue("Text") },
-  Fo
+const ii = J(
+  { name: "Text", schema: he("Text") },
+  oi
 );
-function Gt() {
+function cn() {
   const t = [
-    ...[...he.components.values()].filter(
-      (r) => !so.has(r.name)
+    ...[...Ae.components.values()].filter(
+      (r) => !zo.has(r.name)
     ),
-    uo,
-    yo,
-    mo,
-    po,
-    fo,
-    bo,
-    ko,
-    xo,
-    Io,
-    Mo,
-    Uo,
-    ...gr()
-  ], n = [...he.functions.values()];
-  return new fn(Ht, t, n, he.themeSchema);
-}
-const D = {
+    Oo,
+    Ho,
+    Vo,
+    Lo,
+    jo,
+    Go,
+    Wo,
+    Xo,
+    ti,
+    ri,
+    ii,
+    ...Vr()
+  ], n = [...Ae.functions.values()];
+  return new Pn(sn, t, n, Ae.themeSchema);
+}
+const Z = {
   jade9: "#29a383",
   jade10: "#26997b",
   jade11: "#208368",
@@ -2286,20 +2478,20 @@ const D = {
   primaryHover: "#26997b",
   primaryActive: "#1d3b31",
   onPrimary: "#ffffff"
-}, Po = {
+}, ai = {
   cssVar: { key: "vidtempl" },
   token: {
-    colorPrimary: D.primarySolid,
-    colorPrimaryHover: D.primaryHover,
-    colorPrimaryActive: D.primaryActive,
-    colorLink: D.primary,
-    colorLinkHover: D.primaryHover,
-    colorSuccess: D.jade9,
+    colorPrimary: Z.primarySolid,
+    colorPrimaryHover: Z.primaryHover,
+    colorPrimaryActive: Z.primaryActive,
+    colorLink: Z.primary,
+    colorLinkHover: Z.primaryHover,
+    colorSuccess: Z.jade9,
     colorWarning: "#f5a623",
     gold6: "#f5a623",
     gold7: "#e6951a",
     colorError: "#e5484d",
-    colorInfo: D.primary,
+    colorInfo: Z.primary,
     colorBgLayout: "#f9f9f9",
     colorBgContainer: "#ffffff",
     colorBgElevated: "#ffffff",
@@ -2359,7 +2551,7 @@ const D = {
     },
     Tag: {
       defaultBg: "#e6f7ed",
-      defaultColor: D.primary,
+      defaultColor: Z.primary,
       fontSizeSM: 13
     },
     Form: {
@@ -2371,14 +2563,14 @@ const D = {
     }
   }
 };
-function J({
+function ue({
   children: e,
   locale: t,
   theme: n
 }) {
-  return /* @__PURE__ */ c(sn, { theme: n ?? Po, locale: t, children: e });
+  return /* @__PURE__ */ c(Tn, { theme: n ?? ai, locale: t, children: e });
 }
-const Eo = Xt(
+const si = yn(
   function({
     doc: t,
     surfaceId: n = "skopon-form",
@@ -2389,57 +2581,67 @@ const Eo = Xt(
     caseSearch: s = null,
     wrapProvider: l = !0
   }, u) {
-    R(() => {
-      bt(), vt();
+    w(() => {
+      Rt(), wt();
     }, []);
-    const d = q(null), m = q(i);
-    m.current = i;
-    const S = w(() => {
-      if ($e(t)) return "";
+    const m = P(null), d = P(i);
+    d.current = i;
+    const y = R(() => {
+      if (et(t)) return "";
       try {
         return JSON.stringify(t);
       } catch {
         return String(t);
       }
-    }, [t]), h = w(() => {
-      if (!S)
+    }, [t]), g = R(() => {
+      if (!y)
         return { surfaces: [], processor: null };
       try {
-        const p = JSON.parse(S), v = new yt([Gt()]), g = Ir(p, {
+        const h = JSON.parse(y), p = new Pt([cn()]), S = Qr(h, {
           surfaceId: n,
-          catalogId: Ht
+          catalogId: sn
         });
-        return v.processMessages(g), {
-          surfaces: Array.from(v.model.surfacesMap.values()),
-          processor: v
+        return p.processMessages(S), {
+          surfaces: Array.from(p.model.surfacesMap.values()),
+          processor: p
         };
-      } catch (p) {
-        return console.error("[SkoponFormRenderer] 渲染 A2UI surface 失败", p), { surfaces: [], processor: null };
+      } catch (h) {
+        return console.error("[SkoponFormRenderer] 渲染 A2UI surface 失败", h), { surfaces: [], processor: null };
       }
-    }, [S, n]), { surfaces: A, processor: N } = h;
-    if (d.current = N, Qt(
+    }, [y, n]), { surfaces: k, processor: v } = g;
+    if (m.current = v, vn(
       u,
       () => ({
-        getValues(p) {
-          const v = d.current;
-          if (!v) return {};
-          const g = (p ?? m.current).map((C) => C.trim()).filter(Boolean);
-          return Ur(v, n, g);
+        getValues(h) {
+          const p = m.current;
+          if (!p) return {};
+          const S = (h ?? d.current).map((A) => A.trim()).filter(Boolean);
+          return to(p, n, S);
+        },
+        setValues(h) {
+          const p = m.current;
+          if (!p) return;
+          const S = p.model.surfacesMap.get(n);
+          if (S)
+            for (const [A, x] of Object.entries(h)) {
+              const _ = A.trim();
+              _ && S.dataModel.set(`/${_}`, x);
+            }
         }
       }),
       [n]
-    ), A.length === 0) {
-      const p = /* @__PURE__ */ c(je, { resumeSearch: a, children: /* @__PURE__ */ c(Oe, { caseSearch: s, children: /* @__PURE__ */ c(qe, { interactive: o, children: r }) }) });
-      return l ? /* @__PURE__ */ c(J, { children: p }) : p;
+    ), k.length === 0) {
+      const h = /* @__PURE__ */ c(Qe, { resumeSearch: a, children: /* @__PURE__ */ c(Ye, { caseSearch: s, children: /* @__PURE__ */ c(We, { interactive: o, children: r }) }) });
+      return l ? /* @__PURE__ */ c(ue, { children: h }) : h;
     }
-    const b = /* @__PURE__ */ c(je, { resumeSearch: a, children: /* @__PURE__ */ c(Oe, { caseSearch: s, children: /* @__PURE__ */ c(qe, { interactive: o, children: /* @__PURE__ */ c("div", { className: "a2ui-surface a2ui-container", children: A.map((p) => /* @__PURE__ */ c(gt, { surface: p }, p.id)) }) }) }) });
-    return l ? /* @__PURE__ */ c(J, { children: b }) : b;
+    const C = /* @__PURE__ */ c(Qe, { resumeSearch: a, children: /* @__PURE__ */ c(Ye, { caseSearch: s, children: /* @__PURE__ */ c(We, { interactive: o, children: /* @__PURE__ */ c("div", { className: "a2ui-surface a2ui-container", children: k.map((h) => /* @__PURE__ */ c(Et, { surface: h }, h.id)) }) }) }) });
+    return l ? /* @__PURE__ */ c(ue, { children: C }) : C;
   }
 );
-function fe() {
-  return new yt([Gt()]);
+function ke() {
+  return new Pt([cn()]);
 }
-function Qo({
+function wi({
   messages: e,
   surfaceId: t = "skopon-form-stream",
   emptyHint: n = null,
@@ -2447,148 +2649,316 @@ function Qo({
   resumeSearch: o = null,
   caseSearch: i = null
 }) {
-  R(() => {
-    bt(), vt();
+  w(() => {
+    Rt(), wt();
   }, []);
-  const a = q(null);
-  a.current === null && (a.current = fe());
-  const s = q(0), l = q(""), u = q(!0), d = q(t);
-  function m(p, v) {
-    a.current = p, s.current = v.length, l.current = JSON.stringify(v), u.current && (A(p), b(Array.from(p.model.surfacesMap.values())));
+  const a = P(null);
+  a.current === null && (a.current = ke());
+  const s = P(0), l = P(""), u = P(!0), m = P(t);
+  function d(h, p) {
+    a.current = h, s.current = p.length, l.current = JSON.stringify(p), u.current && (k(h), C(Array.from(h.model.surfacesMap.values())));
   }
-  function S(p, v) {
-    if (v <= 0) return !1;
-    const g = JSON.stringify(p.slice(0, v)), C = l.current;
-    if (!C) return !0;
+  function y(h, p) {
+    if (p <= 0) return !1;
+    const S = JSON.stringify(h.slice(0, p)), A = l.current;
+    if (!A) return !0;
     try {
-      const U = JSON.parse(C);
-      return JSON.stringify(U.slice(0, v)) !== g;
+      const x = JSON.parse(A);
+      return JSON.stringify(x.slice(0, p)) !== S;
     } catch {
       return !0;
     }
   }
-  const [h, A] = F(
+  const [g, k] = E(
     () => a.current
-  ), [N, b] = F(
+  ), [v, C] = E(
     () => Array.from(
       a.current.model.surfacesMap.values()
     )
   );
-  return R(() => (u.current = !0, () => {
+  return w(() => (u.current = !0, () => {
     u.current = !1;
-  }), []), R(() => {
-    a.current = h;
-  }, [h]), R(() => {
-    const p = () => {
-      u.current && b(Array.from(h.model.surfacesMap.values()));
-    }, v = h.onSurfaceCreated(p), g = h.onSurfaceDeleted(p);
+  }), []), w(() => {
+    a.current = g;
+  }, [g]), w(() => {
+    const h = () => {
+      u.current && C(Array.from(g.model.surfacesMap.values()));
+    }, p = g.onSurfaceCreated(h), S = g.onSurfaceDeleted(h);
     return () => {
-      v.unsubscribe(), g.unsubscribe();
+      p.unsubscribe(), S.unsubscribe();
     };
-  }, [h]), R(() => {
-    let p = !1;
-    const v = d.current !== t;
-    if (d.current = t, v) {
-      const k = fe();
-      return Array.isArray(e) && e.length > 0 ? (k.processMessages(e), p || m(k, e)) : (a.current = k, s.current = 0, l.current = "", p || (A(k), b([]))), () => {
-        p = !0;
+  }, [g]), w(() => {
+    let h = !1;
+    const p = m.current !== t;
+    if (m.current = t, p) {
+      const _ = ke();
+      return Array.isArray(e) && e.length > 0 ? (_.processMessages(e), h || d(_, e)) : (a.current = _, s.current = 0, l.current = "", h || (k(_), C([]))), () => {
+        h = !0;
       };
     }
     if (!Array.isArray(e) || e.length === 0) {
       if (s.current > 0) {
-        const k = fe();
-        a.current = k, s.current = 0, l.current = "", p || (A(k), b([]));
+        const _ = ke();
+        a.current = _, s.current = 0, l.current = "", h || (k(_), C([]));
       }
       return () => {
-        p = !0;
+        h = !0;
       };
     }
-    const g = a.current, C = s.current;
-    if (e.length < C || S(e, C)) {
-      const k = fe();
-      return k.processMessages(e), p || m(k, e), () => {
-        p = !0;
+    const S = a.current, A = s.current;
+    if (e.length < A || y(e, A)) {
+      const _ = ke();
+      return _.processMessages(e), h || d(_, e), () => {
+        h = !0;
       };
     }
-    const U = e.slice(C);
-    return U.length === 0 ? () => {
-      p = !0;
-    } : (g.processMessages(U), s.current = e.length, l.current = JSON.stringify(e), p || b(Array.from(g.model.surfacesMap.values())), () => {
-      p = !0;
+    const x = e.slice(A);
+    return x.length === 0 ? () => {
+      h = !0;
+    } : (S.processMessages(x), s.current = e.length, l.current = JSON.stringify(e), h || C(Array.from(S.model.surfacesMap.values())), () => {
+      h = !0;
     });
-  }, [e, t]), N.length === 0 ? /* @__PURE__ */ c(J, { children: n }) : /* @__PURE__ */ c(J, { children: /* @__PURE__ */ c(je, { resumeSearch: o, children: /* @__PURE__ */ c(Oe, { caseSearch: i, children: /* @__PURE__ */ c(qe, { interactive: r, children: /* @__PURE__ */ c("div", { className: "a2ui-surface a2ui-container", children: N.map((p) => /* @__PURE__ */ c(gt, { surface: p }, p.id)) }) }) }) }) });
+  }, [e, t]), v.length === 0 ? /* @__PURE__ */ c(ue, { children: n }) : /* @__PURE__ */ c(ue, { children: /* @__PURE__ */ c(Qe, { resumeSearch: o, children: /* @__PURE__ */ c(Ye, { caseSearch: i, children: /* @__PURE__ */ c(We, { interactive: r, children: /* @__PURE__ */ c("div", { className: "a2ui-surface a2ui-container", children: v.map((h) => /* @__PURE__ */ c(Et, { surface: h }, h.id)) }) }) }) }) });
+}
+const li = 100, ci = 3e4;
+class ui {
+  constructor(t) {
+    Q(this, "url");
+    Q(this, "askUserMessageId");
+    Q(this, "onAutoControl");
+    Q(this, "ws", null);
+    Q(this, "closed", !1);
+    Q(this, "reconnectAttempt", 0);
+    Q(this, "reconnectTimer", null);
+    Q(this, "sendQueue", []);
+    this.url = t.url, this.askUserMessageId = t.askUserMessageId, this.onAutoControl = t.onAutoControl;
+  }
+  connect() {
+    if (!(this.closed || typeof WebSocket > "u")) {
+      this.clearReconnectTimer();
+      try {
+        const t = new WebSocket(this.url);
+        this.ws = t, t.onopen = () => {
+          this.reconnectAttempt = 0, this.flushQueue();
+        }, t.onmessage = (n) => {
+          this.handleMessage(n.data);
+        }, t.onclose = () => {
+          this.ws = null, this.scheduleReconnect();
+        }, t.onerror = () => {
+        };
+      } catch (t) {
+        console.warn("[FormRuntimeWs] connect failed", t), this.scheduleReconnect();
+      }
+    }
+  }
+  send(t, n) {
+    var i;
+    if (this.closed) return;
+    const r = {
+      type: t,
+      ask_user_message_id: this.askUserMessageId,
+      data: n
+    };
+    let o;
+    try {
+      o = JSON.stringify(r);
+    } catch (a) {
+      console.warn("[FormRuntimeWs] serialize failed", a);
+      return;
+    }
+    if (((i = this.ws) == null ? void 0 : i.readyState) === WebSocket.OPEN) {
+      this.ws.send(o);
+      return;
+    }
+    this.enqueue(o);
+  }
+  close() {
+    if (this.closed = !0, this.clearReconnectTimer(), this.sendQueue = [], this.ws) {
+      this.ws.onopen = null, this.ws.onmessage = null, this.ws.onclose = null, this.ws.onerror = null;
+      try {
+        this.ws.close();
+      } catch {
+      }
+      this.ws = null;
+    }
+  }
+  enqueue(t) {
+    for (this.sendQueue.push(t); this.sendQueue.length > li; )
+      this.sendQueue.shift();
+  }
+  flushQueue() {
+    if (!this.ws || this.ws.readyState !== WebSocket.OPEN) return;
+    const t = this.sendQueue;
+    this.sendQueue = [];
+    for (const n of t)
+      this.ws.send(n);
+  }
+  scheduleReconnect() {
+    if (this.closed) return;
+    this.clearReconnectTimer();
+    const t = Math.min(
+      ci,
+      1e3 * 2 ** Math.min(this.reconnectAttempt, 5)
+    );
+    this.reconnectAttempt += 1, this.reconnectTimer = setTimeout(() => {
+      this.reconnectTimer = null, this.connect();
+    }, t);
+  }
+  clearReconnectTimer() {
+    this.reconnectTimer != null && (clearTimeout(this.reconnectTimer), this.reconnectTimer = null);
+  }
+  handleMessage(t) {
+    var i;
+    if (typeof t != "string") return;
+    let n;
+    try {
+      n = JSON.parse(t);
+    } catch {
+      return;
+    }
+    if (!n || typeof n != "object" || Array.isArray(n)) return;
+    const r = n;
+    if (r.type !== "form_auto_control_event" || String(r.ask_user_message_id ?? "") !== this.askUserMessageId) return;
+    const o = r.data;
+    !o || typeof o != "object" || Array.isArray(o) || (i = this.onAutoControl) == null || i.call(this, o, r);
+  }
+}
+function un(e) {
+  return typeof CSS < "u" && typeof CSS.escape == "function" ? CSS.escape(e) : e.replace(/\\/g, "\\\\").replace(/"/g, '\\"');
+}
+function mi(e, t) {
+  if (!e) return !1;
+  const n = e.querySelector(`[data-skopon-field="${un(t)}"]`);
+  return n instanceof HTMLElement ? ((n.querySelector(
+    'input, textarea, select, button, [tabindex]:not([tabindex="-1"])'
+  ) ?? n).focus(), !0) : !1;
+}
+function di(e, t) {
+  if (!e) return !1;
+  const n = e.querySelector(`[data-skopon-field="${un(t)}"]`);
+  return n instanceof HTMLElement ? ((n.querySelector(
+    'button, [role="button"], .skopon-resume-select-card, input, label'
+  ) ?? n).click(), !0) : !1;
+}
+function pi(e, t, n) {
+  const r = e.action;
+  if (r !== "change" && r !== "select" && r !== "focus" && r !== "click" && r !== "submit") {
+    console.warn("[FormAutoControl] unknown action", r);
+    return;
+  }
+  n.runAutoControl(() => {
+    var a;
+    if (r === "submit") {
+      t.submit();
+      return;
+    }
+    const o = typeof e.field == "string" ? e.field.trim() : "";
+    if (!o) {
+      console.warn("[FormAutoControl] missing field for action", r);
+      return;
+    }
+    const i = ((a = e.component) == null ? void 0 : a.trim()) || "Unknown";
+    if (r === "change" || r === "select") {
+      if (e.value === void 0) {
+        console.warn("[FormAutoControl] missing value for action", r);
+        return;
+      }
+      t.setValues({ [o]: e.value }), n.reportEvent({
+        action: r,
+        component: i,
+        field: o,
+        value: e.value
+      });
+      return;
+    }
+    if (r === "focus") {
+      mi(t.rootElement, o), n.reportEvent({
+        action: "focus",
+        component: i,
+        field: o
+      });
+      return;
+    }
+    di(t.rootElement, o) || console.warn("[FormAutoControl] click target not found", o);
+  });
 }
-function zo(e) {
-  const t = Ae(e);
-  return t ? Xe(t.blocks) : e && typeof e == "object" && !Array.isArray(e) ? e : {};
+function fi(e) {
+  const t = Ee(e);
+  return t ? at(t.blocks) : e && typeof e == "object" && !Array.isArray(e) ? e : {};
 }
-function Ro({
+function hi({
   payload: e,
   callbackUrl: t,
   title: n,
   unpublishedFormId: r,
   incompleteFormId: o,
   answerAgentContext: i,
-  onNotify: a
+  submitHeaders: a,
+  onNotify: s
 }) {
-  const [s, l] = F(!1), u = q(!0);
-  R(() => (u.current = !0, () => {
-    u.current = !1;
+  const [l, u] = E(!1), m = P(!0);
+  w(() => (m.current = !0, () => {
+    m.current = !1;
   }), []);
-  const d = w(
-    () => Et(e, t),
-    [e, t]
-  ), m = w(
+  const d = R(
+    () => dt(a),
+    [a]
+  ), y = R(
+    () => Qt(e, t, d),
+    [e, t, d]
+  ), g = R(
     () => ({
       ...i,
       callbackUrl: (i == null ? void 0 : i.callbackUrl) ?? t ?? null
     }),
     [i, t]
   );
-  async function S() {
-    if (!s) {
-      l(!0);
+  async function k() {
+    if (!l) {
+      u(!0);
       try {
-        const h = zo(e), A = et({
-          context: m,
+        const v = fi(e), C = ft({
+          context: g,
           payload: e,
-          answer: h
-        }), N = await Vt(A);
-        if (!u.current) return;
-        const b = Lt(N);
-        a == null || a(b.type, b.message);
-      } catch (h) {
-        if (!u.current) return;
-        const A = h instanceof Error ? h.message : "提交失败";
-        a == null || a("error", A);
+          answer: v
+        }), h = await rn(C, {
+          headers: d
+        });
+        if (!m.current) return;
+        const p = nn(h);
+        s == null || s(p.type, p.message);
+      } catch (v) {
+        if (!m.current) return;
+        const C = v instanceof Error ? v.message : "提交失败";
+        s == null || s("error", C);
       } finally {
-        u.current && l(!1);
+        m.current && u(!1);
       }
     }
   }
-  return /* @__PURE__ */ _("div", { className: "ask-user-curl-card", children: [
-    /* @__PURE__ */ _("div", { className: "ask-user-curl-card-header", children: [
-      /* @__PURE__ */ _("div", { className: "ask-user-curl-card-header-title", children: [
-        /* @__PURE__ */ c(V.Text, { type: "secondary", children: n ?? "curl 命令" }),
-        r ? /* @__PURE__ */ c(re, { title: r, children: /* @__PURE__ */ c(oe, { className: "ask-user-curl-unpublished-tag", children: "卡片 ID 未发布" }) }) : null,
-        o ? /* @__PURE__ */ c(re, { title: o, children: /* @__PURE__ */ c(oe, { className: "ask-user-curl-incomplete-tag", children: "卡片 ID 待补足" }) }) : null
+  return /* @__PURE__ */ N("div", { className: "ask-user-curl-card", children: [
+    /* @__PURE__ */ N("div", { className: "ask-user-curl-card-header", children: [
+      /* @__PURE__ */ N("div", { className: "ask-user-curl-card-header-title", children: [
+        /* @__PURE__ */ c(X.Text, { type: "secondary", children: n ?? "curl 命令" }),
+        r ? /* @__PURE__ */ c(se, { title: r, children: /* @__PURE__ */ c(le, { className: "ask-user-curl-unpublished-tag", children: "卡片 ID 未发布" }) }) : null,
+        o ? /* @__PURE__ */ c(se, { title: o, children: /* @__PURE__ */ c(le, { className: "ask-user-curl-incomplete-tag", children: "卡片 ID 待补足" }) }) : null
       ] }),
-      /* @__PURE__ */ c(re, { title: "提交到 answer_agent_callback_url", children: /* @__PURE__ */ c(
-        Se,
+      /* @__PURE__ */ c(se, { title: "提交到 answer_agent_callback_url", children: /* @__PURE__ */ c(
+        Me,
         {
           size: "small",
           type: "text",
-          loading: s,
-          disabled: s,
-          onClick: () => void S(),
+          loading: l,
+          disabled: l,
+          onClick: () => void k(),
           children: "提交"
         }
       ) })
     ] }),
-    /* @__PURE__ */ c("pre", { className: "skopon-form-curl-json", children: d })
+    /* @__PURE__ */ c("pre", { className: "skopon-form-curl-json", children: y })
   ] });
 }
-function wo(e, t) {
+function gi(e, t) {
   if (t && typeof t == "object" && t !== null && "message" in t) {
     const n = t.message;
     if (typeof n == "string" && n.trim())
@@ -2596,198 +2966,300 @@ function wo(e, t) {
   }
   return typeof t == "string" && t.trim() ? `提交失败 (${e}): ${t.trim()}` : `提交失败 (${e})`;
 }
-function Zo({
+function yi({
   payload: e,
   formUniqueId: t,
-  callbackUrl: n,
-  submitMode: r = "curl",
-  answerAgentContext: o,
-  fetchFormDetail: i,
-  onNotify: a,
-  resumeSearch: s = null,
-  caseSearch: l = null
+  askUserMessageId: n,
+  callbackUrl: r,
+  submitMode: o = "curl",
+  answerAgentContext: i,
+  submitHeaders: a,
+  fetchFormDetail: s,
+  onNotify: l,
+  resumeSearch: u = null,
+  caseSearch: m = null,
+  onSurfaceReadyChange: d,
+  onAutoControlReady: y
 }) {
-  const [u, d] = F(null), [m, S] = F(!1), [h, A] = F(!0), [N, b] = F(!1), p = q(null), v = q(!0), g = q(a);
-  g.current = a;
-  const C = (t == null ? void 0 : t.trim()) ?? "", U = w(
+  const [g, k] = E(null), [v, C] = E(!1), [h, p] = E(!0), [S, A] = E(!1), x = P(null), _ = P(null), z = P(!0), T = P(l);
+  T.current = l;
+  const D = Ot(), H = (t == null ? void 0 : t.trim()) ?? "", oe = (n == null ? void 0 : n.trim()) ?? "", K = R(
+    () => dt(a),
+    [a]
+  ), j = R(
     () => ({
-      ...o,
-      callbackUrl: (o == null ? void 0 : o.callbackUrl) ?? n ?? null
+      ...i,
+      callbackUrl: (i == null ? void 0 : i.callbackUrl) ?? r ?? null
     }),
-    [o, n]
+    [i, r]
   );
-  R(() => (v.current = !0, () => {
-    v.current = !1;
-  }), []), R(() => {
-    let y = !1;
-    return C ? (A(!0), S(!1), i({ formUniqueId: C }).then((T) => {
-      y || (S(!!T.disabled), d(T.formDefinition ?? null));
-    }).catch((T) => {
-      var E;
-      if (!y) {
-        S(!1), d(null);
-        const M = T instanceof Error ? T.message : "获取表单定义失败";
-        (E = g.current) == null || E.call(g, "error", M);
+  w(() => (z.current = !0, () => {
+    z.current = !1;
+  }), []), w(() => {
+    let V = !1;
+    return H ? (p(!0), C(!1), s({ formUniqueId: H }).then((q) => {
+      V || (C(!!q.disabled), k(q.formDefinition ?? null));
+    }).catch((q) => {
+      var W;
+      if (!V) {
+        C(!1), k(null);
+        const ye = q instanceof Error ? q.message : "获取表单定义失败";
+        (W = T.current) == null || W.call(T, "error", ye);
       }
     }).finally(() => {
-      y || A(!1);
+      V || p(!1);
     }), () => {
-      y = !0;
-    }) : (A(!1), S(!1), d(null), () => {
-      y = !0;
+      V = !0;
+    }) : (p(!1), C(!1), k(null), () => {
+      V = !0;
     });
-  }, [C, i]);
-  const k = w(() => Ae(e), [e]), x = w(() => k ? Rr(k, u ?? void 0) : null, [k, u]), X = (x == null ? void 0 : x.matchedBlocks) ?? [], L = !!(k && Br(k) && X.length === 0), P = w(() => L && k ? qr(k) : x && x.renderBlocks.length > 0 ? x.renderBlocks : [], [x, L, k]), B = w(
-    () => L ? {} : Xe((x == null ? void 0 : x.extraBlocks) ?? []),
-    [L, x]
-  ), $ = w(() => L && k ? Or(k) : P.filter((y) => {
-    var T;
-    return (T = y.name) == null ? void 0 : T.trim();
-  }).map((y) => y.name.trim()), [L, k, P]), G = w(() => {
-    if (P.length === 0) return null;
-    const y = (x == null ? void 0 : x.title) ?? (k == null ? void 0 : k.title) ?? "", T = (x == null ? void 0 : x.description) ?? (k == null ? void 0 : k.description) ?? "";
-    return Mr({ title: y, description: T }, P);
-  }, [x, k, P]), Q = C ? `ask-user-${C}` : "ask-user-payload";
-  if (h)
-    return /* @__PURE__ */ c(J, { children: /* @__PURE__ */ c("div", { className: "ask-user-form-card", children: /* @__PURE__ */ c(Ke, { size: "small" }) }) });
-  if (!k || P.length === 0)
-    return /* @__PURE__ */ c(J, { children: /* @__PURE__ */ c(
-      Ro,
-      {
-        payload: e,
-        callbackUrl: n,
-        answerAgentContext: U,
-        unpublishedFormId: m && C ? C : void 0,
-        onNotify: a
-      }
-    ) });
-  async function Z() {
-    var y, T, E, M, tt, nt, rt;
-    if (!N) {
-      b(!0);
+  }, [H, s]);
+  const I = R(() => Ee(e), [e]), F = R(() => I ? io(I, g ?? void 0) : null, [I, g]), ie = (F == null ? void 0 : F.matchedBlocks) ?? [], Y = !!(I && so(I) && ie.length === 0), b = R(() => Y && I ? lo(I) : F && F.renderBlocks.length > 0 ? F.renderBlocks : [], [F, Y, I]), B = R(
+    () => Y ? {} : at((F == null ? void 0 : F.extraBlocks) ?? []),
+    [Y, F]
+  ), $ = R(() => Y && I ? co(I) : b.filter((V) => {
+    var q;
+    return (q = V.name) == null ? void 0 : q.trim();
+  }).map((V) => V.name.trim()), [Y, I, b]), U = R(() => {
+    if (b.length === 0) return null;
+    const V = (F == null ? void 0 : F.title) ?? (I == null ? void 0 : I.title) ?? "", q = (F == null ? void 0 : F.description) ?? (I == null ? void 0 : I.description) ?? "";
+    return Zr({ title: V, description: q }, b);
+  }, [F, I, b]), mn = H ? `ask-user-${H}` : "ask-user-payload", ge = !!(!h && I && b.length > 0 && U);
+  w(() => (d(ge), () => d(!1)), [ge, d]);
+  const Re = L(async () => {
+    var V, q, W, ye, yt, vt, St;
+    if (!S) {
+      A(!0);
       try {
-        const ee = ((y = p.current) == null ? void 0 : y.getValues($)) ?? {}, me = oo(P, ee);
-        if (me) {
-          (T = g.current) == null || T.call(g, "error", me.message);
+        const ae = ((V = x.current) == null ? void 0 : V.getValues($)) ?? {}, ve = Po(b, ae);
+        if (ve) {
+          (q = T.current) == null || q.call(T, "error", ve.message);
           return;
         }
-        const ot = { ...ee, ...B };
-        if (r === "post") {
-          const at = (n ?? "").trim();
-          if (!at) {
-            (E = g.current) == null || E.call(g, "error", "callback_url 为空，无法提交");
+        const ze = { ...ae, ...B };
+        if (D.reportData(ze), D.reportEvent({
+          action: "submit",
+          component: "SubmitButton"
+        }), o === "post") {
+          const kt = (r ?? "").trim();
+          if (!kt) {
+            (W = T.current) == null || W.call(T, "error", "callback_url 为空，无法提交");
             return;
           }
-          const _e = await zt(at, ot);
-          if (!v.current) return;
-          _e.ok ? (M = g.current) == null || M.call(g, "success", "提交成功") : (tt = g.current) == null || tt.call(g, "error", wo(_e.status, _e.body));
+          const Be = await Xt(kt, ze, {
+            headers: K
+          });
+          if (!z.current) return;
+          Be.ok ? (ye = T.current) == null || ye.call(T, "success", "提交成功") : (yt = T.current) == null || yt.call(T, "error", gi(Be.status, Be.body));
           return;
         }
-        const Jt = et({
-          context: U,
+        const dn = ft({
+          context: j,
           payload: e,
-          form: u ?? k,
-          answer: ot
-        }), Yt = await Vt(Jt);
-        if (!v.current) return;
-        const it = Lt(Yt);
-        (nt = g.current) == null || nt.call(g, it.type, it.message);
-      } catch (ee) {
-        if (!v.current) return;
-        const me = ee instanceof Error ? ee.message : "提交失败";
-        (rt = g.current) == null || rt.call(g, "error", me);
+          form: g ?? I,
+          answer: ze
+        }), pn = await rn(dn, {
+          headers: K
+        });
+        if (!z.current) return;
+        const bt = nn(pn);
+        (vt = T.current) == null || vt.call(T, bt.type, bt.message);
+      } catch (ae) {
+        if (!z.current) return;
+        const ve = ae instanceof Error ? ae.message : "提交失败";
+        (St = T.current) == null || St.call(T, "error", ve);
       } finally {
-        v.current && b(!1);
+        z.current && A(!1);
       }
     }
-  }
-  return /* @__PURE__ */ c(J, { children: /* @__PURE__ */ _("div", { className: "ask-user-form-card", children: [
-    m && C ? /* @__PURE__ */ c("div", { className: "ask-user-form-card-status", children: /* @__PURE__ */ c(re, { title: C, children: /* @__PURE__ */ c(oe, { className: "ask-user-curl-unpublished-tag", children: "卡片 ID 未发布" }) }) }) : null,
-    /* @__PURE__ */ c(
-      Eo,
-      {
-        ref: p,
-        doc: G,
-        surfaceId: Q,
-        fieldNames: $,
-        interactive: !0,
-        wrapProvider: !1,
-        resumeSearch: s,
-        caseSearch: l
-      }
-    ),
-    /* @__PURE__ */ c("div", { className: "ask-user-form-actions", children: /* @__PURE__ */ c(
-      re,
-      {
-        title: r === "post" ? "提交 JSON 到 callback_url" : "提交到 answer_agent_callback_url",
-        children: /* @__PURE__ */ c(
-          Se,
+  }, [
+    S,
+    $,
+    b,
+    B,
+    D,
+    o,
+    r,
+    K,
+    j,
+    e,
+    g,
+    I
+  ]), ht = P(Re);
+  ht.current = Re;
+  const gt = L(
+    (V) => {
+      pi(
+        V,
+        {
+          setValues: (q) => {
+            var W;
+            return (W = x.current) == null ? void 0 : W.setValues(q);
+          },
+          getValues: (q) => {
+            var W;
+            return ((W = x.current) == null ? void 0 : W.getValues(q)) ?? {};
+          },
+          submit: () => ht.current(),
+          rootElement: _.current
+        },
+        {
+          reportEvent: D.reportEvent,
+          runAutoControl: D.runAutoControl
+        }
+      );
+    },
+    [D]
+  );
+  return w(() => {
+    if (!ge) {
+      y(null);
+      return;
+    }
+    return y(gt), () => y(null);
+  }, [ge, gt, y]), h ? /* @__PURE__ */ c("div", { className: "ask-user-form-card", children: /* @__PURE__ */ c(tt, { size: "small" }) }) : !I || b.length === 0 ? /* @__PURE__ */ c(
+    hi,
+    {
+      payload: e,
+      callbackUrl: r,
+      answerAgentContext: j,
+      submitHeaders: a,
+      unpublishedFormId: v && H ? H : void 0,
+      onNotify: l
+    }
+  ) : /* @__PURE__ */ N(
+    "div",
+    {
+      className: "ask-user-form-card",
+      ref: _,
+      "data-ask-user-message-id": oe || void 0,
+      children: [
+        v && H ? /* @__PURE__ */ c("div", { className: "ask-user-form-card-status", children: /* @__PURE__ */ c(se, { title: H, children: /* @__PURE__ */ c(le, { className: "ask-user-curl-unpublished-tag", children: "卡片 ID 未发布" }) }) }) : null,
+        /* @__PURE__ */ c(
+          si,
           {
-            type: "primary",
-            size: "small",
-            loading: N,
-            disabled: N,
-            onClick: () => void Z(),
-            children: "提交"
+            ref: x,
+            doc: U,
+            surfaceId: mn,
+            fieldNames: $,
+            interactive: !0,
+            wrapProvider: !1,
+            resumeSearch: u,
+            caseSearch: m
           }
-        )
+        ),
+        /* @__PURE__ */ c("div", { className: "ask-user-form-actions", children: /* @__PURE__ */ c(
+          se,
+          {
+            title: o === "post" ? "提交 JSON 到 callback_url" : "提交到 answer_agent_callback_url",
+            children: /* @__PURE__ */ c(
+              Me,
+              {
+                type: "primary",
+                size: "small",
+                loading: S,
+                disabled: S,
+                onClick: () => void Re(),
+                children: "提交"
+              }
+            )
+          }
+        ) })
+      ]
+    }
+  );
+}
+function Ri(e) {
+  var d;
+  const t = ((d = e.askUserMessageId) == null ? void 0 : d.trim()) ?? "", n = R(() => So(), []), [r, o] = E(!1), [i, a] = E(null), s = P(null), l = L((y) => {
+    o(y);
+  }, []), u = L(
+    (y) => {
+      s.current = y;
+    },
+    []
+  ), m = !!(n && t && r);
+  return w(() => {
+    if (!m || !n || !t) {
+      a(null);
+      return;
+    }
+    const y = new ui({
+      url: n,
+      askUserMessageId: t,
+      onAutoControl: (g) => {
+        var k;
+        (k = s.current) == null || k.call(s, g);
       }
-    ) })
-  ] }) });
+    });
+    return y.connect(), a(y), () => {
+      y.close(), a(null);
+    };
+  }, [m, n, t]), /* @__PURE__ */ c(ue, { children: /* @__PURE__ */ c(pr, { client: i, children: /* @__PURE__ */ c(
+    yi,
+    {
+      ...e,
+      onSurfaceReadyChange: l,
+      onAutoControlReady: u
+    }
+  ) }) });
 }
 export {
-  Go as A2UI_PROTOCOL_VERSION,
-  Zo as AskUserFormCard,
-  Oe as CaseSearchProvider,
-  Ro as CurlSubmitBlock,
-  te as DEFAULT_ANSWER_AGENT_CALLBACK_URL,
-  $r as DEFAULT_AUTH_ANSWER_AGENT_CALLBACK_URL_FIELD,
-  Rt as DEFAULT_AUTH_STORAGE_KEY,
-  Vr as DEFAULT_AUTH_TOKEN_FIELD,
-  hn as FORM_MEDIA_SIZES,
-  je as ResumeSearchProvider,
-  Qo as SkoponA2uiStreamRenderer,
-  J as SkoponFormProvider,
-  Eo as SkoponFormRenderer,
-  _r as a2uiToBlocks,
-  Mt as blocksToA2ui,
-  et as buildAnswerAgentBody,
-  jr as buildAskUserCurlBodyJson,
-  Lr as buildAskUserCurlStatement,
-  Jo as buildAskUserSubmitCurlFromPayload,
-  Mr as buildAskUserSurface,
-  Et as buildCurlStatement,
-  Yo as copyTextToClipboard,
-  no as createCaseSearchClient,
-  Kr as createFormClient,
-  Qr as createResumeSearchClient,
-  Xo as createSkoponSdkClients,
-  Xe as extractExtraBlockValues,
-  Ur as extractSurfaceValues,
-  Lt as formatAnswerAgentSubmitMessage,
-  Or as getPayloadInputFieldNames,
-  qr as getPayloadRenderableBlocks,
-  Rr as intersectPayloadBlocksWithForm,
-  $e as isA2uiSurfaceEmpty,
-  Y as isInputBlockType,
-  ke as isLayoutBlockType,
-  ge as isMediaBlockType,
-  Fr as mapFormDefinitionFromDto,
-  W as normalizeFormDefinition,
-  Ae as parsePayloadBlocksJson,
-  Br as payloadHasInputBlocks,
-  Hr as resolveAnswerAgentCallbackUrl,
-  Ze as resolveClientHeaders,
-  qt as resolveSkoponAuthHeaders,
-  Nr as resolveSurfaceFromFormDefinition,
-  Po as skoponAntdTheme,
-  D as skoponBrandColors,
-  Vt as submitAnswerAgent,
-  zt as submitFormJson,
-  Ir as surfaceDocToMessages,
-  ye as syncFormDefinition,
-  Kn as useCaseSearch,
-  tr as useResumeSearch,
-  Ot as validateAnswerAgentBody,
-  Wo as validateAnswerAgentContext
+  Mi as A2UI_PROTOCOL_VERSION,
+  Ri as AskUserFormCard,
+  Ye as CaseSearchProvider,
+  hi as CurlSubmitBlock,
+  go as DEFAULT_ANSWER_AGENT_CALLBACK_URL,
+  fo as DEFAULT_AUTH_ANSWER_AGENT_CALLBACK_URL_FIELD,
+  ho as DEFAULT_AUTH_REALTIME_WS_URL_FIELD,
+  ct as DEFAULT_AUTH_STORAGE_KEY,
+  po as DEFAULT_AUTH_TOKEN_FIELD,
+  wn as FORM_MEDIA_SIZES,
+  Qe as ResumeSearchProvider,
+  wi as SkoponA2uiStreamRenderer,
+  ue as SkoponFormProvider,
+  si as SkoponFormRenderer,
+  Yr as a2uiToBlocks,
+  Gt as blocksToA2ui,
+  ft as buildAnswerAgentBody,
+  uo as buildAskUserCurlBodyJson,
+  mo as buildAskUserCurlStatement,
+  Fi as buildAskUserSubmitCurlFromPayload,
+  Zr as buildAskUserSurface,
+  Qt as buildCurlStatement,
+  Ui as copyTextToClipboard,
+  Uo as createCaseSearchClient,
+  bo as createFormClient,
+  Io as createResumeSearchClient,
+  Pi as createSkoponSdkClients,
+  at as extractExtraBlockValues,
+  to as extractSurfaceValues,
+  nn as formatAnswerAgentSubmitMessage,
+  co as getPayloadInputFieldNames,
+  lo as getPayloadRenderableBlocks,
+  io as intersectPayloadBlocksWithForm,
+  et as isA2uiSurfaceEmpty,
+  ne as isInputBlockType,
+  Fe as isLayoutBlockType,
+  Ce as isMediaBlockType,
+  eo as mapFormDefinitionFromDto,
+  re as normalizeFormDefinition,
+  Ee as parsePayloadBlocksJson,
+  so as payloadHasInputBlocks,
+  vo as resolveAnswerAgentCallbackUrl,
+  pt as resolveClientHeaders,
+  So as resolveRealtimeWsUrl,
+  Zt as resolveSkoponAuthHeaders,
+  dt as resolveSubmitAuthHeaders,
+  Xr as resolveSurfaceFromFormDefinition,
+  ai as skoponAntdTheme,
+  Z as skoponBrandColors,
+  rn as submitAnswerAgent,
+  Xt as submitFormJson,
+  Qr as surfaceDocToMessages,
+  _e as syncFormDefinition,
+  gr as useCaseSearch,
+  xr as useResumeSearch,
+  en as validateAnswerAgentBody,
+  Ei as validateAnswerAgentContext
 };