@adep/cli 0.1.7 → 0.1.8

package/dist/index.js

@@ -1931,6 +1931,17 @@ var init_sql_engine = __esm({
           }
           return { changes: 0 };
         }
+        if (/^CREATE\s+(?:UNIQUE\s+)?INDEX\s+(?:IF\s+NOT\s+EXISTS\s+)?/i.test(stmt)) {
+          const idx = /^CREATE\s+(?:UNIQUE\s+)?INDEX\s+(?:IF\s+NOT\s+EXISTS\s+)?((?:"[^"]+")|([A-Za-z_][A-Za-z0-9_]*))\s+ON\s+((?:"[^"]+")|([A-Za-z_][A-Za-z0-9_]*))/i.exec(
+            stmt
+          );
+          if (idx === null) throw new SimDbError("DB_UNSAFE_OP", `\u65E0\u6CD5\u89E3\u6790 CREATE INDEX \u8BED\u53E5`);
+          const tableName = ident(idx[3]);
+          if (this.tables[tableName] === void 0) {
+            throw new SimDbError("DB_UNSAFE_OP", `CREATE INDEX \u76EE\u6807\u8868\u4E0D\u5B58\u5728\uFF1A${tableName}`);
+          }
+          return { changes: 0 };
+        }
         if (/^INSERT\s+INTO/i.test(stmt)) return this.execInsert(stmt, params);
         if (/^UPDATE\s+/i.test(stmt)) return this.execUpdate(stmt, params);
         if (/^DELETE\s+FROM/i.test(stmt)) return this.execDelete(stmt, params);
@@ -4706,6 +4717,260 @@ var init_dev = __esm({
   }
 });
 
