dsh-taskboard 0.2.2 → 0.4.0

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, DiffResponse, ImportCommitResponse, ImportPreviewResponse, TaskTemplate, TaskTemplateSpec, UpdateTaskBody, WorkspaceView } from '../shared/api.ts'
+import type { ChecklistItem, 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,18 @@ 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
+  /** Task templates (0.4.0), lazy-loaded when the new-task menu opens. */
+  templates: TaskTemplate[]
+  /** Template manager modal visible. */
+  tplManagerOpen: boolean
+  /** Import modal visible (0.4.0). */
+  importOpen: boolean
+  /** Fields a chosen template prefills into the create form (consumed on open). */
+  templatePrefill?: TaskTemplateSpec
   /** Transient error surface (action failures); cleared on next success. */
   error?: string
 }
@@ -78,6 +110,10 @@ function initialState(): ControllerState {
     sortBy: view.sortBy,
     composerOpen: false,
     secondaryOpen: false,
+    diagOpen: false,
+    templates: [],
+    tplManagerOpen: false,
+    importOpen: false,
   }
 }
 
@@ -209,18 +245,29 @@ export class BoardController {
   /** Select a task (open detail). */
   select(id?: string): void { this.setState({ selectedId: id }) }
 
-  /** Show/hide the task form (create mode when opening). */
-  setComposer(open: boolean): void { this.setState({ composerOpen: open, editingId: undefined }) }
+  /** Show/hide the task form (create mode when opening); always blank (no template prefill). */
+  setComposer(open: boolean): void { this.setState({ composerOpen: open, editingId: undefined, templatePrefill: undefined }) }
+
+  /** Open the create form prefilled from a chosen template (0.4.0). */
+  newFromTemplate(spec: TaskTemplateSpec): void {
+    this.setState({ composerOpen: true, editingId: undefined, templatePrefill: spec })
+  }
 
-  /** Open the form modal editing an existing task. */
-  openEditor(id: string): void { this.setState({ composerOpen: true, editingId: id }) }
+  /** Open the form modal editing an existing task (clears any template prefill). */
+  openEditor(id: string): void { this.setState({ composerOpen: true, editingId: id, templatePrefill: undefined }) }
 
   /** Close the form modal whatever its mode. */
-  closeForm(): void { this.setState({ composerOpen: false, editingId: undefined }) }
+  closeForm(): void { this.setState({ composerOpen: false, editingId: undefined, templatePrefill: undefined }) }
 
   /** 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'.
@@ -315,6 +362,34 @@ export class BoardController {
     }
   }
 
+  /**
+   * Toggle one checklist item as the USER (0.4.0): flips the item, records
+   * `checkedBy: 'user'`, keeps other items as they are (one update call).
+   */
+  async toggleChecklistItem(task: TaskRecord, itemId: string): Promise<void> {
+    const items: ChecklistItem[] = (task.checklist ?? []).map(item => item.id === itemId
+      ? (item.checked
+          ? { id: item.id, text: item.text, checked: false }
+          : { id: item.id, text: item.text, checked: true, checkedBy: 'user', checkedAt: Date.now(), ...(item.note !== undefined ? { note: item.note } : {}) })
+      : item)
+    try {
+      await this.client.update(task.id, { ifVersion: task.version, checklist: items })
+      await this.refresh()
+    } catch (error) {
+      this.setState({ error: error instanceof Error ? error.message : String(error) })
+    }
+  }
+
+  /** Diff view (0.4.0): one execution's commit or changed path; errors surface via throw. */
+  async fetchDiff(taskId: string, query: { execution: string; commit?: string; path?: string }): Promise<DiffResponse | undefined> {
+    try {
+      return await this.client.diff(taskId, query)
+    } catch (error) {
+      this.setState({ error: error instanceof Error ? error.message : String(error) })
+      return undefined
+    }
+  }
+
   /** Append a user comment. */
   async comment(id: string, body: string): Promise<void> {
     try {
@@ -325,10 +400,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 +420,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 +481,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/checklist). */
   async duplicate(task: TaskRecord): Promise<void> {
     try {
       await this.client.create({
@@ -369,6 +494,9 @@ export class BoardController {
           ? { mode: 'scheduled', cron: task.execution.cron }
           : { mode: 'claim' },
         model: task.model,
+        isolation: task.isolation,
+        ...(task.presetId !== undefined ? { presetId: task.presetId } : {}),
+        ...(task.checklist !== undefined && task.checklist.length > 0 ? { checklist: task.checklist.map(i => i.text) } : {}),
       })
       await this.refresh()
     } catch (error) {
@@ -376,6 +504,105 @@ export class BoardController {
     }
   }
 
+  // ------------------------------------------------ templates (0.4.0)
+  /** Load the template list (best effort; errors surface). */
+  async loadTemplates(): Promise<TaskTemplate[]> {
+    try {
+      const value = await this.client.templates()
+      this.setState({ templates: value.templates, error: undefined })
+      return value.templates
+    } catch (error) {
+      this.setState({ error: error instanceof Error ? error.message : String(error) })
+      return []
+    }
+  }
+
+  /** Open the + 新建任务 dropdown's template list fresh (called on menu open). */
+  prepareTemplateMenu(): void {
+    if (this.state.templates.length === 0) void this.loadTemplates()
+  }
+
+  /** Open the template manager modal. */
+  openTemplateManager(): void {
+    this.setState({ tplManagerOpen: true })
+    void this.loadTemplates()
+  }
+
+  /** Close the template manager modal. */
+  closeTemplateManager(): void { this.setState({ tplManagerOpen: false }) }
+
+  /** Create or replace a template; refreshes the list. */
+  async upsertTemplate(body: { id?: string; name: string; task: TaskTemplateSpec }): Promise<boolean> {
+    try {
+      await this.client.templateUpsert(body)
+      await this.loadTemplates()
+      return true
+    } catch (error) {
+      this.setState({ error: error instanceof Error ? error.message : String(error) })
+      return false
+    }
+  }
+
+  /** Delete a template by id; refreshes the list. */
+  async deleteTemplate(id: string): Promise<void> {
+    try {
+      await this.client.templateDelete(id)
+      await this.loadTemplates()
+    } catch (error) {
+      this.setState({ error: error instanceof Error ? error.message : String(error) })
+    }
+  }
+
+  /** 存为模板 from a task card: carries every configurable field incl. checklist texts. */
+  async saveAsTemplate(task: TaskRecord): Promise<boolean> {
+    return this.upsertTemplate({
+      name: task.title.slice(0, 60),
+      task: {
+        title: task.title,
+        description: task.description.length > 0 ? task.description : undefined,
+        prompt: task.prompt.length > 0 ? task.prompt : undefined,
+        urgency: task.urgency,
+        execution: task.execution.mode === 'scheduled' && task.execution.cron !== undefined
+          ? { mode: 'scheduled', cron: task.execution.cron }
+          : { mode: 'claim' },
+        model: task.model,
+        isolation: task.isolation,
+        ...(task.presetId !== undefined ? { presetId: task.presetId } : {}),
+        ...(task.checklist !== undefined && task.checklist.length > 0 ? { checklist: task.checklist.map(i => i.text) } : {}),
+      },
+    })
+  }
+
+  // ------------------------------------------------ import (0.4.0)
+  /** Open the import modal. */
+  openImport(): void { this.setState({ importOpen: true }) }
+
+  /** Close the import modal. */
+  closeImport(): void { this.setState({ importOpen: false }) }
+
+  /** Dry-run an import file: classify its tasks against the live ledger. */
+  async importPreview(file: unknown): Promise<ImportPreviewResponse['plan'] | undefined> {
+    try {
+      const value = await this.client.importPreview(file)
+      return value.plan
+    } catch (error) {
+      this.setState({ error: error instanceof Error ? error.message : String(error) })
+      return undefined
+    }
+  }
+
+  /** Commit an import; refreshes the ledger afterwards. */
+  async importCommit(mode: 'merge' | 'replace', ledger: unknown): Promise<ImportCommitResponse | undefined> {
+    try {
+      const value = await this.client.importCommit(mode, ledger)
+      await this.refresh()
+      return value
+    } catch (error) {
+      this.setState({ error: error instanceof Error ? error.message : String(error) })
+      return undefined
+    }
+  }
+
   /** Download the whole ledger as a JSON backup file. */
   exportJson(): void {
     const stamp = new Date()

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,204 @@ 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; }
+
+/* ---------- 0.4.0 checklist ---------- */
+.dsh-atb-cke { display: flex; flex-direction: column; gap: 6px; }
+.dsh-atb-cke-row { display: flex; align-items: center; gap: 8px; }
+.dsh-atb-cke-box { flex-shrink: 0; width: 15px; height: 15px; cursor: pointer; }
+.dsh-atb-cke-text {
+  flex: 1; min-width: 0; font-size: 12.5px; padding: 6px 9px;
+  border-radius: 8px; border: 1px solid var(--dsw-alias-border-l2, rgba(128,128,128,.3));
+  background: var(--dsw-alias-bg-layer-1, transparent); color: inherit;
+}
+.dsh-atb-cke-del {
+  flex-shrink: 0; border: none; background: none; cursor: pointer; padding: 4px;
+  color: var(--dsw-alias-label-tertiary, gray); font-size: 12px; border-radius: 6px;
+}
+.dsh-atb-cke-del:hover { color: var(--dsw-alias-state-error-primary, #e5484d); background: rgba(229,72,77,.08); }
+.dsh-atb-cke-add {
+  align-self: flex-start; border: 1px dashed var(--dsw-alias-border-l2, rgba(128,128,128,.4));
+  background: none; color: var(--dsw-alias-label-secondary, inherit); cursor: pointer;
+  font-size: 11.5px; padding: 5px 12px; border-radius: 8px;
+}
+.dsh-atb-cke-add:hover { color: var(--dsw-alias-state-business-primary, #3e63dd); border-color: var(--dsw-alias-state-business-primary, #3e63dd); }
+.dsh-atb-cke-hint { font-size: 10.5px; color: var(--dsw-alias-label-tertiary, gray); }
+
+.dsh-atb-cl-progress { margin-left: 8px; font-size: 11px; font-weight: 400; color: var(--dsw-alias-label-tertiary, gray); }
+.dsh-atb-cl-progress[data-tone="bad"] { color: var(--dsw-alias-state-error-primary, #e5484d); font-weight: 600; }
+.dsh-atb-cl-items { display: flex; flex-direction: column; gap: 5px; }
+.dsh-atb-cl-item {
+  display: flex; align-items: baseline; gap: 9px; padding: 6px 9px; border-radius: 8px;
+  border: 1px solid var(--dsw-alias-border-l2, rgba(128,128,128,.22));
+  background: var(--dsw-alias-bg-layer-1, rgba(128,128,128,.03)); cursor: pointer;
+}
+.dsh-atb-cl-item:hover { border-color: var(--dsw-alias-border-l2, rgba(128,128,128,.4)); }
+.dsh-atb-cl-item input { flex-shrink: 0; transform: translateY(1px); cursor: pointer; }
+.dsh-atb-cl-item[data-checked="true"] .dsh-atb-cl-text { text-decoration: line-through; color: var(--dsw-alias-label-tertiary, gray); }
+.dsh-atb-cl-item[data-alert="true"] {
+  border-color: rgba(229,72,77,.45); background: rgba(229,72,77,.06);
+}
+.dsh-atb-cl-text { flex: 1; min-width: 0; font-size: 12.5px; word-break: break-word; }
+.dsh-atb-cl-meta { flex-shrink: 0; font-size: 10.5px; color: var(--dsw-alias-label-tertiary, gray); display: flex; flex-direction: column; gap: 2px; align-items: flex-end; }
+.dsh-atb-cl-note { max-width: 280px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--dsw-alias-label-secondary, inherit); }
+
+/* ---------- 0.4.0 report ---------- */
+.dsh-atb-rpt-summary { font-size: 12.5px; line-height: 1.6; white-space: pre-wrap; word-break: break-word; margin-bottom: 8px; }
+.dsh-atb-rpt-sec { margin-bottom: 8px; }
+.dsh-atb-rpt-label { font-size: 11px; color: var(--dsw-alias-label-tertiary, gray); margin-bottom: 4px; }
+.dsh-atb-rpt-list { margin: 0; padding-left: 18px; font-size: 12px; line-height: 1.55; word-break: break-all; }
+.dsh-atb-rpt-risk {
+  font-size: 12px; line-height: 1.55; white-space: pre-wrap; word-break: break-word;
+  color: var(--dsw-alias-state-warn-primary, #f5a524);
+  background: rgba(245,165,36,.08); border: 1px solid rgba(245,165,36,.3);
+  border-radius: 8px; padding: 6px 10px;
+}
+
+/* ---------- 0.4.0 diff viewer ---------- */
+.dsh-atb-iso-commit { display: flex; flex-direction: column; gap: 3px; }
+.dsh-atb-iso-commit-btn {
+  display: flex; gap: 8px; font-size: 11.5px; align-items: baseline; text-align: left;
+  border: none; background: none; padding: 2px 4px; margin: 0 -4px; border-radius: 6px; cursor: pointer;
+  color: inherit; width: fit-content; max-width: 100%;
+}
+.dsh-atb-iso-commit-btn:hover { background: var(--dsw-alias-bg-layer-2, rgba(128,128,128,.08)); }
+.dsh-atb-iso-commit-btn code {
+  font-family: ui-monospace, Consolas, monospace; font-size: 10.5px;
+  color: var(--dsw-alias-state-business-primary, #3e63dd); flex-shrink: 0;
+}
+.dsh-atb-iso-commit-btn span { word-break: break-all; color: var(--dsw-alias-label-secondary, inherit); }
+.dsh-atb-iso-commit[data-open="true"] > .dsh-atb-iso-commit-btn code { font-weight: 700; }
+.dsh-atb-iso-dirty { display: flex; flex-direction: column; gap: 6px;
+  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-dirty-toggle { border: none; background: none; cursor: pointer; padding: 0; text-align: left; color: inherit; font-size: inherit; }
+.dsh-atb-iso-dirty-files { display: flex; flex-direction: column; gap: 2px; }
+.dsh-atb-iso-dirty-file {
+  border: none; background: none; cursor: pointer; text-align: left; padding: 1px 2px;
+  font-size: 11px; color: var(--dsw-alias-label-secondary, inherit); border-radius: 4px; word-break: break-all;
+}
+.dsh-atb-iso-dirty-file:hover { background: rgba(128,128,128,.1); color: var(--dsw-alias-state-business-primary, #3e63dd); }
+.dsh-atb-iso-dirty-file code { font-family: ui-monospace, Consolas, monospace; font-size: 10px; margin-right: 6px; }
+.dsh-atb-diffview { margin-top: 6px; border-radius: 8px; overflow: hidden;
+  border: 1px solid var(--dsw-alias-border-l2, rgba(128,128,128,.25)); }
+.dsh-atb-diffview-head { display: flex; align-items: center; gap: 10px; padding: 5px 10px;
+  background: var(--dsw-alias-bg-layer-2, rgba(128,128,128,.08)); }
+.dsh-atb-diffview-title { font-family: ui-monospace, Consolas, monospace; font-size: 10.5px;
+  color: var(--dsw-alias-state-business-primary, #3e63dd); word-break: break-all; }
+.dsh-atb-diffview-hint { font-size: 10.5px; color: var(--dsw-alias-label-tertiary, gray); }
+.dsh-atb-diffview-error { padding: 8px 10px; font-size: 11.5px; color: var(--dsw-alias-state-error-primary, #e5484d); }
+.dsh-atb-diffview-pre {
+  margin: 0; padding: 8px 10px; max-height: 340px; overflow: auto;
+  font-family: ui-monospace, Consolas, monospace; font-size: 10.5px; line-height: 1.5;
+  white-space: pre; color: var(--dsw-alias-label-secondary, inherit);
+}
+
+/* ---------- 0.4.0 new-task menu + template manager + import ---------- */
+.dsh-atb-newmenu { position: relative; display: inline-flex; }
+.dsh-atb-newmenu-backdrop { position: fixed; inset: 0; z-index: 40; }
+.dsh-atb-newmenu-list {
+  position: absolute; top: calc(100% + 4px); left: 0; z-index: 41; min-width: 180px;
+  display: flex; flex-direction: column; padding: 5px; border-radius: 10px;
+  background: var(--dsw-alias-bg-overlay, #fff); color: var(--dsw-alias-label-primary, inherit);
+  border: 1px solid var(--dsw-alias-border-l2, rgba(128,128,128,.25));
+  box-shadow: var(--dsw-shadow-lv3, 0 12px 32px rgba(0,0,0,.18));
+}
+.dsh-atb-newmenu-opt {
+  border: none; background: none; text-align: left; cursor: pointer; padding: 7px 10px;
+  font-size: 12.5px; color: inherit; border-radius: 7px; white-space: nowrap;
+}
+.dsh-atb-newmenu-opt:hover { background: var(--dsw-alias-bg-layer-2, rgba(128,128,128,.1)); }
+.dsh-atb-newmenu-sep { height: 1px; margin: 4px 6px; background: var(--dsw-alias-border-l2, rgba(128,128,128,.25)); }
+
+.dsh-atb-tplm { max-width: 560px; width: min(560px, 92vw); }
+.dsh-atb-tplm-list { display: flex; flex-direction: column; gap: 8px; }
+.dsh-atb-tplm-row {
+  display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 8px;
+  border: 1px solid var(--dsw-alias-border-l2, rgba(128,128,128,.25));
+}
+.dsh-atb-tplm-name {
+  flex: 0 0 160px; font-size: 12.5px; padding: 5px 8px; border-radius: 7px;
+  border: 1px solid var(--dsw-alias-border-l2, rgba(128,128,128,.3));
+  background: var(--dsw-alias-bg-layer-1, transparent); color: inherit;
+}
+.dsh-atb-tplm-meta { flex: 1; min-width: 0; font-size: 10.5px; color: var(--dsw-alias-label-tertiary, gray); }
+.dsh-atb-tplm-btns { display: flex; gap: 6px; flex-shrink: 0; }
+
+.dsh-atb-imp { max-width: 600px; width: min(600px, 92vw); }
+.dsh-atb-imp-picker { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
+.dsh-atb-imp-picker input[type="file"] { font-size: 12px; }
+.dsh-atb-imp-filename { font-size: 11.5px; color: var(--dsw-alias-state-business-primary, #3e63dd); word-break: break-all; }
+.dsh-atb-imp-note { font-size: 11px; color: var(--dsw-alias-label-tertiary, gray); margin-bottom: 10px; }
+.dsh-atb-imp-error { font-size: 12px; color: var(--dsw-alias-state-error-primary, #e5484d); margin-bottom: 8px; }
+.dsh-atb-imp-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-bottom: 12px; }
+.dsh-atb-imp-stat {
+  display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 9px 6px; border-radius: 9px;
+  border: 1px solid var(--dsw-alias-border-l2, rgba(128,128,128,.25));
+}
+.dsh-atb-imp-stat b { font-size: 17px; font-weight: 700; }
+.dsh-atb-imp-stat span { font-size: 10.5px; color: var(--dsw-alias-label-tertiary, gray); }
+.dsh-atb-imp-stat[data-tone="ok"] b { color: var(--dsw-alias-state-success-primary, #30a46c); }
+.dsh-atb-imp-stat[data-tone="warn"] b { color: var(--dsw-alias-state-warn-primary, #f5a524); }
+.dsh-atb-imp-stat[data-tone="bad"] b { color: var(--dsw-alias-state-error-primary, #e5484d); }
+.dsh-atb-imp-sec h4 { margin: 0 0 6px; font-size: 12px; }
+.dsh-atb-imp-sec { margin-bottom: 10px; }
+.dsh-atb-imp-list { display: flex; flex-direction: column; gap: 4px; max-height: 160px; overflow-y: auto; }
+.dsh-atb-imp-row {
+  display: flex; align-items: center; gap: 10px; justify-content: space-between;
+  padding: 5px 9px; border-radius: 7px; border: 1px solid var(--dsw-alias-border-l2, rgba(128,128,128,.2));
+}
+.dsh-atb-imp-row[data-tone="bad"] { border-color: rgba(229,72,77,.35); }
+.dsh-atb-imp-row-title { font-size: 12px; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.dsh-atb-imp-row-status { font-size: 10.5px; color: var(--dsw-alias-label-tertiary, gray); flex-shrink: 0; }
+.dsh-atb-imp-result { font-size: 12px; color: var(--dsw-alias-state-success-primary, #30a46c); margin-top: 10px; }
+.dsh-atb-badge[data-kind="checklist"] { color: var(--dsw-alias-label-secondary, inherit); }
 `
 
 let injected = false