weifuwu 0.75.0 → 0.76.0

package/dist/index.js

@@ -3540,7 +3540,7 @@ function createAgent(client, config) {
       if (signal?.aborted) return;
       if (!finish.toolCalls?.length) {
         emit("wf:usage", usage);
-        emit("wf:done", { content: finish.content, usage });
+        emit("wf:done", { content: finish.content, usage, reasoning: finish.reasoning_content });
         return;
       }
       all.push({
@@ -3641,311 +3641,24 @@ var HtmlSafe = class {
 var Fragment = /* @__PURE__ */ Symbol("Fragment");
 var Portal = /* @__PURE__ */ Symbol("Portal");
 
-// src/ui-dom/debug.ts
-var _enabled = null;
-function uiDebugEnabled() {
-  if (_enabled !== null) return _enabled;
-  _enabled = typeof process !== "undefined" && process.env?.UI_DEBUG === "1" || globalThis.__UI_DEBUG === true || typeof localStorage !== "undefined" && localStorage.getItem("__UI_DEBUG") === "1";
-  return _enabled;
-}
-var _depth = 0;
-var counters = /* @__PURE__ */ new Map();
-function uiLog(label, msg, opts) {
-  if (!uiDebugEnabled()) return;
-  const n = (counters.get(label) ?? 0) + 1;
-  counters.set(label, n);
-  const first = 10;
-  const every = opts?.throttle ?? 100;
-  if (n > first && n % every !== 0) return;
-  const d = opts?.depth !== void 0 ? opts.depth : _depth;
-  const indent = "  ".repeat(Math.min(d, 30));
-  console.log(`[ui-debug] ${indent}${label}#${n} ${msg}`);
-}
-
-// src/ui-dom/reactive.ts
-function createReactiveState(dirty) {
-  const _debugSets = /* @__PURE__ */ new Map();
-  const _dbg = (key, label) => {
-    const n = (_debugSets.get(key) ?? 0) + 1;
-    _debugSets.set(key, n);
-    if (n <= 5 || n % 100 === 0) uiLog(label, key + " count=" + n, { throttle: 100 });
-  };
-  const proxyCache = /* @__PURE__ */ new WeakMap();
-  const watchers = /* @__PURE__ */ new Set();
-  const reactive = (target) => {
-    if (target === null || typeof target !== "object") return target;
-    if (target instanceof Set || target instanceof Map) {
-      if (proxyCache.has(target)) return proxyCache.get(target);
-      const MUTATING = target instanceof Set ? /* @__PURE__ */ new Set(["add", "delete", "clear"]) : /* @__PURE__ */ new Set(["set", "delete", "clear"]);
-      const proxy2 = new Proxy(target, {
-        get(t, prop) {
-          const v = Reflect.get(t, prop);
-          if (typeof v === "function") {
-            if (!MUTATING.has(String(prop))) return v.bind(t);
-            return (...args) => {
-              const result = v.apply(t, args);
-              dirty();
-              for (const w of watchers) w();
-              return result;
-            };
-          }
-          return v;
-        },
-        set(t, key, value) {
-          Reflect.set(t, key, value);
-          _dbg(String(key), "set");
-          dirty();
-          for (const w of watchers) w();
-          return true;
-        }
-      });
-      proxyCache.set(target, proxy2);
-      return proxy2;
-    }
-    if (target instanceof Date || target instanceof RegExp) 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/ui/ssr.ts
+// src/ui-dom/vdom/ssr.ts
+var VOID_TAGS = /* @__PURE__ */ new Set(["area", "base", "br", "col", "embed", "hr", "img", "input", "link", "meta", "param", "source", "track", "wbr"]);
+var SVG_TAGS = /* @__PURE__ */ new Set(["svg", "path", "circle", "rect", "line", "polyline", "polygon", "g", "text", "defs", "use", "clipPath"]);
 function escape(s) {
   return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
-var VOID_TAGS = /* @__PURE__ */ new Set([
-  "area",
-  "base",
-  "br",
-  "col",
-  "embed",
-  "hr",
-  "img",
-  "input",
-  "link",
-  "meta",
-  "param",
-  "source",
-  "track",
-  "wbr"
-]);
 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(" ");
-  }
+  if (v && typeof v === "object") return Object.entries(v).filter(([, on]) => on).map(([k]) => k).join(" ");
   return "";
 }
 function styleToString(v) {
-  if (typeof v === "string") return v;
-  if (v && typeof v === "object") {
-    return Object.entries(v).filter(([, x]) => x != null).map(([k, x]) => `${k}:${typeof x === "number" ? x + "px" : String(x)}`).join(";");
-  }
-  return "";
-}
-function createSsrContext(serverCtx, dataStore) {
-  const usedIds = /* @__PURE__ */ new Set();
-  const ui2 = {
-    $: () => createReactiveState(() => {
-    }),
-    dirty: () => {
-    },
-    render: () => {
-    },
-    selfId: (name) => {
-      if (usedIds.has(name)) throw new Error(`[weifuwu] Duplicate component ID: "${name}"`);
-      usedIds.add(name);
-    },
-    useMedia: () => {
-    },
-    useBreakpoint: () => {
-    },
-    usePopupPosition: () => ({ top: 0, left: 0, refresh: () => {
-    } }),
-    // 新原语族：SSR 确定性 no-op（不启动监听/会话/取数；组件挂载不崩即契约）
-    useHoverCapable: () => false,
-    useVisualViewport: () => ({ height: 0, offsetTop: 0, keyboardOpen: false }),
-    useLongPress: () => ({}),
-    useInView: () => ({ isIn: false, ready: false, observe: () => {
-    }, refresh: () => {
-    }, disconnect: () => {
-    } }),
-    useScrollPosition: () => ({ y: 0, refresh: () => {
-    } }),
-    useStableRef: (init) => (el) => {
-      if (el) init?.(el);
-    },
-    useGlobalKey: () => () => {
-    },
-    useReducedMotion: () => false,
-    useAnimationEnd: () => () => {
-    },
-    useTween: (target) => {
-      const handle = { value: target, reset: (to) => {
-        handle.value = to;
-      } };
-      return handle;
-    },
-    useDrag: () => ({ onPointerDown: () => {
-    } }),
-    useDragDrop: () => ({ dropProps: {}, dragProps: {} }),
-    useControlled: (options) => ({
-      value: options.value,
-      setValue: (v) => {
-        options.onChange?.(v);
-      },
-      controlled: options.value !== void 0
-    }),
-    useControlledInput: (options) => ({
-      value: options.value,
-      setValue: (v) => {
-        options.onChange?.(v);
-      },
-      controlled: options.value !== void 0,
-      keyword: "",
-      setKeyword: () => {
-      },
-      selectedLabel: "",
-      setSelectedLabel: () => {
-      }
-    }),
-    useOpen: (options) => ({
-      get open() {
-        return !!options.open;
-      },
-      setOpen: (v) => {
-        options.onOpenChange?.(v);
-      },
-      triggerProps: {}
-    }),
-    useAsync: () => ({ data: void 0, loading: true, error: void 0, reload: () => {
-    } }),
-    usePopup: () => ({
-      open: false,
-      setOpen: () => {
-      },
-      wrapProps: {},
-      portal: () => null,
-      refresh: () => {
-      }
-    }),
-    usePresence: () => ({
-      phase: "closed",
-      ref: () => {
-      },
-      sync: (open2) => open2 ? "open" : "closed"
-    }),
-    useDialog: () => ({
-      phase: "closed",
-      rootRef: () => {
-      },
-      panelRef: () => {
-      },
-      sync: (open2) => open2 ? "open" : "closed"
-    }),
-    // SSR 确定性空态：会话不启动（无事件/无网络），仅保证挂载不崩
-    useChat: () => ({
-      messages: [],
-      input: "",
-      streaming: false,
-      error: null,
-      usage: null,
-      step: null,
-      send: () => {
-      },
-      stop: () => {
-      },
-      retry: () => {
-      },
-      clear: () => {
-      },
-      approve: async () => {
-      },
-      dispose: () => {
-      }
-    })
-  };
-  const browser = {
-    activeElement: () => null,
-    byId: () => null,
-    query: () => null,
-    createElement: () => null,
-    bodyAppend: () => {
-    },
-    bodyRemove: () => {
-    },
-    copyText: async () => false,
-    execCommand: () => false,
-    selectionText: () => null,
-    getSelection: () => null,
-    queryCommandState: () => false,
-    queryCommandValue: () => "",
-    viewportHeight: () => 0,
-    scrollTop: () => 0,
-    hash: () => "",
-    setHash: () => {
-    },
-    timeout: () => 0,
-    rootElement: () => null,
-    storageGet: () => null,
-    storageSet: () => {
-    }
-  };
-  const ctx = Object.create(serverCtx ?? {});
-  ctx.ui = ui2;
-  ctx.browser = browser;
-  ctx.data = {
-    async get(key, fetcher) {
-      if (dataStore.has(key)) return dataStore.get(key);
-      if (!fetcher) return void 0;
-      const val = await fetcher();
-      dataStore.set(key, val);
-      return val;
-    },
-    set(key, val) {
-      dataStore.set(key, val);
-    },
-    has(key) {
-      return dataStore.has(key);
-    }
-  };
-  return ctx;
+  return Object.entries(v).filter(([, val]) => val != null).map(([k, val]) => {
+    const key = k.replace(/[A-Z]/g, (m) => "-" + m.toLowerCase());
+    const value = typeof val === "number" && val !== 0 ? `${val}px` : String(val);
+    return `${key}:${value}`;
+  }).join(";");
 }
 async function renderSsr(input, ctx) {
   if (input == null || typeof input === "boolean") return "";
@@ -3956,17 +3669,10 @@ async function renderSsr(input, ctx) {
     return s;
   }
   const vnode = input;
-  if (vnode.type === Portal) return renderSsr(vnode.props?.children, ctx);
-  if (vnode.type === Fragment) return renderSsr(vnode.props?.children, ctx);
+  if (vnode.type === Portal || vnode.type === Fragment) return renderSsr(vnode.props?.children, ctx);
   if (typeof vnode.type === "function") {
     const childCtx = Object.create(ctx);
-    let renderFn;
-    try {
-      renderFn = vnode.type(vnode.props ?? {}, childCtx);
-    } catch (e) {
-      throw e;
-    }
-    if (renderFn instanceof Promise) renderFn = await renderFn;
+    const renderFn = await vnode.type(vnode.props ?? {}, childCtx);
     if (typeof renderFn !== "function") {
       throw new Error(
         `Component ${vnode.type.name || "anonymous"} must return a render function. Use (init_props, ctx) => (props) => VNode pattern.`
@@ -3995,6 +3701,10 @@ async function renderSsr(input, ctx) {
       attrs.push(` style="${escape(styleToString(value))}"`);
       continue;
     }
+    if (key === "draggable" || key === "contenteditable" || key === "spellcheck") {
+      attrs.push(` ${key}="${value ? "true" : "false"}"`);
+      continue;
+    }
     if (value === true) {
       attrs.push(` ${key}`);
       continue;
@@ -4003,21 +3713,140 @@ async function renderSsr(input, ctx) {
     attrs.push(` ${key}="${escape(String(value))}"`);
   }
   const attrStr = attrs.join("");
+  const svgWrap = SVG_TAGS.has(tag);
   if (VOID_TAGS.has(tag)) return `<${tag}${attrStr}>`;
   if (innerHTML !== void 0) return `<${tag}${attrStr}>${innerHTML}</${tag}>`;
   const children = await renderSsr(props.children, ctx);
+  if (svgWrap) return `<${tag}${attrStr}>${children}</${tag}>`;
   return `<${tag}${attrStr}>${children}</${tag}>`;
 }
-async function ssrToString(Comp, props, serverCtx, opts = {}) {
-  const dataStore = opts.data ?? /* @__PURE__ */ new Map();
-  const ctx = createSsrContext(serverCtx, dataStore);
-  const html = await renderSsr({ type: Comp, props: props ?? {}, key: void 0 }, ctx);
-  return new HtmlSafe(html);
+function createSsrUi() {
+  const noop = () => () => {
+  };
+  const noopReturn = () => ({});
+  return {
+    _selfId: "_wf_root",
+    render: () => {
+    },
+    dirty: () => {
+    },
+    $: () => ({}),
+    selfId: () => {
+    },
+    bumpCtxVersion: () => {
+    },
+    setMounting: () => {
+    },
+    endMounting: () => {
+    },
+    // hooks no-op（组件 SSR 安全——不注册监听/定时器）
+    useChat: () => ({ messages: [], input: "", streaming: false, error: null, usage: null, step: null, send: () => {
+    }, stop: () => {
+    }, retry: () => {
+    }, clear: () => {
+    }, approve: () => {
+    }, subscribe: () => () => {
+    } }),
+    useExternal: (store) => store,
+    useMedia: noop,
+    useBreakpoint: noop,
+    usePopupPosition: () => ({ top: 0, left: 0, refresh: () => {
+    } }),
+    useHoverCapable: () => false,
+    useStableRef: (init) => (el) => {
+      if (el) init?.(el);
+    },
+    useVisualViewport: () => ({ height: 0, offsetTop: 0, keyboardOpen: false }),
+    usePopup: () => ({ open: false, setOpen: () => {
+    }, wrapProps: {}, portal: () => null, refresh: () => {
+    } }),
+    useLongPress: noopReturn,
+    useInView: () => ({ isIn: false, ready: false, observe: () => {
+    }, refresh: () => {
+    }, disconnect: () => {
+    } }),
+    useScrollPosition: () => ({ y: 0, refresh: () => {
+    } }),
+    useAsync: () => ({ data: void 0, loading: true, error: void 0, reload: () => {
+    } }),
+    useControlled: () => ({ value: void 0, setValue: () => {
+    }, controlled: false }),
+    useControlledInput: () => ({ value: void 0, setValue: () => {
+    }, keyword: "", setKeyword: () => {
+    }, selectedLabel: "", setSelectedLabel: () => {
+    }, controlled: false }),
+    useOpen: () => ({ open: false, setOpen: () => {
+    }, triggerProps: {} }),
+    usePresence: () => ({ phase: "closed", ref: () => {
+    }, sync: () => "closed" }),
+    useDialog: () => ({ phase: "closed", rootRef: () => {
+    }, panelRef: () => {
+    }, sync: (open2) => open2 ? "open" : "closed" }),
+    useGlobalKey: () => () => {
+    },
+    useDrag: noopReturn,
+    useDragDrop: () => ({ dropProps: {}, dragProps: {} }),
+    useReducedMotion: () => true,
+    // SSR 无动画——组件直落终值
+    useAnimationEnd: () => () => {
+    },
+    useTween: (t) => {
+      let v = t;
+      return {
+        get value() {
+          return v;
+        },
+        set value(n) {
+          v = n;
+        },
+        reset: (n) => {
+          if (n !== void 0) v = n;
+          return v;
+        }
+      };
+    }
+  };
+}
+function createSsrContext(serverCtx, dataStore) {
+  const ctx = {
+    ...serverCtx,
+    ui: createSsrUi(),
+    browser: void 0
+  };
+  const dataCache = /* @__PURE__ */ new Map();
+  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 });
+        dataStore.set(key, val);
+        return val;
+      });
+      dataCache.set(key, { promise });
+      return promise;
+    },
+    set(key, value) {
+      dataCache.set(key, { value });
+      dataStore.set(key, value);
+    },
+    has(key) {
+      return dataCache.has(key);
+    }
+  };
+  return ctx;
 }
 function serializeData(data) {
   const json = JSON.stringify(Object.fromEntries(data)).replace(/</g, "\\u003c");
   return `<script>window.__DATA__=${json};</script>`;
 }
+async function ssrToString(Comp, props, serverCtx, opts = {}) {
+  const dataStore = opts.data ?? /* @__PURE__ */ new Map();
+  const ctx = createSsrContext(serverCtx, dataStore);
+  return renderSsr({ type: Comp, props: props ?? {}, key: void 0 }, ctx);
+}
 
 // src/ui/index.ts
 function escape2(s) {

package/dist/layout/weifuwu-layout.css

@@ -852,6 +852,15 @@ body.wf-dragging {
   max-width: min(var(--wf-popup-max, 480px), calc(100vw - 32px));
   box-sizing: border-box;
 }
+
+/* usePopup mask 模式遮罩：全屏 fixed，z-index 低于面板（overlay=80 < popover=120），
+ * 模态语义阻断页面交互；点击遮罩关闭（maskClosable 门控在组件层） */
+.wf-popup-mask {
+  position: fixed;
+  inset: 0;
+  z-index: var(--wf-z-overlay);
+  background: var(--wf-overlay);
+}
 }
 
 @layer layout {

package/dist/test/client/setup.d.ts

@@ -0,0 +1,12 @@
+/**
+ * weifuwu/ui-dom 测试环境 setup
+ *
+ * 在每个测试文件开头调用：
+ * ```ts
+ * import { setupJsdom } from './setup.ts'
+ * setupJsdom()
+ * ```
+ *
+ * 提供 JSDOM 浏览器全局环境，供 jsx-runtime / signal 等模块使用。
+ */
+export declare function setupJsdom(): void;

package/dist/ui/index.d.ts

@@ -26,7 +26,7 @@
  * ```
  */
 import type { Middleware } from '../types.ts';
-import type { Component, AsyncComponent } from '../ui-dom/vnode.ts';
+import type { Component } from '../ui-dom/vnode.ts';
 declare module '../types.ts' {
     interface Context {
         ui: {
@@ -41,7 +41,7 @@ declare module '../types.ts' {
              * 支持 async 工厂组件：await 工厂 → 数据进 HTML。
              * opts.data（Map）收集 ctx.data 预取结果，用 ctx.ui.ssrData(data) 序列化进 __DATA__。
              */
-            ssr: (Comp: Component | AsyncComponent, props?: Record<string, any>, opts?: {
+            ssr: (Comp: Component, props?: Record<string, any>, opts?: {
                 data?: Map<string, unknown>;
             }) => Promise<string>;
             /** 序列化 SSR 数据存储 → <script>window.__DATA__=...</script>（HtmlSafe） */

package/dist/ui-dom/Confirm.d.ts

@@ -1,44 +1,8 @@
 /**
- * weifuwu/components — Confirm 确认对话框
+ * weifuwu/ui-dom — Confirm（命令式中间件）
  *
- * 声明式：基于 Modal 封装，footer 自带「取消 / 确定」按钮。
- * 命令式：confirm() 中间件注入 ctx.confirm()，返回 Promise<boolean>。
+ * v1 退役（design/render-only-plan.md）：实现已收敛到 components/Confirm（vdom 引擎，
+ * mountCommand + render-only）。本文件保留为公开 API 兼容入口。
  */
-import type { Component } from './vnode.ts';
-import type { AppMiddleware } from './types.ts';
-export interface ConfirmProps {
-    open?: boolean;
-    title?: string;
-    /** 提示内容（文本或任意 VNode） */
-    message?: any;
-    confirmText?: string;
-    cancelText?: string;
-    variant?: 'primary' | 'danger';
-    /** 对话框宽度，如 '500px'、'80%'，默认 Modal 的 400px */
-    width?: string;
-    /** 遮罩点击是否取消（默认 false：危险操作防误触；显式传 true 可恢复） */
-    maskClosable?: boolean;
-    onConfirm?: () => void;
-    onCancel?: () => void;
-}
-/** 命令式 ctx.confirm 的选项（ConfirmProps 的子集） */
-export interface ConfirmOptions {
-    title?: string;
-    confirmText?: string;
-    cancelText?: string;
-    variant?: 'primary' | 'danger';
-    width?: string;
-    maskClosable?: boolean;
-}
-/** 命令式 ctx.confirm 的注入类型（AppMiddleware<{}, ConfirmInjected>） */
-export interface ConfirmInjected {
-    confirm: (message: string, options?: ConfirmOptions) => Promise<boolean>;
-}
-/**
- * 命令式中间件：注入 ctx.confirm()
- *
- * 每次调用挂载 Confirm 组件到独立容器（mountVNode），
- * resolve 后 callRefCleanup 清理（含 Modal 的 portal DOM）+ 移除容器。
- */
-export declare function confirm(): AppMiddleware<{}, ConfirmInjected>;
-export declare const Confirm: Component<ConfirmProps>;
+export { Confirm, confirm } from '../components/Confirm/Confirm.ts';
+export type { ConfirmProps, ConfirmOptions, ConfirmInjected } from '../components/Confirm/Confirm.ts';

package/dist/ui-dom/Notification.d.ts

@@ -1,70 +1,8 @@
-import type { Component } from './vnode.ts';
-import type { AppMiddleware } from './types.ts';
-export type NotificationType = 'success' | 'error' | 'info' | 'warning';
-export type NotificationPosition = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
-export interface NotificationItem {
-    id: string;
-    type: NotificationType;
-    title: string;
-    description?: string;
-    /** 自动关闭时间（ms），0 = 不自动关闭，默认 4500 */
-    duration?: number;
-    action?: {
-        label: string;
-        onClick: () => void;
-    };
-}
-export interface NotificationProps {
-    items?: NotificationItem[];
-    onRemove?: (id: string) => void;
-    position?: NotificationPosition;
-    /** 全局默认自动关闭时间（ms），默认 4500 */
-    duration?: number;
-    /** 最大显示条数，超出移除最早，默认 0 = 不限制 */
-    max?: number;
-}
-export interface NotificationOptions {
-    position?: NotificationPosition;
-    duration?: number;
-    max?: number;
-}
-/** 通知（对应 antd/EP Notification 队列式）：title + description + icon + 操作，聚合角落 */
-export declare const Notification: Component<NotificationProps>;
-export interface NotificationInjected {
-    notification: {
-        (title: string, opts?: {
-            type?: NotificationType;
-            description?: string;
-            duration?: number;
-            action?: NotificationItem['action'];
-        }): void;
-        open: (opts: {
-            type?: NotificationType;
-            title: string;
-            description?: string;
-            duration?: number;
-            action?: NotificationItem['action'];
-        }) => void;
-        success: (opts: {
-            title: string;
-            description?: string;
-            duration?: number;
-        }) => void;
-        error: (opts: {
-            title: string;
-            description?: string;
-            duration?: number;
-        }) => void;
-        info: (opts: {
-            title: string;
-            description?: string;
-            duration?: number;
-        }) => void;
-        warning: (opts: {
-            title: string;
-            description?: string;
-            duration?: number;
-        }) => void;
-    };
-}
-export declare function notification(opts?: NotificationOptions): AppMiddleware<{}, NotificationInjected>;
+/**
+ * weifuwu/ui-dom — Notification（命令式中间件）
+ *
+ * v1 退役（design/render-only-plan.md）：实现已收敛到 components/Notification（vdom 引擎，
+ * mountCommand + render-only）。本文件保留为公开 API 兼容入口。
+ */
+export { Notification, notification } from '../components/Notification/Notification.ts';
+export type { NotificationType, NotificationPosition, NotificationItem, NotificationProps, NotificationOptions, NotificationInjected, } from '../components/Notification/Notification.ts';