weifuwu 0.18.1 → 0.18.3

package/dist/index.js

@@ -270,6 +270,8 @@ var Router = class _Router {
         }
         node.pathMws.push(arg2);
       }
+    } else if (arg1 instanceof _Router) {
+      this._mountRouter("/", arg1);
     } else if (typeof arg1 === "function") {
       this.globalMws.push(arg1);
     }
@@ -304,6 +306,11 @@ var Router = class _Router {
     return this;
   }
   route(method, path2, ...args) {
+    const last = args[args.length - 1];
+    if (last instanceof _Router) {
+      this._mountRouter(path2, last);
+      return this;
+    }
     const handler = args.pop();
     const middlewares = args;
     const segments = this.splitPath(path2);
@@ -369,13 +376,13 @@ var Router = class _Router {
             const mw = match.middlewares[index++];
             return mw(innerReq, ctx2, dispatch);
           }
-          return await new Promise((resolve11) => {
+          return await new Promise((resolve12) => {
             try {
               upgradeSocket(router.wss, req, socket, head, match.handler, ctx2);
-              resolve11(new Response(null, { status: 101 }));
+              resolve12(new Response(null, { status: 101 }));
             } catch {
               socket.destroy();
-              resolve11(new Response("WebSocket upgrade failed", { status: 500 }));
+              resolve12(new Response("WebSocket upgrade failed", { status: 500 }));
             }
           });
         };
@@ -561,19 +568,6 @@ function sendHttpResponseOnSocket(socket, response) {
   });
 }
 
-// tsx-instance.ts
-import { createElement } from "react";
-import { renderToReadableStream } from "react-dom/server";
-import * as esbuild from "esbuild";
-import { readdirSync, statSync, existsSync as existsSync2, mkdirSync, readFileSync as readFileSync2, writeFileSync } from "node:fs";
-import { join, relative, resolve as resolve2, sep, dirname, basename } from "node:path";
-import { pathToFileURL } from "node:url";
-import { createHash } from "node:crypto";
-import vm from "node:vm";
-import { createRequire } from "node:module";
-import { AsyncLocalStorage } from "node:async_hooks";
-import chokidar from "chokidar";
-
 // tsx-context.ts
 import { createContext } from "react";
 var DEFAULT_CTX = { params: {}, query: {}, parsed: {}, prefs: {}, loaderData: {}, env: {}, user: {} };
@@ -604,845 +598,6 @@ function setCtx(value) {
 }
 var TsxContext = createContext(DEFAULT_CTX);
 
