dsh-taskboard 0.6.6 → 0.7.0

package/src/client/board/TaskFormModal.tsx

@@ -212,6 +212,7 @@ export function TaskFormModal({ controller, task }: { controller: BoardControlle
   // create/update/run round-trip is pending — a double click used to fire
   // duplicate creates (and runs) before the first one returned (review P0).
   const [busy, setBusy] = useState(false)
+  const [imageUploading, setImageUploading] = useState(false)
 
   // Focus the title and close on Esc while the dialog is open.
   useEffect(() => {
@@ -294,7 +295,7 @@ export function TaskFormModal({ controller, task }: { controller: BoardControlle
   }
 
   const submit = (): void => {
-    if (!valid || busy) return
+    if (!valid || busy || imageUploading) return
     const picked = buildPickedModel()
     if (!editing) saveLastModel(picked)
     const isolationOut = isolationPayload()
@@ -335,7 +336,7 @@ export function TaskFormModal({ controller, task }: { controller: BoardControlle
 
   /** Save the form, then immediately trigger a manual run of the task. */
   const submitAndRun = (): void => {
-    if (!valid || runBlocked || busy) return
+    if (!valid || runBlocked || busy || imageUploading) return
     const picked = buildPickedModel()
     if (!editing) saveLastModel(picked)
     const isolationOut = isolationPayload()
@@ -602,6 +603,8 @@ export function TaskFormModal({ controller, task }: { controller: BoardControlle
                 controller={controller}
                 rows={7}
                 placeholder={t('form.desc.placeholder')}
+                allowImages
+                onUploadingChange={setImageUploading}
               />
             </Field>
 
@@ -624,13 +627,13 @@ export function TaskFormModal({ controller, task }: { controller: BoardControlle
             <button
               type="button"
               className="dsh-atb-btn"
-              disabled={!valid || runBlocked || busy}
-              title={runBlocked ? t('form.action.runBlockedTitle') : busy ? t('form.action.runBusyTitle') : t('form.action.runTitle')}
+              disabled={!valid || runBlocked || busy || imageUploading}
+              title={runBlocked ? t('form.action.runBlockedTitle') : busy || imageUploading ? t('form.action.runBusyTitle') : t('form.action.runTitle')}
               onClick={submitAndRun}
             >
               {t('form.action.run')}
             </button>
-            <button type="button" className="dsh-atb-btn" data-primary="true" disabled={!valid || busy} onClick={submit}>
+            <button type="button" className="dsh-atb-btn" data-primary="true" disabled={!valid || busy || imageUploading} onClick={submit}>
               {editing ? t('form.action.save') : t('form.action.create')}
             </button>
           </span>

package/src/client/board/TemplateManager.tsx

@@ -7,8 +7,12 @@
  */
 import { useState } from 'react'
 import type { BoardController } from '../controller.ts'
+import type { TaskTemplate } from '../../shared/api.ts'
+import type { Urgency } from '../../shared/protocol.ts'
 import { useAlert } from './AlertModal.tsx'
+import { URGENCY_KEYS } from './labels.ts'
 import { useT } from '../i18n/runtime.ts'
+import { localizeBuiltinName, localizeBuiltinTask } from '../i18n/templates.ts'
 
 /**
  * The template manager modal.
@@ -23,12 +27,20 @@ export function TemplateManager({ controller }: { controller: BoardController })
 
   const close = (): void => controller.closeTemplateManager()
 
-  const nameOf = (id: string, fallback: string): string => edits[id] ?? fallback
+  /** The name a row currently shows: an in-flight rename edit, else the localized name. */
+  const nameOf = (tpl: TaskTemplate): string => edits[tpl.id] ?? localizeBuiltinName(tpl)
+
+  /** Localized urgency label for the meta line ('' when the template pins none). */
+  const urgencyLabel = (urgency: string | undefined): string => {
+    if (urgency === undefined) return ''
+    const key = URGENCY_KEYS[urgency as Urgency]
+    return key !== undefined ? ` · ${t(key)}` : ` · ${urgency}`
+  }
 
   /** Save one template's rename. */
   const save = (id: string, name: string): void => {
     const template = state.templates.find(t => t.id === id)
-    if (template === undefined || name === template.name) return
+    if (template === undefined || name === localizeBuiltinName(template)) return
     void controller.upsertTemplate({ id, name, task: template.task }).then(ok => {
       if (ok) {
         setEdits(prev => { const next = { ...prev }; delete next[id]; return next })
@@ -57,31 +69,31 @@ export function TemplateManager({ controller }: { controller: BoardController })
                     <div key={tpl.id} className="dsh-atb-tplm-row">
                       <input
                         className="dsh-atb-tplm-name"
-                        value={nameOf(tpl.id, tpl.name)}
+                        value={nameOf(tpl)}
                         maxLength={60}
                         spellCheck={false}
-                        aria-label={t('tpl.name.aria', { name: tpl.name })}
+                        aria-label={t('tpl.name.aria', { name: localizeBuiltinName(tpl) })}
                         onChange={e => setEdits(prev => ({ ...prev, [tpl.id]: e.target.value }))}
                         onKeyDown={e => {
-                          if (e.key === 'Enter') save(tpl.id, nameOf(tpl.id, tpl.name))
+                          if (e.key === 'Enter') save(tpl.id, nameOf(tpl))
                         }}
                       />
                       <span
                         className="dsh-atb-tplm-meta"
-                        title={`${tpl.builtin === true ? t('tpl.builtin') : t('tpl.custom')}${tpl.task.checklist !== undefined && tpl.task.checklist.length > 0 ? t('tpl.meta.checklist', { n: tpl.task.checklist.length }) : ''}${tpl.task.urgency !== undefined ? ` · ${tpl.task.urgency}` : ''}${tpl.task.permission !== undefined ? ` · ${t('shared.permission')}: ${tpl.task.permission}` : ''}`}
+                        title={`${tpl.builtin === true ? t('tpl.builtin') : t('tpl.custom')}${tpl.task.checklist !== undefined && tpl.task.checklist.length > 0 ? t('tpl.meta.checklist', { n: tpl.task.checklist.length }) : ''}${urgencyLabel(tpl.task.urgency)}${tpl.task.permission !== undefined ? ` · ${t('shared.permission')}: ${tpl.task.permission}` : ''}`}
                       >
                         {tpl.builtin === true ? t('tpl.builtin') : t('tpl.custom')}
                         {tpl.task.checklist !== undefined && tpl.task.checklist.length > 0 ? t('tpl.meta.checklist', { n: tpl.task.checklist.length }) : ''}
-                        {tpl.task.urgency !== undefined ? ` · ${tpl.task.urgency}` : ''}
+                        {urgencyLabel(tpl.task.urgency)}
                         {tpl.task.permission !== undefined && tpl.task.permission !== 'workspace-write' ? ` · ${tpl.task.permission === 'read-only' ? t('tpl.meta.permReadOnly') : t('tpl.meta.permFull')}` : ''}
                       </span>
                       <span className="dsh-atb-tplm-btns">
                         <button
                           type="button"
                           className="dsh-atb-btn"
-                          disabled={nameOf(tpl.id, tpl.name) === tpl.name || nameOf(tpl.id, tpl.name).trim().length === 0}
+                          disabled={nameOf(tpl) === localizeBuiltinName(tpl) || nameOf(tpl).trim().length === 0}
                           title={t('tpl.rename.title')}
-                          onClick={() => save(tpl.id, nameOf(tpl.id, tpl.name))}
+                          onClick={() => save(tpl.id, nameOf(tpl))}
                         >
                           {t('tpl.rename.button')}
                         </button>
@@ -91,7 +103,7 @@ export function TemplateManager({ controller }: { controller: BoardController })
                           title={t('tpl.use.title')}
                           onClick={() => {
                             close()
-                            controller.newFromTemplate(tpl.task)
+                            controller.newFromTemplate(localizeBuiltinTask(tpl))
                           }}
                         >
                           {t('tpl.use.button')}

package/src/client/controller.ts

@@ -1,3 +1,4 @@
+import type { SessionArchiveResult } from '../shared/api.ts'
 /**
  * The board controller: framework-free state holder the React views render
  * from. Owns the ledger snapshot, workspace listing, view state (open,
@@ -7,7 +8,7 @@
  *
  * @module dsh-taskboard/client/controller
  */
-import type { ChangeEvent, DiagnosticsResponse, DiffResponse, ImportCommitResponse, ImportPreviewResponse, MergeRepoResult, PromptCompletionsResponse, TaskTemplate, TaskTemplateSpec, UpdateTaskBody, WorkspaceView } from '../shared/api.ts'
+import type { AttachmentUpload, ChangeEvent, DiagnosticsResponse, DiffResponse, ImportCommitResponse, ImportPreviewResponse, MergeRepoResult, PromptCompletionsResponse, StorageStatus, TaskTemplate, TaskTemplateSpec, UpdateTaskBody, WorkspaceView } from '../shared/api.ts'
 import type { ChecklistItem, TaskLedger, TaskRecord, Urgency } from '../shared/protocol.ts'
 import { emptyLedger } from '../shared/protocol.ts'
 import type { TaskboardClient } from './api.ts'
@@ -47,6 +48,8 @@ function loadView(): { workspaceId?: string; urgencies: Urgency[]; sortBy: SortB
 
 /** Controller snapshot the views render. */
 export interface ControllerState {
+  archiveSessionsSupported?: boolean
+  sessionArchive?: { taskId: string; result: SessionArchiveResult }
   boardOpen: boolean
   ledger: TaskLedger
   workspaces: WorkspaceView[]
@@ -75,6 +78,8 @@ export interface ControllerState {
   importOpen: boolean
   /** Board-settings modal visible (0.5.0). */
   settingsOpen: boolean
+  /** Current durable-data directory, loaded when settings opens. */
+  storage?: StorageStatus
   /** Fields a chosen template prefills into the create form (consumed on open). */
   templatePrefill?: TaskTemplateSpec
   /** Transient error surface (action failures); cleared on next success. */
@@ -185,7 +190,7 @@ export class BoardController {
           if (this.state.selectedId !== undefined) {
             selected = ledger.tasks.find(t => t.id === this.state.selectedId)
           }
-          this.setState({ ledger, workspaces, error: undefined, selectedId: selected === undefined ? undefined : this.state.selectedId })
+          this.setState({ archiveSessionsSupported: ledger.capabilities?.archiveSessions === true, ledger, workspaces, error: undefined, selectedId: selected === undefined ? undefined : this.state.selectedId })
           if (this.seenRevision === undefined || ledger.revision >= this.seenRevision) break
         }
       } catch (error) {
@@ -422,10 +427,27 @@ export class BoardController {
     }
   }
 
+  /** Retry session archiving without repeating the task's terminal transition. */
+  async retryArchiveSessions(id: string): Promise<void> {
+    try {
+      if (this.client.archiveSessions === undefined) return
+      const result = await this.client.archiveSessions(id)
+      this.setState({ sessionArchive: { taskId: id, result } })
+      await this.refresh()
+    } catch (error) {
+      this.setState({ error: error instanceof Error ? error.message : String(error) })
+    }
+  }
+
   /** Move a task (user surface: done allowed). */
-  async move(id: string, ifVersion: number, status: string): Promise<void> {
+  async move(id: string, ifVersion: number, status: string, options?: { archiveSessions?: boolean }): Promise<void> {
     try {
-      await this.client.move(id, { ifVersion, status })
+      const result = await this.client.move(id, {
+        ifVersion,
+        status,
+        ...(options?.archiveSessions !== undefined ? { archiveSessions: options.archiveSessions } : {}),
+      })
+      if (result.sessionArchive !== undefined) this.setState({ sessionArchive: { taskId: id, result: result.sessionArchive } })
       await this.refresh()
     } catch (error) {
       this.setState({ error: error instanceof Error ? error.message : String(error) })
@@ -504,6 +526,16 @@ export class BoardController {
     }
   }
 
+  /** Upload an image without putting its bytes in the ledger or agent context. */
+  async uploadImage(file: Blob): Promise<AttachmentUpload | undefined> {
+    try {
+      return await this.client.uploadImage(file)
+    } catch (error) {
+      this.setState({ error: error instanceof Error ? error.message : String(error) })
+      return undefined
+    }
+  }
+
   /** Trigger a manual run (fresh in-project session, pinned model); `reuse` = 续跑. */
   async run(id: string, reuse = false): Promise<void> {
     try {
@@ -567,7 +599,12 @@ export class BoardController {
   closeDiagnostics(): void { this.setState({ diagOpen: false }) }
 
   /** Open the board-settings modal (0.5.0). */
-  openSettings(): void { this.setState({ settingsOpen: true }) }
+  openSettings(): void {
+    this.setState({ settingsOpen: true })
+    void this.client.storage()
+      .then(storage => this.setState({ storage, error: undefined }))
+      .catch(error => this.setState({ error: error instanceof Error ? error.message : String(error) }))
+  }
 
   /** Close the board-settings modal. */
   closeSettings(): void { this.setState({ settingsOpen: false }) }
@@ -588,6 +625,31 @@ export class BoardController {
     }
   }
 
+  /** Validate a candidate host directory without changing the active store. */
+  async checkStorage(directory: string): Promise<boolean> {
+    try {
+      const storage = await this.client.checkStorage(directory)
+      this.setState({ storage, error: undefined })
+      return true
+    } catch (error) {
+      this.setState({ error: error instanceof Error ? error.message : String(error) })
+      return false
+    }
+  }
+
+  /** Atomically migrate all three stores and refresh the displayed location. */
+  async migrateStorage(directory: string): Promise<boolean> {
+    try {
+      const storage = await this.client.migrateStorage(directory)
+      this.setState({ storage, error: storage.warnings.length === 0 ? undefined : storage.warnings.join('\n') })
+      await this.refresh()
+      return true
+    } catch (error) {
+      this.setState({ error: error instanceof Error ? error.message : String(error) })
+      return false
+    }
+  }
+
   /** Clean one orphan worktree (⚙ panel); refreshes the diagnostics payload. */
   async cleanupOrphan(workspaceId: string, taskId: string): Promise<void> {
     try {

package/src/client/i18n/en.ts

@@ -213,6 +213,14 @@ export const en: TaskboardDict = {
   'detail.move.to': 'Move to → {status}',
   'detail.move.confirmDoneUnchecked': '{n} checklist items are still unchecked — confirm done?',
   'detail.move.confirmDone': 'Confirm done?',
+  'detail.move.confirmArchive': 'Confirm archive this task?',
+  'detail.move.confirmArchiveSessionWithId': 'Archive execution session {id} together?',
+  'detail.move.confirmArchiveSessionCount': 'Archive {n} execution sessions together?',
+  'detail.move.archiveWithSession': 'With session',
+  'detail.move.archiveUnsupported': 'Session archiving is unavailable on this host',
+  'detail.move.archiveResult': 'Card archived; {n} execution sessions archived. Failed sessions, if any:',
+  'detail.move.archiveRetry': 'Archive / retry execution sessions',
+  'detail.move.archiveCardOnly': 'Card only',
   'detail.move.confirm': 'Confirm',
   'detail.blocked.unmark': '✓ Unblock',
   'detail.blocked.mark': '⛔ Mark blocked',
@@ -331,14 +339,14 @@ export const en: TaskboardDict = {
   'tpl.use.button': 'Use',
   'tpl.delete.title': 'Delete this template',
   'tpl.renamed': 'Template renamed',
-  'tpl.foot.hint': 'Templates are stored with the ledger in the DSH home directory and survive upgrades',
+  'tpl.foot.hint': 'Templates are stored with the ledger in the active data directory and survive upgrades',
 
   // ── import modal (ImportModal) ────────────────────────────────────
   'imp.aria': 'Import ledger',
   'imp.title': 'Import ledger',
   'imp.subtitle': 'Pick an exported JSON backup: preview first, then merge or replace everything',
   'imp.parseError': 'The file is not valid JSON',
-  'imp.note': 'The ⬇ JSON export is a same-format backup and can be imported to restore; the file\u2019s schemaVersion must match the current version.',
+  'imp.note': 'The ⬇ JSON export restores the ledger. Back up the dsh-taskboard-assets folder in the data directory shown in Settings as well. The file\u2019s schemaVersion must match the current version.',
   'imp.previewing': 'Previewing…',
   'imp.stat.create': 'New',
   'imp.stat.overwrite': 'Overwrite (same id)',
@@ -362,7 +370,7 @@ export const en: TaskboardDict = {
   // ── board settings modal (SettingsModal) ──────────────────────────
   'set.aria': 'Board settings',
   'set.title': 'Board settings',
-  'set.subtitle': 'Global defaults for new tasks and session sync',
+  'set.subtitle': 'New-task defaults, session sync, and local data storage',
   'set.iso.heading': 'Default execution isolation',
   'set.iso.noneHint': 'No git; works directly in the project directory (factory default)',
   'set.iso.worktreeHint': 'Each execution runs on its own worktree branch (task/title+ID), isolated from the others; multi-repo workspaces are mirrored whole (one branch per repo)',
@@ -379,6 +387,16 @@ export const en: TaskboardDict = {
   'set.foot.dirty': 'Unsaved changes',
   'set.foot.clean': 'Matches the current board settings',
   'set.action.save': 'Save settings',
+  'set.storage.heading': 'Data storage location',
+  'set.storage.hint': 'The task ledger, templates, and image attachments live together in this directory. Changing it copies and verifies everything before switching.',
+  'set.storage.loading': 'Loading the current path…',
+  'set.storage.current': 'Current path: {path}',
+  'set.storage.assets': 'Image attachments: {count}, {size} MiB',
+  'set.storage.default': 'Restore default path',
+  'set.storage.check': 'Check path',
+  'set.storage.migrate': 'Migrate data',
+  'set.storage.migrating': 'Migrating…',
+  'set.storage.confirm': 'Migrate the complete task ledger, templates, and image attachments?\n\nFrom: {from}\nTo: {to}\n\nWrites queue briefly during migration.',
 
   // ── execution permission (PR #14) ─────────────────────────────────
   'form.field.permission': 'Execution permission',
@@ -412,6 +430,10 @@ export const en: TaskboardDict = {
   'md.imageTitle': 'Click to view full size ({alt})',
   'md.lightboxAlt': 'Full-size preview',
   'md.closePreview': 'Close preview',
+  'image.add': 'Insert image',
+  'image.uploading': 'Uploading…',
+  'image.hint': 'Choose, paste, or drop PNG/JPEG/GIF/WebP images up to 5 MB each',
+  'image.defaultAlt': 'Image',
 
   // ── slash completion popup (PR #14) ───────────────────────────────
   'slash.aria': 'Quick commands and skills',
@@ -456,4 +478,14 @@ export const en: TaskboardDict = {
   'slash.skill.source-driven-development': 'Design from authoritative docs and source code',
   'slash.skill.spec-driven-development': 'Write clear technical specs before coding',
   'slash.skill.using-agent-skills': 'Discover and invoke agent skills dynamically',
+
+  // ── host-generated system comments (0.6.4; localized at render) ────
+  'sys.execFailed': '[System] Execution failed: {error}; the task was returned to todo.',
+  'sys.endedWithComment': '[System] The execution session ended with comments but was not moved to in review; the system moved it to in review automatically.',
+  'sys.endedNoHandoff': '[System] The execution session ended without a protocol handoff (no comments, not moved to in review); the system moved it to in review automatically — review it, then send back or accept.',
+  'sys.sessionError': '[System] Session execution error: {error}; the task was returned to todo.',
+  'sys.sessionDone': '[System] The session finished; automatically moved to in review.',
+  'sys.cronDead': '[System] The cron expression {cron} has no trigger time within 4 years; scheduling disabled — fix the cron and re-enable.',
+  'sys.mergeSingle': '[System] Branch {branch} merged into the main worktree (--no-ff).',
+  'sys.mergeMulti': '[System] Branches merged per repo (--no-ff): {summary}',
 }

package/src/client/i18n/templates.ts

@@ -0,0 +1,25 @@
+/**
+ * Client-side localization of built-in task templates (0.6.4). Built-in
+ * templates are seeded host-side with zh fallback text; this module resolves
+ * the ACTIVE locale's content (name + task spec) so the new-task dropdown,
+ * the template manager, and the create-form prefill follow the GUI language
+ * live. Custom templates (no `builtin` flag) and unknown built-in ids pass
+ * through untouched.
+ *
+ * @module dsh-taskboard/client/i18n/templates
+ */
+import type { TaskTemplate, TaskTemplateSpec } from '../../shared/api.ts'
+import { builtinTemplateContent } from '../../shared/builtin-templates.ts'
+import { localeStore } from './runtime.ts'
+
+/** The localized display name for a template (stored name for custom ones). */
+export function localizeBuiltinName(tpl: Pick<TaskTemplate, 'id' | 'name' | 'builtin'>): string {
+  if (tpl.builtin !== true) return tpl.name
+  return builtinTemplateContent(tpl.id, localeStore.getSnapshot().active)?.name ?? tpl.name
+}
+
+/** The localized task spec for a template (stored spec for custom ones). */
+export function localizeBuiltinTask(tpl: Pick<TaskTemplate, 'id' | 'task' | 'builtin'>): TaskTemplateSpec {
+  if (tpl.builtin !== true) return tpl.task
+  return builtinTemplateContent(tpl.id, localeStore.getSnapshot().active)?.task ?? tpl.task
+}

package/src/client/i18n/zh.ts

@@ -215,6 +215,14 @@ export const zh = {
   'detail.move.to': '移至→{status}',
   'detail.move.confirmDoneUnchecked': '仍有 {n} 项清单未勾选，确认完成？',
   'detail.move.confirmDone': '确认完成？',
+  'detail.move.confirmArchive': '确认归档该任务？',
+  'detail.move.confirmArchiveSessionWithId': '是否连同执行会话 {id} 一同归档？',
+  'detail.move.confirmArchiveSessionCount': '是否连同 {n} 个执行会话一同归档？',
+  'detail.move.archiveWithSession': '连同会话归档',
+  'detail.move.archiveUnsupported': '当前宿主不支持会话归档',
+  'detail.move.archiveResult': '卡片已归档；执行会话归档成功 {n} 个。失败会话如下（如有）：',
+  'detail.move.archiveRetry': '归档 / 重试归档执行会话',
+  'detail.move.archiveCardOnly': '仅归档卡片',
   'detail.move.confirm': '确认',
   'detail.blocked.unmark': '✓ 解除受阻',
   'detail.blocked.mark': '⛔ 标记受阻',
@@ -333,14 +341,14 @@ export const zh = {
   'tpl.use.button': '用此新建',
   'tpl.delete.title': '删除该模板',
   'tpl.renamed': '模板已改名',
-  'tpl.foot.hint': '模板随台账一同保存在 DSH 主目录，升级不丢',
+  'tpl.foot.hint': '模板随台账一同保存在当前数据目录，升级不丢',
 
   // ── import modal (ImportModal) ────────────────────────────────────
   'imp.aria': '导入台账',
   'imp.title': '导入台账',
   'imp.subtitle': '选择导出的 JSON 备份文件：先预览、再合并或整册替换',
   'imp.parseError': '文件不是合法 JSON',
-  'imp.note': '⬇ JSON 导出的文件即为同格式备份，可直接导入恢复；导入文件的 schemaVersion 必须与当前版本一致。',
+  'imp.note': '⬇ JSON 导出可恢复台账；图片附件需同时备份设置页所示数据目录下的 dsh-taskboard-assets 文件夹。导入文件的 schemaVersion 必须与当前版本一致。',
   'imp.previewing': '预览中…',
   'imp.stat.create': '新增',
   'imp.stat.overwrite': '覆盖（同 id）',
@@ -364,7 +372,7 @@ export const zh = {
   // ── board settings modal (SettingsModal) ──────────────────────────
   'set.aria': '看板设置',
   'set.title': '看板设置',
-  'set.subtitle': '新建任务与会话同步的全局默认值',
+  'set.subtitle': '新建任务、会话同步与本地数据存储',
   'set.iso.heading': '默认执行隔离',
   'set.iso.noneHint': '不使用 git，直接在项目目录工作（出厂默认）',
   'set.iso.worktreeHint': '每次执行在独立 worktree 分支上进行（task/标题+ID），互不污染；多仓库工作区自动整区镜像（每仓库独立分支）',
@@ -381,6 +389,16 @@ export const zh = {
   'set.foot.dirty': '有未保存的修改',
   'set.foot.clean': '与看板当前设置一致',
   'set.action.save': '保存设置',
+  'set.storage.heading': '数据存储位置',
+  'set.storage.hint': '任务台账、模板和图片附件统一存放在此目录。修改路径会先完整复制并校验，再切换到新位置。',
+  'set.storage.loading': '正在读取当前路径…',
+  'set.storage.current': '当前路径：{path}',
+  'set.storage.assets': '图片附件：{count} 个，{size} MiB',
+  'set.storage.default': '恢复默认路径',
+  'set.storage.check': '检查路径',
+  'set.storage.migrate': '迁移数据',
+  'set.storage.migrating': '迁移中…',
+  'set.storage.confirm': '确认迁移全部任务台账、模板和图片附件？\n\n原路径：{from}\n新路径：{to}\n\n迁移期间写操作会短暂排队。',
 
   // ── execution permission (PR #14) ─────────────────────────────────
   'form.field.permission': '执行权限',
@@ -414,6 +432,10 @@ export const zh = {
   'md.imageTitle': '点击查看大图 ({alt})',
   'md.lightboxAlt': '大图预览',
   'md.closePreview': '关闭预览',
+  'image.add': '插入图片',
+  'image.uploading': '正在上传…',
+  'image.hint': '支持选择、粘贴或拖入 PNG/JPEG/GIF/WebP，单张不超过 5 MB',
+  'image.defaultAlt': '图片',
 
   // ── slash completion popup (PR #14) ───────────────────────────────
   'slash.aria': '快捷命令与技能',
@@ -458,6 +480,16 @@ export const zh = {
   'slash.skill.source-driven-development': '基于权威官方文档与源码进行设计实现',
   'slash.skill.spec-driven-development': '在编码前制定清晰的技术规范',
   'slash.skill.using-agent-skills': '发现并动态调用智能体各项专业技能',
+
+  // ── host-generated system comments (0.6.4; localized at render) ────
+  'sys.execFailed': '[系统] 执行失败：{error}；任务已退回待办。',
+  'sys.endedWithComment': '[系统] 执行会话已结束并留有评论，但未移至待验收；系统自动移入待验收。',
+  'sys.endedNoHandoff': '[系统] 执行会话已结束，但未按协议交接（无评论、未移至待验收）；系统自动移入待验收，请审查后退回或验收。',
+  'sys.sessionError': '[系统] 会话执行异常：{error}；任务已退回待办。',
+  'sys.sessionDone': '[系统] 会话执行完毕，已自动进入待验收。',
+  'sys.cronDead': '[系统] 定时表达式 {cron} 在 4 年内没有可触发时间，已停用定时；请修正 cron 后重新开启。',
+  'sys.mergeSingle': '[系统] 分支 {branch} 已合并到主工作区（--no-ff）。',
+  'sys.mergeMulti': '[系统] 分支已按仓库合并（--no-ff）：{summary}',
 } as const
 
 /** The dictionary shape en.ts must match key-for-key. */

package/src/client/image-insert.ts

@@ -0,0 +1,29 @@
+import type { AttachmentUpload } from '../shared/api.ts'
+
+export const IMAGE_ACCEPT = 'image/png,image/jpeg,image/gif,image/webp'
+const TYPES = new Set(IMAGE_ACCEPT.split(','))
+
+/** Keep Markdown alt text single-line and unable to close its own bracket. */
+export function imageAlt(fileName: string, fallback: string): string {
+  const withoutExtension = fileName.replace(/\.(?:png|jpe?g|gif|webp)$/i, '')
+  const clean = withoutExtension.replace(/[\[\]\r\n]/g, ' ').replace(/\s+/g, ' ').trim()
+  return clean.length > 0 ? clean.slice(0, 120) : fallback
+}
+
+export function imageMarkdown(asset: AttachmentUpload, alt: string): string {
+  return `![${alt}](${asset.url})`
+}
+
+/** Insert a block at the current selection, preserving readable line boundaries. */
+export function insertImageMarkdown(value: string, start: number, end: number, markdown: string): { value: string; cursor: number } {
+  const before = value.slice(0, start)
+  const after = value.slice(end)
+  const prefix = before.length > 0 && !before.endsWith('\n') ? '\n' : ''
+  const suffix = after.length > 0 && !after.startsWith('\n') ? '\n' : ''
+  const inserted = `${prefix}${markdown}${suffix}`
+  return { value: before + inserted + after, cursor: before.length + inserted.length }
+}
+
+export function acceptedImageFiles(files: Iterable<File>): File[] {
+  return Array.from(files).filter(file => TYPES.has(file.type)).slice(0, 10)
+}

package/src/client/styles.ts

@@ -365,7 +365,7 @@ button.dsh-atb-chip2.dsh-atb-chip-btn:hover {
 .dsh-atb-movebtn[data-to="canceled"], .dsh-atb-movebtn[data-to="archived"] { opacity: .75; }
 .dsh-atb-movebtn[data-to="blocked"] { border-color: rgba(229,72,77,.45); }
 .dsh-atb-movebtn[data-to="blocked"]:hover { background: rgba(229,72,77,.1); }
-.dsh-atb-confirm { display: inline-flex; align-items: center; gap: 6px; }
+.dsh-atb-confirm { display: inline-flex; align-items: center; gap: 6px; flex-wrap: wrap; }
 .dsh-atb-confirm-label { font-size: 11.5px; color: var(--dsw-text-secondary, gray); }
 
 .dsh-atb-section { font-size: 13px; display: flex; flex-direction: column; gap: 7px; }
@@ -398,6 +398,27 @@ button.dsh-atb-chip2.dsh-atb-chip-btn:hover {
 .dsh-atb-bubble-meta span { font-size: 10.5px; color: var(--dsw-text-secondary, gray); }
 .dsh-atb-bubble-body { font-size: 12.5px; line-height: 1.55; white-space: pre-wrap; word-break: break-word; }
 
+.dsh-atb-markdown-body { white-space: pre-wrap; word-break: break-word; }
+.dsh-atb-detail-img-wrap {
+  display: inline-flex; flex-direction: column; gap: 4px; max-width: min(100%, 520px); margin: 6px 8px 6px 0;
+  vertical-align: top;
+}
+.dsh-atb-detail-img {
+  display: block; max-width: 100%; max-height: 320px; object-fit: contain; border-radius: 8px; cursor: zoom-in;
+  border: 1px solid var(--dsw-border, rgba(128,128,128,.22)); background: var(--dsw-bg-inset, rgba(128,128,128,.08));
+}
+.dsh-atb-detail-img-caption { font-size: 10.5px; color: var(--dsw-text-secondary, gray); overflow-wrap: anywhere; }
+.dsh-atb-lightbox-backdrop {
+  position: fixed; inset: 0; z-index: 120; display: grid; place-items: center; padding: 28px;
+  background: rgba(0,0,0,.76); backdrop-filter: blur(3px);
+}
+.dsh-atb-lightbox-content { position: relative; max-width: 96vw; max-height: 92vh; }
+.dsh-atb-lightbox-img { display: block; max-width: 96vw; max-height: 92vh; object-fit: contain; border-radius: 10px; }
+.dsh-atb-lightbox-close {
+  position: absolute; top: -14px; right: -14px; width: 30px; height: 30px; border-radius: 999px; cursor: pointer;
+  border: 1px solid rgba(255,255,255,.38); background: rgba(20,20,20,.9); color: #fff;
+}
+
 .dsh-atb-composer { display: flex; gap: 7px; align-items: flex-end; margin-top: 2px; }
 .dsh-atb-composer-input {
   flex: 1; font: inherit; font-size: 12.5px; line-height: 1.5; padding: 7px 10px; border-radius: 9px;
@@ -410,6 +431,14 @@ button.dsh-atb-chip2.dsh-atb-chip-btn:hover {
   border: 1px solid transparent; background: var(--dsw-alias-button-primary-fill, var(--dsw-alias-brand-primary, #1f2328)); color: var(--dsw-alias-label-primary-foreground, #fff);
 }
 .dsh-atb-composer-send:disabled { opacity: .4; cursor: default; }
+.dsh-atb-image-actions { display: flex; align-items: center; gap: 8px; padding: 5px 1px 0; }
+.dsh-atb-image-add {
+  flex: none; font: inherit; font-size: 11.5px; line-height: 1.4; padding: 4px 8px; border-radius: 7px; cursor: pointer;
+  border: 1px solid var(--dsw-border, rgba(128,128,128,.3)); background: var(--dsw-bg-elevated, rgba(128,128,128,.08)); color: inherit;
+}
+.dsh-atb-image-add:hover:not(:disabled) { background: var(--dsw-bg-hover, rgba(128,128,128,.14)); }
+.dsh-atb-image-add:disabled { opacity: .45; cursor: default; }
+.dsh-atb-image-hint { font-size: 10.5px; color: var(--dsw-text-secondary, gray); }
 
 .dsh-atb-execlist { display: flex; flex-direction: column; gap: 5px; }
 .dsh-atb-exec-row {
@@ -854,9 +883,13 @@ color: var(--dsw-alias-state-business-primary, #3e63dd);
 .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); }
 /* ---------- 0.5.0 board settings ---------- */
-.dsh-atb-set { max-width: 460px; width: min(460px, 92vw); }
+.dsh-atb-set { max-width: 620px; width: min(620px, 92vw); }
 .dsh-atb-set .dsh-atb-mode-picker { margin-top: 8px; }
 .dsh-atb-set .dsh-atb-isolation-note { margin-top: 10px; }
+.dsh-atb-storage-path { width: 100%; margin-top: 10px; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; }
+.dsh-atb-storage-meta { display: grid; gap: 4px; margin-top: 8px; color: var(--dsh-atb-muted); font-size: 12px; overflow-wrap: anywhere; }
+.dsh-atb-storage-error { color: var(--dsh-atb-danger); }
+.dsh-atb-storage-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; margin-top: 10px; }
 
 /* ---------- 0.5.5 SlashPromptInput & Permission Picker ---------- */
 .dsh-atb-perm-picker { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin-top: 4px; }

package/src/host/archive-sessions.ts

@@ -0,0 +1,18 @@
+import type { SessionArchiveResult } from '../shared/api.ts'
+import { taskAssociatedSessionIds, type TaskRecord } from '../shared/protocol.ts'
+
+/** Idempotent best-effort archiving with explicit per-session outcomes. */
+export async function archiveTaskSessions(task: TaskRecord, archive?: (id: string) => Promise<void>): Promise<SessionArchiveResult> {
+  const sessionIds = taskAssociatedSessionIds(task)
+  if (archive === undefined) return { archived: [], failed: [], unsupported: sessionIds }
+  const result: SessionArchiveResult = { archived: [], failed: [], unsupported: [] }
+  for (const sessionId of sessionIds) {
+    try {
+      await archive(sessionId)
+      result.archived.push(sessionId)
+    } catch (error) {
+      result.failed.push({ sessionId, error: error instanceof Error ? error.message : String(error) })
+    }
+  }
+  return result
+}