dsh-taskboard 0.2.2 → 0.3.3

package/src/client/board/TaskDetail.tsx

@@ -9,7 +9,7 @@
  */
 import { useState, type ReactNode } from 'react'
 import type { BoardController } from '../controller.ts'
-import type { TaskRecord } from '../../shared/protocol.ts'
+import type { ExecutionRecord, TaskRecord } from '../../shared/protocol.ts'
 import { canTransition } from '../../shared/protocol.ts'
 import { useAlert } from './AlertModal.tsx'
 import { fmtTime, isStaleClaim } from './TaskBoard.tsx'
@@ -48,6 +48,161 @@ function Chip({ icon, children, tone }: { icon?: string; children: ReactNode; to
   return <span className="dsh-atb-chip2" data-tone={tone}>{icon !== undefined && <span className="dsh-atb-chip2-icon">{icon}</span>}{children}</span>
 }
 
+/** The most recent execution carrying isolation facts, newest first. */
+function latestIsolated(task: TaskRecord): ExecutionRecord | undefined {
+  return [...task.executions].reverse().find(e => e.isolation !== undefined || e.worktreePath !== undefined || e.isolationNote !== undefined)
+}
+
+/** Short commit hash for display. */
+function shortHash(hash: string | undefined): string {
+  return hash === undefined ? '' : hash.slice(0, 8)
+}
+
+/**
+ * The 0.3.0 isolation block: branch / baseline→head commits / change stats /
+ * uncommitted-changes warning, plus the user-only git actions (merge /
+ * remove worktree — plan §3.3).
+ */
+function IsolationBlock({ task, controller }: { task: TaskRecord; controller: BoardController }) {
+  const { alert: showAlert, el: alertEl } = useAlert()
+  const [confirmMerge, setConfirmMerge] = useState(false)
+  const [confirmRemove, setConfirmRemove] = useState<'wt' | 'wtb' | null>(null)
+  const [busy, setBusy] = useState(false)
+  const execution = latestIsolated(task)
+  const running = task.executions.some(e => e.outcome === 'running')
+  if (execution === undefined) return null
+
+  const doMerge = (): void => {
+    setBusy(true)
+    void controller.mergeBranch(task.id).then(result => {
+      setBusy(false)
+      setConfirmMerge(false)
+      if (!result.ok) showAlert(`合并失败：${result.error}`)
+      else if (result.noop === true) showAlert('该分支没有领先主工作区的新提交，无需合并（可退回续跑或直接清理）')
+    })
+  }
+
+  const doRemove = (deleteBranch: boolean): void => {
+    setBusy(true)
+    void controller.removeWorktree(task.id, deleteBranch).then(result => {
+      setBusy(false)
+      setConfirmRemove(null)
+      if (!result.ok) showAlert(`删除失败：${result.error}`)
+      else if (result.branchError !== undefined) showAlert(`worktree 已删除，但分支删除失败：${result.branchError}`)
+    })
+  }
+
+  // Degraded / off isolation: one quiet line explaining why.
+  if (execution.isolation !== 'worktree' || execution.worktreePath === undefined) {
+    return (
+      <div className="dsh-atb-fieldcard" data-kind="isolation">
+        <div className="dsh-atb-fieldcard-label">执行隔离</div>
+        <div className="dsh-atb-iso-none">📁 原目录执行{execution.isolationNote !== undefined ? ` · ${execution.isolationNote}` : ''}</div>
+        {alertEl}
+      </div>
+    )
+  }
+
+  const commits = execution.commits ?? []
+  const commitTotal = execution.commitsTotal ?? commits.length
+  const dirty = execution.dirtyFiles ?? []
+  const dirtyTotal = execution.dirtyFilesTotal ?? dirty.length
+
+  return (
+    <div className="dsh-atb-fieldcard" data-kind="isolation">
+      <div className="dsh-atb-fieldcard-label">执行隔离 · Worktree</div>
+      <div className="dsh-atb-iso-facts">
+        <span className="dsh-atb-iso-fact" title={execution.worktreePath}>🌿 分支 <b>{execution.branch ?? task.branch}</b></span>
+        <span className="dsh-atb-iso-fact">基线 {shortHash(execution.baseCommit)} → {shortHash(execution.headCommit)}</span>
+        {execution.changedFiles !== undefined && execution.changedFiles > 0 && (
+          <span className="dsh-atb-iso-fact">改动 {execution.changedFiles} 个文件</span>
+        )}
+        {execution.diffStat !== undefined && <span className="dsh-atb-iso-fact" title={execution.diffStat}>{execution.diffStat}</span>}
+      </div>
+
+      {commits.length > 0
+        ? (
+            <div className="dsh-atb-iso-commits">
+              {commits.slice(0, 10).map(c => (
+                <div key={c.hash} className="dsh-atb-iso-commit">
+                  <code>{shortHash(c.hash)}</code>
+                  <span>{c.subject}</span>
+                </div>
+              ))}
+              {commitTotal > 10 && <div className="dsh-atb-iso-more">… 共 {commitTotal} 个提交</div>}
+            </div>
+          )
+        : <div className="dsh-atb-iso-nocommit">该次执行没有产生提交（改动可能未提交，见下方警告）</div>}
+
+      {dirtyTotal > 0 && (
+        <div className="dsh-atb-iso-dirty" title={dirty.join('\n')}>
+          ⚠ 有 {dirtyTotal} 处未提交修改（合并前请让 agent 提交，或手动处理）
+        </div>
+      )}
+
+      <div className="dsh-atb-iso-actions">
+        {running
+          ? <span className="dsh-atb-iso-hint">执行中 — 结束后可合并或清理</span>
+          : confirmMerge
+            ? (
+                <span className="dsh-atb-confirm">
+                  <span className="dsh-atb-confirm-label">将分支以 --no-ff 合并到主工作区？</span>
+                  <button type="button" className="dsh-atb-btn" data-primary="true" disabled={busy} onClick={doMerge}>确认合并</button>
+                  <button type="button" className="dsh-atb-btn" onClick={() => setConfirmMerge(false)}>取消</button>
+                </span>
+              )
+            : (
+                <button
+                  type="button"
+                  className="dsh-atb-btn"
+                  disabled={busy}
+                  title="在主工作区 git merge --no-ff 该任务分支（要求主区干净；冲突会原样报告）"
+                  onClick={() => setConfirmMerge(true)}
+                >
+                  ⇥ 合并到主工作区
+                </button>
+              )}
+        {!running && (confirmRemove === null
+          ? (
+              <>
+                <button
+                  type="button"
+                  className="dsh-atb-btn"
+                  data-danger="true"
+                  disabled={busy}
+                  title="git worktree remove（有未提交修改时拒绝）"
+                  onClick={() => setConfirmRemove('wt')}
+                >
+                  🗑 删除 worktree
+                </button>
+                {task.branch !== undefined && (
+                  <button
+                    type="button"
+                    className="dsh-atb-btn"
+                    data-danger="true"
+                    disabled={busy}
+                    title="删除 worktree 并删除任务分支（有未提交修改时拒绝）"
+                    onClick={() => setConfirmRemove('wtb')}
+                  >
+                    🗑 删 worktree + 分支
+                  </button>
+                )}
+              </>
+            )
+          : (
+              <span className="dsh-atb-confirm">
+                <span className="dsh-atb-confirm-label">{confirmRemove === 'wtb' ? '删除 worktree 并删除分支？' : '删除 worktree 目录？'}</span>
+                <button type="button" className="dsh-atb-btn" data-danger="true" disabled={busy} onClick={() => doRemove(confirmRemove === 'wtb')}>确认删除</button>
+                <button type="button" className="dsh-atb-btn" onClick={() => setConfirmRemove(null)}>取消</button>
+              </span>
+            ))}
+        {!running && confirmRemove === null && !confirmMerge && <span className="dsh-atb-iso-hint">分支与 worktree 保留中 — 可退回继续修改</span>}
+      </div>
+      {alertEl}
+    </div>
+  )
+}
+
 /**
  * The detail view.
  * @param task - the task record.
@@ -87,10 +242,15 @@ export function TaskDetail({ task, controller, now }: { task: TaskRecord; contro
             <Chip tone={task.urgency}>● {URGENCY_LABEL[task.urgency] ?? task.urgency}</Chip>
             <Chip icon="📁">{ws?.title ?? shortId(task.workspaceId)}</Chip>
             {task.model !== undefined && <Chip icon="✦">{task.model.model}</Chip>}
+            {task.presetId !== undefined && <Chip icon="🎛" >{task.presetId}</Chip>}
             {task.execution.mode === 'scheduled' && (
               <Chip icon="⏰">{task.execution.cron} · 下次 {fmtTime(task.execution.nextRunAt)}</Chip>
             )}
             {task.blocked && <Chip icon="⛔" tone="urgent">受阻</Chip>}
+            {task.branch !== undefined && (
+              <Chip icon="🌿" tone={undefined}>Worktree · {task.branch.length > 28 ? `${task.branch.slice(0, 28)}…` : task.branch}</Chip>
+            )}
+            {(task.isolation === undefined || task.isolation === 'worktree') && task.branch === undefined && <Chip icon="🌿">Worktree 隔离</Chip>}
             {holder !== undefined && (
               <Chip icon={stale ? '⏱' : '🔑'} tone={stale ? 'urgent' : undefined}>
                 {stale ? '认领超时 · ' : '由 '}{shortId(holder)} 持有
@@ -113,6 +273,16 @@ export function TaskDetail({ task, controller, now }: { task: TaskRecord; contro
           >
             ⧉ 复制
           </button>
+          {canRun && task.branch !== undefined && (
+            <button
+              type="button"
+              className="dsh-atb-detail-run"
+              title="续跑：保留现有 worktree 与分支（上次的改动和提交都在原处），在其上继续执行；默认「立即执行」会重置为全新基线"
+              onClick={() => void controller.run(task.id, true)}
+            >
+              ↻ 续跑
+            </button>
+          )}
           {canRun && (
             <button
               type="button"
@@ -160,6 +330,8 @@ export function TaskDetail({ task, controller, now }: { task: TaskRecord; contro
         </div>
       )}
 
+      <IsolationBlock task={task} controller={controller} />
+
       <div className="dsh-atb-detail-actions">
         <div className="dsh-atb-movebtns">
           {moveTargets(task).map(to => to === 'done'

package/src/client/board/TaskFormModal.tsx

@@ -10,7 +10,8 @@
  */
 import { useEffect, useRef, useState, type ReactNode } from 'react'
 import type { BoardController } from '../controller.ts'
-import type { Urgency } from '../../shared/protocol.ts'
+import { loadDefaultIsolation, saveDefaultIsolation } from '../controller.ts'
+import type { IsolationMode, Urgency } from '../../shared/protocol.ts'
 import { nextCronTime, parseCron } from '../../shared/protocol.ts'
 import { fmtTime } from './TaskBoard.tsx'
 
@@ -69,6 +70,14 @@ export function TaskFormModal({ controller, task }: { controller: BoardControlle
   const [cron, setCron] = useState(task?.execution.cron ?? '0 9 * * *')
   const [catalog, setCatalog] = useState<CatalogModel[]>([])
   const [model, setModel] = useState(task?.model !== undefined ? JSON.stringify(task.model) : '')
+  // Preset roster (0.3.3): create mode PRE-SELECTS the deployment default
+  // (标准模式 in this deployment); '' = 跟随部署默认 (submit omits the field).
+  const [presetId, setPresetId] = useState(task?.presetId ?? '')
+  const [presets, setPresets] = useState<Array<{ id: string; name?: string }>>([])
+  const [presetDefault, setPresetDefault] = useState<string | undefined>(undefined)
+  // Isolation toggle: create mode starts from the remembered choice (default
+  // on); edit mode starts from the task and locks once execution began.
+  const [isolation, setIsolation] = useState<IsolationMode>(task?.isolation ?? loadDefaultIsolation())
   const titleRef = useRef<HTMLInputElement>(null)
 
   // Focus the title and close on Esc while the dialog is open.
@@ -88,6 +97,18 @@ export function TaskFormModal({ controller, task }: { controller: BoardControlle
     void face().then(setCatalog).catch(() => setCatalog([]))
   }, [controller])
 
+  // Preset roster: same lazy face; pre-select the deployment default in
+  // create mode so executions run with a real tool set out of the box.
+  useEffect(() => {
+    const face = (controller as unknown as { presetCatalog?: () => Promise<{ presets: Array<{ id: string; name?: string }>; defaultId?: string }> }).presetCatalog
+    if (face === undefined) return
+    void face().then(roster => {
+      setPresets(roster.presets)
+      setPresetDefault(roster.defaultId)
+      if (task?.presetId === undefined && roster.defaultId !== undefined) setPresetId(roster.defaultId)
+    }).catch(() => setPresets([]))
+  }, [controller, task?.presetId])
+
   // Live cron validation + next-run preview (same math as the host).
   const cronMatch = mode === 'scheduled' ? parseCron(cron.trim()) : null
   const nextRun = cronMatch !== null ? nextCronTime(cronMatch, Date.now()) : null
@@ -97,9 +118,29 @@ export function TaskFormModal({ controller, task }: { controller: BoardControlle
   // A task already in progress cannot be run again (host rejects it).
   const runBlocked = editing && task.status === 'in_progress'
 
+  // Isolation editability: locked once the task has execution history (the
+  // branch and its baseline depend on the choice — plan §3.1).
+  const isolationLocked = editing && ((task.executions?.length ?? 0) > 0 || task.status === 'in_progress')
+  const gitOk = controller.gitAvailable(workspaceId)
+  // Non-git project: the worktree option is disabled; submitting keeps the
+  // default (runtime auto-degrades with a note) instead of persisting 'none'.
+  const isolationDisabled = isolationLocked || !gitOk
+
+  /** Isolation payload for submit: undefined keeps the default (degrades naturally). */
+  const isolationPayload = (): string | undefined => {
+    if (!gitOk) return undefined
+    if (!editing) saveDefaultIsolation(isolation)
+    return isolation
+  }
+
+  /** Preset payload: '' = follow the deployment default (submit omits). */
+  const presetPayload = (): string | undefined => (presetId.trim().length > 0 ? presetId.trim() : undefined)
+
   const submit = (): void => {
     if (!valid) return
     const picked = model !== '' ? (JSON.parse(model) as { provider: string; model: string }) : undefined
+    const isolationOut = isolationPayload()
+    const presetOut = presetPayload()
     if (editing) {
       void controller.update(task.id, task.version, {
         title,
@@ -110,6 +151,8 @@ export function TaskFormModal({ controller, task }: { controller: BoardControlle
         execution: mode === 'scheduled' ? { mode, cron: cron.trim() } : { mode },
         // '' in edit mode clears the pinned model back to the default.
         model: picked ?? null,
+        ...(isolationOut !== undefined && !isolationLocked ? { isolation: isolationOut } : {}),
+        presetId: presetOut ?? null,
       })
     } else {
       void controller.create({
@@ -120,6 +163,8 @@ export function TaskFormModal({ controller, task }: { controller: BoardControlle
         prompt: prompt.length > 0 ? prompt : undefined,
         execution: mode === 'scheduled' ? { mode, cron: cron.trim() } : { mode },
         model: picked,
+        ...(isolationOut !== undefined ? { isolation: isolationOut } : {}),
+        ...(presetOut !== undefined ? { presetId: presetOut } : {}),
       })
     }
   }
@@ -128,6 +173,8 @@ export function TaskFormModal({ controller, task }: { controller: BoardControlle
   const submitAndRun = (): void => {
     if (!valid || runBlocked) return
     const picked = model !== '' ? (JSON.parse(model) as { provider: string; model: string }) : undefined
+    const isolationOut = isolationPayload()
+    const presetOut = presetPayload()
     if (editing) {
       void (async () => {
         const saved = await controller.update(task.id, task.version, {
@@ -138,6 +185,8 @@ export function TaskFormModal({ controller, task }: { controller: BoardControlle
           workspaceId,
           execution: mode === 'scheduled' ? { mode, cron: cron.trim() } : { mode },
           model: picked ?? null,
+          ...(isolationOut !== undefined && !isolationLocked ? { isolation: isolationOut } : {}),
+          presetId: presetOut ?? null,
         })
         if (saved) await controller.run(task.id)
       })()
@@ -151,6 +200,8 @@ export function TaskFormModal({ controller, task }: { controller: BoardControlle
           prompt: prompt.length > 0 ? prompt : undefined,
           execution: mode === 'scheduled' ? { mode, cron: cron.trim() } : { mode },
           model: picked,
+          ...(isolationOut !== undefined ? { isolation: isolationOut } : {}),
+          ...(presetOut !== undefined ? { presetId: presetOut } : {}),
         })
         if (id !== undefined) await controller.run(id)
       })()
@@ -199,6 +250,19 @@ export function TaskFormModal({ controller, task }: { controller: BoardControlle
             </select>
           </Field>
 
+          {presets.length > 0 && (
+            <Field label="执行模式（preset）">
+              <select value={presetId} onChange={e => setPresetId(e.target.value)} title="执行会话按该 preset 组合（决定工具集与人设）；默认 = 部署默认 preset">
+                <option value="">跟随部署默认{presetDefault !== undefined ? `（当前：${presets.find(p => p.id === presetDefault)?.name ?? presetDefault}）` : ''}</option>
+                {presets.map(p => (
+                  <option key={p.id} value={p.id}>
+                    {p.name ?? p.id}{p.id === presetDefault ? '（部署默认）' : ''}
+                  </option>
+                ))}
+              </select>
+            </Field>
+          )}
+
           <Field label="紧急度" full>
             <div className="dsh-atb-urgency-picker">
               {URGENCY_OPTIONS.map(o => (
@@ -263,6 +327,38 @@ export function TaskFormModal({ controller, task }: { controller: BoardControlle
               </span>
             </Field>
           )}
+
+          <Field label="执行隔离" full>
+            <div className="dsh-atb-mode-picker" data-disabled={isolationDisabled ? 'true' : undefined}>
+              <button
+                type="button"
+                className="dsh-atb-mode-opt"
+                data-on={isolation === 'worktree'}
+                disabled={isolationDisabled}
+                title={isolationLocked ? '任务已有执行记录，隔离方式已锁定' : !gitOk ? '当前项目非 git 仓库' : '每次执行在独立 worktree 分支上进行'}
+                onClick={() => setIsolation('worktree')}
+              >
+                <span className="dsh-atb-mode-name">🌿 Worktree 隔离</span>
+                <span className="dsh-atb-mode-hint">
+                  {isolationLocked ? '已锁定（执行开始后不可更改）' : !gitOk ? '当前项目非 git 仓库' : '独立分支 task/标题+ID，互不污染'}
+                </span>
+              </button>
+              <button
+                type="button"
+                className="dsh-atb-mode-opt"
+                data-on={isolation === 'none'}
+                disabled={isolationDisabled}
+                title={isolationLocked ? '任务已有执行记录，隔离方式已锁定' : '直接在项目目录执行（不使用 git）'}
+                onClick={() => setIsolation('none')}
+              >
+                <span className="dsh-atb-mode-name">📁 原目录执行</span>
+                <span className="dsh-atb-mode-hint">{isolationLocked ? '已锁定（执行开始后不可更改）' : !gitOk ? '当前项目非 git 仓库，将在原目录执行' : '不使用 git，直接在项目目录工作'}</span>
+              </button>
+            </div>
+            {!gitOk && !isolationLocked && (
+              <span className="dsh-atb-isolation-note">当前项目非 git 仓库，将在原目录执行（任务仍按默认配置创建，运行时自动降级）</span>
+            )}
+          </Field>
         </div>
 
         <div className="dsh-atb-modal-foot">
@@ -300,4 +396,7 @@ interface TaskRecordLike {
   urgency: Urgency
   execution: { mode: 'claim' | 'scheduled'; cron?: string }
   model?: { provider: string; model: string }
+  isolation?: IsolationMode
+  presetId?: string
+  executions?: unknown[]
 }

package/src/client/controller.ts

@@ -7,8 +7,8 @@
  *
  * @module dsh-taskboard/client/controller
  */
-import type { ChangeEvent, UpdateTaskBody, WorkspaceView } from '../shared/api.ts'
-import type { TaskLedger, TaskRecord, Urgency } from '../shared/protocol.ts'
+import type { ChangeEvent, DiagnosticsResponse, UpdateTaskBody, WorkspaceView } from '../shared/api.ts'
+import type { IsolationMode, TaskLedger, TaskRecord, Urgency } from '../shared/protocol.ts'
 import { emptyLedger } from '../shared/protocol.ts'
 import type { TaskboardClient } from './api.ts'
 import type { SessionJumpResult } from './session-jump.ts'
@@ -27,6 +27,26 @@ export type SortBy = 'default' | 'updated' | 'urgency' | 'created'
 /** localStorage key for persisted view state (filters + sort). */
 const VIEW_KEY = 'dsh-taskboard-view-v1'
 
+/** localStorage key for the remembered isolation toggle choice (0.3.0). */
+const ISOLATION_KEY = 'dsh-taskboard-isolation-v1'
+
+/** Load the remembered default isolation (worktree unless explicitly turned off). */
+export function loadDefaultIsolation(): IsolationMode {
+  try {
+    const raw = localStorage.getItem(ISOLATION_KEY)
+    return raw === 'none' ? 'none' : 'worktree'
+  } catch {
+    return 'worktree'
+  }
+}
+
+/** Remember the isolation toggle choice across forms (best effort). */
+export function saveDefaultIsolation(mode: IsolationMode): void {
+  try {
+    localStorage.setItem(ISOLATION_KEY, mode)
+  } catch { /* storage unavailable — choice just won't persist */ }
+}
+
 /** Load the persisted view state (never throws; fresh on any parse error). */
 function loadView(): { workspaceId?: string; urgencies: Urgency[]; sortBy: SortBy } {
   try {
@@ -62,6 +82,10 @@ export interface ControllerState {
   editingId?: string
   /** Secondary (canceled/archived/trashed) tab visible. */
   secondaryOpen: boolean
+  /** Health-diagnostics panel (⚙) visible. */
+  diagOpen: boolean
+  /** Last fetched diagnostics payload (⚙ panel). */
+  diagnostics?: DiagnosticsResponse
   /** Transient error surface (action failures); cleared on next success. */
   error?: string
 }
@@ -78,6 +102,7 @@ function initialState(): ControllerState {
     sortBy: view.sortBy,
     composerOpen: false,
     secondaryOpen: false,
+    diagOpen: false,
   }
 }
 
@@ -221,6 +246,12 @@ export class BoardController {
   /** Toggle the secondary tab. */
   toggleSecondary(): void { this.setState({ secondaryOpen: !this.state.secondaryOpen }) }
 
+  /** Whether a workspace passed git detection (form toggle enablement). */
+  gitAvailable(workspaceId: string | undefined): boolean {
+    if (workspaceId === undefined) return true
+    return this.state.workspaces.find(w => w.id === workspaceId)?.gitAvailable === true
+  }
+
   /**
    * Install the session-jump bridge (built from the runtime sessions service
    * by the client entry). Without it openSession reports 'unavailable'.
@@ -325,10 +356,10 @@ export class BoardController {
     }
   }
 
-  /** Trigger a manual run (fresh in-project session, pinned model). */
-  async run(id: string): Promise<void> {
+  /** Trigger a manual run (fresh in-project session, pinned model); `reuse` = 续跑. */
+  async run(id: string, reuse = false): Promise<void> {
     try {
-      await this.client.run(id)
+      await this.client.run(id, reuse ? { reuse: true } : {})
       await this.refresh()
     } catch (error) {
       this.setState({ error: error instanceof Error ? error.message : String(error) })
@@ -345,6 +376,56 @@ export class BoardController {
     }
   }
 
+  /**
+   * ⇥ 合并 (detail page): merge the task branch into the main worktree.
+   * @returns the outcome; `noop` means the branch had no new commits (nothing merged).
+   */
+  async mergeBranch(id: string): Promise<{ ok: true; noop?: boolean } | { ok: false; error: string }> {
+    try {
+      const value = await this.client.mergeBranch(id)
+      await this.refresh()
+      return value.noop === true ? { ok: true, noop: true } : { ok: true }
+    } catch (error) {
+      return { ok: false, error: error instanceof Error ? error.message : String(error) }
+    }
+  }
+
+  /**
+   * 🗑 删除 worktree (detail page), optionally deleting the task branch too.
+   * @returns the outcome; failures carry the git message for an alert.
+   */
+  async removeWorktree(id: string, deleteBranch: boolean): Promise<{ ok: true; branchError?: string } | { ok: false; error: string }> {
+    try {
+      const value = await this.client.worktreeRemove(id, { deleteBranch })
+      await this.refresh()
+      return value.branchError !== undefined ? { ok: true, branchError: value.branchError } : { ok: true }
+    } catch (error) {
+      return { ok: false, error: error instanceof Error ? error.message : String(error) }
+    }
+  }
+
+  /** Open the ⚙ diagnostics panel and fetch a fresh snapshot. */
+  openDiagnostics(): void {
+    this.setState({ diagOpen: true })
+    void this.client.diagnostics()
+      .then(diagnostics => this.setState({ diagnostics }))
+      .catch(error => this.setState({ error: error instanceof Error ? error.message : String(error) }))
+  }
+
+  /** Close the ⚙ diagnostics panel. */
+  closeDiagnostics(): void { this.setState({ diagOpen: false }) }
+
+  /** Clean one orphan worktree (⚙ panel); refreshes the diagnostics payload. */
+  async cleanupOrphan(workspaceId: string, taskId: string): Promise<void> {
+    try {
+      await this.client.worktreeCleanup(workspaceId, taskId)
+      const diagnostics = await this.client.diagnostics()
+      this.setState({ diagnostics, error: undefined })
+    } catch (error) {
+      this.setState({ error: error instanceof Error ? error.message : String(error) })
+    }
+  }
+
   /** Soft-delete (agent parity) then optional purge. */
   async remove(id: string, ifVersion: number, purge: boolean): Promise<void> {
     try {
@@ -356,7 +437,7 @@ export class BoardController {
     }
   }
 
-  /** Duplicate a task into a fresh todo card (same project/urgency/prompt/execution/model). */
+  /** Duplicate a task into a fresh todo card (same project/urgency/prompt/execution/model/isolation). */
   async duplicate(task: TaskRecord): Promise<void> {
     try {
       await this.client.create({
@@ -369,6 +450,8 @@ export class BoardController {
           ? { mode: 'scheduled', cron: task.execution.cron }
           : { mode: 'claim' },
         model: task.model,
+        isolation: task.isolation,
+        ...(task.presetId !== undefined ? { presetId: task.presetId } : {}),
       })
       await this.refresh()
     } catch (error) {

package/src/client/index.ts

@@ -24,12 +24,15 @@ export const name = 'dsh-taskboard/client'
 /** Required client services (fiber inject waiting). */
 export const inject = ['connection']
 
-/** Narrow connection face for the model catalog. */
+/** Narrow connection face for the model catalog + preset roster. */
 interface ConnectionFace {
   api: {
     llm: {
       models(payload: Record<string, never>): Promise<{ result: { ok: true; value: { groups: Array<{ id: string; name: string; models: Array<{ id: string; name?: string }> }> } } | { ok: false } }>
     }
+    agentPresets?: {
+      list(payload: Record<string, never>): Promise<{ result: { ok: true; value: { presets: Array<{ id: string; name?: string; isDefault: boolean }> } } | { ok: false } }>
+    }
   }
 }
 
@@ -64,6 +67,20 @@ export function apply(ctx: ClientContextFace): void {
         }
         return out
       }
+
+      // Preset roster for the composer (0.3.3): agentPreset.list over the
+      // connection RPC — [{id, name}] plus which one is the deployment
+      // default (the form pre-selects it on create).
+      type PresetRow = { id: string; name?: string }
+      ;(controller as unknown as { presetCatalog?: () => Promise<{ presets: PresetRow[]; defaultId?: string }> }).presetCatalog = async (): Promise<{ presets: PresetRow[]; defaultId?: string }> => {
+        const list = connection.api.agentPresets
+        if (list === undefined) return { presets: [] }
+        const response = await list.list({})
+        if (!response.result.ok) return { presets: [] }
+        const presets = response.result.value.presets.map((p: { id: string; name?: string }) => ({ id: p.id, name: p.name }))
+        const def = response.result.value.presets.find((p: { id: string; isDefault: boolean }) => p.isDefault)
+        return { presets, ...(def !== undefined ? { defaultId: def.id } : {}) }
+      }
     }
 
     // Session navigation for execution rows: resolved LAZILY on every jump —

package/src/client/styles.ts

@@ -468,6 +468,51 @@ html[data-dsh-atb-active] .dsh-atb-view { display: flex; flex-direction: column;
   color: var(--dsw-alias-label-primary, inherit);
 }
 .dsh-atb-alert .dsh-atb-btn { padding: 6px 28px; font-size: 13px; }
+
+/* ---------- 0.3.0 isolation ---------- */
+.dsh-atb-isolation-note { display: block; margin-top: 6px; font-size: 11px; color: var(--dsw-alias-label-tertiary, gray); }
+.dsh-atb-mode-picker[data-disabled="true"] .dsh-atb-mode-opt { cursor: not-allowed; opacity: .55; }
+.dsh-atb-iso-none { font-size: 12.5px; color: var(--dsw-alias-label-secondary, inherit); }
+.dsh-atb-iso-facts { display: flex; flex-wrap: wrap; gap: 6px 12px; margin-bottom: 8px; }
+.dsh-atb-iso-fact { font-size: 11.5px; color: var(--dsw-alias-label-secondary, inherit); }
+.dsh-atb-iso-fact b { font-weight: 600; color: var(--dsw-alias-state-business-primary, #3e63dd); }
+.dsh-atb-iso-commits { display: flex; flex-direction: column; gap: 3px; margin-bottom: 8px; }
+.dsh-atb-iso-commit { display: flex; gap: 8px; font-size: 11.5px; align-items: baseline; }
+.dsh-atb-iso-commit code {
+  font-family: ui-monospace, Consolas, monospace; font-size: 10.5px;
+  color: var(--dsh-alias-state-business-primary, #3e63dd); flex-shrink: 0;
+}
+.dsh-atb-iso-commit span { word-break: break-all; color: var(--dsw-alias-label-secondary, inherit); }
+.dsh-atb-iso-more { font-size: 11px; color: var(--dsw-alias-label-tertiary, gray); }
+.dsh-atb-iso-nocommit { font-size: 11.5px; color: var(--dsw-alias-label-tertiary, gray); margin-bottom: 8px; }
+.dsh-atb-iso-dirty {
+  font-size: 11.5px; color: var(--dsw-alias-state-error-primary, #e5484d);
+  background: rgba(229,72,77,.09); border: 1px solid rgba(229,72,77,.35);
+  border-radius: 8px; padding: 6px 10px; margin-bottom: 8px;
+}
+.dsh-atb-iso-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
+.dsh-atb-iso-hint { font-size: 11px; color: var(--dsw-alias-label-tertiary, gray); }
+
+/* ---------- 0.3.0 diagnostics ---------- */
+.dsh-atb-diag { max-width: 520px; width: min(520px, 92vw); }
+.dsh-atb-diag-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 14px; }
+.dsh-atb-diag-item {
+  display: flex; flex-direction: column; align-items: center; gap: 2px;
+  padding: 10px 6px; border-radius: 10px;
+  border: 1px solid var(--dsw-alias-border-l2, rgba(128,128,128,.25));
+  background: var(--dsw-alias-bg-layer-1, rgba(128,128,128,.04));
+}
+.dsh-atb-diag-item b { font-size: 18px; font-weight: 700; }
+.dsh-atb-diag-item span { font-size: 10.5px; color: var(--dsw-alias-label-tertiary, gray); }
+.dsh-atb-diag-item[data-bad="true"] b { color: var(--dsw-alias-state-error-primary, #e5484d); }
+.dsh-atb-diag-sec h4 { margin: 0 0 8px; font-size: 12.5px; }
+.dsh-atb-diag-orphans { display: flex; flex-direction: column; gap: 6px; }
+.dsh-atb-diag-orphan {
+  display: flex; align-items: center; gap: 10px; justify-content: space-between;
+  padding: 7px 10px; border-radius: 8px;
+  border: 1px solid var(--dsw-alias-border-l2, rgba(128,128,128,.25));
+}
+.dsh-atb-diag-orphan-path { font-size: 11.5px; font-family: ui-monospace, Consolas, monospace; word-break: break-all; }
 `
 
 let injected = false