-// tsx-instance.ts
-var als = new AsyncLocalStorage();
-__registerAls(() => als.getStore());
-var liveReloadClients = /* @__PURE__ */ new Set();
-function broadcastReload() {
-  for (const ws of liveReloadClients) {
-    try {
-      ws.send("reload");
-    } catch {
-      liveReloadClients.delete(ws);
-    }
-  }
-}
-var isDev = process.env.NODE_ENV !== "production";
-var _tailwindPlugin = null;
-var _postcss = null;
-var _cjsRequire = createRequire(import.meta.url);
-function loadSSRModule(code) {
-  const ctx = vm.createContext(Object.create(globalThis));
-  const mod = { exports: {} };
-  ctx.require = (name) => _cjsRequire(name);
-  ctx.module = mod;
-  ctx.exports = mod.exports;
-  new vm.Script(code).runInContext(ctx);
-  return mod.exports;
-}
-function id(s) {
-  return createHash("md5").update(s).digest("hex").slice(0, 8);
-}
-var _alias = null;
-function resolveAliases() {
-  if (_alias) return _alias;
-  const configFiles = ["tsconfig.json", "jsconfig.json"];
-  for (const file of configFiles) {
-    const p = resolve2(file);
-    if (existsSync2(p)) {
-      try {
-        const config = JSON.parse(readFileSync2(p, "utf-8"));
-        const paths = config.compilerOptions?.paths;
-        if (paths) {
-          const alias = {};
-          for (const [key, values] of Object.entries(paths)) {
-            const cleanKey = key.replace("/*", "");
-            const val = values[0]?.replace("/*", "");
-            if (val) alias[cleanKey] = resolve2(dirname(p), val);
-          }
-          _alias = alias;
-          return alias;
-        }
-      } catch {
-      }
-    }
-  }
-  _alias = {};
-  return {};
-}
-function scanPages(dir) {
-  const pages = [];
-  function walk(current) {
-    let entries;
-    try {
-      entries = readdirSync(current);
-    } catch {
-      return;
-    }
-    const dirs = [];
-    for (const name of entries) {
-      const full = join(current, name);
-      const st = statSync(full);
-      if (st.isDirectory()) {
-        if (!name.startsWith(".")) dirs.push(full);
-      }
-    }
-    const pagePath = join(current, "page.tsx");
-    const tsPagePath = join(current, "page.ts");
-    let entryPath = "";
-    if (existsSync2(pagePath)) {
-      entryPath = pagePath;
-    } else if (existsSync2(tsPagePath)) {
-      entryPath = tsPagePath;
-    }
-    if (entryPath) {
-      let relPath = relative(dir, entryPath).replace(sep, "/");
-      relPath = relPath.replace(/\/page\.tsx?$/, "");
-      relPath = relPath.replace(/^page\.tsx?$/, "");
-      const route = filePathToRoute(relPath);
-      const layouts = resolveLayouts(current, dir);
-      const loadPath = existsSync2(join(current, "load.ts")) ? join(current, "load.ts") : void 0;
-      const rPath = existsSync2(join(current, "route.ts")) ? join(current, "route.ts") : void 0;
-      pages.push({
-        route,
-        entryPath,
-        loadPath,
-        layouts,
-        routePath: rPath
-      });
-    } else {
-      const rPath = join(current, "route.ts");
-      if (existsSync2(rPath)) {
-        let relPath = relative(dir, rPath).replace(sep, "/");
-        relPath = relPath.replace(/\/route\.tsx?$/, "");
-        const route = filePathToRoute(relPath);
-        pages.push({
-          route,
-          entryPath: "",
-          layouts: [],
-          routePath: rPath,
-          routeOnly: true
-        });
-      }
-    }
-    for (const d of dirs) walk(d);
-  }
-  walk(dir);
-  return pages;
-}
-function filePathToRoute(relPath) {
-  let route = relPath.replace(/\\/g, "/");
-  route = route.replace(/\[\.\.\.(\w+)\]/g, "*");
-  route = route.replace(/\[(\w+)\]/g, ":$1");
-  return route.startsWith("/") ? route : "/" + route;
-}
-function resolveLayouts(dir, pagesDir) {
-  const layouts = [];
-  let current = dir;
-  while (current.startsWith(pagesDir)) {
-    const p = join(current, "layout.tsx");
-    if (existsSync2(p)) {
-      layouts.push(p);
-    }
-    const parent = dirname(current);
-    if (parent === current) break;
-    current = parent;
-  }
-  return layouts.reverse();
-}
-async function compileAll(files, outDir, platform, alias) {
-  const entryPoints = {};
-  for (const f of files) {
-    entryPoints[id(f)] = f;
-  }
-  const isBrowser = platform === "browser";
-  await esbuild.build({
-    entryPoints,
-    outdir: outDir,
-    format: "esm",
-    platform: "node",
-    jsx: "automatic",
-    jsxImportSource: "react",
-    bundle: true,
-    external: isBrowser ? void 0 : [
-      "react",
-      "react-dom",
-      "esbuild",
-      "graphql",
-      "ws",
-      "zod",
-      "@graphql-tools/schema",
-      "ai"
-    ],
-    write: true,
-    alias,
-    allowOverwrite: true
-  });
-}
-function compiledUrl(filePath, outDir) {
-  const hash = id(join(outDir, id(filePath)));
-  const p = join(outDir, id(filePath) + ".js");
-  return pathToFileURL(p).href;
-}
-var TsxInstance = class {
-  uiDir;
-  pagesDir;
-  outDir;
-  router;
-  pageModules = /* @__PURE__ */ new Map();
-  layoutModules = /* @__PURE__ */ new Map();
-  loadModules = /* @__PURE__ */ new Map();
-  routeModules = /* @__PURE__ */ new Map();
-  allFiles = [];
-  nodeEntries = {};
-  compiledTailwindCss = "";
-  // client bundle cache (per-instance)
-  clientBundleCache = /* @__PURE__ */ new Map();
-  clientBuildParams = /* @__PURE__ */ new Map();
-  clientRouteLog = /* @__PURE__ */ new Set();
-  // file watchers (dev mode, stored for cleanup)
-  watcher = null;
-  twWatcher = null;
-  debounceTimer = null;
-  constructor(options) {
-    this.uiDir = resolve2(options.dir);
-    this.pagesDir = existsSync2(join(this.uiDir, "pages")) ? join(this.uiDir, "pages") : this.uiDir;
-    this.outDir = join(this.uiDir, ".weifuwu", "ssr");
-    this.router = new Router();
-  }
-  async build() {
-    const pages = scanPages(this.pagesDir);
-    if (pages.length === 0) return attachStop(this.router, this);
-    const allFiles = /* @__PURE__ */ new Set();
-    for (const p of pages) {
-      if (p.entryPath) allFiles.add(p.entryPath);
-      if (p.loadPath) allFiles.add(p.loadPath);
-      for (const lp of p.layouts) allFiles.add(lp);
-      if (p.routePath) allFiles.add(p.routePath);
-    }
-    const nfPath = join(this.pagesDir, "not-found.tsx");
-    const hasNotFound = existsSync2(nfPath);
-    if (hasNotFound) {
-      allFiles.add(nfPath);
-      const rootLayouts = resolveLayouts(this.pagesDir, this.pagesDir);
-      for (const lp of rootLayouts) allFiles.add(lp);
-    }
-    mkdirSync(this.outDir, { recursive: true });
-    this.allFiles = [...allFiles];
-    await compileAll(this.allFiles, this.outDir, "node", resolveAliases());
-    const methods = ["POST", "PUT", "DELETE", "PATCH", "HEAD", "OPTIONS"];
-    for (const p of pages) {
-      const nodeKey = p.entryPath || p.routePath || "";
-      this.nodeEntries[nodeKey] = { route: p.route, entryPath: p.entryPath || "", layouts: p.layouts, loadPath: p.loadPath, routePath: p.routePath };
-      if (p.routeOnly && p.routePath) {
-        const rUrl = compiledUrl(p.routePath, this.outDir);
-        const modR = await import(rUrl);
-        const handlers = /* @__PURE__ */ new Map();
-        for (const m of ["GET", ...methods]) {
-          if (modR[m]) handlers.set(m, modR[m]);
-        }
-        this.routeModules.set(p.routePath, handlers);
-        this.router.route(
-          "GET",
-          p.route,
-          (req, ctx) => this.routeModules.get(p.routePath)?.get("GET")?.(req, ctx) ?? new Response("", { status: 501 })
-        );
-        for (const m of methods) {
-          this.router.route(
-            m,
-            p.route,
-            (req, ctx) => this.routeModules.get(p.routePath)?.get(m)?.(req, ctx) ?? new Response("", { status: 501 })
-          );
-        }
-        continue;
-      }
-      const pageUrl = compiledUrl(p.entryPath, this.outDir);
-      this.pageModules.set(p.entryPath, await import(pageUrl));
-      if (p.loadPath) {
-        const loadUrl = compiledUrl(p.loadPath, this.outDir);
-        this.loadModules.set(p.loadPath, await import(loadUrl));
-      }
-      for (const lp of p.layouts) {
-        const lUrl = compiledUrl(lp, this.outDir);
-        this.layoutModules.set(lp, await import(lUrl));
-      }
-      if (p.routePath) {
-        const rUrl = compiledUrl(p.routePath, this.outDir);
-        const modR = await import(rUrl);
-        const handlers = /* @__PURE__ */ new Map();
-        for (const m of methods) {
-          if (modR[m]) handlers.set(m, modR[m]);
-        }
-        this.routeModules.set(p.routePath, handlers);
-      }
-      const handler = this.makeSsrHandler(p.entryPath, p.layouts, p.loadPath);
-      this.router.get(p.route, handler);
-      if (p.routePath) {
-        for (const m of methods) {
-          this.router.route(
-            m,
-            p.route,
-            (req, ctx) => this.routeModules.get(p.routePath)?.get(m)?.(req, ctx) ?? new Response("", { status: 501 })
-          );
-        }
-      }
-    }
-    if (hasNotFound) {
-      const nfUrl = compiledUrl(nfPath, this.outDir);
-      this.pageModules.set(nfPath, await import(nfUrl));
-      const rootLayouts = resolveLayouts(this.pagesDir, this.pagesDir);
-      for (const lp of rootLayouts) {
-        if (!this.layoutModules.has(lp)) {
-          const lUrl = compiledUrl(lp, this.outDir);
-          this.layoutModules.set(lp, await import(lUrl));
-        }
-      }
-      const handler = async (req, ctx) => {
-        const base = (ctx.mountPath || "").replace(/\/$/, "");
-        const nfMod = this.pageModules.get(nfPath);
-        if (!nfMod) return new Response("Not Found", { status: 404 });
-        const NfComponent = nfMod.default;
-        const ctxValue = {
-          params: ctx.params,
-          query: ctx.query,
-          user: ctx.user ?? {},
-          parsed: ctx.parsed ?? {},
-          prefs: ctx.prefs ?? {},
-          loaderData: {},
-          env: ctx.env ?? {}
-        };
-        return als.run(ctxValue, async () => {
-          setCtx(ctxValue);
-          let element = createElement(
-            TsxContext.Provider,
-            { value: ctxValue },
-            createElement(NfComponent, { params: ctx.params, query: ctx.query })
-          );
-          for (let i = rootLayouts.length - 1; i >= 0; i--) {
-            const LMod = this.layoutModules.get(rootLayouts[i]);
-            if (!LMod) continue;
-            element = createElement(LMod.default, { children: element });
-          }
-          const stream = await renderToReadableStream(element);
-          return streamResponse(stream, {
-            ctx,
-            base,
-            compiledTailwindCss: this.compiledTailwindCss,
-            isDev,
-            status: 404
-          });
-        });
-      };
-      this.router.all("/*", handler);
-    }
-    for (const p of pages) {
-      if (p.entryPath) {
-        const rootLayouts = resolveLayouts(this.pagesDir, this.pagesDir);
-        this.registerClientBundleRoute(p.entryPath, p.layouts.length > 0 ? p.layouts : rootLayouts, this.pagesDir);
-      }
-    }
-    await this.setupTailwind();
-    if (isDev) {
-      this.router.ws("/__weifuwu/livereload", {
-        open: (ws) => {
-          liveReloadClients.add(ws);
-          ws.on("close", () => liveReloadClients.delete(ws));
-          ws.on("error", () => liveReloadClients.delete(ws));
-        }
-      });
-      this.startFileWatcher();
-    }
-    return attachStop(this.router, this);
-  }
-  /**
-   * Clean up file watchers and pending timers. Call when shutting down
-   * to prevent resource leaks.
-   */
-  stop() {
-    this.watcher?.close();
-    this.twWatcher?.close();
-    if (this.debounceTimer) clearTimeout(this.debounceTimer);
-    this.debounceTimer = null;
-  }
-  // ── Tailwind CSS ──────────────────────────────────────────────────────────
-  async compileTailwind() {
-    if (this.compiledTailwindCss) return this.compiledTailwindCss;
-    try {
-      _tailwindPlugin ??= (await import("@tailwindcss/postcss")).default;
-      _postcss ??= (await import("postcss")).default;
-    } catch {
-      return "";
-    }
-    const inputFile = resolve2(this.uiDir, "app.css");
-    if (!existsSync2(inputFile)) {
-      mkdirSync(this.uiDir, { recursive: true });
-      writeFileSync(inputFile, '@import "tailwindcss"\n', "utf-8");
-      console.log("\u2139 weifuwu/tsx: created " + relative(process.cwd(), inputFile));
-    }
-    try {
-      let src = readFileSync2(inputFile, "utf-8");
-      const sourceRel = relative(this.uiDir, this.pagesDir) || ".";
-      const sourcePath = sourceRel === "." ? "./" : `./${sourceRel}/`;
-      src = `@source "${sourcePath}";
-${src}`;
-      const result = await _postcss([_tailwindPlugin()]).process(src, { from: inputFile });
-      this.compiledTailwindCss = result.css;
-    } catch (err) {
-      console.warn("Tailwind CSS processing failed:", err.message);
-    }
-    return this.compiledTailwindCss;
-  }
-  async setupTailwind() {
-    await this.compileTailwind();
-    this.router.get("/__wfw/style.css", () => new Response(this.compiledTailwindCss || "", {
-      headers: { "content-type": "text/css; charset=utf-8" }
-    }));
-    if (isDev) {
-      const inputFile = resolve2(this.uiDir, "app.css");
-      this.twWatcher = chokidar.watch(inputFile, { persistent: false });
-      this.twWatcher.on("change", async () => {
-        this.compiledTailwindCss = "";
-        await this.compileTailwind();
-        broadcastReload();
-      });
-    }
-  }
-  // ── client bundle ─────────────────────────────────────────────────────────
-  async buildClientBundle(entryPath, layoutPaths, pagesDir) {
-    try {
-      const layoutImports = layoutPaths.map((p) => `import${JSON.stringify(p)};`).join("");
-      const _sc = `(function(){var k='__WEIFUWU_CTX_STORE';var s=typeof globalThis!='undefined'&&globalThis[k];if(!s)return function(){};return function(v){s._ctx={...s._ctx,...v};s._snapshot={params:s._ctx.params,query:s._ctx.query,user:s._ctx.user,parsed:s._ctx.parsed,prefs:s._ctx.prefs,env:s._ctx.env};s._listeners.forEach(function(fn){fn()})}})()`;
-      const code = [
-        layoutImports,
-        `import{hydrateRoot}from'react-dom/client';`,
-        `import{createElement,useState,useEffect}from'react';`,
-        `import{TsxContext}from'weifuwu/react';`,
-        `import P from${JSON.stringify(entryPath)};`,
-        `var setCtx=${_sc};`,
-        `const c=document.getElementById('__weifuwu_root');`,
-        `if(window.__WEIFUWU_PROPS)setCtx({loaderData:window.__WEIFUWU_PROPS});`,
-        `if(!window.__WFW_ROOT){`,
-        `function App(){`,
-        `const[p,setP]=useState({C:P});`,
-        `useEffect(()=>{window.__WFW_SET_PAGE=(C)=>{setCtx({loaderData:window.__WEIFUWU_PROPS});setP({C})}},[]);`,
-        `const ctx=window.__WEIFUWU_CTX||{};`,
-        `return createElement(TsxContext.Provider,{value:ctx},`,
-        `createElement(p.C,null))`,
-        `}`,
-        `window.__WFW_ROOT=hydrateRoot(c,createElement(App));`,
-        `}else{`,
-        `window.__WFW_SET_PAGE?.(P);`,
-        `}`
-      ].join("");
-      const publicEnv = {};
-      for (const key of Object.keys(process.env)) {
-        if (key.startsWith("WEIFUWU_PUBLIC_")) {
-          publicEnv[`process.env.${key}`] = JSON.stringify(process.env[key]);
-        }
-      }
-      const result = await esbuild.build({
-        stdin: { contents: code, loader: "tsx", resolveDir: pagesDir },
-        bundle: true,
-        format: "esm",
-        jsx: "automatic",
-        jsxImportSource: "react",
-        alias: resolveAliases(),
-        banner: { js: "self.process={env:{}};" },
-        define: Object.keys(publicEnv).length > 0 ? publicEnv : void 0,
-        loader: { ".node": "empty" },
-        write: false,
-        minify: true
-      });
-      return result.outputFiles[0].contents;
-    } catch (err) {
-      console.error("hydration bundle failed:", err);
-      return null;
-    }
-  }
-  async getOrBuildClientBundle(entryPath, layoutPaths, pagesDir) {
-    const key = id(entryPath);
-    const url = `/__wfw/client/${key}.js`;
-    this.clientBuildParams.set(key, { entryPath, layoutPaths, pagesDir });
-    if (!this.clientBundleCache.has(key)) {
-      const buf = await this.buildClientBundle(entryPath, layoutPaths, pagesDir);
-      if (!buf) return null;
-      this.clientBundleCache.set(key, buf);
-    }
-    return { url };
-  }
-  registerClientBundleRoute(entryPath, layoutPaths, pagesDir) {
-    const key = id(entryPath);
-    const url = `/__wfw/client/${key}.js`;
-    this.clientBuildParams.set(key, { entryPath, layoutPaths, pagesDir });
-    if (!this.clientRouteLog.has(url)) {
-      this.router.get(url, async () => {
-        let buf = this.clientBundleCache.get(key);
-        if (!buf) {
-          const params = this.clientBuildParams.get(key);
-          if (params) {
-            const rebuilt = await this.buildClientBundle(params.entryPath, params.layoutPaths, params.pagesDir);
-            if (rebuilt) {
-              this.clientBundleCache.set(key, rebuilt);
-              buf = rebuilt;
-            }
-          }
-        }
-        return buf ? new Response(buf, {
-          headers: { "content-type": "application/javascript; charset=utf-8" }
-        }) : new Response("", { status: 500 });
-      });
-      this.clientRouteLog.add(url);
-    }
-  }
-  // ── SSR handler ───────────────────────────────────────────────────────────
-  makeSsrHandler(entryPath, layoutPaths, loadPath) {
-    return async (req, ctx) => {
-      const base = (ctx.mountPath || "").replace(/\/$/, "");
-      const pageMod = this.pageModules.get(entryPath);
-      if (!pageMod) return new Response("", { status: 500 });
-      const Component = pageMod.default;
-      const loadMod = loadPath ? this.loadModules.get(loadPath) : void 0;
-      const loadFn = loadMod?.default;
-      const loadProps = loadFn ? await loadFn({ params: ctx.params, query: ctx.query }) : {};
-      const ctxValue = {
-        params: ctx.params,
-        query: ctx.query,
-        user: ctx.user ?? {},
-        parsed: ctx.parsed ?? {},
-        prefs: ctx.prefs ?? {},
-        loaderData: loadProps,
-        env: ctx.env ?? {}
-      };
-      return als.run(ctxValue, async () => {
-        setCtx(ctxValue);
-        let element = createElement(
-          TsxContext.Provider,
-          { value: ctxValue },
-          createElement(
-            "div",
-            { id: "__weifuwu_root" },
-            createElement(Component, null)
-          )
-        );
-        if (layoutPaths.length === 0) {
-          element = createElement(
-            "html",
-            { lang: "en" },
-            createElement(
-              "head",
-              null,
-              createElement("meta", { charSet: "utf-8" }),
-              createElement("meta", { name: "viewport", content: "width=device-width, initial-scale=1" }),
-              createElement("title", null, "weifuwu")
-            ),
-            createElement("body", null, element)
-          );
-        } else {
-          for (let i = layoutPaths.length - 1; i >= 0; i--) {
-            const lp = layoutPaths[i];
-            const LMod = this.layoutModules.get(lp);
-            if (!LMod) continue;
-            const Layout = LMod.default;
-            const isRoot = i === 0;
-            element = createElement(
-              Layout,
-              { children: element }
-            );
-          }
-        }
-        const bundle = await this.getOrBuildClientBundle(entryPath, layoutPaths, this.pagesDir);
-        const stream = await renderToReadableStream(element);
-        return streamResponse(stream, {
-          ctx,
-          base,
-          compiledTailwindCss: this.compiledTailwindCss,
-          isDev,
-          bundle,
-          loaderData: loadProps
-        });
-      });
-    };
-  }
-  // ── dev file watcher ──────────────────────────────────────────────────────
-  startFileWatcher() {
-    const pending = /* @__PURE__ */ new Set();
-    this.watcher = chokidar.watch(this.uiDir, {
-      ignored: /(^|[/\\])\.(?!\.)|node_modules|[/\\]\.weifuwu[/\\]|[/\\]dist[/\\]/,
-      persistent: false,
-      ignoreInitial: true
-    });
-    this.watcher.on("all", async (event, filePath) => {
-      if (event !== "change" && event !== "add") return;
-      if (!/\.tsx?$/.test(filePath)) return;
-      pending.add(filePath);
-      if (this.debounceTimer) clearTimeout(this.debounceTimer);
-      this.debounceTimer = setTimeout(async () => {
-        this.debounceTimer = null;
-        const files = [...pending];
-        pending.clear();
-        const exists = files.filter((f) => existsSync2(f));
-        const allKnown = exists.every(
-          (f) => this.pageModules.has(f) || this.layoutModules.has(f) || this.loadModules.has(f) || this.routeModules.has(f)
-        );
-        if (allKnown) {
-          for (const f of exists) await this.recompileAndSwap(f);
-          this.compiledTailwindCss = "";
-          await this.compileTailwind();
-          broadcastReload();
-        } else {
-          await this.recompileAll();
-        }
-      }, 50);
-    });
-  }
-  async recompileAndSwap(filePath) {
-    try {
-      const result = await esbuild.build({
-        entryPoints: { [id(filePath)]: filePath },
-        outdir: this.outDir,
-        format: "cjs",
-        platform: "node",
-        jsx: "automatic",
-        jsxImportSource: "react",
-        bundle: true,
-        external: ["react", "react-dom", "esbuild", "graphql", "ws", "zod", "@graphql-tools/schema", "ai"],
-        alias: resolveAliases(),
-        write: false
-      });
-      const code = new TextDecoder().decode(result.outputFiles[0].contents);
-      const mod = loadSSRModule(code);
-      const name = basename(filePath);
-      if (name === "layout.tsx") {
-        this.layoutModules.set(filePath, mod);
-        this.clientBundleCache.clear();
-      } else if (name === "route.ts") {
-        const handlers = /* @__PURE__ */ new Map();
-        for (const m of ["GET", "POST", "PUT", "DELETE", "PATCH", "HEAD", "OPTIONS"]) {
-          if (mod[m]) handlers.set(m, mod[m]);
-        }
-        this.routeModules.set(filePath, handlers);
-      } else if (name === "load.ts") {
-        this.loadModules.set(filePath, mod);
-      } else {
-        this.pageModules.set(filePath, mod);
-        this.clientBundleCache.delete(id(filePath));
-      }
-    } catch (err) {
-      console.error("recompile failed:", err.message);
-    }
-  }
-  async recompileAll() {
-    try {
-      const freshPages = scanPages(this.pagesDir);
-      const freshFiles = /* @__PURE__ */ new Set();
-      const nodeEntries = {};
-      for (const p of freshPages) {
-        const nodeKey = p.entryPath || p.routePath || "";
-        nodeEntries[nodeKey] = { route: p.route, entryPath: p.entryPath, layouts: p.layouts, loadPath: p.loadPath, routePath: p.routePath };
-        if (p.entryPath) freshFiles.add(p.entryPath);
-        if (p.loadPath) freshFiles.add(p.loadPath);
-        for (const lp of p.layouts) freshFiles.add(lp);
-        if (p.routePath) freshFiles.add(p.routePath);
-      }
-      const nfPath = join(this.pagesDir, "not-found.tsx");
-      if (existsSync2(nfPath)) {
-        freshFiles.add(nfPath);
-        const rootLayouts = resolveLayouts(this.pagesDir, this.pagesDir);
-        for (const lp of rootLayouts) freshFiles.add(lp);
-      }
-      this.allFiles = [...freshFiles];
-      const result = await esbuild.build({
-        entryPoints: Object.fromEntries(this.allFiles.map((f) => [id(f), f])),
-        outdir: this.outDir,
-        format: "cjs",
-        platform: "node",
-        jsx: "automatic",
-        jsxImportSource: "react",
-        bundle: true,
-        external: ["react", "react-dom", "esbuild", "graphql", "ws", "zod", "@graphql-tools/schema", "ai"],
-        alias: resolveAliases(),
-        write: false
-      });
-      for (const file of result.outputFiles) {
-        const code = new TextDecoder().decode(file.contents);
-        const mod = loadSSRModule(code);
-        const srcPath = this.allFiles.find((f) => file.path.endsWith(id(f) + ".js"));
-        if (!srcPath) continue;
-        const name = basename(srcPath);
-        if (name === "layout.tsx") {
-          this.layoutModules.set(srcPath, mod);
-        } else if (name === "route.ts") {
-          const handlers = /* @__PURE__ */ new Map();
-          for (const m of ["GET", "POST", "PUT", "DELETE", "PATCH", "HEAD", "OPTIONS"]) {
-            if (mod[m]) handlers.set(m, mod[m]);
-          }
-          this.routeModules.set(srcPath, handlers);
-        } else if (name === "load.ts") {
-          this.loadModules.set(srcPath, mod);
-        } else if (name !== "not-found.tsx") {
-          this.pageModules.set(srcPath, mod);
-        }
-      }
-      const methods = ["POST", "PUT", "DELETE", "PATCH", "HEAD", "OPTIONS"];
-      for (const [key, entry] of Object.entries(nodeEntries)) {
-        if (this.nodeEntries[key]) continue;
-        if (entry.routePath && !entry.entryPath) {
-          this.router.route(
-            "GET",
-            entry.route,
-            (req, ctx) => this.routeModules.get(entry.routePath)?.get("GET")?.(req, ctx) ?? new Response("", { status: 501 })
-          );
-          for (const m of methods) {
-            this.router.route(
-              m,
-              entry.route,
-              (req, ctx) => this.routeModules.get(entry.routePath)?.get(m)?.(req, ctx) ?? new Response("", { status: 501 })
-            );
-          }
-        }
-        if (entry.entryPath) {
-          const handler = this.makeSsrHandler(entry.entryPath, entry.layouts, entry.loadPath);
-          this.router.get(entry.route, handler);
-          if (entry.routePath) {
-            for (const m of methods) {
-              this.router.route(
-                m,
-                entry.route,
-                (req, ctx) => this.routeModules.get(entry.routePath)?.get(m)?.(req, ctx) ?? new Response("", { status: 501 })
-              );
-            }
-          }
-        }
-        console.log("\u2139 weifuwu/tsx: registered new route " + entry.route);
-      }
-      this.nodeEntries = nodeEntries;
-      this.clientBundleCache.clear();
-      this.compiledTailwindCss = "";
-      await this.compileTailwind();
-      broadcastReload();
-    } catch (err) {
-      console.error("recompile all failed:", err.message);
-    }
-  }
-};
-function attachStop(router, instance) {
-  ;
-  router.stop = () => instance.stop();
-  return router;
-}
-function streamResponse(reactStream, opts) {
-  const decoder = new TextDecoder();
-  const encoder2 = new TextEncoder();
-  const headPayload = buildHeadPayload(opts);
-  let buffer = "";
-  let headFlushed = false;
-  let extractedHead = "";
-  const output = new ReadableStream({
-    async start(controller) {
-      try {
-        const reader = reactStream.getReader();
-        async function push(chunk) {
-          buffer += decoder.decode(chunk, { stream: true });
-          if (!extractedHead) {
-            const m = buffer.match(/<template id="__wfw_head">([\s\S]*?)<\/template>/);
-            if (m) {
-              extractedHead = m[1];
-              buffer = buffer.replace(m[0], "");
-            }
-          }
-          if (!headFlushed) {
-            const idx = buffer.indexOf("</head>");
-            if (idx !== -1) {
-              const before = buffer.slice(0, idx);
-              let injection = "";
-              if (extractedHead) injection += "\n" + extractedHead;
-              injection += headPayload;
-              controller.enqueue(encoder2.encode(before + injection));
-              buffer = buffer.slice(idx);
-              headFlushed = true;
-            }
-            return;
-          }
-          controller.enqueue(encoder2.encode(buffer));
-          buffer = "";
-        }
-        while (true) {
-          const { done, value } = await reader.read();
-          if (done) break;
-          await push(value);
-        }
-        buffer = buffer.replace(/<template id="__wfw_head">[\s\S]*?<\/template>/g, "");
-        if (buffer) controller.enqueue(encoder2.encode(buffer));
-        const body = buildBodyScripts(opts);
-        if (body) controller.enqueue(encoder2.encode("\n" + body));
-        if (opts.isDev) {
-          controller.enqueue(encoder2.encode(
-            `
-<script>(function(){var ws=new WebSocket((location.protocol==='https:'?'wss:':'ws:')+'//'+location.host+'${opts.base}/__weifuwu/livereload');ws.onmessage=function(e){if(e.data==='reload')location.reload()};ws.onclose=function(){setTimeout(function(){location.reload()},500)}})()</script>`
-          ));
-        }
-      } catch (err) {
-        const fallback = `<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><title>500</title></head><body><h1>500 - Internal Server Error</h1></body></html>`;
-        controller.enqueue(encoder2.encode(fallback));
-      } finally {
-        controller.close();
-      }
-    }
-  });
-  return new Response(output, {
-    status: opts.status ?? 200,
-    headers: { "content-type": "text/html; charset=utf-8" }
-  });
-}
-var _publicEnv = null;
-function getPublicEnv() {
-  if (_publicEnv) return _publicEnv;
-  _publicEnv = {};
-  for (const key of Object.keys(process.env)) {
-    if (key.startsWith("WEIFUWU_PUBLIC_")) {
-      _publicEnv[key] = process.env[key];
-    }
-  }
-  return _publicEnv;
-}
-function buildHeadPayload(opts) {
-  const { ctx, base, compiledTailwindCss } = opts;
-  let result = "";
-  if (ctx.prefs?.theme) {
-    result += `<script>!function(){var t=(document.cookie.match(/(?:^|;\\s*)theme=([^;]+)/)||[])[1]||'system';if(t==='system'){t=window.matchMedia('(prefers-color-scheme:dark)').matches?'dark':'light'}document.documentElement.setAttribute('data-theme',t)}()</script>
-`;
-  }
-  if (compiledTailwindCss) {
-    result += `<link rel="stylesheet" href="${base}/__wfw/style.css" />
-`;
-  }
-  const localeData = ctx.parsed?.__localeData ?? globalThis.__LOCALE_DATA__;
-  if (localeData && Object.keys(localeData).length > 0) {
-    result += `<script>window.__LOCALE_DATA__=${JSON.stringify(localeData)}</script>
-`;
-  }
-  const ctxData = {
-    params: ctx.params,
-    query: ctx.query,
-    user: ctx.user,
-    parsed: ctx.parsed,
-    prefs: ctx.prefs
-  };
-  const publicEnv = getPublicEnv();
-  if (Object.keys(publicEnv).length > 0) {
-    ctxData.env = publicEnv;
-  }
-  result += `<script>window.__WEIFUWU_CTX=${JSON.stringify(ctxData)}</script>
-`;
-  return result;
-}
-function buildBodyScripts(opts) {
-  const parts = [];
-  if (opts.loaderData && Object.keys(opts.loaderData).length > 0) {
-    parts.push(`<script>window.__WEIFUWU_PROPS=${JSON.stringify(opts.loaderData)}</script>`);
-  }
-  if (opts.bundle) {
-    parts.push(`<script type="module" src="${opts.base}${opts.bundle.url}"></script>`);
-  }
-  return parts.join("\n");
-}
-
-// tsx.ts
-async function tsx(options) {
-  const instance = new TsxInstance(options);
-  return instance.build();
-}
-
 // middleware.ts
 function logger(options) {
   return async (req, ctx, next) => {
@@ -1598,12 +753,12 @@ function auth(options) {
 }
 
 // static.ts
-import { createHash as createHash2 } from "node:crypto";
+import { createHash } from "node:crypto";
 import { open, realpath } from "node:fs/promises";
-import { extname, resolve as resolve3, normalize, sep as sep2 } from "node:path";
+import { extname, resolve as resolve2, normalize, sep } from "node:path";
 import { Readable } from "node:stream";
 function serveStatic(root, options) {
-  const rootDir = resolve3(root);
+  const rootDir = resolve2(root);
   const opts = options ?? {};
   return async (req, ctx) => {
     const relativePath = ctx.params["*"] ?? new URL(req.url).pathname.slice(1);
@@ -1611,8 +766,8 @@ function serveStatic(root, options) {
     if (decoded.includes("..") || decoded.includes("\0")) {
       return new Response("Forbidden", { status: 403 });
     }
-    let filePath = normalize(resolve3(rootDir, decoded));
-    if (!filePath.startsWith(rootDir + sep2) && filePath !== rootDir) {
+    let filePath = normalize(resolve2(rootDir, decoded));
+    if (!filePath.startsWith(rootDir + sep) && filePath !== rootDir) {
       return new Response("Forbidden", { status: 403 });
     }
     let fileHandle;
@@ -1620,15 +775,15 @@ function serveStatic(root, options) {
       fileHandle = await open(filePath, "r");
       let stat = await fileHandle.stat();
       const realPath = await realpath(filePath);
-      if (!realPath.startsWith(rootDir + sep2) && realPath !== rootDir) {
+      if (!realPath.startsWith(rootDir + sep) && realPath !== rootDir) {
         await fileHandle.close();
         return new Response("Forbidden", { status: 403 });
       }
       if (stat.isDirectory()) {
         await fileHandle.close();
         const indexFile = opts.index ?? "index.html";
-        filePath = resolve3(filePath, indexFile);
-        if (!filePath.startsWith(rootDir + sep2)) {
+        filePath = resolve2(filePath, indexFile);
+        if (!filePath.startsWith(rootDir + sep)) {
           return new Response("Forbidden", { status: 403 });
         }
         fileHandle = await open(filePath, "r");
@@ -1639,7 +794,7 @@ function serveStatic(root, options) {
         }
       }
       const mimeType = MIME_TYPES[extname(filePath).toLowerCase()] ?? "application/octet-stream";
-      const etag = `"${createHash2("md5").update(`${stat.size}-${stat.mtimeMs}`).digest("hex")}"`;
+      const etag = `"${createHash("md5").update(`${stat.size}-${stat.mtimeMs}`).digest("hex")}"`;
       const ifNoneMatch = req.headers.get("if-none-match");
       if (ifNoneMatch === etag) {
         await fileHandle.close();
@@ -1860,7 +1015,7 @@ function deleteCookie(res, name, options) {
 // upload.ts
 import { writeFile, mkdir } from "node:fs/promises";
 import { randomUUID } from "node:crypto";
-import { join as join2, extname as extname2 } from "node:path";
+import { join, extname as extname2 } from "node:path";
 var extensionMimeMap = {
   ".jpg": "image/jpeg",
   ".jpeg": "image/jpeg",
@@ -1927,7 +1082,7 @@ function upload(options) {
         };
         if (saveDir) {
           const safeName = value.name.replace(/[/\\\0]/g, "_");
-          const filePath = join2(saveDir, `${randomUUID()}-${safeName}`);
+          const filePath = join(saveDir, `${randomUUID()}-${safeName}`);
           await writeFile(filePath, buf);
           uf.path = filePath;
         }
@@ -2117,12 +1272,12 @@ function requestId(options) {
   const gen = options?.generator ?? (() => crypto2.randomUUID());
   return async (req, ctx, next) => {
     const existing = req.headers.get(header);
-    const id2 = existing ?? gen();
-    ctx.requestId = id2;
+    const id3 = existing ?? gen();
+    ctx.requestId = id3;
     const res = await next(req, ctx);
     if (res.headers.has(header)) return res;
     const h = new Headers(res.headers);
-    h.set(header, id2);
+    h.set(header, id3);
     return new Response(res.body, { status: res.status, statusText: res.statusText, headers: h });
   };
 }
@@ -2344,10 +1499,10 @@ function resolveRef(path2, ctx) {
     const after = path2.slice(7);
     const dot = after.indexOf(".");
     if (dot === -1) return ctx.nodeOutputs.get(after);
-    const id2 = after.slice(0, dot);
+    const id3 = after.slice(0, dot);
     const propPath = after.slice(dot + 1);
-    const output = ctx.nodeOutputs.get(id2);
-    if (output === void 0) throw new Error(`Node "${id2}" has no output yet`);
+    const output = ctx.nodeOutputs.get(id3);
+    if (output === void 0) throw new Error(`Node "${id3}" has no output yet`);
     return getByPath(output, propPath.startsWith("output") ? propPath.slice(7).split(".").filter(Boolean) : propPath.split("."));
   }
   if (path2.startsWith("$var.")) {
@@ -2873,18 +2028,18 @@ var Table = class {
     `;
     return rows;
   }
-  async read(sql2, id2, opts) {
+  async read(sql2, id3, opts) {
     if (opts?.select?.length) {
       const columns = opts.select.map((c) => `"${c}"`).join(", ");
       const [row2] = await sql2.unsafe(
         `SELECT ${columns} FROM "${this.tableName}" WHERE id = $1 LIMIT 1`,
-        [id2]
+        [id3]
       );
       return row2 ?? void 0;
     }
     const [row] = await sql2`
       SELECT * FROM ${sql2(this.tableName)}
-      WHERE ${sql2("id")} = ${id2} LIMIT 1
+      WHERE ${sql2("id")} = ${id3} LIMIT 1
     `;
     return row ?? void 0;
   }
@@ -2918,11 +2073,11 @@ var Table = class {
     const rows = await sql2.unsafe(query, values);
     return { count, data: rows };
   }
-  async update(sql2, id2, data) {
+  async update(sql2, id3, data) {
     const { sets, values: setValues } = this._buildSET(data);
     if (sets.length === 0) return void 0;
     const query = `UPDATE "${this.tableName}" AS t SET ${sets.join(", ")} FROM (SELECT ctid FROM "${this.tableName}" WHERE id = $${setValues.length + 1} LIMIT 1) AS sub WHERE t.ctid = sub.ctid RETURNING t.*`;
-    const rows = await sql2.unsafe(query, [...setValues, id2]);
+    const rows = await sql2.unsafe(query, [...setValues, id3]);
     return rows[0] ?? void 0;
   }
   async updateMany(sql2, where, data) {
@@ -2936,22 +2091,22 @@ var Table = class {
     );
     return rows.length;
   }
-  async delete(sql2, id2) {
+  async delete(sql2, id3) {
     if (this.hasColumn("deleted_at")) {
       const [row2] = await sql2.unsafe(
         `UPDATE "${this.tableName}" SET "deleted_at" = NOW() WHERE id = $1 RETURNING *`,
-        [id2]
+        [id3]
       );
       return row2 ?? void 0;
     }
     const [row] = await sql2`
-      DELETE FROM ${sql2(this.tableName)} WHERE ${sql2("id")} = ${id2} RETURNING *
+      DELETE FROM ${sql2(this.tableName)} WHERE ${sql2("id")} = ${id3} RETURNING *
     `;
     return row ?? void 0;
   }
-  async hardDelete(sql2, id2) {
+  async hardDelete(sql2, id3) {
     const [row] = await sql2`
-      DELETE FROM ${sql2(this.tableName)} WHERE ${sql2("id")} = ${id2} RETURNING *
+      DELETE FROM ${sql2(this.tableName)} WHERE ${sql2("id")} = ${id3} RETURNING *
     `;
     return row ?? void 0;
   }
@@ -3047,23 +2202,23 @@ var BoundTable = class _BoundTable {
   async insertMany(data) {
     return await this.inner.insertMany(this.sql, data);
   }
-  async read(id2, opts) {
-    return await this.inner.read(this.sql, id2, opts);
+  async read(id3, opts) {
+    return await this.inner.read(this.sql, id3, opts);
   }
   async readMany(where, opts) {
     return await this.inner.readMany(this.sql, where, opts);
   }
-  async update(id2, data) {
-    return await this.inner.update(this.sql, id2, data);
+  async update(id3, data) {
+    return await this.inner.update(this.sql, id3, data);
   }
   async updateMany(where, data) {
     return await this.inner.updateMany(this.sql, where, data);
   }
-  async delete(id2) {
-    return await this.inner.delete(this.sql, id2);
+  async delete(id3) {
+    return await this.inner.delete(this.sql, id3);
   }
-  async hardDelete(id2) {
-    return await this.inner.hardDelete(this.sql, id2);
+  async hardDelete(id3) {
+    return await this.inner.hardDelete(this.sql, id3);
   }
   async deleteMany(where) {
     return await this.inner.deleteMany(this.sql, where);
@@ -3530,8 +2685,8 @@ function user(options) {
     const { data: rows } = await users.readMany({ email });
     return rows[0];
   }
-  async function findById(id2) {
-    return await users.read(id2);
+  async function findById(id3) {
+    return await users.read(id3);
   }
   async function register(data) {
     const { email, password, name } = RegisterSchema.parse(data);
@@ -3687,7 +2842,7 @@ function createHub(opts) {
       }
     });
   }
-  function join5(key, ws) {
+  function join6(key, ws) {
     if (!channels.has(key)) {
       channels.set(key, /* @__PURE__ */ new Set());
       redisSub?.subscribe(`${prefix}${key}`);
@@ -3728,7 +2883,7 @@ function createHub(opts) {
       await redisSub.quit();
     }
   }
-  return { join: join5, leave, broadcast, close };
+  return { join: join6, leave, broadcast, close };
 }
 
 // queue/index.ts
@@ -3854,7 +3009,7 @@ function queue(opts) {
     }
   }
   mw.add = function add(type, payload, opts2) {
-    const id2 = crypto4.randomUUID();
+    const id3 = crypto4.randomUUID();
     let runAt;
     if (opts2?.schedule) {
       runAt = cronNext(opts2.schedule);
@@ -3863,9 +3018,9 @@ function queue(opts) {
     } else {
       runAt = Date.now();
     }
-    const job = { id: id2, type, payload, createdAt: Date.now(), runAt };
+    const job = { id: id3, type, payload, createdAt: Date.now(), runAt };
     if (opts2?.schedule) job.schedule = opts2.schedule;
-    return redis2.zadd(jobKey, runAt, JSON.stringify(job)).then(() => id2);
+    return redis2.zadd(jobKey, runAt, JSON.stringify(job)).then(() => id3);
   };
   mw.process = function process2(type, handler) {
     handlers.set(type, handler);
@@ -4803,8 +3958,8 @@ import { createOpenAI as createOpenAI2 } from "@ai-sdk/openai";
 // agent/rest.ts
 function buildRouter2(deps) {
   const { agents: agentsTable, knowledge, runner } = deps;
-  async function getAgent(id2) {
-    const row = await agentsTable.read(id2);
+  async function getAgent(id3) {
+    const row = await agentsTable.read(id3);
     return row ?? null;
   }
   const r = new Router();
@@ -4831,8 +3986,8 @@ function buildRouter2(deps) {
     return Response.json(agent2);
   });
   r.patch("/agents/:id", async (req, ctx) => {
-    const id2 = parseInt(ctx.params.id, 10);
-    const agent2 = await getAgent(id2);
+    const id3 = parseInt(ctx.params.id, 10);
+    const agent2 = await getAgent(id3);
     if (!agent2) return Response.json({ error: "Agent not found" }, { status: 404 });
     const body = await req.json();
     const updateData = {};
@@ -4844,23 +3999,23 @@ function buildRouter2(deps) {
     if (Object.keys(updateData).length === 0) {
       return Response.json({ error: "No fields to update" }, { status: 400 });
     }
-    const row = await agentsTable.update(id2, updateData);
+    const row = await agentsTable.update(id3, updateData);
     return Response.json(row);
   });
   r.delete("/agents/:id", async (_req, ctx) => {
-    const id2 = parseInt(ctx.params.id, 10);
-    const row = await agentsTable.delete(id2);
+    const id3 = parseInt(ctx.params.id, 10);
+    const row = await agentsTable.delete(id3);
     if (!row) return Response.json({ error: "Agent not found" }, { status: 404 });
     return Response.json({ ok: true });
   });
   r.post("/agents/:id/run", async (req, ctx) => {
-    const id2 = parseInt(ctx.params.id, 10);
+    const id3 = parseInt(ctx.params.id, 10);
     const body = await req.json();
     if (!body.input && !body.messages) {
       return Response.json({ error: "input or messages is required" }, { status: 400 });
     }
     try {
-      const result = await runner.run(id2, body);
+      const result = await runner.run(id3, body);
       if ("stream" in result) {
         return new Response(result.stream, {
           headers: { "Content-Type": "text/event-stream", "Cache-Control": "no-cache" }
@@ -5271,15 +4426,15 @@ function buildRouter3(deps) {
     return Response.json(rows);
   });
   r.get("/channels/:id", async (_req, ctx) => {
-    const id2 = parseInt(ctx.params.id, 10);
-    const ch = await channels.read(id2);
+    const id3 = parseInt(ctx.params.id, 10);
+    const ch = await channels.read(id3);
     if (!ch) return Response.json({ error: "Channel not found" }, { status: 404 });
-    const { data: memberRows } = await members.readMany({ channel_id: id2 });
+    const { data: memberRows } = await members.readMany({ channel_id: id3 });
     return Response.json({ channel: ch, members: memberRows });
   });
   r.delete("/channels/:id", async (_req, ctx) => {
-    const id2 = parseInt(ctx.params.id, 10);
-    await channels.delete(id2);
+    const id3 = parseInt(ctx.params.id, 10);
+    await channels.delete(id3);
     return Response.json({ ok: true });
   });
   r.post("/channels/:id/members", async (req, ctx) => {
@@ -5538,14 +4693,14 @@ function forkApp(opts) {
   return { child, port: opts.port };
 }
 function stopProcess(mp, timeout = 1e4) {
-  return new Promise((resolve11) => {
+  return new Promise((resolve12) => {
     const timer = setTimeout(() => {
       mp.child.kill("SIGKILL");
-      resolve11();
+      resolve12();
     }, timeout);
     mp.child.on("exit", () => {
       clearTimeout(timer);
-      resolve11();
+      resolve12();
     });
     mp.child.kill("SIGTERM");
   });
@@ -5974,6 +5129,370 @@ function ensureCertificates(config) {
 // opencode/client.ts
 import { createOpenAI as createOpenAI3 } from "@ai-sdk/openai";
 
+// opencode/rest.ts
+import { join as join4 } from "node:path";
+
+// ssr/ssr.ts
+import { createElement } from "react";
+import { createHash as createHash3 } from "node:crypto";
+import { dirname as dirname2, resolve as resolve4 } from "node:path";
+import { AsyncLocalStorage } from "node:async_hooks";
+
+// ssr/compile.ts
+import * as esbuild from "esbuild";
+import { existsSync as existsSync2, mkdirSync, readFileSync as readFileSync2 } from "node:fs";
+import { join as join2, resolve as resolve3, dirname } from "node:path";
+import { pathToFileURL } from "node:url";
+import { createHash as createHash2 } from "node:crypto";
+var OUT_DIR = ".weifuwu/ssr";
+var cache = /* @__PURE__ */ new Map();
+var externals = [
+  "react",
+  "react-dom",
+  "esbuild",
+  "graphql",
+  "ws",
+  "zod",
+  "@graphql-tools/schema",
+  "ai"
+];
+var _alias = null;
+function resolveAliases() {
+  if (_alias) return _alias;
+  const configFiles = ["tsconfig.json", "jsconfig.json"];
+  for (const file of configFiles) {
+    const p = resolve3(file);
+    if (existsSync2(p)) {
+      try {
+        const config = JSON.parse(readFileSync2(p, "utf-8"));
+        const paths = config.compilerOptions?.paths;
+        if (paths) {
+          const alias = {};
+          for (const [key, values] of Object.entries(paths)) {
+            const cleanKey = key.replace("/*", "");
+            const val = values[0]?.replace("/*", "");
+            if (val) alias[cleanKey] = resolve3(dirname(p), val);
+          }
+          _alias = alias;
+          return alias;
+        }
+      } catch {
+      }
+    }
+  }
+  _alias = {};
+  return {};
+}
+function id(s) {
+  return createHash2("md5").update(s).digest("hex").slice(0, 8);
+}
+async function compileTsx(path2) {
+  if (cache.has(path2)) return cache.get(path2);
+  const absPath = resolve3(path2);
+  mkdirSync(OUT_DIR, { recursive: true });
+  const hash = id(absPath);
+  const outPath = join2(OUT_DIR, hash + ".js");
+  await esbuild.build({
+    entryPoints: { [hash]: absPath },
+    outdir: OUT_DIR,
+    format: "esm",
+    platform: "node",
+    jsx: "automatic",
+    jsxImportSource: "react",
+    bundle: true,
+    external: externals,
+    alias: resolveAliases(),
+    write: true,
+    allowOverwrite: true
+  });
+  const mod = await import(pathToFileURL(outPath).href);
+  cache.set(path2, mod);
+  return mod;
+}
+
+// ssr/stream.ts
+import { TextDecoder, TextEncoder as TextEncoder2 } from "node:util";
+var _publicEnv = null;
+function getPublicEnv() {
+  if (_publicEnv) return _publicEnv;
+  _publicEnv = {};
+  for (const key of Object.keys(process.env)) {
+    if (key.startsWith("WEIFUWU_PUBLIC_")) {
+      _publicEnv[key] = process.env[key];
+    }
+  }
+  return _publicEnv;
+}
+function buildHeadPayload(opts) {
+  const { ctx, base, compiledTailwindCss } = opts;
+  let result = "";
+  if (ctx.prefs?.theme) {
+    result += `<script>!function(){var t=(document.cookie.match(/(?:^|;\\s*)theme=([^;]+)/)||[])[1]||'system';if(t==='system'){t=window.matchMedia('(prefers-color-scheme:dark)').matches?'dark':'light'}document.documentElement.setAttribute('data-theme',t)}()</script>
+`;
+  }
+  if (compiledTailwindCss) {
+    result += `<link rel="stylesheet" href="${base}/__wfw/style.css" />
+`;
+  }
+  const localeData = ctx.parsed?.__localeData ?? globalThis.__LOCALE_DATA__;
+  if (localeData && Object.keys(localeData).length > 0) {
+    result += `<script>window.__LOCALE_DATA__=${JSON.stringify(localeData)}</script>
+`;
+  }
+  const loaderData = opts.loaderData || {};
+  const ctxData = {
+    params: ctx.params,
+    query: ctx.query,
+    user: ctx.user,
+    parsed: ctx.parsed,
+    prefs: ctx.prefs,
+    loaderData
+  };
+  const publicEnv = getPublicEnv();
+  if (Object.keys(publicEnv).length > 0) {
+    ctxData.env = publicEnv;
+  }
+  result += `<script>window.__WEIFUWU_CTX=${JSON.stringify(ctxData)}</script>
+`;
+  return result;
+}
+function buildBodyScripts(opts) {
+  const parts = [];
+  if (opts.loaderData && Object.keys(opts.loaderData).length > 0) {
+    parts.push(`<script>window.__WEIFUWU_PROPS=${JSON.stringify(opts.loaderData)}</script>`);
+  }
+  if (opts.bundle) {
+    parts.push(`<script type="module" src="${opts.base}${opts.bundle.url}"></script>`);
+  }
+  return parts.join("\n");
+}
+function streamResponse(reactStream, opts) {
+  const decoder = new TextDecoder();
+  const encoder2 = new TextEncoder2();
+  const headPayload = buildHeadPayload(opts);
+  let buffer = "";
+  let headFlushed = false;
+  let extractedHead = "";
+  const output = new ReadableStream({
+    async start(controller) {
+      try {
+        const reader = reactStream.getReader();
+        async function push(chunk) {
+          buffer += decoder.decode(chunk, { stream: true });
+          if (!extractedHead) {
+            const m = buffer.match(/<template id="__wfw_head">([\s\S]*?)<\/template>/);
+            if (m) {
+              extractedHead = m[1];
+              buffer = buffer.replace(m[0], "");
+            }
+          }
+          if (!headFlushed) {
+            const idx = buffer.indexOf("</head>");
+            if (idx !== -1) {
+              const before = buffer.slice(0, idx);
+              let injection = "";
+              if (extractedHead) injection += "\n" + extractedHead;
+              injection += headPayload;
+              controller.enqueue(encoder2.encode(before + injection));
+              buffer = buffer.slice(idx);
+              headFlushed = true;
+            }
+            return;
+          }
+          controller.enqueue(encoder2.encode(buffer));
+          buffer = "";
+        }
+        while (true) {
+          const { done, value } = await reader.read();
+          if (done) break;
+          await push(value);
+        }
+        buffer = buffer.replace(/<template id="__wfw_head">[\s\S]*?<\/template>/g, "");
+        if (buffer) controller.enqueue(encoder2.encode(buffer));
+        const body = buildBodyScripts(opts);
+        if (body) controller.enqueue(encoder2.encode("\n" + body));
+        if (opts.isDev) {
+          controller.enqueue(encoder2.encode(
+            `
+<script>(function(){var ws=new WebSocket((location.protocol==='https:'?'wss:':'ws:')+'//'+location.host+'${opts.base}/__weifuwu/livereload');ws.onmessage=function(e){if(e.data==='reload')location.reload()};ws.onclose=function(){setTimeout(function(){location.reload()},500)}})()</script>`
+          ));
+        }
+      } catch {
+        const fallback = `<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><title>500</title></head><body><h1>500 - Internal Server Error</h1></body></html>`;
+        controller.enqueue(encoder2.encode(fallback));
+      } finally {
+        controller.close();
+      }
+    }
+  });
+  return new Response(output, {
+    status: opts.status ?? 200,
+    headers: { "content-type": "text/html; charset=utf-8" }
+  });
+}
+
+// ssr/ssr.ts
+var als = new AsyncLocalStorage();
+__registerAls(() => als.getStore());
+var isDev = process.env.NODE_ENV !== "production";
+var bundleCache = /* @__PURE__ */ new Map();
+function id2(s) {
+  return createHash3("md5").update(s).digest("hex").slice(0, 8);
+}
+function serializeLoaderData(ctx) {
+  const data = {};
+  for (const key of Object.keys(ctx)) {
+    if (!["params", "query", "mountPath", "layoutStack"].includes(key)) {
+      data[key] = ctx[key];
+    }
+  }
+  return data;
+}
+async function buildClientBundle(entryPath, layoutPaths) {
+  try {
+    const absEntry = resolve4(entryPath);
+    const absLayouts = layoutPaths.map((p) => resolve4(p));
+    const layoutImports = absLayouts.map((p) => `import${JSON.stringify(p)};`).join("");
+    const _sc = `(function(){var k='__WEIFUWU_CTX_STORE';var s=typeof globalThis!='undefined'&&globalThis[k];if(!s)return function(){};return function(v){s._ctx={...s._ctx,...v};s._snapshot={params:s._ctx.params,query:s._ctx.query,user:s._ctx.user,parsed:s._ctx.parsed,prefs:s._ctx.prefs,env:s._ctx.env};s._listeners.forEach(function(fn){fn()})}})()`;
+    const code = [
+      layoutImports,
+      `import{hydrateRoot}from'react-dom/client';`,
+      `import{createElement,useState,useEffect}from'react';`,
+      `import{TsxContext}from'weifuwu/react';`,
+      `import P from${JSON.stringify(absEntry)};`,
+      `var setCtx=${_sc};`,
+      `const c=document.getElementById('__weifuwu_root');`,
+      `if(window.__WEIFUWU_PROPS)setCtx({loaderData:window.__WEIFUWU_PROPS});`,
+      `if(!window.__WFW_ROOT){`,
+      `function App(){`,
+      `const[p,setP]=useState({C:P});`,
+      `useEffect(()=>{window.__WFW_SET_PAGE=(C)=>{setCtx({loaderData:window.__WEIFUWU_PROPS});setP({C})}},[]);`,
+      `const ctx=window.__WEIFUWU_CTX||{};`,
+      `return createElement(TsxContext.Provider,{value:ctx},`,
+      `createElement(p.C,null))`,
+      `}`,
+      `window.__WFW_ROOT=hydrateRoot(c,createElement(App));`,
+      `}else{`,
+      `window.__WFW_SET_PAGE?.(P);`,
+      `}`
+    ].join("");
+    const { default: esbuild2 } = await import("esbuild");
+    const result = await esbuild2.build({
+      stdin: { contents: code, loader: "tsx", resolveDir: dirname2(absEntry) },
+      bundle: true,
+      format: "esm",
+      jsx: "automatic",
+      jsxImportSource: "react",
+      banner: { js: "self.process={env:{}};" },
+      loader: { ".node": "empty" },
+      write: false,
+      minify: true
+    });
+    return result.outputFiles[0].contents;
+  } catch (err) {
+    console.error("hydration bundle failed:", err);
+    return null;
+  }
+}
+function ssr(path2) {
+  const entryId = id2(resolve4(path2));
+  const bundleKey = `/__ssr/${entryId}.js`;
+  const r = new Router();
+  r.get("/__ssr/:path", (req, ctx) => {
+    const buf = bundleCache.get("/__ssr/" + ctx.params.path);
+    return buf ? new Response(buf, {
+      headers: { "content-type": "application/javascript; charset=utf-8" }
+    }) : new Response("", { status: 404 });
+  });
+  r.get("/", async (req, ctx) => {
+    const pageMod = await compileTsx(path2);
+    const Component = pageMod.default;
+    if (!Component) return new Response("", { status: 500 });
+    const layouts = ctx.layoutStack || [];
+    const layoutComponents = layouts.map((l) => l.component);
+    const layoutPaths = layouts.map((l) => l.path);
+    const base = (ctx.mountPath || "").replace(/\/$/, "");
+    const loaderData = serializeLoaderData(ctx);
+    const ctxValue = {
+      params: ctx.params,
+      query: ctx.query,
+      user: ctx.user ?? {},
+      parsed: ctx.parsed ?? {},
+      prefs: ctx.prefs ?? {},
+      loaderData,
+      env: ctx.env ?? {}
+    };
+    return als.run(ctxValue, async () => {
+      setCtx(ctxValue);
+      let element = createElement(
+        TsxContext.Provider,
+        { value: ctxValue },
+        createElement(
+          "div",
+          { id: "__weifuwu_root" },
+          createElement(Component, null)
+        )
+      );
+      if (layoutComponents.length === 0) {
+        element = createElement(
+          "html",
+          { lang: "en" },
+          createElement(
+            "head",
+            null,
+            createElement("meta", { charSet: "utf-8" }),
+            createElement("meta", { name: "viewport", content: "width=device-width, initial-scale=1" }),
+            createElement("title", null, "weifuwu")
+          ),
+          createElement("body", null, element)
+        );
+      } else {
+        for (const L of layoutComponents.toReversed()) {
+          element = createElement(L, { children: element });
+        }
+      }
+      let bundle = null;
+      if (!bundleCache.has(bundleKey)) {
+        const buf = await buildClientBundle(path2, layoutPaths);
+        if (buf) bundleCache.set(bundleKey, buf);
+      }
+      if (bundleCache.has(bundleKey)) {
+        bundle = { url: bundleKey };
+      }
+      const { renderToReadableStream } = await import("react-dom/server");
+      const stream = await renderToReadableStream(element);
+      return streamResponse(stream, {
+        ctx,
+        base,
+        isDev,
+        bundle,
+        loaderData
+      });
+    });
+  });
+  return r;
+}
+
+// ssr/layout.ts
+function layout(path2) {
+  return async (req, ctx, next) => {
+    const mod = await compileTsx(path2);
+    const Component = mod.default;
+    if (!Component) throw new Error(`Layout ${path2} has no default export`);
+    ctx.layoutStack = [...ctx.layoutStack || [], { path: path2, component: Component }];
+    return next(req, ctx);
+  };
+}
+
+// ssr/tailwind.ts
+var isDev2 = process.env.NODE_ENV !== "production";
+
+// ssr/error-boundary.ts
+import { createElement as createElement2 } from "react";
+
+// ssr/live.ts
+import chokidar from "chokidar";
+
 // opencode/session.ts
 import { randomUUID as randomUUID2 } from "node:crypto";
 import { join as join3 } from "node:path";
@@ -6001,12 +5520,12 @@ var messages = pgTable("_opencode_messages", {
   created_at: timestamptz("created_at")
 });
 async function createSession(sql2, opts, cwd, mountPath) {
-  const id2 = randomUUID2();
-  const ws = computeSessionWorkspace(cwd, mountPath, id2);
+  const id3 = randomUUID2();
+  const ws = computeSessionWorkspace(cwd, mountPath, id3);
   await mkdir2(ws, { recursive: true });
   const [row] = await sql2`
     INSERT INTO "_opencode_sessions" ("id", "user_id", "title", "model", "workspace", "system_prompt")
-    VALUES (${id2}, ${opts.userId ?? 0}, ${opts.title ?? null}, ${opts.model ?? "deepseek-v4-flash"}, ${ws}, ${opts.systemPrompt ?? null})
+    VALUES (${id3}, ${opts.userId ?? 0}, ${opts.title ?? null}, ${opts.model ?? "deepseek-v4-flash"}, ${ws}, ${opts.systemPrompt ?? null})
     RETURNING *
   `;
   return row;
@@ -6015,8 +5534,8 @@ function computeSessionWorkspace(cwd, mountPath, sessionId) {
   const name = !mountPath || mountPath === "/" ? "default" : mountPath.replace(/^\//, "");
   return join3(cwd, ".sessions", name, sessionId);
 }
-async function getSession(sql2, id2) {
-  const { data: rows } = await sessions.readMany(sql2, { id: id2, active: true });
+async function getSession(sql2, id3) {
+  const { data: rows } = await sessions.readMany(sql2, { id: id3, active: true });
   return rows[0] ?? null;
 }
 async function listSessions(sql2, userId) {
@@ -6028,8 +5547,8 @@ async function listSessions(sql2, userId) {
   const { data: rows } = await sessions.readMany(sql2, { active: true }, opts);
   return rows;
 }
-async function deleteSession(sql2, id2) {
-  await sessions.update(sql2, id2, { active: false, updated_at: sql`NOW()` });
+async function deleteSession(sql2, id3) {
+  await sessions.update(sql2, id3, { active: false, updated_at: sql`NOW()` });
 }
 async function getHistory(sql2, sessionId, limit = 50) {
   const { data: rows } = await messages.readMany(sql2, { session_id: sessionId }, {
@@ -6210,10 +5729,10 @@ function createBashTool(ctx) {
         return { stdout: "", stderr: "Command denied: potentially dangerous command", exitCode: 1 };
       }
       const cwd = workdir ? `${ctx.workspace}/${workdir}` : ctx.workspace;
-      return new Promise((resolve11) => {
+      return new Promise((resolve12) => {
         const child = exec(command, { cwd, timeout: timeout * 1e3, maxBuffer: 1024 * 1024 }, (error, stdout, stderr) => {
           const truncated = stdout.length > 1e6 || stderr.length > 1e6;
-          resolve11({
+          resolve12({
             stdout: stdout.slice(0, 1e6),
             stderr: stderr.slice(0, 1e6),
             exitCode: error?.code ?? 0,
@@ -6230,7 +5749,7 @@ function createBashTool(ctx) {
 import { tool as tool4 } from "ai";
 import { z as z6 } from "zod";
 import { readFileSync as readFileSync3 } from "node:fs";
-import { resolve as resolve4 } from "node:path";
+import { resolve as resolve5 } from "node:path";
 function createReadTool(ctx) {
   return tool4({
     description: "Read file contents. Supports offset and limit for reading specific line ranges.",
@@ -6240,7 +5759,7 @@ function createReadTool(ctx) {
       limit: z6.number().optional().describe("Number of lines to read")
     }),
     execute: async ({ path: path2, offset, limit }) => {
-      const resolved = resolve4(ctx.workspace, path2);
+      const resolved = resolve5(ctx.workspace, path2);
       if (!isPathAllowed(resolved, ctx.workspace, ctx.permissions)) {
         return { error: "Path not allowed", content: null, totalLines: 0 };
       }
@@ -6271,8 +5790,8 @@ function createReadTool(ctx) {
 // opencode/tools/write.ts
 import { tool as tool5 } from "ai";
 import { z as z7 } from "zod";
-import { writeFileSync as writeFileSync2, mkdirSync as mkdirSync2 } from "node:fs";
-import { resolve as resolve5, dirname as dirname2 } from "node:path";
+import { writeFileSync, mkdirSync as mkdirSync2 } from "node:fs";
+import { resolve as resolve6, dirname as dirname3 } from "node:path";
 function createWriteTool(ctx) {
   return tool5({
     description: "Create or overwrite a file. Parent directories are created automatically.",
@@ -6281,12 +5800,12 @@ function createWriteTool(ctx) {
       content: z7.string().describe("File content")
     }),
     execute: async ({ path: path2, content }) => {
-      const resolved = resolve5(ctx.workspace, path2);
+      const resolved = resolve6(ctx.workspace, path2);
       if (!isPathAllowed(resolved, ctx.workspace, ctx.permissions)) {
         return { error: "Path not allowed" };
       }
-      mkdirSync2(dirname2(resolved), { recursive: true });
-      writeFileSync2(resolved, content, "utf-8");
+      mkdirSync2(dirname3(resolved), { recursive: true });
+      writeFileSync(resolved, content, "utf-8");
       return { path: path2, size: content.length };
     }
   });
@@ -6295,8 +5814,8 @@ function createWriteTool(ctx) {
 // opencode/tools/edit.ts
 import { tool as tool6 } from "ai";
 import { z as z8 } from "zod";
-import { readFileSync as readFileSync4, writeFileSync as writeFileSync3 } from "node:fs";
-import { resolve as resolve6 } from "node:path";
+import { readFileSync as readFileSync4, writeFileSync as writeFileSync2 } from "node:fs";
+import { resolve as resolve7 } from "node:path";
 function createEditTool(ctx) {
   return tool6({
     description: "Perform exact string replacements in a file. If oldString appears multiple times, provide more surrounding context.",
@@ -6307,7 +5826,7 @@ function createEditTool(ctx) {
       replaceAll: z8.boolean().default(false).describe("Replace all occurrences")
     }),
     execute: async ({ path: path2, oldString, newString, replaceAll }) => {
-      const resolved = resolve6(ctx.workspace, path2);
+      const resolved = resolve7(ctx.workspace, path2);
       if (!isPathAllowed(resolved, ctx.workspace, ctx.permissions)) {
         return { error: "Path not allowed" };
       }
@@ -6318,7 +5837,7 @@ function createEditTool(ctx) {
         }
         const count = content.split(oldString).length - 1;
         const result2 = content.replaceAll(oldString, newString);
-        writeFileSync3(resolved, result2, "utf-8");
+        writeFileSync2(resolved, result2, "utf-8");
         return { path: path2, replaced: count };
       }
       const firstIdx = content.indexOf(oldString);
@@ -6330,7 +5849,7 @@ function createEditTool(ctx) {
         return { error: "Found multiple matches. Provide more surrounding context in oldString.", replaced: 0 };
       }
       const result = content.replace(oldString, newString);
-      writeFileSync3(resolved, result, "utf-8");
+      writeFileSync2(resolved, result, "utf-8");
       return { path: path2, replaced: 1 };
     }
   });
@@ -6340,7 +5859,7 @@ function createEditTool(ctx) {
 import { tool as tool7 } from "ai";
 import { z as z9 } from "zod";
 import { execFileSync } from "node:child_process";
-import { resolve as resolve7 } from "node:path";
+import { resolve as resolve8 } from "node:path";
 import { existsSync as existsSync3 } from "node:fs";
 function createGrepTool(ctx) {
   return tool7({
@@ -6352,7 +5871,7 @@ function createGrepTool(ctx) {
       context: z9.number().default(0).describe("Number of context lines before and after each match")
     }),
     execute: async ({ pattern, include, path: path2, context }) => {
-      const searchDir = path2 ? resolve7(ctx.workspace, path2) : ctx.workspace;
+      const searchDir = path2 ? resolve8(ctx.workspace, path2) : ctx.workspace;
       try {
         let stdout;
         if (existsSync3("/usr/bin/rg") || existsSync3("/usr/local/bin/rg")) {
@@ -6384,7 +5903,7 @@ function createGrepTool(ctx) {
 import { tool as tool8 } from "ai";
 import { z as z10 } from "zod";
 import { execFileSync as execFileSync2 } from "node:child_process";
-import { resolve as resolve8 } from "node:path";
+import { resolve as resolve9 } from "node:path";
 function createGlobTool(ctx) {
   return tool8({
     description: "Find files matching a glob pattern.",
@@ -6393,7 +5912,7 @@ function createGlobTool(ctx) {
       path: z10.string().optional().describe("Subdirectory relative to workspace")
     }),
     execute: async ({ pattern, path: path2 }) => {
-      const searchDir = path2 ? resolve8(ctx.workspace, path2) : ctx.workspace;
+      const searchDir = path2 ? resolve9(ctx.workspace, path2) : ctx.workspace;
       try {
         const stdout = execFileSync2("find", [
           searchDir,
@@ -6454,7 +5973,7 @@ function createQuestionTool(ctx) {
       options: z12.array(z12.string()).optional().describe("Optional multiple choice options")
     }),
     execute: async ({ question, options }, { toolCallId }) => {
-      return new Promise((resolve11, reject) => {
+      return new Promise((resolve12, reject) => {
         const timeout = setTimeout(() => {
           ctx.pendingQuestions.delete(toolCallId);
           reject(new Error("Question timed out"));
@@ -6462,7 +5981,7 @@ function createQuestionTool(ctx) {
         ctx.pendingQuestions.set(toolCallId, {
           resolve: (answer) => {
             clearTimeout(timeout);
-            resolve11(answer);
+            resolve12(answer);
           },
           reject: (err) => {
             clearTimeout(timeout);
@@ -6563,15 +6082,15 @@ async function buildRouter4(deps) {
     return Response.json(sessions2);
   });
   router.get("/sessions/:id", async (_req, ctx) => {
-    const id2 = ctx.params.id;
-    const session = await getSession(sql2, id2);
+    const id3 = ctx.params.id;
+    const session = await getSession(sql2, id3);
     if (!session) return new Response("Not Found", { status: 404 });
-    const messages2 = await getHistory(sql2, id2);
+    const messages2 = await getHistory(sql2, id3);
     return Response.json({ session, messages: messages2 });
   });
   router.delete("/sessions/:id", async (_req, ctx) => {
-    const id2 = ctx.params.id;
-    await deleteSession(sql2, id2);
+    const id3 = ctx.params.id;
+    await deleteSession(sql2, id3);
     return new Response(null, { status: 204 });
   });
   router.post("/sessions/:id/message", async (req, ctx) => {
@@ -6609,8 +6128,8 @@ async function buildRouter4(deps) {
   });
   try {
     const uiDir = new URL("../opencode/ui/", import.meta.url).pathname;
-    const uiRouter = await tsx({ dir: uiDir });
-    router.use("/", uiRouter);
+    router.use(layout(join4(uiDir, "layout.tsx")));
+    router.get("/", ssr(join4(uiDir, "page.tsx")));
   } catch (e) {
     console.warn("[opencode] UI not available:", e);
   }
@@ -6745,7 +6264,7 @@ function createWSHandler2(deps) {
 import { readFile } from "node:fs/promises";
 import { glob } from "node:fs/promises";
 import { homedir } from "node:os";
-import { resolve as resolve9 } from "node:path";
+import { resolve as resolve10 } from "node:path";
 import { parse as parseYaml } from "yaml";
 var SEARCH_DIRS = [
   (ws) => `${ws}/.opencode/skills`,
@@ -6783,7 +6302,7 @@ async function scanDir(dir) {
   try {
     const files = [];
     for await (const entry of glob("*/SKILL.md", { cwd: dir })) {
-      const skill = await parseSkillFile(resolve9(dir, entry));
+      const skill = await parseSkillFile(resolve10(dir, entry));
       if (skill) files.push(skill);
     }
     return files;
@@ -7119,7 +6638,7 @@ function analytics(options) {
 // preferences.ts
 import { readFile as readFile2 } from "node:fs/promises";
 import { existsSync as existsSync4 } from "node:fs";
-import { join as join4, resolve as resolve10 } from "node:path";
+import { join as join5, resolve as resolve11 } from "node:path";
 var defaults = {
   locale: { default: "en", cookie: "locale", fromAcceptLanguage: true },
   theme: { default: "system", cookie: "theme" }
@@ -7168,24 +6687,24 @@ async function handlePrefSwitch(req, value, cookieName, load) {
   });
 }
 function preferences(options) {
-  const dir = options.dir ? resolve10(options.dir) : void 0;
+  const dir = options.dir ? resolve11(options.dir) : void 0;
   const localeOpts = { ...defaults.locale, ...options.locale };
   const themeOpts = { ...defaults.theme, ...options.theme };
-  const cache = /* @__PURE__ */ new Map();
+  const cache2 = /* @__PURE__ */ new Map();
   function validLocale(locale) {
     return /^[\w-]+$/.test(locale) && !locale.includes("..");
   }
   async function load(locale) {
     if (!dir) return {};
     if (!validLocale(locale)) return {};
-    const cached = cache.get(locale);
+    const cached = cache2.get(locale);
     if (cached) return cached;
-    const filePath = join4(dir, `${locale}.json`);
+    const filePath = join5(dir, `${locale}.json`);
     if (!existsSync4(filePath)) return {};
     try {
       const content = await readFile2(filePath, "utf-8");
       const data = JSON.parse(content);
-      cache.set(locale, data);
+      cache2.set(locale, data);
       return data;
     } catch {
       return {};
@@ -7532,9 +7051,9 @@ function listHandler(entries) {
 }
 function getHandler(entries) {
   return async (_req, ctx) => {
-    const id2 = ctx.params?.id;
-    if (!id2) return Response.json({ error: "id is required" }, { status: 400 });
-    const row = await entries.read(parseInt(id2));
+    const id3 = ctx.params?.id;
+    if (!id3) return Response.json({ error: "id is required" }, { status: 400 });
+    const row = await entries.read(parseInt(id3));
     if (!row) return Response.json({ error: "not found" }, { status: 404 });
     return Response.json(parseMetadata(row));
   };
@@ -7752,8 +7271,8 @@ function createMemoryStore(channels) {
       }));
       return { streams, count: streams.length };
     },
-    async send(stream, group, type, data, id2) {
-      notify(channels, stream, group, id2 ?? "", "send", { type, data });
+    async send(stream, group, type, data, id3) {
+      notify(channels, stream, group, id3 ?? "", "send", { type, data });
     },
     async update(stream, group, item, ops) {
       const k = key(stream, group, item);
@@ -7833,8 +7352,8 @@ function createPgStore(channels, pg) {
       }));
       return { streams, count: streams.length };
     },
-    async send(stream, group, type, data, id2) {
-      notify(channels, stream, group, id2 ?? "", "send", { type, data });
+    async send(stream, group, type, data, id3) {
+      notify(channels, stream, group, id3 ?? "", "send", { type, data });
     },
     async update(stream, group, item, ops) {
       const { value: oldVal } = await this.get(stream, group, item);
@@ -7930,8 +7449,8 @@ function createRedisStore(channels, redis2, ttl) {
       }));
       return { streams, count: streams.length };
     },
-    async send(stream, group, type, data, id2) {
-      notify(channels, stream, group, id2 ?? "", "send", { type, data });
+    async send(stream, group, type, data, id3) {
+      notify(channels, stream, group, id3 ?? "", "send", { type, data });
     },
     async update(stream, group, item, ops) {
       const hk = hashKey(stream, group);
@@ -8144,9 +7663,9 @@ function iii(opts = {}) {
   const functions = /* @__PURE__ */ new Map();
   const triggers = /* @__PURE__ */ new Map();
   const pending = /* @__PURE__ */ new Map();
-  function registerBuiltin(id2, handler) {
-    functions.set(id2, {
-      id: id2,
+  function registerBuiltin(id3, handler) {
+    functions.set(id3, {
+      id: id3,
       handler,
       workerId: "__iii__",
       workerName: "__iii__",
@@ -8201,34 +7720,34 @@ function iii(opts = {}) {
     }
     workers.set(workerId, reg);
   }
-  function addRemoteFunction(workerId, id2) {
+  function addRemoteFunction(workerId, id3) {
     const worker = workers.get(workerId);
     if (!worker) return;
     const handler = async (payload) => {
       if (!worker.ws) throw new Error(`Worker "${worker.name}" disconnected`);
       const invocationId = crypto6.randomUUID();
-      return new Promise((resolve11, reject) => {
+      return new Promise((resolve12, reject) => {
         const timer = setTimeout(() => {
           pending.delete(invocationId);
-          reject(new Error(`Invocation timed out for "${id2}"`));
+          reject(new Error(`Invocation timed out for "${id3}"`));
         }, 3e4);
-        pending.set(invocationId, { resolve: resolve11, reject, timer });
+        pending.set(invocationId, { resolve: resolve12, reject, timer });
         worker.ws.send(JSON.stringify({
           type: "invoke",
           invocation_id: invocationId,
-          function_id: id2,
+          function_id: id3,
           payload
         }));
       });
     };
     const fnReg = {
-      id: id2,
+      id: id3,
       handler,
       workerId,
       workerName: worker.name,
       triggers: []
     };
-    functions.set(id2, fnReg);
+    functions.set(id3, fnReg);
     worker.functions.push(fnReg);
   }
   function removeWorker(workerId) {
@@ -8241,15 +7760,15 @@ function iii(opts = {}) {
   let engineRef = null;
   const wsHandler = createWsHandler({
     registerRemoteWorker(ws, name) {
-      const id2 = crypto6.randomUUID();
-      workers.set(id2, { id: id2, name, ws, functions: [], triggers: [] });
-      return id2;
+      const id3 = crypto6.randomUUID();
+      workers.set(id3, { id: id3, name, ws, functions: [], triggers: [] });
+      return id3;
     },
     unregisterRemoteWorker(workerId) {
       removeWorker(workerId);
     },
-    registerRemoteFunction(workerId, id2) {
-      addRemoteFunction(workerId, id2);
+    registerRemoteFunction(workerId, id3) {
+      addRemoteFunction(workerId, id3);
     },
     registerRemoteTrigger(workerId, input) {
       const tid = crypto6.randomUUID();
@@ -8258,11 +7777,11 @@ function iii(opts = {}) {
       const worker = workers.get(workerId);
       if (worker) worker.triggers.push(reg);
     },
-    unregisterRemoteFunction(workerId, id2) {
-      functions.delete(id2);
+    unregisterRemoteFunction(workerId, id3) {
+      functions.delete(id3);
       const worker = workers.get(workerId);
       if (worker) {
-        worker.functions = worker.functions.filter((f) => f.id !== id2);
+        worker.functions = worker.functions.filter((f) => f.id !== id3);
       }
     },
     unregisterRemoteTrigger(workerId, functionId) {
@@ -8397,12 +7916,12 @@ function createWorker(name) {
   const triggers = /* @__PURE__ */ new Map();
   return {
     name,
-    registerFunction(id2, handler) {
-      functions.set(id2, handler);
+    registerFunction(id3, handler) {
+      functions.set(id3, handler);
       return this;
     },
-    unregisterFunction(id2) {
-      functions.delete(id2);
+    unregisterFunction(id3) {
+      functions.delete(id3);
       return this;
     },
     registerTrigger(input) {
@@ -8414,10 +7933,10 @@ function createWorker(name) {
       return this;
     },
     getFunctions() {
-      return Array.from(functions.entries()).map(([id2, handler]) => ({ id: id2, handler }));
+      return Array.from(functions.entries()).map(([id3, handler]) => ({ id: id3, handler }));
     },
     getTriggers() {
-      return Array.from(triggers.entries()).map(([id2, input]) => ({ id: id2, input }));
+      return Array.from(triggers.entries()).map(([id3, input]) => ({ id: id3, input }));
     }
   };
 }
@@ -8453,8 +7972,8 @@ function registerWorker(url) {
   function connect() {
     if (intentionalClose) return;
     ws = new WebSocket(url);
-    ready = new Promise((resolve11) => {
-      resolveReady = resolve11;
+    ready = new Promise((resolve12) => {
+      resolveReady = resolve12;
     });
     ws.onopen = () => {
       reconnectAttempt = 0;
@@ -8537,15 +8056,15 @@ function registerWorker(url) {
   }
   connect();
   return {
-    registerFunction(id2, handler) {
-      handlers.set(id2, handler);
-      registeredFunctionIds.add(id2);
-      send({ type: "register_function", id: id2 });
+    registerFunction(id3, handler) {
+      handlers.set(id3, handler);
+      registeredFunctionIds.add(id3);
+      send({ type: "register_function", id: id3 });
     },
-    unregisterFunction(id2) {
-      handlers.delete(id2);
-      registeredFunctionIds.delete(id2);
-      send({ type: "unregister_function", id: id2 });
+    unregisterFunction(id3) {
+      handlers.delete(id3);
+      registeredFunctionIds.delete(id3);
+      send({ type: "unregister_function", id: id3 });
     },
     registerTrigger(input) {
       registeredTriggers.add(JSON.stringify(input));
@@ -8574,13 +8093,13 @@ function registerWorker(url) {
         }
         return Promise.resolve(fn(request.payload, ctx));
       }
-      return new Promise((resolve11, reject) => {
+      return new Promise((resolve12, reject) => {
         const invocationId = genId();
         const timer = setTimeout(() => {
           pendingInvocations.delete(invocationId);
           reject(new Error(`Invocation timed out for "${request.function_id}"`));
         }, request.timeout_ms || 3e4);
-        pendingInvocations.set(invocationId, { resolve: resolve11, reject, timer });
+        pendingInvocations.set(invocationId, { resolve: resolve12, reject, timer });
         send({
           type: "invoke",
           invocation_id: invocationId,
@@ -8655,7 +8174,6 @@ export {
   streamText,
   tenant,
   tool2 as tool,
-  tsx,
   upload,
   user,
   validate