+// packages/cli/src/client.ts
+var client_exports = {};
+__export(client_exports, {
+  createClient: () => createClient,
+  resolveSlug: () => resolveSlug
+});
+async function envelopeError(response, fallbackCode, parsed) {
+  const payload = parsed ?? null;
+  return new CliError(
+    payload?.error?.code ?? fallbackCode,
+    payload?.error?.message ?? `\u5E73\u53F0\u8FD4\u56DE HTTP ${response.status}`
+  );
+}
+async function parseBody(response) {
+  const text = await response.text();
+  if (text.length === 0) return null;
+  try {
+    return JSON.parse(text);
+  } catch {
+    return null;
+  }
+}
+async function createClient(paths) {
+  const credentials = await loadCredentials(paths);
+  if (credentials === null) {
+    throw new CliError("NOT_LOGGED_IN", "\u672A\u767B\u5F55\uFF1A\u8BF7\u5148\u6267\u884C adep login");
+  }
+  const server = credentials.server;
+  const cookie = `better-auth.session_token=${decodeToken(credentials.encodedToken)}`;
+  const request = async (path, init = {}, fallbackCode = "API_REQUEST_FAILED") => {
+    const method = init.method ?? (init.body === void 0 ? "GET" : "POST");
+    let response;
+    try {
+      response = await fetch(`${server}${path}`, {
+        method,
+        headers: { "content-type": "application/json", cookie },
+        ...init.body === void 0 ? {} : { body: JSON.stringify(init.body) }
+      });
+    } catch (error) {
+      throw new CliError(
+        "SERVER_UNREACHABLE",
+        `\u65E0\u6CD5\u8FDE\u63A5\u5E73\u53F0 ${server}\uFF1A${error instanceof Error ? error.message : String(error)}`
+      );
+    }
+    const parsed = await parseBody(response);
+    if (response.status < 200 || response.status >= 300) {
+      throw await envelopeError(response, fallbackCode, parsed);
+    }
+    return parsed;
+  };
+  const upload = async (path, form, fallbackCode = "UPLOAD_FAILED") => {
+    let response;
+    try {
+      response = await fetch(`${server}${path}`, {
+        method: "POST",
+        headers: { cookie },
+        body: form
+      });
+    } catch (error) {
+      throw new CliError(
+        "SERVER_UNREACHABLE",
+        `\u65E0\u6CD5\u8FDE\u63A5\u5E73\u53F0 ${server}\uFF1A${error instanceof Error ? error.message : String(error)}`
+      );
+    }
+    if (response.status < 200 || response.status >= 300) {
+      throw await envelopeError(response, fallbackCode, await parseBody(response));
+    }
+    return response;
+  };
+  const download = async (url, fallbackCode = "DOWNLOAD_FAILED") => {
+    const target = url.startsWith("http") ? url : `${server}${url}`;
+    let response;
+    try {
+      response = await fetch(target, { headers: { cookie } });
+    } catch (error) {
+      throw new CliError(
+        "SERVER_UNREACHABLE",
+        `\u65E0\u6CD5\u8FDE\u63A5\u5E73\u53F0 ${server}\uFF1A${error instanceof Error ? error.message : String(error)}`
+      );
+    }
+    if (response.status < 200 || response.status >= 300) {
+      throw await envelopeError(response, fallbackCode, await parseBody(response));
+    }
+    return response;
+  };
+  return { server, cookie, request, upload, download };
+}
+async function resolveSlug(cwd, slug) {
+  if (slug !== void 0 && slug.length > 0) return slug;
+  const config = await loadConfig(cwd);
+  return config.name;
+}
+var init_client = __esm({
+  "packages/cli/src/client.ts"() {
+    "use strict";
+    init_auth();
+    init_credentials();
+    init_dev();
+  }
+});
+
+// packages/cli/src/db.ts
+var db_exports = {};
+__export(db_exports, {
+  dbExec: () => dbExec,
+  dbMigrate: () => dbMigrate,
+  dbRollback: () => dbRollback,
+  dbSnapshotCreate: () => dbSnapshotCreate,
+  dbSnapshotList: () => dbSnapshotList,
+  dbSnapshotRestore: () => dbSnapshotRestore,
+  dbStart: () => dbStart,
+  dbStatus: () => dbStatus,
+  dbStop: () => dbStop,
+  splitSqlStatements: () => splitSqlStatements
+});
+import { readFile as readFile8 } from "node:fs/promises";
+import { resolve as resolve5 } from "node:path";
+async function open2(paths, options) {
+  const client = await createClient(paths);
+  const project2 = await resolveSlug(resolve5(options.cwd), options.slug);
+  return { client, project: project2 };
+}
+async function dbStart(paths, options) {
+  const { client, project: project2 } = await open2(paths, options);
+  return client.request(`/api/v1/projects/${project2}/database`, { method: "POST" });
+}
+async function dbStatus(paths, options) {
+  const { client, project: project2 } = await open2(paths, options);
+  return client.request(`/api/v1/projects/${project2}/database`);
+}
+async function dbStop(paths, options) {
+  const { client, project: project2 } = await open2(paths, options);
+  return client.request(`/api/v1/projects/${project2}/database`, {
+    method: "DELETE"
+  });
+}
+async function dbExec(paths, options) {
+  const { client, project: project2 } = await open2(paths, options);
+  return client.request(
+    `/api/v1/projects/${project2}/database/console/sql`,
+    {
+      method: "POST",
+      body: {
+        sql: options.sql,
+        ...options.params === void 0 ? {} : { params: options.params },
+        ...options.confirmTable === void 0 ? {} : { confirmTable: options.confirmTable }
+      }
+    },
+    "SQL_EXEC_FAILED"
+  );
+}
+async function dbSnapshotList(paths, options) {
+  const { client, project: project2 } = await open2(paths, options);
+  return client.request(
+    `/api/v1/projects/${project2}/database/snapshots`
+  );
+}
+async function dbSnapshotCreate(paths, options) {
+  const { client, project: project2 } = await open2(paths, options);
+  return client.request(`/api/v1/projects/${project2}/database/snapshots`, {
+    method: "POST"
+  });
+}
+async function dbSnapshotRestore(paths, options) {
+  const { client, project: project2 } = await open2(paths, options);
+  return client.request(
+    `/api/v1/projects/${project2}/database/snapshots/${options.snapshotId}/restore`,
+    { method: "POST" }
+  );
+}
+async function dbRollback(paths, options) {
+  const { client, project: project2 } = await open2(paths, options);
+  return client.request(
+    `/api/v1/projects/${project2}/database/rollback`,
+    { method: "POST", body: { to: options.to } }
+  );
+}
+function splitSqlStatements(source) {
+  const statements = [];
+  let buffer = "";
+  let inQuote = false;
+  const lines = source.split("\n");
+  for (const rawLine of lines) {
+    const line = rawLine.trim();
+    if (line.length === 0) continue;
+    if (line.startsWith("--")) continue;
+    for (let i = 0; i < line.length; i++) {
+      const ch = line[i];
+      if (ch === "'") {
+        if (inQuote && line[i + 1] === "'") {
+          buffer += ch + line[i + 1];
+          i++;
+          continue;
+        }
+        inQuote = !inQuote;
+        buffer += ch;
+        continue;
+      }
+      if (ch === ";" && !inQuote) {
+        const statement = buffer.trim();
+        if (statement.length > 0) statements.push(statement);
+        buffer = "";
+        continue;
+      }
+      buffer += ch;
+    }
+    buffer += " ";
+  }
+  if (inQuote) {
+    throw new Error(`SQL \u8FC1\u79FB\u6587\u4EF6\u5F15\u53F7\u672A\u95ED\u5408\uFF1A${buffer.trim().slice(0, 80)}\u2026`);
+  }
+  const tail = buffer.trim();
+  if (tail.length > 0) statements.push(tail);
+  return statements;
+}
+async function dbMigrate(paths, options) {
+  const source = await readFile8(resolve5(options.file), "utf8");
+  const statements = splitSqlStatements(source);
+  if (statements.length === 0) {
+    throw new Error(`\u8FC1\u79FB\u6587\u4EF6\u6CA1\u6709\u53EF\u6267\u884C\u8BED\u53E5\uFF1A${options.file}`);
+  }
+  const { project: project2 } = await open2(paths, options);
+  const applied = [];
+  const changes = [];
+  for (const statement of statements) {
+    try {
+      const result = await dbExec(paths, {
+        cwd: options.cwd,
+        ...options.slug === void 0 ? {} : { slug: options.slug },
+        sql: statement
+      });
+      applied.push(statement);
+      changes.push(result.changes);
+    } catch (error) {
+      const code = error instanceof CliError ? error.code : "MIGRATE_FAILED";
+      const message = error instanceof Error ? error.message : String(error);
+      return {
+        projectId: project2,
+        applied,
+        changes,
+        failed: { statement, code, message }
+      };
+    }
+  }
+  return { projectId: project2, applied, changes };
+}
+var init_db2 = __esm({
+  "packages/cli/src/db.ts"() {
+    "use strict";
+    init_auth();
+    init_client();
+  }
+});
+
 // packages/cli/src/serve/banner.ts
 function isLoopback(host) {
   return host === "127.0.0.1" || host === "localhost" || host === "::1" || host === "[::1]";
@@ -4727,7 +4992,7 @@ function renderBanner(options) {
   lines.push("");
   lines.push("  \u80FD\u529B:");
   if (functions.length > 0) {
-    const route = options.functionsPrefix === void 0 || options.functionsPrefix.length === 0 ? `${baseUrl}/api/{fn}` : `${baseUrl}/api/${options.functionsPrefix.replace(/^\/+|\/+$/g, "")}/{fn}`;
+    const route = options.functionsPrefix === void 0 || options.functionsPrefix.length === 0 ? `${baseUrl}/api/{fn}` : `${baseUrl}/${options.functionsPrefix.replace(/^\/+|\/+$/g, "")}/{fn}`;
     lines.push(`    - \u51FD\u6570\u8DEF\u7531: ${route}\uFF08${functions.length} \u4E2A\u51FD\u6570: ${functions.join(", ")}\uFF09`);
   } else {
     lines.push("    - \u51FD\u6570\u8DEF\u7531: \u65E0\uFF08functions/ \u76EE\u5F55\u4E3A\u7A7A\uFF09");
@@ -4778,8 +5043,8 @@ __export(server_exports, {
 });
 import { createServer as createServer2 } from "node:http";
 import { watch as watch2 } from "node:fs";
-import { mkdir as mkdir7, readdir as readdir4, readFile as readFile8, stat as stat6 } from "node:fs/promises";
-import { join as join11, relative as relative2, resolve as resolve5 } from "node:path";
+import { mkdir as mkdir7, readdir as readdir4, readFile as readFile9, stat as stat6 } from "node:fs/promises";
+import { extname, join as join11, relative as relative2, resolve as resolve6 } from "node:path";
 function envNumber(name) {
   const raw = process.env[name];
   if (raw === void 0 || raw.trim() === "") return void 0;
@@ -4805,7 +5070,7 @@ async function collectFunctions2(dir) {
       if (entry.isDirectory()) {
         await walk(full, rel);
       } else if (entry.isFile() && entry.name.endsWith(".ts")) {
-        files[rel] = await readFile8(full, "utf8");
+        files[rel] = await readFile9(full, "utf8");
       }
     }
   };
@@ -4840,12 +5105,12 @@ function contentTypeFor(path) {
   return MIME_TYPES[ext] ?? "application/octet-stream";
 }
 async function startServeServer(options) {
-  const cwd = resolve5(options.cwd);
+  const cwd = resolve6(options.cwd);
   const log = options.log ?? ((line) => process.stdout.write(`${line}
 `));
   const host = options.host ?? envString("HOST") ?? "127.0.0.1";
   const port = options.port ?? envNumber("PORT") ?? 8787;
-  const staticDir = resolve5(
+  const staticDir = resolve6(
     cwd,
     options.staticDir ?? envString("ADEP_SERVE_STATIC_DIR") ?? "public"
   );
@@ -4860,7 +5125,7 @@ async function startServeServer(options) {
   }
   let files = await collectFunctions2(functionsDir);
   let functionNames = listFunctionNames(files);
-  const envText = await readFile8(join11(cwd, ".env.local"), "utf8").catch(() => "");
+  const envText = await readFile9(join11(cwd, ".env.local"), "utf8").catch(() => "");
   let env = parseEnvFile(envText);
   let simEnv = await loadSimEnv(cwd).catch(() => ({}));
   const runtime = await createSimRuntime({
@@ -4869,7 +5134,35 @@ async function startServeServer(options) {
     baseUrl: `http://${host}:${port}`,
     log
   });
-  const executor = new WorkerFunctionExecutor({
+  if (options.schemaFile !== void 0) {
+    const schemaPath = resolve6(cwd, options.schemaFile);
+    const schemaSource = await readFile9(schemaPath, "utf8").catch((error) => {
+      if (error.code === "ENOENT") {
+        throw new Error(`schema \u6587\u4EF6\u4E0D\u5B58\u5728\uFF1A${schemaPath}`);
+      }
+      throw error;
+    });
+    const statements = splitSqlStatements(schemaSource);
+    let applied = 0;
+    let skipped = 0;
+    for (const statement of statements) {
+      try {
+        await runtime.db.engine.run(statement);
+        applied += 1;
+      } catch (error) {
+        const isUnsupported = error instanceof Error && "code" in error && error.code === "DB_UNSAFE_OP";
+        if (isUnsupported) {
+          skipped += 1;
+          log(`[serve] \u8DF3\u8FC7 schema \u8BED\u53E5\uFF08sim \u5F15\u64CE\u4E0D\u652F\u6301\uFF09\uFF1A${statement.slice(0, 60)}\u2026`);
+        } else {
+          throw error;
+        }
+      }
+    }
+    const skipNote = skipped > 0 ? `\uFF0C\u8DF3\u8FC7 ${skipped} \u6761` : "";
+    log(`[serve] \u5DF2\u5E94\u7528\u6570\u636E\u5E93\u7ED3\u6784\uFF08--schema ${options.schemaFile}\uFF09\uFF1A${applied} \u6761\u8BED\u53E5${skipNote}`);
+  }
+  const executor = new WorkerFunctionExecutor({
     deps: { rootDir: cwd, builtin: LOCAL_BUILTIN_DEPS }
   });
   const dbBundle = runtime.bundle;
@@ -4879,7 +5172,7 @@ async function startServeServer(options) {
     const reload = async () => {
       const [nextFiles, envLocalText] = await Promise.all([
         collectFunctions2(functionsDir),
-        readFile8(join11(cwd, ".env.local"), "utf8").catch(() => "")
+        readFile9(join11(cwd, ".env.local"), "utf8").catch(() => "")
       ]);
       files = nextFiles;
       env = parseEnvFile(envLocalText);
@@ -4957,7 +5250,7 @@ async function startServeServer(options) {
         try {
           const indexStat = await stat6(indexPath);
           if (indexStat.isFile()) {
-            const content2 = await readFile8(indexPath);
+            const content2 = await readFile9(indexPath);
             res.writeHead(200, { "content-type": contentTypeFor(indexPath) });
             res.end(content2);
             return true;
@@ -4966,20 +5259,33 @@ async function startServeServer(options) {
         }
         return false;
       }
-      const content = await readFile8(resolvedPath);
+      const content = await readFile9(resolvedPath);
       res.writeHead(200, { "content-type": contentTypeFor(resolvedPath) });
       res.end(content);
       return true;
     } catch {
+      if (options.spaFallback === true) {
+        const ext = extname(pathname);
+        if (ext === "" || ext === ".html") {
+          try {
+            const indexContent = await readFile9(join11(staticDir, "index.html"));
+            res.writeHead(200, { "content-type": "text/html; charset=utf-8" });
+            res.end(indexContent);
+            return true;
+          } catch {
+          }
+        }
+      }
       return false;
     }
   };
   const handle = async (req, res) => {
     const url = new URL(req.url ?? "/", `http://${host}:${port}`);
     const pathname = url.pathname;
-    if (pathname === "/api" || pathname.startsWith("/api/")) {
-      const rest = pathname === "/api" ? "" : pathname.slice("/api/".length);
-      const { fnName, error: routeError } = resolveRouteFnName(rest, config.functionsPrefix);
+    const normalizedPrefix = config.functionsPrefix.replace(/^\/+|\/+$/g, "");
+    const fnRest = normalizedPrefix.length > 0 ? pathname === `/${normalizedPrefix}` || pathname.startsWith(`/${normalizedPrefix}/`) ? pathname.slice(normalizedPrefix.length + 1) : null : pathname === "/api" ? "" : pathname.startsWith("/api/") ? pathname.slice("/api/".length) : null;
+    if (fnRest !== null) {
+      const { fnName, error: routeError } = resolveRouteFnName(fnRest, "");
       if (routeError !== void 0) {
         writeJson2(res, 400, { error: routeError });
         return;
@@ -5113,6 +5419,7 @@ var init_server = __esm({
     init_http_envelope();
     init_worker_executor();
     init_builtin_deps();
+    init_db2();
     init_runtime();
     init_env();
     init_invoke();
@@ -5142,107 +5449,6 @@ var init_server = __esm({
   }
 });
 
-// packages/cli/src/client.ts
-var client_exports = {};
-__export(client_exports, {
-  createClient: () => createClient,
-  resolveSlug: () => resolveSlug
-});
-async function envelopeError(response, fallbackCode, parsed) {
-  const payload = parsed ?? null;
-  return new CliError(
-    payload?.error?.code ?? fallbackCode,
-    payload?.error?.message ?? `\u5E73\u53F0\u8FD4\u56DE HTTP ${response.status}`
-  );
-}
-async function parseBody(response) {
-  const text = await response.text();
-  if (text.length === 0) return null;
-  try {
-    return JSON.parse(text);
-  } catch {
-    return null;
-  }
-}
-async function createClient(paths) {
-  const credentials = await loadCredentials(paths);
-  if (credentials === null) {
-    throw new CliError("NOT_LOGGED_IN", "\u672A\u767B\u5F55\uFF1A\u8BF7\u5148\u6267\u884C adep login");
-  }
-  const server = credentials.server;
-  const cookie = `better-auth.session_token=${decodeToken(credentials.encodedToken)}`;
-  const request = async (path, init = {}, fallbackCode = "API_REQUEST_FAILED") => {
-    const method = init.method ?? (init.body === void 0 ? "GET" : "POST");
-    let response;
-    try {
-      response = await fetch(`${server}${path}`, {
-        method,
-        headers: { "content-type": "application/json", cookie },
-        ...init.body === void 0 ? {} : { body: JSON.stringify(init.body) }
-      });
-    } catch (error) {
-      throw new CliError(
-        "SERVER_UNREACHABLE",
-        `\u65E0\u6CD5\u8FDE\u63A5\u5E73\u53F0 ${server}\uFF1A${error instanceof Error ? error.message : String(error)}`
-      );
-    }
-    const parsed = await parseBody(response);
-    if (response.status < 200 || response.status >= 300) {
-      throw await envelopeError(response, fallbackCode, parsed);
-    }
-    return parsed;
-  };
-  const upload = async (path, form, fallbackCode = "UPLOAD_FAILED") => {
-    let response;
-    try {
-      response = await fetch(`${server}${path}`, {
-        method: "POST",
-        headers: { cookie },
-        body: form
-      });
-    } catch (error) {
-      throw new CliError(
-        "SERVER_UNREACHABLE",
-        `\u65E0\u6CD5\u8FDE\u63A5\u5E73\u53F0 ${server}\uFF1A${error instanceof Error ? error.message : String(error)}`
-      );
-    }
-    if (response.status < 200 || response.status >= 300) {
-      throw await envelopeError(response, fallbackCode, await parseBody(response));
-    }
-    return response;
-  };
-  const download = async (url, fallbackCode = "DOWNLOAD_FAILED") => {
-    const target = url.startsWith("http") ? url : `${server}${url}`;
-    let response;
-    try {
-      response = await fetch(target, { headers: { cookie } });
-    } catch (error) {
-      throw new CliError(
-        "SERVER_UNREACHABLE",
-        `\u65E0\u6CD5\u8FDE\u63A5\u5E73\u53F0 ${server}\uFF1A${error instanceof Error ? error.message : String(error)}`
-      );
-    }
-    if (response.status < 200 || response.status >= 300) {
-      throw await envelopeError(response, fallbackCode, await parseBody(response));
-    }
-    return response;
-  };
-  return { server, cookie, request, upload, download };
-}
-async function resolveSlug(cwd, slug) {
-  if (slug !== void 0 && slug.length > 0) return slug;
-  const config = await loadConfig(cwd);
-  return config.name;
-}
-var init_client = __esm({
-  "packages/cli/src/client.ts"() {
-    "use strict";
-    init_auth();
-    init_credentials();
-    init_dev();
-  }
-});
-
 // packages/cli/src/deploy.ts
 var deploy_exports = {};
 __export(deploy_exports, {
@@ -5251,8 +5457,8 @@ __export(deploy_exports, {
   deploy: () => deploy
 });
 import { createHash as createHash2 } from "node:crypto";
-import { readdir as readdir5, readFile as readFile9 } from "node:fs/promises";
-import { join as join12, resolve as resolve6, basename as basename3, relative as relative3, sep } from "node:path";
+import { readdir as readdir5, readFile as readFile10 } from "node:fs/promises";
+import { join as join12, resolve as resolve7, basename as basename3, relative as relative3, sep } from "node:path";
 function functionUrlBase(prefix) {
   const raw = (prefix ?? "/api").trim();
   const normalized = raw === "/" ? "/" : raw.replace(/\/+$/, "");
@@ -5268,7 +5474,7 @@ async function collectEntries(functionsDir) {
     return entries;
   }
   for (const name of names) {
-    entries[name] = await readFile9(join12(functionsDir, `${name}.ts`), "utf8");
+    entries[name] = await readFile10(join12(functionsDir, `${name}.ts`), "utf8");
   }
   return entries;
 }
@@ -5294,7 +5500,7 @@ async function collectShared(functionsDir) {
       if (!entry.name.endsWith(".ts") || entry.name.endsWith(".test.ts")) continue;
       const full = join12(dir, entry.name);
       const rel = relative3(sharedDir, full).split(sep).join("/");
-      files[`_shared/${rel}`] = await readFile9(full, "utf8");
+      files[`_shared/${rel}`] = await readFile10(full, "utf8");
     }
   };
   await walk(sharedDir);
@@ -5305,10 +5511,10 @@ async function deploy(paths, options) {
   const log = options.silent === true ? () => void 0 : options.log ?? ((line) => process.stdout.write(`${line}
 `));
   const client = await createClient(paths);
-  const cwd = resolve6(options.cwd);
+  const cwd = resolve7(options.cwd);
   const config = await loadConfig(cwd);
   const slug = options.slug ?? config.name;
-  const functionsDir = options.functionsDir === void 0 ? join12(cwd, config.functionsDir) : resolve6(cwd, options.functionsDir);
+  const functionsDir = options.functionsDir === void 0 ? join12(cwd, config.functionsDir) : resolve7(cwd, options.functionsDir);
   const local = await collectEntries(functionsDir);
   if (Object.keys(local).length === 0) {
     throw new CliError("NO_FUNCTIONS", `${functionsDir} \u4E0B\u6CA1\u6709\u51FD\u6570\u6587\u4EF6`);
@@ -5401,7 +5607,7 @@ var frontend_exports = {};
 __export(frontend_exports, {
   frontendSync: () => frontendSync
 });
-import { readdir as readdir6, readFile as readFile10, stat as stat7 } from "node:fs/promises";
+import { readdir as readdir6, readFile as readFile11, stat as stat7 } from "node:fs/promises";
 import { join as join13, relative as relative4, sep as sep2 } from "node:path";
 async function resolveProjectId(client, cwd, slug) {
   const resolvedSlug = await resolveSlug(cwd, slug);
@@ -5435,7 +5641,7 @@ async function collectFiles(root, dir) {
       continue;
     }
     try {
-      const content = await readFile10(full, "utf8");
+      const content = await readFile11(full, "utf8");
       if (content.includes("\0")) {
         skipped.push(rel);
         continue;
@@ -5663,11 +5869,11 @@ var fs_exports = {};
 __export(fs_exports, {
   createExportFileSystem: () => createExportFileSystem
 });
-import { mkdir as mkdir8, readFile as readFile11, rm as rm3, stat as stat9, writeFile as writeFile7 } from "node:fs/promises";
+import { mkdir as mkdir8, readFile as readFile12, rm as rm3, stat as stat9, writeFile as writeFile7 } from "node:fs/promises";
 import { dirname as dirname7, join as join15 } from "node:path";
 function createExportFileSystem() {
   return {
-    readFile: (path) => readFile11(path),
+    readFile: (path) => readFile12(path),
     writeFile: (path, content) => writeFile7(path, content),
     // 同时用于清理解压临时目录（${zip}.tmp 是个目录）——递归强制删除，缺失不报错。
     deleteFile: async (path) => {
@@ -5685,7 +5891,7 @@ function createExportFileSystem() {
       await mkdir8(path, { recursive: true });
     },
     unzip: async (zipPath, targetDir) => {
-      const entries = zipRead(await readFile11(zipPath));
+      const entries = zipRead(await readFile12(zipPath));
       for (const [name, data] of entries) {
         const dest = join15(targetDir, name);
         await mkdir8(dirname7(dest), { recursive: true });
@@ -6196,246 +6402,93 @@ ${detail}`);
   }
 });
 
-// packages/cli/src/db.ts
-var db_exports = {};
-__export(db_exports, {
-  dbExec: () => dbExec,
-  dbMigrate: () => dbMigrate,
-  dbRollback: () => dbRollback,
-  dbSnapshotCreate: () => dbSnapshotCreate,
-  dbSnapshotList: () => dbSnapshotList,
-  dbSnapshotRestore: () => dbSnapshotRestore,
-  dbStart: () => dbStart,
-  dbStatus: () => dbStatus,
-  dbStop: () => dbStop,
-  splitSqlStatements: () => splitSqlStatements
+// packages/cli/src/storage.ts
+var storage_exports = {};
+__export(storage_exports, {
+  contentTypeOf: () => contentTypeOf,
+  storageDownload: () => storageDownload,
+  storageList: () => storageList,
+  storageRemove: () => storageRemove,
+  storageUpload: () => storageUpload
 });
-import { readFile as readFile12 } from "node:fs/promises";
-import { resolve as resolve8 } from "node:path";
-async function open2(paths, options) {
+import { mkdir as mkdir9, readFile as readFile13, stat as stat10, writeFile as writeFile8 } from "node:fs/promises";
+import { basename as basename4, dirname as dirname8, extname as extname2, join as join16, resolve as resolve9 } from "node:path";
+async function open3(paths, options) {
   const client = await createClient(paths);
-  const project2 = await resolveSlug(resolve8(options.cwd), options.slug);
+  const project2 = await resolveSlug(resolve9(options.cwd), options.slug);
   return { client, project: project2 };
 }
-async function dbStart(paths, options) {
-  const { client, project: project2 } = await open2(paths, options);
-  return client.request(`/api/v1/projects/${project2}/database`, { method: "POST" });
-}
-async function dbStatus(paths, options) {
-  const { client, project: project2 } = await open2(paths, options);
-  return client.request(`/api/v1/projects/${project2}/database`);
-}
-async function dbStop(paths, options) {
-  const { client, project: project2 } = await open2(paths, options);
-  return client.request(`/api/v1/projects/${project2}/database`, {
-    method: "DELETE"
-  });
+function contentTypeOf(path) {
+  const map = {
+    ".html": "text/html; charset=utf-8",
+    ".htm": "text/html; charset=utf-8",
+    ".css": "text/css; charset=utf-8",
+    ".js": "text/javascript; charset=utf-8",
+    ".mjs": "text/javascript; charset=utf-8",
+    ".json": "application/json; charset=utf-8",
+    ".png": "image/png",
+    ".jpg": "image/jpeg",
+    ".jpeg": "image/jpeg",
+    ".gif": "image/gif",
+    ".svg": "image/svg+xml",
+    ".webp": "image/webp",
+    ".ico": "image/x-icon",
+    ".txt": "text/plain; charset=utf-8",
+    ".md": "text/markdown; charset=utf-8",
+    ".xml": "application/xml",
+    ".wasm": "application/wasm",
+    ".pdf": "application/pdf",
+    ".zip": "application/zip",
+    ".woff": "font/woff",
+    ".woff2": "font/woff2",
+    ".ttf": "font/ttf",
+    ".otf": "font/otf"
+  };
+  return map[extname2(path).toLowerCase()] ?? "application/octet-stream";
 }
-async function dbExec(paths, options) {
-  const { client, project: project2 } = await open2(paths, options);
-  return client.request(
-    `/api/v1/projects/${project2}/database/console/sql`,
-    {
-      method: "POST",
-      body: {
-        sql: options.sql,
-        ...options.params === void 0 ? {} : { params: options.params },
-        ...options.confirmTable === void 0 ? {} : { confirmTable: options.confirmTable }
-      }
-    },
-    "SQL_EXEC_FAILED"
+async function storageUpload(paths, options) {
+  const { client, project: project2 } = await open3(paths, options);
+  const local = resolve9(options.file);
+  const info = await stat10(local).catch(() => null);
+  if (info === null || !info.isFile()) {
+    throw new CliError("FILE_NOT_FOUND", `\u672C\u5730\u6587\u4EF6\u4E0D\u5B58\u5728\uFF1A${local}`);
+  }
+  const visibility = options.visibility ?? "private";
+  const bytes = await readFile13(local);
+  const form = new FormData();
+  form.set("path", options.path);
+  form.set("visibility", visibility);
+  form.set(
+    "file",
+    new Blob([bytes], { type: contentTypeOf(options.path) }),
+    basename4(local)
   );
-}
-async function dbSnapshotList(paths, options) {
-  const { client, project: project2 } = await open2(paths, options);
-  return client.request(
-    `/api/v1/projects/${project2}/database/snapshots`
+  const response = await client.upload(
+    `/api/v1/projects/${project2}/files`,
+    form,
+    "STORAGE_UPLOAD_FAILED"
   );
+  const body = await response.json();
+  return { ...body.file, ...body.signedUrl === void 0 ? {} : { signedUrl: body.signedUrl } };
 }
-async function dbSnapshotCreate(paths, options) {
-  const { client, project: project2 } = await open2(paths, options);
-  return client.request(`/api/v1/projects/${project2}/database/snapshots`, {
-    method: "POST"
-  });
-}
-async function dbSnapshotRestore(paths, options) {
-  const { client, project: project2 } = await open2(paths, options);
-  return client.request(
-    `/api/v1/projects/${project2}/database/snapshots/${options.snapshotId}/restore`,
-    { method: "POST" }
+async function storageList(paths, options) {
+  const { client, project: project2 } = await open3(paths, options);
+  const query = options.prefix === void 0 ? "" : `?prefix=${encodeURIComponent(options.prefix)}`;
+  const body = await client.request(
+    `/api/v1/projects/${project2}/files${query}`
   );
+  return { project: project2, files: body.files };
 }
-async function dbRollback(paths, options) {
-  const { client, project: project2 } = await open2(paths, options);
-  return client.request(
-    `/api/v1/projects/${project2}/database/rollback`,
-    { method: "POST", body: { to: options.to } }
+async function resolveDownloadUrl(client, project2, path) {
+  const body = await client.request(
+    `/api/v1/projects/${project2}/files?prefix=${encodeURIComponent(path)}`
   );
-}
-function splitSqlStatements(source) {
-  const statements = [];
-  let buffer = "";
-  let inQuote = false;
-  const lines = source.split("\n");
-  for (const rawLine of lines) {
-    const line = rawLine.trim();
-    if (line.length === 0) continue;
-    if (line.startsWith("--")) continue;
-    for (let i = 0; i < line.length; i++) {
-      const ch = line[i];
-      if (ch === "'") {
-        if (inQuote && line[i + 1] === "'") {
-          buffer += ch + line[i + 1];
-          i++;
-          continue;
-        }
-        inQuote = !inQuote;
-        buffer += ch;
-        continue;
-      }
-      if (ch === ";" && !inQuote) {
-        const statement = buffer.trim();
-        if (statement.length > 0) statements.push(statement);
-        buffer = "";
-        continue;
-      }
-      buffer += ch;
-    }
-    buffer += " ";
-  }
-  if (inQuote) {
-    throw new Error(`SQL \u8FC1\u79FB\u6587\u4EF6\u5F15\u53F7\u672A\u95ED\u5408\uFF1A${buffer.trim().slice(0, 80)}\u2026`);
-  }
-  const tail = buffer.trim();
-  if (tail.length > 0) statements.push(tail);
-  return statements;
-}
-async function dbMigrate(paths, options) {
-  const source = await readFile12(resolve8(options.file), "utf8");
-  const statements = splitSqlStatements(source);
-  if (statements.length === 0) {
-    throw new Error(`\u8FC1\u79FB\u6587\u4EF6\u6CA1\u6709\u53EF\u6267\u884C\u8BED\u53E5\uFF1A${options.file}`);
-  }
-  const { project: project2 } = await open2(paths, options);
-  const applied = [];
-  const changes = [];
-  for (const statement of statements) {
-    try {
-      const result = await dbExec(paths, {
-        cwd: options.cwd,
-        ...options.slug === void 0 ? {} : { slug: options.slug },
-        sql: statement
-      });
-      applied.push(statement);
-      changes.push(result.changes);
-    } catch (error) {
-      const code = error instanceof CliError ? error.code : "MIGRATE_FAILED";
-      const message = error instanceof Error ? error.message : String(error);
-      return {
-        projectId: project2,
-        applied,
-        changes,
-        failed: { statement, code, message }
-      };
-    }
-  }
-  return { projectId: project2, applied, changes };
-}
-var init_db2 = __esm({
-  "packages/cli/src/db.ts"() {
-    "use strict";
-    init_auth();
-    init_client();
-  }
-});
-
-// packages/cli/src/storage.ts
-var storage_exports = {};
-__export(storage_exports, {
-  contentTypeOf: () => contentTypeOf,
-  storageDownload: () => storageDownload,
-  storageList: () => storageList,
-  storageRemove: () => storageRemove,
-  storageUpload: () => storageUpload
-});
-import { mkdir as mkdir9, readFile as readFile13, stat as stat10, writeFile as writeFile8 } from "node:fs/promises";
-import { basename as basename4, dirname as dirname8, extname, join as join16, resolve as resolve9 } from "node:path";
-async function open3(paths, options) {
-  const client = await createClient(paths);
-  const project2 = await resolveSlug(resolve9(options.cwd), options.slug);
-  return { client, project: project2 };
-}
-function contentTypeOf(path) {
-  const map = {
-    ".html": "text/html; charset=utf-8",
-    ".htm": "text/html; charset=utf-8",
-    ".css": "text/css; charset=utf-8",
-    ".js": "text/javascript; charset=utf-8",
-    ".mjs": "text/javascript; charset=utf-8",
-    ".json": "application/json; charset=utf-8",
-    ".png": "image/png",
-    ".jpg": "image/jpeg",
-    ".jpeg": "image/jpeg",
-    ".gif": "image/gif",
-    ".svg": "image/svg+xml",
-    ".webp": "image/webp",
-    ".ico": "image/x-icon",
-    ".txt": "text/plain; charset=utf-8",
-    ".md": "text/markdown; charset=utf-8",
-    ".xml": "application/xml",
-    ".wasm": "application/wasm",
-    ".pdf": "application/pdf",
-    ".zip": "application/zip",
-    ".woff": "font/woff",
-    ".woff2": "font/woff2",
-    ".ttf": "font/ttf",
-    ".otf": "font/otf"
-  };
-  return map[extname(path).toLowerCase()] ?? "application/octet-stream";
-}
-async function storageUpload(paths, options) {
-  const { client, project: project2 } = await open3(paths, options);
-  const local = resolve9(options.file);
-  const info = await stat10(local).catch(() => null);
-  if (info === null || !info.isFile()) {
-    throw new CliError("FILE_NOT_FOUND", `\u672C\u5730\u6587\u4EF6\u4E0D\u5B58\u5728\uFF1A${local}`);
-  }
-  const visibility = options.visibility ?? "private";
-  const bytes = await readFile13(local);
-  const form = new FormData();
-  form.set("path", options.path);
-  form.set("visibility", visibility);
-  form.set(
-    "file",
-    new Blob([bytes], { type: contentTypeOf(options.path) }),
-    basename4(local)
-  );
-  const response = await client.upload(
-    `/api/v1/projects/${project2}/files`,
-    form,
-    "STORAGE_UPLOAD_FAILED"
-  );
-  const body = await response.json();
-  return { ...body.file, ...body.signedUrl === void 0 ? {} : { signedUrl: body.signedUrl } };
-}
-async function storageList(paths, options) {
-  const { client, project: project2 } = await open3(paths, options);
-  const query = options.prefix === void 0 ? "" : `?prefix=${encodeURIComponent(options.prefix)}`;
-  const body = await client.request(
-    `/api/v1/projects/${project2}/files${query}`
-  );
-  return { project: project2, files: body.files };
-}
-async function resolveDownloadUrl(client, project2, path) {
-  const body = await client.request(
-    `/api/v1/projects/${project2}/files?prefix=${encodeURIComponent(path)}`
-  );
-  const entry = body.files.find((file) => file.path === path);
-  const url = entry?.url ?? entry?.signedUrl;
-  if (entry === void 0 || url === void 0 || url.length === 0) {
-    throw new CliError("STORAGE_NOT_FOUND", `\u6587\u4EF6\u4E0D\u5B58\u5728\uFF1A${path}`);
-  }
-  return url;
+  const entry = body.files.find((file) => file.path === path);
+  const url = entry?.url ?? entry?.signedUrl;
+  if (entry === void 0 || url === void 0 || url.length === 0) {
+    throw new CliError("STORAGE_NOT_FOUND", `\u6587\u4EF6\u4E0D\u5B58\u5728\uFF1A${path}`);
+  }
+  return url;
 }
 async function storageDownload(paths, options) {
   const { client, project: project2 } = await open3(paths, options);
@@ -7284,215 +7337,2354 @@ interface AdepExecutorUser {
 
 /* ---------- \u5168\u5C40 ctx\uFF08FunctionContext \u955C\u50CF\uFF09 ---------- */
 
-interface AdepContext {
-  /** \u8BF7\u6C42\u65B9\u6CD5\u3002 */
-  readonly method: AdepHttpMethod
-  /** \u89E6\u53D1\u8DEF\u5F84\uFF08\u4E0D\u542B host\uFF09\uFF0C\u5982 /hello\u3002 */
-  readonly path: string
-  /** \u89E3\u6790\u540E\u7684 query\uFF1B\u540C\u540D\u591A\u503C\u6536\u4E3A\u6570\u7EC4\u3002 */
-  readonly query: Readonly<Record<string, string | readonly string[]>>
-  /** \u8BF7\u6C42\u5934\uFF08\u952E\u4E3A\u5C0F\u5199\uFF09\u3002 */
-  readonly headers: Readonly<Record<string, string>>
-  /** \u8BF7\u6C42\u4F53\uFF1B\u5F62\u72B6\u7531\u7528\u6237\u7528\u7C7B\u578B\u65AD\u8A00\u6536\u7A84\uFF08\u5982 ctx.body as { name: string }\uFF09\u3002 */
-  readonly body: unknown
-  /** multipart \u4E0A\u4F20\u7684\u6587\u4EF6\uFF08\u65E0\u6587\u4EF6\u65F6\u4E3A\u7A7A\u6570\u7EC4\uFF09\u3002 */
-  readonly files: readonly AdepFunctionFile[]
-  /** \u5E73\u53F0\u80FD\u529B\u6302\u8F7D\u70B9\uFF1Acloud.db / cloud.storage / cloud.fetch / cloud.realtime\u3002 */
-  readonly cloud: AdepCloud
-  /** \u8C03\u7528\u8005\u8EAB\u4EFD\u6295\u5F71\uFF1Bnull = \u533F\u540D / \u672A\u6CE8\u5165\u3002 */
-  readonly user: AdepExecutorUser | null
+interface AdepContext {
+  /** \u8BF7\u6C42\u65B9\u6CD5\u3002 */
+  readonly method: AdepHttpMethod
+  /** \u89E6\u53D1\u8DEF\u5F84\uFF08\u4E0D\u542B host\uFF09\uFF0C\u5982 /hello\u3002 */
+  readonly path: string
+  /** \u89E3\u6790\u540E\u7684 query\uFF1B\u540C\u540D\u591A\u503C\u6536\u4E3A\u6570\u7EC4\u3002 */
+  readonly query: Readonly<Record<string, string | readonly string[]>>
+  /** \u8BF7\u6C42\u5934\uFF08\u952E\u4E3A\u5C0F\u5199\uFF09\u3002 */
+  readonly headers: Readonly<Record<string, string>>
+  /** \u8BF7\u6C42\u4F53\uFF1B\u5F62\u72B6\u7531\u7528\u6237\u7528\u7C7B\u578B\u65AD\u8A00\u6536\u7A84\uFF08\u5982 ctx.body as { name: string }\uFF09\u3002 */
+  readonly body: unknown
+  /** multipart \u4E0A\u4F20\u7684\u6587\u4EF6\uFF08\u65E0\u6587\u4EF6\u65F6\u4E3A\u7A7A\u6570\u7EC4\uFF09\u3002 */
+  readonly files: readonly AdepFunctionFile[]
+  /** \u5E73\u53F0\u80FD\u529B\u6302\u8F7D\u70B9\uFF1Acloud.db / cloud.storage / cloud.fetch / cloud.realtime\u3002 */
+  readonly cloud: AdepCloud
+  /** \u8C03\u7528\u8005\u8EAB\u4EFD\u6295\u5F71\uFF1Bnull = \u533F\u540D / \u672A\u6CE8\u5165\u3002 */
+  readonly user: AdepExecutorUser | null
+}
+
+/** \u5168\u5C40\u5F00\u53D1\u671F\u4E0A\u4E0B\u6587\uFF08\u7F16\u8F91\u5668\u8865\u5168\u7528\uFF1B\u51FD\u6570\u8FD0\u884C\u671F\u7ECF\u53C2\u6570\u6CE8\u5165\uFF0C\u4E0D\u8BFB\u53D6\u5168\u5C40\uFF09\u3002 */
+declare const ctx: AdepContext
+`;
+var ADEP_TSCONFIG_JSON = `{
+  "compilerOptions": {
+    "target": "ES2021",
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "strict": true,
+    "noEmit": true,
+    "skipLibCheck": true,
+    "types": [],
+    "lib": ["ES2021", "DOM"]
+  },
+  "include": ["**/*.ts", "**/*.d.ts"]
+}
+`;
+
+// packages/cli/src/init.ts
+init_adep_config();
+
+// shared/sdk/web-project-template.ts
+var ADEP_CLIENT_VERSION = "^0.2.0";
+var ADEP_VITE_PLUGIN_VERSION = "^0.1.0";
+var WEB_DEPENDENCIES = {
+  vue: "^3.3.4",
+  // @adep/client：浏览器端云函数调用 SDK（IDE-031）。模板默认在 web/src/lib/adep.ts
+  // 封装并由 App.vue 示例调用；运行时 fetch('/api/{name}') 在 dev 态被 @adep/vite-plugin
+  // 拦截（CLI 代理到本地 adep dev / Web IDE 经 postMessage 转发到 IDE 主线程），
+  // 生产态由平台网关路由到已发布云函数。
+  "@adep/client": ADEP_CLIENT_VERSION
+};
+var WEB_DEV_DEPENDENCIES = {
+  vite: "^4.4.0",
+  "@vitejs/plugin-vue": "^4.3.0",
+  // vite 内部动态 import('esbuild-wasm')，必须在 package.json 显式声明才能被 Nodebox 解析
+  "esbuild-wasm": "0.18.20",
+  // @adep/vite-plugin：云函数 Vite 插件（IDE-030）。dev 时自动注入 /api/* fetch 拦截器
+  // （Web IDE 预览经 postMessage 转发到 IDE 主线程执行云函数草稿），若注入 createDevServer
+  // （CLI 场景）则启动本地 adep dev server 并按 functions_prefix 代理 /{prefix}/* 到云函数。
+  "@adep/vite-plugin": ADEP_VITE_PLUGIN_VERSION
+};
+function webProjectFiles() {
+  return [
+    {
+      path: "package.json",
+      content: JSON.stringify(
+        {
+          name: "adep-web",
+          version: "0.0.0",
+          type: "module",
+          scripts: { dev: "vite" },
+          dependencies: WEB_DEPENDENCIES,
+          devDependencies: WEB_DEV_DEPENDENCIES
+        },
+        null,
+        2
+      )
+    },
+    {
+      path: "index.html",
+      content: [
+        `<!doctype html>`,
+        `<html lang="zh-CN">`,
+        `<head>`,
+        `  <meta charset="utf-8" />`,
+        `  <meta name="viewport" content="width=device-width, initial-scale=1" />`,
+        `  <title>adep web</title>`,
+        `</head>`,
+        `<body>`,
+        `  <div id="app"></div>`,
+        `  <script type="module" src="/src/main.ts"></script>`,
+        `</body>`,
+        `</html>`,
+        ``
+      ].join("\n")
+    },
+    {
+      path: "vite.config.ts",
+      content: [
+        `// web/vite.config.ts \u2014\u2014 \u6807\u51C6 Vite \u914D\u7F6E\uFF08Vue 3 + @adep/vite-plugin \u4E91\u51FD\u6570\u4EE3\u7406\uFF09\u3002`,
+        `// @adep/vite-plugin \u5728 dev \u65F6\uFF1A`,
+        `//   1. \u6CE8\u5165 /api/* fetch \u62E6\u622A\u5668\uFF08Web IDE \u9884\u89C8\u7ECF postMessage \u8F6C\u53D1\u5230 IDE \u4E3B\u7EBF\u7A0B\u6267\u884C\u4E91\u51FD\u6570\u8349\u7A3F\uFF09\uFF1B`,
+        `//   2. \u82E5\u6CE8\u5165 createDevServer\uFF08CLI \u573A\u666F\uFF09\uFF0C\u542F\u52A8\u672C\u5730 adep dev \u5E76\u4EE3\u7406 /api/* \u5230\u4E91\u51FD\u6570\u3002`,
+        `// \u6D4F\u89C8\u5668\u5185 vite-dev \u9884\u89C8\uFF08@adep/web-container buildDocument\uFF09\u6CE8\u5165\u540C\u4E00\u4EFD\u811A\u672C\uFF0C\u65E0\u9700\u5728\u6B64\u5185\u8054\u3002`,
+        `import { defineConfig } from 'vite'`,
+        `import vue from '@vitejs/plugin-vue'`,
+        `import { adepPlugin } from '@adep/vite-plugin'`,
+        ``,
+        `export default defineConfig({`,
+        `  plugins: [vue(), adepPlugin()],`,
+        `})`,
+        ``
+      ].join("\n")
+    },
+    {
+      path: "src/main.ts",
+      content: [
+        `// web/src/main.ts \u2014\u2014 \u5E94\u7528\u5165\u53E3\uFF08Vue 3 + Vite\uFF09\u3002`,
+        `// \u5F00\u53D1\uFF1A\u5E95\u90E8\u300C\u6D4F\u89C8\u5668\u7EC8\u7AEF\u300D\u8FD0\u884C npm run dev\uFF08\u6216\u7B49 Nodebox \u81EA\u52A8\u62C9\u8D77\uFF09\uFF0C\u4FDD\u5B58\u540E\u9884\u89C8 HMR \u5237\u65B0\u3002`,
+        `import { createApp } from 'vue'`,
+        `import App from './App.vue'`,
+        ``,
+        `createApp(App).mount('#app')`,
+        ``
+      ].join("\n")
+    },
+    {
+      path: "src/lib/adep.ts",
+      content: [
+        `// web/src/lib/adep.ts \u2014\u2014 @adep/client \u6D4F\u89C8\u5668\u7AEF\u5C01\u88C5\uFF08IDE-032\uFF09\u3002`,
+        `// \u5F00\u53D1\u6001\uFF08vite dev + @adep/vite-plugin\uFF09\uFF1AinvokeFunction \u8D70 fetch('/api/*')\uFF0C`,
+        `//   \u7531 vite \u63D2\u4EF6\u62E6\u622A\u5230\u672C\u5730\u4E91\u51FD\u6570\u6267\u884C\uFF08CLI\uFF09\u6216\u7ECF postMessage \u8F6C\u53D1\u5230 IDE \u4E3B\u7EBF\u7A0B\uFF08Web IDE\uFF09\u3002`,
+        `// \u751F\u4EA7\u6001\uFF08\u5DF2\u90E8\u7F72\u7AD9\u70B9\uFF09\uFF1Afetch('/api/*') \u7531\u5E73\u53F0\u7F51\u5173\u8DEF\u7531\u5230\u5DF2\u53D1\u5E03\u4E91\u51FD\u6570\u3002`,
+        `import { createAdepClient } from '@adep/client'`,
+        ``,
+        `export const adep = createAdepClient()`,
+        ``,
+        `export const { invokeFunction } = adep`,
+        ``
+      ].join("\n")
+    },
+    {
+      path: "src/App.vue",
+      content: [
+        `<script setup lang="ts">`,
+        `import { ref } from 'vue'`,
+        `import { invokeFunction } from './lib/adep'`,
+        ``,
+        `const title = ref('adep web')`,
+        `const clicks = ref(0)`,
+        `const fnResult = ref<string>('')`,
+        `const fnLoading = ref(false)`,
+        ``,
+        `async function callHello() {`,
+        `  fnLoading.value = true`,
+        `  fnResult.value = ''`,
+        `  try {`,
+        `    const result = await invokeFunction<{ message: string }>('hello')`,
+        `    fnResult.value = result.message`,
+        `  } catch (err) {`,
+        `    fnResult.value = \`\u8C03\u7528\u5931\u8D25\uFF1A\${err instanceof Error ? err.message : String(err)}\``,
+        `  } finally {`,
+        `    fnLoading.value = false`,
+        `  }`,
+        `}`,
+        `</script>`,
+        ``,
+        `<template>`,
+        `  <main>`,
+        `    <h1>{{ title }}</h1>`,
+        `    <p>\u5728 web/src/App.vue \u91CC\u7F16\u8F91\uFF0C\u4FDD\u5B58\u540E\u9884\u89C8\u81EA\u52A8\u5237\u65B0\uFF08HMR\uFF09\u3002</p>`,
+        `    <button @click="clicks++">clicks: {{ clicks }}</button>`,
+        `    <div style="margin-top: 16px;">`,
+        `      <button @click="callHello" :disabled="fnLoading">`,
+        `        {{ fnLoading ? '\u8C03\u7528\u4E2D\u2026' : '\u8C03\u7528 hello \u51FD\u6570' }}`,
+        `      </button>`,
+        `      <p v-if="fnResult" style="margin-top: 8px; color: #059669;">\u7ED3\u679C\uFF1A{{ fnResult }}</p>`,
+        `    </div>`,
+        `  </main>`,
+        `</template>`,
+        ``,
+        `<style scoped>`,
+        `main {`,
+        `  margin: 24px;`,
+        `  font-family: system-ui, -apple-system, sans-serif;`,
+        `}`,
+        `button {`,
+        `  padding: 6px 14px;`,
+        `  border: 1px solid #6366f1;`,
+        `  border-radius: 6px;`,
+        `  background: #eef2ff;`,
+        `  cursor: pointer;`,
+        `}`,
+        `button:disabled {`,
+        `  opacity: 0.6;`,
+        `  cursor: not-allowed;`,
+        `}`,
+        `</style>`,
+        ``
+      ].join("\n")
+    }
+  ];
+}
+function webSrcFiles() {
+  return webProjectFiles().filter((file) => file.path.startsWith("src/"));
+}
+
+// packages/cli/src/templates/countdown-template.ts
+var COUNTDOWN_TEMPLATE_FILES = [
+  { path: "functions/_shared/auth.ts", content: "/**\n * \u8BF7\u6C42\u9274\u6743\uFF08\u79FB\u690D\u81EA cf-backend src/middleware/auth.ts + src/lib/jwt.ts \u7684\u8BED\u4E49\uFF09\u3002\n *\n * \u8FC1\u79FB\u70B9\uFF1A\u5FAE\u4FE1 code2Session \u2192 openid \u2192 JWT \u7684\u8EAB\u4EFD\u94FE\u8DEF\uFF0C\u66FF\u6362\u4E3A adep web \u7AEF\n * \u300C\u8BBE\u5907\u8EAB\u4EFD device_id\u300D\u4F5C\u4E3A Bearer \u51ED\u636E\uFF08\u524D\u7AEF\u6301\u4E45\u5316\u4E8E localStorage\uFF0C\u89C1\n * web/src/lib/device.ts\uFF09\u3002device_id \u5373\u7528\u6237\u8868\u552F\u4E00\u952E\uFF0C\u7B49\u4EF7 API Key\uFF1A\u67E5\u5F97\u5230 \u2192 \u8EAB\u4EFD\u6210\u7ACB\u3002\n *\n * \u5931\u8D25\u8FD4\u56DE\u4E0E\u5C0F\u7A0B\u5E8F\u540E\u7AEF\u4E00\u81F4\u7684\u4E1A\u52A1\u7801 40001\uFF08\u524D\u7AEF request.ts \u4F1A\u636E\u6B64\u9759\u9ED8\u91CD\u767B\uFF09\u3002\n */\nimport type { CloudDb, FunctionContext } from '@adep/types'\nimport { fail, CODE } from './response'\nimport { findUserByDeviceId, type UserRow } from './store'\n\n/** \u89E3\u6790 Authorization: Bearer xxx\uFF08\u5E26\u524D\u5BFC\u5927\u5C0F\u5199/\u591A\u4F59\u7A7A\u683C\u5BB9\u9519\uFF09 */\nexport function parseBearer(ctx: FunctionContext): string {\n  const header = ctx.headers?.authorization ?? ctx.headers?.Authorization ?? ''\n  const match = /^Bearer\\s+(.+)$/i.exec(String(header).trim())\n  return match?.[1]?.trim() ?? ''\n}\n\n/** \u4ECE\u8BF7\u6C42\u5934\u89E3\u6790\u51FA\u7528\u6237\uFF1B\u7F3A\u51ED\u636E/\u7528\u6237\u4E0D\u5B58\u5728 \u2192 40001 \u54CD\u5E94\u4FE1\u5C01\u3002 */\nexport async function requireUser(\n  db: CloudDb,\n  ctx: FunctionContext\n): Promise<{ user: UserRow } | AdepHttpEnvelopeLike> {\n  const token = parseBearer(ctx)\n  if (!token) return fail(CODE.NO_AUTH, '\u672A\u767B\u5F55')\n  const user = await findUserByDeviceId(db, token)\n  if (!user) return fail(CODE.NO_AUTH, '\u767B\u5F55\u5DF2\u5931\u6548\uFF0C\u8BF7\u91CD\u65B0\u767B\u5F55')\n  return { user }\n}\n\n/** \u5224\u65AD\u8FD4\u56DE\u662F\u5426\u54CD\u5E94\u4FE1\u5C01\uFF08\u7528\u4E8E requireUser \u6536\u7A84\uFF09\u3002 */\nexport function isEnvelope<T>(value: T | AdepHttpEnvelopeLike): value is AdepHttpEnvelopeLike {\n  return typeof value === 'object' && value !== null && '__adepHttp' in value\n}\n\nexport interface AdepHttpEnvelopeLike {\n  __adepHttp: { status: number; body?: unknown }\n}\n" },
+  { path: "functions/_shared/date.test.ts", content: "/**\n * \u670D\u52A1\u7AEF\u65E5\u671F/\u6392\u5E8F/\u54CD\u5E94\u4FE1\u5C01\u5355\u5143\u6D4B\u8BD5\uFF08\u79FB\u690D\u903B\u8F91\u7684\u56DE\u5F52\u4FDD\u62A4\uFF09\u3002\n * \u8FD0\u884C\uFF1Anpm run test\n */\nimport { describe, it, expect } from 'vitest'\nimport { isValidDate, calcDays, toDTO, sortEvents, type EventRow } from './date'\nimport { ok, fail, CODE } from './response'\n\ndescribe('isValidDate', () => {\n  it('\u63A5\u53D7\u5408\u6CD5 YYYY-MM-DD', () => {\n    expect(isValidDate('2026-09-20')).toBe(true)\n    expect(isValidDate('2024-02-29')).toBe(true)\n  })\n  it('\u62D2\u7EDD\u975E\u6CD5\u65E5\u671F\u4E0E\u683C\u5F0F', () => {\n    expect(isValidDate('2026-13-01')).toBe(false)\n    expect(isValidDate('2026-02-30')).toBe(false)\n    expect(isValidDate('2026/09/20')).toBe(false)\n    expect(isValidDate('')).toBe(false)\n    expect(isValidDate(null)).toBe(false)\n  })\n})\n\ndescribe('calcDays\uFF08\u5317\u4EAC\u65F6\u95F4\u81EA\u7136\u65E5\uFF09', () => {\n  it('\u5012\u8BA1\u65F6\uFF1A\u672A\u6765\u4E3A\u6B63\uFF0C\u5F53\u5929\u4E3A 0', () => {\n    const today = new Date()\n    const beijing = new Date(today.getTime() + 8 * 3600_000)\n    const todayStr = `${beijing.getUTCFullYear()}-${String(beijing.getUTCMonth() + 1).padStart(2, '0')}-${String(\n      beijing.getUTCDate()\n    ).padStart(2, '0')}`\n    expect(calcDays(todayStr)).toBe(0)\n  })\n  it('\u8FC7\u53BB\u65E5\u671F\u4E3A\u8D1F\uFF1Bcountup \u53D6\u7EDD\u5BF9\u503C', () => {\n    expect(calcDays('2020-01-01')).toBeLessThan(0)\n    expect(calcDays('2020-01-01', 'countup')).toBeGreaterThan(0)\n  })\n  it('\u975E\u6CD5\u65E5\u671F\u8FD4\u56DE 0', () => {\n    expect(calcDays('bad-date')).toBe(0)\n  })\n})\n\ndescribe('toDTO + sortEvents', () => {\n  const base = {\n    id: '1',\n    user_id: 'u1',\n    title: '\u4E8B\u4EF6',\n    target_date: '2030-01-01',\n    note: null,\n    category: null,\n    direction: 'countdown',\n    is_pinned: 0,\n    sort_order: 0,\n    created_at: '2026-01-01T00:00:00.000Z',\n    updated_at: '2026-01-01T00:00:00.000Z',\n  } as EventRow\n\n  it('toDTO \u8865\u9ED8\u8BA4\u503C\u5E76\u7B97 days', () => {\n    const dto = toDTO(base)\n    expect(dto.note).toBe('')\n    expect(dto.category).toBe('other')\n    expect(dto.is_pinned).toBe(false)\n    expect(dto.days).toBeGreaterThan(0)\n  })\n\n  it('\u6392\u5E8F\uFF1A\u7F6E\u9876\u4F18\u5148\uFF0C\u5176\u4F59\u6309\u5269\u4F59\u5929\u6570\u5347\u5E8F\uFF08\u8FC7\u53BB\u6392\u6700\u540E\uFF09', () => {\n    const far = { ...base, id: 'far', target_date: '2031-01-01' } as EventRow\n    const near = { ...base, id: 'near', target_date: '2026-10-01' } as EventRow\n    const past = { ...base, id: 'past', target_date: '2020-01-01' } as EventRow\n    const pinnedFar = { ...far, id: 'pinnedFar', is_pinned: 1 } as EventRow\n    const sorted = sortEvents([far, near, past, pinnedFar].map((r) => toDTO(r)))\n    expect(sorted.map((e) => e.id)).toEqual(['pinnedFar', 'near', 'far', 'past'])\n  })\n})\n\ndescribe('\u54CD\u5E94\u4FE1\u5C01', () => {\n  it('ok \u8FD4\u56DE 200 + \u4E1A\u52A1\u4FE1\u5C01', () => {\n    const env = ok({ a: 1 })\n    expect(env.__adepHttp.status).toBe(200)\n    expect(env.__adepHttp.body).toEqual({ code: 0, data: { a: 1 }, message: 'ok' })\n  })\n  it('fail \u6620\u5C04 HTTP \u72B6\u6001', () => {\n    expect(fail(CODE.NO_AUTH, 'x').__adepHttp.status).toBe(401)\n    expect(fail(CODE.BAD_PARAM, 'x').__adepHttp.status).toBe(400)\n    expect(fail(CODE.NOT_FOUND, 'x').__adepHttp.status).toBe(404)\n  })\n})\n" },
+  { path: "functions/_shared/date.ts", content: "/**\n * \u670D\u52A1\u7AEF\u65E5\u671F\u5DE5\u5177\uFF08\u79FB\u690D\u81EA cf-backend src/lib/date.ts\uFF09\u3002\n * \u4E0E\u5C0F\u7A0B\u5E8F utils/date.js \u7B97\u6CD5\u5BF9\u9F50\uFF1A\u5929\u6570\u6309\u300C\u5317\u4EAC\u65F6\u95F4\uFF08UTC+8\uFF09\u81EA\u7136\u65E5\u300D\u8BA1\u7B97\u3002\n */\nconst WEEK = ['\u5468\u65E5', '\u5468\u4E00', '\u5468\u4E8C', '\u5468\u4E09', '\u5468\u56DB', '\u5468\u4E94', '\u5468\u516D']\n\n/** \u5317\u4EAC\u65F6\u95F4\u4ECA\u5929 YYYY-MM-DD\uFF08\u81EA\u7136\u65E5\uFF0C\u4E0D\u4EE5 UTC \u65E5\u671F\u4E3A\u51C6\uFF09 */\nexport function todayStr(): string {\n  const now = new Date(Date.now() + 8 * 3600_000)\n  const y = now.getUTCFullYear()\n  const m = now.getUTCMonth() + 1\n  const d = now.getUTCDate()\n  return fmt(y, m, d)\n}\n\nfunction fmt(y: number, m: number, d: number): string {\n  return `${y}-${String(m).padStart(2, '0')}-${String(d).padStart(2, '0')}`\n}\n\nexport function isValidDate(s: unknown): s is string {\n  if (typeof s !== 'string' || !/^\\d{4}-\\d{2}-\\d{2}$/.test(s)) return false\n  const [y, m, d] = s.split('-').map(Number)\n  if (m < 1 || m > 12 || d < 1 || d > 31) return false\n  const dt = new Date(y, m - 1, d)\n  return dt.getFullYear() === y && dt.getMonth() === m - 1 && dt.getDate() === d\n}\n\n/** \u6309\u5317\u4EAC\u65F6\u95F4\u81EA\u7136\u65E5\u5DEE\uFF08\u6B63\u6570\u672A\u6765 / \u8D1F\u6570\u8FC7\u53BB\uFF1Bcountup \u53D6\u7EDD\u5BF9\u503C\uFF09 */\nexport function calcDays(\n  targetDate: string,\n  direction: 'countdown' | 'countup' = 'countdown'\n): number {\n  if (!isValidDate(targetDate)) return 0\n  const target = new Date(`${targetDate}T00:00:00+08:00`).getTime()\n  const now = new Date()\n  const nowBeijing = new Date(now.getTime() + 8 * 3600_000)\n  const todayStart = new Date(\n    Date.UTC(nowBeijing.getUTCFullYear(), nowBeijing.getUTCMonth(), nowBeijing.getUTCDate()) -\n      8 * 3600_000\n  ).getTime()\n  const diff = Math.round((target - todayStart) / 86400000)\n  return direction === 'countup' ? Math.abs(diff) : diff\n}\n\nexport function weekdayOf(targetDate: string): string {\n  if (!isValidDate(targetDate)) return ''\n  const [y, m, d] = targetDate.split('-').map(Number)\n  return WEEK[new Date(y, m - 1, d).getDay()]\n}\n\n/** \u670D\u52A1\u5668\u65F6\u95F4 ISO\uFF08UTC\uFF0C\u5B58\u50A8\u7528\uFF09 */\nexport function nowIso(): string {\n  return new Date().toISOString()\n}\n\n/** \u4E8B\u4EF6\u884C \u2192 DTO\uFF08\u9644 days / weekday\uFF1Bis_pinned \u5E03\u5C14\u5316\uFF09 */\nexport interface EventRow {\n  id: string\n  user_id: string\n  title: string\n  target_date: string\n  note: string | null\n  category: string | null\n  direction: 'countdown' | 'countup' | null\n  is_pinned: number | boolean | null\n  sort_order: number | null\n  created_at: string | null\n  updated_at: string | null\n}\n\nexport interface EventDTO {\n  id: string\n  title: string\n  target_date: string\n  note: string\n  category: string\n  direction: 'countdown' | 'countup'\n  is_pinned: boolean\n  sort_order: number\n  created_at: string\n  updated_at: string\n  days: number\n}\n\nexport function toDTO(row: EventRow): EventDTO {\n  const direction = row.direction === 'countup' ? 'countup' : 'countdown'\n  const dto: EventDTO = {\n    id: row.id,\n    title: row.title,\n    target_date: row.target_date,\n    note: row.note ?? '',\n    category: row.category ?? 'other',\n    direction,\n    is_pinned: !!row.is_pinned,\n    sort_order: row.sort_order ?? 0,\n    created_at: row.created_at ?? '',\n    updated_at: row.updated_at ?? '',\n    days: 0,\n  }\n  dto.days = calcDays(row.target_date, direction)\n  return dto\n}\n\n/** \u5217\u8868\u6392\u5E8F\uFF1A\u7F6E\u9876\u5728\u524D\uFF0C\u5176\u4F59\u6309\u5269\u4F59\u5929\u6570\u5347\u5E8F\uFF08\u8FC7\u53BB\u7684\u5929\u6570\u6392\u5728\u6700\u540E\uFF09 */\nexport function sortEvents<T extends EventDTO>(events: T[]): T[] {\n  return events.toSorted((a, b) => {\n    if (a.is_pinned !== b.is_pinned) return a.is_pinned ? -1 : 1\n    const da = a.days >= 0 ? a.days : Number.MAX_SAFE_INTEGER\n    const db = b.days >= 0 ? b.days : Number.MAX_SAFE_INTEGER\n    return da - db\n  })\n}\n" },
+  { path: "functions/_shared/response.ts", content: "/**\n * \u7EDF\u4E00\u54CD\u5E94\u4FE1\u5C01\uFF08\u9010\u884C\u79FB\u690D\u81EA cf-backend src/lib/response.ts\uFF0C\u8F93\u51FA adep `__adepHttp` \u4FE1\u5C01\uFF09\u3002\n *\n * \u5C0F\u7A0B\u5E8F\u540E\u7AEF\u7528 Hono \u8FD4\u56DE `{code, data, message}` + HTTP \u72B6\u6001\uFF1Badep \u4E91\u51FD\u6570\u8FD4\u56DE\n * `__adepHttp` \u4FE1\u5C01\u5373\u53EF\u83B7\u5F97\u540C\u6837\u7684 status/body \u8BED\u4E49\uFF08ADR-0024 / CF-010\uFF0C\n * \u672C\u5730 dev \u4E0E\u5E73\u53F0\u7F51\u5173\u540C\u4E00\u5957\u8BC6\u522B\u903B\u8F91\uFF09\u3002\n */\nimport type { AdepHttpEnvelope } from '@adep/types'\n\nexport const CODE = {\n  OK: 0,\n  NO_AUTH: 40001,\n  BAD_PARAM: 40002,\n  NOT_FOUND: 40003,\n  LIMIT_EXCEEDED: 40004,\n  SERVER_ERROR: 50000,\n} as const\n\nexport type CodeValue = (typeof CODE)[keyof typeof CODE]\n\nconst HTTP_STATUS: Record<number, number> = {\n  0: 200,\n  40001: 401,\n  40002: 400,\n  40003: 404,\n  40004: 409,\n  50000: 500,\n}\n\nexport interface ApiBody<T> {\n  code: number\n  data: T | null\n  message: string\n}\n\nconst JSON_HEADERS = { 'content-type': 'application/json; charset=utf-8' }\n\nfunction envelope<T>(body: ApiBody<T>, status: number): AdepHttpEnvelope {\n  return {\n    __adepHttp: {\n      status,\n      headers: JSON_HEADERS,\n      body,\n    },\n  }\n}\n\nexport function ok<T>(data: T, message = 'ok'): AdepHttpEnvelope {\n  return envelope({ code: CODE.OK, data, message }, 200)\n}\n\nexport function fail(code: CodeValue, message: string): AdepHttpEnvelope {\n  return envelope({ code, data: null, message }, HTTP_STATUS[code] ?? 400)\n}\n" },
+  { path: "functions/_shared/route.ts", content: "/**\n * \u8DEF\u5F84\u5F52\u4E00\u5316\uFF1A\u5E73\u53F0\u7F51\u5173 / CLI dev \u4F20\u7ED9\u51FD\u6570\u7684 ctx.path \u662F\u5B8C\u6574 pathname\uFF08\u542B\n * functions_prefix /api\uFF0C\u89C1 AGENTS.md v1.57 \u8FB9\u754C\u8BF4\u660E\uFF09\u3002\u8FD9\u91CC\u5265\u6389\u524D\u7F00\uFF0C\u51FD\u6570\u5185\n * \u4E00\u5F8B\u6309\u300C\u524D\u7F00\u540E\u8DEF\u5F84\u300D\u5339\u914D\uFF08/events\u3001/auth/login \u7B49\uFF09\u3002\n */\nexport function routePath(ctxPath: string): string {\n  if (ctxPath === '/api') return '/'\n  if (ctxPath.startsWith('/api/')) return ctxPath.slice(4)\n  return ctxPath\n}\n" },
+  { path: "functions/_shared/store.ts", content: "/**\n * \u6570\u636E\u8BBF\u95EE\u5C42\uFF08\u79FB\u690D\u81EA cf-backend src/db/queries.ts + src/db/client.ts\uFF09\u3002\n *\n * \u8FC1\u79FB\u70B9\uFF1ACloudflare D1 \u7684 prepare().bind().run()/all() \u2192 adep `cloud.db` \u94FE\u5F0F\n * builder\uFF08\u7B49\u4EF7 SQLite \u5B50\u96C6\uFF1Bsim \u5F15\u64CE\u4E0E\u5E73\u53F0\u9879\u76EE\u5E93\u540C\u4E00\u5957\u5B9E\u73B0\uFF0C\u89C1\n * `packages/runtime/src/database/builder`\uFF09\u3002\u8868\u7ED3\u6784\u7531 functions/schema.sql \u58F0\u660E\uFF0C\n * \u90E8\u7F72\u524D\u7528 `adep db migrate` \u5EFA\u8868\uFF1B\u672C\u5730 dev\uFF08adep dev / vite \u63D2\u4EF6\uFF09\u7684 sim \u5F15\u64CE\n * \u8BBF\u95EE\u65F6\u4F1A\u81EA\u52A8\u5EFA\u8868\u3002\n */\nimport type { CloudDb, SqlValue } from '@adep/types'\n\n/** users \u8868\u884C\uFF08\u8BFB\u51FA\u7684\u884C\u5B57\u6BB5\u53EF\u7A7A\uFF0C\u5199\u65F6\u8865\u5168\uFF09 */\nexport interface UserRow {\n  id: string\n  device_id: string\n  nickname: string | null\n  avatar_url: string | null\n  created_at: string | null\n  updated_at: string | null\n}\n\n/** events \u8868\u884C\uFF08\u8BFB\u51FA\u7684\u884C\u5B57\u6BB5\u53EF\u7A7A\uFF0C\u5199\u65F6\u8865\u5168\uFF09 */\nexport interface EventRow {\n  id: string\n  user_id: string\n  title: string\n  target_date: string\n  note: string | null\n  category: string | null\n  direction: 'countdown' | 'countup' | null\n  is_pinned: number | boolean | null\n  sort_order: number | null\n  created_at: string | null\n  updated_at: string | null\n}\n\n/** \u884C\u5BF9\u8C61 \u2192 builder \u53EF\u63A5\u53D7\u7684 SqlValue \u8BB0\u5F55\uFF08\u7ED3\u6784\u517C\u5BB9\u5373\u53EF\uFF0C\u5185\u90E8\u90FD\u662F\u57FA\u672C\u7C7B\u578B\uFF09\u3002 */\nfunction sql(row: Record<string, unknown>): Record<string, SqlValue> {\n  return row as unknown as Record<string, SqlValue>\n}\n\n/** \u65B0\u5EFA\u7528\u6237\u884C\u7684\u5B8C\u6574\u5F62\u72B6\uFF08\u5199\u5165\u4E13\u7528\uFF09\u3002 */\nexport interface NewUserRow {\n  id: string\n  device_id: string\n  nickname: string\n  avatar_url: string\n  created_at: string\n  updated_at: string\n}\n\n/** \u65B0\u5EFA\u4E8B\u4EF6\u884C\u7684\u5B8C\u6574\u5F62\u72B6\uFF08\u5199\u5165\u4E13\u7528\uFF09\u3002 */\nexport interface NewEventRow {\n  id: string\n  user_id: string\n  title: string\n  target_date: string\n  note: string\n  category: string\n  direction: 'countdown' | 'countup'\n  is_pinned: 0 | 1\n  sort_order: number\n  created_at: string\n  updated_at: string\n}\n\n// ---------- users ----------\n\nexport async function findUserByDeviceId(db: CloudDb, deviceId: string): Promise<UserRow | null> {\n  const row = await db.table('users').where('device_id', deviceId).first()\n  return (row as unknown as UserRow | undefined) ?? null\n}\n\nexport async function findUserById(db: CloudDb, id: string): Promise<UserRow | null> {\n  const row = await db.table('users').where('id', id).first()\n  return (row as unknown as UserRow | undefined) ?? null\n}\n\nexport async function createUser(db: CloudDb, row: NewUserRow): Promise<void> {\n  await db.table('users').insert(sql(row as unknown as Record<string, unknown>))\n}\n\n// ---------- events ----------\n\nexport async function listEvents(db: CloudDb, userId: string): Promise<EventRow[]> {\n  const rows = await db.table('events').where('user_id', userId).get()\n  return (rows as unknown as EventRow[]) ?? []\n}\n\nexport async function findEventById(\n  db: CloudDb,\n  id: string,\n  userId: string\n): Promise<EventRow | null> {\n  const row = await db.table('events').where('id', id).where('user_id', userId).first()\n  return (row as unknown as EventRow | undefined) ?? null\n}\n\nexport async function countEvents(db: CloudDb, userId: string): Promise<number> {\n  // cloud.db \u7684 count() \u8FD4\u56DE number\uFF08builder \u5185\u90E8\u53D6 SELECT count(*) AS n \u7684 n\uFF09\n  const n = await db.table('events').where('user_id', userId).count()\n  return typeof n === 'number' ? n : Number(n ?? 0)\n}\n\nexport async function insertEvent(db: CloudDb, row: NewEventRow): Promise<void> {\n  await db.table('events').insert(sql(row as unknown as Record<string, unknown>))\n}\n\nexport async function updateEvent(\n  db: CloudDb,\n  id: string,\n  userId: string,\n  patch: Partial<NewEventRow>\n): Promise<void> {\n  await db\n    .table('events')\n    .where('id', id)\n    .where('user_id', userId)\n    .update(sql(patch as unknown as Record<string, unknown>))\n}\n\nexport async function deleteEvent(db: CloudDb, id: string, userId: string): Promise<void> {\n  await db.table('events').where('id', id).where('user_id', userId).delete()\n}\n" },
+  { path: "functions/auth.ts", content: "/**\n * \u4E91\u51FD\u6570\uFF1Aauth \u2014\u2014 \u767B\u5F55 / \u5F53\u524D\u7528\u6237\uFF08\u79FB\u690D\u81EA cf-backend src/routes/auth.ts\uFF09\u3002\n *\n * \u8DEF\u7531\uFF08\u5F52\u4E00\u5316\u540E\uFF0C\u524D\u7F00 /api \u7531 _shared/route.ts \u5265\u9664\uFF09\uFF1A\n *   POST /auth/login  { deviceId }       \u2192 \u53D6/\u5EFA\u7528\u6237\uFF0C\u8FD4\u56DE { token, expires_in, user }\n *   GET  /auth/me                        \u2192 \u5F53\u524D\u7528\u6237 + \u4E8B\u4EF6\u8BA1\u6570\uFF08Bearer device_id\uFF09\n */\nimport type { FunctionContext } from '@adep/types'\nimport { ok, fail, CODE } from './_shared/response'\nimport {\n  findUserByDeviceId,\n  findUserById,\n  createUser,\n  countEvents,\n  type NewUserRow,\n} from './_shared/store'\nimport { requireUser, isEnvelope } from './_shared/auth'\nimport { routePath } from './_shared/route'\nimport { nowIso } from './_shared/date'\n\ninterface UserDTO {\n  id: string\n  nickname: string\n  avatar_url: string\n  created_at: string\n}\n\nfunction toUserDTO(row: {\n  id: string\n  nickname: string | null\n  avatar_url: string | null\n  created_at: string | null\n}): UserDTO {\n  return {\n    id: row.id,\n    nickname: row.nickname ?? '\u672C\u5730\u7528\u6237',\n    avatar_url: row.avatar_url ?? '',\n    created_at: row.created_at ?? '',\n  }\n}\n\nexport default async function handle(ctx: FunctionContext) {\n  const db = ctx.cloud.db\n  if (!db) return fail(CODE.SERVER_ERROR, '\u6570\u636E\u5E93\u672A\u5C31\u7EEA\uFF0C\u8BF7\u5148\u6267\u884C adep db start \u5E76\u5EFA\u8868')\n\n  const path = routePath(ctx.path)\n  const method = String(ctx.method ?? 'GET').toUpperCase()\n\n  // POST /auth/login \u2014\u2014 \u8BBE\u5907\u8EAB\u4EFD\u6362\u767B\u5F55\u6001\uFF08\u7B49\u4EF7 wx.login \u2192 code2Session\uFF09\n  if (path === '/auth/login' && method === 'POST') {\n    const body = (ctx.body ?? {}) as Record<string, unknown>\n    const deviceId = typeof body.deviceId === 'string' ? body.deviceId.trim() : ''\n    if (!deviceId || deviceId.length < 8 || deviceId.length > 128) {\n      return fail(CODE.BAD_PARAM, 'deviceId \u53C2\u6570\u4E0D\u5408\u6CD5')\n    }\n\n    try {\n      let user = await findUserByDeviceId(db, deviceId)\n      if (!user) {\n        const fresh: NewUserRow = {\n          id: crypto.randomUUID(),\n          device_id: deviceId,\n          nickname: '\u672C\u5730\u7528\u6237',\n          avatar_url: '',\n          created_at: nowIso(),\n          updated_at: nowIso(),\n        }\n        await createUser(db, fresh)\n        user = fresh\n      }\n      return ok({\n        token: deviceId, // \u8BBE\u5907\u8EAB\u4EFD\u5373 Bearer \u51ED\u636E\uFF08\u7B49\u4EF7 API Key\uFF1B\u524D\u7AEF\u6301\u4E45\u5316\u4E8E localStorage\uFF09\n        expires_in: 7 * 24 * 3600,\n        user: toUserDTO(user),\n      })\n    } catch (err) {\n      console.error('[auth/login]', err)\n      return fail(CODE.SERVER_ERROR, '\u767B\u5F55\u5931\u8D25\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5')\n    }\n  }\n\n  // GET /auth/me \u2014\u2014 \u5F53\u524D\u7528\u6237 + \u4E8B\u4EF6\u8BA1\u6570\n  if (path === '/auth/me' && method === 'GET') {\n    const authed = await requireUser(db, ctx)\n    if (isEnvelope(authed)) return authed\n    const { user } = authed\n    const eventCount = await countEvents(db, user.id)\n    const fresh = (await findUserById(db, user.id)) ?? user\n    return ok({\n      user: toUserDTO(fresh),\n      event_count: eventCount,\n      max_events: 200,\n    })\n  }\n\n  return fail(CODE.NOT_FOUND, '\u63A5\u53E3\u4E0D\u5B58\u5728')\n}\n" },
+  { path: "functions/events.ts", content: "/**\n * \u4E91\u51FD\u6570\uFF1Aevents \u2014\u2014 \u4E8B\u4EF6 CRUD\uFF08\u79FB\u690D\u81EA cf-backend src/routes/events.ts\uFF09\u3002\n *\n * \u8DEF\u7531\uFF08\u5F52\u4E00\u5316\u540E\uFF09\uFF1A\n *   GET    /events?category=xxx   \u2192 { events }\uFF08\u7F6E\u9876\u4F18\u5148\uFF0C\u5176\u4F59\u6309\u5269\u4F59\u5929\u6570\u5347\u5E8F\uFF09\n *   POST   /events                \u2192 \u521B\u5EFA\uFF08\u4E0A\u9650 200 \u4E2A\uFF09\n *   GET    /events/:id            \u2192 { event }\n *   PUT    /events/:id            \u2192 \u5C40\u90E8\u66F4\u65B0\n *   DELETE /events/:id            \u2192 \u5220\u9664\n * \u9274\u6743\uFF1ABearer device_id\uFF08\u89C1 _shared/auth.ts\uFF09\u3002\n */\nimport type { FunctionContext } from '@adep/types'\nimport { ok, fail, CODE } from './_shared/response'\nimport { requireUser, isEnvelope } from './_shared/auth'\nimport { routePath } from './_shared/route'\nimport { isValidDate, toDTO, sortEvents, nowIso, type EventRow } from './_shared/date'\nimport {\n  findEventById,\n  insertEvent,\n  updateEvent,\n  deleteEvent,\n  listEvents,\n  countEvents,\n  type NewEventRow,\n} from './_shared/store'\n\nconst CATEGORIES = new Set(['other', 'birthday', 'anniversary', 'exam', 'holiday'])\nconst MAX_EVENTS = 200\n\nfunction normalizeBody<T>(ctx: FunctionContext): T {\n  if (ctx.body && typeof ctx.body === 'object') return ctx.body as T\n  return {} as T\n}\n\nexport default async function handle(ctx: FunctionContext) {\n  const db = ctx.cloud.db\n  if (!db) return fail(CODE.SERVER_ERROR, '\u6570\u636E\u5E93\u672A\u5C31\u7EEA\uFF0C\u8BF7\u5148\u6267\u884C adep db start \u5E76\u5EFA\u8868')\n\n  const authed = await requireUser(db, ctx)\n  if (isEnvelope(authed)) return authed\n  const { user } = authed\n\n  const path = routePath(ctx.path)\n  const method = String(ctx.method ?? 'GET').toUpperCase()\n\n  // GET /events\n  if (path === '/events' && method === 'GET') {\n    const category = ctx.query?.category\n    let events = (await listEvents(db, user.id)).map((row) => toDTO(row as unknown as EventRow))\n    if (typeof category === 'string' && category && CATEGORIES.has(category)) {\n      events = events.filter((e) => e.category === category)\n    }\n    return ok({ events: sortEvents(events) })\n  }\n\n  // POST /events\n  if (path === '/events' && method === 'POST') {\n    const body = normalizeBody<{\n      title?: unknown\n      target_date?: unknown\n      note?: unknown\n      category?: unknown\n      direction?: unknown\n      is_pinned?: unknown\n    }>(ctx)\n\n    const title = typeof body.title === 'string' ? body.title.trim() : ''\n    const target_date = typeof body.target_date === 'string' ? body.target_date : ''\n    const note = typeof body.note === 'string' ? body.note.trim() : ''\n    const category = typeof body.category === 'string' ? body.category : 'other'\n    const direction = body.direction === 'countup' ? 'countup' : 'countdown'\n    const is_pinned = !!body.is_pinned\n\n    if (!title) return fail(CODE.BAD_PARAM, '\u8BF7\u586B\u5199\u4E8B\u4EF6\u540D\u79F0')\n    if (title.length > 50) return fail(CODE.BAD_PARAM, '\u540D\u79F0\u4E0D\u80FD\u8D85\u8FC7 50 \u4E2A\u5B57')\n    if (!isValidDate(target_date)) return fail(CODE.BAD_PARAM, '\u8BF7\u9009\u62E9\u76EE\u6807\u65E5\u671F')\n    if (note.length > 200) return fail(CODE.BAD_PARAM, '\u5907\u6CE8\u4E0D\u80FD\u8D85\u8FC7 200 \u4E2A\u5B57')\n    if (!CATEGORIES.has(category)) return fail(CODE.BAD_PARAM, '\u5206\u7C7B\u4E0D\u5408\u6CD5')\n\n    const count = await countEvents(db, user.id)\n    if (count >= MAX_EVENTS) return fail(CODE.LIMIT_EXCEEDED, `\u6700\u591A\u521B\u5EFA ${MAX_EVENTS} \u4E2A\u4E8B\u4EF6`)\n\n    const now = nowIso()\n    const event: NewEventRow = {\n      id: crypto.randomUUID(),\n      user_id: user.id,\n      title,\n      target_date,\n      note,\n      category,\n      direction,\n      is_pinned: is_pinned ? 1 : 0,\n      sort_order: 0,\n      created_at: now,\n      updated_at: now,\n    }\n    await insertEvent(db, event)\n    return ok({ event: toDTO(event) }, '\u521B\u5EFA\u6210\u529F')\n  }\n\n  // GET /events/:id\n  const matchId = /^\\/events\\/([^/]+)$/.exec(path)\n  if (matchId && method === 'GET') {\n    const event = await findEventById(db, matchId[1], user.id)\n    if (!event) return fail(CODE.NOT_FOUND, '\u4E8B\u4EF6\u4E0D\u5B58\u5728')\n    return ok({ event: toDTO(event as unknown as EventRow) })\n  }\n\n  // PUT /events/:id\n  if (matchId && method === 'PUT') {\n    const event = await findEventById(db, matchId[1], user.id)\n    if (!event) return fail(CODE.NOT_FOUND, '\u4E8B\u4EF6\u4E0D\u5B58\u5728')\n\n    const body = normalizeBody<{\n      title?: unknown\n      target_date?: unknown\n      note?: unknown\n      category?: unknown\n      direction?: unknown\n      is_pinned?: unknown\n    }>(ctx)\n\n    const patch: Partial<NewEventRow> = {}\n    const { title, target_date, note, category, direction, is_pinned } = body\n    if (title !== undefined) {\n      if (typeof title !== 'string' || !title.trim()) return fail(CODE.BAD_PARAM, '\u8BF7\u586B\u5199\u4E8B\u4EF6\u540D\u79F0')\n      if (title.trim().length > 50) return fail(CODE.BAD_PARAM, '\u540D\u79F0\u4E0D\u80FD\u8D85\u8FC7 50 \u4E2A\u5B57')\n      patch.title = title.trim()\n    }\n    if (target_date !== undefined) {\n      if (typeof target_date !== 'string' || !isValidDate(target_date)) {\n        return fail(CODE.BAD_PARAM, '\u8BF7\u9009\u62E9\u76EE\u6807\u65E5\u671F')\n      }\n      patch.target_date = target_date\n    }\n    if (note !== undefined) {\n      if (typeof note !== 'string') return fail(CODE.BAD_PARAM, '\u5907\u6CE8\u683C\u5F0F\u4E0D\u5408\u6CD5')\n      if (note.trim().length > 200) return fail(CODE.BAD_PARAM, '\u5907\u6CE8\u4E0D\u80FD\u8D85\u8FC7 200 \u4E2A\u5B57')\n      patch.note = note.trim()\n    }\n    if (category !== undefined) {\n      if (typeof category !== 'string' || !CATEGORIES.has(category)) {\n        return fail(CODE.BAD_PARAM, '\u5206\u7C7B\u4E0D\u5408\u6CD5')\n      }\n      patch.category = category\n    }\n    if (direction !== undefined) {\n      if (direction !== 'countdown' && direction !== 'countup') {\n        return fail(CODE.BAD_PARAM, '\u8BA1\u65F6\u65B9\u5F0F\u4E0D\u5408\u6CD5')\n      }\n      patch.direction = direction\n    }\n    if (is_pinned !== undefined) {\n      patch.is_pinned = is_pinned ? 1 : 0\n    }\n\n    patch.updated_at = nowIso()\n    await updateEvent(db, event.id, user.id, patch)\n    const fresh = await findEventById(db, event.id, user.id)\n    return ok({ event: toDTO((fresh ?? event) as unknown as EventRow) }, '\u5DF2\u4FDD\u5B58')\n  }\n\n  // DELETE /events/:id\n  if (matchId && method === 'DELETE') {\n    const event = await findEventById(db, matchId[1], user.id)\n    if (!event) return fail(CODE.NOT_FOUND, '\u4E8B\u4EF6\u4E0D\u5B58\u5728')\n    await deleteEvent(db, event.id, user.id)\n    return ok({ id: event.id }, '\u5DF2\u5220\u9664')\n  }\n\n  return fail(CODE.NOT_FOUND, '\u63A5\u53E3\u4E0D\u5B58\u5728')\n}\n" },
+  { path: "functions/schema.sql", content: "-- \u5012\u6570\u65E5\u5E94\u7528\u6570\u636E\u5E93 Schema\uFF08\u79FB\u690D\u81EA cf-backend migrations/0001_initial.sql\uFF09\u3002\n-- \u7528\u6CD5\uFF1Aadep db migrate functions/schema.sql\uFF08\u5E73\u53F0\u4FA7\u5EFA\u8868\uFF09\uFF1B\n-- \u672C\u5730 dev\uFF08adep dev / vite \u63D2\u4EF6\uFF09\u7684 sim \u5F15\u64CE\u8BBF\u95EE\u65F6\u81EA\u52A8\u5EFA\u8868\uFF0C\u65E0\u9700\u624B\u52A8\u6267\u884C\u3002\n-- \u6BCF\u884C\u4E00\u6761\u8BED\u53E5\uFF0C\u4EE5\u5206\u53F7\u7ED3\u5C3E\uFF08migrate \u6309\u884C\u62C6\u5206\u9010\u6761\u6267\u884C\uFF09\u3002\n\nCREATE TABLE IF NOT EXISTS users (\n  id TEXT PRIMARY KEY,\n  device_id TEXT NOT NULL UNIQUE,\n  nickname TEXT NOT NULL DEFAULT '\u672C\u5730\u7528\u6237',\n  avatar_url TEXT NOT NULL DEFAULT '',\n  created_at TEXT NOT NULL,\n  updated_at TEXT NOT NULL\n);\n\nCREATE TABLE IF NOT EXISTS events (\n  id TEXT PRIMARY KEY,\n  user_id TEXT NOT NULL,\n  title TEXT NOT NULL,\n  target_date TEXT NOT NULL,\n  note TEXT NOT NULL DEFAULT '',\n  category TEXT NOT NULL DEFAULT 'other',\n  direction TEXT NOT NULL DEFAULT 'countdown',\n  is_pinned INTEGER NOT NULL DEFAULT 0,\n  sort_order INTEGER NOT NULL DEFAULT 0,\n  created_at TEXT NOT NULL,\n  updated_at TEXT NOT NULL\n);\n\nCREATE INDEX IF NOT EXISTS idx_events_user ON events(user_id);\nCREATE INDEX IF NOT EXISTS idx_users_device ON users(device_id);\n" },
+  { path: "web/index.html", content: `<!doctype html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
+    <meta name="theme-color" content="#3B6EF6" />
+    <link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' rx='22' fill='%233B6EF6'/%3E%3Ctext x='50' y='68' font-size='52' font-family='PingFang SC,sans-serif' font-weight='700' fill='%23fff' text-anchor='middle'%3E\u65E5%3C/text%3E%3C/svg%3E" />
+    <title>\u5012\u6570\u65E5</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
+` },
+  { path: "web/package.json", content: '{\n  "name": "countdown-web",\n  "version": "0.1.0",\n  "private": true,\n  "type": "module",\n  "description": "\u5012\u6570\u65E5\u524D\u7AEF\uFF08\u5FAE\u4FE1\u5C0F\u7A0B\u5E8F\u79FB\u690D\uFF0CVue 3 + Vite\uFF09",\n  "scripts": {\n    "dev": "vite",\n    "build": "vite build",\n    "preview": "vite preview"\n  },\n  "dependencies": {\n    "vue": "^3.5.42",\n    "vue-router": "^5.0.0"\n  },\n  "devDependencies": {\n    "@adep/cli": "^0.1.4",\n    "@vitejs/plugin-vue": "^6.0.0",\n    "esbuild-wasm": "^0.25.12",\n    "typescript": "5.9.3",\n    "vite": "^7.0.0"\n  }\n}\n' },
+  { path: "web/src/App.vue", content: `<script setup lang="ts">
+// \u5E94\u7528\u6839\uFF1A\u8DEF\u7531\u89C6\u56FE + \u5E95\u90E8 TabBar\uFF08\u9996\u9875/\u6211\u7684\u663E\u793A\uFF0C\u7F16\u8F91\u9875\u9690\u85CF\uFF09+ \u6D6E\u5C42\u5BBF\u4E3B\u3002
+import { computed } from 'vue'
+import { useRoute } from 'vue-router'
+import TabBar from './ui/TabBar.vue'
+import UiHost from './ui/UiHost.vue'
+
+const route = useRoute()
+
+const showTabBar = computed(() => {
+  return !route.path.startsWith('/edit')
+})
+</script>
+
+<template>
+  <div class="app">
+    <router-view />
+    <TabBar v-if="showTabBar" />
+    <UiHost />
+  </div>
+</template>
+
+<style>
+@import './styles/app.css';
+</style>
+` },
+  { path: "web/src/env.d.ts", content: `/// <reference types="vite/client" />
+
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue'
+  const component: DefineComponent<Record<string, never>, Record<string, never>, unknown>
+  export default component
+}
+` },
+  { path: "web/src/lib/auth.ts", content: "/**\n * \u767B\u5F55\u72B6\u6001\u7BA1\u7406\uFF08\u79FB\u690D\u81EA\u5C0F\u7A0B\u5E8F utils/auth.js\uFF09\u3002\n *\n * \u6D41\u7A0B\uFF1AensureLogin() \u2192 \u6709 token \u76F4\u63A5\u8FD4\u56DE\u7F13\u5B58 user\uFF1B\u5426\u5219\u62FF\u8BBE\u5907\u8EAB\u4EFD device_id\n * POST /auth/login \u6362 token + user\uFF08\u7B49\u4EF7\u5C0F\u7A0B\u5E8F\u7684 wx.login \u2192 code2Session\uFF09\u3002\n * \u5E76\u53D1\u53EA\u53D1\u4E00\u6B21\u767B\u5F55\u8BF7\u6C42\uFF08loginPromise \u590D\u7528\uFF09\u3002\n */\nimport { request } from './request'\nimport { getDeviceId, resetDeviceId } from './device'\nimport { getToken, setToken, clearToken, TOKEN_KEY } from './request'\n\nconst USER_KEY = 'countdown_user'\n\nexport interface AppUser {\n  id: string\n  nickname: string\n  avatar_url: string\n  created_at: string\n}\n\nexport interface LoginResult {\n  token: string\n  expires_in: number\n  user: AppUser\n}\n\nlet loginPromise: Promise<AppUser> | null = null\n\nexport function getUser(): AppUser | null {\n  try {\n    const raw = localStorage.getItem(USER_KEY)\n    return raw ? (JSON.parse(raw) as AppUser) : null\n  } catch {\n    return null\n  }\n}\n\nfunction saveUser(user: AppUser): void {\n  localStorage.setItem(USER_KEY, JSON.stringify(user))\n}\n\nexport function clearSession(): void {\n  clearToken()\n  localStorage.removeItem(USER_KEY)\n}\n\n/** \u767B\u5F55\uFF1A\u8BBE\u5907\u8EAB\u4EFD \u2192 \u4E91\u51FD\u6570\u5EFA/\u53D6\u7528\u6237 \u2192 \u843D token + user\u3002 */\nexport async function login(): Promise<AppUser> {\n  const deviceId = getDeviceId()\n  const data = await request<LoginResult>('/api/auth/login', {\n    method: 'POST',\n    data: { deviceId },\n    retry: false,\n  })\n  setToken(data.token)\n  saveUser(data.user)\n  return data.user\n}\n\n/** \u6709 token \u76F4\u63A5\u8FD4\u56DE\uFF0C\u5426\u5219\u767B\u5F55\uFF1B\u5E76\u53D1\u53EA\u53D1\u4E00\u6B21\u8BF7\u6C42\u3002 */\nexport function ensureLogin(): Promise<AppUser | null> {\n  if (getToken()) return Promise.resolve(getUser())\n  if (loginPromise) return loginPromise\n  loginPromise = login().then(\n    (user) => {\n      loginPromise = null\n      return user\n    },\n    (err: unknown) => {\n      loginPromise = null\n      throw err\n    }\n  )\n  return loginPromise\n}\n\n/** \u9000\u51FA\u767B\u5F55\uFF1A\u6E05\u9664\u672C\u5730\u767B\u5F55\u6001\u4E0E\u4E8B\u4EF6\u7F13\u5B58\uFF1B\u4E0B\u6B21\u6253\u5F00\u81EA\u52A8\u7528\u65B0\u8EAB\u4EFD\u91CD\u65B0\u767B\u5F55\uFF08\u4E91\u7AEF\u6570\u636E\u4FDD\u7559\uFF09\u3002 */\nexport function logout(): void {\n  clearSession()\n  resetDeviceId()\n}\n\nexport { getToken, TOKEN_KEY }\n" },
+  { path: "web/src/lib/config.ts", content: "/**\n * \u5168\u5C40\u914D\u7F6E\uFF08\u79FB\u690D\u81EA\u5C0F\u7A0B\u5E8F utils/config.js\uFF09\u3002\n *\n * BASE_URL \u4E3A ''\uFF1A\u4E0E\u9875\u9762\u540C\u6E90\u3002\u672C\u5730\u5F00\u53D1\u7531 @adep/cli/vite \u4EE3\u7406 /api/* \u5230\u6A21\u62DF\u8FD0\u884C\u65F6\uFF1B\n * \u90E8\u7F72\u540E\u7531\u5E73\u53F0\u7F51\u5173\u628A /api/* \u8DEF\u7531\u5230\u4E91\u51FD\u6570\u3002\u4E91\u51FD\u6570\u8DEF\u5F84\u5373 /api/{fn}\uFF08adep.config.ts\n * functions_prefix=/api\uFF09\uFF0C\u6545\u8BF7\u6C42\u7EDF\u4E00\u5199 '/api/...'\u3002\n */\nexport const BASE_URL = ''\n\nexport const MAX_EVENTS = 200\n\nexport const CATEGORIES = [\n  { value: 'other', label: '\u65E5\u5E38' },\n  { value: 'birthday', label: '\u751F\u65E5' },\n  { value: 'anniversary', label: '\u7EAA\u5FF5\u65E5' },\n  { value: 'exam', label: '\u8003\u8BD5' },\n  { value: 'holiday', label: '\u8282\u65E5' },\n] as const\n\nexport type CategoryValue = (typeof CATEGORIES)[number]['value']\n\nexport const CATEGORY_LABEL: Record<string, string> = {\n  other: '\u65E5\u5E38',\n  birthday: '\u751F\u65E5',\n  anniversary: '\u7EAA\u5FF5\u65E5',\n  exam: '\u8003\u8BD5',\n  holiday: '\u8282\u65E5',\n}\n\n/** \u4E91\u51FD\u6570\u7EDF\u4E00\u54CD\u5E94\u4FE1\u5C01\uFF08\u79FB\u690D\u81EA cf-backend lib/response.ts\uFF09\u3002 */\nexport interface ApiBody<T> {\n  code: number\n  data: T | null\n  message: string\n}\n\n/** \u4E1A\u52A1\u9519\u8BEF\u7801\uFF08\u4E0E cf-backend \u4E00\u81F4\uFF09\u3002 */\nexport const CODE = {\n  OK: 0,\n  NO_AUTH: 40001,\n  BAD_PARAM: 40002,\n  NOT_FOUND: 40003,\n  LIMIT_EXCEEDED: 40004,\n  SERVER_ERROR: 50000,\n} as const\n" },
+  { path: "web/src/lib/date.ts", content: "/**\n * \u65E5\u671F\u5DE5\u5177\uFF08\u9010\u884C\u79FB\u690D\u81EA\u5C0F\u7A0B\u5E8F utils/date.js\uFF0C\u7B97\u6CD5\u4E0E\u4E91\u51FD\u6570\u4FA7 _shared/date.ts \u4FDD\u6301\u4E00\u81F4\uFF09\u3002\n * \u5929\u6570\u6309\u300C\u672C\u5730\u65F6\u533A\u81EA\u7136\u65E5\u300D\u8BA1\u7B97\uFF1B\u4E91\u51FD\u6570\u4FA7\u6309\u5317\u4EAC\u65F6\u95F4\uFF08UTC+8\uFF09\u8BA1\u7B97\u2014\u2014\u7528\u6237\u5728\u4E2D\u56FD\u5927\u9646\u65F6\u4E24\u8005\u4E00\u81F4\u3002\n */\nimport { CATEGORY_LABEL } from './config'\n\nconst WEEK = ['\u5468\u65E5', '\u5468\u4E00', '\u5468\u4E8C', '\u5468\u4E09', '\u5468\u56DB', '\u5468\u4E94', '\u5468\u516D']\n\n/** \u4ECA\u5929\uFF08\u672C\u5730\u65F6\u533A\uFF09YYYY-MM-DD */\nexport function todayStr(): string {\n  const d = new Date()\n  return fmt(d.getFullYear(), d.getMonth() + 1, d.getDate())\n}\n\nexport function fmt(y: number, m: number, d: number): string {\n  return `${y}-${String(m).padStart(2, '0')}-${String(d).padStart(2, '0')}`\n}\n\nexport function isValidDate(s: unknown): s is string {\n  if (typeof s !== 'string' || !/^\\d{4}-\\d{2}-\\d{2}$/.test(s)) return false\n  const [y, m, d] = s.split('-').map(Number)\n  if (m < 1 || m > 12 || d < 1 || d > 31) return false\n  const dt = new Date(y, m - 1, d)\n  return dt.getFullYear() === y && dt.getMonth() === m - 1 && dt.getDate() === d\n}\n\n/** \u8DDD\u76EE\u6807\u65E5\u671F\u7684\u81EA\u7136\u65E5\u5DEE\uFF1B\u6B63\u6570\u65E5\u8FD4\u56DE\u7EDD\u5BF9\u503C */\nexport function calcDays(\n  targetDate: string,\n  direction: 'countdown' | 'countup' = 'countdown'\n): number {\n  if (!isValidDate(targetDate)) return 0\n  const [y, m, d] = targetDate.split('-').map(Number)\n  const target = new Date(y, m - 1, d).getTime()\n  const now = new Date()\n  const today = new Date(now.getFullYear(), now.getMonth(), now.getDate()).getTime()\n  const diff = Math.round((target - today) / 86400000)\n  return direction === 'countup' ? Math.abs(diff) : diff\n}\n\nexport function weekdayOf(targetDate: string): string {\n  if (!isValidDate(targetDate)) return ''\n  const [y, m, d] = targetDate.split('-').map(Number)\n  return WEEK[new Date(y, m - 1, d).getDay()]\n}\n\n/** 2026-09-13 -> 9\u670813\u65E5 */\nexport function shortLabel(targetDate: string): string {\n  if (!isValidDate(targetDate)) return ''\n  const [, m, d] = targetDate.split('-').map(Number)\n  return `${m}\u6708${d}\u65E5`\n}\n\n/**\n * \u6839\u636E\u5929\u6570\u8FD4\u56DE\u5C55\u793A\u7B49\u7EA7\uFF08\u4E0E\u5C0F\u7A0B\u5E8F\u4E00\u81F4\uFF09\n * normal >30 \u84DD | soon 7-30 \u6A59 | urgent <7 \u7EA2 | today \u5F53\u5929 \u7EA2 | past \u5DF2\u8FC7 \u7070\n */\nexport function levelOf(days: number, direction: 'countdown' | 'countup' = 'countdown'): string {\n  if (direction === 'countup') return 'normal'\n  if (days < 0) return 'past'\n  if (days === 0) return 'today'\n  if (days < 7) return 'urgent'\n  if (days <= 30) return 'soon'\n  return 'normal'\n}\n\n/** \u5929\u6570\u6587\u6848\u4E0E\u524D\u540E\u7F00 */\nexport function daysText(\n  days: number,\n  direction: 'countdown' | 'countup' = 'countdown'\n): { num: string; prefix: string; suffix: string; tip: string } {\n  if (direction === 'countup') {\n    return { num: String(days), prefix: '\u5DF2\u7ECF', suffix: '\u5929', tip: '\u5929\u5566' }\n  }\n  if (days === 0) return { num: '\u4ECA\u5929', prefix: '', suffix: '', tip: '\u5C31\u662F\u4ECA\u5929' }\n  if (days > 0) return { num: String(days), prefix: '\u8FD8\u6709', suffix: '\u5929', tip: '' }\n  return { num: String(-days), prefix: '\u5DF2\u8FC7', suffix: '\u5929', tip: '' }\n}\n\n/** \u4E8B\u4EF6 DTO\uFF08\u4E91\u51FD\u6570 /events \u8FD4\u56DE\u5E26 days \u7684\u5F62\u72B6\uFF09\u3002 */\nexport interface CountdownEvent {\n  id: string\n  title: string\n  target_date: string\n  note: string\n  category: string\n  direction: 'countdown' | 'countup'\n  is_pinned: boolean\n  sort_order: number\n  created_at: string\n  updated_at: string\n  days: number\n}\n\n/** \u5217\u8868\u5C55\u793A\u88C5\u9970\uFF1A\u8865\u9F50\u7B49\u7EA7 / \u6587\u6848 / \u526F\u6807\u9898 / \u5206\u7C7B\u540D\uFF08\u79FB\u690D\u81EA index.js decorate\uFF09\u3002 */\nexport function decorateEvent(item: CountdownEvent): DecodedEvent {\n  const days =\n    typeof item.days === 'number' ? item.days : calcDays(item.target_date, item.direction)\n  const t = daysText(days, item.direction)\n  return {\n    ...item,\n    offset: 0,\n    days,\n    level: levelOf(days, item.direction),\n    num: t.num,\n    prefix: t.prefix,\n    suffix: t.suffix,\n    tip: t.tip,\n    sub: `${item.target_date} ${weekdayOf(item.target_date)}`,\n    categoryLabel: CATEGORY_LABEL[item.category] ?? '\u65E5\u5E38',\n  }\n}\n\nexport interface DecodedEvent extends CountdownEvent {\n  /** \u5DE6\u6ED1\u504F\u79FB\uFF08px\uFF09\uFF0C\u7528\u4E8E\u5361\u7247\u6ED1\u52A8\u52A8\u753B */\n  offset: number\n  level: string\n  num: string\n  prefix: string\n  suffix: string\n  tip: string\n  sub: string\n  categoryLabel: string\n}\n" },
+  { path: "web/src/lib/device.ts", content: "/**\n * \u8BBE\u5907\u8EAB\u4EFD\uFF08web \u7248\u7684\u300C\u5FAE\u4FE1 openid\u300D\u7B49\u4EF7\u7269\uFF09\u3002\n *\n * \u5C0F\u7A0B\u5E8F\u9760 wx.login \u2192 openid \u62FF\u5230\u8BBE\u5907\u7EA7\u552F\u4E00\u8EAB\u4EFD\uFF1Bweb \u79FB\u690D\u7528\u6D4F\u89C8\u5668 localStorage \u6301\u4E45\u5316\u7684\n * \u968F\u673A device_id \u627F\u62C5\u540C\u4E00\u89D2\u8272\uFF1A\u9996\u6B21\u8BBF\u95EE\u751F\u6210\u5E76\u843D\u76D8\uFF0C\u4E4B\u540E\u7A33\u5B9A\u590D\u7528\uFF08\u6E05\u7AD9\u70B9\u6570\u636E\u624D\u53D8\uFF09\u3002\n * \u4E91\u51FD\u6570\u628A\u5B83\u5F53 Bearer \u51ED\u636E\uFF08\u89C1 functions/_shared/auth.ts\uFF09\uFF0C\u8BED\u4E49\u7B49\u540C API Key\u3002\n */\nconst DEVICE_KEY = 'countdown_device_id'\n\nexport function getDeviceId(): string {\n  let id = localStorage.getItem(DEVICE_KEY)\n  if (id) return id\n  id = generateDeviceId()\n  localStorage.setItem(DEVICE_KEY, id)\n  return id\n}\n\n/** \u767B\u51FA\u540E\u91CD\u65B0\u751F\u6210\u8EAB\u4EFD\uFF08\u539F\u8D26\u53F7\u6570\u636E\u4FDD\u7559\u5728\u4E91\u7AEF\uFF0C\u53EA\u662F\u4E0D\u518D\u5173\u8054\u65B0\u8EAB\u4EFD\uFF09\u3002 */\nexport function resetDeviceId(): void {\n  localStorage.removeItem(DEVICE_KEY)\n}\n\nfunction generateDeviceId(): string {\n  // crypto.randomUUID \u4E0D\u53EF\u7528\u65F6\u515C\u5E95\uFF08\u8001\u6D4F\u89C8\u5668 / \u975E\u5B89\u5168\u4E0A\u4E0B\u6587\uFF09\u3002\n  if (typeof crypto !== 'undefined' && typeof crypto.randomUUID === 'function') {\n    return `dev_${crypto.randomUUID()}`\n  }\n  return `dev_${Math.random().toString(36).slice(2)}${Date.now().toString(36)}`\n}\n" },
+  { path: "web/src/lib/request.ts", content: "/**\n * \u7EDF\u4E00\u8BF7\u6C42\u5C01\u88C5\uFF08\u79FB\u690D\u81EA\u5C0F\u7A0B\u5E8F utils/request.js\uFF09\u3002\n *\n * \u5DEE\u5F02\u70B9\uFF1Awx.request \u2192 fetch\uFF1BBASE_URL=''\uFF08\u540C\u6E90 /api/*\uFF09\uFF1Btoken \u4ECE localStorage \u8BFB\u53D6\uFF1B\n * \u9047\u4E1A\u52A1\u7801 40001\uFF08\u672A\u767B\u5F55/\u5931\u6548\uFF09\u2192 \u6E05\u9664 token \u2192 \u9759\u9ED8\u91CD\u65B0\u767B\u5F55\u540E\u91CD\u8BD5\u4E00\u6B21 \u2192 \u4ECD\u5931\u8D25\u629B NEED_LOGIN\u3002\n * \u53EA\u8FD4\u56DE\u4E1A\u52A1 data\uFF08\u54CD\u5E94\u4FE1\u5C01 {code, data, message} \u7684 data\uFF09\uFF0C\u5931\u8D25\u629B Error\u3002\n */\nimport { BASE_URL } from './config'\n\nconst TOKEN_KEY = 'countdown_token'\n\nexport function getToken(): string {\n  return localStorage.getItem(TOKEN_KEY) ?? ''\n}\n\nexport function setToken(token: string): void {\n  localStorage.setItem(TOKEN_KEY, token)\n}\n\nexport function clearToken(): void {\n  localStorage.removeItem(TOKEN_KEY)\n}\n\nexport interface RequestOptions {\n  method?: 'GET' | 'POST' | 'PUT' | 'DELETE' | 'PATCH'\n  data?: unknown\n  retry?: boolean\n  silent?: boolean\n  header?: Record<string, string>\n}\n\ninterface ApiBody<T> {\n  code: number\n  data: T | null\n  message: string\n}\n\nexport class RequestError extends Error {\n  code: number\n  status: number\n  constructor(message: string, code: number, status: number) {\n    super(message)\n    this.name = 'RequestError'\n    this.code = code\n    this.status = status\n  }\n}\n\n/** \u7279\u6B8A\u9519\u8BEF\uFF1Atoken \u5931\u6548\u4E14\u81EA\u52A8\u91CD\u767B\u5931\u8D25\uFF0C\u8C03\u7528\u65B9\u5E94\u5F15\u5BFC\u91CD\u65B0\u767B\u5F55\u3002 */\nexport const NEED_LOGIN = 'NEED_LOGIN'\n\nasync function doRequest<T>(path: string, options: RequestOptions): Promise<T> {\n  const token = getToken()\n  const url = BASE_URL + path\n  const response = await fetch(url, {\n    method: options.method ?? 'GET',\n    headers: {\n      'Content-Type': 'application/json',\n      ...(token ? { Authorization: `Bearer ${token}` } : {}),\n      ...options.header,\n    },\n    body: options.data === undefined ? undefined : JSON.stringify(options.data),\n  })\n\n  let body: ApiBody<T>\n  try {\n    body = (await response.json()) as ApiBody<T>\n  } catch {\n    throw new RequestError(`\u8BF7\u6C42\u5931\u8D25(${response.status})`, -1, response.status)\n  }\n\n  if (response.status === 200 && body.code === 0) {\n    return body.data as T\n  }\n\n  if (body.code === 40001) {\n    clearToken()\n    if (options.retry !== false) {\n      // token \u5931\u6548\uFF1A\u9759\u9ED8\u91CD\u65B0\u767B\u5F55\u540E\u91CD\u8BD5\u4E00\u6B21\n      const { login } = await import('./auth')\n      try {\n        await login()\n        return doRequest(path, { ...options, retry: false })\n      } catch {\n        throw new RequestError(NEED_LOGIN, 40001, 401)\n      }\n    }\n    throw new RequestError(NEED_LOGIN, 40001, 401)\n  }\n\n  const msg = body.message || `\u8BF7\u6C42\u5931\u8D25(${response.status})`\n  if (!options.silent) console.warn('[request]', path, msg)\n  throw new RequestError(msg, body.code, response.status)\n}\n\nexport function request<T>(path: string, options: RequestOptions = {}): Promise<T> {\n  return doRequest<T>(path, options).catch((error: unknown) => {\n    // \u7F51\u7EDC\u5F02\u5E38 \u2192 \u4E0E\u5C0F\u7A0B\u5E8F\u4E00\u81F4\u7684\u63D0\u793A\n    if (error instanceof TypeError) {\n      const e = new RequestError('\u7F51\u7EDC\u5F02\u5E38\uFF0C\u8BF7\u68C0\u67E5\u7F51\u7EDC\u540E\u91CD\u8BD5', -1, 0)\n      throw e\n    }\n    throw error\n  })\n}\n\nexport { TOKEN_KEY }\n" },
+  { path: "web/src/main.ts", content: "// web/src/main.ts \u2014\u2014 \u5E94\u7528\u5165\u53E3\uFF08\u79FB\u690D\u81EA\u5C0F\u7A0B\u5E8F app.js\uFF1A\u542F\u52A8\u5373\u9759\u9ED8\u767B\u5F55\uFF09\u3002\nimport { createApp } from 'vue'\nimport App from './App.vue'\nimport router from './router'\nimport { ensureLogin } from './lib/auth'\n\n// \u542F\u52A8\u9759\u9ED8\u767B\u5F55\uFF08\u7B49\u4EF7\u5C0F\u7A0B\u5E8F app.js onLaunch \u7684 ensureLogin()\uFF09\uFF0C\u5931\u8D25\u4E0D\u963B\u585E\u6E32\u67D3\uFF0C\n// \u9875\u9762\u8BF7\u6C42\u65F6\u4F1A\u518D\u6B21 ensureLogin / \u81EA\u52A8\u91CD\u767B\u3002\nvoid ensureLogin().catch((err: unknown) => {\n  console.warn('[app] \u81EA\u52A8\u767B\u5F55\u5931\u8D25\uFF0C\u5C06\u5728\u9875\u9762\u91CD\u8BD5', err)\n})\n\ncreateApp(App).use(router).mount('#app')\n" },
+  { path: "web/src/router.ts", content: "import { createRouter, createWebHistory } from 'vue-router'\n\nconst router = createRouter({\n  history: createWebHistory(),\n  routes: [\n    { path: '/', name: 'home', component: () => import('./views/HomeView.vue') },\n    { path: '/edit', name: 'edit', component: () => import('./views/EditView.vue') },\n    { path: '/edit/:id', name: 'edit-id', component: () => import('./views/EditView.vue') },\n    { path: '/profile', name: 'profile', component: () => import('./views/ProfileView.vue') },\n    { path: '/:pathMatch(.*)*', redirect: '/' },\n  ],\n})\n\nexport default router\n" },
+  { path: "web/src/styles/app.css", content: "/**\n * \u5168\u5C40\u6837\u5F0F\uFF08\u79FB\u690D\u81EA\u5C0F\u7A0B\u5E8F app.wxss + \u5404\u9875 wxss \u7684\u516C\u5171\u57FA\u8C03\uFF09\u3002\n *\n * rpx \u2192 rem \u6362\u7B97\uFF1A\u5C0F\u7A0B\u5E8F\u8BBE\u8BA1\u7A3F\u5BBD 750rpx\u3002web \u7AEF\u628A\u5E94\u7528\u58F3\uFF08.app\uFF09\u9650\u5236\u4E3A 480px \u5BBD\u7684\n * \u624B\u673A\u5F0F\u753B\u5E03\uFF0C\u4EE4 1rem = 100rpx = 64px\uFF08480 / 7.5\uFF09\uFF0C\u5168\u90E8\u539F wxss \u7684 `N rpx` \u6362\u7B97\u4E3A\n * `N/100 rem`\u3002rem \u662F\u76F8\u5BF9\u6839\u5143\u7D20 <html> \u7684\uFF0C\u6545\u57FA\u51C6\u5B57\u53F7\u8BBE\u5728 html \u4E0A\uFF1B\u89C6\u53E3\u7A84\u4E8E\n * 480px \u65F6\u6839\u5B57\u53F7\u968F\u89C6\u53E3\u7F29\u653E\uFF08100rpx = 13.333vw\uFF09\uFF0C\u5C0F\u7A97\u53E3\u4E0B\u6BD4\u4F8B\u4FDD\u6301\u4E00\u81F4\u3002\n */\n:root {\n  --primary: #3b6ef6;\n  --primary-2: #6a8dff;\n  --bg: #f5f7fb;\n  --card: #ffffff;\n  --text-1: #1f2430;\n  --text-2: #6b7385;\n  --text-3: #9aa3b2;\n  --line: #eef0f5;\n\n  --normal: #3b6ef6; /* >30 \u5929 */\n  --soon: #ff9f43; /* 7-30 \u5929 */\n  --urgent: #ff5a5f; /* <7 \u5929 */\n  --past: #a0a8b8; /* \u5DF2\u8FC7\u53BB */\n}\n\nhtml {\n  /* 1rem = 100rpx\uFF08480px \u753B\u5E03\u4E0B 1rpx = 0.64px\uFF09\uFF1B\u968F\u89C6\u53E3\u7A84\u4E8E 480px \u7F29\u653E */\n  font-size: 64px;\n}\n\n@media (max-width: 479px) {\n  html {\n    font-size: calc(100vw / 7.5); /* 1rpx = 1vw / 7.5 */\n  }\n}\n\n* {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nhtml,\nbody {\n  height: 100%;\n}\n\nbody {\n  background: #e8ebf1;\n  font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    'PingFang SC',\n    'Helvetica Neue',\n    Helvetica,\n    sans-serif;\n  -webkit-font-smoothing: antialiased;\n}\n\nbutton,\ninput,\ntextarea {\n  font-family: inherit;\n  outline: none;\n  border: none;\n  background: none;\n}\n\n/* \u5E94\u7528\u58F3\uFF1A\u5C45\u4E2D\u624B\u673A\u5F0F\u753B\u5E03\uFF08rem \u57FA\u51C6\u5728 html\uFF0C\u89C1\u6587\u4EF6\u5934\u6CE8\u91CA\uFF09 */\n.app {\n  position: relative;\n  max-width: 480px;\n  height: 100dvh;\n  margin: 0 auto;\n  overflow: hidden;\n  background: var(--bg);\n  color: var(--text-1);\n}\n\n/* \u9875\u9762\u6EDA\u52A8\u5BB9\u5668\uFF08\u5404\u89C6\u56FE\u5185\u90E8\u4F7F\u7528\uFF09 */\n.page-scroll {\n  position: absolute;\n  inset: 0;\n  overflow-y: auto;\n  -webkit-overflow-scrolling: touch;\n  overscroll-behavior: contain;\n}\n\n.page-scroll::-webkit-scrollbar {\n  width: 0;\n}\n\n.no-select {\n  user-select: none;\n  -webkit-user-select: none;\n  -webkit-touch-callout: none;\n}\n" },
+  { path: "web/src/ui/TabBar.vue", content: `<script setup lang="ts">
+// \u81EA\u5B9A\u4E49 TabBar\uFF08\u79FB\u690D\u81EA custom-tab-bar/index.*\uFF09\uFF1A\u9996\u9875 / \uFF0B\uFF08\u65B0\u589E\uFF09/ \u6211\u7684\u3002
+import { useRoute, useRouter } from 'vue-router'
+
+const route = useRoute()
+const router = useRouter()
+
+const tabs = [
+  { path: '/', text: '\u9996\u9875' },
+  { path: '/profile', text: '\u6211\u7684' },
+]
+
+function selectedIndex(): number {
+  const path = route.path
+  if (path.startsWith('/profile')) return 1
+  return 0
+}
+
+function switchTab(path: string): void {
+  if (route.path === path) return
+  router.push(path)
+}
+
+function onAdd(): void {
+  router.push('/edit')
+}
+</script>
+
+<template>
+  <div class="tabbar">
+    <div class="tabbar-inner">
+      <div class="tab" :class="{ on: selectedIndex() === 0 }" @click="switchTab('/')">
+        <svg
+          class="icon"
+          viewBox="0 0 24 24"
+          fill="none"
+          :stroke="selectedIndex() === 0 ? '#3B6EF6' : '#9AA3B2'"
+          stroke-width="2"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+        >
+          <path d="M3 10.4 12 3.5l9 6.9" />
+          <path d="M5.5 9.6V20a1 1 0 0 0 1 1H10v-5h4v5h3.5a1 1 0 0 0 1-1V9.6" />
+        </svg>
+        <span class="tab-text">\u9996\u9875</span>
+      </div>
+
+      <div class="plus-wrap" @click="onAdd">
+        <div class="plus">
+          <div class="bar bar-h"></div>
+          <div class="bar bar-v"></div>
+        </div>
+      </div>
+
+      <div class="tab" :class="{ on: selectedIndex() === 1 }" @click="switchTab('/profile')">
+        <svg
+          class="icon"
+          viewBox="0 0 24 24"
+          fill="none"
+          :stroke="selectedIndex() === 1 ? '#3B6EF6' : '#9AA3B2'"
+          stroke-width="2"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+        >
+          <circle cx="12" cy="8" r="3.6" />
+          <path d="M4.8 20a7.2 7.2 0 0 1 14.4 0" />
+        </svg>
+        <span class="tab-text">\u6211\u7684</span>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.tabbar {
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 999;
+  background: #ffffff;
+  box-shadow: 0 -0.04rem 0.2rem rgba(31, 36, 48, 0.06);
+  padding-bottom: env(safe-area-inset-bottom);
+}
+
+.tabbar-inner {
+  height: 1rem;
+  display: flex;
+  align-items: center;
+  position: relative;
+}
+
+.tab {
+  flex: 1;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+}
+
+.tab-text {
+  margin-top: 0.04rem;
+  font-size: 0.22rem;
+  color: #9aa3b2;
+  line-height: 1;
+}
+
+.tab.on .tab-text {
+  color: #3b6ef6;
+  font-weight: 500;
+}
+
+.icon {
+  width: 0.44rem;
+  height: 0.44rem;
+}
+
+.plus-wrap {
+  width: 1.2rem;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.plus {
+  width: 0.92rem;
+  height: 0.92rem;
+  margin-top: -0.34rem;
+  border-radius: 50%;
+  background: linear-gradient(135deg, #3b6ef6, #6a8dff);
+  box-shadow: 0 0.08rem 0.2rem rgba(59, 110, 246, 0.35);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  cursor: pointer;
+  transition: transform 0.12s ease;
+}
+
+.plus:active {
+  transform: scale(0.94);
+}
+
+.bar {
+  position: absolute;
+  background: #ffffff;
+  border-radius: 0.04rem;
+}
+
+.bar-h {
+  width: 0.36rem;
+  height: 0.06rem;
+}
+
+.bar-v {
+  width: 0.06rem;
+  height: 0.36rem;
+}
+</style>
+` },
+  { path: "web/src/ui/UiHost.vue", content: `<script setup lang="ts">
+// \u6D6E\u5C42\u5BBF\u4E3B\uFF1A\u6E32\u67D3 toast / modal / action sheet\uFF08App.vue \u6302\u8F7D\u4E00\u6B21\uFF09\u3002
+import { useUiState, settleModal, settleSheet, dismissAll } from './ui'
+
+const state = useUiState()
+</script>
+
+<template>
+  <!-- Toast -->
+  <Transition name="toast">
+    <div v-if="state.toast" class="ui-toast">
+      <svg
+        v-if="state.toast.icon === 'success'"
+        class="ui-toast-icon"
+        viewBox="0 0 24 24"
+        fill="none"
+        stroke="currentColor"
+        stroke-width="3"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      >
+        <path d="M20 6 9 17l-5-5" />
+      </svg>
+      <span>{{ state.toast.title }}</span>
+    </div>
+  </Transition>
+
+  <!-- Modal -->
+  <Transition name="fade">
+    <div v-if="state.modal" class="ui-mask" @click.self="settleModal(false)">
+      <div class="ui-modal">
+        <div class="ui-modal-title">{{ state.modal.title }}</div>
+        <div class="ui-modal-content">{{ state.modal.content }}</div>
+        <div class="ui-modal-actions">
+          <button
+            v-if="state.modal.showCancel"
+            class="ui-modal-btn ui-modal-cancel"
+            @click="settleModal(false)"
+          >
+            {{ state.modal.cancelText }}
+          </button>
+          <button
+            class="ui-modal-btn ui-modal-confirm"
+            :style="{ color: state.modal.confirmColor }"
+            @click="settleModal(true)"
+          >
+            {{ state.modal.confirmText }}
+          </button>
+        </div>
+      </div>
+    </div>
+  </Transition>
+
+  <!-- ActionSheet -->
+  <Transition name="fade">
+    <div v-if="state.sheet" class="ui-mask" @click.self="settleSheet(-1)">
+      <div class="ui-sheet">
+        <div class="ui-sheet-title">\u8BF7\u9009\u62E9</div>
+        <button
+          v-for="(item, index) in state.sheet.itemList"
+          :key="item"
+          class="ui-sheet-item"
+          :style="{ color: state.sheet.itemColor }"
+          @click="settleSheet(index)"
+        >
+          {{ item }}
+        </button>
+        <button class="ui-sheet-cancel" @click="settleSheet(-1)">\u53D6\u6D88</button>
+      </div>
+    </div>
+  </Transition>
+</template>
+<style scoped>
+/* \u4E0E\u5C0F\u7A0B\u5E8F wx.showToast / wx.showModal / wx.showActionSheet \u89C6\u89C9\u5BF9\u9F50 */
+.ui-toast {
+  position: fixed;
+  left: 50%;
+  top: 45%;
+  transform: translate(-50%, -50%);
+  z-index: 3000;
+  max-width: 70%;
+  padding: 0.24rem 0.36rem;
+  border-radius: 0.16rem;
+  background: rgba(0, 0, 0, 0.78);
+  color: #fff;
+  font-size: 0.28rem;
+  line-height: 1.5;
+  text-align: center;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 0.1rem;
+  pointer-events: none;
+}
+.ui-toast-icon {
+  width: 0.4rem;
+  height: 0.4rem;
+}
+.ui-mask {
+  position: fixed;
+  inset: 0;
+  z-index: 2000;
+  background: rgba(0, 0, 0, 0.45);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.ui-modal {
+  width: 5.4rem;
+  max-width: 82%;
+  background: #fff;
+  border-radius: 0.24rem;
+  overflow: hidden;
+  padding: 0.4rem 0.32rem 0;
+}
+.ui-modal-title {
+  font-size: 0.34rem;
+  font-weight: 600;
+  color: #1f2430;
+  text-align: center;
+}
+.ui-modal-content {
+  margin-top: 0.16rem;
+  font-size: 0.28rem;
+  color: #6b7385;
+  line-height: 1.6;
+  text-align: center;
+  word-break: break-word;
+}
+.ui-modal-actions {
+  display: flex;
+  margin: 0.32rem -0.32rem 0;
+  border-top: 1px solid #f0f2f7;
+}
+.ui-modal-btn {
+  flex: 1;
+  height: 0.92rem;
+  border: none;
+  background: #fff;
+  font-size: 0.3rem;
+  cursor: pointer;
+}
+.ui-modal-btn + .ui-modal-btn {
+  border-left: 1px solid #f0f2f7;
+}
+.ui-modal-cancel {
+  color: #1f2430;
+}
+.ui-modal-confirm {
+  font-weight: 600;
+}
+.ui-sheet {
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: #f5f7fb;
+  padding: 0.08rem 0 calc(0.16rem + env(safe-area-inset-bottom));
+  z-index: 2100;
+}
+.ui-sheet-title {
+  text-align: center;
+  font-size: 0.26rem;
+  color: #9aa3b2;
+  padding: 0.16rem 0 0.08rem;
+}
+.ui-sheet-item,
+.ui-sheet-cancel {
+  display: block;
+  width: auto;
+  margin: 0.16rem 0.16rem 0;
+  height: 0.96rem;
+  line-height: 0.96rem;
+  border: none;
+  border-radius: 0.16rem;
+  background: #fff;
+  font-size: 0.3rem;
+  cursor: pointer;
+  text-align: center;
+}
+.ui-sheet-cancel {
+  color: #1f2430;
+}
+.toast-enter-active,
+.toast-leave-active,
+.fade-enter-active,
+.fade-leave-active {
+  transition: opacity 0.2s ease;
+}
+.toast-enter-from,
+.toast-leave-to,
+.fade-enter-from,
+.fade-leave-to {
+  opacity: 0;
+}
+</style>
+` },
+  { path: "web/src/ui/ui.ts", content: "/**\n * \u8F7B\u91CF UI \u539F\u8BED\uFF08web \u7248 wx.showToast / wx.showModal / wx.showActionSheet\uFF09\u3002\n * \u54CD\u5E94\u5F0F store + App.vue \u91CC\u6302\u4E00\u4E2A UiHost \u7EC4\u4EF6\u6E32\u67D3\u6D6E\u5C42\u3002\n */\nimport { reactive } from 'vue'\n\nexport interface ToastOptions {\n  title: string\n  /** 'none' = \u65E0\u56FE\u6807\uFF1B'success' = \u5BF9\u52FE\u3002 */\n  icon?: 'none' | 'success'\n  duration?: number\n}\n\nexport interface ModalOptions {\n  title: string\n  content: string\n  confirmColor?: string\n  confirmText?: string\n  cancelText?: string\n  showCancel?: boolean\n}\n\nlet seq = 0\n\ninterface ToastState {\n  id: number\n  title: string\n  icon: 'none' | 'success'\n}\ninterface ModalState {\n  id: number\n  title: string\n  content: string\n  confirmColor: string\n  confirmText: string\n  cancelText: string\n  showCancel: boolean\n  resolve: (ok: boolean) => void\n}\ninterface SheetState {\n  id: number\n  itemList: string[]\n  itemColor: string\n  resolve: (index: number) => void\n}\n\nconst state = reactive<{\n  toast: ToastState | null\n  modal: ModalState | null\n  sheet: SheetState | null\n}>({\n  toast: null,\n  modal: null,\n  sheet: null,\n})\n\nexport function useUiState() {\n  return state\n}\n\n/** \u7C7B wx.showToast\uFF1Bduration \u540E\u81EA\u52A8\u6D88\u5931\u3002 */\nexport function showToast(options: ToastOptions | string): void {\n  const opts = typeof options === 'string' ? { title: options } : options\n  const id = ++seq\n  state.toast = { id, title: opts.title, icon: opts.icon ?? 'none' }\n  const duration = opts.duration ?? 2000\n  if (duration > 0) {\n    setTimeout(() => {\n      if (state.toast?.id === id) state.toast = null\n    }, duration)\n  }\n}\n\n/** \u7C7B wx.showModal\uFF1B\u8FD4\u56DE Promise<boolean>\uFF08confirm \u2192 true\uFF09\u3002 */\nexport function showModal(options: ModalOptions): Promise<boolean> {\n  return new Promise((resolve) => {\n    state.modal = {\n      id: ++seq,\n      title: options.title,\n      content: options.content,\n      confirmColor: options.confirmColor ?? '#3B6EF6',\n      confirmText: options.confirmText ?? '\u786E\u5B9A',\n      cancelText: options.cancelText ?? '\u53D6\u6D88',\n      showCancel: options.showCancel ?? true,\n      resolve,\n    }\n  })\n}\n\n/** \u5173\u95ED\u5F53\u524D modal \u5E76\u56DE\u8C03\u7ED3\u679C\u3002 */\nexport function settleModal(ok: boolean): void {\n  const modal = state.modal\n  state.modal = null\n  modal?.resolve(ok)\n}\n\n/** \u7C7B wx.showActionSheet\uFF1B\u8FD4\u56DE Promise<number>\uFF08\u70B9\u4E2D\u9879\u7684\u4E0B\u6807\uFF09\u3002 */\nexport function showActionSheet(options: {\n  itemList: string[]\n  itemColor?: string\n}): Promise<number> {\n  return new Promise((resolve) => {\n    state.sheet = {\n      id: ++seq,\n      itemList: options.itemList,\n      itemColor: options.itemColor ?? '#1F2430',\n      resolve,\n    }\n  })\n}\n\n/** \u5173\u95ED\u5F53\u524D action sheet \u5E76\u56DE\u8C03\u4E0B\u6807\uFF08-1 = \u672A\u9009\u4E2D\uFF09\u3002 */\nexport function settleSheet(index: number): void {\n  const sheet = state.sheet\n  state.sheet = null\n  sheet?.resolve(index)\n}\n\nexport function dismissAll(): void {\n  settleModal(false)\n  settleSheet(-1)\n  state.toast = null\n}\n" },
+  { path: "web/src/views/EditView.vue", content: `<script setup lang="ts">
+// \u6DFB\u52A0 / \u7F16\u8F91\u4E8B\u4EF6\uFF08\u79FB\u690D\u81EA pages/edit/*\uFF09\u3002
+// \u5B9E\u65F6\u5929\u6570\u9884\u89C8 + \u8868\u5355\uFF08\u540D\u79F0/\u65E5\u671F/\u5206\u7C7B/\u8BA1\u65F6\u65B9\u5F0F/\u5907\u6CE8/\u7F6E\u9876\uFF09+ \u4FDD\u5B58/\u5220\u9664\u3002
+import { computed, reactive, ref } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
+import { request } from '../lib/request'
+import { ensureLogin } from '../lib/auth'
+import { calcDays, daysText, levelOf, isValidDate, todayStr, weekdayOf } from '../lib/date'
+import { CATEGORIES, CATEGORY_LABEL } from '../lib/config'
+import { showToast, showModal } from '../ui/ui'
+
+const route = useRoute()
+const router = useRouter()
+
+const id = typeof route.params.id === 'string' ? route.params.id : ''
+const isEdit = !!id
+
+const form = reactive({
+  title: '',
+  target_date: todayStr(),
+  note: '',
+  category: 'other',
+  direction: 'countdown' as 'countdown' | 'countup',
+  is_pinned: false,
+})
+
+const categoryIndex = ref(0)
+const dateStart = '1900-01-01'
+const dateEnd = '2100-12-31'
+const submitting = ref(false)
+const deleting = ref(false)
+
+const preview = computed(() => {
+  if (!isValidDate(form.target_date)) return null
+  const days = calcDays(form.target_date, form.direction)
+  const t = daysText(days, form.direction)
+  return {
+    level: levelOf(days, form.direction),
+    text: \`\${t.prefix}\${t.num}\${t.suffix}\`,
+    sub: \`\${form.target_date} \${weekdayOf(form.target_date)} \xB7 \${CATEGORY_LABEL[form.category] ?? '\u65E5\u5E38'}\`,
+  }
+})
+
+async function loadEvent(): Promise<void> {
+  if (!id) return
+  try {
+    await ensureLogin()
+    const res = await request<{
+      event: {
+        title: string
+        target_date: string
+        note: string
+        category: string
+        direction: 'countdown' | 'countup'
+        is_pinned: boolean
+      }
+    }>(\`/api/events/\${id}\`)
+    const e = res.event
+    const idx = Math.max(
+      0,
+      CATEGORIES.findIndex((c) => c.value === e.category)
+    )
+    form.title = e.title
+    form.target_date = e.target_date
+    form.note = e.note || ''
+    form.category = e.category || 'other'
+    form.direction = e.direction || 'countdown'
+    form.is_pinned = !!e.is_pinned
+    categoryIndex.value = idx
+  } catch (err) {
+    showToast({ title: err instanceof Error ? err.message : '\u52A0\u8F7D\u5931\u8D25', icon: 'none' })
+    setTimeout(() => router.back(), 800)
+  }
+}
+
+if (id) void loadEvent()
+
+async function onSave(): Promise<void> {
+  if (submitting.value) return
+  const title = form.title.trim()
+
+  if (!title) {
+    showToast({ title: '\u8BF7\u586B\u5199\u4E8B\u4EF6\u540D\u79F0', icon: 'none' })
+    return
+  }
+  if (title.length > 50) {
+    showToast({ title: '\u540D\u79F0\u4E0D\u80FD\u8D85\u8FC7 50 \u4E2A\u5B57', icon: 'none' })
+    return
+  }
+  if (!isValidDate(form.target_date)) {
+    showToast({ title: '\u8BF7\u9009\u62E9\u76EE\u6807\u65E5\u671F', icon: 'none' })
+    return
+  }
+  if (form.note.length > 200) {
+    showToast({ title: '\u5907\u6CE8\u4E0D\u80FD\u8D85\u8FC7 200 \u4E2A\u5B57', icon: 'none' })
+    return
+  }
+
+  const payload = {
+    title,
+    target_date: form.target_date,
+    note: form.note.trim(),
+    category: form.category,
+    direction: form.direction,
+    is_pinned: !!form.is_pinned,
+  }
+
+  submitting.value = true
+  try {
+    await ensureLogin()
+    if (isEdit) {
+      await request(\`/api/events/\${id}\`, { method: 'PUT', data: payload })
+    } else {
+      await request('/api/events', { method: 'POST', data: payload })
+    }
+    showToast({ title: isEdit ? '\u5DF2\u4FDD\u5B58' : '\u5DF2\u6DFB\u52A0', icon: 'success' })
+    setTimeout(() => router.back(), 600)
+  } catch (err) {
+    submitting.value = false
+    showToast({ title: err instanceof Error ? err.message : '\u4FDD\u5B58\u5931\u8D25', icon: 'none' })
+  }
+}
+
+async function onDelete(): Promise<void> {
+  if (!id || deleting.value) return
+  const ok = await showModal({
+    title: '\u5220\u9664\u4E8B\u4EF6',
+    content: \`\u786E\u5B9A\u5220\u9664\u300C\${form.title}\u300D\u5417\uFF1F\u5220\u9664\u540E\u4E0D\u53EF\u6062\u590D\u3002\`,
+    confirmColor: '#FF5A5F',
+    confirmText: '\u5220\u9664',
+  })
+  if (!ok) return
+  deleting.value = true
+  try {
+    await request(\`/api/events/\${id}\`, { method: 'DELETE' })
+    showToast({ title: '\u5DF2\u5220\u9664', icon: 'success' })
+    setTimeout(() => router.back(), 600)
+  } catch (err) {
+    deleting.value = false
+    showToast({ title: err instanceof Error ? err.message : '\u5220\u9664\u5931\u8D25', icon: 'none' })
+  }
+}
+
+function goBack(): void {
+  router.back()
+}
+</script>
+
+<template>
+  <div class="page">
+    <!-- \u9876\u90E8\u5BFC\u822A\uFF08web \u7248\u539F\u751F\u5BFC\u822A\u680F\uFF09 -->
+    <header class="nav">
+      <button class="nav-back" @click="goBack">\u2039</button>
+      <span class="nav-title">{{ isEdit ? '\u7F16\u8F91\u4E8B\u4EF6' : '\u6DFB\u52A0\u4E8B\u4EF6' }}</span>
+      <span class="nav-side"></span>
+    </header>
+
+    <div class="page-scroll">
+      <!-- \u5B9E\u65F6\u9884\u89C8 -->
+      <div v-if="preview" class="preview" :class="'level-' + preview.level">
+        <div class="pv-text">{{ preview.text }}</div>
+        <div class="pv-sub">{{ preview.sub }}</div>
+      </div>
+
+      <div class="form">
+        <div class="group">
+          <div class="label">\u4E8B\u4EF6\u540D\u79F0</div>
+          <input class="input" v-model="form.title" placeholder="\u4F8B\u5982\uFF1A\u5C0F\u660E\u7684\u751F\u65E5" maxlength="50" />
+        </div>
+
+        <div class="group">
+          <div class="label">\u76EE\u6807\u65E5\u671F</div>
+          <input
+            class="input picker-input"
+            type="date"
+            v-model="form.target_date"
+            :min="dateStart"
+            :max="dateEnd"
+          />
+        </div>
+
+        <div class="group">
+          <div class="label">\u5206\u7C7B</div>
+          <div class="picker">
+            <select v-model="form.category" class="picker-select">
+              <option v-for="c in CATEGORIES" :key="c.value" :value="c.value">{{ c.label }}</option>
+            </select>
+            <span class="arrow">\u203A</span>
+          </div>
+        </div>
+
+        <div class="group">
+          <div class="label">\u8BA1\u65F6\u65B9\u5F0F</div>
+          <div class="radio-group">
+            <label
+              class="radio"
+              :class="{ on: form.direction === 'countdown' }"
+              @click="form.direction = 'countdown'"
+            >
+              <span class="radio-dot" :class="{ checked: form.direction === 'countdown' }"></span>
+              <span>\u5012\u6570\u65E5</span>
+            </label>
+            <label
+              class="radio"
+              :class="{ on: form.direction === 'countup' }"
+              @click="form.direction = 'countup'"
+            >
+              <span class="radio-dot" :class="{ checked: form.direction === 'countup' }"></span>
+              <span>\u6B63\u6570\u65E5</span>
+            </label>
+          </div>
+          <div class="hint">\u5012\u6570\u65E5 = \u8DDD\u79BB\u76EE\u6807\u8FD8\u6709\u591A\u5C11\u5929\uFF1B\u6B63\u6570\u65E5 = \u4ECE\u90A3\u5929\u8D77\u5DF2\u7ECF\u8FC7\u4E86\u591A\u5C11\u5929</div>
+        </div>
+
+        <div class="group">
+          <div class="label">\u5907\u6CE8 <span class="opt">\u9009\u586B</span></div>
+          <textarea
+            class="textarea"
+            v-model="form.note"
+            placeholder="\u5199\u70B9\u4EC0\u4E48\u2026"
+            maxlength="200"
+            rows="3"
+          />
+          <div class="counter">{{ form.note.length }}/200</div>
+        </div>
+
+        <div class="group group-row">
+          <div>
+            <div class="label">\u7F6E\u9876\u663E\u793A</div>
+            <div class="hint">\u7F6E\u9876\u7684\u4E8B\u4EF6\u6392\u5728\u5217\u8868\u6700\u524D\u9762</div>
+          </div>
+          <button
+            class="switch"
+            :class="{ on: form.is_pinned }"
+            @click="form.is_pinned = !form.is_pinned"
+          >
+            <span class="switch-knob"></span>
+          </button>
+        </div>
+      </div>
+
+      <div class="footer">
+        <button class="btn btn-save" :disabled="submitting" @click="onSave">
+          {{ submitting ? '\u4FDD\u5B58\u4E2D\u2026' : isEdit ? '\u4FDD\u5B58\u4FEE\u6539' : '\u521B\u5EFA\u4E8B\u4EF6' }}
+        </button>
+        <button v-if="isEdit" class="btn btn-del" :disabled="deleting" @click="onDelete">
+          {{ deleting ? '\u5220\u9664\u4E2D\u2026' : '\u5220\u9664\u4E8B\u4EF6' }}
+        </button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.page {
+  height: 100%;
+  padding-bottom: calc(0.6rem + env(safe-area-inset-bottom));
+}
+
+.nav {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  z-index: 10;
+  height: 0.88rem;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  background: linear-gradient(135deg, #3b6ef6, #6a8dff);
+  padding: 0 0.2rem;
+}
+
+.nav-back {
+  width: 0.72rem;
+  height: 100%;
+  color: #ffffff;
+  font-size: 0.56rem;
+  line-height: 1;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+}
+
+.nav-title {
+  color: #ffffff;
+  font-size: 0.34rem;
+  font-weight: 600;
+}
+
+.nav-side {
+  width: 0.72rem;
+}
+
+.page-scroll {
+  padding-top: 0.88rem;
+}
+
+/* ---------- \u9884\u89C8 ---------- */
+.preview {
+  margin: 0.24rem 0.32rem 0.08rem;
+  padding: 0.36rem 0.4rem;
+  border-radius: 0.24rem;
+  background: linear-gradient(135deg, #3b6ef6, #6a8dff);
+  box-shadow: 0 0.12rem 0.28rem rgba(59, 110, 246, 0.24);
+  text-align: center;
+}
+
+.preview.level-past {
+  background: linear-gradient(135deg, #a0a8b8, #b9c0cc);
+  box-shadow: 0 0.12rem 0.28rem rgba(160, 168, 184, 0.24);
+}
+
+.pv-text {
+  display: block;
+  color: #ffffff;
+  font-size: 0.56rem;
+  font-weight: 700;
+  line-height: 1.2;
+}
+
+.pv-sub {
+  display: block;
+  margin-top: 0.12rem;
+  color: rgba(255, 255, 255, 0.85);
+  font-size: 0.24rem;
+}
+
+/* ---------- \u8868\u5355 ---------- */
+.form {
+  margin: 0.24rem 0.32rem 0;
+  background: #ffffff;
+  border-radius: 0.24rem;
+  padding: 0.08rem 0.32rem;
+  box-shadow: 0 0.08rem 0.24rem rgba(31, 36, 48, 0.05);
+}
+
+.group {
+  padding: 0.28rem 0;
+  border-bottom: 1px solid #f0f2f7;
+}
+
+.group:last-child {
+  border-bottom: none;
+}
+
+.group-row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.label {
+  font-size: 0.28rem;
+  color: #1f2430;
+  font-weight: 500;
+  margin-bottom: 0.16rem;
+}
+
+.group-row .label {
+  margin-bottom: 0.08rem;
+}
+
+.opt {
+  font-size: 0.22rem;
+  color: #b4bac6;
+  font-weight: 400;
+}
+
+.input,
+.textarea {
+  width: 100%;
+  font-size: 0.3rem;
+  color: #1f2430;
+}
+
+.input::placeholder,
+.textarea::placeholder {
+  color: #b4bac6;
+}
+
+.textarea {
+  min-height: 0.8rem;
+  line-height: 1.6;
+  resize: none;
+}
+
+.picker-input {
+  cursor: pointer;
+}
+
+.picker {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 0.3rem;
+  color: #1f2430;
+  position: relative;
+}
+
+.picker-select {
+  width: 100%;
+  font-size: 0.3rem;
+  color: #1f2430;
+  appearance: none;
+  -webkit-appearance: none;
+  background: transparent;
+  cursor: pointer;
+  padding: 0.06rem 0;
+}
+
+.arrow {
+  color: #c4c9d4;
+  font-size: 0.36rem;
+  pointer-events: none;
+  position: absolute;
+  right: 0;
+}
+
+.radio-group {
+  display: flex;
+}
+
+.radio {
+  display: flex;
+  align-items: center;
+  margin-right: 0.48rem;
+  padding: 0.12rem 0.24rem;
+  border-radius: 999rem;
+  background: #f5f7fb;
+  font-size: 0.28rem;
+  color: #6b7385;
+  cursor: pointer;
+  user-select: none;
+}
+
+.radio.on {
+  background: rgba(59, 110, 246, 0.1);
+  color: #3b6ef6;
+}
+
+.radio-dot {
+  width: 0.32rem;
+  height: 0.32rem;
+  border-radius: 50%;
+  border: 2px solid #c4c9d4;
+  margin-right: 0.08rem;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.radio-dot.checked {
+  border-color: #3b6ef6;
+}
+
+.radio-dot.checked::after {
+  content: '';
+  width: 0.14rem;
+  height: 0.14rem;
+  border-radius: 50%;
+  background: #3b6ef6;
+}
+
+.hint {
+  margin-top: 0.14rem;
+  font-size: 0.22rem;
+  color: #b4bac6;
+  line-height: 1.5;
+}
+
+.counter {
+  margin-top: 0.08rem;
+  text-align: right;
+  font-size: 0.22rem;
+  color: #c4c9d4;
+}
+
+/* \u5F00\u5173\uFF08\u79FB\u690D wx switch\uFF09 */
+.switch {
+  width: 0.96rem;
+  height: 0.56rem;
+  border-radius: 999rem;
+  background: #e2e4ea;
+  position: relative;
+  cursor: pointer;
+  transition: background 0.2s ease;
+  flex-shrink: 0;
+}
+
+.switch.on {
+  background: #3b6ef6;
+}
+
+.switch-knob {
+  position: absolute;
+  top: 0.04rem;
+  left: 0.04rem;
+  width: 0.48rem;
+  height: 0.48rem;
+  border-radius: 50%;
+  background: #ffffff;
+  box-shadow: 0 0.02rem 0.06rem rgba(0, 0, 0, 0.18);
+  transition: transform 0.2s ease;
+}
+
+.switch.on .switch-knob {
+  transform: translateX(0.4rem);
+}
+
+/* ---------- \u5E95\u90E8\u6309\u94AE ---------- */
+.footer {
+  padding: 0.48rem 0.32rem 0;
+}
+
+.btn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 0.92rem;
+  border-radius: 999rem;
+  font-size: 0.3rem;
+  cursor: pointer;
+}
+
+.btn-save {
+  background: linear-gradient(135deg, #3b6ef6, #6a8dff);
+  color: #ffffff;
+  box-shadow: 0 0.1rem 0.24rem rgba(59, 110, 246, 0.28);
+}
+
+.btn-save:disabled {
+  opacity: 0.7;
+}
+
+.btn-del {
+  margin-top: 0.24rem;
+  background: #ffffff;
+  color: #ff5a5f;
+  border: 1px solid #ffd9da;
+}
+
+.btn-del:disabled {
+  opacity: 0.7;
+}
+</style>
+` },
+  { path: "web/src/views/HomeView.vue", content: `<script setup lang="ts">
+// \u9996\u9875\uFF1A\u4E8B\u4EF6\u5217\u8868\uFF08\u79FB\u690D\u81EA pages/index/*\uFF09\u3002
+// \u6E10\u53D8\u5934\u90E8 + \u603B\u6570/\u4E0B\u4E00\u4E2A + \u5206\u7C7B\u7B5B\u9009 + \u5DE6\u6ED1\u7F6E\u9876/\u5220\u9664 + \u957F\u6309\u83DC\u5355 + \u4E0B\u62C9\u5237\u65B0 + \u672C\u5730\u7F13\u5B58\u79D2\u5F00\u3002
+import { computed, onMounted, onUnmounted, reactive, ref } from 'vue'
+import { useRouter } from 'vue-router'
+import { request } from '../lib/request'
+import { ensureLogin } from '../lib/auth'
+import { decorateEvent, type CountdownEvent, type DecodedEvent } from '../lib/date'
+import { CATEGORIES } from '../lib/config'
+import { showToast, showModal, showActionSheet } from '../ui/ui'
+
+const CACHE_KEY = 'events_cache'
+const ACTION_RPX = 160 // \u5DE6\u6ED1\u9732\u51FA\u7684\u64CD\u4F5C\u533A\u5BBD\u5EA6\uFF08rpx\uFF09\uFF0C\u8FD0\u884C\u65F6\u6362\u7B97\u6210 px
+
+const router = useRouter()
+
+const scrollEl = ref<HTMLElement | null>(null)
+
+const data = reactive({
+  loaded: false,
+  list: [] as DecodedEvent[],
+  allList: [] as DecodedEvent[],
+  filters: [{ value: '', label: '\u5168\u90E8' }].concat(CATEGORIES),
+  activeFilter: '',
+  total: 0,
+  nextUp: null as null | { title: string; num: string; prefix: string; suffix: string },
+  openIndex: -1,
+})
+
+const actionWidth = ref(1.6 * 64) // 1.6rem * \u9ED8\u8BA4 64px\uFF1B\u8FD0\u884C\u65F6\u6309\u5B9E\u9645 font-size \u6821\u6B63
+
+function applyList(raw: CountdownEvent[]): void {
+  const all = raw.map(decorateEvent)
+  const next = all.find((e) => e.direction !== 'countup' && e.days >= 0)
+  const list = data.activeFilter ? all.filter((e) => e.category === data.activeFilter) : all
+  data.allList = all
+  data.list = list
+  data.total = all.length
+  data.openIndex = -1
+  data.nextUp = next
+    ? { title: next.title, num: next.num, prefix: next.prefix || '', suffix: next.suffix || '' }
+    : null
+}
+
+async function loadEvents(force = false): Promise<void> {
+  if (!force && data.loaded) {
+    try {
+      const cached = localStorage.getItem(CACHE_KEY)
+      if (cached) {
+        const parsed = JSON.parse(cached) as CountdownEvent[]
+        if (parsed.length) applyList(parsed)
+      }
+    } catch {
+      /* \u7F13\u5B58\u635F\u574F\u5FFD\u7565 */
+    }
+  }
+
+  try {
+    await ensureLogin()
+    const res = await request<{ events: CountdownEvent[] }>('/api/events')
+    localStorage.setItem(CACHE_KEY, JSON.stringify(res.events ?? []))
+    applyList(res.events ?? [])
+    data.loaded = true
+  } catch (err) {
+    console.warn('[index] \u52A0\u8F7D\u5931\u8D25', err)
+    data.loaded = true
+    if (!data.allList.length) {
+      showToast({ title: err instanceof Error ? err.message : '\u52A0\u8F7D\u5931\u8D25', icon: 'none' })
+    }
+  }
+}
+
+function onFilter(value: string): void {
+  data.activeFilter = value
+  applyList(data.allList)
+}
+
+// ---------- \u5361\u7247\u4EA4\u4E92 ----------
+
+/** \u6ED1\u52A8\u72B6\u6001\uFF08\u6309\u5361\u7247\u4E0B\u6807\u8FFD\u8E2A\uFF09\u3002 */
+const swipe = reactive<{
+  startX: number
+  startY: number
+  lastX: number
+  touchIndex: number | undefined
+  moved: boolean
+  justSwiped: boolean
+}>({ startX: 0, startY: 0, lastX: 0, touchIndex: undefined, moved: false, justSwiped: false })
+
+let longPressTimer: ReturnType<typeof setTimeout> | null = null
+
+function onCardPointerDown(event: PointerEvent, index: number): void {
+  swipe.startX = event.clientX
+  swipe.startY = event.clientY
+  swipe.touchIndex = index
+  swipe.moved = false
+  swipe.lastX = data.list[index]?.offset ?? 0
+  // \u957F\u6309\u83DC\u5355
+  clearLongPress()
+  longPressTimer = setTimeout(() => {
+    const item = data.list[index]
+    if (!item) return
+    void onLongPress(item)
+  }, 600)
+}
+
+function onCardPointerMove(event: PointerEvent): void {
+  if (swipe.touchIndex === undefined) return
+  const dx = event.clientX - swipe.startX
+  const dy = event.clientY - swipe.startY
+  if (!swipe.moved && Math.abs(dy) > Math.abs(dx)) {
+    // \u7EB5\u5411\u6EDA\u52A8\u610F\u56FE\uFF1A\u53D6\u6D88\u957F\u6309\uFF0C\u4E0D\u62E6\u622A
+    clearLongPress()
+    return
+  }
+  swipe.moved = true
+  clearLongPress()
+
+  const min = -actionWidth.value
+  let x = (swipe.lastX ?? 0) + dx
+  if (x > 0) x = 0
+  if (x < min) x = min
+  if (Math.abs(x - (swipe.lastX ?? 0)) < 2) return
+
+  const idx = swipe.touchIndex
+  const cur = data.list[idx]?.offset ?? 0
+  if (Math.abs(x - cur) < 3) return
+  data.list[idx] = { ...data.list[idx]!, offset: x }
+}
+
+function onCardPointerUp(): void {
+  if (swipe.touchIndex === undefined) return
+  clearLongPress()
+  const idx = swipe.touchIndex
+  const x = data.list[idx]?.offset ?? 0
+  const open = x < -actionWidth.value / 2
+  const target = open ? -actionWidth.value : 0
+
+  // \u540C\u65F6\u53EA\u5141\u8BB8\u4E00\u4E2A\u5361\u7247\u6ED1\u5F00
+  if (open && data.openIndex !== -1 && data.openIndex !== idx) {
+    data.list[data.openIndex] = { ...data.list[data.openIndex]!, offset: 0 }
+  }
+  data.list[idx] = { ...data.list[idx]!, offset: target }
+  data.openIndex = open ? idx : -1
+
+  swipe.justSwiped = swipe.moved
+  swipe.touchIndex = undefined
+  swipe.moved = false
+}
+
+function onCardClick(index: number, id: string): void {
+  if (swipe.justSwiped) {
+    // \u521A\u6ED1\u52A8\u5B8C\uFF0C\u8FD9\u4E00\u4E0B click \u4E0D\u5F53\u4F5C\u70B9\u51FB
+    swipe.justSwiped = false
+    return
+  }
+  if (data.openIndex !== -1) {
+    closeAll()
+    return
+  }
+  void router.push(\`/edit/\${id}\`)
+}
+
+function closeAll(): void {
+  data.list.forEach((item, i) => {
+    if (item.offset !== 0) data.list[i] = { ...item, offset: 0 }
+  })
+  data.openIndex = -1
+}
+
+function clearLongPress(): void {
+  if (longPressTimer !== null) {
+    clearTimeout(longPressTimer)
+    longPressTimer = null
+  }
+}
+
+async function onTogglePin(id: string, pinned: boolean): Promise<void> {
+  const next = !pinned
+  try {
+    await request(\`/api/events/\${id}\`, { method: 'PUT', data: { is_pinned: next } })
+    showToast({ title: next ? '\u5DF2\u7F6E\u9876' : '\u5DF2\u53D6\u6D88\u7F6E\u9876', icon: 'none' })
+    await loadEvents(true)
+  } catch (err) {
+    showToast({ title: err instanceof Error ? err.message : '\u64CD\u4F5C\u5931\u8D25', icon: 'none' })
+  }
+}
+
+async function onDelete(id: string, title: string): Promise<void> {
+  const ok = await showModal({
+    title: '\u5220\u9664\u4E8B\u4EF6',
+    content: \`\u786E\u5B9A\u5220\u9664\u300C\${title}\u300D\u5417\uFF1F\u5220\u9664\u540E\u4E0D\u53EF\u6062\u590D\u3002\`,
+    confirmColor: '#FF5A5F',
+    confirmText: '\u5220\u9664',
+  })
+  if (!ok) return
+  try {
+    await request(\`/api/events/\${id}\`, { method: 'DELETE' })
+    showToast({ title: '\u5DF2\u5220\u9664', icon: 'success' })
+    await loadEvents(true)
+  } catch (err) {
+    showToast({ title: err instanceof Error ? err.message : '\u5220\u9664\u5931\u8D25', icon: 'none' })
+  }
+}
+
+async function onLongPress(item: DecodedEvent): Promise<void> {
+  const index = await showActionSheet({
+    itemList: [item.is_pinned ? '\u53D6\u6D88\u7F6E\u9876' : '\u7F6E\u9876', '\u5220\u9664'],
+    itemColor: '#1F2430',
+  })
+  if (index === 0) {
+    await onTogglePin(item.id, item.is_pinned)
+  } else if (index === 1) {
+    await onDelete(item.id, item.title)
+  }
+}
+
+// ---------- \u4E0B\u62C9\u5237\u65B0 ----------
+
+const pull = reactive({
+  distance: 0, // \u4E0B\u62C9\u504F\u79FB px
+  state: 'idle' as 'idle' | 'pulling' | 'ready' | 'refreshing',
+})
+
+let pullStartY = 0
+let pullTracking = false
+let pullMoved = false
+
+function onPullPointerDown(event: PointerEvent): void {
+  if (pull.state === 'refreshing') return
+  if ((scrollEl.value?.scrollTop ?? 0) <= 0) {
+    pullStartY = event.clientY
+    pullTracking = true
+    pullMoved = false
+  }
+}
+
+function onPullPointerMove(event: PointerEvent): void {
+  if (!pullTracking || pull.state === 'refreshing') return
+  const dy = event.clientY - pullStartY
+  if (dy <= 0) return
+  pullMoved = true
+  event.preventDefault()
+  pull.distance = Math.min(dy * 0.5, 90)
+  pull.state = pull.distance > 50 ? 'ready' : 'pulling'
+}
+
+function onPullPointerUp(): void {
+  if (!pullTracking) return
+  pullTracking = false
+  if (pull.state === 'ready') {
+    pull.state = 'refreshing'
+    pull.distance = 44
+    void loadEvents(true).finally(() => {
+      pull.state = 'idle'
+      pull.distance = 0
+    })
+  } else if (pullMoved) {
+    pull.state = 'idle'
+    pull.distance = 0
+  }
+  pullMoved = false
+}
+
+// ---------- \u751F\u547D\u5468\u671F ----------
+
+onMounted(() => {
+  // \u5DE6\u6ED1\u64CD\u4F5C\u533A\u5BBD\u5EA6\u6309\u5B9E\u9645 font-size \u6362\u7B97\uFF081.6rem\uFF09
+  const root = scrollEl.value?.closest('.app') as HTMLElement | null
+  if (root) {
+    const fs = parseFloat(getComputedStyle(root).fontSize)
+    if (Number.isFinite(fs) && fs > 0) actionWidth.value = (ACTION_RPX / 100) * fs
+  }
+
+  const el = scrollEl.value
+  if (el) {
+    // \u4E0B\u62C9\u5237\u65B0\u76D1\u542C\uFF08pointerdown \u5728 scrollTop=0 \u65F6\u542F\u7528\uFF0Cmove \u9636\u6BB5 preventDefault \u963B\u6B62\u539F\u751F\u6EDA\u52A8\uFF09
+    el.addEventListener('pointerdown', onPullPointerDown, { passive: true })
+    el.addEventListener('pointermove', onPullPointerMove, { passive: false })
+    el.addEventListener('pointerup', onPullPointerUp)
+    el.addEventListener('pointercancel', onPullPointerUp)
+  }
+
+  void loadEvents(false)
+})
+
+onUnmounted(() => {
+  clearLongPress()
+  const el = scrollEl.value
+  if (el) {
+    el.removeEventListener('pointerdown', onPullPointerDown)
+    el.removeEventListener('pointermove', onPullPointerMove)
+    el.removeEventListener('pointerup', onPullPointerUp)
+    el.removeEventListener('pointercancel', onPullPointerUp)
+  }
+})
+
+const pullLabel = computed(() => {
+  if (pull.state === 'refreshing') return '\u6B63\u5728\u5237\u65B0\u2026'
+  if (pull.state === 'ready') return '\u677E\u5F00\u5237\u65B0'
+  return '\u4E0B\u62C9\u5237\u65B0'
+})
+</script>
+
+<template>
+  <div class="page">
+    <!-- \u9876\u90E8\u84DD\u8272\u6E10\u53D8\u5BFC\u822A -->
+    <header class="header">
+      <div class="nav">
+        <span class="nav-title">\u5012\u6570\u65E5</span>
+      </div>
+      <div class="summary">
+        <div class="summary-left">
+          <div class="summary-num">{{ data.total }}</div>
+          <div class="summary-label">\u4E2A\u91CD\u8981\u65E5\u5B50</div>
+        </div>
+        <div class="summary-right" v-if="data.nextUp">
+          <div class="summary-label">\u4E0B\u4E00\u4E2A</div>
+          <div class="summary-next">
+            <span class="next-title">{{ data.nextUp.title }}</span>
+            <span class="next-days"
+              >{{ data.nextUp.prefix }}{{ data.nextUp.num }}{{ data.nextUp.suffix }}</span
+            >
+          </div>
+        </div>
+      </div>
+    </header>
+
+    <!-- \u5185\u5BB9\u533A -->
+    <div ref="scrollEl" class="page-scroll body">
+      <!-- \u4E0B\u62C9\u5237\u65B0\u6307\u793A -->
+      <div class="pull-indicator" :style="{ height: pull.distance + 'px' }">
+        <span class="pull-spinner" :class="{ spin: pull.state === 'refreshing' }"></span>
+        <span class="pull-text">{{ pullLabel }}</span>
+      </div>
+
+      <!-- \u5206\u7C7B\u7B5B\u9009 -->
+      <div v-if="data.total > 0" class="filters">
+        <span
+          v-for="f in data.filters"
+          :key="f.value"
+          class="chip"
+          :class="{ 'chip-on': data.activeFilter === f.value }"
+          @click="onFilter(f.value)"
+        >
+          {{ f.label }}
+        </span>
+      </div>
+
+      <!-- \u5217\u8868 -->
+      <div v-if="data.list.length > 0" class="list no-select">
+        <div v-for="(item, idx) in data.list" :key="item.id" class="card-row">
+          <div class="card-actions">
+            <span class="act act-pin" @click.stop="onTogglePin(item.id, item.is_pinned)">{{
+              item.is_pinned ? '\u53D6\u6D88\u7F6E\u9876' : '\u7F6E\u9876'
+            }}</span>
+            <span class="act act-del" @click.stop="onDelete(item.id, item.title)">\u5220\u9664</span>
+          </div>
+
+          <div
+            class="card"
+            :style="{ transform: \`translateX(\${item.offset}px)\`, touchAction: 'pan-y' }"
+            @pointerdown="onCardPointerDown($event, idx)"
+            @pointermove="onCardPointerMove($event)"
+            @pointerup="onCardPointerUp"
+            @pointercancel="onCardPointerUp"
+            @click="onCardClick(idx, item.id)"
+          >
+            <div class="card-bar" :class="'level-' + item.level"></div>
+            <div class="card-main">
+              <div class="card-left">
+                <div class="card-title">
+                  <span class="title-text">{{ item.title }}</span>
+                  <span v-if="item.is_pinned" class="pin-tag">\u7F6E\u9876</span>
+                </div>
+                <div class="card-sub">{{ item.sub }} \xB7 {{ item.categoryLabel }}</div>
+                <div v-if="item.note" class="card-note">{{ item.note }}</div>
+              </div>
+              <div class="card-right">
+                <div class="days">
+                  <span v-if="item.prefix" class="days-prefix">{{ item.prefix }}</span>
+                  <span class="days-num" :class="'level-' + item.level">{{ item.num }}</span>
+                  <span v-if="item.suffix" class="days-unit">{{ item.suffix }}</span>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- \u7A7A\u6001 -->
+      <div v-if="data.loaded && data.list.length === 0" class="empty">
+        <div class="empty-icon">
+          <div class="empty-bar"></div>
+          <div class="empty-dot"></div>
+        </div>
+        <div class="empty-title">{{ data.total > 0 ? '\u8BE5\u5206\u7C7B\u4E0B\u8FD8\u6CA1\u6709\u4E8B\u4EF6' : '\u8FD8\u6CA1\u6709\u5012\u6570\u65E5' }}</div>
+        <div class="empty-tip">
+          {{ data.total > 0 ? '\u6362\u4E2A\u5206\u7C7B\u770B\u770B\uFF0C\u6216\u6DFB\u52A0\u4E00\u4E2A\u65B0\u7684' : '\u70B9\u51FB\u4E0B\u65B9 + \u8BB0\u5F55\u7B2C\u4E00\u4E2A\u91CD\u8981\u65E5\u5B50' }}
+        </div>
+        <div class="empty-btn" @click="router.push('/edit')">\u7ACB\u5373\u6DFB\u52A0</div>
+      </div>
+
+      <div v-if="data.list.length > 0" class="foot-tip">\u5DE6\u6ED1\u5361\u7247\u53EF\u7F6E\u9876 / \u5220\u9664\uFF0C\u957F\u6309\u4E5F\u6709\u83DC\u5355</div>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.page {
+  height: 100%;
+  padding-bottom: calc(1.6rem + env(safe-area-inset-bottom));
+}
+
+/* ---------- \u9876\u90E8\u6E10\u53D8\u5BFC\u822A ---------- */
+.header {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  z-index: 10;
+  background: linear-gradient(135deg, #3b6ef6, #6a8dff);
+  border-bottom-left-radius: 0.4rem;
+  border-bottom-right-radius: 0.4rem;
+}
+
+.nav {
+  display: flex;
+  align-items: center;
+  height: 0.88rem;
+  padding-left: 0.4rem;
+}
+
+.nav-title {
+  color: #ffffff;
+  font-size: 0.36rem;
+  font-weight: 600;
+}
+
+.summary {
+  height: 1.76rem;
+  padding: 0 0.4rem 0.28rem;
+  display: flex;
+  align-items: flex-end;
+  justify-content: space-between;
+}
+
+.summary-num {
+  color: #ffffff;
+  font-size: 0.66rem;
+  font-weight: 700;
+  line-height: 1;
+}
+
+.summary-label {
+  color: rgba(255, 255, 255, 0.82);
+  font-size: 0.24rem;
+  margin-top: 0.12rem;
+}
+
+.summary-right {
+  text-align: right;
+  max-width: 46%;
+}
+
+.summary-next {
+  margin-top: 0.08rem;
+  color: #ffffff;
+  font-size: 0.28rem;
+}
+
+.next-title {
+  opacity: 0.9;
+  margin-right: 0.12rem;
+}
+
+.next-days {
+  font-weight: 600;
+}
+
+/* ---------- \u5185\u5BB9\u533A ---------- */
+.body {
+  padding-top: 2.64rem;
+  padding-bottom: 0.4rem;
+}
+
+/* \u4E0B\u62C9\u5237\u65B0 */
+.pull-indicator {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.12rem;
+  overflow: hidden;
+  color: #9aa3b2;
+  font-size: 0.24rem;
+}
+
+.pull-spinner {
+  width: 0.28rem;
+  height: 0.28rem;
+  border-radius: 50%;
+  border: 0.04rem solid #d7dbe4;
+  border-top-color: #3b6ef6;
+}
+
+.pull-spinner.spin {
+  animation: pull-spin 0.8s linear infinite;
+}
+
+@keyframes pull-spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+/* ---------- \u5206\u7C7B\u7B5B\u9009 ---------- */
+.filters {
+  white-space: nowrap;
+  padding: 0.24rem 0 0.04rem;
+  overflow-x: auto;
+  scrollbar-width: none;
+}
+
+.filters::-webkit-scrollbar {
+  display: none;
+}
+
+.chip {
+  display: inline-block;
+  padding: 0.12rem 0.28rem;
+  margin-right: 0.16rem;
+  background: #ffffff;
+  border-radius: 999rem;
+  font-size: 0.26rem;
+  color: #6b7385;
+  cursor: pointer;
+  user-select: none;
+}
+
+.chip:first-child {
+  margin-left: 0.32rem;
+}
+
+.chip:last-child {
+  margin-right: 0.32rem;
+}
+
+.chip-on {
+  background: linear-gradient(135deg, #3b6ef6, #6a8dff);
+  color: #ffffff;
+}
+
+/* ---------- \u5361\u7247 ---------- */
+.list {
+  padding: 0.16rem 0.32rem 0;
+}
+
+.card-row {
+  position: relative;
+  margin-bottom: 0.24rem;
+  border-radius: 0.2rem;
+  overflow: hidden;
+}
+
+.card-actions {
+  position: absolute;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  width: 1.6rem;
+  display: flex;
+}
+
+.act {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #ffffff;
+  font-size: 0.26rem;
+  cursor: pointer;
+}
+
+.act-pin {
+  background: #8a94a6;
+}
+
+.act-del {
+  background: #ff5a5f;
+}
+
+.card {
+  position: relative;
+  z-index: 2;
+  background: #ffffff;
+  border-radius: 0.2rem;
+  box-shadow: 0 0.08rem 0.24rem rgba(31, 36, 48, 0.06);
+  transition: transform 0.22s ease;
+  cursor: pointer;
+}
+
+.card-bar {
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  width: 0.08rem;
+  border-radius: 0.2rem 0 0 0.2rem;
+}
+
+.card-main {
+  display: flex;
+  align-items: center;
+  padding: 0.32rem 0.28rem 0.32rem 0.36rem;
+  min-height: 1.4rem;
+}
+
+.card-left {
+  flex: 1;
+  min-width: 0;
+}
+
+.card-title {
+  display: flex;
+  align-items: center;
+}
+
+.title-text {
+  font-size: 0.32rem;
+  font-weight: 600;
+  color: #1f2430;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.pin-tag {
+  margin-left: 0.12rem;
+  font-size: 0.2rem;
+  color: #3b6ef6;
+  background: rgba(59, 110, 246, 0.1);
+  padding: 0.04rem 0.1rem;
+  border-radius: 0.06rem;
+  flex-shrink: 0;
+}
+
+.card-sub {
+  margin-top: 0.12rem;
+  font-size: 0.24rem;
+  color: #9aa3b2;
+}
+
+.card-note {
+  margin-top: 0.1rem;
+  font-size: 0.24rem;
+  color: #6b7385;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.card-right {
+  margin-left: 0.2rem;
+  display: flex;
+  align-items: baseline;
+}
+
+.days {
+  display: flex;
+  align-items: baseline;
+}
+
+.days-num {
+  font-size: 0.58rem;
+  font-weight: 700;
+  line-height: 1;
+}
+
+.days-prefix {
+  font-size: 0.22rem;
+  margin-right: 0.06rem;
+}
+
+.days-unit {
+  font-size: 0.24rem;
+  margin-left: 0.04rem;
+}
+
+.level-normal {
+  color: #3b6ef6;
+}
+.level-soon {
+  color: #ff9f43;
+}
+.level-urgent {
+  color: #ff5a5f;
+}
+.level-today {
+  color: #ff5a5f;
+}
+.level-past {
+  color: #a0a8b8;
+}
+
+.card-bar.level-normal {
+  background: #3b6ef6;
+}
+.card-bar.level-soon {
+  background: #ff9f43;
+}
+.card-bar.level-urgent {
+  background: #ff5a5f;
+}
+.card-bar.level-today {
+  background: #ff5a5f;
+}
+.card-bar.level-past {
+  background: #d7dbe4;
+}
+
+/* ---------- \u7A7A\u6001 ---------- */
+.empty {
+  padding: 1.2rem 0.6rem 0;
+  text-align: center;
+}
+
+.empty-icon {
+  width: 1.4rem;
+  height: 1.4rem;
+  border-radius: 50%;
+  background: linear-gradient(135deg, #e8eeff, #f3f6ff);
+  margin: 0 auto 0.32rem;
+  position: relative;
+}
+
+.empty-bar {
+  position: absolute;
+  left: 0.4rem;
+  top: 0.66rem;
+  width: 0.6rem;
+  height: 0.08rem;
+  background: #c7d4ff;
+  border-radius: 0.04rem;
+}
+
+.empty-dot {
+  position: absolute;
+  right: 0.36rem;
+  top: 0.52rem;
+  width: 0.18rem;
+  height: 0.18rem;
+  border-radius: 50%;
+  background: #ff9f43;
+}
+
+.empty-title {
+  font-size: 0.32rem;
+  color: #1f2430;
+  font-weight: 600;
+}
+
+.empty-tip {
+  margin-top: 0.12rem;
+  font-size: 0.26rem;
+  color: #9aa3b2;
+}
+
+.empty-btn {
+  margin: 0.4rem auto 0;
+  width: 2.8rem;
+  height: 0.8rem;
+  line-height: 0.8rem;
+  border-radius: 999rem;
+  background: linear-gradient(135deg, #3b6ef6, #6a8dff);
+  color: #ffffff;
+  font-size: 0.28rem;
+  box-shadow: 0 0.1rem 0.24rem rgba(59, 110, 246, 0.28);
+  cursor: pointer;
+}
+
+.foot-tip {
+  text-align: center;
+  color: #b4bac6;
+  font-size: 0.22rem;
+  padding: 0.2rem 0 0.08rem;
+}
+</style>
+` },
+  { path: "web/src/views/ProfileView.vue", content: `<script setup lang="ts">
+// \u6211\u7684\uFF08\u79FB\u690D\u81EA pages/profile/*\uFF09\u3002
+// \u7528\u6237\u5361\u7247 + \u5206\u7C7B\u7EDF\u8BA1 + \u6E05\u7F13\u5B58/\u670D\u52A1\u5730\u5740/\u7248\u672C + \u6570\u636E\u8BF4\u660E + \u9000\u51FA\u767B\u5F55\u3002
+import { computed, onMounted, reactive } from 'vue'
+import { request } from '../lib/request'
+import { ensureLogin, getUser, logout } from '../lib/auth'
+import { CATEGORY_LABEL } from '../lib/config'
+import { showModal, showToast } from '../ui/ui'
+
+const CACHE_KEY = 'events_cache'
+const VERSION = '1.0.0'
+
+const data = reactive({
+  user: null as null | {
+    id: string
+    nickname: string
+    avatar_url: string
+    created_at: string
+  },
+  eventCount: 0,
+  maxEvents: 200,
+  stats: [] as Array<{ label: string; value: number }>,
+})
+
+const apiHost = computed(() => {
+  const url = new URL(window.location.href)
+  return url.host || ''
+})
+
+function formatCreatedAt(raw: string | undefined): string {
+  if (!raw) return ''
+  const d = new Date(raw)
+  if (Number.isNaN(d.getTime())) return raw
+  return \`\${d.getFullYear()}\u5E74\${d.getMonth() + 1}\u6708\${d.getDate()}\u65E5\`
+}
+
+async function loadStats(): Promise<void> {
+  data.user = getUser()
+  try {
+    await ensureLogin()
+    const [me, listData] = await Promise.all([
+      request<{
+        user: { id: string; nickname: string; avatar_url: string; created_at: string }
+        event_count: number
+        max_events: number
+      }>('/api/auth/me'),
+      request<{ events: Array<{ category: string }> }>('/api/events').catch(() => ({ events: [] })),
+    ])
+    const events = listData.events ?? []
+    const counter: Record<string, number> = {}
+    events.forEach((e) => {
+      const key = e.category || 'other'
+      counter[key] = (counter[key] ?? 0) + 1
+    })
+    const stats = Object.keys(counter).map((k) => ({
+      label: CATEGORY_LABEL[k] ?? '\u65E5\u5E38',
+      value: counter[k] as number,
+    }))
+    data.user = me.user
+    data.eventCount = me.event_count
+    data.maxEvents = me.max_events
+    data.stats = stats
+  } catch (err) {
+    console.warn('[profile] \u52A0\u8F7D\u5931\u8D25', err)
+  }
+}
+
+async function onClearCache(): Promise<void> {
+  const ok = await showModal({
+    title: '\u6E05\u7A7A\u672C\u5730\u7F13\u5B58',
+    content: '\u53EA\u4F1A\u6E05\u9664\u672C\u673A\u7684\u4E34\u65F6\u7F13\u5B58\uFF0C\u4E91\u7AEF\u6570\u636E\u4E0D\u53D7\u5F71\u54CD\u3002',
+    confirmText: '\u6E05\u7A7A',
+  })
+  if (!ok) return
+  localStorage.removeItem(CACHE_KEY)
+  showToast({ title: '\u5DF2\u6E05\u7A7A', icon: 'success' })
+}
+
+async function onLogout(): Promise<void> {
+  const ok = await showModal({
+    title: '\u9000\u51FA\u767B\u5F55',
+    content: '\u9000\u51FA\u540E\u672C\u5730\u767B\u5F55\u72B6\u6001\u5C06\u88AB\u6E05\u9664\uFF0C\u4E0B\u6B21\u6253\u5F00\u4F1A\u81EA\u52A8\u91CD\u65B0\u767B\u5F55\u3002',
+    confirmText: '\u9000\u51FA',
+  })
+  if (!ok) return
+  logout()
+  localStorage.removeItem(CACHE_KEY)
+  showToast({ title: '\u5DF2\u9000\u51FA', icon: 'success' })
+  setTimeout(() => {
+    window.location.href = '/'
+  }, 400)
+}
+
+async function onCopyHost(): Promise<void> {
+  try {
+    await navigator.clipboard.writeText(apiHost.value)
+    showToast({ title: '\u5DF2\u590D\u5236', icon: 'success' })
+  } catch {
+    showToast({ title: '\u590D\u5236\u5931\u8D25', icon: 'none' })
+  }
+}
+
+onMounted(() => {
+  void loadStats()
+})
+</script>
+
+<template>
+  <div class="page">
+    <header class="header">
+      <div class="nav">
+        <span class="nav-title">\u6211\u7684</span>
+      </div>
+
+      <div class="user-card">
+        <div class="avatar">
+          <span class="avatar-text">\u65E5</span>
+        </div>
+        <div class="user-info">
+          <div class="user-name">{{ data.user?.nickname || '\u672C\u5730\u7528\u6237' }}</div>
+          <div v-if="data.user?.created_at" class="user-meta">
+            \u6CE8\u518C\u4E8E {{ formatCreatedAt(data.user.created_at) }}
+          </div>
+        </div>
+        <div class="user-count">
+          <div class="count-num">{{ data.eventCount }}</div>
+          <div class="count-label">/ {{ data.maxEvents }} \u4E2A</div>
+        </div>
+      </div>
+    </header>
+
+    <div class="page-scroll body">
+      <div v-if="data.stats.length > 0" class="panel">
+        <div class="panel-title">\u5206\u7C7B\u7EDF\u8BA1</div>
+        <div class="stats">
+          <div v-for="stat in data.stats" :key="stat.label" class="stat">
+            <div class="stat-num">{{ stat.value }}</div>
+            <div class="stat-label">{{ stat.label }}</div>
+          </div>
+        </div>
+      </div>
+
+      <div class="panel">
+        <div class="cell" @click="onClearCache">
+          <span class="cell-title">\u6E05\u7A7A\u672C\u5730\u7F13\u5B58</span>
+          <span class="arrow">\u203A</span>
+        </div>
+        <div class="cell" @click="onCopyHost">
+          <span class="cell-title">\u670D\u52A1\u5730\u5740</span>
+          <span class="cell-value">{{ apiHost }}</span>
+        </div>
+        <div class="cell">
+          <span class="cell-title">\u7248\u672C</span>
+          <span class="cell-value">v{{ VERSION }}</span>
+        </div>
+      </div>
+
+      <div class="tips">
+        <div class="tips-title">\u6570\u636E\u5B58\u50A8\u8BF4\u660E</div>
+        <div class="tips-text">
+          \u4F60\u7684\u4E8B\u4EF6\u6570\u636E\u4FDD\u5B58\u5728 adep \u5E73\u53F0\u9879\u76EE\u6570\u636E\u5E93\uFF08\u672C\u5730\u5F00\u53D1\u4E3A\u6A21\u62DF\u8FD0\u884C\u65F6 / \u90E8\u7F72\u540E\u4E3A\u5E73\u53F0\u9879\u76EE\u5E93\uFF09\uFF0C
+          \u6362\u6D4F\u89C8\u5668\u767B\u5F55\u540C\u4E00\u4E2A\u8BBE\u5907\u8EAB\u4EFD\u5373\u53EF\u7EE7\u7EED\u67E5\u770B\uFF0C\u6E05\u7F13\u5B58\u4E0D\u4F1A\u4E22\u5931\u4E91\u7AEF\u6570\u636E\u3002
+        </div>
+      </div>
+
+      <button class="logout" @click="onLogout">\u9000\u51FA\u767B\u5F55</button>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.page {
+  height: 100%;
+  padding-bottom: calc(1.8rem + env(safe-area-inset-bottom));
+}
+
+.header {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  z-index: 10;
+  background: linear-gradient(135deg, #3b6ef6, #6a8dff);
+  border-bottom-left-radius: 0.4rem;
+  border-bottom-right-radius: 0.4rem;
+  padding-bottom: 0.28rem;
+}
+
+.nav {
+  display: flex;
+  align-items: center;
+  height: 0.88rem;
+  padding-left: 0.4rem;
+}
+
+.nav-title {
+  color: #ffffff;
+  font-size: 0.36rem;
+  font-weight: 600;
+}
+
+.user-card {
+  margin: 0.08rem 0.32rem 0;
+  padding: 0.32rem;
+  background: rgba(255, 255, 255, 0.16);
+  border-radius: 0.24rem;
+  display: flex;
+  align-items: center;
+}
+
+.avatar {
+  width: 1.04rem;
+  height: 1.04rem;
+  border-radius: 50%;
+  background: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+}
+
+.avatar-text {
+  color: #3b6ef6;
+  font-size: 0.4rem;
+  font-weight: 600;
+}
+
+.user-info {
+  flex: 1;
+  margin-left: 0.24rem;
+  min-width: 0;
+}
+
+.user-name {
+  color: #ffffff;
+  font-size: 0.32rem;
+  font-weight: 600;
+}
+
+.user-meta {
+  margin-top: 0.1rem;
+  color: rgba(255, 255, 255, 0.8);
+  font-size: 0.24rem;
+}
+
+.user-count {
+  text-align: right;
+  flex-shrink: 0;
+}
+
+.count-num {
+  color: #ffffff;
+  font-size: 0.44rem;
+  font-weight: 700;
+  line-height: 1;
+}
+
+.count-label {
+  margin-top: 0.08rem;
+  color: rgba(255, 255, 255, 0.8);
+  font-size: 0.22rem;
+}
+
+.body {
+  padding: 3.2rem 0.32rem 0;
+}
+
+.panel {
+  background: #ffffff;
+  border-radius: 0.24rem;
+  padding: 0.08rem 0.32rem;
+  margin-bottom: 0.24rem;
+  box-shadow: 0 0.08rem 0.24rem rgba(31, 36, 48, 0.05);
+}
+
+.panel-title {
+  padding: 0.24rem 0 0.08rem;
+  font-size: 0.26rem;
+  color: #9aa3b2;
+}
+
+.stats {
+  display: flex;
+  flex-wrap: wrap;
+  padding-bottom: 0.2rem;
+}
+
+.stat {
+  width: 25%;
+  text-align: center;
+  padding: 0.16rem 0;
+}
+
+.stat-num {
+  font-size: 0.4rem;
+  font-weight: 700;
+  color: #3b6ef6;
+}
+
+.stat-label {
+  margin-top: 0.08rem;
+  font-size: 0.22rem;
+  color: #9aa3b2;
+}
+
+.cell {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0.3rem 0;
+  border-bottom: 1px solid #f0f2f7;
+  cursor: pointer;
+}
+
+.cell:last-child {
+  border-bottom: none;
+}
+
+.cell-title {
+  font-size: 0.28rem;
+  color: #1f2430;
+}
+
+.cell-value {
+  font-size: 0.26rem;
+  color: #9aa3b2;
+  max-width: 52%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.arrow {
+  color: #c4c9d4;
+  font-size: 0.36rem;
 }
 
-/** \u5168\u5C40\u5F00\u53D1\u671F\u4E0A\u4E0B\u6587\uFF08\u7F16\u8F91\u5668\u8865\u5168\u7528\uFF1B\u51FD\u6570\u8FD0\u884C\u671F\u7ECF\u53C2\u6570\u6CE8\u5165\uFF0C\u4E0D\u8BFB\u53D6\u5168\u5C40\uFF09\u3002 */
-declare const ctx: AdepContext
-`;
-var ADEP_TSCONFIG_JSON = `{
-  "compilerOptions": {
-    "target": "ES2021",
-    "module": "ESNext",
-    "moduleResolution": "Bundler",
-    "strict": true,
-    "noEmit": true,
-    "skipLibCheck": true,
-    "types": [],
-    "lib": ["ES2021", "DOM"]
-  },
-  "include": ["**/*.ts", "**/*.d.ts"]
+.tips {
+  padding: 0.08rem 0.08rem 0.32rem;
 }
-`;
 
-// packages/cli/src/init.ts
-init_adep_config();
+.tips-title {
+  font-size: 0.26rem;
+  color: #6b7385;
+  font-weight: 500;
+}
 
-// shared/sdk/web-project-template.ts
-var ADEP_CLIENT_VERSION = "^0.2.0";
-var ADEP_VITE_PLUGIN_VERSION = "^0.1.0";
-var WEB_DEPENDENCIES = {
-  vue: "^3.3.4",
-  // @adep/client：浏览器端云函数调用 SDK（IDE-031）。模板默认在 web/src/lib/adep.ts
-  // 封装并由 App.vue 示例调用；运行时 fetch('/api/{name}') 在 dev 态被 @adep/vite-plugin
-  // 拦截（CLI 代理到本地 adep dev / Web IDE 经 postMessage 转发到 IDE 主线程），
-  // 生产态由平台网关路由到已发布云函数。
-  "@adep/client": ADEP_CLIENT_VERSION
-};
-var WEB_DEV_DEPENDENCIES = {
-  vite: "^4.4.0",
-  "@vitejs/plugin-vue": "^4.3.0",
-  // vite 内部动态 import('esbuild-wasm')，必须在 package.json 显式声明才能被 Nodebox 解析
-  "esbuild-wasm": "0.18.20",
-  // @adep/vite-plugin：云函数 Vite 插件（IDE-030）。dev 时自动注入 /api/* fetch 拦截器
-  // （Web IDE 预览经 postMessage 转发到 IDE 主线程执行云函数草稿），若注入 createDevServer
-  // （CLI 场景）则启动本地 adep dev server 并按 functions_prefix 代理 /{prefix}/* 到云函数。
-  "@adep/vite-plugin": ADEP_VITE_PLUGIN_VERSION
-};
-function webProjectFiles() {
-  return [
-    {
-      path: "package.json",
-      content: JSON.stringify(
-        {
-          name: "adep-web",
-          version: "0.0.0",
-          type: "module",
-          scripts: { dev: "vite" },
-          dependencies: WEB_DEPENDENCIES,
-          devDependencies: WEB_DEV_DEPENDENCIES
-        },
-        null,
-        2
-      )
-    },
-    {
-      path: "index.html",
-      content: [
-        `<!doctype html>`,
-        `<html lang="zh-CN">`,
-        `<head>`,
-        `  <meta charset="utf-8" />`,
-        `  <meta name="viewport" content="width=device-width, initial-scale=1" />`,
-        `  <title>adep web</title>`,
-        `</head>`,
-        `<body>`,
-        `  <div id="app"></div>`,
-        `  <script type="module" src="/src/main.ts"></script>`,
-        `</body>`,
-        `</html>`,
-        ``
-      ].join("\n")
-    },
-    {
-      path: "vite.config.ts",
-      content: [
-        `// web/vite.config.ts \u2014\u2014 \u6807\u51C6 Vite \u914D\u7F6E\uFF08Vue 3 + @adep/vite-plugin \u4E91\u51FD\u6570\u4EE3\u7406\uFF09\u3002`,
-        `// @adep/vite-plugin \u5728 dev \u65F6\uFF1A`,
-        `//   1. \u6CE8\u5165 /api/* fetch \u62E6\u622A\u5668\uFF08Web IDE \u9884\u89C8\u7ECF postMessage \u8F6C\u53D1\u5230 IDE \u4E3B\u7EBF\u7A0B\u6267\u884C\u4E91\u51FD\u6570\u8349\u7A3F\uFF09\uFF1B`,
-        `//   2. \u82E5\u6CE8\u5165 createDevServer\uFF08CLI \u573A\u666F\uFF09\uFF0C\u542F\u52A8\u672C\u5730 adep dev \u5E76\u4EE3\u7406 /api/* \u5230\u4E91\u51FD\u6570\u3002`,
-        `// \u6D4F\u89C8\u5668\u5185 vite-dev \u9884\u89C8\uFF08@adep/web-container buildDocument\uFF09\u6CE8\u5165\u540C\u4E00\u4EFD\u811A\u672C\uFF0C\u65E0\u9700\u5728\u6B64\u5185\u8054\u3002`,
-        `import { defineConfig } from 'vite'`,
-        `import vue from '@vitejs/plugin-vue'`,
-        `import { adepPlugin } from '@adep/vite-plugin'`,
-        ``,
-        `export default defineConfig({`,
-        `  plugins: [vue(), adepPlugin()],`,
-        `})`,
-        ``
-      ].join("\n")
-    },
-    {
-      path: "src/main.ts",
-      content: [
-        `// web/src/main.ts \u2014\u2014 \u5E94\u7528\u5165\u53E3\uFF08Vue 3 + Vite\uFF09\u3002`,
-        `// \u5F00\u53D1\uFF1A\u5E95\u90E8\u300C\u6D4F\u89C8\u5668\u7EC8\u7AEF\u300D\u8FD0\u884C npm run dev\uFF08\u6216\u7B49 Nodebox \u81EA\u52A8\u62C9\u8D77\uFF09\uFF0C\u4FDD\u5B58\u540E\u9884\u89C8 HMR \u5237\u65B0\u3002`,
-        `import { createApp } from 'vue'`,
-        `import App from './App.vue'`,
-        ``,
-        `createApp(App).mount('#app')`,
-        ``
-      ].join("\n")
-    },
-    {
-      path: "src/lib/adep.ts",
-      content: [
-        `// web/src/lib/adep.ts \u2014\u2014 @adep/client \u6D4F\u89C8\u5668\u7AEF\u5C01\u88C5\uFF08IDE-032\uFF09\u3002`,
-        `// \u5F00\u53D1\u6001\uFF08vite dev + @adep/vite-plugin\uFF09\uFF1AinvokeFunction \u8D70 fetch('/api/*')\uFF0C`,
-        `//   \u7531 vite \u63D2\u4EF6\u62E6\u622A\u5230\u672C\u5730\u4E91\u51FD\u6570\u6267\u884C\uFF08CLI\uFF09\u6216\u7ECF postMessage \u8F6C\u53D1\u5230 IDE \u4E3B\u7EBF\u7A0B\uFF08Web IDE\uFF09\u3002`,
-        `// \u751F\u4EA7\u6001\uFF08\u5DF2\u90E8\u7F72\u7AD9\u70B9\uFF09\uFF1Afetch('/api/*') \u7531\u5E73\u53F0\u7F51\u5173\u8DEF\u7531\u5230\u5DF2\u53D1\u5E03\u4E91\u51FD\u6570\u3002`,
-        `import { createAdepClient } from '@adep/client'`,
-        ``,
-        `export const adep = createAdepClient()`,
-        ``,
-        `export const { invokeFunction } = adep`,
-        ``
-      ].join("\n")
-    },
-    {
-      path: "src/App.vue",
-      content: [
-        `<script setup lang="ts">`,
-        `import { ref } from 'vue'`,
-        `import { invokeFunction } from './lib/adep'`,
-        ``,
-        `const title = ref('adep web')`,
-        `const clicks = ref(0)`,
-        `const fnResult = ref<string>('')`,
-        `const fnLoading = ref(false)`,
-        ``,
-        `async function callHello() {`,
-        `  fnLoading.value = true`,
-        `  fnResult.value = ''`,
-        `  try {`,
-        `    const result = await invokeFunction<{ message: string }>('hello')`,
-        `    fnResult.value = result.message`,
-        `  } catch (err) {`,
-        `    fnResult.value = \`\u8C03\u7528\u5931\u8D25\uFF1A\${err instanceof Error ? err.message : String(err)}\``,
-        `  } finally {`,
-        `    fnLoading.value = false`,
-        `  }`,
-        `}`,
-        `</script>`,
-        ``,
-        `<template>`,
-        `  <main>`,
-        `    <h1>{{ title }}</h1>`,
-        `    <p>\u5728 web/src/App.vue \u91CC\u7F16\u8F91\uFF0C\u4FDD\u5B58\u540E\u9884\u89C8\u81EA\u52A8\u5237\u65B0\uFF08HMR\uFF09\u3002</p>`,
-        `    <button @click="clicks++">clicks: {{ clicks }}</button>`,
-        `    <div style="margin-top: 16px;">`,
-        `      <button @click="callHello" :disabled="fnLoading">`,
-        `        {{ fnLoading ? '\u8C03\u7528\u4E2D\u2026' : '\u8C03\u7528 hello \u51FD\u6570' }}`,
-        `      </button>`,
-        `      <p v-if="fnResult" style="margin-top: 8px; color: #059669;">\u7ED3\u679C\uFF1A{{ fnResult }}</p>`,
-        `    </div>`,
-        `  </main>`,
-        `</template>`,
-        ``,
-        `<style scoped>`,
-        `main {`,
-        `  margin: 24px;`,
-        `  font-family: system-ui, -apple-system, sans-serif;`,
-        `}`,
-        `button {`,
-        `  padding: 6px 14px;`,
-        `  border: 1px solid #6366f1;`,
-        `  border-radius: 6px;`,
-        `  background: #eef2ff;`,
-        `  cursor: pointer;`,
-        `}`,
-        `button:disabled {`,
-        `  opacity: 0.6;`,
-        `  cursor: not-allowed;`,
-        `}`,
-        `</style>`,
-        ``
-      ].join("\n")
-    }
-  ];
+.tips-text {
+  margin-top: 0.12rem;
+  font-size: 0.24rem;
+  color: #a0a8b8;
+  line-height: 1.7;
 }
-function webSrcFiles() {
-  return webProjectFiles().filter((file) => file.path.startsWith("src/"));
+
+.logout {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 0.92rem;
+  background: #ffffff;
+  color: #ff5a5f;
+  font-size: 0.3rem;
+  border-radius: 999rem;
+  border: 1px solid #ffd9da;
+  cursor: pointer;
 }
+</style>
+` },
+  { path: "web/tsconfig.json", content: '{\n  "compilerOptions": {\n    "target": "ES2021",\n    "module": "ESNext",\n    "moduleResolution": "Bundler",\n    "strict": true,\n    "noEmit": true,\n    "skipLibCheck": true,\n    "jsx": "preserve",\n    "resolveJsonModule": true,\n    "esModuleInterop": true,\n    "lib": ["ES2021", "DOM", "DOM.Iterable"],\n    "types": ["vite/client"]\n  },\n  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.vue"]\n}\n' },
+  { path: "web/vite.config.ts", content: "// web/vite.config.ts \u2014\u2014 \u5012\u6570\u65E5\u5E94\u7528\u524D\u7AEF\uFF08Vue 3 + Vite\uFF09\u3002\n//\n// \u672C\u5730\u5F00\u53D1\uFF08npm run dev\uFF0C\u5728 apps/countdown \u6839\u6267\u884C\uFF09\uFF1A\n//   - root \u56FA\u5B9A\u4E3A\u672C\u76EE\u5F55\uFF08web/\uFF09\uFF0C\u524D\u7AEF\u6E90\u7801\u4ECE web/src \u52A0\u8F7D\uFF1B\n//   - command === 'serve' \u65F6\u52A8\u6001\u52A0\u8F7D @adep/cli/vite\uFF1A\u8BA9 vite \u5728\u8FDB\u7A0B\u5185\u542F\u52A8 `adep dev`\n//     \uFF08\u6A21\u62DF\u8FD0\u884C\u65F6\uFF0Ccwd = \u5E94\u7528\u6839 apps/countdown\uFF0C\u8BFB\u53D6 adep.config.ts \u4E0E functions/\uFF09\uFF0C\n//     \u5E76\u628A /api/* \u4EE3\u7406\u5230\u5B83\u2014\u2014\u4E00\u6761\u547D\u4EE4\u540C\u65F6\u8C03\u8BD5\u524D\u7AEF + \u4E91\u51FD\u6570\uFF08\u51FD\u6570\u6539\u52A8\u70ED\u91CD\u8F7D\uFF09\u3002\n//\n// \u5E73\u53F0\u6784\u5EFA\uFF08adep publish --only frontend \u7684\u670D\u52A1\u7AEF vite build\uFF09\uFF1A\n//   - \u5E73\u53F0\u628A web/ \u8349\u7A3F\u5199\u5165\u4E34\u65F6\u76EE\u5F55\u540E\u6267\u884C bun install + vite build\uFF0Ccommand === 'build'\uFF0C\n//     \u672C\u914D\u7F6E**\u4E0D\u4F1A**\u52A0\u8F7D @adep/cli/vite\uFF08\u4E0D\u89E3\u6790\u3001\u4E0D\u5B89\u88C5\u5176\u8FD0\u884C\uFF0C\u5E73\u53F0\u65E0\u9700\u53D1\u5E03\u7248 cli \u7684\n//     ./vite \u5B50\u8DEF\u5F84\uFF09\uFF0C\u4FDD\u8BC1\u53D1\u5E03\u4EA7\u7269\u53EF\u72EC\u7ACB\u6784\u5EFA\uFF1BdevDependencies \u91CC\u7684 @adep/cli \u4EC5\u672C\u5730\u7528\u3002\nimport { defineConfig, type Plugin } from 'vite'\nimport { fileURLToPath, URL } from 'node:url'\nimport vue from '@vitejs/plugin-vue'\n\nexport default defineConfig(async ({ command }) => {\n  const plugins: Plugin[] = [vue()]\n\n  if (command === 'serve') {\n    // \u672C\u5730\u5F00\u53D1\uFF1A\u8FDB\u7A0B\u5185 adep dev + /api \u4EE3\u7406\uFF08\u52A8\u6001 import\uFF0C\u6784\u5EFA\u671F\u4E0D\u89E3\u6790\u8BE5\u6A21\u5757\uFF09\u3002\n    const adep = (await import('@adep/cli/vite')).default\n    plugins.push(adep({ cwd: fileURLToPath(new URL('..', import.meta.url)) }) as unknown as Plugin)\n  }\n\n  return {\n    root: fileURLToPath(new URL('.', import.meta.url)),\n    plugins,\n    build: {\n      outDir: 'dist',\n      emptyOutDir: true,\n    },\n    server: {\n      port: 5173,\n      host: '127.0.0.1',\n    },\n  }\n})\n" }
+];
 
 // packages/cli/src/init.ts
-var TEMPLATE_NAMES = ["empty", "function", "fullstack"];
+var TEMPLATE_NAMES = ["empty", "function", "fullstack", "countdown"];
 var InitError = class extends Error {
   constructor(code, message) {
     super(message);
@@ -7504,10 +9696,10 @@ var requireJson = createRequire(import.meta.url);
 var CLI_VERSION = requireJson("../package.json").version;
 var ADEP_CONFIG_HEADER = `// adep \u9879\u76EE\u914D\u7F6E\uFF1ACLI\uFF08dev / serve / deploy\uFF09\u4E0E\u4E91\u51FD\u6570 vite \u63D2\u4EF6\u6309 default export \u8BFB\u53D6\u3002
 // - name\uFF1A\u9879\u76EE\u6807\u8BC6\uFF08deploy / db \u7B49\u547D\u4EE4\u7684\u7F3A\u7701 project slug\uFF09
-// - template\uFF1A\u811A\u624B\u67B6\u6A21\u677F\uFF08empty / function / fullstack\uFF0Cinit \u65F6\u786E\u5B9A\uFF09
+// - template\uFF1A\u811A\u624B\u67B6\u6A21\u677F\uFF08empty / function / fullstack / countdown\uFF0Cinit \u65F6\u786E\u5B9A\uFF09
 // - functionsDir\uFF1A\u4E91\u51FD\u6570\u76EE\u5F55\uFF08dev / serve / deploy \u8BFB\u53D6\uFF0C\u7F3A\u7701 functions/\uFF09
 // - functions_prefix\uFF1A\u4E91\u51FD\u6570\u8DEF\u7531\u524D\u7F00\uFF0C**\u9ED8\u8BA4 /api**\uFF08\u4E0E\u7EBF\u4E0A\u51FD\u6570\u8DEF\u7531 /api/{fn} \u5BF9\u9F50\uFF09\u3002
-//   dev \u8BBF\u95EE\u8DEF\u5F84\u4E3A /{prefix}/{fnName}\uFF08\u5982 /api/hello\uFF09\uFF1Bserve \u4E3A /api/{prefix}/{fnName}\u3002
+//   dev / serve / \u5E73\u53F0\u8BBF\u95EE\u8DEF\u5F84\u4E00\u81F4\u4E3A /{prefix}/{fnName}\uFF08\u5982 /api/hello\uFF09\u3002
 //   vite \u63D2\u4EF6\uFF08vite.config.ts \u7684 adepPlugin()\uFF09\u6309\u6B64\u524D\u7F00\u628A\u524D\u7AEF /{prefix}/* \u8BF7\u6C42\u4EE3\u7406\u5230\u4E91\u51FD\u6570\u3002
 //   \u8FB9\u754C\uFF1A\u53EA\u5F71\u54CD\u672C\u5730 HTTP \u5165\u53E3\u8DEF\u7531\uFF1B\u51FD\u6570\u4E92\u8C03\uFF08ctx.cloud.invoke\uFF09\u4E0E\u7EBF\u4E0A\u90E8\u7F72\u8DEF\u5F84\u6309\u51FD\u6570\u540D\uFF0C\u4E0D\u53D7\u5F71\u54CD\u3002`;
 var PACKAGE_JSON = (name, template) => {
@@ -7538,6 +9730,106 @@ var PACKAGE_JSON = (name, template) => {
   return `${JSON.stringify(pkg, null, 2)}
 `;
 };
+var COUNTDOWN_PACKAGE_JSON = (name) => {
+  const pkg = {
+    name,
+    version: "0.1.0",
+    private: true,
+    type: "module",
+    description: "\u5012\u6570\u65E5 / \u7EAA\u5FF5\u65E5\uFF08countdown \u6A21\u677F\uFF09\u2014\u2014\u5FAE\u4FE1\u5C0F\u7A0B\u5E8F\u79FB\u690D\u7684 adep \u5E94\u7528\uFF1Afunctions/ \u4E91\u51FD\u6570 + web/ \u524D\u7AEF\uFF08Vue 3 + Vite\uFF09",
+    scripts: {
+      dev: "vite -c web/vite.config.ts",
+      "dev:api": "adep dev",
+      build: "vite build -c web/vite.config.ts",
+      preview: "vite preview -c web/vite.config.ts",
+      start: "adep serve --host 0.0.0.0 --schema functions/schema.sql --static ./web/dist --spa",
+      test: "vitest run",
+      "test:watch": "vitest",
+      "db:init": "adep db start && adep db migrate functions/schema.sql",
+      deploy: "adep publish",
+      "deploy:functions": "adep publish --only functions",
+      "deploy:frontend": "adep publish --only frontend",
+      "frontend:sync": "adep frontend sync",
+      doctor: "adep doctor"
+    },
+    // 依赖分两处声明：根 = @adep/cli + @adep/types + 前端构建链；web/package.json = 前端运行依赖。
+    // vitest 用 ^3.2.4：vitest 4.x 的 packument 触发 npm 10.9 arborist edgesOut 崩溃（官方源同样），
+    // 与 apps/countdown 保持一致；双目录安装形态（不用 npm workspaces），README 已写明两条 install。
+    dependencies: {
+      "@adep/cli": CLI_VERSION
+    },
+    devDependencies: {
+      "@adep/types": "^0.2.0",
+      "@vitejs/plugin-vue": "^6.0.0",
+      typescript: "5.9.3",
+      vite: "^7.0.0",
+      vitest: "^3.2.4",
+      vue: "^3.5.42"
+    },
+    engines: {
+      node: ">=18",
+      bun: ">=1.0"
+    }
+  };
+  return `${JSON.stringify(pkg, null, 2)}
+`;
+};
+var COUNTDOWN_README = (name) => `# ${name}
+
+\u5012\u6570\u65E5 / \u7EAA\u5FF5\u65E5\uFF08countdown \u6A21\u677F\uFF09\u2014\u2014\u7531\u5FAE\u4FE1\u5C0F\u7A0B\u5E8F\u300C\u5012\u6570\u65E5\u300D\u79FB\u690D\u7684 adep \u5168\u6808\u5E94\u7528\uFF1A
+\`functions/\` \u4E91\u51FD\u6570\uFF08auth / events + \`_shared/\` \u5171\u4EAB\u6A21\u5757\uFF09+ \`web/\` \u524D\u7AEF\uFF08Vue 3 + Vite\uFF0C
+\u4E09\u9875 Home / Edit / Profile + \u81EA\u5B9A\u4E49 TabBar + \u5DE6\u6ED1\u5220\u9664 / \u957F\u6309\u7F6E\u9876 / \u4E0B\u62C9\u5237\u65B0\uFF0C\u754C\u9762\u4E0E\u5C0F\u7A0B\u5E8F\u5BF9\u9F50\uFF09\u3002
+
+## \u5FEB\u901F\u5F00\u59CB
+
+\`\`\`bash
+npm install              # \u6839\uFF1A@adep/cli + \u524D\u7AEF\u6784\u5EFA\u94FE\uFF08vue/vite/plugin-vue/vitest\uFF09
+npm install --prefix web # web/\uFF1A\u524D\u7AEF\u8FD0\u884C\u4F9D\u8D56\uFF08vue\uFF09
+npm run dev              # \u5168\u6808\u5F00\u53D1\uFF1Avite\uFF08web/\uFF09\u8FDB\u7A0B\u5185\u542F\u52A8 adep dev + /api \u4EE3\u7406\uFF0C\u524D\u7AEF HMR + \u51FD\u6570\u70ED\u91CD\u8F7D
+npm test                 # \u51FD\u6570\u5171\u4EAB\u903B\u8F91\u5355\u5143\u6D4B\u8BD5\uFF08vitest\uFF09
+npm run build            # \u6784\u5EFA\u524D\u7AEF \u2192 web/dist
+npm run start            # \u72EC\u7ACB\u8FD0\u884C\uFF08\u672C\u5730\u6A21\u62DF\u8FD0\u884C\u65F6 + \u9759\u6001\u6258\u7BA1 + --schema \u81EA\u52A8\u5EFA\u8868\uFF09\uFF0C\u6D4F\u89C8\u5668\u5F00 http://127.0.0.1:8787
+\`\`\`
+
+## \u90E8\u7F72\u5230 adep \u5E73\u53F0
+
+\`\`\`bash
+adep login                       # \u767B\u5F55\uFF08\u5199 ~/.adep/credentials\uFF09
+npm run deploy                   # \u5168\u6808\u53D1\u5E03\uFF1A\u51FD\u6570 deploy\uFF08\u542B _shared/\uFF09+ \u524D\u7AEF sync + publish
+npm run deploy:functions         # \u53EA\u53D1\u5E03\u4E91\u51FD\u6570
+npm run deploy:frontend          # \u53EA\u53D1\u5E03\u524D\u7AEF
+\`\`\`
+
+\u53D1\u5E03\u540E\u8BBF\u95EE \`https://{project-slug}.adep.localhost:3001\`\uFF08\u672C\u5730 dev \u5E73\u53F0\uFF09\u6216\u7EBF\u4E0A\u7AD9\u70B9\u5730\u5740\u3002
+
+## \u72EC\u7ACB\u90E8\u7F72\uFF08\u4E0D\u4F9D\u8D56 adep \u5E73\u53F0\uFF09
+
+\`npm run build && npm run start\` \u5373\u53EF\u672C\u5730\u72EC\u7ACB\u8DD1\uFF08adep serve \u4E0E\u5E73\u53F0\u540C\u6E90\u6267\u884C\u5668\uFF09\u3002
+\u5BB9\u5668\u5316\u90E8\u7F72\u53C2\u8003 \`apps/countdown\` \u7684 \`Dockerfile\` + \`compose.yaml\`\uFF08\u5355\u5BB9\u5668 =
+serve \u627F\u8F7D /api/* + \u9759\u6001\u6258\u7BA1 web/dist + .adep/sim/ \u6570\u636E\u5377\uFF09\u3002
+
+## \u76EE\u5F55\u7ED3\u6784
+
+- \`adep.config.ts\`\uFF1A\u9879\u76EE\u914D\u7F6E\uFF08name / template / functionsDir / functions_prefix \u9ED8\u8BA4 /api\uFF09
+- \`functions/\`\uFF1A\u4E91\u51FD\u6570\u76EE\u5F55\u2014\u2014\`auth.ts\`\uFF08\u767B\u5F55/\u4F1A\u8BDD\uFF09\u3001\`events.ts\`\uFF08\u4E8B\u4EF6 CRUD + \u7F6E\u9876\u6392\u5E8F\uFF09\u3001
+  \`schema.sql\`\uFF08users / events \u8868\uFF09\u3001\`_shared/\`\uFF08auth / store / date / response / route \u5171\u4EAB\u6A21\u5757\uFF09
+- \`web/\`\uFF1A\u524D\u7AEF\u5DE5\u7A0B\u6839\uFF08web/vite.config.ts + web/src/*\uFF09\u2014\u2014\`web/src/views/\` \u4E09\u9875\u3001
+  \`web/src/ui/\`\uFF08TabBar / UiHost \u590D\u523B wx.showToast \u7B49\uFF09\u3001\`web/src/lib/\`\uFF08request / date / device / auth\uFF09
+- \`web/src/lib/request.ts\`\uFF1Afetch \u5C01\u88C5\uFF08\u4E1A\u52A1\u4FE1\u5C01 + 40001 \u9759\u9ED8\u91CD\u767B\uFF09
+- \`tsconfig.json\` / \`adep.d.ts\`\uFF1ATypeScript \u914D\u7F6E\u4E0E\u4E91\u51FD\u6570\u4E0A\u4E0B\u6587\u7C7B\u578B\u58F0\u660E
+
+## \u7528\u6237\u4F53\u7CFB\u8BF4\u660E\uFF08\u767B\u5F55\u94FE\u8DEF\uFF09
+
+\u5C0F\u7A0B\u5E8F\u7AEF \`wx.login\` \u2192 openid \u7684\u94FE\u8DEF\uFF0Cweb \u7AEF\u4EE5\u300C\u8BBE\u5907\u8EAB\u4EFD device_id\u300D\u66FF\u4EE3\uFF1A\u9996\u6B21\u8BBF\u95EE\u751F\u6210\u5E76
+\u6301\u4E45\u5316\u4E8E localStorage\uFF08web/src/lib/device.ts\uFF09\uFF0C\u4F5C\u4E3A Bearer \u51ED\u636E\u8BBF\u95EE\u51FD\u6570\uFF08\u7B49\u4EF7 API Key\uFF09\u3002
+\u51FD\u6570\u4FA7 \`functions/_shared/auth.ts\` \u67E5 users \u8868\u6821\u9A8C\uFF0C\u672A\u767B\u5F55/\u5931\u6548\u8FD4\u56DE\u4E1A\u52A1\u7801 40001\uFF0C
+\u524D\u7AEF request.ts \u636E\u6B64\u9759\u9ED8\u91CD\u65B0\u767B\u5F55\u3002
+
+## \u66F4\u591A
+
+- \u79FB\u690D\u7ECF\u9A8C\u4E0E\u9010\u9879\u5BF9\u9F50\u8BF4\u660E\uFF1A\`packages/docs/tutorial-countdown.md\`\uFF08adep \u4ED3\u5E93\u6587\u6863\uFF09
+- \u72EC\u7ACB\u90E8\u7F72\u5BB9\u5668\u914D\u7F6E\u89C1 adep \u4ED3\u5E93 \`apps/countdown\`\uFF08Dockerfile / compose.yaml\uFF09
+`;
 var README = (name, template) => `# ${name}
 
 AgentDeploy \u5168\u6808\u9879\u76EE\uFF08\u6A21\u677F\uFF1A${template}\uFF09\u3002
@@ -7697,8 +9989,8 @@ async function initProject(cwd, name, template) {
     throw new InitError("DIR_EXISTS", `\u76EE\u5F55 ${projectPath} \u5DF2\u5B58\u5728\uFF1A\u8BF7\u6362\u4E00\u4E2A\u540D\u5B57\u6216\u5148\u5220\u9664`);
   }
   const files = [
-    // 根 package.json：应用定义（@adep/cli + 前端依赖同根声明；与导出的离线部署包同构键集）。
-    { path: "package.json", content: PACKAGE_JSON(name, template) },
+    // 根 package.json：应用定义（countdown 模板 = 独立 vite 工程根在 web/，npm workspaces 装齐根 + web/）。
+    template === "countdown" ? { path: "package.json", content: COUNTDOWN_PACKAGE_JSON(name) } : { path: "package.json", content: PACKAGE_JSON(name, template) },
     // adep.config.ts：经 shared/sdk/adep-config 的 renderAdepConfig 渲染（schema 唯一真相源）。
     // template 是 init 元数据（不在 AdepConfig 中），经 extraFields 传入。
     {
@@ -7711,7 +10003,10 @@ async function initProject(cwd, name, template) {
     // 云函数 TypeScript 类型提示：tsconfig 把 adep.d.ts 纳入 include，写 ctx: AdepContext 即有补全。
     { path: "tsconfig.json", content: ADEP_TSCONFIG_JSON },
     { path: "adep.d.ts", content: ADEP_ENV_DTS },
-    { path: "README.md", content: README(name, template) },
+    {
+      path: "README.md",
+      content: template === "countdown" ? COUNTDOWN_README(name) : README(name, template)
+    },
     { path: ".gitignore", content: "node_modules/\ndata/\n.adep/\nsite/\n" }
   ];
   if (template === "function") {
@@ -7726,6 +10021,10 @@ async function initProject(cwd, name, template) {
     for (const file of webSrcFiles()) {
       files.push({ path: `web/${file.path}`, content: file.content });
     }
+  } else if (template === "countdown") {
+    for (const file of COUNTDOWN_TEMPLATE_FILES) {
+      files.push({ path: file.path, content: file.content });
+    }
   } else {
     files.push({ path: "README-EMPTY.md", content: EMPTY_INDEX });
   }
@@ -8722,20 +11021,30 @@ function registerDevServers(program2, ctx) {
   ).option(
     "--watch",
     "\u70ED\u91CD\u8F7D\uFF1A\u76D1\u542C functions/ \u4E0E .env* \u53D8\u66F4\u81EA\u52A8\u751F\u6548\uFF0C\u51FD\u6570 console \u8F93\u51FA\u76F4\u8FBE\u7EC8\u7AEF\uFF08\u5F00\u53D1\u6001\u8C03\u8BD5\u7528\uFF09"
-  ).action(async (flags) => {
-    const command = ctx.io("serve");
-    await command.run(async () => {
-      const { startServeServer: startServeServer2 } = await Promise.resolve().then(() => (init_server(), server_exports));
-      await startServeServer2({
-        cwd: ctx.cwd,
-        ...flags.port === void 0 ? {} : { port: Number(flags.port) },
-        ...flags.host === void 0 ? {} : { host: flags.host },
-        ...flags.static === void 0 ? {} : { staticDir: flags.static },
-        ...flags.watch === void 0 ? {} : { watch: true }
+  ).option(
+    "--schema <file>",
+    "\u6570\u636E\u5E93\u7ED3\u6784\u6587\u4EF6\uFF1A\u542F\u52A8\u65F6\u5BF9\u672C\u5730\u6A21\u62DF\u5E93\u9010\u6761\u5E94\u7528\uFF08\u5EFA\u8868\u8BED\u53E5\u5EFA\u8BAE IF NOT EXISTS\uFF0C\u5E42\u7B49\u53EF\u91CD\u590D\u542F\u52A8\uFF09"
+  ).option(
+    "--spa",
+    "SPA \u56DE\u9000\uFF1A\u9759\u6001\u8D44\u6E90\u672A\u547D\u4E2D\u65F6\u56DE\u9000 index.html\uFF08\u524D\u7AEF\u8DEF\u7531\u76F4\u8BBF /profile \u7B49\u9875\u9762\u9700\u8981\uFF09"
+  ).action(
+    async (flags) => {
+      const command = ctx.io("serve");
+      await command.run(async () => {
+        const { startServeServer: startServeServer2 } = await Promise.resolve().then(() => (init_server(), server_exports));
+        await startServeServer2({
+          cwd: ctx.cwd,
+          ...flags.port === void 0 ? {} : { port: Number(flags.port) },
+          ...flags.host === void 0 ? {} : { host: flags.host },
+          ...flags.static === void 0 ? {} : { staticDir: flags.static },
+          ...flags.watch === void 0 ? {} : { watch: true },
+          ...flags.schema === void 0 ? {} : { schemaFile: flags.schema },
+          ...flags.spa === void 0 ? {} : { spaFallback: true }
+        });
+        await new Promise(() => void 0);
       });
-      await new Promise(() => void 0);
-    });
-  });
+    }
+  );
 }
 
 // packages/cli/src/commands/publish.ts
@@ -8743,9 +11052,9 @@ init_auth();
 init_client();
 init_deploy();
 import { stat as stat8 } from "node:fs/promises";
-import { join as join14, resolve as resolve7 } from "node:path";
+import { join as join14, resolve as resolve8 } from "node:path";
 async function resolveProjectId2(client, cwd, slug) {
-  const resolvedSlug = await resolveSlug(resolve7(cwd), slug);
+  const resolvedSlug = await resolveSlug(resolve8(cwd), slug);
   const listed = await client.request("/api/v1/projects", {}, "PROJECT_LIST_FAILED");
   const match = listed.projects.find((project2) => project2.slug === resolvedSlug);
   if (match === void 0) {