opencode-supertask 0.1.34 → 0.1.36

package/dist/web/index.js

@@ -12224,7 +12224,7 @@ function sql(strings, ...params) {
     return new SQL([new StringChunk(str)]);
   }
   sql2.raw = raw2;
-  function join4(chunks, separator) {
+  function join5(chunks, separator) {
     const result = [];
     for (const [i, chunk] of chunks.entries()) {
       if (i > 0 && separator !== void 0) {
@@ -12234,7 +12234,7 @@ function sql(strings, ...params) {
     }
     return new SQL(result);
   }
-  sql2.join = join4;
+  sql2.join = join5;
   function identifier(value) {
     return new Name(value);
   }
@@ -13083,8 +13083,17 @@ function mapRelationalRow(tablesConfig, tableConfig, row, buildQueryResultSelect
 }
 
 // src/web/index.tsx
-import { existsSync as existsSync5, mkdirSync as mkdirSync4, readFileSync as readFileSync3, renameSync as renameSync2, writeFileSync as writeFileSync3 } from "fs";
-import { basename as basename2, dirname as dirname4 } from "path";
+import {
+  existsSync as existsSync5,
+  mkdirSync as mkdirSync4,
+  readFileSync as readFileSync3,
+  readdirSync,
+  renameSync as renameSync2,
+  statSync as statSync4,
+  writeFileSync as writeFileSync3
+} from "fs";
+import { homedir as homedir4 } from "os";
+import { basename as basename2, dirname as dirname4, join as join4 } from "path";
 
 // src/core/db/index.ts
 import { Database as Database2 } from "bun:sqlite";
@@ -14571,7 +14580,7 @@ var SQLiteSelectQueryBuilderBase = class extends TypedQueryBuilder {
     return (table, on) => {
       const baseTableName = this.tableName;
       const tableName = getTableLikeName(table);
-      if (typeof tableName === "string" && this.config.joins?.some((join4) => join4.alias === tableName)) {
+      if (typeof tableName === "string" && this.config.joins?.some((join5) => join5.alias === tableName)) {
         throw new Error(`Alias "${tableName}" is already used in this query`);
       }
       if (!this.isPartialSelect) {
@@ -15384,7 +15393,7 @@ var SQLiteUpdateBase = class extends QueryPromise {
   createJoin(joinType) {
     return (table, on) => {
       const tableName = getTableLikeName(table);
-      if (typeof tableName === "string" && this.config.joins.some((join4) => join4.alias === tableName)) {
+      if (typeof tableName === "string" && this.config.joins.some((join5) => join5.alias === tableName)) {
         throw new Error(`Alias "${tableName}" is already used in this query`);
       }
       if (typeof on === "function") {
@@ -16611,6 +16620,140 @@ function parseDuration(input) {
   return null;
 }
 
+// src/core/opencode-catalog.ts
+import { spawn } from "child_process";
+
+// src/core/task-working-directory.ts
+import { statSync } from "fs";
+import { isAbsolute } from "path";
+var InvalidTaskWorkingDirectoryError = class extends Error {
+  constructor(message) {
+    super(message);
+    this.name = "InvalidTaskWorkingDirectoryError";
+  }
+};
+function validateTaskWorkingDirectory(cwd) {
+  if (cwd == null) return;
+  if (!cwd.trim()) {
+    throw new InvalidTaskWorkingDirectoryError("\u4EFB\u52A1\u5DE5\u4F5C\u76EE\u5F55\u4E0D\u80FD\u4E3A\u7A7A");
+  }
+  if (!isAbsolute(cwd)) {
+    throw new InvalidTaskWorkingDirectoryError(`\u4EFB\u52A1\u5DE5\u4F5C\u76EE\u5F55\u5FC5\u987B\u662F\u7EDD\u5BF9\u8DEF\u5F84\uFF1A${cwd}`);
+  }
+  let stat;
+  try {
+    stat = statSync(cwd);
+  } catch (error) {
+    const detail = error instanceof Error ? error.message : String(error);
+    throw new InvalidTaskWorkingDirectoryError(`\u4EFB\u52A1\u5DE5\u4F5C\u76EE\u5F55\u4E0D\u5B58\u5728\u6216\u65E0\u6CD5\u8BBF\u95EE\uFF1A${cwd}\uFF08${detail}\uFF09`);
+  }
+  if (!stat.isDirectory()) {
+    throw new InvalidTaskWorkingDirectoryError(`\u4EFB\u52A1\u5DE5\u4F5C\u76EE\u5F55\u4E0D\u662F\u76EE\u5F55\uFF1A${cwd}`);
+  }
+}
+
+// src/core/opencode-catalog.ts
+var CATALOG_CACHE_MS = 3e4;
+var COMMAND_TIMEOUT_MS = 2e4;
+var MAX_OUTPUT_BYTES = 4 * 1024 * 1024;
+var ANSI_PATTERN = /\x1B(?:[@-_][0-?]*[ -/]*[@-~]|\][^\x07]*(?:\x07|\x1B\\))/g;
+var catalogCache = /* @__PURE__ */ new Map();
+function cleanOutput(value) {
+  return value.replace(ANSI_PATTERN, "").replace(/\r/g, "");
+}
+function runOpenCode(executable, args, cwd, timeoutMs) {
+  return new Promise((resolve3, reject) => {
+    const child = spawn(executable, args, {
+      cwd,
+      env: process.env,
+      stdio: ["ignore", "pipe", "pipe"]
+    });
+    let stdout = "";
+    let stderr = "";
+    let failure = null;
+    let finished = false;
+    const append = (current, chunk) => {
+      const next = current + chunk.toString();
+      if (Buffer.byteLength(next) > MAX_OUTPUT_BYTES && failure === null) {
+        failure = new Error(`OpenCode \u8F93\u51FA\u8D85\u8FC7 ${MAX_OUTPUT_BYTES} bytes`);
+        child.kill("SIGTERM");
+      }
+      return next.slice(-MAX_OUTPUT_BYTES);
+    };
+    child.stdout?.on("data", (chunk) => {
+      stdout = append(stdout, chunk);
+    });
+    child.stderr?.on("data", (chunk) => {
+      stderr = append(stderr, chunk);
+    });
+    child.once("error", (error) => {
+      failure ??= error;
+    });
+    const timer = setTimeout(() => {
+      failure ??= new Error(`OpenCode \u547D\u4EE4\u8D85\u8FC7 ${timeoutMs}ms \u672A\u5B8C\u6210`);
+      child.kill("SIGTERM");
+    }, timeoutMs);
+    child.once("close", (code) => {
+      if (finished) return;
+      finished = true;
+      clearTimeout(timer);
+      if (failure) {
+        reject(failure);
+        return;
+      }
+      if (code !== 0) {
+        const detail = cleanOutput(stderr).trim() || `\u9000\u51FA\u7801 ${code ?? "null"}`;
+        reject(new Error(`OpenCode ${args.join(" ")} \u5931\u8D25\uFF1A${detail}`));
+        return;
+      }
+      resolve3(cleanOutput(stdout));
+    });
+  });
+}
+function parseOpenCodeModels(output) {
+  return [...new Set(cleanOutput(output).split("\n").map((line) => line.trim()).filter((line) => /^[^\s/]+\/.+/.test(line)))].sort((left, right) => left.localeCompare(right));
+}
+function parseOpenCodeAgents(output) {
+  const agents = /* @__PURE__ */ new Map();
+  for (const line of cleanOutput(output).split("\n")) {
+    const match2 = /^([^\s()]+) \((primary|subagent|all)\)$/.exec(line.trim());
+    if (!match2) continue;
+    const name = match2[1];
+    const mode = match2[2];
+    if (name === "supertask-runner") continue;
+    agents.set(name, { name, mode });
+  }
+  const rank = { primary: 0, all: 1, subagent: 2 };
+  return [...agents.values()].sort((left, right) => rank[left.mode] - rank[right.mode] || left.name.localeCompare(right.name));
+}
+async function loadOpenCodeCatalog(cwd, options = {}) {
+  validateTaskWorkingDirectory(cwd);
+  const executable = options.executable ?? process.env.SUPERTASK_OPENCODE_BIN ?? "opencode";
+  const timeoutMs = options.timeoutMs ?? COMMAND_TIMEOUT_MS;
+  const cacheKey = `${executable}\0${cwd}`;
+  const cached = catalogCache.get(cacheKey);
+  if (options.useCache !== false && cached && cached.expiresAt > Date.now()) {
+    return cached.result;
+  }
+  const result = Promise.all([
+    runOpenCode(executable, ["models"], cwd, timeoutMs),
+    runOpenCode(executable, ["agent", "list"], cwd, timeoutMs)
+  ]).then(([modelsOutput, agentsOutput]) => {
+    const models = parseOpenCodeModels(modelsOutput);
+    const agents = parseOpenCodeAgents(agentsOutput).filter((agent) => agent.mode !== "subagent");
+    if (models.length === 0) throw new Error("OpenCode \u6CA1\u6709\u8FD4\u56DE\u53EF\u7528\u6A21\u578B");
+    if (agents.length === 0) throw new Error("OpenCode \u6CA1\u6709\u8FD4\u56DE\u53EF\u76F4\u63A5\u8FD0\u884C\u7684\u4E3B Agent");
+    return { cwd, models, agents };
+  });
+  if (options.useCache !== false) {
+    catalogCache.set(cacheKey, { expiresAt: Date.now() + CATALOG_CACHE_MS, result });
+    result.catch(() => {
+      if (catalogCache.get(cacheKey)?.result === result) catalogCache.delete(cacheKey);
+    });
+  }
+  return result;
+}
+
 // src/core/services/database-maintenance.service.ts
 import { Database as Database3 } from "bun:sqlite";
 import { randomUUID } from "crypto";
@@ -16619,7 +16762,7 @@ import {
   existsSync as existsSync2,
   mkdirSync as mkdirSync2,
   renameSync,
-  statSync,
+  statSync as statSync2,
   unlinkSync,
   writeFileSync
 } from "fs";
@@ -16728,9 +16871,9 @@ var DatabaseMaintenanceService = class {
       if (!existsSync2(source)) {
         throw new Error(`\u5907\u4EFD\u6587\u4EF6\u4E0D\u5B58\u5728\uFF1A${source}`);
       }
-      const sourceStat = statSync(source);
+      const sourceStat = statSync2(source);
       if (!sourceStat.isFile()) throw new Error(`\u5907\u4EFD\u8DEF\u5F84\u4E0D\u662F\u6587\u4EF6\uFF1A${source}`);
-      const liveStat = statSync(livePath);
+      const liveStat = statSync2(livePath);
       if (sourceStat.dev === liveStat.dev && sourceStat.ino === liveStat.ino) {
         throw new Error("\u6062\u590D\u6765\u6E90\u4E0D\u80FD\u662F\u5F53\u524D\u6570\u636E\u5E93\u7684\u7B26\u53F7\u94FE\u63A5\u6216\u786C\u94FE\u63A5\u522B\u540D");
       }
@@ -16971,7 +17114,7 @@ var DatabaseMaintenanceService = class {
     const counts = missingTables.length === 0 ? this.readCounts(sqlite2) : { tasks: 0, taskRuns: 0, taskTemplates: 0 };
     const runningTasks = missingTables.includes("tasks") ? 0 : this.scalar(sqlite2, "SELECT COUNT(*) AS count FROM tasks WHERE status = 'running'");
     const runningRuns = missingTables.includes("task_runs") ? 0 : this.scalar(sqlite2, "SELECT COUNT(*) AS count FROM task_runs WHERE status = 'running'");
-    const sizeBytes = path === ":memory:" || !existsSync2(path) ? sqlite2.serialize().byteLength : statSync(path).size;
+    const sizeBytes = path === ":memory:" || !existsSync2(path) ? sqlite2.serialize().byteLength : statSync2(path).size;
     return {
       ok: integrityMessages.length === 1 && integrityMessages[0] === "ok" && foreignKeyViolations === 0 && missingTables.length === 0,
       path: normalizedPath(path),
@@ -17008,7 +17151,7 @@ var DatabaseMaintenanceService = class {
       const check = this.inspectFile(temporary);
       if (!check.ok) throw new Error("\u65B0\u5907\u4EFD\u672A\u901A\u8FC7\u5B8C\u6574\u6027\u6821\u9A8C");
       renameSync(temporary, output);
-      const finalCheck = { ...check, path: output, sizeBytes: statSync(output).size };
+      const finalCheck = { ...check, path: output, sizeBytes: statSync2(output).size };
       return { path: output, sizeBytes: finalCheck.sizeBytes, check: finalCheck };
     } catch (error) {
       safeUnlink(temporary);
@@ -17244,35 +17387,6 @@ function computeBackoff(retryCount, baseMs = 3e4, maxMs = MAX_BACKOFF_MS) {
   return Math.min(baseMs * Math.pow(2, retryCount - 1), maxMs);
 }
 
-// src/core/task-working-directory.ts
-import { statSync as statSync2 } from "fs";
-import { isAbsolute } from "path";
-var InvalidTaskWorkingDirectoryError = class extends Error {
-  constructor(message) {
-    super(message);
-    this.name = "InvalidTaskWorkingDirectoryError";
-  }
-};
-function validateTaskWorkingDirectory(cwd) {
-  if (cwd == null) return;
-  if (!cwd.trim()) {
-    throw new InvalidTaskWorkingDirectoryError("\u4EFB\u52A1\u5DE5\u4F5C\u76EE\u5F55\u4E0D\u80FD\u4E3A\u7A7A");
-  }
-  if (!isAbsolute(cwd)) {
-    throw new InvalidTaskWorkingDirectoryError(`\u4EFB\u52A1\u5DE5\u4F5C\u76EE\u5F55\u5FC5\u987B\u662F\u7EDD\u5BF9\u8DEF\u5F84\uFF1A${cwd}`);
-  }
-  let stat;
-  try {
-    stat = statSync2(cwd);
-  } catch (error) {
-    const detail = error instanceof Error ? error.message : String(error);
-    throw new InvalidTaskWorkingDirectoryError(`\u4EFB\u52A1\u5DE5\u4F5C\u76EE\u5F55\u4E0D\u5B58\u5728\u6216\u65E0\u6CD5\u8BBF\u95EE\uFF1A${cwd}\uFF08${detail}\uFF09`);
-  }
-  if (!stat.isDirectory()) {
-    throw new InvalidTaskWorkingDirectoryError(`\u4EFB\u52A1\u5DE5\u4F5C\u76EE\u5F55\u4E0D\u662F\u76EE\u5F55\uFF1A${cwd}`);
-  }
-}
-
 // src/core/task-batch.ts
 var TASK_BATCH_TRIM_CHARACTERS = " 	\n\v\f\r\xA0\u1680\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200A\u2028\u2029\u202F\u205F\u3000\uFEFF";
 function normalizeTaskBatchId(batchId) {
@@ -18686,7 +18800,27 @@ function scopesMatch(left, right) {
 function currentScope() {
   return runtimeScope({ cwd: process.cwd(), env: process.env });
 }
-function getGatewayDiagnostic() {
+function diagnoseOpenCodeRuntime(runtime = {
+  cwd: process.cwd(),
+  env: process.env
+}) {
+  const executable = runtimeScope(runtime).opencodePath;
+  const result = spawnSync(executable, ["--version"], {
+    cwd: runtime.cwd,
+    env: runtime.env,
+    encoding: "utf8",
+    timeout: 1e4,
+    killSignal: "SIGKILL"
+  });
+  const ok = result.status === 0 && result.error === void 0;
+  return {
+    ok,
+    executable,
+    version: ok ? result.stdout.trim() || result.stderr.trim() || null : null,
+    error: ok ? null : result.error?.message || result.stderr.trim() || result.stdout.trim() || `exit code ${result.status}`
+  };
+}
+function getGatewayDiagnostic(options = {}) {
   const producerScope = currentScope();
   if (!isPm2Installed()) {
     return {
@@ -18702,7 +18836,8 @@ function getGatewayDiagnostic() {
       startupConfigured: process.platform === "darwin" || process.platform === "linux" ? false : null,
       currentScope: producerScope,
       gatewayScope: null,
-      scopeMatches: false
+      scopeMatches: false,
+      gatewayOpenCode: null
     };
   }
   const processes = pm2JsonList();
@@ -18730,7 +18865,8 @@ function getGatewayDiagnostic() {
     ) : process.platform === "linux" ? isLinuxStartupConfigured(gatewayEnv, runtime?.cwd, runtime ?? void 0) : null,
     currentScope: producerScope,
     gatewayScope: managedScope,
-    scopeMatches: managedScope != null && scopesMatch(producerScope, managedScope)
+    scopeMatches: managedScope != null && scopesMatch(producerScope, managedScope),
+    gatewayOpenCode: runtime === null || !options.probeOpenCode ? null : diagnoseOpenCodeRuntime(runtime)
   };
 }
 function pm2Bin(env = process.env) {
@@ -19049,7 +19185,7 @@ var ZH = {
   "action.hideLogs": "\u6536\u8D77\u65E5\u5FD7",
   "action.save": "\u4FDD\u5B58\u8BBE\u7F6E",
   "action.saveAndRestart": "\u4FDD\u5B58\u5E76\u91CD\u542F",
-  "action.copy": "\u590D\u5236 JSON",
+  "action.copy": "\u590D\u5236\u539F\u59CB\u6570\u636E",
   "action.close": "\u5173\u95ED",
   "action.confirm": "\u786E\u8BA4",
   "action.clearDatabase": "\u6E05\u7A7A\u6570\u636E\u5E93",
@@ -19058,6 +19194,13 @@ var ZH = {
   "action.updateTask": "\u4FDD\u5B58\u4FEE\u6539",
   "action.createTemplate": "\u65B0\u5EFA\u5B9A\u65F6\u4EFB\u52A1",
   "action.saveTemplate": "\u4FDD\u5B58\u5B9A\u65F6\u4EFB\u52A1",
+  "action.chooseFolder": "\u9009\u62E9\u6587\u4EF6\u5939",
+  "action.chooseThisFolder": "\u9009\u62E9\u5F53\u524D\u6587\u4EF6\u5939",
+  "action.home": "\u4E3B\u76EE\u5F55",
+  "action.up": "\u4E0A\u4E00\u7EA7",
+  "action.copyCommand": "\u590D\u5236\u547D\u4EE4",
+  "action.showHidden": "\u663E\u793A\u9690\u85CF\u6587\u4EF6\u5939",
+  "action.hideHidden": "\u9690\u85CF\u9690\u85CF\u6587\u4EF6\u5939",
   "status.pending": "\u5F85\u6267\u884C",
   "status.running": "\u8FD0\u884C\u4E2D",
   "status.done": "\u5DF2\u5B8C\u6210",
@@ -19124,6 +19267,15 @@ var ZH = {
   "schedule.hours": "{count} \u5C0F\u65F6",
   "schedule.days": "{count} \u5929",
   "schedule.overdue": "\u5DF2\u5230\u671F",
+  "duration.unit": "\u65F6\u95F4\u5355\u4F4D",
+  "duration.seconds": "\u79D2",
+  "duration.minutes": "\u5206\u949F",
+  "duration.hours": "\u5C0F\u65F6",
+  "duration.days": "\u5929",
+  "duration.systemDefault": "\u4F7F\u7528 Gateway \u9ED8\u8BA4\u8D85\u65F6",
+  "duration.immediate": "\u7ACB\u5373\u91CD\u8BD5",
+  "duration.custom": "\u81EA\u5B9A\u4E49\u2026",
+  "duration.every": "\u6BCF {duration}",
   "system.worker": "\u4EFB\u52A1\u6267\u884C",
   "system.scheduler": "\u5B9A\u65F6\u4EFB\u52A1\u670D\u52A1",
   "system.watchdog": "\u8FD0\u884C\u76D1\u63A7",
@@ -19171,6 +19323,9 @@ var ZH = {
   "template.interval": "\u6267\u884C\u95F4\u9694",
   "template.runAt": "\u6267\u884C\u65F6\u95F4",
   "template.durationHint": "\u652F\u6301 30s\u30015min\u30011h\u30012d",
+  "template.intervalHint": "\u76F4\u63A5\u9009\u62E9\u5E38\u7528\u9891\u7387\uFF1B\u53EA\u6709\u7279\u6B8A\u9700\u6C42\u624D\u9700\u8981\u81EA\u5B9A\u4E49\u3002",
+  "template.retryBackoffHint": "\u4E00\u6B21\u5931\u8D25\u540E\uFF0C\u7B49\u5F85\u591A\u4E45\u518D\u91CD\u8BD5\u3002",
+  "template.timeoutHint": "\u7559\u7A7A\u8868\u793A\u4F7F\u7528 Gateway \u7684\u9ED8\u8BA4\u4EFB\u52A1\u8D85\u65F6\u3002",
   "template.advanced": "\u66F4\u591A\u6267\u884C\u8BBE\u7F6E",
   "template.category": "\u5206\u7C7B",
   "template.batchId": "\u6279\u6B21 ID",
@@ -19195,14 +19350,73 @@ var ZH = {
   "task.batchHint": "\u76F8\u540C\u975E\u7A7A\u6279\u6B21 ID \u7684\u4EFB\u52A1\u4E25\u683C\u4E32\u884C\uFF1B\u7559\u7A7A\u5219\u4E0D\u53D7\u6279\u6B21\u4E32\u884C\u9650\u5236\uFF0C\u4F46\u4ECD\u53D7\u5168\u5C40\u5E76\u53D1\u548C\u4F9D\u8D56\u7EA6\u675F\u3002",
   "task.projectExisting": "\u6B64\u9879\u76EE\u73B0\u6709 {total} \u4E2A\u4EFB\u52A1\uFF1A\u8FD0\u884C {running}\uFF0C\u6392\u961F {pending}\uFF0C\u5F02\u5E38 {failed}\u3002",
   "task.projectNew": "\u8FD9\u662F\u4E00\u4E2A\u65B0\u9879\u76EE\u5206\u7EC4\uFF1B\u521B\u5EFA\u540E\u4F1A\u51FA\u73B0\u5728\u9879\u76EE\u5217\u8868\u4E2D\u3002",
+  "catalog.chooseProject": "\u8BF7\u5148\u9009\u62E9\u9879\u76EE\u76EE\u5F55",
+  "catalog.defaultModel": "\u8DDF\u968F Agent / OpenCode \u9ED8\u8BA4\u6A21\u578B",
+  "catalog.defaultProvider": "\u9ED8\u8BA4\u6A21\u578B",
+  "catalog.provider": "\u6A21\u578B\u63D0\u4F9B\u5546",
+  "catalog.model": "\u5177\u4F53\u6A21\u578B",
+  "catalog.modelHint": "\u5148\u9009\u63D0\u4F9B\u5546\uFF0C\u518D\u9009\u672C\u9879\u76EE opencode models \u8FD4\u56DE\u7684\u6A21\u578B\uFF1B\u9ED8\u8BA4\u9009\u9879\u4E0D\u4F1A\u4F20\u5165 -m\u3002",
+  "catalog.agentHint": "\u6765\u81EA\u5F53\u524D\u9879\u76EE\u7684 opencode agent list\u3002",
+  "catalog.loading": "\u6B63\u5728\u8BFB\u53D6\u6B64\u9879\u76EE\u53EF\u7528\u7684 Agent \u548C\u6A21\u578B\u2026",
+  "catalog.loaded": "\u5DF2\u4ECE\u672C\u673A OpenCode \u8BFB\u53D6 {agents} \u4E2A Agent\u3001{models} \u4E2A\u6A21\u578B\u3002",
+  "catalog.failed": "\u65E0\u6CD5\u8BFB\u53D6\u6B64\u9879\u76EE\u7684 OpenCode \u914D\u7F6E\uFF1A{error}",
+  "catalog.primary": "\u4E3B Agent",
+  "catalog.subagent": "\u5B50 Agent",
+  "catalog.all": "\u901A\u7528 Agent",
+  "directory.title": "\u9009\u62E9\u9879\u76EE\u76EE\u5F55",
+  "directory.subtitle": "\u9009\u62E9\u540E\uFF0C\u7CFB\u7EDF\u4F1A\u5728\u8BE5\u76EE\u5F55\u8FD0\u884C OpenCode\uFF0C\u5E76\u8BFB\u53D6\u8BE5\u9879\u76EE\u53EF\u7528\u7684 Agent \u548C\u6A21\u578B\u3002",
+  "directory.empty": "\u8FD9\u4E2A\u6587\u4EF6\u5939\u4E2D\u6CA1\u6709\u5B50\u6587\u4EF6\u5939",
+  "logs.command": "\u5B9E\u9645\u6267\u884C\u547D\u4EE4",
+  "logs.output": "Agent \u8F93\u51FA",
+  "logs.error": "\u5931\u8D25\u539F\u56E0",
+  "logs.tools": "\u5DE5\u5177\u8C03\u7528",
+  "logs.raw": "\u67E5\u770B\u539F\u59CB\u6267\u884C\u65E5\u5FD7",
+  "logs.noText": "\u8FD9\u6B21\u6267\u884C\u6CA1\u6709\u4EA7\u751F\u53EF\u5C55\u793A\u7684\u6587\u672C\u8F93\u51FA\uFF0C\u8BF7\u67E5\u770B\u539F\u59CB\u65E5\u5FD7\u3002",
   "theme.label": "\u4E3B\u9898",
   "theme.system": "\u8DDF\u968F\u7CFB\u7EDF",
   "theme.light": "\u6D45\u8272",
   "theme.dark": "\u6DF1\u8272",
   "language.label": "\u8BED\u8A00",
-  "details.title": "\u6570\u636E\u8BE6\u60C5",
-  "details.subtitle": "\u539F\u59CB\u8BB0\u5F55\uFF08JSON\uFF09",
-  "details.copySuccess": "JSON \u5DF2\u590D\u5236",
+  "details.title": "\u8BE6\u60C5",
+  "details.subtitle": "\u91CD\u70B9\u4FE1\u606F\u5DF2\u6574\u7406\uFF1B\u539F\u59CB\u6570\u636E\u4EC5\u7528\u4E8E\u6392\u969C\u3002",
+  "details.taskTitle": "\u4EFB\u52A1\u8BE6\u60C5",
+  "details.runTitle": "\u6267\u884C\u8BE6\u60C5",
+  "details.templateTitle": "\u5B9A\u65F6\u4EFB\u52A1\u8BE6\u60C5",
+  "details.raw": "\u67E5\u770B\u539F\u59CB\u6570\u636E\uFF08JSON\uFF09",
+  "details.copySuccess": "\u539F\u59CB\u6570\u636E\u5DF2\u590D\u5236",
+  "details.id": "\u7F16\u53F7",
+  "details.project": "\u9879\u76EE\u76EE\u5F55",
+  "details.prompt": "\u63D0\u793A\u8BCD",
+  "details.result": "\u6267\u884C\u7ED3\u679C / \u5931\u8D25\u539F\u56E0",
+  "details.category": "\u5206\u7C7B",
+  "details.batch": "\u6279\u6B21",
+  "details.dependency": "\u4F9D\u8D56\u4EFB\u52A1",
+  "details.importance": "\u91CD\u8981\u7A0B\u5EA6",
+  "details.urgency": "\u7D27\u6025\u7A0B\u5EA6",
+  "details.retryCount": "\u5DF2\u91CD\u8BD5 / \u6700\u591A\u91CD\u8BD5",
+  "details.retryBackoff": "\u91CD\u8BD5\u7B49\u5F85",
+  "details.timeout": "\u6267\u884C\u8D85\u65F6",
+  "details.createdAt": "\u521B\u5EFA\u65F6\u95F4",
+  "details.updatedAt": "\u66F4\u65B0\u65F6\u95F4",
+  "details.startedAt": "\u5F00\u59CB\u65F6\u95F4",
+  "details.finishedAt": "\u7ED3\u675F\u65F6\u95F4",
+  "details.scheduledAt": "\u8BA1\u5212\u65F6\u95F4",
+  "details.enabled": "\u81EA\u52A8\u8FD0\u884C",
+  "details.scheduleRule": "\u8FD0\u884C\u89C4\u5219",
+  "details.maxInstances": "\u81EA\u52A8\u8C03\u5EA6\u4E0A\u9650",
+  "details.maxRetries": "\u5931\u8D25\u91CD\u8BD5\u6B21\u6570",
+  "details.lastRun": "\u4E0A\u6B21\u8FD0\u884C",
+  "details.nextRun": "\u4E0B\u6B21\u8FD0\u884C",
+  "details.taskId": "\u6240\u5C5E\u4EFB\u52A1",
+  "details.session": "OpenCode \u4F1A\u8BDD",
+  "details.heartbeat": "\u6700\u8FD1\u5FC3\u8DF3",
+  "details.process": "\u8FDB\u7A0B",
+  "details.history": "\u6267\u884C\u5386\u53F2",
+  "details.noHistory": "\u8FD8\u6CA1\u6709\u6267\u884C\u8BB0\u5F55",
+  "details.none": "\u65E0",
+  "details.default": "\u8DDF\u968F\u7CFB\u7EDF\u9ED8\u8BA4",
+  "details.enabledYes": "\u5DF2\u542F\u7528",
+  "details.enabledNo": "\u5DF2\u505C\u7528",
   "dialog.cancelTask": "\u53D6\u6D88\u4EFB\u52A1 #{id}\uFF1F",
   "dialog.cancelTaskBody": "\u8FD0\u884C\u4E2D\u7684\u4EFB\u52A1\u4F1A\u5728\u4E0B\u4E00\u4E2A\u8F6E\u8BE2\u5468\u671F\u7EC8\u6B62\u5BF9\u5E94\u8FDB\u7A0B\u6811\u3002",
   "dialog.retryTask": "\u91CD\u8BD5\u4EFB\u52A1 #{id}\uFF1F",
@@ -19232,6 +19446,7 @@ var ZH = {
   "feedback.templateUpdated": "\u5B9A\u65F6\u4EFB\u52A1\u5DF2\u66F4\u65B0",
   "feedback.configSaved": "\u8BBE\u7F6E\u5DF2\u4FDD\u5B58",
   "feedback.sessionCommandCopied": "\u4F1A\u8BDD\u547D\u4EE4\u5DF2\u590D\u5236\uFF0C\u53EF\u76F4\u63A5\u7C98\u8D34\u5230\u7EC8\u7AEF\u8FD0\u884C",
+  "feedback.commandCopied": "\u6267\u884C\u547D\u4EE4\u5DF2\u590D\u5236",
   "feedback.restarting": "Gateway \u6B63\u5728\u91CD\u542F\uFF0C\u8BF7\u7A0D\u5019\u2026",
   "feedback.restartTimeout": "Gateway \u5C1A\u672A\u6062\u590D\uFF0C\u8BF7\u7A0D\u540E\u5237\u65B0\u6216\u68C0\u67E5 PM2 \u72B6\u6001",
   "feedback.databaseCleared": "\u6570\u636E\u5E93\u5DF2\u6E05\u7A7A\uFF0C\u5907\u4EFD\u4F4D\u4E8E\uFF1A{path}",
@@ -19271,7 +19486,7 @@ var EN = {
   "action.hideLogs": "Hide log",
   "action.save": "Save settings",
   "action.saveAndRestart": "Save and restart",
-  "action.copy": "Copy JSON",
+  "action.copy": "Copy raw data",
   "action.close": "Close",
   "action.confirm": "Confirm",
   "action.clearDatabase": "Clear database",
@@ -19280,6 +19495,13 @@ var EN = {
   "action.updateTask": "Save changes",
   "action.createTemplate": "New scheduled task",
   "action.saveTemplate": "Save scheduled task",
+  "action.chooseFolder": "Choose folder",
+  "action.chooseThisFolder": "Choose this folder",
+  "action.home": "Home",
+  "action.up": "Up",
+  "action.copyCommand": "Copy command",
+  "action.showHidden": "Show hidden folders",
+  "action.hideHidden": "Hide hidden folders",
   "status.pending": "Pending",
   "status.running": "Running",
   "status.done": "Done",
@@ -19346,6 +19568,15 @@ var EN = {
   "schedule.hours": "{count} hr",
   "schedule.days": "{count} days",
   "schedule.overdue": "Overdue",
+  "duration.unit": "Time unit",
+  "duration.seconds": "seconds",
+  "duration.minutes": "minutes",
+  "duration.hours": "hours",
+  "duration.days": "days",
+  "duration.systemDefault": "Use Gateway default timeout",
+  "duration.immediate": "Retry immediately",
+  "duration.custom": "Custom\u2026",
+  "duration.every": "Every {duration}",
   "system.worker": "Task execution",
   "system.scheduler": "Scheduled task service",
   "system.watchdog": "Runtime monitor",
@@ -19393,6 +19624,9 @@ var EN = {
   "template.interval": "Interval",
   "template.runAt": "Run at",
   "template.durationHint": "Supports 30s, 5min, 1h, 2d",
+  "template.intervalHint": "Choose a common frequency directly; customize only when necessary.",
+  "template.retryBackoffHint": "How long to wait after a failure before retrying.",
+  "template.timeoutHint": "Leave blank to use the Gateway default task timeout.",
   "template.advanced": "More execution settings",
   "template.category": "Category",
   "template.batchId": "Batch ID",
@@ -19417,14 +19651,73 @@ var EN = {
   "task.batchHint": "Tasks with the same non-empty batch ID run serially. Blank removes the batch constraint; global concurrency and dependencies still apply.",
   "task.projectExisting": "This project has {total} tasks: {running} running, {pending} queued, and {failed} with issues.",
   "task.projectNew": "This is a new project group. It appears in the project list after creation.",
+  "catalog.chooseProject": "Choose a project directory first",
+  "catalog.defaultModel": "Use the Agent / OpenCode default model",
+  "catalog.defaultProvider": "Default model",
+  "catalog.provider": "Model provider",
+  "catalog.model": "Model",
+  "catalog.modelHint": "Choose a provider, then a model returned by opencode models for this project. Default does not pass -m.",
+  "catalog.agentHint": "Loaded from opencode agent list for this project.",
+  "catalog.loading": "Loading Agents and models available to this project\u2026",
+  "catalog.loaded": "Loaded {agents} Agents and {models} models from local OpenCode.",
+  "catalog.failed": "Could not load this project\u2019s OpenCode configuration: {error}",
+  "catalog.primary": "primary Agent",
+  "catalog.subagent": "subagent",
+  "catalog.all": "general Agent",
+  "directory.title": "Choose project directory",
+  "directory.subtitle": "OpenCode runs in this directory, and its project-specific Agents and models are loaded.",
+  "directory.empty": "This folder has no subfolders",
+  "logs.command": "Executed command",
+  "logs.output": "Agent output",
+  "logs.error": "Failure reason",
+  "logs.tools": "Tool calls",
+  "logs.raw": "View raw execution log",
+  "logs.noText": "This run produced no displayable text. Inspect the raw log for details.",
   "theme.label": "Theme",
   "theme.system": "System",
   "theme.light": "Light",
   "theme.dark": "Dark",
   "language.label": "Language",
-  "details.title": "Data details",
-  "details.subtitle": "Raw record (JSON)",
-  "details.copySuccess": "JSON copied",
+  "details.title": "Details",
+  "details.subtitle": "Key information is organized below; raw data is only for troubleshooting.",
+  "details.taskTitle": "Task details",
+  "details.runTitle": "Run details",
+  "details.templateTitle": "Scheduled task details",
+  "details.raw": "View raw data (JSON)",
+  "details.copySuccess": "Raw data copied",
+  "details.id": "ID",
+  "details.project": "Project directory",
+  "details.prompt": "Prompt",
+  "details.result": "Result / failure reason",
+  "details.category": "Category",
+  "details.batch": "Batch",
+  "details.dependency": "Dependency",
+  "details.importance": "Importance",
+  "details.urgency": "Urgency",
+  "details.retryCount": "Retries used / allowed",
+  "details.retryBackoff": "Retry delay",
+  "details.timeout": "Run timeout",
+  "details.createdAt": "Created",
+  "details.updatedAt": "Updated",
+  "details.startedAt": "Started",
+  "details.finishedAt": "Finished",
+  "details.scheduledAt": "Scheduled for",
+  "details.enabled": "Automatic runs",
+  "details.scheduleRule": "Schedule rule",
+  "details.maxInstances": "Automatic scheduling limit",
+  "details.maxRetries": "Failure retries",
+  "details.lastRun": "Last run",
+  "details.nextRun": "Next run",
+  "details.taskId": "Task",
+  "details.session": "OpenCode session",
+  "details.heartbeat": "Latest heartbeat",
+  "details.process": "Processes",
+  "details.history": "Run history",
+  "details.noHistory": "No runs yet",
+  "details.none": "None",
+  "details.default": "Use system default",
+  "details.enabledYes": "Enabled",
+  "details.enabledNo": "Disabled",
   "dialog.cancelTask": "Cancel task #{id}?",
   "dialog.cancelTaskBody": "A running task will terminate its process tree on the next worker poll.",
   "dialog.retryTask": "Retry task #{id}?",
@@ -19454,6 +19747,7 @@ var EN = {
   "feedback.templateUpdated": "Scheduled task updated",
   "feedback.configSaved": "Settings saved",
   "feedback.sessionCommandCopied": "Session command copied. Paste it into a terminal to continue.",
+  "feedback.commandCopied": "Execution command copied",
   "feedback.restarting": "Gateway is restarting\u2026",
   "feedback.restartTimeout": "Gateway has not recovered yet. Refresh later or check PM2 status.",
   "feedback.databaseCleared": "Database cleared. Backup: {path}",
@@ -19523,7 +19817,8 @@ function icon(name, className = "icon") {
     check: '<path d="m5 12 4 4L19 6"/>',
     alert: '<path d="M12 3 2.8 19h18.4L12 3Z"/><path d="M12 9v4M12 17h.01"/>',
     clock: '<circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2"/>',
-    database: '<ellipse cx="12" cy="5" rx="8" ry="3"/><path d="M4 5v6c0 1.66 3.58 3 8 3s8-1.34 8-3V5M4 11v6c0 1.66 3.58 3 8 3s8-1.34 8-3v-6"/>'
+    database: '<ellipse cx="12" cy="5" rx="8" ry="3"/><path d="M4 5v6c0 1.66 3.58 3 8 3s8-1.34 8-3V5M4 11v6c0 1.66 3.58 3 8 3s8-1.34 8-3v-6"/>',
+    folder: '<path d="M3 7.5A2.5 2.5 0 0 1 5.5 5H10l2 2h6.5A2.5 2.5 0 0 1 21 9.5v7A2.5 2.5 0 0 1 18.5 19h-13A2.5 2.5 0 0 1 3 16.5v-9Z"/>'
   };
   return `<svg class="${className}" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">${paths[name]}</svg>`;
 }
@@ -19730,6 +20025,20 @@ var STYLES = `
   .danger-card h2 .icon { width:17px; height:17px; }
   .danger-card p { max-width:800px; margin:0 0 14px; color:var(--text-2); font-size:12px; }
   .log-panel { margin:12px 0; animation:reveal .18s ease both; }
+  .run-log-row td { padding:0 16px 16px; background:color-mix(in srgb,var(--surface-2) 64%,var(--surface)); }
+  .run-log-row .log-panel { margin:0; box-shadow:none; }
+  .log-content { display:grid; gap:14px; padding:16px; }
+  .log-section-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:7px; }
+  .run-command,.run-output,.run-error,.run-tools { min-width:0; }
+  .run-command strong,.run-output>strong,.run-error>strong,.run-tools>strong { display:block; margin-bottom:7px; font-size:12px; }
+  .command-cwd { margin-bottom:6px; color:var(--text-3); font-family:"SFMono-Regular",Consolas,monospace; font-size:10px; overflow-wrap:anywhere; }
+  .run-command pre,.run-output pre,.run-error pre { margin:0; padding:12px; overflow:auto; border:1px solid var(--border); border-radius:9px;
+    color:var(--text-2); background:var(--surface-2); font-family:"SFMono-Regular",Consolas,monospace; font-size:11px; white-space:pre-wrap; overflow-wrap:anywhere; }
+  .run-output pre { color:var(--text); font-family:inherit; font-size:13px; line-height:1.65; }
+  .run-error pre { color:var(--red); border-color:color-mix(in srgb,var(--red) 28%,var(--border)); background:var(--red-soft); }
+  .raw-log { padding-top:12px; border-top:1px solid var(--border); }
+  .raw-log summary { color:var(--text-2); cursor:pointer; font-size:12px; font-weight:650; }
+  .raw-log .log-box { margin-top:10px; border-radius:9px; }
   .log-box { max-height:360px; overflow:auto; padding:16px; color:var(--text-2); background:#0b1018; font-family:"SFMono-Regular",Consolas,monospace;
     font-size:12px; white-space:pre-wrap; overflow-wrap:anywhere; }
   :root[data-theme="light"] .log-box { color:#dbe5f3; }
@@ -19748,14 +20057,48 @@ var STYLES = `
   .form-field-wide { grid-column:1 / -1; }
   .form-field input,.form-field select,.form-field textarea { width:100%; min-height:39px; padding:8px 10px; border:1px solid var(--border); border-radius:9px;
     outline:none; color:var(--text); background:var(--surface-2); font-weight:450; }
+  .field-action { display:flex; align-items:stretch; gap:7px; }
+  .field-action input { min-width:0; flex:1; }
+  .field-action .btn { flex:0 0 auto; white-space:nowrap; }
+  .model-selector { display:grid; grid-template-columns:minmax(120px,.75fr) minmax(0,1.25fr); gap:7px; }
+  .duration-picker { display:grid; gap:7px; }
+  .duration-control { display:grid; grid-template-columns:minmax(0,1fr) 112px; gap:7px; }
+  .duration-control input,.duration-control select { min-width:0; }
   .form-field textarea { resize:vertical; line-height:1.5; }
   .form-field input:focus,.form-field select:focus,.form-field textarea:focus { border-color:var(--primary); box-shadow:var(--focus); background:var(--surface); }
   .form-field small { color:var(--text-3); font-size:10px; font-weight:450; }
   .advanced-fields { margin-top:18px; padding-top:14px; border-top:1px solid var(--border); }
   .advanced-fields summary { margin-bottom:14px; color:var(--text-2); cursor:pointer; font-size:12px; font-weight:700; }
   .form-note { margin:16px 0 0; color:var(--text-3); font-size:11px; }
-  .json-view { min-height:160px; margin:0; padding:15px; overflow:auto; border:1px solid var(--border); border-radius:10px; color:var(--text-2);
-    background:var(--surface-2); font-size:12px; white-space:pre-wrap; overflow-wrap:anywhere; }
+  .catalog-status[data-state="loading"] { color:var(--blue); }
+  .catalog-status[data-state="ready"] { color:var(--green); }
+  .catalog-status[data-state="error"] { color:var(--red); }
+  .directory-dialog { width:min(720px,calc(100% - 32px)); }
+  .directory-toolbar { display:flex; align-items:center; gap:8px; margin-bottom:12px; }
+  .directory-path { min-width:0; flex:1; padding:9px 11px; overflow:hidden; border:1px solid var(--border); border-radius:9px;
+    color:var(--text-2); background:var(--surface-2); font-family:"SFMono-Regular",Consolas,monospace; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
+  .directory-list { min-height:260px; max-height:48vh; display:grid; align-content:start; gap:6px; overflow:auto; }
+  .directory-item { width:100%; min-height:40px; display:flex; align-items:center; gap:9px; padding:0 11px; border:1px solid transparent; border-radius:9px;
+    color:var(--text-2); background:transparent; cursor:pointer; text-align:left; transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .12s ease; }
+  .directory-item:hover { color:var(--text); border-color:var(--border); background:var(--surface-2); }
+  .directory-item:active { transform:scale(.99); }
+  .directory-item .icon { width:17px; height:17px; color:var(--primary); flex:0 0 auto; }
+  .directory-empty { min-height:220px; display:grid; place-items:center; color:var(--text-3); }
+  .detail-view { display:grid; gap:16px; }
+  .detail-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
+  .detail-item { min-width:0; padding:12px 13px; border:1px solid var(--border); border-radius:10px; background:var(--surface-2); }
+  .detail-item.wide { grid-column:1 / -1; }
+  .detail-label { margin-bottom:5px; color:var(--text-3); font-size:10px; font-weight:750; letter-spacing:.045em; text-transform:uppercase; }
+  .detail-value { color:var(--text); font-size:13px; line-height:1.55; overflow-wrap:anywhere; }
+  .detail-value.mono { font-family:"SFMono-Regular",Consolas,monospace; font-size:11px; }
+  .detail-value.long { max-height:240px; margin:0; overflow:auto; white-space:pre-wrap; }
+  .detail-history h3 { margin:0 0 8px; font-size:13px; }
+  .detail-history-list { display:grid; gap:7px; }
+  .detail-history-item { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:9px 11px; border:1px solid var(--border); border-radius:9px; background:var(--surface-2); font-size:11px; }
+  .detail-raw { padding-top:12px; border-top:1px solid var(--border); }
+  .detail-raw summary { color:var(--text-2); cursor:pointer; font-size:12px; font-weight:650; }
+  .json-view { max-height:320px; margin:10px 0 0; padding:15px; overflow:auto; border:1px solid var(--border); border-radius:10px; color:var(--text-2);
+    background:var(--surface-2); font-family:"SFMono-Regular",Consolas,monospace; font-size:11px; white-space:pre-wrap; overflow-wrap:anywhere; }
   .confirm-copy { color:var(--text-2); margin:0; }
   .confirm-copy strong { display:block; margin-bottom:5px; color:var(--text); font-size:15px; }
   .danger-input { width:100%; height:40px; margin-top:14px; padding:0 12px; border:1px solid var(--border); border-radius:9px; outline:none;
@@ -19819,9 +20162,17 @@ var STYLES = `
     .responsive-table td[data-primary]::before { display:none; }
     .responsive-table .task-prompt { max-width:100%; }
     .responsive-table .actions { justify-content:flex-start; }
+    .responsive-table .run-log-row { padding:0; overflow:hidden; }
+    .responsive-table .run-log-cell { display:block; padding:0; }
+    .responsive-table .run-log-cell::before { display:none; }
     .project-grid { grid-template-columns:1fr; }
     .template-form-grid { grid-template-columns:1fr; }
+    .detail-grid { grid-template-columns:1fr; }
+    .detail-item.wide { grid-column:auto; }
     .form-field-wide { grid-column:auto; }
+    .field-action { align-items:stretch; flex-direction:column; }
+    .field-action .btn { width:100%; }
+    .model-selector { grid-template-columns:1fr; }
   }
   @media (max-width:520px) {
     .stats-grid,.stats-grid.three { grid-template-columns:1fr 1fr; }
@@ -19851,7 +20202,70 @@ function clientMessages(locale) {
     "action.refresh",
     "action.logs",
     "action.hideLogs",
+    "details.title",
+    "details.subtitle",
+    "details.taskTitle",
+    "details.runTitle",
+    "details.templateTitle",
+    "details.raw",
     "details.copySuccess",
+    "details.id",
+    "details.project",
+    "details.prompt",
+    "details.result",
+    "details.category",
+    "details.batch",
+    "details.dependency",
+    "details.importance",
+    "details.urgency",
+    "details.retryCount",
+    "details.retryBackoff",
+    "details.timeout",
+    "details.createdAt",
+    "details.updatedAt",
+    "details.startedAt",
+    "details.finishedAt",
+    "details.scheduledAt",
+    "details.enabled",
+    "details.scheduleRule",
+    "details.maxInstances",
+    "details.maxRetries",
+    "details.lastRun",
+    "details.nextRun",
+    "details.taskId",
+    "details.session",
+    "details.heartbeat",
+    "details.process",
+    "details.history",
+    "details.noHistory",
+    "details.none",
+    "details.default",
+    "details.enabledYes",
+    "details.enabledNo",
+    "table.name",
+    "table.agent",
+    "table.model",
+    "table.status",
+    "table.duration",
+    "template.scheduleType",
+    "status.pending",
+    "status.running",
+    "status.done",
+    "status.failed",
+    "status.dead_letter",
+    "status.cancelled",
+    "status.unknown",
+    "runStatus.running",
+    "runStatus.done",
+    "runStatus.failed",
+    "schedule.cron",
+    "schedule.recurring",
+    "schedule.delayed",
+    "schedule.unknown",
+    "duration.seconds",
+    "duration.minutes",
+    "duration.hours",
+    "duration.days",
     "feedback.copyFailed",
     "dialog.cancelTask",
     "dialog.cancelTaskBody",
@@ -19893,7 +20307,20 @@ function clientMessages(locale) {
     "feedback.restartTimeout",
     "template.createTitle",
     "template.editTitle",
-    "filter.noResults"
+    "filter.noResults",
+    "catalog.chooseProject",
+    "catalog.defaultModel",
+    "catalog.defaultProvider",
+    "catalog.loading",
+    "catalog.loaded",
+    "catalog.failed",
+    "catalog.primary",
+    "catalog.subagent",
+    "catalog.all",
+    "directory.empty",
+    "feedback.commandCopied",
+    "action.showHidden",
+    "action.hideHidden"
   ];
   return Object.fromEntries(keys.map((key) => [key, t(locale, key)]));
 }
@@ -19961,9 +20388,14 @@ function renderLayout(options) {
     <footer>${t(locale, "app.footer")}</footer>
   </div>
   <div id="toast-region" class="toast-region" role="status" aria-live="polite"></div>
+  <dialog id="directory-dialog" class="directory-dialog">
+    <div class="dialog-head"><div><h2>${t(locale, "directory.title")}</h2><p>${t(locale, "directory.subtitle")}</p></div><button type="button" class="icon-button" onclick="document.getElementById('directory-dialog').close()" aria-label="${t(locale, "action.close")}">${icon("close")}</button></div>
+    <div class="dialog-body"><div class="directory-toolbar"><button id="directory-home" type="button" class="btn">${t(locale, "action.home")}</button><button id="directory-up" type="button" class="btn">${t(locale, "action.up")}</button><button id="directory-hidden" type="button" class="btn">${t(locale, "action.showHidden")}</button><div id="directory-path" class="directory-path"></div></div><div id="directory-list" class="directory-list"></div></div>
+    <div class="dialog-actions"><button type="button" class="btn" onclick="document.getElementById('directory-dialog').close()">${t(locale, "action.cancel")}</button><button id="directory-choose" type="button" class="btn btn-primary">${icon("folder")}${t(locale, "action.chooseThisFolder")}</button></div>
+  </dialog>
   <dialog id="detail-dialog">
-    <div class="dialog-head"><div><h2>${t(locale, "details.title")}</h2><p>${t(locale, "details.subtitle")}</p></div><button class="icon-button" onclick="document.getElementById('detail-dialog').close()" aria-label="${t(locale, "action.close")}">${icon("close")}</button></div>
-    <div class="dialog-body"><pre id="detail-content" class="json-view"></pre></div>
+    <div class="dialog-head"><div><h2 id="detail-title">${t(locale, "details.title")}</h2><p>${t(locale, "details.subtitle")}</p></div><button class="icon-button" onclick="document.getElementById('detail-dialog').close()" aria-label="${t(locale, "action.close")}">${icon("close")}</button></div>
+    <div class="dialog-body"><div id="detail-content" class="detail-view"></div><details class="detail-raw"><summary>${t(locale, "details.raw")}</summary><pre id="detail-raw" class="json-view"></pre></details></div>
     <div class="dialog-actions"><button class="btn" onclick="copyDetails()">${icon("copy")}${t(locale, "action.copy")}</button><button class="btn btn-primary" onclick="document.getElementById('detail-dialog').close()">${t(locale, "action.close")}</button></div>
   </dialog>
   <dialog id="confirm-dialog">
@@ -19995,30 +20427,77 @@ function renderLayout(options) {
     async function retryTask(id){if(!await ask(text('dialog.retryTask',{id}),text('dialog.retryTaskBody')))return;try{await readJson(await fetch('/api/tasks/'+id+'/retry',{method:'POST'}));location.reload()}catch(error){showToast(text('feedback.retryFailed')+': '+error.message,'error')}}
     async function cancelTask(id){if(!await ask(text('dialog.cancelTask',{id}),text('dialog.cancelTaskBody'),true))return;try{await readJson(await fetch('/api/tasks/'+id+'/cancel',{method:'POST'}));location.reload()}catch(error){showToast(text('feedback.cancelFailed')+': '+error.message,'error')}}
     async function deleteTask(id){if(!await ask(text('dialog.deleteTask',{id}),text('dialog.deleteTaskBody'),true))return;try{await readJson(await fetch('/api/tasks/'+id,{method:'DELETE'}));location.reload()}catch(error){showToast(text('feedback.deleteFailed')+': '+error.message,'error')}}
-    async function showRecord(url){try{const data=await readJson(await fetch(url));document.getElementById('detail-content').textContent=JSON.stringify(data,null,2);document.getElementById('detail-dialog').showModal()}catch(error){showToast(error.message,'error')}}
-    const showDetail=id=>showRecord('/api/tasks/'+id);const showRunDetail=id=>showRecord('/api/runs/'+id);const showTemplateDetail=id=>showRecord('/api/templates/'+id);
-    async function copyDetails(){try{await navigator.clipboard.writeText(document.getElementById('detail-content').textContent);showToast(text('details.copySuccess'))}catch{showToast(text('feedback.copyFailed'),'error')}}
+    function detailDate(value){if(value===null||value===undefined||value==='')return text('details.none');const epoch=typeof value==='number'&&value<100000000000?value*1000:value;const date=new Date(epoch);return Number.isNaN(date.getTime())?String(value):date.toLocaleString(document.documentElement.lang)}
+    function detailDuration(value){if(value===null||value===undefined)return text('details.default');const milliseconds=Number(value);if(!Number.isFinite(milliseconds))return String(value);if(milliseconds===0)return '0 ms';const units=[[86400000,text('duration.days')],[3600000,text('duration.hours')],[60000,text('duration.minutes')],[1000,text('duration.seconds')]];for(const [size,label] of units){if(milliseconds>=size&&milliseconds%size===0)return String(milliseconds/size)+' '+label}return String(milliseconds)+' ms'}
+    function detailStatus(type,value){const prefix=type==='run'?'runStatus.':'status.';const key=prefix+String(value||'unknown');return Object.prototype.hasOwnProperty.call(UI,key)?text(key):text('status.unknown')}
+    function detailScheduleType(value){const key='schedule.'+String(value||'unknown');return Object.prototype.hasOwnProperty.call(UI,key)?text(key):text('schedule.unknown')}
+    function detailModel(value){return !value||value==='default'?text('details.default'):String(value)}
+    function detailSession(value){if(!value)return text('details.none');const session=String(value);return session.length<=10?session:session.slice(0,6)+'***'+session.slice(-4)}
+    function detailTaskResult(data){const presentation=data._resultPresentation;if(!presentation)return text('details.none');const parts=[];if(Array.isArray(presentation.errors)&&presentation.errors.length)parts.push(presentation.errors.join('\\n'));if(presentation.text)parts.push(presentation.text);return parts.join('\\n\\n')||text('details.none')}
+    function detailField(label,value,options={}){const item=document.createElement('div');item.className='detail-item'+(options.wide?' wide':'');const name=document.createElement('div');name.className='detail-label';name.textContent=label;const content=options.long?document.createElement('pre'):document.createElement('div');content.className='detail-value'+(options.mono?' mono':'')+(options.long?' long':'');content.textContent=value===null||value===undefined||value===''?text('details.none'):String(value);item.append(name,content);return item}
+    function renderDetailHistory(runs){const section=document.createElement('section');section.className='detail-history';const title=document.createElement('h3');title.textContent=text('details.history');section.appendChild(title);if(!Array.isArray(runs)||runs.length===0){const empty=document.createElement('div');empty.className='muted small';empty.textContent=text('details.noHistory');section.appendChild(empty);return section}const list=document.createElement('div');list.className='detail-history-list';for(const run of runs){const item=document.createElement('div');item.className='detail-history-item';const primary=document.createElement('strong');primary.textContent='Run #'+run.id+' \xB7 '+detailStatus('run',run.status);const secondary=document.createElement('span');secondary.className='muted';secondary.textContent=detailDate(run.startedAt)+(run.model?' \xB7 '+detailModel(run.model):'');item.append(primary,secondary);list.appendChild(item)}section.appendChild(list);return section}
+    function detailFields(type,data){if(type==='task')return [
+        [text('details.id'),'#'+data.id],[text('table.name'),data.name],[text('table.status'),detailStatus('task',data.status)],[text('details.project'),data.cwd,{wide:true,mono:true}],
+        [text('table.agent'),data.agent],[text('table.model'),detailModel(data.model)],[text('details.prompt'),data.prompt,{wide:true,long:true}],
+        [text('details.category'),data.category],[text('details.batch'),data.batchId],[text('details.dependency'),data.dependsOn?'#'+data.dependsOn:text('details.none')],
+        [text('details.importance'),data.importance],[text('details.urgency'),data.urgency],[text('details.retryCount'),String(data.retryCount??0)+' / '+String(data.maxRetries??0)],
+        [text('details.retryBackoff'),detailDuration(data.retryBackoffMs)],[text('details.timeout'),detailDuration(data.timeoutMs)],[text('details.scheduledAt'),detailDate(data.scheduledAt)],
+        [text('details.createdAt'),detailDate(data.createdAt)],[text('details.startedAt'),detailDate(data.startedAt)],[text('details.finishedAt'),detailDate(data.finishedAt)],
+        [text('details.result'),detailTaskResult(data),{wide:true,long:true}]
+    ];if(type==='run'){const started=data.startedAt?new Date(data.startedAt).getTime():null;const finished=data.finishedAt?new Date(data.finishedAt).getTime():null;return [
+        [text('details.id'),'Run #'+data.id],[text('details.taskId'),'#'+data.taskId],[text('table.status'),detailStatus('run',data.status)],[text('table.model'),detailModel(data.model)],
+        [text('details.session'),detailSession(data.sessionId)],[text('details.startedAt'),detailDate(data.startedAt)],[text('details.finishedAt'),detailDate(data.finishedAt)],
+        [text('table.duration'),started!==null?detailDuration((finished??Date.now())-started):text('details.none')],[text('details.heartbeat'),detailDate(data.heartbeatAt)],
+        [text('details.process'),'Worker PID '+String(data.workerPid??'\u2014')+' \xB7 OpenCode PID '+String(data.childPid??'\u2014'),{wide:true,mono:true}]
+    ];}const scheduleRule=data.scheduleType==='cron'?data.cronExpr:data.scheduleType==='recurring'?detailDuration(data.intervalMs):detailDate(data.runAt);return [
+        [text('details.id'),'#'+data.id],[text('table.name'),data.name],[text('details.enabled'),data.enabled?text('details.enabledYes'):text('details.enabledNo')],[text('details.project'),data.cwd,{wide:true,mono:true}],
+        [text('table.agent'),data.agent],[text('table.model'),detailModel(data.model)],[text('details.prompt'),data.prompt,{wide:true,long:true}],
+        [text('template.scheduleType'),detailScheduleType(data.scheduleType)],[text('details.scheduleRule'),scheduleRule],[text('details.category'),data.category],[text('details.batch'),data.batchId],
+        [text('details.importance'),data.importance],[text('details.urgency'),data.urgency],[text('details.maxInstances'),data.maxInstances],[text('details.maxRetries'),data.maxRetries??0],
+        [text('details.retryBackoff'),detailDuration(data.retryBackoffMs)],[text('details.timeout'),detailDuration(data.timeoutMs)],[text('details.lastRun'),detailDate(data.lastRunAt)],[text('details.nextRun'),detailDate(data.nextRunAt)],
+        [text('details.createdAt'),detailDate(data.createdAt)],[text('details.updatedAt'),detailDate(data.updatedAt)]
+    ]}
+    async function showRecord(url,type){try{const data=await readJson(await fetch(url));const content=document.getElementById('detail-content');content.replaceChildren();const grid=document.createElement('div');grid.className='detail-grid';for(const [label,value,options] of detailFields(type,data))grid.appendChild(detailField(label,value,options));content.appendChild(grid);if(type==='task')content.appendChild(renderDetailHistory(data._runs));document.getElementById('detail-title').textContent=text(type==='task'?'details.taskTitle':type==='run'?'details.runTitle':'details.templateTitle');document.getElementById('detail-raw').textContent=JSON.stringify(data,null,2);document.querySelector('#detail-dialog .detail-raw').open=false;document.getElementById('detail-dialog').showModal()}catch(error){showToast(error.message,'error')}}
+    const showDetail=id=>showRecord('/api/tasks/'+id,'task');const showRunDetail=id=>showRecord('/api/runs/'+id,'run');const showTemplateDetail=id=>showRecord('/api/templates/'+id,'template');
+    async function copyDetails(){try{await navigator.clipboard.writeText(document.getElementById('detail-raw').textContent);showToast(text('details.copySuccess'))}catch{showToast(text('feedback.copyFailed'),'error')}}
     async function copySessionCommand(id){try{const data=await readJson(await fetch('/api/runs/'+id+'/session-command'));await navigator.clipboard.writeText(data.command);showToast(text('feedback.sessionCommandCopied'))}catch(error){showToast(error.message||text('feedback.copyFailed'),'error')}}
+    async function copyRunCommand(id){try{await navigator.clipboard.writeText(document.getElementById('command-'+id).textContent);showToast(text('feedback.commandCopied'))}catch{showToast(text('feedback.copyFailed'),'error')}}
     function taskField(name){return document.getElementById('task-'+name)}
+    function templateField(name){return document.getElementById('template-'+name)}
     function taskProjects(){const node=document.getElementById('task-project-data');if(!node)return {};try{return JSON.parse(node.textContent||'{}')}catch{return {}}}
     function updateTaskProjectStatus(){const node=taskField('project-status');if(!node)return;const cwd=taskField('cwd').value.trim();if(!cwd){node.textContent='';return}const project=taskProjects()[cwd];node.textContent=project?text('task.projectExisting',project):text('task.projectNew')}
-    function openTaskCreator(){const form=document.getElementById('task-form');form.reset();taskField('id').value='';taskField('cwd').readOnly=false;taskField('cwd').value=form.dataset.defaultCwd||'';taskField('dialog-title').textContent=text('task.createTitle');taskField('save').textContent=text('action.saveTask');updateTaskProjectStatus();document.getElementById('task-dialog').showModal();setTimeout(()=>taskField('name').focus(),50)}
-    async function openTaskEditor(id){try{const data=await readJson(await fetch('/api/tasks/'+id));taskField('id').value=String(id);taskField('name').value=data.name||'';taskField('cwd').value=data.cwd||'';taskField('cwd').readOnly=true;taskField('agent').value=data.agent||'';taskField('model').value=data.model||'default';taskField('prompt').value=data.prompt||'';taskField('category').value=data.category||'general';taskField('batch').value=data.batchId||'';taskField('importance').value=String(data.importance??3);taskField('urgency').value=String(data.urgency??3);taskField('max-retries').value=String(data.maxRetries??3);taskField('retry-backoff').value=durationInput(data.retryBackoffMs??30000);taskField('timeout').value=durationInput(data.timeoutMs);taskField('dialog-title').textContent=text('task.editTitle');taskField('save').textContent=text('action.updateTask');updateTaskProjectStatus();document.getElementById('task-dialog').showModal();setTimeout(()=>taskField('name').focus(),50)}catch(error){showToast(error.message,'error')}}
-    async function saveTask(event){event.preventDefault();const form=document.getElementById('task-form');if(!form.reportValidity())return;const id=taskField('id').value;const body={name:taskField('name').value,cwd:taskField('cwd').value,agent:taskField('agent').value,model:taskField('model').value,prompt:taskField('prompt').value,category:taskField('category').value,batchId:taskField('batch').value,importance:Number(taskField('importance').value),urgency:Number(taskField('urgency').value),maxRetries:Number(taskField('max-retries').value),retryBackoff:taskField('retry-backoff').value,timeout:taskField('timeout').value};const button=taskField('save');button.disabled=true;try{const data=await readJson(await fetch(id?'/api/tasks/'+id:'/api/tasks',{method:id?'PUT':'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify(body)}));showToast(text(id?'feedback.taskUpdated':'feedback.taskCreated',{id:data.task.id}));document.getElementById('task-dialog').close();setTimeout(()=>location.assign(id?location.href:'/?cwd='+encodeURIComponent(data.task.cwd||'')),450)}catch(error){showToast(error.message,'error')}finally{button.disabled=false}}
-    function templateField(name){return document.getElementById('template-'+name)}
-    function durationInput(milliseconds){if(milliseconds==null)return '';if(milliseconds===0)return '0';const units=[['d',86400000],['h',3600000],['min',60000],['s',1000],['ms',1]];for(const [unit,factor] of units){if(milliseconds%factor===0)return String(milliseconds/factor)+unit}return String(milliseconds)+'ms'}
+    const catalogTimers={};const catalogRequests={};const catalogModels={};
+    function catalogField(prefix,name){return document.getElementById(prefix+'-'+name)}
+    function resetCatalog(prefix){const agent=catalogField(prefix,'agent');const provider=catalogField(prefix,'model-provider');const model=catalogField(prefix,'model');if(!agent||!provider||!model)return;catalogModels[prefix]=[];agent.replaceChildren(new Option(text('catalog.chooseProject'),''));provider.replaceChildren(new Option(text('catalog.defaultProvider'),''));model.replaceChildren(new Option(text('catalog.defaultModel'),'default'));agent.disabled=false;provider.disabled=true;model.disabled=true;catalogField(prefix,'catalog-status').textContent='';}
+    function appendCurrentOption(select,value){if(!value||[...select.options].some(option=>option.value===value))return;select.appendChild(new Option(value,value));}
+    function modelProvider(value){const slash=value.indexOf('/');return slash>0?value.slice(0,slash):''}
+    function populateModelOptions(prefix,preferredModel=''){const provider=catalogField(prefix,'model-provider');const model=catalogField(prefix,'model');if(!provider||!model)return;const selectedProvider=provider.value;model.replaceChildren();if(!selectedProvider){model.appendChild(new Option(text('catalog.defaultModel'),'default'));model.disabled=true;return}const available=(catalogModels[prefix]||[]).filter(value=>modelProvider(value)===selectedProvider);for(const value of available)model.appendChild(new Option(value,value));if(preferredModel&&available.includes(preferredModel))model.value=preferredModel;model.disabled=available.length===0}
+    async function loadCatalog(prefix,preferredAgent='',preferredModel='default',preserveUnavailable=false){const cwd=catalogField(prefix,'cwd')?.value.trim()||'';const status=catalogField(prefix,'catalog-status');const agent=catalogField(prefix,'agent');const provider=catalogField(prefix,'model-provider');const model=catalogField(prefix,'model');if(!cwd||!status||!agent||!provider||!model){if(!cwd)resetCatalog(prefix);return}const request=(catalogRequests[prefix]||0)+1;catalogRequests[prefix]=request;status.dataset.state='loading';status.textContent=text('catalog.loading');agent.disabled=true;provider.disabled=true;model.disabled=true;try{const data=await readJson(await fetch('/api/opencode/catalog?cwd='+encodeURIComponent(cwd)));if(catalogRequests[prefix]!==request||catalogField(prefix,'cwd').value.trim()!==cwd)return;agent.replaceChildren();for(const item of data.agents){const label=item.name+' \u2014 '+text('catalog.'+item.mode);agent.appendChild(new Option(label,item.name))}if(preserveUnavailable)appendCurrentOption(agent,preferredAgent);const defaultAgent=preferredAgent||data.agents.find(item=>item.name==='build')?.name||data.agents.find(item=>item.mode==='primary')?.name||data.agents[0]?.name||'';agent.value=[...agent.options].some(option=>option.value===defaultAgent)?defaultAgent:(agent.options[0]?.value||'');catalogModels[prefix]=[...data.models];if(preserveUnavailable&&preferredModel&&preferredModel!=='default'&&!catalogModels[prefix].includes(preferredModel))catalogModels[prefix].push(preferredModel);provider.replaceChildren(new Option(text('catalog.defaultProvider'),''));for(const name of [...new Set(catalogModels[prefix].map(modelProvider).filter(Boolean))].sort())provider.appendChild(new Option(name,name));const preferredProvider=preferredModel==='default'?'':modelProvider(preferredModel);provider.value=[...provider.options].some(option=>option.value===preferredProvider)?preferredProvider:'';populateModelOptions(prefix,preferredModel);status.dataset.state='ready';status.textContent=text('catalog.loaded',{agents:data.agents.length,models:data.models.length})}catch(error){if(catalogRequests[prefix]!==request)return;resetCatalog(prefix);if(preserveUnavailable){appendCurrentOption(agent,preferredAgent);if(preferredModel&&preferredModel!=='default'){catalogModels[prefix]=[preferredModel];appendCurrentOption(provider,modelProvider(preferredModel));provider.value=modelProvider(preferredModel);populateModelOptions(prefix,preferredModel)}}status.dataset.state='error';status.textContent=text('catalog.failed',{error:error.message})}finally{if(catalogRequests[prefix]===request){agent.disabled=false;provider.disabled=false;if(provider.value)model.disabled=false}}}
+    function scheduleCatalogLoad(prefix){clearTimeout(catalogTimers[prefix]);catalogTimers[prefix]=setTimeout(()=>loadCatalog(prefix),450)}
+    let directoryTargetId='';let directoryCurrent='';let directoryEntries=[];let directoryShowHidden=false;
+    function renderDirectoryEntries(){const list=document.getElementById('directory-list');list.replaceChildren();const entries=directoryEntries.filter(entry=>directoryShowHidden||!entry.hidden);const hidden=document.getElementById('directory-hidden');hidden.textContent=text(directoryShowHidden?'action.hideHidden':'action.showHidden');if(entries.length===0){const empty=document.createElement('div');empty.className='directory-empty';empty.textContent=text('directory.empty');list.appendChild(empty);return}for(const entry of entries){const button=document.createElement('button');button.type='button';button.className='directory-item';button.innerHTML='${icon("folder")}<span></span>';button.querySelector('span').textContent=entry.name;button.onclick=()=>browseDirectory(entry.path);list.appendChild(button)}}
+    async function browseDirectory(path=''){const choose=document.getElementById('directory-choose');choose.disabled=true;try{const suffix=path?'?path='+encodeURIComponent(path):'';const data=await readJson(await fetch('/api/filesystem/directories'+suffix));directoryCurrent=data.path;directoryEntries=data.directories;document.getElementById('directory-path').textContent=data.path;document.getElementById('directory-up').disabled=data.parent===data.path;document.getElementById('directory-up').onclick=()=>browseDirectory(data.parent);document.getElementById('directory-home').onclick=()=>browseDirectory(data.home);renderDirectoryEntries();choose.disabled=false;return true}catch(error){directoryCurrent='';directoryEntries=[];document.getElementById('directory-path').textContent='';renderDirectoryEntries();showToast(error.message,'error');return false}}
+    document.getElementById('directory-hidden').onclick=()=>{directoryShowHidden=!directoryShowHidden;renderDirectoryEntries()};
+    async function openDirectoryPicker(targetId){const input=document.getElementById(targetId);if(!input||input.readOnly)return;directoryTargetId=targetId;directoryShowHidden=false;document.getElementById('directory-dialog').showModal();if(!await browseDirectory(input.value.trim()||''))await browseDirectory('')}
+    document.getElementById('directory-choose').onclick=()=>{const input=document.getElementById(directoryTargetId);if(!input||!directoryCurrent)return;input.value=directoryCurrent;input.dispatchEvent(new Event('input',{bubbles:true}));document.getElementById('directory-dialog').close();const prefix=directoryTargetId.startsWith('task-')?'task':'template';loadCatalog(prefix)};
+    function updateDurationControl(id){const preset=document.getElementById(id+'-preset');const custom=document.getElementById(id+'-custom');const input=document.getElementById(id+'-value');const visible=preset.value==='custom';custom.hidden=!visible;input.required=visible;if(visible&&!input.value)input.value='1'}
+    function readDuration(id){const preset=document.getElementById(id+'-preset').value;if(preset==='')return '';if(preset!=='custom')return preset==='0'?'0':preset+'ms';const value=document.getElementById(id+'-value').value.trim();return value===''?'':value+document.getElementById(id+'-unit').value}
+    function setDuration(id,milliseconds){const preset=document.getElementById(id+'-preset');const exact=milliseconds==null?'':String(milliseconds);if([...preset.options].some(option=>option.value===exact)){preset.value=exact;updateDurationControl(id);return}preset.value='custom';const input=document.getElementById(id+'-value');const unit=document.getElementById(id+'-unit');const units=[['d',86400000],['h',3600000],['min',60000],['s',1000]];let matched=false;for(const [name,factor] of units){if(milliseconds!=null&&(milliseconds===0||milliseconds%factor===0)){input.value=String(milliseconds/factor);unit.value=name;matched=true;break}}if(!matched){input.value=String((milliseconds??60000)/1000);unit.value='s'}updateDurationControl(id)}
+    function openTaskCreator(){const form=document.getElementById('task-form');form.reset();taskField('id').value='';taskField('cwd').readOnly=false;taskField('cwd-picker').hidden=false;taskField('cwd').value=form.dataset.defaultCwd||'';setDuration('task-retry-backoff',30000);setDuration('task-timeout',null);taskField('dialog-title').textContent=text('task.createTitle');taskField('save').textContent=text('action.saveTask');updateTaskProjectStatus();resetCatalog('task');document.getElementById('task-dialog').showModal();if(taskField('cwd').value)loadCatalog('task');setTimeout(()=>taskField('name').focus(),50)}
+    async function openTaskEditor(id){try{const data=await readJson(await fetch('/api/tasks/'+id));taskField('id').value=String(id);taskField('cwd').value=data.cwd||'';taskField('cwd').readOnly=true;taskField('cwd-picker').hidden=true;taskField('name').value=data.name||'';taskField('prompt').value=data.prompt||'';taskField('category').value=data.category||'general';taskField('batch').value=data.batchId||'';taskField('importance').value=String(data.importance??3);taskField('urgency').value=String(data.urgency??3);taskField('max-retries').value=String(data.maxRetries??3);setDuration('task-retry-backoff',data.retryBackoffMs??30000);setDuration('task-timeout',data.timeoutMs);taskField('dialog-title').textContent=text('task.editTitle');taskField('save').textContent=text('action.updateTask');updateTaskProjectStatus();resetCatalog('task');document.getElementById('task-dialog').showModal();loadCatalog('task',data.agent||'',data.model||'default',true);setTimeout(()=>taskField('name').focus(),50)}catch(error){showToast(error.message,'error')}}
+    async function saveTask(event){event.preventDefault();const form=document.getElementById('task-form');if(!form.reportValidity())return;const id=taskField('id').value;const body={name:taskField('name').value,cwd:taskField('cwd').value,agent:taskField('agent').value,model:taskField('model').value,prompt:taskField('prompt').value,category:taskField('category').value,batchId:taskField('batch').value,importance:Number(taskField('importance').value),urgency:Number(taskField('urgency').value),maxRetries:Number(taskField('max-retries').value),retryBackoff:readDuration('task-retry-backoff'),timeout:readDuration('task-timeout')};const button=taskField('save');button.disabled=true;try{const data=await readJson(await fetch(id?'/api/tasks/'+id:'/api/tasks',{method:id?'PUT':'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify(body)}));showToast(text(id?'feedback.taskUpdated':'feedback.taskCreated',{id:data.task.id}));document.getElementById('task-dialog').close();setTimeout(()=>location.assign(id?location.href:'/?cwd='+encodeURIComponent(data.task.cwd||'')),450)}catch(error){showToast(error.message,'error')}finally{button.disabled=false}}
     function localDateTime(milliseconds){const date=new Date(milliseconds);const local=new Date(milliseconds-date.getTimezoneOffset()*60000);return local.toISOString().slice(0,23)}
-    function updateTemplateScheduleFields(){const type=templateField('schedule-type').value;const fields={cron:templateField('cron-field'),recurring:templateField('interval-field'),delayed:templateField('run-at-field')};for(const [name,node] of Object.entries(fields)){node.hidden=name!==type;node.querySelector('input').required=name===type}}
+    function updateTemplateScheduleFields(){const type=templateField('schedule-type').value;const fields={cron:templateField('cron-field'),recurring:templateField('interval-field'),delayed:templateField('run-at-field')};for(const [name,node] of Object.entries(fields)){node.hidden=name!==type;for(const control of node.querySelectorAll('input,select'))control.required=false;const required=name==='recurring'?node.querySelector('[id$="-preset"]'):node.querySelector('input');if(required)required.required=name===type;if(name==='recurring'&&name===type)updateDurationControl('template-interval')}}
     function setOriginalRunAt(epoch){const input=templateField('run-at');const local=epoch?localDateTime(epoch):'';input.value=local;input.dataset.originalEpoch=epoch?String(epoch):'';input.dataset.originalLocal=local}
     function selectedRunAt(){const input=templateField('run-at');return resolveEditedRunAt(input.dataset.originalEpoch?Number(input.dataset.originalEpoch):null,input.dataset.originalLocal||'',input.value)}
-    function openTemplateCreator(){const form=document.getElementById('template-form');form.reset();templateField('id').value='';templateField('dialog-title').textContent=text('template.createTitle');setOriginalRunAt(null);templateField('run-at').value=localDateTime(Date.now()+3600000);updateTemplateScheduleFields();document.getElementById('template-dialog').showModal();setTimeout(()=>templateField('name').focus(),50)}
-    async function openTemplateEditor(id){try{const data=await readJson(await fetch('/api/templates/'+id));templateField('id').value=String(id);templateField('dialog-title').textContent=text('template.editTitle');templateField('name').value=data.name||'';templateField('cwd').value=data.cwd||'';templateField('agent').value=data.agent||'';templateField('model').value=data.model||'default';templateField('prompt').value=data.prompt||'';templateField('schedule-type').value=data.scheduleType;templateField('cron').value=data.cronExpr||'';templateField('interval').value=durationInput(data.intervalMs);setOriginalRunAt(data.runAt||null);if(!data.runAt)templateField('run-at').value=localDateTime(Date.now()+3600000);templateField('category').value=data.category||'general';templateField('batch').value=data.batchId||'';templateField('importance').value=String(data.importance??3);templateField('urgency').value=String(data.urgency??3);templateField('max-instances').value=String(data.maxInstances??1);templateField('max-retries').value=String(data.maxRetries??3);templateField('retry-backoff').value=durationInput(data.retryBackoffMs??30000);templateField('timeout').value=durationInput(data.timeoutMs);updateTemplateScheduleFields();document.getElementById('template-dialog').showModal();setTimeout(()=>templateField('name').focus(),50)}catch(error){showToast(error.message,'error')}}
-    async function saveTemplate(event){event.preventDefault();const form=document.getElementById('template-form');if(!form.reportValidity())return;const id=templateField('id').value;const type=templateField('schedule-type').value;const body={name:templateField('name').value,cwd:templateField('cwd').value,agent:templateField('agent').value,model:templateField('model').value,prompt:templateField('prompt').value,scheduleType:type,cronExpr:templateField('cron').value,interval:templateField('interval').value,runAt:type==='delayed'?selectedRunAt():null,category:templateField('category').value,batchId:templateField('batch').value,importance:Number(templateField('importance').value),urgency:Number(templateField('urgency').value),maxInstances:Number(templateField('max-instances').value),maxRetries:Number(templateField('max-retries').value),retryBackoff:templateField('retry-backoff').value,timeout:templateField('timeout').value};const button=templateField('save');button.disabled=true;try{await readJson(await fetch(id?'/api/templates/'+id:'/api/templates',{method:id?'PUT':'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify(body)}));showToast(text(id?'feedback.templateUpdated':'feedback.templateCreated'));document.getElementById('template-dialog').close();setTimeout(()=>location.assign(id?location.href:'/templates'),450)}catch(error){showToast(error.message,'error')}finally{button.disabled=false}}
+    function openTemplateCreator(){const form=document.getElementById('template-form');form.reset();templateField('id').value='';templateField('dialog-title').textContent=text('template.createTitle');setDuration('template-interval',3600000);setDuration('template-retry-backoff',30000);setDuration('template-timeout',null);setOriginalRunAt(null);templateField('run-at').value=localDateTime(Date.now()+3600000);updateTemplateScheduleFields();resetCatalog('template');document.getElementById('template-dialog').showModal();if(templateField('cwd').value)loadCatalog('template');setTimeout(()=>templateField('name').focus(),50)}
+    async function openTemplateEditor(id){try{const data=await readJson(await fetch('/api/templates/'+id));templateField('id').value=String(id);templateField('dialog-title').textContent=text('template.editTitle');templateField('name').value=data.name||'';templateField('cwd').value=data.cwd||'';templateField('prompt').value=data.prompt||'';templateField('schedule-type').value=data.scheduleType;templateField('cron').value=data.cronExpr||'';setDuration('template-interval',data.intervalMs);setOriginalRunAt(data.runAt||null);if(!data.runAt)templateField('run-at').value=localDateTime(Date.now()+3600000);templateField('category').value=data.category||'general';templateField('batch').value=data.batchId||'';templateField('importance').value=String(data.importance??3);templateField('urgency').value=String(data.urgency??3);templateField('max-instances').value=String(data.maxInstances??1);templateField('max-retries').value=String(data.maxRetries??3);setDuration('template-retry-backoff',data.retryBackoffMs??30000);setDuration('template-timeout',data.timeoutMs);updateTemplateScheduleFields();resetCatalog('template');document.getElementById('template-dialog').showModal();loadCatalog('template',data.agent||'',data.model||'default',true);setTimeout(()=>templateField('name').focus(),50)}catch(error){showToast(error.message,'error')}}
+    async function saveTemplate(event){event.preventDefault();const form=document.getElementById('template-form');if(!form.reportValidity())return;const id=templateField('id').value;const type=templateField('schedule-type').value;const body={name:templateField('name').value,cwd:templateField('cwd').value,agent:templateField('agent').value,model:templateField('model').value,prompt:templateField('prompt').value,scheduleType:type,cronExpr:templateField('cron').value,interval:readDuration('template-interval'),runAt:type==='delayed'?selectedRunAt():null,category:templateField('category').value,batchId:templateField('batch').value,importance:Number(templateField('importance').value),urgency:Number(templateField('urgency').value),maxInstances:Number(templateField('max-instances').value),maxRetries:Number(templateField('max-retries').value),retryBackoff:readDuration('template-retry-backoff'),timeout:readDuration('template-timeout')};const button=templateField('save');button.disabled=true;try{await readJson(await fetch(id?'/api/templates/'+id:'/api/templates',{method:id?'PUT':'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify(body)}));showToast(text(id?'feedback.templateUpdated':'feedback.templateCreated'));document.getElementById('template-dialog').close();setTimeout(()=>location.assign(id?location.href:'/templates'),450)}catch(error){showToast(error.message,'error')}finally{button.disabled=false}}
     async function enableTmpl(id){try{await readJson(await fetch('/api/templates/'+id+'/enable',{method:'POST'}));location.reload()}catch(error){showToast(error.message,'error')}}
     async function disableTmpl(id){if(!await ask(text('dialog.disableTemplate'),text('dialog.disableTemplateBody')))return;try{await readJson(await fetch('/api/templates/'+id+'/disable',{method:'POST'}));location.reload()}catch(error){showToast(error.message,'error')}}
     async function deleteTmpl(id){if(!await ask(text('dialog.deleteTemplate'),text('dialog.deleteTemplateBody'),true))return;try{await readJson(await fetch('/api/templates/'+id,{method:'DELETE'}));location.reload()}catch(error){showToast(error.message,'error')}}
     async function triggerTmpl(id){if(!await ask(text('dialog.triggerTemplate'),text('dialog.triggerTemplateBody')))return;try{const data=await readJson(await fetch('/api/templates/'+id+'/trigger',{method:'POST'}));showToast(text('feedback.triggered',{id:data.taskId}));setTimeout(()=>location.reload(),550)}catch(error){showToast(error.message,'error')}}
-    function toggleLog(id,button){const panel=document.getElementById('log-'+id);const hidden=!panel.hidden;panel.hidden=hidden;button.setAttribute('aria-expanded',String(!hidden));button.textContent=text(hidden?'action.logs':'action.hideLogs');}
+    function toggleLog(id,button){const panel=document.getElementById('log-'+id);const hidden=!panel.hidden;panel.hidden=hidden;button.setAttribute('aria-expanded',String(!hidden));button.textContent=text(hidden?'action.logs':'action.hideLogs');if(!hidden)requestAnimationFrame(()=>panel.scrollIntoView({block:'nearest',behavior:'smooth'}));}
     function filterTasks(value){const query=value.trim().toLocaleLowerCase();let visible=0;document.querySelectorAll('[data-task-row]').forEach(row=>{const match=!query||row.dataset.search.toLocaleLowerCase().includes(query);row.hidden=!match;if(match)visible++});const empty=document.getElementById('search-empty');if(empty)empty.hidden=visible!==0;}
     async function clearDatabase(){if(!await askDanger())return;try{const data=await readJson(await fetch('/api/database/clear',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({confirmation:'CLEAR'})}));showToast(text('feedback.databaseCleared',{path:data.backupPath}));setTimeout(()=>location.reload(),1000)}catch(error){showToast(error.message,'error')}}
     async function confirmGatewayRestart(runningCount=0){const body=runningCount>0?text('dialog.restartGatewayRunningBody',{count:runningCount}):text('dialog.restartGatewayBody');return await ask(text('dialog.restartGateway'),body)}
@@ -20083,6 +20562,23 @@ function parsePositiveInteger(value) {
 function parseTaskStatus(value) {
   return TASK_STATUSES.has(value) ? value : null;
 }
+function listChildDirectories(path) {
+  return readdirSync(path, { withFileTypes: true }).flatMap((entry) => {
+    const entryPath = join4(path, entry.name);
+    if (entry.isDirectory()) return [{ name: entry.name, path: entryPath, hidden: entry.name.startsWith(".") }];
+    if (!entry.isSymbolicLink()) return [];
+    try {
+      return statSync4(entryPath).isDirectory() ? [{ name: entry.name, path: entryPath, hidden: entry.name.startsWith(".") }] : [];
+    } catch {
+      return [];
+    }
+  }).sort((left, right) => {
+    const leftHidden = left.name.startsWith(".");
+    const rightHidden = right.name.startsWith(".");
+    if (leftHidden !== rightHidden) return leftHidden ? 1 : -1;
+    return left.name.localeCompare(right.name);
+  });
+}
 function parseTaskPayload(value) {
   if (!value || typeof value !== "object" || Array.isArray(value)) {
     throw new Error("\u8BF7\u6C42\u5185\u5BB9\u5FC5\u987B\u662F\u5BF9\u8C61");
@@ -20260,6 +20756,33 @@ app.get("/health", (c) => {
   const health = getGatewayHealth();
   return c.json(health, health.status === "ok" ? 200 : 503);
 });
+app.get("/api/filesystem/directories", (c) => {
+  const requestedPath = c.req.query("path")?.trim() || homedir4();
+  try {
+    validateTaskWorkingDirectory(requestedPath);
+    return c.json({
+      path: requestedPath,
+      parent: dirname4(requestedPath),
+      home: homedir4(),
+      directories: listChildDirectories(requestedPath)
+    });
+  } catch (error) {
+    return c.json({
+      error: error instanceof Error ? error.message : String(error)
+    }, 400);
+  }
+});
+app.get("/api/opencode/catalog", async (c) => {
+  const cwd = c.req.query("cwd")?.trim();
+  if (!cwd) return c.json({ error: "cwd \u4E0D\u80FD\u4E3A\u7A7A" }, 400);
+  try {
+    return c.json(await loadOpenCodeCatalog(cwd));
+  } catch (error) {
+    return c.json({
+      error: error instanceof Error ? error.message : String(error)
+    }, 400);
+  }
+});
 function formatDuration(startAt, endAt) {
   if (!startAt) return "\u2014";
   const start = new Date(startAt).getTime();
@@ -20270,6 +20793,66 @@ function formatDuration(startAt, endAt) {
   if (seconds < 3600) return `${Math.floor(seconds / 60)}m ${seconds % 60}s`;
   return `${Math.floor(seconds / 3600)}h ${Math.floor(seconds % 3600 / 60)}m`;
 }
+function recordValue(value) {
+  return value !== null && typeof value === "object" && !Array.isArray(value) ? value : null;
+}
+function shellQuote(value) {
+  if (/^[A-Za-z0-9_./:@%+=,-]+$/.test(value)) return value;
+  return `'${value.replace(/'/g, `'"'"'`)}'`;
+}
+function presentRunLog(log) {
+  let command = null;
+  const textParts = [];
+  const errors = [];
+  const tools = [];
+  for (const line of log.split("\n")) {
+    const trimmed = line.trim();
+    if (!trimmed) continue;
+    let parsed = null;
+    try {
+      parsed = recordValue(JSON.parse(trimmed));
+    } catch {
+      errors.push(line);
+      continue;
+    }
+    if (!parsed) continue;
+    if (parsed.type === "supertask_command") {
+      const executable = typeof parsed.executable === "string" ? parsed.executable : null;
+      const cwd = typeof parsed.cwd === "string" ? parsed.cwd : null;
+      const args = Array.isArray(parsed.args) && parsed.args.every((item) => typeof item === "string") ? parsed.args : null;
+      if (executable && cwd && args) {
+        command = {
+          cwd,
+          command: `cd ${shellQuote(cwd)} && ${[executable, ...args].map(shellQuote).join(" ")}`
+        };
+      }
+      continue;
+    }
+    const part = recordValue(parsed.part);
+    const eventType = typeof parsed.type === "string" ? parsed.type : "";
+    const partType = typeof part?.type === "string" ? part.type : "";
+    const text2 = typeof part?.text === "string" ? part.text : typeof parsed.text === "string" ? parsed.text : null;
+    if (text2 && (eventType === "text" || partType === "text")) textParts.push(text2);
+    const tool = typeof part?.tool === "string" ? part.tool : typeof parsed.tool === "string" ? parsed.tool : null;
+    if (tool && (eventType === "tool_use" || partType === "tool")) tools.push(tool);
+    const error = typeof parsed.error === "string" ? parsed.error : typeof part?.error === "string" ? part.error : null;
+    if (error) errors.push(error);
+  }
+  return {
+    command,
+    text: textParts.join("\n").trim(),
+    errors: [...new Set(errors)],
+    tools
+  };
+}
+function renderRunLog(runId, taskName, log, locale) {
+  const presentation = presentRunLog(log);
+  const command = presentation.command ? `<div class="run-command"><div class="log-section-head"><strong>${t(locale, "logs.command")}</strong><button type="button" class="btn" onclick="copyRunCommand(${runId})">${icon("copy")}${t(locale, "action.copyCommand")}</button></div><div class="command-cwd">${esc(presentation.command.cwd)}</div><pre id="command-${runId}">${esc(presentation.command.command)}</pre></div>` : "";
+  const errors = presentation.errors.length > 0 ? `<div class="run-error"><strong>${t(locale, "logs.error")}</strong><pre>${esc(presentation.errors.join("\n"))}</pre></div>` : "";
+  const tools = presentation.tools.length > 0 ? `<div class="run-tools"><strong>${t(locale, "logs.tools")}</strong><div class="actions">${presentation.tools.map((tool) => `<span class="tag">${esc(tool)}</span>`).join("")}</div></div>` : "";
+  const output = `<div class="run-output"><strong>${t(locale, "logs.output")}</strong><pre>${esc(presentation.text || t(locale, "logs.noText"))}</pre></div>`;
+  return `<section class="panel log-panel"><div class="panel-head"><h3>Run #${runId} \xB7 ${esc(taskName)}</h3></div><div class="log-content">${command}${errors}${output}${tools}<details class="raw-log"><summary>${t(locale, "logs.raw")}</summary><div class="log-box">${esc(log)}</div></details></div></section>`;
+}
 function esc(value) {
   if (!value) return "";
   return value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
@@ -20301,6 +20884,25 @@ function emptyState(title, hint, code = "") {
   return `<div class="empty-state"><div><div class="empty-icon">${icon("inbox")}</div>
       <h3>${title}</h3><p>${hint}</p>${code ? `<code>${code}</code>` : ""}</div></div>`;
 }
+function durationControl(locale, id, value, kind) {
+  const units = [
+    { value: "s", label: t(locale, "duration.seconds") },
+    { value: "min", label: t(locale, "duration.minutes") },
+    { value: "h", label: t(locale, "duration.hours") },
+    { value: "d", label: t(locale, "duration.days") }
+  ];
+  const values = kind === "interval" ? [3e5, 9e5, 18e5, 36e5, 216e5, 432e5, 864e5] : kind === "retry" ? [0, 1e4, 3e4, 6e4, 3e5] : [3e5, 9e5, 18e5, 36e5, 72e5, 144e5];
+  const presets = [
+    ...kind === "timeout" ? [{ value: "", label: t(locale, "duration.systemDefault") }] : [],
+    ...values.map((milliseconds) => ({
+      value: String(milliseconds),
+      label: milliseconds === 0 ? t(locale, "duration.immediate") : kind === "interval" ? t(locale, "duration.every", { duration: formatInterval(milliseconds, locale) }) : formatInterval(milliseconds, locale)
+    })),
+    { value: "custom", label: t(locale, "duration.custom") }
+  ];
+  const selected = value === null ? "" : String(value);
+  return `<div class="duration-picker"><select id="${id}-preset" onchange="updateDurationControl('${id}')">${presets.map((item) => `<option value="${item.value}" ${item.value === selected ? "selected" : ""}>${item.label}</option>`).join("")}</select><div id="${id}-custom" class="duration-control" hidden><input id="${id}-value" type="number" min="${kind === "retry" ? 0 : 0.1}" step="0.1" inputmode="decimal"><select id="${id}-unit" aria-label="${t(locale, "duration.unit")}">${units.map((item) => `<option value="${item.value}">${item.label}</option>`).join("")}</select></div></div>`;
+}
 function formatInterval(milliseconds, locale) {
   const formatter = new Intl.NumberFormat(locale === "en" ? "en-US" : "zh-CN", {
     maximumFractionDigits: 1
@@ -20465,13 +21067,14 @@ app.get("/", async (c) => {
           <div class="dialog-body">
             <div class="template-form-grid">
               <label class="form-field"><span>${t(locale, "template.name")}</span><input id="task-name" required maxlength="200" autocomplete="off"></label>
-              <label class="form-field"><span>${t(locale, "template.cwd")}</span><input id="task-cwd" required autocomplete="off" list="task-cwd-options" placeholder="/path/to/project" oninput="updateTaskProjectStatus()"><small>${t(locale, "template.cwdHint")}</small></label>
+              <label class="form-field"><span>${t(locale, "template.cwd")}</span><div class="field-action"><input id="task-cwd" required autocomplete="off" list="task-cwd-options" placeholder="/path/to/project" oninput="updateTaskProjectStatus();scheduleCatalogLoad('task')"><button id="task-cwd-picker" type="button" class="btn" onclick="openDirectoryPicker('task-cwd')">${icon("folder")}${t(locale, "action.chooseFolder")}</button></div><small>${t(locale, "template.cwdHint")}</small></label>
               <datalist id="task-cwd-options">${projects.map((project) => `<option value="${esc(project.cwd)}"></option>`).join("")}</datalist>
-              <label class="form-field"><span>${t(locale, "template.agent")}</span><input id="task-agent" required autocomplete="off" value="build" placeholder="build"></label>
-              <label class="form-field"><span>${t(locale, "template.model")}</span><input id="task-model" required autocomplete="off" value="default" placeholder="default"></label>
+              <label class="form-field"><span>${t(locale, "template.agent")}</span><select id="task-agent" required><option value="">${t(locale, "catalog.chooseProject")}</option></select><small>${t(locale, "catalog.agentHint")}</small></label>
+              <label class="form-field"><span>${t(locale, "template.model")}</span><div class="model-selector"><select id="task-model-provider" aria-label="${t(locale, "catalog.provider")}" onchange="populateModelOptions('task')"><option value="">${t(locale, "catalog.defaultProvider")}</option></select><select id="task-model" required aria-label="${t(locale, "catalog.model")}" disabled><option value="default">${t(locale, "catalog.defaultModel")}</option></select></div><small>${t(locale, "catalog.modelHint")}</small></label>
               <label class="form-field form-field-wide"><span>${t(locale, "template.prompt")}</span><textarea id="task-prompt" rows="6" required></textarea></label>
             </div>
             <p id="task-project-status" class="form-note"></p>
+            <p id="task-catalog-status" class="form-note catalog-status"></p>
             <details class="advanced-fields">
               <summary>${t(locale, "template.advanced")}</summary>
               <div class="template-form-grid">
@@ -20480,8 +21083,8 @@ app.get("/", async (c) => {
                 <label class="form-field"><span>${t(locale, "template.importance")}</span><input id="task-importance" type="number" min="1" max="5" step="1" value="3" required></label>
                 <label class="form-field"><span>${t(locale, "template.urgency")}</span><input id="task-urgency" type="number" min="1" max="5" step="1" value="3" required></label>
                 <label class="form-field"><span>${t(locale, "template.maxRetries")}</span><input id="task-max-retries" type="number" min="0" max="1000" step="1" value="3" required></label>
-                <label class="form-field"><span>${t(locale, "template.retryBackoff")}</span><input id="task-retry-backoff" autocomplete="off" value="30s"><small>${t(locale, "template.durationHint")}</small></label>
-                <label class="form-field"><span>${t(locale, "template.timeout")}</span><input id="task-timeout" autocomplete="off" placeholder="30min"><small>${t(locale, "template.optional")}</small></label>
+                <label class="form-field"><span>${t(locale, "template.retryBackoff")}</span>${durationControl(locale, "task-retry-backoff", 3e4, "retry")}<small>${t(locale, "template.retryBackoffHint")}</small></label>
+                <label class="form-field"><span>${t(locale, "template.timeout")}</span>${durationControl(locale, "task-timeout", null, "timeout")}<small>${t(locale, "template.timeoutHint")}</small></label>
               </div>
             </details>
           </div>
@@ -20541,15 +21144,16 @@ app.get("/templates", async (c) => {
           <div class="dialog-body">
             <div class="template-form-grid">
               <label class="form-field"><span>${t(locale, "template.name")}</span><input id="template-name" required maxlength="200" autocomplete="off"></label>
-              <label class="form-field"><span>${t(locale, "template.cwd")}</span><input id="template-cwd" required autocomplete="off" placeholder="/path/to/project"><small>${t(locale, "template.cwdHint")}</small></label>
-              <label class="form-field"><span>${t(locale, "template.agent")}</span><input id="template-agent" required autocomplete="off" placeholder="build"></label>
-              <label class="form-field"><span>${t(locale, "template.model")}</span><input id="template-model" required autocomplete="off" value="default" placeholder="default"></label>
+              <label class="form-field"><span>${t(locale, "template.cwd")}</span><div class="field-action"><input id="template-cwd" required autocomplete="off" placeholder="/path/to/project" oninput="scheduleCatalogLoad('template')"><button type="button" class="btn" onclick="openDirectoryPicker('template-cwd')">${icon("folder")}${t(locale, "action.chooseFolder")}</button></div><small>${t(locale, "template.cwdHint")}</small></label>
+              <label class="form-field"><span>${t(locale, "template.agent")}</span><select id="template-agent" required><option value="">${t(locale, "catalog.chooseProject")}</option></select><small>${t(locale, "catalog.agentHint")}</small></label>
+              <label class="form-field"><span>${t(locale, "template.model")}</span><div class="model-selector"><select id="template-model-provider" aria-label="${t(locale, "catalog.provider")}" onchange="populateModelOptions('template')"><option value="">${t(locale, "catalog.defaultProvider")}</option></select><select id="template-model" required aria-label="${t(locale, "catalog.model")}" disabled><option value="default">${t(locale, "catalog.defaultModel")}</option></select></div><small>${t(locale, "catalog.modelHint")}</small></label>
               <label class="form-field form-field-wide"><span>${t(locale, "template.prompt")}</span><textarea id="template-prompt" rows="6" required></textarea></label>
               <label class="form-field"><span>${t(locale, "template.scheduleType")}</span><select id="template-schedule-type" onchange="updateTemplateScheduleFields()"><option value="recurring">${t(locale, "schedule.recurring")}</option><option value="delayed">${t(locale, "schedule.delayed")}</option><option value="cron">${t(locale, "schedule.cron")}</option></select></label>
               <label id="template-cron-field" class="form-field" hidden><span>${t(locale, "template.cronExpr")}</span><input id="template-cron" autocomplete="off" placeholder="0 9 * * *"><small>${t(locale, "template.cronHint")}</small></label>
-              <label id="template-interval-field" class="form-field"><span>${t(locale, "template.interval")}</span><input id="template-interval" autocomplete="off" value="1h" placeholder="30s / 5min / 1h"><small>${t(locale, "template.durationHint")}</small></label>
+              <label id="template-interval-field" class="form-field"><span>${t(locale, "template.interval")}</span>${durationControl(locale, "template-interval", 36e5, "interval")}<small>${t(locale, "template.intervalHint")}</small></label>
               <label id="template-run-at-field" class="form-field" hidden><span>${t(locale, "template.runAt")}</span><input id="template-run-at" type="datetime-local" step="0.001"></label>
             </div>
+            <p id="template-catalog-status" class="form-note catalog-status"></p>
             <details class="advanced-fields">
               <summary>${t(locale, "template.advanced")}</summary>
               <div class="template-form-grid">
@@ -20559,8 +21163,8 @@ app.get("/templates", async (c) => {
                 <label class="form-field"><span>${t(locale, "template.urgency")}</span><input id="template-urgency" type="number" min="1" max="5" step="1" value="3" required></label>
                 <label class="form-field"><span>${t(locale, "template.maxInstances")}</span><input id="template-max-instances" type="number" min="1" max="1000" step="1" value="1" required><small>${t(locale, "template.maxInstancesHint")}</small></label>
                 <label class="form-field"><span>${t(locale, "template.maxRetries")}</span><input id="template-max-retries" type="number" min="0" max="1000" step="1" value="3" required></label>
-                <label class="form-field"><span>${t(locale, "template.retryBackoff")}</span><input id="template-retry-backoff" autocomplete="off" value="30s"><small>${t(locale, "template.durationHint")}</small></label>
-                <label class="form-field"><span>${t(locale, "template.timeout")}</span><input id="template-timeout" autocomplete="off" placeholder="30min"><small>${t(locale, "template.optional")}</small></label>
+                <label class="form-field"><span>${t(locale, "template.retryBackoff")}</span>${durationControl(locale, "template-retry-backoff", 3e4, "retry")}<small>${t(locale, "template.retryBackoffHint")}</small></label>
+                <label class="form-field"><span>${t(locale, "template.timeout")}</span>${durationControl(locale, "template-timeout", null, "timeout")}<small>${t(locale, "template.timeoutHint")}</small></label>
               </div>
             </details>
             <p class="form-note">${t(locale, "template.futureOnly")}</p>
@@ -20597,14 +21201,11 @@ app.get("/runs", async (c) => {
   const total = Number(totalResult[0]?.count ?? 0);
   const totalPages = Math.max(1, Math.ceil(total / limit));
   if (page > totalPages) return c.redirect(`/runs?page=${totalPages}`);
-  const logs = [];
   const rows = runs.map((run) => {
     const status = safeStatus(run.status);
     const resumable = isValidSessionId(run.sessionId);
-    if (run.log) {
-      logs.push(`<section id="log-${run.id}" class="panel log-panel" hidden><div class="panel-head"><h3>Run #${run.id} \xB7 ${esc(run.taskName)}</h3></div><div class="log-box">${esc(run.log)}</div></section>`);
-    }
-    return `<tr>
+    const log = run.log ? renderRunLog(run.id, run.taskName, run.log, locale) : "";
+    return `<tr class="run-summary-row">
           <td class="faint" data-label="${t(locale, "table.run")}">#${run.id}</td>
           <td data-primary data-label="${t(locale, "table.task")}"><div class="task-name">${esc(run.taskName)} <span class="faint">#${run.taskId}</span></div>${run.model ? `<div style="margin-top:4px"><span class="tag">${esc(run.model)}</span></div>` : ""}</td>
           <td data-label="${t(locale, "table.agent")}"><span class="tag">${esc(run.taskAgent)}</span></td>
@@ -20615,7 +21216,7 @@ app.get("/runs", async (c) => {
           <td data-label="${t(locale, "table.actions")}"><div class="actions"><button type="button" class="btn" onclick="showRunDetail(${run.id})">${t(locale, "action.details")}</button>
             ${resumable ? `<button type="button" class="btn" onclick="copySessionCommand(${run.id})">${icon("copy")}${t(locale, "action.continueSession")}</button>` : ""}
             ${run.log ? `<button type="button" class="btn" aria-expanded="false" onclick="toggleLog(${run.id},this)">${t(locale, "action.logs")}</button>` : ""}</div></td>
-        </tr>`;
+        </tr>${log ? `<tr id="log-${run.id}" class="run-log-row" hidden><td class="run-log-cell" colspan="8">${log}</td></tr>` : ""}`;
   }).join("");
   const body = `
       <div class="stats-grid">
@@ -20625,7 +21226,7 @@ app.get("/runs", async (c) => {
         ${statCard(runs.filter((run) => run.status === "running").length, t(locale, "stats.pageRunning"), "tone-blue", icon("activity"), "reveal-delay-2")}
       </div>
       <section class="panel reveal reveal-delay-2">${runs.length === 0 ? emptyState(t(locale, "empty.runs"), "") : `<div class="table-wrap"><table class="responsive-table"><thead><tr><th>${t(locale, "table.run")}</th><th>${t(locale, "table.task")}</th><th>${t(locale, "table.agent")}</th><th>${t(locale, "table.session")}</th><th>${t(locale, "table.status")}</th><th>${t(locale, "table.duration")}</th><th>${t(locale, "table.heartbeat")}</th><th>${t(locale, "table.actions")}</th></tr></thead><tbody>${rows}</tbody></table></div>`}</section>
-      ${logs.join("")}${pagination(locale, "/runs", page, totalPages, total)}`;
+      ${pagination(locale, "/runs", page, totalPages, total)}`;
   return c.html(renderLayout({ locale, activeTab: "runs", body }));
 });
 app.get("/system", async (c) => {
@@ -20732,7 +21333,11 @@ app.get("/api/tasks/:id", async (c) => {
   const task = await TaskService.getById(id);
   if (!task) return c.json({ error: "not found" }, 404);
   const runs = await TaskRunService.listByTaskId(id);
-  return c.json({ ...task, _runs: runs });
+  return c.json({
+    ...task,
+    _resultPresentation: task.resultLog ? presentRunLog(task.resultLog) : null,
+    _runs: runs
+  });
 });
 app.get("/api/runs/:id", async (c) => {
   const id = parsePositiveInteger(c.req.param("id"));
@@ -20929,6 +21534,7 @@ export {
   dashboardApp,
   web_default as default,
   isSafeDashboardRestartTarget,
+  presentRunLog,
   resolveDashboardConfigState,
   setDashboardRuntimeConfig
 };