weifuwu 0.60.0 → 0.61.0

package/dist/client/index.js

@@ -1,2215 +1,4 @@
-// src/client/vnode.ts
-var ASYNC_MARK = "__wfAsyncComponent";
-function asyncComponent(factory) {
-  const fn = factory;
-  fn[ASYNC_MARK] = true;
-  return fn;
-}
-function isAsyncComponent(type) {
-  return typeof type === "function" && type?.[ASYNC_MARK] === true;
-}
-var Fragment = /* @__PURE__ */ Symbol("Fragment");
-var Portal = /* @__PURE__ */ Symbol("Portal");
-function jsx(type, props, key) {
-  return {
-    type,
-    props: normalizeProps(props),
-    key: key ?? void 0
-  };
-}
-var jsxs = jsx;
-function jsxDEV(type, props, key) {
-  return jsx(type, props, key);
-}
-function h(type, props, ...children) {
-  const p = normalizeProps(props ?? {});
-  if (children.length > 0) {
-    p.children = children.length === 1 ? children[0] : children;
-  }
-  return { type, props: p, key: props?.key ?? void 0 };
-}
-function normalizeProps(props) {
-  if (!props) return {};
-  const result = {};
-  for (const key of Object.keys(props)) {
-    if (key === "key") continue;
-    result[key] = props[key];
-  }
-  return result;
-}
-function createPortal(children, portalKey) {
-  return {
-    type: Portal,
-    props: { children, portalKey },
-    key: portalKey ?? void 0,
-    _placement: "remote"
-  };
-}
+var ge="__wfAsyncComponent";function qe(e){let t=e;return t[ge]=!0,t}function I(e){return typeof e=="function"&&e?.[ge]===!0}var W=Symbol("Fragment"),N=Symbol("Portal");function X(e,t,n){return{type:e,props:he(t),key:n??void 0}}var De=X;function Fe(e,t,n){return X(e,t,n)}function $e(e,t,...n){let o=he(t??{});return n.length>0&&(o.children=n.length===1?n[0]:n),{type:e,props:o,key:t?.key??void 0}}function he(e){if(!e)return{};let t={};for(let n of Object.keys(e))n!=="key"&&(t[n]=e[n]);return t}function Be(e,t){return{type:N,props:{children:e,portalKey:t},key:t??void 0,_placement:"remote"}}var Ke=0,A=new Map,F=[];function Ce(e){F.push(e)}var $=new WeakMap;function j(){$=new WeakMap}function Z(e,t){let n=$.get(e);if(n)return n;let o={promise:null};return o.promise=Promise.resolve().then(()=>e(t)).then(r=>{if(typeof r!="function")throw new Error(`asyncComponent factory <${e.name||"anonymous"}> must return a Component (initProps, ctx) => (props) => VNode.`);return o.resolved=r,r}),$.set(e,o),o}async function xe(e,t){return Z(e,t).promise}function we(e){return $.get(e)?.resolved}function ze(e){let t=e._child;if(t!=null)if(Array.isArray(t))for(let n of t)n&&typeof n=="object"&&_(n);else typeof t=="object"&&_(t)}function _(e){if(e==null||typeof e!="object")return;let t=e;if(t._id){if(t._customId&&A.delete(t._customId),A.delete(t._id),F.length>0){for(let n of F)n(t._id);if(t._customId)for(let n of F)n(t._customId)}t._id=void 0,t._customId=void 0,t._render=void 0,t._parentNode=void 0,t._refNode=void 0}if(t._child!=null){if(Array.isArray(t._child))for(let n of t._child)n&&typeof n=="object"&&_(n);else _(t._child);t._child=void 0}if(t.props?.children&&typeof t.type=="string"){let n=Array.isArray(t.props.children)?t.props.children:[t.props.children];for(let o of n)o&&typeof o=="object"&&_(o)}typeof t.props?.ref=="function"&&t.props.ref(null),t._remoteEl&&(ze(t),t._remoteEl.remove(),t._remoteEl=void 0)}function U(){return`_wf_${Ke++}`}var be=new WeakMap;function Ge(e){let t=be.get(e)??{count:0,warned:!1};t.count++,t.count>=3&&!t.warned&&(t.warned=!0,console.warn("[weifuwu] ref \u51FD\u6570\u6BCF\u6B21\u6E32\u67D3\u90FD\u53D8\u5316\uFF08\u5185\u8054 ref\uFF09\u2014\u2014ref \u56DE\u8C03\u5728\u6BCF\u6B21\u6E32\u67D3\u540E\u91CD\u65B0\u6267\u884C\uFF08\u6027\u80FD\u635F\u8017\uFF09\u3002\u628A ref \u5B9A\u4E49\u5230 mount \u4F5C\u7528\u57DF\uFF08\u7A33\u5B9A\u5F15\u7528\uFF09\uFF1Aconst listRef = (el) => {...}; return h('div', { ref: listRef })")),be.set(e,t)}function M(e,t,n,o,r){if(n==null){if(o==null)return null;let u=S(o,r);return u==null?null:(t&&t.parentNode?t.parentNode.insertBefore(u,t):e.appendChild(u),u)}if(o==null)return t?(_(n),t.remove()):_(n),null;let s=Te(n),i=Te(o);if(s!==i){_(n);let u=S(o,r);return u==null?null:(t?.parentNode&&t.parentNode.replaceChild(u,t),u)}if(i==="text")return t&&t.textContent!==String(o)&&(t.textContent=String(o)),t;let l=o,a=n;if(typeof l.type=="function"){let u=l.type;a._render&&(l._render=a._render,l._id=a._id,l._id&&A.set(l._id,l)),l._parentNode=e,l._refNode=t;let m=Object.create(r);if(m.ui=Object.create(r.ui),m.ui._selfId=l._id,m.ui._selfVNode=l,l._ctxVersion=a._ctxVersion??m.ui._ctxVersion??0,a._render&&Ye(a.props,l.props)&&!m.ui._dirtySet?.has(a._id)&&l._ctxVersion===m.ui._ctxVersion)return l._child=a._child,t;m.ui._dirtySet?.delete(a._id);let y;try{typeof l._render=="function"?y=l._render(l.props):y=ne(u,l.props,l,m)}catch(d){let p=r.ui?._errorHandler;p?(p(d),y=null):(console.error(`[weifuwu] Component render error in <${u?.name||"anonymous"}> (id: ${a._id??"?"}, phase: update)`,d),y=null)}let f=a._child;l._child=y;let c=M(e,t,f,y,m);return c||(l._refNode=null),c}if(l.type===W)return Ae(e,a,l,r),t;if(typeof l.type=="string"){if(t&&t.nodeType===1){let u=a.props?.ref,m=l.props?.ref;u!==m&&(typeof m=="function"&&m(t),typeof u=="function"&&typeof m=="function"&&Ge(t)),te(t,a.props,l.props),Ae(t,a,l,r)}else if(t){_(n);let u=S(o,r);return u==null?null:(t.parentNode?.replaceChild(u,t),u)}return t}if(l.type===N)return q(a,l,r),null;if(Array.isArray(o)){let u=Array.isArray(n)?n:[];return B(u,o),K(e,u,o,r),t}return t}var ve=new Map;function Je(e){let t=ve.get(e);return t||(t=`fn:${e.name||"anon"}`,ve.set(e,t)),t}function Te(e){if(e==null||typeof e=="boolean")return"null";if(typeof e=="string"||typeof e=="number")return"text";if(Array.isArray(e))return"array";let t=e;return typeof t.type=="function"?Je(t.type):t.type===W?"fragment":t.type===N?"portal":typeof t.type=="string"?"tag:"+t.type:"unknown"}function te(e,t,n){let o=t?Object.keys(t).filter(i=>i!=="children"&&i!=="key"&&i!=="innerHTML"):[],r=n?Object.keys(n).filter(i=>i!=="children"&&i!=="key"&&i!=="innerHTML"):[],s=new Set(r);for(let i of o)if(!s.has(i)){if(i==="ref")continue;i.startsWith("on")&&typeof t[i]=="function"?e.removeEventListener(i.slice(2).toLowerCase(),t[i]):i==="value"&&(e instanceof HTMLInputElement||e instanceof HTMLTextAreaElement||e instanceof HTMLSelectElement)?e.value="":e.removeAttribute(i==="className"?"class":i)}for(let i of r){if(i==="ref")continue;let l=t?.[i],a=n?.[i];if(i==="innerHTML")a!==l&&(e.innerHTML=String(a??""));else if(a!==l)if(i==="class"||i==="className")e instanceof SVGElement?e.setAttribute("class",_e(a)):e.className=_e(a);else if(i==="style"&&typeof a=="object"){let u=e.style;for(let m of Object.keys(a)){let y=a[m];y!=null&&(u[m]=typeof y=="number"?y+"px":String(y))}}else if(i.startsWith("on")&&typeof a=="function"){let u=i.slice(2).toLowerCase();typeof l=="function"&&e.removeEventListener(u,l),e.addEventListener(u,a)}else i==="value"&&(e instanceof HTMLInputElement||e instanceof HTMLTextAreaElement||e instanceof HTMLSelectElement)?e.value=String(a??""):a===!0?e.setAttribute(i,""):a!=null&&a!==!1?e.setAttribute(i,String(a)):i==="value"&&(e instanceof HTMLInputElement||e instanceof HTMLTextAreaElement||e instanceof HTMLSelectElement)?e.value="":e.removeAttribute(i)}}function _e(e){return typeof e=="string"?e:Array.isArray(e)?e.filter(Boolean).join(" "):e&&typeof e=="object"?Object.entries(e).filter(([,t])=>t).map(([t])=>t).join(" "):""}function ee(e){if(!(e==null||typeof e!="object"))return e.key}function B(e,t){if(!t.some(o=>o&&typeof o=="object"&&o.key!==void 0)){for(let o=0;o<t.length;o++){let r=t[o];r&&typeof r=="object"&&(r.key=o)}for(let o=0;o<e.length;o++){let r=e[o];r&&typeof r=="object"&&(r.key=o)}}}function Ae(e,t,n,o){let r=H(t.props?.children),s=H(n.props?.children);B(r,s),K(e,r,s,o)}function H(e){if(e==null)return[];if(!Array.isArray(e))return[e];let t=[];for(let n of e)Array.isArray(n)?t.push(...n):t.push(n);return t}function K(e,t,n,o){if(!n.some(f=>f&&typeof f=="object"&&f.key!==void 0)){let f=Math.max(t.length,n.length);for(let c=0;c<f;c++){let d=c<t.length?t[c]:null,p=c<n.length?n[c]:null;if(p==null){if(d!=null){_(d);let g=e.childNodes[c];g&&g.remove()}}else if(d==null){let g=S(p,o);g!=null&&e.appendChild(g)}else{let g=e.childNodes[c]||null;M(e,g,d,p,o)}}return}let s=0;for(let f=0;f<t.length;f++){let c=t[f];if(c==null||typeof c=="boolean")continue;if(ee(c)===void 0){let p=e.childNodes[s];p&&p.remove()}else c&&typeof c=="object"&&c._placement==="remote"||s++}let i=new Map,l=0;for(let f=0;f<t.length;f++){let c=ee(t[f]);if(c!==void 0){let d=t[f],p=d&&typeof d=="object"&&d._placement==="remote";i.set(c,{vnode:d,node:p?null:e.childNodes[l]||null,remote:!!p,index:l}),p||l++}}let a=n.map(f=>ee(f)),u=new Set(a);for(let f of i.keys())if(!u.has(f)){let c=i.get(f);_(c.vnode),c.node&&c.node?.remove(),i.delete(f)}let m=-1,y=e.firstChild;for(let f=0;f<n.length;f++){let c=a[f],d=n[f],p=c!==void 0?i.get(c):void 0,g=d&&typeof d=="object"&&d._placement==="remote";if(p)if(p.node)p.index<m&&e.insertBefore(p.node,y),m=Math.max(m,p.index),M(e,p.node,p.vnode,d,o),y=(p.node.parentNode===e?p.node:e.firstChild)?.nextSibling??null;else if(p.remote)q(p.vnode,d,o);else{let h=M(e,null,p.vnode,d,o);h!=null&&(e.insertBefore(h,y),y=h.nextSibling)}else if(g)V(d,o);else{let h=S(d,o);h!=null&&(e.insertBefore(h,y),y=h.nextSibling)}}}function Qe(e,t){if(e===t)return!0;if(Array.isArray(e)&&Array.isArray(t)){if(e.length!==t.length)return!1;for(let n=0;n<e.length;n++)if(e[n]!==t[n])return!1;return!0}return e===t}function Ye(e,t){if(e===t)return!0;if(!e||!t)return!1;let n=new Set([...Object.keys(e),...Object.keys(t)]);for(let o of n)if(o!=="key"){if(o==="children"){if(!Qe(e[o],t[o]))return!1}else if(e[o]!==t[o])return!1}return!0}var oe="http://www.w3.org/2000/svg",re=new Set(["svg","path","circle","line","rect","text","g","polyline","polygon","ellipse","defs","use","clipPath","mask","linearGradient","radialGradient","stop","tspan"]);function Re(e,t){return S(e,t)}function S(e,t){if(e==null||typeof e=="boolean")return null;if(typeof e=="string"||typeof e=="number")return document.createTextNode(String(e));if(Array.isArray(e))return et(e,t);let n=e;if(n.type===N)return V(n,t),null;if(n.type===W){let i=document.createDocumentFragment(),l=n.props?.children==null?[]:Array.isArray(n.props.children)?n.props.children:[n.props.children];for(let a of l){let u=S(a,t);u!=null&&i.appendChild(u)}return i}if(typeof n.type=="function")return Ze(n.type,n.props,n,t);let o=n.type,r=re.has(o)?document.createElementNS(oe,o):document.createElement(o);n.el=r;let s;for(let[i,l]of Object.entries(n.props??{}))i==="children"||i==="key"||i==="value"||i==="innerHTML"||ke(r,i,l);if("value"in(n.props??{})&&r instanceof HTMLSelectElement?s=n.props.value:"value"in(n.props??{})&&ke(r,"value",n.props.value),"innerHTML"in(n.props??{}))r.innerHTML=String(n.props.innerHTML??"");else{let i=se(n.props?.children);for(let l of i){let a=S(l,t);if(a!=null&&(r.appendChild(a),l&&typeof l=="object"&&typeof l.type=="function")){let u=l;u._parentNode||(u._parentNode=r,u._refNode=a)}}}return s!==void 0&&(r.value=String(s)),typeof n.props?.ref=="function"&&n.props.ref(r),r}function Xe(e){let t=e.ui;t&&typeof t.render=="function"&&t.render(["_wf_root"])}function ne(e,t,n,o){let r;if(I(e)){if(r=we(e),!r)return Z(e,o).promise.then(()=>Xe(o),()=>{}),null}else r=e;let s=r(t,o);if(typeof s!="function")throw new Error(`Component ${e.name||"anonymous"} must return a render function. Use (init_props, ctx) => (props) => VNode pattern.`);return n._render=s,s(t)}function Ze(e,t,n,o){o.ui=o.ui??{},n._id||(n._id=U(),A.set(n._id,n));let r=Object.create(o);r.ui=Object.create(o.ui),r.ui._selfId=n._id,r.ui._selfVNode=n,n._ctxVersion=r.ui._ctxVersion??0;let s;try{s=ne(e,t,n,r)}catch(l){let a=o.ui?._errorHandler;a?(a(l),s=null):(console.error(`[weifuwu] Component render error in <${e.name||"anonymous"}> (id: ${n._id??"?"}, phase: mount)`,l),s=null)}if(s==null)return n._child=null,null;n._child=s;let i=S(s,r);return n._refNode||(n._refNode=i),i}function et(e,t){let n=document.createDocumentFragment();for(let o of e){let r=S(o,t);r!=null&&n.appendChild(r)}return n}function tt(){let e=document.getElementById("__wf_portal");return e||(e=document.createElement("div"),e.id="__wf_portal",e.style.cssText="position:fixed;inset:0;pointer-events:none;z-index:9999",document.body.appendChild(e)),e}function V(e,t){let n=tt(),o=document.createElement("div");o.style.pointerEvents="auto",n.appendChild(o),e._remoteEl=o;let r=H(e.props?.children);e._child=r;for(let s of r){let i=S(s,t);i!=null&&o.appendChild(i)}}function q(e,t,n){let o=e?._remoteEl;if(t._remoteEl=o,!o){V(t,n);return}let r=H(t.props?.children),s=e._child||[];t._child=r,B(s,r),K(o,s,r,n)}function se(e){if(e==null)return[];if(!Array.isArray(e))return[e];let t=[];for(let n of e)Array.isArray(n)?t.push(...n):t.push(n);return t}function ke(e,t,n){if(t==="class"||t==="className")e instanceof SVGElement?e.setAttribute("class",String(n??"")):e.className=String(n??"");else if(t==="style"&&typeof n=="object"&&n!==null){let o=e.style;for(let r of Object.keys(n)){let s=n[r];s!=null&&(o[r]=typeof s=="number"?s+"px":String(s))}}else t.startsWith("on")&&typeof n=="function"?e.addEventListener(t.slice(2).toLowerCase(),n):t==="value"&&(e instanceof HTMLInputElement||e instanceof HTMLTextAreaElement||e instanceof HTMLSelectElement)?e.value=String(n??""):n===!0?e.setAttribute(t,""):n!=null&&n!==!1&&e.setAttribute(t,String(n))}function nt(e,t,n){e.innerHTML="";let o=S(t,n);o instanceof Node?e.appendChild(o):Array.isArray(o)&&o.forEach(r=>e.appendChild(r))}function ie(e){e.node=e.node?e.node.nextSibling:null}function ot(e,t){e.node&&e.node.parentNode?e.node.parentNode.insertBefore(t,e.node):e.parent.appendChild(t)}function rt(e,t){e.node&&e.node.parentNode?(e.node.parentNode.replaceChild(t,e.node),ie(e)):e.parent.appendChild(t)}async function D(e,t,n){if(e==null||typeof e=="boolean")return null;if(typeof e=="string"||typeof e=="number"){let l=String(e);if(n.node&&n.node.nodeType===3)return n.node.textContent!==l&&(n.node.textContent=l),ie(n),n.node;let a=document.createTextNode(l);return ot(n,a),a}if(Array.isArray(e)){let l=null;for(let a of e){let u=await D(a,t,n);u!=null&&!l&&(l=u)}return l}let o=e;if(o.type===N||o.type===W){let l=o.props?.children,a=l==null?[]:Array.isArray(l)?l:[l],u=null;for(let m of a){let y=await D(m,t,n);y!=null&&!u&&(u=y)}return u}if(typeof o.type=="function")return st(o,t,n);let r=o.type,s=o.props??{},i;if(n.node&&n.node.nodeType===1&&n.node.tagName.toLowerCase()===r.toLowerCase()?(i=n.node,ie(n)):(i=re.has(r)?document.createElementNS(oe,r):document.createElement(r),rt(n,i)),o.el=i,te(i,null,s),!("innerHTML"in s)){let l={parent:i,node:i.firstChild},a=se(s.children);for(let u of a){let m=await D(u,t,l);if(m!=null&&m.parentNode!==i&&i.appendChild(m),u&&typeof u=="object"&&typeof u.type=="function"){let y=u;y._parentNode||(y._parentNode=i,y._refNode=m)}}for(;l.node;){let u=l.node;l.node=u.nextSibling,u.parentNode?.removeChild(u)}}return"value"in s&&i instanceof HTMLSelectElement&&(i.value=String(s.value??"")),typeof s.ref=="function"&&s.ref(i),i}async function st(e,t,n){t.ui=t.ui??{},e._id||(e._id=U(),A.set(e._id,e));let o=Object.create(t);o.ui=Object.create(t.ui),o.ui._selfId=e._id,o.ui._selfVNode=e,e._ctxVersion=o.ui._ctxVersion??0;let r=e.type,s;try{let l;I(r)?l=await xe(r,o):l=r;let a=l(e.props??{},o);if(typeof a!="function")throw new Error(`Component ${r.name||"anonymous"} must return a render function. Use (init_props, ctx) => (props) => VNode pattern.`);e._render=a,s=a(e.props??{})}catch(l){let a=t.ui?._errorHandler;a?(a(l),s=null):(console.error(`[weifuwu] Component hydration error in <${r.name||"anonymous"}> (id: ${e._id??"?"})`,l),s=null)}if(s==null)return e._child=null,null;e._child=s;let i=await D(s,o,n);return e._refNode||(e._refNode=i),i}async function ae(e,t,n){let o={parent:e,node:e.firstChild};for(await D(t,n,o);o.node;){let r=o.node;o.node=r.nextSibling,r.parentNode?.removeChild(r)}}function le(e){let t=new WeakMap,n=new Set,o=s=>{if(s===null||typeof s!="object")return s;if(t.has(s))return t.get(s);let i=new Proxy(s,{set(l,a,u){if(Reflect.get(l,a)===u)return!0;Reflect.set(l,a,u),e();for(let y of n)y();return!0},get(l,a){let u=Reflect.get(l,a);return typeof u=="object"&&u!==null?o(u):u},deleteProperty(l,a){if(Reflect.has(l,a)){Reflect.deleteProperty(l,a),e();for(let u of n)u()}return!0}});return t.set(s,i),i},r=o({});return Object.defineProperty(r,"__watch",{value:s=>(n.add(s),()=>{n.delete(s)}),writable:!1,enumerable:!1}),r}function ue(e,t,n){let o=new AbortController,r=n?.signal;r&&(r.aborted?o.abort():r.addEventListener("abort",()=>o.abort(),{once:!0}));let s=n?.traceId??ct(),i=n?.record!==!1,l=[],a=(async()=>{let u;try{u=await fetch(e,{method:"POST",headers:{"Content-Type":"application/json","X-Trace-Id":s,Accept:"text/event-stream",...n?.headers},body:JSON.stringify(t),signal:o.signal})}catch(m){if(o.signal.aborted)return;n?.onError?.({code:"provider_error",message:m instanceof Error?m.message:String(m)});return}if(!u.ok){n?.onError?.({code:ut(u.status),message:`HTTP ${u.status} ${u.statusText}`});return}try{for await(let{name:m,data:y}of at(u.body)){if(o.signal.aborted)return;lt(l,{name:m,data:y},i),it(m,y,n??{})}}catch(m){if(o.signal.aborted)return;n?.onError?.({code:"provider_error",message:m instanceof Error?m.message:String(m)})}})();return{abort:()=>o.abort(),done:a,traceId:s,events:l}}function it(e,t,n){switch(e){case"wf:token":return n.onToken?.(t.text);case"wf:tool_call":return n.onToolCall?.(t);case"wf:tool_result":return n.onToolResult?.(t);case"wf:tool_progress":return n.onToolProgress?.(t);case"wf:step":return n.onStep?.(t);case"wf:approval_request":return n.onApproval?.(t);case"wf:usage":return n.onUsage?.(t);case"wf:done":return n.onDone?.(t);case"wf:error":return n.onError?.(t);default:return n.onEvent?.(e,t)}}async function*at(e){let t=e.getReader(),n=new TextDecoder,o="";try{for(;;){let{done:r,value:s}=await t.read();if(r)break;o+=n.decode(s,{stream:!0});let i=o.split(`
 
-// src/client/render.ts
-var SVG_NS = "http://www.w3.org/2000/svg";
-var SVG_TAGS = /* @__PURE__ */ new Set(["svg", "path", "circle", "line", "rect", "text", "g", "polyline", "polygon", "ellipse", "defs", "use", "clipPath", "mask", "linearGradient", "radialGradient", "stop", "tspan"]);
-var _idCounter = 0;
-var idRegistry = /* @__PURE__ */ new Map();
-function render(input, ctx) {
-  return renderValue(input, ctx);
-}
-function renderValue(v, ctx) {
-  if (v == null || typeof v === "boolean") return null;
-  if (typeof v === "string" || typeof v === "number") return document.createTextNode(String(v));
-  if (Array.isArray(v)) return renderArray(v, ctx);
-  const vnode = v;
-  if (vnode.type === Portal) {
-    renderPortal(vnode, ctx);
-    return null;
-  }
-  if (vnode.type === Fragment) {
-    const frag = document.createDocumentFragment();
-    const children = vnode.props?.children == null ? [] : Array.isArray(vnode.props.children) ? vnode.props.children : [vnode.props.children];
-    for (const child of children) {
-      const node = renderValue(child, ctx);
-      if (node != null) frag.appendChild(node);
-    }
-    return frag;
-  }
-  if (typeof vnode.type === "function") {
-    return renderComponent(vnode.type, vnode.props, vnode, ctx);
-  }
-  const tag = vnode.type;
-  const el = SVG_TAGS.has(tag) ? document.createElementNS(SVG_NS, tag) : document.createElement(tag);
-  vnode.el = el;
-  let selectValue;
-  for (const [key, value] of Object.entries(vnode.props ?? {})) {
-    if (key === "children" || key === "key" || key === "value" || key === "innerHTML") continue;
-    setProp(el, key, value);
-  }
-  if ("value" in (vnode.props ?? {}) && el instanceof HTMLSelectElement) {
-    selectValue = vnode.props.value;
-  } else if ("value" in (vnode.props ?? {})) {
-    setProp(el, "value", vnode.props.value);
-  }
-  if ("innerHTML" in (vnode.props ?? {})) {
-    el.innerHTML = String(vnode.props.innerHTML ?? "");
-  } else {
-    const flatChildren = flattenChildren(vnode.props?.children);
-    for (const child of flatChildren) {
-      const childNode = renderValue(child, ctx);
-      if (childNode == null) continue;
-      el.appendChild(childNode);
-      if (child && typeof child === "object" && typeof child.type === "function") {
-        const childVNode = child;
-        if (!childVNode._parentNode) {
-          childVNode._parentNode = el;
-          childVNode._refNode = childNode;
-        }
-      }
-    }
-  }
-  if (selectValue !== void 0) {
-    ;
-    el.value = String(selectValue);
-  }
-  if (typeof vnode.props?.ref === "function") vnode.props.ref(el);
-  return el;
-}
-var asyncFactoryCache = /* @__PURE__ */ new WeakMap();
-function clearAsyncComponentCache() {
-  asyncFactoryCache = /* @__PURE__ */ new WeakMap();
-}
-function startAsyncFactory(Comp, ctx) {
-  const existing = asyncFactoryCache.get(Comp);
-  if (existing) return existing;
-  const entry = { promise: null };
-  entry.promise = Promise.resolve().then(() => Comp(ctx)).then((def) => {
-    if (typeof def !== "function") {
-      throw new Error(
-        `asyncComponent factory <${Comp.name || "anonymous"}> must return a Component (initProps, ctx) => (props) => VNode.`
-      );
-    }
-    entry.resolved = def;
-    return def;
-  });
-  asyncFactoryCache.set(Comp, entry);
-  return entry;
-}
-async function resolveAsyncFactory(Comp, ctx) {
-  return startAsyncFactory(Comp, ctx).promise;
-}
-function resolveAsyncFactorySync(Comp) {
-  return asyncFactoryCache.get(Comp)?.resolved;
-}
-function scheduleFullReRender(ctx) {
-  const ui = ctx.ui;
-  if (ui && typeof ui.render === "function") ui.render(["_wf_root"]);
-}
-function mountComponent(Comp, props, vnode, ctx) {
-  let def;
-  if (isAsyncComponent(Comp)) {
-    def = resolveAsyncFactorySync(Comp);
-    if (!def) {
-      void startAsyncFactory(Comp, ctx).promise.then(
-        () => scheduleFullReRender(ctx),
-        () => {
-        }
-      );
-      return null;
-    }
-  } else {
-    def = Comp;
-  }
-  let childVNode = def(props, ctx);
-  if (typeof childVNode !== "function") {
-    throw new Error(
-      `Component ${Comp.name || "anonymous"} must return a render function. Use (init_props, ctx) => (props) => VNode pattern.`
-    );
-  }
-  vnode._render = childVNode;
-  return childVNode(props);
-}
-function renderComponent(Comp, props, vnode, ctx) {
-  ;
-  ctx.ui = ctx.ui ?? {};
-  if (!vnode._id) {
-    vnode._id = `_wf_${_idCounter++}`;
-    idRegistry.set(vnode._id, vnode);
-  }
-  const childCtx = Object.create(ctx);
-  childCtx.ui = Object.create(ctx.ui);
-  childCtx.ui._selfId = vnode._id;
-  childCtx.ui._selfVNode = vnode;
-  vnode._ctxVersion = childCtx.ui._ctxVersion ?? 0;
-  let childVNode;
-  try {
-    childVNode = mountComponent(Comp, props, vnode, childCtx);
-  } catch (e) {
-    const errHandler = ctx.ui?._errorHandler;
-    if (errHandler) {
-      errHandler(e);
-      childVNode = null;
-    } else {
-      console.error(
-        `[weifuwu] Component render error in <${Comp.name || "anonymous"}> (id: ${vnode._id ?? "?"}, phase: mount)`,
-        e
-      );
-      childVNode = null;
-    }
-  }
-  if (childVNode == null) {
-    vnode._child = null;
-    return null;
-  }
-  vnode._child = childVNode;
-  const domNode = renderValue(childVNode, childCtx);
-  if (!vnode._refNode) {
-    ;
-    vnode._refNode = domNode;
-  }
-  return domNode;
-}
-function renderArray(arr, ctx) {
-  const frag = document.createDocumentFragment();
-  for (const item of arr) {
-    const node = renderValue(item, ctx);
-    if (node != null) frag.appendChild(node);
-  }
-  return frag;
-}
-function ensurePortalContainer() {
-  let c = document.getElementById("__wf_portal");
-  if (!c) {
-    c = document.createElement("div");
-    c.id = "__wf_portal";
-    c.style.cssText = "position:fixed;inset:0;pointer-events:none;z-index:9999";
-    document.body.appendChild(c);
-  }
-  return c;
-}
-function renderPortal(vnode, ctx) {
-  const container = ensurePortalContainer();
-  const sub = document.createElement("div");
-  sub.style.pointerEvents = "auto";
-  container.appendChild(sub);
-  vnode._remoteEl = sub;
-  const children = normalize(vnode.props?.children);
-  vnode._child = children;
-  for (const child of children) {
-    const node = renderValue(child, ctx);
-    if (node != null) sub.appendChild(node);
-  }
-}
-function patchPortal(oldV, newV, ctx) {
-  const sub = oldV?._remoteEl;
-  newV._remoteEl = sub;
-  if (!sub) {
-    renderPortal(newV, ctx);
-    return;
-  }
-  const newChildren = normalize(newV.props?.children);
-  const oldChildren = oldV._child || [];
-  newV._child = newChildren;
-  ensureKeys(oldChildren, newChildren);
-  patchKeyedChildren(sub, oldChildren, newChildren, ctx);
-}
-function flattenChildren(children) {
-  if (children == null) return [];
-  if (!Array.isArray(children)) return [children];
-  const result = [];
-  for (const child of children) {
-    if (Array.isArray(child)) {
-      result.push(...child);
-    } else {
-      result.push(child);
-    }
-  }
-  return result;
-}
-function setProp(el, key, value) {
-  if (key === "class" || key === "className") {
-    if (el instanceof SVGElement) el.setAttribute("class", String(value ?? ""));
-    else el.className = String(value ?? "");
-  } else if (key === "style" && typeof value === "object" && value !== null) {
-    const st = el.style;
-    for (const sk of Object.keys(value)) {
-      const sv = value[sk];
-      if (sv != null) st[sk] = typeof sv === "number" ? sv + "px" : String(sv);
-    }
-  } else if (key.startsWith("on") && typeof value === "function") {
-    el.addEventListener(key.slice(2).toLowerCase(), value);
-  } else if (key === "value" && (el instanceof HTMLInputElement || el instanceof HTMLTextAreaElement || el instanceof HTMLSelectElement)) {
-    ;
-    el.value = String(value ?? "");
-  } else if (value === true) {
-    el.setAttribute(key, "");
-  } else if (value != null && value !== false) {
-    el.setAttribute(key, String(value));
-  }
-}
-function patchValue(parent, oldNode, oldInput, newInput, ctx) {
-  if (oldInput == null) {
-    if (newInput == null) return null;
-    const node = renderValue(newInput, ctx);
-    if (node == null) return null;
-    if (oldNode && oldNode.parentNode) {
-      oldNode.parentNode.insertBefore(node, oldNode);
-    } else {
-      parent.appendChild(node);
-    }
-    return node;
-  }
-  if (newInput == null) {
-    if (oldNode) {
-      callRefCleanup(oldInput);
-      oldNode.remove();
-    } else {
-      callRefCleanup(oldInput);
-    }
-    return null;
-  }
-  const oldType = typeOf(oldInput);
-  const newType = typeOf(newInput);
-  if (oldType !== newType) {
-    callRefCleanup(oldInput);
-    const node = renderValue(newInput, ctx);
-    if (node == null) return null;
-    if (oldNode?.parentNode) {
-      oldNode.parentNode.replaceChild(node, oldNode);
-    }
-    return node;
-  }
-  if (newType === "text") {
-    if (oldNode && oldNode.textContent !== String(newInput)) {
-      oldNode.textContent = String(newInput);
-    }
-    return oldNode;
-  }
-  const newV = newInput;
-  const oldV = oldInput;
-  if (typeof newV.type === "function") {
-    const comp = newV.type;
-    if (oldV._render) {
-      newV._render = oldV._render;
-      newV._id = oldV._id;
-      if (newV._id) idRegistry.set(newV._id, newV);
-    }
-    newV._parentNode = parent;
-    newV._refNode = oldNode;
-    const childCtx = Object.create(ctx);
-    childCtx.ui = Object.create(ctx.ui);
-    childCtx.ui._selfId = newV._id;
-    childCtx.ui._selfVNode = newV;
-    newV._ctxVersion = oldV._ctxVersion ?? childCtx.ui._ctxVersion ?? 0;
-    if (oldV._render && componentPropsEqual(oldV.props, newV.props) && !childCtx.ui._dirtySet?.has(oldV._id) && newV._ctxVersion === childCtx.ui._ctxVersion) {
-      newV._child = oldV._child;
-      return oldNode;
-    }
-    ;
-    childCtx.ui._dirtySet?.delete(oldV._id);
-    let childNew;
-    try {
-      if (typeof newV._render === "function") {
-        childNew = newV._render(newV.props);
-      } else {
-        childNew = mountComponent(comp, newV.props, newV, childCtx);
-      }
-    } catch (e) {
-      const errHandler = ctx.ui?._errorHandler;
-      if (errHandler) {
-        errHandler(e);
-        childNew = null;
-      } else {
-        console.error(
-          `[weifuwu] Component render error in <${comp?.name || "anonymous"}> (id: ${oldV._id ?? "?"}, phase: update)`,
-          e
-        );
-        childNew = null;
-      }
-    }
-    const _prevChild = oldV._child;
-    newV._child = childNew;
-    const returnedNode = patchValue(parent, oldNode, _prevChild, childNew, childCtx);
-    if (!returnedNode) newV._refNode = null;
-    return returnedNode;
-  }
-  if (newV.type === Fragment) {
-    patchChildren(parent, oldV, newV, ctx);
-    return oldNode;
-  }
-  if (typeof newV.type === "string") {
-    if (oldNode && oldNode.nodeType === 1) {
-      const oldRef = oldV.props?.ref;
-      const newRef = newV.props?.ref;
-      if (oldRef !== newRef) {
-        if (typeof oldRef === "function") oldRef(null);
-        if (typeof newRef === "function") newRef(oldNode);
-      }
-      patchProps(oldNode, oldV.props, newV.props);
-      patchChildren(oldNode, oldV, newV, ctx);
-    } else if (oldNode) {
-      callRefCleanup(oldInput);
-      const node = renderValue(newInput, ctx);
-      if (node == null) return null;
-      oldNode.parentNode?.replaceChild(node, oldNode);
-      return node;
-    }
-    return oldNode;
-  }
-  if (newV.type === Portal) {
-    patchPortal(oldV, newV, ctx);
-    return null;
-  }
-  if (Array.isArray(newInput)) {
-    const oldArr = Array.isArray(oldInput) ? oldInput : [];
-    ensureKeys(oldArr, newInput);
-    patchKeyedChildren(parent, oldArr, newInput, ctx);
-    return oldNode;
-  }
-  return oldNode;
-}
-function typeOf(input) {
-  if (input == null || typeof input === "boolean") return "null";
-  if (typeof input === "string" || typeof input === "number") return "text";
-  if (Array.isArray(input)) return "array";
-  const v = input;
-  if (typeof v.type === "function") return `fn:${v.type.name || "anon"}`;
-  if (v.type === Fragment) return "fragment";
-  if (v.type === Portal) return "portal";
-  if (typeof v.type === "string") return "tag:" + v.type;
-  return "unknown";
-}
-function patchProps(el, oldProps, newProps) {
-  const oldKeys = oldProps ? Object.keys(oldProps).filter((k) => k !== "children" && k !== "key" && k !== "innerHTML") : [];
-  const newKeys = newProps ? Object.keys(newProps).filter((k) => k !== "children" && k !== "key" && k !== "innerHTML") : [];
-  for (const key of oldKeys) {
-    if (!newKeys.includes(key)) {
-      if (key === "ref") continue;
-      if (key.startsWith("on") && typeof oldProps[key] === "function") {
-        el.removeEventListener(key.slice(2).toLowerCase(), oldProps[key]);
-      } else if (key === "value" && (el instanceof HTMLInputElement || el instanceof HTMLTextAreaElement || el instanceof HTMLSelectElement)) {
-        ;
-        el.value = "";
-      } else {
-        el.removeAttribute(key === "className" ? "class" : key);
-      }
-    }
-  }
-  for (const key of newKeys) {
-    if (key === "ref") continue;
-    const oldVal = oldProps?.[key];
-    const newVal = newProps?.[key];
-    if (key === "innerHTML") {
-      if (newVal !== oldVal) el.innerHTML = String(newVal ?? "");
-    } else if (newVal !== oldVal) {
-      if (key === "class" || key === "className") {
-        if (el instanceof SVGElement) el.setAttribute("class", classToString(newVal));
-        else el.className = classToString(newVal);
-      } else if (key === "style" && typeof newVal === "object") {
-        const st = el.style;
-        for (const sk of Object.keys(newVal)) {
-          const sv = newVal[sk];
-          if (sv != null) st[sk] = typeof sv === "number" ? sv + "px" : String(sv);
-        }
-      } else if (key.startsWith("on") && typeof newVal === "function") {
-        const eventName = key.slice(2).toLowerCase();
-        if (typeof oldVal === "function") el.removeEventListener(eventName, oldVal);
-        el.addEventListener(eventName, newVal);
-      } else if (key === "value" && (el instanceof HTMLInputElement || el instanceof HTMLTextAreaElement || el instanceof HTMLSelectElement)) {
-        ;
-        el.value = String(newVal ?? "");
-      } else if (newVal === true) {
-        el.setAttribute(key, "");
-      } else if (newVal != null && newVal !== false) {
-        el.setAttribute(key, String(newVal));
-      } else {
-        if (key === "value" && (el instanceof HTMLInputElement || el instanceof HTMLTextAreaElement || el instanceof HTMLSelectElement)) {
-          ;
-          el.value = "";
-        } else {
-          el.removeAttribute(key);
-        }
-      }
-    }
-  }
-}
-function classToString(v) {
-  if (typeof v === "string") return v;
-  if (Array.isArray(v)) return v.filter(Boolean).join(" ");
-  if (v && typeof v === "object") {
-    return Object.entries(v).filter(([, b]) => b).map(([k]) => k).join(" ");
-  }
-  return "";
-}
-function getKey(input) {
-  if (input == null || typeof input !== "object") return void 0;
-  return input.key;
-}
-function ensureKeys(oldChildren, newChildren) {
-  const hasKey = newChildren.some((c) => c && typeof c === "object" && c.key !== void 0);
-  if (!hasKey) {
-    for (let i = 0; i < newChildren.length; i++) {
-      const c = newChildren[i];
-      if (c && typeof c === "object") c.key = i;
-    }
-    for (let i = 0; i < oldChildren.length; i++) {
-      const c = oldChildren[i];
-      if (c && typeof c === "object") c.key = i;
-    }
-  }
-}
-function patchChildren(parent, oldVNode, newVNode, ctx) {
-  const oldChildren = normalize(oldVNode.props?.children);
-  const newChildren = normalize(newVNode.props?.children);
-  ensureKeys(oldChildren, newChildren);
-  patchKeyedChildren(parent, oldChildren, newChildren, ctx);
-}
-function normalize(children) {
-  if (children == null) return [];
-  if (!Array.isArray(children)) return [children];
-  const result = [];
-  for (const child of children) {
-    if (Array.isArray(child)) {
-      result.push(...child);
-    } else {
-      result.push(child);
-    }
-  }
-  return result;
-}
-function patchKeyedChildren(parent, oldChildren, newChildren, ctx) {
-  const allUnkeyed = !newChildren.some((c) => c && typeof c === "object" && c.key !== void 0);
-  if (allUnkeyed) {
-    const len = Math.max(oldChildren.length, newChildren.length);
-    for (let i = 0; i < len; i++) {
-      const oldC = i < oldChildren.length ? oldChildren[i] : null;
-      const newC = i < newChildren.length ? newChildren[i] : null;
-      if (newC == null) {
-        if (oldC != null) {
-          callRefCleanup(oldC);
-          const node = parent.childNodes[i];
-          if (node) node.remove();
-        }
-      } else if (oldC == null) {
-        const node = renderValue(newC, ctx);
-        if (node != null) parent.appendChild(node);
-      } else {
-        const oldNode = parent.childNodes[i] || null;
-        patchValue(parent, oldNode, oldC, newC, ctx);
-      }
-    }
-    return;
-  }
-  let rmIdx = 0;
-  for (let i = 0; i < oldChildren.length; i++) {
-    const child = oldChildren[i];
-    if (child == null || typeof child === "boolean") continue;
-    const key = getKey(child);
-    if (key === void 0) {
-      const node = parent.childNodes[rmIdx];
-      if (node) node.remove();
-    } else {
-      const isRemote = child && typeof child === "object" && child._placement === "remote";
-      if (!isRemote) rmIdx++;
-    }
-  }
-  const oldKeyMap = /* @__PURE__ */ new Map();
-  let domIdx = 0;
-  for (let i = 0; i < oldChildren.length; i++) {
-    const key = getKey(oldChildren[i]);
-    if (key !== void 0) {
-      const child = oldChildren[i];
-      const isRemote = child && typeof child === "object" && child._placement === "remote";
-      oldKeyMap.set(key, {
-        vnode: child,
-        node: isRemote ? null : parent.childNodes[domIdx] || null,
-        remote: !!isRemote,
-        index: domIdx
-      });
-      if (!isRemote) domIdx++;
-    }
-  }
-  const newKeys = newChildren.map((c) => getKey(c));
-  for (const key of oldKeyMap.keys()) {
-    if (!newKeys.includes(key)) {
-      const entry = oldKeyMap.get(key);
-      callRefCleanup(entry.vnode);
-      if (entry.node) entry.node?.remove();
-      oldKeyMap.delete(key);
-    }
-  }
-  let lastIndex = -1;
-  let nextRef = parent.firstChild;
-  for (let i = 0; i < newChildren.length; i++) {
-    const key = newKeys[i];
-    const newChild = newChildren[i];
-    const oldEntry = key !== void 0 ? oldKeyMap.get(key) : void 0;
-    const isRemote = newChild && typeof newChild === "object" && newChild._placement === "remote";
-    if (oldEntry) {
-      if (oldEntry.node) {
-        if (oldEntry.index < lastIndex) {
-          parent.insertBefore(oldEntry.node, nextRef);
-        }
-        lastIndex = Math.max(lastIndex, oldEntry.index);
-        patchValue(parent, oldEntry.node, oldEntry.vnode, newChild, ctx);
-        nextRef = (oldEntry.node.parentNode === parent ? oldEntry.node : parent.firstChild)?.nextSibling ?? null;
-      } else if (oldEntry.remote) {
-        patchPortal(oldEntry.vnode, newChild, ctx);
-      } else {
-        const newNode = patchValue(parent, null, oldEntry.vnode, newChild, ctx);
-        if (newNode != null) {
-          parent.insertBefore(newNode, nextRef);
-          nextRef = newNode.nextSibling;
-        }
-      }
-    } else if (isRemote) {
-      renderPortal(newChild, ctx);
-    } else {
-      const node = renderValue(newChild, ctx);
-      if (node != null) {
-        parent.insertBefore(node, nextRef);
-        nextRef = node.nextSibling;
-      }
-    }
-  }
-}
-function childrenEqual(a, b) {
-  if (a === b) return true;
-  if (Array.isArray(a) && Array.isArray(b)) {
-    if (a.length !== b.length) return false;
-    for (let i = 0; i < a.length; i++) {
-      if (a[i] !== b[i]) return false;
-    }
-    return true;
-  }
-  return a === b;
-}
-function componentPropsEqual(a, b) {
-  if (a === b) return true;
-  if (!a || !b) return false;
-  const keys = /* @__PURE__ */ new Set([...Object.keys(a), ...Object.keys(b)]);
-  for (const key of keys) {
-    if (key === "key") continue;
-    if (key === "children") {
-      if (!childrenEqual(a[key], b[key])) return false;
-    } else if (a[key] !== b[key]) {
-      return false;
-    }
-  }
-  return true;
-}
-function cleanupPortalChildren(vnode) {
-  const child = vnode._child;
-  if (child == null) return;
-  if (Array.isArray(child)) {
-    for (const c of child) {
-      if (c && typeof c === "object") callRefCleanup(c);
-    }
-  } else if (typeof child === "object") {
-    callRefCleanup(child);
-  }
-}
-function callRefCleanup(input) {
-  if (input == null || typeof input !== "object") return;
-  const vnode = input;
-  if (vnode._id) {
-    if (vnode._customId) idRegistry.delete(vnode._customId);
-    idRegistry.delete(vnode._id);
-    vnode._id = void 0;
-    vnode._customId = void 0;
-    vnode._render = void 0;
-    vnode._parentNode = void 0;
-    vnode._refNode = void 0;
-  }
-  if (vnode._child != null) {
-    if (Array.isArray(vnode._child)) {
-      for (const child of vnode._child) {
-        if (child && typeof child === "object") callRefCleanup(child);
-      }
-    } else {
-      callRefCleanup(vnode._child);
-    }
-    vnode._child = void 0;
-  }
-  if (vnode.props?.children && typeof vnode.type === "string") {
-    const children = Array.isArray(vnode.props.children) ? vnode.props.children : [vnode.props.children];
-    for (const child of children) {
-      if (child && typeof child === "object") callRefCleanup(child);
-    }
-  }
-  if (typeof vnode.props?.ref === "function") vnode.props.ref(null);
-  if (vnode._remoteEl) {
-    cleanupPortalChildren(vnode);
-    vnode._remoteEl.remove();
-    vnode._remoteEl = void 0;
-  }
-}
-function cursorAdvance(c) {
-  c.node = c.node ? c.node.nextSibling : null;
-}
-function cursorInsert(c, n) {
-  if (c.node && c.node.parentNode) c.node.parentNode.insertBefore(n, c.node);
-  else c.parent.appendChild(n);
-}
-function cursorReplace(c, n) {
-  if (c.node && c.node.parentNode) {
-    c.node.parentNode.replaceChild(n, c.node);
-    cursorAdvance(c);
-  } else {
-    c.parent.appendChild(n);
-  }
-}
-async function renderValueHydrating(v, ctx, c) {
-  if (v == null || typeof v === "boolean") return null;
-  if (typeof v === "string" || typeof v === "number") {
-    const text = String(v);
-    if (c.node && c.node.nodeType === 3) {
-      if (c.node.textContent !== text) c.node.textContent = text;
-      cursorAdvance(c);
-      return c.node;
-    }
-    const tn = document.createTextNode(text);
-    cursorInsert(c, tn);
-    return tn;
-  }
-  if (Array.isArray(v)) {
-    let first = null;
-    for (const item of v) {
-      const n = await renderValueHydrating(item, ctx, c);
-      if (n != null && !first) first = n;
-    }
-    return first;
-  }
-  const vnode = v;
-  if (vnode.type === Portal || vnode.type === Fragment) {
-    const children = vnode.props?.children;
-    const arr = children == null ? [] : Array.isArray(children) ? children : [children];
-    let first = null;
-    for (const child of arr) {
-      const n = await renderValueHydrating(child, ctx, c);
-      if (n != null && !first) first = n;
-    }
-    return first;
-  }
-  if (typeof vnode.type === "function") {
-    return renderComponentHydrating(vnode, ctx, c);
-  }
-  const tag = vnode.type;
-  const props = vnode.props ?? {};
-  let el;
-  if (c.node && c.node.nodeType === 1 && c.node.tagName.toLowerCase() === tag.toLowerCase()) {
-    el = c.node;
-    cursorAdvance(c);
-  } else {
-    el = SVG_TAGS.has(tag) ? document.createElementNS(SVG_NS, tag) : document.createElement(tag);
-    cursorReplace(c, el);
-  }
-  vnode.el = el;
-  patchProps(el, null, props);
-  if ("innerHTML" in props) {
-  } else {
-    const childCursor = { parent: el, node: el.firstChild };
-    const children = flattenChildren(props.children);
-    for (const child of children) {
-      const n = await renderValueHydrating(child, ctx, childCursor);
-      if (n != null && n.parentNode !== el) el.appendChild(n);
-      if (child && typeof child === "object" && typeof child.type === "function") {
-        const childVNode = child;
-        if (!childVNode._parentNode) {
-          childVNode._parentNode = el;
-          childVNode._refNode = n;
-        }
-      }
-    }
-    while (childCursor.node) {
-      const n = childCursor.node;
-      childCursor.node = n.nextSibling;
-      n.parentNode?.removeChild(n);
-    }
-  }
-  if ("value" in props && el instanceof HTMLSelectElement) {
-    ;
-    el.value = String(props.value ?? "");
-  }
-  if (typeof props.ref === "function") props.ref(el);
-  return el;
-}
-async function renderComponentHydrating(vnode, ctx, c) {
-  ;
-  ctx.ui = ctx.ui ?? {};
-  if (!vnode._id) {
-    vnode._id = `_wf_${_idCounter++}`;
-    idRegistry.set(vnode._id, vnode);
-  }
-  const childCtx = Object.create(ctx);
-  childCtx.ui = Object.create(ctx.ui);
-  childCtx.ui._selfId = vnode._id;
-  childCtx.ui._selfVNode = vnode;
-  vnode._ctxVersion = childCtx.ui._ctxVersion ?? 0;
-  const Comp = vnode.type;
-  let childVNode;
-  try {
-    let def;
-    if (isAsyncComponent(Comp)) {
-      def = await resolveAsyncFactory(Comp, childCtx);
-    } else {
-      def = Comp;
-    }
-    const renderFn = def(vnode.props ?? {}, childCtx);
-    if (typeof renderFn !== "function") {
-      throw new Error(
-        `Component ${Comp.name || "anonymous"} must return a render function. Use (init_props, ctx) => (props) => VNode pattern.`
-      );
-    }
-    vnode._render = renderFn;
-    childVNode = renderFn(vnode.props ?? {});
-  } catch (e) {
-    const errHandler = ctx.ui?._errorHandler;
-    if (errHandler) {
-      errHandler(e);
-      childVNode = null;
-    } else {
-      console.error(
-        `[weifuwu] Component hydration error in <${Comp.name || "anonymous"}> (id: ${vnode._id ?? "?"})`,
-        e
-      );
-      childVNode = null;
-    }
-  }
-  if (childVNode == null) {
-    vnode._child = null;
-    return null;
-  }
-  vnode._child = childVNode;
-  const domNode = await renderValueHydrating(childVNode, childCtx, c);
-  if (!vnode._refNode) {
-    ;
-    vnode._refNode = domNode;
-  }
-  return domNode;
-}
-async function hydrateVNode(container, vnode, ctx) {
-  const cursor = { parent: container, node: container.firstChild };
-  await renderValueHydrating(vnode, ctx, cursor);
-  while (cursor.node) {
-    const n = cursor.node;
-    cursor.node = n.nextSibling;
-    n.parentNode?.removeChild(n);
-  }
-}
-
-// src/client/reactive.ts
-function createReactiveState(dirty) {
-  const proxyCache = /* @__PURE__ */ new WeakMap();
-  const watchers = /* @__PURE__ */ new Set();
-  const reactive = (target) => {
-    if (target === null || typeof target !== "object") return target;
-    if (proxyCache.has(target)) return proxyCache.get(target);
-    const proxy = new Proxy(target, {
-      set(target2, key, value) {
-        const old = Reflect.get(target2, key);
-        if (old === value) return true;
-        Reflect.set(target2, key, value);
-        dirty();
-        for (const w of watchers) w();
-        return true;
-      },
-      get(target2, key) {
-        const value = Reflect.get(target2, key);
-        if (typeof value === "object" && value !== null) return reactive(value);
-        return value;
-      },
-      deleteProperty(target2, key) {
-        if (Reflect.has(target2, key)) {
-          Reflect.deleteProperty(target2, key);
-          dirty();
-          for (const w of watchers) w();
-        }
-        return true;
-      }
-    });
-    proxyCache.set(target, proxy);
-    return proxy;
-  };
-  const root = reactive({});
-  Object.defineProperty(root, "__watch", {
-    value: (cb) => {
-      watchers.add(cb);
-      return () => {
-        watchers.delete(cb);
-      };
-    },
-    writable: false,
-    enumerable: false
-  });
-  return root;
-}
-
-// src/client/ai.ts
-var RECORD_LIMIT = 1e3;
-function aiStream(url, body, options) {
-  const controller = new AbortController();
-  const external = options?.signal;
-  if (external) {
-    if (external.aborted) controller.abort();
-    else external.addEventListener("abort", () => controller.abort(), { once: true });
-  }
-  const traceId = options?.traceId ?? randomId();
-  const record = options?.record !== false;
-  const events = [];
-  const done = (async () => {
-    let res;
-    try {
-      res = await fetch(url, {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json",
-          "X-Trace-Id": traceId,
-          Accept: "text/event-stream",
-          ...options?.headers
-        },
-        body: JSON.stringify(body),
-        signal: controller.signal
-      });
-    } catch (err) {
-      if (controller.signal.aborted) return;
-      options?.onError?.({ code: "provider_error", message: err instanceof Error ? err.message : String(err) });
-      return;
-    }
-    if (!res.ok) {
-      options?.onError?.({
-        code: httpErrorCode(res.status),
-        message: `HTTP ${res.status} ${res.statusText}`
-      });
-      return;
-    }
-    try {
-      for await (const { name, data } of parseWfEvents(res.body)) {
-        if (controller.signal.aborted) return;
-        pushEvent(events, { name, data }, record);
-        dispatch(name, data, options ?? {});
-      }
-    } catch (err) {
-      if (controller.signal.aborted) return;
-      options?.onError?.({ code: "provider_error", message: err instanceof Error ? err.message : String(err) });
-    }
-  })();
-  return {
-    abort: () => controller.abort(),
-    done,
-    traceId,
-    events
-  };
-}
-function dispatch(name, data, o) {
-  switch (name) {
-    case "wf:token":
-      return o.onToken?.(data.text);
-    case "wf:tool_call":
-      return o.onToolCall?.(data);
-    case "wf:tool_result":
-      return o.onToolResult?.(data);
-    case "wf:tool_progress":
-      return o.onToolProgress?.(data);
-    case "wf:step":
-      return o.onStep?.(data);
-    case "wf:approval_request":
-      return o.onApproval?.(data);
-    case "wf:usage":
-      return o.onUsage?.(data);
-    case "wf:done":
-      return o.onDone?.(data);
-    case "wf:error":
-      return o.onError?.(data);
-    default:
-      return o.onEvent?.(name, data);
-  }
-}
-async function* parseWfEvents(stream) {
-  const reader = stream.getReader();
-  const decoder = new TextDecoder();
-  let buffer = "";
-  try {
-    while (true) {
-      const { done, value } = await reader.read();
-      if (done) break;
-      buffer += decoder.decode(value, { stream: true });
-      const blocks = buffer.split("\n\n");
-      buffer = blocks.pop() ?? "";
-      for (const block of blocks) {
-        let name = "message";
-        let data = "";
-        for (const line of block.split("\n")) {
-          if (line.startsWith("event: ")) name = line.slice(7);
-          else if (line.startsWith("data: ")) data += line.slice(6);
-        }
-        if (!data) continue;
-        try {
-          yield { name, data: JSON.parse(data) };
-        } catch {
-        }
-      }
-    }
-  } finally {
-    reader.releaseLock();
-  }
-}
-function pushEvent(events, e, record) {
-  if (!record) return;
-  if (events.length >= RECORD_LIMIT) events.shift();
-  events.push(e);
-}
-function httpErrorCode(status) {
-  if (status === 401 || status === 403) return "auth_failed";
-  if (status === 429) return "rate_limited";
-  if (status >= 500) return "provider_error";
-  return "invalid_request";
-}
-function randomId() {
-  if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") {
-    return crypto.randomUUID();
-  }
-  return `trace-${Date.now()}-${Math.random().toString(36).slice(2, 10)}`;
-}
-
-// src/client/use-chat.ts
-function toChatMessages(msgs) {
-  return msgs.map((m) => ({ role: m.role, content: m.content }));
-}
-function uid() {
-  if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") {
-    return crypto.randomUUID();
-  }
-  return `msg-${Date.now()}-${Math.random().toString(36).slice(2, 10)}`;
-}
-function createChatSession(state, transport, options) {
-  if (options.initialMessages) {
-    state.messages = structuredClone(options.initialMessages);
-  } else if (state.messages === void 0) state.messages = [];
-  if (state.input === void 0) state.input = "";
-  if (state.streaming === void 0) state.streaming = false;
-  if (state.error === void 0) state.error = null;
-  if (state.usage === void 0) state.usage = null;
-  if (state.step === void 0) state.step = null;
-  let handle = null;
-  function current() {
-    if (!state.streaming) return void 0;
-    const m = state.messages[state.messages.length - 1];
-    return m && m.role === "assistant" && m.status === "streaming" ? m : void 0;
-  }
-  function apply(name, data, onEvent) {
-    const m = current();
-    switch (name) {
-      case "wf:token":
-        if (m) m.content += data.text;
-        break;
-      case "wf:tool_call": {
-        if (m) {
-          if (!m.toolCalls) m.toolCalls = [];
-          m.toolCalls.push({ call: data, status: "running" });
-        }
-        break;
-      }
-      case "wf:tool_progress": {
-        const p = data;
-        const tc = m?.toolCalls?.find((t) => t.call.id === p.toolCallId);
-        if (tc) tc.progress = p;
-        break;
-      }
-      case "wf:tool_result": {
-        const r = data;
-        const tc = m?.toolCalls?.find((t) => t.call.id === r.id);
-        if (tc) {
-          tc.result = r;
-          tc.status = r.ok ? "ok" : "error";
-        }
-        break;
-      }
-      case "wf:approval_request":
-        if (m) m.approval = data;
-        break;
-      case "wf:usage":
-        if (m) m.usage = data;
-        break;
-      case "wf:step":
-        state.step = data;
-        break;
-      case "wf:done":
-        if (m) {
-          m.status = "done";
-          m.approval = void 0;
-        }
-        state.streaming = false;
-        state.step = null;
-        break;
-      case "wf:error":
-        if (m) {
-          m.status = "error";
-          m.error = data;
-          m.approval = void 0;
-        }
-        state.error = data;
-        state.streaming = false;
-        state.step = null;
-        break;
-      default:
-        onEvent?.(name, data);
-        break;
-    }
-  }
-  function startStream() {
-    const body = options.body ? options.body(state.messages) : { messages: toChatMessages(state.messages) };
-    handle = transport(options.url, body, {
-      onToken: (t) => apply("wf:token", { text: t }),
-      onToolCall: (c) => apply("wf:tool_call", c),
-      onToolProgress: (p) => apply("wf:tool_progress", p),
-      onToolResult: (r) => apply("wf:tool_result", r),
-      onApproval: (req) => apply("wf:approval_request", req),
-      onUsage: (u) => apply("wf:usage", u),
-      onStep: (s) => apply("wf:step", s),
-      onDone: (d) => apply("wf:done", d),
-      onError: (e) => apply("wf:error", e),
-      onEvent: (n, d) => apply(n, d, options.onEvent)
-    }, { signal: options.signal, headers: options.headers });
-    state.streaming = true;
-    const m = current();
-    if (m && handle?.traceId) m.id = handle.traceId;
-  }
-  function send() {
-    if (state.streaming) return;
-    const text = String(state.input ?? "").trim();
-    if (!text) return;
-    state.input = "";
-    state.error = null;
-    state.usage = null;
-    state.step = null;
-    state.messages.push(
-      { id: uid(), role: "user", content: text, status: "done" },
-      { id: uid(), role: "assistant", content: "", status: "streaming", toolCalls: [] }
-    );
-    startStream();
-  }
-  function stop() {
-    handle?.abort();
-    state.streaming = false;
-    state.step = null;
-    const m = state.messages[state.messages.length - 1];
-    if (m && m.role === "assistant" && m.status === "streaming") {
-      if (!m.content && (!m.toolCalls || m.toolCalls.length === 0)) {
-        state.messages.pop();
-      } else {
-        m.status = "done";
-      }
-    }
-  }
-  function retry() {
-    if (state.streaming) return;
-    let idx = -1;
-    for (let i = state.messages.length - 1; i >= 0; i--) {
-      if (state.messages[i].role === "user") {
-        idx = i;
-        break;
-      }
-    }
-    if (idx === -1) return;
-    state.messages.splice(idx + 1);
-    state.error = null;
-    state.usage = null;
-    state.step = null;
-    state.messages.push({ id: uid(), role: "assistant", content: "", status: "streaming", toolCalls: [] });
-    startStream();
-  }
-  function clear() {
-    handle?.abort();
-    state.messages = [];
-    state.input = "";
-    state.streaming = false;
-    state.error = null;
-    state.usage = null;
-    state.step = null;
-  }
-  async function approve(decision, note) {
-    const m = state.messages[state.messages.length - 1];
-    const req = m?.role === "assistant" ? m.approval : void 0;
-    if (!req) return;
-    m.approval = void 0;
-    if (!options.approveUrl) return;
-    try {
-      await fetch(options.approveUrl, {
-        method: "POST",
-        headers: { "Content-Type": "application/json", ...options.headers },
-        body: JSON.stringify({ id: req.id, decision, note }),
-        signal: options.signal
-      });
-    } catch (err) {
-      if (options.signal?.aborted) return;
-      state.error = { code: "provider_error", message: err instanceof Error ? err.message : String(err) };
-    }
-  }
-  function dispose() {
-    handle?.abort();
-    handle = null;
-  }
-  return { send, stop, retry, clear, approve, dispose };
-}
-
-// src/client/app.ts
-function createApp() {
-  const middlewares = [];
-  let ctx = {};
-  let container = null;
-  let rootComponent = null;
-  let oldVNode = null;
-  let _rendering = false;
-  let _dirtyBatch = /* @__PURE__ */ new Set();
-  let _dirtyScheduled = false;
-  const _mediaRegistry = /* @__PURE__ */ new Map();
-  const _popupTrackers = /* @__PURE__ */ new Map();
-  let _popupListenersReady = false;
-  let _popupRaf = 0;
-  function schedulePopupRecompute() {
-    if (_popupRaf) return;
-    _popupRaf = requestAnimationFrame(() => {
-      _popupRaf = 0;
-      const ids = [];
-      for (const [id, t] of _popupTrackers) {
-        if (!t.isOpen()) continue;
-        const el = t.getEl();
-        if (!el) continue;
-        const p = t.compute(el.getBoundingClientRect());
-        Object.assign(t.pos, p);
-        ids.push(id);
-      }
-      if (ids.length > 0) ctx.ui.render(ids);
-    });
-  }
-  function renderByIds(ids) {
-    if (_rendering) return;
-    _rendering = true;
-    for (const id of ids) {
-      const vnode = idRegistry.get(id);
-      if (!vnode || !vnode._render) continue;
-      ctx.ui._dirtySet?.delete(id);
-      const oldChild = vnode._child;
-      const newChild = vnode._render(vnode.props);
-      vnode._child = newChild;
-      if (oldChild && oldChild._placement === "remote" || newChild && newChild._placement === "remote") {
-        if (oldChild && newChild) {
-          patchPortal(oldChild, newChild, ctx);
-        } else if (newChild) {
-          renderPortal(newChild, ctx);
-        } else if (oldChild) {
-          callRefCleanup(oldChild);
-        }
-        continue;
-      }
-      if (!vnode._parentNode && vnode._refNode) {
-        ;
-        vnode._parentNode = vnode._refNode.parentNode;
-      }
-      if (vnode._parentNode) {
-        const newNode = patchValue(
-          vnode._parentNode,
-          vnode._refNode ?? null,
-          oldChild,
-          newChild,
-          ctx
-        );
-        if (newNode && newNode !== vnode._refNode) {
-          vnode._refNode = newNode;
-        } else if (!newNode) {
-          ;
-          vnode._refNode = null;
-        }
-      }
-    }
-    _rendering = false;
-    flushDirtyBatch();
-  }
-  function flushDirtyBatch() {
-    if (_dirtyBatch.size > 0 && !_dirtyScheduled) {
-      _dirtyScheduled = true;
-      queueMicrotask(() => {
-        _dirtyScheduled = false;
-        const batch = [..._dirtyBatch];
-        _dirtyBatch.clear();
-        if (batch.length > 0) renderByIds(batch);
-      });
-    }
-  }
-  function getSelfId(uiObj) {
-    return uiObj?._selfId ?? ctx.ui?._selfId;
-  }
-  const app = {
-    get ctx() {
-      return ctx;
-    },
-    use(mw) {
-      middlewares.push(mw);
-      return app;
-    },
-    async mount(rootSelector, RootComponent, options) {
-      rootComponent = RootComponent;
-      for (const mw of middlewares) {
-        ctx = await mw(ctx);
-      }
-      const el = typeof rootSelector === "string" ? document.querySelector(rootSelector) : rootSelector;
-      if (!el) throw new Error(`mount target not found: ${rootSelector}`);
-      container = el;
-      const hydrating = !!options?.hydrate;
-      if (!hydrating) container.innerHTML = "";
-      const dataCache = /* @__PURE__ */ new Map();
-      const hydratedData = globalThis.__DATA__;
-      if (hydratedData && typeof hydratedData === "object") {
-        for (const [k, v] of Object.entries(hydratedData)) {
-          dataCache.set(k, { value: v });
-        }
-      }
-      ;
-      ctx.data = {
-        async get(key, fetcher) {
-          const entry = dataCache.get(key);
-          if (entry && "value" in entry) return entry.value;
-          if (entry?.promise) return entry.promise;
-          if (!fetcher) return void 0;
-          const promise = Promise.resolve().then(() => fetcher()).then((val) => {
-            dataCache.set(key, { value: val });
-            return val;
-          });
-          dataCache.set(key, { promise });
-          return promise;
-        },
-        set(key, value) {
-          dataCache.set(key, { value });
-        },
-        has(key) {
-          return dataCache.has(key);
-        }
-      };
-      ctx.ui = {
-        _selfId: "_wf_root",
-        // ── ctx 版本号（供三态 skip 判定） ──
-        _ctxVersion: 0,
-        _dirtySet: /* @__PURE__ */ new Set(),
-        bumpCtxVersion: function() {
-          this._ctxVersion++;
-        },
-        /** 同步刷新（无参 = 当前组件，传参 = 指定组件列表） */
-        render: function(ids) {
-          if (!ids || ids.length === 0) {
-            const selfId = getSelfId(this);
-            if (selfId) ids = [selfId];
-            else return;
-          }
-          renderByIds(ids);
-        },
-        /** 异步刷新（微任务批处理，无参 = 当前组件） */
-        dirty: function(ids) {
-          if (_rendering) return;
-          if (!ids || ids.length === 0) {
-            const selfId = getSelfId(this);
-            if (selfId) ids = [selfId];
-            else return;
-          }
-          for (const id of ids) {
-            if (id) {
-              _dirtyBatch.add(id);
-              ctx.ui._dirtySet.add(id);
-            }
-          }
-          if (!_dirtyScheduled) {
-            _dirtyScheduled = true;
-            queueMicrotask(() => {
-              _dirtyScheduled = false;
-              const batch = [..._dirtyBatch];
-              _dirtyBatch.clear();
-              if (batch.length > 0) renderByIds(batch);
-            });
-          }
-        },
-        /** 创建响应式状态容器：$.x = val 自动触发 dirty() */
-        $: function() {
-          if (!this._$cache) {
-            const selfId = getSelfId(this);
-            this._$cache = createReactiveState(() => ctx.ui.dirty([selfId]));
-          }
-          return this._$cache;
-        },
-        /**
-         * AI 对话会话（会话语义 + 工具调用内嵌 + HITL 审批）
-         *
-         * 用法（mount 阶段）：
-         *   const $ = ctx.ui.useChat({ url: '/api/chat', approveUrl: '/api/approve' })
-         *   // 状态：$.messages / $.input / $.streaming / $.error / $.usage / $.step
-         *   // 操作：$.send() / $.stop() / $.retry() / $.clear() / $.approve('approved', note?)
-         *   // agent：msg.toolCalls（ToolCallCard 直接消费） / msg.approval（ApprovalCard）
-         *
-         * 返回组件同一个 $（WeakMap 缓存复用）：chat 状态与页面状态共处一个容器。
-         * 卸载时调用 $.dispose()（或经 ref cleanup）中止流，防泄漏。
-         */
-        useChat: function(options2) {
-          const state = this.$();
-          const api2 = createChatSession(state, aiStream, options2);
-          Object.assign(state, {
-            send: api2.send,
-            stop: api2.stop,
-            retry: api2.retry,
-            clear: api2.clear,
-            approve: api2.approve,
-            dispose: api2.dispose
-          });
-          return state;
-        },
-        /**
-         * 响应式媒体查询：注册监听，值变化时自动 dirty
-         *
-         * 用法：
-         *   const $ = ctx.ui.$()
-         *   ctx.ui.useMedia('(max-width: 640px)', (v) => { $.isMobile = v })
-         *
-         * callback 会立即执行一次（取当前值），之后在变化时再次执行
-         */
-        useMedia: function(query, callback) {
-          const selfId = getSelfId(this);
-          const key = `media:${selfId}:${query}`;
-          if (!_mediaRegistry.has(key)) {
-            const mql = window.matchMedia(query);
-            callback(mql.matches);
-            const handler = (e) => callback(e.matches);
-            mql.addEventListener("change", handler);
-            _mediaRegistry.set(key, { mql, handler });
-          }
-        },
-        /**
-         * 响应式断点：注册命名断点监听，值变化时自动 dirty
-         *
-         * 用法：
-         *   const $ = ctx.ui.$()
-         *   ctx.ui.useBreakpoint((vp) => { $.vp = vp })
-         *   // vp: 'mobile' | 'tablet' | 'desktop'
-         *
-         * 自定义断点：
-         *   ctx.ui.useBreakpoint(
-         *     { narrow: '(max-width: 480px)', wide: '(min-width: 1200px)' },
-         *     (vp) => { $.size = vp }
-         *   )
-         */
-        useBreakpoint: function(bpsOrCallback, callback) {
-          const bps = typeof bpsOrCallback === "function" ? { mobile: "(max-width: 639px)", tablet: "(min-width: 640px) and (max-width: 1023px)", desktop: "(min-width: 1024px)" } : bpsOrCallback;
-          const cb = typeof bpsOrCallback === "function" ? bpsOrCallback : callback;
-          const selfId = getSelfId(this);
-          const key = `bp:${selfId}`;
-          function evaluate() {
-            for (const [name, query] of Object.entries(bps)) {
-              if (window.matchMedia(query).matches) return name;
-            }
-            return Object.keys(bps)[0] ?? "";
-          }
-          if (!_mediaRegistry.has(key)) {
-            cb(evaluate());
-            const handlers = [];
-            for (const query of Object.values(bps)) {
-              const mql = window.matchMedia(query);
-              const handler = () => cb(evaluate());
-              mql.addEventListener("change", handler);
-              handlers.push(() => mql.removeEventListener("change", handler));
-            }
-            _mediaRegistry.set(key, { mql: null, handler: null });
-          }
-        },
-        /**
-         * 弹层位置跟踪：滚动/resize 时自动重算 fixed 坐标
-         *
-         * 用法（mount 阶段）：
-         *   const pos = ctx.ui.usePopupPosition({
-         *     el: () => inputEl,                    // ref 保存的锚定元素
-         *     isOpen: () => show,                   // 弹层是否显示
-         *     compute: (r) => ({ top: r.bottom + 4, left: r.left }),
-         *   })
-         *
-         * pos 是稳定对象，render 闭包直接读取 top/left；
-         * 滚动/resize 时自动重算并定向刷新；打开弹层瞬间调用 pos.refresh()。
-         */
-        usePopupPosition: function(options2) {
-          const selfId = getSelfId(this);
-          const pos = { top: 0, left: 0, refresh: () => {
-          } };
-          if (!selfId) return pos;
-          const tracker = {
-            pos,
-            getEl: options2.el,
-            isOpen: options2.isOpen,
-            compute: options2.compute
-          };
-          _popupTrackers.set(selfId, tracker);
-          if (!_popupListenersReady) {
-            _popupListenersReady = true;
-            window.addEventListener("scroll", schedulePopupRecompute, { capture: true, passive: true });
-            window.addEventListener("resize", schedulePopupRecompute);
-          }
-          pos.refresh = () => {
-            const el2 = tracker.getEl();
-            if (!el2) return;
-            Object.assign(pos, tracker.compute(el2.getBoundingClientRect()));
-          };
-          return pos;
-        },
-        /** 注册组件实例的自定义 ID（用于跨组件精准刷新） */
-        selfId: function(name) {
-          if (typeof name !== "string" || !name) {
-            throw new Error(`[weifuwu] selfId requires a non-empty string, got ${typeof name}`);
-          }
-          if (idRegistry.has(name)) {
-            throw new Error(
-              `[weifuwu] Duplicate component ID: "${name}". Each component must have a unique custom ID.`
-            );
-          }
-          const vnode = this._selfVNode;
-          if (!vnode) return;
-          vnode._customId = name;
-          idRegistry.set(name, vnode);
-        }
-      };
-      _rendering = true;
-      oldVNode = wrapComponent(RootComponent, ctx);
-      oldVNode._id = "_wf_root";
-      oldVNode._parentNode = container;
-      oldVNode._refNode = hydrating ? container.firstChild : null;
-      idRegistry.set("_wf_root", oldVNode);
-      if (hydrating) {
-        await hydrateVNode(container, oldVNode, ctx);
-      } else {
-        const node = render(oldVNode, ctx);
-        if (node instanceof Node) container.appendChild(node);
-      }
-      oldVNode._refNode = container.firstChild;
-      _rendering = false;
-      flushDirtyBatch();
-    },
-    destroy() {
-      if (container) container.innerHTML = "";
-      container = null;
-      ctx = {};
-      if (_popupListenersReady) {
-        window.removeEventListener("scroll", schedulePopupRecompute, { capture: true });
-        window.removeEventListener("resize", schedulePopupRecompute);
-        _popupListenersReady = false;
-        _popupTrackers.clear();
-      }
-    }
-  };
-  return app;
-}
-function wrapComponent(Comp, _ctx) {
-  return { type: Comp, props: {}, key: void 0 };
-}
-
-// src/client/route-match.ts
-function joinPaths(a, b) {
-  if (!b || b === "/") return a || "/";
-  const left = a.endsWith("/") ? a.slice(0, -1) : a;
-  const right = b.startsWith("/") ? b : "/" + b;
-  return left + right;
-}
-function compilePath(path) {
-  const keys = [];
-  const reStr = path.replace(/:(\w+)/g, (_, key) => {
-    keys.push(key);
-    return "([^/]+)";
-  }).replace(/\*/g, ".*");
-  return { re: new RegExp(`^${reStr}$`), keys };
-}
-function flattenRoutes(routes, basePath = "", chain = []) {
-  const result = [];
-  for (const route of routes) {
-    const fullPath = joinPaths(basePath, route.path);
-    const { re, keys } = compilePath(fullPath);
-    const fullChain = [...chain, route];
-    result.push({ re, keys, def: route, chain: fullChain });
-    if (route.children) {
-      result.push(...flattenRoutes(route.children, fullPath, fullChain));
-    }
-  }
-  return result;
-}
-function matchRoute(path, routes) {
-  let best = null;
-  for (const fr of routes) {
-    if (path.match(fr.re)) {
-      if (!best || fr.chain.length > best.chain.length) best = fr;
-    }
-  }
-  return best;
-}
-function extractParams(path, match) {
-  const params = {};
-  const m = path.match(match.re);
-  if (m) {
-    for (let i = 0; i < match.keys.length; i++) {
-      params[match.keys[i]] = decodeURIComponent(m[i + 1]);
-    }
-  }
-  return params;
-}
-
-// src/client/router.ts
-function router(opts) {
-  const flatRoutes = flattenRoutes(opts.routes);
-  const mode = opts.mode || "history";
-  function getPath() {
-    if (mode === "hash") {
-      const hash = window.location.hash.replace(/^#/, "") || "/";
-      return hash;
-    }
-    return window.location.pathname;
-  }
-  function resolve(path) {
-    const match = matchRoute(path, flatRoutes);
-    if (match) {
-      const last = match.chain[match.chain.length - 1];
-      return {
-        path: match.def.path,
-        params: extractParams(path, match),
-        query: Object.fromEntries(new URLSearchParams(window.location.search)),
-        chain: match.chain,
-        title: last?.title ?? ""
-      };
-    }
-    return {
-      path,
-      params: {},
-      query: Object.fromEntries(new URLSearchParams(window.location.search)),
-      chain: opts.notFound ? [{ component: opts.notFound, title: "Not Found" }] : [],
-      title: ""
-    };
-  }
-  return (ctx) => {
-    const resolved = resolve(getPath());
-    ctx.route = resolved;
-    if (resolved.title) document.title = resolved.title;
-    if (!ctx.app) ctx.app = {};
-    ctx.app.navigate = (path) => {
-      clearAsyncComponentCache();
-      if (mode === "hash") {
-        window.location.hash = "#" + path;
-        const resolved2 = resolve(path);
-        ctx.route = resolved2;
-      } else {
-        window.history.pushState({}, "", path);
-        const resolved2 = resolve(path);
-        ctx.route = resolved2;
-      }
-      if (ctx.route?.title) document.title = ctx.route.title;
-      ctx.ui?.bumpCtxVersion?.();
-      ctx.ui?.render();
-    };
-    const onPop = () => {
-      clearAsyncComponentCache();
-      const resolved2 = resolve(getPath());
-      ctx.route = resolved2;
-      if (ctx.route?.title) document.title = ctx.route.title;
-      ctx.ui?.bumpCtxVersion?.();
-      ctx.ui?.render();
-    };
-    window.addEventListener("popstate", onPop);
-    if (mode === "hash") {
-      window.addEventListener("hashchange", onPop);
-    }
-    return ctx;
-  };
-}
-function RouteView(_props, ctx) {
-  const _depth = ctx.route?._rvDepth ?? 0;
-  return () => {
-    const route = ctx.route;
-    if (!route?.chain?.length || _depth >= route.chain.length) return null;
-    const def = route.chain[_depth];
-    const Comp = def.layout ?? def.component;
-    if (!Comp) return null;
-    if (def.layout) {
-      route._rvDepth = _depth + 1;
-    }
-    return { type: Comp, props: {}, key: void 0 };
-  };
-}
-
-// src/client/types.ts
-function extendCtx(ctx, fields) {
-  return Object.assign(Object.create(ctx), fields);
-}
-
-// src/client/middleware/ws.ts
-function ws(options = {}) {
-  const wsUrl = options.url ?? "/ws";
-  const reconnectInterval = options.reconnectInterval ?? 3e3;
-  const maxReconnect = options.maxReconnect ?? 10;
-  const pingIntervalMs = options.pingInterval ?? 3e4;
-  const pingTimeoutMs = options.pingTimeout ?? 1e4;
-  return (ctx) => {
-    const messageHandlers = /* @__PURE__ */ new Set();
-    let socket = null;
-    let reconnectAttempts = 0;
-    let reconnectTimer = null;
-    let pingTimer = null;
-    let pingTimeoutTimer = null;
-    let destroyed = false;
-    const wsClient = {
-      isConnected: false,
-      onMessage: (fn) => {
-        messageHandlers.add(fn);
-        return () => {
-          messageHandlers.delete(fn);
-        };
-      },
-      send: (msg) => {
-        if (socket?.readyState === WebSocket.OPEN) {
-          socket.send(JSON.stringify(msg));
-        }
-      },
-      _connect: connect,
-      /** 断开连接并清理所有定时器 */
-      close: () => {
-        destroyed = true;
-        clearTimers();
-        socket?.close();
-        socket = null;
-        wsClient.isConnected = false;
-      }
-    };
-    async function connect() {
-      if (destroyed) return;
-      try {
-        socket = new WebSocket(wsUrl);
-        socket.onopen = () => {
-          wsClient.isConnected = true;
-          reconnectAttempts = 0;
-          startPing();
-        };
-        socket.onmessage = (e) => {
-          try {
-            const data = JSON.parse(e.data);
-            for (const handler of messageHandlers) handler(data);
-          } catch {
-          }
-          resetPingTimeout();
-        };
-        socket.onclose = () => {
-          wsClient.isConnected = false;
-          clearTimers();
-          if (!destroyed && reconnectAttempts < maxReconnect) {
-            reconnectAttempts++;
-            reconnectTimer = setTimeout(connect, reconnectInterval * Math.min(reconnectAttempts, 5));
-          }
-        };
-        socket.onerror = () => {
-          socket?.close();
-        };
-      } catch {
-        if (!destroyed) {
-          reconnectTimer = setTimeout(connect, reconnectInterval);
-        }
-      }
-    }
-    function startPing() {
-      if (pingIntervalMs <= 0) return;
-      pingTimer = setInterval(() => {
-        if (socket?.readyState === WebSocket.OPEN) {
-          socket.send(JSON.stringify({ type: "ping" }));
-        }
-        pingTimeoutTimer = setTimeout(() => {
-          socket?.close();
-        }, pingTimeoutMs);
-      }, pingIntervalMs);
-    }
-    function resetPingTimeout() {
-      clearTimeout(pingTimeoutTimer);
-    }
-    function clearTimers() {
-      clearInterval(pingTimer);
-      clearTimeout(pingTimeoutTimer);
-      clearTimeout(reconnectTimer);
-    }
-    connect();
-    return extendCtx(ctx, { ws: wsClient });
-  };
-}
-
-// src/client/middleware/api.ts
-function api(options) {
-  const opts = {
-    baseURL: options?.baseURL ?? "",
-    headers: { "Content-Type": "application/json", ...options?.headers }
-  };
-  const onRequest = options?.onRequest;
-  const onResponse = options?.onResponse;
-  const timeoutMs = options?.timeout ?? 0;
-  async function request(method, url, body, reqOpts) {
-    const fullURL = opts.baseURL + url;
-    const init = {
-      method,
-      headers: { ...opts.headers, ...reqOpts?.headers }
-    };
-    const hasTimeout = timeoutMs > 0;
-    const hasUserSignal = !!reqOpts?.signal;
-    let abortController = null;
-    let timer = null;
-    if (hasTimeout || hasUserSignal) {
-      abortController = new AbortController();
-      init.signal = abortController.signal;
-      if (hasTimeout) {
-        timer = setTimeout(() => abortController.abort(new Error("Request timed out")), timeoutMs);
-      }
-      if (hasUserSignal) {
-        reqOpts.signal.addEventListener("abort", () => abortController.abort());
-      }
-    }
-    if (body !== void 0 && method !== "GET" && method !== "HEAD") {
-      init.body = JSON.stringify(body);
-    }
-    let finalReq = { url: fullURL, init };
-    if (onRequest) {
-      finalReq = onRequest(finalReq);
-    }
-    try {
-      const res = await fetch(finalReq.url, finalReq.init);
-      if (onResponse) {
-        return onResponse(res);
-      }
-      if (!res.ok) {
-        const text = await res.text().catch(() => "");
-        throw new ApiError(res.status, text || res.statusText);
-      }
-      const contentLength = res.headers.get("content-length");
-      if (res.status === 204 || contentLength === "0") {
-        return void 0;
-      }
-      const ct = (res.headers.get("content-type") || "").toLowerCase();
-      if (ct.includes("application/json") || ct.includes("json")) {
-        return res.json();
-      }
-      return res.text();
-    } finally {
-      if (timer) clearTimeout(timer);
-    }
-  }
-  return (ctx) => {
-    const client = {
-      get: (url, reqOpts) => request("GET", url, void 0, reqOpts),
-      post: (url, body, reqOpts) => request("POST", url, body, reqOpts),
-      put: (url, body, reqOpts) => request("PUT", url, body, reqOpts),
-      patch: (url, body, reqOpts) => request("PATCH", url, body, reqOpts),
-      delete: (url, reqOpts) => request("DELETE", url, void 0, reqOpts)
-    };
-    return extendCtx(ctx, { api: client });
-  };
-}
-var ApiError = class extends Error {
-  status;
-  body;
-  constructor(status, body) {
-    super(`API Error ${status}: ${body}`);
-    this.name = "ApiError";
-    this.status = status;
-    this.body = body;
-  }
-};
-
-// src/client/middleware/auth.ts
-function decodeJWT(token) {
-  try {
-    const parts = token.split(".");
-    if (parts.length !== 3) return null;
-    const payload = parts[1].replace(/-/g, "+").replace(/_/g, "/");
-    return JSON.parse(atob(payload));
-  } catch {
-    return null;
-  }
-}
-function isTokenExpired(token) {
-  const payload = decodeJWT(token);
-  if (!payload?.exp) return true;
-  return payload.exp * 1e3 - 3e4 < Date.now();
-}
-function auth(options) {
-  const storage = options?.storage ?? localStorage;
-  const tokenKey = options?.tokenKey ?? "weifuwu_token";
-  const userKey = options?.userKey ?? "weifuwu_user";
-  const refreshTokenKey = options?.refreshTokenKey ?? "weifuwu_refresh";
-  const refreshEndpoint = options?.refreshEndpoint ?? "/api/auth/refresh";
-  return (ctx) => {
-    const savedToken = storage.getItem(tokenKey);
-    const savedUserStr = storage.getItem(userKey);
-    const authClient = {
-      token: savedToken,
-      user: savedUserStr ? JSON.parse(savedUserStr) : null,
-      get isLoggedIn() {
-        return this.token !== null;
-      },
-      login(newToken, newUser, refreshToken) {
-        authClient.token = newToken;
-        authClient.user = newUser;
-        storage.setItem(tokenKey, newToken);
-        storage.setItem(userKey, JSON.stringify(newUser));
-        if (refreshToken) storage.setItem(refreshTokenKey, refreshToken);
-      },
-      logout() {
-        authClient.token = null;
-        authClient.user = null;
-        storage.removeItem(tokenKey);
-        storage.removeItem(userKey);
-        storage.removeItem(refreshTokenKey);
-      },
-      setUser(newUser) {
-        authClient.user = newUser;
-        storage.setItem(userKey, JSON.stringify(newUser));
-      },
-      async refresh() {
-        const rt = storage.getItem(refreshTokenKey);
-        if (!rt) return false;
-        try {
-          const res = await fetch(refreshEndpoint, {
-            method: "POST",
-            headers: { "Content-Type": "application/json" },
-            body: JSON.stringify({ refreshToken: rt })
-          });
-          if (!res.ok) {
-            authClient.logout();
-            return false;
-          }
-          const data = await res.json();
-          authClient.token = data.token;
-          storage.setItem(tokenKey, data.token);
-          if (data.refreshToken) storage.setItem(refreshTokenKey, data.refreshToken);
-          return true;
-        } catch {
-          return false;
-        }
-      }
-    };
-    if (savedToken && isTokenExpired(savedToken)) {
-      authClient.refresh().catch(() => {
-      });
-    }
-    return extendCtx(ctx, { auth: authClient });
-  };
-}
-
-// src/client/error-boundary.ts
-function ErrorBoundary(props, ctx) {
-  let error = null;
-  return (props2) => {
-    if (error) {
-      const fb = props2.fallback;
-      if (typeof fb === "function") {
-        return fb({ error });
-      }
-      return fb ?? null;
-    }
-    ;
-    ctx.ui._errorHandler = (err) => {
-      error = err;
-      ctx.ui.render();
-    };
-    const children = props2.children;
-    try {
-      return children ?? null;
-    } catch (e) {
-      error = e;
-      const fb = props2.fallback;
-      if (typeof fb === "function") {
-        return fb({ error: e });
-      }
-      return fb ?? null;
-    }
-  };
-}
-
-// src/client/locale/zh_CN.ts
-var zhCN = {
-  components: {
-    Button: { loading: "\u52A0\u8F7D\u4E2D..." },
-    FileUpload: {
-      placeholder: "\u70B9\u51FB\u6216\u62D6\u62FD\u4E0A\u4F20\u6587\u4EF6",
-      supportedFormats: "\u652F\u6301\u683C\u5F0F: ",
-      maxSize: "\u6700\u5927 ",
-      remove: "\u5220\u9664"
-    },
-    Pagination: { ariaLabel: "\u5206\u9875" },
-    ProgressBar: { ariaLabel: "\u8FDB\u5EA6" },
-    Switch: { ariaLabel: "\u5207\u6362" },
-    Breadcrumb: { ariaLabel: "\u9762\u5305\u5C51" },
-    Modal: { ariaLabel: "\u5F39\u7A97" },
-    Confirm: { confirmText: "\u786E\u5B9A", cancelText: "\u53D6\u6D88" },
-    Drawer: { ariaLabel: "\u4FA7\u8FB9\u9762\u677F" },
-    DatePicker: {
-      w0: "\u65E5",
-      w1: "\u4E00",
-      w2: "\u4E8C",
-      w3: "\u4E09",
-      w4: "\u56DB",
-      w5: "\u4E94",
-      w6: "\u516D",
-      hour: "\u65F6",
-      minute: "\u5206",
-      time: "\u65F6\u95F4",
-      confirm: "\u786E\u5B9A",
-      cancel: "\u53D6\u6D88",
-      placeholder: "\u9009\u62E9\u65E5\u671F"
-    }
-  }
-};
-
-// src/client/locale/en_US.ts
-var enUS = {
-  components: {
-    Button: { loading: "Loading..." },
-    FileUpload: {
-      placeholder: "Click or drag to upload",
-      supportedFormats: "Supported formats: ",
-      maxSize: "Max size: ",
-      remove: "Remove"
-    },
-    Pagination: { ariaLabel: "Pagination" },
-    ProgressBar: { ariaLabel: "Progress" },
-    Switch: { ariaLabel: "Toggle" },
-    Breadcrumb: { ariaLabel: "Breadcrumb" },
-    Modal: { ariaLabel: "Dialog" },
-    Confirm: { confirmText: "OK", cancelText: "Cancel" },
-    Drawer: { ariaLabel: "Panel" },
-    DatePicker: {
-      w0: "Su",
-      w1: "Mo",
-      w2: "Tu",
-      w3: "We",
-      w4: "Th",
-      w5: "Fr",
-      w6: "Sa",
-      hour: "Hour",
-      minute: "Min",
-      time: "Time",
-      confirm: "OK",
-      cancel: "Cancel",
-      placeholder: "Pick a date"
-    }
-  }
-};
-
-// src/client/i18n.ts
-var LOCALE_PACKAGES = {
-  "zh-CN": zhCN,
-  "en-US": enUS
-};
-function resolveLang(locale) {
-  if (LOCALE_PACKAGES[locale]) return locale;
-  const prefix = locale.split("-")[0];
-  const match = Object.keys(LOCALE_PACKAGES).find((k) => k.startsWith(prefix));
-  return match ?? "zh-CN";
-}
-function i18n(opts = {}) {
-  const { locale: raw = "zh-CN", messages = {}, components = {} } = opts;
-  const lang = resolveLang(raw);
-  const pkg = LOCALE_PACKAGES[lang];
-  let merged = mergeLocales(pkg, messages, components);
-  const state = {
-    locale: lang,
-    t: (key, fallback) => merged.messages?.[key] ?? fallback ?? key,
-    setLocale: () => {
-    },
-    components: merged.components
-  };
-  return (ctx) => {
-    ;
-    ctx.i18n = state;
-    state.setLocale = (raw2) => {
-      const lang2 = resolveLang(raw2);
-      const pkg2 = LOCALE_PACKAGES[lang2];
-      if (!pkg2) return;
-      merged = mergeLocales(pkg2, messages, components);
-      state.locale = lang2;
-      state.components = merged.components;
-      ctx?.ui?.bumpCtxVersion?.();
-      ctx?.ui?.render();
-    };
-    return ctx;
-  };
-}
-function mergeLocales(pkg, userMessages, userComponents) {
-  return {
-    messages: { ...pkg?.messages, ...userMessages },
-    components: deepMerge(pkg?.components ?? {}, userComponents)
-  };
-}
-function deepMerge(a, b) {
-  const result = { ...a };
-  for (const key of Object.keys(b)) {
-    if (typeof b[key] === "object" && b[key] !== null && typeof result[key] === "object") {
-      result[key] = { ...result[key], ...b[key] };
-    } else {
-      result[key] = b[key];
-    }
-  }
-  return result;
-}
-
-// src/client/scroll-lock.ts
-var lockedCount = 0;
-var originalOverflow = "";
-var originalPosition = "";
-var originalTop = "";
-var originalWidth = "";
-var scrollY = 0;
-function canLock() {
-  return typeof window !== "undefined" && typeof document !== "undefined";
-}
-function lockScroll() {
-  lockedCount++;
-  if (lockedCount > 1) return;
-  if (!canLock()) return;
-  scrollY = window.scrollY;
-  const body = document.body;
-  originalOverflow = body.style.overflow;
-  originalPosition = body.style.position;
-  originalTop = body.style.top;
-  originalWidth = body.style.width;
-  body.style.overflow = "hidden";
-  const isIOS = /iPhone|iPad|iPod/.test(navigator.platform) || /Mac/.test(navigator.platform) && "ontouchend" in document;
-  if (isIOS) {
-    body.style.position = "fixed";
-    body.style.top = `-${scrollY}px`;
-    body.style.width = "100%";
-  }
-}
-function unlockScroll() {
-  lockedCount--;
-  if (lockedCount > 0) return;
-  if (!canLock()) return;
-  const body = document.body;
-  body.style.overflow = originalOverflow;
-  body.style.position = originalPosition;
-  body.style.top = originalTop;
-  body.style.width = originalWidth;
-  if (scrollY > 0) window.scrollTo(0, scrollY);
-}
-
-// src/client/focus-trap.ts
-var FOCUSABLE = 'a[href], button:not([disabled]), input:not([disabled]), textarea:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])';
-function trapFocus(container) {
-  const focusable = container.querySelectorAll(FOCUSABLE);
-  if (focusable.length === 0) return () => {
-  };
-  const first = focusable[0];
-  const last = focusable[focusable.length - 1];
-  const handler = (e) => {
-    if (e.key !== "Tab") return;
-    if (e.shiftKey && document.activeElement === first) {
-      e.preventDefault();
-      last.focus();
-    } else if (!e.shiftKey && document.activeElement === last) {
-      e.preventDefault();
-      first.focus();
-    }
-  };
-  const prevFocused = document.activeElement;
-  first.focus();
-  container.addEventListener("keydown", handler);
-  return () => {
-    container.removeEventListener("keydown", handler);
-    prevFocused?.focus();
-  };
-}
-
-// src/client/popup.ts
-function computeFixedPosRect(rect, placement = "bottom", gap = 6, center = true) {
-  switch (placement) {
-    case "bottom":
-      return {
-        top: rect.bottom + gap,
-        left: center ? rect.left + rect.width / 2 : rect.left
-      };
-    case "top":
-      return {
-        top: rect.top - gap,
-        left: center ? rect.left + rect.width / 2 : rect.left
-      };
-    case "left":
-      return {
-        top: center ? rect.top + rect.height / 2 : rect.top,
-        left: rect.left - gap
-      };
-    case "right":
-      return {
-        top: center ? rect.top + rect.height / 2 : rect.top,
-        left: rect.right + gap
-      };
-  }
-}
-function computeFixedPos(el, placement = "bottom", gap = 6, center = true) {
-  return computeFixedPosRect(el.getBoundingClientRect(), placement, gap, center);
-}
-export {
-  ApiError,
-  ErrorBoundary,
-  Fragment,
-  Portal,
-  RouteView,
-  aiStream,
-  api,
-  asyncComponent,
-  auth,
-  computeFixedPos,
-  computeFixedPosRect,
-  createApp,
-  createPortal,
-  enUS,
-  extendCtx,
-  h,
-  i18n,
-  isAsyncComponent,
-  jsx,
-  jsxDEV,
-  jsxs,
-  lockScroll,
-  router,
-  toChatMessages,
-  trapFocus,
-  unlockScroll,
-  ws,
-  zhCN
-};
+`);o=i.pop()??"";for(let l of i){let a="message",u="";for(let m of l.split(`
+`))m.startsWith("event: ")?a=m.slice(7):m.startsWith("data: ")&&(u+=m.slice(6));if(u)try{yield{name:a,data:JSON.parse(u)}}catch{}}}}finally{t.releaseLock()}}function lt(e,t,n){n&&(e.length>=1e3&&e.shift(),e.push(t))}function ut(e){return e===401||e===403?"auth_failed":e===429?"rate_limited":e>=500?"provider_error":"invalid_request"}function ct(){return typeof crypto<"u"&&typeof crypto.randomUUID=="function"?crypto.randomUUID():`trace-${Date.now()}-${Math.random().toString(36).slice(2,10)}`}function Se(e){return e.map(t=>({role:t.role,content:t.content}))}function ce(){return typeof crypto<"u"&&typeof crypto.randomUUID=="function"?crypto.randomUUID():`msg-${Date.now()}-${Math.random().toString(36).slice(2,10)}`}function Ee(e,t,n){n.initialMessages?e.messages=structuredClone(n.initialMessages):e.messages===void 0&&(e.messages=[]),e.input===void 0&&(e.input=""),e.streaming===void 0&&(e.streaming=!1),e.error===void 0&&(e.error=null),e.usage===void 0&&(e.usage=null),e.step===void 0&&(e.step=null);let o=null;function r(){if(!e.streaming)return;let c=e.messages[e.messages.length-1];return c&&c.role==="assistant"&&c.status==="streaming"?c:void 0}function s(c,d,p){let g=r();switch(c){case"wf:token":g&&(g.content+=d.text);break;case"wf:tool_call":{g&&(g.toolCalls||(g.toolCalls=[]),g.toolCalls.push({call:d,status:"running"}));break}case"wf:tool_progress":{let h=d,w=g?.toolCalls?.find(v=>v.call.id===h.toolCallId);w&&(w.progress=h);break}case"wf:tool_result":{let h=d,w=g?.toolCalls?.find(v=>v.call.id===h.id);w&&(w.result=h,w.status=h.ok?"ok":"error");break}case"wf:approval_request":g&&(g.approval=d);break;case"wf:usage":g&&(g.usage=d);break;case"wf:step":e.step=d;break;case"wf:done":g&&(g.status="done",g.approval=void 0),e.streaming=!1,e.step=null;break;case"wf:error":g&&(g.status="error",g.error=d,g.approval=void 0),e.error=d,e.streaming=!1,e.step=null;break;default:p?.(c,d);break}}function i(){let c=n.body?n.body(e.messages):{messages:Se(e.messages)};o=t(n.url,c,{onToken:p=>s("wf:token",{text:p}),onToolCall:p=>s("wf:tool_call",p),onToolProgress:p=>s("wf:tool_progress",p),onToolResult:p=>s("wf:tool_result",p),onApproval:p=>s("wf:approval_request",p),onUsage:p=>s("wf:usage",p),onStep:p=>s("wf:step",p),onDone:p=>s("wf:done",p),onError:p=>s("wf:error",p),onEvent:(p,g)=>s(p,g,n.onEvent)},{signal:n.signal,headers:n.headers}),e.streaming=!0;let d=r();d&&o?.traceId&&(d.id=o.traceId)}function l(){if(e.streaming)return;let c=String(e.input??"").trim();c&&(e.input="",e.error=null,e.usage=null,e.step=null,e.messages.push({id:ce(),role:"user",content:c,status:"done"},{id:ce(),role:"assistant",content:"",status:"streaming",toolCalls:[]}),i())}function a(){o?.abort(),e.streaming=!1,e.step=null;let c=e.messages[e.messages.length-1];c&&c.role==="assistant"&&c.status==="streaming"&&(!c.content&&(!c.toolCalls||c.toolCalls.length===0)?e.messages.pop():c.status="done")}function u(){if(e.streaming)return;let c=-1;for(let d=e.messages.length-1;d>=0;d--)if(e.messages[d].role==="user"){c=d;break}c!==-1&&(e.messages.splice(c+1),e.error=null,e.usage=null,e.step=null,e.messages.push({id:ce(),role:"assistant",content:"",status:"streaming",toolCalls:[]}),i())}function m(){o?.abort(),e.messages=[],e.input="",e.streaming=!1,e.error=null,e.usage=null,e.step=null}async function y(c,d){let p=e.messages[e.messages.length-1],g=p?.role==="assistant"?p.approval:void 0;if(g&&(p.approval=void 0,!!n.approveUrl))try{await fetch(n.approveUrl,{method:"POST",headers:{"Content-Type":"application/json",...n.headers},body:JSON.stringify({id:g.id,decision:c,note:d}),signal:n.signal})}catch(h){if(n.signal?.aborted)return;e.error={code:"provider_error",message:h instanceof Error?h.message:String(h)}}}function f(){o?.abort(),o=null}return{send:l,stop:a,retry:u,clear:m,approve:y,dispose:f}}function Pe(e){let{ctx:t,renderByIds:n,getSelfId:o,dirtyBatch:r,dirtySet:s,mediaRegistry:i,popupTrackers:l,schedulePopupRecompute:a,ensurePopupListeners:u,isRendering:m}=e;return{_selfId:"_wf_root",_ctxVersion:0,_dirtySet:s,bumpCtxVersion:function(){this._ctxVersion++},render:function(f){if(!f||f.length===0){let c=o(this);if(c)f=[c];else return}n(f)},dirty:function(f){if(!m()){if(!f||f.length===0){let c=o(this);if(c)f=[c];else return}for(let c of f)c&&(r.add(c),s.add(c));this._dirtyScheduled||(this._dirtyScheduled=!0,queueMicrotask(()=>{this._dirtyScheduled=!1;let c=[...r];r.clear(),c.length>0&&n(c)}))}},$:function(){let f=this;if(!f._$cache){let c=o(this);f._$cache=le(()=>t.ui.dirty(c?[c]:void 0))}return f._$cache},useChat:function(f){let c=this.$(),d=Ee(c,ue,f);return Object.assign(c,{send:d.send,stop:d.stop,retry:d.retry,clear:d.clear,approve:d.approve,dispose:d.dispose}),c},useMedia:function(f,c){let p=`media:${o(this)}:${f}`;if(!i.has(p)){let g=window.matchMedia(f);c(g.matches);let h=w=>c(w.matches);g.addEventListener("change",h),i.set(p,{mql:g,handler:h})}},useBreakpoint:function(f,c){let d=typeof f=="function"?{mobile:"(max-width: 639px)",tablet:"(min-width: 640px) and (max-width: 1023px)",desktop:"(min-width: 1024px)"}:f,p=typeof f=="function"?f:c,h=`bp:${o(this)}`;function w(){for(let[v,C]of Object.entries(d))if(window.matchMedia(C).matches)return v;return Object.keys(d)[0]??""}if(!i.has(h)){p(w());let v=[];for(let C of Object.values(d)){let b=window.matchMedia(C),x=()=>p(w());b.addEventListener("change",x),v.push({mql:b,handler:x})}i.set(h,{mqls:v})}},usePopupPosition:function(f){let c=o(this),d={top:0,left:0,refresh:()=>{}};if(!c)return d;let p={pos:d,getEl:f.el,isOpen:f.isOpen,compute:f.compute};return l.set(c,p),u(),d.refresh=()=>{let g=p.getEl();g&&Object.assign(d,p.compute(g.getBoundingClientRect()))},d},useAsync:function(f){let c=o(this),d=le(()=>{t.ui&&t.ui.dirty(c?[c]:void 0)});d.loading=!0;let p=()=>{d.loading=!0,d.error=null,Promise.resolve().then(()=>f()).then(g=>{d.data=g,d.loading=!1}).catch(g=>{d.error=g,d.loading=!1})};return p(),d.reload=p,d},selfId:function(f){if(typeof f!="string"||!f)throw new Error(`[weifuwu] selfId requires a non-empty string, got ${typeof f}`);if(A.has(f))throw new Error(`[weifuwu] Duplicate component ID: "${f}". Each component must have a unique custom ID.`);let c=this._selfVNode;c&&(c._customId=f,A.set(f,c))}}}function ft(){let e=[],t={},n=null,o=null,r=null,s=!1,i=new Set,l=!1,a=new Map;function u(C){let b=a.get(C);b&&(b.mql&&b.handler&&b.mql.removeEventListener("change",b.handler),b.mqls?.forEach(({mql:x,handler:k})=>x.removeEventListener("change",k)),a.delete(C))}let m=new Map,y=!1,f=0;function c(){y||(y=!0,window.addEventListener("scroll",p,{capture:!0,passive:!0}),window.addEventListener("resize",p))}function d(){y&&(window.removeEventListener("scroll",p,{capture:!0}),window.removeEventListener("resize",p),y=!1)}function p(){f||(f=requestAnimationFrame(()=>{f=0;let C=[];for(let[b,x]of m){if(!x.isOpen())continue;let k=x.getEl();if(!k)continue;let R=x.compute(k.getBoundingClientRect());Object.assign(x.pos,R),C.push(b)}C.length>0&&t.ui.render(C)}))}function g(C){if(!s){s=!0;for(let b of C){let x=A.get(b);if(!x||!x._render)continue;t.ui._dirtySet?.delete(b);let k=x._child,R=x._render(x.props);if(x._child=R,k&&k._placement==="remote"||R&&R._placement==="remote"){k&&R?q(k,R,t):R?V(R,t):k&&_(k);continue}if(!x._parentNode&&x._refNode&&(x._parentNode=x._refNode.parentNode),x._parentNode){let E=M(x._parentNode,x._refNode??null,k,R,t);E&&E!==x._refNode?x._refNode=E:E||(x._refNode=null)}}s=!1,h()}}function h(){let C=t.ui;i.size>0&&!C._dirtyScheduled&&(C._dirtyScheduled=!0,queueMicrotask(()=>{C._dirtyScheduled=!1;let b=[...i];i.clear(),b.length>0&&g(b)}))}function w(C){return C?._selfId??t.ui?._selfId}let v={get ctx(){return t},use(C){return e.push(C),v},async mount(C,b,x){o=b;for(let T of e)t=await T(t);let k=typeof C=="string"?document.querySelector(C):C;if(!k)throw new Error(`mount target not found: ${C}`);n=k;let R=!!x?.hydrate;R||(n.innerHTML="");let E=new Map,Y=globalThis.__DATA__;if(Y&&typeof Y=="object")for(let[T,P]of Object.entries(Y))E.set(T,{value:P});if(t.data={async get(T,P){let O=E.get(T);if(O&&"value"in O)return O.value;if(O?.promise)return O.promise;if(!P)return;let me=Promise.resolve().then(()=>P()).then(ye=>(E.set(T,{value:ye}),ye));return E.set(T,{promise:me}),me},set(T,P){E.set(T,{value:P})},has(T){return E.has(T)}},Ce(T=>{for(let P of[...a.keys()])(P.startsWith(`media:${T}:`)||P===`bp:${T}`)&&u(P);m.delete(T)}),t.ui=Pe({ctx:t,renderByIds:g,getSelfId:w,dirtyBatch:i,dirtySet:new Set,mediaRegistry:a,popupTrackers:m,schedulePopupRecompute:p,ensurePopupListeners:c,destroyPopupListeners:d,isRendering:()=>s}),s=!0,r=dt(b,t),r._id="_wf_root",r._parentNode=n,r._refNode=R?n.firstChild:null,A.set("_wf_root",r),R)await ae(n,r,t);else{let T=Re(r,t);T instanceof Node&&n.appendChild(T)}r._refNode=n.firstChild,s=!1,h()},destroy(){d(),m.clear();for(let C of[...a.keys()])u(C);A.clear(),n&&(n.innerHTML=""),n=null,t={}}};return v}function dt(e,t){return{type:e,props:{},key:void 0}}function pt(e,t){if(!t||t==="/")return e||"/";let n=e.endsWith("/")?e.slice(0,-1):e,o=t.startsWith("/")?t:"/"+t;return n+o}function mt(e){let t=[],n=e.replace(/:(\w+)/g,(o,r)=>(t.push(r),"([^/]+)")).replace(/\*/g,".*");return{re:new RegExp(`^${n}$`),keys:t}}function fe(e,t="",n=[]){let o=[];for(let r of e){let s=pt(t,r.path),{re:i,keys:l}=mt(s),a=[...n,r];o.push({re:i,keys:l,def:r,chain:a}),r.children&&o.push(...fe(r.children,s,a))}return o}function Ne(e,t){let n=null;for(let o of t)e.match(o.re)&&(!n||o.chain.length>n.chain.length)&&(n=o);return n}function We(e,t){let n={},o=e.match(t.re);if(o)for(let r=0;r<t.keys.length;r++)n[t.keys[r]]=decodeURIComponent(o[r+1]);return n}function yt(e){let t=fe(e.routes),n=e.mode||"history";function o(){return n==="hash"?window.location.hash.replace(/^#/,"")||"/":window.location.pathname}function r(s){let i=Ne(s,t);if(i){let l=i.chain[i.chain.length-1];return{path:i.def.path,params:We(s,i),query:Object.fromEntries(new URLSearchParams(window.location.search)),chain:i.chain,title:l?.title??""}}return{path:s,params:{},query:Object.fromEntries(new URLSearchParams(window.location.search)),chain:e.notFound?[{component:e.notFound,title:"Not Found"}]:[],title:""}}return s=>{let i=r(o());s.route=i,i.title&&(document.title=i.title),s.app||(s.app={}),s.app.navigate=a=>{if(j(),n==="hash"){window.location.hash="#"+a;let u=r(a);s.route=u}else{window.history.pushState({},"",a);let u=r(a);s.route=u}s.route?.title&&(document.title=s.route.title),s.ui?.bumpCtxVersion?.(),s.ui?.render()};let l=()=>{j();let a=r(o());s.route=a,s.route?.title&&(document.title=s.route.title),s.ui?.bumpCtxVersion?.(),s.ui?.render()};return window.addEventListener("popstate",l),n==="hash"&&window.addEventListener("hashchange",l),s}}function gt(e,t){let n=t.route?._rvDepth??0;return()=>{let o=t.route;if(!o?.chain?.length||n>=o.chain.length)return null;let r=o.chain[n],s=r.layout??r.component;return s?(r.layout&&(o._rvDepth=n+1),{type:s,props:{},key:void 0}):null}}function L(e,t){return Object.assign(Object.create(e),t)}function ht(e={}){let t=e.url??"/ws",n=e.reconnectInterval??3e3,o=e.maxReconnect??10,r=e.pingInterval??3e4,s=e.pingTimeout??1e4;return i=>{let l=new Set,a=null,u=0,m=null,y=null,f=null,c=!1,d={isConnected:!1,onMessage:v=>(l.add(v),()=>{l.delete(v)}),send:v=>{a?.readyState===WebSocket.OPEN&&a.send(JSON.stringify(v))},_connect:p,close:()=>{c=!0,w(),a?.close(),a=null,d.isConnected=!1}};async function p(){if(!c)try{a=new WebSocket(t),a.onopen=()=>{d.isConnected=!0,u=0,g()},a.onmessage=v=>{try{let C=JSON.parse(v.data);for(let b of l)b(C)}catch{}h()},a.onclose=()=>{d.isConnected=!1,w(),!c&&u<o&&(u++,m=setTimeout(p,n*Math.min(u,5)))},a.onerror=()=>{a?.close()}}catch{c||(m=setTimeout(p,n))}}function g(){r<=0||(y=setInterval(()=>{a?.readyState===WebSocket.OPEN&&a.send(JSON.stringify({type:"ping"})),f=setTimeout(()=>{a?.close()},s)},r))}function h(){clearTimeout(f)}function w(){clearInterval(y),clearTimeout(f),clearTimeout(m)}return p(),L(i,{ws:d})}}function Ct(e){let t={baseURL:e?.baseURL??"",headers:{"Content-Type":"application/json",...e?.headers}},n=e?.onRequest,o=e?.onResponse,r=e?.timeout??0;async function s(i,l,a,u){let m=t.baseURL+l,y={method:i,headers:{...t.headers,...u?.headers}},f=e?.token?.();f&&!y.headers.Authorization&&(y.headers.Authorization=`Bearer ${f}`);let c=r>0,d=!!u?.signal,p=null,g=null;(c||d)&&(p=new AbortController,y.signal=p.signal,c&&(g=setTimeout(()=>p.abort(new Error("Request timed out")),r)),d&&u.signal.addEventListener("abort",()=>p.abort())),a!==void 0&&i!=="GET"&&i!=="HEAD"&&(y.body=JSON.stringify(a));let h={url:m,init:y};n&&(h=n(h));try{let w=await fetch(h.url,h.init);if(o)return o(w);if(!w.ok){let b=await w.text().catch(()=>"");throw new z(w.status,b||w.statusText)}let v=w.headers.get("content-length");if(w.status===204||v==="0")return;let C=(w.headers.get("content-type")||"").toLowerCase();return C.includes("application/json")||C.includes("json")?w.json():w.text()}finally{g&&clearTimeout(g)}}return i=>L(i,{api:{get:(a,u)=>s("GET",a,void 0,u),post:(a,u,m)=>s("POST",a,u,m),put:(a,u,m)=>s("PUT",a,u,m),patch:(a,u,m)=>s("PATCH",a,u,m),delete:(a,u)=>s("DELETE",a,void 0,u)}})}var z=class extends Error{status;body;constructor(t,n){super(`API Error ${t}: ${n}`),this.name="ApiError",this.status=t,this.body=n}};function xt(e){try{let t=e.split(".");if(t.length!==3)return null;let n=t[1].replace(/-/g,"+").replace(/_/g,"/");return JSON.parse(atob(n))}catch{return null}}function wt(e){let t=xt(e);return t?.exp?t.exp*1e3-3e4<Date.now():!0}function bt(e){let t=e?.storage??localStorage,n=e?.tokenKey??"weifuwu_token",o=e?.userKey??"weifuwu_user",r=e?.refreshTokenKey??"weifuwu_refresh",s=e?.refreshEndpoint??"/api/auth/refresh";return i=>{let l=t.getItem(n),a=t.getItem(o),u={token:l,user:a?JSON.parse(a):null,get isLoggedIn(){return this.token!==null},login(m,y,f){u.token=m,u.user=y,t.setItem(n,m),t.setItem(o,JSON.stringify(y)),f&&t.setItem(r,f)},logout(){u.token=null,u.user=null,t.removeItem(n),t.removeItem(o),t.removeItem(r)},setUser(m){u.user=m,t.setItem(o,JSON.stringify(m))},async refresh(){let m=t.getItem(r);if(!m)return!1;try{let y=await fetch(s,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({refreshToken:m})});if(!y.ok)return u.logout(),!1;let f=await y.json();return u.token=f.token,t.setItem(n,f.token),f.refreshToken&&t.setItem(r,f.refreshToken),!0}catch{return!1}}};return l&&wt(l)&&u.refresh().catch(()=>{}),L(i,{auth:u})}}function vt(e,t){let n=null;return o=>{if(n){let s=o.fallback;return typeof s=="function"?s({error:n}):s??null}t.ui._errorHandler=s=>{n=s,t.ui.render()};let r=o.children;try{return r??null}catch(s){n=s;let i=o.fallback;return typeof i=="function"?i({error:s}):i??null}}}var de={components:{Button:{loading:"\u52A0\u8F7D\u4E2D..."},FileUpload:{placeholder:"\u70B9\u51FB\u6216\u62D6\u62FD\u4E0A\u4F20\u6587\u4EF6",supportedFormats:"\u652F\u6301\u683C\u5F0F: ",maxSize:"\u6700\u5927 ",remove:"\u5220\u9664"},Pagination:{ariaLabel:"\u5206\u9875"},ProgressBar:{ariaLabel:"\u8FDB\u5EA6"},Switch:{ariaLabel:"\u5207\u6362"},Breadcrumb:{ariaLabel:"\u9762\u5305\u5C51"},Modal:{ariaLabel:"\u5F39\u7A97"},Confirm:{confirmText:"\u786E\u5B9A",cancelText:"\u53D6\u6D88"},Drawer:{ariaLabel:"\u4FA7\u8FB9\u9762\u677F"},DatePicker:{w0:"\u65E5",w1:"\u4E00",w2:"\u4E8C",w3:"\u4E09",w4:"\u56DB",w5:"\u4E94",w6:"\u516D",hour:"\u65F6",minute:"\u5206",time:"\u65F6\u95F4",confirm:"\u786E\u5B9A",cancel:"\u53D6\u6D88",placeholder:"\u9009\u62E9\u65E5\u671F"}}};var pe={components:{Button:{loading:"Loading..."},FileUpload:{placeholder:"Click or drag to upload",supportedFormats:"Supported formats: ",maxSize:"Max size: ",remove:"Remove"},Pagination:{ariaLabel:"Pagination"},ProgressBar:{ariaLabel:"Progress"},Switch:{ariaLabel:"Toggle"},Breadcrumb:{ariaLabel:"Breadcrumb"},Modal:{ariaLabel:"Dialog"},Confirm:{confirmText:"OK",cancelText:"Cancel"},Drawer:{ariaLabel:"Panel"},DatePicker:{w0:"Su",w1:"Mo",w2:"Tu",w3:"We",w4:"Th",w5:"Fr",w6:"Sa",hour:"Hour",minute:"Min",time:"Time",confirm:"OK",cancel:"Cancel",placeholder:"Pick a date"}}};var G={"zh-CN":de,"en-US":pe};function Me(e){if(G[e])return e;let t=e.split("-")[0];return Object.keys(G).find(o=>o.startsWith(t))??"zh-CN"}function Tt(e={}){let{locale:t="zh-CN",messages:n={},components:o={}}=e,r=Me(t),s=G[r],i=Le(s,n,o),l={locale:r,t:(a,u)=>i.messages?.[a]??u??a,setLocale:()=>{},components:i.components};return a=>(a.i18n=l,l.setLocale=u=>{let m=Me(u),y=G[m];y&&(i=Le(y,n,o),l.locale=m,l.components=i.components,a?.ui?.bumpCtxVersion?.(),a?.ui?.render())},a)}function Le(e,t,n){return{messages:{...e?.messages,...t},components:_t(e?.components??{},n)}}function _t(e,t){let n={...e};for(let o of Object.keys(t))typeof t[o]=="object"&&t[o]!==null&&typeof n[o]=="object"?n[o]={...n[o],...t[o]}:n[o]=t[o];return n}var J=0,Ve="",Oe="",Ie="",je="",Q=0;function Ue(){return typeof window<"u"&&typeof document<"u"}function At(){if(J++,J>1||!Ue())return;Q=window.scrollY;let e=document.body;Ve=e.style.overflow,Oe=e.style.position,Ie=e.style.top,je=e.style.width,e.style.overflow="hidden",(/iPhone|iPad|iPod/.test(navigator.platform)||/Mac/.test(navigator.platform)&&"ontouchend"in document)&&(e.style.position="fixed",e.style.top=`-${Q}px`,e.style.width="100%")}function kt(){if(J--,J>0||!Ue())return;let e=document.body;e.style.overflow=Ve,e.style.position=Oe,e.style.top=Ie,e.style.width=je,Q>0&&window.scrollTo(0,Q)}var Rt='a[href], button:not([disabled]), input:not([disabled]), textarea:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])';function St(e){let t=e.querySelectorAll(Rt);if(t.length===0)return()=>{};let n=t[0],o=t[t.length-1],r=i=>{i.key==="Tab"&&(i.shiftKey&&document.activeElement===n?(i.preventDefault(),o.focus()):!i.shiftKey&&document.activeElement===o&&(i.preventDefault(),n.focus()))},s=document.activeElement;return queueMicrotask(()=>{n.focus()}),e.addEventListener("keydown",r),()=>{e.removeEventListener("keydown",r),s?.focus()}}function Et(e,t,n=400){let o=!1,r=()=>{o||(o=!0,e.removeEventListener("animationend",r),clearTimeout(s),t())};e.addEventListener("animationend",r);let s=setTimeout(r,n)}function He(e,t="bottom",n=6,o=!0){switch(t){case"bottom":return{top:e.bottom+n,left:o?e.left+e.width/2:e.left};case"top":return{top:e.top-n,left:o?e.left+e.width/2:e.left};case"left":return{top:o?e.top+e.height/2:e.top,left:e.left-n};case"right":return{top:o?e.top+e.height/2:e.top,left:e.right+n}}}function Pt(e,t="bottom",n=6,o=!0){return He(e.getBoundingClientRect(),t,n,o)}export{z as ApiError,vt as ErrorBoundary,W as Fragment,N as Portal,gt as RouteView,ue as aiStream,Et as animateOut,Ct as api,qe as asyncComponent,bt as auth,_ as callRefCleanup,j as clearAsyncComponentCache,Pt as computeFixedPos,He as computeFixedPosRect,ft as createApp,Be as createPortal,pe as enUS,L as extendCtx,$e as h,ae as hydrateVNode,Tt as i18n,I as isAsyncComponent,X as jsx,Fe as jsxDEV,De as jsxs,At as lockScroll,nt as mountVNode,M as patchValue,yt as router,Se as toChatMessages,St as trapFocus,kt as unlockScroll,ht as ws,de as zhCN};