opencode-supertask 0.1.35 → 0.1.36

package/dist/web/index.d.ts

@@ -26,6 +26,13 @@ interface GatewayDiagnostic {
     currentScope: RuntimeScope;
     gatewayScope: RuntimeScope | null;
     scopeMatches: boolean;
+    gatewayOpenCode: OpenCodeRuntimeDiagnostic | null;
+}
+interface OpenCodeRuntimeDiagnostic {
+    ok: boolean;
+    executable: string;
+    version: string | null;
+    error: string | null;
 }
 
 declare function setDashboardRuntimeConfig(config: GatewayConfig | null): void;

package/dist/web/index.js

@@ -18800,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 {
@@ -18816,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();
@@ -18844,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) {
@@ -19163,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",
@@ -19355,9 +19377,46 @@ var ZH = {
   "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",
@@ -19427,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",
@@ -19619,9 +19678,46 @@ var EN = {
   "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}?",
@@ -19929,6 +20025,8 @@ 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; }
@@ -19986,8 +20084,21 @@ var STYLES = `
   .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); }
-  .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; }
+  .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;
@@ -20051,8 +20162,13 @@ 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%; }
@@ -20086,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",
@@ -20215,8 +20394,8 @@ function renderLayout(options) {
     <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">
@@ -20248,9 +20427,39 @@ 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)}
@@ -20288,7 +20497,7 @@ function renderLayout(options) {
     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)}
@@ -20642,7 +20851,7 @@ function renderRunLog(runId, taskName, log, locale) {
   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 id="log-${runId}" class="panel log-panel" hidden><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>`;
+  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 "";
@@ -20992,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(renderRunLog(run.id, run.taskName, run.log, locale));
-    }
-    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>
@@ -21010,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">
@@ -21020,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) => {
@@ -21127,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"));