@goodandready/dsh-kanban 0.2.39 → 0.2.40

package/lib/client.js

@@ -1075,6 +1075,8 @@ window.__ModuleLoader__.load({
       'field.notificationsEnabled': 'Desktop Notifications',
       'hint.notificationsEnabled': 'Show native desktop push notifications on key board events.',
       'field.audioAlertsEnabled': 'Audio Alerts',
+      'field.showHeaderChip': 'Chat Header Task Indicator',
+      'hint.showHeaderChip': 'Display active task indicator and quick actions in the session chat header.',
       'hint.audioAlertsEnabled': 'Play synthesized Web Audio chimes on task events.',
       'dup.title': 'Duplicate Tasks',
       'dup.found': 'Similar tasks found:',
@@ -1580,6 +1582,8 @@ window.__ModuleLoader__.load({
       'field.notificationsEnabled': '桌面通知',
       'hint.notificationsEnabled': '在关键看板事件发生时发送桌面推送通知。',
       'field.audioAlertsEnabled': '提示音效',
+      'field.showHeaderChip': '会话顶部任务指示器',
+      'hint.showHeaderChip': '在会话聊天顶部栏显示当前任务状态指示器及快捷操作。',
       'hint.audioAlertsEnabled': '在任务状态变化时播放 Web Audio 合成音效。',
       'dup.title': '重复任务',
       'dup.found': '发现相似任务：',
@@ -1655,6 +1659,7 @@ window.__ModuleLoader__.load({
      { field: 'timeMachineAutoSnapshot', kind: 'bool', group: 'timeMachine' },
      { field: 'notificationsEnabled', kind: 'bool', group: 'general' },
      { field: 'audioAlertsEnabled', kind: 'bool', group: 'general' },
+     { field: 'showHeaderChip', kind: 'bool', group: 'general' },
     ]
 
     function hintKey(spec) {
@@ -2341,17 +2346,17 @@ window.__ModuleLoader__.load({
     if (!tTitle) return
     setCheckingDup(true)
     try {
-     const res = await api('/dsh-kanban/task/find-duplicates', {
-      method: 'POST', body: JSON.stringify({ title: tTitle, description: tDesc, board: currentBoard, excludeId: openTask?.id })
-     })
-     setDuplicates(res?.duplicates || [])
+    const res = await api('/dsh-kanban/task/find-duplicates', {
+     method: 'POST', body: JSON.stringify({ title: tTitle, description: tDesc, board: currentBoard, excludeId: openTask?.id })
+    })
+    setDuplicates(res?.duplicates || [])
     } catch (_) {} finally { setCheckingDup(false) }
     }
     const runTaskAction = async (path, body, okMsg) => {
     const res = await api(path, { method: 'POST', body: JSON.stringify(body || {}) })
     if (res?.task) {
-     setBoard((b) => b ? { ...b, tasks: (b.tasks || []).map((x) => x.id === res.task.id ? res.task : x) } : b)
-     setOpenTask(res.task)
+    setBoard((b) => b ? { ...b, tasks: (b.tasks || []).map((x) => x.id === res.task.id ? res.task : x) } : b)
+    setOpenTask(res.task)
     }
     if (okMsg) showNotice(okMsg)
     return res
@@ -2366,8 +2371,8 @@ window.__ModuleLoader__.load({
     const onSaveSpec = async () => {
     if (!openTask) return
     try {
-     await runTaskAction(`/dsh-kanban/task/${openTask.id}`, { spec: specText }, t('spec.saved'))
-     setSpecEdit(false)
+    await runTaskAction(`/dsh-kanban/task/${openTask.id}`, { spec: specText }, t('spec.saved'))
+    setSpecEdit(false)
     } catch (e) { showNotice('Save failed: ' + (e?.message || e), 'error') }
     }
     const onGenPr = async () => {
@@ -2381,8 +2386,8 @@ window.__ModuleLoader__.load({
     if (!openTask) return
     setBusyPr(true)
     try {
-     const res = await runTaskAction(`/dsh-kanban/task/${openTask.id}/create-pr`, { board: currentBoard })
-     showNotice(res?.prUrl ? 'PR created: ' + res.prUrl : t('pr.created'))
+    const res = await runTaskAction(`/dsh-kanban/task/${openTask.id}/create-pr`, { board: currentBoard })
+    showNotice(res?.prUrl ? 'PR created: ' + res.prUrl : t('pr.created'))
     } catch (e) { showNotice(t('pr.failed') + (e?.message || e), 'error') }
     finally { setBusyPr(false) }
     }
@@ -2433,16 +2438,16 @@ window.__ModuleLoader__.load({
     if (!openTask) return
     setDiffLoading(true)
     try {
-     const [dRes, cRes] = await Promise.all([
-      api('/task/' + encodeURIComponent(openTask.id) + '/diff'),
-      api('/task/' + encodeURIComponent(openTask.id) + '/commits'),
-     ])
-     setDiffData(dRes)
-     setCommitsData(cRes?.commits || [])
+    const [dRes, cRes] = await Promise.all([
+     api('/task/' + encodeURIComponent(openTask.id) + '/diff'),
+     api('/task/' + encodeURIComponent(openTask.id) + '/commits'),
+    ])
+    setDiffData(dRes)
+    setCommitsData(cRes?.commits || [])
     } catch (e) {
-     setError(t(e.key || e.error || 'error.unknown'))
+    setError(t(e.key || e.error || 'error.unknown'))
     } finally {
-     setDiffLoading(false)
+    setDiffLoading(false)
     }
     }, [openTask, t])
 
@@ -2472,11 +2477,11 @@ window.__ModuleLoader__.load({
 
     const load = React.useCallback(async (nextBoard) => {
     try {
-     const query = '?board=' + encodeURIComponent(nextBoard || 'main')
-     setState(normalizeBoard(await api('/board' + query)))
-     setError('')
+    const query = '?board=' + encodeURIComponent(nextBoard || 'main')
+    setState(normalizeBoard(await api('/board' + query)))
+    setError('')
     } catch (e) {
-     setError(t(e.key || 'error.unknown'))
+    setError(t(e.key || 'error.unknown'))
     }
     }, [t])
 
@@ -2486,21 +2491,21 @@ window.__ModuleLoader__.load({
     if (!nudgeTask || !nudgePrompt.trim() || nudgeSending) return
     setNudgeSending(true)
     try {
-     await api('/task/' + encodeURIComponent(nudgeTask.id) + '/nudge', {
-      method: 'POST',
-      body: JSON.stringify({ prompt: nudgePrompt.trim() }),
-     })
-     setNudgeSuccess(true)
-     setTimeout(() => {
-      setNudgeTask(null)
-      setNudgePrompt('')
-      setNudgeSuccess(false)
-     }, 1200)
-     load(board)
+    await api('/task/' + encodeURIComponent(nudgeTask.id) + '/nudge', {
+     method: 'POST',
+     body: JSON.stringify({ prompt: nudgePrompt.trim() }),
+    })
+    setNudgeSuccess(true)
+    setTimeout(() => {
+     setNudgeTask(null)
+     setNudgePrompt('')
+     setNudgeSuccess(false)
+    }, 1200)
+    load(board)
     } catch (e) {
-     setError(t(e.key || e.error || 'nudge.failed'))
+    setError(t(e.key || e.error || 'nudge.failed'))
     } finally {
-     setNudgeSending(false)
+    setNudgeSending(false)
     }
     }, [nudgeTask, nudgePrompt, nudgeSending, load, board, t])
 
@@ -2510,41 +2515,41 @@ window.__ModuleLoader__.load({
     let reconnectTimer = null
 
     const connect = () => {
-     try {
-      es = new window.EventSource('/dsh-kanban/events')
-      let reloadTimer = null
-      const scheduleReload = () => {
-       if (reloadTimer) return
-       reloadTimer = setTimeout(() => {
-        reloadTimer = null
-        load(board)
-       }, 60)
+    try {
+     es = new window.EventSource('/dsh-kanban/events')
+     let reloadTimer = null
+     const scheduleReload = () => {
+      if (reloadTimer) return
+      reloadTimer = setTimeout(() => {
+       reloadTimer = null
+       load(board)
+      }, 60)
+     }
+     es.addEventListener('board:change', scheduleReload)
+     es.addEventListener('task:change', scheduleReload)
+     es.onerror = () => {
+      if (es) {
+       try { es.close() } catch {  }
+       es = null
       }
-      es.addEventListener('board:change', scheduleReload)
-      es.addEventListener('task:change', scheduleReload)
-      es.onerror = () => {
-       if (es) {
-        try { es.close() } catch {  }
-        es = null
-       }
-       if (!reconnectTimer) {
-        reconnectTimer = setTimeout(() => {
-         reconnectTimer = null
-         connect()
-        }, 5000)
-       }
+      if (!reconnectTimer) {
+       reconnectTimer = setTimeout(() => {
+        reconnectTimer = null
+        connect()
+       }, 5000)
       }
-     } catch {  }
+     }
+    } catch {  }
     }
 
     connect()
 
     return () => {
-     if (reconnectTimer) clearTimeout(reconnectTimer)
-     if (es) {
-      try { es.close() } catch {  }
-      es = null
-     }
+    if (reconnectTimer) clearTimeout(reconnectTimer)
+    if (es) {
+     try { es.close() } catch {  }
+     es = null
+    }
     }
     }, [load, board])
 
@@ -2553,10 +2558,10 @@ window.__ModuleLoader__.load({
     const toggle = props.toggle
     if (!toggle || typeof toggle.takeWanted !== 'function') return undefined
     const pull = () => {
-     const asked = toggle.takeWanted()
-     if (!asked || !asked.id) return
-     setBoard(asked.board)
-     setWanted(asked.id)
+    const asked = toggle.takeWanted()
+    if (!asked || !asked.id) return
+    setBoard(asked.board)
+    setWanted(asked.id)
     }
     pull()
     return toggle.subscribe(pull)
@@ -2572,10 +2577,10 @@ window.__ModuleLoader__.load({
 
     React.useEffect(() => {
     const onKey = (e) => {
-     if (e.key !== 'Escape') return
-     if (dialog !== null) { setDialog(null); return }
-     if (openTask !== null) { setOpenTask(null); return }
-     if (props.onClose) props.onClose()
+    if (e.key !== 'Escape') return
+    if (dialog !== null) { setDialog(null); return }
+    if (openTask !== null) { setOpenTask(null); return }
+    if (props.onClose) props.onClose()
     }
     document.addEventListener('keydown', onKey)
     return () => document.removeEventListener('keydown', onKey)
@@ -2584,40 +2589,40 @@ window.__ModuleLoader__.load({
     React.useEffect(() => {
     let alive = true
     api('/models')
-     .then((out) => {
-      if (!alive || !out) return
-      const list = out.providers || []
-      setProviders(list)
-      const saved = recallLaunch(board)
-      const provider = stillOffered(saved.provider, list.map((p) => p.id), '')
-      if (provider !== '') {
-       setProvider(provider)
-       setModel(typeof saved.model === 'string' ? saved.model : '')
-      } else if (out.current) {
-       setProvider(out.current.provider || '')
-       setModel(out.current.model || '')
-      }
-     })
-     .catch(() => {})
+    .then((out) => {
+     if (!alive || !out) return
+     const list = out.providers || []
+     setProviders(list)
+     const saved = recallLaunch(board)
+     const provider = stillOffered(saved.provider, list.map((p) => p.id), '')
+     if (provider !== '') {
+      setProvider(provider)
+      setModel(typeof saved.model === 'string' ? saved.model : '')
+     } else if (out.current) {
+      setProvider(out.current.provider || '')
+      setModel(out.current.model || '')
+     }
+    })
+    .catch(() => {})
     return () => { alive = false }
     }, [])
 
     React.useEffect(() => {
     let alive = true
     api('/whoami')
-     .then((out) => { if (alive && out) setMe(typeof out.login === 'string' ? out.login : '') })
-     .catch(() => {})
+    .then((out) => { if (alive && out) setMe(typeof out.login === 'string' ? out.login : '') })
+    .catch(() => {})
     api('/presets')
-     .then((out) => {
-      if (!alive || !out) return
-      const rows = out.agentPresets || []
-      const access = out.access || []
-      setPresets({ agentPresets: rows, access })
-      const saved = recallLaunch(board)
-      setAgentPreset(stillOffered(saved.agentPreset, rows.map((x) => x.id), out.agentPresetDefault || ''))
-      setPermission(stillOffered(saved.permission, access.map((x) => x.value), out.accessDefault || ''))
-     })
-     .catch(() => {})
+    .then((out) => {
+     if (!alive || !out) return
+     const rows = out.agentPresets || []
+     const access = out.access || []
+     setPresets({ agentPresets: rows, access })
+     const saved = recallLaunch(board)
+     setAgentPreset(stillOffered(saved.agentPreset, rows.map((x) => x.id), out.agentPresetDefault || ''))
+     setPermission(stillOffered(saved.permission, access.map((x) => x.value), out.accessDefault || ''))
+    })
+    .catch(() => {})
     return () => { alive = false }
     }, [])
 
@@ -2625,26 +2630,26 @@ window.__ModuleLoader__.load({
     let alive = true
     if (provider === '') { setModels([]); return () => { alive = false } }
     api('/models?provider=' + encodeURIComponent(provider))
-     .then((out) => {
-      if (!alive || !out) return
-      const list = out.models || []
-      setModels(list)
-      setModel((cur) => stillOffered(cur, list.map((m) => m.id), ''))
-     })
-     .catch(() => { if (alive) setModels([]) })
+    .then((out) => {
+     if (!alive || !out) return
+     const list = out.models || []
+     setModels(list)
+     setModel((cur) => stillOffered(cur, list.map((m) => m.id), ''))
+    })
+    .catch(() => { if (alive) setModels([]) })
     return () => { alive = false }
     }, [provider])
 
     const commitMove = React.useCallback(async (task, column, where) => {
     try {
-     await api('/task/' + encodeURIComponent(task.id) + '/move', {
-      method: 'POST',
-      body: JSON.stringify({ column, beforeId: where.beforeId, afterId: where.afterId }),
-     })
-     await load(board)
+    await api('/task/' + encodeURIComponent(task.id) + '/move', {
+     method: 'POST',
+     body: JSON.stringify({ column, beforeId: where.beforeId, afterId: where.afterId }),
+    })
+    await load(board)
     } catch (e) {
-     setError(t(e.key || 'error.unknown'))
-     await load(board)
+    setError(t(e.key || 'error.unknown'))
+    await load(board)
     }
     }, [load, t])
 
@@ -2672,8 +2677,8 @@ window.__ModuleLoader__.load({
     setEditPriority(typeof task?.priority === 'string' ? task.priority : '')
     setEditLabels(Array.isArray(task?.labels) ? task.labels.join(', ') : '')
     setEditDue(typeof task?.dueAt === 'number' && task.dueAt > 0
-     ? new Date(task.dueAt).toISOString().slice(0, 10)
-     : '')
+    ? new Date(task.dueAt).toISOString().slice(0, 10)
+    : '')
     setEditCron(typeof task?.cron === 'string' ? task.cron : '')
     setTriageOpen(false)
     setTriageText('')
@@ -2682,17 +2687,17 @@ window.__ModuleLoader__.load({
     setNewSubtaskTitle('')
     setSubtasks([])
     api('/task/' + encodeURIComponent(task.id) + '/subtasks')
-     .then((out) => setSubtasks((out && out.subtasks) || []))
-     .catch(() => setSubtasks([]))
+    .then((out) => setSubtasks((out && out.subtasks) || []))
+    .catch(() => setSubtasks([]))
     api('/task/' + encodeURIComponent(task.id) + '/body')
-     .then((out) => setBody((out && out.blocks) || []))
-     .catch(() => setBody([]))
+    .then((out) => setBody((out && out.blocks) || []))
+    .catch(() => setBody([]))
     api('/task/' + encodeURIComponent(task.id) + '/message')
-     .then((out) => setDraftText((out && out.text) || ''))
-     .catch(() => setDraftText(''))
+    .then((out) => setDraftText((out && out.text) || ''))
+    .catch(() => setDraftText(''))
     try {
-     const out = await api('/task/' + encodeURIComponent(task.id) + '/log')
-     setLog(out.transitions || [])
+    const out = await api('/task/' + encodeURIComponent(task.id) + '/log')
+    setLog(out.transitions || [])
     } catch { setLog([]) }
     }, [])
     openPanelRef.current = openPanel
@@ -2702,927 +2707,907 @@ window.__ModuleLoader__.load({
 
     if (state === null) {
     return h('div', { className: 'dkb-screen' },
-     h('p', { className: 'dkb-note' }, error || t('board.loading')))
+    h('p', { className: 'dkb-note' }, error || t('board.loading')))
     }
 
     const boards = (state && state.boards) || []
     const bar = h('div', { className: 'dkb-bar' },
     h('button', {
-     type: 'button', className: 'dkb-back', title: t('board.backHint'),
-     onClick: () => { if (props.onClose) props.onClose() },
+    type: 'button', className: 'dkb-back', title: t('board.backHint'),
+    onClick: () => { if (props.onClose) props.onClose() },
     },
-     h('span', {
-      className: 'dkb-backIcon',
-      dangerouslySetInnerHTML: { __html: BACK_ICON },
-     }),
-     h('span', null, t('board.back')),
+    h('span', {
+     className: 'dkb-backIcon',
+     dangerouslySetInnerHTML: { __html: BACK_ICON },
+    }),
+    h('span', null, t('board.back')),
     ),
     h('span', { className: 'dkb-barTitle' }, t('section.label')),
     state && state.remoteMode
-     ? h('span', {
-       className: 'dkb-tag',
-       style: {
-        background: 'var(--dsw-alias-state-business-tertiary, #ddf4ff)',
-        color: 'var(--dsw-alias-state-business-primary, #0969da)',
-        borderColor: 'var(--dsw-alias-state-business-tertiary, #54aeff)',
-        fontWeight: '600',
-        fontSize: '11px',
-       },
-       title: 'Operating in remote mode against server 111',
-      }, '🌐 ' + t('remote.badge'))
-     : null,
-    boards.length > 1
-     ? h('select', {
-      className: 'dkb-input', style: { width: 'auto' }, value: board,
-      onChange: (e) => {
-       setOpenTask(null); setCollapsed({}); setFilters({}); setBoard(e.target.value)
+    ? h('span', {
+      className: 'dkb-tag',
+      style: {
+       background: 'var(--dsw-alias-state-business-tertiary, #ddf4ff)',
+       color: 'var(--dsw-alias-state-business-primary, #0969da)',
+       borderColor: 'var(--dsw-alias-state-business-tertiary, #54aeff)',
+       fontWeight: '600',
+       fontSize: '11px',
       },
-     }, boards.map((b) => h('option', { value: b.id, key: b.id }, boardTitle(b, t))))
-     : null,
+      title: 'Operating in remote mode against server 111',
+     }, '🌐 ' + t('remote.badge'))
+    : null,
+    boards.length > 1
+    ? h('select', {
+     className: 'dkb-input', style: { width: 'auto' }, value: board,
+     onChange: (e) => {
+      setOpenTask(null); setCollapsed({}); setFilters({}); setBoard(e.target.value)
+     },
+    }, boards.map((b) => h('option', { value: b.id, key: b.id }, boardTitle(b, t))))
+    : null,
     (state.facets || []).map((facet) => {
-     const picked = filters[facet.ns] || []
-     const label = facetLabel(facet.ns, t)
-     return h('div', { className: 'dkb-facet', key: facet.ns },
-      h('button', {
-       type: 'button',
-       className: 'dkb-facetHead' + (picked.length ? ' dkb-facetOn' : ''),
-       'aria-expanded': openFacet === facet.ns,
-       onClick: () => setOpenFacet((cur) => (cur === facet.ns ? '' : facet.ns)),
-      }, picked.length ? label + ' · ' + picked.length : label),
-      openFacet === facet.ns
-       ? h('div', { className: 'dkb-facetList' },
-        facet.values.map((v) => h('label', {
-         className: 'dkb-facetRow', key: v.value,
-        },
-         h('input', {
-          type: 'checkbox',
-          checked: picked.indexOf(v.value) >= 0,
-          onChange: () => setFilters((cur) => toggleValue(cur, facet.ns, v.value)),
-         }),
-         h('span', { className: 'dkb-facetName' }, v.value),
-         h('span', { className: 'dkb-count' }, String(v.count)),
-        )))
-       : null,
-     )
+    const picked = filters[facet.ns] || []
+    const label = facetLabel(facet.ns, t)
+    return h('div', { className: 'dkb-facet', key: facet.ns },
+     h('button', {
+      type: 'button',
+      className: 'dkb-facetHead' + (picked.length ? ' dkb-facetOn' : ''),
+      'aria-expanded': openFacet === facet.ns,
+      onClick: () => setOpenFacet((cur) => (cur === facet.ns ? '' : facet.ns)),
+     }, picked.length ? label + ' · ' + picked.length : label),
+     openFacet === facet.ns
+      ? h('div', { className: 'dkb-facetList' },
+       facet.values.map((v) => h('label', {
+        className: 'dkb-facetRow', key: v.value,
+       },
+        h('input', {
+         type: 'checkbox',
+         checked: picked.indexOf(v.value) >= 0,
+         onChange: () => setFilters((cur) => toggleValue(cur, facet.ns, v.value)),
+        }),
+        h('span', { className: 'dkb-facetName' }, v.value),
+        h('span', { className: 'dkb-count' }, String(v.count)),
+       )))
+      : null,
+    )
     }),
     (() => {
-     const waiting = state.tasks.filter((x) => x.state === 'waiting').length
-     if (waiting === 0) return null
-     return h('button', {
-      type: 'button',
-      className: 'dkb-waitCount' + (onlyWaiting ? ' dkb-save' : ''),
-      title: t('board.waitCountHint'),
-      onClick: () => setOnlyWaiting((cur) => !cur),
-     }, t('board.waitCount', { n: waiting }))
+    const waiting = state.tasks.filter((x) => x.state === 'waiting').length
+    if (waiting === 0) return null
+    return h('button', {
+     type: 'button',
+     className: 'dkb-waitCount' + (onlyWaiting ? ' dkb-save' : ''),
+     title: t('board.waitCountHint'),
+     onClick: () => setOnlyWaiting((cur) => !cur),
+    }, t('board.waitCount', { n: waiting }))
     })(),
     (() => {
-     const overdue = state.tasks.filter((x) => x.overdue === true).length
-     if (overdue === 0) return null
-     return h('button', {
-      type: 'button',
-      className: 'dkb-waitCount' + (onlyOverdue ? ' dkb-save' : ''),
-      title: t('board.overdueHint'),
-      onClick: () => setOnlyOverdue((cur) => !cur),
-     }, t('board.overdueCount', { n: overdue }))
+    const overdue = state.tasks.filter((x) => x.overdue === true).length
+    if (overdue === 0) return null
+    return h('button', {
+     type: 'button',
+     className: 'dkb-waitCount' + (onlyOverdue ? ' dkb-save' : ''),
+     title: t('board.overdueHint'),
+     onClick: () => setOnlyOverdue((cur) => !cur),
+    }, t('board.overdueCount', { n: overdue }))
     })(),
     (() => {
-     if (me === '') return null
-     const mine = state.tasks.filter((x) => x.assignee === me).length
-     if (mine === 0) return null
-     return h('button', {
-      type: 'button',
-      className: 'dkb-waitCount' + (onlyMine ? ' dkb-save' : ''),
-      title: t('board.mineHint', { who: me }),
-      onClick: () => setOnlyMine((cur) => !cur),
-     }, t('board.mine', { n: mine }))
+    if (me === '') return null
+    const mine = state.tasks.filter((x) => x.assignee === me).length
+    if (mine === 0) return null
+    return h('button', {
+     type: 'button',
+     className: 'dkb-waitCount' + (onlyMine ? ' dkb-save' : ''),
+     title: t('board.mineHint', { who: me }),
+     onClick: () => setOnlyMine((cur) => !cur),
+    }, t('board.mine', { n: mine }))
     })(),
     h('select', {
-     className: 'dkb-input', style: { width: 'auto' }, value: grouping,
-     onChange: (e) => setGrouping(e.target.value),
+    className: 'dkb-input', style: { width: 'auto' }, value: grouping,
+    onChange: (e) => setGrouping(e.target.value),
     },
-     h('option', { value: 'repo' }, t('group.repo')),
-     h('option', { value: 'assignee' }, t('group.assignee')),
+    h('option', { value: 'repo' }, t('group.repo')),
+    h('option', { value: 'assignee' }, t('group.assignee')),
     ),
     h('select', {
-     className: 'dkb-input', style: { width: 'auto' }, value: order,
-     onChange: (e) => setOrder(e.target.value),
+    className: 'dkb-input', style: { width: 'auto' }, value: order,
+    onChange: (e) => setOrder(e.target.value),
     },
-     h('option', { value: 'manual' }, t('order.manual')),
-     h('option', { value: 'old' }, t('order.old')),
-     h('option', { value: 'new' }, t('order.new')),
+    h('option', { value: 'manual' }, t('order.manual')),
+    h('option', { value: 'old' }, t('order.old')),
+    h('option', { value: 'new' }, t('order.new')),
     ),
     h('button', {
-     type: 'button', className: metrics ? 'dkb-save' : 'dkb-discard',
-     onClick: async () => {
-      if (metrics) { setMetrics(null); return }
-      try {
-       setArchive(null)
-       setMetrics(await api('/metrics?board=' + encodeURIComponent(board)))
-      } catch (e) { setError(t(e.key || 'error.unknown')) }
-     },
+    type: 'button', className: metrics ? 'dkb-save' : 'dkb-discard',
+    onClick: async () => {
+     if (metrics) { setMetrics(null); return }
+     try {
+      setArchive(null)
+      setMetrics(await api('/metrics?board=' + encodeURIComponent(board)))
+     } catch (e) { setError(t(e.key || 'error.unknown')) }
+    },
     }, t('board.metrics')),
     h('button', {
-     type: 'button', className: archive ? 'dkb-save' : 'dkb-discard',
-     onClick: async () => {
-      if (archive) { setArchive(null); return }
-      try {
-       setMetrics(null)
-       const out = await api('/archive')
-       setArchive(Array.isArray(out.tasks) ? out.tasks : [])
-      } catch (e) { setError(t(e.key || 'error.unknown')) }
-     },
+    type: 'button', className: archive ? 'dkb-save' : 'dkb-discard',
+    onClick: async () => {
+     if (archive) { setArchive(null); return }
+     try {
+      setMetrics(null)
+      const out = await api('/archive')
+      setArchive(Array.isArray(out.tasks) ? out.tasks : [])
+     } catch (e) { setError(t(e.key || 'error.unknown')) }
+    },
     }, t('board.archive')),
     h('button', {
-     type: 'button', className: 'dkb-discard',
-     title: t('board.exportHint'),
-     onClick: async () => {
-      try {
-       const out = await api('/snapshot')
-       const blob = new Blob([JSON.stringify(out, null, 2)], { type: 'application/json' })
-       const url = URL.createObjectURL(blob)
-       const a = document.createElement('a')
-       a.href = url
-       a.download = 'kanban-' + new Date().toISOString().slice(0, 10) + '.json'
-       a.click()
-       URL.revokeObjectURL(url)
-      } catch (e) { setError(t(e.key || 'error.unknown')) }
-     },
+    type: 'button', className: 'dkb-discard',
+    title: t('board.exportHint'),
+    onClick: async () => {
+     try {
+      const out = await api('/snapshot')
+      const blob = new Blob([JSON.stringify(out, null, 2)], { type: 'application/json' })
+      const url = URL.createObjectURL(blob)
+      const a = document.createElement('a')
+      a.href = url
+      a.download = 'kanban-' + new Date().toISOString().slice(0, 10) + '.json'
+      a.click()
+      URL.revokeObjectURL(url)
+     } catch (e) { setError(t(e.key || 'error.unknown')) }
+    },
     }, t('board.export')),
     h('label', { className: 'dkb-discard dkb-import' },
-     t('board.import'),
-     h('input', {
-      type: 'file', accept: 'application/json,.json', style: { display: 'none' },
-      onChange: async (e) => {
-       const file = e.target.files && e.target.files[0]
-       e.target.value = ''
-       if (!file) return
-       try {
-        const input = JSON.parse(await file.text())
-        const out = await api('/snapshot', { method: 'POST', body: JSON.stringify(input) })
-        setError(out.error ? t('error.' + out.error) : t('board.imported', { n: out.imported }))
-        await load(board)
-       } catch { setError(t('error.badImport')) }
-      },
-     })),
+    t('board.import'),
+    h('input', {
+     type: 'file', accept: 'application/json,.json', style: { display: 'none' },
+     onChange: async (e) => {
+      const file = e.target.files && e.target.files[0]
+      e.target.value = ''
+      if (!file) return
+      try {
+       const input = JSON.parse(await file.text())
+       const out = await api('/snapshot', { method: 'POST', body: JSON.stringify(input) })
+       setError(out.error ? t('error.' + out.error) : t('board.imported', { n: out.imported }))
+       await load(board)
+      } catch { setError(t('error.badImport')) }
+     },
+    })),
     anySelected(filters) || query.trim() !== ''
-     ? h('span', { className: 'dkb-shown' }, t('board.shown', {
-      shown: state.tasks.filter((x) => matchesFilters(x, filters) && matchesQuery(x, query)).length,
-      total: state.tasks.length,
-     }))
-     : null,
+    ? h('span', { className: 'dkb-shown' }, t('board.shown', {
+     shown: state.tasks.filter((x) => matchesFilters(x, filters) && matchesQuery(x, query)).length,
+     total: state.tasks.length,
+    }))
+    : null,
     anySelected(filters)
-     ? h('button', {
-      type: 'button', className: 'dkb-discard',
-      onClick: () => { setFilters({}); setOpenFacet('') },
-     }, t('board.clearFilters'))
-     : null,
+    ? h('button', {
+     type: 'button', className: 'dkb-discard',
+     onClick: () => { setFilters({}); setOpenFacet('') },
+    }, t('board.clearFilters'))
+    : null,
     h('input', {
-     className: 'dkb-search', value: query, placeholder: t('board.search'),
-     onChange: (e) => setQuery(e.target.value),
+    className: 'dkb-search', value: query, placeholder: t('board.search'),
+    onChange: (e) => setQuery(e.target.value),
     }),
     (() => {
-     const line = syncing
-      ? { tone: 'idle', text: t('sync.running'), title: '' }
-      : syncLine(state.sync, state.now, t)
-     return h('span', {
-      className: 'dkb-sync' + (line.tone === 'bad' ? ' dkb-syncBad' : ''),
-      title: line.title,
-     }, line.text)
+    const line = syncing
+     ? { tone: 'idle', text: t('sync.running'), title: '' }
+     : syncLine(state.sync, state.now, t)
+    return h('span', {
+     className: 'dkb-sync' + (line.tone === 'bad' ? ' dkb-syncBad' : ''),
+     title: line.title,
+    }, line.text)
     })(),
     h('button', {
-     type: 'button', className: 'dkb-discard', disabled: syncing,
-     onClick: async () => {
-      setSyncing(true)
-      try {
-       await api('/sync', { method: 'POST', body: '{}' })
-       await load(board)
-      } catch (e) {
-       setError(t(e.key || 'error.unknown'))
-      } finally {
-       setSyncing(false)
-      }
-     },
+    type: 'button', className: 'dkb-discard', disabled: syncing,
+    onClick: async () => {
+     setSyncing(true)
+     try {
+      await api('/sync', { method: 'POST', body: '{}' })
+      await load(board)
+     } catch (e) {
+      setError(t(e.key || 'error.unknown'))
+     } finally {
+      setSyncing(false)
+     }
+    },
     }, syncing ? t('board.syncing') : t('board.sync')),
     h('button', { type: 'button', className: 'dkb-discard', onClick: () => load(board) }, t('board.refresh')),
     h('div', { className: 'dkb-quickFilterBar' },
-     [
-      { id: 'all', label: t('filter.all') },
-      { id: 'active', label: t('filter.active') },
-      { id: 'review', label: t('filter.review') },
-      { id: 'epics', label: t('filter.epics') },
-      { id: 'stale', label: t('filter.stale') },
-     ].map((chip) => h('button', {
-      type: 'button',
-      key: chip.id,
-      className: 'dkb-filterChip' + (quickFilter === chip.id ? ' dkb-filterChipActive' : ''),
-      onClick: () => setQuickFilter(chip.id),
-     }, chip.label))),
+    [
+     { id: 'all', label: t('filter.all') },
+     { id: 'active', label: t('filter.active') },
+     { id: 'review', label: t('filter.review') },
+     { id: 'epics', label: t('filter.epics') },
+     { id: 'stale', label: t('filter.stale') },
+    ].map((chip) => h('button', {
+     type: 'button',
+     key: chip.id,
+     className: 'dkb-filterChip' + (quickFilter === chip.id ? ' dkb-filterChipActive' : ''),
+     onClick: () => setQuickFilter(chip.id),
+    }, chip.label))),
     Object.keys(picked).length > 0
-     ? h('span', { className: 'dkb-shown' },
-      t('board.pickedCount', { n: Object.keys(picked).length }))
-     : null,
+    ? h('span', { className: 'dkb-shown' },
+     t('board.pickedCount', { n: Object.keys(picked).length }))
+    : null,
     Object.keys(picked).length > 0
-     ? h('button', {
-      type: 'button', className: 'dkb-discard',
-      onClick: () => setPicked({}),
-     }, t('board.pickNone'))
-     : null,
+    ? h('button', {
+     type: 'button', className: 'dkb-discard',
+     onClick: () => setPicked({}),
+    }, t('board.pickNone'))
+    : null,
     Object.keys(picked).length > 0
-     ? h('button', {
-      type: 'button', className: 'dkb-save',
-      onClick: () => setDialog({
-       mode: 'batch',
-       ids: Object.keys(picked),
-       provider: '', model: '', text: '', error: '',
-      }),
-     }, t('board.pickStart'))
-     : null,
+    ? h('button', {
+     type: 'button', className: 'dkb-save',
+     onClick: () => setDialog({
+      mode: 'batch',
+      ids: Object.keys(picked),
+      provider: '', model: '', text: '', error: '',
+     }),
+    }, t('board.pickStart'))
+    : null,
     Object.keys(picked).length > 0
-     ? h('button', {
-      type: 'button', className: 'dkb-discard',
-      onClick: async () => {
-       const ids = Object.keys(picked)
-       const out = await applyToEach(ids, (id) => api(
-        '/task/' + encodeURIComponent(id) + '/archive', { method: 'POST', body: '{}' },
-       ))
-       if (out.failed > 0) setError(t('board.someFailed', { done: out.done, total: ids.length }))
-       else setPicked({})
-       await load(board)
-      },
-     }, t('board.pickArchive'))
-     : null,
+    ? h('button', {
+     type: 'button', className: 'dkb-discard',
+     onClick: async () => {
+      const ids = Object.keys(picked)
+      const out = await applyToEach(ids, (id) => api(
+       '/task/' + encodeURIComponent(id) + '/archive', { method: 'POST', body: '{}' },
+      ))
+      if (out.failed > 0) setError(t('board.someFailed', { done: out.done, total: ids.length }))
+      else setPicked({})
+      await load(board)
+     },
+    }, t('board.pickArchive'))
+    : null,
     Object.keys(picked).length > 0
-     ? h('button', {
-      type: 'button', className: 'dkb-discard',
-      onClick: async () => {
-       const ids = Object.keys(picked)
-       const out = await applyToEach(ids, (id) => api(
-        '/task/' + encodeURIComponent(id) + '/unqueue', { method: 'POST', body: '{}' },
-       ))
-       if (out.failed > 0) setError(t('board.someFailed', { done: out.done, total: ids.length }))
-       else setPicked({})
-       await load(board)
-      },
-     }, t('board.pickUnqueue'))
-     : null,
+    ? h('button', {
+     type: 'button', className: 'dkb-discard',
+     onClick: async () => {
+      const ids = Object.keys(picked)
+      const out = await applyToEach(ids, (id) => api(
+       '/task/' + encodeURIComponent(id) + '/unqueue', { method: 'POST', body: '{}' },
+      ))
+      if (out.failed > 0) setError(t('board.someFailed', { done: out.done, total: ids.length }))
+      else setPicked({})
+      await load(board)
+     },
+    }, t('board.pickUnqueue'))
+    : null,
     Object.keys(picked).length > 0
-     ? h('select', {
-      className: 'dkb-input',
-      onChange: async (e) => {
-       const column = e.target.value
-       if (!column) return
-       const ids = Object.keys(picked)
-       const out = await applyToEach(ids, (id) => api(
-        '/task/' + encodeURIComponent(id) + '/move',
-        { method: 'POST', body: JSON.stringify({ column }) },
-       ))
-       if (out.failed > 0) setError(t('board.someFailed', { done: out.done, total: ids.length }))
-       else setPicked({})
-       await load(board)
-      },
+    ? h('select', {
+     className: 'dkb-input',
+     onChange: async (e) => {
+      const column = e.target.value
+      if (!column) return
+      const ids = Object.keys(picked)
+      const out = await applyToEach(ids, (id) => api(
+       '/task/' + encodeURIComponent(id) + '/move',
+       { method: 'POST', body: JSON.stringify({ column }) },
+      ))
+      if (out.failed > 0) setError(t('board.someFailed', { done: out.done, total: ids.length }))
+      else setPicked({})
+      await load(board)
      },
-      h('option', { value: '' }, t('board.pickMove')),
-      (state.columns || []).map((c) => h('option', {
-       value: c.id, key: c.id,
-      }, columnTitle(c, t))),
-     )
-     : null,
+    },
+     h('option', { value: '' }, t('board.pickMove')),
+     (state.columns || []).map((c) => h('option', {
+      value: c.id, key: c.id,
+     }, columnTitle(c, t))),
+    )
+    : null,
     h('button', { type: 'button', className: 'dkb-save', onClick: () => setDialog({ mode: 'own', project: false, repo: '', newRepo: '', title: '', full: '', repos: null, issues: null, error: '' }) }, t('board.newTask')),
     )
 
     const packs = packInfo(state.tasks)
     const columns = h('div', { className: 'dkb-cols' },
     state.columns.map((col) => {
-     const all = tasksOf(state.tasks, col.id).filter((task) => matchesFilters(task, filters))
-     const items = sortTasks(
-      all.filter((task) => matchesQuery(task, debouncedQuery))
-       .filter((task) => !onlyWaiting || task.state === 'waiting')
-       .filter((task) => !onlyOverdue || task.overdue === true)
-       .filter((task) => !onlyMine || task.assignee === me)
-       .filter((task) => {
-        if (quickFilter === 'active') return task.column === 'in-progress'
-        if (quickFilter === 'review') return task.column === 'review'
-        if (quickFilter === 'epics') return task.isEpic === true
-        if (quickFilter === 'stale') return task.stale === true
-        return true
-       }),
-      order,
-     )
-     const groupKeyOf = (task) => (grouping === 'assignee'
-      ? (task.assignee || '')
-      : (task.repo || ''))
-     const ordered = grouping === 'assignee'
-      ? groupByAssignee(items).flatMap((one) => one.tasks)
-      : items
-     const limit = col.limit
-     const overLimit = limit !== undefined && limit !== null && all.length > limit
-     const slot = (index) => h('div', {
-      className: 'dkb-slot' + (dropAt && dropAt.column === col.id && dropAt.index === index ? ' dkb-slotOn' : ''),
-      key: 's' + index,
-      onDragOver: (e) => {
-       e.preventDefault(); e.stopPropagation()
-       setOverColumn(col.id)
-       setDropAt({ column: col.id, index })
-      },
-      onDrop: (e) => { e.preventDefault(); e.stopPropagation(); drop(col.id, index) },
-     })
-
-     const rows = []
-     rows.push(slot(0))
-     let group = null
-     const sizes = new Map()
-     for (const x of ordered) sizes.set(groupKeyOf(x), (sizes.get(groupKeyOf(x)) || 0) + 1)
-     const manyGroups = sizes.size > 1
-
-     ordered.forEach((task, i) => {
-      const repo = groupKeyOf(task)
-      if (manyGroups && repo !== group) {
-       group = repo
-       const shut = groups[col.id + '/' + repo] === true
-       rows.push(h('button', {
-        type: 'button', className: 'dkb-groupHead', key: 'g' + repo,
-        'aria-expanded': !shut,
-        onClick: () => setGroups((cur) => Object.assign({}, cur, { [col.id + '/' + repo]: !shut })),
-       },
-        h('span', null,
-         repo || t(grouping === 'assignee' ? 'group.nobody' : 'board.noRepo')),
-        h('span', { className: 'dkb-groupCount' }, String(sizes.get(repo))),
-       ))
-      }
-      if (manyGroups && groups[col.id + '/' + (task.repo || '')] === true) return
-      rows.push(h(TaskCard, {
-       key: task.id, task, t, now: state.now,
-       onNudge: (t) => { setNudgeTask(t); setNudgePrompt(''); setNudgeSuccess(false) },
-       columns: (state.columns || []).map((c) => c.id),
-       menuOpen: cardMenu,
-       onMenu: setCardMenu,
-       picked: picked[task.id] === true,
-       onPick: (x) => setPicked((cur) => {
-        const next = Object.assign({}, cur)
-        if (next[x.id]) delete next[x.id]
-        else next[x.id] = true
-        return next
-       }),
-       pack: packs[task.id],
-       sameSession: hoverSession !== '' && task.sessionId === hoverSession,
-       onHover: setHoverSession,
-       onRevive: async (x) => {
-        try {
-         const out = await api('/task/' + encodeURIComponent(x.id) + '/start', {
-          method: 'POST', body: JSON.stringify({ revive: true }),
-         })
-         setError(t(out && out.mode === 'created' ? 'revive.fresh' : 'revive.same'))
-         await load(board)
-        } catch (e) { setError(t(e.key || 'error.unknown')) }
-       },
-       onStop: async (x) => {
-        try {
-         const out = await api('/task/' + encodeURIComponent(x.id) + '/stop', { method: 'POST', body: '{}' })
-         if (out && out.acted !== 'stopped') setError(t('stop.' + out.acted))
-         await load(board)
-        } catch (e) { setError(t(e.key || 'error.unknown')) }
-       },
-       onMove: (x, column) => askMove(x, column),
-       onQueue: async (x) => {
-        try {
-         const out = await api('/sessions')
-         const live = (out && out.sessions) || []
-         if (live.length === 0) { setError(t('error.no-live-sessions')); return }
-         setDialog({ mode: 'queue', task: x, sessions: live, sessionId: live[0].sessionId, error: '' })
-        } catch (e) { setError(t(e.key || 'error.unknown')) }
-       },
-       onUnqueue: async (x) => {
-        try {
-         await api('/task/' + encodeURIComponent(x.id) + '/unqueue', { method: 'POST', body: '{}' })
-         await load(board)
-        } catch (e) { setError(t(e.key || 'error.unknown')) }
-       },
-       onOpenChat: (x) => {
-        if (state && state.remoteMode && x.sessionId) {
-         const url = 'http://192.168.1.111:3080/#/chat?sessionId=' + encodeURIComponent(x.sessionId)
-         if (typeof window !== 'undefined') window.open(url, '_blank')
-         return
-        }
-        if (!openSession(props.ctx, x.sessionId)) {
-         setError(t('error.sessionNotOpened', { id: x.sessionId }))
-         return
-        }
-        if (props.onClose) props.onClose()
-       },
-       onDragStart: (x) => { dragged.current = x },
-       onOpen: openPanel,
-      }))
-      rows.push(slot(i + 1))
-     })
-
-     const shut = isCollapsed({ id: col.id, count: all.length }, collapsed)
-     const toggle = () => setCollapsed((prev) => Object.assign({}, prev, { [col.id]: !shut }))
-     const count = limit !== undefined && limit !== null
-      ? all.length + ' / ' + t('board.limit', { n: limit })
-      : String(all.length)
-
-     return h('div', {
-      className: 'dkb-col'
-       + (overColumn === col.id ? ' dkb-colOver' : '')
-       + (shut ? ' dkb-colShut' : ''),
-      key: col.id,
-      onDragOver: (e) => { e.preventDefault(); setOverColumn(col.id) },
-      onDragLeave: () => { setOverColumn(''); setDropAt(null) },
-      onDrop: (e) => { e.preventDefault(); drop(col.id, items.length) },
+    const all = tasksOf(state.tasks, col.id).filter((task) => matchesFilters(task, filters))
+    const items = sortTasks(
+     all.filter((task) => matchesQuery(task, debouncedQuery))
+      .filter((task) => !onlyWaiting || task.state === 'waiting')
+      .filter((task) => !onlyOverdue || task.overdue === true)
+      .filter((task) => !onlyMine || task.assignee === me)
+      .filter((task) => {
+       if (quickFilter === 'active') return task.column === 'in-progress'
+       if (quickFilter === 'review') return task.column === 'review'
+       if (quickFilter === 'epics') return task.isEpic === true
+       if (quickFilter === 'stale') return task.stale === true
+       return true
+      }),
+     order,
+    )
+    const groupKeyOf = (task) => (grouping === 'assignee'
+     ? (task.assignee || '')
+     : (task.repo || ''))
+    const ordered = grouping === 'assignee'
+     ? groupByAssignee(items).flatMap((one) => one.tasks)
+     : items
+    const limit = col.limit
+    const overLimit = limit !== undefined && limit !== null && all.length > limit
+    const slot = (index) => h('div', {
+     className: 'dkb-slot' + (dropAt && dropAt.column === col.id && dropAt.index === index ? ' dkb-slotOn' : ''),
+     key: 's' + index,
+     onDragOver: (e) => {
+      e.preventDefault(); e.stopPropagation()
+      setOverColumn(col.id)
+      setDropAt({ column: col.id, index })
      },
-      h('button', {
-       type: 'button', className: 'dkb-colHead',
+     onDrop: (e) => { e.preventDefault(); e.stopPropagation(); drop(col.id, index) },
+    })
+
+    const rows = []
+    rows.push(slot(0))
+    let group = null
+    const sizes = new Map()
+    for (const x of ordered) sizes.set(groupKeyOf(x), (sizes.get(groupKeyOf(x)) || 0) + 1)
+    const manyGroups = sizes.size > 1
+
+    ordered.forEach((task, i) => {
+     const repo = groupKeyOf(task)
+     if (manyGroups && repo !== group) {
+      group = repo
+      const shut = groups[col.id + '/' + repo] === true
+      rows.push(h('button', {
+       type: 'button', className: 'dkb-groupHead', key: 'g' + repo,
        'aria-expanded': !shut,
-       title: t(shut ? 'board.expand' : 'board.collapse'),
-       onClick: toggle,
+       onClick: () => setGroups((cur) => Object.assign({}, cur, { [col.id + '/' + repo]: !shut })),
       },
-       h('span', { className: 'dkb-dot', 'data-col': col.id }),
-       h('span', { className: 'dkb-colName' }, columnTitle(col, t)),
-       h('span', {
-        className: 'dkb-count' + (overLimit ? ' dkb-countOver' : ''),
-        'data-col': col.id,
-       }, count),
-      ),
-      shut ? null : h('div', { className: 'dkb-list' },
-       all.length === 0
-        ? h('div', { className: 'dkb-empty' }, t('board.empty'))
-        : items.length === 0
-         ? h('div', { className: 'dkb-empty' }, t('board.noMatch'))
-         : null,
-       rows,
-      ),
-     )
+       h('span', null,
+        repo || t(grouping === 'assignee' ? 'group.nobody' : 'board.noRepo')),
+       h('span', { className: 'dkb-groupCount' }, String(sizes.get(repo))),
+      ))
+     }
+     if (manyGroups && groups[col.id + '/' + (task.repo || '')] === true) return
+     rows.push(h(TaskCard, {
+      key: task.id, task, t, now: state.now,
+      onNudge: (t) => { setNudgeTask(t); setNudgePrompt(''); setNudgeSuccess(false) },
+      columns: (state.columns || []).map((c) => c.id),
+      menuOpen: cardMenu,
+      onMenu: setCardMenu,
+      picked: picked[task.id] === true,
+      onPick: (x) => setPicked((cur) => {
+       const next = Object.assign({}, cur)
+       if (next[x.id]) delete next[x.id]
+       else next[x.id] = true
+       return next
+      }),
+      pack: packs[task.id],
+      sameSession: hoverSession !== '' && task.sessionId === hoverSession,
+      onHover: setHoverSession,
+      onRevive: async (x) => {
+       try {
+        const out = await api('/task/' + encodeURIComponent(x.id) + '/start', {
+         method: 'POST', body: JSON.stringify({ revive: true }),
+        })
+        setError(t(out && out.mode === 'created' ? 'revive.fresh' : 'revive.same'))
+        await load(board)
+       } catch (e) { setError(t(e.key || 'error.unknown')) }
+      },
+      onStop: async (x) => {
+       try {
+        const out = await api('/task/' + encodeURIComponent(x.id) + '/stop', { method: 'POST', body: '{}' })
+        if (out && out.acted !== 'stopped') setError(t('stop.' + out.acted))
+        await load(board)
+       } catch (e) { setError(t(e.key || 'error.unknown')) }
+      },
+      onMove: (x, column) => askMove(x, column),
+      onQueue: async (x) => {
+       try {
+        const out = await api('/sessions')
+        const live = (out && out.sessions) || []
+        if (live.length === 0) { setError(t('error.no-live-sessions')); return }
+        setDialog({ mode: 'queue', task: x, sessions: live, sessionId: live[0].sessionId, error: '' })
+       } catch (e) { setError(t(e.key || 'error.unknown')) }
+      },
+      onUnqueue: async (x) => {
+       try {
+        await api('/task/' + encodeURIComponent(x.id) + '/unqueue', { method: 'POST', body: '{}' })
+        await load(board)
+       } catch (e) { setError(t(e.key || 'error.unknown')) }
+      },
+      onOpenChat: (x) => {
+       if (state && state.remoteMode && x.sessionId) {
+        const url = 'http://192.168.1.111:3080/#/chat?sessionId=' + encodeURIComponent(x.sessionId)
+        if (typeof window !== 'undefined') window.open(url, '_blank')
+        return
+       }
+       if (!openSession(props.ctx, x.sessionId)) {
+        setError(t('error.sessionNotOpened', { id: x.sessionId }))
+        return
+       }
+       if (props.onClose) props.onClose()
+      },
+      onDragStart: (x) => { dragged.current = x },
+      onOpen: openPanel,
+     }))
+     rows.push(slot(i + 1))
+    })
+
+    const shut = isCollapsed({ id: col.id, count: all.length }, collapsed)
+    const toggle = () => setCollapsed((prev) => Object.assign({}, prev, { [col.id]: !shut }))
+    const count = limit !== undefined && limit !== null
+     ? all.length + ' / ' + t('board.limit', { n: limit })
+     : String(all.length)
+
+    return h('div', {
+     className: 'dkb-col'
+      + (overColumn === col.id ? ' dkb-colOver' : '')
+      + (shut ? ' dkb-colShut' : ''),
+     key: col.id,
+     onDragOver: (e) => { e.preventDefault(); setOverColumn(col.id) },
+     onDragLeave: () => { setOverColumn(''); setDropAt(null) },
+     onDrop: (e) => { e.preventDefault(); drop(col.id, items.length) },
+    },
+     h('button', {
+      type: 'button', className: 'dkb-colHead',
+      'aria-expanded': !shut,
+      title: t(shut ? 'board.expand' : 'board.collapse'),
+      onClick: toggle,
+     },
+      h('span', { className: 'dkb-dot', 'data-col': col.id }),
+      h('span', { className: 'dkb-colName' }, columnTitle(col, t)),
+      h('span', {
+       className: 'dkb-count' + (overLimit ? ' dkb-countOver' : ''),
+       'data-col': col.id,
+      }, count),
+     ),
+     shut ? null : h('div', { className: 'dkb-list' },
+      all.length === 0
+       ? h('div', { className: 'dkb-empty' }, t('board.empty'))
+       : items.length === 0
+        ? h('div', { className: 'dkb-empty' }, t('board.noMatch'))
+        : null,
+      rows,
+     ),
+    )
     }),
     )
 
     const panel = openTask
     ? h('div', {
-     className: 'dkb-modal',
-     onClick: () => setOpenTask(null),
+    className: 'dkb-modal',
+    onClick: () => setOpenTask(null),
     }, h('div', {
-     className: 'dkb-panel dkb-panelWide',
-     role: 'dialog', 'aria-modal': 'true',
-     onClick: (e) => e.stopPropagation(),
+    className: 'dkb-panel dkb-panelWide',
+    role: 'dialog', 'aria-modal': 'true',
+    onClick: (e) => e.stopPropagation(),
     },
-     h('div', { className: 'dkb-row' },
-      h('label', { className: 'dkb-label' }, t('reasoning.label')),
-      h('select', {
-       className: 'dkb-select',
-       value: openTask.reasoningEffort || '',
-       onChange: async (e) => {
-        const val = e.target.value
-        setOpenTask({ ...openTask, reasoningEffort: val })
-        try {
-         await api('/task/' + encodeURIComponent(openTask.id) + '/update', {
-          method: 'POST',
-          body: JSON.stringify({ reasoningEffort: val }),
-         })
-        } catch {  }
-       },
+    h('div', { className: 'dkb-row' },
+     h('label', { className: 'dkb-label' }, t('reasoning.label')),
+     h('select', {
+      className: 'dkb-select',
+      value: openTask.reasoningEffort || '',
+      onChange: async (e) => {
+       const val = e.target.value
+       setOpenTask({ ...openTask, reasoningEffort: val })
+       try {
+        await api('/task/' + encodeURIComponent(openTask.id) + '/update', {
+         method: 'POST',
+         body: JSON.stringify({ reasoningEffort: val }),
+        })
+       } catch {  }
       },
-       h('option', { value: '' }, t('reasoning.default')),
-       h('option', { value: 'low' }, t('reasoning.low')),
-       h('option', { value: 'medium' }, t('reasoning.medium')),
-       h('option', { value: 'high' }, t('reasoning.high')),
-      ),
-     ),
-     h('div', { className: 'dkb-row' },
-      h('div', { className: 'dkb-taskHead', style: { flex: 1 } },
-       taskRef(openTask, t),
-       (openTask.labels || []).map((l) => h('span', {
-        className: 'dkb-tag', key: l, style: tagStyle(openTask, l),
-       }, l))),
-      h('button', {
-       type: 'button', className: 'dkb-discard', onClick: () => setOpenTask(null),
-      }, t('panel.close')),
+     },
+      h('option', { value: '' }, t('reasoning.default')),
+      h('option', { value: 'low' }, t('reasoning.low')),
+      h('option', { value: 'medium' }, t('reasoning.medium')),
+      h('option', { value: 'high' }, t('reasoning.high')),
      ),
-     h('div', { className: 'dkb-title' }, openTask.title),
-     h('div', { className: 'dkb-note' },
-      t('panel.created', { ago: agoText(state.now, openTask.createdAt, t) })
-       + (openTask.assignee ? ' · ' + t('panel.assignee', { who: openTask.assignee }) : '')
-       + (openTask.author ? ' · ' + t('panel.author', { who: openTask.author }) : ''),
-      ' · ',
-      t('panel.updated', { ago: agoText(state.now, openTask.updatedAt, t) }),
-      openTask.issueUrl
-       ? h('a', {
-        className: 'dkb-issueLink', href: openTask.issueUrl,
-        target: '_blank', rel: 'noreferrer noopener',
-       }, ' · ' + t('panel.issue') + ' ↗')
-       : null),
-     openTask.isBlocked
-      ? h('div', {
-        style: {
-         margin: '6px 0', padding: '10px 12px',
-         background: 'var(--dsw-alias-state-error-secondary, #ffebe9)',
-         border: '1px solid var(--dsw-alias-state-error-primary, #cf222e)',
-         borderRadius: 8, fontSize: 12, display: 'flex', flexDirection: 'column', gap: 4,
-        },
+    ),
+    h('div', { className: 'dkb-row' },
+     h('div', { className: 'dkb-taskHead', style: { flex: 1 } },
+      taskRef(openTask, t),
+      (openTask.labels || []).map((l) => h('span', {
+       className: 'dkb-tag', key: l, style: tagStyle(openTask, l),
+      }, l))),
+     h('button', {
+      type: 'button', className: 'dkb-discard', onClick: () => setOpenTask(null),
+     }, t('panel.close')),
+    ),
+    h('div', { className: 'dkb-title' }, openTask.title),
+    h('div', { className: 'dkb-note' },
+     t('panel.created', { ago: agoText(state.now, openTask.createdAt, t) })
+      + (openTask.assignee ? ' · ' + t('panel.assignee', { who: openTask.assignee }) : '')
+      + (openTask.author ? ' · ' + t('panel.author', { who: openTask.author }) : ''),
+     ' · ',
+     t('panel.updated', { ago: agoText(state.now, openTask.updatedAt, t) }),
+     openTask.issueUrl
+      ? h('a', {
+       className: 'dkb-issueLink', href: openTask.issueUrl,
+       target: '_blank', rel: 'noreferrer noopener',
+      }, ' · ' + t('panel.issue') + ' ↗')
+      : null),
+    openTask.isBlocked
+     ? h('div', {
+       style: {
+        margin: '6px 0', padding: '10px 12px',
+        background: 'var(--dsw-alias-state-error-secondary, #ffebe9)',
+        border: '1px solid var(--dsw-alias-state-error-primary, #cf222e)',
+        borderRadius: 8, fontSize: 12, display: 'flex', flexDirection: 'column', gap: 4,
        },
-        h('div', { style: { fontWeight: 600, color: 'var(--dsw-alias-state-error-primary, #cf222e)' } },
-         '🔒 ' + (t('panel.blockedTitle') || 'Task Blocked by Dependencies')
-        ),
-        h('div', { style: { color: 'var(--dsw-alias-label-secondary)' } },
-         t('panel.blockedDesc') || 'All blocking tasks must reach "done" before this card can move to in-progress.'
-        )
-       )
-      : null,
-     h('div', { className: 'dkb-section-card', style: { margin: '8px 0' } },
-      h('div', { className: 'dkb-section-title' },
-       h('span', null, '🔗 ' + (t('panel.dependencies') || 'Dependencies')),
-       h('span', { className: 'dkb-section-badge' },
-        Array.isArray(openTask.blockedBy) && openTask.blockedBy.length > 0
-         ? openTask.blockedBy.length + ' blockers'
-         : 'No blockers'
+      },
+       h('div', { style: { fontWeight: 600, color: 'var(--dsw-alias-state-error-primary, #cf222e)' } },
+        '🔒 ' + (t('panel.blockedTitle') || 'Task Blocked by Dependencies')
+       ),
+       h('div', { style: { color: 'var(--dsw-alias-label-secondary)' } },
+        t('panel.blockedDesc') || 'All blocking tasks must reach "done" before this card can move to in-progress.'
        )
-      ),
-      h('div', { style: { display: 'flex', flexDirection: 'column', gap: '6px', fontSize: '12px' } },
+      )
+     : null,
+    h('div', { className: 'dkb-section-card', style: { margin: '8px 0' } },
+     h('div', { className: 'dkb-section-title' },
+      h('span', null, '🔗 ' + (t('panel.dependencies') || 'Dependencies')),
+      h('span', { className: 'dkb-section-badge' },
        Array.isArray(openTask.blockedBy) && openTask.blockedBy.length > 0
-        ? h('div', { style: { display: 'flex', flexWrap: 'wrap', gap: '6px' } },
-          openTask.blockedBy.map((bId) => {
-           const bTask = (state.tasks || []).find((x) => x.id === bId)
-           const bLabel = bTask ? (bTask.title || bTask.id) : bId
-           const isDone = bTask && bTask.column === 'done'
-           return h('span', {
-            key: bId,
-            className: 'dkb-tag',
-            style: isDone ? { background: 'var(--dsw-alias-state-success-secondary, #dafbe1)', color: 'var(--dsw-alias-state-success-primary, #1a7f37)' } : undefined,
-           },
-            (isDone ? '✓ ' : '⏳ ') + bLabel,
-            h('button', {
-             type: 'button',
-             style: { marginLeft: '6px', background: 'none', border: 'none', cursor: 'pointer', color: 'inherit', font: 'inherit', padding: 0 },
-             onClick: async () => {
-              const next = (openTask.blockedBy || []).filter((x) => x !== bId)
-              setOpenTask({ ...openTask, blockedBy: next })
-              try {
-               await api('/task/' + encodeURIComponent(openTask.id) + '/update', {
-                method: 'POST',
-                body: JSON.stringify({ blockedBy: next }),
-               })
-               refreshBoard()
-              } catch (err) { alert(err.message || err) }
-             },
-            }, '×')
-           )
-          })
-         )
-        : h('span', { className: 'dkb-note' }, t('panel.noBlockers') || 'No dependencies configured'),
-       h('div', { style: { display: 'flex', gap: '8px', alignItems: 'center', marginTop: '4px' } },
-        h('select', {
-         className: 'dkb-select',
-         style: { fontSize: '12px', padding: '3px 8px', maxWidth: '320px' },
-         value: '',
-         onChange: async (e) => {
-          const chosenId = e.target.value
-          if (!chosenId) return
-          const cur = Array.isArray(openTask.blockedBy) ? openTask.blockedBy : []
-          if (cur.includes(chosenId)) return
-          const next = [...cur, chosenId]
-          setOpenTask({ ...openTask, blockedBy: next })
-          try {
-           await api('/task/' + encodeURIComponent(openTask.id) + '/update', {
-            method: 'POST',
-            body: JSON.stringify({ blockedBy: next }),
-           })
-           refreshBoard()
-          } catch (err) {
-           setOpenTask({ ...openTask, blockedBy: cur })
-           alert(err.message || err)
-          }
-         },
-        },
-         h('option', { value: '' }, t('panel.addBlocker') || 'Add blocking task...'),
-         (state.tasks || [])
-          .filter((x) => x.id !== openTask.id && !(openTask.blockedBy || []).includes(x.id))
-          .map((x) => h('option', { key: x.id, value: x.id }, (x.title || x.id) + ' (' + t('column.' + x.column) + ')'))
-        )
-       )
+        ? openTask.blockedBy.length + ' blockers'
+        : 'No blockers'
       )
      ),
-     h('div', { className: 'dkb-section-card', style: { margin: '8px 0' } },
-      h('div', { className: 'dkb-section-title' },
-       h('span', null, '⏱ ' + (t('tm.title') || 'Time Machine Snapshots')),
-       openTask.inceptionSnapshotId
-        ? h('span', { className: 'dkb-section-badge dkb-section-badge-ok' }, 'Inception: ' + openTask.inceptionSnapshotId.slice(0, 8))
-        : h('span', { className: 'dkb-section-badge' }, 'No Inception Snapshot')
-      ),
-      h('div', { style: { display: 'flex', gap: '8px', flexWrap: 'wrap', alignItems: 'center' } },
-       h('button', {
-        type: 'button',
-        className: 'dkb-save',
-        style: { fontSize: '12px', padding: '4px 10px' },
-        onClick: async () => {
+     h('div', { style: { display: 'flex', flexDirection: 'column', gap: '6px', fontSize: '12px' } },
+      Array.isArray(openTask.blockedBy) && openTask.blockedBy.length > 0
+       ? h('div', { style: { display: 'flex', flexWrap: 'wrap', gap: '6px' } },
+         openTask.blockedBy.map((bId) => {
+          const bTask = (state.tasks || []).find((x) => x.id === bId)
+          const bLabel = bTask ? (bTask.title || bTask.id) : bId
+          const isDone = bTask && bTask.column === 'done'
+          return h('span', {
+           key: bId,
+           className: 'dkb-tag',
+           style: isDone ? { background: 'var(--dsw-alias-state-success-secondary, #dafbe1)', color: 'var(--dsw-alias-state-success-primary, #1a7f37)' } : undefined,
+          },
+           (isDone ? '✓ ' : '⏳ ') + bLabel,
+           h('button', {
+            type: 'button',
+            style: { marginLeft: '6px', background: 'none', border: 'none', cursor: 'pointer', color: 'inherit', font: 'inherit', padding: 0 },
+            onClick: async () => {
+             const next = (openTask.blockedBy || []).filter((x) => x !== bId)
+             setOpenTask({ ...openTask, blockedBy: next })
+             try {
+              await api('/task/' + encodeURIComponent(openTask.id) + '/update', {
+               method: 'POST',
+               body: JSON.stringify({ blockedBy: next }),
+              })
+              refreshBoard()
+             } catch (err) { alert(err.message || err) }
+            },
+           }, '×')
+          )
+         })
+        )
+       : h('span', { className: 'dkb-note' }, t('panel.noBlockers') || 'No dependencies configured'),
+      h('div', { style: { display: 'flex', gap: '8px', alignItems: 'center', marginTop: '4px' } },
+       h('select', {
+        className: 'dkb-select',
+        style: { fontSize: '12px', padding: '3px 8px', maxWidth: '320px' },
+        value: '',
+        onChange: async (e) => {
+         const chosenId = e.target.value
+         if (!chosenId) return
+         const cur = Array.isArray(openTask.blockedBy) ? openTask.blockedBy : []
+         if (cur.includes(chosenId)) return
+         const next = [...cur, chosenId]
+         setOpenTask({ ...openTask, blockedBy: next })
          try {
-          await api('/task/' + encodeURIComponent(openTask.id) + '/snapshot', {
+          await api('/task/' + encodeURIComponent(openTask.id) + '/update', {
            method: 'POST',
-           body: JSON.stringify({ label: 'Manual checkpoint' }),
+           body: JSON.stringify({ blockedBy: next }),
           })
-          alert(t('tm.snapshotCreated') || 'Checkpoint snapshot created!')
+          refreshBoard()
          } catch (err) {
-          alert((t('tm.snapshotFailed') || 'Failed: ') + (err.message || err))
+          setOpenTask({ ...openTask, blockedBy: cur })
+          alert(err.message || err)
          }
         },
-       }, '📸 ' + (t('tm.createCheckpoint') || 'Create Checkpoint')),
-       openTask.inceptionSnapshotId
-        ? h('button', {
-          type: 'button',
-          className: 'dkb-discard',
-          style: { fontSize: '12px', padding: '4px 10px', color: 'var(--dsw-alias-state-error-primary, #cf222e)' },
-          onClick: async () => {
-           if (!confirm(t('tm.confirmRollback') || 'Roll back worktree to inception snapshot? Any uncommitted changes will be discarded.')) return
-           try {
-            await api('/task/' + encodeURIComponent(openTask.id) + '/rollback-snapshot', {
-             method: 'POST',
-             body: JSON.stringify({ snapshotId: openTask.inceptionSnapshotId }),
-            })
-            alert(t('tm.rollbackSuccess') || 'Task worktree successfully rolled back!')
-            refreshBoard()
-           } catch (err) {
-            alert((t('tm.rollbackFailed') || 'Rollback failed: ') + (err.message || err))
-           }
-          },
-         }, '↩ ' + (t('tm.rollbackInception') || 'Rollback to Inception'))
-        : null
-      )
-     ),
-     duplicates.length > 0
-      ? h('div', { className: 'dkb-section-card', style: { margin: '8px 0', borderColor: 'var(--dsw-alias-state-warn-primary, #9a6700)' } },
-        h('div', { className: 'dkb-section-title', style: { color: 'var(--dsw-alias-state-warn-primary, #9a6700)' } },
-         h('span', null, '⚠️ ' + (t('dup.found') || 'Similar tasks found:')),
-         h('button', { type: 'button', className: 'dkb-discard', style: { fontSize: 11, padding: '2px 6px' }, onClick: () => setDuplicates([]) }, '✕')
-        ),
-        h('div', { style: { display: 'flex', flexDirection: 'column', gap: 4 } },
-         duplicates.map((d) => h('div', { key: d.id, style: { display: 'flex', justifyContent: 'space-between', fontSize: 12 } },
-          h('span', null, (d.issueNumber ? `#${d.issueNumber} ` : '') + d.title),
-          h('span', { className: 'dkb-tag' }, `${d.percent}%`)
-         ))
-        )
+       },
+        h('option', { value: '' }, t('panel.addBlocker') || 'Add blocking task...'),
+        (state.tasks || [])
+         .filter((x) => x.id !== openTask.id && !(openTask.blockedBy || []).includes(x.id))
+         .map((x) => h('option', { key: x.id, value: x.id }, (x.title || x.id) + ' (' + t('column.' + x.column) + ')'))
        )
-      : null,
-     h('div', { className: 'dkb-section-card', style: { margin: '8px 0' } },
-      h('div', { className: 'dkb-section-title' },
-       h('span', null, '📋 ' + (t('spec.title') || 'Technical Specification & Plan')),
-       openTask.spec ? h('span', { className: 'dkb-section-badge dkb-section-badge-ok' }, 'Spec Ready') : null
-      ),
-      openTask.spec && !specEdit
-       ? h('pre', { className: 'dkb-consolePre', style: { maxHeight: 160 } }, openTask.spec)
-       : (specEdit ? h('textarea', { className: 'dkb-area', value: specText, onChange: (e) => setSpecText(e.target.value) }) : null),
-      h('div', { className: 'dkb-row', style: { marginTop: 4 } },
-       h('button', { type: 'button', className: 'dkb-save', disabled: busySpec, onClick: onGenPlan }, busySpec ? t('spec.generating') : t('spec.generate')),
-       h('button', {
-        type: 'button', className: 'dkb-discard',
-        disabled: checkingDup,
-        onClick: () => onCheckDuplicates(openTask.title, openTask.body || openTask.description)
-       }, checkingDup ? t('dup.checking') : t('dup.check')),
-       openTask.spec ? h('button', {
-        type: 'button', className: 'dkb-discard',
-        onClick: () => { if (specEdit) onSaveSpec(); else { setSpecText(openTask.spec || ''); setSpecEdit(true) } }
-       }, specEdit ? t('spec.save') : t('spec.edit')) : null
-      )
-     ),
-     h('div', { className: 'dkb-section-card', style: { margin: '8px 0' } },
-      h('div', { className: 'dkb-section-title' },
-       h('span', null, '🔀 ' + (t('pr.title') || 'Pull Request & Release Notes')),
-       openTask.prDescription ? h('span', { className: 'dkb-section-badge dkb-section-badge-ok' }, 'PR Ready') : null
-      ),
-      openTask.prDescription ? h('pre', { className: 'dkb-consolePre', style: { maxHeight: 160 } }, openTask.prDescription) : null,
-      h('div', { className: 'dkb-row', style: { marginTop: 4 } },
-       h('button', { type: 'button', className: 'dkb-save', disabled: busyPr, onClick: onGenPr }, busyPr ? t('pr.generate') : t('pr.generate')),
-       openTask.prDescription ? h('button', {
-        type: 'button', className: 'dkb-discard',
-        onClick: () => { navigator.clipboard?.writeText(openTask.prDescription); showNotice(t('pr.copied')) }
-       }, t('pr.copy')) : null,
-       openTask.branch ? h('button', { type: 'button', className: 'dkb-save', disabled: busyPr, onClick: onCreatePrGitea }, t('pr.create')) : null
       )
+     )
+    ),
+    h('div', { className: 'dkb-section-card', style: { margin: '8px 0' } },
+     h('div', { className: 'dkb-section-title' },
+      h('span', null, '⏱ ' + (t('tm.title') || 'Time Machine Snapshots')),
+      openTask.inceptionSnapshotId
+       ? h('span', { className: 'dkb-section-badge dkb-section-badge-ok' }, 'Inception: ' + openTask.inceptionSnapshotId.slice(0, 8))
+       : h('span', { className: 'dkb-section-badge' }, 'No Inception Snapshot')
      ),
-     openTask.worktree
-      ? h('div', { className: 'dkb-note', style: { wordBreak: 'break-all' } },
-       t('panel.worktree', { path: openTask.worktree })
-       + (openTask.branch ? ' (' + openTask.branch + ')' : ''))
-      : null,
-     openTask.report?.verification?.status === 'failed'
-      ? h('div', {
-        style: {
-         margin: '8px 0', padding: '10px 12px',
-         background: 'var(--dsw-alias-state-error-secondary, #ffebe9)',
-         border: '1px solid var(--dsw-alias-state-error-primary, #cf222e)',
-         borderRadius: 8, fontSize: 12, display: 'flex', flexDirection: 'column', gap: 6,
-        },
-       },
-        h('div', { style: { fontWeight: 'bold', color: 'var(--dsw-alias-state-error-primary, #cf222e)' } },
-         '✗ ' + (t('panel.verificationFailed') || 'Automated verification before Review failed') + (openTask.report.verification.command ? ' (' + openTask.report.verification.command + ')' : '')
-        ),
-        openTask.report.verification.log
-         ? h('pre', {
-           style: {
-            margin: 0, padding: 6, maxHeight: 150, overflowY: 'auto',
-            background: 'var(--dsw-alias-bg-layer-2)',
-            fontSize: 11, fontFamily: 'monospace', borderRadius: 4, whiteSpace: 'pre-wrap',
-           },
-          }, openTask.report.verification.log)
-         : null
-       )
-      : null,
-     openTask.permission && !openTask.permissionConfirmedAt
-      ? h('div', {
-        className: 'dkb-warnBox',
-        style: { margin: '4px 0', padding: 10, background: 'var(--dsw-alias-state-warn-secondary, #fff3cd)', border: '1px solid var(--dsw-alias-state-warn-secondary, #ffeeba)', borderRadius: 6 },
-       },
-        h('div', { style: { marginBottom: 6, fontSize: 13, fontWeight: 500, color: 'var(--dsw-alias-state-warn-primary, #856404)' } },
-         t('task.permissionGateWarning', { permission: openTask.permission })),
-        h('button', {
-         type: 'button', className: 'dkb-save',
-         onClick: async () => {
-          try {
-           const out = await api('/task/' + encodeURIComponent(openTask.id) + '/confirm-permission', { method: 'POST' })
-           if (out && out.task) setOpenTask(out.task)
-           await load(board)
-          } catch (e) { setError(t(e.key || 'error.unknown')) }
-         },
-        }, t('task.confirmPermission')),
-       )
-      : null,
-     body === null
-      ? h('p', { className: 'dkb-note' }, t('panel.bodyLoading'))
-      : body.length === 0
-       ? null
-       : h('div', { className: 'dkb-mdBody' }, renderBlocks(body)),
-     h('div', { className: 'dkb-edit' },
-      h('div', { className: 'dkb-field' },
-       h('span', { className: 'dkb-label' }, t('panel.priority')),
-       h('select', {
-        className: 'dkb-input', value: editPriority,
-        onChange: (e) => setEditPriority(e.target.value),
-       },
-        h('option', { value: '' }, t('panel.priorityNone')),
-        ['high', 'medium', 'low'].map((p) => h('option', { value: p, key: p }, t('priority.' + p)))),
-      ),
-      h('div', { className: 'dkb-field' },
-       h('span', { className: 'dkb-label' }, t('panel.labels')),
-       h('input', {
-        className: 'dkb-input', value: editLabels,
-        placeholder: t('dialog.labelsHint'),
-        onChange: (e) => setEditLabels(e.target.value),
-       }),
-      ),
-      h('div', { className: 'dkb-field' },
-       h('span', { className: 'dkb-label' }, t('panel.due')),
-       h('input', {
-        type: 'date', className: 'dkb-input', value: editDue,
-        onChange: (e) => setEditDue(e.target.value),
-       }),
-      ),
-      h('div', { className: 'dkb-field' },
-       h('span', { className: 'dkb-label' }, t('task.cron')),
-       h('input', {
-        className: 'dkb-input', value: editCron,
-        placeholder: '* * * * *',
-        onChange: (e) => setEditCron(e.target.value),
-       }),
-       openTask.nextRunAt
-        ? h('p', { className: 'dkb-hint' },
-          t('task.nextRun', { date: new Date(openTask.nextRunAt).toLocaleString() }))
-        : null,
-      ),
+     h('div', { style: { display: 'flex', gap: '8px', flexWrap: 'wrap', alignItems: 'center' } },
       h('button', {
-       type: 'button', className: 'dkb-save', style: { alignSelf: 'flex-start' },
+       type: 'button',
+       className: 'dkb-save',
+       style: { fontSize: '12px', padding: '4px 10px' },
        onClick: async () => {
         try {
-         const labels = editLabels.split(',').map((s) => s.trim()).filter(Boolean)
-         const dueAt = editDue === ''
-          ? 0
-          : new Date(editDue + 'T00:00:00').getTime()
-         const out = await api('/task/' + encodeURIComponent(openTask.id) + '/update', {
+         await api('/task/' + encodeURIComponent(openTask.id) + '/snapshot', {
           method: 'POST',
-          body: JSON.stringify({ priority: editPriority, labels, dueAt, cron: editCron }),
+          body: JSON.stringify({ label: 'Manual checkpoint' }),
          })
-         setOpenTask(out.task)
-         await load(board)
-        } catch (e) { setError(t(e.key || 'error.unknown')) }
+         alert(t('tm.snapshotCreated') || 'Checkpoint snapshot created!')
+        } catch (err) {
+         alert((t('tm.snapshotFailed') || 'Failed: ') + (err.message || err))
+        }
        },
-      }, t('panel.saveEdit')),
-     ),
-     openTask.progressDump
-      ? h('div', null,
-        h('div', { className: 'dkb-group' }, t('task.progressDump')),
-        h('pre', {
-         style: {
-          background: 'var(--dsw-alias-bg-layer-1, #f6f8fa)', padding: 8, borderRadius: 6, fontSize: 12,
-          whiteSpace: 'pre-wrap', maxHeight: 150, overflowY: 'auto', margin: 0,
-         },
-        }, openTask.progressDump),
-       )
-      : null,
-     h('div', { style: { margin: '6px 0', padding: 10, background: 'var(--dsw-alias-bg-layer-1)', border: '1px solid var(--dsw-alias-border-l2)', borderRadius: 6 } },
-      h('div', { style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: 6 } },
-       h('span', { className: 'dkb-group', style: { margin: 0 } },
-        '👑 ' + t('epic.subtasks') + (subtasks.length > 0 ? ` (${subtasks.filter(s => s.column === 'done').length}/${subtasks.length})` : '')
-       ),
-       h('button', {
-        type: 'button', className: 'dkb-discard',
-        style: { padding: '2px 8px', fontSize: 11 },
-        onClick: () => setTriageOpen(!triageOpen),
-       }, triageOpen ? t('dialog.cancel') : '⚡ ' + t('epic.triage')),
-      ),
-      triageOpen ? h('div', { style: { display: 'flex', flexDirection: 'column', gap: 6, margin: '8px 0', padding: 8, background: 'var(--dsw-alias-bg-layer-3)', borderRadius: 6, border: '1px solid var(--dsw-alias-border-l1)' } },
-       h('span', { style: { fontSize: 12, fontWeight: 600 } }, t('epic.triageTitle')),
-       h('span', { className: 'dkb-hint', style: { margin: 0 } }, t('epic.triageHelp')),
-       h('textarea', {
-        className: 'dkb-area',
-        rows: 4,
-        placeholder: 'Subtask 1\nSubtask 2\nSubtask 3...',
-        value: triageText,
-        onChange: (e) => setTriageText(e.target.value),
-       }),
-       openTask.owner && openTask.repo ? h('label', { style: { display: 'flex', alignItems: 'center', gap: 6, fontSize: 12, cursor: 'pointer' } },
-        h('input', {
-         type: 'checkbox',
-         checked: triageGitea,
-         onChange: (e) => setTriageGitea(e.target.checked),
-        }),
-        h('span', null, t('epic.createGiteaIssues'))
-       ) : null,
-       h('div', { style: { display: 'flex', gap: 6 } },
-        h('button', {
-         type: 'button', className: 'dkb-save',
-         disabled: triageSubmitting || !triageText.trim(),
+      }, '📸 ' + (t('tm.createCheckpoint') || 'Create Checkpoint')),
+      openTask.inceptionSnapshotId
+       ? h('button', {
+         type: 'button',
+         className: 'dkb-discard',
+         style: { fontSize: '12px', padding: '4px 10px', color: 'var(--dsw-alias-state-error-primary, #cf222e)' },
          onClick: async () => {
-          const lines = triageText.split('\n').map(s => s.trim()).filter(Boolean)
-          if (lines.length === 0) return
-          setTriageSubmitting(true)
+          if (!confirm(t('tm.confirmRollback') || 'Roll back worktree to inception snapshot? Any uncommitted changes will be discarded.')) return
           try {
-           const out = await api('/task/' + encodeURIComponent(openTask.id) + '/triage', {
+           await api('/task/' + encodeURIComponent(openTask.id) + '/rollback-snapshot', {
             method: 'POST',
-            body: JSON.stringify({
-             subtasks: lines.map(title => ({ title })),
-             createGiteaIssues: triageGitea,
-            }),
+            body: JSON.stringify({ snapshotId: openTask.inceptionSnapshotId }),
            })
-           if (out && out.subtasks) setSubtasks(out.subtasks)
-           if (out && out.epic) setOpenTask(out.epic)
-           setTriageText('')
-           setTriageOpen(false)
-           await load(board)
-          } catch (err) { setError(t(err.key || 'error.unknown')) }
-          finally { setTriageSubmitting(false) }
+           alert(t('tm.rollbackSuccess') || 'Task worktree successfully rolled back!')
+           refreshBoard()
+          } catch (err) {
+           alert((t('tm.rollbackFailed') || 'Rollback failed: ') + (err.message || err))
+          }
          },
-        }, triageSubmitting ? '...' : t('epic.triageSubmit')),
-        h('button', {
-         type: 'button', className: 'dkb-discard',
-         onClick: () => setTriageOpen(false),
-        }, t('dialog.cancel')),
+        }, '↩ ' + (t('tm.rollbackInception') || 'Rollback to Inception'))
+       : null
+     )
+    ),
+    duplicates.length > 0
+     ? h('div', { className: 'dkb-section-card', style: { margin: '8px 0', borderColor: 'var(--dsw-alias-state-warn-primary, #9a6700)' } },
+       h('div', { className: 'dkb-section-title', style: { color: 'var(--dsw-alias-state-warn-primary, #9a6700)' } },
+        h('span', null, '⚠️ ' + (t('dup.found') || 'Similar tasks found:')),
+        h('button', { type: 'button', className: 'dkb-discard', style: { fontSize: 11, padding: '2px 6px' }, onClick: () => setDuplicates([]) }, '✕')
+       ),
+       h('div', { style: { display: 'flex', flexDirection: 'column', gap: 4 } },
+        duplicates.map((d) => h('div', { key: d.id, style: { display: 'flex', justifyContent: 'space-between', fontSize: 12 } },
+         h('span', null, (d.issueNumber ? `#${d.issueNumber} ` : '') + d.title),
+         h('span', { className: 'dkb-tag' }, `${d.percent}%`)
+        ))
        )
-      ) : null,
-      subtasks.length > 0 ? h('ul', { style: { listStyle: 'none', padding: 0, margin: '4px 0', display: 'flex', flexDirection: 'column', gap: 4 } },
-       subtasks.map((st) => h('li', {
-        key: st.id,
+      )
+     : null,
+    h('div', { className: 'dkb-section-card', style: { margin: '8px 0' } },
+     h('div', { className: 'dkb-section-title' },
+      h('span', null, '📋 ' + (t('spec.title') || 'Technical Specification & Plan')),
+      openTask.spec ? h('span', { className: 'dkb-section-badge dkb-section-badge-ok' }, 'Spec Ready') : null
+     ),
+     openTask.spec && !specEdit
+      ? h('pre', { className: 'dkb-consolePre', style: { maxHeight: 160 } }, openTask.spec)
+      : (specEdit ? h('textarea', { className: 'dkb-area', value: specText, onChange: (e) => setSpecText(e.target.value) }) : null),
+     h('div', { className: 'dkb-row', style: { marginTop: 4 } },
+      h('button', { type: 'button', className: 'dkb-save', disabled: busySpec, onClick: onGenPlan }, busySpec ? t('spec.generating') : t('spec.generate')),
+      h('button', {
+       type: 'button', className: 'dkb-discard',
+       disabled: checkingDup,
+       onClick: () => onCheckDuplicates(openTask.title, openTask.body || openTask.description)
+      }, checkingDup ? t('dup.checking') : t('dup.check')),
+      openTask.spec ? h('button', {
+       type: 'button', className: 'dkb-discard',
+       onClick: () => { if (specEdit) onSaveSpec(); else { setSpecText(openTask.spec || ''); setSpecEdit(true) } }
+      }, specEdit ? t('spec.save') : t('spec.edit')) : null
+     )
+    ),
+    h('div', { className: 'dkb-section-card', style: { margin: '8px 0' } },
+     h('div', { className: 'dkb-section-title' },
+      h('span', null, '🔀 ' + (t('pr.title') || 'Pull Request & Release Notes')),
+      openTask.prDescription ? h('span', { className: 'dkb-section-badge dkb-section-badge-ok' }, 'PR Ready') : null
+     ),
+     openTask.prDescription ? h('pre', { className: 'dkb-consolePre', style: { maxHeight: 160 } }, openTask.prDescription) : null,
+     h('div', { className: 'dkb-row', style: { marginTop: 4 } },
+      h('button', { type: 'button', className: 'dkb-save', disabled: busyPr, onClick: onGenPr }, busyPr ? t('pr.generate') : t('pr.generate')),
+      openTask.prDescription ? h('button', {
+       type: 'button', className: 'dkb-discard',
+       onClick: () => { navigator.clipboard?.writeText(openTask.prDescription); showNotice(t('pr.copied')) }
+      }, t('pr.copy')) : null,
+      openTask.branch ? h('button', { type: 'button', className: 'dkb-save', disabled: busyPr, onClick: onCreatePrGitea }, t('pr.create')) : null
+     )
+    ),
+    openTask.worktree
+     ? h('div', { className: 'dkb-note', style: { wordBreak: 'break-all' } },
+      t('panel.worktree', { path: openTask.worktree })
+      + (openTask.branch ? ' (' + openTask.branch + ')' : ''))
+     : null,
+    openTask.report?.verification?.status === 'failed'
+     ? h('div', {
+       style: {
+        margin: '8px 0', padding: '10px 12px',
+        background: 'var(--dsw-alias-state-error-secondary, #ffebe9)',
+        border: '1px solid var(--dsw-alias-state-error-primary, #cf222e)',
+        borderRadius: 8, fontSize: 12, display: 'flex', flexDirection: 'column', gap: 6,
+       },
+      },
+       h('div', { style: { fontWeight: 'bold', color: 'var(--dsw-alias-state-error-primary, #cf222e)' } },
+        '✗ ' + (t('panel.verificationFailed') || 'Automated verification before Review failed') + (openTask.report.verification.command ? ' (' + openTask.report.verification.command + ')' : '')
+       ),
+       openTask.report.verification.log
+        ? h('pre', {
+          style: {
+           margin: 0, padding: 6, maxHeight: 150, overflowY: 'auto',
+           background: 'var(--dsw-alias-bg-layer-2)',
+           fontSize: 11, fontFamily: 'monospace', borderRadius: 4, whiteSpace: 'pre-wrap',
+          },
+         }, openTask.report.verification.log)
+        : null
+      )
+     : null,
+    openTask.permission && !openTask.permissionConfirmedAt
+     ? h('div', {
+       className: 'dkb-warnBox',
+       style: { margin: '4px 0', padding: 10, background: 'var(--dsw-alias-state-warn-secondary, #fff3cd)', border: '1px solid var(--dsw-alias-state-warn-secondary, #ffeeba)', borderRadius: 6 },
+      },
+       h('div', { style: { marginBottom: 6, fontSize: 13, fontWeight: 500, color: 'var(--dsw-alias-state-warn-primary, #856404)' } },
+        t('task.permissionGateWarning', { permission: openTask.permission })),
+       h('button', {
+        type: 'button', className: 'dkb-save',
+        onClick: async () => {
+         try {
+          const out = await api('/task/' + encodeURIComponent(openTask.id) + '/confirm-permission', { method: 'POST' })
+          if (out && out.task) setOpenTask(out.task)
+          await load(board)
+         } catch (e) { setError(t(e.key || 'error.unknown')) }
+        },
+       }, t('task.confirmPermission')),
+      )
+     : null,
+    body === null
+     ? h('p', { className: 'dkb-note' }, t('panel.bodyLoading'))
+     : body.length === 0
+      ? null
+      : h('div', { className: 'dkb-mdBody' }, renderBlocks(body)),
+    h('div', { className: 'dkb-edit' },
+     h('div', { className: 'dkb-field' },
+      h('span', { className: 'dkb-label' }, t('panel.priority')),
+      h('select', {
+       className: 'dkb-input', value: editPriority,
+       onChange: (e) => setEditPriority(e.target.value),
+      },
+       h('option', { value: '' }, t('panel.priorityNone')),
+       ['high', 'medium', 'low'].map((p) => h('option', { value: p, key: p }, t('priority.' + p)))),
+     ),
+     h('div', { className: 'dkb-field' },
+      h('span', { className: 'dkb-label' }, t('panel.labels')),
+      h('input', {
+       className: 'dkb-input', value: editLabels,
+       placeholder: t('dialog.labelsHint'),
+       onChange: (e) => setEditLabels(e.target.value),
+      }),
+     ),
+     h('div', { className: 'dkb-field' },
+      h('span', { className: 'dkb-label' }, t('panel.due')),
+      h('input', {
+       type: 'date', className: 'dkb-input', value: editDue,
+       onChange: (e) => setEditDue(e.target.value),
+      }),
+     ),
+     h('div', { className: 'dkb-field' },
+      h('span', { className: 'dkb-label' }, t('task.cron')),
+      h('input', {
+       className: 'dkb-input', value: editCron,
+       placeholder: '* * * * *',
+       onChange: (e) => setEditCron(e.target.value),
+      }),
+      openTask.nextRunAt
+       ? h('p', { className: 'dkb-hint' },
+         t('task.nextRun', { date: new Date(openTask.nextRunAt).toLocaleString() }))
+       : null,
+     ),
+     h('button', {
+      type: 'button', className: 'dkb-save', style: { alignSelf: 'flex-start' },
+      onClick: async () => {
+       try {
+        const labels = editLabels.split(',').map((s) => s.trim()).filter(Boolean)
+        const dueAt = editDue === ''
+         ? 0
+         : new Date(editDue + 'T00:00:00').getTime()
+        const out = await api('/task/' + encodeURIComponent(openTask.id) + '/update', {
+         method: 'POST',
+         body: JSON.stringify({ priority: editPriority, labels, dueAt, cron: editCron }),
+        })
+        setOpenTask(out.task)
+        await load(board)
+       } catch (e) { setError(t(e.key || 'error.unknown')) }
+      },
+     }, t('panel.saveEdit')),
+    ),
+    openTask.progressDump
+     ? h('div', null,
+       h('div', { className: 'dkb-group' }, t('task.progressDump')),
+       h('pre', {
         style: {
-         display: 'flex', alignItems: 'center', justifyContent: 'space-between',
-         padding: '4px 8px', background: 'var(--dsw-alias-bg-layer-2)',
-         borderRadius: 4, border: '1px solid var(--dsw-alias-border-l2)', fontSize: 12,
+         background: 'var(--dsw-alias-bg-layer-1, #f6f8fa)', padding: 8, borderRadius: 6, fontSize: 12,
+         whiteSpace: 'pre-wrap', maxHeight: 150, overflowY: 'auto', margin: 0,
         },
-       },
-        h('div', { style: { display: 'flex', alignItems: 'center', gap: 6, minWidth: 0, flex: 1 } },
-         h('span', { style: { color: st.column === 'done' ? 'var(--dsw-alias-state-success-primary)' : 'var(--dsw-alias-label-tertiary)' } },
-          st.column === 'done' ? '✓' : '•'
-         ),
-         h('span', { style: { textDecoration: st.column === 'done' ? 'line-through' : 'none', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' } }, st.title),
-         st.issueNumber ? h('span', { className: 'dkb-tag', style: { fontSize: 10 } }, '#' + st.issueNumber) : null,
-        ),
-        h('span', { className: 'dkb-tag', style: { fontSize: 10 } }, t('column.' + st.column)),
-       ))
-      ) : h('p', { className: 'dkb-hint', style: { margin: '4px 0' } }, t('epic.noSubtasks')),
-      h('div', { style: { display: 'flex', gap: 6, marginTop: 6 } },
+       }, openTask.progressDump),
+      )
+     : null,
+    h('div', { style: { margin: '6px 0', padding: 10, background: 'var(--dsw-alias-bg-layer-1)', border: '1px solid var(--dsw-alias-border-l2)', borderRadius: 6 } },
+     h('div', { style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: 6 } },
+      h('span', { className: 'dkb-group', style: { margin: 0 } },
+       '👑 ' + t('epic.subtasks') + (subtasks.length > 0 ? ` (${subtasks.filter(s => s.column === 'done').length}/${subtasks.length})` : '')
+      ),
+      h('button', {
+       type: 'button', className: 'dkb-discard',
+       style: { padding: '2px 8px', fontSize: 11 },
+       onClick: () => setTriageOpen(!triageOpen),
+      }, triageOpen ? t('dialog.cancel') : '⚡ ' + t('epic.triage')),
+     ),
+     triageOpen ? h('div', { style: { display: 'flex', flexDirection: 'column', gap: 6, margin: '8px 0', padding: 8, background: 'var(--dsw-alias-bg-layer-3)', borderRadius: 6, border: '1px solid var(--dsw-alias-border-l1)' } },
+      h('span', { style: { fontSize: 12, fontWeight: 600 } }, t('epic.triageTitle')),
+      h('span', { className: 'dkb-hint', style: { margin: 0 } }, t('epic.triageHelp')),
+      h('textarea', {
+       className: 'dkb-area',
+       rows: 4,
+       placeholder: 'Subtask 1\nSubtask 2\nSubtask 3...',
+       value: triageText,
+       onChange: (e) => setTriageText(e.target.value),
+      }),
+      openTask.owner && openTask.repo ? h('label', { style: { display: 'flex', alignItems: 'center', gap: 6, fontSize: 12, cursor: 'pointer' } },
        h('input', {
-        className: 'dkb-input',
-        style: { flex: 1, fontSize: 12 },
-        placeholder: t('epic.addSubtask'),
-        value: newSubtaskTitle,
-        onChange: (e) => setNewSubtaskTitle(e.target.value),
-        onKeyDown: async (e) => {
-         if (e.key === 'Enter' && newSubtaskTitle.trim()) {
-          e.preventDefault()
-          const title = newSubtaskTitle.trim()
-          setNewSubtaskTitle('')
-          try {
-           const out = await api('/task/' + encodeURIComponent(openTask.id) + '/subtask', {
-            method: 'POST',
-            body: JSON.stringify({ title }),
-           })
-           if (out && out.subtask) {
-            setSubtasks(prev => [...prev, out.subtask])
-            await load(board)
-           }
-          } catch (err) { setError(t(err.key || 'error.unknown')) }
-         }
-        },
+        type: 'checkbox',
+        checked: triageGitea,
+        onChange: (e) => setTriageGitea(e.target.checked),
        }),
+       h('span', null, t('epic.createGiteaIssues'))
+      ) : null,
+      h('div', { style: { display: 'flex', gap: 6 } },
        h('button', {
         type: 'button', className: 'dkb-save',
-        style: { padding: '3px 10px', fontSize: 12 },
+        disabled: triageSubmitting || !triageText.trim(),
         onClick: async () => {
+         const lines = triageText.split('\n').map(s => s.trim()).filter(Boolean)
+         if (lines.length === 0) return
+         setTriageSubmitting(true)
+         try {
+          const out = await api('/task/' + encodeURIComponent(openTask.id) + '/triage', {
+           method: 'POST',
+           body: JSON.stringify({
+            subtasks: lines.map(title => ({ title })),
+            createGiteaIssues: triageGitea,
+           }),
+          })
+          if (out && out.subtasks) setSubtasks(out.subtasks)
+          if (out && out.epic) setOpenTask(out.epic)
+          setTriageText('')
+          setTriageOpen(false)
+          await load(board)
+         } catch (err) { setError(t(err.key || 'error.unknown')) }
+         finally { setTriageSubmitting(false) }
+        },
+       }, triageSubmitting ? '...' : t('epic.triageSubmit')),
+       h('button', {
+        type: 'button', className: 'dkb-discard',
+        onClick: () => setTriageOpen(false),
+       }, t('dialog.cancel')),
+      )
+     ) : null,
+     subtasks.length > 0 ? h('ul', { style: { listStyle: 'none', padding: 0, margin: '4px 0', display: 'flex', flexDirection: 'column', gap: 4 } },
+      subtasks.map((st) => h('li', {
+       key: st.id,
+       style: {
+        display: 'flex', alignItems: 'center', justifyContent: 'space-between',
+        padding: '4px 8px', background: 'var(--dsw-alias-bg-layer-2)',
+        borderRadius: 4, border: '1px solid var(--dsw-alias-border-l2)', fontSize: 12,
+       },
+      },
+       h('div', { style: { display: 'flex', alignItems: 'center', gap: 6, minWidth: 0, flex: 1 } },
+        h('span', { style: { color: st.column === 'done' ? 'var(--dsw-alias-state-success-primary)' : 'var(--dsw-alias-label-tertiary)' } },
+         st.column === 'done' ? '✓' : '•'
+        ),
+        h('span', { style: { textDecoration: st.column === 'done' ? 'line-through' : 'none', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' } }, st.title),
+        st.issueNumber ? h('span', { className: 'dkb-tag', style: { fontSize: 10 } }, '#' + st.issueNumber) : null,
+       ),
+       h('span', { className: 'dkb-tag', style: { fontSize: 10 } }, t('column.' + st.column)),
+      ))
+     ) : h('p', { className: 'dkb-hint', style: { margin: '4px 0' } }, t('epic.noSubtasks')),
+     h('div', { style: { display: 'flex', gap: 6, marginTop: 6 } },
+      h('input', {
+       className: 'dkb-input',
+       style: { flex: 1, fontSize: 12 },
+       placeholder: t('epic.addSubtask'),
+       value: newSubtaskTitle,
+       onChange: (e) => setNewSubtaskTitle(e.target.value),
+       onKeyDown: async (e) => {
+        if (e.key === 'Enter' && newSubtaskTitle.trim()) {
+         e.preventDefault()
          const title = newSubtaskTitle.trim()
-         if (!title) return
          setNewSubtaskTitle('')
          try {
           const out = await api('/task/' + encodeURIComponent(openTask.id) + '/subtask', {
@@ -3634,468 +3619,471 @@ window.__ModuleLoader__.load({
            await load(board)
           }
          } catch (err) { setError(t(err.key || 'error.unknown')) }
-        },
-       }, '+'),
-      )
+        }
+       },
+      }),
+      h('button', {
+       type: 'button', className: 'dkb-save',
+       style: { padding: '3px 10px', fontSize: 12 },
+       onClick: async () => {
+        const title = newSubtaskTitle.trim()
+        if (!title) return
+        setNewSubtaskTitle('')
+        try {
+         const out = await api('/task/' + encodeURIComponent(openTask.id) + '/subtask', {
+          method: 'POST',
+          body: JSON.stringify({ title }),
+         })
+         if (out && out.subtask) {
+          setSubtasks(prev => [...prev, out.subtask])
+          await load(board)
+         }
+        } catch (err) { setError(t(err.key || 'error.unknown')) }
+       },
+      }, '+'),
+     )
+    ),
+    openTask.sessionId ? h('div', { style: { margin: '6px 0' } },
+     h('div', { className: 'dkb-group', style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center' } },
+      h('span', null, '🖥️ ' + t('console.tab')),
+      h('span', { className: 'dkb-tag', style: { fontSize: 10, fontFamily: 'monospace' } }, openTask.sessionId.slice(0, 16) + '...'),
      ),
-     openTask.sessionId ? h('div', { style: { margin: '6px 0' } },
-      h('div', { className: 'dkb-group', style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center' } },
-       h('span', null, '🖥️ ' + t('console.tab')),
-       h('span', { className: 'dkb-tag', style: { fontSize: 10, fontFamily: 'monospace' } }, openTask.sessionId.slice(0, 16) + '...'),
-      ),
-      h('pre', { className: 'dkb-consolePre' },
-       openTask.progressDump || (openTask.runs && openTask.runs[0] ? `[${new Date(openTask.runs[0].startedAt).toLocaleTimeString()}] ${openTask.runs[0].model || 'Agent'} active\nResult: ${openTask.runs[0].result || 'running'}` : t('console.empty'))
-      )
-     ) : null,
-     openTask.runs && openTask.runs.length
-      ? h('div', null,
-        h('div', { className: 'dkb-group' }, t('task.runs')),
-        h('ul', { className: 'dkb-log' }, openTask.runs.map((r) => h('li', {
-         className: 'dkb-logRow', key: r.id,
-         style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center' },
-        },
-         h('span', null,
-          (r.result === 'succeeded' ? '✓ ' : r.result === 'failed' ? '✕ ' : '▸ ')
-          + new Date(r.startedAt).toLocaleTimeString()
-          + (r.model ? ' · ' + r.model : '')
-          + (r.error ? ' · ' + r.error : '')
-         ),
-         r.sessionId
-          ? h('button', {
-            type: 'button',
-            className: 'dkb-discard',
-            style: { padding: '2px 6px', fontSize: 11 },
-            onClick: () => {
-             if (!openSession(props.ctx, r.sessionId)) {
-              setError(t('error.sessionNotOpened', { id: r.sessionId }))
-              return
-             }
-             setOpenTask(null)
-             if (props.onClose) props.onClose()
-            },
-           }, t('panel.openChat'))
-          : null,
-        ))))
-      : null,
-     h('button', {
+     h('pre', { className: 'dkb-consolePre' },
+      openTask.progressDump || (openTask.runs && openTask.runs[0] ? `[${new Date(openTask.runs[0].startedAt).toLocaleTimeString()}] ${openTask.runs[0].model || 'Agent'} active\nResult: ${openTask.runs[0].result || 'running'}` : t('console.empty'))
+     )
+    ) : null,
+    openTask.runs && openTask.runs.length
+     ? h('div', null,
+       h('div', { className: 'dkb-group' }, t('task.runs')),
+       h('ul', { className: 'dkb-log' }, openTask.runs.map((r) => h('li', {
+        className: 'dkb-logRow', key: r.id,
+        style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center' },
+       },
+        h('span', null,
+         (r.result === 'succeeded' ? '✓ ' : r.result === 'failed' ? '✕ ' : '▸ ')
+         + new Date(r.startedAt).toLocaleTimeString()
+         + (r.model ? ' · ' + r.model : '')
+         + (r.error ? ' · ' + r.error : '')
+        ),
+        r.sessionId
+         ? h('button', {
+           type: 'button',
+           className: 'dkb-discard',
+           style: { padding: '2px 6px', fontSize: 11 },
+           onClick: () => {
+            if (!openSession(props.ctx, r.sessionId)) {
+             setError(t('error.sessionNotOpened', { id: r.sessionId }))
+             return
+            }
+            setOpenTask(null)
+            if (props.onClose) props.onClose()
+           },
+          }, t('panel.openChat'))
+         : null,
+       ))))
+     : null,
+    h('button', {
+     type: 'button', className: 'dkb-discard', style: { alignSelf: 'flex-start' },
+     onClick: async () => {
+      const mine = openTask.assignee !== '' && openTask.assignee !== undefined
+      try {
+       const out = await api('/task/' + encodeURIComponent(openTask.id) + '/assign', {
+        method: 'POST',
+        body: JSON.stringify({ login: mine ? '' : 'me' }),
+       })
+       if (out && out.task) setOpenTask(out.task)
+       await load(board)
+      } catch (e) { setError(t(e.key || 'error.unknown')) }
+     },
+    }, openTask.assignee ? t('panel.assignDrop') : t('panel.assignMe')),
+    openTask.sessionId
+     ? h('button', {
       type: 'button', className: 'dkb-discard', style: { alignSelf: 'flex-start' },
-      onClick: async () => {
-       const mine = openTask.assignee !== '' && openTask.assignee !== undefined
-       try {
-        const out = await api('/task/' + encodeURIComponent(openTask.id) + '/assign', {
-         method: 'POST',
-         body: JSON.stringify({ login: mine ? '' : 'me' }),
-        })
-        if (out && out.task) setOpenTask(out.task)
-        await load(board)
-       } catch (e) { setError(t(e.key || 'error.unknown')) }
+      onClick: () => {
+       if (!openSession(props.ctx, openTask.sessionId)) {
+        setError(t('error.sessionNotOpened', { id: openTask.sessionId }))
+        return
+       }
+       setOpenTask(null)
+       if (props.onClose) props.onClose()
       },
-     }, openTask.assignee ? t('panel.assignDrop') : t('panel.assignMe')),
-     openTask.sessionId
-      ? h('button', {
-       type: 'button', className: 'dkb-discard', style: { alignSelf: 'flex-start' },
-       onClick: () => {
-        if (!openSession(props.ctx, openTask.sessionId)) {
-         setError(t('error.sessionNotOpened', { id: openTask.sessionId }))
-         return
-        }
-        setOpenTask(null)
-        if (props.onClose) props.onClose()
-       },
-      }, t('panel.openChat'))
-      : null,
-     openTask.sessionId && (openTask.column === 'in-progress' || openTask.col === 'in-progress')
-      ? h('button', {
-       type: 'button', className: 'dkb-discard', style: { alignSelf: 'flex-start' },
-       onClick: () => { setNudgeTask(openTask); setNudgePrompt(''); setNudgeSuccess(false) },
-      }, '💬 ' + t('card.nudge'))
-      : null,
-     openTask.costMetrics && openTask.costMetrics.totalTokens > 0
-      ? h('div', {
-        className: 'dkb-section-card',
-        style: {
-         margin: '8px 0', padding: 12, border: '1px solid var(--dsw-alias-border-l2)',
-         borderRadius: 8, display: 'flex', flexDirection: 'column', gap: 6,
-        },
+     }, t('panel.openChat'))
+     : null,
+    openTask.sessionId && (openTask.column === 'in-progress' || openTask.col === 'in-progress')
+     ? h('button', {
+      type: 'button', className: 'dkb-discard', style: { alignSelf: 'flex-start' },
+      onClick: () => { setNudgeTask(openTask); setNudgePrompt(''); setNudgeSuccess(false) },
+     }, '💬 ' + t('card.nudge'))
+     : null,
+    openTask.costMetrics && openTask.costMetrics.totalTokens > 0
+     ? h('div', {
+       className: 'dkb-section-card',
+       style: {
+        margin: '8px 0', padding: 12, border: '1px solid var(--dsw-alias-border-l2)',
+        borderRadius: 8, display: 'flex', flexDirection: 'column', gap: 6,
        },
-        h('div', { style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center' } },
-         h('div', { className: 'dkb-group', style: { margin: 0, fontWeight: 600 } },
-          '🪙 ' + t('telemetry.title')
-         ),
-         h('span', {
-          className: 'dkb-tag',
-          style: { background: 'var(--dsw-alias-state-business-tertiary, #ddf4ff)', color: 'var(--dsw-alias-state-business-primary, #0969da)', borderColor: 'var(--dsw-alias-state-business-tertiary, #54aeff)' }
-         }, openTask.costMetrics.costFormatted || '$0.00'),
+      },
+       h('div', { style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center' } },
+        h('div', { className: 'dkb-group', style: { margin: 0, fontWeight: 600 } },
+         '🪙 ' + t('telemetry.title')
         ),
-        h('div', { style: { display: 'grid', gridTemplateColumns: 'repeat(4, 1fr)', gap: 8, fontSize: '11px', textAlign: 'center' } },
-         h('div', { style: { background: 'var(--dsw-alias-bg-layer-1)', padding: '6px', borderRadius: '4px' } },
-          h('div', { style: { opacity: 0.7 } }, t('telemetry.tokens')),
-          h('div', { style: { fontWeight: 600 } }, openTask.costMetrics.totalTokens.toLocaleString()),
-         ),
-         h('div', { style: { background: 'var(--dsw-alias-bg-layer-1)', padding: '6px', borderRadius: '4px' } },
-          h('div', { style: { opacity: 0.7 } }, t('telemetry.input')),
-          h('div', { style: { fontWeight: 600 } }, (openTask.costMetrics.uncachedInputTokens || 0).toLocaleString()),
-         ),
-         h('div', { style: { background: 'var(--dsw-alias-bg-layer-1)', padding: '6px', borderRadius: '4px' } },
-          h('div', { style: { opacity: 0.7 } }, t('telemetry.output')),
-          h('div', { style: { fontWeight: 600 } }, (openTask.costMetrics.outputTokens || 0).toLocaleString()),
-         ),
-         h('div', { style: { background: 'var(--dsw-alias-bg-layer-1)', padding: '6px', borderRadius: '4px' } },
-          h('div', { style: { opacity: 0.7 } }, t('telemetry.cache')),
-          h('div', { style: { fontWeight: 600 } }, (openTask.costMetrics.cacheReadTokens || 0).toLocaleString()),
-         ),
+        h('span', {
+         className: 'dkb-tag',
+         style: { background: 'var(--dsw-alias-state-business-tertiary, #ddf4ff)', color: 'var(--dsw-alias-state-business-primary, #0969da)', borderColor: 'var(--dsw-alias-state-business-tertiary, #54aeff)' }
+        }, openTask.costMetrics.costFormatted || '$0.00'),
+       ),
+       h('div', { style: { display: 'grid', gridTemplateColumns: 'repeat(4, 1fr)', gap: 8, fontSize: '11px', textAlign: 'center' } },
+        h('div', { style: { background: 'var(--dsw-alias-bg-layer-1)', padding: '6px', borderRadius: '4px' } },
+         h('div', { style: { opacity: 0.7 } }, t('telemetry.tokens')),
+         h('div', { style: { fontWeight: 600 } }, openTask.costMetrics.totalTokens.toLocaleString()),
         ),
-        openTask.costLimitExceeded
-         ? h('div', {
-           style: {
-            fontSize: '11px',
-            color: 'var(--dsw-alias-state-warn-primary, #9a6700)',
-            background: 'var(--dsw-alias-state-warn-secondary, #fff8c5)',
-            padding: '4px 8px', borderRadius: '4px', marginTop: '4px'
-           }
-          }, '⚠️ ' + t('card.costLimitExceeded'))
-         : null
-       )
-      : null,
-     log.length
-      ? h('div', null,
-       h('div', { className: 'dkb-group' }, t('panel.log')),
-       h('ul', { className: 'dkb-log' }, log.map((row) => h('li', {
-        className: 'dkb-logRow', key: row.id,
-       }, `${t('column.' + row.toCol)} ← ${row.source}${row.detail ? ' · ' + row.detail : ''}`))))
-      : null,
-     openTask.plan && openTask.plan.items && openTask.plan.items.length
-      ? h('div', null,
-       h('div', { className: 'dkb-group' }, t('plan.title')),
-       h('p', { className: 'dkb-hint' }, planLine(openTask, t)),
-       h('ul', { className: 'dkb-planList' },
-        openTask.plan.items.map((item, i) => h('li', {
-         key: i,
-         className: 'dkb-planItem'
-          + (item.done ? ' dkb-planDone' : '')
-          + (item.active ? ' dkb-planActive' : ''),
-        },
-         h('span', { className: 'dkb-planMark' },
-          item.done ? '✓' : item.active ? '▸' : '·'),
-         h('span', null, item.text),
-        ))),
+        h('div', { style: { background: 'var(--dsw-alias-bg-layer-1)', padding: '6px', borderRadius: '4px' } },
+         h('div', { style: { opacity: 0.7 } }, t('telemetry.input')),
+         h('div', { style: { fontWeight: 600 } }, (openTask.costMetrics.uncachedInputTokens || 0).toLocaleString()),
+        ),
+        h('div', { style: { background: 'var(--dsw-alias-bg-layer-1)', padding: '6px', borderRadius: '4px' } },
+         h('div', { style: { opacity: 0.7 } }, t('telemetry.output')),
+         h('div', { style: { fontWeight: 600 } }, (openTask.costMetrics.outputTokens || 0).toLocaleString()),
+        ),
+        h('div', { style: { background: 'var(--dsw-alias-bg-layer-1)', padding: '6px', borderRadius: '4px' } },
+         h('div', { style: { opacity: 0.7 } }, t('telemetry.cache')),
+         h('div', { style: { fontWeight: 600 } }, (openTask.costMetrics.cacheReadTokens || 0).toLocaleString()),
+        ),
+       ),
+       openTask.costLimitExceeded
+        ? h('div', {
+          style: {
+           fontSize: '11px',
+           color: 'var(--dsw-alias-state-warn-primary, #9a6700)',
+           background: 'var(--dsw-alias-state-warn-secondary, #fff8c5)',
+           padding: '4px 8px', borderRadius: '4px', marginTop: '4px'
+          }
+         }, '⚠️ ' + t('card.costLimitExceeded'))
+        : null
       )
-      : null,
-     openTask.rejectReason
-      ? h('div', {
-        className: 'dkb-warnBox',
-        style: {
-         margin: '4px 0', padding: 10,
-         background: 'var(--dsw-alias-state-error-secondary, #ffebe9)',
-         border: '1px solid var(--dsw-alias-state-error-secondary, #ffc1c0)',
-         borderRadius: 6,
-        },
+     : null,
+    log.length
+     ? h('div', null,
+      h('div', { className: 'dkb-group' }, t('panel.log')),
+      h('ul', { className: 'dkb-log' }, log.map((row) => h('li', {
+       className: 'dkb-logRow', key: row.id,
+      }, `${t('column.' + row.toCol)} ← ${row.source}${row.detail ? ' · ' + row.detail : ''}`))))
+     : null,
+    openTask.plan && openTask.plan.items && openTask.plan.items.length
+     ? h('div', null,
+      h('div', { className: 'dkb-group' }, t('plan.title')),
+      h('p', { className: 'dkb-hint' }, planLine(openTask, t)),
+      h('ul', { className: 'dkb-planList' },
+       openTask.plan.items.map((item, i) => h('li', {
+        key: i,
+        className: 'dkb-planItem'
+         + (item.done ? ' dkb-planDone' : '')
+         + (item.active ? ' dkb-planActive' : ''),
        },
-        h('div', {
-         style: { marginBottom: 4, fontSize: 13, fontWeight: 600, color: 'var(--dsw-alias-state-error-primary, #cf222e)' },
-        }, '⚠️ ' + t('acceptance.rejectedAlert', { reason: openTask.rejectReason })),
-       )
-      : null,
-     openTask.worktree
-      ? h('div', {
-        style: {
-         margin: '8px 0', padding: 12,
-         background: 'var(--dsw-alias-bg-layer-3)',
-         border: '1px solid var(--dsw-alias-border-l2)',
-         borderRadius: 8, display: 'flex', flexDirection: 'column', gap: 8,
-        },
+        h('span', { className: 'dkb-planMark' },
+         item.done ? '✓' : item.active ? '▸' : '·'),
+        h('span', null, item.text),
+       ))),
+     )
+     : null,
+    openTask.rejectReason
+     ? h('div', {
+       className: 'dkb-warnBox',
+       style: {
+        margin: '4px 0', padding: 10,
+        background: 'var(--dsw-alias-state-error-secondary, #ffebe9)',
+        border: '1px solid var(--dsw-alias-state-error-secondary, #ffc1c0)',
+        borderRadius: 6,
        },
-        h('div', { style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center' } },
-         h('div', { className: 'dkb-group', style: { margin: 0 } },
-          t('diff.title'),
-          commitsData.length > 0 ? ` · ${t('diff.commits', { n: commitsData.length })}` : '',
-          diffData?.filesChanged ? ` · ${t('diff.filesChanged', { n: diffData.filesChanged })}` : '',
-         ),
-         h('button', {
-          type: 'button', className: 'dkb-discard',
-          style: { padding: '2px 8px', fontSize: 11 },
-          onClick: () => {
-           if (!diffData && !diffExpanded) loadDiffAndCommits()
-           setDiffExpanded(!diffExpanded)
-          },
-         }, diffExpanded ? t('diff.hide') : t('diff.show')),
+      },
+       h('div', {
+        style: { marginBottom: 4, fontSize: 13, fontWeight: 600, color: 'var(--dsw-alias-state-error-primary, #cf222e)' },
+       }, '⚠️ ' + t('acceptance.rejectedAlert', { reason: openTask.rejectReason })),
+      )
+     : null,
+    openTask.worktree
+     ? h('div', {
+       style: {
+        margin: '8px 0', padding: 12,
+        background: 'var(--dsw-alias-bg-layer-3)',
+        border: '1px solid var(--dsw-alias-border-l2)',
+        borderRadius: 8, display: 'flex', flexDirection: 'column', gap: 8,
+       },
+      },
+       h('div', { style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center' } },
+        h('div', { className: 'dkb-group', style: { margin: 0 } },
+         t('diff.title'),
+         commitsData.length > 0 ? ` · ${t('diff.commits', { n: commitsData.length })}` : '',
+         diffData?.filesChanged ? ` · ${t('diff.filesChanged', { n: diffData.filesChanged })}` : '',
         ),
-        diffExpanded ? h('div', { style: { display: 'flex', flexDirection: 'column', gap: 6 } },
-         commitsData.length > 0
-          ? h('div', { style: { display: 'flex', flexDirection: 'column', gap: 4, marginBottom: 4 } },
-            commitsData.map((cm) => h('div', {
-             key: cm.hash,
-             style: { fontSize: 11, display: 'flex', gap: 6, opacity: 0.85, fontFamily: 'monospace' },
-            },
-             h('span', { style: { color: 'var(--dsw-alias-link, #3b82f6)' } }, cm.hash),
-             h('span', { style: { flex: 1, whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' } }, cm.subject),
-             h('span', { style: { opacity: 0.6 } }, cm.date),
-            ))
-           )
-          : null,
-         diffLoading
-          ? h('div', { style: { fontSize: 12, opacity: 0.7 } }, 'Loading diff...')
-          : h('div', { style: { display: 'flex', flexDirection: 'column', gap: 6 } },
-            diffData?.files && diffData.files.length > 0
-             ? h('div', { style: { display: 'flex', flexDirection: 'column', gap: 4, margin: '2px 0' } },
-               diffData.files.map((f) => h('div', {
-                key: f.path,
+        h('button', {
+         type: 'button', className: 'dkb-discard',
+         style: { padding: '2px 8px', fontSize: 11 },
+         onClick: () => {
+          if (!diffData && !diffExpanded) loadDiffAndCommits()
+          setDiffExpanded(!diffExpanded)
+         },
+        }, diffExpanded ? t('diff.hide') : t('diff.show')),
+       ),
+       diffExpanded ? h('div', { style: { display: 'flex', flexDirection: 'column', gap: 6 } },
+        commitsData.length > 0
+         ? h('div', { style: { display: 'flex', flexDirection: 'column', gap: 4, marginBottom: 4 } },
+           commitsData.map((cm) => h('div', {
+            key: cm.hash,
+            style: { fontSize: 11, display: 'flex', gap: 6, opacity: 0.85, fontFamily: 'monospace' },
+           },
+            h('span', { style: { color: 'var(--dsw-alias-link, #3b82f6)' } }, cm.hash),
+            h('span', { style: { flex: 1, whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' } }, cm.subject),
+            h('span', { style: { opacity: 0.6 } }, cm.date),
+           ))
+          )
+         : null,
+        diffLoading
+         ? h('div', { style: { fontSize: 12, opacity: 0.7 } }, 'Loading diff...')
+         : h('div', { style: { display: 'flex', flexDirection: 'column', gap: 6 } },
+           diffData?.files && diffData.files.length > 0
+            ? h('div', { style: { display: 'flex', flexDirection: 'column', gap: 4, margin: '2px 0' } },
+              diffData.files.map((f) => h('div', {
+               key: f.path,
+               style: {
+                display: 'flex', alignItems: 'center', gap: 6, fontSize: 11,
+                padding: '3px 6px', background: 'var(--dsw-alias-bg-layer-2)',
+                borderRadius: 4, border: '1px solid var(--dsw-alias-border-l1)',
+               },
+              },
+               h('span', {
                 style: {
-                 display: 'flex', alignItems: 'center', gap: 6, fontSize: 11,
-                 padding: '3px 6px', background: 'var(--dsw-alias-bg-layer-2)',
-                 borderRadius: 4, border: '1px solid var(--dsw-alias-border-l1)',
+                 fontWeight: 'bold', fontSize: 10, padding: '1px 4px', borderRadius: 3,
+                 background: f.status === 'added' ? 'var(--dsw-alias-state-success-secondary, #dafbe1)'
+                  : (f.status === 'deleted' ? 'var(--dsw-alias-state-error-secondary, #ffebe9)'
+                  : 'var(--dsw-alias-state-warn-secondary, #fff8c5)'),
+                 color: f.status === 'added' ? 'var(--dsw-alias-state-success-primary, #1a7f37)'
+                  : (f.status === 'deleted' ? 'var(--dsw-alias-state-error-primary, #cf222e)'
+                  : 'var(--dsw-alias-state-warn-primary, #9a6700)'),
                 },
-               },
-                h('span', {
-                 style: {
-                  fontWeight: 'bold', fontSize: 10, padding: '1px 4px', borderRadius: 3,
-                  background: f.status === 'added' ? 'var(--dsw-alias-state-success-secondary, #dafbe1)'
-                   : (f.status === 'deleted' ? 'var(--dsw-alias-state-error-secondary, #ffebe9)'
-                   : 'var(--dsw-alias-state-warn-secondary, #fff8c5)'),
-                  color: f.status === 'added' ? 'var(--dsw-alias-state-success-primary, #1a7f37)'
-                   : (f.status === 'deleted' ? 'var(--dsw-alias-state-error-primary, #cf222e)'
-                   : 'var(--dsw-alias-state-warn-primary, #9a6700)'),
-                 },
-                }, f.status === 'added' ? 'A' : (f.status === 'deleted' ? 'D' : (f.status === 'untracked' ? '?' : 'M'))),
-                h('span', { style: { flex: 1, fontFamily: 'monospace', overflow: 'hidden', textOverflow: 'ellipsis' } }, f.path),
-                (f.insertions || f.deletions)
-                 ? h('span', { style: { fontSize: 10, fontFamily: 'monospace', opacity: 0.85 } },
-                   f.insertions ? h('span', { style: { color: 'var(--dsw-alias-state-success-primary, #1a7f37)', marginRight: 4 } }, `+${f.insertions}`) : null,
-                   f.deletions ? h('span', { style: { color: 'var(--dsw-alias-state-error-primary, #cf222e)' } }, `-${f.deletions}`) : null,
-                  )
-                 : null,
-                h('button', {
-                 type: 'button',
-                 className: 'dkb-discard',
-                 style: { padding: '1px 6px', fontSize: 10, cursor: 'pointer' },
-                 title: t('diff.discard') || 'Discard',
-                 onClick: async (e) => {
-                  e.stopPropagation()
-                  const confirmMsg = t('diff.confirmDiscard', { file: f.path }) || `Discard changes to ${f.path}?`
-                  if (window.confirm(confirmMsg)) {
-                   try {
-                    await api('/task/' + encodeURIComponent(openTask.id) + '/discard', {
-                     method: 'POST',
-                     body: JSON.stringify({ file: f.path }),
-                    })
-                    await loadDiffAndCommits()
-                    await load(board)
-                   } catch (err) {
-                    setError(t(err.key || err.error || 'error.unknown'))
-                   }
+               }, f.status === 'added' ? 'A' : (f.status === 'deleted' ? 'D' : (f.status === 'untracked' ? '?' : 'M'))),
+               h('span', { style: { flex: 1, fontFamily: 'monospace', overflow: 'hidden', textOverflow: 'ellipsis' } }, f.path),
+               (f.insertions || f.deletions)
+                ? h('span', { style: { fontSize: 10, fontFamily: 'monospace', opacity: 0.85 } },
+                  f.insertions ? h('span', { style: { color: 'var(--dsw-alias-state-success-primary, #1a7f37)', marginRight: 4 } }, `+${f.insertions}`) : null,
+                  f.deletions ? h('span', { style: { color: 'var(--dsw-alias-state-error-primary, #cf222e)' } }, `-${f.deletions}`) : null,
+                 )
+                : null,
+               h('button', {
+                type: 'button',
+                className: 'dkb-discard',
+                style: { padding: '1px 6px', fontSize: 10, cursor: 'pointer' },
+                title: t('diff.discard') || 'Discard',
+                onClick: async (e) => {
+                 e.stopPropagation()
+                 const confirmMsg = t('diff.confirmDiscard', { file: f.path }) || `Discard changes to ${f.path}?`
+                 if (window.confirm(confirmMsg)) {
+                  try {
+                   await api('/task/' + encodeURIComponent(openTask.id) + '/discard', {
+                    method: 'POST',
+                    body: JSON.stringify({ file: f.path }),
+                   })
+                   await loadDiffAndCommits()
+                   await load(board)
+                  } catch (err) {
+                   setError(t(err.key || err.error || 'error.unknown'))
                   }
-                 },
-                }, t('diff.discard') || 'Discard')
-               ))
-              )
-             : null,
-            diffData?.diff
-             ? h('pre', {
-               style: {
-                margin: 0, padding: 8, maxHeight: 280, overflowY: 'auto',
-                background: 'var(--dsw-alias-bg-layer-2)',
-                color: 'var(--dsw-alias-label-primary)',
-                fontSize: 11, fontFamily: 'monospace', borderRadius: 4, whiteSpace: 'pre-wrap',
-                border: '1px solid var(--dsw-alias-border-l1)',
-               },
-              }, diffData.diff)
-             : (!diffData?.files || diffData.files.length === 0
-              ? h('div', { style: { fontSize: 12, opacity: 0.7 } }, t('diff.empty'))
-              : null)
-           )
-        ) : null
-       )
-      : null,
-     openTask.column === 'review'
-      ? h('div', {
-        style: {
-         margin: '8px 0', padding: 12,
-         background: 'var(--dsw-alias-bg-layer-3)',
-         border: '1px solid var(--dsw-alias-border-l2)',
-         borderRadius: 8, display: 'flex', flexDirection: 'column', gap: 8,
-        },
+                 }
+                },
+               }, t('diff.discard') || 'Discard')
+              ))
+             )
+            : null,
+           diffData?.diff
+            ? h('pre', {
+              style: {
+               margin: 0, padding: 8, maxHeight: 280, overflowY: 'auto',
+               background: 'var(--dsw-alias-bg-layer-2)',
+               color: 'var(--dsw-alias-label-primary)',
+               fontSize: 11, fontFamily: 'monospace', borderRadius: 4, whiteSpace: 'pre-wrap',
+               border: '1px solid var(--dsw-alias-border-l1)',
+              },
+             }, diffData.diff)
+            : (!diffData?.files || diffData.files.length === 0
+             ? h('div', { style: { fontSize: 12, opacity: 0.7 } }, t('diff.empty'))
+             : null)
+          )
+       ) : null
+      )
+     : null,
+    openTask.column === 'review'
+     ? h('div', {
+       style: {
+        margin: '8px 0', padding: 12,
+        background: 'var(--dsw-alias-bg-layer-3)',
+        border: '1px solid var(--dsw-alias-border-l2)',
+        borderRadius: 8, display: 'flex', flexDirection: 'column', gap: 8,
        },
-        h('div', { className: 'dkb-group', style: { margin: 0 } }, t('acceptance.title')),
-        h('div', { style: { display: 'flex', gap: 8 } },
-         openTask.worktree
-          ? h('button', {
-            type: 'button', className: 'dkb-save',
-            disabled: merging,
-            style: { background: 'var(--dsw-alias-state-success-primary, #16a34a)', color: 'var(--dsw-alias-label-primary-inverted, #fff)' },
-            onClick: async () => {
-             try {
-              setMerging(true)
-              const out = await api('/task/' + encodeURIComponent(openTask.id) + '/merge', { method: 'POST', body: '{}' })
-              if (out && out.task) setOpenTask(out.task)
-              await load(board)
-             } catch (e) { setError(t(e.key || e.error || 'error.unknown')) }
-             finally { setMerging(false) }
-            },
-           }, merging ? t('acceptance.merging') : '🔀 ' + t('acceptance.acceptAndMerge'))
-          : null,
-         h('button', {
-          type: 'button', className: 'dkb-save',
-          onClick: async () => {
-           try {
-            const out = await api('/task/' + encodeURIComponent(openTask.id) + '/accept', { method: 'POST', body: '{}' })
-            if (out && out.task) setOpenTask(out.task)
-            await load(board)
-           } catch (e) { setError(t(e.key || 'error.unknown')) }
-          },
-         }, '✓ ' + t('acceptance.accept')),
-         h('button', {
-          type: 'button', className: 'dkb-discard',
-          onClick: () => { setRejectModalOpen(true); setRejectReasonText('') },
-         }, '✗ ' + t('acceptance.reject')),
-         openTask.owner && openTask.repo
-          ? h('button', {
+      },
+       h('div', { className: 'dkb-group', style: { margin: 0 } }, t('acceptance.title')),
+       h('div', { style: { display: 'flex', gap: 8 } },
+        openTask.worktree
+         ? h('button', {
+           type: 'button', className: 'dkb-save',
+           disabled: merging,
+           style: { background: 'var(--dsw-alias-state-success-primary, #16a34a)', color: 'var(--dsw-alias-label-primary-inverted, #fff)' },
+           onClick: async () => {
+            try {
+             setMerging(true)
+             const out = await api('/task/' + encodeURIComponent(openTask.id) + '/merge', { method: 'POST', body: '{}' })
+             if (out && out.task) setOpenTask(out.task)
+             await load(board)
+            } catch (e) { setError(t(e.key || e.error || 'error.unknown')) }
+            finally { setMerging(false) }
+           },
+          }, merging ? t('acceptance.merging') : '🔀 ' + t('acceptance.acceptAndMerge'))
+         : null,
+        h('button', {
+         type: 'button', className: 'dkb-save',
+         onClick: async () => {
+          try {
+           const out = await api('/task/' + encodeURIComponent(openTask.id) + '/accept', { method: 'POST', body: '{}' })
+           if (out && out.task) setOpenTask(out.task)
+           await load(board)
+          } catch (e) { setError(t(e.key || 'error.unknown')) }
+         },
+        }, '✓ ' + t('acceptance.accept')),
+        h('button', {
+         type: 'button', className: 'dkb-discard',
+         onClick: () => { setRejectModalOpen(true); setRejectReasonText('') },
+        }, '✗ ' + t('acceptance.reject')),
+        openTask.owner && openTask.repo
+         ? h('button', {
+           type: 'button', className: 'dkb-save',
+           disabled: prCreating,
+           style: { background: 'var(--dsw-alias-state-business-primary, #0969da)', color: 'var(--dsw-alias-label-primary-inverted, #fff)' },
+           onClick: async () => {
+            setPrCreating(true)
+            try {
+             const out = await api('/task/' + encodeURIComponent(openTask.id) + '/pr', {
+              method: 'POST',
+              body: JSON.stringify({ base: 'main' }),
+             })
+             if (out && out.pr) setCreatedPr(out.pr)
+             await load(board)
+            } catch (e) { setError(t(e.key || e.error || 'error.unknown')) }
+            finally { setPrCreating(false) }
+           },
+          }, prCreating ? t('pr.creating') : '🐙 ' + t('pr.create'))
+         : null,
+        createdPr
+         ? h('a', {
+           className: 'dkb-save',
+           style: { background: 'var(--dsw-alias-state-success-primary, #16a34a)', color: 'var(--dsw-alias-label-primary-inverted, #fff)', textDecoration: 'none', display: 'inline-flex', alignItems: 'center' },
+           href: createdPr.html_url,
+           target: '_blank', rel: 'noopener noreferrer',
+          }, '↗ ' + t('pr.view') + ` #${createdPr.number}`)
+         : null,
+       ),
+       rejectModalOpen
+        ? h('div', { style: { display: 'flex', flexDirection: 'column', gap: 6, marginTop: 6 } },
+          h('span', { className: 'dkb-label' }, t('acceptance.rejectTitle')),
+          h('textarea', {
+           className: 'dkb-area',
+           value: rejectReasonText,
+           placeholder: t('acceptance.rejectReasonPlaceholder'),
+           onChange: (e) => setRejectReasonText(e.target.value),
+           rows: 3,
+          }),
+          h('div', { style: { display: 'flex', gap: 6 } },
+           h('button', {
             type: 'button', className: 'dkb-save',
-            disabled: prCreating,
-            style: { background: 'var(--dsw-alias-state-business-primary, #0969da)', color: 'var(--dsw-alias-label-primary-inverted, #fff)' },
             onClick: async () => {
-             setPrCreating(true)
+             if (!rejectReasonText.trim()) return
              try {
-              const out = await api('/task/' + encodeURIComponent(openTask.id) + '/pr', {
+              const out = await api('/task/' + encodeURIComponent(openTask.id) + '/reject', {
                method: 'POST',
-               body: JSON.stringify({ base: 'main' }),
+               body: JSON.stringify({ reason: rejectReasonText.trim() }),
               })
-              if (out && out.pr) setCreatedPr(out.pr)
+              if (out && out.task) setOpenTask(out.task)
+              setRejectModalOpen(false)
               await load(board)
-             } catch (e) { setError(t(e.key || e.error || 'error.unknown')) }
-             finally { setPrCreating(false) }
+             } catch (e) { setError(t(e.key || 'error.unknown')) }
             },
-           }, prCreating ? t('pr.creating') : '🐙 ' + t('pr.create'))
-          : null,
-         createdPr
-          ? h('a', {
-            className: 'dkb-save',
-            style: { background: 'var(--dsw-alias-state-success-primary, #16a34a)', color: 'var(--dsw-alias-label-primary-inverted, #fff)', textDecoration: 'none', display: 'inline-flex', alignItems: 'center' },
-            href: createdPr.html_url,
-            target: '_blank', rel: 'noopener noreferrer',
-           }, '↗ ' + t('pr.view') + ` #${createdPr.number}`)
-          : null,
-        ),
-        rejectModalOpen
-         ? h('div', { style: { display: 'flex', flexDirection: 'column', gap: 6, marginTop: 6 } },
-           h('span', { className: 'dkb-label' }, t('acceptance.rejectTitle')),
-           h('textarea', {
-            className: 'dkb-area',
-            value: rejectReasonText,
-            placeholder: t('acceptance.rejectReasonPlaceholder'),
-            onChange: (e) => setRejectReasonText(e.target.value),
-            rows: 3,
-           }),
-           h('div', { style: { display: 'flex', gap: 6 } },
-            h('button', {
-             type: 'button', className: 'dkb-save',
-             onClick: async () => {
-              if (!rejectReasonText.trim()) return
-              try {
-               const out = await api('/task/' + encodeURIComponent(openTask.id) + '/reject', {
-                method: 'POST',
-                body: JSON.stringify({ reason: rejectReasonText.trim() }),
-               })
-               if (out && out.task) setOpenTask(out.task)
-               setRejectModalOpen(false)
-               await load(board)
-              } catch (e) { setError(t(e.key || 'error.unknown')) }
-             },
-            }, t('acceptance.rejectSubmit')),
-            h('button', {
-             type: 'button', className: 'dkb-discard',
-             onClick: () => setRejectModalOpen(false),
-            }, t('dialog.cancel')),
-           ),
-          )
-         : null,
-       )
-      : null,
-     h('div', { style: { margin: '4px 0' } },
-      h('div', { className: 'dkb-group', style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center' } },
-       h('span', null, t('checklist.title')),
-       Array.isArray(openTask.checklist) && openTask.checklist.length > 0
-        ? h('span', { className: 'dkb-hint', style: { fontWeight: 'normal' } },
-          t('checklist.progress', {
-           done: openTask.checklist.filter((i) => i.completed).length,
-           total: openTask.checklist.length,
-          }))
+           }, t('acceptance.rejectSubmit')),
+           h('button', {
+            type: 'button', className: 'dkb-discard',
+            onClick: () => setRejectModalOpen(false),
+           }, t('dialog.cancel')),
+          ),
+         )
         : null,
-      ),
+      )
+     : null,
+    h('div', { style: { margin: '4px 0' } },
+     h('div', { className: 'dkb-group', style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center' } },
+      h('span', null, t('checklist.title')),
       Array.isArray(openTask.checklist) && openTask.checklist.length > 0
-       ? h('ul', { style: { listStyle: 'none', padding: 0, margin: '4px 0', display: 'flex', flexDirection: 'column', gap: 4 } },
-         openTask.checklist.map((item, idx) => h('li', {
-          key: idx,
-          style: {
-           display: 'flex', flexDirection: 'column', gap: 2, padding: '4px 8px',
-           background: item.completed ? 'var(--dsw-alias-bg-layer-1)' : 'var(--dsw-alias-bg-layer-3)',
-           borderRadius: 6, border: '1px solid var(--dsw-alias-border-l2)',
-          },
+       ? h('span', { className: 'dkb-hint', style: { fontWeight: 'normal' } },
+         t('checklist.progress', {
+          done: openTask.checklist.filter((i) => i.completed).length,
+          total: openTask.checklist.length,
+         }))
+       : null,
+     ),
+     Array.isArray(openTask.checklist) && openTask.checklist.length > 0
+      ? h('ul', { style: { listStyle: 'none', padding: 0, margin: '4px 0', display: 'flex', flexDirection: 'column', gap: 4 } },
+        openTask.checklist.map((item, idx) => h('li', {
+         key: idx,
+         style: {
+          display: 'flex', flexDirection: 'column', gap: 2, padding: '4px 8px',
+          background: item.completed ? 'var(--dsw-alias-bg-layer-1)' : 'var(--dsw-alias-bg-layer-3)',
+          borderRadius: 6, border: '1px solid var(--dsw-alias-border-l2)',
          },
-          h('div', { style: { display: 'flex', alignItems: 'center', gap: 8 } },
-           h('input', {
-            type: 'checkbox',
-            checked: Boolean(item.completed),
-            onChange: async (e) => {
-             const updated = [...openTask.checklist]
-             updated[idx] = { ...updated[idx], completed: e.target.checked }
-             try {
-              const out = await api('/task/' + encodeURIComponent(openTask.id) + '/checklist', {
-               method: 'POST',
-               body: JSON.stringify({ checklist: updated }),
-              })
-              if (out && out.task) setOpenTask(out.task)
-              await load(board)
-             } catch (err) { setError(t(err.key || 'error.unknown')) }
-            },
-           }),
-           h('span', {
-            style: {
-             textDecoration: item.completed ? 'line-through' : 'none',
-             color: item.completed ? 'var(--dsw-alias-label-tertiary)' : 'var(--dsw-alias-label-primary)',
-             fontSize: 13, flex: 1,
-            },
-           }, item.text),
-           item.required !== false
-            ? h('span', { className: 'dkb-tag', style: { fontSize: 10 } }, t('checklist.required'))
-            : null,
-          ),
-          item.evidence
-           ? h('div', {
-             style: {
-              fontSize: 11, color: 'var(--dsw-alias-label-secondary)', marginLeft: 24,
-              fontFamily: 'var(--dsw-font-family-mono, monospace)', whiteSpace: 'pre-wrap',
-             },
-            }, t('checklist.evidence', { text: item.evidence }))
-           : null,
-         )))
-       : h('p', { className: 'dkb-hint' }, t('checklist.empty')),
-      h('div', { style: { display: 'flex', gap: 6, marginTop: 4 } },
-       h('input', {
-        className: 'dkb-input',
-        style: { flex: 1 },
-        placeholder: t('checklist.placeholder'),
-        value: newChecklistText,
-        onChange: (e) => setNewChecklistText(e.target.value),
-        onKeyDown: async (e) => {
-         if (e.key === 'Enter' && newChecklistText.trim()) {
-          e.preventDefault()
-          const updated = [...(openTask.checklist || []), { text: newChecklistText.trim(), required: true, completed: false }]
-          setNewChecklistText('')
-          try {
-           const out = await api('/task/' + encodeURIComponent(openTask.id) + '/checklist', {
-            method: 'POST',
-            body: JSON.stringify({ checklist: updated }),
-           })
-           if (out && out.task) setOpenTask(out.task)
-           await load(board)
-          } catch (err) { setError(t(err.key || 'error.unknown')) }
-         }
         },
-       }),
-       h('button', {
-        type: 'button', className: 'dkb-save',
-        onClick: async () => {
-         if (!newChecklistText.trim()) return
+         h('div', { style: { display: 'flex', alignItems: 'center', gap: 8 } },
+          h('input', {
+           type: 'checkbox',
+           checked: Boolean(item.completed),
+           onChange: async (e) => {
+            const updated = [...openTask.checklist]
+            updated[idx] = { ...updated[idx], completed: e.target.checked }
+            try {
+             const out = await api('/task/' + encodeURIComponent(openTask.id) + '/checklist', {
+              method: 'POST',
+              body: JSON.stringify({ checklist: updated }),
+             })
+             if (out && out.task) setOpenTask(out.task)
+             await load(board)
+            } catch (err) { setError(t(err.key || 'error.unknown')) }
+           },
+          }),
+          h('span', {
+           style: {
+            textDecoration: item.completed ? 'line-through' : 'none',
+            color: item.completed ? 'var(--dsw-alias-label-tertiary)' : 'var(--dsw-alias-label-primary)',
+            fontSize: 13, flex: 1,
+           },
+          }, item.text),
+          item.required !== false
+           ? h('span', { className: 'dkb-tag', style: { fontSize: 10 } }, t('checklist.required'))
+           : null,
+         ),
+         item.evidence
+          ? h('div', {
+            style: {
+             fontSize: 11, color: 'var(--dsw-alias-label-secondary)', marginLeft: 24,
+             fontFamily: 'var(--dsw-font-family-mono, monospace)', whiteSpace: 'pre-wrap',
+            },
+           }, t('checklist.evidence', { text: item.evidence }))
+          : null,
+        )))
+      : h('p', { className: 'dkb-hint' }, t('checklist.empty')),
+     h('div', { style: { display: 'flex', gap: 6, marginTop: 4 } },
+      h('input', {
+       className: 'dkb-input',
+       style: { flex: 1 },
+       placeholder: t('checklist.placeholder'),
+       value: newChecklistText,
+       onChange: (e) => setNewChecklistText(e.target.value),
+       onKeyDown: async (e) => {
+        if (e.key === 'Enter' && newChecklistText.trim()) {
+         e.preventDefault()
          const updated = [...(openTask.checklist || []), { text: newChecklistText.trim(), required: true, completed: false }]
          setNewChecklistText('')
          try {
@@ -4106,228 +4094,411 @@ window.__ModuleLoader__.load({
           if (out && out.task) setOpenTask(out.task)
           await load(board)
          } catch (err) { setError(t(err.key || 'error.unknown')) }
-        },
-       }, t('checklist.add')),
-      ),
+        }
+       },
+      }),
+      h('button', {
+       type: 'button', className: 'dkb-save',
+       onClick: async () => {
+        if (!newChecklistText.trim()) return
+        const updated = [...(openTask.checklist || []), { text: newChecklistText.trim(), required: true, completed: false }]
+        setNewChecklistText('')
+        try {
+         const out = await api('/task/' + encodeURIComponent(openTask.id) + '/checklist', {
+          method: 'POST',
+          body: JSON.stringify({ checklist: updated }),
+         })
+         if (out && out.task) setOpenTask(out.task)
+         await load(board)
+        } catch (err) { setError(t(err.key || 'error.unknown')) }
+       },
+      }, t('checklist.add')),
      ),
-     openTask.report && openTask.report.summary
-      ? h('div', {
-        style: {
-         margin: '6px 0', padding: 10,
-         background: 'var(--dsw-alias-bg-layer-1)',
-         border: '1px solid var(--dsw-alias-border-l2)',
-         borderRadius: 6,
-        },
+    ),
+    openTask.report && openTask.report.summary
+     ? h('div', {
+       style: {
+        margin: '6px 0', padding: 10,
+        background: 'var(--dsw-alias-bg-layer-1)',
+        border: '1px solid var(--dsw-alias-border-l2)',
+        borderRadius: 6,
        },
-        h('div', { className: 'dkb-group', style: { margin: '0 0 6px 0' } }, t('report.title')),
-        h('div', { style: { fontSize: 13, color: 'var(--dsw-alias-label-primary)', marginBottom: 6, fontWeight: 500 } },
-         openTask.report.summary),
-        openTask.report.changedFiles && openTask.report.changedFiles.length
-         ? h('div', { style: { fontSize: 12, marginBottom: 4 } },
-           h('span', { style: { fontWeight: 600, color: 'var(--dsw-alias-label-secondary)' } }, t('report.changedFiles') + ': '),
-           openTask.report.changedFiles.map((f) => h('span', { className: 'dkb-tag', key: f, style: { margin: '1px 2px', fontFamily: 'monospace' } }, f)),
-          )
-         : null,
-        openTask.report.checksRun && openTask.report.checksRun.length
-         ? h('div', { style: { fontSize: 12, marginBottom: 4 } },
-           h('span', { style: { fontWeight: 600, color: 'var(--dsw-alias-label-secondary)' } }, t('report.checksRun') + ': '),
-           openTask.report.checksRun.map((chk, i) => h('div', { key: i, style: { fontFamily: 'monospace', fontSize: 11, marginLeft: 8 } }, '• ' + chk)),
-          )
-         : null,
-        openTask.report.artifacts && openTask.report.artifacts.length
-         ? h('div', { style: { fontSize: 12, marginBottom: 4 } },
-           h('span', { style: { fontWeight: 600, color: 'var(--dsw-alias-label-secondary)' } }, t('report.artifacts') + ': '),
-           openTask.report.artifacts.map((a, i) => h('span', { className: 'dkb-tag', key: i, style: { margin: '1px 2px' } }, a)),
-          )
-         : null,
-        openTask.report.risks && openTask.report.risks.length
-         ? h('div', { style: { fontSize: 12 } },
-           h('span', { style: { fontWeight: 600, color: 'var(--dsw-alias-label-secondary)' } }, t('report.risks') + ': '),
-           openTask.report.risks.map((r, i) => h('div', { key: i, style: { fontSize: 11, color: 'var(--dsw-alias-state-warn-primary, #b08800)', marginLeft: 8 } }, '⚠ ' + r)),
-          )
-         : null,
-       )
-      : null,
-     h('div', { style: { margin: '6px 0' } },
-      h('div', { className: 'dkb-group', style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center' } },
-       h('span', null, t('comments.title')),
-       Array.isArray(openTask.comments) && openTask.comments.length > 0
-        ? h('span', { className: 'dkb-hint' }, `(${openTask.comments.length})`)
+      },
+       h('div', { className: 'dkb-group', style: { margin: '0 0 6px 0' } }, t('report.title')),
+       h('div', { style: { fontSize: 13, color: 'var(--dsw-alias-label-primary)', marginBottom: 6, fontWeight: 500 } },
+        openTask.report.summary),
+       openTask.report.changedFiles && openTask.report.changedFiles.length
+        ? h('div', { style: { fontSize: 12, marginBottom: 4 } },
+          h('span', { style: { fontWeight: 600, color: 'var(--dsw-alias-label-secondary)' } }, t('report.changedFiles') + ': '),
+          openTask.report.changedFiles.map((f) => h('span', { className: 'dkb-tag', key: f, style: { margin: '1px 2px', fontFamily: 'monospace' } }, f)),
+         )
         : null,
-      ),
+       openTask.report.checksRun && openTask.report.checksRun.length
+        ? h('div', { style: { fontSize: 12, marginBottom: 4 } },
+          h('span', { style: { fontWeight: 600, color: 'var(--dsw-alias-label-secondary)' } }, t('report.checksRun') + ': '),
+          openTask.report.checksRun.map((chk, i) => h('div', { key: i, style: { fontFamily: 'monospace', fontSize: 11, marginLeft: 8 } }, '• ' + chk)),
+         )
+        : null,
+       openTask.report.artifacts && openTask.report.artifacts.length
+        ? h('div', { style: { fontSize: 12, marginBottom: 4 } },
+          h('span', { style: { fontWeight: 600, color: 'var(--dsw-alias-label-secondary)' } }, t('report.artifacts') + ': '),
+          openTask.report.artifacts.map((a, i) => h('span', { className: 'dkb-tag', key: i, style: { margin: '1px 2px' } }, a)),
+         )
+        : null,
+       openTask.report.risks && openTask.report.risks.length
+        ? h('div', { style: { fontSize: 12 } },
+          h('span', { style: { fontWeight: 600, color: 'var(--dsw-alias-label-secondary)' } }, t('report.risks') + ': '),
+          openTask.report.risks.map((r, i) => h('div', { key: i, style: { fontSize: 11, color: 'var(--dsw-alias-state-warn-primary, #b08800)', marginLeft: 8 } }, '⚠ ' + r)),
+         )
+        : null,
+      )
+     : null,
+    h('div', { style: { margin: '6px 0' } },
+     h('div', { className: 'dkb-group', style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center' } },
+      h('span', null, t('comments.title')),
       Array.isArray(openTask.comments) && openTask.comments.length > 0
-       ? h('ul', {
-         style: {
-          listStyle: 'none', padding: 0, margin: '4px 0', maxHeight: 200, overflowY: 'auto',
-          display: 'flex', flexDirection: 'column', gap: 6,
-         },
+       ? h('span', { className: 'dkb-hint' }, `(${openTask.comments.length})`)
+       : null,
+     ),
+     Array.isArray(openTask.comments) && openTask.comments.length > 0
+      ? h('ul', {
+        style: {
+         listStyle: 'none', padding: 0, margin: '4px 0', maxHeight: 200, overflowY: 'auto',
+         display: 'flex', flexDirection: 'column', gap: 6,
         },
-         openTask.comments.map((c, i) => h('li', {
-          key: c.id || i,
-          style: {
-           padding: 8, background: 'var(--dsw-alias-bg-layer-3)',
-           borderRadius: 6, border: '1px solid var(--dsw-alias-border-l2)', fontSize: 12,
-          },
+       },
+        openTask.comments.map((c, i) => h('li', {
+         key: c.id || i,
+         style: {
+          padding: 8, background: 'var(--dsw-alias-bg-layer-3)',
+          borderRadius: 6, border: '1px solid var(--dsw-alias-border-l2)', fontSize: 12,
          },
-          h('div', { style: { display: 'flex', justifyContent: 'space-between', marginBottom: 4 } },
-           h('span', {
-            className: 'dkb-tag',
-            style: {
-             fontWeight: 600,
-             background: c.role === 'agent' ? 'var(--dsw-alias-bg-layer-1)' : 'var(--dsw-alias-bg-layer-2)',
-            },
-           }, c.role === 'agent' ? t('comments.authorAgent') : (c.author || t('comments.authorUser'))),
-           h('span', { style: { color: 'var(--dsw-alias-label-tertiary)', fontSize: 11 } },
-            new Date(c.createdAt || Date.now()).toLocaleTimeString()),
-          ),
-          h('div', { style: { whiteSpace: 'pre-wrap', color: 'var(--dsw-alias-label-primary)' } }, c.text),
-         )))
-       : h('p', { className: 'dkb-hint' }, t('comments.empty')),
-      h('div', { style: { display: 'flex', flexDirection: 'column', gap: 4, marginTop: 4 } },
-       h('textarea', {
-        className: 'dkb-area',
-        placeholder: t('comments.placeholder'),
-        value: newCommentText,
-        rows: 2,
-        onChange: (e) => setNewCommentText(e.target.value),
-       }),
-       h('button', {
-        type: 'button', className: 'dkb-save', style: { alignSelf: 'flex-start' },
-        onClick: async () => {
-         if (!newCommentText.trim()) return
-         try {
-          const out = await api('/task/' + encodeURIComponent(openTask.id) + '/comments', {
-           method: 'POST',
-           body: JSON.stringify({ text: newCommentText.trim(), role: 'user', author: 'user' }),
-          })
-          if (out && out.task) setOpenTask(out.task)
-          setNewCommentText('')
-          await load(board)
-         } catch (err) { setError(t(err.key || 'error.unknown')) }
         },
-       }, t('comments.add')),
-      ),
+         h('div', { style: { display: 'flex', justifyContent: 'space-between', marginBottom: 4 } },
+          h('span', {
+           className: 'dkb-tag',
+           style: {
+            fontWeight: 600,
+            background: c.role === 'agent' ? 'var(--dsw-alias-bg-layer-1)' : 'var(--dsw-alias-bg-layer-2)',
+           },
+          }, c.role === 'agent' ? t('comments.authorAgent') : (c.author || t('comments.authorUser'))),
+          h('span', { style: { color: 'var(--dsw-alias-label-tertiary)', fontSize: 11 } },
+           new Date(c.createdAt || Date.now()).toLocaleTimeString()),
+         ),
+         h('div', { style: { whiteSpace: 'pre-wrap', color: 'var(--dsw-alias-label-primary)' } }, c.text),
+        )))
+      : h('p', { className: 'dkb-hint' }, t('comments.empty')),
+     h('div', { style: { display: 'flex', flexDirection: 'column', gap: 4, marginTop: 4 } },
+      h('textarea', {
+       className: 'dkb-area',
+       placeholder: t('comments.placeholder'),
+       value: newCommentText,
+       rows: 2,
+       onChange: (e) => setNewCommentText(e.target.value),
+      }),
+      h('button', {
+       type: 'button', className: 'dkb-save', style: { alignSelf: 'flex-start' },
+       onClick: async () => {
+        if (!newCommentText.trim()) return
+        try {
+         const out = await api('/task/' + encodeURIComponent(openTask.id) + '/comments', {
+          method: 'POST',
+          body: JSON.stringify({ text: newCommentText.trim(), role: 'user', author: 'user' }),
+         })
+         if (out && out.task) setOpenTask(out.task)
+         setNewCommentText('')
+         await load(board)
+        } catch (err) { setError(t(err.key || 'error.unknown')) }
+       },
+      }, t('comments.add')),
+     ),
+    ),
+    openTask.archivedAt
+     ? h('button', {
+      type: 'button', className: 'dkb-save', style: { alignSelf: 'flex-start' },
+      onClick: async () => {
+       try {
+        await api('/task/' + encodeURIComponent(openTask.id) + '/restore', { method: 'POST', body: '{}' })
+        setArchive((cur) => (cur || []).filter((x) => x.id !== openTask.id))
+        setOpenTask(null)
+        await load(board)
+       } catch (e) { setError(t(e.key || 'error.unknown')) }
+      },
+     }, t('archive.restore'))
+     : h('div', { className: 'dkb-start' },
+    h('div', { className: 'dkb-group' },
+     openTask.sessionId ? t('panel.continue') : t('panel.start')),
+    h('p', { className: 'dkb-hint' },
+     openTask.sessionId ? t('panel.continueHint') : t('panel.startHint')),
+    !openTask.sessionId && state && !state.projectRoot.set && state.projectRoot.path !== ''
+     ? h('p', { className: 'dkb-hint dkb-workdir' },
+       t('panel.workDir', { path: state.projectRoot.path }),
+       h('br'),
+       t('panel.workDirHint'))
+     : null,
+    React.createElement(LaunchFields, {
+     t, presets, agentPreset, permission, disabled: starting,
+     onPreset: setAgentPreset, onPermission: setPermission,
+     hidePreset: Boolean(openTask.sessionId),
+    }),
+    h('div', { className: 'dkb-field' },
+     h('span', { className: 'dkb-label' }, t('panel.provider')),
+     h('select', {
+      className: 'dkb-input', value: provider, disabled: starting || providers.length === 0,
+      onChange: (e) => { setProvider(e.target.value); setModel('') },
+     },
+      h('option', { value: '' },
+       providers.length === 0 ? t('panel.noProviders') : t('panel.pickProvider')),
+      providers.map((p) => h('option', { value: p.id, key: p.id }, p.name)),
      ),
-     openTask.archivedAt
+    ),
+    h('div', { className: 'dkb-field' },
+     h('span', { className: 'dkb-label' }, t('panel.model')),
+     h('select', {
+      className: 'dkb-input', value: model,
+      disabled: starting || provider === '' || models.length === 0,
+      onChange: (e) => setModel(e.target.value),
+     },
+      h('option', { value: '' },
+       provider === '' ? t('panel.pickProviderFirst')
+        : models.length === 0 ? t('panel.noModels') : t('panel.pickModel')),
+      models.map((m) => h('option', { value: m.id, key: m.id }, m.name)),
+     ),
+    ),
+    h('div', { className: 'dkb-field' },
+     h('span', { className: 'dkb-label' }, t('panel.message')),
+     h('textarea', {
+      className: 'dkb-area', value: draftText, disabled: starting,
+      onChange: (e) => setDraftText(e.target.value),
+     }),
+     h('p', { className: 'dkb-hint' }, t('panel.messageHint')),
+    ),
+    h('div', { className: 'dkb-foot dkb-footSplit' },
+     h('div', { className: 'dkb-footLeft' },
+     h('button', {
+      type: 'button', className: 'dkb-danger',
+      onClick: async () => {
+       if (!window.confirm(t('panel.deleteConfirm', { title: openTask.title }))) return
+       try {
+        await api('/task/' + encodeURIComponent(openTask.id), { method: 'DELETE' })
+        setOpenTask(null)
+        await load(board)
+       } catch (e) {
+        setError(t(e.key || 'error.unknown'))
+       }
+      },
+     }, t('panel.delete')),
+     openTask.column === 'done'
       ? h('button', {
-       type: 'button', className: 'dkb-save', style: { alignSelf: 'flex-start' },
+       type: 'button', className: 'dkb-discard',
        onClick: async () => {
         try {
-         await api('/task/' + encodeURIComponent(openTask.id) + '/restore', { method: 'POST', body: '{}' })
-         setArchive((cur) => (cur || []).filter((x) => x.id !== openTask.id))
+         await api('/task/' + encodeURIComponent(openTask.id) + '/archive', { method: 'POST', body: '{}' })
          setOpenTask(null)
          await load(board)
         } catch (e) { setError(t(e.key || 'error.unknown')) }
        },
-      }, t('archive.restore'))
-      : h('div', { className: 'dkb-start' },
-     h('div', { className: 'dkb-group' },
-      openTask.sessionId ? t('panel.continue') : t('panel.start')),
-     h('p', { className: 'dkb-hint' },
-      openTask.sessionId ? t('panel.continueHint') : t('panel.startHint')),
-     !openTask.sessionId && state && !state.projectRoot.set && state.projectRoot.path !== ''
-      ? h('p', { className: 'dkb-hint dkb-workdir' },
-        t('panel.workDir', { path: state.projectRoot.path }),
-        h('br'),
-        t('panel.workDirHint'))
+      }, t('panel.archive'))
       : null,
-     React.createElement(LaunchFields, {
-      t, presets, agentPreset, permission, disabled: starting,
-      onPreset: setAgentPreset, onPermission: setPermission,
-      hidePreset: Boolean(openTask.sessionId),
-     }),
+     openTask.column === 'cleanup' && openTask.worktree
+      ? h('button', {
+       type: 'button', className: 'dkb-discard',
+       onClick: async () => {
+        try {
+         const out = await api('/task/' + encodeURIComponent(openTask.id) + '/cleanup-worktree', {
+          method: 'POST', body: '{}',
+         })
+         if (out && out.error === 'worktree-dirty') {
+          alert(t('panel.worktreeDirty', { files: (out.files || []).join(', ') }))
+         } else {
+          setOpenTask(null)
+          await load(board)
+         }
+        } catch (e) { setError(t(e.key || 'error.unknown')) }
+       },
+      }, t('panel.cleanupWorktree'))
+      : null,
+     ),
+     (openTask.worktree || openTask.rejectReason || openTask.stalled || (Array.isArray(openTask.runs) && openTask.runs.length > 0)) ? h('button', {
+      type: 'button',
+      className: 'dkb-secondary',
+      style: { marginRight: '8px', border: '1px solid var(--dsw-alias-border-l2)' },
+      disabled: starting || model === '',
+      onClick: async () => {
+       setStarting(true)
+       try {
+        rememberLaunch(board, { provider, model, agentPreset, permission })
+        const out = await api('/task/' + encodeURIComponent(openTask.id) + '/resume', {
+         method: 'POST',
+         body: JSON.stringify({ provider, model, text: draftText, agentPreset, permission }),
+        })
+        setOpenTask(null)
+        await load(board)
+        if (!openSession(props.ctx, out && out.sessionId)) {
+         setError(t('error.sessionNotOpened', { id: (out && out.sessionId) || '' }))
+         return
+        }
+        if (props.onClose) props.onClose()
+       } catch (e) {
+        setError(t(e.key || 'error.unknown'))
+       } finally {
+        setStarting(false)
+       }
+      },
+     }, t('action.resume')) : null,
+     openTask.workflowStatus === 'running' ? h('button', {
+      type: 'button',
+      className: 'dkb-discard',
+      style: { marginRight: '8px' },
+      disabled: starting,
+      onClick: async () => {
+       setStarting(true)
+       try {
+        await api('/task/' + encodeURIComponent(openTask.id) + '/workflow-cancel', {
+         method: 'POST',
+         body: JSON.stringify({ reason: 'cancelled-by-user' }),
+        })
+        setOpenTask(null)
+        await load(board)
+        if (props.onClose) props.onClose()
+       } catch (e) {
+        setError(t(e.key || 'error.unknown'))
+       } finally {
+        setStarting(false)
+       }
+      },
+     }, t('action.cancelWorkflow')) : null,
+     openTask.workflowStatus !== 'running' ? h('button', {
+      type: 'button',
+      className: 'dkb-secondary',
+      style: { marginRight: '8px', border: '1px solid var(--dsw-alias-border-l2)' },
+      title: t('panel.startWorkflowHint'),
+      disabled: starting || model === '',
+      onClick: async () => {
+       setStarting(true)
+       try {
+        rememberLaunch(board, { provider, model, agentPreset, permission })
+        await api('/task/' + encodeURIComponent(openTask.id) + '/workflow-start', {
+         method: 'POST',
+         body: JSON.stringify({ provider, model, text: draftText, agentPreset, permission }),
+        })
+        setOpenTask(null)
+        await load(board)
+        if (props.onClose) props.onClose()
+       } catch (e) {
+        setError(t(e.key || 'error.unknown'))
+       } finally {
+        setStarting(false)
+       }
+      },
+     }, t('panel.startWorkflow')) : null,
+     h('button', {
+      type: 'button', className: 'dkb-save', disabled: starting || model === '',
+      onClick: async () => {
+       setStarting(true)
+       try {
+        rememberLaunch(board, { provider, model, agentPreset, permission })
+        const out = await api('/task/' + encodeURIComponent(openTask.id) + '/start', {
+         method: 'POST',
+         body: JSON.stringify({ provider, model, text: draftText, agentPreset, permission }),
+        })
+        setOpenTask(null)
+        await load(board)
+        if (!openSession(props.ctx, out && out.sessionId)) {
+         setError(t('error.sessionNotOpened', { id: (out && out.sessionId) || '' }))
+         return
+        }
+        if (props.onClose) props.onClose()
+       } catch (e) {
+        setError(t(e.key || 'error.unknown'))
+       } finally {
+        setStarting(false)
+       }
+      },
+     }, starting ? t('panel.starting')
+      : openTask.sessionId ? t('panel.continue') : t('panel.start')),
+    ),
+     ),
+    ))
+    : null
+
+    const moveDialogEl = dialog && dialog.mode === 'move'
+    ? h('div', { className: 'dkb-dialog', onClick: () => setDialog(null) },
+    h('div', { className: 'dkb-dialogBox', onClick: (e) => e.stopPropagation() },
+     h('span', { className: 'dkb-title' },
+      t('move.title', { column: t('column.' + dialog.column) })),
+     h('p', { className: 'dkb-note' },
+      cardRef(dialog.task) ? cardRef(dialog.task) + ' · ' + dialog.task.title : dialog.task.title),
+     h('p', { className: 'dkb-hint' }, t('move.' + dialog.column)),
+     h('div', { className: 'dkb-row' },
+      h('button', {
+       type: 'button', className: 'dkb-discard', onClick: () => setDialog(null),
+      }, t('dialog.cancel')),
+      h('button', {
+       type: 'button', className: 'dkb-save',
+       onClick: () => {
+        const d = dialog
+        setDialog(null)
+        commitMove(d.task, d.column, d.where)
+       },
+      }, t('move.confirm')),
+     ),
+    ))
+    : null
+
+    const batchEl = dialog && dialog.mode === 'batch'
+    ? h('div', { className: 'dkb-dialog', onClick: () => setDialog(null) },
+    h('div', { className: 'dkb-dialogBox', onClick: (e) => e.stopPropagation() },
+     h('span', { className: 'dkb-title' },
+      t('batch.title', { n: dialog.ids.length })),
+     h('p', { className: 'dkb-hint' }, t('batch.hint')),
+     dialog.error ? h('p', { className: 'dkb-failed' }, dialog.error) : null,
+     h('ul', { className: 'dkb-batchList' },
+      dialog.ids.map((id, at) => {
+       const task = state.tasks.find((x) => x.id === id)
+       return h('li', { className: 'dkb-batchRow', key: id },
+        h('span', { className: 'dkb-refNum' }, String(at + 1)),
+        h('span', null, task ? task.title : id))
+      })),
      h('div', { className: 'dkb-field' },
       h('span', { className: 'dkb-label' }, t('panel.provider')),
       h('select', {
-       className: 'dkb-input', value: provider, disabled: starting || providers.length === 0,
+       className: 'dkb-input', value: provider,
        onChange: (e) => { setProvider(e.target.value); setModel('') },
       },
-       h('option', { value: '' },
-        providers.length === 0 ? t('panel.noProviders') : t('panel.pickProvider')),
+       h('option', { value: '' }, t('panel.pickProvider')),
        providers.map((p) => h('option', { value: p.id, key: p.id }, p.name)),
       ),
      ),
      h('div', { className: 'dkb-field' },
       h('span', { className: 'dkb-label' }, t('panel.model')),
       h('select', {
-       className: 'dkb-input', value: model,
-       disabled: starting || provider === '' || models.length === 0,
+       className: 'dkb-input', value: model, disabled: provider === '',
        onChange: (e) => setModel(e.target.value),
       },
-       h('option', { value: '' },
-        provider === '' ? t('panel.pickProviderFirst')
-         : models.length === 0 ? t('panel.noModels') : t('panel.pickModel')),
+       h('option', { value: '' }, t('panel.pickModel')),
        models.map((m) => h('option', { value: m.id, key: m.id }, m.name)),
       ),
      ),
-     h('div', { className: 'dkb-field' },
-      h('span', { className: 'dkb-label' }, t('panel.message')),
-      h('textarea', {
-       className: 'dkb-area', value: draftText, disabled: starting,
-       onChange: (e) => setDraftText(e.target.value),
-      }),
-      h('p', { className: 'dkb-hint' }, t('panel.messageHint')),
-     ),
-     h('div', { className: 'dkb-foot dkb-footSplit' },
-      h('div', { className: 'dkb-footLeft' },
+     React.createElement(LaunchFields, {
+      t, presets, agentPreset, permission,
+      onPreset: setAgentPreset, onPermission: setPermission,
+     }),
+     h('div', { className: 'dkb-row' },
       h('button', {
-       type: 'button', className: 'dkb-danger',
-       onClick: async () => {
-        if (!window.confirm(t('panel.deleteConfirm', { title: openTask.title }))) return
-        try {
-         await api('/task/' + encodeURIComponent(openTask.id), { method: 'DELETE' })
-         setOpenTask(null)
-         await load(board)
-        } catch (e) {
-         setError(t(e.key || 'error.unknown'))
-        }
-       },
-      }, t('panel.delete')),
-      openTask.column === 'done'
-       ? h('button', {
-        type: 'button', className: 'dkb-discard',
-        onClick: async () => {
-         try {
-          await api('/task/' + encodeURIComponent(openTask.id) + '/archive', { method: 'POST', body: '{}' })
-          setOpenTask(null)
-          await load(board)
-         } catch (e) { setError(t(e.key || 'error.unknown')) }
-        },
-       }, t('panel.archive'))
-       : null,
-      openTask.column === 'cleanup' && openTask.worktree
-       ? h('button', {
-        type: 'button', className: 'dkb-discard',
-        onClick: async () => {
-         try {
-          const out = await api('/task/' + encodeURIComponent(openTask.id) + '/cleanup-worktree', {
-           method: 'POST', body: '{}',
-          })
-          if (out && out.error === 'worktree-dirty') {
-           alert(t('panel.worktreeDirty', { files: (out.files || []).join(', ') }))
-          } else {
-           setOpenTask(null)
-           await load(board)
-          }
-         } catch (e) { setError(t(e.key || 'error.unknown')) }
-        },
-       }, t('panel.cleanupWorktree'))
-       : null,
-      ),
-      (openTask.worktree || openTask.rejectReason || openTask.stalled || (Array.isArray(openTask.runs) && openTask.runs.length > 0)) ? h('button', {
-       type: 'button',
-       className: 'dkb-secondary',
-       style: { marginRight: '8px', border: '1px solid var(--dsw-alias-border-l2)' },
-       disabled: starting || model === '',
+       type: 'button', className: 'dkb-discard', onClick: () => setDialog(null),
+      }, t('dialog.cancel')),
+      h('button', {
+       type: 'button', className: 'dkb-save', disabled: model === '',
        onClick: async () => {
-        setStarting(true)
         try {
          rememberLaunch(board, { provider, model, agentPreset, permission })
-         const out = await api('/task/' + encodeURIComponent(openTask.id) + '/resume', {
+         const out = await api('/batch', {
           method: 'POST',
-          body: JSON.stringify({ provider, model, text: draftText, agentPreset, permission }),
+          body: JSON.stringify({ ids: dialog.ids, provider, model, agentPreset, permission }),
          })
-         setOpenTask(null)
+         setDialog(null)
+         setPicked({})
          await load(board)
          if (!openSession(props.ctx, out && out.sessionId)) {
           setError(t('error.sessionNotOpened', { id: (out && out.sessionId) || '' }))
@@ -4335,535 +4506,369 @@ window.__ModuleLoader__.load({
          }
          if (props.onClose) props.onClose()
         } catch (e) {
-         setError(t(e.key || 'error.unknown'))
-        } finally {
-         setStarting(false)
-        }
-       },
-      }, t('action.resume')) : null,
-      openTask.workflowStatus === 'running' ? h('button', {
-       type: 'button',
-       className: 'dkb-discard',
-       style: { marginRight: '8px' },
-       disabled: starting,
-       onClick: async () => {
-        setStarting(true)
-        try {
-         await api('/task/' + encodeURIComponent(openTask.id) + '/workflow-cancel', {
-          method: 'POST',
-          body: JSON.stringify({ reason: 'cancelled-by-user' }),
-         })
-         setOpenTask(null)
-         await load(board)
-         if (props.onClose) props.onClose()
-        } catch (e) {
-         setError(t(e.key || 'error.unknown'))
-        } finally {
-         setStarting(false)
-        }
-       },
-      }, t('action.cancelWorkflow')) : null,
-      openTask.workflowStatus !== 'running' ? h('button', {
-       type: 'button',
-       className: 'dkb-secondary',
-       style: { marginRight: '8px', border: '1px solid var(--dsw-alias-border-l2)' },
-       title: t('panel.startWorkflowHint'),
-       disabled: starting || model === '',
-       onClick: async () => {
-        setStarting(true)
-        try {
-         rememberLaunch(board, { provider, model, agentPreset, permission })
-         await api('/task/' + encodeURIComponent(openTask.id) + '/workflow-start', {
-          method: 'POST',
-          body: JSON.stringify({ provider, model, text: draftText, agentPreset, permission }),
-         })
-         setOpenTask(null)
-         await load(board)
-         if (props.onClose) props.onClose()
-        } catch (e) {
-         setError(t(e.key || 'error.unknown'))
-        } finally {
-         setStarting(false)
+         setDialog(Object.assign({}, dialog, { error: t(e.key || 'error.unknown') }))
         }
        },
-      }, t('panel.startWorkflow')) : null,
+      }, t('batch.start')),
+     ),
+    ))
+    : null
+
+    const queueEl = dialog && dialog.mode === 'queue'
+    ? h('div', { className: 'dkb-dialog', onClick: () => setDialog(null) },
+    h('div', { className: 'dkb-dialogBox', onClick: (e) => e.stopPropagation() },
+     h('span', { className: 'dkb-title' }, t('queue.title')),
+     h('p', { className: 'dkb-hint' }, t('queue.hint')),
+     dialog.error ? h('p', { className: 'dkb-failed' }, dialog.error) : null,
+     h('div', { className: 'dkb-field' },
+      h('span', { className: 'dkb-label' }, t('queue.session')),
+      h('select', {
+       className: 'dkb-input', value: dialog.sessionId,
+       onChange: (e) => setDialog(Object.assign({}, dialog, { sessionId: e.target.value })),
+      }, dialog.sessions.map((one) => h('option', {
+       value: one.sessionId, key: one.sessionId,
+      }, t('queue.option', {
+       n: one.tasks.length,
+       title: (one.tasks[0] && one.tasks[0].title) || one.sessionId,
+      })))),
+     ),
+     h('div', { className: 'dkb-row' },
+      h('button', {
+       type: 'button', className: 'dkb-discard', onClick: () => setDialog(null),
+      }, t('dialog.cancel')),
       h('button', {
-       type: 'button', className: 'dkb-save', disabled: starting || model === '',
+       type: 'button', className: 'dkb-save',
        onClick: async () => {
-        setStarting(true)
         try {
-         rememberLaunch(board, { provider, model, agentPreset, permission })
-         const out = await api('/task/' + encodeURIComponent(openTask.id) + '/start', {
+         await api('/task/' + encodeURIComponent(dialog.task.id) + '/queue', {
           method: 'POST',
-          body: JSON.stringify({ provider, model, text: draftText, agentPreset, permission }),
+          body: JSON.stringify({ sessionId: dialog.sessionId }),
          })
-         setOpenTask(null)
+         setDialog(null)
          await load(board)
-         if (!openSession(props.ctx, out && out.sessionId)) {
-          setError(t('error.sessionNotOpened', { id: (out && out.sessionId) || '' }))
-          return
-         }
-         if (props.onClose) props.onClose()
         } catch (e) {
-         setError(t(e.key || 'error.unknown'))
-        } finally {
-         setStarting(false)
+         setDialog(Object.assign({}, dialog, { error: t(e.key || 'error.unknown') }))
         }
        },
-      }, starting ? t('panel.starting')
-       : openTask.sessionId ? t('panel.continue') : t('panel.start')),
+      }, t('queue.add')),
      ),
-      ),
     ))
     : null
 
-    const moveDialogEl = dialog && dialog.mode === 'move'
-    ? h('div', { className: 'dkb-dialog', onClick: () => setDialog(null) },
-     h('div', { className: 'dkb-dialogBox', onClick: (e) => e.stopPropagation() },
-      h('span', { className: 'dkb-title' },
-       t('move.title', { column: t('column.' + dialog.column) })),
-      h('p', { className: 'dkb-note' },
-       cardRef(dialog.task) ? cardRef(dialog.task) + ' · ' + dialog.task.title : dialog.task.title),
-      h('p', { className: 'dkb-hint' }, t('move.' + dialog.column)),
-      h('div', { className: 'dkb-row' },
-       h('button', {
-        type: 'button', className: 'dkb-discard', onClick: () => setDialog(null),
-       }, t('dialog.cancel')),
-       h('button', {
-        type: 'button', className: 'dkb-save',
-        onClick: () => {
-         const d = dialog
-         setDialog(null)
-         commitMove(d.task, d.column, d.where)
-        },
-       }, t('move.confirm')),
-      ),
-     ))
-    : null
-
-    const batchEl = dialog && dialog.mode === 'batch'
+    const dialogEl = dialog && dialog.mode !== 'move' && dialog.mode !== 'batch' && dialog.mode !== 'queue'
     ? h('div', { className: 'dkb-dialog', onClick: () => setDialog(null) },
-     h('div', { className: 'dkb-dialogBox', onClick: (e) => e.stopPropagation() },
-      h('span', { className: 'dkb-title' },
-       t('batch.title', { n: dialog.ids.length })),
-      h('p', { className: 'dkb-hint' }, t('batch.hint')),
-      dialog.error ? h('p', { className: 'dkb-failed' }, dialog.error) : null,
-      h('ul', { className: 'dkb-batchList' },
-       dialog.ids.map((id, at) => {
-        const task = state.tasks.find((x) => x.id === id)
-        return h('li', { className: 'dkb-batchRow', key: id },
-         h('span', { className: 'dkb-refNum' }, String(at + 1)),
-         h('span', null, task ? task.title : id))
-       })),
-      h('div', { className: 'dkb-field' },
-       h('span', { className: 'dkb-label' }, t('panel.provider')),
-       h('select', {
-        className: 'dkb-input', value: provider,
-        onChange: (e) => { setProvider(e.target.value); setModel('') },
+    h('div', { className: 'dkb-dialogBox', onClick: (e) => e.stopPropagation() },
+     h('span', { className: 'dkb-title' }, t('dialog.title')),
+     h('div', { className: 'dkb-row' },
+      h('button', {
+       type: 'button', className: dialog.mode === 'own' ? 'dkb-save' : 'dkb-discard',
+       onClick: () => setDialog(Object.assign({}, dialog, { mode: 'own', error: '' })),
+      }, t('dialog.own')),
+      state.kind === 'simple' ? null : h('button', {
+       type: 'button', className: dialog.mode === 'gitea' ? 'dkb-save' : 'dkb-discard',
+       onClick: async () => {
+        setDialog(Object.assign({}, dialog, { mode: 'gitea', error: '' }))
+        if (dialog.repos !== null) return
+        try {
+         const out = await api('/gitea/repos?q=')
+         setDialog((d) => Object.assign({}, d, { mode: 'gitea', repos: out.repos || [], error: '' }))
+        } catch (e) {
+         setDialog((d) => Object.assign({}, d, { mode: 'gitea', repos: [], error: t(e.key || 'error.unknown') }))
+        }
        },
-        h('option', { value: '' }, t('panel.pickProvider')),
-        providers.map((p) => h('option', { value: p.id, key: p.id }, p.name)),
+      }, t('dialog.fromGitea')),
+     ),
+     dialog.error ? h('p', { className: 'dkb-failed' }, dialog.error) : null,
+     dialog.mode === 'own'
+      ? h('div', null,
+       h('div', { className: 'dkb-field' },
+        h('span', { className: 'dkb-label' }, t('dialog.kind')),
+        h('div', { className: 'dkb-row' },
+         h('button', {
+          type: 'button', className: dialog.project ? 'dkb-save' : 'dkb-discard',
+          onClick: () => setDialog(Object.assign({}, dialog, { project: true, error: '' })),
+         }, t('dialog.kindProject')),
+         h('button', {
+          type: 'button', className: dialog.project ? 'dkb-discard' : 'dkb-save',
+          onClick: () => setDialog(Object.assign({}, dialog, { project: false, error: '' })),
+         }, t('dialog.kindPlain')),
+        ),
+        h('p', { className: 'dkb-hint' },
+         t(dialog.project ? 'dialog.kindProjectHint' : 'dialog.kindPlainHint')),
        ),
-      ),
-      h('div', { className: 'dkb-field' },
-       h('span', { className: 'dkb-label' }, t('panel.model')),
-       h('select', {
-        className: 'dkb-input', value: model, disabled: provider === '',
-        onChange: (e) => setModel(e.target.value),
-       },
-        h('option', { value: '' }, t('panel.pickModel')),
-        models.map((m) => h('option', { value: m.id, key: m.id }, m.name)),
+       dialog.project
+        ? h('div', { className: 'dkb-field' },
+         h('span', { className: 'dkb-label' }, t('dialog.repo')),
+         h('select', {
+          className: 'dkb-input', value: dialog.repo || '',
+          onChange: (e) => setDialog(Object.assign({}, dialog, { repo: e.target.value })),
+         },
+          h('option', { value: '' }, t('dialog.repoNew')),
+          (state.facets || [])
+           .filter((f) => f.ns === REPO_FACET)
+           .flatMap((f) => f.values)
+           .map((v) => h('option', { value: v.value, key: v.value }, v.value)),
+         ),
+         (dialog.repo || '') === ''
+          ? h('div', null,
+           h('input', {
+            className: 'dkb-input', value: dialog.newRepo || '',
+            placeholder: t('dialog.repoNamePlaceholder'),
+            onChange: (e) => setDialog(Object.assign({}, dialog, { newRepo: e.target.value })),
+           }),
+           h('p', { className: 'dkb-hint' }, t('dialog.repoNewHint')),
+          )
+          : null,
+        )
+        : null,
+       h('div', { className: 'dkb-field' },
+        h('span', { className: 'dkb-label' }, t('dialog.taskTitle')),
+        h('input', {
+         className: 'dkb-input', value: dialog.title, autoFocus: true,
+         onChange: (e) => setDialog(Object.assign({}, dialog, { title: e.target.value })),
+        }),
        ),
-      ),
-      React.createElement(LaunchFields, {
-       t, presets, agentPreset, permission,
-       onPreset: setAgentPreset, onPermission: setPermission,
-      }),
-      h('div', { className: 'dkb-row' },
-       h('button', {
-        type: 'button', className: 'dkb-discard', onClick: () => setDialog(null),
-       }, t('dialog.cancel')),
-       h('button', {
-        type: 'button', className: 'dkb-save', disabled: model === '',
-        onClick: async () => {
-         try {
-          rememberLaunch(board, { provider, model, agentPreset, permission })
-          const out = await api('/batch', {
-           method: 'POST',
-           body: JSON.stringify({ ids: dialog.ids, provider, model, agentPreset, permission }),
-          })
-          setDialog(null)
-          setPicked({})
-          await load(board)
-          if (!openSession(props.ctx, out && out.sessionId)) {
-           setError(t('error.sessionNotOpened', { id: (out && out.sessionId) || '' }))
-           return
+       h('div', { className: 'dkb-field' },
+        h('span', { className: 'dkb-label' }, t('dialog.taskBody')),
+        h('textarea', {
+         className: 'dkb-area', value: dialog.body || '',
+         onChange: (e) => setDialog(Object.assign({}, dialog, { body: e.target.value })),
+        }),
+        h('p', { className: 'dkb-hint' }, t('dialog.bodyHint')),
+       ),
+       h('div', { className: 'dkb-field' },
+        h('span', { className: 'dkb-label' }, t('dialog.taskLabels')),
+        h('input', {
+         className: 'dkb-input', value: dialog.labels || '',
+         placeholder: t('dialog.labelsHint'),
+         onChange: (e) => setDialog(Object.assign({}, dialog, { labels: e.target.value })),
+        }),
+       ),
+       h('div', { className: 'dkb-field' },
+        h('span', { className: 'dkb-label' }, t('dialog.taskColumn')),
+        h('select', {
+         className: 'dkb-input', value: dialog.column || 'backlog',
+         onChange: (e) => setDialog(Object.assign({}, dialog, { column: e.target.value })),
+        }, (state.columns || []).map((c) => h('option', { value: c.id, key: c.id }, t('column.' + c.id)))),
+       ),
+       h('div', { className: 'dkb-foot' },
+        h('button', { type: 'button', className: 'dkb-discard', onClick: () => setDialog(null) }, t('dialog.cancel')),
+        h('button', {
+         type: 'button', className: 'dkb-save', disabled: String(dialog.title || '').trim() === '',
+         onClick: async () => {
+          try {
+           if (dialog.project) {
+            await api('/project-task', {
+             method: 'POST',
+             body: JSON.stringify({
+              repo: dialog.repo || '',
+              newRepo: dialog.newRepo || '',
+              title: dialog.title,
+              body: dialog.body || '',
+              board: 'main',
+             }),
+            })
+           } else {
+            await api('/task', {
+             method: 'POST',
+             body: JSON.stringify({
+              title: dialog.title,
+              body: dialog.body || '',
+              labels: String(dialog.labels || '').split(',').map((x) => x.trim()).filter(Boolean),
+              column: dialog.column || 'backlog',
+              board: 'simple',
+             }),
+            })
+           }
+           setDialog(null)
+           await load(board)
+          } catch (e) {
+           setDialog(Object.assign({}, dialog, { error: t(e.key || 'error.unknown') }))
           }
-          if (props.onClose) props.onClose()
-         } catch (e) {
-          setDialog(Object.assign({}, dialog, { error: t(e.key || 'error.unknown') }))
-         }
-        },
-       }, t('batch.start')),
-      ),
-     ))
-    : null
-
-    const queueEl = dialog && dialog.mode === 'queue'
-    ? h('div', { className: 'dkb-dialog', onClick: () => setDialog(null) },
-     h('div', { className: 'dkb-dialogBox', onClick: (e) => e.stopPropagation() },
-      h('span', { className: 'dkb-title' }, t('queue.title')),
-      h('p', { className: 'dkb-hint' }, t('queue.hint')),
-      dialog.error ? h('p', { className: 'dkb-failed' }, dialog.error) : null,
-      h('div', { className: 'dkb-field' },
-       h('span', { className: 'dkb-label' }, t('queue.session')),
-       h('select', {
-        className: 'dkb-input', value: dialog.sessionId,
-        onChange: (e) => setDialog(Object.assign({}, dialog, { sessionId: e.target.value })),
-       }, dialog.sessions.map((one) => h('option', {
-        value: one.sessionId, key: one.sessionId,
-       }, t('queue.option', {
-        n: one.tasks.length,
-        title: (one.tasks[0] && one.tasks[0].title) || one.sessionId,
-       })))),
-      ),
-      h('div', { className: 'dkb-row' },
-       h('button', {
-        type: 'button', className: 'dkb-discard', onClick: () => setDialog(null),
-       }, t('dialog.cancel')),
-       h('button', {
-        type: 'button', className: 'dkb-save',
-        onClick: async () => {
-         try {
-          await api('/task/' + encodeURIComponent(dialog.task.id) + '/queue', {
-           method: 'POST',
-           body: JSON.stringify({ sessionId: dialog.sessionId }),
-          })
-          setDialog(null)
-          await load(board)
-         } catch (e) {
-          setDialog(Object.assign({}, dialog, { error: t(e.key || 'error.unknown') }))
-         }
-        },
-       }, t('queue.add')),
-      ),
-     ))
-    : null
-
-    const dialogEl = dialog && dialog.mode !== 'move' && dialog.mode !== 'batch' && dialog.mode !== 'queue'
-    ? h('div', { className: 'dkb-dialog', onClick: () => setDialog(null) },
-     h('div', { className: 'dkb-dialogBox', onClick: (e) => e.stopPropagation() },
-      h('span', { className: 'dkb-title' }, t('dialog.title')),
-      h('div', { className: 'dkb-row' },
-       h('button', {
-        type: 'button', className: dialog.mode === 'own' ? 'dkb-save' : 'dkb-discard',
-        onClick: () => setDialog(Object.assign({}, dialog, { mode: 'own', error: '' })),
-       }, t('dialog.own')),
-       state.kind === 'simple' ? null : h('button', {
-        type: 'button', className: dialog.mode === 'gitea' ? 'dkb-save' : 'dkb-discard',
-        onClick: async () => {
-         setDialog(Object.assign({}, dialog, { mode: 'gitea', error: '' }))
-         if (dialog.repos !== null) return
-         try {
-          const out = await api('/gitea/repos?q=')
-          setDialog((d) => Object.assign({}, d, { mode: 'gitea', repos: out.repos || [], error: '' }))
-         } catch (e) {
-          setDialog((d) => Object.assign({}, d, { mode: 'gitea', repos: [], error: t(e.key || 'error.unknown') }))
-         }
+         },
+        }, t('dialog.create')),
+       ),
+      )
+      : h('div', null,
+       h('div', { className: 'dkb-row' },
+        h('select', {
+         className: 'dkb-input', value: dialog.full,
+         disabled: dialog.repos === null || dialog.repos.length === 0,
+         onChange: async (e) => {
+          const full = e.target.value
+          setDialog((d) => Object.assign({}, d, { full, issues: null, error: '' }))
+          const pair = splitFullName(full)
+          if (pair === undefined) return
+          try {
+           const out = await api('/gitea/issues?owner=' + encodeURIComponent(pair.owner) +
+            '&repo=' + encodeURIComponent(pair.repo))
+           setDialog((d) => Object.assign({}, d, { issues: out.issues || [], error: '' }))
+          } catch (err) {
+           setDialog((d) => Object.assign({}, d, { issues: [], error: t(err.key || 'error.unknown') }))
+          }
+         },
         },
-       }, t('dialog.fromGitea')),
-      ),
-      dialog.error ? h('p', { className: 'dkb-failed' }, dialog.error) : null,
-      dialog.mode === 'own'
-       ? h('div', null,
-        h('div', { className: 'dkb-field' },
-         h('span', { className: 'dkb-label' }, t('dialog.kind')),
-         h('div', { className: 'dkb-row' },
-          h('button', {
-           type: 'button', className: dialog.project ? 'dkb-save' : 'dkb-discard',
-           onClick: () => setDialog(Object.assign({}, dialog, { project: true, error: '' })),
-          }, t('dialog.kindProject')),
-          h('button', {
-           type: 'button', className: dialog.project ? 'dkb-discard' : 'dkb-save',
-           onClick: () => setDialog(Object.assign({}, dialog, { project: false, error: '' })),
-          }, t('dialog.kindPlain')),
-         ),
-         h('p', { className: 'dkb-hint' },
-          t(dialog.project ? 'dialog.kindProjectHint' : 'dialog.kindPlainHint')),
-        ),
-        dialog.project
-         ? h('div', { className: 'dkb-field' },
-          h('span', { className: 'dkb-label' }, t('dialog.repo')),
-          h('select', {
-           className: 'dkb-input', value: dialog.repo || '',
-           onChange: (e) => setDialog(Object.assign({}, dialog, { repo: e.target.value })),
-          },
-           h('option', { value: '' }, t('dialog.repoNew')),
-           (state.facets || [])
-            .filter((f) => f.ns === REPO_FACET)
-            .flatMap((f) => f.values)
-            .map((v) => h('option', { value: v.value, key: v.value }, v.value)),
-          ),
-          (dialog.repo || '') === ''
-           ? h('div', null,
-            h('input', {
-             className: 'dkb-input', value: dialog.newRepo || '',
-             placeholder: t('dialog.repoNamePlaceholder'),
-             onChange: (e) => setDialog(Object.assign({}, dialog, { newRepo: e.target.value })),
-            }),
-            h('p', { className: 'dkb-hint' }, t('dialog.repoNewHint')),
-           )
-           : null,
-         )
-         : null,
-        h('div', { className: 'dkb-field' },
-         h('span', { className: 'dkb-label' }, t('dialog.taskTitle')),
-         h('input', {
-          className: 'dkb-input', value: dialog.title, autoFocus: true,
-          onChange: (e) => setDialog(Object.assign({}, dialog, { title: e.target.value })),
-         }),
-        ),
-        h('div', { className: 'dkb-field' },
-         h('span', { className: 'dkb-label' }, t('dialog.taskBody')),
-         h('textarea', {
-          className: 'dkb-area', value: dialog.body || '',
-          onChange: (e) => setDialog(Object.assign({}, dialog, { body: e.target.value })),
+         h('option', { value: '' },
+          dialog.repos === null ? t('dialog.loadingRepos')
+           : dialog.repos.length === 0 ? t('dialog.noRepos') : t('dialog.pickRepo')),
+         (dialog.repos || []).map((r) => {
+          const full = r.fullName || (r.owner + '/' + r.repo)
+          return h('option', { value: full, key: full }, repoOption(r, t))
          }),
-         h('p', { className: 'dkb-hint' }, t('dialog.bodyHint')),
-        ),
-        h('div', { className: 'dkb-field' },
-         h('span', { className: 'dkb-label' }, t('dialog.taskLabels')),
-         h('input', {
-          className: 'dkb-input', value: dialog.labels || '',
-          placeholder: t('dialog.labelsHint'),
-          onChange: (e) => setDialog(Object.assign({}, dialog, { labels: e.target.value })),
-         }),
-        ),
-        h('div', { className: 'dkb-field' },
-         h('span', { className: 'dkb-label' }, t('dialog.taskColumn')),
-         h('select', {
-          className: 'dkb-input', value: dialog.column || 'backlog',
-          onChange: (e) => setDialog(Object.assign({}, dialog, { column: e.target.value })),
-         }, (state.columns || []).map((c) => h('option', { value: c.id, key: c.id }, t('column.' + c.id)))),
         ),
-        h('div', { className: 'dkb-foot' },
-         h('button', { type: 'button', className: 'dkb-discard', onClick: () => setDialog(null) }, t('dialog.cancel')),
-         h('button', {
-          type: 'button', className: 'dkb-save', disabled: String(dialog.title || '').trim() === '',
-          onClick: async () => {
-           try {
-            if (dialog.project) {
-             await api('/project-task', {
-              method: 'POST',
-              body: JSON.stringify({
-               repo: dialog.repo || '',
-               newRepo: dialog.newRepo || '',
-               title: dialog.title,
-               body: dialog.body || '',
-               board: 'main',
-              }),
-             })
-            } else {
-             await api('/task', {
+       ),
+       dialog.issues === null ? null
+        : dialog.issues.length === 0
+         ? h('p', { className: 'dkb-note' }, t('dialog.noIssues'))
+         : h('div', { className: 'dkb-list' }, dialog.issues.map((issue) =>
+          h('button', {
+           type: 'button',
+           className: 'dkb-issue' + (issue.imported ? ' dkb-issueUsed' : ''),
+           key: issue.number,
+           onClick: async () => {
+            const pair = splitFullName(dialog.full)
+            if (pair === undefined) return
+            try {
+             await api('/import', {
               method: 'POST',
-              body: JSON.stringify({
-               title: dialog.title,
-               body: dialog.body || '',
-               labels: String(dialog.labels || '').split(',').map((x) => x.trim()).filter(Boolean),
-               column: dialog.column || 'backlog',
-               board: 'simple',
-              }),
+              body: JSON.stringify({ owner: pair.owner, repo: pair.repo, issueNumber: issue.number, board }),
              })
+             setDialog(null)
+             await load(board)
+            } catch (e) {
+             setDialog(Object.assign({}, dialog, { error: t(e.key || 'error.unknown') }))
             }
-            setDialog(null)
-            await load(board)
-           } catch (e) {
-            setDialog(Object.assign({}, dialog, { error: t(e.key || 'error.unknown') }))
-           }
-          },
-         }, t('dialog.create')),
-        ),
-       )
-       : h('div', null,
-        h('div', { className: 'dkb-row' },
-         h('select', {
-          className: 'dkb-input', value: dialog.full,
-          disabled: dialog.repos === null || dialog.repos.length === 0,
-          onChange: async (e) => {
-           const full = e.target.value
-           setDialog((d) => Object.assign({}, d, { full, issues: null, error: '' }))
-           const pair = splitFullName(full)
-           if (pair === undefined) return
-           try {
-            const out = await api('/gitea/issues?owner=' + encodeURIComponent(pair.owner) +
-             '&repo=' + encodeURIComponent(pair.repo))
-            setDialog((d) => Object.assign({}, d, { issues: out.issues || [], error: '' }))
-           } catch (err) {
-            setDialog((d) => Object.assign({}, d, { issues: [], error: t(err.key || 'error.unknown') }))
-           }
-          },
-         },
-          h('option', { value: '' },
-           dialog.repos === null ? t('dialog.loadingRepos')
-            : dialog.repos.length === 0 ? t('dialog.noRepos') : t('dialog.pickRepo')),
-          (dialog.repos || []).map((r) => {
-           const full = r.fullName || (r.owner + '/' + r.repo)
-           return h('option', { value: full, key: full }, repoOption(r, t))
-          }),
-         ),
-        ),
-        dialog.issues === null ? null
-         : dialog.issues.length === 0
-          ? h('p', { className: 'dkb-note' }, t('dialog.noIssues'))
-          : h('div', { className: 'dkb-list' }, dialog.issues.map((issue) =>
-           h('button', {
-            type: 'button',
-            className: 'dkb-issue' + (issue.imported ? ' dkb-issueUsed' : ''),
-            key: issue.number,
-            onClick: async () => {
-             const pair = splitFullName(dialog.full)
-             if (pair === undefined) return
-             try {
-              await api('/import', {
-               method: 'POST',
-               body: JSON.stringify({ owner: pair.owner, repo: pair.repo, issueNumber: issue.number, board }),
-              })
-              setDialog(null)
-              await load(board)
-             } catch (e) {
-              setDialog(Object.assign({}, dialog, { error: t(e.key || 'error.unknown') }))
-             }
-            },
-           }, `#${issue.number} ${issue.title}${issue.imported ? ' · ' + t('dialog.imported') : ''}`))),
-       ),
-     ))
+           },
+          }, `#${issue.number} ${issue.title}${issue.imported ? ' · ' + t('dialog.imported') : ''}`))),
+      ),
+    ))
     : null
 
     const archiveEl = archive
     ? h('div', { className: 'dkb-archive' },
-     h('p', { className: 'dkb-hint' }, t('archive.hint')),
-     archive.length === 0
-      ? h('p', { className: 'dkb-note' }, t('archive.empty'))
-      : h('ul', { className: 'dkb-archiveList' },
-       archive.map((task) => h('li', { className: 'dkb-archiveRow', key: task.id },
-        h('button', {
-         type: 'button', className: 'dkb-archiveTitle dkb-archiveOpen',
-         onClick: () => setOpenTask(task),
+    h('p', { className: 'dkb-hint' }, t('archive.hint')),
+    archive.length === 0
+     ? h('p', { className: 'dkb-note' }, t('archive.empty'))
+     : h('ul', { className: 'dkb-archiveList' },
+      archive.map((task) => h('li', { className: 'dkb-archiveRow', key: task.id },
+       h('button', {
+        type: 'button', className: 'dkb-archiveTitle dkb-archiveOpen',
+        onClick: () => setOpenTask(task),
+       },
+        [cardRef(task), task.title].filter(Boolean).join(' · ')),
+       h('span', { className: 'dkb-taskRef', title: exactAt(task.archivedAt) },
+        t('archive.since', { ago: agoText(state.now, task.archivedAt, t) })),
+       h('button', {
+        type: 'button', className: 'dkb-discard',
+        onClick: async () => {
+         try {
+          await api('/task/' + encodeURIComponent(task.id) + '/restore', { method: 'POST', body: '{}' })
+          setArchive((cur) => (cur || []).filter((x) => x.id !== task.id))
+          await load(board)
+         } catch (e) { setError(t(e.key || 'error.unknown')) }
         },
-         [cardRef(task), task.title].filter(Boolean).join(' · ')),
-        h('span', { className: 'dkb-taskRef', title: exactAt(task.archivedAt) },
-         t('archive.since', { ago: agoText(state.now, task.archivedAt, t) })),
-        h('button', {
-         type: 'button', className: 'dkb-discard',
-         onClick: async () => {
-          try {
-           await api('/task/' + encodeURIComponent(task.id) + '/restore', { method: 'POST', body: '{}' })
-           setArchive((cur) => (cur || []).filter((x) => x.id !== task.id))
-           await load(board)
-          } catch (e) { setError(t(e.key || 'error.unknown')) }
-         },
-        }, t('archive.restore')),
-       ))),
+       }, t('archive.restore')),
+      ))),
     )
     : null
 
     const metricsEl = metrics
     ? h('div', { className: 'dkb-archive' },
-     h('p', { className: 'dkb-hint' },
-      t('metrics.hint', { n: metrics.tasks, week: metrics.done.week, month: metrics.done.month })),
-     h('div', { className: 'dkb-group' }, t('metrics.columns')),
-     metrics.columns.length === 0
-      ? h('p', { className: 'dkb-note' }, t('metrics.empty'))
-      : h('ul', { className: 'dkb-archiveList' },
-       metrics.columns.map((row) => h('li', {
-        className: 'dkb-archiveRow', key: row.column,
-       },
-        h('span', { className: 'dkb-archiveTitle' }, columnTitle({ id: row.column }, t)),
-        h('span', { className: 'dkb-taskRef' },
-         t('metrics.median', { time: agoText(0, -row.median, t) })),
-        h('span', { className: 'dkb-taskRef' },
-         t('metrics.mean', { time: agoText(0, -row.mean, t) })),
-        h('span', { className: 'dkb-count' }, String(row.tasks)),
-       ))),
-     h('div', { className: 'dkb-group' },
-      t('metrics.stale', { days: metrics.staleDays })),
-     metrics.stale.length === 0
-      ? h('p', { className: 'dkb-note' }, t('metrics.noStale'))
-      : h('ul', { className: 'dkb-archiveList' },
-       metrics.stale.map((row) => h('li', {
-        className: 'dkb-archiveRow', key: row.id,
-       },
-        h('span', { className: 'dkb-archiveTitle' }, row.title),
-        h('span', { className: 'dkb-taskRef' }, columnTitle({ id: row.column }, t)),
-        h('span', { className: 'dkb-taskRef', title: exactAt(row.since) },
-         agoText(state.now, row.since, t)),
-       ))),
+    h('p', { className: 'dkb-hint' },
+     t('metrics.hint', { n: metrics.tasks, week: metrics.done.week, month: metrics.done.month })),
+    h('div', { className: 'dkb-group' }, t('metrics.columns')),
+    metrics.columns.length === 0
+     ? h('p', { className: 'dkb-note' }, t('metrics.empty'))
+     : h('ul', { className: 'dkb-archiveList' },
+      metrics.columns.map((row) => h('li', {
+       className: 'dkb-archiveRow', key: row.column,
+      },
+       h('span', { className: 'dkb-archiveTitle' }, columnTitle({ id: row.column }, t)),
+       h('span', { className: 'dkb-taskRef' },
+        t('metrics.median', { time: agoText(0, -row.median, t) })),
+       h('span', { className: 'dkb-taskRef' },
+        t('metrics.mean', { time: agoText(0, -row.mean, t) })),
+       h('span', { className: 'dkb-count' }, String(row.tasks)),
+      ))),
+    h('div', { className: 'dkb-group' },
+     t('metrics.stale', { days: metrics.staleDays })),
+    metrics.stale.length === 0
+     ? h('p', { className: 'dkb-note' }, t('metrics.noStale'))
+     : h('ul', { className: 'dkb-archiveList' },
+      metrics.stale.map((row) => h('li', {
+       className: 'dkb-archiveRow', key: row.id,
+      },
+       h('span', { className: 'dkb-archiveTitle' }, row.title),
+       h('span', { className: 'dkb-taskRef' }, columnTitle({ id: row.column }, t)),
+       h('span', { className: 'dkb-taskRef', title: exactAt(row.since) },
+        agoText(state.now, row.since, t)),
+      ))),
     )
     : null
 
     const nudgeDialogEl = nudgeTask
     ? h('div', {
-      className: 'dkb-modal',
-      onClick: () => { setNudgeTask(null); setNudgePrompt(''); setNudgeSuccess(false) },
+     className: 'dkb-modal',
+     onClick: () => { setNudgeTask(null); setNudgePrompt(''); setNudgeSuccess(false) },
+    },
+     h('div', {
+      className: 'dkb-dialog',
+      style: { maxWidth: '440px', width: '90%', padding: '16px' },
+      onClick: (e) => e.stopPropagation(),
      },
-      h('div', {
-       className: 'dkb-dialog',
-       style: { maxWidth: '440px', width: '90%', padding: '16px' },
-       onClick: (e) => e.stopPropagation(),
-      },
-       h('div', { className: 'dkb-dialogHead', style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: '12px' } },
-        h('h3', { style: { margin: 0, fontSize: '15px' } }, t('nudge.title') + ': ' + (nudgeTask.title || '')),
-        h('button', {
-         type: 'button',
-         className: 'dkb-discard',
-         style: { border: 'none', background: 'transparent', cursor: 'pointer', fontSize: '16px', padding: '0 4px' },
-         onClick: () => { setNudgeTask(null); setNudgePrompt(''); setNudgeSuccess(false) },
-        }, '✕'),
-       ),
-       nudgeSuccess
-        ? h('div', {
-          style: {
-           padding: '12px',
-           borderRadius: '6px',
-           background: 'var(--dsw-alias-state-success-secondary, #dafbe1)',
-           color: 'var(--dsw-alias-state-success-primary, #1a7f37)',
-           marginBottom: '12px',
-           textAlign: 'center',
-           fontWeight: '600',
+      h('div', { className: 'dkb-dialogHead', style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: '12px' } },
+       h('h3', { style: { margin: 0, fontSize: '15px' } }, t('nudge.title') + ': ' + (nudgeTask.title || '')),
+       h('button', {
+        type: 'button',
+        className: 'dkb-discard',
+        style: { border: 'none', background: 'transparent', cursor: 'pointer', fontSize: '16px', padding: '0 4px' },
+        onClick: () => { setNudgeTask(null); setNudgePrompt(''); setNudgeSuccess(false) },
+       }, '✕'),
+      ),
+      nudgeSuccess
+       ? h('div', {
+         style: {
+          padding: '12px',
+          borderRadius: '6px',
+          background: 'var(--dsw-alias-state-success-secondary, #dafbe1)',
+          color: 'var(--dsw-alias-state-success-primary, #1a7f37)',
+          marginBottom: '12px',
+          textAlign: 'center',
+          fontWeight: '600',
+         },
+        }, '✓ ' + t('nudge.success'))
+       : h('div', null,
+         h('textarea', {
+          className: 'dkb-area',
+          style: { width: '100%', minHeight: '90px', marginBottom: '12px', boxSizing: 'border-box' },
+          placeholder: t('nudge.placeholder'),
+          value: nudgePrompt,
+          autoFocus: true,
+          onChange: (e) => setNudgePrompt(e.target.value),
+          onKeyDown: (e) => {
+           if (e.key === 'Enter' && (e.ctrlKey || e.metaKey)) {
+            e.preventDefault();
+            handleNudgeSubmit();
+           }
           },
-         }, '✓ ' + t('nudge.success'))
-        : h('div', null,
-          h('textarea', {
-           className: 'dkb-area',
-           style: { width: '100%', minHeight: '90px', marginBottom: '12px', boxSizing: 'border-box' },
-           placeholder: t('nudge.placeholder'),
-           value: nudgePrompt,
-           autoFocus: true,
-           onChange: (e) => setNudgePrompt(e.target.value),
-           onKeyDown: (e) => {
-            if (e.key === 'Enter' && (e.ctrlKey || e.metaKey)) {
-             e.preventDefault();
-             handleNudgeSubmit();
-            }
-           },
-          }),
-          h('div', { style: { display: 'flex', justifyContent: 'flex-end', gap: '8px' } },
-           h('button', {
-            type: 'button',
-            className: 'dkb-discard',
-            disabled: nudgeSending,
-            onClick: () => { setNudgeTask(null); setNudgePrompt(''); setNudgeSuccess(false) },
-           }, t('panel.close')),
-           h('button', {
-            type: 'button',
-            className: 'dkb-save',
-            disabled: !nudgePrompt.trim() || nudgeSending,
-            onClick: handleNudgeSubmit,
-           }, nudgeSending ? t('nudge.sending') : t('nudge.send')),
-          ),
+         }),
+         h('div', { style: { display: 'flex', justifyContent: 'flex-end', gap: '8px' } },
+          h('button', {
+           type: 'button',
+           className: 'dkb-discard',
+           disabled: nudgeSending,
+           onClick: () => { setNudgeTask(null); setNudgePrompt(''); setNudgeSuccess(false) },
+          }, t('panel.close')),
+          h('button', {
+           type: 'button',
+           className: 'dkb-save',
+           disabled: !nudgePrompt.trim() || nudgeSending,
+           onClick: handleNudgeSubmit,
+          }, nudgeSending ? t('nudge.sending') : t('nudge.send')),
          ),
-      ),
-     )
+        ),
+     ),
+    )
     : null;
 
     return h('div', { className: 'dkb-screen' },
@@ -4875,7 +4880,20 @@ window.__ModuleLoader__.load({
    }
 
    function TaskChip(props) {
+    const ctx = props.ctx
     const t = props.t || fallbackT
+    const scope = React.useMemo(() => {
+    const s = (ctx?.get && ctx.get('lanSettings')) || ctx?.configForms
+    return s ? s.get(NS) : undefined
+    }, [ctx])
+    const snapshot = React.useSyncExternalStore(
+    React.useMemo(() => (cb) => (scope ? scope.subscribe(cb) : () => {}), [scope]),
+    React.useCallback(() => (scope ? scope.getSnapshot() : { status: 'loading' }), [scope]),
+    React.useCallback(() => ({ status: 'loading' }), []),
+    )
+    const stored = (snapshot && snapshot.value) || {}
+    const visible = stored.showHeaderChip !== false && stored.showHeaderChip !== 'false'
+
     const [task, setTask] = React.useState(null)
     const [columns, setColumns] = React.useState(COLUMN_ORDER)
     const [note, setNote] = React.useState('')
@@ -4888,71 +4906,71 @@ window.__ModuleLoader__.load({
     let alive = true
     if (!sessionId) { setTask(null); return () => {} }
     api('/session/' + encodeURIComponent(sessionId) + '/task')
-     .then((out) => {
-      if (!alive) return
-      setTask((out && out.task) || null)
-      setColumns((out && out.columns) || COLUMN_ORDER)
-     })
-     .catch(() => { if (alive) setTask(null) })
+    .then((out) => {
+     if (!alive) return
+     setTask((out && out.task) || null)
+     setColumns((out && out.columns) || COLUMN_ORDER)
+    })
+    .catch(() => { if (alive) setTask(null) })
     return () => { alive = false }
     }, [sessionId])
 
     const move = React.useCallback(async (column) => {
     if (!task) return
     try {
-     const out = await api('/task/' + encodeURIComponent(task.id) + '/move', {
-      method: 'POST', body: JSON.stringify({ column }),
-     })
-     setTask(out.task)
-     setOpen(false)
+    const out = await api('/task/' + encodeURIComponent(task.id) + '/move', {
+     method: 'POST', body: JSON.stringify({ column }),
+    })
+    setTask(out.task)
+    setOpen(false)
     } catch {  }
     }, [task])
 
-    if (!task) return null
+    if (!visible || !task) return null
 
     const label = [cardRef(task) || task.title, t('column.' + task.column)].filter(Boolean).join(' · ')
     ensureCss()
     return h('span', { className: 'dkb-chipWrap' },
     h('button', {
-     type: 'button', className: 'dkb-chip', title: task.title,
-     onClick: () => setOpen((v) => !v),
+    type: 'button', className: 'dkb-chip', title: task.title,
+    onClick: () => setOpen((v) => !v),
     }, '▦ ' + label),
     open ? h('div', { className: 'dkb-chipPanel' },
-     h('span', { className: 'dkb-hint' }, t('chip.moveTo')),
-     columns.map((id) => h('button', {
-      type: 'button', key: id,
-      className: id === task.column ? 'dkb-save' : 'dkb-discard',
-      onClick: () => move(id),
-     }, t('column.' + id))),
-     props.toggle
-      ? h('button', {
-       type: 'button', className: 'dkb-discard',
-       onClick: () => { setOpen(false); props.toggle.show(task.id, task.board) },
-      }, t('chip.openCard'))
-      : null,
-     h('span', { className: 'dkb-hint' }, t('chip.note')),
-     h('textarea', {
-      className: 'dkb-area', value: note, disabled: saving,
-      onChange: (e) => setNote(e.target.value),
-     }),
-     h('span', { className: 'dkb-hint' }, t('chip.noteHint')),
-     h('button', {
-      type: 'button', className: 'dkb-save',
-      disabled: saving || note.trim() === '',
-      onClick: async () => {
-       setSaving(true)
-       try {
-        const out = await api('/task/' + encodeURIComponent(task.id) + '/note', {
-         method: 'POST', body: JSON.stringify({ text: note }),
-        })
-        setTask(out.task)
-        setNote('')
-        setOpen(false)
-       } catch {  } finally {
-        setSaving(false)
-       }
-      },
-     }, t('chip.noteSave')),
+    h('span', { className: 'dkb-hint' }, t('chip.moveTo')),
+    columns.map((id) => h('button', {
+     type: 'button', key: id,
+     className: id === task.column ? 'dkb-save' : 'dkb-discard',
+     onClick: () => move(id),
+    }, t('column.' + id))),
+    props.toggle
+     ? h('button', {
+      type: 'button', className: 'dkb-discard',
+      onClick: () => { setOpen(false); props.toggle.show(task.id, task.board) },
+     }, t('chip.openCard'))
+     : null,
+    h('span', { className: 'dkb-hint' }, t('chip.note')),
+    h('textarea', {
+     className: 'dkb-area', value: note, disabled: saving,
+     onChange: (e) => setNote(e.target.value),
+    }),
+    h('span', { className: 'dkb-hint' }, t('chip.noteHint')),
+    h('button', {
+     type: 'button', className: 'dkb-save',
+     disabled: saving || note.trim() === '',
+     onClick: async () => {
+      setSaving(true)
+      try {
+       const out = await api('/task/' + encodeURIComponent(task.id) + '/note', {
+        method: 'POST', body: JSON.stringify({ text: note }),
+       })
+       setTask(out.task)
+       setNote('')
+       setOpen(false)
+      } catch {  } finally {
+       setSaving(false)
+      }
+     },
+    }, t('chip.noteSave')),
     ) : null,
     )
    }
@@ -4976,19 +4994,19 @@ window.__ModuleLoader__.load({
     return {
     isOpen: () => open,
     set(next) {
-     if (open === next) return
-     open = next
-     for (const fn of listeners) fn()
+    if (open === next) return
+    open = next
+    for (const fn of listeners) fn()
     },
     toggle() { this.set(!open) },
     show(taskId, boardId) {
-     wanted = { id: String(taskId || ''), board: String(boardId || 'main') }
-     if (open) { for (const fn of listeners) fn() } else this.set(true)
+    wanted = { id: String(taskId || ''), board: String(boardId || 'main') }
+    if (open) { for (const fn of listeners) fn() } else this.set(true)
     },
     takeWanted() {
-     const asked = wanted
-     wanted = undefined
-     return asked
+    const asked = wanted
+    wanted = undefined
+    return asked
     },
     subscribe(fn) { listeners.add(fn); return () => listeners.delete(fn) },
     }
@@ -5094,10 +5112,10 @@ window.__ModuleLoader__.load({
 
     const applyActive = () => {
     if (toggle.isOpen()) {
-     document.documentElement.setAttribute(ACTIVE_ATTR, '')
-     document.dispatchEvent(new CustomEvent(ACTIVATE_EVENT, { detail: PANEL }))
+    document.documentElement.setAttribute(ACTIVE_ATTR, '')
+    document.dispatchEvent(new CustomEvent(ACTIVATE_EVENT, { detail: PANEL }))
     } else {
-     document.documentElement.removeAttribute(ACTIVE_ATTR)
+    document.documentElement.removeAttribute(ACTIVE_ATTR)
     }
     }
 
@@ -5134,17 +5152,17 @@ window.__ModuleLoader__.load({
    function registerFirst(ctx, candidates, component) {
     for (const entry of candidates) {
     try {
-     if (typeof ctx.slots?.has === 'function' && !ctx.slots.has(entry.name)) {
-      continue
-     }
-     let registeredInSlot = false
-     const res = ctx.slots.inject(entry.name, () => {
-      ctx.slots.register(entry, component)
-      registeredInSlot = true
-     })
-     if (registeredInSlot || (res !== null && res !== false && res !== undefined)) {
-      return entry.name
-     }
+    if (typeof ctx.slots?.has === 'function' && !ctx.slots.has(entry.name)) {
+     continue
+    }
+    let registeredInSlot = false
+    const res = ctx.slots.inject(entry.name, () => {
+     ctx.slots.register(entry, component)
+     registeredInSlot = true
+    })
+    if (registeredInSlot || (res !== null && res !== false && res !== undefined)) {
+     return entry.name
+    }
     } catch {  }
     }
     return undefined
@@ -5152,6 +5170,7 @@ window.__ModuleLoader__.load({
 
    helpers.createToggle = createToggle
     helpers.BoardScreen = BoardScreen
+    helpers.TaskChip = TaskChip
 
    function apply(ctx) {
     ctx.effect(() => ctx.locale.register(NS, { en, zh }), 'dsh-kanban: locales')