@goodandready/dsh-kanban 0.2.2 → 0.2.8

package/lib/client.js

@@ -13,12 +13,12 @@ window.__ModuleLoader__.load({
     var module = { exports: {} }
     var exports = module.exports
     const React = require('react')
+    const h = React.createElement
     const ReactDOM = require('react-dom/client')
 
     const NS = 'dsh-kanban'
     const COLUMN_ORDER = ['backlog', 'in-progress', 'review', 'deploy', 'cleanup', 'done']
 
-    // ---------------------------------------------------------- чистая часть
 
     /**
      * Соседи для переноса карточки. Хранилище работает не с числовым индексом,
@@ -115,7 +115,7 @@ window.__ModuleLoader__.load({
     function rememberLaunch(board, choice) {
       try {
         window.localStorage.setItem(RECALL_KEY + (board || 'main'), JSON.stringify(choice))
-      } catch { /* нечем запомнить — не повод ломать запуск */ }
+      } catch { /* storage unavailable */ }
     }
 
     /**
@@ -141,7 +141,6 @@ window.__ModuleLoader__.load({
       }
       const out = {}
       for (const group of bySession.values()) {
-        // Одна задача в сессии — не пачка: отметка «1 из 1» ничего не сообщает.
         if (group.length < 2) continue
         const order = group.slice().sort((a, b) => (a.queuedAt || 0) - (b.queuedAt || 0))
         order.forEach((task, at) => { out[task.id] = { at: at + 1, total: order.length } })
@@ -191,17 +190,15 @@ window.__ModuleLoader__.load({
       const href = typeof task.issueUrl === 'string' && /^https?:\/\//i.test(task.issueUrl)
         ? task.issueUrl
         : ''
-      return React.createElement('span', { className: 'dkb-ref' },
-        React.createElement('span', { className: 'dkb-refRepo', title: task.repo }, task.repo),
+      return h('span', { className: 'dkb-ref' },
+        h('span', { className: 'dkb-refRepo', title: task.repo }, task.repo),
         number === ''
           ? null
           : href === ''
-            ? React.createElement('span', { className: 'dkb-refNum' }, number)
-            : React.createElement('a', {
+            ? h('span', { className: 'dkb-refNum' }, number)
+            : h('a', {
               className: 'dkb-refNum dkb-refLink', href, target: '_blank', rel: 'noreferrer noopener',
               title: t ? t('panel.issue') : undefined,
-              // Щелчок по номеру — «открыть issue», а не «открыть карточку».
-              // Два разных намерения, и путать их нельзя.
               onClick: (e) => e.stopPropagation(),
             }, number),
       )
@@ -224,9 +221,6 @@ window.__ModuleLoader__.load({
     function planLine(task, t) {
       const progress = task && task.plan && task.plan.progress
       if (!progress || !progress.total) return ''
-      // На идущем пункте показываем ЕГО номер, а не число сделанных: «3 из 7 ·
-      // пишу тесты» читается как «идёт третий», и так оно и есть. Когда
-      // текущего пункта нет — план не начат или закончен, — показываем сделанные.
       const shown = progress.text ? progress.current : progress.done
       const counter = t('plan.counter', { done: shown, total: progress.total })
       return progress.text ? counter + ' · ' + progress.text : counter
@@ -312,8 +306,6 @@ window.__ModuleLoader__.load({
       if (state === 'failed') {
         const where = (sync.problem && sync.problem.where) || ''
         const why = (sync.problem && sync.problem.message) || ''
-        // Время ПОСЛЕДНЕГО УСПЕХА, а не последней попытки: вопрос человека —
-        // когда доска в последний раз видела правду.
         const seen = sync.okAt
           ? t('sync.lastSeen', { ago: agoText(now, sync.okAt, t) })
           : t('sync.neverSeen')
@@ -345,7 +337,6 @@ window.__ModuleLoader__.load({
       const r = (n >> 16) & 255
       const g = (n >> 8) & 255
       const b = n & 255
-      // Коэффициенты воспринимаемой яркости: глаз чувствительнее к зелёному.
       return (r * 299 + g * 587 + b * 114) / 1000 > 140 ? '#111' : '#fff'
     }
 
@@ -383,11 +374,11 @@ window.__ModuleLoader__.load({
     function renderSpans(spans, keyBase) {
       return (spans || []).map((span, i) => {
         const key = keyBase + '-' + i
-        if (span.kind === 'code') return React.createElement('code', { className: 'dkb-code', key }, span.text)
-        if (span.kind === 'strong') return React.createElement('strong', { key }, span.text)
-        if (span.kind === 'em') return React.createElement('em', { key }, span.text)
+        if (span.kind === 'code') return h('code', { className: 'dkb-code', key }, span.text)
+        if (span.kind === 'strong') return h('strong', { key }, span.text)
+        if (span.kind === 'em') return h('em', { key }, span.text)
         if (span.kind === 'link') {
-          return React.createElement('a', {
+          return h('a', {
             key, href: span.href, target: '_blank', rel: 'noreferrer noopener',
           }, span.text)
         }
@@ -399,26 +390,24 @@ window.__ModuleLoader__.load({
       return (blocks || []).map((block, i) => {
         const key = 'b' + i
         if (block.kind === 'heading') {
-          // Заголовки тела не спорят с заголовком окна: рисуем их своим
-          // классом, а не h1..h6, у которых свой размер в оболочке.
-          return React.createElement('div', {
+          return h('div', {
             key, className: 'dkb-mdHead dkb-mdHead' + Math.min(block.level, 3),
           }, renderSpans(block.spans, key))
         }
         if (block.kind === 'code') {
-          return React.createElement('pre', { key, className: 'dkb-mdCode' }, block.text)
+          return h('pre', { key, className: 'dkb-mdCode' }, block.text)
         }
-        if (block.kind === 'rule') return React.createElement('hr', { key, className: 'dkb-mdRule' })
+        if (block.kind === 'rule') return h('hr', { key, className: 'dkb-mdRule' })
         if (block.kind === 'quote') {
-          return React.createElement('blockquote', { key, className: 'dkb-mdQuote' },
+          return h('blockquote', { key, className: 'dkb-mdQuote' },
             renderSpans(block.spans, key))
         }
         if (block.kind === 'list') {
-          return React.createElement(block.ordered ? 'ol' : 'ul', { key, className: 'dkb-mdList' },
-            (block.items || []).map((item, j) => React.createElement('li', { key: key + '-' + j },
+          return h(block.ordered ? 'ol' : 'ul', { key, className: 'dkb-mdList' },
+            (block.items || []).map((item, j) => h('li', { key: key + '-' + j },
               renderSpans(item, key + '-' + j))))
         }
-        return React.createElement('p', { key, className: 'dkb-mdPara' }, renderSpans(block.spans, key))
+        return h('p', { key, className: 'dkb-mdPara' }, renderSpans(block.spans, key))
       })
     }
 
@@ -467,17 +456,12 @@ window.__ModuleLoader__.load({
       return {
         board: (payload && payload.board) || 'main',
         kind: (payload && payload.kind) || 'project',
-        // Своё «сейчас» на случай ответа без него: часы браузера и сервера
-        // расходятся, и лучше считать по одному из них, чем по нулю.
         now: (payload && typeof payload.now === 'number') ? payload.now : Date.now(),
         boards: payload && Array.isArray(payload.boards) ? payload.boards : [],
         facets: payload && Array.isArray(payload.facets) ? payload.facets : [],
         sync: (payload && payload.sync) || { state: 'never' },
         columns,
         tasks: payload && Array.isArray(payload.tasks) ? payload.tasks : [],
-        // Фактический корень проектов: {path, set} — путь и признак «задан
-        // настройкой». Сервер знает и настройку, и рабочую папку харнесса,
-        // браузеру ни то ни другое не доступно.
         projectRoot: payload && typeof payload.projectRoot === 'object' && payload.projectRoot !== null
           ? { path: String(payload.projectRoot.path || ''), set: payload.projectRoot.set === true }
           : { path: '', set: false },
@@ -625,11 +609,8 @@ window.__ModuleLoader__.load({
       columnTitle, planLine, stateLabel, isCollapsed,
       agoText, exactAt, shortDate, syncLine, readableOn, tagStyle, priorityColor, renderBlocks, renderSpans, matchesFilters, anySelected, toggleValue, normalizeBoard, errorKey,
       chipSessionId, matchesQuery, splitFullName, repoOption, openSession, COLUMN_ORDER,
-      // createToggle подставляется ниже, когда объявлен: он нужен тестам, а
-      // объявление живёт рядом со встраиванием в оболочку.
     }
 
-    // ------------------------------------------------------------------ сеть
 
     async function api(path, options) {
       const res = await fetch('/dsh-kanban' + path, Object.assign({
@@ -645,16 +626,102 @@ window.__ModuleLoader__.load({
       return payload
     }
 
-    // ----------------------------------------------------------------- стили
+    
+    function ensureCss() {
+      if (typeof document === 'undefined') return
+      if (document.getElementById('dsh-kanban-full-css')) return
+      const style = document.createElement('style')
+      style.id = 'dsh-kanban-full-css'
+      style.dataset.dshPlugin = NS
+      style.textContent = css
+      document.head.appendChild(style)
+    }
+
+    function createErrorBoundary() {
+      if (!React || typeof React.Component !== 'function') {
+        return function NoopBoundary(props) { return props?.children || null }
+      }
+      return class ErrorBoundary extends React.Component {
+        constructor(props) {
+          super(props)
+          this.state = { hasError: false, error: null }
+        }
+        static getDerivedStateFromError(error) {
+          return { hasError: true, error }
+        }
+        componentDidCatch(error, errorInfo) {
+          console.error('[dsh-kanban] React Error:', error, errorInfo)
+        }
+        render() {
+          if (this.state.hasError) {
+            return h(
+              'div',
+              {
+                style: {
+                  margin: '12px 0', padding: '14px', borderRadius: '8px',
+                  background: 'var(--dsw-alias-state-danger-bg, #ffebe9)',
+                  border: '1px solid var(--dsw-alias-state-danger-border, #ffc1c0)',
+                },
+              },
+              h('div', {
+                style: { fontWeight: 600, marginBottom: '6px', color: 'var(--dsw-alias-state-danger-primary, #cf222e)' },
+              }, '⚠️ Kanban UI Error:'),
+              h('div', {
+                style: { fontSize: '12px', wordBreak: 'break-all', color: 'var(--dsw-alias-label-primary)' },
+              }, String(this.state.error?.message || this.state.error)),
+              h(
+                'button',
+                {
+                  type: 'button',
+                  className: 'dkb-discard',
+                  style: { marginTop: '10px', fontSize: '12px', padding: '4px 10px' },
+                  onClick: () => this.setState({ hasError: false, error: null }),
+                },
+                'Retry'
+              )
+            )
+          }
+          return this.props?.children || null
+        }
+      }
+    }
+
+    function refreshMirrorUntilVisible(ctx) {
+      const setTimer = typeof setInterval === 'function' ? setInterval : (typeof globalThis !== 'undefined' && typeof globalThis.setInterval === 'function' ? globalThis.setInterval : null)
+      const clearTimer = typeof clearInterval === 'function' ? clearInterval : (typeof globalThis !== 'undefined' && typeof globalThis.clearInterval === 'function' ? globalThis.clearInterval : null)
+      if (!setTimer || !clearTimer) return () => {}
+      const visible = () => {
+        try {
+          const s = (ctx?.get && ctx.get('lanSettings')) || ctx?.settingsScope
+          const view = s?.describe?.()?.getSnapshot?.()?.view
+          return !!view && Array.isArray(view.namespaces) && view.namespaces.some((row) => row.ns === NS)
+        } catch (_) {
+          return false
+        }
+      }
+      if (visible()) return () => {}
+      let tries = 0
+      const timer = setTimer(() => {
+        if (visible() || tries >= 15) { clearTimer(timer); return }
+        tries += 1
+        try {
+          const s = (ctx?.get && ctx.get('lanSettings')) || ctx?.settingsScope
+          s?.describe?.()?.load?.()
+        } catch (_) { /* clipboard read best-effort */ }
+      }, 1000)
+      return () => clearTimer(timer)
+    }
+
 
     const css =
+      '.dkb-section-card{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:8px;margin-bottom:12px}' +'.dkb-section-title{font-size:14px;font-weight:600;color:var(--dsw-alias-label-primary);display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:4px;border-bottom:1px solid var(--dsw-alias-border-l2)}' +'.dkb-section-badge{font-size:11px;font-weight:500;padding:2px 8px;border-radius:999px;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-secondary)}' +'.dkb-section-badge-ok{border-color:var(--dsw-alias-state-success-border,#34d399);color:var(--dsw-alias-state-success-primary,#059669);background:var(--dsw-alias-state-success-bg,rgba(16,185,129,0.1))}' +
       '.dkb-card{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:12px;list-style:none}' +
       '.dkb-cardOpen{background:var(--dsw-alias-bg-layer-2);border-color:var(--dsw-alias-label-dimmed)}' +
       '.dkb-head{appearance:none;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;display:flex;align-items:center;gap:12px;padding:14px 16px}' +
       '.dkb-headText{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}' +
       '.dkb-title{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:600;line-height:1.4}' +
       '.dkb-sub{color:var(--dsw-alias-label-secondary);font-size:13px}' +
-      '.dkb-chevron{color:var(--dsw-alias-label-secondary);flex:none;transition:transform .16s}' +
+      '.dkb-chevron{color:var(--dsw-alias-label-secondary);display:inline-flex;align-items:center;justify-content:center;flex:none;transition:transform .16s}' +
       '.dkb-chevronOpen{transform:rotate(180deg)}' +
       '.dkb-body{border-top:1px solid var(--dsw-alias-border-l2);margin:0 16px;padding-bottom:8px}' +
       '.dkb-group{color:var(--dsw-alias-label-secondary);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:14px 0 2px}' +
@@ -672,27 +739,18 @@ window.__ModuleLoader__.load({
       '.dkb-save{appearance:none;font:inherit;cursor:pointer;border:1px solid transparent;border-radius:8px;padding:5px 14px;font-size:13px;background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-3)}' +
       '.dkb-discard{appearance:none;font:inherit;cursor:pointer;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;padding:5px 14px;font-size:13px;color:var(--dsw-alias-label-secondary);background:transparent}' +
       '.dkb-discard:disabled,.dkb-save:disabled{opacity:.4;cursor:default}' +
-      // Строка в боковой панели. Метрики и переменные взяты у оболочки, чтобы
-      // строка не выделялась среди родных: та же высота, те же состояния.
-      // Кнопка — клон родной, поэтому вид берётся у оболочки. Своего здесь
-      // ровно столько, чтобы разложить значок и подпись внутри клона.
       '.dkb-entry-clone{align-items:center;gap:8px;display:flex}' +
       '.dkb-entry-clone[data-active]{font-weight:600}' +
       '.dkb-entryIcon{flex:none;justify-content:center;align-items:center;display:inline-flex}' +
       '.dkb-entryLabel{text-overflow:ellipsis;overflow:hidden}' +
       '[data-dsh-frame][data-sidebar-collapsed] .dkb-entryLabel{display:none}' +
-      // Экран поверх колонки разговора. Показывается атрибутом на <html>, а
-      // соседи колонки прячутся — иначе доска легла бы поверх живого чата.
       '[data-pane=conversation],[class*=centerCol]{position:relative}' +
       '[data-dsh-kanban-view]{z-index:60;background:var(--dsw-alias-bg-base);display:none;position:absolute;inset:0}' +
       'html[data-dsh-kanban-active]:not([data-dsh-ssh-active]) [data-dsh-kanban-view]{display:block}' +
       'html[data-dsh-kanban-active]:not([data-dsh-ssh-active]) [data-pane=conversation]>:not([data-dsh-kanban-view]),' +
       'html[data-dsh-kanban-active]:not([data-dsh-ssh-active]) [class*=centerCol]>:not([data-dsh-kanban-view]){display:none!important}' +
-      // Сама доска
       '.dkb-screen{box-sizing:border-box;background:var(--dsw-alias-bg-base);min-width:0;height:100%;min-height:0;color:var(--dsw-alias-label-primary);font-family:var(--dsw-font-family);flex-direction:column;gap:12px;padding:14px 16px 56px;display:flex}' +
       '.dkb-bar{flex:none;align-items:center;gap:8px;display:flex;flex-wrap:wrap}' +
-      // Всё управление в шапке одной высоты: пять разных высот подряд читаются
-      // как ряд, собранный из чужих деталей.
       '.dkb-bar .dkb-input,.dkb-bar .dkb-search,.dkb-bar .dkb-save,.dkb-bar .dkb-discard,.dkb-bar .dkb-facetHead,.dkb-bar .dkb-back{height:30px;box-sizing:border-box;padding-top:0;padding-bottom:0;border-radius:8px;font-size:13px;line-height:28px;display:inline-flex;align-items:center}' +
       '.dkb-bar .dkb-facet{display:inline-flex}' +
       '.dkb-back{appearance:none;font:inherit;cursor:pointer;color:var(--dsw-alias-label-secondary);background:0 0;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;display:flex;flex:none}' +
@@ -733,7 +791,7 @@ window.__ModuleLoader__.load({
       '.dkb-cols{overscroll-behavior-inline:contain;scrollbar-color:var(--dsw-alias-border-l3) var(--dsw-alias-interactive-bg-hover);scrollbar-width:thin;flex:1;gap:12px;min-height:0;padding-bottom:6px;display:flex;overflow:auto hidden}' +
       '.dkb-cols::-webkit-scrollbar{height:10px}' +
       '.dkb-cols::-webkit-scrollbar-track{background:var(--dsw-alias-interactive-bg-hover);border-radius:999px}' +
-      '.dkb-cols::-webkit-scrollbar-thumb{background:var(--dsw-alias-border-l3);background-clip:content-box;border:2px solid #0000;border-radius:999px}' +
+      '.dkb-cols::-webkit-scrollbar-thumb{background:var(--dsw-alias-border-l3);background-clip:content-box;border:2px solid transparent;border-radius:999px}' +
       '.dkb-col{flex:1 1 220px;min-width:220px;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);border-radius:12px;flex-direction:column;min-height:0;display:flex;overflow:hidden}' +
       '.dkb-colOver{border-color:var(--dsw-alias-border-l3)}' +
       '.dkb-colHead{appearance:none;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:none;align-items:center;gap:6px;padding:10px 12px;display:flex}' +
@@ -755,7 +813,7 @@ window.__ModuleLoader__.load({
       '.dkb-count[data-col=review]{background:var(--dsw-alias-state-business-primary)}' +
       '.dkb-count[data-col=deploy]{background:var(--dsw-alias-state-business-primary)}' +
       '.dkb-count[data-col=done]{background:var(--dsw-alias-state-success-primary)}' +
-      '.dkb-countOver{background:var(--dsw-alias-state-error-primary);color:#fff}' +
+      '.dkb-countOver{background:var(--dsw-alias-state-error-primary);color:var(--dsw-alias-label-inverse,#fff)}' +
       '.dkb-overdue{border-color:var(--dsw-alias-state-error-primary)}' +
       '.dkb-dueOver{color:var(--dsw-alias-state-error-primary);font-weight:600}' +
       '.dkb-list{flex-direction:column;flex:1;gap:8px;min-height:0;padding:2px 8px 10px;display:flex;overflow-y:auto}' +
@@ -797,14 +855,10 @@ window.__ModuleLoader__.load({
       '.dkb-planItem.dkb-planActive{color:var(--dsw-alias-label-primary);font-weight:600;text-decoration:none}' +
       '.dkb-planMark{flex:none;width:14px;text-align:center}' +
       '.dkb-tags{display:flex;flex-wrap:wrap;gap:4px}' +
-      // Ожидание — не колонка, а состояние карточки: агент стоит и ждёт человека.
       '.dkb-waiting{color:var(--dsw-alias-state-warn-primary);font-weight:600}' +
       '.dkb-waitDot{border-radius:50%;flex:none;width:8px;height:8px;background:var(--dsw-alias-state-warn-primary);display:inline-block}' +
       '.dkb-tag{white-space:nowrap;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-interactive-bg-hover);border:1px solid transparent;border-radius:999px;padding:1px 7px;font-size:11px;line-height:1.5;font-weight:500}' +
-      // Снизу оставлен запас: поверх интерфейса висят плавающие виджеты соседних
-      // плагинов (например счётчик расходов), и без запаса последняя кнопка
-      // оказывается под ними — нажать нельзя, а выглядит как «ничего не работает».
-      '.dkb-modal{position:absolute;inset:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;padding:24px 24px 84px;box-sizing:border-box;z-index:70}' +
+      '.dkb-modal{position:absolute;inset:0;background:var(--dsw-alias-mask-bg,rgba(0,0,0,.4));display:flex;align-items:center;justify-content:center;padding:24px 24px 84px;box-sizing:border-box;z-index:70}' +
       '.dkb-panel{width:min(720px,100%);max-height:100%;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);border-radius:12px;padding:16px;box-sizing:border-box;overflow-y:auto;display:flex;flex-direction:column;gap:12px}' +
       '@media (min-width: 960px){.dkb-panelWide{width:min(1100px,96%)}.dkb-drawerGrid{display:grid;grid-template-columns:300px 1fr;gap:20px;align-items:start}}' +
       '.dkb-drawerSidebar{display:flex;flex-direction:column;gap:12px;border-right:1px solid var(--dsw-alias-border-l2);padding-right:16px}' +
@@ -812,31 +866,40 @@ window.__ModuleLoader__.load({
       '.dkb-panelBody{white-space:pre-wrap;color:var(--dsw-alias-label-secondary);font-size:13px;line-height:1.5;margin:0}' +
       '.dkb-log{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}' +
       '.dkb-logRow{color:var(--dsw-alias-label-secondary);font-size:12px}' +
-      '.dkb-dialog{position:absolute;inset:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:80}' +
+      '.dkb-dialog{position:absolute;inset:0;background:var(--dsw-alias-mask-bg,rgba(0,0,0,.4));display:flex;align-items:center;justify-content:center;z-index:80}' +
       '.dkb-dialogBox{width:min(560px,94%);max-height:86%;overflow-y:auto;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px}' +
       '.dkb-issue{appearance:none;font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;padding:8px 10px;color:var(--dsw-alias-label-primary);font-size:13px}' +
       '.dkb-issueUsed{opacity:.5}' +
       '.dkb-row{display:flex;gap:8px;align-items:center}' +
       '.dkb-search{min-width:120px;color:var(--dsw-alias-label-primary);background:var(--dsw-specific-input-major);border:1px solid var(--dsw-alias-border-l2);border-radius:8px;outline:none;flex:0 240px;padding:6px 10px;font-size:13px}' +
       '.dkb-search::placeholder{color:var(--dsw-alias-label-tertiary)}' +
-      // Указатель места вставки: без него карточку отпускают вслепую.
       '.dkb-slot{height:2px;border-radius:2px;background:transparent;flex:none}' +
       '.dkb-slotOn{background:var(--dsw-alias-state-business-primary)}' +
       '.dkb-danger{appearance:none;font:inherit;cursor:pointer;border:1px solid var(--dsw-alias-state-error-primary);border-radius:8px;padding:5px 14px;font-size:13px;color:var(--dsw-alias-state-error-primary);background:transparent}' +
-      '.dkb-danger:hover{background:var(--dsw-alias-state-error-primary);color:var(--dsw-alias-bg-base)}'
+      '.dkb-danger:hover{background:var(--dsw-alias-state-error-primary);color:var(--dsw-alias-bg-base)}' +
+      '.dkb-quickFilterBar{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:4px 0}' +
+      '.dkb-filterChip{appearance:none;font:inherit;cursor:pointer;background:var(--dsw-alias-interactive-bg-hover);border:1px solid var(--dsw-alias-border-l2);border-radius:999px;padding:3px 10px;font-size:12px;color:var(--dsw-alias-label-secondary);transition:all .15s}' +
+      '.dkb-filterChip:hover{background:var(--dsw-alias-interactive-bg-active);color:var(--dsw-alias-label-primary)}' +
+      '.dkb-filterChipActive{background:var(--dsw-alias-state-business-primary);color:var(--dsw-alias-label-inverse,#fff);border-color:transparent;font-weight:600}' +
+      '.dkb-epicTag{background:var(--dsw-alias-state-info-bg,#ddf4ff);color:var(--dsw-alias-state-info-primary,#0969da);font-weight:600}' +
+      '.dkb-progressBar{height:4px;background:var(--dsw-alias-border-l2);border-radius:2px;overflow:hidden;margin:4px 0}' +
+      '.dkb-progressFill{height:100%;background:var(--dsw-alias-state-success-primary,#16a34a);transition:width .2s}' +
+      '.dkb-consolePre{background:var(--dsw-alias-bg-layer-1,#0d1117);color:var(--dsw-alias-state-info-primary,#58a6ff);border:1px solid var(--dsw-alias-border-l2);padding:12px;border-radius:8px;font-family:monospace;font-size:11px;max-height:260px;overflow-y:auto;white-space:pre-wrap}'
 
 
-    // ---------------------------------------------------------------- строки
 
-    // Правило регистра, чтобы подписи не расползались:
-    //
-    //   подпись УПРАВЛЕНИЯ — с прописной: «Архив», «Поиск», «Обновить». Это
-    //   имя кнопки, а не продолжение фразы;
-    //   встроенный текст и состояние — со строчной: «ждёт ответа», «здесь
-    //   3 дн», «показано 12 из 81». Это часть предложения, а не ярлык.
-    //
-    // Смешение того и другого в одном ряду и выглядит халтурой.
     const en = {
+      'updater.title': 'Plugin Updates',
+      'updater.check': 'Check updates',
+      'updater.checking': 'Checking…',
+      'updater.current': 'Current version',
+      'updater.latest': 'Latest version',
+      'updater.upToDate': 'Up to date',
+      'updater.updateNow': 'Update to v{version}',
+      'updater.updating': 'Updating…',
+      'updater.success': 'Plugin updated successfully! Please restart DSH service.',
+      'updater.failed': 'Update check failed: ',
+
       'title': 'Kanban',
       'subtitle': 'Task board: Gitea issues and a session per task',
       'section.label': 'Kanban',
@@ -1176,16 +1239,45 @@ window.__ModuleLoader__.load({
       'comments.placeholder': 'Add a note or feedback...',
       'comments.authorUser': 'User',
       'comments.authorAgent': 'Agent',
+      'epic.badge': 'Epic',
+      'epic.progress': '{done}/{total} subtasks',
+      'epic.triage': 'Triage / Decompose',
+      'epic.triageTitle': 'Decompose Task into Subtasks',
+      'epic.triageHelp': 'Enter one subtask title per line. Child tasks will be linked to this Epic.',
+      'epic.triageSubmit': 'Create Subtasks',
+      'epic.createGiteaIssues': 'Also create linked Gitea issues',
+      'epic.subtasks': 'Subtasks',
+      'epic.addSubtask': 'Add subtask',
+      'epic.noSubtasks': 'No subtasks yet.',
+      'console.tab': 'Live Console',
+      'console.empty': 'No agent output recorded yet.',
+      'filter.all': 'All',
+      'filter.active': 'Active',
+      'filter.review': 'Review',
+      'filter.epics': 'Epics',
+      'filter.stale': 'Silent',
+      'pr.create': 'Create Gitea PR',
+      'pr.creating': 'Creating PR...',
+      'pr.created': 'PR #{n} created',
+      'pr.view': 'View PR',
       'error.issueNotFound': 'Issue not found.',
       'error.titleRequired': 'A title is required.',
       'error.crossSite': 'Request rejected as cross-site.',
       'error.unknown': 'Request failed.',
     }
 
-    // Китайский — вторая встроенная локаль ядра. Русского здесь нет:
-    // он приезжает языковым пакетом `dsh-russian-lang`, который
-    // регистрирует `ru` для этого пространства извне.
     const zh = {
+      'updater.title': '插件更新',
+      'updater.check': '检查更新',
+      'updater.checking': '正在检查…',
+      'updater.current': '当前版本',
+      'updater.latest': '最新版本',
+      'updater.upToDate': '已是最新',
+      'updater.updateNow': '一键更新至 v{version}',
+      'updater.updating': '正在更新…',
+      'updater.success': '插件更新成功！请重启 DSH 服务以生效。',
+      'updater.failed': '更新检查失败：',
+
       'title': '看板',
       'subtitle': '任务看板：Gitea issue，每个任务一个会话',
       'section.label': '看板',
@@ -1525,6 +1617,27 @@ window.__ModuleLoader__.load({
       'comments.placeholder': '添加说明或反馈...',
       'comments.authorUser': '用户',
       'comments.authorAgent': 'Agent',
+      'epic.badge': '史诗',
+      'epic.progress': '{done}/{total} 子任务',
+      'epic.triage': '分解子任务',
+      'epic.triageTitle': '将任务分解为子任务',
+      'epic.triageHelp': '每行输入一个子任务标题。子任务将关联到此史诗。',
+      'epic.triageSubmit': '创建子任务',
+      'epic.createGiteaIssues': '同时在 Gitea 中创建关联 issue',
+      'epic.subtasks': '子任务',
+      'epic.addSubtask': '添加子任务',
+      'epic.noSubtasks': '暂无子任务。',
+      'console.tab': '实时终端',
+      'console.empty': '暂无 Agent 活动输出。',
+      'filter.all': '全部',
+      'filter.active': '进行中',
+      'filter.review': '待复核',
+      'filter.epics': '史诗',
+      'filter.stale': '沉默',
+      'pr.create': '创建 Gitea PR',
+      'pr.creating': '正在创建 PR...',
+      'pr.created': '已创建 PR #{n}',
+      'pr.view': '查看 PR',
       'error.issueNotFound': '没有找到 issue。',
       'error.titleRequired': '标题不能为空。',
       'error.crossSite': '请求被判定为跨站而拒绝。',
@@ -1532,8 +1645,6 @@ window.__ModuleLoader__.load({
     }
 
     function fallbackT(key, vars) {
-      // Запасной перевод — английский: русский приезжает языковым пакетом,
-      // а до службы локализации доска обязана говорить хоть на чём-то.
       let text = en[key] !== undefined ? en[key] : key
       if (vars) {
         for (const name of Object.keys(vars)) {
@@ -1543,7 +1654,6 @@ window.__ModuleLoader__.load({
       return text
     }
 
-    // ------------------------------------------------------- карточка настроек
 
     const FIELDS = [
       { field: 'giteaUrl', kind: 'text', group: 'gitea' },
@@ -1583,19 +1693,127 @@ window.__ModuleLoader__.load({
       return 'hint.' + spec.field
     }
 
+    let ChevronIcon = null
+    try {
+      const primitives = typeof require === 'function' ? require('@deepseek-ai/dsh-client-ui-primitives') : null
+      ChevronIcon = primitives && (primitives.IconChevronDownOutline14 || primitives.IconChevronDown)
+    } catch (_) {
+      ChevronIcon = null
+    }
+
+    function FallbackChevron(props) {
+      return h('svg', {
+        width: 14,
+        height: 14,
+        viewBox: '0 0 14 14',
+        fill: 'none',
+        'aria-hidden': 'true',
+      }, h('path', {
+        d: 'M3.5 5.25L7 8.75L10.5 5.25',
+        stroke: 'currentColor',
+        strokeWidth: '1.5',
+        strokeLinecap: 'round',
+        strokeLinejoin: 'round',
+      }))
+    }
+
     function Chevron(props) {
-      return React.createElement('svg', {
+      const Icon = ChevronIcon || FallbackChevron
+      return h('span', {
         className: 'dkb-chevron' + (props.open ? ' dkb-chevronOpen' : ''),
-        width: 16, height: 16, viewBox: '0 0 16 16', 'aria-hidden': 'true',
-      }, React.createElement('path', {
-        d: 'M4 6l4 4 4-4', fill: 'none', stroke: 'currentColor', strokeWidth: '1.5',
-        strokeLinecap: 'round', strokeLinejoin: 'round',
-      }))
+        'aria-hidden': 'true',
+      }, h(Icon))
+    }
+
+
+    function PluginUpdaterSection(props) {
+      const t = props.t || fallbackT
+      const [status, setStatus] = React.useState(null)
+      const [loading, setLoading] = React.useState(false)
+      const [updating, setUpdating] = React.useState(false)
+      const [msg, setMsg] = React.useState(null)
+
+      const checkUpdate = React.useCallback(async () => {
+        setLoading(true)
+        setMsg(null)
+        try {
+          const res = await fetch('/api/dsh-kanban/update', {
+            headers: { accept: 'application/json' },
+            cache: 'no-store',
+          })
+          if (!res.ok) throw new Error('HTTP ' + res.status)
+          const data = await res.json()
+          setStatus(data)
+        } catch (e) {
+          setMsg({ ok: false, text: (t('updater.failed') || 'Update check failed: ') + (e?.message || String(e)) })
+        } finally {
+          setLoading(false)
+        }
+      }, [t])
+
+      const onUpdateNow = async () => {
+        setUpdating(true)
+        setMsg(null)
+        try {
+          const res = await fetch('/api/dsh-kanban/update', {
+            method: 'POST',
+            headers: {
+              'x-dsh-plugin-update': '1',
+              'content-type': 'application/json',
+            },
+          })
+          const data = await res.json()
+          if (!res.ok) throw new Error(data?.error || 'HTTP ' + res.status)
+          setStatus(data)
+          setMsg({ ok: true, text: t('updater.success') || 'Plugin updated successfully! Please restart DSH service.' })
+        } catch (e) {
+          setMsg({ ok: false, text: e?.message || String(e) })
+        } finally {
+          setUpdating(false)
+        }
+      }
+
+      React.useEffect(() => {
+        checkUpdate()
+      }, [checkUpdate])
+
+      const currentVer = status?.currentVersion || '0.2.7'
+      const latestVer = status?.latestVersion
+      const updateAvailable = Boolean(status?.updateAvailable && latestVer && latestVer !== currentVer)
+
+      return h('div', { className: 'dkb-section-card', key: 'g-updater' },
+        h('div', { className: 'dkb-section-title' },
+          h('span', null, '🔄 ' + t('updater.title')),
+          h('span', { className: 'dkb-section-badge' + (!updateAvailable ? ' dkb-section-badge-ok' : '') },
+            updateAvailable ? 'v' + latestVer + ' available' : 'v' + currentVer + ' (' + t('updater.upToDate') + ')'
+          ),
+        ),
+        h('div', { style: { display: 'flex', alignItems: 'center', justifyContent: 'space-between', flexWrap: 'wrap', gap: '8px', marginTop: '6px' } },
+          h('span', { style: { fontSize: '12px', color: 'var(--dsw-alias-label-secondary)' } },
+            updateAvailable ? (t('updater.latest') + ': v' + latestVer) : (t('updater.current') + ': v' + currentVer)
+          ),
+          h('div', { style: { display: 'flex', gap: '8px' } },
+            updateAvailable ? h('button', {
+              type: 'button',
+              className: 'dkb-save',
+              style: { padding: '4px 10px', fontSize: '12px' },
+              onClick: onUpdateNow,
+              disabled: updating || loading,
+            }, updating ? (t('updater.updating') || 'Updating…') : (t('updater.updateNow') || 'Update now').replace('{version}', latestVer)) : null,
+            h('button', {
+              type: 'button',
+              className: 'dkb-discard',
+              style: { padding: '4px 10px', fontSize: '12px' },
+              onClick: checkUpdate,
+              disabled: loading || updating,
+            }, loading ? (t('updater.checking') || 'Checking…') : (t('updater.check') || 'Check updates')),
+          ),
+        ),
+        msg ? h('p', { className: msg.ok ? 'dkb-note' : 'dkb-failed', style: { margin: '4px 0 0 0', fontSize: '12px' } }, msg.text) : null,
+      )
     }
 
     function KanbanSettingsCard(props) {
-      // Все хуки объявлены выше любого возврата: ранний возврат над хуком даёт
-      // React error 310 при первом же изменении состояния.
       const ctx = props.ctx
       const t = props.t || fallbackT
       const [open, setOpen] = React.useState(false)
@@ -1605,7 +1823,10 @@ window.__ModuleLoader__.load({
       const [saved, setSaved] = React.useState(false)
 
       const scope = React.useMemo(
-        () => (ctx && ctx.settingsScope ? ctx.settingsScope.bind({ namespace: NS }) : undefined),
+        () => {
+          const s = (ctx?.get && ctx.get('lanSettings')) || ctx?.settingsScope
+          return s ? s.bind({ namespace: NS }) : undefined
+        },
         [ctx],
       )
       const snapshot = React.useSyncExternalStore(
@@ -1633,9 +1854,6 @@ window.__ModuleLoader__.load({
       const save = React.useCallback(async () => {
         if (!scope || !draft) return
         setSaving(true); setFailed(''); setSaved(false)
-        // Пишем ВСЕ поля, а не до первой ошибки: обрыв на первой неудаче
-        // оставил бы остальные поля незаписанными, а снаружи это выглядит как
-        // «кнопка не работает».
         const broken = []
         for (const spec of FIELDS) {
           if (!draft || !Object.prototype.hasOwnProperty.call(draft, spec.field)) continue
@@ -1657,82 +1875,109 @@ window.__ModuleLoader__.load({
         setDraft(null); setSaved(true)
       }, [scope, draft, t])
 
-      const head = React.createElement('button', {
+      const head = h('button', {
         type: 'button', className: 'dkb-head', onClick: () => setOpen((v) => !v),
       },
-        React.createElement('span', { className: 'dkb-headText' },
-          React.createElement('span', { className: 'dkb-title' }, t('title')),
-          React.createElement('span', { className: 'dkb-sub' }, t('subtitle')),
+        h('span', { className: 'dkb-headText' },
+          h('span', { className: 'dkb-title' }, t('title')),
+          h('span', { className: 'dkb-sub' }, t('subtitle')),
         ),
-        React.createElement(Chevron, { open }),
+        h(Chevron, { open }),
       )
-      const style = React.createElement('style', null, css)
+      ensureCss()
+      const style = null
 
-      if (!open) return React.createElement('li', { className: 'dkb-card' }, style, head)
+      if (!open) return h('li', { className: 'dkb-card' }, head)
 
       let body
       if (status === 'loading') {
-        body = React.createElement('p', { className: 'dkb-note', role: 'status' }, t('settings.loading'))
+        body = h('p', { className: 'dkb-note', role: 'status' }, t('settings.loading'))
       } else if (status !== 'ready') {
-        // Проверяем СТАТУС, а не значение: при `unavailable` признак writable
-        // остаётся истинным, и карточка нарисовала бы пустую, но с виду
-        // рабочую форму.
-        body = React.createElement('p', { className: 'dkb-failed', role: 'status' }, t('settings.unavailable'))
+        body = h('p', { className: 'dkb-failed', role: 'status' }, t('settings.unavailable'))
       } else {
         const writable = !snapshot || snapshot.writable !== false
-        const rows = []
-        let lastGroup
+        const groups = []
+        const groupMap = {}
         for (const spec of FIELDS) {
-          if (spec.group !== lastGroup) {
-            lastGroup = spec.group
-            rows.push(React.createElement('div', { className: 'dkb-group', key: 'g-' + spec.group }, t('group.' + spec.group)))
+          if (!groupMap[spec.group]) {
+            groupMap[spec.group] = []
+            groups.push(spec.group)
           }
-          if (spec.kind === 'bool') {
-            // Булево поле — флажок, а не строка «true»: набирать слово руками
-            // человека заставлять незачем.
-            rows.push(React.createElement('div', { className: 'dkb-field', key: spec.field },
-              React.createElement('label', { className: 'dkb-row' },
-                React.createElement('input', {
-                  type: 'checkbox',
-                  checked: String(valueOf(spec.field)) === 'true',
-                  disabled: !writable || saving,
-                  onChange: (e) => edit(spec.field, e.target.checked ? 'true' : 'false'),
-                }),
-                React.createElement('span', { className: 'dkb-label' }, t('field.' + spec.field)),
-              ),
-              React.createElement('p', { className: 'dkb-hint' }, t(hintKey(spec))),
+          groupMap[spec.group].push(spec)
+        }
+
+        const rows = []
+        for (const grp of groups) {
+          const fieldsInGroup = groupMap[grp]
+          const fieldElements = []
+          for (const spec of fieldsInGroup) {
+            if (spec.kind === 'bool') {
+              fieldElements.push(h('div', { className: 'dkb-field', key: spec.field },
+                h('label', { className: 'dkb-row' },
+                  h('input', {
+                    type: 'checkbox',
+                    checked: String(valueOf(spec.field)) === 'true',
+                    disabled: !writable || saving,
+                    onChange: (e) => edit(spec.field, e.target.checked ? 'true' : 'false'),
+                  }),
+                  h('span', { className: 'dkb-label' }, t('field.' + spec.field)),
+                ),
+                h('p', { className: 'dkb-hint' }, t(hintKey(spec))),
+              ))
+              continue
+            }
+            const common = {
+              className: spec.kind === 'area' ? 'dkb-area' : 'dkb-input',
+              value: valueOf(spec.field),
+              disabled: !writable || saving,
+              onChange: (e) => edit(spec.field, e.target.value),
+            }
+            if (spec.kind === 'number') common.type = 'number'
+            fieldElements.push(h('div', { className: 'dkb-field', key: spec.field },
+              h('span', { className: 'dkb-label' }, t('field.' + spec.field)),
+              h(spec.kind === 'area' ? 'textarea' : 'input', common),
+              h('p', { className: 'dkb-hint' }, t(hintKey(spec))),
             ))
-            continue
           }
-          const common = {
-            className: spec.kind === 'area' ? 'dkb-area' : 'dkb-input',
-            value: valueOf(spec.field),
-            disabled: !writable || saving,
-            onChange: (e) => edit(spec.field, e.target.value),
+
+          let badge = null
+          if (grp === 'gitea') {
+            const hasUrl = Boolean(valueOf('giteaUrl'))
+            badge = h('span', {
+              className: 'dkb-section-badge' + (hasUrl ? ' dkb-section-badge-ok' : ''),
+            }, hasUrl ? 'Gitea Configured' : 'No URL')
+          } else if (grp === 'sync') {
+            const interval = Number(valueOf('syncIntervalSec')) || 0
+            badge = h('span', {
+              className: 'dkb-section-badge' + (interval > 0 ? ' dkb-section-badge-ok' : ''),
+            }, interval > 0 ? `${interval}s` : 'Manual')
           }
-          if (spec.kind === 'number') common.type = 'number'
-          rows.push(React.createElement('div', { className: 'dkb-field', key: spec.field },
-            React.createElement('span', { className: 'dkb-label' }, t('field.' + spec.field)),
-            React.createElement(spec.kind === 'area' ? 'textarea' : 'input', common),
-            React.createElement('p', { className: 'dkb-hint' }, t(hintKey(spec))),
+
+          rows.push(h('div', { className: 'dkb-section-card', key: 'g-' + grp },
+            h('div', { className: 'dkb-section-title' },
+              h('span', null, t('group.' + grp)),
+              badge,
+            ),
+            ...fieldElements,
           ))
         }
         const dirty = draft !== null && Object.keys(draft).length > 0
         let note
-        if (failed) note = React.createElement('p', { className: 'dkb-failed', role: 'status' }, failed)
-        else if (!writable) note = React.createElement('p', { className: 'dkb-note', role: 'status' }, t('settings.readOnly'))
-        else if (saved) note = React.createElement('p', { className: 'dkb-note', role: 'status' }, t('settings.saved'))
-        else note = React.createElement('p', { className: 'dkb-note' })
-        rows.push(React.createElement('div', { className: 'dkb-foot', key: 'foot' },
+        if (failed) note = h('p', { className: 'dkb-failed', role: 'status' }, failed)
+        else if (!writable) note = h('p', { className: 'dkb-note', role: 'status' }, t('settings.readOnly'))
+        else if (saved) note = h('p', { className: 'dkb-note', role: 'status' }, t('settings.saved'))
+        else note = h('p', { className: 'dkb-note' })
+        rows.push(h(PluginUpdaterSection, { t, key: 'updater' }))
+        rows.push(h('div', { className: 'dkb-foot', key: 'foot' },
           note,
-          React.createElement('button', { type: 'button', className: 'dkb-discard', disabled: !dirty || saving, onClick: discard }, t('discard')),
-          React.createElement('button', { type: 'button', className: 'dkb-save', disabled: !dirty || saving || !writable, onClick: save }, t('save')),
+          h('button', { type: 'button', className: 'dkb-discard', disabled: !dirty || saving, onClick: discard }, t('discard')),
+          h('button', { type: 'button', className: 'dkb-save', disabled: !dirty || saving || !writable, onClick: save }, t('save')),
         ))
         body = rows
       }
 
-      return React.createElement('li', { className: 'dkb-card dkb-cardOpen' },
-        style, head, React.createElement('div', { className: 'dkb-body' }, body))
+      return h('li', { className: 'dkb-card dkb-cardOpen' },
+        head, h('div', { className: 'dkb-body' }, body))
     }
 
     /** Стрелка влево для кнопки возврата: 14x14, обводка цветом текста. */
@@ -1740,9 +1985,8 @@ window.__ModuleLoader__.load({
       + ' stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">'
       + '<path d="M10 3.5 5.5 8l4.5 4.5"/></svg>'
 
-    // ------------------------------------------------------------ экран доски
 
-    function TaskCard(props) {
+    const TaskCard = React.memo(function TaskCard(props) {
       const { task, t, now } = props
       const ref = cardRef(task)
       const status = cardStatus(task)
@@ -1752,38 +1996,29 @@ window.__ModuleLoader__.load({
         ? t('state.queued', { n: task.queuePos || 1 })
         : stateLabel(task, t)
       const pack = props.pack
-      // Дата заведения, а не время в колонке. «Здесь 34 минуты» у задачи,
-      // приехавшей подхватом полчаса назад, не значит ничего: это возраст
-      // карточки на доске, а спрашивают про возраст самой задачи.
       const born = shortDate(task.createdAt)
       const touched = task.sessionId ? agoText(now, task.updatedAt, t) : ''
       const menu = props.menuOpen
       const urgent = priorityColor(task)
       const overdue = task.overdue === true
-      return React.createElement('div', {
+      return h('div', {
         className: 'dkb-taskCard' + (urgent ? ' dkb-urgent' : '')
           + (overdue ? ' dkb-overdue' : '')
           + (props.sameSession ? ' dkb-sameSession' : ''),
         onMouseEnter: () => { if (props.onHover) props.onHover(task.sessionId || '') },
         onMouseLeave: () => { if (props.onHover) props.onHover('') },
         style: urgent ? { borderLeftColor: urgent } : undefined,
-        // Полный заголовок в подсказке: на карточке он обрезан двумя строками,
-        // и прочитать его иначе можно было только открыв её.
         title: task.title,
-        // Карточка становится точкой табуляции: доска была мышиной целиком, а
-        // перенос теперь ещё и команда агенту — действие с последствиями.
         tabIndex: 0,
         draggable: true,
         onDragStart: (e) => {
-          try { e.dataTransfer.setData('text/plain', task.id) } catch { /* не всякий носитель умеет */ }
+          try { e.dataTransfer.setData('text/plain', task.id) } catch { /* dataTransfer unsupported */ }
           props.onDragStart(task)
         },
         onClick: () => props.onOpen(task),
       },
-        // Шапка карточки: чей это проект и что за работа. Оба ответа нужны
-        // раньше заголовка — по ним карточку и находят глазами в колонке.
-        React.createElement('div', { className: 'dkb-taskHead' },
-          React.createElement('input', {
+        h('div', { className: 'dkb-taskHead' },
+          h('input', {
             type: 'checkbox',
             className: 'dkb-pick' + (props.picked ? ' dkb-pickOn' : ''),
             checked: props.picked === true,
@@ -1791,113 +2026,114 @@ window.__ModuleLoader__.load({
             onClick: (e) => e.stopPropagation(),
             onChange: () => props.onPick(task),
           }),
-          waiting ? React.createElement('span', { className: 'dkb-waitDot' }) : null,
-          waiting ? React.createElement('span', { className: 'dkb-waiting' }, t('board.waiting')) : null,
+          waiting ? h('span', { className: 'dkb-waitDot' }) : null,
+          waiting ? h('span', { className: 'dkb-waiting' }, t('board.waiting')) : null,
           taskRef(task, t),
-          task.cron ? React.createElement('span', { className: 'dkb-tag', title: task.cron }, '⏰ cron') : null,
-          task.progressDump ? React.createElement('span', { className: 'dkb-tag', title: 'PROGRESSDUMP' }, '📋 dump') : null,
-          task.rejectReason ? React.createElement('span', { className: 'dkb-tag', style: { background: 'var(--dsw-alias-state-danger-bg, #ffebe9)', color: 'var(--dsw-alias-state-danger-primary, #cf222e)', borderColor: 'var(--dsw-alias-state-danger-border, #ffc1c0)' }, title: task.rejectReason }, '↩ ' + t('acceptance.rejectedBadge')) : null,
+          task.isEpic ? h('span', { className: 'dkb-tag dkb-epicTag', title: t('epic.badge') }, '👑 ' + t('epic.badge')) : null,
+          task.parentId ? h('span', { className: 'dkb-tag', style: { opacity: 0.75 } }, '↳') : null,
+          task.subtasksCount && task.subtasksCount.total > 0
+            ? h('span', { className: 'dkb-tag', title: 'Subtasks' }, t('epic.progress', { done: task.subtasksCount.completed, total: task.subtasksCount.total }))
+            : null,
+          task.cron ? h('span', { className: 'dkb-tag', title: task.cron }, '⏰ cron') : null,
+          task.progressDump ? h('span', { className: 'dkb-tag', title: 'PROGRESSDUMP' }, '📋 dump') : null,
+          task.rejectReason ? h('span', { className: 'dkb-tag', style: { background: 'var(--dsw-alias-state-danger-bg, #ffebe9)', color: 'var(--dsw-alias-state-danger-primary, #cf222e)', borderColor: 'var(--dsw-alias-state-danger-border, #ffc1c0)' }, title: task.rejectReason }, '↩ ' + t('acceptance.rejectedBadge')) : null,
           Array.isArray(task.checklist) && task.checklist.length > 0
-            ? React.createElement('span', { className: 'dkb-tag', title: 'DoD Checklist' }, `☑ ${task.checklist.filter((i) => i.completed).length}/${task.checklist.length}`)
+            ? h('span', { className: 'dkb-tag', title: 'DoD Checklist' }, `☑ ${task.checklist.filter((i) => i.completed).length}/${task.checklist.length}`)
             : null,
           task.report && task.report.summary
-            ? React.createElement('span', { className: 'dkb-tag', title: 'Execution Report' }, '📄 report')
+            ? h('span', { className: 'dkb-tag', title: 'Execution Report' }, '📄 report')
             : null,
           Array.isArray(task.comments) && task.comments.length > 0
-            ? React.createElement('span', { className: 'dkb-tag', title: 'Comments' }, `💬 ${task.comments.length}`)
+            ? h('span', { className: 'dkb-tag', title: 'Comments' }, `💬 ${task.comments.length}`)
             : null,
-          (task.labels || []).map((l) => React.createElement('span', {
+          (task.labels || []).map((l) => h('span', {
             className: 'dkb-tag', key: l, style: tagStyle(task, l),
           }, l))),
-        React.createElement('div', { className: 'dkb-taskTitle' }, task.title),
-        plan ? React.createElement('div', { className: 'dkb-planLine' }, plan) : null,
-        // Второй путь к переносу, не замена перетаскиванию: мышью удобнее,
-        // когда мышь под рукой. Подтверждение и последствия у обоих те же —
-        // разойтись им нельзя.
-        React.createElement('div', { className: 'dkb-cardMenu' },
-          React.createElement('button', {
+        h('div', { className: 'dkb-taskTitle' }, task.title),
+        task.subtasksCount && task.subtasksCount.total > 0
+          ? h('div', { className: 'dkb-progressBar', title: `${task.subtasksCount.completed}/${task.subtasksCount.total}` },
+              h('div', {
+                className: 'dkb-progressFill',
+                style: { width: Math.round((task.subtasksCount.completed / task.subtasksCount.total) * 100) + '%' },
+              }))
+          : null,
+        plan ? h('div', { className: 'dkb-planLine' }, plan) : null,
+        h('div', { className: 'dkb-cardMenu' },
+          h('button', {
             type: 'button', className: 'dkb-moveBtn',
-            // Скрыто до наведения — но появляется и при фокусе с клавиатуры:
-            // прятать ради красоты то, что чинили ради доступности, нельзя.
             'aria-expanded': menu === task.id,
             onClick: (e) => { e.stopPropagation(); props.onMenu(menu === task.id ? '' : task.id) },
           }, t('card.move')),
           menu === task.id
-            ? React.createElement('div', { className: 'dkb-facetList' },
-              (props.columns || []).filter((c) => c !== task.column).map((c) => React.createElement('button', {
+            ? h('div', { className: 'dkb-facetList' },
+              (props.columns || []).filter((c) => c !== task.column).map((c) => h('button', {
                 type: 'button', className: 'dkb-facetRow', key: c,
                 onClick: (e) => { e.stopPropagation(); props.onMenu(''); props.onMove(task, c) },
               }, t('column.' + c))),
-              // Очередь стоит рядом с переносом: и то и другое — «отдать
-              // работу», разница лишь в том, кому и когда.
-              // Останавливать нечего у того, кто не идёт: пункт, который
-              // ничего не делает, хуже отсутствующего.
               task.state === 'stopped'
-                ? React.createElement('button', {
+                ? h('button', {
                   type: 'button', className: 'dkb-facetRow', key: 'revive',
                   onClick: (e) => { e.stopPropagation(); props.onMenu(''); props.onRevive(task) },
                 }, t('card.revive'))
                 : null,
               task.state === 'running' || task.state === 'waiting'
-                ? React.createElement('button', {
+                ? h('button', {
                   type: 'button', className: 'dkb-facetRow', key: 'stop',
                   onClick: (e) => { e.stopPropagation(); props.onMenu(''); props.onStop(task) },
                 }, t('card.stop'))
                 : null,
               task.state === 'queued'
-                ? React.createElement('button', {
+                ? h('button', {
                   type: 'button', className: 'dkb-facetRow', key: 'unqueue',
                   onClick: (e) => { e.stopPropagation(); props.onMenu(''); props.onUnqueue(task) },
                 }, t('card.unqueue'))
-                : React.createElement('button', {
+                : h('button', {
                   type: 'button', className: 'dkb-facetRow', key: 'queue',
                   onClick: (e) => { e.stopPropagation(); props.onMenu(''); props.onQueue(task) },
                 }, t('card.queue')))
             : null,
         ),
         status || state || born || touched
-          ? React.createElement('div', { className: 'dkb-taskRef' },
+          ? h('div', { className: 'dkb-taskRef' },
             state
-              ? React.createElement('span', {
+              ? h('span', {
                 className: 'dkb-state' + (task.state === 'running' ? ' dkb-stateLive' : ''),
               }, state)
               : null,
-            // Ссылка в чат стоит рядом с отметкой работы: «идёт» без пути к
-            // тому, что идёт, — сведение, которым нельзя воспользоваться.
             task.sessionId
-              ? React.createElement('button', {
+              ? h('button', {
                 type: 'button', className: 'dkb-toChat',
                 onClick: (e) => { e.stopPropagation(); props.onOpenChat(task) },
               }, t('card.toChat'))
               : null,
             touched
-              ? React.createElement('span', {
+              ? h('span', {
                 className: task.stale ? 'dkb-countOver' : '',
                 title: exactAt(task.updatedAt),
               }, touched)
               : null,
             born
-              ? React.createElement('span', { title: exactAt(task.createdAt) }, born)
+              ? h('span', { title: exactAt(task.createdAt) }, born)
               : null,
             task.dueAt > 0
-              ? React.createElement('span', {
+              ? h('span', {
                 className: overdue ? 'dkb-dueOver' : '',
                 title: exactAt(task.dueAt),
               }, t('card.due', { date: shortDate(task.dueAt) }))
               : null,
             task.assignee
-              ? React.createElement('span', { className: 'dkb-who', title: t('card.assigneeHint') },
+              ? h('span', { className: 'dkb-who', title: t('card.assigneeHint') },
                 '@' + task.assignee)
               : null,
             pack
-              ? React.createElement('span', {
+              ? h('span', {
                 className: 'dkb-pack', title: t('card.packHint'),
               }, t('card.pack', { at: pack.at, total: pack.total }))
               : null,
-            status ? React.createElement('span', null, status) : null)
+            status ? h('span', null, status) : null)
           : null,
       )
-    }
+    })
 
     /**
      * Чем запускать: профиль агента и уровень доступа.
@@ -1913,36 +2149,34 @@ window.__ModuleLoader__.load({
       const t = props.t
       const rows = []
       if (!props.hidePreset && (props.presets.agentPresets || []).length > 0) {
-        rows.push(React.createElement('div', { className: 'dkb-field', key: 'preset' },
-          React.createElement('span', { className: 'dkb-label' }, t('panel.agentPreset')),
-          React.createElement('select', {
+        rows.push(h('div', { className: 'dkb-field', key: 'preset' },
+          h('span', { className: 'dkb-label' }, t('panel.agentPreset')),
+          h('select', {
             className: 'dkb-input', value: props.agentPreset, disabled: props.disabled,
             onChange: (e) => props.onPreset(e.target.value),
           },
-            React.createElement('option', { value: '' }, t('panel.presetDefault')),
-            props.presets.agentPresets.map((one) => React.createElement('option', {
+            h('option', { value: '' }, t('panel.presetDefault')),
+            props.presets.agentPresets.map((one) => h('option', {
               value: one.id, key: one.id, title: one.description || '',
             }, one.name || one.id))),
         ))
       }
       if ((props.presets.access || []).length > 0) {
         const picked = (props.presets.access || []).find((one) => one.value === props.permission)
-        rows.push(React.createElement('div', { className: 'dkb-field', key: 'access' },
-          React.createElement('span', { className: 'dkb-label' }, t('panel.permission')),
-          React.createElement('select', {
+        rows.push(h('div', { className: 'dkb-field', key: 'access' },
+          h('span', { className: 'dkb-label' }, t('panel.permission')),
+          h('select', {
             className: 'dkb-input', value: props.permission, disabled: props.disabled,
             onChange: (e) => props.onPermission(e.target.value),
-          }, props.presets.access.map((one) => React.createElement('option', {
+          }, props.presets.access.map((one) => h('option', {
             value: one.value, key: one.value,
           }, one.name || one.value))),
-          // Пояснение к уровню доступа пишет ядро: свои слова разошлись бы с
-          // тем, что этот уровень значит на самом деле.
           picked && picked.description
-            ? React.createElement('p', { className: 'dkb-hint' }, picked.description)
+            ? h('p', { className: 'dkb-hint' }, picked.description)
             : null,
         ))
       }
-      return rows.length === 0 ? null : React.createElement('div', { className: 'dkb-start' }, rows)
+      return rows.length === 0 ? null : h('div', { className: 'dkb-start' }, rows)
     }
 
     function BoardScreen(props) {
@@ -1954,11 +2188,17 @@ window.__ModuleLoader__.load({
       const [rejectReasonText, setRejectReasonText] = React.useState('')
       const [newChecklistText, setNewChecklistText] = React.useState('')
       const [newCommentText, setNewCommentText] = React.useState('')
+      const [quickFilter, setQuickFilter] = React.useState('all')
+      const [subtasks, setSubtasks] = React.useState([])
+      const [triageOpen, setTriageOpen] = React.useState(false)
+      const [triageText, setTriageText] = React.useState('')
+      const [triageGitea, setTriageGitea] = React.useState(false)
+      const [triageSubmitting, setTriageSubmitting] = React.useState(false)
+      const [newSubtaskTitle, setNewSubtaskTitle] = React.useState('')
+      const [prCreating, setPrCreating] = React.useState(false)
+      const [createdPr, setCreatedPr] = React.useState(null)
       const [log, setLog] = React.useState([])
       const [dialog, setDialog] = React.useState(null)
-      // Черновик правки приоритета и меток в окне задачи. Живёт отдельно от
-      // карточки: пока человек не нажал «Сохранить», доска не должна видеть
-      // полувведённое.
       const [editPriority, setEditPriority] = React.useState('')
       const [editLabels, setEditLabels] = React.useState('')
       const [editDue, setEditDue] = React.useState('')
@@ -1971,41 +2211,30 @@ window.__ModuleLoader__.load({
       const [starting, setStarting] = React.useState(false)
       const [draftText, setDraftText] = React.useState('')
       const [query, setQuery] = React.useState('')
+      const [debouncedQuery, setDebouncedQuery] = React.useState('')
+      React.useEffect(() => {
+        const timer = setTimeout(() => setDebouncedQuery(query), 150)
+        return () => clearTimeout(timer)
+      }, [query])
       const [dropAt, setDropAt] = React.useState(null)
       const [board, setBoard] = React.useState('main')
-      // Решения о сворачивании держим в состоянии экрана, а не в хранилище:
-      // это взгляд одного человека на одну доску прямо сейчас, а не свойство
-      // задач. Обновление доски их переживает, перезагрузка страницы — нет.
       const [collapsed, setCollapsed] = React.useState({})
-      // Отборы живут в состоянии экрана: он смонтирован всё время работы
-      // харнесса, поэтому выбор переживает и закрытие доски, и обновление.
       const [filters, setFilters] = React.useState({})
       const [openFacet, setOpenFacet] = React.useState('')
       const [cardMenu, setCardMenu] = React.useState('')
       const [body, setBody] = React.useState(null)
       const [groups, setGroups] = React.useState({})
       const [syncing, setSyncing] = React.useState(false)
-      // Отмеченные для группового запуска. Живут отдельно от открытой карточки:
-      // выбор переживает и открытие окна, и обновление доски.
       const [picked, setPicked] = React.useState({})
       const [archive, setArchive] = React.useState(null)
       const [metrics, setMetrics] = React.useState(null)
-      // «Только ждущие» держим отдельно от отборов: это не значение измерения,
-      // а взгляд «покажи, где стоит работа», и складывается он с любым отбором.
       const [onlyWaiting, setOnlyWaiting] = React.useState(false)
       const [onlyOverdue, setOnlyOverdue] = React.useState(false)
       const [hoverSession, setHoverSession] = React.useState('')
       const [order, setOrder] = React.useState('manual')
-      // «По проектам» — как приходит с сервера; «по ответственному» — своя
-      // раскладка поверх того же порядка.
       const [grouping, setGrouping] = React.useState('repo')
-      // Кто «я»: спрашивается один раз у сервера. Пусто — Gitea не ответил, и
-      // кнопку «Мои» рисовать нельзя: соврать числом хуже, чем не показать.
       const [me, setMe] = React.useState('')
       const [onlyMine, setOnlyMine] = React.useState(false)
-      // Чем запускать: профиль агента и уровень доступа. Обе службы у ядра
-      // необязательны, поэтому пустой список — не поломка, а «выбирать не из
-      // чего»: поле тогда не рисуется вовсе.
       const [presets, setPresets] = React.useState({ agentPresets: [], access: [] })
       const [agentPreset, setAgentPreset] = React.useState('')
       const [permission, setPermission] = React.useState('')
@@ -2013,9 +2242,6 @@ window.__ModuleLoader__.load({
 
       const load = React.useCallback(async (nextBoard) => {
         try {
-          // Отбор по репозиторию делает браузер вместе с остальными отборами:
-          // серверный отбор спорил бы с ним и прятал бы часть значений из
-          // списка, потому что их не было бы в ответе.
           const query = '?board=' + encodeURIComponent(nextBoard || 'main')
           setState(normalizeBoard(await api('/board' + query)))
           setError('')
@@ -2026,7 +2252,6 @@ window.__ModuleLoader__.load({
 
       React.useEffect(() => { load(board) }, [load, board])
 
-      // Подписка на Server-Sent Events (SSE) для мгновенного обновления доски (#222).
       React.useEffect(() => {
         if (typeof window === 'undefined' || typeof window.EventSource !== 'function') return undefined
         let es = null
@@ -2035,15 +2260,19 @@ window.__ModuleLoader__.load({
         const connect = () => {
           try {
             es = new window.EventSource('/dsh-kanban/events')
-            es.addEventListener('board:change', () => {
-              load(board)
-            })
-            es.addEventListener('task:change', () => {
-              load(board)
-            })
+            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 {}
+                try { es.close() } catch { /* eventsource close best-effort */ }
                 es = null
               }
               if (!reconnectTimer) {
@@ -2053,7 +2282,7 @@ window.__ModuleLoader__.load({
                 }, 5000)
               }
             }
-          } catch {}
+          } catch { /* eventsource setup best-effort */ }
         }
 
         connect()
@@ -2061,14 +2290,12 @@ window.__ModuleLoader__.load({
         return () => {
           if (reconnectTimer) clearTimeout(reconnectTimer)
           if (es) {
-            try { es.close() } catch {}
+            try { es.close() } catch { /* eventsource close best-effort */ }
             es = null
           }
         }
       }, [load, board])
 
-      // Просьба чипа «покажи вот эту». Забираем её один раз: повтор открывал
-      // бы окно снова после каждого закрытия.
       const [wanted, setWanted] = React.useState('')
       React.useEffect(() => {
         const toggle = props.toggle
@@ -2083,8 +2310,6 @@ window.__ModuleLoader__.load({
         return toggle.subscribe(pull)
       }, [props.toggle])
 
-      // Открываем, когда задача приехала: доска могла переключаться, и в
-      // момент просьбы её ещё не было в списке.
       React.useEffect(() => {
         if (wanted === '' || state === null) return
         const task = state.tasks.find((x) => x.id === wanted)
@@ -2093,9 +2318,6 @@ window.__ModuleLoader__.load({
         openPanelRef.current(task)
       }, [wanted, state])
 
-      // Escape снимает по одному слою за нажатие: диалог, затем панель, затем
-      // саму доску. Закрывать всё разом — терять контекст, которого человек не
-      // просил лишаться.
       React.useEffect(() => {
         const onKey = (e) => {
           if (e.key !== 'Escape') return
@@ -2107,7 +2329,6 @@ window.__ModuleLoader__.load({
         return () => document.removeEventListener('keydown', onKey)
       }, [dialog, openTask, props])
 
-      // Сначала провайдеры и текущий выбор, затем модели выбранного провайдера.
       React.useEffect(() => {
         let alive = true
         api('/models')
@@ -2119,8 +2340,6 @@ window.__ModuleLoader__.load({
             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 || '')
@@ -2142,8 +2361,6 @@ window.__ModuleLoader__.load({
             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 || ''))
@@ -2160,8 +2377,6 @@ window.__ModuleLoader__.load({
             if (!alive || !out) return
             const list = out.models || []
             setModels(list)
-            // Модель могла исчезнуть у провайдера: подставленная из памяти, она
-            // осталась бы в поле, а запуск отказал бы уже после нажатия.
             setModel((cur) => stillOffered(cur, list.map((m) => m.id), ''))
           })
           .catch(() => { if (alive) setModels([]) })
@@ -2169,8 +2384,6 @@ window.__ModuleLoader__.load({
       }, [provider])
 
       const commitMove = React.useCallback(async (task, column, where) => {
-        // Карточку не перерисовываем заранее: до подтверждения она обязана
-        // оставаться там, где лежала, иначе отмена выглядит откатом.
         try {
           await api('/task/' + encodeURIComponent(task.id) + '/move', {
             method: 'POST',
@@ -2192,7 +2405,6 @@ window.__ModuleLoader__.load({
       const askMove = React.useCallback((task, column, where) => {
         if (!task) return
         const place = where ?? neighboursFor(tasksOf((state && state.tasks) || [], column), task.id, Infinity)
-        // Перенос внутри колонки — это порядок, а не команда: спрашивать не о чем.
         if (task.column === column) { commitMove(task, column, place); return }
         setDialog({ mode: 'move', task, column, where: place })
       }, [state, commitMove])
@@ -2203,7 +2415,6 @@ window.__ModuleLoader__.load({
         setOverColumn('')
         setDropAt(null)
         if (!task || !state) return
-        // Мышь слишком легко задевает карточку, чтобы перенос уходил без спроса.
         askMove(task, column, neighboursFor(tasksOf(state.tasks, column), task.id, index))
       }, [state, askMove])
 
@@ -2218,6 +2429,15 @@ window.__ModuleLoader__.load({
           ? new Date(task.dueAt).toISOString().slice(0, 10)
           : '')
         setEditCron(typeof task?.cron === 'string' ? task.cron : '')
+        setTriageOpen(false)
+        setTriageText('')
+        setTriageGitea(false)
+        setCreatedPr(null)
+        setNewSubtaskTitle('')
+        setSubtasks([])
+        api('/task/' + encodeURIComponent(task.id) + '/subtasks')
+          .then((out) => setSubtasks((out && out.subtasks) || []))
+          .catch(() => setSubtasks([]))
         api('/task/' + encodeURIComponent(task.id) + '/body')
           .then((out) => setBody((out && out.blocks) || []))
           .catch(() => setBody([]))
@@ -2231,75 +2451,65 @@ window.__ModuleLoader__.load({
       }, [])
       openPanelRef.current = openPanel
 
-      const style = React.createElement('style', null, css)
+      ensureCss()
+      const style = null
 
       if (state === null) {
-        return React.createElement('div', { className: 'dkb-screen' }, style,
-          React.createElement('p', { className: 'dkb-note' }, error || t('board.loading')))
+        return h('div', { className: 'dkb-screen' },
+          h('p', { className: 'dkb-note' }, error || t('board.loading')))
       }
 
       const boards = (state && state.boards) || []
-      const bar = React.createElement('div', { className: 'dkb-bar' },
-        // Первой в шапке и слева от заголовка — там она читается как «назад».
-        // Своего механизма закрытия не заводит: их уже три (Escape, повторный
-        // щелчок по боковой строке, переход в чужую сессию), и четвёртый
-        // разошёлся бы с ними при первой же правке.
-        React.createElement('button', {
+      const bar = h('div', { className: 'dkb-bar' },
+        h('button', {
           type: 'button', className: 'dkb-back', title: t('board.backHint'),
           onClick: () => { if (props.onClose) props.onClose() },
         },
-          React.createElement('span', {
+          h('span', {
             className: 'dkb-backIcon',
             dangerouslySetInnerHTML: { __html: BACK_ICON },
           }),
-          React.createElement('span', null, t('board.back')),
+          h('span', null, t('board.back')),
         ),
-        React.createElement('span', { className: 'dkb-barTitle' }, t('section.label')),
+        h('span', { className: 'dkb-barTitle' }, t('section.label')),
         boards.length > 1
-          ? React.createElement('select', {
+          ? h('select', {
             className: 'dkb-input', style: { width: 'auto' }, value: board,
             onChange: (e) => {
-              // Отборы собраны из меток ЭТОЙ доски: на другой те же значения
-              // могут не встречаться вовсе, и выбор превратился бы в пустоту.
               setOpenTask(null); setCollapsed({}); setFilters({}); setBoard(e.target.value)
             },
-          }, boards.map((b) => React.createElement('option', { value: b.id, key: b.id }, boardTitle(b, t))))
+          }, boards.map((b) => h('option', { value: b.id, key: b.id }, boardTitle(b, t))))
           : null,
         (state.facets || []).map((facet) => {
           const picked = filters[facet.ns] || []
-          // Имена пространств приходят из Gitea сырыми. Известные переводим,
-          // незнакомое оставляем как есть: выдумывать перевод метке, которую
-          // завели вчера, доска не вправе.
           const label = facetLabel(facet.ns, t)
-          return React.createElement('div', { className: 'dkb-facet', key: facet.ns },
-            React.createElement('button', {
+          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
-              ? React.createElement('div', { className: 'dkb-facetList' },
-                facet.values.map((v) => React.createElement('label', {
+              ? h('div', { className: 'dkb-facetList' },
+                facet.values.map((v) => h('label', {
                   className: 'dkb-facetRow', key: v.value,
                 },
-                  React.createElement('input', {
+                  h('input', {
                     type: 'checkbox',
                     checked: picked.indexOf(v.value) >= 0,
                     onChange: () => setFilters((cur) => toggleValue(cur, facet.ns, v.value)),
                   }),
-                  React.createElement('span', { className: 'dkb-facetName' }, v.value),
-                  React.createElement('span', { className: 'dkb-count' }, String(v.count)),
+                  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 React.createElement('button', {
+          return h('button', {
             type: 'button',
             className: 'dkb-waitCount' + (onlyWaiting ? ' dkb-save' : ''),
             title: t('board.waitCountHint'),
@@ -2307,11 +2517,9 @@ window.__ModuleLoader__.load({
           }, t('board.waitCount', { n: waiting }))
         })(),
         (() => {
-          // Просроченные — те, чей дедлайн уже прошёл. Счётчик появляется
-          // только когда такие есть: ноль в шапке — мебель.
           const overdue = state.tasks.filter((x) => x.overdue === true).length
           if (overdue === 0) return null
-          return React.createElement('button', {
+          return h('button', {
             type: 'button',
             className: 'dkb-waitCount' + (onlyOverdue ? ' dkb-save' : ''),
             title: t('board.overdueHint'),
@@ -2319,34 +2527,32 @@ window.__ModuleLoader__.load({
           }, 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 React.createElement('button', {
+          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 }))
         })(),
-        React.createElement('select', {
+        h('select', {
           className: 'dkb-input', style: { width: 'auto' }, value: grouping,
           onChange: (e) => setGrouping(e.target.value),
         },
-          React.createElement('option', { value: 'repo' }, t('group.repo')),
-          React.createElement('option', { value: 'assignee' }, t('group.assignee')),
+          h('option', { value: 'repo' }, t('group.repo')),
+          h('option', { value: 'assignee' }, t('group.assignee')),
         ),
-        React.createElement('select', {
+        h('select', {
           className: 'dkb-input', style: { width: 'auto' }, value: order,
           onChange: (e) => setOrder(e.target.value),
         },
-          React.createElement('option', { value: 'manual' }, t('order.manual')),
-          React.createElement('option', { value: 'old' }, t('order.old')),
-          React.createElement('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')),
         ),
-        React.createElement('button', {
+        h('button', {
           type: 'button', className: metrics ? 'dkb-save' : 'dkb-discard',
           onClick: async () => {
             if (metrics) { setMetrics(null); return }
@@ -2356,7 +2562,7 @@ window.__ModuleLoader__.load({
             } catch (e) { setError(t(e.key || 'error.unknown')) }
           },
         }, t('board.metrics')),
-        React.createElement('button', {
+        h('button', {
           type: 'button', className: archive ? 'dkb-save' : 'dkb-discard',
           onClick: async () => {
             if (archive) { setArchive(null); return }
@@ -2367,8 +2573,7 @@ window.__ModuleLoader__.load({
             } catch (e) { setError(t(e.key || 'error.unknown')) }
           },
         }, t('board.archive')),
-        // Экспорт скачивает полный снимок доски; импорт восстанавливает его.
-        React.createElement('button', {
+        h('button', {
           type: 'button', className: 'dkb-discard',
           title: t('board.exportHint'),
           onClick: async () => {
@@ -2384,9 +2589,9 @@ window.__ModuleLoader__.load({
             } catch (e) { setError(t(e.key || 'error.unknown')) }
           },
         }, t('board.export')),
-        React.createElement('label', { className: 'dkb-discard dkb-import' },
+        h('label', { className: 'dkb-discard dkb-import' },
           t('board.import'),
-          React.createElement('input', {
+          h('input', {
             type: 'file', accept: 'application/json,.json', style: { display: 'none' },
             onChange: async (e) => {
               const file = e.target.files && e.target.files[0]
@@ -2400,42 +2605,34 @@ window.__ModuleLoader__.load({
               } catch { setError(t('error.badImport')) }
             },
           })),
-        // «Показано 12 из 81» появляется, только когда что-то отобрано или
-        // введён поиск: на нетронутой доске эта строка была бы шумом.
         anySelected(filters) || query.trim() !== ''
-          ? React.createElement('span', { className: 'dkb-shown' }, t('board.shown', {
+          ? 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)
-          ? React.createElement('button', {
+          ? h('button', {
             type: 'button', className: 'dkb-discard',
             onClick: () => { setFilters({}); setOpenFacet('') },
           }, t('board.clearFilters'))
           : null,
-        React.createElement('input', {
+        h('input', {
           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 React.createElement('span', {
+          return h('span', {
             className: 'dkb-sync' + (line.tone === 'bad' ? ' dkb-syncBad' : ''),
             title: line.title,
           }, line.text)
         })(),
-        React.createElement('button', {
+        h('button', {
           type: 'button', className: 'dkb-discard', disabled: syncing,
           onClick: async () => {
-            // Кнопка гаснет на время прохода: нажать её второй раз значило бы
-            // попросить сверку, которая и так идёт, а сервер ответил бы
-            // «пропущено» — и человек решил бы, что ничего не случилось.
             setSyncing(true)
             try {
               await api('/sync', { method: 'POST', body: '{}' })
@@ -2447,21 +2644,32 @@ window.__ModuleLoader__.load({
             }
           },
         }, syncing ? t('board.syncing') : t('board.sync')),
-        React.createElement('button', { type: 'button', className: 'dkb-discard', onClick: () => load(board) }, t('board.refresh')),
-        // Полоса выбора появляется, только когда что-то отмечено: на пустом
-        // выборе она была бы мебелью.
+        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))),
         Object.keys(picked).length > 0
-          ? React.createElement('span', { className: 'dkb-shown' },
+          ? h('span', { className: 'dkb-shown' },
             t('board.pickedCount', { n: Object.keys(picked).length }))
           : null,
         Object.keys(picked).length > 0
-          ? React.createElement('button', {
+          ? h('button', {
             type: 'button', className: 'dkb-discard',
             onClick: () => setPicked({}),
           }, t('board.pickNone'))
           : null,
         Object.keys(picked).length > 0
-          ? React.createElement('button', {
+          ? h('button', {
             type: 'button', className: 'dkb-save',
             onClick: () => setDialog({
               mode: 'batch',
@@ -2471,15 +2679,13 @@ window.__ModuleLoader__.load({
           }, t('board.pickStart'))
           : null,
         Object.keys(picked).length > 0
-          ? React.createElement('button', {
+          ? 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)
@@ -2487,7 +2693,7 @@ window.__ModuleLoader__.load({
           }, t('board.pickArchive'))
           : null,
         Object.keys(picked).length > 0
-          ? React.createElement('button', {
+          ? h('button', {
             type: 'button', className: 'dkb-discard',
             onClick: async () => {
               const ids = Object.keys(picked)
@@ -2501,14 +2707,12 @@ window.__ModuleLoader__.load({
           }, t('board.pickUnqueue'))
           : null,
         Object.keys(picked).length > 0
-          ? React.createElement('select', {
-            className: 'dkb-input', style: { width: 'auto' }, value: '',
+          ? h('select', {
+            className: 'dkb-input',
             onChange: async (e) => {
               const column = e.target.value
-              if (column === '') return
+              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 }) },
@@ -2518,36 +2722,33 @@ window.__ModuleLoader__.load({
               await load(board)
             },
           },
-            React.createElement('option', { value: '' }, t('board.pickMove')),
-            (state.columns || []).map((c) => React.createElement('option', {
+            h('option', { value: '' }, t('board.pickMove')),
+            (state.columns || []).map((c) => h('option', {
               value: c.id, key: c.id,
             }, columnTitle(c, t))),
           )
           : null,
-        React.createElement('button', { type: 'button', className: 'dkb-save', onClick: () => setDialog({ mode: 'own', project: false, repo: '', newRepo: '', title: '', full: '', repos: null, issues: null, error: '' }) }, t('board.newTask')),
+        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 = React.createElement('div', { className: 'dkb-cols' },
+      const columns = h('div', { className: 'dkb-cols' },
         state.columns.map((col) => {
-          // Счётчик колонки считает ОТОБРАННОЕ, а поиск — нет.
-          //
-          // Разница осмысленная, а не недосмотр: поиск временный, и предел
-          // «3 из 3» при найденной одной карточке врал бы. Отбор постоянный, и
-          // на отборе по одному проекту «в работе 3 из 3» должно значить «по
-          // этому проекту» — иначе предел ни о чём.
           const all = tasksOf(state.tasks, col.id).filter((task) => matchesFilters(task, filters))
           const items = sortTasks(
-            all.filter((task) => matchesQuery(task, query))
+            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) => !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 || ''))
@@ -2556,7 +2757,7 @@ window.__ModuleLoader__.load({
             : items
           const limit = col.limit
           const overLimit = limit !== undefined && limit !== null && all.length > limit
-          const slot = (index) => React.createElement('div', {
+          const slot = (index) => h('div', {
             className: 'dkb-slot' + (dropAt && dropAt.column === col.id && dropAt.index === index ? ' dkb-slotOn' : ''),
             key: 's' + index,
             onDragOver: (e) => {
@@ -2569,8 +2770,6 @@ window.__ModuleLoader__.load({
 
           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)
@@ -2581,20 +2780,18 @@ window.__ModuleLoader__.load({
             if (manyGroups && repo !== group) {
               group = repo
               const shut = groups[col.id + '/' + repo] === true
-              rows.push(React.createElement('button', {
+              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 })),
               },
-                React.createElement('span', null,
+                h('span', null,
                   repo || t(grouping === 'assignee' ? 'group.nobody' : 'board.noRepo')),
-                // Счётчик виден и у свёрнутой: группа с работой, выглядящая
-                // пустой, — то же зло, что и свёрнутая колонка без числа.
-                React.createElement('span', { className: 'dkb-groupCount' }, String(sizes.get(repo))),
+                h('span', { className: 'dkb-groupCount' }, String(sizes.get(repo))),
               ))
             }
             if (manyGroups && groups[col.id + '/' + (task.repo || '')] === true) return
-            rows.push(React.createElement(TaskCard, {
+            rows.push(h(TaskCard, {
               key: task.id, task, t, now: state.now,
               columns: (state.columns || []).map((c) => c.id),
               menuOpen: cardMenu,
@@ -2610,9 +2807,6 @@ window.__ModuleLoader__.load({
               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 }),
@@ -2624,8 +2818,6 @@ window.__ModuleLoader__.load({
               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')) }
@@ -2635,8 +2827,6 @@ window.__ModuleLoader__.load({
                 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')) }
@@ -2666,37 +2856,33 @@ window.__ModuleLoader__.load({
             ? all.length + ' / ' + t('board.limit', { n: limit })
             : String(all.length)
 
-          return React.createElement('div', {
+          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) },
           },
-            React.createElement('button', {
+            h('button', {
               type: 'button', className: 'dkb-colHead',
               'aria-expanded': !shut,
               title: t(shut ? 'board.expand' : 'board.collapse'),
               onClick: toggle,
             },
-              React.createElement('span', { className: 'dkb-dot', 'data-col': col.id }),
-              React.createElement('span', { className: 'dkb-colName' }, columnTitle(col, t)),
-              // Число карточек видно и в свёрнутом виде: колонка с работой,
-              // выглядящая пустой, — худшее, что может сделать сворачивание.
-              React.createElement('span', {
+              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 : React.createElement('div', { className: 'dkb-list' },
+            shut ? null : h('div', { className: 'dkb-list' },
               all.length === 0
-                ? React.createElement('div', { className: 'dkb-empty' }, t('board.empty'))
+                ? h('div', { className: 'dkb-empty' }, t('board.empty'))
                 : items.length === 0
-                  ? React.createElement('div', { className: 'dkb-empty' }, t('board.noMatch'))
+                  ? h('div', { className: 'dkb-empty' }, t('board.noMatch'))
                   : null,
               rows,
             ),
@@ -2704,24 +2890,18 @@ window.__ModuleLoader__.load({
         }),
       )
 
-      // Окно, а не панель справа: в 420 пикселей помещались описание и журнал,
-      // но не план с отметками. Живёт внутри экрана доски — сама доска лежит в
-      // колонке разговора, и выход за её пределы наложился бы на чужие части
-      // оболочки.
       const panel = openTask
-        ? React.createElement('div', {
+        ? h('div', {
           className: 'dkb-modal',
           onClick: () => setOpenTask(null),
-        }, React.createElement('div', {
+        }, h('div', {
           className: 'dkb-panel dkb-panelWide',
           role: 'dialog', 'aria-modal': 'true',
           onClick: (e) => e.stopPropagation(),
         },
-          // Шапка: чьё это, что за работа, и лишь потом название. Тот же
-          // порядок, что на карточке, — глаз не должен переучиваться.
-          React.createElement('div', { className: 'dkb-row' },
-            React.createElement('label', { className: 'dkb-label' }, t('reasoning.label')),
-            React.createElement('select', {
+          h('div', { className: 'dkb-row' },
+            h('label', { className: 'dkb-label' }, t('reasoning.label')),
+            h('select', {
               className: 'dkb-select',
               value: openTask.reasoningEffort || '',
               onChange: async (e) => {
@@ -2732,53 +2912,51 @@ window.__ModuleLoader__.load({
                     method: 'POST',
                     body: JSON.stringify({ reasoningEffort: val }),
                   })
-                } catch {}
+                } catch { /* update reasoning effort best-effort */ }
               },
             },
-              React.createElement('option', { value: '' }, t('reasoning.default')),
-              React.createElement('option', { value: 'low' }, t('reasoning.low')),
-              React.createElement('option', { value: 'medium' }, t('reasoning.medium')),
-              React.createElement('option', { value: 'high' }, t('reasoning.high')),
+              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')),
             ),
           ),
-          React.createElement('div', { className: 'dkb-row' },
-            React.createElement('div', { className: 'dkb-taskHead', style: { flex: 1 } },
+          h('div', { className: 'dkb-row' },
+            h('div', { className: 'dkb-taskHead', style: { flex: 1 } },
               taskRef(openTask, t),
-              (openTask.labels || []).map((l) => React.createElement('span', {
+              (openTask.labels || []).map((l) => h('span', {
                 className: 'dkb-tag', key: l, style: tagStyle(openTask, l),
               }, l))),
-            React.createElement('button', {
+            h('button', {
               type: 'button', className: 'dkb-discard', onClick: () => setOpenTask(null),
             }, t('panel.close')),
           ),
-          React.createElement('div', { className: 'dkb-title' }, openTask.title),
-          React.createElement('div', { className: 'dkb-note' },
+          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
-              ? React.createElement('a', {
+              ? h('a', {
                 className: 'dkb-issueLink', href: openTask.issueUrl,
                 target: '_blank', rel: 'noreferrer noopener',
               }, ' · ' + t('panel.issue') + ' ↗')
               : null),
           openTask.worktree
-            ? React.createElement('div', { className: 'dkb-note', style: { wordBreak: 'break-all' } },
+            ? h('div', { className: 'dkb-note', style: { wordBreak: 'break-all' } },
               t('panel.worktree', { path: openTask.worktree })
               + (openTask.branch ? ' (' + openTask.branch + ')' : ''))
             : null,
           openTask.permission && !openTask.permissionConfirmedAt
-            ? React.createElement('div', {
+            ? h('div', {
                 className: 'dkb-warnBox',
                 style: { margin: '4px 0', padding: 10, background: 'var(--dsw-alias-state-warn-bg, #fff3cd)', border: '1px solid var(--dsw-alias-state-warn-border, #ffeeba)', borderRadius: 6 },
               },
-                React.createElement('div', { style: { marginBottom: 6, fontSize: 13, fontWeight: 500, color: 'var(--dsw-alias-state-warn-primary, #856404)' } },
+                h('div', { style: { marginBottom: 6, fontSize: 13, fontWeight: 500, color: 'var(--dsw-alias-state-warn-primary, #856404)' } },
                   t('task.permissionGateWarning', { permission: openTask.permission })),
-                React.createElement('button', {
+                h('button', {
                   type: 'button', className: 'dkb-save',
                   onClick: async () => {
                     try {
@@ -2790,59 +2968,53 @@ window.__ModuleLoader__.load({
                 }, t('task.confirmPermission')),
               )
             : null,
-          // Пустое тело — отсутствие раздела, а не пустой раздел с заголовком.
           body === null
-            ? React.createElement('p', { className: 'dkb-note' }, t('panel.bodyLoading'))
+            ? h('p', { className: 'dkb-note' }, t('panel.bodyLoading'))
             : body.length === 0
               ? null
-              : React.createElement('div', { className: 'dkb-mdBody' }, renderBlocks(body)),
-          // Приоритет и метки — локальное свойство доски: правятся здесь, а не
-          // в Gitea. У задач из issue метки приезжают сверкой, но приоритет
-          // всегда свой.
-          React.createElement('div', { className: 'dkb-edit' },
-            React.createElement('div', { className: 'dkb-field' },
-              React.createElement('span', { className: 'dkb-label' }, t('panel.priority')),
-              React.createElement('select', {
+              : 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),
               },
-                React.createElement('option', { value: '' }, t('panel.priorityNone')),
-                ['high', 'medium', 'low'].map((p) => React.createElement('option', { value: p, key: p }, t('priority.' + p)))),
+                h('option', { value: '' }, t('panel.priorityNone')),
+                ['high', 'medium', 'low'].map((p) => h('option', { value: p, key: p }, t('priority.' + p)))),
             ),
-            React.createElement('div', { className: 'dkb-field' },
-              React.createElement('span', { className: 'dkb-label' }, t('panel.labels')),
-              React.createElement('input', {
+            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),
               }),
             ),
-            React.createElement('div', { className: 'dkb-field' },
-              React.createElement('span', { className: 'dkb-label' }, t('panel.due')),
-              React.createElement('input', {
+            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),
               }),
             ),
-            React.createElement('div', { className: 'dkb-field' },
-              React.createElement('span', { className: 'dkb-label' }, t('task.cron')),
-              React.createElement('input', {
+            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
-                ? React.createElement('p', { className: 'dkb-hint' },
+                ? h('p', { className: 'dkb-hint' },
                     t('task.nextRun', { date: new Date(openTask.nextRunAt).toLocaleString() }))
                 : null,
             ),
-            React.createElement('button', {
+            h('button', {
               type: 'button', className: 'dkb-save', style: { alignSelf: 'flex-start' },
               onClick: async () => {
                 try {
                   const labels = editLabels.split(',').map((s) => s.trim()).filter(Boolean)
-                  // Пустая дата снимает дедлайн (0); заполненная — полночь
-                  // этого дня по местному времени.
                   const dueAt = editDue === ''
                     ? 0
                     : new Date(editDue + 'T00:00:00').getTime()
@@ -2857,9 +3029,9 @@ window.__ModuleLoader__.load({
             }, t('panel.saveEdit')),
           ),
           openTask.progressDump
-            ? React.createElement('div', null,
-                React.createElement('div', { className: 'dkb-group' }, t('task.progressDump')),
-                React.createElement('pre', {
+            ? 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,
@@ -2867,21 +3039,155 @@ window.__ModuleLoader__.load({
                 }, 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(),
+                  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()
+                    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')) }
+                  }
+                },
+              }),
+              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) + '...'),
+            ),
+            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
-            ? React.createElement('div', null,
-                React.createElement('div', { className: 'dkb-group' }, t('task.runs')),
-                React.createElement('ul', { className: 'dkb-log' }, openTask.runs.map((r) => React.createElement('li', {
+            ? 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' },
                 },
-                  React.createElement('span', null,
+                  h('span', null,
                     (r.result === 'succeeded' ? '✓ ' : r.result === 'failed' ? '✕ ' : '▸ ')
                     + new Date(r.startedAt).toLocaleTimeString()
                     + (r.model ? ' · ' + r.model : '')
                     + (r.error ? ' · ' + r.error : '')
                   ),
                   r.sessionId
-                    ? React.createElement('button', {
+                    ? h('button', {
                         type: 'button',
                         className: 'dkb-discard',
                         style: { padding: '2px 6px', fontSize: 11 },
@@ -2897,9 +3203,7 @@ window.__ModuleLoader__.load({
                     : null,
                 ))))
             : null,
-          // Взять и отдать — одна кнопка в двух состояниях: держать рядом
-          // «взять» и «отказаться» значит предлагать бессмысленное действие.
-          React.createElement('button', {
+          h('button', {
             type: 'button', className: 'dkb-discard', style: { alignSelf: 'flex-start' },
             onClick: async () => {
               const mine = openTask.assignee !== '' && openTask.assignee !== undefined
@@ -2914,12 +3218,9 @@ window.__ModuleLoader__.load({
             },
           }, openTask.assignee ? t('panel.assignDrop') : t('panel.assignMe')),
           openTask.sessionId
-            ? React.createElement('button', {
+            ? h('button', {
               type: 'button', className: 'dkb-discard', style: { alignSelf: 'flex-start' },
               onClick: () => {
-                // Тот же путь, что и сразу после запуска: задача, идущая
-                // вторые сутки, иначе ищется в общем списке по имени вида
-                // kanban-9e84cae6-…
                 if (!openSession(props.ctx, openTask.sessionId)) {
                   setError(t('error.sessionNotOpened', { id: openTask.sessionId }))
                   return
@@ -2930,31 +3231,31 @@ window.__ModuleLoader__.load({
             }, t('panel.openChat'))
             : null,
           log.length
-            ? React.createElement('div', null,
-              React.createElement('div', { className: 'dkb-group' }, t('panel.log')),
-              React.createElement('ul', { className: 'dkb-log' }, log.map((row) => React.createElement('li', {
+            ? 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
-            ? React.createElement('div', null,
-              React.createElement('div', { className: 'dkb-group' }, t('plan.title')),
-              React.createElement('p', { className: 'dkb-hint' }, planLine(openTask, t)),
-              React.createElement('ul', { className: 'dkb-planList' },
-                openTask.plan.items.map((item, i) => React.createElement('li', {
+            ? 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' : ''),
                 },
-                  React.createElement('span', { className: 'dkb-planMark' },
+                  h('span', { className: 'dkb-planMark' },
                     item.done ? '✓' : item.active ? '▸' : '·'),
-                  React.createElement('span', null, item.text),
+                  h('span', null, item.text),
                 ))),
             )
             : null,
           openTask.rejectReason
-            ? React.createElement('div', {
+            ? h('div', {
                 className: 'dkb-warnBox',
                 style: {
                   margin: '4px 0', padding: 10,
@@ -2963,13 +3264,13 @@ window.__ModuleLoader__.load({
                   borderRadius: 6,
                 },
               },
-                React.createElement('div', {
+                h('div', {
                   style: { marginBottom: 4, fontSize: 13, fontWeight: 600, color: 'var(--dsw-alias-state-danger-primary, #cf222e)' },
                 }, '⚠️ ' + t('acceptance.rejectedAlert', { reason: openTask.rejectReason })),
               )
             : null,
           openTask.worktree
-            ? React.createElement('div', {
+            ? h('div', {
                 style: {
                   margin: '8px 0', padding: 12,
                   background: 'var(--dsw-alias-bg-layer-3)',
@@ -2977,13 +3278,13 @@ window.__ModuleLoader__.load({
                   borderRadius: 8, display: 'flex', flexDirection: 'column', gap: 8,
                 },
               },
-                React.createElement('div', { style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center' } },
-                  React.createElement('div', { className: 'dkb-group', style: { margin: 0 } },
+                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 })}` : '',
                   ),
-                  React.createElement('button', {
+                  h('button', {
                     type: 'button', className: 'dkb-discard',
                     style: { padding: '2px 8px', fontSize: 11 },
                     onClick: () => {
@@ -2992,37 +3293,37 @@ window.__ModuleLoader__.load({
                     },
                   }, diffExpanded ? t('diff.hide') : t('diff.show')),
                 ),
-                diffExpanded ? React.createElement('div', { style: { display: 'flex', flexDirection: 'column', gap: 6 } },
+                diffExpanded ? h('div', { style: { display: 'flex', flexDirection: 'column', gap: 6 } },
                   commitsData.length > 0
-                    ? React.createElement('div', { style: { display: 'flex', flexDirection: 'column', gap: 4, marginBottom: 4 } },
-                        commitsData.map((cm) => React.createElement('div', {
+                    ? 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' },
                         },
-                          React.createElement('span', { style: { color: 'var(--dsw-alias-label-link, #3b82f6)' } }, cm.hash),
-                          React.createElement('span', { style: { flex: 1, whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' } }, cm.subject),
-                          React.createElement('span', { style: { opacity: 0.6 } }, cm.date),
+                          h('span', { style: { color: 'var(--dsw-alias-label-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
-                    ? React.createElement('div', { style: { fontSize: 12, opacity: 0.7 } }, 'Loading diff...')
+                    ? h('div', { style: { fontSize: 12, opacity: 0.7 } }, 'Loading diff...')
                     : diffData?.diff
-                      ? React.createElement('pre', {
+                      ? h('pre', {
                           style: {
                             margin: 0, padding: 8, maxHeight: 280, overflowY: 'auto',
-                            background: 'var(--dsw-alias-bg-layer-2, #1e1e1e)',
-                            color: 'var(--dsw-alias-label-primary, #ddd)',
+                            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)
-                      : React.createElement('div', { style: { fontSize: 12, opacity: 0.7 } }, t('diff.empty'))
+                      : h('div', { style: { fontSize: 12, opacity: 0.7 } }, t('diff.empty'))
                 ) : null
               )
             : null,
           openTask.column === 'review'
-            ? React.createElement('div', {
+            ? h('div', {
                 style: {
                   margin: '8px 0', padding: 12,
                   background: 'var(--dsw-alias-bg-layer-3)',
@@ -3030,13 +3331,13 @@ window.__ModuleLoader__.load({
                   borderRadius: 8, display: 'flex', flexDirection: 'column', gap: 8,
                 },
               },
-                React.createElement('div', { className: 'dkb-group', style: { margin: 0 } }, t('acceptance.title')),
-                React.createElement('div', { style: { display: 'flex', gap: 8 } },
+                h('div', { className: 'dkb-group', style: { margin: 0 } }, t('acceptance.title')),
+                h('div', { style: { display: 'flex', gap: 8 } },
                   openTask.worktree
-                    ? React.createElement('button', {
+                    ? h('button', {
                         type: 'button', className: 'dkb-save',
                         disabled: merging,
-                        style: { background: 'var(--dsw-alias-bg-success, #16a34a)', color: '#fff' },
+                        style: { background: 'var(--dsw-alias-state-success-primary, #16a34a)', color: 'var(--dsw-alias-label-inverse, #fff)' },
                         onClick: async () => {
                           try {
                             setMerging(true)
@@ -3048,7 +3349,7 @@ window.__ModuleLoader__.load({
                         },
                       }, merging ? t('acceptance.merging') : '🔀 ' + t('acceptance.acceptAndMerge'))
                     : null,
-                  React.createElement('button', {
+                  h('button', {
                     type: 'button', className: 'dkb-save',
                     onClick: async () => {
                       try {
@@ -3058,23 +3359,50 @@ window.__ModuleLoader__.load({
                       } catch (e) { setError(t(e.key || 'error.unknown')) }
                     },
                   }, '✓ ' + t('acceptance.accept')),
-                  React.createElement('button', {
+                  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-info-primary, #0969da)', color: 'var(--dsw-alias-label-inverse, #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-inverse, #fff)', textDecoration: 'none', display: 'inline-flex', alignItems: 'center' },
+                        href: createdPr.html_url,
+                        target: '_blank', rel: 'noopener noreferrer',
+                      }, '↗ ' + t('pr.view') + ` #${createdPr.number}`)
+                    : null,
                 ),
                 rejectModalOpen
-                  ? React.createElement('div', { style: { display: 'flex', flexDirection: 'column', gap: 6, marginTop: 6 } },
-                      React.createElement('span', { className: 'dkb-label' }, t('acceptance.rejectTitle')),
-                      React.createElement('textarea', {
+                  ? 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,
                       }),
-                      React.createElement('div', { style: { display: 'flex', gap: 6 } },
-                        React.createElement('button', {
+                      h('div', { style: { display: 'flex', gap: 6 } },
+                        h('button', {
                           type: 'button', className: 'dkb-save',
                           onClick: async () => {
                             if (!rejectReasonText.trim()) return
@@ -3089,7 +3417,7 @@ window.__ModuleLoader__.load({
                             } catch (e) { setError(t(e.key || 'error.unknown')) }
                           },
                         }, t('acceptance.rejectSubmit')),
-                        React.createElement('button', {
+                        h('button', {
                           type: 'button', className: 'dkb-discard',
                           onClick: () => setRejectModalOpen(false),
                         }, t('dialog.cancel')),
@@ -3098,11 +3426,11 @@ window.__ModuleLoader__.load({
                   : null,
               )
             : null,
-          React.createElement('div', { style: { margin: '4px 0' } },
-            React.createElement('div', { className: 'dkb-group', style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center' } },
-              React.createElement('span', null, t('checklist.title')),
+          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
-                ? React.createElement('span', { className: 'dkb-hint', style: { fontWeight: 'normal' } },
+                ? h('span', { className: 'dkb-hint', style: { fontWeight: 'normal' } },
                     t('checklist.progress', {
                       done: openTask.checklist.filter((i) => i.completed).length,
                       total: openTask.checklist.length,
@@ -3110,8 +3438,8 @@ window.__ModuleLoader__.load({
                 : null,
             ),
             Array.isArray(openTask.checklist) && openTask.checklist.length > 0
-              ? React.createElement('ul', { style: { listStyle: 'none', padding: 0, margin: '4px 0', display: 'flex', flexDirection: 'column', gap: 4 } },
-                  openTask.checklist.map((item, idx) => React.createElement('li', {
+              ? 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',
@@ -3119,8 +3447,8 @@ window.__ModuleLoader__.load({
                       borderRadius: 6, border: '1px solid var(--dsw-alias-border-l2)',
                     },
                   },
-                    React.createElement('div', { style: { display: 'flex', alignItems: 'center', gap: 8 } },
-                      React.createElement('input', {
+                    h('div', { style: { display: 'flex', alignItems: 'center', gap: 8 } },
+                      h('input', {
                         type: 'checkbox',
                         checked: Boolean(item.completed),
                         onChange: async (e) => {
@@ -3136,7 +3464,7 @@ window.__ModuleLoader__.load({
                           } catch (err) { setError(t(err.key || 'error.unknown')) }
                         },
                       }),
-                      React.createElement('span', {
+                      h('span', {
                         style: {
                           textDecoration: item.completed ? 'line-through' : 'none',
                           color: item.completed ? 'var(--dsw-alias-label-tertiary)' : 'var(--dsw-alias-label-primary)',
@@ -3144,11 +3472,11 @@ window.__ModuleLoader__.load({
                         },
                       }, item.text),
                       item.required !== false
-                        ? React.createElement('span', { className: 'dkb-tag', style: { fontSize: 10 } }, t('checklist.required'))
+                        ? h('span', { className: 'dkb-tag', style: { fontSize: 10 } }, t('checklist.required'))
                         : null,
                     ),
                     item.evidence
-                      ? React.createElement('div', {
+                      ? h('div', {
                           style: {
                             fontSize: 11, color: 'var(--dsw-alias-label-secondary)', marginLeft: 24,
                             fontFamily: 'var(--dsw-font-family-mono, monospace)', whiteSpace: 'pre-wrap',
@@ -3156,9 +3484,9 @@ window.__ModuleLoader__.load({
                         }, t('checklist.evidence', { text: item.evidence }))
                       : null,
                   )))
-              : React.createElement('p', { className: 'dkb-hint' }, t('checklist.empty')),
-            React.createElement('div', { style: { display: 'flex', gap: 6, marginTop: 4 } },
-              React.createElement('input', {
+              : 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'),
@@ -3180,7 +3508,7 @@ window.__ModuleLoader__.load({
                   }
                 },
               }),
-              React.createElement('button', {
+              h('button', {
                 type: 'button', className: 'dkb-save',
                 onClick: async () => {
                   if (!newChecklistText.trim()) return
@@ -3199,7 +3527,7 @@ window.__ModuleLoader__.load({
             ),
           ),
           openTask.report && openTask.report.summary
-            ? React.createElement('div', {
+            ? h('div', {
                 style: {
                   margin: '6px 0', padding: 10,
                   background: 'var(--dsw-alias-bg-layer-1)',
@@ -3207,79 +3535,79 @@ window.__ModuleLoader__.load({
                   borderRadius: 6,
                 },
               },
-                React.createElement('div', { className: 'dkb-group', style: { margin: '0 0 6px 0' } }, t('report.title')),
-                React.createElement('div', { style: { fontSize: 13, color: 'var(--dsw-alias-label-primary)', marginBottom: 6, fontWeight: 500 } },
+                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
-                  ? React.createElement('div', { style: { fontSize: 12, marginBottom: 4 } },
-                      React.createElement('span', { style: { fontWeight: 600, color: 'var(--dsw-alias-label-secondary)' } }, t('report.changedFiles') + ': '),
-                      openTask.report.changedFiles.map((f) => React.createElement('span', { className: 'dkb-tag', key: f, style: { margin: '1px 2px', fontFamily: 'monospace' } }, f)),
+                  ? 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
-                  ? React.createElement('div', { style: { fontSize: 12, marginBottom: 4 } },
-                      React.createElement('span', { style: { fontWeight: 600, color: 'var(--dsw-alias-label-secondary)' } }, t('report.checksRun') + ': '),
-                      openTask.report.checksRun.map((chk, i) => React.createElement('div', { key: i, style: { fontFamily: 'monospace', fontSize: 11, marginLeft: 8 } }, '• ' + chk)),
+                  ? 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
-                  ? React.createElement('div', { style: { fontSize: 12, marginBottom: 4 } },
-                      React.createElement('span', { style: { fontWeight: 600, color: 'var(--dsw-alias-label-secondary)' } }, t('report.artifacts') + ': '),
-                      openTask.report.artifacts.map((a, i) => React.createElement('span', { className: 'dkb-tag', key: i, style: { margin: '1px 2px' } }, a)),
+                  ? 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
-                  ? React.createElement('div', { style: { fontSize: 12 } },
-                      React.createElement('span', { style: { fontWeight: 600, color: 'var(--dsw-alias-label-secondary)' } }, t('report.risks') + ': '),
-                      openTask.report.risks.map((r, i) => React.createElement('div', { key: i, style: { fontSize: 11, color: 'var(--dsw-alias-state-warn-primary, #b08800)', marginLeft: 8 } }, '⚠ ' + r)),
+                  ? 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,
-          React.createElement('div', { style: { margin: '6px 0' } },
-            React.createElement('div', { className: 'dkb-group', style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center' } },
-              React.createElement('span', null, t('comments.title')),
+          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
-                ? React.createElement('span', { className: 'dkb-hint' }, `(${openTask.comments.length})`)
+                ? h('span', { className: 'dkb-hint' }, `(${openTask.comments.length})`)
                 : null,
             ),
             Array.isArray(openTask.comments) && openTask.comments.length > 0
-              ? React.createElement('ul', {
+              ? 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) => React.createElement('li', {
+                  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,
                     },
                   },
-                    React.createElement('div', { style: { display: 'flex', justifyContent: 'space-between', marginBottom: 4 } },
-                      React.createElement('span', {
+                    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'))),
-                      React.createElement('span', { style: { color: 'var(--dsw-alias-label-tertiary)', fontSize: 11 } },
+                      h('span', { style: { color: 'var(--dsw-alias-label-tertiary)', fontSize: 11 } },
                         new Date(c.createdAt || Date.now()).toLocaleTimeString()),
                     ),
-                    React.createElement('div', { style: { whiteSpace: 'pre-wrap', color: 'var(--dsw-alias-label-primary)' } }, c.text),
+                    h('div', { style: { whiteSpace: 'pre-wrap', color: 'var(--dsw-alias-label-primary)' } }, c.text),
                   )))
-              : React.createElement('p', { className: 'dkb-hint' }, t('comments.empty')),
-            React.createElement('div', { style: { display: 'flex', flexDirection: 'column', gap: 4, marginTop: 4 } },
-              React.createElement('textarea', {
+              : 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),
               }),
-              React.createElement('button', {
+              h('button', {
                 type: 'button', className: 'dkb-save', style: { alignSelf: 'flex-start' },
                 onClick: async () => {
                   if (!newCommentText.trim()) return
@@ -3297,10 +3625,8 @@ window.__ModuleLoader__.load({
             ),
           ),
           openTask.archivedAt
-            ? React.createElement('button', {
+            ? h('button', {
               type: 'button', className: 'dkb-save', style: { alignSelf: 'flex-start' },
-              // Запускать работу по архивной задаче нечего: сперва она
-              // возвращается на доску, и это одно нажатие.
               onClick: async () => {
                 try {
                   await api('/task/' + encodeURIComponent(openTask.id) + '/restore', { method: 'POST', body: '{}' })
@@ -3310,70 +3636,59 @@ window.__ModuleLoader__.load({
                 } catch (e) { setError(t(e.key || 'error.unknown')) }
               },
             }, t('archive.restore'))
-            : React.createElement('div', { className: 'dkb-start' },
-          React.createElement('div', { className: 'dkb-group' },
+            : h('div', { className: 'dkb-start' },
+          h('div', { className: 'dkb-group' },
             openTask.sessionId ? t('panel.continue') : t('panel.start')),
-          React.createElement('p', { className: 'dkb-hint' },
+          h('p', { className: 'dkb-hint' },
             openTask.sessionId ? t('panel.continueHint') : t('panel.startHint')),
-          // Корень не задан настройкой — сессия пойдёт в рабочей папке
-          // харнесса. Молчать об этом нельзя: человек иначе узнает, где
-          // оказался агент, только из его первых слов. Показываем фактический
-          // корень, который приехал с доской.
           !openTask.sessionId && state && !state.projectRoot.set && state.projectRoot.path !== ''
-            ? React.createElement('p', { className: 'dkb-hint dkb-workdir' },
+            ? h('p', { className: 'dkb-hint dkb-workdir' },
                 t('panel.workDir', { path: state.projectRoot.path }),
-                React.createElement('br'),
+                h('br'),
                 t('panel.workDirHint'))
             : null,
           React.createElement(LaunchFields, {
             t, presets, agentPreset, permission, disabled: starting,
             onPreset: setAgentPreset, onPermission: setPermission,
-            // У идущей сессии профиль уже выбран: сменить его нельзя, а
-            // показывать поле, которое ничего не меняет, — врать.
             hidePreset: Boolean(openTask.sessionId),
           }),
-          React.createElement('div', { className: 'dkb-field' },
-            React.createElement('span', { className: 'dkb-label' }, t('panel.provider')),
-            React.createElement('select', {
+          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('') },
             },
-              React.createElement('option', { value: '' },
+              h('option', { value: '' },
                 providers.length === 0 ? t('panel.noProviders') : t('panel.pickProvider')),
-              providers.map((p) => React.createElement('option', { value: p.id, key: p.id }, p.name)),
+              providers.map((p) => h('option', { value: p.id, key: p.id }, p.name)),
             ),
           ),
-          React.createElement('div', { className: 'dkb-field' },
-            React.createElement('span', { className: 'dkb-label' }, t('panel.model')),
-            React.createElement('select', {
+          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),
             },
-              React.createElement('option', { value: '' },
+              h('option', { value: '' },
                 provider === '' ? t('panel.pickProviderFirst')
                   : models.length === 0 ? t('panel.noModels') : t('panel.pickModel')),
-              models.map((m) => React.createElement('option', { value: m.id, key: m.id }, m.name)),
+              models.map((m) => h('option', { value: m.id, key: m.id }, m.name)),
             ),
           ),
-          React.createElement('div', { className: 'dkb-field' },
-            React.createElement('span', { className: 'dkb-label' }, t('panel.message')),
-            React.createElement('textarea', {
+          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),
             }),
-            React.createElement('p', { className: 'dkb-hint' }, t('panel.messageHint')),
+            h('p', { className: 'dkb-hint' }, t('panel.messageHint')),
           ),
-          // Опасное слева, обычное справа, всё в одной полосе. Отдельная строка
-          // под «Удалить» съедала высоту окна ради одной кнопки, которую
-          // нажимают раз в жизни.
-          React.createElement('div', { className: 'dkb-foot dkb-footSplit' },
-            React.createElement('div', { className: 'dkb-footLeft' },
-            React.createElement('button', {
+          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' })
@@ -3385,7 +3700,7 @@ window.__ModuleLoader__.load({
               },
             }, t('panel.delete')),
             openTask.column === 'done'
-              ? React.createElement('button', {
+              ? h('button', {
                 type: 'button', className: 'dkb-discard',
                 onClick: async () => {
                   try {
@@ -3397,7 +3712,7 @@ window.__ModuleLoader__.load({
               }, t('panel.archive'))
               : null,
             openTask.column === 'cleanup' && openTask.worktree
-              ? React.createElement('button', {
+              ? h('button', {
                 type: 'button', className: 'dkb-discard',
                 onClick: async () => {
                   try {
@@ -3415,10 +3730,10 @@ window.__ModuleLoader__.load({
               }, t('panel.cleanupWorktree'))
               : null,
             ),
-            (openTask.worktree || openTask.rejectReason || (Array.isArray(openTask.runs) && openTask.runs.length > 0)) ? React.createElement('button', {
+            (openTask.worktree || openTask.rejectReason || (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-color-primary, #444)' },
+              style: { marginRight: '8px', border: '1px solid var(--dsw-alias-border-l2)' },
               disabled: starting || model === '',
               onClick: async () => {
                 setStarting(true)
@@ -3442,11 +3757,9 @@ window.__ModuleLoader__.load({
                 }
               },
             }, t('action.resume')) : null,
-            React.createElement('button', {
+            h('button', {
               type: 'button', className: 'dkb-save', disabled: starting || model === '',
               onClick: async () => {
-                // Кнопка блокируется на время запроса: двойное нажатие подняло
-                // бы две сессии по одной задаче.
                 setStarting(true)
                 try {
                   rememberLaunch(board, { provider, model, agentPreset, permission })
@@ -3456,9 +3769,6 @@ window.__ModuleLoader__.load({
                   })
                   setOpenTask(null)
                   await load(board)
-                  // Сессия поднята — но пока её не открыли, для человека
-                  // «ничего не произошло»: он остаётся на доске и не видит
-                  // чата, ради которого нажимал.
                   if (!openSession(props.ctx, out && out.sessionId)) {
                     setError(t('error.sessionNotOpened', { id: (out && out.sessionId) || '' }))
                     return
@@ -3478,18 +3788,18 @@ window.__ModuleLoader__.load({
         : null
 
       const moveDialogEl = dialog && dialog.mode === 'move'
-        ? React.createElement('div', { className: 'dkb-dialog', onClick: () => setDialog(null) },
-          React.createElement('div', { className: 'dkb-dialogBox', onClick: (e) => e.stopPropagation() },
-            React.createElement('span', { className: 'dkb-title' },
+        ? 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) })),
-            React.createElement('p', { className: 'dkb-note' },
+            h('p', { className: 'dkb-note' },
               cardRef(dialog.task) ? cardRef(dialog.task) + ' · ' + dialog.task.title : dialog.task.title),
-            React.createElement('p', { className: 'dkb-hint' }, t('move.' + dialog.column)),
-            React.createElement('div', { className: 'dkb-row' },
-              React.createElement('button', {
+            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')),
-              React.createElement('button', {
+              h('button', {
                 type: 'button', className: 'dkb-save',
                 onClick: () => {
                   const d = dialog
@@ -3501,51 +3811,49 @@ window.__ModuleLoader__.load({
           ))
         : null
 
-      // Групповой запуск. Провайдер и модель спрашиваем один раз на всю пачку:
-      // сессия одна, значит и модель одна.
       const batchEl = dialog && dialog.mode === 'batch'
-        ? React.createElement('div', { className: 'dkb-dialog', onClick: () => setDialog(null) },
-          React.createElement('div', { className: 'dkb-dialogBox', onClick: (e) => e.stopPropagation() },
-            React.createElement('span', { className: 'dkb-title' },
+        ? 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 })),
-            React.createElement('p', { className: 'dkb-hint' }, t('batch.hint')),
-            dialog.error ? React.createElement('p', { className: 'dkb-failed' }, dialog.error) : null,
-            React.createElement('ul', { className: 'dkb-batchList' },
+            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 React.createElement('li', { className: 'dkb-batchRow', key: id },
-                  React.createElement('span', { className: 'dkb-refNum' }, String(at + 1)),
-                  React.createElement('span', null, task ? task.title : id))
+                return h('li', { className: 'dkb-batchRow', key: id },
+                  h('span', { className: 'dkb-refNum' }, String(at + 1)),
+                  h('span', null, task ? task.title : id))
               })),
-            React.createElement('div', { className: 'dkb-field' },
-              React.createElement('span', { className: 'dkb-label' }, t('panel.provider')),
-              React.createElement('select', {
+            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('') },
               },
-                React.createElement('option', { value: '' }, t('panel.pickProvider')),
-                providers.map((p) => React.createElement('option', { value: p.id, key: p.id }, p.name)),
+                h('option', { value: '' }, t('panel.pickProvider')),
+                providers.map((p) => h('option', { value: p.id, key: p.id }, p.name)),
               ),
             ),
-            React.createElement('div', { className: 'dkb-field' },
-              React.createElement('span', { className: 'dkb-label' }, t('panel.model')),
-              React.createElement('select', {
+            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),
               },
-                React.createElement('option', { value: '' }, t('panel.pickModel')),
-                models.map((m) => React.createElement('option', { value: m.id, key: m.id }, m.name)),
+                h('option', { value: '' }, t('panel.pickModel')),
+                models.map((m) => h('option', { value: m.id, key: m.id }, m.name)),
               ),
             ),
             React.createElement(LaunchFields, {
               t, presets, agentPreset, permission,
               onPreset: setAgentPreset, onPermission: setPermission,
             }),
-            React.createElement('div', { className: 'dkb-row' },
-              React.createElement('button', {
+            h('div', { className: 'dkb-row' },
+              h('button', {
                 type: 'button', className: 'dkb-discard', onClick: () => setDialog(null),
               }, t('dialog.cancel')),
-              React.createElement('button', {
+              h('button', {
                 type: 'button', className: 'dkb-save', disabled: model === '',
                 onClick: async () => {
                   try {
@@ -3557,8 +3865,6 @@ window.__ModuleLoader__.load({
                     setDialog(null)
                     setPicked({})
                     await load(board)
-                    // Сессия поднята — но пока её не открыли, для человека
-                    // «ничего не произошло».
                     if (!openSession(props.ctx, out && out.sessionId)) {
                       setError(t('error.sessionNotOpened', { id: (out && out.sessionId) || '' }))
                       return
@@ -3574,28 +3880,28 @@ window.__ModuleLoader__.load({
         : null
 
       const queueEl = dialog && dialog.mode === 'queue'
-        ? React.createElement('div', { className: 'dkb-dialog', onClick: () => setDialog(null) },
-          React.createElement('div', { className: 'dkb-dialogBox', onClick: (e) => e.stopPropagation() },
-            React.createElement('span', { className: 'dkb-title' }, t('queue.title')),
-            React.createElement('p', { className: 'dkb-hint' }, t('queue.hint')),
-            dialog.error ? React.createElement('p', { className: 'dkb-failed' }, dialog.error) : null,
-            React.createElement('div', { className: 'dkb-field' },
-              React.createElement('span', { className: 'dkb-label' }, t('queue.session')),
-              React.createElement('select', {
+        ? 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) => React.createElement('option', {
+              }, 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,
               })))),
             ),
-            React.createElement('div', { className: 'dkb-row' },
-              React.createElement('button', {
+            h('div', { className: 'dkb-row' },
+              h('button', {
                 type: 'button', className: 'dkb-discard', onClick: () => setDialog(null),
               }, t('dialog.cancel')),
-              React.createElement('button', {
+              h('button', {
                 type: 'button', className: 'dkb-save',
                 onClick: async () => {
                   try {
@@ -3615,17 +3921,15 @@ window.__ModuleLoader__.load({
         : null
 
       const dialogEl = dialog && dialog.mode !== 'move' && dialog.mode !== 'batch' && dialog.mode !== 'queue'
-        ? React.createElement('div', { className: 'dkb-dialog', onClick: () => setDialog(null) },
-          React.createElement('div', { className: 'dkb-dialogBox', onClick: (e) => e.stopPropagation() },
-            React.createElement('span', { className: 'dkb-title' }, t('dialog.title')),
-            React.createElement('div', { className: 'dkb-row' },
-              React.createElement('button', {
+        ? 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')),
-              // Простая доска — для задач без issue, и предлагать на ней импорт
-              // значит звать туда, откуда сервер вернёт отказ.
-              state.kind === 'simple' ? null : React.createElement('button', {
+              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: '' }))
@@ -3639,93 +3943,86 @@ window.__ModuleLoader__.load({
                 },
               }, t('dialog.fromGitea')),
             ),
-            dialog.error ? React.createElement('p', { className: 'dkb-failed' }, dialog.error) : null,
+            dialog.error ? h('p', { className: 'dkb-failed' }, dialog.error) : null,
             dialog.mode === 'own'
-              ? React.createElement('div', null,
-                // Проект или нет — это выбор доски, и он же выбор судьбы
-                // задачи: у проектной появляется issue, у остальной нет.
-                // Правило без исключений: есть issue — проектная доска.
-                React.createElement('div', { className: 'dkb-field' },
-                  React.createElement('span', { className: 'dkb-label' }, t('dialog.kind')),
-                  React.createElement('div', { className: 'dkb-row' },
-                    React.createElement('button', {
+              ? 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')),
-                    React.createElement('button', {
+                    h('button', {
                       type: 'button', className: dialog.project ? 'dkb-discard' : 'dkb-save',
                       onClick: () => setDialog(Object.assign({}, dialog, { project: false, error: '' })),
                     }, t('dialog.kindPlain')),
                   ),
-                  React.createElement('p', { className: 'dkb-hint' },
+                  h('p', { className: 'dkb-hint' },
                     t(dialog.project ? 'dialog.kindProjectHint' : 'dialog.kindPlainHint')),
                 ),
                 dialog.project
-                  ? React.createElement('div', { className: 'dkb-field' },
-                    React.createElement('span', { className: 'dkb-label' }, t('dialog.repo')),
-                    React.createElement('select', {
+                  ? 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 })),
                     },
-                      React.createElement('option', { value: '' }, t('dialog.repoNew')),
+                      h('option', { value: '' }, t('dialog.repoNew')),
                       (state.facets || [])
                         .filter((f) => f.ns === REPO_FACET)
                         .flatMap((f) => f.values)
-                        .map((v) => React.createElement('option', { value: v.value, key: v.value }, v.value)),
+                        .map((v) => h('option', { value: v.value, key: v.value }, v.value)),
                     ),
                     (dialog.repo || '') === ''
-                      ? React.createElement('div', null,
-                        React.createElement('input', {
+                      ? 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 })),
                         }),
-                        // Создание репозитория необратимо в один клик, и
-                        // человек должен видеть это ДО нажатия, а не после.
-                        React.createElement('p', { className: 'dkb-hint' }, t('dialog.repoNewHint')),
+                        h('p', { className: 'dkb-hint' }, t('dialog.repoNewHint')),
                       )
                       : null,
                   )
                   : null,
-                React.createElement('div', { className: 'dkb-field' },
-                  React.createElement('span', { className: 'dkb-label' }, t('dialog.taskTitle')),
-                  React.createElement('input', {
+                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('div', { className: 'dkb-field' },
-                  React.createElement('span', { className: 'dkb-label' }, t('dialog.taskBody')),
-                  React.createElement('textarea', {
+                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 })),
                   }),
-                  React.createElement('p', { className: 'dkb-hint' }, t('dialog.bodyHint')),
+                  h('p', { className: 'dkb-hint' }, t('dialog.bodyHint')),
                 ),
-                React.createElement('div', { className: 'dkb-field' },
-                  React.createElement('span', { className: 'dkb-label' }, t('dialog.taskLabels')),
-                  React.createElement('input', {
+                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 })),
                   }),
                 ),
-                React.createElement('div', { className: 'dkb-field' },
-                  React.createElement('span', { className: 'dkb-label' }, t('dialog.taskColumn')),
-                  React.createElement('select', {
+                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) => React.createElement('option', { value: c.id, key: c.id }, t('column.' + c.id)))),
+                  }, (state.columns || []).map((c) => h('option', { value: c.id, key: c.id }, t('column.' + c.id)))),
                 ),
-                React.createElement('div', { className: 'dkb-foot' },
-                  React.createElement('button', { type: 'button', className: 'dkb-discard', onClick: () => setDialog(null) }, t('dialog.cancel')),
-                  React.createElement('button', {
+                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) {
-                          // Проектная задача заводит issue и привязывается к
-                          // нему; метки ей ставит Gitea, а не мы.
                           await api('/project-task', {
                             method: 'POST',
                             body: JSON.stringify({
@@ -3742,12 +4039,8 @@ window.__ModuleLoader__.load({
                             body: JSON.stringify({
                               title: dialog.title,
                               body: dialog.body || '',
-                              // Метки вводятся через запятую: отдельный редактор
-                              // меток ради своей задачи — лишняя мебель.
                               labels: String(dialog.labels || '').split(',').map((x) => x.trim()).filter(Boolean),
                               column: dialog.column || 'backlog',
-                              // Задача без issue живёт на простой доске: правило
-                              // без исключений, и помнить, где её завели, не надо.
                               board: 'simple',
                             }),
                           })
@@ -3761,9 +4054,9 @@ window.__ModuleLoader__.load({
                   }, t('dialog.create')),
                 ),
               )
-              : React.createElement('div', null,
-                React.createElement('div', { className: 'dkb-row' },
-                  React.createElement('select', {
+              : 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) => {
@@ -3780,20 +4073,20 @@ window.__ModuleLoader__.load({
                       }
                     },
                   },
-                    React.createElement('option', { 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 React.createElement('option', { value: full, key: full }, repoOption(r, t))
+                      return h('option', { value: full, key: full }, repoOption(r, t))
                     }),
                   ),
                 ),
                 dialog.issues === null ? null
                   : dialog.issues.length === 0
-                    ? React.createElement('p', { className: 'dkb-note' }, t('dialog.noIssues'))
-                    : React.createElement('div', { className: 'dkb-list' }, dialog.issues.map((issue) =>
-                      React.createElement('button', {
+                    ? 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,
@@ -3816,25 +4109,21 @@ window.__ModuleLoader__.load({
           ))
         : null
 
-      // Архив — свой экран, а не колонка: колонка это стадия работы, а архив
-      // стадией не является. Возврат ставит карточку ровно туда, где она была.
       const archiveEl = archive
-        ? React.createElement('div', { className: 'dkb-archive' },
-          React.createElement('p', { className: 'dkb-hint' }, t('archive.hint')),
+        ? h('div', { className: 'dkb-archive' },
+          h('p', { className: 'dkb-hint' }, t('archive.hint')),
           archive.length === 0
-            ? React.createElement('p', { className: 'dkb-note' }, t('archive.empty'))
-            : React.createElement('ul', { className: 'dkb-archiveList' },
-              archive.map((task) => React.createElement('li', { className: 'dkb-archiveRow', key: task.id },
-                React.createElement('button', {
+            ? 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(' · ')),
-                React.createElement('span', { className: 'dkb-taskRef', title: exactAt(task.archivedAt) },
+                h('span', { className: 'dkb-taskRef', title: exactAt(task.archivedAt) },
                   t('archive.since', { ago: agoText(state.now, task.archivedAt, t) })),
-                React.createElement('button', {
+                h('button', {
                   type: 'button', className: 'dkb-discard',
                   onClick: async () => {
                     try {
@@ -3848,45 +4137,43 @@ window.__ModuleLoader__.load({
         )
         : null
 
-      // Метрика — это взгляд на журнал, а не новые данные: экран ничего не
-      // меняет, поэтому и кнопок действий на нём нет.
       const metricsEl = metrics
-        ? React.createElement('div', { className: 'dkb-archive' },
-          React.createElement('p', { className: 'dkb-hint' },
+        ? h('div', { className: 'dkb-archive' },
+          h('p', { className: 'dkb-hint' },
             t('metrics.hint', { n: metrics.tasks, week: metrics.done.week, month: metrics.done.month })),
-          React.createElement('div', { className: 'dkb-group' }, t('metrics.columns')),
+          h('div', { className: 'dkb-group' }, t('metrics.columns')),
           metrics.columns.length === 0
-            ? React.createElement('p', { className: 'dkb-note' }, t('metrics.empty'))
-            : React.createElement('ul', { className: 'dkb-archiveList' },
-              metrics.columns.map((row) => React.createElement('li', {
+            ? 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,
               },
-                React.createElement('span', { className: 'dkb-archiveTitle' }, columnTitle({ id: row.column }, t)),
-                React.createElement('span', { className: 'dkb-taskRef' },
+                h('span', { className: 'dkb-archiveTitle' }, columnTitle({ id: row.column }, t)),
+                h('span', { className: 'dkb-taskRef' },
                   t('metrics.median', { time: agoText(0, -row.median, t) })),
-                React.createElement('span', { className: 'dkb-taskRef' },
+                h('span', { className: 'dkb-taskRef' },
                   t('metrics.mean', { time: agoText(0, -row.mean, t) })),
-                React.createElement('span', { className: 'dkb-count' }, String(row.tasks)),
+                h('span', { className: 'dkb-count' }, String(row.tasks)),
               ))),
-          React.createElement('div', { className: 'dkb-group' },
+          h('div', { className: 'dkb-group' },
             t('metrics.stale', { days: metrics.staleDays })),
           metrics.stale.length === 0
-            ? React.createElement('p', { className: 'dkb-note' }, t('metrics.noStale'))
-            : React.createElement('ul', { className: 'dkb-archiveList' },
-              metrics.stale.map((row) => React.createElement('li', {
+            ? 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,
               },
-                React.createElement('span', { className: 'dkb-archiveTitle' }, row.title),
-                React.createElement('span', { className: 'dkb-taskRef' }, columnTitle({ id: row.column }, t)),
-                React.createElement('span', { className: 'dkb-taskRef', title: exactAt(row.since) },
+                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
 
-      return React.createElement('div', { className: 'dkb-screen' },
+      return h('div', { className: 'dkb-screen' },
         style, bar,
-        error ? React.createElement('p', { className: 'dkb-failed' }, error) : null,
+        error ? h('p', { className: 'dkb-failed' }, error) : null,
         metrics ? metricsEl : archive ? archiveEl : columns,
         panel, dialogEl, moveDialogEl, batchEl, queueEl,
       )
@@ -3928,41 +4215,38 @@ window.__ModuleLoader__.load({
           })
           setTask(out.task)
           setOpen(false)
-        } catch { /* причину показывает доска; шапку не ломаем */ }
+        } catch { /* board handles error; keep header intact */ }
       }, [task])
 
       if (!task) return null
 
       const label = [cardRef(task) || task.title, t('column.' + task.column)].filter(Boolean).join(' · ')
-      return React.createElement('span', { className: 'dkb-chipWrap' },
-        React.createElement('style', null, css),
-        React.createElement('button', {
+      ensureCss()
+      return h('span', { className: 'dkb-chipWrap' },
+        h('button', {
           type: 'button', className: 'dkb-chip', title: task.title,
           onClick: () => setOpen((v) => !v),
         }, '▦ ' + label),
-        open ? React.createElement('div', { className: 'dkb-chipPanel' },
-          React.createElement('span', { className: 'dkb-hint' }, t('chip.moveTo')),
-          columns.map((id) => React.createElement('button', {
+        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
-            ? React.createElement('button', {
+            ? h('button', {
               type: 'button', className: 'dkb-discard',
               onClick: () => { setOpen(false); props.toggle.show(task.id, task.board) },
             }, t('chip.openCard'))
             : null,
-          React.createElement('span', { className: 'dkb-hint' }, t('chip.note')),
-          React.createElement('textarea', {
+          h('span', { className: 'dkb-hint' }, t('chip.note')),
+          h('textarea', {
             className: 'dkb-area', value: note, disabled: saving,
             onChange: (e) => setNote(e.target.value),
           }),
-          // Тело уходит агенту первым сообщением при запуске: заметка до
-          // запуска попадёт в работу, после — нет. Молчать об этом значит
-          // сделать поведение случайным на вид.
-          React.createElement('span', { className: 'dkb-hint' }, t('chip.noteHint')),
-          React.createElement('button', {
+          h('span', { className: 'dkb-hint' }, t('chip.noteHint')),
+          h('button', {
             type: 'button', className: 'dkb-save',
             disabled: saving || note.trim() === '',
             onClick: async () => {
@@ -3974,7 +4258,7 @@ window.__ModuleLoader__.load({
                 setTask(out.task)
                 setNote('')
                 setOpen(false)
-              } catch { /* причину показывает доска; шапку не ломаем */ } finally {
+              } catch { /* board handles error; keep header intact */ } finally {
                 setSaving(false)
               }
             },
@@ -3984,17 +4268,6 @@ window.__ModuleLoader__.load({
     }
 
 
-    // ------------------------------------------------- встраивание в оболочку
-    //
-    // Раздела верхнего уровня в этой сборке нет: слоты `app.section` и
-    // `sidebar.section` отсутствуют, а `settings.section` уводит доску в
-    // настройки, где ей не место. Поэтому строка и экран вставляются прямо в
-    // вёрстку оболочки — тем же приёмом, каким это делает штатный task board.
-    //
-    // Приём хрупкий по своей природе: он опирается на чужую вёрстку. Смягчение
-    // — селекторы по подстроке класса, наблюдатели за перерисовкой React и
-    // мягкий отказ: не нашли корень — просто ничего не показали, ничего не
-    // сломали.
 
     const PANEL = 'kanban'
     const ACTIVATE_EVENT = 'dsh-panel-activate'
@@ -4012,8 +4285,6 @@ window.__ModuleLoader__.load({
     /** @see helpers.createToggle */
     function createToggle() {
       let open = false
-      // Задача, которую просили показать при открытии. Состояние окна живёт
-      // внутри экрана доски, и снаружи до него иначе не дотянуться.
       let wanted = undefined
       const listeners = new Set()
       return {
@@ -4026,8 +4297,6 @@ window.__ModuleLoader__.load({
         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)
         },
@@ -4124,8 +4393,6 @@ window.__ModuleLoader__.load({
         else delete entry.dataset.active
       }
 
-      // Оболочка перерисовывается сама по себе: без наблюдателя кнопка исчезнет
-      // при первом же обновлении списка сессий.
       const observer = new MutationObserver(tryPlace)
       observer.observe(document.body, { childList: true, subtree: true })
       const unsubscribe = toggle.subscribe(syncActive)
@@ -4154,7 +4421,7 @@ window.__ModuleLoader__.load({
         container.setAttribute('data-dsh-plugin', 'kanban')
         column.appendChild(container)
         root = ReactDOM.createRoot(container)
-        root.render(React.createElement(BoardScreen, { ctx, toggle, onClose: () => toggle.set(false) }))
+        root.render(h(BoardScreen, { ctx, toggle, onClose: () => toggle.set(false) }))
       }
 
       const applyActive = () => {
@@ -4166,8 +4433,6 @@ window.__ModuleLoader__.load({
         }
       }
 
-      // Соседние панели объявляют себя тем же событием: две панели поверх одной
-      // колонки одновременно — это каша, поэтому уступаем.
       const onOtherActivate = (event) => {
         if (event.detail !== PANEL && toggle.isOpen()) toggle.set(false)
       }
@@ -4198,7 +4463,6 @@ window.__ModuleLoader__.load({
       }
     }
 
-    // ------------------------------------------------------------ регистрация
 
     /**
      * Зарегистрировать компонент в первый слот, который его примет.
@@ -4225,7 +4489,7 @@ window.__ModuleLoader__.load({
           if (registeredInSlot || (res !== null && res !== false && res !== undefined)) {
             return entry.name
           }
-        } catch { /* слота нет в этой сборке — пробуем следующий */ }
+        } catch { /* slot missing in build — try next */ }
       }
       return undefined
     }
@@ -4233,32 +4497,25 @@ window.__ModuleLoader__.load({
     helpers.createToggle = createToggle
 
     function apply(ctx) {
-      ctx.effect(() => ctx.locale.register(NS, { en, zh }), 'dsh-kanban: словари')
-
-      // Карточка настроек в Настройки → Плагины → Настройки плагинов.
-      // Ключ обязан совпадать с пространством настроек: вкладка перебирает
-      // объявленные пространства и рисует слот settings.plugin.item с entryKey,
-      // равным имени пространства.
-      // Собственный раздел верхнего уровня (settings.section) не регистрируется,
-      // чтобы не засорять плоский общий список настроек (#238).
+      ctx.effect(() => ctx.locale.register(NS, { en, zh }), 'dsh-kanban: locales')
+
+      refreshMirrorUntilVisible(ctx)
+      const SettingsErrorBoundary = createErrorBoundary()
+      const SafeSettingsCard = (props) => h(SettingsErrorBoundary, null, h(KanbanSettingsCard, props))
       const cardSlot = registerFirst(ctx, [
         { name: 'settings.plugin.item', key: NS, locale: NS, inject: () => ({ ctx }) },
-      ], KanbanSettingsCard)
+      ], SafeSettingsCard)
 
-      // Экран доски встраивается в оболочку, а не в слот: раздела верхнего
-      // уровня в сборке нет, а настройки — не место для доски.
       const toggle = createToggle()
       ctx.effect(() => {
         const off = [mountSidebarEntry(toggle, fallbackT('section.label')), mountBoard(ctx, toggle)]
         return () => { for (const dispose of off) dispose() }
-      }, 'dsh-kanban: доска в оболочке')
+      }, 'dsh-kanban: shell board')
 
-      // Чип задачи в шапке чата. Слот подтверждён живым плагином dsh-gitea.
       const chipSlot = registerFirst(ctx, [
         { name: 'conversation.session.header.utilities', id: '@goodandready/dsh-kanban.chip', order: 26, locale: NS, inject: () => ({ ctx, toggle }) },
       ], TaskChip)
 
-      // Куда встали — видно снаружи: живая проверка сверяет это с интерфейсом.
       exports.slots = { card: cardSlot, chip: chipSlot }
     }